AngularJs לעומת Angular 2 לעומת Angular 4!

מבוא:

AngularJs חוללו מהפכה בהתפתחות החזית לאחר ששחררה. זה נתן למפתחים שליטה רבה יותר על תצוגות דינמיות ביישומי אינטרנט. יחד עם מתן שליטה רבה יותר, זה הביא איתו עוד הרבה יתרונות כמו:

· זה מאפשר למפתח לפתח יישום עמוד בודד בצורה בר-קיימא.

· בדיקת יחידות חלה על היישום, שפותח ב- AngularJs.

· קוד ממוזער אם כתוב ב- AngularJs.

אחרון חביב, זה מספק לך לעשות שימוש חוזר ברכיבים הקיימים.

עם זאת, מכיוון ששום דבר אינו מושלם, יש לו גם חסרונות מסוימים.

· המשתמש פשוט יראה דף בסיסי אם הוא מבטל JavaScript.

· יישום שפותח ב- AngularJs אינו מספק לך ביטחון רב.

עד כה פורסמו ארבע גרסאות של Angular אך נדון רק בשלוש הראשונות, כלומר AngularJs, Angular 2 ו- Angular 4.

הבדלים:

החל מ- AngularJs, הוא שוחרר לפני מספר שנים. AngularJs קיבלו את תשומת הלב של כל קהילת ה- IT. יישומים רבים לדפים בודדים החלו להתפתח. עם זאת, מכיוון שזו הייתה הגרסה הראשונה של הטכנולוגיה החדשה, כך שהיה צורך לתקן כמה פגמים בה. לשם כך, הגרסה החדשה שוחררה בשנה שעברה והיא ידועה בשם Angular 2. זוהי כתיבה מחודשת של Angular 1. ארכיטקטורה שלמה שונתה ב- Angular 2. לאחר זמן מה, הגרסה המעודכנת של Angular 2 שוחררה והיא המכונה Angular 4. Angular 3 דילג בגלל התנגשויות מספר הגרסאות. מגיע להשוואה בין שלוש הגרסאות.

ההבדל בין AngularJS ל- Angular 2 מתחיל ממש מתחילת כל מסגרת, כלומר ארכיטקטורה. AngularJS מבוסס על ארכיטקטורת MVC ואילו ל- Angular 2 יש ארכיטקטורת שירות / בקרים. כדי להעביר כל יישום מ- AngularJS ל- Angular 2, אין לך אפשרות לכתוב מחדש את הקוד המלא.

מבחינת האדריכלות של Angular 2 ו- Angular 4, הם נמצאים תחת אותו שמים, אך הביצועים והיעילות היו הגורם העיקרי בפיתוח Angular 4. הקוד שנוצר על ידי רכיבים הופחת ל 60 % ב- Angular 4, מה שהופך את זה למהיר יותר. שנית, ניתן להשתמש בו גם למטרות ניפוי באגים.

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

AngularJS משתמש בבקר ובהיקף $ בעוד של Angular2 יש מושג שונה מאוד המשתמש ברכיבים והוראות.

AngularJS לא משתמש בתחביר camelCase להוראות מובנות כמו 'ng-model', אבל Angular2 משתמש בתחביר camelCase למשל. 'NgModel'

בהקשר לשפת התסריט, AngularJS משתמש ב- JavaScript ואילו Angular 2 ו- Angular 4 משתמשים ב- Typecript. התסריט הוא קבוצת-על של JavaScript. Angular 4 תואם את הגרסאות העדכניות ביותר של Typescript, שהם 2.1 ו- 2.2.

עם Angular2, הגמישות והשימוש החוזר של רכיבי ממשק המשתמש גדלו. Angular 2 ו- Angular 4 בעיקרון מספקים לנו ממשקי משתמש מבוססי רכיבים (UI); פירושו שנוכל לעשות שימוש חוזר ולהתקשר לכל רכיב נדרש בממשק המשתמש בכל עת. לכן ניתן לחלק את הדרישות למספר רכיבים ואז ניתן להשתמש ברכיבים אלה בכל עת ובכל יישום. ואילו ב- AngularJS הוצג מושג של בקר שלא היה גמיש כמו רכיב.

יתרה מזאת, ב- Angular 2 ניתנה לנו החובה לבצע HTML בצד השרת, מה שעזר להפוך את יישום SEO לדף יחיד וידידותי.

הניתוב נעשה מבני בזווית 4. בעבר, אובייקטים פשוטים שימשו למטרות ניתוב, אולם כעת, הוכנסו שיטות מתאימות שהפכו אותו לארגן ומאובטח יותר שכן הפרמטרים ששיטות הניתוב מקבלים כעת הם רק 'מחרוזת' מסוג.

יתר על כן, הוצגה חבילה נפרדת לאנימציות, אשר שיפרה את ביצועי האפליקציה. בהתחלה, AngularJS אכן כולל את חלק האנימציה בין אם הוא מנוצל על ידי יישום או לא, אך כעת הוא הופך לאופציונלי וזה מצמצם את גודל הצרור אשר משפיע על הביצועים בצורה חיובית.

אחרון חביב, 'ngif' הוצג בזווית 4 עם הצהרה 'אחר'. בשל כך, ניתנה שליטה רבה יותר למפתח במצב יחיד, שלעתים מסייע בהפחתת גודל הקוד או לעיתים הופך את ההיגיון לפשוט יותר.

סיכום:

Angular שינה את כל מהלך ההתפתחות הקדמית. זה הפך יישומים לגמישים יותר, מהירים יותר לשימוש חוזר. אני מקווה שעם הגרסאות המאוחרות יותר של Angular יותר תעשיית ה- IT תעבור לעברה.