סיכומי שיעורים אחרונים לסטודנטים בקורסי Full Stack

שיעור 88 – Angular +NodeJS authentication PART1

שלום לכולם, השיעור היה קצר מהרגיל, והתחלנו לממש אוטנטיקציה מלאה ב Angular + NodeJS. יצרנו אפליקציות  NodeJS ואנגולר – כאשר בצד הלקוח יש לנו את התשתית הבסיסית, ובצד השרת עשינו API שלם לצורך ההתחברות, אך עדיין לא עשינו את החלק של JWT (נעשה בשיעור הבא) ועשינו את הבדיקה הראשונית באמצעות NodeJS – האם המשתמש קיים במסד הנתונים, כלומר האם שם

המשך לקרוא..

שיעור 57 – תרגול עבודה עם REST API ֹּוטפסים

שלום לכולם, השיעור חזרנו על הנושא של עבודה  בצורה בסיסית עם Rest API דרך אנגולר, באמצעות שימוש ב httpClient ושליחת בקשות get,post,put,delete והוספת headers מתאימים. בהמשך השיעור התבקשתם לייצר טפסים (על ידי שימוש במודולים של הטפסים באנגולר) אשר ישלחו לשרת ויבצעו את פעולות ה CRUD השונות ב api. הטפסים צריכים להיות עם ולידציות ולהציג נתונים מהשרת ולאפשר עריכה שלהם. השתמשנו

המשך לקרוא..

שיעור 87 – ScaleDrone + JWT + צ'אט וידיאו לייב + MediaDevices – חלק ראשון

שלום לכולם, השיעור למדנו על עבודה עם JWT, ויצרנו חיבור לשירות Real Time בשם scaledrone. והתחלנו ליצור פרויקט של וידיאו צ'אט לייב בין משתמשים. בחלק הראשון של השיעור יצרנו את ה html,css, javascript הבסיסיים של הפרויקט video chat. השתמשנו בחיבור MediaDevice כדי שהמשתמש יוכל לחבר את המצלמה לצ'אט. בחלק השני נשתמש בטכנולוגית webRTC כדי לשתף את הוידיאו בין המשתמשים. בהמשך

המשך לקרוא..

שיעור 56 – שיעור פרויקט + תרגול טפסים

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

המשך לקרוא..

שיעור 86 – עבודה עם Sockets

שלום לכולם, השיעור למדנו על SOCKET. יצרנו מעין "צאט" המבוסס על שרת NodeJS, המחובר לקליינט ומאפשר שליחה של הודעות לשרת והצגה למשתמשים האחרים. כאשר העברת המידע מתבצעת על ידי שימוש ב SOCKET.IO בנוסף עשינו תרגול של הנושא ויצרתם צ'אט. קבצי השיעור להורדה

המשך לקרוא..

שיעור 55 – טפסים באנגולר Reactive Forms,Template driven forms

שלום לכולם, השיעור למדנו על טפסים באנגולר. ראינו 2 סוגי טפסים שונים Reactive-Forms TemplateDriven Forms למדנו על Two-Way Data binding והתקשורת בין הטופס לקומפוננטה ולשרת. למדנו על flags שאנגולר מנהל עבורנו בשביל ולידציות בטופס dirty – בודק שינויים במידע touched – בודק האם היה בפוקוס valid – בודק האם הפקד/הטופס תקין ובהמשך ראינו דוגמא מלאה של שליחת נתונים מהטופס לשרת

המשך לקרוא..

שיעור 54 – תרגול אוטנטיקציה ועבודה עם Firebase + מבוא לטפסים ריאקטיבים

שלום לכולם, השיעור עשינו תרגול של נושאי האוטנטיקציה ו Deploy ל Firebase. בתרגול התבקשתם לבנות אתר "הצבעה בבחירות" בו רק לאחר ההתחברות ניתן להצביע. את ההתחברות התבקשתם לממש על ידי   Firebase וחיבור דרך גוגל. תוך אבטחת האפליקציה והגנה על נתיבים למורשים בלבד. לאחר מכן עשינו חזרה על הנושא של טפסים ב HTML , טפסים באופן כללי והכרנו איך הטפסים באנגולר

המשך לקרוא..

טיפים ומדריכים לפיתוח WEB :

פוסטים לפי נושאים:

CSS
CSS
HTML
HTML
מבוא
מבוא
sass
sass
Bootstrap
Bootstrap
Less
Less
GitHub
GitHub
jQuery
jQuery
JavaScript
JavaScript
Vue.js
Vue.js
React
React
Angular
Angular
PHP
PHP
Python
Python
nodejs
nodejs
MySQL
MySQL
WordPress
WordPress
MongoDB
MongoDB

ברוכים הבאים

שמי אלון אברג'ל, אני מפתח תוכנה בעיקר בסביבת WEB.
אני מתכנת, יזם, וחובב טכנולוגיה. נשוי וגר בירושלים. אני עובד כמתכנת ומלמד במכללות הייטק  שונות בירושלים ותל אביב, והאתר נועד בעיקר לסטודנטים שלי, עבור העלאת סיכומי שיעורים בקורסים.

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

מעת לעת, אני מעלה גם מדריכים לקהל הרחב בקטגוריה "פיתוח WEB"

סגירת תפריט