שיעור פרויקט + התחלת לימוד nodeJS+Angular Auth

שלום לכולם, השיעור למדנו על אוטנטיקציה בין האנגולר ל nodejs  – וכרגע בנינו חלק באנגולר שמטרתו להגן על נתיבים – ולמנוע גישה אליהם במידה והמשתמש לא מחובר.. למדנו על CanActive , ועל המימוש שלו וחיבור של service ייעודי שבהמשך יתחבר לשרת. תמשיכו לעבוד בבית על הפרויקט, אין שיעורי בית מהשיעור הזה. קבצי השיעור להורדה  

המשך לקרוא..

שיעור פרויקט גמר

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

המשך לקרוא..

שיעור nodejs + angular מתקדם : Socket +JWT

שלום לכולם, בתחילת השיעור עברנו על Pipe באנגולר , למדנו מה זה ואיך יוצרים pipe משלנו. השיעור למדנו על JWT, ועשינו דוגמא של הזדהות ופניה לשירות של scaledrone לצורך ההזדהות מול scaledrone השתמשנו ב JWT בצד השרת, שמרנו בשרת key שנועד לאימות ב scaledrone . בצד הלקוח בשביל ליצור את הזיהוי פנינו לשרת nodejs שלנו , שהפיק לנו מפתח איתו הזדהנו מול השרת של scaledrone. השיעור

המשך לקרוא..

אנגולר שיעור 10

שלום לכולם, השיעור למדנו לעומק על directives באנגולר, כולל יצירה של custom directive מתקדמים. קבצי השיעור להורדה שיעורי בית: במהלך השיעור נתתי לכם תרגיל לבנות אפליקציה עם סרגל נגישות, אני מבקש שתמשיכו לעבוד עליה בבית אבל עם קומפוננטה אחת שמעבירה נתונים ישירות ל directive , כמו שעשינו בכיתה שהוספנו אפשרות לשנות צבע. בהצלחה

המשך לקרוא..

אנגולר שיעור 9 – טפסים

שלום לכולם, בתחילת השיעור עשינו את התרגיל הבא: צרו אפליקציה המציגה מוצרים (כמו חנות), המוצרים יוצגו מקובץ json מקומי או מערך מקומי בקומפוננטה. הוסיפו אפשרות למיון המוצרים לפי המחיר, מיון מהמחיר הנמוך לגבוה ומיון מהמחיר הגבוה לנמוך. נושא השיעור : טפסים השיעור למדנו על הקונספט של טפסים באנגולר. ראינו מספר אפשרויות של ולידציות מובנות, דיברנו על הולידציה של HTML 5

המשך לקרוא..

שיעור 8 אנגולר – תרגול אפליקציה כולל פיתוח API ב nodejs

שלום לכולם, השיעור ביצענו את המשימה הבאה: (בשיעורי הבית קיבלתם אותה – אבל הרחבנו אותה כולל  NodeJS ) בנו אפליקציה לניהול מדיה – שמירה והצגת סרטונים. תמונה להמחשה:   האפליקציה מציגה רשימה של סרטונים שהמשתמש הוסיף והחליט שהוא מעוניין לצפות בהם ולשמור אותם. יש אפשרות ללחוץ על כפתור view – דבר שיגרום לפתיחה של popup/modal שמכיל נגן יוטיוב שמנגן את הסרטון.

המשך לקרוא..

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

שלום לכולם, השיעור בנינו אפליקציה מלאה שמציגה מזג אוויר לפי עיר ומציגה את המזג אוויר במספר ערים נבחרות ברשימה. האפליקציה בנויה ב ANGULAR ועובדת מול ה api של מזג אוויר https://openweathermap.org האפליקציה כוללת שימוש ב Routing באנגולר תמונות מסך מהאפליקציה: מסך 1 – בחירה לפי עיר מרשימה מסך 2 – תצוגה של מספר ערים נבחרות     לא למדנו השיעור שום

המשך לקרוא..

LESSON 6 – ANGULAR – ROUTING

שלום לכולם, בחלקו הראשון של השיעור חזרנו על החומר משיעור קודם, כולל httpClient ,וחיבור בין ה nodejs לאנגולר בהמשך השיעור למדנו על נושא ה Routing וחילקנו את זה ל 3 חלקים. הגדרת ראוטר וניווט בסיסי באפליקציה – באמצעות קישורים ייעודיים למעבר בין קומפוננטות, דרך ה HTML שימוש ב Router דרך ה class וביצוע ניווט דינאמי באפליקציה, דבר המאפשר לנו להתנות

המשך לקרוא..

שיעור 5 – angular 8 + nodejs – עבודה עם Services, httpClient

שלום לכולם, השיעור היה קצת עמוס, פתחנו בתרגיל הבא של NodeJS לצורך השיעורים הקרובים אנחנו נבנה Rest Api ב Node Js עבור הפרויקט של הפתקים. ל API צריך להיות את הפונקציות הבאות קריאות GET – Get ALL – הצגת כל הפתקים. Get By Id – קבלת פתק בודד לפי ID POST – הוספת פתק חדש PUT – עריכת פתק קיים

המשך לקרוא..

Angular – שיעור 4- העברת מידע בין קומפוננטות (אב לבן, בן לאב)

שלום לכולם, השיעור למדנו על העברת נתונים מלאה בין קומפוננטות. תרגלנו העברה מילד לאב והעברה מאב לבן. וגם העברת נתונים בין  2 קומפוננטות באמצעות אב משותף . שיעורי בית : כבר אמרתי לכם שהפרויקט של הפתקים יחזור בכמה צורות שונות … כרגע אני רוצה שתבנו אותו עם 4 קומפוננטות , Main – קומפוננטה ראשית. Form – קומפוננטה עבור הטופס, שתשב

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