Angular

מתוך המכלול, האנציקלופדיה היהודית
(הופנה מהדף AngularJS)
קפיצה לניווט קפיצה לחיפוש

Angular היא תשתית תוכנה (framework) בקוד פתוח ליישומי רשת המבוססת על שפת התכנות TypeScript, המתוחזקת על ידי גוגל ועל ידי קהילה רחבה של מפתחים. התשתית מיועדת לפתרון אתגרים בפיתוח יישומי דף-יחיד , ופישוט הפיתוח והבדיקות של יישומים אלו, באמצעות תשתית תוכנה לארכיטקטורות צד לקוח כמו MVC או MVVM, יחד עם רכיבים בהם משתמשים בדרך כלל ביישומי אינטרנט עשירים.

היסטוריה

בתחילת דרכה אנגיולר הוצגה תחת השם "AngularJS" והתבססה על השפה JavaScript במהלך 2015 גוגל פרסמו את גרסת Angular 2.0 אשר כללה שינויים מהותיים ודרסטיים בקוד, שינויים אשר גרמו לביקורת ומחלוקת בין מפתחים רבים לגבי העובדה כי הגרסה החדשה לא תומכת אחורה לגרסה 1.0. גרסה 2.0 פתרה בעיות ביצועים והביאה איתה מתודות למבנה קוד יותר פורמלי. בדצמבר 2016 הוכרזה גרסה 4.0 ודלגה על גרסה 3.0 על מנת למנוע בלבול עם גרסת ביניים של חבילת ראוטר 3.30.

בשנת 2017[דרוש מקור] שונה שם הפרימוורק ל"Angular" והוא עבר להתבסס על שפת התכנות TypeScript עם זאת התמיכה ב"AngularJS" לא פסקה וישנם אתרים המשתמשים בה.

AngularJS נמצאת בשימוש באתרים כמו NBC, Walgreens, Intel, Sprint, ABC News, ובעוד אלפי אתרים ואפליקציות Web.

תחביר הפרימווק

ספריית Angular עובדת על ידי קריאת דף ה-HTML, כשאל התגיות שבו נוספו תכונות נוספות. Angular יפרש את התכונות הללו כהנחיות לקשר את אזורי הקלט או הפלט בדף למודל שמיוצג על ידי משתני JavaScript פשוטים. הערכים של משתני ה-JavaScript האלו ניתנים לשינוי על ידי קוד, וניתן לגשת אליהם בצורה סטאטית, או בצורה דינאמית בעזרת JSON.


כל יישום אנגולר מכיל מספר קבצים:

  1. src/index.html הוא קובץ הHTML המרכזי שמשותף לכל מרכיבי האפליקציה.
  2. src/styles.css הוא קובץ ה- CSS המשותף לכל מרכיבי האפליקציה.
  3. src/app/app.module.ts הוא המודול המרכזי האפליקציה, ובתוכו נגדיר את המודולים והקומפננטות בהם נשתמש.
  4. src/app/app.component.html בתוכו ימצא ה-html של כל האפליקציה מכיוון שלתוכו נשבץ את ה-html של יתר הקומפננטות בצורת תגיות שייצגו את הקומפננטות השונות.
  5. src/app/app.component.ts - מכיל את הקוד עבור הקומפוננטה המרכזית של האפליקציה.

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

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

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

export class AppComponent {
    title = 'app works';
}

ראו גם

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


סמל המכלול גמרא 2.PNG
הערך באדיבות ויקיפדיה העברית, קרדיט,
רשימת התורמים
רישיון cc-by-sa 3.0