|
|
|
|
@ -1,262 +1,257 @@
|
|
|
|
|
<!--
|
|
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
|
|
{
|
|
|
|
|
"original_hash": "63e29f5a308b533df9d70336bbb2e2b8",
|
|
|
|
|
"translation_date": "2025-11-25T18:03:48+00:00",
|
|
|
|
|
"original_hash": "fea3a0fceb8ad86fd640c09cf63a2aac",
|
|
|
|
|
"translation_date": "2026-01-07T01:06:42+00:00",
|
|
|
|
|
"source_file": "README.md",
|
|
|
|
|
"language_code": "he"
|
|
|
|
|
}
|
|
|
|
|
-->
|
|
|
|
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
|
|
|
|
[](http://makeapullrequest.com)
|
|
|
|
|
# פיתוח ווב למתחילים - תוכנית לימודים
|
|
|
|
|
|
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
|
|
|
|
למדו את יסודות פיתוח הווב עם הקורס המקיף שלנו בן 12 השבועות על ידי Microsoft Cloud Advocates. כל אחד מ-24 השיעורים מתעמק ב-JavaScript, CSS ו-HTML באמצעות פרויקטים מעשיים כמו טראריום, תוספי דפדפן, ומשחקי חלל. השתתפו בחידונים, דיונים ומשימות מעשיות. שפרו את היכולות שלכם ואופטמו את שימור הידע באמצעות שיטת ההוראה המבוססת פרויקטים שלנו. התחילו את מסלול הקידוד שלכם עוד היום!
|
|
|
|
|
|
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
|
הצטרפו לקהילת Discord של Azure AI Foundry
|
|
|
|
|
|
|
|
|
|
# פיתוח אתרים למתחילים - תוכנית לימודים
|
|
|
|
|
עקבו אחר השלבים הבאים כדי להתחיל להשתמש במשאבים אלו:
|
|
|
|
|
1. **בצעו פורק למאגר**: לחצו על [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
|
|
|
|
|
2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
|
3. [**הצטרפו ל-Discord של Azure AI Foundry ופגשו מומחים ומפתחים נוספים**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
|
|
|
|
|
|
למדו את יסודות פיתוח האתרים עם קורס מקיף של 12 שבועות מבית Microsoft Cloud Advocates. כל אחד מ-24 השיעורים מתמקד ב-JavaScript, CSS ו-HTML דרך פרויקטים מעשיים כמו טרריומים, הרחבות לדפדפן ומשחקי חלל. השתתפו בחידונים, דיונים ומשימות מעשיות. שפרו את הכישורים שלכם והעצימו את שימור הידע שלכם עם שיטת הלימוד מבוססת הפרויקטים שלנו. התחילו את מסע הקידוד שלכם היום!
|
|
|
|
|
### 🌐 תמיכה בריבוי שפות
|
|
|
|
|
|
|
|
|
|
הצטרפו לקהילת Azure AI Foundry Discord
|
|
|
|
|
#### נתמך באמצעות GitHub Action (ממוכן ותמיד מעודכן)
|
|
|
|
|
|
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
|
> **מעדיפים לשכפל מקומית?**
|
|
|
|
|
|
|
|
|
|
עקבו אחר השלבים הבאים כדי להתחיל להשתמש במשאבים אלו:
|
|
|
|
|
1. **עשו Fork למאגר**: לחצו [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
|
|
|
|
|
2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
|
3. [**הצטרפו ל-Azure AI Foundry Discord ופגשו מומחים ומפתחים נוספים**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
|
> מאגר זה כולל יותר מ-50 תרגומים אשר מגדילים משמעותית את גודל ההורדה. לשכפול ללא תרגומים השתמשו ב-sparse checkout:
|
|
|
|
|
> ```bash
|
|
|
|
|
> 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'
|
|
|
|
|
> ```
|
|
|
|
|
> כך תקבלו את כל מה שצריך להשלמת הקורס במהירות הורדה גבוהה יותר.
|
|
|
|
|
|
|
|
|
|
### 🌐 תמיכה רב-שפתית
|
|
|
|
|
**אם ברצונכם שיתמכו בשפות תרגום נוספות, הרשימה מופיעה [כאן](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
|
|
|
|
|
|
|
|
|
|
#### נתמך באמצעות GitHub Action (אוטומטי ותמיד מעודכן)
|
|
|
|
|
#### 🧑🎓 _האם אתם סטודנטים?_
|
|
|
|
|
|
|
|
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
|
|
|
|
|
[ערבית](../ar/README.md) | [בנגלית](../bn/README.md) | [בולגרית](../bg/README.md) | [בורמזית (מיאנמר)](../my/README.md) | [סינית (פשוטה)](../zh/README.md) | [סינית (מסורתית, הונג קונג)](../hk/README.md) | [סינית (מסורתית, מקאו)](../mo/README.md) | [סינית (מסורתית, טייוואן)](../tw/README.md) | [קרואטית](../hr/README.md) | [צ'כית](../cs/README.md) | [דנית](../da/README.md) | [הולנדית](../nl/README.md) | [אסטונית](../et/README.md) | [פינית](../fi/README.md) | [צרפתית](../fr/README.md) | [גרמנית](../de/README.md) | [יוונית](../el/README.md) | [עברית](./README.md) | [הינדית](../hi/README.md) | [הונגרית](../hu/README.md) | [אינדונזית](../id/README.md) | [איטלקית](../it/README.md) | [יפנית](../ja/README.md) | [קוריאנית](../ko/README.md) | [ליטאית](../lt/README.md) | [מלאית](../ms/README.md) | [מרטהי](../mr/README.md) | [נפאלית](../ne/README.md) | [נורווגית](../no/README.md) | [פרסית (פרסי)](../fa/README.md) | [פולנית](../pl/README.md) | [פורטוגזית (ברזיל)](../br/README.md) | [פורטוגזית (פורטוגל)](../pt/README.md) | [פונג'בית (גורמוקי)](../pa/README.md) | [רומנית](../ro/README.md) | [רוסית](../ru/README.md) | [סרבית (קירילית)](../sr/README.md) | [סלובקית](../sk/README.md) | [סלובנית](../sl/README.md) | [ספרדית](../es/README.md) | [סוואהילית](../sw/README.md) | [שוודית](../sv/README.md) | [טאגאלוג (פיליפינית)](../tl/README.md) | [טמילית](../ta/README.md) | [תאית](../th/README.md) | [טורקית](../tr/README.md) | [אוקראינית](../uk/README.md) | [אורדו](../ur/README.md) | [וייטנאמית](../vi/README.md)
|
|
|
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
|
|
|
|
|
בקרו ב[**דף מרכז הסטודנטים**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) שם תמצאו משאבים למתחילים, חבילות לסטודנטים ואפילו דרכים לקבל שובר תעודה חינמי. זהו הדף שכדאי לשמור ולהתעדכן בו מעת לעת כשהתכנים מתחלפים חודשית.
|
|
|
|
|
|
|
|
|
|
**אם תרצו להוסיף שפות נוספות, השפות הנתמכות מפורטות [כאן](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
|
|
|
|
|
### 📣 הודעה - אתגרי מצב GitHub Copilot Agent חדשים להשלמה!
|
|
|
|
|
|
|
|
|
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
|
|
|
|
אתגר חדש נוסף, חפשו "GitHub Copilot Agent Challenge 🚀" ברוב הפרקים. זהו אתגר חדש להשלים בעזרת GitHub Copilot ומצב Agent. אם לא השתמשתם במצב Agent קודם לכן, הוא מסוגל לא רק לייצר טקסט אלא גם ליצור ולערוך קבצים, להפעיל פקודות ועוד.
|
|
|
|
|
|
|
|
|
|
#### 🧑🎓 _האם אתם סטודנטים?_
|
|
|
|
|
### 📣 הודעה - ״פרויקט חדש לבנייה באמצעות AI מחולל״
|
|
|
|
|
|
|
|
|
|
בקרו ב-[**עמוד הסטודנטים**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) שם תמצאו משאבים למתחילים, חבילות לסטודנטים ואפילו דרכים לקבל שובר לתעודה בחינם. זהו עמוד שכדאי לשמור ולבדוק מדי פעם, שכן אנו מעדכנים את התוכן מדי חודש.
|
|
|
|
|
פרויקט עוזר בינה מלאכותית חדש נוסף, בדקו את [הפרויקט](./9-chat-project/README.md)
|
|
|
|
|
|
|
|
|
|
### 📣 הכרזה - אתגרי מצב סוכן של GitHub Copilot חדשים להשלמה!
|
|
|
|
|
### 📣 הודעה - _תוכנית לימודים חדשה_ לבינה מלאכותית מחוללת עבור JavaScript שוחררה זה עתה
|
|
|
|
|
|
|
|
|
|
אתגר חדש נוסף, חפשו את "GitHub Copilot Agent Challenge 🚀" ברוב הפרקים. זהו אתגר חדש עבורכם להשלמה באמצעות GitHub Copilot ומצב סוכן. אם לא השתמשתם במצב סוכן בעבר, הוא מסוגל לא רק לייצר טקסט אלא גם ליצור ולערוך קבצים, להריץ פקודות ועוד.
|
|
|
|
|
אל תפספסו את תוכנית הלימודים החדשה שלנו לבינה מלאכותית מחוללת!
|
|
|
|
|
|
|
|
|
|
### 📣 הכרזה - _פרויקט חדש לבנייה באמצעות AI גנרטיבי_
|
|
|
|
|
בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל!
|
|
|
|
|
|
|
|
|
|
פרויקט עוזר AI חדש נוסף, בדקו אותו [פרויקט](./09-chat-project/README.md)
|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
### 📣 הכרזה - _תוכנית לימודים חדשה_ על AI גנרטיבי ל-JavaScript שוחררה
|
|
|
|
|
- שיעורים המכסים הכל מהבסיס ועד RAG.
|
|
|
|
|
- אינטראקציה עם דמויות היסטוריות באמצעות GenAI והאפליקציה המלווית שלנו.
|
|
|
|
|
- נרטיב מהנה ומרתק, שבו תטיילו בזמן!
|
|
|
|
|
|
|
|
|
|
אל תפספסו את תוכנית הלימודים החדשה שלנו על AI גנרטיבי!
|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל!
|
|
|
|
|
כל שיעור כולל משימה להשלמה, בדיקת ידע ואתגר להנחות אתכם בנושאים כמו:
|
|
|
|
|
- הוראות והנדסת הוראות
|
|
|
|
|
- יצירת אפליקציות טקסט ותמונה
|
|
|
|
|
- אפליקציות חיפוש
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|
בקרו ב-[https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) כדי להתחיל!
|
|
|
|
|
|
|
|
|
|
- שיעורים המכסים הכל מהבסיס ועד RAG.
|
|
|
|
|
- אינטראקציה עם דמויות היסטוריות באמצעות GenAI ואפליקציית הליווי שלנו.
|
|
|
|
|
- נרטיב מהנה ומרתק, תעשו מסע בזמן!
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
כל שיעור כולל משימה להשלמה, בדיקת ידע ואתגר שינחה אתכם בלימוד נושאים כמו:
|
|
|
|
|
- הנחיה והנדסת הנחיות
|
|
|
|
|
- יצירת אפליקציות טקסט ותמונה
|
|
|
|
|
- אפליקציות חיפוש
|
|
|
|
|
## 🌱 התחלה
|
|
|
|
|
|
|
|
|
|
בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל!
|
|
|
|
|
> **מורים**, כללנו [כמה המלצות](for-teachers.md) לשימוש בתוכנית הלימודים הזו. נשמח למשוב שלכם [בפורום הדיונים שלנו](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
|
|
|
|
|
|
|
|
|
|
## 🌱 התחלה
|
|
|
|
|
**[לומדים](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, לכל שיעור, התחילו בחידון טרום-הרצאה ולכו בעקבות קריאת חומר ההרצאה, השלמת הפעילויות השונות, ובדקו את הבנתכם באמצעות חידון לאחר ההרצאה.
|
|
|
|
|
|
|
|
|
|
> **מורים**, כללנו [כמה הצעות](for-teachers.md) כיצד להשתמש בתוכנית הלימודים הזו. נשמח לשמוע את דעתכם [בפורום הדיונים שלנו](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
|
|
|
|
|
כדי לשפר את חוויית הלמידה שלכם, התחברו עם עמיתיכם כדי לעבוד יחד על הפרויקטים! מעודדים דיונים ב[פורום הדיונים שלנו](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) שם צוות המודרטורים שלנו זמין לענות על שאלותיכם.
|
|
|
|
|
|
|
|
|
|
**[לומדים](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, לכל שיעור, התחילו עם חידון לפני השיעור והמשיכו בקריאת חומר השיעור, השלמת הפעילויות השונות ובדקו את הבנתכם עם חידון לאחר השיעור.
|
|
|
|
|
כדי להרחיב את ההשכלה שלכם, אנו ממליצים בחום לחקור את [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) לקבלת חומרי לימוד נוספים.
|
|
|
|
|
|
|
|
|
|
כדי לשפר את חוויית הלמידה שלכם, התחברו עם עמיתים לעבודה על הפרויקטים יחד! דיונים מעודדים בפורום הדיונים שלנו [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) שם צוות המנהלים שלנו יהיה זמין לענות על שאלותיכם.
|
|
|
|
|
### 📋 הקמת סביבת העבודה
|
|
|
|
|
|
|
|
|
|
כדי להרחיב את השכלתכם, אנו ממליצים מאוד לחקור את [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) עבור חומרי לימוד נוספים.
|
|
|
|
|
לתוכנית הלימודים הזו יש סביבה לפיתוח מוכנה לשימוש! עם תחילתכם תוכלו לבחור להריץ את התוכנית ב-[Codespace](https://github.com/features/codespaces/) (_סביבה מבוססת דפדפן ללא צורך בהתקנות_), או מקומית במחשב שלכם באמצעות עורך טקסט כגון [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
|
|
|
|
|
|
|
|
|
|
### 📋 הגדרת סביבת העבודה שלכם
|
|
|
|
|
#### צרו את המאגר שלכם
|
|
|
|
|
כדי שתוכלו לשמור בקלות על עבודתכם, מומלץ ליצור עותק משלכם של מאגר זה. ניתן לעשות זאת על ידי לחיצה על כפתור **Use this template** בחלק העליון של העמוד. פעולה זו תיצור מאגר חדש בחשבון GitHub שלכם עם העותק של תוכנית הלימודים.
|
|
|
|
|
|
|
|
|
|
לתוכנית הלימודים הזו יש סביבת פיתוח מוכנה לשימוש! כשאתם מתחילים, תוכלו לבחור להריץ את התוכנית הלימודים ב-[Codespace](https://github.com/features/codespaces/) (_סביבה מבוססת דפדפן, ללא צורך בהתקנות_), או מקומית על המחשב שלכם באמצעות עורך טקסט כמו [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
|
|
|
|
|
עקבו אחר השלבים הבאים:
|
|
|
|
|
1. **בצעו פורק למאגר**: לחצו על כפתור "Fork" בפינה העליונה הימנית של העמוד הזה.
|
|
|
|
|
2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
|
|
|
|
|
|
#### יצירת המאגר שלכם
|
|
|
|
|
כדי לשמור את העבודה שלכם בקלות, מומלץ ליצור עותק משלכם של המאגר הזה. תוכלו לעשות זאת על ידי לחיצה על כפתור **Use this template** בראש העמוד. זה ייצור מאגר חדש בחשבון GitHub שלכם עם עותק של תוכנית הלימודים.
|
|
|
|
|
#### הרצת התוכנית ב-Codespace
|
|
|
|
|
|
|
|
|
|
עקבו אחר השלבים הבאים:
|
|
|
|
|
1. **עשו Fork למאגר**: לחצו על כפתור "Fork" בפינה הימנית העליונה של העמוד הזה.
|
|
|
|
|
2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
|
בעותק שלכם של מאגר זה שיצרתם, לחצו על כפתור **Code** ובחרו **Open with Codespaces**. פעולה זו תיצור Codespace חדש עבור עבודה בו.
|
|
|
|
|
|
|
|
|
|
#### הרצת תוכנית הלימודים ב-Codespace
|
|
|
|
|

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

|
|
|
|
|
כדי להריץ תוכנית לימודים זו במחשב שלכם, תזדקקו לעורך טקסט, דפדפן וכלי שורת פקודה. השיעור הראשון שלנו, [הקדמה לשפות תכנות וכלי סחר](../../1-getting-started-lessons/1-intro-to-programming-languages), ילווה אתכם באפשרויות שונות לכל אחד מהכלים הללו לבחירתכם.
|
|
|
|
|
|
|
|
|
|
#### הרצת תוכנית הלימודים מקומית על המחשב שלכם
|
|
|
|
|
ההמלצה שלנו היא להשתמש ב-[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) כעורך שלכם, שיש לו גם [טרמינל מובנה](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). ניתן להוריד את Visual Studio Code [כאן](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
|
|
|
|
|
|
|
|
|
|
כדי להריץ את תוכנית הלימודים מקומית על המחשב שלכם, תצטרכו עורך טקסט, דפדפן וכלי שורת פקודה. השיעור הראשון שלנו, [מבוא לשפות תכנות וכלי העבודה](../../1-getting-started-lessons/1-intro-to-programming-languages), ידריך אתכם דרך אפשרויות שונות לכלים אלו כדי שתוכלו לבחור את מה שמתאים לכם ביותר.
|
|
|
|
|
1. שכפלו את המאגר שלכם למחשב. ניתן לעשות זאת על ידי לחיצה על כפתור **Code** והעתקת ה-URL:
|
|
|
|
|
|
|
|
|
|
ההמלצה שלנו היא להשתמש ב-[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) כעורך שלכם, שיש לו גם [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) מובנה. תוכלו להוריד את Visual Studio Code [כאן](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
|
|
|
|
|
|
|
|
|
|
1. שכפלו את המאגר שלכם למחשב. תוכלו לעשות זאת על ידי לחיצה על כפתור **Code** והעתקת ה-URL:
|
|
|
|
|
|
|
|
|
|
[CodeSpace](./images/createcodespace.png)
|
|
|
|
|
|
|
|
|
|
לאחר מכן, פתחו [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) בתוך [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) והריצו את הפקודה הבאה, החליפו `<your-repository-url>` ב-URL שהעתקתם:
|
|
|
|
|
[CodeSpace](./images/createcodespace.png)
|
|
|
|
|
ואז, פתח את [טרמינל](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) בתוך [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) והריץ את הפקודה הבאה, תוך החלפת `<your-repository-url>` בכתובת ה-URL שעתקת זה עתה:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
git clone <your-repository-url>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
2. פתחו את התיקייה ב-Visual Studio Code. תוכלו לעשות זאת על ידי לחיצה על **File** > **Open Folder** ובחירת התיקייה ששכפלתם.
|
|
|
|
|
|
|
|
|
|
> הרחבות מומלצות ל-Visual Studio Code:
|
|
|
|
|
>
|
|
|
|
|
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - כדי להציג דפי HTML בתוך Visual Studio Code
|
|
|
|
|
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - לעזור לכם לכתוב קוד מהר יותר
|
|
|
|
|
2. פתח את התיקיה ב-Visual Studio Code. ניתן לעשות זאת על ידי לחיצה על **קובץ** > **פתח תיקיה** ובחירת התיקיה ששכפלת זה עתה.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
> הרחבות מומלצות ל-Visual Studio Code:
|
|
|
|
|
>
|
|
|
|
|
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - לתצוגה מקדימה של דפי HTML בתוך Visual Studio Code
|
|
|
|
|
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - לעזרה בכתיבת קוד מהירה יותר
|
|
|
|
|
|
|
|
|
|
## 📂 כל שיעור כולל:
|
|
|
|
|
|
|
|
|
|
- סקיצה אופציונלית
|
|
|
|
|
- סרטון משלים אופציונלי
|
|
|
|
|
- חידון חימום לפני השיעור
|
|
|
|
|
- סכמה אופטציונלית
|
|
|
|
|
- סרטון משלים אופטציונלי
|
|
|
|
|
- מבחן חימום לפני השיעור
|
|
|
|
|
- שיעור כתוב
|
|
|
|
|
- עבור שיעורים מבוססי פרויקטים, מדריכים שלב אחר שלב כיצד לבנות את הפרויקט
|
|
|
|
|
- בשיעורים מבוססי פרויקטים, מדריכים שלב אחר שלב לבניית הפרויקט
|
|
|
|
|
- בדיקות ידע
|
|
|
|
|
- אתגר
|
|
|
|
|
- קריאה משלימה
|
|
|
|
|
- משימה
|
|
|
|
|
- [חידון לאחר השיעור](https://ff-quizzes.netlify.app/web/)
|
|
|
|
|
- [מבחן לאחר השיעור](https://ff-quizzes.netlify.app/web/)
|
|
|
|
|
|
|
|
|
|
> **הערה לגבי חידונים**: כל החידונים נמצאים בתיקיית Quiz-app, סה"כ 48 חידונים עם שלוש שאלות בכל אחד. הם זמינים [כאן](https://ff-quizzes.netlify.app/web/) וניתן להפעיל את אפליקציית החידונים באופן מקומי או לפרוס אותה ב-Azure; עקבו אחר ההוראות בתיקיית `quiz-app`.
|
|
|
|
|
> **הערה על מבחנים**: כל המבחנים נמצאים בתיקיית Quiz-app, הכוללת 48 מבחנים עם שלוש שאלות כל אחד. הם זמינים [כאן](https://ff-quizzes.netlify.app/web/) וניתן להריץ את אפליקציית המבחנים באופן מקומי או לפרוס ל-Azure; עקוב אחרי ההוראות בתיקיית `quiz-app`.
|
|
|
|
|
|
|
|
|
|
## 🗃️ שיעורים
|
|
|
|
|
|
|
|
|
|
| | שם הפרויקט | מושגים נלמדים | מטרות למידה | שיעור מקושר | מחבר |
|
|
|
|
|
| | שם הפרויקט | מושגים נלמדים | מטרות הלמידה | שיעור מקושר | מחבר |
|
|
|
|
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
|
|
|
|
| 01 | התחלה | מבוא לתכנות וכלי העבודה | למדו את היסודות מאחורי רוב שפות התכנות ואת התוכנות שעוזרות למפתחים מקצועיים לבצע את עבודתם | [מבוא לשפות תכנות וכלי העבודה](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
|
|
|
| 02 | התחלה | יסודות GitHub, כולל עבודה בצוות | כיצד להשתמש ב-GitHub בפרויקט שלכם, כיצד לשתף פעולה עם אחרים על בסיס קוד | [מבוא ל-GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
|
|
|
|
|
| 03 | התחלה | נגישות | למדו את היסודות של נגישות באינטרנט | [יסודות נגישות](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
|
|
|
|
|
| 04 | יסודות JS | סוגי נתונים ב-JavaScript | היסודות של סוגי נתונים ב-JavaScript | [סוגי נתונים](./2-js-basics/1-data-types/README.md) | Jasmine |
|
|
|
|
|
| 05 | יסודות JS | פונקציות ושיטות | למדו על פונקציות ושיטות לניהול זרימת הלוגיקה של אפליקציה | [פונקציות ושיטות](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
|
|
|
|
|
| 06 | יסודות JS | קבלת החלטות עם JS | למדו כיצד ליצור תנאים בקוד שלכם באמצעות שיטות קבלת החלטות | [קבלת החלטות](./2-js-basics/3-making-decisions/README.md) | Jasmine |
|
|
|
|
|
| 07 | יסודות JS | מערכים ולולאות | עבודה עם נתונים באמצעות מערכים ולולאות ב-JavaScript | [מערכים ולולאות](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
|
|
|
| 08 | [טרריום](./3-terrarium/solution/README.md) | HTML בפועל | בניית ה-HTML ליצירת טרריום מקוון, תוך התמקדות בבניית פריסה | [מבוא ל-HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
|
|
|
| 09 | [טרריום](./3-terrarium/solution/README.md) | CSS בפועל | בניית ה-CSS לעיצוב הטרריום המקוון, תוך התמקדות ביסודות CSS כולל הפיכת הדף לרספונסיבי | [מבוא ל-CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
|
|
|
| 10 | [טרריום](./3-terrarium/solution/README.md) | סגירות JavaScript, מניפולציה של DOM | בניית ה-JavaScript כדי לגרום לטרריום לתפקד כממשק גרירה/שחרור, תוך התמקדות בסגירות ובמניפולציה של DOM | [סגירות JavaScript, מניפולציה של DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
|
|
|
|
|
| 11 | [משחק הקלדה](./4-typing-game/solution/README.md) | בניית משחק הקלדה | למדו כיצד להשתמש באירועי מקלדת כדי להניע את הלוגיקה של אפליקציית ה-JavaScript שלכם | [תכנות מונחה אירועים](./4-typing-game/typing-game/README.md) | Christopher |
|
|
|
|
|
| 12 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | עבודה עם דפדפנים | למדו כיצד דפדפנים עובדים, ההיסטוריה שלהם, וכיצד לבנות את האלמנטים הראשונים של תוסף דפדפן | [על דפדפנים](./5-browser-extension/1-about-browsers/README.md) | Jen |
|
|
|
|
|
| 13 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | בניית טופס, קריאה ל-API ואחסון משתנים באחסון מקומי | בניית אלמנטי JavaScript של תוסף הדפדפן שלכם כדי לקרוא ל-API באמצעות משתנים המאוחסנים באחסון מקומי | [APIs, טפסים ואחסון מקומי](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
|
|
|
|
|
| 14 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | תהליכים ברקע בדפדפן, ביצועי רשת | שימוש בתהליכים ברקע של הדפדפן לניהול אייקון התוסף; למדו על ביצועי רשת וכמה אופטימיזציות לשיפור | [משימות ברקע וביצועים](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
|
|
|
|
|
| 15 | [משחק חלל](./6-space-game/solution/README.md) | פיתוח משחק מתקדם יותר עם JavaScript | למדו על ירושה באמצעות גם מחלקות וגם קומפוזיציה ודפוס Pub/Sub, כהכנה לבניית משחק | [מבוא לפיתוח משחק מתקדם](./6-space-game/1-introduction/README.md) | Chris |
|
|
|
|
|
| 16 | [משחק חלל](./6-space-game/solution/README.md) | ציור לקנבס | למדו על Canvas API, המשמש לציור אלמנטים למסך | [ציור לקנבס](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
|
|
|
| 17 | [משחק חלל](./6-space-game/solution/README.md) | הזזת אלמנטים על המסך | גלו כיצד אלמנטים יכולים לקבל תנועה באמצעות קואורדינטות קרטזיות ו-Canvas API | [הזזת אלמנטים](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
|
|
|
| 18 | [משחק חלל](./6-space-game/solution/README.md) | זיהוי התנגשות | גרמו לאלמנטים להתנגש ולהגיב זה לזה באמצעות לחיצות מקשים וספקו פונקציית קירור כדי להבטיח ביצועי משחק | [זיהוי התנגשות](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
|
|
|
| 19 | [משחק חלל](./6-space-game/solution/README.md) | שמירת ניקוד | ביצוע חישובים מתמטיים בהתבסס על מצב המשחק וביצועיו | [שמירת ניקוד](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
|
|
|
| 20 | [משחק חלל](./6-space-game/solution/README.md) | סיום והתחלה מחדש של המשחק | למדו על סיום והתחלה מחדש של המשחק, כולל ניקוי נכסים ואיפוס ערכי משתנים | [תנאי סיום](./6-space-game/6-end-condition/README.md) | Chris |
|
|
|
|
|
| 21 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | תבניות HTML ונתיבים באפליקציית רשת | למדו כיצד ליצור את המבנה של ארכיטקטורת אתר מרובה עמודים באמצעות נתיבים ותבניות HTML | [תבניות HTML ונתיבים](./7-bank-project/1-template-route/README.md) | Yohan |
|
|
|
|
|
| 22 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | בניית טופס כניסה וטופס הרשמה | למדו על בניית טפסים וטיפול ברוטינות אימות | [טפסים](./7-bank-project/2-forms/README.md) | Yohan |
|
|
|
|
|
| 23 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | שיטות לאחזור ושימוש בנתונים | כיצד נתונים זורמים פנימה והחוצה מהאפליקציה שלכם, כיצד לאחזר אותם, לאחסן אותם ולהיפטר מהם | [נתונים](./7-bank-project/3-data/README.md) | Yohan |
|
|
|
|
|
| 24 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | מושגים של ניהול מצב | למדו כיצד האפליקציה שלכם שומרת מצב וכיצד לנהל אותו באופן תכנותי | [ניהול מצב](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
|
|
|
| 25 | [קוד דפדפן/VScode](../../8-code-editor) | עבודה עם VScode | למדו כיצד להשתמש בעורך קוד| [שימוש בעורך קוד VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
|
|
|
|
|
| 26 | [עוזרי AI](./9-chat-project/README.md) | עבודה עם AI | למדו כיצד לבנות עוזר AI משלכם | [פרויקט עוזר AI](./9-chat-project/README.md) | Chris |
|
|
|
|
|
| 01 | התחלה | מבוא לתכנות וכלים מקצועיים | ללמוד את הבסיסים שמאחורי רוב שפות התכנות ואת התוכנה שמסייעת למפתחים מקצועיים בעבודתם | [מבוא לשפות תכנות וכלים מקצועיים](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
|
|
|
| 02 | התחלה | יסודות GitHub, כולל עבודה בצוות | כיצד להשתמש ב-GitHub בפרויקט שלך, וכיצד לשתף פעולה עם אחרים על בסיס קוד | [מבוא ל-GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
|
|
|
|
|
| 03 | התחלה | נגישות | ללמוד את יסודות הנגישות באינטרנט | [יסודות הנגישות](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
|
|
|
|
|
| 04 | יסודות JS | סוגי נתונים ב-JavaScript | הבסיס לסוגי הנתונים ב-JavaScript | [סוגי נתונים](./2-js-basics/1-data-types/README.md) | Jasmine |
|
|
|
|
|
| 05 | יסודות JS | פונקציות ושיטות | ללמוד על פונקציות ושיטות לניהול זרימת הלוגיקה של האפליקציה | [פונקציות ושיטות](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
|
|
|
|
|
| 06 | יסודות JS | קבלת החלטות ב-JS | ללמוד כיצד ליצור תנאים בקוד שלך באמצעות שיטות קבלת החלטות | [קבלת החלטות](./2-js-basics/3-making-decisions/README.md) | Jasmine |
|
|
|
|
|
| 07 | יסודות JS | מערכים ולולאות | לעבוד עם נתונים באמצעות מערכים ולולאות ב-JavaScript | [מערכים ולולאות](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
|
|
|
| 08 | [טרריום](./3-terrarium/solution/README.md) | HTML בפועל | לבנות את ה-HTML ליצירת טרריום מקוון, תוך התמקדות ביצירת פריסה | [מבוא ל-HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
|
|
|
| 09 | [טרריום](./3-terrarium/solution/README.md) | CSS בפועל | לבנות את ה-CSS לעיצוב הטרריום המקוון, תוך התמקדות ביסודות CSS כולל הפיכת הדף לרספונסיבי | [מבוא ל-CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
|
|
|
| 10 | [טרריום](./3-terrarium/solution/README.md) | סגירות ב-JavaScript, מניפולציית DOM | לבנות את ה-JavaScript להפיכת הטרריום לממשק גרירה/שחרור, תוך התמקדות בסגירות ומניפולציית DOM | [סגירות ב-JavaScript, מניפולציה ב-DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
|
|
|
|
|
| 11 | [משחק הקלדה](./4-typing-game/solution/README.md) | בניית משחק הקלדה | ללמוד כיצד להשתמש באירועי מקלדת להנעת לוגיקת אפליקציית ה-JavaScript שלך | [תכנות מונחה אירועים](./4-typing-game/typing-game/README.md) | Christopher |
|
|
|
|
|
| 12 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | עבודה עם דפדפנים | ללמוד כיצד דפדפנים פועלים, ההיסטוריה שלהם, וכיצד ליצור את האלמנטים הראשוניים בתוסף דפדפן | [על דפדפנים](./5-browser-extension/1-about-browsers/README.md) | Jen |
|
|
|
|
|
| 13 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | בניית טופס, קריאה ל-API ואחסון משתנים בזיכרון מקומי | לבנות את אלמנטים של ה-JavaScript בתוסף הדפדפן שלך לקריאה ל-API באמצעות משתנים מאוחסנים בזיכרון המקומי | [API, טפסים ואחסון מקומי](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
|
|
|
|
|
| 14 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | תהליכים ברקע בדפדפן, ביצועי אינטרנט | להשתמש בתהליכים ברקע כדי לנהל את סמל התוסף; ללמוד על ביצועי אינטרנט וכמה אופטימיזציות לשיפור הביצועים | [משימות רקע וביצועים](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
|
|
|
|
|
| 15 | [משחק חלל](./6-space-game/solution/README.md) | פיתוח משחק מתקדם יותר ב-JavaScript | ללמוד על ירושה באמצעות מחלקות והרכבה ודפוס Pub/Sub, כהכנה לבניית משחק | [מבוא לפיתוח משחק מתקדם](./6-space-game/1-introduction/README.md) | Chris |
|
|
|
|
|
| 16 | [משחק חלל](./6-space-game/solution/README.md) | ציור על קנבס | ללמוד על API של קנבס, המשמש לציור אלמנטים על המסך | [ציור על קנבס](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
|
|
|
| 17 | [משחק חלל](./6-space-game/solution/README.md) | הזזת אלמנטים על המסך | לגלות כיצד אלמנטים זוכים לתנועה באמצעות קואורדינטות קרטזיות ו-Canvas API | [הזזת אלמנטים](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
|
|
|
| 18 | [משחק חלל](./6-space-game/solution/README.md) | זיהוי התנגשויות | לאפשר לאלמנטים להתנגש ולהגיב זה לזה באמצעות לחיצות מקשים ולספק פונקציית קירור להבטחת ביצועי המשחק | [זיהוי התנגשויות](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
|
|
|
| 19 | [משחק חלל](./6-space-game/solution/README.md) | שמירת ניקוד | לבצע חישובים מתמטיים המבוססים על מצב וביצועי המשחק | [שמירת ניקוד](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
|
|
|
| 20 | [משחק חלל](./6-space-game/solution/README.md) | סיום והפעלה מחדש של המשחק | ללמוד על סיום והפעלה מחדש של המשחק, כולל ניקוי משאבים ואיפוס ערכים של משתנים | [תנאי סיום](./6-space-game/6-end-condition/README.md) | Chris |
|
|
|
|
|
| 21 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | תבניות HTML ונתיבים באפליקציית רשת | ללמוד כיצד ליצור את תשתית המבנה של אתר רב-דפים באמצעות ניתוב ותבניות HTML | [תבניות HTML ונתיבים](./7-bank-project/1-template-route/README.md) | Yohan |
|
|
|
|
|
| 22 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | בניית טופס רישום והתחברות | ללמוד על בניית טפסים וטיפול בשגרות אימות | [טפסים](./7-bank-project/2-forms/README.md) | Yohan |
|
|
|
|
|
| 23 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | שיטות אחזור ושימוש בנתונים | כיצד הנתונים זורמים פנימה והחוצה מהאפליקציה שלך, כיצד לשלוף אותם, לאחסן ולמחוק | [נתונים](./7-bank-project/3-data/README.md) | Yohan |
|
|
|
|
|
| 24 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | מושגי ניהול מצבים | ללמוד כיצד האפליקציה שומרת על מצב וכיצד לנהל אותו תכנותית | [ניהול מצב](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
|
|
|
| 25 | [עורך קוד/דפדפן](../../8-code-editor) | עבודה עם VScode | ללמוד כיצד להשתמש בעורך קוד| [שימוש בעורך קוד VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
|
|
|
|
|
| 26 | [עוזרי AI](./9-chat-project/README.md) | עבודה עם AI | ללמוד כיצד לבנות עוזר AI משלך | [פרויקט עוזר AI](./9-chat-project/README.md) | Chris |
|
|
|
|
|
|
|
|
|
|
## 🏫 פדגוגיה
|
|
|
|
|
|
|
|
|
|
תוכנית הלימודים שלנו עוצבה עם שני עקרונות פדגוגיים מרכזיים:
|
|
|
|
|
תוכנית הלימודים שלנו מעוצבת עם שני עקרונות פדגוגיים מרכזיים:
|
|
|
|
|
* למידה מבוססת פרויקטים
|
|
|
|
|
* חידונים תכופים
|
|
|
|
|
|
|
|
|
|
התוכנית מלמדת את יסודות JavaScript, HTML ו-CSS, כמו גם הכלים והטכניקות העדכניים ביותר בהם משתמשים מפתחי רשת כיום. התלמידים יקבלו הזדמנות לפתח ניסיון מעשי על ידי בניית משחק הקלדה, טרריום וירטואלי, תוסף דפדפן ידידותי לסביבה, משחק בסגנון פולש חלל ואפליקציית בנקאות לעסקים. בסוף הסדרה, התלמידים ירכשו הבנה מוצקה של פיתוח רשת.
|
|
|
|
|
* מבחנים תכופים
|
|
|
|
|
|
|
|
|
|
> 🎓 ניתן לקחת את השיעורים הראשונים בתוכנית הלימודים הזו כ-[מסלול למידה](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ב-Microsoft Learn!
|
|
|
|
|
התוכנית מלמדת את יסודות ה-JavaScript, HTML, ו-CSS, כמו גם את הכלים והטכניקות העדכניות ביותר בהם משתמשים מפתחי האינטרנט של היום. לתלמידים תהיה ההזדמנות לפתח ניסיון מעשי על ידי בניית משחק הקלדה, טרריום וירטואלי, תוסף דפדפן ידידותי לסביבה, משחק בסגנון מתפקד בפלישה לחלל, ואפליקציית בנקאות לעסקים. בסוף הסדרה, התלמידים ירכשו הבנה מוצקה של פיתוח אינטרנט.
|
|
|
|
|
|
|
|
|
|
על ידי הבטחת התאמת התוכן לפרויקטים, התהליך נעשה יותר מרתק עבור התלמידים ושימור המושגים יוגבר. בנוסף, כתבנו מספר שיעורי פתיחה ביסודות JavaScript כדי להציג מושגים, יחד עם סרטון מתוך אוסף "[סדרת מתחילים ל-JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" של מדריכי וידאו, שחלק מהכותבים שלהם תרמו לתוכנית הלימודים הזו.
|
|
|
|
|
> 🎓 ניתן לקחת את השיעורים הראשונים בתוכנית זו כ-[נתיב למידה](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ב-Microsoft Learn!
|
|
|
|
|
|
|
|
|
|
בנוסף, חידון בעל סיכון נמוך לפני השיעור מכוון את כוונת התלמיד ללמידת נושא, בעוד שחידון שני לאחר השיעור מבטיח שימור נוסף. תוכנית הלימודים הזו עוצבה להיות גמישה ומהנה וניתן לקחת אותה בשלמותה או בחלקים. הפרויקטים מתחילים קטנים והופכים מורכבים יותר בסוף מחזור של 12 שבועות.
|
|
|
|
|
על ידי התאמת התוכן לפרויקטים, התהליך הופך למרגש יותר עבור התלמידים וההטמעה של המושגים מתוגברת. כמו כן כתבנו מספר שיעורי התחלה ביסודות JavaScript להכיר את המושגים, בשילוב עם וידאו מסדרת "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", אוסף של הדרכות וידאו, שחלק מהמחברים בהם תרמו לתוכנית זו.
|
|
|
|
|
|
|
|
|
|
בעוד שבכוונה נמנענו מהצגת מסגרות JavaScript כדי להתמקד בכישורים הבסיסיים הנדרשים כמפתח רשת לפני אימוץ מסגרת, צעד טוב להשלמת תוכנית הלימודים הזו יהיה ללמוד על Node.js באמצעות אוסף נוסף של סרטונים: "[סדרת מתחילים ל-Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
|
|
|
|
|
בנוסף, מבחן בעל סיכון נמוך לפני השיעור קובע את הכוונה של התלמיד כלפי נושא הלמידה, בעוד מבחן שני אחרי השיעור מבטיח הטמעה נוספת. תוכנית הלימודים הזאת עוצבה להיות גמישה ומהנה וניתן לקחת אותה בשלמותה או בחלקה. הפרויקטים מתחילים קטנים ומתחברים להיות מורכבים יותר לקראת סוף מחזור של 12 שבועות.
|
|
|
|
|
|
|
|
|
|
> בקרו ב-[קוד ההתנהגות](CODE_OF_CONDUCT.md) וב-[הנחיות תרומה](CONTRIBUTING.md) שלנו. נשמח לקבל את המשוב הבונה שלכם!
|
|
|
|
|
בעוד שוויתרנו במכוון על חשיפת מסגרות JavaScript על מנת להתרכז בכישורים הבסיסיים הנדרשים כמפתח אינטרנט לפני אימוץ מסגרת, שלב טוב הבא לסיום תוכנית זו יהיה ללמוד על Node.js באמצעות אוסף וידאו נוסף: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
|
|
|
|
|
|
|
|
|
|
> בקר ב[קוד ההתנהגות](CODE_OF_CONDUCT.md) וב[הנחיות לתרומה](CONTRIBUTING.md). נשמח למשוב בונה!
|
|
|
|
|
|
|
|
|
|
## 🧭 גישה לא מקוונת
|
|
|
|
|
|
|
|
|
|
ניתן להפעיל את התיעוד הזה באופן לא מקוון באמצעות [Docsify](https://docsify.js.org/#/). עשו Fork למאגר הזה, [התקינו את Docsify](https://docsify.js.org/#/quickstart) במחשב המקומי שלכם, ואז בתיקיית השורש של המאגר הזה, הקלידו `docsify serve`. האתר יוגש על פורט 3000 ב-localhost שלכם: `localhost:3000`.
|
|
|
|
|
ניתן להפעיל תיעוד זה במצב לא מקוון באמצעות [Docsify](https://docsify.js.org/#/). בצע Fork לריפוזיטורי זה, [התקן Docsify](https://docsify.js.org/#/quickstart) במחשב המקומי שלך, ואז בתיקיית השורש של הריפוזיטורי, הקלד `docsify serve`. האתר יופעל בפורט 3000 על ה-localhost שלך: `localhost:3000`.
|
|
|
|
|
|
|
|
|
|
## 📘 PDF
|
|
|
|
|
|
|
|
|
|
ניתן למצוא PDF של כל השיעורים [כאן](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
|
|
|
|
|
קובץ PDF של כל השיעורים ניתן למצוא [כאן](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 🎒 קורסים נוספים
|
|
|
|
|
|
|
|
|
|
הצוות שלנו מייצר קורסים נוספים! בדקו:
|
|
|
|
|
## 🎒 קורסים אחרים
|
|
|
|
|
הצוות שלנו מייצר קורסים נוספים! עיינו ב:
|
|
|
|
|
|
|
|
|
|
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
|
|
|
|
|
### Azure / Edge / MCP / Agents
|
|
|
|
|
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
### LangChain
|
|
|
|
|
[](https://aka.ms/langchain4j-for-beginners)
|
|
|
|
|
[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
### סדרת AI גנרטיבי
|
|
|
|
|
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
### Azure / Edge / MCP / סוכנים
|
|
|
|
|
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
### לימוד בסיסי
|
|
|
|
|
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
|
|
|
|
|
[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
### סדרת AI גנרטיבי
|
|
|
|
|
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
### סדרת Copilot
|
|
|
|
|
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
### למידה מרכזית
|
|
|
|
|
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
|
|
|
|
|
[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## קבלת עזרה
|
|
|
|
|
### סדרת Copilot
|
|
|
|
|
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
|
|
|
|
|
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
|
|
|
|
|
|
|
|
|
|
## לקבלת עזרה
|
|
|
|
|
|
|
|
|
|
אם אתם נתקעים או יש לכם שאלות על בניית אפליקציות AI, הצטרפו ללומדים אחרים ולמפתחים מנוסים בדיונים על MCP. זו קהילה תומכת שבה שאלות מתקבלות בברכה וידע משותף בחופשיות.
|
|
|
|
|
אם אתם נתקלים בקשיים או יש לכם שאלות לגבי בניית אפליקציות AI, הצטרפו ללומדים אחרים ומפתחים מנוסים בדיונים על MCP. זו קהילה תומכת שבה שאלות מתקבלות בברכה והידע משותף בחופשיות.
|
|
|
|
|
|
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
|
|
|
|
|
|
אם יש לכם משוב על מוצרים או נתקלתם בשגיאות במהלך הבנייה, בקרו ב:
|
|
|
|
|
אם יש לכם משוב על המוצר או שגיאות בזמן הבנייה, בקרו ב:
|
|
|
|
|
|
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
|
|
|
|
|
|
## רישיון
|
|
|
|
|
## רישיון
|
|
|
|
|
|
|
|
|
|
מאגר זה מורשה תחת רישיון MIT. ראו את קובץ [LICENSE](../../LICENSE) למידע נוסף.
|
|
|
|
|
מאגר זה מורשה תחת רישיון MIT. ראו את הקובץ [LICENSE](../../LICENSE) לפרטים נוספים.
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
|
|
|
|
|
**כתב ויתור**:
|
|
|
|
|
מסמך זה תורגם באמצעות שירות תרגום AI [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי אנושי. איננו אחראים לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.
|
|
|
|
|
**כתב ויתור אחריות**:
|
|
|
|
|
מסמך זה תורגם באמצעות שירות תרגום בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון כי תרגומים אוטומטיים עלולים להכיל שגיאות או אי-דיוקים. המסמך המקורי בשפת המקור מהווה את המקור הסמכותי. למידע קריטי מומלץ להיעזר בתרגום מקצועי על ידי אדם. איננו נושאים באחריות לכל אי-הבנה או פרשנות שגויה הנובעות משימוש בתרגום זה.
|
|
|
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
|