Web-Dev-For-Beginners/translations/he

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

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

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

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

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

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

נתמך באמצעות 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'

זה נותן לכם הכל הדרוש להשלמת הקורס עם הורדה מהירה יותר.

אם ברצונכם לתמוך בשפות תרגום נוספות הרשומות כאן here

🧑‍🎓 סטודנט?

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

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

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

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

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

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

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

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

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

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

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

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

🌱 להתחלה

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

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

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

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

📋 הגדרת סביבת העבודה שלכם

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

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

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

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

1. שכפלו את המאגר Fork: לחצו על כפתור "Fork" בפינה הימנית-עליונה של הדף.
2. שכפלו את המאגר Clone: 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	היסודות של סוגי הנתונים בג'אווה סקריפט	סוגי נתונים	Jasmine
05	יסודות JS	פונקציות ושיטות	ללמוד על פונקציות ושיטות לניהול זרימת הלוגיקה של אפליקציה	פונקציות ושיטות	Jasmine and Christopher
06	יסודות JS	קבלת החלטות עם JS	ללמוד כיצד ליצור תנאים בקוד שלך באמצעות שיטות קבלת החלטות	קבלת החלטות	Jasmine
07	יסודות JS	מערכים ולולאות	לעבוד עם נתונים באמצעות מערכים ולולאות בג'אווה סקריפט	מערכים ולולאות	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 באמצעות משתנים המאוחסנים באחסון המקומי	APIs, טפסים ואחסון מקומי	Jen
14	תוסף דפדפן ירוק	תהליכים ברקע בדפדפן, ביצועי רשת	להשתמש בתהליכים ברקע של הדפדפן כדי לנהל את סמל התוסף; ללמוד על ביצועי רשת וכמה אופטימיזציות לשיפור	משימות רקע וביצועים	Jen
15	משחק חלל	פיתוח משחק מתקדם יותר עם JavaScript	ללמוד על ירושה באמצעות מחלקות וקומפוזיציה ודפוס Pub/Sub, כהכנה לבניית משחק	מבוא לפיתוח משחק מתקדם	Chris
16	משחק חלל	ציור על קנבס	ללמוד על API של Canvas, המשמש לציור אלמנטים על המסך	ציור על קנבס	Chris
17	משחק חלל	הזזת אלמנטים על המסך	לגלות כיצד אלמנטים יכולים לקבל תנועה באמצעות קואורדינטות קרטזיות ו-API של Canvas	הזזת אלמנטים סביב	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, כמו גם את הכלים והטכניקות העדכניים ביותר בהם משתמשים מפתחי האתרים של היום. התלמידים יקבלו הזדמנות לפתח ניסיון מעשי על ידי בניית משחק הקלדה, טרטיום וירטואלי, תוסף דפדפן אקולוגי, משחק בסגנון פלישת חלל ואפליקציית בנקאות לעסקים. בסוף הסדרה, התלמידים ירכשו הבנה איתנה של פיתוח אתרים.

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

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

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

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

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

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

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

📘 PDF

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

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

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

LangChain

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

---

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

---

למידה בסיסית

---

סדרת Copilot

קבלת עזרה

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

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

רישיון

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

---

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