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 (אוטומטי ותמיד מעודכן)

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 Agent להשלמה!

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

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

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

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

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

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

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

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

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

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

🌱 התחלה

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

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

כדי לשפר את חוויית הלמידה, התחברו עם חבריכם לעבודה משותפת על הפרויקטים! דיונים מעודדים בפורום הדיונים שלנו בכתובת https://github.com/microsoft/Web-Dev-For-Beginners/discussions שם צוות המודרטורים שלנו זמין לענות על שאלותיכם.

להרחבת ההשכלה שלכם, אנו ממליצים בחום לבדוק את 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> בקישור שהעתקת כעת:

   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 חידונים עם שלוש שאלות כל אחד. הם זמינים כאן אפליקציית החידונים יכולה לפעול מקומית או להיות מופעלת באז'ור; עקוב אחר ההוראות בתיקיית 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 באמצעות משתנים המאוחסנים בזיכרון המקומי	APIs, טפסים וזיכרון מקומי	Jen
14	תוסף דפדפן ירוק	תהליכים ברקע בדפדפן, ביצועי רשת	שימוש בתהליכים ברקע של הדפדפן כדי לנהל את הסמל של התוסף; ללמוד על ביצועי רשת וכמה אופטימיזציות לשיפור ביצועים	משימות רקע וביצועים	Jen
15	משחק חלל	פיתוח משחק מתקדם יותר עם JavaScript	ללמוד על ירושה באמצעות מחלקות וקומפוזיציה ודפוס הפרסום/הרשמה, כהכנה לבניית משחק	מבוא לפיתוח משחק מתקדם	Chris
16	משחק חלל	ציור על קנבס	ללמוד על Canvas 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	ללמוד כיצד להשתמש בעורך קוד	שימוש בעורך קוד VScode	כריס
26	עוזרי AI	עבודה עם AI	ללמוד איך לבנות עוזר AI משלך	פרויקט עוזר AI	כריס

🏫 פדגוגיה

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

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

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

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

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

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

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

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

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

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

📘 PDF

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

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

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

LangChain

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

---

סדרת בינה מלאכותית מחוללת

---

למידה בסיסית

---

סדרת קופילוט

קבלת עזרה

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

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

רישיון

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

---

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