פריסה ופיתוח אתרי אינטרנט. בניית אתרים ברמה מתקדמת - קורס 1990 רובל. מסטפיק, אימון 131 שיעורים, תאריך: 1 בדצמבר 2023.

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

שלום! שמי דימה! אני לא רוצה להתרברב, אבל אני חייב) לימדתי יותר מ-5,000 תלמידים ברחבי העולם בקורסים המקוונים הקנייניים שלי. מעל 2,000 ביקורות אמיתיות עם דירוג ממוצע של 4.83 מתוך 5.00! אני מלמד עיצוב אתרים, בניית אתרים והתוכנות הנדרשות (Photoshop Illustrator, Figma). ניסיון ההוראה שלי מורכב מ-5 שנים של שיעורים עצמאיים, כמו גם הוראה דרך בתי ספר וקורסים מקוונים, בפלטפורמות למידה מרחוק גלובליות. תלמידי הקורסים שלי מציינים את התכונות הטובות ביותר שלי באופן שבו אני מציג את החומר בלי לדחוס, בצורה מהנה ומעניינת.

הכנה / חזרה / אנימציות ראשונות
1. שלום!) הורדת חומרים לקורס
2. התקן והגדר את התוכנה הדרושה 
3. נתיב קליפ של נכס חדש. אנחנו מתחילים ליצור את החלק הראשון של האתר 
4. אם אפליקציית סקאוט לא עובדת בשבילך
5. תרגול: צור את הצורה שלך באמצעות Clip-path
6. יישור אלמנטים אנכית באמצעות מיקום מוחלט
7. הכירו את @KeyFrames. בואו ניצור את האנימציה הראשונה.
8. נראות אחורית ויצירת כפתורים באמצעות פסאודו-שיעורים
9. הנפשת כפתור באמצעות פסאודו-אלמנטים
10. מצב אנימציה-מילוי. התחלת אנימציה מנקודה מסוימת.
11. 3 עקרונות של פיתוח אתרים
12. השתמש ב-REM במקום ב-PX
Git ו-GitHub
1. על מה הבלוק הזה?
2. פקודות בסיסיות בטרמינל
3. כיצד לערוך קבצים באמצעות מסוף
4. התקן את מערכת git במחשב שלנו
5. כיצד להפעיל git בפרויקט ספציפי
6. יצירת ה-commit הראשון
7. הגשת פרויקט ל-GitHub
8. אם יש לך שגיאה בעת הגשת הפרויקט שלך ל-GitHub
9. שגיאת התחברות בעת ניסיון לדחוף פרויקט אל GitHub
10. תרגול: צור מאגר משלך
11. כיצד למחוק מאגר GitHub
12. כיצד להוריד מאגרים מ-GitHub
13. אנו מחקים את העבודה של 2 מפתחים במאגר אחד
14. כיצד להציג מידע על התחייבויות בטרמינל. Git log
15. מה זה סניפים
16. כיצד ליצור ולנווט בסניפים.
17. אנחנו סוגרים את הפער מתחילת הקורס המיני בעזרת הסימונים -u ו-M
18. שגיאת ביצוע לא נשמרה במהלך התשלום
19. כיצד לדחוף שינויים שנוצרו לסניף חדש
20. כיצד לדחוף מספר התחייבויות לסניף חדש
21. מה מצב הראש המנותק? ראש מנותק
22. כיצד לשחזר קובץ ספציפי מ-commit קודם
23. יומן git מתקדם ו-git show
24. כיצד למזג סניפים באמצעות Git merge. שיטת הרצה קדימה
25. כיצד למחוק סניפים
26. כיצד להסיר קבצי ספרייה ממצב ללא מעקב
27. איפוס Git --קשה. איך להחזיר מחויבות קשה
28. דרך שניה למצוא commit תקוע באמצעות ORIG_HEAD
29. איפוס Git --רך
30. Git commit --שינוי שינוי ההערה של commit קודם
31. Git reset --mixed
32. ההבדל בין git reset לשחזור git
33. מבוא ל-git diff. הדפסת הפרש של מספר התחייבויות לקונסולה
34. דוגמה מעשית לשימוש ב-git diff
35. כיצד להציג את דיאגרמת הסניף בטרמינל. Git log --graph
36. אנו ממזגים סניפים באמצעות git merge. שיטה "היתוך אמיתי"
37. איך לחזור אחורה לאחר מיזוג
38. כיצד להעתיק commit ספציפי באמצעות git cherry-pick
39. מיזוג ענפים עם git rebase
40. מה עדיף git rebase או git merge
41. כיצד להשתמש בקובץ .gitignore
42. מילה אחרונה
פריסה מתקדמת - CSS/SASS
1. על מה הבלוק הזה?
2. איך משתני SASS עובדים
3. איך מיקסינים עובדים
4. כיצד להוסיף טיעונים למיקסינים
5. מהן תבניות SASS
6. כיצד פועלות פונקציות SASS
7. ארגון קבצי SASS לפרויקט גדול
8. 3 דרכים למקם אלמנטים
9. איך הצוף עובד?
10. יצירת מערכת רשת משלנו
11. החלת מעבר צבע על טקסט. קליפ רקע
12. כיצד ליצור סמלים באמצעות HTML
13. אנימציה וסיום החלק השני
14. כיצד ליצור גופני אייקונים משלך
15. אנו משתמשים בתכונת הפרספקטיבה כדי לשקף את הפרספקטיבה של האלמנטים
16. איך עובד מצב מיזוג ב-CSS
17. מסיימים את הקטע בקלפים
18. כיצד לעגל טקסט באמצעות המאפיין shape-outside
19. איך מסנני CSS עובדים
20. כיצד להוסיף סרטון לדף
21. היכרות עם תג הטופס ותכולתו
22. הנפשת הטופס
23. יצירת כפתור בחירה משלך באמצעות CSS
24. יצירת כותרת תחתונה לאתר
25. יצירת תפריט ניווט באמצעות CSS טהור חלק-1
26. הגדרת מעברי מהירות אנימציה באמצעות קוביות-בזייר
27. אנימציה של המבורגר
עיצוב אדפטיבי
1. על מה הבלוק הזה?
2. כיצד ליצור אתרים רספונסיביים
3. יצירת שילוב עם חוקי מדיה
4. התאמת הפרויקט חלק 1
5. התאמת הפרויקט חלק 2
6. התאמת הפרויקט חלק 3
7. מהן תמונות רספונסיביות
8. כיצד להתאים תמונות ב-HTML
9. בואו נתאים תמונות HTML בפרויקט שלנו
10. התאמה של תמונות CSS
11. כמה עריכות אחרונות באתר
מנהל חבילות צומת
1. על מה הבלוק הזה?
2. מה זה node.js ו-npm
3. הכנת חבילת npm הראשונה לשימוש
4. השקת חבילת npm הראשונה
5. שימוש בלגימה בפרויקט שלנו
6. איך פותחים אתר בטלפון נייד
מבוא ל-CSS GRID
1. על מה הבלוק הזה?
2. הכנה
3. כיצד ליצור תבנית רשת. תבנית רשת
4. איך עובדות יחידות fr
5. כיצד להעביר אלמנט לתא אחר
6. הצבת פריטים מרובים בתא אחד
7. תרגול: יצירת פריסת אתר
8. דוגמה למורה. צור פריסה
9. כיצד לשנות את השם של כל שורה ברשת
10. כיצד ליצור תבנית רשת באמצעות ערכת שמות
11. מהם רשתות מפורשות ומרומזות?
12. כיצד ליישר אלמנטים בתוך תאים
13. כיצד ליישר רשת בתוך מיכל
14. תוכן מינימום-מקס
15. מילוי אוטומטי והתאמה אוטומטית. גדלי תאים מבוססים על תוכן
16. סיכום. גן רשת
פרויקט GRID CSS
1. על מה הבלוק הזה?
2. הכנה
3. צור תבנית רשת חלק 1
4. צור תבנית רשת חלק 2
5. כיצד פועלים ספרייטים של SVG
6. אנחנו מסיימים את החלק השני של האתר
7. יצירת קטע "באנר", חלק 1
8. יצירת קטע "באנר", חלק 2
9. יצירת קטע עם קלפים
10. יצירת גלריה
11. יצירת כותרת תחתונה
12. הכנת "המבורגר"
13. יצירת כותרת חלק 1
14. יצירת כותרת חלק 2
15. אנו מתאימים את האתר
נתראה שוב!
1. הֱיה שלום!
קבל את התעודה שלך
1. מבחן לקבלת תעודת סיום הקורס