You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/he
softchris 2973498524
🌐 Update translations via Co-op Translator
2 days ago
..
1-getting-started-lessons 🌐 Update translations via Co-op Translator 6 days ago
2-js-basics 🌐 Update translations via Co-op Translator 6 days ago
3-terrarium 🌐 Update translations via Co-op Translator 6 days ago
4-typing-game 🌐 Update translations via Co-op Translator 6 days ago
5-browser-extension 🌐 Update translations via Co-op Translator 6 days ago
6-space-game 🌐 Update translations via Co-op Translator 6 days ago
7-bank-project 🌐 Update translations via Co-op Translator 6 days ago
8-code-editor/1-using-a-code-editor 🌐 Update translations via Co-op Translator 6 days ago
9-chat-project 🌐 Update translations via Co-op Translator 2 days ago
docs 🌐 Update translations via Co-op Translator 1 week ago
lesson-template 🌐 Update translations via Co-op Translator 1 week ago
quiz-app 🌐 Update translations via Co-op Translator 1 week ago
CODE_OF_CONDUCT.md 🌐 Update translations via Co-op Translator 1 week ago
CONTRIBUTING.md 🌐 Update translations via Co-op Translator 1 week ago
README.md 🌐 Update translations via Co-op Translator 6 days ago
SECURITY.md 🌐 Update translations via Co-op Translator 1 week ago
SUPPORT.md 🌐 Update translations via Co-op Translator 1 week ago
_404.md 🌐 Update translations via Co-op Translator 1 week ago
for-teachers.md 🌐 Update translations via Co-op Translator 1 week ago

README.md

רישיון GitHub
תורמים ב-GitHub
בעיות ב-GitHub
בקשות משיכה ב-GitHub
PRs Welcome

צופים ב-GitHub
מזלגות ב-GitHub
כוכבים ב-GitHub

פתח ב-Visual Studio Code

Microsoft Azure AI Foundry Discord

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

  1. שכפלו את המאגר: לחצו מזלגות ב-GitHub
  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 דרך פרויקטים מעשיים כמו טרריומים, הרחבות לדפדפן ומשחקי חלל. השתתפו בחידונים, דיונים ומשימות מעשיות. שפרו את הכישורים שלכם והעמיקו את הידע שלכם עם שיטת הלימוד מבוססת הפרויקטים שלנו. התחילו את מסע הקידוד שלכם היום!

🌐 תמיכה רב-לשונית

נתמך באמצעות GitHub Action (אוטומטי ותמיד מעודכן)

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

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

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

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

📣 הכרזה - פרויקט חדש לבנייה באמצעות 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 חדש עבורכם לעבוד בו.

!Codespace./images/createcodespace.png)

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

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

ההמלצה שלנו היא להשתמש ב-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

פתח תיקייה ובחר את התיקייה שזה עתה שיבטת. הרחבות מומלצות ל-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 של כל השיעורים כאן.

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

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

רישיון

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


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