שיעור 49 – שיעור תגבור Angular
שלום לכולם, השיעור עשינו תגבור על הנושאים הבאים: יצירת קומפוננטות באנגולר העברת נתונים מאב לבן ובן לאב ראוטינג Services Types בשיעור הבא יהיה לכם גם תגבור וחזרה על החומר שלמדנו עד כה. אני מבקש שתעשו חזרה ותתרגלו באופן עצמאי כל אחד בהתאם לקצב ההתקדמות שלו, את כל הנושאים שלמדנו (ניתן לעבור על הפוסטים מהשיעורים הקודמים) ותגישו לי את כל השיעורי
שיעור 48 – חיבור בין Angular ל NodeJS – חלק ראשון
שלום לכולם, השיעור בנינו API ב NodeJS עם Express ושימוש ב MongoDB בתור מסד נתונים. לאחר מכן יצרנו אפליקציה באנגולר והשתמשנו ב httpClient. יצרנו בקשת get והצגנו את הנתונים באפליקציה. בשיעורים הבאים נלמד איך ממשים את כל הבקשות בצד הלקוח באנגולר. שיעורי בית: השתמשו ב API הזה: https://jsonplaceholder.typicode.com/users ובנו אפליקציית אנגולר המציגה את כל המשתמשים. דגשים: צרו קומפוננטה של user
שיעור 47 – המשך עבודה על אפליקציית סרטים + ראוטינג
שלום לכולם, השיעור המשכנו לעבור על אפליקציית הסרטים והסברנו אותה לעומק. בהמשך השיעור למדנו על נושא ה Routing וחילקנו את זה ל 3 חלקים. הגדרת ראוטר וניווט בסיסי באפליקציה – באמצעות קישורים ייעודיים למעבר בין קומפוננטות, דרך ה HTML שימוש ב Router דרך ה class וביצוע ניווט דינאמי באפליקציה, דבר המאפשר לנו להתנות את הניווט של המשתמש ולשנות אותו בצורה
שיעור 46 – בניית אפליקצית WEB לניהול מדיה
שלום לכולם, השיעור עשינו live coding לפיתוח אפליקציית WEB לניהול מדיה. האפליקציה מאפשרת לשמור סרטונים מיוטיוב, לנגן אותם, ומציגה אותם בתצוגה מקדימה על בסיס api של תמונות מיוטיוב. בתרגול זה חזרנו על העברת נתונים בין קומפוננטות, ועוד. אני מבקש שתחזרו על החומר ותוודאו שהכל מובן לכם לקראת השיעור הבא. בשיעור הבא נחזור על זה ותקבלו שיעורי בית לפתח משהו דומה.
שיעור 45- Angular – Component LifeCycle + Services
שלום לכולם, השיעור למדנו לעומק על Component LifeCycle. למדנו איך מעבירים נתונים מקומפוננטת אב לבן, ומקומפוננטת בן לאב באמצעות אירועים (events). בנוסף למדנו על Service באנגולר. למה צריך Service, מתי משתמשים בו ואיך. יצרנו Service לדוגמא שמנהל את ה LocalStorage ונגיש במספר קומפוננטות שונות. אני מבקש שתעבדו ותסיימו את הפרויקט של הפתקים, אני לא מביא שיעורי בית נוספים מהשיעור הזה.
שיעור 44 – תרגול קומפוננטות + העברת נתונים מאב לבן
שלום לכולם, השיעור נפתח בתרגיל הבא – לתרגול יצירה של קומפוננטות : צרו אפליקציית אנגולר עם 4 קומפוננטות על פי המבנה הבא: כאשר כל הקומפוננטות מתארחות בקומפוננטה Main. והקומפוננטה Main מתארחת ב app-component הראשי. לאחר התרגיל, תרגלנו עבודה עם ngFor על ידי הצגת מערך של אובייקטים. בהמשך השיעור, העברנו את המשתמשים מהתצוגה בקומפוננטה הראשית לקומפוננטה יעודית של User-Card .
שיעור 43 : Angular- יוצרים אפליקציה ראשונה
שלום לכולם, השיעור התחלנו ללמוד ANGULAR ולבנות אפליקציה ראשונה. למדנו את הנושאים הבאים: קומפונטטות מבנה הקבצים והתיקיות פקודות ראשונות ב CLI עבודה עם ngIf עבודה עם ngFor יצירת CLASS ושימוש בו כ Type רשימת פקודות חשובות שצריך לזכור: ng new app (במקום app רושמים את שם האפליקציה ) – ליצירת אפליקציה חדשה. ng serve – לקימפול והרצת האפליקציה בדפדפן ng
שיעור 42 – TypeScript + מבוא לאנגולר
שלום לכולם, השיעור למדנו TypeScript, למדנו על מחלקות, ירושות, טייפים שונים וכתיבה באמצעות TypeScript. השתמשנו בקומפיילר של Typescript המאפשר קימפול קוד TypeScript ל JAVASCRIPT. ובנוסף התקנו אנגולר. TYPESCRIPT: ב TYPESCRIPT יצרנו function,variables,enum ועוד עם type לכל אחד ראינו את הקוד javascript שנוצר לאחר הקומפילציה של TYPESCRIPT את typescript הרצנו על ידי קומפיילר שהתקנו דרך ה NPM. ההתקנה של TYPESCRIPT
שיעור 41 – תרגול API באמצעות NodeJS & EXPRESS
שלום לכולם, השיעור היה שיעור תרגול לנושא הקמת API באמצעות NODE JS עם EXPRESS. עשינו את התרגיל הבא: שיעור תרגול בניית API באמצעות Node.js-Express צרו API עבור מסעדה. במסד הנתונים יהיה יצוג למודלים הבאים: /clients – לניהול מערכת הלקוחות /dishes – לניהול מנות המסעדה /workers – ניהול עובדים, שכר ומשכורות. /events – ניהול האירועים במסעדה (כאשר באמצעות ה APIאפשר לעדכן
שיעור 40 – NODEJS SESSION + EJS + תרגול
שלום לכולם, השיעור נפתח בתרגיל הבא: צרו מסד נתונים בשם app , בתוכו יהיה collection בשם users ובתוכו מסמכים (documents) המציגים משתמשים. לכל משתמש יש Id, username, password . הוסיפו 2-3 documents עם משתמשים לדוגמא. לאחר מכן צרו api שמקבל בבקשת post שם משתמש וסיסמה, אם השם משתמש והסיסמה נכונים יוחזר סטטוס 200 והודעה שההתחברות בוצעה. אחרת יוחזר סטטוס 401