סטודנטים/ות יקרים/ות!

הפוסט הנ"ל הינו סיכום קצר של השיעור בנקודות + מכיל את הקבצים שתורגלו בכיתה במהלך השיעור.
אם החומר לא מובן, אפשר לשלוח לי מייל או להתקשר : 050-555-6693 (אשתדל לענות, אם לא שלחו SMS ואחזור אליכם)

זכרו כי המפתח להצלחה הינו תרגול

שיעור 27 – אנגולר

שלום לכולם,

השיעור התחלנו ללמוד ANGULAR ולבנות אפליקציה ראשונה.

למדנו על קומפוננטות, מבנה הקבצים, פקודות ב angular cli , הקשר בין ה class  לתצוגה ועוד.

רשימת פקודות חשובות שצריך לזכור:

ng new app (במקום app רושמים את שם האפליקציה ) – ליצירת אפליקציה חדשה.

ng serve – לקימפול והרצת האפליקציה בדפדפן

ng g c main – ליצור קומפוננטה חדשה בשם main (או כל שם אחר שתרצו)

npm install – התקנת החבילות שרשומות בקובץ package.json

תרגיל ראשוני באנגולר:

מדובר בעיצוב שכבר בנינו בהמשך.

בנו את מבנה האפליקציה הבאה באנגולר – בדגש על היררכיה ומבנה נכון מבחינת הקומפוננטות

  • MAIN
  • HEADER
    •     NAVBAR
  • SLIDER
  • TRIP-BOX
  • FOOTER

את התמונות שמופיעות בסליידר אתם שומרים בתיקיה assets של האנגולר.

לגבי הסליידר – ברגע שילחצו על הנקודות – התמונות יתחלפו. (ע"י סקריפט בקלאס)

להגשה עד 20/2/2020

בהצלחה!

קבצי השיעור להורדה 

(לא לשכוח לעשות npm install ואז ng serve בשביל להריץ את האנגולר!!)

 

 

סגירת תפריט