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

יש הרבה מאוד מה לכתוב, אבל בסדרה הזאת אני אלך עם המדריך הרשמי שלהם (מה שהם קוראים לזה “TOUR OF HEROES”), אני אציג בפרקים הבאים כיצד עובדים עם המנגנון, ונלמד אודות תכונות חשובות של הספרייה, בהמשך ייתכן שאכתוב סדרת המשך על נושאים מתקדמים יותר בספרייה.

שוב חשוב לציין, המדריך הנוכחי הינו סוג של “תרגום” למדריך הרשמי שלהם עם קצת תוספות משל עצמי.

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

תוכן העניינים:

• פרק 1 – התחלת העבודה
  • כמה מילים על סביבת העבודה (IDE)
  • הסבר על שפת הפיתוח (Type script)
  • יצירת פרויקט ראשון (Hello World)
  • הוספת הקבצים הרלוונטיים. (עם טיפה הסבר על כל אחד מהם)
  • הסבר על החלקים המינימליים ביותר שצריך לכתוב.
  • הרצת הפרויקט
• פרק 2 – The Hero Editor
  • נראה כיצד להציג תוכן HTML
  • נוסיף מנגנון של Binding
  • נראה כיצד לאפשר Binding דו כיווני.
• פרק 3 – Master/Detail
  • הוספת מספר Heroes נוספים.
  • הצגה של הרשימה
  • קצת עיצוב אף פעם לא יזיק
  • הצגת המידע בתנאים מסויימים
  • הוספת אירועים
• פרק 4 – Multiple Components
  • הצגת יותר מ – Component אחד במסך.
  • תקשורת בין שני Components
  • נכיר את המושג של Input
• פרק 5 – Services
  • נפריד בין המידע של רשימת ה – Heroes לבין מי שאחראי לתצוגה שלו
  • נלמד כיצד לקבל את המידע בכל אחד מה – Components הרלוונטיים
  • נכיר את המושג של Inject
  • נלמד אודות ngOnInit שתאפשר לנו לכתוב קוד במקום שאינו הבנאי.
  • הבנת המושג async ושימוש ב – promise
• פרק 6 – Routing
  • עד כה היה לנו מסך אחד בלבד (אמנם עם שני Components), אבל נרצה לאפשר ניווט בין מסכים שונים
  • נלמד כיצד להגדיר ניווט, ומה בדיוק צריך לעשות לשם כך.
  • הוספת דף dashboard שבו נציג חלק מהרשימה
  • נאפשר שליחת פרמטרים לניווט כדי לאפשר טעינה נכונה של התכנים
• פרק 7 – Http
  • הוספת מנגנון פנייה לשרת
  • היכרות עם מנגנון in-memory-web-api, שיאפשר לבצע סימולציה לתקשורת מול השרת