תרגול אנגולר – פרויקט 1 – לוח משימות + בלוג

שלום לכולם,

השיעור היה השיעור הראשון שלנו ביחד ( מתוך 3 שיעורים סה"כ) , שמטרתם לתרגל אותכם באנגולר.

שמחתי להכיר אותכם, והתרשמתי מאוד מהרמה בכיתה. למדתם מצויין.

השיעור חזרתי על החומר של העברת המידע בין קומפוננטות באנגולר – מ Parent ל Child וההפך.

בנוסף קיבלתם פרויקט כפי שביקשתם שעליו תעבדו לצורך תרגול של אנגולר.

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

תיאור הפרויקט :

לרשותכם האתר הבא:

https://jsonplaceholder.typicode.com/

הוא מכיל  מספר שירותי API שונים , אותנו מעניין ה 4 הבאים:

1. users
2. todos
3. posts
4. comments

כל אחד מהם הוא שירות שאפשר לתקשר איתו בתצורת REST , ולקבל את הנתונים ב JSON.

המשימה שלכם היא כזאת :

לבנות אפליקציה עם ניווט, שמכילה 2 מסכים .

מסך אחד שיקרא "לוח משימות":  שמציג Users + Todos

בחצי אחד של המסך יש רשימה של כל ה users (שמגיע מה API).

אם אני לוחץ על משתמש מסויים – אני אקבל בחלק השני של המסך רשימה של כל המשימות שלו .

דוגמא לקריאה עבור קבלת כל המשימות למשתמש עם id 2 :

https://jsonplaceholder.typicode.com/todos/?userId=2

יראה ככה:

 

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

בנוסף , הוסיפו כפתור Read More ליד כל שם של משתמש –

לחיצה על אותו כפתור – תציג את הפרטים המלאים של אותו משתמש.

חלק 2 :

צרו חלק נוסף באפליקציה (הוסיפו זאת בתפריט ) שיקרא BLOG.

בבלוג אתם מציגים את כל ה POSTS שמגיעים מ API

https://jsonplaceholder.typicode.com/posts

ושלוחצים על פוסט מסויים – מוצגים כל התגובות לאותו הפוסט.

בונוס :

עצבו את האפליקציה באמצעות BOOTSTRAP

בהצלחה!