codebox-darkmode-logo
הרשמו בחינםהתחבר
קורס Front End

סילבוס:

קורס Front End

4.9(399)

אורך הקורס: 4 שעות.

27 שעורים 204 תרגולים אונליין

מה נלמד בקורס?

יסודות התכנות פרק א

  1. צעדים ראשונים בפיתוח:

    • פעולת ההדפסה console.log

    • הגדרת משתנה מסוג var

    • שימוש בהדפסה ומשתנים יחד

  1. פעולות מתמטיות ויסודות:

    • הגדרת מספר משתנים מסוג מספר

    • פעולות חשבון חיבור חיסור כפל וחילוק

    • שימוש בפעולת ההדפסה

  1. מחרוזות:

    • מהו מחרוזת (string)

    • הגדרת משתנים מסוג מחרוזות

    • הבנת אינדקס המחרוזת

    • שימוש באופרטור סוגריים מרובעים []

  1. תנאים ומשתנים בוליאנים:

    • הבנת תנאי if

    • פעולות גדול ממש

    • פעולת קטן ממש

    • פעולת השווה

    • פעולת השונה (לא שווה)

    • פעולת גדול שווה

    • פעולת קטן שווה

    • שימוש בתנאי פשוט

  1. תנאים מתקדמים:

    • תנאים מתקדמים ופעולות וגם (&&) ואו (||)

    • שימוש ב if ו else

    • שימוש בתנאים מורכבים עם else if

  1. פעולת המודולו:

    • שימוש בפעולת המודולו (%) לחישוב שארית

    • שימוש בשיטה לחישוב כמות ספרות של מספר

    • שימוש ב parseInt לעיגול תוצאת מספר

  1. לולאות while:

    • כתיבת לולאת while

    • הבנת קונספט אינדקס ושימושיו

  1. לולאות for:

    • הגדרת לולאת for ושימושים

    • הבנת אתחול קידום ועצירה של הלולאה

יסודות התכנות פרק ב

  1. מערכים:

    • הגדרת מערך

    • הבנת קונספט האינדקס במערך ושימוש

    • ריצה עם לולאה על מערכים

  1. אובייקטים:

    • הגדרת אובייקט ריק

    • אתחול מפתחות באובייקט

    • גישה למפתחות על ידי אופרטור הנקודה

    • גישה למפתחות בצורה דינאמית

  1. אובייקטים מתקדם:

    • מערכי אובייקטים

    • שימוש בלולאה לרוץ על מערך אובייקטים

    • פעולת Object.keys

    • פעולת Object.values

    • פעולת JSON.stringify

    • פעולת JSON.parse

  1. פונקציות חלק א:

    • הגדרת פונקציות

    • הגדרת ארגומנטים לפונקציה

    • ערכי החזרה של פונקציה

    • כתיבת פונקציות מורכבות

  1. פונקציות חלק ב:

    • הפעלת מספר פונקציות

    • קריאה לפונקציה מתוך פונקציה אחרת

    • הפעלת שרשרת פונקציות

מתחילים לתכנת בדפדפן

  1. בניית אלמנט באמצעות קוד:

    • חיבור עולמות ה html css וה javascript יחד

    • הבנת ה DOM

    • יצירת אלמנט html פשוט באמצעות קוד

    • שימוש ב innerText ו classList

    • שימוש בפונקציית appendChild

  1. בניית רשימה באמצעות לולאה:

    • יצירת ul בצורה דינאמית

    • יצירה li בצורה דינאמית

    • שימוש בפונקציות ליצירה דינאמית

  1. שליפת אלמנטים מהדף:

    • הכרת הפונקציה getElementById לשליפה

    • הכרת הפונקציה getElementsByClassName לשליפה

    • הכרת הפונקציה getElementsByTagName לשליפה

    • הכרת הפונקציה querySelectorAll לשליפה

    • הכרת הפונקציה querySelector לשליפה

    • הכרת הפונקציה createElement ליצירה

  1. בניית טבלה דינאמית:

    • יצירת אלמנט מסוג table בצורה דינאמית

    • שימוש במערכים ופונקציות לבניית הטבלה.

  1. אירועים events חלק א:

    • קשירת ארוע לחיצה לכפתור

    • שימוש ב addEventListener

    • הכנסה דינאמית לדף לאחר יצירת אירוע עם המשתמש

נושאים מתקדמים בתכנות

  1. שימוש ב callback functions:

    • מהו callback function

    • מתי נשתמש בה

    • איך מעבירים ארגומנטים

    • איך בודקים נכונות קוד

  1. שימוש בטיימרים:

    • הכרת הפונקציה setTimeout

    • הכרת הפונקציה setInterval

    • הבנת מנוע אסינכרוניות בשפה

  1. תקשורת עם השרת חלק א:

    • הכרת אובייקט xmlHttpRequest

    • יצירת תקשורת עם שרת אמיתי להבאת מידע

    • בניית אלמנטים דינאמיים בדף

  1. תקשורת עם השרת חלק ב:

    • שימוש בevents ותקשורת

    • יצירת flow מורכב לדף דינאמי שעובד מול שרת

    • הבנת אסינכורניות ב javascript

  1. שימוש ב Promise:

    • הכרת אובייקט הפרומיס

    • שימוש ב then ו catch

    • יצירת תקשורת באמצעות Promise

    • יצירת flow מורכב בשימוש בפרומיס

  1. מילות סיום