שלום לכולם,
השיעור היה קצת עמוס,
פתחנו בתרגיל הבא של NodeJS
לצורך השיעורים הקרובים אנחנו נבנה Rest Api ב Node Js עבור הפרויקט של הפתקים.
ל API צריך להיות את הפונקציות הבאות
קריאות GET –
Get ALL – הצגת כל הפתקים.
Get By Id – קבלת פתק בודד לפי ID
POST –
הוספת פתק חדש
PUT – עריכת פתק קיים , עריכה לפי ID
DELETE – מחיקה של פתק.
לכל פתק יש את המאפיינים הבאים:
מספר מזהה (id) תוכן הפתק , תאריך ושעה.
לאחר מכן למדנו לעבוד מול RestApi באמצעות httpClient , ולמדנו על Service באנגולר, למה צריך אותו ואיך עובדים איתו.
בנוסף, למדנו על שכבת DAL ומימושה באנגולר.
וגם למדנו על ngOnInit .
שיעורי בית לחופשת סוכות :
פרויקט 1 – אנגולר :
זה לא שיעורי בית רגילים אלה פרויקט ראשוני באנגולר, שממש את כל מה שלמדנו על היום. מומלץ להשקיע גם קצת בניראות על ידי CSS , ולעשות אותו ברצינות רבה.
לרשותכם האתר הבא:
https://jsonplaceholder.typicode.com/
הוא מכיל מספר שירותי API שונים , אותנו מעניין ה 4 הבאים:
- users
- todos
- posts
- comments
כל אחד מהם הוא שירות שאפשר לתקשר איתו בתצורת REST , ולקבל את הנתונים ב JSON.
המשימה שלכם היא כזאת :
לבנות אפליקציה שמציגה את כל הנתונים בצורה אלגנטית.
תחילה אני אראה את כל הפוסטים, שאני אלחץ על פוסט מסויים אני אוכל לראות את התוכן שלו, ואת השם של המשתמש שכתב אותו. – בלחיצה על שם המשתמש שכתב אותו יקפוץ לי חלון שמציג את כל הנתונים של המשתמש. (החלון יהיה קומפוננטה שתוצג ותוסתר באמצעות ngIf)
בתוך החלון של משתמש יהיה לי אפשרות ללחוץ על קישור שמציג את כל המשימות של אותו משתמש.
בתוך מסך של פוסט יהיה לי גם אפשרות לראות את כל התגובות של אותו פוסט.
דוגמאות לקריאות API
בקשת GET לצורך קבלת כל המשימות למשתמש עם id 2 :
https://jsonplaceholder.typicode.com/todos/?userId=2
בקשת GET לקבלת כל הפוסטים שנכתבו על ידי משתמש מספר 1 :
http://jsonplaceholder.typicode.com/posts/?userId=1
הצגת כל התגובות של פוסט מספר 2 :
https://jsonplaceholder.typicode.com/comments/?postId=2
תרגיל 2 – (רשות) תרגיל חיזוק Node Js
בנו API עבור מכללה לניהול רשומות סטודנטים.
בקשת GET – מציגה את כל הסטודנטים
בקשת POST – מוסיפה סטודנט חדש.
בקשת PUT – עריכת סטודנט
בקשת DELETE – מחיקת סטודנט.
לכל סטודנט יש את המאפיינים הבאים:
מספר מזהה (id)
שם
כתובת
גיל
מערך של מקצועות לימוד.
בנוסף – רצוי לבנות Client באנגולר שמציג את כל הסטודנטים בטבלה, עם אפשרות לערוך/למחוק/להוסיף חדש.
קבצי השיעור להורדה!
חג שמח