From 6a6a57d2fb4120470a9a8c3b4bd3d9a9deba2fb3 Mon Sep 17 00:00:00 2001 From: "localizeflow[bot]" Date: Wed, 7 Jan 2026 02:14:19 +0000 Subject: [PATCH] chore(i18n): sync translations with latest source changes (chunk 9/20, 42 files) --- .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 2 +- .../he/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../he/2-js-basics/4-arrays-loops/README.md | 2 +- .../he/3-terrarium/1-intro-to-html/README.md | 4 +- .../he/3-terrarium/2-intro-to-css/README.md | 6 +- .../3-intro-to-DOM-and-closures/README.md | 8 +- translations/he/3-terrarium/README.md | 45 +-- .../he/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 +- translations/he/5-browser-extension/README.md | 2 +- .../he/5-browser-extension/solution/README.md | 4 +- .../solution/translation/README.fr.md | 4 +- .../solution/translation/README.hi.md | 4 +- .../solution/translation/README.it.md | 4 +- .../solution/translation/README.ja.md | 4 +- .../solution/translation/README.ms.md | 4 +- .../he/5-browser-extension/start/README.md | 4 +- .../2-drawing-to-canvas/README.md | 8 +- .../he/6-space-game/5-keeping-score/README.md | 2 +- .../he/7-bank-project/2-forms/README.md | 10 +- .../he/7-bank-project/3-data/README.md | 8 +- .../4-state-management/README.md | 4 +- .../4-state-management/assignment.md | 2 +- translations/he/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 16 +- .../1-using-a-code-editor/assignment.md | 6 +- translations/he/9-chat-project/README.md | 10 +- translations/he/README.md | 301 +++++++++--------- translations/he/for-teachers.md | 4 +- .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 2 +- .../id/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../id/2-js-basics/4-arrays-loops/README.md | 2 +- 42 files changed, 249 insertions(+), 269 deletions(-) diff --git a/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 342d2ddbd..344ab22ca 100644 --- a/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: היום, אנחנו הולכים לחקור את הכלים המדהימים שהופכים את פיתוח האינטרנט המודרני לא רק לאפשרי, אלא לממכר ברצינות. אני מדבר על אותם עורכים, דפדפנים ותהליכי עבודה שהמפתחים בנטפליקס, ספוטיפיי, ובסטודיו האפליקציות האהוב עליך משתמשים בהם כל יום. והנה החלק שיגרום לך לרקוד משמחה: רוב הכלים המקצועיים האלה, ברמת תעשייה, הם לגמרי בחינם! -![מבוא לתכנות](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.he.png) +![מבוא לתכנות](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.he.png) > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/he/1-getting-started-lessons/2-github-basics/README.md b/translations/he/1-getting-started-lessons/2-github-basics/README.md index 8a0805f59..a7edc15bc 100644 --- a/translations/he/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/he/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: אנחנו הולכים לעבור את המסע הזה יחד, צעד אחר צעד. בלי למהר, בלי לחץ – רק אתה, אני, וכמה כלים מגניבים שהולכים להפוך לחברים הכי טובים שלך! -![מבוא ל-GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.he.png) +![מבוא ל-GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.he.png) > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -605,7 +605,7 @@ flowchart TD ✅ דרך טובה למצוא ריפואים 'ידידותיים למתחילים' היא [לחפש לפי התג 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![העתקת ריפו מקומית](../../../../translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.he.png) +![העתקת ריפו מקומית](../../../../translated_images/clone_repo.5085c48d666ead57.he.png) יש כמה דרכים להעתיק קוד. אחת מהן היא "לשכפל" את התוכן של הריפו, באמצעות HTTPS, SSH, או באמצעות GitHub CLI (ממשק שורת הפקודה). diff --git a/translations/he/1-getting-started-lessons/3-accessibility/README.md b/translations/he/1-getting-started-lessons/3-accessibility/README.md index 8fc802c64..d38390bcb 100644 --- a/translations/he/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/he/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # יצירת דפי אינטרנט נגישים -![הכל על נגישות](../../../../translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.he.png) +![הכל על נגישות](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.he.png) > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/he/2-js-basics/1-data-types/README.md b/translations/he/2-js-basics/1-data-types/README.md index 2346787cc..8abda613b 100644 --- a/translations/he/2-js-basics/1-data-types/README.md +++ b/translations/he/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # יסודות JavaScript: סוגי נתונים -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.he.png) +![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.he.png) > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/he/2-js-basics/2-functions-methods/README.md b/translations/he/2-js-basics/2-functions-methods/README.md index 4bd7aefa7..0a5b098dd 100644 --- a/translations/he/2-js-basics/2-functions-methods/README.md +++ b/translations/he/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # יסודות JavaScript: שיטות ופונקציות -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.he.png) +![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.he.png) > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/he/2-js-basics/3-making-decisions/README.md b/translations/he/2-js-basics/3-making-decisions/README.md index f0d4268f5..d19489846 100644 --- a/translations/he/2-js-basics/3-making-decisions/README.md +++ b/translations/he/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # יסודות JavaScript: קבלת החלטות -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.he.png) +![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.he.png) > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/he/2-js-basics/4-arrays-loops/README.md b/translations/he/2-js-basics/4-arrays-loops/README.md index 2edaf119e..8d1173189 100644 --- a/translations/he/2-js-basics/4-arrays-loops/README.md +++ b/translations/he/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # יסודות JavaScript: מערכים ולולאות -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.he.png) +![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.he.png) > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/he/3-terrarium/1-intro-to-html/README.md b/translations/he/3-terrarium/1-intro-to-html/README.md index 3ebc2d502..9bef8ec9a 100644 --- a/translations/he/3-terrarium/1-intro-to-html/README.md +++ b/translations/he/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![מבוא ל-HTML](../../../../translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.he.png) +![מבוא ל-HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.he.png) > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac) HTML, או HyperText Markup Language, הוא הבסיס לכל אתר שביקרת בו אי פעם. חשבו על HTML כשלד שמעניק מבנה לדפי אינטרנט – הוא מגדיר היכן התוכן נמצא, איך הוא מאורגן ומה כל חלק מייצג. בעוד ש-CSS "ילביש" את ה-HTML בצבעים ובפריסות, ו-JavaScript יעניק לו חיים עם אינטראקטיביות, HTML מספק את המבנה הבסיסי שמאפשר את כל השאר. @@ -88,7 +88,7 @@ mindmap 4. בלוח ה-Explorer, לחצו על אייקון "New File" 5. תנו לקובץ את השם `index.html` -![VS Code Explorer מציג יצירת קובץ חדש](../../../../translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.he.png) +![VS Code Explorer מציג יצירת קובץ חדש](../../../../translated_images/vs-code-index.e2986cf919471eb9.he.png) **אפשרות 2: שימוש בפקודות טרמינל** ```bash diff --git a/translations/he/3-terrarium/2-intro-to-css/README.md b/translations/he/3-terrarium/2-intro-to-css/README.md index b6a40f92e..c0ea18a7e 100644 --- a/translations/he/3-terrarium/2-intro-to-css/README.md +++ b/translations/he/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![מבוא ל-CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.he.png) +![מבוא ל-CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.he.png) > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac) זוכרים איך הטרריום שלכם ב-HTML נראה די בסיסי? CSS הוא המקום שבו אנו הופכים את המבנה הפשוט הזה למשהו מושך מבחינה חזותית. @@ -205,7 +205,7 @@ body { פתחו את כלי המפתחים של הדפדפן שלכם (F12), עברו ללשונית Elements ובדקו את אלמנט `

` שלכם. תראו שהוא יורש את משפחת הגופן מה-body: -![גופן בירושה](../../../../translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.he.png) +![גופן בירושה](../../../../translated_images/1.cc07a5cbe114ad1d.he.png) ✅ **זמן ניסוי**: נסו להגדיר תכונות אחרות שניתן לרשת על `` כמו `color`, `line-height` או `text-align`. מה קורה לכותרת ולשאר האלמנטים? @@ -599,7 +599,7 @@ flowchart LR תיצרו הדגשות עדינות שמדמות כיצד אור משתקף על פני זכוכית. גישה זו דומה לאופן שבו ציירי הרנסנס כמו יאן ואן אייק השתמשו באור והשתקפות כדי לגרום לזכוכית מצוירת להיראות תלת-ממדית. הנה מה שאתם שואפים להשיג: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.he.png) +![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.he.png) **האתגר שלכם:** - **צרו** צורות אליפטיות עדינות בצבע לבן או בהיר עבור השתקפויות הזכוכית diff --git a/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md index 56a491957..6c289a2a9 100644 --- a/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM וסגירה](../../../../translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.he.png) +![DOM וסגירה](../../../../translated_images/webdev101-js.10280393044d7eaa.he.png) > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac) ברוכים הבאים לאחד ההיבטים המרתקים ביותר בפיתוח אתרים - הפיכת דברים לאינטראקטיביים! מודל האובייקטים של המסמך (DOM) הוא כמו גשר בין ה-HTML שלך ל-JavaScript, והיום נשתמש בו כדי להחיות את הטרריום שלך. כשטים ברנרס-לי יצר את הדפדפן הראשון, הוא דמיין רשת שבה מסמכים יכולים להיות דינמיים ואינטראקטיביים - ה-DOM הופך את החזון הזה לאפשרי. @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![ייצוג עץ DOM](../../../../translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.he.png) +![ייצוג עץ DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.he.png) > ייצוג של ה-DOM והסימון של ה-HTML שמתייחס אליו. מתוך [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -150,7 +150,7 @@ flowchart LR > 💡 **הבנת סגירות**: סגירות הן נושא משמעותי ב-JavaScript, ומפתחים רבים משתמשים בהן במשך שנים לפני שהם מבינים את כל ההיבטים התיאורטיים. היום נתמקד ביישום מעשי - תראה סגירות מופיעות באופן טבעי כשנבנה את התכונות האינטראקטיביות שלנו. ההבנה תתפתח כשתראה איך הן פותרות בעיות אמיתיות. -![ייצוג עץ DOM](../../../../translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.he.png) +![ייצוג עץ DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.he.png) > ייצוג של ה-DOM והסימון של ה-HTML שמתייחס אליו. מתוך [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -593,7 +593,7 @@ function stopElementDrag() { - **תמיכה חוצת מכשירים**: עובד על מחשבים שולחניים וניידים - **מודעות ביצועים**: ללא דליפות זיכרון או חישובים מיותרים -![טרריום סופי](../../../../translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.he.png) +![טרריום סופי](../../../../translated_images/terrarium-final.0920f16e87c13a84.he.png) --- diff --git a/translations/he/3-terrarium/README.md b/translations/he/3-terrarium/README.md index 706b90c57..b21af5238 100644 --- a/translations/he/3-terrarium/README.md +++ b/translations/he/3-terrarium/README.md @@ -1,45 +1,30 @@ -# הטרריום שלי: פרויקט ללמידת HTML, CSS ומניפולציה של DOM באמצעות JavaScript 🌵🌱 +## פרוס את ה-Terrarium שלך -תרגול קטן של גרירה ושחרור. עם מעט HTML, JS ו-CSS, תוכלו לבנות ממשק אינטרנטי, לעצב אותו ואפילו להוסיף אינטראקציות שונות לפי בחירתכם. +אתה יכול לפרוס, או לפרסם את ה-Terrarium שלך באינטרנט באמצעות **Azure Static Web Apps**. -![הטרריום שלי](../../../translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.he.png) +1. בצע Fork לריפוזיטורי הזה -# שיעורים +2. לחץ על הכפתור הזה 👇 -1. [מבוא ל-HTML](./1-intro-to-html/README.md) -2. [מבוא ל-CSS](./2-intro-to-css/README.md) -3. [מבוא ל-DOM וסגירות ב-JS](./3-intro-to-DOM-and-closures/README.md) +[![Deploy to Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/#create/Microsoft.StaticApp) -## קרדיטים - -נכתב באהבה ♥️ על ידי [Jen Looper](https://www.twitter.com/jenlooper) - -הטרריום שנוצר באמצעות CSS קיבל השראה מצנצנת הזכוכית של Jakub Mandra ב-[codepen](https://codepen.io/Rotarepmi/pen/rjpNZY). - -האיורים צוירו ביד על ידי [Jen Looper](http://jenlooper.com) בעזרת Procreate. - -## פרסמו את הטרריום שלכם - -ניתן לפרסם את הטרריום שלכם באינטרנט באמצעות Azure Static Web Apps. - -1. עשו Fork למאגר הזה - -2. לחצו על הכפתור הזה - -[![כפתור פרסום ל-Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp) - -3. עברו דרך האשף ליצירת האפליקציה שלכם. ודאו שהגדרתם את שורש האפליקציה להיות `/solution` או שורש בסיס הקוד שלכם. אין API באפליקציה הזו, אז אין צורך לדאוג להוספתו. תיקיית github תיווצר במאגר שלכם ותסייע לשירותי הבנייה והפרסום של Azure Static Web Apps לבנות ולפרסם את האפליקציה שלכם לכתובת URL חדשה. +3. עקוב אחרי אשף ההגדרה כדי ליצור את האפליקציה שלך. + - הגדר את **App root** ל-`/solution` או לשורש של בסיס הקוד שלך. + - אין API באפליקציה הזו, לכן ניתן לדלג על הגדרת ה-API. + - תיקיית `.github` תיווצר אוטומטית כדי לעזור ל-Azure Static Web Apps לבנות ולפרסם את האפליקציה שלך. --- -**כתב ויתור**: -מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי על ידי אדם. אנו לא נושאים באחריות לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה. \ No newline at end of file + +**כתב ויתור**: +מסמך זה תורגם באמצעות שירות תרגום באמצעות בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). על אף שאנו שואפים לדיוק, יש לזכור כי תרגומים אוטומטיים עלולים להכיל טעויות או אי-דיוקים. המסמך המקורי בשפתו המקורית נחשב למקור המוסמך. למידע קריטי מומלץ להשתמש בתרגום מקצועי על ידי מתרגם אנושי. אנו לא נושאים באחריות על טעויות בהבנה או בפרשנות הנובעות משימוש בתרגום זה. + \ No newline at end of file diff --git a/translations/he/3-terrarium/solution/README.md b/translations/he/3-terrarium/solution/README.md index 5e90efc14..ba28f464e 100644 --- a/translations/he/3-terrarium/solution/README.md +++ b/translations/he/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: תרגול קטן של גרירה ושחרור. עם מעט HTML, JS ו-CSS, תוכלו לבנות ממשק אינטרנט, לעצב אותו ולהוסיף אינטראקציה. -![הטרריום שלי](../../../../translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.he.png) +![הטרריום שלי](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.he.png) ## קרדיטים diff --git a/translations/he/5-browser-extension/1-about-browsers/README.md b/translations/he/5-browser-extension/1-about-browsers/README.md index 572f22155..561718d58 100644 --- a/translations/he/5-browser-extension/1-about-browsers/README.md +++ b/translations/he/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![שרטוט דפדפן](../../../../translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.he.jpg) +![שרטוט דפדפן](../../../../translated_images/browser.60317c9be8b7f84a.he.jpg) > שרטוט מאת [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## שאלון לפני השיעור @@ -79,7 +79,7 @@ mindmap ✅ **קצת היסטוריה**: הדפדפן הראשון נקרא 'WorldWideWeb' ונוצר על ידי סר טימותי ברנרס-לי בשנת 1990. -![דפדפנים מוקדמים](../../../../translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.he.jpg) +![דפדפנים מוקדמים](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.he.jpg) > כמה דפדפנים מוקדמים, דרך [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### איך דפדפנים מעבדים תוכן אינטרנטי @@ -198,7 +198,7 @@ quadrantChart הבנת תהליך התקנת ההרחבות עוזרת לכם לצפות את חוויית המשתמש כאשר אנשים מתקינים את ההרחבה שלכם. תהליך ההתקנה סטנדרטי בדפדפנים מודרניים, עם וריאציות קלות בעיצוב הממשק. -![צילום מסך של דפדפן Edge שמציג את דף ניהול ההרחבות edge://extensions ואת תפריט ההגדרות הפתוח](../../../../translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.he.png) +![צילום מסך של דפדפן Edge שמציג את דף ניהול ההרחבות edge://extensions ואת תפריט ההגדרות הפתוח](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.he.png) > **חשוב**: ודאו שאתם מפעילים מצב מפתחים ומאפשרים הרחבות מחנויות אחרות כאשר אתם בודקים את ההרחבות שלכם. @@ -313,10 +313,10 @@ project-root/ ### סקירת תצוגות ההרחבה **תצוגת הגדרות** - הגדרת משתמש בפעם הראשונה: -![צילום מסך של ההרחבה המושלמת פתוחה בדפדפן, מציגה טופס עם שדות להזנת שם אזור ומפתח API.](../../../../translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.he.png) +![צילום מסך של ההרחבה המושלמת פתוחה בדפדפן, מציגה טופס עם שדות להזנת שם אזור ומפתח API.](../../../../translated_images/1.b6da8c1394b07491.he.png) **תצוגת תוצאות** - הצגת נתוני טביעת רגל פחמנית: -![צילום מסך של ההרחבה המושלמת מציגה ערכים לשימוש פחמן ואחוז דלקים מאובנים עבור אזור US-NEISO.](../../../../translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.he.png) +![צילום מסך של ההרחבה המושלמת מציגה ערכים לשימוש פחמן ואחוז דלקים מאובנים עבור אזור US-NEISO.](../../../../translated_images/2.1dae52ff08042246.he.png) ### בניית טופס ההגדרות diff --git a/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md index 9b3d1db33..da919c671 100644 --- a/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.he.png) +![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.he.png) > ⚠️ **שיקול אבטחה**: באפליקציות ייצור, אחסון מפתחות API ב-LocalStorage מהווה סיכון אבטחה מכיוון ש-JavaScript יכול לגשת לנתונים אלה. למטרות לימוד, הגישה הזו מתאימה, אבל באפליקציות אמיתיות יש להשתמש באחסון מאובטח בצד השרת עבור אישורים רגישים. diff --git a/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md index 20b30f7bc..dc11e2dec 100644 --- a/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ flowchart LR בואו ננסה את זה. פתחו אתר (Microsoft.com עובד טוב לזה) ולחצו על כפתור 'הקלט'. עכשיו רעננו את הדף וצפו בפרופיילר לוכד את כל מה שקורה. כשעוצרים את ההקלטה, תראו פירוט מפורט של איך הדפדפן 'מפעיל', 'מצייר' ו'מעדכן' את האתר. זה מזכיר לי איך מרכז הבקרה עוקב אחרי כל מערכת בזמן שיגור רקטה - אתם מקבלים נתונים בזמן אמת על מה בדיוק קורה ומתי. -![פרופיילר Edge](../../../../translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.he.png) +![פרופיילר Edge](../../../../translated_images/profiler.5a4a62479c5df01c.he.png) ✅ [תיעוד Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) מכיל המון פרטים נוספים אם אתם רוצים לצלול לעומק @@ -136,11 +136,11 @@ flowchart LR קבלו תמונת מצב של ביצועי הדף שלכם על ידי בחירת חלק מציר הזמן של הפרופיל והסתכלות על חלונית הסיכום: -![תמונת מצב פרופיילר Edge](../../../../translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.he.png) +![תמונת מצב פרופיילר Edge](../../../../translated_images/snapshot.97750180ebcad737.he.png) בדקו את חלונית יומן האירועים כדי לראות אם יש אירוע שלקח יותר מ-15 מילי-שניות: -![יומן אירועים Edge](../../../../translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.he.png) +![יומן אירועים Edge](../../../../translated_images/log.804026979f3707e0.he.png) ✅ הכירו את הפרופיילר שלכם! פתחו את כלי המפתחים באתר הזה ובדקו אם יש צווארי בקבוק. מהו הנכס שנטען הכי לאט? הכי מהר? diff --git a/translations/he/5-browser-extension/README.md b/translations/he/5-browser-extension/README.md index 21dea7bde..e3e0acc70 100644 --- a/translations/he/5-browser-extension/README.md +++ b/translations/he/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### קרדיטים -![תוסף דפדפן ירוק](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![תוסף דפדפן ירוק](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## קרדיטים diff --git a/translations/he/5-browser-extension/solution/README.md b/translations/he/5-browser-extension/solution/README.md index b5e20f650..d9738f713 100644 --- a/translations/he/5-browser-extension/solution/README.md +++ b/translations/he/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: באמצעות ה-API של CO2 Signal של tmrow למעקב אחר צריכת חשמל, ניתן לבנות תוסף לדפדפן שיזכיר לכם ישירות בדפדפן עד כמה צריכת החשמל באזורכם כבדה. שימוש בתוסף זה באופן מזדמן יעזור לכם לקבל החלטות מושכלות על פעילויותיכם בהתבסס על מידע זה. -![צילום מסך של התוסף](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![צילום מסך של התוסף](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## התחלת עבודה @@ -31,7 +31,7 @@ npm run build כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש הנקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח ההרחבות. משם, בחרו 'Load Unpacked' כדי לטעון תוסף חדש. בחרו בתיקיית 'dist' כאשר תתבקשו, והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-API של CO2 Signal ([השיגו אחד כאן דרך אימייל](https://www.co2signal.com/) - הזינו את האימייל שלכם בתיבה בעמוד זה) ואת [הקוד לאזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל-[Electricity Map](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO'). -![התקנה](../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.he.png) +![התקנה](../../../../translated_images/install-on-edge.78634f02842c4828.he.png) לאחר הזנת מפתח ה-API והאזור בממשק התוסף, הנקודה הצבעונית בסרגל התוספים של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזורכם ולתת לכם רמז אילו פעילויות כבדות אנרגיה מתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו הושאל מתוסף [Energy Lollipop](https://energylollipop.com/) לפליטות בקליפורניה. diff --git a/translations/he/5-browser-extension/solution/translation/README.fr.md b/translations/he/5-browser-extension/solution/translation/README.fr.md index 2dee9765e..6e47ae17d 100644 --- a/translations/he/5-browser-extension/solution/translation/README.fr.md +++ b/translations/he/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: באמצעות ה-API של CO2 Signal מבית tmrow למעקב אחר צריכת חשמל, צרו הרחבת דפדפן שתאפשר לכם לקבל תזכורת ישירות בדפדפן על צריכת החשמל באזורכם. השימוש בהרחבה זו יעזור לכם לקבל החלטות מושכלות לגבי הפעילויות שלכם בהתבסס על מידע זה. -![צילום מסך של ההרחבה](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![צילום מסך של ההרחבה](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## התחלה @@ -31,7 +31,7 @@ npm run build כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש נקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח ההרחבות. משם, בחרו 'טען הרחבה לא מכווצת' כדי לטעון הרחבה חדשה. פתחו את תיקיית 'dist' כאשר תתבקשו, וההרחבה תיטען. כדי להשתמש בה, תצטרכו מפתח API ל-API של CO2 Signal ([קבלו אחד כאן באמצעות אימייל](https://www.co2signal.com/) - הכניסו את כתובת האימייל שלכם בתיבה בעמוד זה) ואת [קוד האזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל[מפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO'). -![התקנה](../../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.he.png) +![התקנה](../../../../../translated_images/install-on-edge.78634f02842c4828.he.png) לאחר שהזנתם את מפתח ה-API ואת האזור בממשק ההרחבה, הנקודה הצבעונית בסרגל ההרחבות של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזורכם ולספק לכם אינדיקציה לגבי פעילויות עתירות אנרגיה שיהיה מתאים לבצע. הרעיון מאחורי מערכת ה'נקודות' הזו נלקח מה-[הרחבת Energy Lollipop](https://energylollipop.com/) עבור פליטות קליפורניה. diff --git a/translations/he/5-browser-extension/solution/translation/README.hi.md b/translations/he/5-browser-extension/solution/translation/README.hi.md index ec3f836ee..0ae5cdd25 100644 --- a/translations/he/5-browser-extension/solution/translation/README.hi.md +++ b/translations/he/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: שימוש ב-API של CO2 Signal של tmrow למעקב אחר צריכת חשמל, בניית תוסף דפדפן שיזכיר לכם כמה עמוסה צריכת החשמל באזורכם דרך הדפדפן שלכם. שימוש בתוסף הזה יכול לעזור לכם לקבל החלטות על סמך המידע הזה לגבי הפעילויות שלכם. -![צילום מסך של התוסף ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![צילום מסך של התוסף ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## התחלה @@ -31,7 +31,7 @@ npm run build להתקנה בדפדפן Edge, השתמשו בתפריט 'שלוש נקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את פאנל התוספים. משם, בחרו 'טעינת תוסף לא ארוז' כדי לטעון תוסף חדש. בתיבת הדיאלוג, פתחו את תיקיית 'dist' והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-CO2 Signal ([קבלו אותו כאן דרך אימייל](https://www.co2snal.com/) - הזינו את האימייל שלכם בתיבה בעמוד זה) וקוד [האזור שלכם](http://api.electricitymap.org/v3/zones) [במפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO'). -![התקנה](../../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.he.png) +![התקנה](../../../../../translated_images/install-on-edge.78634f02842c4828.he.png) לאחר הזנת מפתח ה-API והאזור בממשק התוסף, הנקודה הצבעונית בסרגל התוספים של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזורכם ולספק לכם אינדיקציה אילו פעילויות כבדות אנרגיה מתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו הגיע לי מתוסף [Energy Lollipop](https://energylollipop.com/) עבור פליטות קליפורניה. diff --git a/translations/he/5-browser-extension/solution/translation/README.it.md b/translations/he/5-browser-extension/solution/translation/README.it.md index 69a9aa96e..35de637db 100644 --- a/translations/he/5-browser-extension/solution/translation/README.it.md +++ b/translations/he/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: נשתמש ב-API של Signal CO2 מבית tmrow כדי לעקוב אחר צריכת החשמל וליצור תוסף לדפדפן, כך שנוכל לקבל תזכורת ישירות בדפדפן על כמה כבדה צריכת החשמל באזור שלנו. השימוש בתוסף הזה יעזור להעריך את הפעילויות שלנו בהתבסס על המידע הזה. -![צילום מסך של התוסף](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![צילום מסך של התוסף](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## איך להתחיל @@ -31,7 +31,7 @@ npm run build להתקנה ב-Edge, יש להשתמש בתפריט "שלוש נקודות" בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח הבקרה של תוספים. אם מצב מפתחים לא פעיל, יש להפעיל אותו (בפינה השמאלית התחתונה). לבחור "טען ללא דחיסה" כדי לטעון תוסף חדש. לפתוח את תיקיית "dist" בהנחיה, והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-API של CO2 Signal (ניתן [לקבל אותו כאן דרך אימייל](https://www.co2signal.com/) - הכניסו את כתובת האימייל שלכם בתיבה בעמוד הזה) ואת [קוד האזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל-[מפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון, "US-NEISO"). -![התקנה](../../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.he.png) +![התקנה](../../../../../translated_images/install-on-edge.78634f02842c4828.he.png) לאחר שמפתח ה-API והאזור הוזנו בממשק התוסף, הנקודה הצבעונית בסרגל התוסף בדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזור ולספק רמז אילו פעילויות עתירות אנרגיה יהיו מתאימות לביצוע. הרעיון מאחורי מערכת ה"נקודות" הזו נלקח מה-[תוסף Energy Lollipop](https://energylollipop.com/) עבור פליטות בקליפורניה. diff --git a/translations/he/5-browser-extension/solution/translation/README.ja.md b/translations/he/5-browser-extension/solution/translation/README.ja.md index da906d308..675c3e18f 100644 --- a/translations/he/5-browser-extension/solution/translation/README.ja.md +++ b/translations/he/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: בנו תוסף לדפדפן שמציג תזכורת על צריכת החשמל באזורכם, באמצעות ה-API של CO2 Signal מבית tmrow. התוסף מאפשר לכם לעקוב אחר צריכת החשמל באזורכם ולהשתמש במידע הזה כדי לקבל החלטות מושכלות לגבי הפעילות שלכם. -![צילום מסך של התוסף](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![צילום מסך של התוסף](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## הקדמה @@ -31,7 +31,7 @@ npm run build כדי להתקין ב-Edge, מצאו את לוח ה"הרחבות" דרך תפריט "שלוש הנקודות" בפינה הימנית העליונה של הדפדפן. משם, בחרו "Load Unpacked" כדי לטעון את התוסף החדש. כאשר תתבקשו, פתחו את תיקיית "dist", והתוסף ייטען. לשימוש בתוסף, תצטרכו מפתח API של CO2 Signal ([קבלו אחד כאן דרך אימייל](https://www.co2signal.com/) - הזינו את האימייל שלכם בתיבה שבדף) וקוד לאזור שלכם התואם ל-[Electricity Map](https://www.electricitymap.org/map) ([ראו כאן את הקוד לאזור שלכם](http://api.electricitymap.org/v3/zones)). לדוגמה, בבוסטון משתמשים ב-'US-NEISO'. -![התקנה](../../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.he.png) +![התקנה](../../../../../translated_images/install-on-edge.78634f02842c4828.he.png) לאחר שתזינו את מפתח ה-API והאזור בממשק התוסף, נקודה צבעונית שתופיע בסרגל ההרחבות של הדפדפן תשתנה בהתאם לצריכת האנרגיה באזורכם. הנקודה תספק אינדיקציה אילו פעילויות שדורשות אנרגיה מתאימות לביצוע באותו זמן. הרעיון של מערכת ה"נקודה" נלקח מהתוסף [Energy Lollipop](https://energylollipop.com/) שנועד למעקב אחר פליטות בקליפורניה. diff --git a/translations/he/5-browser-extension/solution/translation/README.ms.md b/translations/he/5-browser-extension/solution/translation/README.ms.md index 5cd59bd52..2256737c4 100644 --- a/translations/he/5-browser-extension/solution/translation/README.ms.md +++ b/translations/he/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: באמצעות ה-API של CO2 Signal מבית tmrow לזיהוי צריכת חשמל, ניתן לבנות תוסף לדפדפן שיתריע בפניכם על רמת צריכת החשמל באזורכם. שימוש בתוסף זה יעזור לכם לקבל החלטות מושכלות לגבי הפעילויות שלכם בהתבסס על המידע הזה. -![צילום מסך של תוסף הדפדפן](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![צילום מסך של תוסף הדפדפן](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## התחלה @@ -31,7 +31,7 @@ npm run build כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש הנקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח התוספים. משם, בחרו 'Load Unpacked' כדי לטעון את התוסף החדש. פתחו את תיקיית 'dist' לפי הבקשה, והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-API של CO2 Signal ([קבלו אחד כאן דרך אימייל](https://www.co2signal.com/) - הכניסו את האימייל שלכם בתיבה שבדף זה) ואת [הקוד לאזור שלכם](http://api.electricitymap.org/v3/zones) המתאים ל-[מפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO'). -![התקנה](../../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.he.png) +![התקנה](../../../../../translated_images/install-on-edge.78634f02842c4828.he.png) לאחר הכנסת מפתח ה-API והאזור לממשק התוסף, הנקודה הצבעונית בסרגל התוספים של הדפדפן תשתנה כדי לשקף את צריכת האנרגיה באזורכם ותספק לכם רמזים לגבי פעילויות כבדות שמתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו נלקח מ-[תוסף הדפדפן Energy Lollipop](https://energylollipop.com/) עבור פליטות בקליפורניה. diff --git a/translations/he/5-browser-extension/start/README.md b/translations/he/5-browser-extension/start/README.md index 085ba75d6..b3dfdc26b 100644 --- a/translations/he/5-browser-extension/start/README.md +++ b/translations/he/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: באמצעות ה-API של tmrow, C02 Signal, למעקב אחר צריכת חשמל, ניתן לבנות הרחבת דפדפן שתספק תזכורת ישירות בדפדפן לגבי רמת צריכת החשמל באזור שלך. שימוש בהרחבה זו באופן מזדמן יעזור לך לקבל החלטות מושכלות לגבי הפעילויות שלך בהתבסס על מידע זה. -![צילום מסך של ההרחבה](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.he.png) +![צילום מסך של ההרחבה](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.he.png) ## איך מתחילים @@ -31,7 +31,7 @@ npm run build כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש הנקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח ההרחבות. משם, בחרו 'טעינת הרחבה לא ארוזה' כדי לטעון הרחבה חדשה. פתחו את תיקיית 'dist' כאשר תתבקשו, וההרחבה תיטען. כדי להשתמש בה, תצטרכו מפתח API ל-API של CO2 Signal ([קבלו אחד כאן דרך אימייל](https://www.co2signal.com/) - הכניסו את האימייל שלכם בתיבה בעמוד זה) ואת [קוד האזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל-[Electricity Map](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO'). -![התקנה](../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.he.png) +![התקנה](../../../../translated_images/install-on-edge.78634f02842c4828.he.png) לאחר הזנת מפתח ה-API והאזור בממשק ההרחבה, הנקודה הצבעונית בסרגל ההרחבות של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזור שלכם ולספק לכם הכוונה לגבי אילו פעילויות עתירות אנרגיה יהיו מתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו נלקח מההרחבה [Energy Lollipop](https://energylollipop.com/) לפליטות בקליפורניה. diff --git a/translations/he/6-space-game/2-drawing-to-canvas/README.md b/translations/he/6-space-game/2-drawing-to-canvas/README.md index 29f9af480..e5266e970 100644 --- a/translations/he/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/he/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![הרשת של הקנבס](../../../../translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.he.png) +![הרשת של הקנבס](../../../../translated_images/canvas_grid.5f209da785ded492.he.png) > תמונה מ-[MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) כדי לצייר על אלמנט הקנבס, תעקבו אחר אותו תהליך בן שלושה שלבים שמרכיב את הבסיס לכל גרפיקת הקנבס. ברגע שתעשו זאת כמה פעמים, זה יהפוך לטבע שני: @@ -329,11 +329,11 @@ flowchart TD - ספינת גיבור - ![ספינת גיבור](../../../../translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.he.png) + ![ספינת גיבור](../../../../translated_images/player.dd24c1afa8c71e9b.he.png) - 5*5 מפלצות - ![ספינת מפלצת](../../../../translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.he.png) + ![ספינת מפלצת](../../../../translated_images/enemyShip.5df2a822c16650c2.he.png) ### צעדים מומלצים להתחלת הפיתוח @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { התוצאה הסופית צריכה להיראות כך: -![מסך שחור עם גיבור ו-5*5 מפלצות](../../../../translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.he.png) +![מסך שחור עם גיבור ו-5*5 מפלצות](../../../../translated_images/partI-solution.36c53b48c9ffae2a.he.png) ## פתרון diff --git a/translations/he/6-space-game/5-keeping-score/README.md b/translations/he/6-space-game/5-keeping-score/README.md index 95fd340e2..390d8db81 100644 --- a/translations/he/6-space-game/5-keeping-score/README.md +++ b/translations/he/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **מערכת ניקוד**: כל ספינת אויב שהושמדה מזכה ב-100 נקודות (מספרים עגולים קלים יותר לחישוב מנטלי עבור השחקנים). הניקוד יוצג בפינה השמאלית התחתונה. -- **מונה חיים**: הגיבור שלכם מתחיל עם שלושה חיים - סטנדרט שנקבע על ידי משחקי ארקייד מוקדמים כדי לאזן בין אתגר לבין יכולת משחק. כל התנגשות עם אויב תעלה בחיים אחד. נציג את מספר החיים הנותרים בפינה הימנית התחתונה באמצעות אייקונים של חלליות ![life image](../../../../translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.he.png). +- **מונה חיים**: הגיבור שלכם מתחיל עם שלושה חיים - סטנדרט שנקבע על ידי משחקי ארקייד מוקדמים כדי לאזן בין אתגר לבין יכולת משחק. כל התנגשות עם אויב תעלה בחיים אחד. נציג את מספר החיים הנותרים בפינה הימנית התחתונה באמצעות אייקונים של חלליות ![life image](../../../../translated_images/life.6fb9f50d53ee0413.he.png). ## בואו נתחיל לבנות! diff --git a/translations/he/7-bank-project/2-forms/README.md b/translations/he/7-bank-project/2-forms/README.md index 25e71f094..e75895b76 100644 --- a/translations/he/7-bank-project/2-forms/README.md +++ b/translations/he/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ graph TD 2. שימו לב לשינויים בשורת הכתובת של הדפדפן שלכם 3. שימו לב כיצד הדף נטען מחדש והנתונים מופיעים בכתובת ה-URL -![צילום מסך של שינוי כתובת ה-URL בדפדפן לאחר לחיצה על כפתור הרשמה](../../../../translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.he.png) +![צילום מסך של שינוי כתובת ה-URL בדפדפן לאחר לחיצה על כפתור הרשמה](../../../../translated_images/click-register.e89a30bf0d4bc9ca.he.png) ### השוואת שיטות HTTP @@ -350,7 +350,7 @@ graph TD 2. **לחצו** על כפתור "צור חשבון" 3. **שימו לב** לתגובת השרת בדפדפן שלכם -![חלון דפדפן בכתובת localhost:5000/api/accounts, מציג מחרוזת JSON עם נתוני משתמש](../../../../translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.he.png) +![חלון דפדפן בכתובת localhost:5000/api/accounts, מציג מחרוזת JSON עם נתוני משתמש](../../../../translated_images/form-post.61de4ca1b964d91a.he.png) **מה שאתם אמורים לראות:** - **הדפדפן מפנה** לכתובת ה-URL של נקודת הקצה של ה-API @@ -575,7 +575,7 @@ async function register() { 3. **לחץ** על "צור חשבון" 4. **צפה** בהודעות הקונסולה ובמשוב למשתמש -![צילום מסך המציג הודעת לוג בקונסולת הדפדפן](../../../../translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.he.png) +![צילום מסך המציג הודעת לוג בקונסולת הדפדפן](../../../../translated_images/browser-console.efaf0b51aaaf6778.he.png) **מה אתה אמור לראות:** - **מצב טעינה** מופיע על כפתור השליחה @@ -750,7 +750,7 @@ input:focus:invalid { 3. **נסה** תווים מיוחדים בשדה שם המשתמש 4. **הכנס** סכום יתרה שלילי -![צילום מסך המציג שגיאת ולידציה בעת ניסיון לשלוח את הטופס](../../../../translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.he.png) +![צילום מסך המציג שגיאת ולידציה בעת ניסיון לשלוח את הטופס](../../../../translated_images/validation-error.8bd23e98d416c22f.he.png) **מה תבחין:** - **הדפדפן מציג** הודעות ולידציה מקוריות @@ -892,7 +892,7 @@ timeline הנה דוגמה לאיך עמוד ההתחברות הסופי יכול להיראות לאחר קצת עיצוב: -![צילום מסך של עמוד ההתחברות לאחר הוספת סגנונות CSS](../../../../translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.he.png) +![צילום מסך של עמוד ההתחברות לאחר הוספת סגנונות CSS](../../../../translated_images/result.96ef01f607bf856a.he.png) ## חידון לאחר ההרצאה diff --git a/translations/he/7-bank-project/3-data/README.md b/translations/he/7-bank-project/3-data/README.md index 9fd2f472c..29610402e 100644 --- a/translations/he/7-bank-project/3-data/README.md +++ b/translations/he/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![תהליך עדכון באפליקציה מרובת עמודים](../../../../translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.he.png) +![תהליך עדכון באפליקציה מרובת עמודים](../../../../translated_images/mpa.7f7375a1a2d4aa77.he.png) **למה הגישה הזו הרגישה מסורבלת:** - כל לחיצה דרשה בנייה מחדש של כל העמוד מאפס @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![תהליך עדכון באפליקציה עמוד יחיד](../../../../translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.he.png) +![תהליך עדכון באפליקציה עמוד יחיד](../../../../translated_images/spa.268ec73b41f992c2.he.png) **למה אפליקציות SPA מרגישות כל כך טוב:** - רק החלקים שבאמת השתנו מתעדכנים (חכם, נכון?) @@ -523,7 +523,7 @@ if (data.error) { עכשיו כשאתה בודק עם חשבון לא חוקי, תראה הודעת שגיאה מועילה ממש על הדף! -![צילום מסך שמראה את הודעת השגיאה המוצגת במהלך ההתחברות](../../../../translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.he.png) +![צילום מסך שמראה את הודעת השגיאה המוצגת במהלך ההתחברות](../../../../translated_images/login-error.416fe019b36a6327.he.png) #### שלב 4: להיות כוללני עם נגישות @@ -764,7 +764,7 @@ timeline כך יכול להיראות לוח בקרה מלוטש: -![צילום מסך של תוצאה לדוגמה של לוח הבקרה לאחר עיצוב](../../../../translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.he.png) +![צילום מסך של תוצאה לדוגמה של לוח הבקרה לאחר עיצוב](../../../../translated_images/screen2.123c82a831a1d14a.he.png) אל תרגיש שאתה חייב להתאים בדיוק לזה - השתמש בזה כהשראה ויצר משהו ייחודי משלך! diff --git a/translations/he/7-bank-project/4-state-management/README.md b/translations/he/7-bank-project/4-state-management/README.md index 801bd27af..bef64259b 100644 --- a/translations/he/7-bank-project/4-state-management/README.md +++ b/translations/he/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ mindmap במקום לרדוף אחרי הזנב שלנו, אנחנו הולכים ליצור מערכת **ניהול מצב מרכזית**. תחשוב על זה כמו שיש אדם אחד מאוד מאורגן שאחראי על כל הדברים החשובים: -![סכימה שמראה את זרימת הנתונים בין ה-HTML, פעולות המשתמש והמצב](../../../../translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.he.png) +![סכימה שמראה את זרימת הנתונים בין ה-HTML, פעולות המשתמש והמצב](../../../../translated_images/data-flow.fa2354e0908fecc8.he.png) ```mermaid flowchart TD @@ -804,7 +804,7 @@ timeline הנה דוגמה לתוצאה לאחר השלמת המשימה: -![צילום מסך המציג דוגמה לדיאלוג "הוסף עסקה"](../../../../translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.he.png) +![צילום מסך המציג דוגמה לדיאלוג "הוסף עסקה"](../../../../translated_images/dialog.93bba104afeb79f1.he.png) --- diff --git a/translations/he/7-bank-project/4-state-management/assignment.md b/translations/he/7-bank-project/4-state-management/assignment.md index a7f731b9f..c2c9b9955 100644 --- a/translations/he/7-bank-project/4-state-management/assignment.md +++ b/translations/he/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **תוצאה צפויה:** לאחר השלמת המשימה, אפליקציית הבנקאות שלכם צריכה לכלול תכונת "הוספת עסקה" פונקציונלית לחלוטין שנראית ומתנהגת באופן מקצועי: -![צילום מסך המציג דוגמה לדיאלוג "הוספת עסקה"](../../../../translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.he.png) +![צילום מסך המציג דוגמה לדיאלוג "הוספת עסקה"](../../../../translated_images/dialog.93bba104afeb79f1.he.png) ## בדיקת היישום שלכם diff --git a/translations/he/7-bank-project/README.md b/translations/he/7-bank-project/README.md index 67192e941..7f8b923c8 100644 --- a/translations/he/7-bank-project/README.md +++ b/translations/he/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: בפרויקט הזה תלמדו איך לבנות בנק פיקטיבי. השיעורים כוללים הוראות על איך לעצב אפליקציית ווב ולספק נתיבים, לבנות טפסים, לנהל מצב, ולמשוך נתונים מ-API שממנו תוכלו לקבל את נתוני הבנק. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.he.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.he.png) | +| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.he.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.he.png) | |--------------------------------|--------------------------------| ## שיעורים diff --git a/translations/he/8-code-editor/1-using-a-code-editor/README.md b/translations/he/8-code-editor/1-using-a-code-editor/README.md index c40102f3d..93f775e99 100644 --- a/translations/he/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/he/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev מביא את היכולות הללו לדפדפן שלכם: ברגע שהכל נטען, תראו סביבת עבודה נקייה ומעוצבת שנועדה לשמור אתכם ממוקדים במה שחשוב – הקוד שלכם! -![ממשק ברירת המחדל של VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.he.png) +![ממשק ברירת המחדל של VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.he.png) **הנה סיור בשכונה:** - **סרגל הפעילות** (הפס בצד שמאל): הניווט הראשי שלכם עם Explorer 📁, חיפוש 🔍, בקרת מקור 🌿, הרחבות 🧩 והגדרות ⚙️ @@ -233,7 +233,7 @@ flowchart TB 1. גשו ל-[vscode.dev](https://vscode.dev) אם אתם לא שם כבר 2. חפשו את כפתור "Open Remote Repository" במסך הפתיחה ולחצו עליו - ![פתיחת מאגר מרחוק](../../../../translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.he.png) + ![פתיחת מאגר מרחוק](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.he.png) 3. הדביקו כל כתובת URL של מאגר GitHub (נסו את זו: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. לחצו Enter וצפו בקסם קורה! @@ -242,7 +242,7 @@ flowchart TB רוצים להרגיש כמו קוסמי קוד? נסו את קיצור הדרך הזה במקלדת: Ctrl+Shift+P (או Cmd+Shift+P במק) לפתיחת Command Palette: -![תפריט Command Palette](../../../../translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.he.png) +![תפריט Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.he.png) **Command Palette הוא כמו מנוע חיפוש לכל מה שאפשר לעשות:** - הקלידו "open remote" והוא ימצא עבורכם את פותחן המאגרים @@ -304,7 +304,7 @@ flowchart TB 3. הזינו את שם הקובץ כולל הסיומת המתאימה (`style.css`, `script.js`, `index.html`) 4. לחצו Enter כדי ליצור את הקובץ -![יצירת קובץ חדש](../../../../translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.he.png) +![יצירת קובץ חדש](../../../../translated_images/create-new-file.2814e609c2af9aeb.he.png) **כללי שמות:** - השתמשו בשמות תיאוריים שמצביעים על מטרת הקובץ @@ -322,7 +322,7 @@ flowchart TB 2. התחילו להקליד וצפו ב-VSCode.dev עוזר לכם עם צבעים, הצעות וזיהוי שגיאות 3. שמרו את העבודה שלכם עם Ctrl+S (Windows/Linux) או Cmd+S (Mac) – למרות שהוא שומר אוטומטית גם! -![עריכת קבצים ב-VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.he.png) +![עריכת קבצים ב-VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.he.png) **הדברים המגניבים שקורים בזמן שאתם מקודדים:** - הקוד שלכם מקבל צבעים יפים כך שקל לקרוא אותו @@ -343,7 +343,7 @@ flowchart TB 2. קבצים ששונו מופיעים בקטע "Changes" 3. קידוד צבעים מציין סוגי שינויים: ירוק לתוספות, אדום למחיקות -![צפייה בשינויים בבקרת מקור](../../../../translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.he.png) +![צפייה בשינויים בבקרת מקור](../../../../translated_images/working-tree.c58eec08e6335c79.he.png) **שמירת העבודה שלכם (זרימת העבודה של commit):** @@ -438,7 +438,7 @@ mindmap 2. חפש או עיין במשהו ספציפי 3. לחץ על כל דבר שנראה מעניין כדי ללמוד עליו יותר -![ממשק שוק ההרחבות](../../../../translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.he.png) +![ממשק שוק ההרחבות](../../../../translated_images/extensions.eca0e0c7f59a10b5.he.png) **מה תראה שם:** @@ -491,7 +491,7 @@ mindmap 3. בחר "הגדרות הרחבה" מהתפריט הנפתח 4. התאם דברים עד שהם מרגישים בדיוק נכון לעבודה שלך -![התאמת הגדרות הרחבה](../../../../translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.he.png) +![התאמת הגדרות הרחבה](../../../../translated_images/extension-settings.21c752ae4f4cdb78.he.png) **דברים נפוצים שתרצה להתאים:** - איך הקוד שלך מעוצב (טאבים מול רווחים, אורך שורה וכו') diff --git a/translations/he/8-code-editor/1-using-a-code-editor/assignment.md b/translations/he/8-code-editor/1-using-a-code-editor/assignment.md index 4741ea6fc..bf2c8ccf7 100644 --- a/translations/he/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/he/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **כתוב** הודעת commit: "Add initial HTML structure" 5. **לחץ** "Commit new file" כדי לשמור את השינויים שלך -![יצירת קובץ ראשוני ב-GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.he.png) +![יצירת קובץ ראשוני ב-GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.he.png) **הנה מה שההגדרה הראשונית הזו משיגה:** - **מבססת** מבנה מסמך HTML5 נכון עם אלמנטים סמנטיים @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **אינדיקטור הצלחה**: אתה אמור לראות את קבצי הפרויקט שלך בסרגל הצד של Explorer ואת `index.html` זמין לעריכה באזור העורך הראשי. -![פרויקט נטען ב-VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.he.png) +![פרויקט נטען ב-VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.he.png) **מה שתראה בממשק:** - **סרגל הצד של Explorer**: **מציג** את קבצי המאגר שלך ומבנה התיקיות @@ -448,7 +448,7 @@ li:before { **תוצאות מיידיות לאחר ההתקנה:** לאחר התקנת CodeSwing, תראה תצוגה מקדימה חיה של אתר הקורות חיים שלך מופיעה בעורך. זה מאפשר לך לראות בדיוק איך האתר שלך נראה בזמן שאתה מבצע שינויים. -![תוסף CodeSwing מציג תצוגה מקדימה חיה](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.he.png) +![תוסף CodeSwing מציג תצוגה מקדימה חיה](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.he.png) **הבנת הממשק המשופר:** - **תצוגה מפוצלת**: **מציגה** את הקוד שלך בצד אחד ואת התצוגה המקדימה בצד השני diff --git a/translations/he/9-chat-project/README.md b/translations/he/9-chat-project/README.md index 73c01cef7..81a54c6b5 100644 --- a/translations/he/9-chat-project/README.md +++ b/translations/he/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) כך ייראה הפרויקט המוגמר שלכם: -![ממשק אפליקציית צ'אט המציג שיחה בין משתמש לעוזר AI](../../../translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.he.png) +![ממשק אפליקציית צ'אט המציג שיחה בין משתמש לעוזר AI](../../../translated_images/screenshot.0a1ee0d123df681b.he.png) ## 🗺️ מסע הלמידה שלכם בפיתוח אפליקציות AI @@ -194,7 +194,7 @@ mindmap **עיקרון מרכזי**: פיתוח אפליקציות AI משלב כישורי פיתוח אינטרנט מסורתיים עם אינטגרציית שירותי AI, ליצירת אפליקציות חכמות שמרגישות טבעיות ומגיבות למשתמשים. -![ממשק GitHub Models AI Playground עם בחירת מודלים ואזור בדיקה](../../../translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.he.png) +![ממשק GitHub Models AI Playground עם בחירת מודלים ואזור בדיקה](../../../translated_images/playground.d2b927122224ff8f.he.png) **מה הופך את ה-Playground לכל כך שימושי:** - **נסו** מודלים שונים של AI כמו GPT-4o-mini, Claude ואחרים (כולם חינמיים!) @@ -204,7 +204,7 @@ mindmap אחרי שתשחקו קצת, פשוט לחצו על לשונית "Code" ובחרו את שפת התכנות שלכם כדי לקבל את קוד היישום שתצטרכו. -![בחירת Playground המציגה אפשרויות יצירת קוד לשפות תכנות שונות](../../../translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.he.png) +![בחירת Playground המציגה אפשרויות יצירת קוד לשפות תכנות שונות](../../../translated_images/playground-choice.1d23ba7d407f4758.he.png) ## הגדרת אינטגרציה בצד השרת עם Python @@ -2333,14 +2333,14 @@ mindmap - **נווט** ל-[מאגר Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **לחץ** על "Use this template" בפינה הימנית העליונה (ודא שאתה מחובר ל-GitHub) -![ממשק יצירה מתבנית המציג את כפתור "Use this template" הירוק](../../../translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.he.png) +![ממשק יצירה מתבנית המציג את כפתור "Use this template" הירוק](../../../translated_images/template.67ad477109d29a2b.he.png) **שלב 2: הפעלת Codespaces** - **פתח** את המאגר החדש שיצרת - **לחץ** על כפתור "Code" הירוק ובחר "Codespaces" - **בחר** "Create codespace on main" כדי להתחיל את סביבת הפיתוח שלך -![ממשק יצירת Codespace עם אפשרויות להפעלת סביבת פיתוח בענן](../../../translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.he.png) +![ממשק יצירת Codespace עם אפשרויות להפעלת סביבת פיתוח בענן](../../../translated_images/codespace.bcecbdf5d2747d3d.he.png) **שלב 3: הגדרת הסביבה** ברגע ש-Codespace נטען, תהיה לך גישה ל: diff --git a/translations/he/README.md b/translations/he/README.md index 9e8a44ef3..553d3961e 100644 --- a/translations/he/README.md +++ b/translations/he/README.md @@ -1,262 +1,257 @@ -[![רישיון GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) -[![תורמים ב-GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) -[![בעיות ב-GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) -[![בקשות משיכה ב-GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) -[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) +# פיתוח ווב למתחילים - תוכנית לימודים -[![עוקבים ב-GitHub](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) -[![Forks ב-GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) -[![כוכבים ב-GitHub](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) +למדו את יסודות פיתוח הווב עם הקורס המקיף שלנו בן 12 השבועות על ידי Microsoft Cloud Advocates. כל אחד מ-24 השיעורים מתעמק ב-JavaScript, CSS ו-HTML באמצעות פרויקטים מעשיים כמו טראריום, תוספי דפדפן, ומשחקי חלל. השתתפו בחידונים, דיונים ומשימות מעשיות. שפרו את היכולות שלכם ואופטמו את שימור הידע באמצעות שיטת ההוראה המבוססת פרויקטים שלנו. התחילו את מסלול הקידוד שלכם עוד היום! -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) +הצטרפו לקהילת Discord של Azure AI Foundry -# פיתוח אתרים למתחילים - תוכנית לימודים +עקבו אחר השלבים הבאים כדי להתחיל להשתמש במשאבים אלו: +1. **בצעו פורק למאגר**: לחצו על [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**הצטרפו ל-Discord של Azure AI Foundry ופגשו מומחים ומפתחים נוספים**](https://discord.com/invite/ByRwuEEgH4) -למדו את יסודות פיתוח האתרים עם קורס מקיף של 12 שבועות מבית Microsoft Cloud Advocates. כל אחד מ-24 השיעורים מתמקד ב-JavaScript, CSS ו-HTML דרך פרויקטים מעשיים כמו טרריומים, הרחבות לדפדפן ומשחקי חלל. השתתפו בחידונים, דיונים ומשימות מעשיות. שפרו את הכישורים שלכם והעצימו את שימור הידע שלכם עם שיטת הלימוד מבוססת הפרויקטים שלנו. התחילו את מסע הקידוד שלכם היום! +### 🌐 תמיכה בריבוי שפות -הצטרפו לקהילת Azure AI Foundry Discord +#### נתמך באמצעות GitHub Action (ממוכן ותמיד מעודכן) -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) +> **מעדיפים לשכפל מקומית?** -עקבו אחר השלבים הבאים כדי להתחיל להשתמש במשאבים אלו: -1. **עשו Fork למאגר**: לחצו [![Forks ב-GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**הצטרפו ל-Azure AI Foundry Discord ופגשו מומחים ומפתחים נוספים**](https://discord.com/invite/ByRwuEEgH4) +> מאגר זה כולל יותר מ-50 תרגומים אשר מגדילים משמעותית את גודל ההורדה. לשכפול ללא תרגומים השתמשו ב-sparse checkout: +> ```bash +> 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' +> ``` +> כך תקבלו את כל מה שצריך להשלמת הקורס במהירות הורדה גבוהה יותר. -### 🌐 תמיכה רב-שפתית +**אם ברצונכם שיתמכו בשפות תרגום נוספות, הרשימה מופיעה [כאן](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -#### נתמך באמצעות GitHub Action (אוטומטי ותמיד מעודכן) +#### 🧑‍🎓 _האם אתם סטודנטים?_ - -[ערבית](../ar/README.md) | [בנגלית](../bn/README.md) | [בולגרית](../bg/README.md) | [בורמזית (מיאנמר)](../my/README.md) | [סינית (פשוטה)](../zh/README.md) | [סינית (מסורתית, הונג קונג)](../hk/README.md) | [סינית (מסורתית, מקאו)](../mo/README.md) | [סינית (מסורתית, טייוואן)](../tw/README.md) | [קרואטית](../hr/README.md) | [צ'כית](../cs/README.md) | [דנית](../da/README.md) | [הולנדית](../nl/README.md) | [אסטונית](../et/README.md) | [פינית](../fi/README.md) | [צרפתית](../fr/README.md) | [גרמנית](../de/README.md) | [יוונית](../el/README.md) | [עברית](./README.md) | [הינדית](../hi/README.md) | [הונגרית](../hu/README.md) | [אינדונזית](../id/README.md) | [איטלקית](../it/README.md) | [יפנית](../ja/README.md) | [קוריאנית](../ko/README.md) | [ליטאית](../lt/README.md) | [מלאית](../ms/README.md) | [מרטהי](../mr/README.md) | [נפאלית](../ne/README.md) | [נורווגית](../no/README.md) | [פרסית (פרסי)](../fa/README.md) | [פולנית](../pl/README.md) | [פורטוגזית (ברזיל)](../br/README.md) | [פורטוגזית (פורטוגל)](../pt/README.md) | [פונג'בית (גורמוקי)](../pa/README.md) | [רומנית](../ro/README.md) | [רוסית](../ru/README.md) | [סרבית (קירילית)](../sr/README.md) | [סלובקית](../sk/README.md) | [סלובנית](../sl/README.md) | [ספרדית](../es/README.md) | [סוואהילית](../sw/README.md) | [שוודית](../sv/README.md) | [טאגאלוג (פיליפינית)](../tl/README.md) | [טמילית](../ta/README.md) | [תאית](../th/README.md) | [טורקית](../tr/README.md) | [אוקראינית](../uk/README.md) | [אורדו](../ur/README.md) | [וייטנאמית](../vi/README.md) - +בקרו ב[**דף מרכז הסטודנטים**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) שם תמצאו משאבים למתחילים, חבילות לסטודנטים ואפילו דרכים לקבל שובר תעודה חינמי. זהו הדף שכדאי לשמור ולהתעדכן בו מעת לעת כשהתכנים מתחלפים חודשית. -**אם תרצו להוסיף שפות נוספות, השפות הנתמכות מפורטות [כאן](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +### 📣 הודעה - אתגרי מצב GitHub Copilot Agent חדשים להשלמה! -[![פתח ב-Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) +אתגר חדש נוסף, חפשו "GitHub Copilot Agent Challenge 🚀" ברוב הפרקים. זהו אתגר חדש להשלים בעזרת GitHub Copilot ומצב Agent. אם לא השתמשתם במצב Agent קודם לכן, הוא מסוגל לא רק לייצר טקסט אלא גם ליצור ולערוך קבצים, להפעיל פקודות ועוד. -#### 🧑‍🎓 _האם אתם סטודנטים?_ +### 📣 הודעה - ״פרויקט חדש לבנייה באמצעות AI מחולל״ -בקרו ב-[**עמוד הסטודנטים**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) שם תמצאו משאבים למתחילים, חבילות לסטודנטים ואפילו דרכים לקבל שובר לתעודה בחינם. זהו עמוד שכדאי לשמור ולבדוק מדי פעם, שכן אנו מעדכנים את התוכן מדי חודש. +פרויקט עוזר בינה מלאכותית חדש נוסף, בדקו את [הפרויקט](./9-chat-project/README.md) -### 📣 הכרזה - אתגרי מצב סוכן של GitHub Copilot חדשים להשלמה! +### 📣 הודעה - _תוכנית לימודים חדשה_ לבינה מלאכותית מחוללת עבור JavaScript שוחררה זה עתה -אתגר חדש נוסף, חפשו את "GitHub Copilot Agent Challenge 🚀" ברוב הפרקים. זהו אתגר חדש עבורכם להשלמה באמצעות GitHub Copilot ומצב סוכן. אם לא השתמשתם במצב סוכן בעבר, הוא מסוגל לא רק לייצר טקסט אלא גם ליצור ולערוך קבצים, להריץ פקודות ועוד. +אל תפספסו את תוכנית הלימודים החדשה שלנו לבינה מלאכותית מחוללת! -### 📣 הכרזה - _פרויקט חדש לבנייה באמצעות AI גנרטיבי_ +בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל! -פרויקט עוזר AI חדש נוסף, בדקו אותו [פרויקט](./09-chat-project/README.md) +![Background](../../translated_images/background.148a8d43afde5730.he.png) -### 📣 הכרזה - _תוכנית לימודים חדשה_ על AI גנרטיבי ל-JavaScript שוחררה +- שיעורים המכסים הכל מהבסיס ועד RAG. +- אינטראקציה עם דמויות היסטוריות באמצעות GenAI והאפליקציה המלווית שלנו. +- נרטיב מהנה ומרתק, שבו תטיילו בזמן! -אל תפספסו את תוכנית הלימודים החדשה שלנו על AI גנרטיבי! +![character](../../translated_images/character.5c0dd8e067ffd693.he.png) -בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל! +כל שיעור כולל משימה להשלמה, בדיקת ידע ואתגר להנחות אתכם בנושאים כמו: +- הוראות והנדסת הוראות +- יצירת אפליקציות טקסט ותמונה +- אפליקציות חיפוש -![רקע](../../translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.he.png) +בקרו ב-[https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) כדי להתחיל! -- שיעורים המכסים הכל מהבסיס ועד RAG. -- אינטראקציה עם דמויות היסטוריות באמצעות GenAI ואפליקציית הליווי שלנו. -- נרטיב מהנה ומרתק, תעשו מסע בזמן! -![דמות](../../translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.he.png) -כל שיעור כולל משימה להשלמה, בדיקת ידע ואתגר שינחה אתכם בלימוד נושאים כמו: -- הנחיה והנדסת הנחיות -- יצירת אפליקציות טקסט ותמונה -- אפליקציות חיפוש +## 🌱 התחלה -בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל! +> **מורים**, כללנו [כמה המלצות](for-teachers.md) לשימוש בתוכנית הלימודים הזו. נשמח למשוב שלכם [בפורום הדיונים שלנו](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -## 🌱 התחלה +**[לומדים](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, לכל שיעור, התחילו בחידון טרום-הרצאה ולכו בעקבות קריאת חומר ההרצאה, השלמת הפעילויות השונות, ובדקו את הבנתכם באמצעות חידון לאחר ההרצאה. -> **מורים**, כללנו [כמה הצעות](for-teachers.md) כיצד להשתמש בתוכנית הלימודים הזו. נשמח לשמוע את דעתכם [בפורום הדיונים שלנו](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +כדי לשפר את חוויית הלמידה שלכם, התחברו עם עמיתיכם כדי לעבוד יחד על הפרויקטים! מעודדים דיונים ב[פורום הדיונים שלנו](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) שם צוות המודרטורים שלנו זמין לענות על שאלותיכם. -**[לומדים](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, לכל שיעור, התחילו עם חידון לפני השיעור והמשיכו בקריאת חומר השיעור, השלמת הפעילויות השונות ובדקו את הבנתכם עם חידון לאחר השיעור. +כדי להרחיב את ההשכלה שלכם, אנו ממליצים בחום לחקור את [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) לקבלת חומרי לימוד נוספים. -כדי לשפר את חוויית הלמידה שלכם, התחברו עם עמיתים לעבודה על הפרויקטים יחד! דיונים מעודדים בפורום הדיונים שלנו [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) שם צוות המנהלים שלנו יהיה זמין לענות על שאלותיכם. +### 📋 הקמת סביבת העבודה -כדי להרחיב את השכלתכם, אנו ממליצים מאוד לחקור את [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) עבור חומרי לימוד נוספים. +לתוכנית הלימודים הזו יש סביבה לפיתוח מוכנה לשימוש! עם תחילתכם תוכלו לבחור להריץ את התוכנית ב-[Codespace](https://github.com/features/codespaces/) (_סביבה מבוססת דפדפן ללא צורך בהתקנות_), או מקומית במחשב שלכם באמצעות עורך טקסט כגון [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -### 📋 הגדרת סביבת העבודה שלכם +#### צרו את המאגר שלכם +כדי שתוכלו לשמור בקלות על עבודתכם, מומלץ ליצור עותק משלכם של מאגר זה. ניתן לעשות זאת על ידי לחיצה על כפתור **Use this template** בחלק העליון של העמוד. פעולה זו תיצור מאגר חדש בחשבון GitHub שלכם עם העותק של תוכנית הלימודים. -לתוכנית הלימודים הזו יש סביבת פיתוח מוכנה לשימוש! כשאתם מתחילים, תוכלו לבחור להריץ את התוכנית הלימודים ב-[Codespace](https://github.com/features/codespaces/) (_סביבה מבוססת דפדפן, ללא צורך בהתקנות_), או מקומית על המחשב שלכם באמצעות עורך טקסט כמו [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +עקבו אחר השלבים הבאים: +1. **בצעו פורק למאגר**: לחצו על כפתור "Fork" בפינה העליונה הימנית של העמוד הזה. +2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### יצירת המאגר שלכם -כדי לשמור את העבודה שלכם בקלות, מומלץ ליצור עותק משלכם של המאגר הזה. תוכלו לעשות זאת על ידי לחיצה על כפתור **Use this template** בראש העמוד. זה ייצור מאגר חדש בחשבון GitHub שלכם עם עותק של תוכנית הלימודים. +#### הרצת התוכנית ב-Codespace -עקבו אחר השלבים הבאים: -1. **עשו Fork למאגר**: לחצו על כפתור "Fork" בפינה הימנית העליונה של העמוד הזה. -2. **שכפלו את המאגר**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +בעותק שלכם של מאגר זה שיצרתם, לחצו על כפתור **Code** ובחרו **Open with Codespaces**. פעולה זו תיצור Codespace חדש עבור עבודה בו. -#### הרצת תוכנית הלימודים ב-Codespace +![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.he.png) -בעותק שלכם של המאגר שיצרתם, לחצו על כפתור **Code** ובחרו **Open with Codespaces**. זה ייצור Codespace חדש עבורכם לעבוד בו. +#### הרצת התוכנית מקומית במחשב -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.he.png) +כדי להריץ תוכנית לימודים זו במחשב שלכם, תזדקקו לעורך טקסט, דפדפן וכלי שורת פקודה. השיעור הראשון שלנו, [הקדמה לשפות תכנות וכלי סחר](../../1-getting-started-lessons/1-intro-to-programming-languages), ילווה אתכם באפשרויות שונות לכל אחד מהכלים הללו לבחירתכם. -#### הרצת תוכנית הלימודים מקומית על המחשב שלכם +ההמלצה שלנו היא להשתמש ב-[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) כעורך שלכם, שיש לו גם [טרמינל מובנה](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). ניתן להוריד את Visual Studio Code [כאן](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -כדי להריץ את תוכנית הלימודים מקומית על המחשב שלכם, תצטרכו עורך טקסט, דפדפן וכלי שורת פקודה. השיעור הראשון שלנו, [מבוא לשפות תכנות וכלי העבודה](../../1-getting-started-lessons/1-intro-to-programming-languages), ידריך אתכם דרך אפשרויות שונות לכלים אלו כדי שתוכלו לבחור את מה שמתאים לכם ביותר. +1. שכפלו את המאגר שלכם למחשב. ניתן לעשות זאת על ידי לחיצה על כפתור **Code** והעתקת ה-URL: -ההמלצה שלנו היא להשתמש ב-[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) כעורך שלכם, שיש לו גם [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) מובנה. תוכלו להוריד את Visual Studio Code [כאן](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). - -1. שכפלו את המאגר שלכם למחשב. תוכלו לעשות זאת על ידי לחיצה על כפתור **Code** והעתקת ה-URL: - - [CodeSpace](./images/createcodespace.png) - - לאחר מכן, פתחו [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) בתוך [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) והריצו את הפקודה הבאה, החליפו `` ב-URL שהעתקתם: + [CodeSpace](./images/createcodespace.png) +ואז, פתח את [טרמינל](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) בתוך [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) והריץ את הפקודה הבאה, תוך החלפת `` בכתובת ה-URL שעתקת זה עתה: ```bash git clone ``` - -2. פתחו את התיקייה ב-Visual Studio Code. תוכלו לעשות זאת על ידי לחיצה על **File** > **Open Folder** ובחירת התיקייה ששכפלתם. -> הרחבות מומלצות ל-Visual Studio Code: -> -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - כדי להציג דפי HTML בתוך Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - לעזור לכם לכתוב קוד מהר יותר +2. פתח את התיקיה ב-Visual Studio Code. ניתן לעשות זאת על ידי לחיצה על **קובץ** > **פתח תיקיה** ובחירת התיקיה ששכפלת זה עתה. + + +> הרחבות מומלצות ל-Visual Studio Code: +> +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - לתצוגה מקדימה של דפי HTML בתוך Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - לעזרה בכתיבת קוד מהירה יותר ## 📂 כל שיעור כולל: -- סקיצה אופציונלית -- סרטון משלים אופציונלי -- חידון חימום לפני השיעור +- סכמה אופטציונלית +- סרטון משלים אופטציונלי +- מבחן חימום לפני השיעור - שיעור כתוב -- עבור שיעורים מבוססי פרויקטים, מדריכים שלב אחר שלב כיצד לבנות את הפרויקט +- בשיעורים מבוססי פרויקטים, מדריכים שלב אחר שלב לבניית הפרויקט - בדיקות ידע - אתגר - קריאה משלימה - משימה -- [חידון לאחר השיעור](https://ff-quizzes.netlify.app/web/) +- [מבחן לאחר השיעור](https://ff-quizzes.netlify.app/web/) -> **הערה לגבי חידונים**: כל החידונים נמצאים בתיקיית Quiz-app, סה"כ 48 חידונים עם שלוש שאלות בכל אחד. הם זמינים [כאן](https://ff-quizzes.netlify.app/web/) וניתן להפעיל את אפליקציית החידונים באופן מקומי או לפרוס אותה ב-Azure; עקבו אחר ההוראות בתיקיית `quiz-app`. +> **הערה על מבחנים**: כל המבחנים נמצאים בתיקיית Quiz-app, הכוללת 48 מבחנים עם שלוש שאלות כל אחד. הם זמינים [כאן](https://ff-quizzes.netlify.app/web/) וניתן להריץ את אפליקציית המבחנים באופן מקומי או לפרוס ל-Azure; עקוב אחרי ההוראות בתיקיית `quiz-app`. ## 🗃️ שיעורים -| | שם הפרויקט | מושגים נלמדים | מטרות למידה | שיעור מקושר | מחבר | +| | שם הפרויקט | מושגים נלמדים | מטרות הלמידה | שיעור מקושר | מחבר | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | התחלה | מבוא לתכנות וכלי העבודה | למדו את היסודות מאחורי רוב שפות התכנות ואת התוכנות שעוזרות למפתחים מקצועיים לבצע את עבודתם | [מבוא לשפות תכנות וכלי העבודה](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | התחלה | יסודות GitHub, כולל עבודה בצוות | כיצד להשתמש ב-GitHub בפרויקט שלכם, כיצד לשתף פעולה עם אחרים על בסיס קוד | [מבוא ל-GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | התחלה | נגישות | למדו את היסודות של נגישות באינטרנט | [יסודות נגישות](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | יסודות JS | סוגי נתונים ב-JavaScript | היסודות של סוגי נתונים ב-JavaScript | [סוגי נתונים](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | יסודות JS | פונקציות ושיטות | למדו על פונקציות ושיטות לניהול זרימת הלוגיקה של אפליקציה | [פונקציות ושיטות](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | יסודות JS | קבלת החלטות עם JS | למדו כיצד ליצור תנאים בקוד שלכם באמצעות שיטות קבלת החלטות | [קבלת החלטות](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | יסודות JS | מערכים ולולאות | עבודה עם נתונים באמצעות מערכים ולולאות ב-JavaScript | [מערכים ולולאות](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [טרריום](./3-terrarium/solution/README.md) | HTML בפועל | בניית ה-HTML ליצירת טרריום מקוון, תוך התמקדות בבניית פריסה | [מבוא ל-HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [טרריום](./3-terrarium/solution/README.md) | CSS בפועל | בניית ה-CSS לעיצוב הטרריום המקוון, תוך התמקדות ביסודות CSS כולל הפיכת הדף לרספונסיבי | [מבוא ל-CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [טרריום](./3-terrarium/solution/README.md) | סגירות JavaScript, מניפולציה של DOM | בניית ה-JavaScript כדי לגרום לטרריום לתפקד כממשק גרירה/שחרור, תוך התמקדות בסגירות ובמניפולציה של DOM | [סגירות JavaScript, מניפולציה של DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [משחק הקלדה](./4-typing-game/solution/README.md) | בניית משחק הקלדה | למדו כיצד להשתמש באירועי מקלדת כדי להניע את הלוגיקה של אפליקציית ה-JavaScript שלכם | [תכנות מונחה אירועים](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | עבודה עם דפדפנים | למדו כיצד דפדפנים עובדים, ההיסטוריה שלהם, וכיצד לבנות את האלמנטים הראשונים של תוסף דפדפן | [על דפדפנים](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | בניית טופס, קריאה ל-API ואחסון משתנים באחסון מקומי | בניית אלמנטי JavaScript של תוסף הדפדפן שלכם כדי לקרוא ל-API באמצעות משתנים המאוחסנים באחסון מקומי | [APIs, טפסים ואחסון מקומי](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | תהליכים ברקע בדפדפן, ביצועי רשת | שימוש בתהליכים ברקע של הדפדפן לניהול אייקון התוסף; למדו על ביצועי רשת וכמה אופטימיזציות לשיפור | [משימות ברקע וביצועים](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [משחק חלל](./6-space-game/solution/README.md) | פיתוח משחק מתקדם יותר עם JavaScript | למדו על ירושה באמצעות גם מחלקות וגם קומפוזיציה ודפוס Pub/Sub, כהכנה לבניית משחק | [מבוא לפיתוח משחק מתקדם](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [משחק חלל](./6-space-game/solution/README.md) | ציור לקנבס | למדו על Canvas API, המשמש לציור אלמנטים למסך | [ציור לקנבס](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [משחק חלל](./6-space-game/solution/README.md) | הזזת אלמנטים על המסך | גלו כיצד אלמנטים יכולים לקבל תנועה באמצעות קואורדינטות קרטזיות ו-Canvas API | [הזזת אלמנטים](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [משחק חלל](./6-space-game/solution/README.md) | זיהוי התנגשות | גרמו לאלמנטים להתנגש ולהגיב זה לזה באמצעות לחיצות מקשים וספקו פונקציית קירור כדי להבטיח ביצועי משחק | [זיהוי התנגשות](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [משחק חלל](./6-space-game/solution/README.md) | שמירת ניקוד | ביצוע חישובים מתמטיים בהתבסס על מצב המשחק וביצועיו | [שמירת ניקוד](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [משחק חלל](./6-space-game/solution/README.md) | סיום והתחלה מחדש של המשחק | למדו על סיום והתחלה מחדש של המשחק, כולל ניקוי נכסים ואיפוס ערכי משתנים | [תנאי סיום](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | תבניות HTML ונתיבים באפליקציית רשת | למדו כיצד ליצור את המבנה של ארכיטקטורת אתר מרובה עמודים באמצעות נתיבים ותבניות HTML | [תבניות HTML ונתיבים](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | בניית טופס כניסה וטופס הרשמה | למדו על בניית טפסים וטיפול ברוטינות אימות | [טפסים](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | שיטות לאחזור ושימוש בנתונים | כיצד נתונים זורמים פנימה והחוצה מהאפליקציה שלכם, כיצד לאחזר אותם, לאחסן אותם ולהיפטר מהם | [נתונים](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | מושגים של ניהול מצב | למדו כיצד האפליקציה שלכם שומרת מצב וכיצד לנהל אותו באופן תכנותי | [ניהול מצב](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [קוד דפדפן/VScode](../../8-code-editor) | עבודה עם VScode | למדו כיצד להשתמש בעורך קוד| [שימוש בעורך קוד VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [עוזרי AI](./9-chat-project/README.md) | עבודה עם AI | למדו כיצד לבנות עוזר AI משלכם | [פרויקט עוזר AI](./9-chat-project/README.md) | Chris | +| 01 | התחלה | מבוא לתכנות וכלים מקצועיים | ללמוד את הבסיסים שמאחורי רוב שפות התכנות ואת התוכנה שמסייעת למפתחים מקצועיים בעבודתם | [מבוא לשפות תכנות וכלים מקצועיים](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | התחלה | יסודות GitHub, כולל עבודה בצוות | כיצד להשתמש ב-GitHub בפרויקט שלך, וכיצד לשתף פעולה עם אחרים על בסיס קוד | [מבוא ל-GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | התחלה | נגישות | ללמוד את יסודות הנגישות באינטרנט | [יסודות הנגישות](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | יסודות JS | סוגי נתונים ב-JavaScript | הבסיס לסוגי הנתונים ב-JavaScript | [סוגי נתונים](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | יסודות JS | פונקציות ושיטות | ללמוד על פונקציות ושיטות לניהול זרימת הלוגיקה של האפליקציה | [פונקציות ושיטות](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | יסודות JS | קבלת החלטות ב-JS | ללמוד כיצד ליצור תנאים בקוד שלך באמצעות שיטות קבלת החלטות | [קבלת החלטות](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | יסודות JS | מערכים ולולאות | לעבוד עם נתונים באמצעות מערכים ולולאות ב-JavaScript | [מערכים ולולאות](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [טרריום](./3-terrarium/solution/README.md) | HTML בפועל | לבנות את ה-HTML ליצירת טרריום מקוון, תוך התמקדות ביצירת פריסה | [מבוא ל-HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [טרריום](./3-terrarium/solution/README.md) | CSS בפועל | לבנות את ה-CSS לעיצוב הטרריום המקוון, תוך התמקדות ביסודות CSS כולל הפיכת הדף לרספונסיבי | [מבוא ל-CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [טרריום](./3-terrarium/solution/README.md) | סגירות ב-JavaScript, מניפולציית DOM | לבנות את ה-JavaScript להפיכת הטרריום לממשק גרירה/שחרור, תוך התמקדות בסגירות ומניפולציית DOM | [סגירות ב-JavaScript, מניפולציה ב-DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [משחק הקלדה](./4-typing-game/solution/README.md) | בניית משחק הקלדה | ללמוד כיצד להשתמש באירועי מקלדת להנעת לוגיקת אפליקציית ה-JavaScript שלך | [תכנות מונחה אירועים](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | עבודה עם דפדפנים | ללמוד כיצד דפדפנים פועלים, ההיסטוריה שלהם, וכיצד ליצור את האלמנטים הראשוניים בתוסף דפדפן | [על דפדפנים](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | בניית טופס, קריאה ל-API ואחסון משתנים בזיכרון מקומי | לבנות את אלמנטים של ה-JavaScript בתוסף הדפדפן שלך לקריאה ל-API באמצעות משתנים מאוחסנים בזיכרון המקומי | [API, טפסים ואחסון מקומי](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | תהליכים ברקע בדפדפן, ביצועי אינטרנט | להשתמש בתהליכים ברקע כדי לנהל את סמל התוסף; ללמוד על ביצועי אינטרנט וכמה אופטימיזציות לשיפור הביצועים | [משימות רקע וביצועים](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [משחק חלל](./6-space-game/solution/README.md) | פיתוח משחק מתקדם יותר ב-JavaScript | ללמוד על ירושה באמצעות מחלקות והרכבה ודפוס Pub/Sub, כהכנה לבניית משחק | [מבוא לפיתוח משחק מתקדם](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [משחק חלל](./6-space-game/solution/README.md) | ציור על קנבס | ללמוד על API של קנבס, המשמש לציור אלמנטים על המסך | [ציור על קנבס](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [משחק חלל](./6-space-game/solution/README.md) | הזזת אלמנטים על המסך | לגלות כיצד אלמנטים זוכים לתנועה באמצעות קואורדינטות קרטזיות ו-Canvas API | [הזזת אלמנטים](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [משחק חלל](./6-space-game/solution/README.md) | זיהוי התנגשויות | לאפשר לאלמנטים להתנגש ולהגיב זה לזה באמצעות לחיצות מקשים ולספק פונקציית קירור להבטחת ביצועי המשחק | [זיהוי התנגשויות](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [משחק חלל](./6-space-game/solution/README.md) | שמירת ניקוד | לבצע חישובים מתמטיים המבוססים על מצב וביצועי המשחק | [שמירת ניקוד](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [משחק חלל](./6-space-game/solution/README.md) | סיום והפעלה מחדש של המשחק | ללמוד על סיום והפעלה מחדש של המשחק, כולל ניקוי משאבים ואיפוס ערכים של משתנים | [תנאי סיום](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | תבניות HTML ונתיבים באפליקציית רשת | ללמוד כיצד ליצור את תשתית המבנה של אתר רב-דפים באמצעות ניתוב ותבניות HTML | [תבניות HTML ונתיבים](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | בניית טופס רישום והתחברות | ללמוד על בניית טפסים וטיפול בשגרות אימות | [טפסים](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | שיטות אחזור ושימוש בנתונים | כיצד הנתונים זורמים פנימה והחוצה מהאפליקציה שלך, כיצד לשלוף אותם, לאחסן ולמחוק | [נתונים](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [אפליקציית בנקאות](./7-bank-project/solution/README.md) | מושגי ניהול מצבים | ללמוד כיצד האפליקציה שומרת על מצב וכיצד לנהל אותו תכנותית | [ניהול מצב](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [עורך קוד/דפדפן](../../8-code-editor) | עבודה עם VScode | ללמוד כיצד להשתמש בעורך קוד| [שימוש בעורך קוד VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [עוזרי AI](./9-chat-project/README.md) | עבודה עם AI | ללמוד כיצד לבנות עוזר AI משלך | [פרויקט עוזר AI](./9-chat-project/README.md) | Chris | ## 🏫 פדגוגיה -תוכנית הלימודים שלנו עוצבה עם שני עקרונות פדגוגיים מרכזיים: +תוכנית הלימודים שלנו מעוצבת עם שני עקרונות פדגוגיים מרכזיים: * למידה מבוססת פרויקטים -* חידונים תכופים - -התוכנית מלמדת את יסודות JavaScript, HTML ו-CSS, כמו גם הכלים והטכניקות העדכניים ביותר בהם משתמשים מפתחי רשת כיום. התלמידים יקבלו הזדמנות לפתח ניסיון מעשי על ידי בניית משחק הקלדה, טרריום וירטואלי, תוסף דפדפן ידידותי לסביבה, משחק בסגנון פולש חלל ואפליקציית בנקאות לעסקים. בסוף הסדרה, התלמידים ירכשו הבנה מוצקה של פיתוח רשת. +* מבחנים תכופים -> 🎓 ניתן לקחת את השיעורים הראשונים בתוכנית הלימודים הזו כ-[מסלול למידה](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ב-Microsoft Learn! +התוכנית מלמדת את יסודות ה-JavaScript, HTML, ו-CSS, כמו גם את הכלים והטכניקות העדכניות ביותר בהם משתמשים מפתחי האינטרנט של היום. לתלמידים תהיה ההזדמנות לפתח ניסיון מעשי על ידי בניית משחק הקלדה, טרריום וירטואלי, תוסף דפדפן ידידותי לסביבה, משחק בסגנון מתפקד בפלישה לחלל, ואפליקציית בנקאות לעסקים. בסוף הסדרה, התלמידים ירכשו הבנה מוצקה של פיתוח אינטרנט. -על ידי הבטחת התאמת התוכן לפרויקטים, התהליך נעשה יותר מרתק עבור התלמידים ושימור המושגים יוגבר. בנוסף, כתבנו מספר שיעורי פתיחה ביסודות JavaScript כדי להציג מושגים, יחד עם סרטון מתוך אוסף "[סדרת מתחילים ל-JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" של מדריכי וידאו, שחלק מהכותבים שלהם תרמו לתוכנית הלימודים הזו. +> 🎓 ניתן לקחת את השיעורים הראשונים בתוכנית זו כ-[נתיב למידה](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ב-Microsoft Learn! -בנוסף, חידון בעל סיכון נמוך לפני השיעור מכוון את כוונת התלמיד ללמידת נושא, בעוד שחידון שני לאחר השיעור מבטיח שימור נוסף. תוכנית הלימודים הזו עוצבה להיות גמישה ומהנה וניתן לקחת אותה בשלמותה או בחלקים. הפרויקטים מתחילים קטנים והופכים מורכבים יותר בסוף מחזור של 12 שבועות. +על ידי התאמת התוכן לפרויקטים, התהליך הופך למרגש יותר עבור התלמידים וההטמעה של המושגים מתוגברת. כמו כן כתבנו מספר שיעורי התחלה ביסודות JavaScript להכיר את המושגים, בשילוב עם וידאו מסדרת "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", אוסף של הדרכות וידאו, שחלק מהמחברים בהם תרמו לתוכנית זו. -בעוד שבכוונה נמנענו מהצגת מסגרות JavaScript כדי להתמקד בכישורים הבסיסיים הנדרשים כמפתח רשת לפני אימוץ מסגרת, צעד טוב להשלמת תוכנית הלימודים הזו יהיה ללמוד על Node.js באמצעות אוסף נוסף של סרטונים: "[סדרת מתחילים ל-Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +בנוסף, מבחן בעל סיכון נמוך לפני השיעור קובע את הכוונה של התלמיד כלפי נושא הלמידה, בעוד מבחן שני אחרי השיעור מבטיח הטמעה נוספת. תוכנית הלימודים הזאת עוצבה להיות גמישה ומהנה וניתן לקחת אותה בשלמותה או בחלקה. הפרויקטים מתחילים קטנים ומתחברים להיות מורכבים יותר לקראת סוף מחזור של 12 שבועות. -> בקרו ב-[קוד ההתנהגות](CODE_OF_CONDUCT.md) וב-[הנחיות תרומה](CONTRIBUTING.md) שלנו. נשמח לקבל את המשוב הבונה שלכם! +בעוד שוויתרנו במכוון על חשיפת מסגרות JavaScript על מנת להתרכז בכישורים הבסיסיים הנדרשים כמפתח אינטרנט לפני אימוץ מסגרת, שלב טוב הבא לסיום תוכנית זו יהיה ללמוד על Node.js באמצעות אוסף וידאו נוסף: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> בקר ב[קוד ההתנהגות](CODE_OF_CONDUCT.md) וב[הנחיות לתרומה](CONTRIBUTING.md). נשמח למשוב בונה! ## 🧭 גישה לא מקוונת -ניתן להפעיל את התיעוד הזה באופן לא מקוון באמצעות [Docsify](https://docsify.js.org/#/). עשו Fork למאגר הזה, [התקינו את Docsify](https://docsify.js.org/#/quickstart) במחשב המקומי שלכם, ואז בתיקיית השורש של המאגר הזה, הקלידו `docsify serve`. האתר יוגש על פורט 3000 ב-localhost שלכם: `localhost:3000`. +ניתן להפעיל תיעוד זה במצב לא מקוון באמצעות [Docsify](https://docsify.js.org/#/). בצע Fork לריפוזיטורי זה, [התקן Docsify](https://docsify.js.org/#/quickstart) במחשב המקומי שלך, ואז בתיקיית השורש של הריפוזיטורי, הקלד `docsify serve`. האתר יופעל בפורט 3000 על ה-localhost שלך: `localhost:3000`. ## 📘 PDF -ניתן למצוא PDF של כל השיעורים [כאן](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +קובץ PDF של כל השיעורים ניתן למצוא [כאן](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 קורסים נוספים - -הצוות שלנו מייצר קורסים נוספים! בדקו: +## 🎒 קורסים אחרים +הצוות שלנו מייצר קורסים נוספים! עיינו ב: -### Azure / Edge / MCP / Agents -[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Edge AI למתחילים](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![MCP למתחילים](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) -[![סוכני AI למתחילים](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) +### LangChain +[![LangChain4j למתחילים](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) +[![LangChain.js למתחילים](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### סדרת AI גנרטיבי -[![AI גנרטיבי למתחילים](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![AI גנרטיבי (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) -[![AI גנרטיבי (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) -[![AI גנרטיבי (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) +### Azure / Edge / MCP / סוכנים +[![AZD למתחילים](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) +[![Edge AI למתחילים](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) +[![MCP למתחילים](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) +[![סוכני AI למתחילים](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) --- -### לימוד בסיסי -[![ML למתחילים](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) -[![מדעי הנתונים למתחילים](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) -[![AI למתחילים](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) -[![סייבר למתחילים](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) -[![פיתוח אתרים למתחילים](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) -[![IoT למתחילים](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) -[![פיתוח XR למתחילים](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) +### סדרת AI גנרטיבי +[![AI גנרטיבי למתחילים](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) +[![AI גנרטיבי (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) +[![AI גנרטיבי (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) +[![AI גנרטיבי (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) --- -### סדרת Copilot -[![Copilot לתכנות זוגי עם AI](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot ל-C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) -[![הרפתקאות Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) +### למידה מרכזית +[![ML למתחילים](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) +[![מדעי הנתונים למתחילים](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) +[![AI למתחילים](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) +[![אבטחת סייבר למתחילים](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) +[![פיתוח ווב למתחילים](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) +[![IoT למתחילים](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) +[![פיתוח XR למתחילים](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- -## קבלת עזרה +### סדרת Copilot +[![Copilot לתכנות בזוגות עם AI](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) +[![Copilot ל-C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) +[![הרפתקת Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) + + +## לקבלת עזרה -אם אתם נתקעים או יש לכם שאלות על בניית אפליקציות AI, הצטרפו ללומדים אחרים ולמפתחים מנוסים בדיונים על MCP. זו קהילה תומכת שבה שאלות מתקבלות בברכה וידע משותף בחופשיות. +אם אתם נתקלים בקשיים או יש לכם שאלות לגבי בניית אפליקציות AI, הצטרפו ללומדים אחרים ומפתחים מנוסים בדיונים על MCP. זו קהילה תומכת שבה שאלות מתקבלות בברכה והידע משותף בחופשיות. -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -אם יש לכם משוב על מוצרים או נתקלתם בשגיאות במהלך הבנייה, בקרו ב: +אם יש לכם משוב על המוצר או שגיאות בזמן הבנייה, בקרו ב: -[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) +[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) -## רישיון +## רישיון -מאגר זה מורשה תחת רישיון MIT. ראו את קובץ [LICENSE](../../LICENSE) למידע נוסף. +מאגר זה מורשה תחת רישיון MIT. ראו את הקובץ [LICENSE](../../LICENSE) לפרטים נוספים. --- -**כתב ויתור**: -מסמך זה תורגם באמצעות שירות תרגום AI [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי אנושי. איננו אחראים לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה. +**כתב ויתור אחריות**: +מסמך זה תורגם באמצעות שירות תרגום בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון כי תרגומים אוטומטיים עלולים להכיל שגיאות או אי-דיוקים. המסמך המקורי בשפת המקור מהווה את המקור הסמכותי. למידע קריטי מומלץ להיעזר בתרגום מקצועי על ידי אדם. איננו נושאים באחריות לכל אי-הבנה או פרשנות שגויה הנובעות משימוש בתרגום זה. \ No newline at end of file diff --git a/translations/he/for-teachers.md b/translations/he/for-teachers.md index be8c34b14..f89473fda 100644 --- a/translations/he/for-teachers.md +++ b/translations/he/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - ל-Moodle Cloud יש תמיכה מוגבלת ב-Common Cartridge. העדיפו את קובץ Moodle לעיל, שניתן גם להעלות ל-Canvas. - לאחר הייבוא, בדקו מודולים, תאריכי יעד והגדרות מבחנים כדי להתאים ללוח הזמנים של הסמסטר שלכם. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.he.png) +![Moodle](../../translated_images/moodle.94eb93d714a50cb2.he.png) > תוכנית הלימודים בכיתה של Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.he.png) +![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.he.png) > תוכנית הלימודים ב-Canvas ### שימוש במאגר ישירות (ללא Classroom) diff --git a/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 96240c416..fdf5bae08 100644 --- a/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Dengar, saya benar-benar mengerti jika pemrograman terasa menakutkan sekarang. K Hari ini, kita akan menjelajahi alat-alat luar biasa yang membuat pengembangan web modern tidak hanya mungkin, tetapi juga sangat adiktif. Saya berbicara tentang editor, browser, dan alur kerja yang sama persis yang digunakan pengembang di Netflix, Spotify, dan studio aplikasi indie favoritmu setiap hari. Dan ini bagian yang akan membuatmu ingin menari kegirangan: sebagian besar alat profesional kelas industri ini sepenuhnya gratis! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.id.png) +![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.id.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/id/1-getting-started-lessons/2-github-basics/README.md b/translations/id/1-getting-started-lessons/2-github-basics/README.md index 3b365dbf6..e138d97a4 100644 --- a/translations/id/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/id/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Saya tahu ini mungkin terasa banyak pada awalnya – saya ingat saat pertama kal Kita akan menjalani perjalanan ini bersama, langkah demi langkah. Tidak perlu terburu-buru, tidak ada tekanan – hanya Anda, saya, dan beberapa alat keren yang akan menjadi sahabat baru Anda! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.id.png) +![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.id.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -610,7 +610,7 @@ Pertama, mari kita temukan repositori (atau **repo**) di GitHub yang menarik bag ✅ Cara yang baik untuk menemukan repo 'ramah pemula' adalah dengan [mencari berdasarkan tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Salin repo secara lokal](../../../../translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.id.png) +![Salin repo secara lokal](../../../../translated_images/clone_repo.5085c48d666ead57.id.png) Ada beberapa cara untuk menyalin kode. Salah satunya adalah dengan "mengkloning" isi repositori, menggunakan HTTPS, SSH, atau menggunakan GitHub CLI (Command Line Interface). diff --git a/translations/id/1-getting-started-lessons/3-accessibility/README.md b/translations/id/1-getting-started-lessons/3-accessibility/README.md index 72374a7fb..36e39d895 100644 --- a/translations/id/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/id/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Membuat Halaman Web yang Dapat Diakses -![Semua Tentang Aksesibilitas](../../../../translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.id.png) +![Semua Tentang Aksesibilitas](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.id.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/id/2-js-basics/1-data-types/README.md b/translations/id/2-js-basics/1-data-types/README.md index 2f05b9160..80d84fb69 100644 --- a/translations/id/2-js-basics/1-data-types/README.md +++ b/translations/id/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Dasar-Dasar JavaScript: Tipe Data -![Dasar-Dasar JavaScript - Tipe Data](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.id.png) +![Dasar-Dasar JavaScript - Tipe Data](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.id.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/id/2-js-basics/2-functions-methods/README.md b/translations/id/2-js-basics/2-functions-methods/README.md index ea00fa2a7..d78dc79a4 100644 --- a/translations/id/2-js-basics/2-functions-methods/README.md +++ b/translations/id/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Dasar-Dasar JavaScript: Metode dan Fungsi -![Dasar-Dasar JavaScript - Fungsi](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.id.png) +![Dasar-Dasar JavaScript - Fungsi](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.id.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/id/2-js-basics/3-making-decisions/README.md b/translations/id/2-js-basics/3-making-decisions/README.md index 43715133c..80b1e3280 100644 --- a/translations/id/2-js-basics/3-making-decisions/README.md +++ b/translations/id/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Dasar-Dasar JavaScript: Membuat Keputusan -![Dasar-Dasar JavaScript - Membuat keputusan](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.id.png) +![Dasar-Dasar JavaScript - Membuat keputusan](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.id.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/id/2-js-basics/4-arrays-loops/README.md b/translations/id/2-js-basics/4-arrays-loops/README.md index 38f5dd13e..ebca2c51b 100644 --- a/translations/id/2-js-basics/4-arrays-loops/README.md +++ b/translations/id/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Dasar-Dasar JavaScript: Array dan Loop -![Dasar-Dasar JavaScript - Array](../../../../translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.id.png) +![Dasar-Dasar JavaScript - Array](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.id.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid