Angular
בפיתוח תוכנה, אנגולר (באנגלית: Angular, מכונה גם "Angular 2+") היא תוכנה חופשית וקוד פתוח המשמשת כתשתית תוכנה ליישומי רשת, ומבוססת על שפת TypeScript.[1] היא מתוחזקת על ידי גוגל ועל ידי קהילה רחבה של מפתחים. אנגולר נכתבה מאפס על ידי אותו צוות מפתחים בגוגל שפיתח את AngularJS (אנ'), תשתית תוכנה ליישומי רשת שהתבססה על שפת JavaScript. רקעהתשתית מיועדת לפיתוח יישומי דף-יחיד, ופישוט הפיתוח והבדיקות של יישומים אלו, באמצעות תשתית תוכנה לארכיטקטורות צד לקוח כמו MVC או MVVM, יחד עם רכיבים בהם משתמשים בדרך כלל ביישומי אינטרנט עשירים. היסטוריהשמותהשכתוב של "AngularJS" נקרא "Angular 2", אך זה גרם לבלבול בקרב מתכנתים. לשם בהירות, הצוות הודיע ששמות נפרדים ישמשו לכל אחד מהפריימוורקים, כאשר "AngularJS" מתייחס לגרסאות 1.X ואילו "Angular" בלי "JS" מתייחס לגרסאות 2 ומעלה.[2] גרסה 2אנגולר 2.0 הוכרז בוועידת ng-Europe באוקטובר 2014.[3][4] השינויים הדרסטיים בגרסה זו עוררו מחלוקת בקרב קהילת המפתחים.[5] ב-30 באפריל 2015, צוות הפיתוח של אנגולר הכריז שאנגולר 2 עברה מגרסת אלפא לגרסת תצוגה מקדימה למפתחים.[6] בדצמבר 2015 עברה הגרסה לבטא,[7] וגרסה מועמדת להפצה פורסמה במאי 2016.[8] הגרסה הסופית שוחררה ב-14 בספטמבר 2016. גרסה 4ב-13 בדצמבר 2016 הוכרזה גרסה 4, על מספר 3 דילגו כדי למנוע בלבול סביב חוסר הסנכרון בין הגרסה של חבילת הניתוב שכבר הופצה כ-v3.3.0.[9] הגרסה הסופית יצאה ב-23 במרץ 2017.[10] אנגולר 4 היא בעלת תאימות לאחור לאנגולר 2.[11] גרסה 4.3 היא גרסה משנית, מה שאומר שהיא לא מכילה שינויים שוברים ושהיא נועדה להחליף את הגרסאות 4.x.x שקדמו לה. תכונות חדשות בגרסה 4.3:
גרסה 5אנגולר 5 יצא ב-1 בנובמבר 2017.[12] שיפורים עיקריים באנגולר 5 כוללים תמיכה באפליקציות רשת פרוגרסיביות, אופטימייזר לבניית תוכנה ושיפורים הקשורים למטריאל דיזיין (שפת העיצוב המשתמשת את אנגולר).[13]
גרסה 6אנגולר 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אנגולר 7 יצא ב-18 באוקטובר 2018 והכיל עדכונים הקשורים לביצועי האפליקציות, Angular Material + CDK, Virtual Scrolling, נגישות משופרת באלמנט לבחירה מרשימה, תמיכה בהקרנת תוכן (Content Projection), עדכוני תלויות עבור Typescript 3.1, RxJS 6.3, Node 10 (אך עדיין תומך ב-Node 8).[15] גרסה 8אנגולר 8 יצא ב-28 במאי 2019 והכיל: טעינה דיפרנציאלית עבור כל הקוד של האפליקציה, ייבוא דינמי עבור נתיבים, וורקרים, תמיכה ב-TypeScript 3.4, וגרסת תצוגה מקדימה של מנוע הרינדור Angular Ivy, שמגיע כבוי בברירת מחדל. התצוגה המקדימה של Angular Ivy כללה:[16]
גרסה 9אנגולר 9 יצא ב-6 בפברואר 2020. גרסה 9 מעבירה את כל האפליקציות לשימוש במנוע Ivy להידור והרצה בברירת מחדל. אנגולר עודכן לעבוד עם גרסאות 3.6 ו-3.7 של TypeScript. בנוסף למאות תיקוני באגים, מהדר Ivy מציע יתרונות רבים:
גרסה 10אנגולר 10 יצא ב-24 ביוני 2020.[17]
גרסה 11אנגולר 11 יצא ב-11 בנובמבר 2020.[18] גרסה 12אנגולר 12 יצא ב-12 במאי 2021.[19] הופסקה התמיכה בדפדפן Internet Explorer 11. גרסה 13גרסה 13 יצאה ב-4 בנובמבר 2021.[20] גרסה 14גרסה 14 יצאה ב-2 ביוני 2022. בין התכונות החדשות: טפסים עם הגדרות טיפוסים, קומפוננטות עצמאיות. גרסה 15גרסה 15 יצאה ב-16 בנובמבר 2022. בין התכונות החדשות: ממשקי API עצמאיים יציבים, המאפשרים למפתחי Angular לבנות אפליקציות ללא מודולי Ng. ניפוי באגים טוב יותר ושימוש חוזר בקוד. גרסה 16גרסה 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']
})
export class AppComponent {
title = 'app works';
}
ובקובץ ה-app.component.html <div>
<h1 class="color" *ngIf="title">{{title}}</h1>
<h1 class="color" *ngIf="!title">הכותרת אם המשתנה לא מוגדר</h1>
</div>
ובקובץ ה-app.component.css .color{
color: red;
background-color: #eee;
width: 100%;
text-align: center;
}
הבדלים בין Angular ו-AngularJSגוגל תכננה את אנגולר כשכתוב מאפס של AngularJS.
ראו גםקישורים חיצוניים
הערות שוליים
|
||||||||||||||||||||||
Portal di Ensiklopedia Dunia
