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

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

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

שיעור 23 – עבודה עם API

שלום לכולם,

השיעור למדנו לעבוד עם API , לקבל את המידע ולהציג אותו בדפדפן.

את המידע אנחנו מקבלים כ JSON

השתמשנו ב FETCH לצורך כך.

תרגלנו api שמחזיר תמונה אקראית של חתול/כלב.

תרגילים לכיתה ולבית:

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

https://data.gov.il/api/action/datastore_search?resource_id=3f06e2f2-e2ad-41ac-9665-37d0625537f2&limit=400

השתמשו ב html,javascript לשליחת קריאה – והציגו את הנתונים בצורה הבאה:


 

חלק שני :  אחרי שסיימתם להציג את הנתונים בטבלה – הוסיפו input שיאפשר לבצע חיפוש בנתונים לפי שם עיר.

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

 

בבית :

כפי שהוסבר בכיתה –

בנו דף HTML המכיל Input עם select שמציג רשימה של ערים,

את רשימת הערים תקחו מכאן : https://raw.githubusercontent.com/royts/israel-cities/master/israel-cities.json

ומתחת הציגו טבלה של כל המוסדות האקדמאיים בישראל – (העמודות בטבלה הם שם המוסד ועיר)

https://data.gov.il/api/action/datastore_search?resource_id=b2970446-98e0-483a-86c1-7ec00170b386&limit=700

 

בונוס למתקדמים :

לאחר שבוחרים עיר ב INPUT – הציגו רק את המוסדות האקדמאים שיש באותו עיר.

תרגיל נוסף – (בונוס)

לרשותכם API המחזיר מידע עבור כל המטבעות הוירטואלים :

דוגמא לקריאה שמחזירה את כל הנתונים:

https://api.coincap.io/v2/assets 

צרו דף html  המציג את כל המטבעות הוירטואלים – השמות והשער היציג שלהם.

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

להגשה עד 6/2

סגירת תפריט