Site Logo
כניסה

מה לומדים

האם גם אתם מעתיקים קטעי קוד מהאינטרנט בלי להבין עד הסוף מה הם עושים? או מבלים שעות בחיפוש אחר ה jQuery Plugin המתאים כי לא בטוחים כיצד לכתוב לבד את הקוד שאתם צריכים? פיתוח בשפת JavaScript היה בעבר משימה מתסכלת, שכן השפה התנהגה אחרת על דפדפנים שונים, ופיתוח גם של דברים קטנים הצריך ידע תיאורטי רב ובדיקות אינספור.

כיום סביבת הפיתוח השתנתה מקצה לקצה. רוב הדפדפנים שיקראו את העמוד שלכם מסוגלים להריץ JavaScript מודרני ומציעים את אותו DOM API. התלות בספריות חיצוניות כגון jQuery היא כיום הרבה יותר נמוכה. בנוסף, פיתוח יישומי צד-לקוח מודרני כולל אתגרים רבים מעבר לבניית פקדים ואינטרקטיביות פשוטה בעמוד. 

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

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

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

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

סילבוס מפורט
נתחיל את הקורס במעבר על כללי התחביר של JavaScript והשימוש בה כשפת תכנות. נלמד על לולאות, פונקציות, תנאים, משתנים ומידע המוחזק בהם.
1. תחביר בסיסי
תצוגה מקדימה
2. תרגול תחביר בסיסי
תצוגה מקדימה
3. מערכים ב JavaScript
תצוגה מקדימה
4. אובייקטים ב JavaScript
תצוגה מקדימה
5. תרגיל מערכים ואובייקטים
תצוגה מקדימה
6. פונקציות ב JavaScript
7. תרגול פונקציות
8. איתור שגיאות באמצעות כלי הפיתוח
תצוגה מקדימה
המטרה של שפת JavaScript היא לעדכן את התצוגה וכך להוסיף אינטרקטיביות לעמוד. בפרק זה נלמד כיצד להשתמש ב JavaScript באופן זה, נלמד לחבר את הקוד לתצוגה ונבנה משחקון קטן להמחשת הרעיונות הנלמדים בפרק.
9. עבודה עם DOM
10. DOM Nodes
11. טיפול באירועים
12. תרגיל סיכום: משחק תפוס ת׳אדום
פיתוח יישומים מורכבים ב JavaScript דורש גישה שונה לקוד — גישה שתאפשר שימוש מחדש בקטעי קוד שאנו כותבים, גישת פיתוח מונחה עצמים. בפרק זה נלמד את עקרונות פיתוח מונחה עצמים ב JavaScript, נבין את הדמיון והשוני בין JavaScript לשפות מונחות עצמים אחרות כדוגמת Java. הרעיונות בפרק מומחשים באמצעות פיתוח קוד לפקדים מורכבים אותם ניתן לשלב בעמודים שנבנה.
13. תחביר מחלקות
14. תרגול מחלקות
15. המשתנה this בקוד טיפול באירוע
תצוגה מקדימה
16. פיתוח מחלקה עבור פקד תיבת טקסט
17. שילוב מספר פקדים
18. שיתוף קוד באמצעות ירושה
19. ירושה בפקד תיבת הטקסט
20. הבטחות / Promises
פיתוח בצד לקוח מאפשר קטגוריה חדשה של יישומים: יישומי עמוד יחיד. יישומים אלו נשארים תמיד בתוך אותו עמוד ה HTML, וכל מה שנראה למשתמש כמעברי עמודים הוא בסך הכל שינוי אלמנטים על המסך באמצעות קוד JavaScript. עמוד החיפוש בגוגל מתנהג כך, כמו גם יישומי אופיס מקוונים, יישומי מייל ועוד. יישומים כאלה מרוויחים שיפור ביצועים משמעותי מאחר ואינם תלויים במהירות הרשת. בפרק זה נכיר את האתגרים בפיתוח יישומים כאלה ונלמד את העקרונות העומדים בבסיס פיתוחם
21. התמונה הגדולה
תצוגה מקדימה
22. בניית תשתית ליישומי עמוד יחיד
23. תרגיל סיכום: הוספת מסך עזרה למשחק תפוס ת׳אדום
Teacher

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

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

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

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

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

JavaScript for Developers: קורס אונליין בעברית

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

בקצרה

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