Web-Dev-For-Beginners/translations/he

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

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

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

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

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

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

נתמך בעזרת פעולה של GitHub (אוטומטי ותמיד מעודכן)

ערבית | בנגלית | בולגרית | בורמזית (מיאנמר) | סינית (מפושטת) | סינית (מסורתית, הונג קונג) | סינית (מסורתית, מקאו) | סינית (מסורתית, טייוואן) | קרואטית | צ'כית | דנית | הולנדית | אסטונית | פינית | צרפתית | גרמנית | יוונית | עברית | הינדי | הונגרית | אינדונזית | איטלקית | יפנית | קנדה | חמרית | קוריאנית | ליטאית | מלאית | מאלאיאלאם | מרטהית | נפאלית | ניגרית פידגין | נורווגית | פרסית (פארסית) | פולנית | פורטוגזית (ברזיל) | פורטוגזית (פורטוגל) | פונג'בית (ג׳רמוקי) | רומנית | רוסית | סרבית (קירילית) | סלובקית | סלובנית | ספרדית | סוואהילית | שבדית | טגלוג (פיליפינית) | טמילית | טלוגו | תאית | טורקית | אוקראינית | אורדו | וייטנאמית

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

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

Bash / macOS / Linux:

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'

CMD (Windows):

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 גנרטיבי

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

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

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

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

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

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

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

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

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

🗃️ שיעורים

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

🏫 פדגוגיה

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

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

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

🎓 ניתן לקחת את השיעורים הראשונים בתכנית זו כ-נתיב למידה ב-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 / Agents

---

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

---

לימודה בסיסית

---

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

קבלת עזרה

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

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

רישיון

מאגר זה מורשה תחת רישיון MIT. ראה את הקובץ LICENSE למידע נוסף.

---

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