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

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

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

שיעור 5 – angular 8 + nodejs – עבודה עם Services, httpClient

שלום לכולם,

השיעור היה קצת עמוס,

פתחנו בתרגיל הבא של 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 הבאים:

  1. users
  2. todos
  3. posts
  4. 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 באנגולר שמציג את כל הסטודנטים בטבלה, עם אפשרות לערוך/למחוק/להוסיף חדש.

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

חג שמח

 

 

 

 

 

 

 

סגירת תפריט