שיעור 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 

המשך לקרוא..

שיעור 39 – תרגיל מסכם NodeJS

שלום לכולם, בתרגיל זה אתם למעשה מעתיקים API קיים על ידי כתיבת סקריפט, ואת ה API שהעתקתם אתם מנגישים כ API חדש. (זוכרים את האתר של github jobs שלא היה אפשר להשתמש בו ישירות מהקליינט ומצאנו API שמחכה אותו ושם כן היה אפשר? אז משהו דומה) התרגיל מתחלק ל 4 חלקים: שלב 1: לרשותכם API של מטבעות וירטואלים. https://api.coincap.io/v2/assets עליכם

המשך לקרוא..

שיעור 38 – עבודה ב NodeJS – SSR + משתני סביבה + מנוע טמפלייטים

שלום לכולם, השיעור למדנו על עבודה ב NodeJS ובניית אפליקציה בתצורת SSR – כלומר כל העיבוד קורה בצד השרת על ידי שימוש במנוע טמפלייטים EJS. דיברנו על מבנים שונים של טמפלייטים, בינהם JADE, EJS. יצרנו מסד נתונים מסוג Mongo והוספנו לו נתונים. הרמנו שרת ב NodeJS שיודע לקבל פרמטר ב URL של ID  ולהציג דף HTML עם הנתונים של אותו

המשך לקרוא..
סגירת תפריט