Web-Dev-For-Beginners/translations/he

פיתוח ווב למתחילים - תוכנית לימודים

למדו את יסודות פיתוח הווב עם הקורס המקיף שלנו בן 12 השבועות על ידי Microsoft Cloud Advocates. כל אחד מ-24 השיעורים מתעמק ב-JavaScript, CSS ו-HTML באמצעות פרויקטים מעשיים כמו טראריום, תוספי דפדפן, ומשחקי חלל. השתתפו בחידונים, דיונים ומשימות מעשיות. שפרו את היכולות שלכם ואופטמו את שימור הידע באמצעות שיטת ההוראה המבוססת פרויקטים שלנו. התחילו את מסלול הקידוד שלכם עוד היום!

הצטרפו לקהילת Discord של Azure AI Foundry

עקבו אחר השלבים הבאים כדי להתחיל להשתמש במשאבים אלו:

1. בצעו פורק למאגר: לחצו על
2. שכפלו את המאגר: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. הצטרפו ל-Discord של Azure AI Foundry ופגשו מומחים ומפתחים נוספים

🌐 תמיכה בריבוי שפות

נתמך באמצעות GitHub Action (ממוכן ותמיד מעודכן)

מעדיפים לשכפל מקומית?

מאגר זה כולל יותר מ-50 תרגומים אשר מגדילים משמעותית את גודל ההורדה. לשכפול ללא תרגומים השתמשו ב-sparse checkout:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

כך תקבלו את כל מה שצריך להשלמת הקורס במהירות הורדה גבוהה יותר.

אם ברצונכם שיתמכו בשפות תרגום נוספות, הרשימה מופיעה כאן

🧑‍🎓 האם אתם סטודנטים?

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

📣 הודעה - אתגרי מצב GitHub Copilot Agent חדשים להשלמה!

אתגר חדש נוסף, חפשו "GitHub Copilot Agent Challenge 🚀" ברוב הפרקים. זהו אתגר חדש להשלים בעזרת GitHub Copilot ומצב Agent. אם לא השתמשתם במצב Agent קודם לכן, הוא מסוגל לא רק לייצר טקסט אלא גם ליצור ולערוך קבצים, להפעיל פקודות ועוד.

📣 הודעה - ״פרויקט חדש לבנייה באמצעות AI מחולל״

פרויקט עוזר בינה מלאכותית חדש נוסף, בדקו את הפרויקט

📣 הודעה - תוכנית לימודים חדשה לבינה מלאכותית מחוללת עבור JavaScript שוחררה זה עתה

אל תפספסו את תוכנית הלימודים החדשה שלנו לבינה מלאכותית מחוללת!

בקרו ב-https://aka.ms/genai-js-course כדי להתחיל!

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

כל שיעור כולל משימה להשלמה, בדיקת ידע ואתגר להנחות אתכם בנושאים כמו:

• הוראות והנדסת הוראות
• יצירת אפליקציות טקסט ותמונה
• אפליקציות חיפוש

בקרו ב-https://aka.ms/genai-js-course כדי להתחיל!

🌱 התחלה

מורים, כללנו כמה המלצות לשימוש בתוכנית הלימודים הזו. נשמח למשוב שלכם בפורום הדיונים שלנו!

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

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

כדי להרחיב את ההשכלה שלכם, אנו ממליצים בחום לחקור את Microsoft Learn לקבלת חומרי לימוד נוספים.

📋 הקמת סביבת העבודה

לתוכנית הלימודים הזו יש סביבה לפיתוח מוכנה לשימוש! עם תחילתכם תוכלו לבחור להריץ את התוכנית ב-Codespace (סביבה מבוססת דפדפן ללא צורך בהתקנות), או מקומית במחשב שלכם באמצעות עורך טקסט כגון Visual Studio Code.

צרו את המאגר שלכם

כדי שתוכלו לשמור בקלות על עבודתכם, מומלץ ליצור עותק משלכם של מאגר זה. ניתן לעשות זאת על ידי לחיצה על כפתור Use this template בחלק העליון של העמוד. פעולה זו תיצור מאגר חדש בחשבון GitHub שלכם עם העותק של תוכנית הלימודים.

עקבו אחר השלבים הבאים:

1. בצעו פורק למאגר: לחצו על כפתור "Fork" בפינה העליונה הימנית של העמוד הזה.
2. שכפלו את המאגר: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

הרצת התוכנית ב-Codespace

בעותק שלכם של מאגר זה שיצרתם, לחצו על כפתור Code ובחרו Open with Codespaces. פעולה זו תיצור Codespace חדש עבור עבודה בו.

הרצת התוכנית מקומית במחשב

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

ההמלצה שלנו היא להשתמש ב-Visual Studio Code כעורך שלכם, שיש לו גם טרמינל מובנה. ניתן להוריד את Visual Studio Code כאן.

