מפתח אתרים מאפס - קורס 72,900 שפשוף. מברונועם, אימון 9 חודשים, תאריך 27 בנובמבר 2023.

instagram viewer

בלוק 1 - יסודות טכנולוגיות האינטרנט

• הגדרת מטרות אישיות לקורס
• סוגי אתרים, פונקציונליות
• שלבי יצירת אתרים, מקצועות עיקריים בתעשייה
• טכנולוגיות רשת ופרוטוקולי אינטרנט: TCP/IP, HTTP, HTTPS, FTP
• אחסון ודומיין, מערכת DNS
• מודל לקוח ושרת
• תפקידם של הדפדפן ועורכי הקוד
• הגדרת סביבת העבודה שלך
• מערכות בקרת גרסאות. Git

בלוק 2 - HTML

• מבוא ל-HTML: מושגי תג ותכונה
• קידוד טקסט HTML
• תגים ליצירת טקסט
• היפר-קישורים וכתובות קבצים
• קישורי עוגן
• קישור להתקשר ולשלוח מייל
• טבלאות ב-HTML
• תג img והתכונות שלו. כללים לפרסום תמונות. פורמטים של תמונה: אילו מהם לבחור

בלוק 3 - CSS

• תחביר CSS בסיסי
• סוגים עיקריים של בוררים: מזהים, מחלקות, מחלקות פסאודו
• נקודות ספציפיות וסדרי עדיפויות של כללים
• אשד וירושה רכוש
• בורר קונטקסטואלי ואוניברסלי
• מאפייני טקסט וגופן ב-CSS
• חיבור גופנים חיצוניים
• צבעי HEX ו-RGB. הוספת רקע אחיד לאלמנטים. תמונת רקע לדף, הגדרות רקע

בלוק 4 - דגם בלוק ופריסת דף אינטרנט

• הבנת בלוק ואלמנטים מוטבעים
• מאפיינים מרכזיים של בלוקים
• כיצד מחשבים את גודל הבלוק וגודל התיבה: border-box
• מהו דגם בלוק
• שימוש בלוקים לבניית פריסה
• רכיבי בלוק מוטבעים
• להציג נכס
• שיטות מיושנות לבניית פריסה: יודע, לא ניתן להשתמש

בלוק 5 - פריסות מרובות עמודות עם Flexbox

• תגים סמנטיים לעיצוב פריסה
• יסודות Flexbox: מיכלים ואלמנטים
• יישור אלמנטים לאורך הציר הראשי והצולב
• שינוי צירים ויישור אנכי של אלמנטים
• בעיות בשימוש ב-flexbox

בלוק 6 - יסודות העורכים הגרפיים למעצבי פריסה

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

בלוק 7 - מיקום

• סוגי מיקום: סטטי, מוחלט, יחסי, קבוע
• תכונות של סוגים שונים של מיקום
• z-index והקשר שכבת-על
• מתי וכיצד להשתמש במיקום
• דוגמה לתפריט נפתח מרובה רמות
• פתרון בעיות מיקום אופייניות

בלוק 8 - טפסי משוב

• רכיבי טופס בסיסיים: קלט, בחירה, אזור טקסט, כפתור
• מצב שדה ומחלקות פסאודו
• תיבת סימון רכיבי בחירה, רדיו, בחר
• קיבוץ אלמנטים: fieldset ומקרא
• סגנונות עבור מציין המיקום הפסאודו-אלמנט
• כללים לסגנונות כתיבה לטפסים
• כפתורי עיצוב

בלוק 9 - עיצוב אתרים רספונסיבי ואדפטיבי

• קונספט של עיצוב אתרים אדפטיבי ורספונסיבי
• שאילתות מדיה
• אפשרויות Viewport ותג Meta Viewport
• בעיות בין דפדפנים
• תוקף הקוד, מאמתים
• תכונות של אתרים מרובי עמודים
• כללי פריסה לקידום SEO

בלוק 10 - אנימציה באמצעות HTML5 ו-CSS3

• מעברים חלקים ליצירת אפקטים של אנימציה
• אנימציה באמצעות מסגרות מפתח
• טרנספורמציה של אלמנטים
• הוספת רכיבי אנימציה בסיסיים לאתר 

