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

Front-End Web Development: קורס אונליין בעברית

יודע לכתוב קוד ורוצה להכנס לתחום Web ? קורס מלא ובעברית בפיתוח צד לקוח (Front End) אשר ייתן לך את כל הכלים שאתה צריך כדי לבנות מערכות Web.

45 שעורים
32 שעות
ינון פרק

מה לומדים

קורס HTML5 Web Development הנלמד בחברות ההייטק המובילות בארץ כעת זמין בפורמט למידה עצמית משולבת הנחיה.

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

תלמידים ממליצים

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

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

    איל ברגודו. אש רושפת פיתוח

למה ללמוד אצלנו

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

ההצעה כוללת:

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

קורס של אתר ToCode: הכשרה מקצועית לשוק העבודה.

פרטים טכניים

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

בחר מסלול לימוד

Front-End Web Development

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

Front-End Web Development

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

Front-End Web Development

קורס וידאו + ליווי אישי
1500
  • גישה מיידית לכל תכני הלימוד
  • תרגול מעשי
  • מענה לכל שאלה דרך קבוצת הדיונים
  • בדיקה ומשוב אישי על תרגולים
  • מנטורינג מקצועי במהלך הקורס

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

    1

    סקירה טכנולוגית של עולם פיתוח Web

    אנו נתחיל את הקורס בחזרה על ארכיטקטורת פיתוח ווב, פרוטוקול HTTP ורענון על טכנולוגיות HTML, JavaScript ו CSS

    2

    חזרה על CSS

    רוב העבודה שלנו בקורס וגם אחריו בבניית אפליקציות תתמקד בקוד JavaScript ושימוש בממשקי התכנות של HTML5. בפרק זה אנו נסקור את מעט ה CSS שנצטרך כדי לפתח אפליקציות שלא יראו יותר מדי רע, ונלמד על ספריית Twitter Bootstrap.

    3

    פיתוח צד-לקוח בשפת JavaScript

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

    • 12JavaScript Syntax
    • 13תרגול JavaScript Syntax
    • 14איתור שגיאות בקוד JS
    • 15JavaScript Arrays
    • 16JavaScript Objects
    • 17תרגול מערכים ואובייקטים
    • 18שילוב הקוד בדפדפן באמצעות DOM
    • 19DOM Nodes
    • 20טיפול באירועים
    • 21תרגיל סיכום - משחק תפוס תאדום

    4

    כתיבת Single Page Applications

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

    • 22חשיבות פיתוח מונחה עצמים ב JavaScript
    • 23פונקציות ב JavaScript
    • 24תרגול פונקציות
    • 25תחביר מחלקות ב JavaScript
    • 26תרגול מחלקות
    • 27המשתנה this בקוד טיפול באירוע
    • 28מימוש פקד תיבת טקסט
    • 29שילוב מספר פקדים
    • 30שיתוף קוד באמצעות ״ירושה״
    • 31המחשה: שיתוף קוד באמצעות ירושה ב JavaScript
    • 32הבטחות ב JavaScript
    • 33ניתוב צד-לקוח
    • 34תבנית ליישומי עמוד יחיד
    • 35תרגיל סיכום: דף עזרה למשחק תפוס תאדום

    5

    שילוב היכולות החדשות של HTML5 בתוכניות שכתבנו

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

    • 36אחסון צד לקוח localStorage
    • 37אודיו ווידאו
    • 38גרפיקה דו-מימדית canvas
    • 39תרגיל מסכם: לוח ציור

    6

    תקשורת: Ajax and Web Sockets

    תקן HTML5 הכניס מספר יכולות תקשורת חדשות ושדרג יכולות ישנות. אנו נדבר בפרק על XMLHttpRequest והחידושים בו, ולאחר מכן נעבור לדבר על Web Scokets ונראה כיצד לבנות ממשקי עבודה שיתופיים בין גולשים. בתרגיל הסיכום של הפרק נשדרג את לוח הציור שבנינו ונהפוך אותו לשיתופי, כך שכל גולשי האתר יוכלו לתקשר ביניהם ולצייר על אותו הלוח.

    • 40פרוטוקול HTTP
    • 41קוד צד השרת
    • 42תקשורת עם צד השרת באמצעות בקשות Ajax
    • 43תקשורת חוצת מקורות - Cross Origin
    • 44הצגת המידע על העמוד באמצעות Handlebars Templates
    • 45תקשורת זמן-אמת באמצעות Web Sockets
    • 46תרגיל סיכום: לוח ציור שיתופי

    7

    Angular JS

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

    • 47מבוא לאנגולר
    • 48שילוב אנגולר עם קוד חיצוני
    • 49Using Angular Directives
    • 50תרגול: תחביר בסיסי באנגולר
    • 51תקשורת
    • 52Services
    • 53Directives
    • 54העברת פרמטרים להנחיה
    • 55תרגול Directives
    • 56Angular Router
    • 57Router Params