1. שכפלו את המאגר שלכם למחשב. ניתן לעשות זאת על ידי לחיצה על כפתור Code והעתקת ה-URL:

   CodeSpace ואז, פתח את טרמינל בתוך Visual Studio Code והריץ את הפקודה הבאה, תוך החלפת <your-repository-url> בכתובת ה-URL שעתקת זה עתה:

   git clone <your-repository-url>
   

2. פתח את התיקיה ב-Visual Studio Code. ניתן לעשות זאת על ידי לחיצה על קובץ > פתח תיקיה ובחירת התיקיה ששכפלת זה עתה.

הרחבות מומלצות ל-Visual Studio Code:

• Live Server - לתצוגה מקדימה של דפי HTML בתוך Visual Studio Code
• Copilot - לעזרה בכתיבת קוד מהירה יותר

📂 כל שיעור כולל:

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

הערה על מבחנים: כל המבחנים נמצאים בתיקיית Quiz-app, הכוללת 48 מבחנים עם שלוש שאלות כל אחד. הם זמינים כאן וניתן להריץ את אפליקציית המבחנים באופן מקומי או לפרוס ל-Azure; עקוב אחרי ההוראות בתיקיית quiz-app.

🗃️ שיעורים

	שם הפרויקט	מושגים נלמדים	מטרות הלמידה	שיעור מקושר	מחבר
01	התחלה	מבוא לתכנות וכלים מקצועיים	ללמוד את הבסיסים שמאחורי רוב שפות התכנות ואת התוכנה שמסייעת למפתחים מקצועיים בעבודתם	מבוא לשפות תכנות וכלים מקצועיים	Jasmine
02	התחלה	יסודות GitHub, כולל עבודה בצוות	כיצד להשתמש ב-GitHub בפרויקט שלך, וכיצד לשתף פעולה עם אחרים על בסיס קוד	מבוא ל-GitHub	Floor
03	התחלה	נגישות	ללמוד את יסודות הנגישות באינטרנט	יסודות הנגישות	Christopher
04	יסודות JS	סוגי נתונים ב-JavaScript	הבסיס לסוגי הנתונים ב-JavaScript	סוגי נתונים	Jasmine
05	יסודות JS	פונקציות ושיטות	ללמוד על פונקציות ושיטות לניהול זרימת הלוגיקה של האפליקציה	פונקציות ושיטות	Jasmine and Christopher
06	יסודות JS	קבלת החלטות ב-JS	ללמוד כיצד ליצור תנאים בקוד שלך באמצעות שיטות קבלת החלטות	קבלת החלטות	Jasmine
07	יסודות JS	מערכים ולולאות	לעבוד עם נתונים באמצעות מערכים ולולאות ב-JavaScript	מערכים ולולאות	Jasmine
08	טרריום	HTML בפועל	לבנות את ה-HTML ליצירת טרריום מקוון, תוך התמקדות ביצירת פריסה	מבוא ל-HTML	Jen
09	טרריום	CSS בפועל	לבנות את ה-CSS לעיצוב הטרריום המקוון, תוך התמקדות ביסודות CSS כולל הפיכת הדף לרספונסיבי	מבוא ל-CSS	Jen
10	טרריום	סגירות ב-JavaScript, מניפולציית DOM	לבנות את ה-JavaScript להפיכת הטרריום לממשק גרירה/שחרור, תוך התמקדות בסגירות ומניפולציית DOM	סגירות ב-JavaScript, מניפולציה ב-DOM	Jen
11	משחק הקלדה	בניית משחק הקלדה	ללמוד כיצד להשתמש באירועי מקלדת להנעת לוגיקת אפליקציית ה-JavaScript שלך	תכנות מונחה אירועים	Christopher
12	תוסף דפדפן ירוק	עבודה עם דפדפנים	ללמוד כיצד דפדפנים פועלים, ההיסטוריה שלהם, וכיצד ליצור את האלמנטים הראשוניים בתוסף דפדפן	על דפדפנים	Jen
13	תוסף דפדפן ירוק	בניית טופס, קריאה ל-API ואחסון משתנים בזיכרון מקומי	לבנות את אלמנטים של ה-JavaScript בתוסף הדפדפן שלך לקריאה ל-API באמצעות משתנים מאוחסנים בזיכרון המקומי	API, טפסים ואחסון מקומי	Jen
14	תוסף דפדפן ירוק	תהליכים ברקע בדפדפן, ביצועי אינטרנט	להשתמש בתהליכים ברקע כדי לנהל את סמל התוסף; ללמוד על ביצועי אינטרנט וכמה אופטימיזציות לשיפור הביצועים	משימות רקע וביצועים	Jen
15	משחק חלל	פיתוח משחק מתקדם יותר ב-JavaScript	ללמוד על ירושה באמצעות מחלקות והרכבה ודפוס Pub/Sub, כהכנה לבניית משחק	מבוא לפיתוח משחק מתקדם	Chris
16	משחק חלל	ציור על קנבס	ללמוד על API של קנבס, המשמש לציור אלמנטים על המסך	ציור על קנבס	Chris
17	משחק חלל	הזזת אלמנטים על המסך	לגלות כיצד אלמנטים זוכים לתנועה באמצעות קואורדינטות קרטזיות ו-Canvas API	הזזת אלמנטים	Chris
18	משחק חלל	זיהוי התנגשויות	לאפשר לאלמנטים להתנגש ולהגיב זה לזה באמצעות לחיצות מקשים ולספק פונקציית קירור להבטחת ביצועי המשחק	זיהוי התנגשויות	Chris
19	משחק חלל	שמירת ניקוד	לבצע חישובים מתמטיים המבוססים על מצב וביצועי המשחק	שמירת ניקוד	Chris
20	משחק חלל	סיום והפעלה מחדש של המשחק	ללמוד על סיום והפעלה מחדש של המשחק, כולל ניקוי משאבים ואיפוס ערכים של משתנים	תנאי סיום	Chris
21	אפליקציית בנקאות	תבניות HTML ונתיבים באפליקציית רשת	ללמוד כיצד ליצור את תשתית המבנה של אתר רב-דפים באמצעות ניתוב ותבניות HTML	תבניות HTML ונתיבים	Yohan
22	אפליקציית בנקאות	בניית טופס רישום והתחברות	ללמוד על בניית טפסים וטיפול בשגרות אימות	טפסים	Yohan
23	אפליקציית בנקאות	שיטות אחזור ושימוש בנתונים	כיצד הנתונים זורמים פנימה והחוצה מהאפליקציה שלך, כיצד לשלוף אותם, לאחסן ולמחוק	נתונים	Yohan
24	אפליקציית בנקאות	מושגי ניהול מצבים	ללמוד כיצד האפליקציה שומרת על מצב וכיצד לנהל אותו תכנותית	ניהול מצב	Yohan
25	עורך קוד/דפדפן	עבודה עם VScode	ללמוד כיצד להשתמש בעורך קוד	שימוש בעורך קוד VScode	Chris
26	עוזרי AI	עבודה עם AI	ללמוד כיצד לבנות עוזר AI משלך	פרויקט עוזר AI	Chris

