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

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

אם תרצו להוסיף שפות תרגום נוספות, הרשימה מופיעה כאן

🧑‍🎓 האם אתם סטודנטים?

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

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

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

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

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

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

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

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

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

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

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

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

🌱 התחלת העבודה

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

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

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

כדי להרחיב את השכלתכם, אנו ממליצים מאוד לחקור את 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 כעורך שלכם, שיש לו גם Terminal מובנה. תוכלו להוריד את Visual Studio Code כאן.

1. שכפלו את המאגר שלכם למחשב. תוכלו לעשות זאת על ידי לחיצה על כפתור Code והעתקת ה-URL:

   CodeSpace

   לאחר מכן, פתחו Terminal בתוך 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	טרריום	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	למדו על ירושה באמצעות מחלקות והרכבה ודפוס Pub/Sub, כהכנה לבניית משחק	מבוא לפיתוח משחק מתקדם	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	Chris
26	עוזרי AI	עבודה עם AI	למדו כיצד לבנות עוזר AI משלכם	פרויקט עוזר AI	Chris

🏫 פדגוגיה

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

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

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

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

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

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

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

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

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

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

📘 PDF

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

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

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

• MCP למתחילים
• Edge AI למתחילים
• סוכני AI למתחילים
• Generative AI למתחילים .NET
• Generative AI עם JavaScript
• בינה מלאכותית גנרטיבית עם Java
• בינה מלאכותית למתחילים
• מדעי הנתונים למתחילים
• למידת מכונה למתחילים
• סייבר למתחילים
• פיתוח אתרים למתחילים
• IoT למתחילים
• פיתוח XR למתחילים
• שליטה ב-GitHub Copilot לשימוש סוכני
• שליטה ב-GitHub Copilot למפתחי C#/.NET
• בחר את הרפתקת ה-Copilot שלך

קבלת עזרה

אם אתם נתקעים או יש לכם שאלות על בניית אפליקציות AI, הצטרפו:

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

רישיון

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

---

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