שיעור 27 – תרגול API,נושאים נוספים ב JAVASCRIPT ופרויקט

שלום לכולם,

בתחילת השיעור ביצענו פרויקט של מימוש API של מזג אוויר – ובניית אפליקציה שמציגה את מזג האוויר לפי עיר שהמשתמש מבקש

(השתמשנו ב API הבא: https://openweathermap.org/)

השיעור למדנו על הנושאים הבאים:

1. רקורסיה
2. strict mode
3. destruction

 

שיעורי בית:

1. תרגיל ברקורסיה:
   כתבו פונקציה המקבלת מספר ומציגה את סדרת פיבונאצ'י  באורך של אותו מספר
   הסבר קצר:
   סדרת פיבונאצ'י זה סדרה של מספרים שמתחילה ב 0,1 ואחריה כל מספר הוא חיבור של 2 מספרים שלפניו
   זאת אומרת שאחרי 0,1 יגיע גם 1, ואחרי זה יגיע 2 ( 1+1) ואחרי זה יגיע 3 (2+1) ואז 5 (3+2) וכן הלאה..
   0,1,1,2,3,5,8,13,21 – זה הפלט הרצוי עבור המספר 8

 

פרויקט HTML CSS JAVASCRIPT

עליכם לבנות (ולעצב כרצונכם) אתר משרות!

כלל המשרות מגיעות מה API הרשמי של github jobs!.

תיעוד ה api נמצא כאן:

https://jobs.github.com/api

ב api יש המון המון משרות, וזה מחולק לדפים.

למשל אם אני ארצה להציג משרות של JAVASCRIPT :

https://jobs.github.com/positions.json?description=javascript&page=1

כמו שאתם רואים יש פרמטר של page שמממש pagination ומציג כמות של משרות עבור דף אחד באתר..

נקודות חשובות בפרויקט שלכם:

1. קוד נקי, קריא ומסודר
2. את הפרויקט מגישים אחרי שהעלאתם לגיטהב – שולחים לי לינק.
3. בעמוד הראשי – בטעינה הראשונית של הדף יוצגו משרות עבור דף אחד, ואחרי שגוללים יהיה ניתן לטעון משרות נוספות/לעבור לדפים הבאים.
4. באתר יהיה תפריט של קטגוריות, כאשר כל שפת תכנות היא קטגוריה.
5. בכל דף של קטגוריה – יהיה ניתן לסנן את המשרות לפי "משרה מלאה" ו "משרה חלקית".
6. בלחיצה על משרה יוצגו הפרטים של המשרה.
7. ניתן יהיה לחפש משרות ב "חיפוש חופשי". בטקסט.
8. אתר רספונסיבי ומעוצב היטב, ניתן להשתמש ב bootstrap

 

מכיוון שה api המקורי חסום לבקשות ישירות מהClient – תעבדו דרך זה:

תחליפו את בסיס הלינק לכתובת הזו:

https://github-jobs-proxy.appspot.com/

והקריאות יעבדו אותו דבר לדוגמא:

https://github-jobs-proxy.appspot.com/positions?description=javascript&location=new+york

 

תרגול נוסף למי שמעוניין:

בנו אתר הכנה למבחן התיאוריה.

הציגו את השאלות מה API הבא :

https://data.gov.il/dataset/tqhe/resource/bf7cb748-f220-474b-a4d5-2d59f93db28d

(בדף יש כפתור למידע ב API)

בונוס:

1. הציגו בכל פעם 10 שאלות אקראיות בלבד
2. לחיצה על "שאלות נוספות" תציג שאלות נוספות ממבחן התיאוריה.

בהצלחה