🏫 פדגוגיה

תוכנית הלימודים שלנו מעוצבת עם שני עקרונות פדגוגיים מרכזיים:

• למידה מבוססת פרויקטים
• מבחנים תכופים

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

🎓 ניתן לקחת את השיעורים הראשונים בתוכנית זו כ-נתיב למידה ב-Microsoft Learn!

על ידי התאמת התוכן לפרויקטים, התהליך הופך למרגש יותר עבור התלמידים וההטמעה של המושגים מתוגברת. כמו כן כתבנו מספר שיעורי התחלה ביסודות JavaScript להכיר את המושגים, בשילוב עם וידאו מסדרת "Beginners Series to: JavaScript", אוסף של הדרכות וידאו, שחלק מהמחברים בהם תרמו לתוכנית זו.

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

בעוד שוויתרנו במכוון על חשיפת מסגרות JavaScript על מנת להתרכז בכישורים הבסיסיים הנדרשים כמפתח אינטרנט לפני אימוץ מסגרת, שלב טוב הבא לסיום תוכנית זו יהיה ללמוד על Node.js באמצעות אוסף וידאו נוסף: "Beginner Series to: Node.js".

בקר בקוד ההתנהגות ובהנחיות לתרומה. נשמח למשוב בונה!

🧭 גישה לא מקוונת

ניתן להפעיל תיעוד זה במצב לא מקוון באמצעות Docsify. בצע Fork לריפוזיטורי זה, התקן Docsify במחשב המקומי שלך, ואז בתיקיית השורש של הריפוזיטורי, הקלד docsify serve. האתר יופעל בפורט 3000 על ה-localhost שלך: localhost:3000.

📘 PDF

קובץ PDF של כל השיעורים ניתן למצוא כאן.

🎒 קורסים אחרים

הצוות שלנו מייצר קורסים נוספים! עיינו ב:

LangChain

---

Azure / Edge / MCP / סוכנים

---

סדרת AI גנרטיבי

---

למידה מרכזית

---

סדרת Copilot

לקבלת עזרה

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

אם יש לכם משוב על המוצר או שגיאות בזמן הבנייה, בקרו ב:

רישיון

מאגר זה מורשה תחת רישיון MIT. ראו את הקובץ LICENSE לפרטים נוספים.

---

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