שלום אורח התחבר

Front End למתכנתים: קורס אונליין בעברית

 

הקורס מעודכן ל 2020 וכולל את כל החידושים ב JavaScript, HTML ו CSS

מדריך הקורס - ינון פרק

הי! אני ינון פרק. אני מתכנת שכותב קוד כל יום מאז שנת 2002, ומשנת 2012 גם מדריך קורסים בפיתוח למתכנתים בחברות תוכנה מובילות בארץ. בין השאר לימדתי ב Intel, IBM, Amdocs, Sapiens, eBay ובעוד עשרות חברות הייטק נוספות כאן בארץ.

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

מה לומדים

עולם פיתוח Front End הוא היום אחד התחומים המובילים בעולם הפיתוח בכלל. מפתחי Front End הם האנשים שכותבים ממשקים לאפליקציות ואתרים, ולכן כל חברה שמפתחת מוצר אינטרנטי צריכה היום צוות פיתוח Front End.

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

בקורס תלמדו:

  • איך לבנות דפי אינטרנט עם HTML
     
  • איך לעצב דפים ריספונסיביים עם CSS כך שיראו טוב על כל המכשירים
     
  • איך להשתמש ב JavaScript כדי להוסיף אינטרקטיביות לממשק שבניתם
     
  • איך לארגן את הקוד ולבנות JavaScript Web Application, כלומר אפליקציה מלאה ב JavaScript
     
  • איך לתקשר עם קוד צד שרת באמצעות Ajax ו Fetch API
     
  • איך להשתמש ב Web APIs כדי להרחיב את האפליקציה שכתבתם

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

בסיום הקורס תוכלו לבנות Web Application ב JavaScript לדוגמא בתור פרויקט סיכום תכתבו תוכנת ציור מלאה שרצה בתוך הדפדפן.

כמה זה עולה?

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

איך זה עובד - מסלול מנוי חודשי

מיד לאחר התשלום תקבלו גישה לכל תכני הלימוד באתר ותוכלו להתחיל ללמוד את הקורס ״Front End למתכנתים״. המנוי נותן לכם:

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

המנוי הינו ללא התחייבות ומחויב מדי חודש בחודשו עבור אותו החודש.

סילבוס מפורט:

    2

    פיתוח HTML

    • 6שלום HTML
    • 7תגיות HTML להצגה של תוכן
    • 8תגיות HTML לשליטה על מבנה העמוד
    • 9טפסים ב HTML
    • 10פיתוח דף HTML מלא לאתר
    • 11תרגול HTML

    3

    פיתוח CSS

    • 12ברוכים הבאים ל CSS
    • 13איך משלבים תוכן CSS בדף HTML
    • 14סלקטורים ב CSS חלק 1
    • 15טבלאות זברה
    • 16תרגול סלקטורים
    • 17קונפליקטים ב CSS
    • 18מאפייני CSS בסיסיים
    • 19מודל הקופסא של CSS
    • 20תרגול מאפייני CSS לשינוי מראה
    • 21שינוי הגדורת עיצוב לפי גודל המסך באמצעות Media Queries
    • 22תרגול Media Queries
    • 23סידור תוכן באמצעות Flexbox
    • 24סידור תוכן באמצעות CSS Grid
    • 25תרגול גריד ופלקסבוקס
    • 26המאפיין overflow
    • 27המאפיין position
    • 28תרגול: בניית סליידר תמונות

    4

    פיתוח JavaScript

    • 29ברוכים הבאים ל JavaScript
    • 30איך לשלב קוד JavaScript בדף HTML שלנו
    • 31שפת JavaScript תחביר בסיסי
    • 32איתור שגיאות בתוכנית JavaScript
    • 33מצב בטוח Strict Mode
    • 34תרגול תחביר שפת JavaScript
    • 35מערכים ב JavaScript
    • 36אוביקטים ב JavaScript
    • 37תרגול מערכים ואוביקטים ב JavaScript

    5

    JavaScript and the DOM

    • 38ג'אווהסקריפט וה DOM
    • 39ניווט בעץ ה DOM
    • 40תרגול: עבודה עם DOM
    • 41טיפול באירועים
    • 42טיפול באירועים עבור הילדים
    • 43עבודה עם שעונים
    • 44אנימציות ב CSS ו JavaScript
    • 45תרגול: אירועים ושעונים

    6

    כתיבת Web Applications

    • 46מאפיינים של יישומים גדולים
    • 47פונקציות ב JavaScript
    • 48תרגול פונקציות
    • 49פיתוח קוד מונחה עצמים ב JavaScript
    • 50תרגול פיתוח מונחה עצמים ב JavaScript
    • 51המשתנה this בקוד טיפול באירוע
    • 52המחשה: מימוש Counter בתור קומפוננטה
    • 53תרגול: מחלקות ואירועים
    • 54שיתוף פעולה בין קומפוננטות
    • 55תרגול: חיבור קומפוננטות

    7

    ממשקי פיתוח של הדפדפן

    • 56אחסון מידע בדפדפן עם localstorage
    • 57תרגול: localstorage
    • 58ניגון צלילים עם HTMLAudioElement
    • 59תרגול HTML Audio
    • 60ציור בעזרת SVG - חלק 1
    • 61ציור בעזרת SVG מתוך JavaScript
    • 62תרגול SVG
    • 63פרויקט סיכום: לוח ציור

    8

    תקשורת Ajax ו Web Sockets

    • 64איך נראה קוד צד-שרת
    • 65תקשורת עם צד השרת באמצעות Ajax בגישת האירועים
    • 66תקשורת עם צד השרת בגישת ה Promises עם Fetch API
    • 67פיענוח המידע והצגתו על המסך באמצעות JavaScript
    • 68תרגול תקשורת
    • 69הוספת תקשורת זמן אמת באמצעות Web Sockets
    • 70פרויקט סיכום: לוח ציור שיתופי
    • 71סיכום