Site Logo
כניסה

מה לומדים

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

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

סילבוס מפורט
אנו נתחיל את הקורס בחזרה על ארכיטקטורת פיתוח ווב, פרוטוקול HTTP ורענון על טכנולוגיות HTML, JavaScript ו CSS
1. ברוכים הבאים לקורס
תצוגה מקדימה
2. טכנולוגיות צד לקוח: HTML, JavaScript and CSS
תצוגה מקדימה
3. רשימת תגיות HTML שאתם חייבים להכיר
תצוגה מקדימה
4. שיתוף קוד באמצעות גיטהאב
רוב העבודה שלנו בקורס וגם אחריו בבניית אפליקציות תתמקד בקוד JavaScript ושימוש בממשקי התכנות של HTML5. בפרק זה אנו נסקור את מעט ה CSS שנצטרך כדי לפתח אפליקציות שלא יראו יותר מדי רע, ונלמד על ספריית Twitter Bootstrap.
5. טעינת כללי עיצוב
תצוגה מקדימה
6. CSS Selectors
תצוגה מקדימה
7. קונפליקטים ב CSS
תצוגה מקדימה
8. CSS Box Model
9. רכיבי ממשק משתמש
10. תרגול: בניית סליידר תמונות
11. Twitter Bootstrap
פיתוח ווב מודרני דורש הבנה מאוד מעמיקה של JavaScript. בפרק זה אנו נלמד כיצד להשתמש ב JavaScript כדי לעדכן מידע בעמוד. בסוף הפרק נתחיל את תרגיל הסיכום הראשון שלנו, משחק תפוס ת׳אדום
12. JavaScript Syntax
תצוגה מקדימה
13. תרגול JavaScript Syntax
תצוגה מקדימה
14. איתור שגיאות בקוד JS
15. JavaScript Arrays
16. JavaScript Objects
17. תרגול מערכים ואובייקטים
18. שילוב הקוד בדפדפן באמצעות DOM
19. DOM Nodes
20. טיפול באירועים
21. תרגיל סיכום - משחק תפוס תאדום
בפרק זה אנו מתעמקים בשפת JavaScript ולומדים כיצד לכתוב באמצעותה קוד מונחה עצמים וכיצד לבצע שימוש חוזר ויעיל בקוד שכתבנו. אנו ניישם עקרונות אלו במגוון דוגמאות מעשיות, כולל בניית קוד עבור פקדים ועבור Single Page Application, ללא שימוש בפריימוורקס.
22. חשיבות פיתוח מונחה עצמים ב JavaScript
23. פונקציות ב JavaScript
24. תרגול פונקציות
25. תחביר מחלקות ב JavaScript
26. תרגול מחלקות
27. המשתנה this בקוד טיפול באירוע
28. מימוש פקד תיבת טקסט
29. שילוב מספר פקדים
30. שיתוף קוד באמצעות ״ירושה״
31. הבטחות ב JavaScript
32. המחשה: שיתוף קוד באמצעות ירושה ב JavaScript
33. ניתוב צד-לקוח
34. תבנית ליישומי עמוד יחיד
35. תרגיל סיכום: דף עזרה למשחק תפוס תאדום
תקן HTML5 הוסיף עשרות ממשקי תכנות לדפדפן המיועדים לבניית מגוון רחב של אפליקציות. בפרק זה נסקור חלק מהיכולות החדשות שהתווספו וניישם אותם על אפליקציות מהעולם האמיתי. נסיים את הפרק בבניית אפלקיציית לוח ציור המאפשרת למשתמש לצייר באמצעות העכבר ולשמור את הציור.
36. אחסון צד לקוח localStorage
37. אודיו ווידאו
38. גרפיקה דו-מימדית canvas
39. תרגיל מסכם: לוח ציור
תקן HTML5 הכניס מספר יכולות תקשורת חדשות ושדרג יכולות ישנות. אנו נדבר בפרק על XMLHttpRequest והחידושים בו, ולאחר מכן נעבור לדבר על Web Scokets ונראה כיצד לבנות ממשקי עבודה שיתופיים בין גולשים. בתרגיל הסיכום של הפרק נשדרג את לוח הציור שבנינו ונהפוך אותו לשיתופי, כך שכל גולשי האתר יוכלו לתקשר ביניהם ולצייר על אותו הלוח.
40. פרוטוקול HTTP
41. קוד צד השרת
42. תקשורת עם צד השרת באמצעות בקשות Ajax
43. תקשורת חוצת מקורות - Cross Origin
44. הצגת המידע על העמוד באמצעות Handlebars Templates
45. תקשורת זמן-אמת באמצעות Web Sockets
46. תרגיל סיכום: לוח ציור שיתופי
אנגולר הינה ספריה לפיתוח יישומי ווב מודרניים. הספריה נותנת מענה להרבה מהאתגרים בפיתוח מסוג זה ונמצאת בשימוש נרחב בארץ ובעולם. בחלק זה של הקורס נלמד כיצד להשתמש באנגולר כדי לבנות יישומי ווב דרך תרגול ודוגמאות קוד.
47. מבוא לאנגולר
48. שילוב אנגולר עם קוד חיצוני
49. Using Angular Directives
50. תרגול: תחביר בסיסי באנגולר
51. תקשורת
52. Services
53. Directives
54. העברת פרמטרים להנחיה
55. תרגול Directives
56. Angular Router
57. Router Params
Teacher

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

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

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

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

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