בלוק 11 - יסודות JavaScript

• מבוא ל-JavaScript
• משתנים וסוגי נתונים
• אופרטורים מתמטיים והמרת סוגים
• פעולות לוגיות
• ענפים והצהרות מותנות
• תכונות מובנות של אינטראקציה עם משתמש

בלוק 12 - לולאות ומערכים ב-JavaScript

• מערכים
• שיטות לעבודה עם מערכים
• לולאות עבור ובזמן
• מערכים מקוננים
• עבודה עם הקונסולה

בלוק 13 - פונקציות

• הגדרה של פונקציה. פונקציית החץ וההבדלים שלה מהרגיל. ביטוי פונקציה והצהרת פונקציה.
• אזור נראות. איך זה עובד. LexicalEnvironment.
• טיימרים וסגירה. פונקציות setInterval, setTimeout, clearInterval, clearTimeout. מהי סגירה וכיצד ניתן להשתמש בה.
• פונקציות התקשרות חוזרת

בלוק 14 - חפצים. DOM. אירועים

• חפצים ומילונים. כיצד ליצור אובייקטים. מילת המפתח היא זו. קבלת, שינוי ומחיקה של מאפייני אובייקט. קישורים לאובייקטים.
• ירושת אב טיפוס. כיצד פועלת הורשה של מאפיינים ושיטות. מעצבים.
• שיעורים. הגדרת מחלקות ויתרונות השימוש. הרחבת הכיתות. שיטות פרטיות וציבוריות. מגבירים וקובעים. דוגמה ליצירת תוכנית באמצעות מחלקות וארכיטקטורת MVP.
• DOM. מודל אובייקט עמוד ומדוע הוא נחוץ. מציאת אלמנטים בדף ואחזורם. ספירת יסודות ומאפיינים בסיסיים.
• אירועים

בלוק 15 - אנימציה ואפקטים ב-JavaScript

• אנימציות JavaScript. שינוי מאפייני CSS של אלמנטים. עקומת בזייר. דוגמאות לאנימציות.
• עיבוד בדפדפן. מאפיינים אופטימליים. פונקציית requestAnimationFrame.
• ספריות עם אנימציות

בלוק 16 - אלמנטים אינטראקטיביים

• המחוון
• אַקוֹרדִיוֹן
• טיפים לכלי עבודה

בלוק 17 - Node.js

• מבוא ל-Node.js. תכונות של Node.js. בקצרה על המודולים ומטרותיהם: fs, child_process, https.
• NPM. פקודות בסיסיות של מנהל החבילות npm. אתחול הפרויקט והתקנת החבילות הראשונות. מבנה package.json.
• Webpack Basics. למה אנחנו צריכים מרכיבים ואיזה שלבים ניתן לבצע אוטומטית? תצורת Webpack ואוטומציית בנייה ראשונה: צמצום קוד, שרשור מודול ושימוש במעבד הקדם SCSS.
• מעבד קדם SCSS. היתרונות של מעבדי קדם. סקירה מהירה של ההבדלים בין כמה: SCSS, SASS, Less, post-css. מבנים בסיסיים: משתנים, מיקסינים, פונקציות.

בלוק 18 - עבודה עם השרת

• Promise API
• יצירת קשר עם השרת והמחלקה XMLHttpRequest
• שיטת אחזור
• ספריית אקסיוס

בלוק 19 - יסודות התגובה

• רכיבים ו-JSX
• מצב הרכיב
• ווים
• רכיבי סטיילינג
• React-Router

יחידה 20 - יסודות TypeScript

• הקלדה סטטית
• ממשקים וסוגים
• סוגי Enum

בלוק 21 - סקירה כללית של מפת הדרכים למפתחי JS

• בקצרה על איך להתפתח עוד כמפתח ומה ללמוד 

בלוק 22 - יסודות תכנות PHP

• מטרת טכנולוגיות השרת
• שרת אינטרנט ודומיין מקומיים
• יצירת דפי אינטרנט דינמיים
• הרעיון של מערכות CMS
• אחסון אתרים
• פרוטוקול FTP להורדת קבצים
• סיכום והשלמת הפרויקט

שיעור בונוס

קורס חינם "למד ללמוד"

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

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

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