Site Logo
כניסה

הקורס עודכן לאחרונה בתאריך: מאי 2024

מה לומדים

עולם פיתוח 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 לדוגמא בתור פרויקט סיכום תכתבו תוכנת ציור מלאה שרצה בתוך הדפדפן.

סילבוס מפורט
1. ברוכים הבאים לקורס
תצוגה מקדימה
2. פיתוח מערכות אינטרנט: פרונטאנד ובקאנד
תצוגה מקדימה
3. דף האינטרנט הראשון שלי
תצוגה מקדימה
4. העלאת הדף לרשת ושיתוף עם העולם
תצוגה מקדימה
5. תרגול: פיתוח עמודי אינטרנט
תצוגה מקדימה
6. שלום HTML
7. תגיות HTML להצגה של תוכן
8. תגיות HTML לשליטה על מבנה העמוד
9. טפסים ב HTML
10. פיתוח דף HTML מלא לאתר
11. תרגול HTML
12. ברוכים הבאים ל CSS
13. איך משלבים תוכן CSS בדף HTML
14. סלקטורים ב CSS
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. תרגול: בניית סליידר תמונות
29. ברוכים הבאים ל JavaScript
30. איך לשלב קוד JavaScript בדף HTML שלנו
31. שפת JavaScript תחביר בסיסי
32. איתור שגיאות בתוכנית JavaScript
33. מצב בטוח Strict Mode
34. תרגול תחביר שפת JavaScript
35. מערכים ב JavaScript
36. אוביקטים ב JavaScript
37. תרגול מערכים ואוביקטים ב JavaScript
38. ג'אווהסקריפט וה DOM
39. ניווט בעץ ה DOM
40. תרגול: עבודה עם DOM
41. טיפול באירועים
42. טיפול באירועים עבור הילדים
43. עבודה עם שעונים
44. אנימציות ב CSS ו JavaScript
45. תרגול: אירועים ושעונים
46. מאפיינים של יישומים גדולים
47. פונקציות ב JavaScript
48. תרגול פונקציות
49. פיתוח קוד מונחה עצמים ב JavaScript
50. תרגול פיתוח מונחה עצמים ב JavaScript
51. המשתנה this בקוד טיפול באירוע
52. המחשה: מימוש Counter בתור קומפוננטה
53. תרגול: מחלקות ואירועים
54. שיתוף פעולה בין קומפוננטות
55. תרגול: חיבור קומפוננטות
56. מודולים ב JavaScript
57. יבוא ויצוא
58. מפת יבוא
59. אחסון מידע בדפדפן עם localstorage
60. תרגול: localstorage
61. ניגון צלילים עם HTMLAudioElement
62. תרגול HTML Audio
63. ציור בעזרת SVG - חלק 1
64. ציור בעזרת SVG מתוך JavaScript
65. תרגול SVG
66. פרויקט סיכום: לוח ציור
67. איך נראה קוד צד-שרת
68. תקשורת עם צד השרת באמצעות Ajax בגישת האירועים
69. תקשורת עם צד השרת בגישת ה Promises עם Fetch API
70. פיענוח המידע והצגתו על המסך באמצעות JavaScript
71. תרגול תקשורת
72. הוספת תקשורת זמן אמת באמצעות Web Sockets
73. פרויקט סיכום: לוח ציור שיתופי
74. סיכום
Teacher

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

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

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

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

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

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

פיתוח יישומי צד-לקוח החל מהבסיס של כתיבת דפי HTML ו CSS ועד לנושאים המתקדמים של פיתוח Web Applications. הקורס מכיל 70 שיעורים ומעל 7 שעות של וידאו, תרגול מלווה על כל נושא ופרויקט סיכום.

בקצרה

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