VOOZH about

URL: https://he.wikipedia.org/wiki/AngularJS

⇱ Angular – ויקיפדיה

לדלג לתוכן
מתוך ויקיפדיה, האנציקלופדיה החופשית
(הופנה מהדף AngularJS)
Angular
👁 לוגו אנגולר
מפתח Google, Brat Tech LLC, והקהילה
מחזור חיים 14 בספטמבר 2016 – הווה (9 שנים ו־9 חודשים)
גרסה אחרונה 22.0.0 (3 ביוני 2026) 👁 עריכת הנתון בוויקינתונים
מערכת הפעלה חוצה-פלטפורמות
נכתבה בשפות TypeScript
סוג רישיון רישיון MIT
קוד מקור https://github.com/angular/angular 👁 עריכת הנתון בוויקינתונים
קטגוריה ספריית JavaScript

Angular.io

Angular.dev
👁 לעריכה בוויקינתונים שמשמש מקור לחלק מהמידע בתבנית
 👁 Image

בפיתוח תוכנה, אנגולר (באנגלית: Angular, מכונה גם "Angular 2+") היא תוכנה חופשית וקוד פתוח המשמשת כתשתית תוכנה ליישומי רשת, ומבוססת על שפת TypeScript.[1] היא מתוחזקת על ידי גוגל ועל ידי קהילה רחבה של מפתחים. אנגולר נכתבה מאפס על ידי אותו צוות מפתחים בגוגל שפיתח את AngularJS (אנ'), תשתית תוכנה ליישומי רשת שהתבססה על שפת JavaScript.

התשתית מיועדת לפיתוח יישומי דף-יחיד, ופישוט הפיתוח והבדיקות של יישומים אלו, באמצעות תשתית תוכנה לארכיטקטורות צד לקוח כמו MVC או MVVM, יחד עם רכיבים בהם משתמשים בדרך כלל ביישומי אינטרנט עשירים.

השכתוב של "AngularJS" נקרא "Angular 2", אך זה גרם לבלבול בקרב מתכנתים. לשם בהירות, הצוות הודיע ששמות נפרדים ישמשו לכל אחד מהפריימוורקים, כאשר "AngularJS" מתייחס לגרסאות 1.X ואילו "Angular" בלי "JS" מתייחס לגרסאות 2 ומעלה.[2]

אנגולר 2.0 הוכרז בוועידת ng-Europe באוקטובר 2014.[3][4] השינויים הדרסטיים בגרסה זו עוררו מחלוקת בקרב קהילת המפתחים.[5]

ב-30 באפריל 2015, צוות הפיתוח של אנגולר הכריז שאנגולר 2 עברה מגרסת אלפא לגרסת תצוגה מקדימה למפתחים.[6] בדצמבר 2015 עברה הגרסה לבטא,[7] וגרסה מועמדת להפצה פורסמה במאי 2016.[8] הגרסה הסופית שוחררה ב-14 בספטמבר 2016.

ב-13 בדצמבר 2016 הוכרזה גרסה 4, על מספר 3 דילגו כדי למנוע בלבול סביב חוסר הסנכרון בין הגרסה של חבילת הניתוב שכבר הופצה כ-v3.3.0.‏[9] הגרסה הסופית יצאה ב-23 במרץ 2017.[10] אנגולר 4 היא בעלת תאימות לאחור לאנגולר 2.[11]

גרסה 4.3 היא גרסה משנית, מה שאומר שהיא לא מכילה שינויים שוברים ושהיא נועדה להחליף את הגרסאות 4.x.x שקדמו לה.

תכונות חדשות בגרסה 4.3:

  • "HttpClient" - ספרייה קטנה יותר, קלה לשימוש ורבת יכולות לביצוע קריאות HTTP.
  • ארבעה איוונטים חדשים במחזור חיי הניתוב: GuardsCheckStart, GuardsCheckEnd, ResolveStart, ResolveEnd.
  • השבתה של הנפשות בהתאם לתנאים.

אנגולר 5 יצא ב-1 בנובמבר 2017.[12] שיפורים עיקריים באנגולר 5 כוללים תמיכה באפליקציות רשת פרוגרסיביות, אופטימייזר לבניית תוכנה ושיפורים הקשורים למטריאל דיזיין (שפת העיצוב המשתמשת את אנגולר).[13]


אנגולר 6 יצא ב-4 במאי 2018.[14] הגרסה מתמקדת פחות בשלד התוכנה עצמו ויותר בארגז הכלים הנלווה וביכולת לזוז מהר יותר בעתיד, ובכלל זה בכלים: ng update, ng add, Angular Elements, Angular Material + CDK, Angular Material Starter Components, CLI Workspaces, Library Support, Tree Shakable Providers, Animations Performance Improvements, ו-RxJS v6.

אנגולר 7 יצא ב-18 באוקטובר 2018 והכיל עדכונים הקשורים לביצועי האפליקציות, Angular Material + CDK, Virtual Scrolling, נגישות משופרת באלמנט לבחירה מרשימה, תמיכה בהקרנת תוכן (Content Projection), עדכוני תלויות עבור Typescript 3.1, RxJS 6.3, Node 10 (אך עדיין תומך ב-Node 8).[15]

אנגולר 8 יצא ב-28 במאי 2019 והכיל: טעינה דיפרנציאלית עבור כל הקוד של האפליקציה, ייבוא דינמי עבור נתיבים, וורקרים, תמיכה ב-TypeScript 3.4, וגרסת תצוגה מקדימה של מנוע הרינדור Angular Ivy, שמגיע כבוי בברירת מחדל. התצוגה המקדימה של Angular Ivy כללה:[16]

  • ייצור קוד שקל יותר לקרוא ולדבג בזמן ריצה
  • קיצור זמן בנייה מחדש
  • שיפור בנפח התעבורה
  • בדיקה משופרת של טיפוסים בתבנית
  • תאימות לאחור

אנגולר 9 יצא ב-6 בפברואר 2020. גרסה 9 מעבירה את כל האפליקציות לשימוש במנוע Ivy להידור והרצה בברירת מחדל. אנגולר עודכן לעבוד עם גרסאות 3.6 ו-3.7 של TypeScript. בנוסף למאות תיקוני באגים, מהדר Ivy מציע יתרונות רבים:

  • חבילות קוד קטנות יותר
  • הרצת בדיקות מהירה יותר
  • ניפוי שגיאות מהיר יותר
  • קישור משופר של קלאסים ועיצוב ב-CSS
  • בדיקת טיפוסים משופרת
  • שגיאות בנייה משופרות
  • שיפור זמני בנייה, הפעלת בנייה לפני ריצה בברירת מחדל (Ahead of time - AOT)
  • לוקליזציה משופרת

אנגולר 10 יצא ב-24 ביוני 2020.[17]

  • וידג'ט חדש לבחירת טווח תאריכים (בספריית Material UI)
  • אזהרות על ייבוא של CommonJS
  • הגדרות אפשריות קשיחות יותר
  • הגדרת תצורה חדשה לדפדפן ברירת מחדל
  • הסרה של קוד ישן

אנגולר 11 יצא ב-11 בנובמבר 2020.[18]

אנגולר 12 יצא ב-12 במאי 2021.[19]

הופסקה התמיכה בדפדפן Internet Explorer 11.

גרסה 13 יצאה ב-4 בנובמבר 2021.[20]

גרסה 14 יצאה ב-2 ביוני 2022. בין התכונות החדשות: טפסים עם הגדרות טיפוסים, קומפוננטות עצמאיות.

גרסה 15 יצאה ב-16 בנובמבר 2022. בין התכונות החדשות: ממשקי API עצמאיים יציבים, המאפשרים למפתחי Angular לבנות אפליקציות ללא מודולי Ng. ניפוי באגים טוב יותר ושימוש חוזר בקוד.

גרסה 16 יצאה ב-3 במאי 2023. היא כוללת תכונות חדשות כגון הידרציה חלקית לרינדור צד השרת (SSR) של Angular Universal, תמיכה ניסיונית ב-Jest, מערכת בנייה מבוססת בנייה לשרתי פיתוח, תמיכה בפרויקטים עצמאיים (standalone) שינוי של הLife-cycle, ללא צורך לרנדר את כל הדף מחדש במקרה של שינוי נקודתי. יכולת פעולה הדדית טובה יותר עם RxJS, ועוד.

דוגמה לתוכנית Angular

[עריכת קוד מקור | עריכה]

בקובץ ה-app.component.ts

import{Component}from'@angular/core';

@Component({
selector:'app-root',
templateUrl:'./app.component.html',
styleUrls:['./app.component.css']
})

exportclassAppComponent{
title='app works';
}

ובקובץ ה-app.component.html

<div>
<h1class="color"*ngIf="title">{{title}}</h1>
<h1class="color"*ngIf="!title">הכותרתאםהמשתנהלאמוגדר</h1>
</div>

ובקובץ ה-app.component.css

.color{
color:red;
background-color:#eee;
width:100%;
text-align:center;
}

הבדלים בין Angular ו-AngularJS

[עריכת קוד מקור | עריכה]

גוגל תכננה את אנגולר כשכתוב מאפס של AngularJS.

  • באנגולר לא קיים הרעיון של תחום הכרזה או קונטרולרים; תחת זאת הוא עושה שימוש בהיררכיה של קומפוננטות כמאפיין הארכיטקטוני העיקרי שלו.[21]
  • באנגולר יש תחביר שונה, סוגריים רבועים "[ ]" משמשים לקישור משתנים, "( )" משמש להאזנה לאירועים.[22]
  • מודולריות - הרבה מהפונקציונליות העיקרית עברה למודולים.
  • אנגולר מתעדפת שימוש בשפת התכנות TypeScript, שכוללת את התכונות הבאות:
  • טעינה דינמית.
  • הידור תבניות אסינכרוני.
  • קולבקים איטרטיביים באמצעות RxJS.
  • תמיכה בהרצת אפליקציות אנגולר בשרתים.

קישורים חיצוניים

[עריכת קוד מקור | עריכה]
👁 ויקישיתוף
 מדיה וקבצים בנושא Angular בוויקישיתוף

הערות שוליים

[עריכת קוד מקור | עריכה]
  1. ↑ What is Angular, angular.io
  2. ↑ "Angular: Branding Guidelines for AngularJS".
  3. ↑ Coman Hamilton (28 באוקטובר 2014). "A sneak peek at the radically new Angular 2.0".{{cite web}}: (עזרה)
  4. ↑ "Ng-Europe schedule".
  5. ↑ Coman Hamilton (29 באוקטובר 2014). "Angular 2.0 announcement backfires".{{cite web}}: (עזרה)
  6. ↑ @angularjs. "Angular 2 moves from Alpha to Developer Preview! Dev guide and API docs now available at ... angular.io/docs/js/latest" (Tweet) – via Twitter.
  7. ↑ "Angular: Angular 2 Beta". angularjs.blogspot.it.
  8. ↑ "angular/angular". GitHub.
  9. ↑ "Ok... let me explain: it's going to be Angular 4.0". angularjs.blogspot.kr.
  10. ↑ "Angular 4.0.0 Now Available". angularjs.blogspot.ca.
  11. ↑ "Angular 4 coming in 2017, to be backwards compatible with Angular 2". react-etc.net.
  12. ↑ Fluin, Stephen. "Version 5.0.0 of Angular Now Available".{{cite web}}: (עזרה)
  13. ↑ "Angular 5 JavaScript framework delayed". 18 בספטמבר 2017.{{cite web}}: (עזרה)
  14. ↑ "Version 6.0.0 of Angular Now Available".{{cite web}}: (עזרה)
  15. ↑ Fluin, Stephen (2018-10-18). "Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more". Angular Blog.
  16. ↑ Fluin, Stephen (2019-02-08). "A plan for version 8.0 and Ivy". Angular Blog.
  17. ↑ "Version 10 of Angular Now Available". 25 ביוני 2020.{{cite web}}: (עזרה)
  18. ↑ "Version 11 of Angular Now Available". 4 בדצמבר 2020.{{cite web}}: (עזרה)
  19. ↑ Thompson, Mark (2021-05-12). "Angular v12 is now available". Medium (באנגלית).
  20. ↑ Thompson, Mark. "Angular v13 is now Available". Angular Blog.{{cite web}}: (עזרה)
  21. ↑ "Angular Docs". angular.io.
  22. ↑ "What's the difference between AngularJS and Angular?". gorrion.io. 19 בספטמבר 2017.{{cite web}}: (עזרה)
👁 art=Google
מייסדים: לארי פייג' • סרגיי ברין • מנכ"ל: סונדאר פיצ'אי • יושב ראש: אריק שמידט
חברות קשורות חברת אם: אלפאבית • חברת בת: גוגל ישראל
מנועי חיפוש מנוע חיפוש • תמונות • וידאו • חדשות • ספרים • סקולר • טיסות
מערכת הפעלה לסלולרי ולטאבלט: אנדרואיד ‏| למחשב: Chrome OS ‏‏(Chromium OS)‏‏ | לטלוויזיה:‏ Google TV • Android TV ‏| למכשירים לבישים: Wear OS‏ | לרכב: Android Auto ‏| פוקסיה
דפדפן כרום (כרומיום)
מפות וצילומים מפות • תצוגת רחוב • Google Art Project ‏• Google Earth •‏ Google Views •‏ Google Lens
דוא"ל ורשת חברתית Gmail • קבוצות‏
סמארטפונים ומחשבים גוגל נקסוס ‏• Chromebook
פיקסל Chromebook Pixel ‏• פיקסל (טלפון חכם) • פיקסל C
שרותי רשת, ענן, תוכנה ואפליקציה שירותי גוגל פליי • תרגום • יומן • YouTube ‏• YouTube Premium ‏• Blogger •‏ Sites ‏• Trends ‏• Google Analytics ‏ • כונן גוגל • גוגל פורמס • גוגל שיטס •‏ Google Drawings • גוגל קיפ • גוגל סליידס • Google Cloud Platform ‏• Google One •‏ Cloud Print • סימפליפיי • Google Voice •‏ Google Play ‏• Google Meet ‏• Google Allo ‏• Google Duo •‏ Gboard •‏ Google Photos • ‏ Google Assistant •‏ ג'מיני •‏ NotebookLM •‏ Veo •‏ Google Contacts •‏ Google Fonts •‏ Google Chat
שרותי פרסום AdWords • פרטנרס • AdSense‏ • DoubleClick
שירותים נוספים Google Classroom ‏• Google Arts & Culture •‏ Google Fit •‏ VirusTotal •‏ Waze •‏ G Suite
שירותים שנסגרו Knol •‏ iGoogle ‏• גוגל רידר • גוגל דסקטופ • גוגל באז • ‏Hangouts •‏ Orkut • פיקאסה • ‏ Google Now ‏• פנורמיו ‏• גוגל טוק ‏• Google+‎
קוד, פורמט, אלגוריתם ושפת תכנות Go ‏• Google Web Toolkit •‏ PageRank • ‏ WebM • SPDY ‏• Kubernetes ‏• V8 •‏ AngularJS ‏• GFS ‏• Carbon •‏ Gemini •‏ Dart
שונות גיגול • Blackle •‏ Google Fiber • שיחות לעובדי גוגל • שרבוט גוגל •‏ reCAPTCHA • גוגלפלקס •‏ Google I/O •‏ גוגל לונאר אקס פרייז •‏ קיץ הקוד של גוגל • גרף הידע • מודו
אישים סונדאר פיצ'אי • יוסי מטיאס • מאיר ברנד • אריק שמידט • אל גור • פול אוטליני • ריי קורצווייל • רות פורת • שירלי טילמן • סוזן ווצ'יצקי
מייסדים לארי פייג' • סרגיי ברין
👁 הלוגו של חברת גוגל

אודות סמליל גוגל
קטגוריות:
קטגוריות מוסתרות: