מה לומדים

קורס 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 ובעוד עשרות חברות הייטק נוספות כאן בארץ.

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

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

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

HTML5 Web Development: קורס אונליין בעברית

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

בקצרה

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