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

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

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

Angular – שיעור 3

שלום לכולם,

השיעור היה שיעור תרגול של כל החומר שלמדנו עד עכשיו באנגולר.

עשינו את הפרויקט הבא:

 

באמצעות אנגולר.

 

שיעורי בית:

רשימת אנשי קשר

חלק א –

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

אחת עבור Main/home

ו 2 קומפוננטות נוספות – אחת בשם Form ואחת בשם contacts

בקומפוננטה של   Form יהיה טופס המכיל שם, טלפון, אימייל וכפתור הוספה.

בקומפוננטה של הטבלה יהיה לנו את העמודות הבאות:

מספר מזהה (מספר רץ) , שם, טלפון, ואימייל.

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

מומלץ להשתמש ב Bootstrap כמו שלמדנו בכיתה.

חלק ב –

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

להגשה עד 3/10

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

 

 

סגירת תפריט