מפתח חזיתי - קורס 47,600 רובל. מבית ספר לופט, הכשרה 3 חודשים, תאריך 28 בנובמבר 2023.
Miscellanea / / November 29, 2023
ידע וכישורים
כל הידע הדרוש למפתח חזיתי.
תיק עבודות
2 פרויקטים מודרניים וטכנולוגיים מרשימים בתיק העבודות שלך.
תְעוּדָה
עם ציון המשקף את רמת הידע ומידת ההשפעה שלך.
התחלת קריירה
אנו מבטיחים תעסוקה לכל התלמידים הטובים והמעולים.
הם נותנים ידע, לא תשובות. הם אוהבים להסביר ומסוגלים להעביר מידע מורכב בשפה מובנת. תובעני לגבי איכות הקוד שלך: לא תעבור את המטלה עד שהקוד שלך יהיה מושלם. הם מבינים היטב אנשים אחרים ויודעים למצוא גישה לכל תלמיד. תמיד מוכן לעזור.
Vue.js פיתוח אתרים מתקדם
שבוע 1 - זרימת עבודה
- אנחנו פוגשים את המנטור ואת הקבוצה.
- באמצעות הרכבת webpack, אנו יוצרים את הפריסה שנבחרה עבור הפרויקט הסופי.
- אנו מפרסמים את התוצאה ב-Github ומגישים אותה למנטור לאימות.
פתיחת הקורס
1. איך מתנהל האימון (01:09:37)
Vue. תכונות עיקריות
1. תיאוריה (04:49)
2. שלום עולם (06:20)
3. טיפול באירועים (02:38)
4. טיפול במספר אירועים (01:19)
5. ערכים דינמיים (01:30)
6. מבוא להנחיות (05:40)
7. הנחיות מקוצרות (00:37)
8. שיטות עם פרמטרים (01:36)
9. משנה אירועים (08:52)
10. מאפיינים מחושבים (10:50)
11. Watchers (06:02)
12. עבודה עם כיתות (03:37)
13. עבודה עם מאפייני CSS (02:49)
14. גישה לרכיבי DOM (03:50)
15. עיבוד מותנה (04:46)
16. רשימות עיבוד (05:12)
17. יצירת רכיב (04:16)
18. רכיבים מקומיים (02:44)
19. תגובתיות נתונים (04:35)
20. מאפייני רכיב (03:52)
21. משבצות (04:37)
22. חריצים עם היקף (04:52)
23. אירועים מותאמים אישית (04:27)
24. טלפורטים (02:53)
Vue. רכיבי קובץ בודד
1. התקנת הפרויקט. VUE-CLI (09:22)
2. רכיב קובץ בודד (03:18)
3. עבודה עם סגנונות (07:02)
4. העברת תכונות ומטפלים (02:53)
5. קבצים בודדים (01:26)
6. אימות מאפייני הרכיב (07:35)
7. אימות אירועי משתמש (02:01)
8. תקשורת נתונים דו כיוונית (04:11)
9. דגם v מותאם אישית (05:51)
10. ווי מחזור חיים (07:08)
11. זיהומים (04:40)
NPM
1. מה זה npm? (05:50)
2. התקנה ועדכון של npm (02:33)
3. עזרה עם npm (01:28)
4. איתור והתקנה של חבילות (04:24)
5. תלות בחבילה (02:09)
6. קובץ המניפסט package.json (03:02)
7. הסרה ועדכון של חבילות (03:02)
8. תלות ותלות (01:51)
9. Webpack ו-npx (04:04)
10. סקריפטים npm (04:02)
11. npm, git ו-github (02:40)
חוּט
1. חוט (07:07)
Webpack. יסודות
1. תיאוריה (01:09)
2. תצורה מינימלית והשקה (04:41)
3. שם הקובץ (02:34)
4. מעמיסים (04:28)
5. Dev-server (02:43)
6. תוספים (02:34)
7. חפש מודולים (03:18)
8. Sorsmaps (03:17)
9. Dev et al (02:42)
10. סוגי מודולים (03:00)
11. הרכבה מינימלית (05:30)
ESLint. סקירת תצורה
1. מבוא (01:26)
2. התקנה והשקה (03:10)
3. תיקוני באגים (02:04)
4. תצורה (05:21)
5. פורמט פלט (00:52)
Figma למעצב פריסה
1. פיגמה. ממשק (04:37)
2. פיגמה. ארגון הפרויקט (01:32)
Flexbox
1. מבוא (00:45)
2. מיכל להגמיש (01:43)
3. יישור ציר ראשי (01:37)
4. יישור ציר צולב (01:50)
5. יישור אלמנט בודד (01:09)
6. Flex element - מיכל (00:53)
7. כיוון צירים (03:18)
8. מיכל רב-קו (02:54)
9. יישור תוכן מרובה שורות (01:25)
10. פרופורציות (02:46)
11. פרופורציות דחיסה (01:24)
12. גודל בסיסי (04:02)
13. סדר האלמנטים (02:40)
GIT
1. מבוא (07:03)
2. תחילת העבודה עם Git (03:01)
3. יצירת מאגר חדש (01:09)
4. הוספת קבצים לאינדקס Git (אזור צפייה) (06:49)
5. יצירת מחויבות (07:17)
6. בצע ניווט. בטל שינויים (12:10)
7. מחזור Git טיפוסי (03:34)
8. הסתעפות בגית (11:27)
9. סכסוכים בעת מיזוג סניפים (06:06)
10. שמירה זמנית (ללא התחייבות) נתונים (05:25)
11. עבודה עם מאגרים מרוחקים (20:04)
12. שימוש בדפי GitHub לארח פרויקטים (04:31)
Vue. סדנה מס' 1
1. תחילת הפרויקט (05:24)
2. רכיב כותרת (04:13)
3. רכיב סמל (05:06)
4. מציג רשימה של רכיבים (02:56)
5. החלף רכיב (03:19)
שבוע 2 - Vue.js
- אנו הופכים את הפריסה להתאמה.
- ניישם את בלוק "מיומנויות" ב-Vue.js.
- ניישם את בלוק "הפרויקטים שלי" ב-Vue.js.
- אנו מיישמים את בלוק "המחוון לביקורות" באמצעות תוסף Vue.js.
ספר סיפורים
1. התקנה (01:56)
2. סיפור ראשון (04:35)
3. חיבור רכיב (01:24)
4. הרחבת תצורה (04:26)
5. סגנונות כלליים (02:08)
6. סיפור לרכיב (05:23)
7. CDD (04:16)
8. יצירת רכיב (02:28)
9. החלת רכיב (02:29)
10. רישום אירועים (03:29)
11. תוסף רקעים (01:41)
12. ידיות Addon (02:28)
13. מקור התוסף (02:17)
14. מסקנה (01:11)
JavaScript - ES6
1. אינטרפולציה מחרוזת (07:39)
2. פישוט תיאורי השיטה (13:35)
3. ברירות מחדל (30:08)
4. משימת הרס: חפצים (07:30)
5. תכונות חדשות ודפדפנים ישנים (13:07)
אסינכרון ב-JavaScript
1. טיימרים (23:44)
2. טוען תמונות (22:21)
3. הבטחות (36:29)
4. AJAX (32:28)
אקסיוס. ספריית שאילתות
1. מבוא (02:23)
2. שליחת בקשה (02:12)
3. סקירת תצורה (04:30)
4. גוף הבקשה (01:43)
5. הגדרות ברירת מחדל (01:38)
6. מיירטים (02:11)
7. שירותים (02:33)
8. מחכה לא-סינכרון (01:18)
Vue. סדנה מס' 2
1. הכנה (02:39)
2. חיבור רכיב (02:16)
3. פלט שליטה (02:38)
4. רכיב התקדמות (05:09)
5. בקשה לשרת (06:38)
6. פלט נתונים (05:55)
שבוע 3 - JavaScript מקורי
- אנו יוצרים את פאנל הניהול.
- אנו לומדים ספר סיפורים ומיישמים אותו בפרויקט שלנו.
- אנו מבצעים את העיבוד הדרוש (תיקוף) של טפסי הפרויקט.
VueRouter. ניתוב בדפדפן
1. מבוא (04:31)
2. בניית קישורים (02:41)
3. ניווט בתוכנה (02:35)
4. פרמטרי נתיב (04:42)
5. פרמטרים כמאפיינים (00:49)
6. אפשרויות מתקדמות ו-404 (03:29)
7. מסלולים מקוננים (03:23)
8. שיעורי פעילות (02:37)
9. תצוגות ראוטר שונות (01:08)
10. יבוא דינמי (02:00)
11. כתובת אתר יפה (02:16)
Vuex. מנהל המדינה
1. מבוא (01:13)
2. חיבור (02:30)
3. פעולה (02:27)
4. מוטציות (02:16)
5. גטרס (02:02)
6. יישום בפועל (08:07)
7. פונקציות עוזר (02:59)
8. מודולים (05:18)
9. מודולים דינמיים (01:38)
שאלה תשובה
Vue. סדנה מס' 3
1. פריסה (04:33)
2. פלט נתונים (02:42)
3. מתכוננים לאנימציה (02:14)
4. תצוגת לחצנים (03:45)
5. טעינת תוכן נוסף (11:38)
6. הצג שקף לאחר המעבר (02:17)
שבוע 4 - Vue.js, ספא
- אנו מיישמים SPA בפאנל הניהול.
- אנו לומדים עבודה עם נתונים דרך אחסון האפליקציות
- אנו משתמשים ב-ajax כדי לתקשר עם ה-API, להגדיר אינטראקציות לקוח-שרת.
הרשאה. אסימונים
1. סוגי הרשאות (04:20)
2. GitHub OAuth (01:42)
3. יצירת אפליקציית GitHub (02:28)
4. קבלת אסימון (08:38)
5. אחסון נתונים בקוד (01:46)
6. מיגון מסלול (04:13)
Vue. סדנה מס' 4
1. הכנה (01:33)
2. יצירת פעולה (02:30)
3. סטטוס הורדה (04:01)
4. בקשה (02:27)
5. הסרת כפילויות (03:29)
6. מיגון מסלול (03:23)
7. התנתק (00:51)
שבוע 5 - תרגול
- אנו מציגים את הנתונים השמורים מפאנל הניהול לדף הנחיתה.
- אנחנו בודקים את הרכיבים.
- עבודה קבוצתית על פרויקט עם מנטור.
Vue.js. קומפוזיציה API
1. מבוא (01:29)
2. דוגמה כללית (03:57)
3. פונקציית שיר (01:51)
4. פונקציה תגובתית (00:55)
5. פונקציית toRef (01:35)
6. פונקציית toRefs (00:58)
7. מאפיינים מחושבים (00:56)
8. פונקציית שעון (01:41)
9. פונקציית watchEffect (03:14)
10. פונקציה לקריאה בלבד (00:40)
11. פונקציות בדיקה (02:30)
12. פונקציית unref (01:27)
13. ווי מחזור חיים (00:58)
14. דוגמא. סקירת פרויקט (00:53)
15. דוגמא. פונקציונליות טעינה (01:20)
16. דוגמא. קטגוריות (02:20)
17. דוגמא. סינון ראשוני (02:46)
18. דוגמא. החלפת מסננים (02:11)
19. דוגמא. פונקציות סינון אחרות (02:03)
20. דוגמא. שיטת מיון (03:05)
בדיקת קוד JS
1. מבוא (16:05)
2. צחוק (15:47)
3. היתרונות של מבחנים (09:01)
4. סיקור (10:02)
Vue.js. בדיקת רכיבים
1. הגדרת חבילות (04:39)
2. עטיפת רכיבים (04:13)
3. מה לבדוק (02:48)
4. מבחן ראשון (05:25)
5. בדיקת אירוע הפליטה (03:44)
6. העברת נכסים (02:58)
7. עבודה עם רכיבי טופס (05:42)
8. הגדרות כלליות (01:15)
9. מוקי (05:04)
10. מחברים ספריות (02:32)
11. בדיקת פעולה (03:26)
12. בדיקת החנות (02:53)
13. בדיקה עם תמונות (03:08)
בדיקה. מוקי
1. יצירת דגם (02:39)
2. עבודה עם טיעונים (01:39)
3. ערך החזרה (02:57)
4. מודולים (04:24)
5. טיימרים (02:05)
Vue. סדנה מס' 5
1. רכיב פשוט (03:03)
2. רכיב עם חנות (05:21)
3. בדיקה. הכנה (03:20)
4. בדיקה. Toggler (02:38)
5. בדיקה. בעיות (05:08)
שבוע 6 - השלמת הפרויקט
- אנחנו מסיימים את הפרויקט.
- אנו מגישים את הפרויקט לבדיקה של מנטורים.
- ציון דיפלומות.
איך להשיג עבודה ב-IT: טיפים וטריקים
1. איך להשיג עבודה ב-IT? חיפוש, ראיון ותקופת מבחן (42:21)
2. איך למצוא עבודה מרחוק והזמנות עצמאיות? (20:12)
3. עבודה ראשונה ב-IT - איך להתנהג? התמחות, העסקה רשמית ועבודה "לאוכל" (14:11)
4. איך מעבירים את תקופת הניסיון? (27:10)
5. איך להתכונן לראיון בחברת FAANG (08:52)
6. תהליך טעינת דף אינטרנט (25:19)
7. ראיון מתכנת - כל מה שצריך לדעת (01:24:07)
8. פתרון בעיה מראיון מתכנת (19:36)
9. ראיון מפתח חזיתי (01:37:17)
React.js פיתוח אפליקציות אינטרנט
שבוע 1 - מבוא ל-React.js
— אנחנו לומדים להכיר את צוות הקורס ואת חברי הכיתה.
- לימוד JSX ו-Virtual DOM ב-React.
- אנו שוקלים את גישת הרכיבים ואת שיטות העברת הנתונים.
הֶכֵּרוּת
1. פתיחת הקורס (05:41)
אני React.js
1. מה זה React (07:05)
2. DOM וירטואלי (02:46)
3. JSX (06:10)
4. עיבוד עם תנאים (05:11)
5. עבודה עם רשימות (02:45)
6. רכיבים (02:41)
7. אביזרים (01:45)
8. מדינה (06:45)
9. אירועים (02:26)
10. React Devtools (03:58)
II React.js
1. שיטות מחזור חיים (05:19)
2. רכיבים - פונקציות (01:29)
3. רכיב טהור (02:54)
4. אירועים סינתטיים (01:42)
5. עבודה עם טפסים (02:51)
6. טיפול בשגיאות (01:39)
ניתוח משימות מס' 1
1. סדנה מס' 1 (30:36)
שבוע 2 - דפוסי React.js, בדיקות
- אנו לומדים רכיבים, אלמנטים ומופעים של כיתת הרכיבים.
- אנו רואים את ספריית Recompose, רכיבים מסדר גבוה ותבניות Render Props.
- אנו מבינים את היתרונות של מבחנים, לומדים Jest, אנזים, Snapshots.
III תגובה
1. מבוא (01:43)
2. PropTypes (10:18)
3. הקשר (05:19)
4. שופטים (05:18)
5. פורטלים (05:02)
6. הוקס (10:42)
IV React.js
1. רכיבי מסדר גבוה (HOCs) - רכיבים מסדר גבוה (10:33)
2. הפניה חוזרת (HOCs) (04:31)
3. עיבוד אבזרי דפוס (05:25)
4. HOK Library Recompose (10:32)
5. פרופיל (04:02)
בדיקה
1. מבוא (05:06)
2. רץ מבחן (02:51)
3. בדיקת DSL (08:41)
4. אנזים (06:57)
5. צילומי מצב (03:09)
6. סאגות בדיקה (05:01)
7. ספריית בדיקות תגובה (06:32)
ניתוח משימות מס' 2
1. סדנה מס' 2 (27:54)
שבוע 3 - Redux, ניתוב
- אנו לומדים ניתוב: ניתוב פשוט, ניתוב עם Switch, כמו גם ניתוב מקונן.
- היכרות עם ספריית Redux: מושגים ומושגים בסיסיים של Store, Actions, Reducers, React-redux.
- תוכנת ביניים נחשבת כדרך לעבוד עם Sideeffect.
ניתוב בדפדפן
1. History API (02:48)
2. ניתוב פשוט (05:39)
3. ניתוב מהבורר (04:16)
4. ניתוב מקונן (05:32)
5. מסלול פרטי (04:39)
אני Redux
1. מבוא (04:07)
2. חנות (05:03)
3. פעולות (02:17)
4. מפחיתים (07:56)
5. React-redux (03:26)
II Redux
1. מבוא (03:11)
2. CreateActions (redux-actions) (09:13)
3. תוכנת ביניים (07:54)
4. טיפול בפעולות (05:52)
5. סלקטורים (06:17)
6. בחר מחדש (04:49)
7. ברווזים (06:56)
ניתוח משימות מס' 3
1. סדנה מס' 3 (39:13)
שבוע 4 - Redux-saga
- אנחנו לומדים את ספריית Redux-saga. חזור על פונקציות מחולל*. בואו נלמד איך להפעיל אותם במקביל.
- בואו נסתכל על שיטת Take. בואו נלמד בחירה כדרך לקבל נתונים מהחנות.
- אנו בוחנים דרכים לסגנון אפליקציית React. אנו לומדים את הספריות ClassNames, StyledComponents, BrowserList, MaterialUI.
אני Redux-saga
1. מבוא (00:57)
2. סקירה כללית (02:08)
3. גנרטורים (04:11)
4. הוספת סאגות (02:07)
5. תגובה על פעולות (03:53)
6. השקות תכונה (02:06)
II Redux-saga
1. מבוא (00:27)
2. ביצוע אפקטים במקביל (03:41)
3. ייכנס לתוקף (02:45)
4. בחר אפקט (02:04)
5. בטל אפקטים (04:05)
עבודה עם סגנונות
1. מבוא (01:34)
2. CRA Styles (05:21)
3. ClassNames (06:32)
4. StyledComponents (07:11)
5. דפדפן רשימת (01:37)
6. ממשק משתמש חומר (08:13)
ניתוח משימות מס' 4
1. סדנה מס' 4 (09:55)
שבוע 5 - טפסים, CI & DI וטיפול בשגיאות לקוח
- אנו שוקלים לעבוד עם טפסים באמצעות ספריות Formik, Redux Forms, React Final Form.
- אנו שוקלים שיטות להבטחת איכות קוד הייצור. אנו מנתחים כלים כגון: האסקי, TravisCI, HerokuNow.
- אנו לומדים קבוצה של ספריות שימושיות לפיתוח (Storybook, RamdaJS, Axios).
- אנו שוקלים את TypeScript.
עבודה עם טפסים
1. מבוא (05:07)
2. פורמיק (08:51)
3. טופס Redux (06:22)
4. טופס סופי להגיב (06:36)
טיפול בשגיאות CI & DI ולקוח
1. מבוא (05:07)
2. האסקי (02:32)
3. CI באמצעות TravisCI (03:32)
4. פרוס להרוקו (04:57)
5. Rollbar (02:00)
קבוצה של ספריות שימושיות לפיתוח
1. ספר סיפורים (05:32)
2. RamdaJS (04:47)
3. אקסיוס (05:52)
4. כתב כתיבה (09:31)
ניתוח משימות מס' 5
1. סדנה מס' 5 (13:17)
שבוע 6 - עבודת פרויקט
- אנו משלימים את הבקשה ושולחים אותה לבדיקה.
איך להשיג עבודה ב-IT: טיפים וטריקים
1. איך להשיג עבודה ב-IT? חיפוש, ראיון ותקופת מבחן (42:21)
2. איך למצוא עבודה מרחוק והזמנות עצמאיות? (20:12)
3. עבודה ראשונה ב-IT - איך להתנהג? התמחות, העסקה רשמית ועבודה "לאוכל" (14:11)
4. איך מעבירים את תקופת הניסיון? (27:10)
5. איך להתכונן לראיון בחברת FAANG (08:52)
6. תהליך טעינת דף אינטרנט (25:19)
7. ראיון מתכנת - כל מה שצריך לדעת (01:24:07)
8. פתרון בעיה מראיון מתכנת (19:36)
9. ראיון מפתח חזיתי (01:37:17)