Web-Dev-For-Beginners/translations/he

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

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

הצטרף לקהילת Azure AI Foundry בדיסקורד

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

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

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

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

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

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

מאגר זה כולל למעלה מ-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 חדשים להשלים!

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

📣 הכרזה - פרויקט חדש לבנות בעזרת AI גנרטיבי

פרויקט עוזר AI חדש הוסף זה עתה, בדוק אותו project

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

אל תפספס את תוכנית ה-AI הגנרטיבי החדשה שלנו!

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

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

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

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

בקר ב-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. ניתן לעשות זאת על ידי לחיצה על File > Open Folder ובחירת התיקייה שהעתקת זה עתה.

הרחבות מומלצות ל-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	Terrarium	HTML בפרקטיקה	בניית ה-HTML ליצירת טרריום מקוון, התמקדות בבניית מיקום	מבוא ל-HTML	Jen
09	Terrarium	CSS בפרקטיקה	בניית ה-CSS לעיצוב הטרריום המקוון, התמקדות ביסודות CSS כולל התאמת העמוד לתצוגה רספונסיבית	מבוא ל-CSS	Jen
10	Terrarium	סגירות ב-JavaScript, ניהול DOM	בניית קוד ה-JavaScript להפעלת הטרריום כממשק גרירה ושחרור, תוך התמקדות בסגירות וניהול ה-DOM	סגירות JavaScript, ניהול DOM	Jen
11	Typing Game	בניית משחק הקלדה	ללמוד כיצד להשתמש באירועי מקלדת כדי לנהל את לוגיקת האפליקציה שלך ב-JavaScript	תכנות מונחה אירועים	Christopher
12	תוסף דפדפן ירוק	עבודה עם דפדפנים	ללמוד כיצד דפדפנים פועלים, ההיסטוריה שלהם, וכיצד לבנות את האלמנטים הראשונים של תוסף דפדפן	על הדפדפנים	Jen
13	תוסף דפדפן ירוק	בניית טופס, קריאה ל-API ואחסון משתנים בזיכרון המקומי	בניית רכיבי JavaScript בתוסף הדפדפן שלך לקריאה ל-API תוך שימוש במשתנים המאוחסנים בזיכרון המקומי	API, טפסים, ואחסון מקומי	Jen
14	תוסף דפדפן ירוק	תהליכים ברקע בדפדפן, ביצועי אינטרנט	שימוש בתהליכים ברקע של הדפדפן לניהול סמליל התוסף; למידת ביצועי אינטרנט וכמה אופטימיזציות לשיפור הביצועים	משימות רקע וביצועים	Jen
15	משחק חלל	פיתוח מתקדם יותר למשחק עם JavaScript	ללמוד על ירושה עם מחלקות והרכבה, ועל תבנית הפרסום/ההרשמה, כהכנה לפיתוח משחק	מבוא לפיתוח משחק מתקדם	Chris
16	משחק חלל	ציור על הקנבס	ללמוד על API של Canvas, המשמש לציור אלמנטים על המסך	ציור על הקנבס	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	ללמוד כיצד להשתמש בעורך קוד	שימוש בעורך קוד VScode	Chris
26	עוזרי AI	עבודה עם AI	ללמוד כיצד לבנות עוזר AI אישי	פרויקט עוזר AI	Chris

🏫 פדגוגיה

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

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

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

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

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

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

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

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

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

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

📘 PDF

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

🎒 קורסים נוספים

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

LangChain

---

Azure / Edge / MCP / Agents

---

סדרת AI יצירתי

---

לימוד בסיסי

---

סדרת קופיילוט

לקבלת עזרה

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

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

רישיון

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

---

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