Web-Dev-For-Beginners/translations/he

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

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

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

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

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

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

📣 הודעה - תוכנית לימודים חדשה בנושא Generative AI ל-JavaScript

אל תפספסו את תוכנית הלימודים החדשה שלנו בנושא Generative 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 למאגר: לחצו על כפתור "Fork" בפינה הימנית העליונה של העמוד הזה.
2. שכפלו את המאגר: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

הרצת התוכנית ב-Codespace

בעותק שלכם של המאגר שיצרתם, לחצו על כפתור Code ובחרו Open with Codespaces. פעולה זו תיצור Codespace חדש שבו תוכלו לעבוד.

!Codespace./images/createcodespace.png)

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

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

ההמלצה שלנו היא להשתמש ב-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	Terrarium	סגירות ב-JavaScript, מניפולציה של DOM	כתבו את הקוד ב-JavaScript כדי לגרום לטרריום לתפקד כממשק גרירה ושחרור, תוך התמקדות בסגירות ובמניפולציה של DOM	סגירות ב-JavaScript, מניפולציה של DOM	Jen
11	Typing Game	בניית משחק הקלדה	למדו כיצד להשתמש באירועי מקלדת כדי להניע את הלוגיקה של אפליקציית ה-JavaScript שלכם	תכנות מונחה אירועים	Christopher
12	Green Browser Extension	עבודה עם דפדפנים	למדו כיצד דפדפנים עובדים, ההיסטוריה שלהם, וכיצד לבנות את האלמנטים הראשונים של הרחבת דפדפן	על דפדפנים	Jen
13	Green Browser Extension	בניית טופס, קריאה ל-API ואחסון משתנים באחסון מקומי	כתבו את האלמנטים ב-JavaScript של הרחבת הדפדפן שלכם כדי לקרוא ל-API באמצעות משתנים המאוחסנים באחסון מקומי	APIs, טפסים ואחסון מקומי	Jen
14	Green Browser Extension	תהליכי רקע בדפדפן, ביצועי רשת	השתמשו בתהליכי הרקע של הדפדפן כדי לנהל את סמל ההרחבה; למדו על ביצועי רשת וכמה אופטימיזציות לשיפור	תהליכי רקע וביצועים	Jen
15	Space Game	פיתוח משחק מתקדם יותר עם JavaScript	למדו על ירושה באמצעות מחלקות והרכבה ועל תבנית Pub/Sub, כהכנה לבניית משחק	מבוא לפיתוח משחק מתקדם	Chris
16	Space Game	ציור על קנבס	למדו על ממשק ה-Canvas API, המשמש לציור אלמנטים על המסך	ציור על קנבס	Chris
17	Space Game	הזזת אלמנטים על המסך	גלו כיצד אלמנטים יכולים לקבל תנועה באמצעות קואורדינטות קרטזיות וממשק ה-Canvas API	הזזת אלמנטים	Chris
18	Space Game	זיהוי התנגשויות	גרמו לאלמנטים להתנגש ולהגיב זה לזה באמצעות לחיצות מקשים וספקו פונקציית קירור כדי להבטיח ביצועי משחק	זיהוי התנגשויות	Chris
19	Space Game	שמירת ניקוד	בצעו חישובים מתמטיים בהתבסס על מצב המשחק וביצועיו	שמירת ניקוד	Chris
20	Space Game	סיום והתחלה מחדש של המשחק	למדו על סיום והתחלה מחדש של המשחק, כולל ניקוי נכסים ואיפוס ערכי משתנים	תנאי סיום	Chris
21	Banking App	תבניות HTML ונתיבים באפליקציית רשת	למדו כיצד ליצור את המבנה של ארכיטקטורת אתר מרובה עמודים באמצעות נתיבים ותבניות HTML	תבניות HTML ונתיבים	Yohan
22	Banking App	בניית טופס כניסה וטופס הרשמה	למדו על בניית טפסים וטיפול ברוטינות אימות	טפסים	Yohan
23	Banking App	שיטות לאחזור ושימוש בנתונים	כיצד נתונים זורמים פנימה והחוצה מהאפליקציה שלכם, כיצד לאחזר אותם, לאחסן אותם ולהיפטר מהם	נתונים	Yohan
24	Banking App	מושגים של ניהול מצב	למדו כיצד האפליקציה שלכם שומרת מצב וכיצד לנהל אותו באופן תכנותי	ניהול מצב	Yohan

🏫 פדגוגיה

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

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

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

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

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

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

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

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

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

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

📘 PDF

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

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

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

• Generative AI for Beginners
• Generative AI for Beginners .NET
• Generative AI with JavaScript
• Generative AI with Java
• AI for Beginners
• Data Science for Beginners
• ML for Beginners
• Cybersecurity for Beginners
• Web Dev for Beginners
• IoT for Beginners
• XR Development for Beginners
• Mastering GitHub Copilot for Agentic use
• Mastering GitHub Copilot for C#/.NET Developers
• Choose Your Own Copilot Adventure

רישיון

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

---

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