שיעור 34 – routing + service + bootstrap
שלום לכולם, השיעור למדנו איך מוסיפים BOOTSTRAP לאפליקצית אנגולר, וגם למדנו על service באנגולר. דיברנו על זה שיש מספר סיבות להשתמש ב service – בינהם: 1. חוסך לנו כתיבת קוד מיותר בקומפוננטות ע"י מניעת כתיבת פונקציות כפולות שאנחנו רוצים להשתמש בהם במספר קומפוננטות (כמו לדוגמא פונקציה ששומרת מידע) 2. אפשר לשמור בservice נתונים ולגשת אליהם ממספר קומפוננטות. 3. הזרקות תלויות
שיעור 33 – ANGULAR ROUTING
שלום לכולם, השיעור למדנו על הנושא של Routing באנגולר. ראינו מספר אפשרויות לנווט באפליקציה, בינהם : הגדרת ראוטר וניווט בסיסי באפליקציה – באמצעות קישורים ייעודיים למעבר בין קומפוננטות, דרך ה HTML שימוש ב Router דרך ה class וביצוע ניווט דינאמי באפליקציה, דבר המאפשר לנו להתנות את הניווט של המשתמש ולשנות אותו בצורה דינאמית. שימוש בפרמטרים שמועברים דרך ה URL –
שיעור 31 – פרויקט MOVIES
שלום לכולם, השיעור עבדנו על הפרויקט של הסרטים משיעור שעבר. מצורף הפתרון שלי מהשיעור. קבצי השיעור להורדה בהצלחה
שיעור 30 – תרגול העברת מידע בין קומפוננטות+ NgOnInt, Custom Directive
שלום לכולם, השיעור עשינו תרגול של העברת מידע בין קומפוננטות. בנינו חלון צ'אט בסגנון וואטסאפ, שבו יש קומפוננטה אחת שבעצם מדמה את איזור ההקלדה וקומפוננטה אחת לצ'אט עצמו שמציג את השיחה. לאחר מכן למדנו על ngOnInit והתחלנו ללמוד על Directive. למדנו גם מעט על NgOnChanges קבצי השיעור להורדה שיעורי בית לתרגול: בנו אפליקציה של צפייה בסרטוני יוטיוב ! מסך הראשי:
שיעור 29 – העברת מידע בין קומפוננטות
שלום לכולם, השיעור למדנו על העברת נתונים בין קומפוננטות באנגולר. ראינו איך מעבירים מידע בין קומפוננטת אב לילד וההפך. תרגיל כיתה: ליצור את הפרויקט של הפתקים באנגולר עם העברת מידע בין קומפוננטות: הפרויקט יהיה בנוי על פי המבנה הבא: Main – קומפוננטה ראשית של האפליקציה , בתוכה יהיה טופס HTML של הוספת פתקיות, וברגע שיוסיפו פתקית תצרו אובייקט חדש לאותה
שיעור 28- אנגולר – לוגיקה ראשונית בקומפוננטה + directives
שלום לכולם, השיעור למדנו על DIRECTIVE באנגולר – מסוג ngFor,ngIf תרגול כיתה: כמו שכבר בנינו בעבר, בנו הפעם באנגולר אפליקציה של רשימת קניות. הרשימת מוצרים מוצגת על ידי שימוש ב ngFor. ברגע שיוצרים מוצר חדש אתם מוסיפים אותו למערך בתור אובייקט. ברגע שלוחצים על מחיקה (X) אתם מבצעים מחיקה של המוצר מרשימת הקניות. במידה ומנסים להוסיף מוצר בלי להוסיף שם
שיעור 27 – אנגולר
שלום לכולם, השיעור התחלנו ללמוד ANGULAR ולבנות אפליקציה ראשונה. למדנו על קומפוננטות, מבנה הקבצים, פקודות ב angular cli , הקשר בין ה class לתצוגה ועוד. רשימת פקודות חשובות שצריך לזכור: ng new app (במקום app רושמים את שם האפליקציה ) – ליצירת אפליקציה חדשה. ng serve – לקימפול והרצת האפליקציה בדפדפן ng g c main – ליצור קומפוננטה חדשה בשם
שיעור 26 – TYPESCRIPT + ANGULAR INTRO + NPM
שלום לכולם, בתחילת השיעור למדנו על NPM ראינו את האתר https://www.npmjs.com/ למדנו איך מתקינים חבילות דרך ה NPM ,ולמה כדאי להשתמש במנהל חבילות. תזכורת: אתמול של פרויקט חדש מתבצע ע"י הפקודה NPM INIT אשר מגדירה את החבילה ויוצרת קובץ package.json התקנת חבילה חדשה מ NPM מתבצעת ע"י הפקודה: NPM I packageName (שבמקום packageName רושמים את שם החבילה) התקנה של כלל החבילות שיש בקובץ
שיעור 25 – עבודה מתקדמת עם API ו async await
שלום לכולם, השיעור תרגלנו עבודה מתקדמת בשפת JAVASCRIPT , ע"י שימוש ב promise ו async await – תוך כתיבת פונקציות מסוג arrow function ועוד. למדנו על async await ותרגלנו את זה. פתרנו את תרגיל 3 משיעורי הבית + החלק המתקדם. שיעורי בית : בניית אתר מתקדם לחיפוש מוסך לפי עיר: לרשותכם ה API הבא : https://data.gov.il/api/action/datastore_search?resource_id=bb68386a-a331-4bbc-b668-bba2766d517d&limit=5 של מוסכים. וגם קובץ
שיעור 24- תרגול api
השיעור תרגלנו עבודה עם API שונים. תרגיל 1: לרשותכם 2 API שונים: https://jsonplaceholder.typicode.com/users – משתמשים https://jsonplaceholder.typicode.com/todos – משימות הציגו את שמות המשתמשים, ולאחר לחיצה על משתמש מסויים – יוצגו במסך המשימות שלו. תרגיל 2: לרשותכם ה API הבא: https://openweathermap.org/ צרו משתמש באתר, ובנו אפליקציה פשוטה שבה רושמים שם של עיר ומוצג מזג האוויר באותה העיר. תרגיל 3: פוסטים