אוריאל פרקש

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

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

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

גיורא אלון, בורסה גרף ביזפורטל.

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

נחמה גינצבורג

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

שרון שמורק, מפתחת Java.

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

עומר בן שושן, מפתח PHP פרילאנס.

מדהים ! אני בא מעולם של Desktop Apps. כותב ב.Net מגשש בעדינות בעולם ה-Web ומרגיש הכי בטוח לעשות את זה עם ינון… ינון מקצוען! יודע לחדד בדיוק את הנקודות הנכונות ומאפשר את “הנחיתה הרכה” גם לאלו שבאים מטכנולוגיות אחרות. השיעור הזה בנושא פונקציות היה הדוגמא המובהקת לכך. זהו שינוי תפיסה מכל מה שאני מכיר על פונקציות ועברתי את השיעור בקלות בלי למרוט שערות… גם השילוב בין הוידאו לבין החומר הכתוב הוא פשוט מושלם. תמיד כיף לקרוא את הטקסט אחרי הוידאו, לראות שמבינים ואז לגלות עוד כמה הפתעות חדשות… תודה רבה !!!

שילה

כאחד שהגיע מרגע אפסי ב-WEB הקורס תרם לי רבות לשיפור הידע שלי. הקורס מקצועי, ברור, מחולק היטב לנושאים. כיף ללמוד בו וללמוד ממנו. ההדרכות הוידאו מאד יעילות ואין ספק שמועבר ע"י צוות שמנוסה בהדרכה והן בתכנות. מקוה להתראות בקורסים דומים אצל tocode בעתיד!

אביב אביטן, מתכנת. צה״ל.

הרקע שלי הוא הנדסת תוכנה, התעסקתי בעיקר בbackend , קצת ניסיון ב-frontend <br /> ממליץ בחום על הקורס. הקורס כולל הרצאות מוקלטות מוסברות היטב. המרצה מסביר את ה-javascript (שאולי במבט ראשון תראה קצת מוזרה למי שרגיל לשפות Object Oriented) בצורה ממש טובה, כך שהכול מתחבר טוב בראש. הסברים כאלה לא ראיתי בשום מקום שקראתי באינטרנט! בנוסף, ישנם הרבה הסברים כתובים שמסבירים את החומר בצורה ברורה ומעניינת. הקורס גם נגע בהרבה נקודות מעניינות שנותנות תמריץ למצוא חומר ולהרחיב את הלמידה.

רמי ימפולסקי, מהנדס תוכנה בחברת Intel.

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

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

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

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

בקצרה

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