From da161c96d3b4f29781d3ee8b3028cb7da9d72b8c Mon Sep 17 00:00:00 2001 From: "localizeflow[bot]" Date: Thu, 29 Jan 2026 17:32:54 +0000 Subject: [PATCH] chore(i18n): sync translations with latest source changes (chunk 1/1, 464 changes) --- README.md | 2 +- .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 10 +- .../br/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 +- .../br/2-js-basics/4-arrays-loops/README.md | 2 +- .../br/3-terrarium/1-intro-to-html/README.md | 32 +- .../br/3-terrarium/2-intro-to-css/README.md | 8 +- .../3-intro-to-DOM-and-closures/README.md | 8 +- .../br/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 +- translations/br/5-browser-extension/README.md | 2 +- .../br/5-browser-extension/solution/README.md | 4 +- .../solution/translation/README.es.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 +- .../br/5-browser-extension/start/README.md | 4 +- .../2-drawing-to-canvas/README.md | 8 +- .../br/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../br/7-bank-project/2-forms/README.md | 10 +- .../br/7-bank-project/3-data/README.md | 8 +- .../4-state-management/README.md | 4 +- .../4-state-management/assignment.md | 2 +- translations/br/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 16 +- .../1-using-a-code-editor/assignment.md | 6 +- translations/br/9-chat-project/README.md | 10 +- translations/br/README.md | 6 +- translations/br/for-teachers.md | 4 +- translations/de/.co-op-translator.json | 584 ++++++++++++++++++ .../README.md | 9 - .../assignment.md | 9 - .../2-github-basics/README.md | 9 - .../3-accessibility/README.md | 9 - .../3-accessibility/assignment.md | 9 - .../de/1-getting-started-lessons/README.md | 9 - .../de/10-ai-framework-project/README.md | 9 - .../de/2-js-basics/1-data-types/README.md | 9 - .../de/2-js-basics/1-data-types/assignment.md | 9 - .../2-js-basics/2-functions-methods/README.md | 9 - .../2-functions-methods/assignment.md | 9 - .../2-js-basics/3-making-decisions/README.md | 9 - .../3-making-decisions/assignment.md | 9 - .../de/2-js-basics/4-arrays-loops/README.md | 9 - .../2-js-basics/4-arrays-loops/assignment.md | 9 - translations/de/2-js-basics/README.md | 9 - .../de/3-terrarium/1-intro-to-html/README.md | 9 - .../3-terrarium/1-intro-to-html/assignment.md | 9 - .../de/3-terrarium/2-intro-to-css/README.md | 9 - .../3-terrarium/2-intro-to-css/assignment.md | 9 - .../3-intro-to-DOM-and-closures/README.md | 9 - .../3-intro-to-DOM-and-closures/assignment.md | 9 - translations/de/3-terrarium/README.md | 9 - .../de/3-terrarium/solution/README.md | 9 - translations/de/4-typing-game/README.md | 9 - .../de/4-typing-game/solution/README.md | 9 - .../de/4-typing-game/typing-game/README.md | 9 - .../4-typing-game/typing-game/assignment.md | 9 - .../1-about-browsers/README.md | 9 - .../1-about-browsers/assignment.md | 9 - .../2-forms-browsers-local-storage/README.md | 9 - .../assignment.md | 9 - .../README.md | 9 - .../assignment.md | 9 - translations/de/5-browser-extension/README.md | 9 - .../de/5-browser-extension/solution/README.md | 9 - .../solution/translation/README.es.md | 9 - .../solution/translation/README.fr.md | 9 - .../solution/translation/README.hi.md | 9 - .../solution/translation/README.it.md | 9 - .../solution/translation/README.ja.md | 9 - .../solution/translation/README.ms.md | 9 - .../de/5-browser-extension/start/README.md | 9 - .../de/6-space-game/1-introduction/README.md | 9 - .../6-space-game/1-introduction/assignment.md | 9 - .../2-drawing-to-canvas/README.md | 9 - .../2-drawing-to-canvas/assignment.md | 9 - .../3-moving-elements-around/README.md | 9 - .../3-moving-elements-around/assignment.md | 9 - .../4-collision-detection/README.md | 9 - .../4-collision-detection/assignment.md | 9 - .../4-collision-detection/solution/README.md | 9 - .../4-collision-detection/your-work/README.md | 9 - .../de/6-space-game/5-keeping-score/README.md | 9 - .../5-keeping-score/assignment.md | 9 - .../5-keeping-score/solution/README.md | 9 - .../5-keeping-score/your-work/README.md | 9 - .../de/6-space-game/6-end-condition/README.md | 9 - .../6-end-condition/assignment.md | 9 - .../6-end-condition/solution/README.md | 9 - .../6-end-condition/your-work/README.md | 9 - translations/de/6-space-game/README.md | 9 - .../de/6-space-game/solution/README.md | 9 - .../7-bank-project/1-template-route/README.md | 9 - .../1-template-route/assignment.md | 9 - .../de/7-bank-project/2-forms/README.md | 9 - .../de/7-bank-project/2-forms/assignment.md | 9 - .../de/7-bank-project/3-data/README.md | 9 - .../de/7-bank-project/3-data/assignment.md | 9 - .../4-state-management/README.md | 9 - .../4-state-management/assignment.md | 9 - translations/de/7-bank-project/README.md | 9 - translations/de/7-bank-project/api/README.md | 9 - .../de/7-bank-project/solution/README.md | 9 - .../1-using-a-code-editor/README.md | 9 - .../1-using-a-code-editor/assignment.md | 9 - translations/de/9-chat-project/README.md | 9 - .../de/9-chat-project/solution/README.md | 9 - .../9-chat-project/solution/backend/README.md | 9 - .../solution/backend/python/README.md | 9 - .../solution/frontend/README.md | 9 - translations/de/AGENTS.md | 9 - translations/de/CODE_OF_CONDUCT.md | 9 - translations/de/CONTRIBUTING.md | 9 - translations/de/Git-Basics/README.md | 9 - translations/de/README.md | 218 ++++--- translations/de/SECURITY.md | 9 - translations/de/SUPPORT.md | 9 - translations/de/_404.md | 9 - translations/de/docs/_navbar.md | 9 - translations/de/docs/_sidebar.md | 9 - translations/de/for-teachers.md | 9 - translations/de/lesson-template/README.md | 9 - translations/de/lesson-template/assignment.md | 9 - translations/de/memory-game/README.md | 9 - translations/de/quiz-app/README.md | 9 - translations/es/.co-op-translator.json | 584 ++++++++++++++++++ .../README.md | 9 - .../assignment.md | 9 - .../2-github-basics/README.md | 9 - .../3-accessibility/README.md | 9 - .../3-accessibility/assignment.md | 9 - .../es/1-getting-started-lessons/README.md | 9 - .../es/10-ai-framework-project/README.md | 9 - .../es/2-js-basics/1-data-types/README.md | 9 - .../es/2-js-basics/1-data-types/assignment.md | 9 - .../2-js-basics/2-functions-methods/README.md | 9 - .../2-functions-methods/assignment.md | 9 - .../2-js-basics/3-making-decisions/README.md | 9 - .../3-making-decisions/assignment.md | 9 - .../es/2-js-basics/4-arrays-loops/README.md | 9 - .../2-js-basics/4-arrays-loops/assignment.md | 9 - translations/es/2-js-basics/README.md | 9 - .../es/3-terrarium/1-intro-to-html/README.md | 9 - .../3-terrarium/1-intro-to-html/assignment.md | 9 - .../es/3-terrarium/2-intro-to-css/README.md | 9 - .../3-terrarium/2-intro-to-css/assignment.md | 9 - .../3-intro-to-DOM-and-closures/README.md | 9 - .../3-intro-to-DOM-and-closures/assignment.md | 9 - translations/es/3-terrarium/README.md | 9 - .../es/3-terrarium/solution/README.md | 9 - translations/es/4-typing-game/README.md | 9 - .../es/4-typing-game/solution/README.md | 9 - .../es/4-typing-game/typing-game/README.md | 9 - .../4-typing-game/typing-game/assignment.md | 9 - .../1-about-browsers/README.md | 9 - .../1-about-browsers/assignment.md | 9 - .../2-forms-browsers-local-storage/README.md | 9 - .../assignment.md | 9 - .../README.md | 9 - .../assignment.md | 9 - translations/es/5-browser-extension/README.md | 9 - .../es/5-browser-extension/solution/README.md | 9 - .../solution/translation/README.es.md | 9 - .../solution/translation/README.fr.md | 9 - .../solution/translation/README.hi.md | 9 - .../solution/translation/README.it.md | 9 - .../solution/translation/README.ja.md | 9 - .../solution/translation/README.ms.md | 9 - .../es/5-browser-extension/start/README.md | 9 - .../es/6-space-game/1-introduction/README.md | 9 - .../6-space-game/1-introduction/assignment.md | 9 - .../2-drawing-to-canvas/README.md | 9 - .../2-drawing-to-canvas/assignment.md | 9 - .../3-moving-elements-around/README.md | 9 - .../3-moving-elements-around/assignment.md | 9 - .../4-collision-detection/README.md | 9 - .../4-collision-detection/assignment.md | 9 - .../4-collision-detection/solution/README.md | 9 - .../4-collision-detection/your-work/README.md | 9 - .../es/6-space-game/5-keeping-score/README.md | 9 - .../5-keeping-score/assignment.md | 9 - .../5-keeping-score/solution/README.md | 9 - .../5-keeping-score/your-work/README.md | 9 - .../es/6-space-game/6-end-condition/README.md | 9 - .../6-end-condition/assignment.md | 9 - .../6-end-condition/solution/README.md | 9 - .../6-end-condition/your-work/README.md | 9 - translations/es/6-space-game/README.md | 9 - .../es/6-space-game/solution/README.md | 9 - .../7-bank-project/1-template-route/README.md | 9 - .../1-template-route/assignment.md | 9 - .../es/7-bank-project/2-forms/README.md | 9 - .../es/7-bank-project/2-forms/assignment.md | 9 - .../es/7-bank-project/3-data/README.md | 9 - .../es/7-bank-project/3-data/assignment.md | 9 - .../4-state-management/README.md | 9 - .../4-state-management/assignment.md | 9 - translations/es/7-bank-project/README.md | 9 - translations/es/7-bank-project/api/README.md | 9 - .../es/7-bank-project/solution/README.md | 9 - .../1-using-a-code-editor/README.md | 9 - .../1-using-a-code-editor/assignment.md | 9 - translations/es/9-chat-project/README.md | 9 - .../es/9-chat-project/solution/README.md | 9 - .../9-chat-project/solution/backend/README.md | 9 - .../solution/backend/python/README.md | 9 - .../solution/frontend/README.md | 9 - translations/es/AGENTS.md | 9 - translations/es/CODE_OF_CONDUCT.md | 9 - translations/es/CONTRIBUTING.md | 9 - translations/es/Git-Basics/README.md | 9 - translations/es/README.md | 194 +++--- translations/es/SECURITY.md | 9 - translations/es/SUPPORT.md | 9 - translations/es/_404.md | 9 - translations/es/docs/_navbar.md | 9 - translations/es/docs/_sidebar.md | 9 - translations/es/for-teachers.md | 9 - translations/es/lesson-template/README.md | 9 - translations/es/lesson-template/assignment.md | 9 - translations/es/memory-game/README.md | 9 - translations/es/quiz-app/README.md | 9 - translations/fr/.co-op-translator.json | 584 ++++++++++++++++++ .../README.md | 9 - .../assignment.md | 9 - .../2-github-basics/README.md | 9 - .../3-accessibility/README.md | 9 - .../3-accessibility/assignment.md | 9 - .../fr/1-getting-started-lessons/README.md | 9 - .../fr/10-ai-framework-project/README.md | 9 - .../fr/2-js-basics/1-data-types/README.md | 9 - .../fr/2-js-basics/1-data-types/assignment.md | 9 - .../2-js-basics/2-functions-methods/README.md | 9 - .../2-functions-methods/assignment.md | 9 - .../2-js-basics/3-making-decisions/README.md | 9 - .../3-making-decisions/assignment.md | 9 - .../fr/2-js-basics/4-arrays-loops/README.md | 9 - .../2-js-basics/4-arrays-loops/assignment.md | 9 - translations/fr/2-js-basics/README.md | 9 - .../fr/3-terrarium/1-intro-to-html/README.md | 9 - .../3-terrarium/1-intro-to-html/assignment.md | 9 - .../fr/3-terrarium/2-intro-to-css/README.md | 9 - .../3-terrarium/2-intro-to-css/assignment.md | 9 - .../3-intro-to-DOM-and-closures/README.md | 9 - .../3-intro-to-DOM-and-closures/assignment.md | 9 - translations/fr/3-terrarium/README.md | 9 - .../fr/3-terrarium/solution/README.md | 9 - translations/fr/4-typing-game/README.md | 9 - .../fr/4-typing-game/solution/README.md | 9 - .../fr/4-typing-game/typing-game/README.md | 9 - .../4-typing-game/typing-game/assignment.md | 9 - .../1-about-browsers/README.md | 9 - .../1-about-browsers/assignment.md | 9 - .../2-forms-browsers-local-storage/README.md | 9 - .../assignment.md | 9 - .../README.md | 9 - .../assignment.md | 9 - translations/fr/5-browser-extension/README.md | 9 - .../fr/5-browser-extension/solution/README.md | 9 - .../solution/translation/README.es.md | 9 - .../solution/translation/README.fr.md | 9 - .../solution/translation/README.hi.md | 9 - .../solution/translation/README.it.md | 9 - .../solution/translation/README.ja.md | 9 - .../solution/translation/README.ms.md | 9 - .../fr/5-browser-extension/start/README.md | 9 - .../fr/6-space-game/1-introduction/README.md | 9 - .../6-space-game/1-introduction/assignment.md | 9 - .../2-drawing-to-canvas/README.md | 9 - .../2-drawing-to-canvas/assignment.md | 9 - .../3-moving-elements-around/README.md | 9 - .../3-moving-elements-around/assignment.md | 9 - .../4-collision-detection/README.md | 9 - .../4-collision-detection/assignment.md | 9 - .../4-collision-detection/solution/README.md | 9 - .../4-collision-detection/your-work/README.md | 9 - .../fr/6-space-game/5-keeping-score/README.md | 9 - .../5-keeping-score/assignment.md | 9 - .../5-keeping-score/solution/README.md | 9 - .../5-keeping-score/your-work/README.md | 9 - .../fr/6-space-game/6-end-condition/README.md | 9 - .../6-end-condition/assignment.md | 9 - .../6-end-condition/solution/README.md | 9 - .../6-end-condition/your-work/README.md | 9 - translations/fr/6-space-game/README.md | 9 - .../fr/6-space-game/solution/README.md | 9 - .../7-bank-project/1-template-route/README.md | 9 - .../1-template-route/assignment.md | 9 - .../fr/7-bank-project/2-forms/README.md | 9 - .../fr/7-bank-project/2-forms/assignment.md | 9 - .../fr/7-bank-project/3-data/README.md | 9 - .../fr/7-bank-project/3-data/assignment.md | 9 - .../4-state-management/README.md | 9 - .../4-state-management/assignment.md | 9 - translations/fr/7-bank-project/README.md | 9 - translations/fr/7-bank-project/api/README.md | 9 - .../fr/7-bank-project/solution/README.md | 9 - .../1-using-a-code-editor/README.md | 9 - .../1-using-a-code-editor/assignment.md | 9 - translations/fr/9-chat-project/README.md | 9 - .../fr/9-chat-project/solution/README.md | 9 - .../9-chat-project/solution/backend/README.md | 9 - .../solution/backend/python/README.md | 9 - .../solution/frontend/README.md | 9 - translations/fr/AGENTS.md | 9 - translations/fr/CODE_OF_CONDUCT.md | 9 - translations/fr/CONTRIBUTING.md | 9 - translations/fr/Git-Basics/README.md | 9 - translations/fr/README.md | 227 ++++--- translations/fr/SECURITY.md | 9 - translations/fr/SUPPORT.md | 9 - translations/fr/_404.md | 9 - translations/fr/docs/_navbar.md | 9 - translations/fr/docs/_sidebar.md | 9 - translations/fr/for-teachers.md | 9 - translations/fr/lesson-template/README.md | 9 - translations/fr/lesson-template/assignment.md | 9 - translations/fr/memory-game/README.md | 9 - translations/fr/quiz-app/README.md | 9 - .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 10 +- .../hk/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 +- .../hk/2-js-basics/4-arrays-loops/README.md | 2 +- .../hk/3-terrarium/1-intro-to-html/README.md | 32 +- .../hk/3-terrarium/2-intro-to-css/README.md | 8 +- .../3-intro-to-DOM-and-closures/README.md | 8 +- .../1-about-browsers/README.md | 10 +- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 +- .../2-drawing-to-canvas/README.md | 8 +- .../hk/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../hk/7-bank-project/2-forms/README.md | 10 +- .../hk/7-bank-project/3-data/README.md | 8 +- .../4-state-management/README.md | 4 +- .../4-state-management/assignment.md | 2 +- .../1-using-a-code-editor/README.md | 16 +- .../1-using-a-code-editor/assignment.md | 6 +- translations/hk/9-chat-project/README.md | 10 +- translations/hk/README.md | 6 +- translations/hk/for-teachers.md | 4 +- .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 10 +- .../mo/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 +- .../mo/2-js-basics/4-arrays-loops/README.md | 2 +- .../mo/3-terrarium/1-intro-to-html/README.md | 32 +- .../mo/3-terrarium/2-intro-to-css/README.md | 8 +- .../3-intro-to-DOM-and-closures/README.md | 8 +- .../mo/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 +- translations/mo/5-browser-extension/README.md | 2 +- .../mo/5-browser-extension/solution/README.md | 4 +- .../solution/translation/README.es.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 +- .../mo/5-browser-extension/start/README.md | 4 +- .../2-drawing-to-canvas/README.md | 8 +- .../mo/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../mo/7-bank-project/2-forms/README.md | 10 +- .../mo/7-bank-project/3-data/README.md | 8 +- .../4-state-management/README.md | 4 +- .../4-state-management/assignment.md | 2 +- translations/mo/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 16 +- .../1-using-a-code-editor/assignment.md | 6 +- translations/mo/9-chat-project/README.md | 10 +- translations/mo/README.md | 6 +- translations/mo/for-teachers.md | 4 +- .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 10 +- .../pt/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 +- .../pt/2-js-basics/4-arrays-loops/README.md | 2 +- .../pt/3-terrarium/1-intro-to-html/README.md | 32 +- .../pt/3-terrarium/2-intro-to-css/README.md | 8 +- .../3-intro-to-DOM-and-closures/README.md | 8 +- .../1-about-browsers/README.md | 10 +- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 +- .../2-drawing-to-canvas/README.md | 8 +- .../pt/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../pt/7-bank-project/2-forms/README.md | 10 +- .../pt/7-bank-project/3-data/README.md | 8 +- .../4-state-management/README.md | 4 +- .../4-state-management/assignment.md | 2 +- .../1-using-a-code-editor/README.md | 16 +- .../1-using-a-code-editor/assignment.md | 6 +- translations/pt/9-chat-project/README.md | 10 +- translations/pt/README.md | 6 +- translations/pt/for-teachers.md | 4 +- .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 10 +- .../tw/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 +- .../tw/2-js-basics/4-arrays-loops/README.md | 2 +- .../tw/3-terrarium/1-intro-to-html/README.md | 32 +- .../tw/3-terrarium/2-intro-to-css/README.md | 8 +- .../3-intro-to-DOM-and-closures/README.md | 8 +- .../1-about-browsers/README.md | 10 +- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 +- .../2-drawing-to-canvas/README.md | 8 +- .../tw/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../tw/7-bank-project/2-forms/README.md | 10 +- .../tw/7-bank-project/3-data/README.md | 8 +- .../4-state-management/README.md | 4 +- .../4-state-management/assignment.md | 2 +- .../1-using-a-code-editor/README.md | 16 +- .../1-using-a-code-editor/assignment.md | 6 +- translations/tw/9-chat-project/README.md | 10 +- translations/tw/README.md | 6 +- translations/tw/for-teachers.md | 4 +- .../README.md | 2 +- .../2-github-basics/README.md | 4 +- .../3-accessibility/README.md | 10 +- .../zh/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 +- .../zh/2-js-basics/4-arrays-loops/README.md | 2 +- .../zh/3-terrarium/1-intro-to-html/README.md | 32 +- .../zh/3-terrarium/2-intro-to-css/README.md | 8 +- .../3-intro-to-DOM-and-closures/README.md | 8 +- .../1-about-browsers/README.md | 10 +- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 +- .../2-drawing-to-canvas/README.md | 8 +- .../zh/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../zh/7-bank-project/2-forms/README.md | 10 +- .../zh/7-bank-project/3-data/README.md | 8 +- .../4-state-management/README.md | 4 +- .../4-state-management/assignment.md | 2 +- .../1-using-a-code-editor/README.md | 16 +- .../1-using-a-code-editor/assignment.md | 6 +- translations/zh/9-chat-project/README.md | 10 +- translations/zh/README.md | 6 +- translations/zh/for-teachers.md | 4 +- 464 files changed, 2598 insertions(+), 3444 deletions(-) create mode 100644 translations/de/.co-op-translator.json create mode 100644 translations/es/.co-op-translator.json create mode 100644 translations/fr/.co-op-translator.json diff --git a/README.md b/README.md index f65c8be5b..1a1ba49e6 100644 --- a/README.md +++ b/README.md @@ -28,7 +28,7 @@ Follow these steps to get started using these resources: #### Supported via GitHub Action (Automated & Always Up-to-Date) -[Arabic](./translations/ar/README.md) | [Bengali](./translations/bn/README.md) | [Bulgarian](./translations/bg/README.md) | [Burmese (Myanmar)](./translations/my/README.md) | [Chinese (Simplified)](./translations/zh/README.md) | [Chinese (Traditional, Hong Kong)](./translations/hk/README.md) | [Chinese (Traditional, Macau)](./translations/mo/README.md) | [Chinese (Traditional, Taiwan)](./translations/tw/README.md) | [Croatian](./translations/hr/README.md) | [Czech](./translations/cs/README.md) | [Danish](./translations/da/README.md) | [Dutch](./translations/nl/README.md) | [Estonian](./translations/et/README.md) | [Finnish](./translations/fi/README.md) | [French](./translations/fr/README.md) | [German](./translations/de/README.md) | [Greek](./translations/el/README.md) | [Hebrew](./translations/he/README.md) | [Hindi](./translations/hi/README.md) | [Hungarian](./translations/hu/README.md) | [Indonesian](./translations/id/README.md) | [Italian](./translations/it/README.md) | [Japanese](./translations/ja/README.md) | [Kannada](./translations/kn/README.md) | [Korean](./translations/ko/README.md) | [Lithuanian](./translations/lt/README.md) | [Malay](./translations/ms/README.md) | [Malayalam](./translations/ml/README.md) | [Marathi](./translations/mr/README.md) | [Nepali](./translations/ne/README.md) | [Nigerian Pidgin](./translations/pcm/README.md) | [Norwegian](./translations/no/README.md) | [Persian (Farsi)](./translations/fa/README.md) | [Polish](./translations/pl/README.md) | [Portuguese (Brazil)](./translations/br/README.md) | [Portuguese (Portugal)](./translations/pt/README.md) | [Punjabi (Gurmukhi)](./translations/pa/README.md) | [Romanian](./translations/ro/README.md) | [Russian](./translations/ru/README.md) | [Serbian (Cyrillic)](./translations/sr/README.md) | [Slovak](./translations/sk/README.md) | [Slovenian](./translations/sl/README.md) | [Spanish](./translations/es/README.md) | [Swahili](./translations/sw/README.md) | [Swedish](./translations/sv/README.md) | [Tagalog (Filipino)](./translations/tl/README.md) | [Tamil](./translations/ta/README.md) | [Telugu](./translations/te/README.md) | [Thai](./translations/th/README.md) | [Turkish](./translations/tr/README.md) | [Ukrainian](./translations/uk/README.md) | [Urdu](./translations/ur/README.md) | [Vietnamese](./translations/vi/README.md) +[Arabic](./translations/ar/README.md) | [Bengali](./translations/bn/README.md) | [Bulgarian](./translations/bg/README.md) | [Burmese (Myanmar)](./translations/my/README.md) | [Chinese (Simplified)](./translations/zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](./translations/zh-HK/README.md) | [Chinese (Traditional, Macau)](./translations/zh-MO/README.md) | [Chinese (Traditional, Taiwan)](./translations/zh-TW/README.md) | [Croatian](./translations/hr/README.md) | [Czech](./translations/cs/README.md) | [Danish](./translations/da/README.md) | [Dutch](./translations/nl/README.md) | [Estonian](./translations/et/README.md) | [Finnish](./translations/fi/README.md) | [French](./translations/fr/README.md) | [German](./translations/de/README.md) | [Greek](./translations/el/README.md) | [Hebrew](./translations/he/README.md) | [Hindi](./translations/hi/README.md) | [Hungarian](./translations/hu/README.md) | [Indonesian](./translations/id/README.md) | [Italian](./translations/it/README.md) | [Japanese](./translations/ja/README.md) | [Kannada](./translations/kn/README.md) | [Korean](./translations/ko/README.md) | [Lithuanian](./translations/lt/README.md) | [Malay](./translations/ms/README.md) | [Malayalam](./translations/ml/README.md) | [Marathi](./translations/mr/README.md) | [Nepali](./translations/ne/README.md) | [Nigerian Pidgin](./translations/pcm/README.md) | [Norwegian](./translations/no/README.md) | [Persian (Farsi)](./translations/fa/README.md) | [Polish](./translations/pl/README.md) | [Portuguese (Brazil)](./translations/pt-BR/README.md) | [Portuguese (Portugal)](./translations/pt-PT/README.md) | [Punjabi (Gurmukhi)](./translations/pa/README.md) | [Romanian](./translations/ro/README.md) | [Russian](./translations/ru/README.md) | [Serbian (Cyrillic)](./translations/sr/README.md) | [Slovak](./translations/sk/README.md) | [Slovenian](./translations/sl/README.md) | [Spanish](./translations/es/README.md) | [Swahili](./translations/sw/README.md) | [Swedish](./translations/sv/README.md) | [Tagalog (Filipino)](./translations/tl/README.md) | [Tamil](./translations/ta/README.md) | [Telugu](./translations/te/README.md) | [Thai](./translations/th/README.md) | [Turkish](./translations/tr/README.md) | [Ukrainian](./translations/uk/README.md) | [Urdu](./translations/ur/README.md) | [Vietnamese](./translations/vi/README.md) > **Prefer to Clone Locally?** diff --git a/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 5de02137e..109a8ebf6 100644 --- a/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Olha, eu entendo totalmente se programar parece intimidante agora. Quando comece Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não apenas possível, mas seriamente viciante. Estou falando dos mesmos editores, navegadores e fluxos de trabalho que os desenvolvedores da Netflix, Spotify e do seu estúdio indie favorito usam todos os dias. E aqui está a parte que vai te fazer dançar de felicidade: a maioria dessas ferramentas profissionais e padrão da indústria são completamente gratuitas! -![Introdução à Programação](../../../../translated_images/br/webdev101-programming.d6e3f98e61ac4bff.webp) +![Introdução à Programação](../../../../translated_images/pt-BR/webdev101-programming.d6e3f98e61ac4bff.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/1-getting-started-lessons/2-github-basics/README.md b/translations/br/1-getting-started-lessons/2-github-basics/README.md index fe85c8434..4afccae07 100644 --- a/translations/br/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/br/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Eu sei que isso pode parecer muito no começo – eu mesmo lembro de olhar para Vamos embarcar nessa jornada juntos, passo a passo. Sem pressa, sem pressão – apenas você, eu e algumas ferramentas muito legais que estão prestes a se tornar suas melhores amigas! -![Introdução ao GitHub](../../../../translated_images/br/webdev101-github.8846d7971abef6f9.webp) +![Introdução ao GitHub](../../../../translated_images/pt-BR/webdev101-github.8846d7971abef6f9.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,7 @@ Primeiro, vamos encontrar um repositório (ou **repo**) no GitHub que seja do se ✅ Uma boa maneira de encontrar repositórios 'amigáveis para iniciantes' é [buscar pela tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Copiar um repositório localmente](../../../../translated_images/br/clone_repo.5085c48d666ead57.webp) +![Copiar um repositório localmente](../../../../translated_images/pt-BR/clone_repo.5085c48d666ead57.webp) Existem várias maneiras de copiar código. Uma delas é "clonar" o conteúdo do repositório, usando HTTPS, SSH ou o GitHub CLI (Interface de Linha de Comando). diff --git a/translations/br/1-getting-started-lessons/3-accessibility/README.md b/translations/br/1-getting-started-lessons/3-accessibility/README.md index 98d552353..d2ef5eed8 100644 --- a/translations/br/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/br/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Criando Páginas Web Acessíveis -![Tudo Sobre Acessibilidade](../../../../translated_images/br/webdev101-a11y.8ef3025c858d897a.webp) +![Tudo Sobre Acessibilidade](../../../../translated_images/pt-BR/webdev101-a11y.8ef3025c858d897a.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1060,12 +1060,12 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você **Imagens informativas** - transmitem informações importantes: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Imagens decorativas** - puramente visuais, sem valor informativo: ```html - + ``` **Imagens funcionais** - servem como botões ou controles: @@ -1077,7 +1077,7 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você **Imagens complexas** - gráficos, diagramas, infográficos: ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1117,7 +1117,7 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/br/2-js-basics/1-data-types/README.md b/translations/br/2-js-basics/1-data-types/README.md index 7e0d88218..12a27a2d3 100644 --- a/translations/br/2-js-basics/1-data-types/README.md +++ b/translations/br/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Noções Básicas de JavaScript: Tipos de Dados -![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/br/webdev101-js-datatypes.4cc470179730702c.webp) +![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/pt-BR/webdev101-js-datatypes.4cc470179730702c.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/2-js-basics/2-functions-methods/README.md b/translations/br/2-js-basics/2-functions-methods/README.md index 411535b93..ac32d59ca 100644 --- a/translations/br/2-js-basics/2-functions-methods/README.md +++ b/translations/br/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Noções Básicas de JavaScript: Métodos e Funções -![Noções Básicas de JavaScript - Funções](../../../../translated_images/br/webdev101-js-functions.be049c4726e94f8b.webp) +![Noções Básicas de JavaScript - Funções](../../../../translated_images/pt-BR/webdev101-js-functions.be049c4726e94f8b.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/2-js-basics/3-making-decisions/README.md b/translations/br/2-js-basics/3-making-decisions/README.md index a7c72bda1..a5840d3b4 100644 --- a/translations/br/2-js-basics/3-making-decisions/README.md +++ b/translations/br/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Fundamentos de JavaScript: Tomando Decisões -![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/br/webdev101-js-decisions.69e1b20f272dd1f0.webp) +![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/pt-BR/webdev101-js-decisions.69e1b20f272dd1f0.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/br/2-js-basics/4-arrays-loops/README.md b/translations/br/2-js-basics/4-arrays-loops/README.md index 6185a141c..298ba59d6 100644 --- a/translations/br/2-js-basics/4-arrays-loops/README.md +++ b/translations/br/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Noções Básicas de JavaScript: Arrays e Loops -![Noções Básicas de JavaScript - Arrays](../../../../translated_images/br/webdev101-js-arrays.439d7528b8a29455.webp) +![Noções Básicas de JavaScript - Arrays](../../../../translated_images/pt-BR/webdev101-js-arrays.439d7528b8a29455.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/3-terrarium/1-intro-to-html/README.md b/translations/br/3-terrarium/1-intro-to-html/README.md index 830373190..f4f204e4a 100644 --- a/translations/br/3-terrarium/1-intro-to-html/README.md +++ b/translations/br/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![Introdução ao HTML](../../../../translated_images/br/webdev101-html.4389c2067af68e98.webp) +![Introdução ao HTML](../../../../translated_images/pt-BR/webdev101-html.4389c2067af68e98.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) HTML, ou Linguagem de Marcação de Hipertexto, é a base de todos os sites que você já visitou. Pense no HTML como o esqueleto que dá estrutura às páginas da web – ele define onde o conteúdo vai, como está organizado e o que cada parte representa. Enquanto o CSS mais tarde "vestirá" seu HTML com cores e layouts, e o JavaScript dará vida com interatividade, o HTML fornece a estrutura essencial que torna tudo isso possível. @@ -88,7 +88,7 @@ Você criará uma pasta dedicada para seu projeto de terrário e adicionará seu 4. No painel Explorer, clique no ícone "Novo Arquivo" 5. Nomeie seu arquivo como `index.html` -![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/br/vs-code-index.e2986cf919471eb9.webp) +![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/pt-BR/vs-code-index.e2986cf919471eb9.webp) **Opção 2: Usando Comandos no Terminal** ```bash @@ -239,48 +239,48 @@ Agora adicione as imagens das plantas organizadas em duas colunas entre suas tag
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/br/3-terrarium/2-intro-to-css/README.md b/translations/br/3-terrarium/2-intro-to-css/README.md index e6c161874..4dc9f1343 100644 --- a/translations/br/3-terrarium/2-intro-to-css/README.md +++ b/translations/br/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![Introdução ao CSS](../../../../translated_images/br/webdev101-css.3f7af5991bf53a20.webp) +![Introdução ao CSS](../../../../translated_images/pt-BR/webdev101-css.3f7af5991bf53a20.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Lembra como seu terrário em HTML parecia bem básico? Com o CSS, transformamos essa estrutura simples em algo visualmente atraente. @@ -205,7 +205,7 @@ body { Abra as ferramentas de desenvolvedor do seu navegador (F12), navegue até a aba Elementos e inspecione seu elemento `

`. Você verá que ele herda a família de fontes do body: -![fonte herdada](../../../../translated_images/br/1.cc07a5cbe114ad1d.webp) +![fonte herdada](../../../../translated_images/pt-BR/1.cc07a5cbe114ad1d.webp) ✅ **Hora de Experimentar**: Tente definir outras propriedades herdáveis no `` como `color`, `line-height` ou `text-align`. O que acontece com seu título e outros elementos? @@ -335,7 +335,7 @@ No nosso terrário, cada planta precisa de um estilo semelhante, mas também de **Aqui está a estrutura HTML para cada planta:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -599,7 +599,7 @@ Pronto para aprimorar seu terrário com reflexos realistas no vidro? Essa técni Você criará destaques sutis que simulam como a luz reflete nas superfícies de vidro. Essa abordagem é semelhante à usada por pintores renascentistas como Jan van Eyck, que utilizavam luz e reflexos para fazer o vidro pintado parecer tridimensional. Aqui está o que você deve alcançar: -![terrário finalizado](../../../../translated_images/br/terrarium-final.2f07047ffc597d0a.webp) +![terrário finalizado](../../../../translated_images/pt-BR/terrarium-final.2f07047ffc597d0a.webp) **Seu desafio:** - **Crie** formas ovais sutis, brancas ou de cor clara, para os reflexos do vidro diff --git a/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md index cc38ed4bb..8c3a40226 100644 --- a/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM e um closure](../../../../translated_images/br/webdev101-js.10280393044d7eaa.webp) +![DOM e um closure](../../../../translated_images/pt-BR/webdev101-js.10280393044d7eaa.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Bem-vindo a um dos aspectos mais envolventes do desenvolvimento web - tornar as coisas interativas! O Modelo de Objeto de Documento (DOM) é como uma ponte entre seu HTML e JavaScript, e hoje vamos usá-lo para dar vida ao seu terrário. Quando Tim Berners-Lee criou o primeiro navegador web, ele imaginou uma web onde os documentos poderiam ser dinâmicos e interativos - o DOM torna essa visão possível. @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.webp) +![Representação da árvore DOM](../../../../translated_images/pt-BR/dom-tree.7daf0e763cbbba92.webp) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -150,7 +150,7 @@ flowchart LR > 💡 **Entendendo Closures**: Closures são um tópico significativo em JavaScript, e muitos desenvolvedores os utilizam por anos antes de compreender totalmente todos os aspectos teóricos. Hoje, estamos focando na aplicação prática - você verá closures surgirem naturalmente enquanto construímos nossos recursos interativos. A compreensão se desenvolverá à medida que você perceber como eles resolvem problemas reais. -![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.webp) +![Representação da árvore DOM](../../../../translated_images/pt-BR/dom-tree.7daf0e763cbbba92.webp) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -598,7 +598,7 @@ Agora teste seu terrário interativo! Abra seu arquivo `index.html` em um navega - **Suporte entre dispositivos**: Funciona em desktop e dispositivos móveis - **Consciente do desempenho**: Sem vazamentos de memória ou cálculos redundantes -![terrário finalizado](../../../../translated_images/br/terrarium-final.0920f16e87c13a84.webp) +![terrário finalizado](../../../../translated_images/pt-BR/terrarium-final.0920f16e87c13a84.webp) --- diff --git a/translations/br/3-terrarium/solution/README.md b/translations/br/3-terrarium/solution/README.md index 84cfa8b8d..d8b90cdf8 100644 --- a/translations/br/3-terrarium/solution/README.md +++ b/translations/br/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Uma pequena meditação de código com arrastar e soltar. Com um pouco de HTML, JS e CSS, você pode criar uma interface web, estilizar e adicionar interatividade. -![meu terrário](../../../../translated_images/br/screenshot_gray.0c796099a1f9f25e.webp) +![meu terrário](../../../../translated_images/pt-BR/screenshot_gray.0c796099a1f9f25e.webp) ## Créditos diff --git a/translations/br/5-browser-extension/1-about-browsers/README.md b/translations/br/5-browser-extension/1-about-browsers/README.md index b6cac0b58..89fb3def9 100644 --- a/translations/br/5-browser-extension/1-about-browsers/README.md +++ b/translations/br/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![Esboço de navegador](../../../../translated_images/br/browser.60317c9be8b7f84a.webp) +![Esboço de navegador](../../../../translated_images/pt-BR/browser.60317c9be8b7f84a.webp) > Esboço por [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Quiz Pré-Aula @@ -79,7 +79,7 @@ Esse processo reflete como o primeiro navegador web, WorldWideWeb, foi projetado ✅ **Um pouco de história**: O primeiro navegador foi chamado 'WorldWideWeb' e foi criado por Sir Timothy Berners-Lee em 1990. -![navegadores antigos](../../../../translated_images/br/earlybrowsers.d984b711cdf3a42d.webp) +![navegadores antigos](../../../../translated_images/pt-BR/earlybrowsers.d984b711cdf3a42d.webp) > Alguns navegadores antigos, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Como os Navegadores Processam Conteúdo Web @@ -198,7 +198,7 @@ quadrantChart Entender o processo de instalação de extensões ajuda você a antecipar a experiência do usuário ao instalar sua extensão. O processo de instalação é padronizado nos navegadores modernos, com pequenas variações no design da interface. -![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/br/install-on-edge.d68781acaf0b3d3d.webp) +![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/pt-BR/install-on-edge.d68781acaf0b3d3d.webp) > **Importante**: Certifique-se de ativar o modo desenvolvedor e permitir extensões de outras lojas ao testar suas próprias extensões. @@ -313,10 +313,10 @@ Isso segue o princípio de divulgação progressiva usado no design de interface ### Visão Geral das Telas da Extensão **Tela de Configuração** - Configuração inicial do usuário: -![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/br/1.b6da8c1394b07491.webp) +![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/pt-BR/1.b6da8c1394b07491.webp) **Tela de Resultados** - Exibição de dados de pegada de carbono: -![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/br/2.1dae52ff08042246.webp) +![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/pt-BR/2.1dae52ff08042246.webp) ### Construindo o Formulário de Configuração diff --git a/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md index 861a667bd..59c880d7d 100644 --- a/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![Painel de armazenamento local](../../../../translated_images/br/localstorage.472f8147b6a3f8d1.webp) +![Painel de armazenamento local](../../../../translated_images/pt-BR/localstorage.472f8147b6a3f8d1.webp) > ⚠️ **Consideração de Segurança**: Em aplicativos de produção, armazenar chaves de API no LocalStorage apresenta riscos de segurança, já que o JavaScript pode acessar esses dados. Para fins de aprendizado, essa abordagem funciona bem, mas aplicativos reais devem usar armazenamento seguro no servidor para credenciais sensíveis. diff --git a/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md index 19cf4232c..46930467e 100644 --- a/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Para abrir as Ferramentas de Desenvolvedor no Edge, clique nos três pontos no c Vamos experimentar isso. Abra um site (Microsoft.com funciona bem para isso) e clique no botão 'Gravar'. Agora atualize a página e observe o profiler capturar tudo o que acontece. Quando você parar a gravação, verá um detalhamento de como o navegador 'escreve scripts', 'renderiza' e 'pinta' o site. Isso me lembra como o controle da missão monitora cada sistema durante o lançamento de um foguete - você obtém dados em tempo real sobre exatamente o que está acontecendo e quando. -![Profiler do Edge](../../../../translated_images/br/profiler.5a4a62479c5df01c.webp) +![Profiler do Edge](../../../../translated_images/pt-BR/profiler.5a4a62479c5df01c.webp) ✅ A [Documentação da Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) tem muitos mais detalhes se você quiser se aprofundar. @@ -136,11 +136,11 @@ Selecione elementos da linha do tempo do perfil para ampliar os eventos que acon Obtenha um instantâneo do desempenho da sua página selecionando uma parte da linha do tempo do perfil e olhando para o painel de resumo: -![Instantâneo do profiler do Edge](../../../../translated_images/br/snapshot.97750180ebcad737.webp) +![Instantâneo do profiler do Edge](../../../../translated_images/pt-BR/snapshot.97750180ebcad737.webp) Verifique o painel de Log de Eventos para ver se algum evento levou mais de 15 ms: -![Log de eventos do Edge](../../../../translated_images/br/log.804026979f3707e0.webp) +![Log de eventos do Edge](../../../../translated_images/pt-BR/log.804026979f3707e0.webp) ✅ Familiarize-se com seu profiler! Abra as ferramentas de desenvolvedor neste site e veja se há algum gargalo. Qual é o ativo que carrega mais lentamente? O mais rápido? diff --git a/translations/br/5-browser-extension/README.md b/translations/br/5-browser-extension/README.md index 8fa95eaad..7691789a9 100644 --- a/translations/br/5-browser-extension/README.md +++ b/translations/br/5-browser-extension/README.md @@ -23,7 +23,7 @@ Essa extensão pode ser chamada sob demanda por um usuário, uma vez que uma cha ### Créditos -![uma extensão de navegador verde](../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![uma extensão de navegador verde](../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Créditos diff --git a/translations/br/5-browser-extension/solution/README.md b/translations/br/5-browser-extension/solution/README.md index 11769c57d..5c53be28f 100644 --- a/translations/br/5-browser-extension/solution/README.md +++ b/translations/br/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Utilizar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![captura de tela da extensão](../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Primeiros Passos @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.webp) +![instalando](../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp) Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.es.md b/translations/br/5-browser-extension/solution/translation/README.es.md index 59202ae28..6e17b5507 100644 --- a/translations/br/5-browser-extension/solution/translation/README.es.md +++ b/translations/br/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API de sinal de CO2 da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para ter um lembrete direto no seu navegador sobre o consumo de eletricidade da sua região. O uso dessa extensão personalizada ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) +![captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Começando @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Abra a pasta 'dist' quando solicitado, e a extensão será carregada. Para usá-la, você precisará de uma chave de API para a API de CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail no campo desta página) e o [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Mapa de Eletricidade](https://www.electricitymap.org/map) (em Boston, por exemplo, uso 'US-NEISO'). -![instalando](../../../../../translated_images/br/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) +![instalando](../../../../../translated_images/pt-BR/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o uso de energia da sua região e fornecer um indicador sobre as atividades de alto consumo de energia que seriam adequadas para você. O conceito por trás desse sistema de "pontos" foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.fr.md b/translations/br/5-browser-extension/solution/translation/README.fr.md index 3705215c0..2a54d8cff 100644 --- a/translations/br/5-browser-extension/solution/translation/README.fr.md +++ b/translations/br/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador para que você possa receber um lembrete diretamente no navegador sobre o consumo de eletricidade da sua região. O uso dessa extensão personalizada ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![captura da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Primeiros Passos @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar extensão descompactada' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail no campo desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Mapa de Eletricidade](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp) +![instalação](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp) Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer um indicador sobre quais atividades de alto consumo energético seriam apropriadas realizar. O conceito por trás desse sistema de 'pontos' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.hi.md b/translations/br/5-browser-extension/solution/translation/README.hi.md index a2b71d3f2..e838ae217 100644 --- a/translations/br/5-browser-extension/solution/translation/README.hi.md +++ b/translations/br/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para rastrear o uso de eletricidade, esta extensão de navegador foi criada para lembrar você sobre o impacto do uso de energia na sua região enquanto navega. Utilizar esta extensão pode ajudá-lo a tomar decisões informadas com base nessas informações. -![Captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![Captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Começando @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para encontrar o painel de extensões. A partir daí, selecione 'Carregar sem empacotar' para carregar uma nova extensão. No prompt, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API do CO2 Signal ([obtenha por e-mail aqui](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e [o código da sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (por exemplo, em Boston, eu uso 'US-NEISO'). -![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp) +![instalando](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp) Depois que a chave de API e o código da região forem inseridos na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o uso de energia na sua região e fornecer um indicador sobre quais atividades intensivas em energia são mais adequadas para o momento. O conceito por trás deste sistema de 'ponto' foi inspirado pela extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.it.md b/translations/br/5-browser-extension/solution/translation/README.it.md index 52b1606a4..c899282db 100644 --- a/translations/br/5-browser-extension/solution/translation/README.it.md +++ b/translations/br/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Será utilizada a API Signal CO2 da tmrow para monitorar o uso de eletricidade e criar uma extensão para o navegador, permitindo que você tenha um lembrete diretamente no navegador sobre o impacto do consumo de eletricidade na sua região. O uso dessa extensão personalizada ajudará a avaliar suas atividades com base nessas informações. -![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Para Começar @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, utilize o menu de "três pontos" no canto superior direito do navegador para acessar o painel de Extensões. Se ainda não estiver ativado, habilite o Modo Desenvolvedor (no canto inferior esquerdo). Selecione "Carregar sem compactação" para adicionar uma nova extensão. No prompt, abra a pasta "dist" e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal (você pode [obter uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e o [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [mapa elétrico](https://www.electricitymap.org/map) (em Boston, por exemplo, "US-NEISO"). -![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp) +![instalação](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp) Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da região e fornecer uma indicação sobre quais atividades de alto consumo energético seriam apropriadas para realizar. O conceito por trás desse sistema de "pontos" foi inspirado na [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.ja.md b/translations/br/5-browser-extension/solution/translation/README.ja.md index ca2b1423e..40c84138d 100644 --- a/translations/br/5-browser-extension/solution/translation/README.ja.md +++ b/translations/br/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Com a API CO2 Signal da tmrow, você pode criar uma extensão de navegador que exibe lembretes sobre o consumo de energia na sua região diretamente no navegador. Essa extensão permite que você acompanhe o uso de energia e tome decisões informadas com base nessas informações. -![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Introdução @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, encontre o painel "Extensões" no menu de "três pontos" no canto superior direito do navegador. A partir daí, selecione "Carregar sem compactação" e carregue a nova extensão. Quando solicitado, abra a pasta "dist" para carregar a extensão. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e do [código correspondente à sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, use 'US-NEISO'). -![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp) +![instalando](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp) Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido aparecerá na barra de extensões do navegador. Esse ponto mudará de cor para refletir o consumo de energia na sua região, ajudando você a decidir quais atividades que demandam energia são mais apropriadas naquele momento. O conceito desse sistema de "pontos" foi inspirado na extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.ms.md b/translations/br/5-browser-extension/solution/translation/README.ms.md index 8852c7a28..dc87f43d8 100644 --- a/translations/br/5-browser-extension/solution/translation/README.ms.md +++ b/translations/br/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador que possa alertá-lo sobre o impacto do consumo de energia na sua região. O uso dessa extensão pode ajudá-lo a tomar decisões mais conscientes sobre suas atividades com base nessas informações. -![captura de tela da extensão do navegador](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![captura de tela da extensão do navegador](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Começando @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Abra a pasta 'dist' quando solicitado, e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa na página) e [o código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![baixando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp) +![baixando](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp) Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido na barra da extensão do navegador mudará para refletir o consumo de energia da sua região e fornecerá sugestões sobre quais atividades intensivas são mais adequadas para o momento. O conceito por trás do sistema de 'pontos' foi inspirado pela [extensão de navegador Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/start/README.md b/translations/br/5-browser-extension/start/README.md index ea04ebb59..071aaf831 100644 --- a/translations/br/5-browser-extension/start/README.md +++ b/translations/br/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Usar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp) +![captura de tela da extensão](../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp) ## Primeiros Passos @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem Empacotamento' para carregar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.webp) +![instalando](../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp) Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/6-space-game/2-drawing-to-canvas/README.md b/translations/br/6-space-game/2-drawing-to-canvas/README.md index 38bec08a9..cd96db965 100644 --- a/translations/br/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/br/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![a grade do canvas](../../../../translated_images/br/canvas_grid.5f209da785ded492.webp) +![a grade do canvas](../../../../translated_images/pt-BR/canvas_grid.5f209da785ded492.webp) > Imagem de [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Para desenhar no elemento canvas, você seguirá o mesmo processo de três etapas que forma a base de todos os gráficos do canvas. Depois de fazer isso algumas vezes, torna-se algo natural: @@ -329,11 +329,11 @@ Você criará uma página web com um elemento Canvas. Ela deve renderizar uma te - Nave do herói - ![Nave do herói](../../../../translated_images/br/player.dd24c1afa8c71e9b.webp) + ![Nave do herói](../../../../translated_images/pt-BR/player.dd24c1afa8c71e9b.webp) - Formação 5×5 de monstros - ![Nave do monstro](../../../../translated_images/br/enemyShip.5df2a822c16650c2.webp) + ![Nave do monstro](../../../../translated_images/pt-BR/enemyShip.5df2a822c16650c2.webp) ### Passos Recomendados para Iniciar o Desenvolvimento @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { O resultado final deve ser assim: -![Tela preta com um herói e 5x5 monstros](../../../../translated_images/br/partI-solution.36c53b48c9ffae2a.webp) +![Tela preta com um herói e 5x5 monstros](../../../../translated_images/pt-BR/partI-solution.36c53b48c9ffae2a.webp) ## Solução diff --git a/translations/br/6-space-game/5-keeping-score/README.md b/translations/br/6-space-game/5-keeping-score/README.md index 3b1b5a954..a6d8becf0 100644 --- a/translations/br/6-space-game/5-keeping-score/README.md +++ b/translations/br/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **Sistema de pontuação**: Cada nave inimiga destruída concede 100 pontos (números redondos são mais fáceis para os jogadores calcularem mentalmente). A pontuação será exibida no canto inferior esquerdo. -- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/br/life.6fb9f50d53ee0413.webp). +- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/pt-BR/life.6fb9f50d53ee0413.webp). ## Vamos Começar! diff --git a/translations/br/7-bank-project/1-template-route/README.md b/translations/br/7-bank-project/1-template-route/README.md index 77e3e0c8e..a6f778ea8 100644 --- a/translations/br/7-bank-project/1-template-route/README.md +++ b/translations/br/7-bank-project/1-template-route/README.md @@ -652,7 +652,7 @@ sequenceDiagram Usar o `history.pushState` cria novas entradas no histórico de navegação do navegador. Você pode verificar isso segurando o *botão voltar* do seu navegador, ele deve exibir algo assim: -![Captura de tela do histórico de navegação](../../../../translated_images/br/history.7fdabbafa521e064.webp) +![Captura de tela do histórico de navegação](../../../../translated_images/pt-BR/history.7fdabbafa521e064.webp) Se você tentar clicar no botão voltar algumas vezes, verá que a URL atual muda e o histórico é atualizado, mas o mesmo template continua sendo exibido. diff --git a/translations/br/7-bank-project/2-forms/README.md b/translations/br/7-bank-project/2-forms/README.md index 37a37f465..98b737cb8 100644 --- a/translations/br/7-bank-project/2-forms/README.md +++ b/translations/br/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ Primeiro, vamos observar o que acontece com o envio básico de formulários: 2. Observe as mudanças na barra de endereço do navegador 3. Note como a página recarrega e os dados aparecem na URL -![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/br/click-register.e89a30bf0d4bc9ca.webp) +![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/pt-BR/click-register.e89a30bf0d4bc9ca.webp) ### Comparação de Métodos HTTP @@ -350,7 +350,7 @@ Vamos configurar seu formulário de registro para se comunicar corretamente com 2. **Clique** no botão "Criar Conta" 3. **Observe** a resposta do servidor no seu navegador -![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/br/form-post.61de4ca1b964d91a.webp) +![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/pt-BR/form-post.61de4ca1b964d91a.webp) **O que você deve ver:** - **Redirecionamento do navegador** para a URL do endpoint da API @@ -615,7 +615,7 @@ async function register() { 3. **Clique** em "Criar Conta" 4. **Observe** as mensagens do console e o feedback ao usuário -![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/br/browser-console.efaf0b51aaaf6778.webp) +![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/pt-BR/browser-console.efaf0b51aaaf6778.webp) **O que você deve ver:** - **Estado de carregamento** aparece no botão de envio @@ -790,7 +790,7 @@ Vamos aprimorar seu formulário de registro com validação robusta que oferece 3. **Tente** caracteres especiais no campo de nome de usuário 4. **Insira** um valor de saldo negativo -![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/br/validation-error.8bd23e98d416c22f.webp) +![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/pt-BR/validation-error.8bd23e98d416c22f.webp) **O que você observará:** - **O navegador exibe** mensagens de validação nativas @@ -952,7 +952,7 @@ Mostre uma mensagem de erro no HTML se o usuário já existir. Aqui está um exemplo de como a página de login final pode ficar após um pouco de estilização: -![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/br/result.96ef01f607bf856a.webp) +![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/pt-BR/result.96ef01f607bf856a.webp) ## Quiz Pós-Aula diff --git a/translations/br/7-bank-project/3-data/README.md b/translations/br/7-bank-project/3-data/README.md index 15c588f84..d001920cf 100644 --- a/translations/br/7-bank-project/3-data/README.md +++ b/translations/br/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/br/mpa.7f7375a1a2d4aa77.webp) +![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/pt-BR/mpa.7f7375a1a2d4aa77.webp) **Por que essa abordagem parecia desajeitada:** - Cada clique significava reconstruir a página inteira do zero @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/br/spa.268ec73b41f992c2.webp) +![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/pt-BR/spa.268ec73b41f992c2.webp) **Por que os SPAs são muito melhores:** - Apenas as partes que realmente mudaram são atualizadas (inteligente, né?) @@ -523,7 +523,7 @@ if (data.error) { Agora, ao testar com uma conta inválida, você verá uma mensagem de erro útil diretamente na página! -![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/br/login-error.416fe019b36a6327.webp) +![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/pt-BR/login-error.416fe019b36a6327.webp) #### Passo 4: Sendo Inclusivo com Acessibilidade @@ -961,7 +961,7 @@ Pronto para levar seu aplicativo bancário para o próximo nível? Vamos fazer c Aqui está como um dashboard polido poderia parecer: -![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/br/screen2.123c82a831a1d14a.webp) +![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/pt-BR/screen2.123c82a831a1d14a.webp) Não sinta que precisa seguir exatamente este modelo - use-o como inspiração e crie algo único! diff --git a/translations/br/7-bank-project/4-state-management/README.md b/translations/br/7-bank-project/4-state-management/README.md index d4f30454c..d5d9820cb 100644 --- a/translations/br/7-bank-project/4-state-management/README.md +++ b/translations/br/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ Como o design compartimentado do Titanic parecia robusto até que múltiplos com Em vez de ficarmos correndo em círculos, vamos criar um sistema de **gerenciamento de estado centralizado**. Pense nisso como ter uma pessoa realmente organizada responsável por todas as coisas importantes: -![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/br/data-flow.fa2354e0908fecc8.webp) +![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/pt-BR/data-flow.fa2354e0908fecc8.webp) ```mermaid flowchart TD @@ -804,7 +804,7 @@ Este desafio ajudará você a pensar como um desenvolvedor profissional que cons Aqui está um exemplo de resultado após completar a tarefa: -![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.webp) +![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/pt-BR/dialog.93bba104afeb79f1.webp) --- diff --git a/translations/br/7-bank-project/4-state-management/assignment.md b/translations/br/7-bank-project/4-state-management/assignment.md index 38d6d4521..19ffac7ba 100644 --- a/translations/br/7-bank-project/4-state-management/assignment.md +++ b/translations/br/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Consulte a [documentação da API do servidor](../api/README.md) para: **Resultado Esperado:** Após concluir esta tarefa, seu aplicativo bancário deve ter um recurso de "Adicionar Transação" totalmente funcional que pareça e se comporte de forma profissional: -![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.webp) +![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/pt-BR/dialog.93bba104afeb79f1.webp) ## Testando Sua Implementação diff --git a/translations/br/7-bank-project/README.md b/translations/br/7-bank-project/README.md index 2165c6ea8..707be9e1c 100644 --- a/translations/br/7-bank-project/README.md +++ b/translations/br/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Neste projeto, você aprenderá como construir um banco fictício. Estas lições incluem instruções sobre como estruturar um aplicativo web e fornecer rotas, criar formulários, gerenciar estado e buscar dados de uma API da qual você pode obter as informações do banco. -| ![Screen1](../../../translated_images/br/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/br/screen2.123c82a831a1d14a.webp) | +| ![Screen1](../../../translated_images/pt-BR/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/pt-BR/screen2.123c82a831a1d14a.webp) | |--------------------------------|--------------------------------| ## Lições diff --git a/translations/br/8-code-editor/1-using-a-code-editor/README.md b/translations/br/8-code-editor/1-using-a-code-editor/README.md index 152385102..34b2939e8 100644 --- a/translations/br/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/br/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ Assim como o telefone de Alexander Graham Bell conectava locais distantes, vincu Depois que tudo estiver carregado, você verá um espaço de trabalho limpo e bonito, projetado para mantê-lo focado no que importa – seu código! -![Interface padrão do VSCode.dev](../../../../translated_images/br/default-vscode-dev.5d06881d65c1b323.webp) +![Interface padrão do VSCode.dev](../../../../translated_images/pt-BR/default-vscode-dev.5d06881d65c1b323.webp) **Aqui está um tour pelo ambiente:** - **Barra de Atividades** (a faixa à esquerda): Sua navegação principal com Explorer 📁, Pesquisa 🔍, Controle de Fonte 🌿, Extensões 🧩 e Configurações ⚙️ @@ -233,7 +233,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep 1. Acesse [vscode.dev](https://vscode.dev) se ainda não estiver lá 2. Procure o botão "Open Remote Repository" na tela inicial e clique nele - ![Abrir repositório remoto](../../../../translated_images/br/open-remote-repository.bd9c2598b8949e7f.webp) + ![Abrir repositório remoto](../../../../translated_images/pt-BR/open-remote-repository.bd9c2598b8949e7f.webp) 3. Cole qualquer URL de repositório do GitHub (experimente este: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Pressione Enter e veja a mágica acontecer! @@ -242,7 +242,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep Quer se sentir como um mago da programação? Experimente este atalho de teclado: Ctrl+Shift+P (ou Cmd+Shift+P no Mac) para abrir o Command Palette: -![Command Palette](../../../../translated_images/br/palette-menu.4946174e07f42622.webp) +![Command Palette](../../../../translated_images/pt-BR/palette-menu.4946174e07f42622.webp) **O Command Palette é como ter um mecanismo de busca para tudo o que você pode fazer:** - Digite "open remote" e ele encontrará o abridor de repositórios para você @@ -304,7 +304,7 @@ Assim como organizar plantas em um escritório de arquitetura, a criação de ar 3. Insira o nome do arquivo, incluindo a extensão apropriada (`style.css`, `script.js`, `index.html`) 4. Pressione Enter para criar o arquivo -![Criando um novo arquivo](../../../../translated_images/br/create-new-file.2814e609c2af9aeb.webp) +![Criando um novo arquivo](../../../../translated_images/pt-BR/create-new-file.2814e609c2af9aeb.webp) **Convenções de nomenclatura:** - Use nomes descritivos que indiquem o propósito do arquivo @@ -322,7 +322,7 @@ Aqui é onde a diversão realmente começa! O editor do VSCode.dev está repleto 2. Comece a digitar e veja o VSCode.dev ajudá-lo com cores, sugestões e detecção de erros 3. Salve seu trabalho com Ctrl+S (Windows/Linux) ou Cmd+S (Mac) – embora ele também salve automaticamente! -![Editando arquivos no VSCode.dev](../../../../translated_images/br/edit-a-file.52c0ee665ef19f08.webp) +![Editando arquivos no VSCode.dev](../../../../translated_images/pt-BR/edit-a-file.52c0ee665ef19f08.webp) **As coisas legais que acontecem enquanto você programa:** - Seu código é lindamente colorido para facilitar a leitura @@ -343,7 +343,7 @@ Assim como arqueólogos criam registros detalhados das camadas de escavação, o 2. Os arquivos modificados aparecem na seção "Changes" 3. A codificação por cores indica os tipos de alteração: verde para adições, vermelho para exclusões -![Visualizando alterações no Controle de Fonte](../../../../translated_images/br/working-tree.c58eec08e6335c79.webp) +![Visualizando alterações no Controle de Fonte](../../../../translated_images/pt-BR/working-tree.c58eec08e6335c79.webp) **Salvando seu trabalho (fluxo de trabalho de commit):** @@ -438,7 +438,7 @@ O marketplace de extensões é muito bem organizado, então você não vai se pe 2. Navegue ou procure algo específico 3. Clique em qualquer coisa que pareça interessante para saber mais -![Interface do marketplace de extensões](../../../../translated_images/br/extensions.eca0e0c7f59a10b5.webp) +![Interface do marketplace de extensões](../../../../translated_images/pt-BR/extensions.eca0e0c7f59a10b5.webp) **O que você encontrará lá:** @@ -491,7 +491,7 @@ A maioria das extensões vem com configurações que você pode ajustar para que 3. Escolha "Configurações da Extensão" no menu suspenso 4. Ajuste as configurações até que fiquem perfeitas para o seu fluxo de trabalho -![Personalizando configurações de extensões](../../../../translated_images/br/extension-settings.21c752ae4f4cdb78.webp) +![Personalizando configurações de extensões](../../../../translated_images/pt-BR/extension-settings.21c752ae4f4cdb78.webp) **Coisas comuns que você pode querer ajustar:** - Como seu código é formatado (tabulação vs espaços, comprimento da linha, etc.) diff --git a/translations/br/8-code-editor/1-using-a-code-editor/assignment.md b/translations/br/8-code-editor/1-using-a-code-editor/assignment.md index 07ba2a30f..85d98ceeb 100644 --- a/translations/br/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/br/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Como o VSCode.dev exige pelo menos um arquivo para abrir um repositório, criare 4. **Escreva** uma mensagem de commit: "Adicionar estrutura inicial de HTML" 5. **Clique** em "Commit new file" para salvar suas alterações -![Criando arquivo inicial no GitHub](../../../../translated_images/br/new-file-github.com.c886796d800e8056.webp) +![Criando arquivo inicial no GitHub](../../../../translated_images/pt-BR/new-file-github.com.c886796d800e8056.webp) **O que essa configuração inicial realiza:** - **Estabelece** uma estrutura de documento HTML5 adequada com elementos semânticos @@ -104,7 +104,7 @@ Agora que a base do seu repositório está estabelecida, vamos migrar para o VSC ✅ **Indicador de sucesso**: Você deve ver os arquivos do seu projeto na barra lateral do Explorer e `index.html` disponível para edição na área principal do editor. -![Projeto carregado no VSCode.dev](../../../../translated_images/br/project-on-vscode.dev.e79815a9a95ee7fe.webp) +![Projeto carregado no VSCode.dev](../../../../translated_images/pt-BR/project-on-vscode.dev.e79815a9a95ee7fe.webp) **O que você verá na interface:** - **Barra lateral do Explorer**: **Exibe** os arquivos e estrutura de pastas do seu repositório @@ -448,7 +448,7 @@ Extensões melhoram sua experiência de desenvolvimento ao fornecer recursos de **Resultados imediatos após a instalação:** Assim que o CodeSwing for instalado, você verá uma pré-visualização ao vivo do seu site de currículo aparecer no editor. Isso permite que você veja exatamente como seu site está enquanto faz alterações. -![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/br/after-codeswing-extension-pb.0ebddddcf73b5509.webp) +![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/pt-BR/after-codeswing-extension-pb.0ebddddcf73b5509.webp) **Entendendo a interface aprimorada:** - **Visualização dividida**: **Mostra** seu código de um lado e a pré-visualização ao vivo do outro diff --git a/translations/br/9-chat-project/README.md b/translations/br/9-chat-project/README.md index 56c24a7b5..1ffad9046 100644 --- a/translations/br/9-chat-project/README.md +++ b/translations/br/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) Aqui está como seu projeto final ficará: -![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/br/screenshot.0a1ee0d123df681b.webp) +![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/pt-BR/screenshot.0a1ee0d123df681b.webp) ## 🗺️ Sua Jornada de Aprendizado no Desenvolvimento de Aplicativos com IA @@ -194,7 +194,7 @@ mindmap **Princípio Central**: O desenvolvimento de aplicativos com IA combina habilidades tradicionais de desenvolvimento web com integração de serviços de IA, criando aplicativos inteligentes que parecem naturais e responsivos para os usuários. -![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/br/playground.d2b927122224ff8f.webp) +![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/pt-BR/playground.d2b927122224ff8f.webp) **Aqui está o que torna o playground tão útil:** - **Experimente** diferentes modelos de IA como GPT-4o-mini, Claude e outros (todos gratuitos!) @@ -204,7 +204,7 @@ mindmap Depois de brincar um pouco, basta clicar na aba "Code" e escolher sua linguagem de programação para obter o código de implementação necessário. -![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/br/playground-choice.1d23ba7d407f4758.webp) +![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/pt-BR/playground-choice.1d23ba7d407f4758.webp) ## Configurando a Integração de Backend com Python @@ -2365,14 +2365,14 @@ Quer experimentar este projeto em um ambiente de desenvolvimento na nuvem? O Git - **Acesse** o [repositório Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Clique** em "Use this template" no canto superior direito (certifique-se de estar logado no GitHub) -![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/br/template.67ad477109d29a2b.webp) +![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/pt-BR/template.67ad477109d29a2b.webp) **Passo 2: Iniciar Codespaces** - **Abra** o repositório recém-criado - **Clique** no botão verde "Code" e selecione "Codespaces" - **Escolha** "Create codespace on main" para iniciar seu ambiente de desenvolvimento -![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/br/codespace.bcecbdf5d2747d3d.webp) +![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/pt-BR/codespace.bcecbdf5d2747d3d.webp) **Passo 3: Configuração do Ambiente** Assim que seu Codespace carregar, você terá acesso a: diff --git a/translations/br/README.md b/translations/br/README.md index fcdb5ce99..9be697cb4 100644 --- a/translations/br/README.md +++ b/translations/br/README.md @@ -72,13 +72,13 @@ Não perca nosso novo currículo de IA Generativa! Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar! -![Background](../../translated_images/br/background.148a8d43afde5730.webp) +![Background](../../translated_images/pt-BR/background.148a8d43afde5730.webp) - Lições cobrindo tudo desde o básico até RAG. - Interaja com personagens históricos usando GenAI e nosso app de suporte. - Narrativa divertida e envolvente, você vai viajar no tempo! -![character](../../translated_images/br/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/pt-BR/character.5c0dd8e067ffd693.webp) Cada lição inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para guiá-lo na aprendizagem de tópicos como: @@ -115,7 +115,7 @@ Siga estes passos: Na sua cópia do repositório que você criou, clique no botão **Code** e selecione **Open with Codespaces**. Isso criará um novo Codespace para você trabalhar. -![Codespace](../../translated_images/br/createcodespace.0238bbf4d7a8d955.webp) +![Codespace](../../translated_images/pt-BR/createcodespace.0238bbf4d7a8d955.webp) #### Executando o currículo localmente no seu computador diff --git a/translations/br/for-teachers.md b/translations/br/for-teachers.md index a10ee6b88..581f4b51e 100644 --- a/translations/br/for-teachers.md +++ b/translations/br/for-teachers.md @@ -42,10 +42,10 @@ Este currículo inclui pacotes importáveis para fluxos de trabalho comuns em LM - O Moodle Cloud tem suporte limitado para Common Cartridge. Prefira o arquivo do Moodle acima, que também pode ser carregado no Canvas. - Após a importação, revise os módulos, datas de entrega e configurações de quizzes para ajustar ao cronograma do seu período. -![Moodle](../../translated_images/br/moodle.94eb93d714a50cb2.webp) +![Moodle](../../translated_images/pt-BR/moodle.94eb93d714a50cb2.webp) > O currículo em uma sala de aula do Moodle -![Canvas](../../translated_images/br/canvas.fbd605ff8e5b8aff.webp) +![Canvas](../../translated_images/pt-BR/canvas.fbd605ff8e5b8aff.webp) > O currículo no Canvas ### Uso do repositório diretamente (sem Classroom) diff --git a/translations/de/.co-op-translator.json b/translations/de/.co-op-translator.json new file mode 100644 index 000000000..9f4fc7e58 --- /dev/null +++ b/translations/de/.co-op-translator.json @@ -0,0 +1,584 @@ +{ + "1-getting-started-lessons/1-intro-to-programming-languages/README.md": { + "original_hash": "d45ddcc54eb9232a76d08328b09d792e", + "translation_date": "2026-01-06T09:24:35+00:00", + "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", + "language_code": "de" + }, + "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md": { + "original_hash": "17b8ec8e85d99e27dcb3f73842e583be", + "translation_date": "2026-01-06T09:28:02+00:00", + "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md", + "language_code": "de" + }, + "1-getting-started-lessons/2-github-basics/README.md": { + "original_hash": "5c383cc2cc23bb164b06417d1c107a44", + "translation_date": "2026-01-06T09:28:19+00:00", + "source_file": "1-getting-started-lessons/2-github-basics/README.md", + "language_code": "de" + }, + "1-getting-started-lessons/3-accessibility/README.md": { + "original_hash": "7f2c48e04754724123ea100a822765e5", + "translation_date": "2026-01-06T09:20:12+00:00", + "source_file": "1-getting-started-lessons/3-accessibility/README.md", + "language_code": "de" + }, + "1-getting-started-lessons/3-accessibility/assignment.md": { + "original_hash": "e6d0f456dfc22afb41bbdefeb5ec179d", + "translation_date": "2026-01-06T09:23:51+00:00", + "source_file": "1-getting-started-lessons/3-accessibility/assignment.md", + "language_code": "de" + }, + "1-getting-started-lessons/README.md": { + "original_hash": "770d9f83dddc841c19f210dee5fe0712", + "translation_date": "2025-10-03T13:25:26+00:00", + "source_file": "1-getting-started-lessons/README.md", + "language_code": "de" + }, + "10-ai-framework-project/README.md": { + "original_hash": "3925b6a1c31c60755eaae4d578232c25", + "translation_date": "2026-01-06T08:16:46+00:00", + "source_file": "10-ai-framework-project/README.md", + "language_code": "de" + }, + "10-ai-framework-project/solution/README.md": { + "original_hash": "d41d8cd98f00b204e9800998ecf8427e", + "translation_date": "2026-01-29T17:25:33+00:00", + "source_file": "10-ai-framework-project/solution/README.md", + "language_code": "de" + }, + "2-js-basics/1-data-types/README.md": { + "original_hash": "672b0bb6e8b431075f3bdb7130590d2d", + "translation_date": "2026-01-06T08:28:46+00:00", + "source_file": "2-js-basics/1-data-types/README.md", + "language_code": "de" + }, + "2-js-basics/1-data-types/assignment.md": { + "original_hash": "6fd645e97c48cd5eb5a3d290815ec8b5", + "translation_date": "2026-01-06T08:31:00+00:00", + "source_file": "2-js-basics/1-data-types/assignment.md", + "language_code": "de" + }, + "2-js-basics/2-functions-methods/README.md": { + "original_hash": "71f7d7dafa1c7194d79ddac87f669ff9", + "translation_date": "2026-01-06T08:26:13+00:00", + "source_file": "2-js-basics/2-functions-methods/README.md", + "language_code": "de" + }, + "2-js-basics/2-functions-methods/assignment.md": { + "original_hash": "8328f58f4593b4671656ff8f4b2edbd9", + "translation_date": "2026-01-06T08:28:26+00:00", + "source_file": "2-js-basics/2-functions-methods/assignment.md", + "language_code": "de" + }, + "2-js-basics/3-making-decisions/README.md": { + "original_hash": "c688385d15dd3645e924ea0ffee8967f", + "translation_date": "2026-01-06T08:31:11+00:00", + "source_file": "2-js-basics/3-making-decisions/README.md", + "language_code": "de" + }, + "2-js-basics/3-making-decisions/assignment.md": { + "original_hash": "ffe366b2d1f037b99fbadbe1dc81083d", + "translation_date": "2026-01-06T08:33:45+00:00", + "source_file": "2-js-basics/3-making-decisions/assignment.md", + "language_code": "de" + }, + "2-js-basics/4-arrays-loops/README.md": { + "original_hash": "1710a50a519a6e4a1b40a5638783018d", + "translation_date": "2026-01-06T08:34:11+00:00", + "source_file": "2-js-basics/4-arrays-loops/README.md", + "language_code": "de" + }, + "2-js-basics/4-arrays-loops/assignment.md": { + "original_hash": "8abcada0534e0fb3a7556ea3c5a2a8a4", + "translation_date": "2026-01-06T08:36:30+00:00", + "source_file": "2-js-basics/4-arrays-loops/assignment.md", + "language_code": "de" + }, + "2-js-basics/README.md": { + "original_hash": "cc9e70a2f096c67389c8acff1521fc27", + "translation_date": "2025-08-24T12:11:56+00:00", + "source_file": "2-js-basics/README.md", + "language_code": "de" + }, + "3-terrarium/1-intro-to-html/README.md": { + "original_hash": "3fcfa99c4897e051b558b5eaf1e8cc74", + "translation_date": "2026-01-06T09:12:38+00:00", + "source_file": "3-terrarium/1-intro-to-html/README.md", + "language_code": "de" + }, + "3-terrarium/1-intro-to-html/assignment.md": { + "original_hash": "650e63282e1dfa032890fcf5c1c4119d", + "translation_date": "2026-01-06T09:14:25+00:00", + "source_file": "3-terrarium/1-intro-to-html/assignment.md", + "language_code": "de" + }, + "3-terrarium/2-intro-to-css/README.md": { + "original_hash": "e39f3a4e3bcccf94639e3af1248f8a4d", + "translation_date": "2026-01-06T09:17:42+00:00", + "source_file": "3-terrarium/2-intro-to-css/README.md", + "language_code": "de" + }, + "3-terrarium/2-intro-to-css/assignment.md": { + "original_hash": "bee6762d4092a13fc7c338814963f980", + "translation_date": "2026-01-06T09:19:48+00:00", + "source_file": "3-terrarium/2-intro-to-css/assignment.md", + "language_code": "de" + }, + "3-terrarium/3-intro-to-DOM-and-closures/README.md": { + "original_hash": "973e48ad87d67bf5bb819746c9f8e302", + "translation_date": "2026-01-06T09:14:48+00:00", + "source_file": "3-terrarium/3-intro-to-DOM-and-closures/README.md", + "language_code": "de" + }, + "3-terrarium/3-intro-to-DOM-and-closures/assignment.md": { + "original_hash": "947ca5ce7c94aee9c7de7034e762bc17", + "translation_date": "2026-01-06T09:17:23+00:00", + "source_file": "3-terrarium/3-intro-to-DOM-and-closures/assignment.md", + "language_code": "de" + }, + "3-terrarium/README.md": { + "original_hash": "bc5c5550f79d10add90ce419ee34abb3", + "translation_date": "2026-01-06T08:20:23+00:00", + "source_file": "3-terrarium/README.md", + "language_code": "de" + }, + "3-terrarium/solution/README.md": { + "original_hash": "6329fbe8bd936068debd78cca6f09c0a", + "translation_date": "2025-08-24T12:11:12+00:00", + "source_file": "3-terrarium/solution/README.md", + "language_code": "de" + }, + "4-typing-game/README.md": { + "original_hash": "efa2ab875b8bb5a7883816506da6b6d2", + "translation_date": "2026-01-06T08:19:24+00:00", + "source_file": "4-typing-game/README.md", + "language_code": "de" + }, + "4-typing-game/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T13:50:27+00:00", + "source_file": "4-typing-game/solution/README.md", + "language_code": "de" + }, + "4-typing-game/typing-game/README.md": { + "original_hash": "da8bc72041a2bb3826a54654ee1a8844", + "translation_date": "2026-01-06T09:10:27+00:00", + "source_file": "4-typing-game/typing-game/README.md", + "language_code": "de" + }, + "4-typing-game/typing-game/assignment.md": { + "original_hash": "3eac59d70e2532a677a2ce6bf765485a", + "translation_date": "2026-01-06T09:12:24+00:00", + "source_file": "4-typing-game/typing-game/assignment.md", + "language_code": "de" + }, + "5-browser-extension/1-about-browsers/README.md": { + "original_hash": "00aa85715e1efd4930c17a23e3012e69", + "translation_date": "2026-01-06T08:56:06+00:00", + "source_file": "5-browser-extension/1-about-browsers/README.md", + "language_code": "de" + }, + "5-browser-extension/1-about-browsers/assignment.md": { + "original_hash": "b6897c02603d0045dd6d8256e8714baa", + "translation_date": "2026-01-06T08:57:58+00:00", + "source_file": "5-browser-extension/1-about-browsers/assignment.md", + "language_code": "de" + }, + "5-browser-extension/2-forms-browsers-local-storage/README.md": { + "original_hash": "2b6203a48c48d8234e0948353b47d84e", + "translation_date": "2026-01-06T08:51:15+00:00", + "source_file": "5-browser-extension/2-forms-browsers-local-storage/README.md", + "language_code": "de" + }, + "5-browser-extension/2-forms-browsers-local-storage/assignment.md": { + "original_hash": "25b8d28b8531352d4eb67291fd7824c4", + "translation_date": "2026-01-06T08:53:23+00:00", + "source_file": "5-browser-extension/2-forms-browsers-local-storage/assignment.md", + "language_code": "de" + }, + "5-browser-extension/3-background-tasks-and-performance/README.md": { + "original_hash": "b275fed2c6fc90d2b9b6661a3225faa2", + "translation_date": "2026-01-06T08:53:44+00:00", + "source_file": "5-browser-extension/3-background-tasks-and-performance/README.md", + "language_code": "de" + }, + "5-browser-extension/3-background-tasks-and-performance/assignment.md": { + "original_hash": "a203e560e58ccc6ba68bffc40c7c8676", + "translation_date": "2026-01-06T08:55:46+00:00", + "source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md", + "language_code": "de" + }, + "5-browser-extension/README.md": { + "original_hash": "b121a279a6ab39878491f3e572673515", + "translation_date": "2025-08-24T13:07:42+00:00", + "source_file": "5-browser-extension/README.md", + "language_code": "de" + }, + "5-browser-extension/solution/README.md": { + "original_hash": "fab4e6b4f0efcd587a9029d82991f597", + "translation_date": "2025-08-24T13:19:41+00:00", + "source_file": "5-browser-extension/solution/README.md", + "language_code": "de" + }, + "5-browser-extension/solution/translation/README.es.md": { + "original_hash": "cbaf73f94a9ab4c680a10ef871e92948", + "translation_date": "2025-08-24T13:20:36+00:00", + "source_file": "5-browser-extension/solution/translation/README.es.md", + "language_code": "de" + }, + "5-browser-extension/solution/translation/README.fr.md": { + "original_hash": "9361268ca430b2579375009e1eceb5e5", + "translation_date": "2025-08-24T13:23:24+00:00", + "source_file": "5-browser-extension/solution/translation/README.fr.md", + "language_code": "de" + }, + "5-browser-extension/solution/translation/README.hi.md": { + "original_hash": "dd58ae1b7707034f055718c1b68bc8de", + "translation_date": "2025-08-24T13:21:31+00:00", + "source_file": "5-browser-extension/solution/translation/README.hi.md", + "language_code": "de" + }, + "5-browser-extension/solution/translation/README.it.md": { + "original_hash": "9a6b22a2eff0f499b66236be973b24ad", + "translation_date": "2025-08-24T13:24:19+00:00", + "source_file": "5-browser-extension/solution/translation/README.it.md", + "language_code": "de" + }, + "5-browser-extension/solution/translation/README.ja.md": { + "original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d", + "translation_date": "2025-08-24T13:25:14+00:00", + "source_file": "5-browser-extension/solution/translation/README.ja.md", + "language_code": "de" + }, + "5-browser-extension/solution/translation/README.ms.md": { + "original_hash": "21b364c158c8e4f698de65eeac16c9fe", + "translation_date": "2025-08-24T13:22:30+00:00", + "source_file": "5-browser-extension/solution/translation/README.ms.md", + "language_code": "de" + }, + "5-browser-extension/start/README.md": { + "original_hash": "26fd39046d264ba185dcb086d3a8cf3e", + "translation_date": "2025-08-24T13:12:06+00:00", + "source_file": "5-browser-extension/start/README.md", + "language_code": "de" + }, + "6-space-game/1-introduction/README.md": { + "original_hash": "a6332a7bb4d0be3bfd24199c83993777", + "translation_date": "2026-01-06T08:46:43+00:00", + "source_file": "6-space-game/1-introduction/README.md", + "language_code": "de" + }, + "6-space-game/1-introduction/assignment.md": { + "original_hash": "c8fc39a014d08247c082878122e2ba73", + "translation_date": "2026-01-06T08:48:39+00:00", + "source_file": "6-space-game/1-introduction/assignment.md", + "language_code": "de" + }, + "6-space-game/2-drawing-to-canvas/README.md": { + "original_hash": "7994743c5b21fdcceb36307916ef249a", + "translation_date": "2026-01-06T08:41:17+00:00", + "source_file": "6-space-game/2-drawing-to-canvas/README.md", + "language_code": "de" + }, + "6-space-game/2-drawing-to-canvas/assignment.md": { + "original_hash": "87cd43afe5b69dbbffb5c4b209ea6791", + "translation_date": "2026-01-06T08:43:01+00:00", + "source_file": "6-space-game/2-drawing-to-canvas/assignment.md", + "language_code": "de" + }, + "6-space-game/3-moving-elements-around/README.md": { + "original_hash": "8c55a2bd4bc0ebe4c88198fd563a9e09", + "translation_date": "2026-01-06T08:48:59+00:00", + "source_file": "6-space-game/3-moving-elements-around/README.md", + "language_code": "de" + }, + "6-space-game/3-moving-elements-around/assignment.md": { + "original_hash": "c162b3b3a1cafc1483c8015e9b266f0d", + "translation_date": "2026-01-06T08:51:05+00:00", + "source_file": "6-space-game/3-moving-elements-around/assignment.md", + "language_code": "de" + }, + "6-space-game/4-collision-detection/README.md": { + "original_hash": "039b4d8ce65f5edd82cf48d9c3e6728c", + "translation_date": "2026-01-06T08:39:10+00:00", + "source_file": "6-space-game/4-collision-detection/README.md", + "language_code": "de" + }, + "6-space-game/4-collision-detection/assignment.md": { + "original_hash": "124efddbb65166cddb38075ad6dae324", + "translation_date": "2026-01-06T08:41:05+00:00", + "source_file": "6-space-game/4-collision-detection/assignment.md", + "language_code": "de" + }, + "6-space-game/4-collision-detection/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:39:26+00:00", + "source_file": "6-space-game/4-collision-detection/solution/README.md", + "language_code": "de" + }, + "6-space-game/4-collision-detection/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:38:59+00:00", + "source_file": "6-space-game/4-collision-detection/your-work/README.md", + "language_code": "de" + }, + "6-space-game/5-keeping-score/README.md": { + "original_hash": "2ed9145a16cf576faa2a973dff84d099", + "translation_date": "2026-01-06T08:45:39+00:00", + "source_file": "6-space-game/5-keeping-score/README.md", + "language_code": "de" + }, + "6-space-game/5-keeping-score/assignment.md": { + "original_hash": "81f292dbda01685b91735e0398dc0504", + "translation_date": "2025-08-24T12:28:47+00:00", + "source_file": "6-space-game/5-keeping-score/assignment.md", + "language_code": "de" + }, + "6-space-game/5-keeping-score/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:29:47+00:00", + "source_file": "6-space-game/5-keeping-score/solution/README.md", + "language_code": "de" + }, + "6-space-game/5-keeping-score/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:29:18+00:00", + "source_file": "6-space-game/5-keeping-score/your-work/README.md", + "language_code": "de" + }, + "6-space-game/6-end-condition/README.md": { + "original_hash": "a4b78043f4d64bf3ee24e0689b8b391d", + "translation_date": "2026-01-06T08:43:15+00:00", + "source_file": "6-space-game/6-end-condition/README.md", + "language_code": "de" + }, + "6-space-game/6-end-condition/assignment.md": { + "original_hash": "232d592791465c1678cab3a2bb6cd3e8", + "translation_date": "2026-01-06T08:45:11+00:00", + "source_file": "6-space-game/6-end-condition/assignment.md", + "language_code": "de" + }, + "6-space-game/6-end-condition/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:45:21+00:00", + "source_file": "6-space-game/6-end-condition/solution/README.md", + "language_code": "de" + }, + "6-space-game/6-end-condition/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:44:54+00:00", + "source_file": "6-space-game/6-end-condition/your-work/README.md", + "language_code": "de" + }, + "6-space-game/README.md": { + "original_hash": "c40a698395ee5102715f7880bba3f2e7", + "translation_date": "2025-08-24T12:26:24+00:00", + "source_file": "6-space-game/README.md", + "language_code": "de" + }, + "6-space-game/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:45:50+00:00", + "source_file": "6-space-game/solution/README.md", + "language_code": "de" + }, + "7-bank-project/1-template-route/README.md": { + "original_hash": "351678bece18f07d9daa987a881fb062", + "translation_date": "2026-01-06T09:01:31+00:00", + "source_file": "7-bank-project/1-template-route/README.md", + "language_code": "de" + }, + "7-bank-project/1-template-route/assignment.md": { + "original_hash": "df0dcecddcd28ea8cbf6ede0ad57d673", + "translation_date": "2026-01-06T09:03:55+00:00", + "source_file": "7-bank-project/1-template-route/assignment.md", + "language_code": "de" + }, + "7-bank-project/2-forms/README.md": { + "original_hash": "7cbdbd132d39a2bb493e85bc2a9387cc", + "translation_date": "2026-01-06T08:58:21+00:00", + "source_file": "7-bank-project/2-forms/README.md", + "language_code": "de" + }, + "7-bank-project/2-forms/assignment.md": { + "original_hash": "efb01fcafd2ef40c593a6e662fc938a8", + "translation_date": "2026-01-06T09:01:05+00:00", + "source_file": "7-bank-project/2-forms/assignment.md", + "language_code": "de" + }, + "7-bank-project/3-data/README.md": { + "original_hash": "86ee5069f27ea3151389d8687c95fac9", + "translation_date": "2026-01-06T09:04:07+00:00", + "source_file": "7-bank-project/3-data/README.md", + "language_code": "de" + }, + "7-bank-project/3-data/assignment.md": { + "original_hash": "d0a02cb117e91a5b5f24178080068a3d", + "translation_date": "2026-01-06T09:07:06+00:00", + "source_file": "7-bank-project/3-data/assignment.md", + "language_code": "de" + }, + "7-bank-project/4-state-management/README.md": { + "original_hash": "b807b09df716dc48a2b750835bf8e933", + "translation_date": "2026-01-06T09:07:31+00:00", + "source_file": "7-bank-project/4-state-management/README.md", + "language_code": "de" + }, + "7-bank-project/4-state-management/assignment.md": { + "original_hash": "50a7783473b39a2e0f133e271a102231", + "translation_date": "2026-01-06T09:10:01+00:00", + "source_file": "7-bank-project/4-state-management/assignment.md", + "language_code": "de" + }, + "7-bank-project/README.md": { + "original_hash": "830359535306594b448db6575ce5cdee", + "translation_date": "2025-08-24T13:26:08+00:00", + "source_file": "7-bank-project/README.md", + "language_code": "de" + }, + "7-bank-project/api/README.md": { + "original_hash": "9884f8c8a61cf56214450f8b16a094ce", + "translation_date": "2025-08-24T13:27:01+00:00", + "source_file": "7-bank-project/api/README.md", + "language_code": "de" + }, + "7-bank-project/solution/README.md": { + "original_hash": "461aa4fc74c6b1789c3a13b5d82c0cd9", + "translation_date": "2025-08-24T13:42:32+00:00", + "source_file": "7-bank-project/solution/README.md", + "language_code": "de" + }, + "8-code-editor/1-using-a-code-editor/README.md": { + "original_hash": "a9a3bcc037a447e2d8994d99e871cd9f", + "translation_date": "2026-01-06T08:36:46+00:00", + "source_file": "8-code-editor/1-using-a-code-editor/README.md", + "language_code": "de" + }, + "8-code-editor/1-using-a-code-editor/assignment.md": { + "original_hash": "effe56ba51c38d7bdfad1ea38288666b", + "translation_date": "2026-01-06T08:38:26+00:00", + "source_file": "8-code-editor/1-using-a-code-editor/assignment.md", + "language_code": "de" + }, + "9-chat-project/README.md": { + "original_hash": "2066c17078e9d18b5e309f31d8e8bc24", + "translation_date": "2026-01-06T08:20:31+00:00", + "source_file": "9-chat-project/README.md", + "language_code": "de" + }, + "9-chat-project/solution/README.md": { + "original_hash": "cb549dcad8eea3221cb89793aeaa3bb3", + "translation_date": "2025-09-01T15:19:11+00:00", + "source_file": "9-chat-project/solution/README.md", + "language_code": "de" + }, + "9-chat-project/solution/backend/README.md": { + "original_hash": "bcd2c2bbaae71151b1ed1b9170aa78af", + "translation_date": "2025-09-01T15:42:03+00:00", + "source_file": "9-chat-project/solution/backend/README.md", + "language_code": "de" + }, + "9-chat-project/solution/backend/python/README.md": { + "original_hash": "0aaa930f076f2d83cc872ad157f8ffd3", + "translation_date": "2026-01-06T09:30:56+00:00", + "source_file": "9-chat-project/solution/backend/python/README.md", + "language_code": "de" + }, + "9-chat-project/solution/frontend/README.md": { + "original_hash": "7746a470be8fc7f736eb1b43ebb710ee", + "translation_date": "2025-09-01T15:50:46+00:00", + "source_file": "9-chat-project/solution/frontend/README.md", + "language_code": "de" + }, + "AGENTS.md": { + "original_hash": "a362efd06d64d4134a0cfe8515a86d34", + "translation_date": "2025-10-03T11:13:31+00:00", + "source_file": "AGENTS.md", + "language_code": "de" + }, + "CODE_OF_CONDUCT.md": { + "original_hash": "b0a9b4cccd918195f58224d5793da1a6", + "translation_date": "2025-08-24T11:55:34+00:00", + "source_file": "CODE_OF_CONDUCT.md", + "language_code": "de" + }, + "CONTRIBUTING.md": { + "original_hash": "777400e9f0336c7ee2f9a1200a88478f", + "translation_date": "2025-08-24T11:57:57+00:00", + "source_file": "CONTRIBUTING.md", + "language_code": "de" + }, + "Git-Basics/README.md": { + "original_hash": "5cf5e1ed51455fefed4895fcc4d6ba2a", + "translation_date": "2025-10-03T15:45:03+00:00", + "source_file": "Git-Basics/README.md", + "language_code": "de" + }, + "README.md": { + "original_hash": "490c83786552d7fab6390991517bef09", + "translation_date": "2026-01-29T17:32:39+00:00", + "source_file": "README.md", + "language_code": "de" + }, + "SECURITY.md": { + "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228", + "translation_date": "2025-08-24T11:56:51+00:00", + "source_file": "SECURITY.md", + "language_code": "de" + }, + "SUPPORT.md": { + "original_hash": "c9d207ff77b4bb46e46dc2b607a8ec1a", + "translation_date": "2025-08-24T11:53:43+00:00", + "source_file": "SUPPORT.md", + "language_code": "de" + }, + "_404.md": { + "original_hash": "ea9f0804bd62f46d9808e953ec7fc459", + "translation_date": "2025-08-24T11:56:09+00:00", + "source_file": "_404.md", + "language_code": "de" + }, + "docs/_navbar.md": { + "original_hash": "3bd2f51ecf4ac9b39277cba748943793", + "translation_date": "2025-08-24T12:25:44+00:00", + "source_file": "docs/_navbar.md", + "language_code": "de" + }, + "docs/_sidebar.md": { + "original_hash": "655c91b5979de46f1d70d97f0c5f1d14", + "translation_date": "2025-08-24T12:24:49+00:00", + "source_file": "docs/_sidebar.md", + "language_code": "de" + }, + "for-teachers.md": { + "original_hash": "71009af209f81cc01a1f2d324200375f", + "translation_date": "2025-10-03T08:28:59+00:00", + "source_file": "for-teachers.md", + "language_code": "de" + }, + "lesson-template/README.md": { + "original_hash": "0494be70ad7fadd13a8c3d549c23e355", + "translation_date": "2025-08-24T13:48:27+00:00", + "source_file": "lesson-template/README.md", + "language_code": "de" + }, + "lesson-template/assignment.md": { + "original_hash": "b5f62ec256c7e43e771f0d3b4e1a9130", + "translation_date": "2025-08-24T13:49:06+00:00", + "source_file": "lesson-template/assignment.md", + "language_code": "de" + }, + "memory-game/README.md": { + "original_hash": "ff47271e53637b2ba6ba72ad2b70f6d7", + "translation_date": "2025-10-03T11:53:19+00:00", + "source_file": "memory-game/README.md", + "language_code": "de" + }, + "quiz-app/README.md": { + "original_hash": "5301875c55bb305e6046bed3a4fd06d2", + "translation_date": "2025-08-24T13:56:13+00:00", + "source_file": "quiz-app/README.md", + "language_code": "de" + } +} \ No newline at end of file diff --git a/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 954534792..4701ef1e0 100644 --- a/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -1,12 +1,3 @@ - # Einführung in Programmiersprachen und moderne Entwickler-Tools Hey du, zukünftiger Entwickler! 👋 Darf ich dir etwas erzählen, das mir jeden einzelnen Tag eine Gänsehaut bereitet? Du bist kurz davor zu entdecken, dass Programmieren nicht nur etwas mit Computern zu tun hat – es geht darum, echte Superkräfte zu besitzen, um deine wildesten Ideen zum Leben zu erwecken! diff --git a/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md b/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md index 4e343673c..d3279e032 100644 --- a/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md +++ b/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md @@ -1,12 +1,3 @@ - # Aufgabe: Erforschung moderner Webentwicklungswerkzeuge ## Anweisungen diff --git a/translations/de/1-getting-started-lessons/2-github-basics/README.md b/translations/de/1-getting-started-lessons/2-github-basics/README.md index 57317faed..a9578067c 100644 --- a/translations/de/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/de/1-getting-started-lessons/2-github-basics/README.md @@ -1,12 +1,3 @@ - # Einführung in GitHub Hallo zukünftige*r Entwickler*in! 👋 Bereit, dich Millionen von Programmierenden weltweit anzuschließen? Ich freue mich wirklich, dir GitHub vorzustellen – denk daran als die Social-Media-Plattform für Programmierer, nur dass wir hier statt Fotos von unserem Mittagessen Code teilen und gemeinsam unglaubliche Dinge bauen! diff --git a/translations/de/1-getting-started-lessons/3-accessibility/README.md b/translations/de/1-getting-started-lessons/3-accessibility/README.md index ca3105ad5..fa63eb19d 100644 --- a/translations/de/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/de/1-getting-started-lessons/3-accessibility/README.md @@ -1,12 +1,3 @@ - # Erstellen barrierefreier Webseiten ![Alles über Barrierefreiheit](../../../../translated_images/de/webdev101-a11y.8ef3025c858d897a.webp) diff --git a/translations/de/1-getting-started-lessons/3-accessibility/assignment.md b/translations/de/1-getting-started-lessons/3-accessibility/assignment.md index e5145ef5b..526385202 100644 --- a/translations/de/1-getting-started-lessons/3-accessibility/assignment.md +++ b/translations/de/1-getting-started-lessons/3-accessibility/assignment.md @@ -1,12 +1,3 @@ - # Umfassendes Website-Barrierefreiheitsaudit ## Anweisungen diff --git a/translations/de/1-getting-started-lessons/README.md b/translations/de/1-getting-started-lessons/README.md index 1efad0bad..715414740 100644 --- a/translations/de/1-getting-started-lessons/README.md +++ b/translations/de/1-getting-started-lessons/README.md @@ -1,12 +1,3 @@ - # Einstieg in die Webentwicklung In diesem Abschnitt des Lehrplans werden Sie mit nicht projektbezogenen Konzepten vertraut gemacht, die wichtig sind, um ein professioneller Entwickler zu werden. diff --git a/translations/de/10-ai-framework-project/README.md b/translations/de/10-ai-framework-project/README.md index 17e103c7a..243201f24 100644 --- a/translations/de/10-ai-framework-project/README.md +++ b/translations/de/10-ai-framework-project/README.md @@ -1,12 +1,3 @@ - # KI-Framework Hast du dich jemals überwältigt gefühlt, wenn du versucht hast, KI-Anwendungen von Grund auf neu zu erstellen? Du bist nicht allein! KI-Frameworks sind wie ein Schweizer Taschenmesser für die KI-Entwicklung – sie sind leistungsstarke Werkzeuge, die dir Zeit und Nerven sparen können, wenn du intelligente Anwendungen baust. Stell dir ein KI-Framework wie eine gut organisierte Bibliothek vor: Es stellt vorgefertigte Komponenten, standardisierte APIs und clevere Abstraktionen bereit, sodass du dich auf das Lösen von Problemen konzentrieren kannst, anstatt dich mit Implementierungsdetails herumzuschlagen. diff --git a/translations/de/2-js-basics/1-data-types/README.md b/translations/de/2-js-basics/1-data-types/README.md index df7282bca..bcc6ce19b 100644 --- a/translations/de/2-js-basics/1-data-types/README.md +++ b/translations/de/2-js-basics/1-data-types/README.md @@ -1,12 +1,3 @@ - # JavaScript Grundlagen: Datentypen ![JavaScript Grundlagen - Datentypen](../../../../translated_images/de/webdev101-js-datatypes.4cc470179730702c.webp) diff --git a/translations/de/2-js-basics/1-data-types/assignment.md b/translations/de/2-js-basics/1-data-types/assignment.md index 84631ab40..ebfab37cb 100644 --- a/translations/de/2-js-basics/1-data-types/assignment.md +++ b/translations/de/2-js-basics/1-data-types/assignment.md @@ -1,12 +1,3 @@ - # Data Types Practice: E-Commerce-Warenkorb ## Anweisungen diff --git a/translations/de/2-js-basics/2-functions-methods/README.md b/translations/de/2-js-basics/2-functions-methods/README.md index 1a75ff1c0..39466637c 100644 --- a/translations/de/2-js-basics/2-functions-methods/README.md +++ b/translations/de/2-js-basics/2-functions-methods/README.md @@ -1,12 +1,3 @@ - # JavaScript-Grundlagen: Methoden und Funktionen ![JavaScript Basics - Functions](../../../../translated_images/de/webdev101-js-functions.be049c4726e94f8b.webp) diff --git a/translations/de/2-js-basics/2-functions-methods/assignment.md b/translations/de/2-js-basics/2-functions-methods/assignment.md index c363bddb2..2041b05bc 100644 --- a/translations/de/2-js-basics/2-functions-methods/assignment.md +++ b/translations/de/2-js-basics/2-functions-methods/assignment.md @@ -1,12 +1,3 @@ - # Spaß mit Funktionen ## Anweisungen diff --git a/translations/de/2-js-basics/3-making-decisions/README.md b/translations/de/2-js-basics/3-making-decisions/README.md index 864eb817c..0dfbf8337 100644 --- a/translations/de/2-js-basics/3-making-decisions/README.md +++ b/translations/de/2-js-basics/3-making-decisions/README.md @@ -1,12 +1,3 @@ - # JavaScript-Grundlagen: Treffen von Entscheidungen ![JavaScript Basics - Entscheidungen treffen](../../../../translated_images/de/webdev101-js-decisions.69e1b20f272dd1f0.webp) diff --git a/translations/de/2-js-basics/3-making-decisions/assignment.md b/translations/de/2-js-basics/3-making-decisions/assignment.md index b2b135c5c..6786bac6a 100644 --- a/translations/de/2-js-basics/3-making-decisions/assignment.md +++ b/translations/de/2-js-basics/3-making-decisions/assignment.md @@ -1,12 +1,3 @@ - # Entscheidungen treffen: Notenverarbeitung für Schüler ## Lernziele diff --git a/translations/de/2-js-basics/4-arrays-loops/README.md b/translations/de/2-js-basics/4-arrays-loops/README.md index 7a39c9812..4e091f4f1 100644 --- a/translations/de/2-js-basics/4-arrays-loops/README.md +++ b/translations/de/2-js-basics/4-arrays-loops/README.md @@ -1,12 +1,3 @@ - # JavaScript Grundlagen: Arrays und Schleifen ![JavaScript Basics - Arrays](../../../../translated_images/de/webdev101-js-arrays.439d7528b8a29455.webp) diff --git a/translations/de/2-js-basics/4-arrays-loops/assignment.md b/translations/de/2-js-basics/4-arrays-loops/assignment.md index 7367d5370..5c51a95b6 100644 --- a/translations/de/2-js-basics/4-arrays-loops/assignment.md +++ b/translations/de/2-js-basics/4-arrays-loops/assignment.md @@ -1,12 +1,3 @@ - # Arrays und Schleifen Aufgabe ## Anweisungen diff --git a/translations/de/2-js-basics/README.md b/translations/de/2-js-basics/README.md index a0eea313d..d7a473834 100644 --- a/translations/de/2-js-basics/README.md +++ b/translations/de/2-js-basics/README.md @@ -1,12 +1,3 @@ - # Einführung in JavaScript JavaScript ist die Sprache des Webs. In diesen vier Lektionen lernst du die Grundlagen. diff --git a/translations/de/3-terrarium/1-intro-to-html/README.md b/translations/de/3-terrarium/1-intro-to-html/README.md index 10910a3fa..2ee39adfb 100644 --- a/translations/de/3-terrarium/1-intro-to-html/README.md +++ b/translations/de/3-terrarium/1-intro-to-html/README.md @@ -1,12 +1,3 @@ - # Terrarium-Projekt Teil 1: Einführung in HTML ```mermaid diff --git a/translations/de/3-terrarium/1-intro-to-html/assignment.md b/translations/de/3-terrarium/1-intro-to-html/assignment.md index 658be1520..76bef7da1 100644 --- a/translations/de/3-terrarium/1-intro-to-html/assignment.md +++ b/translations/de/3-terrarium/1-intro-to-html/assignment.md @@ -1,12 +1,3 @@ - # HTML-Übungsaufgabe: Erstellen Sie ein Blog-Mockup ## Lernziele diff --git a/translations/de/3-terrarium/2-intro-to-css/README.md b/translations/de/3-terrarium/2-intro-to-css/README.md index fc7353134..194958d25 100644 --- a/translations/de/3-terrarium/2-intro-to-css/README.md +++ b/translations/de/3-terrarium/2-intro-to-css/README.md @@ -1,12 +1,3 @@ - # Terrarium-Projekt Teil 2: Einführung in CSS ```mermaid diff --git a/translations/de/3-terrarium/2-intro-to-css/assignment.md b/translations/de/3-terrarium/2-intro-to-css/assignment.md index 7ce52400d..1ed6d9d9d 100644 --- a/translations/de/3-terrarium/2-intro-to-css/assignment.md +++ b/translations/de/3-terrarium/2-intro-to-css/assignment.md @@ -1,12 +1,3 @@ - # CSS Refactoring Aufgabe ## Zielsetzung diff --git a/translations/de/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/de/3-terrarium/3-intro-to-DOM-and-closures/README.md index a528dab6c..ea5e3edc6 100644 --- a/translations/de/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/de/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -1,12 +1,3 @@ - # Terrarium Projekt Teil 3: DOM-Manipulation und JavaScript Closures ```mermaid diff --git a/translations/de/3-terrarium/3-intro-to-DOM-and-closures/assignment.md b/translations/de/3-terrarium/3-intro-to-DOM-and-closures/assignment.md index d57424f5f..d875703f8 100644 --- a/translations/de/3-terrarium/3-intro-to-DOM-and-closures/assignment.md +++ b/translations/de/3-terrarium/3-intro-to-DOM-and-closures/assignment.md @@ -1,12 +1,3 @@ - # DOM-Element-Untersuchungsaufgabe ## Überblick diff --git a/translations/de/3-terrarium/README.md b/translations/de/3-terrarium/README.md index 123990029..97d679919 100644 --- a/translations/de/3-terrarium/README.md +++ b/translations/de/3-terrarium/README.md @@ -1,12 +1,3 @@ - ## Stellen Sie Ihr Terrarium bereit Sie können Ihr Terrarium im Web mit **Azure Static Web Apps** bereitstellen oder veröffentlichen. diff --git a/translations/de/3-terrarium/solution/README.md b/translations/de/3-terrarium/solution/README.md index c6b815d84..0727c7312 100644 --- a/translations/de/3-terrarium/solution/README.md +++ b/translations/de/3-terrarium/solution/README.md @@ -1,12 +1,3 @@ - # Mein Terrarium: Ein Projekt, um HTML, CSS und DOM-Manipulation mit JavaScript zu lernen 🌵🌱 Ein kleines Drag-and-Drop-Code-Meditationsprojekt. Mit ein wenig HTML, JS und CSS kannst du eine Weboberfläche erstellen, sie gestalten und Interaktionen hinzufügen. diff --git a/translations/de/4-typing-game/README.md b/translations/de/4-typing-game/README.md index c3e3825ba..b5ce5eedd 100644 --- a/translations/de/4-typing-game/README.md +++ b/translations/de/4-typing-game/README.md @@ -1,12 +1,3 @@ - # Ereignisgesteuerte Programmierung - Baue ein Tipp-Spiel ```mermaid diff --git a/translations/de/4-typing-game/solution/README.md b/translations/de/4-typing-game/solution/README.md index 6f590bf94..08bdc02fa 100644 --- a/translations/de/4-typing-game/solution/README.md +++ b/translations/de/4-typing-game/solution/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/4-typing-game/typing-game/README.md b/translations/de/4-typing-game/typing-game/README.md index 4b61397a2..a7701634d 100644 --- a/translations/de/4-typing-game/typing-game/README.md +++ b/translations/de/4-typing-game/typing-game/README.md @@ -1,12 +1,3 @@ - # Erstellung eines Spiels mit Events Haben Sie sich schon einmal gefragt, wie Websites wissen, wann Sie einen Button anklicken oder in ein Textfeld tippen? Das ist die Magie der ereignisgesteuerten Programmierung! Was gibt es Besseres, um diese wichtige Fähigkeit zu erlernen, als etwas Nützliches zu bauen – ein Tippgeschwindigkeitsspiel, das auf jeden Tastendruck reagiert, den Sie machen. diff --git a/translations/de/4-typing-game/typing-game/assignment.md b/translations/de/4-typing-game/typing-game/assignment.md index ee3734f2f..3db5f81b2 100644 --- a/translations/de/4-typing-game/typing-game/assignment.md +++ b/translations/de/4-typing-game/typing-game/assignment.md @@ -1,12 +1,3 @@ - # Erstelle ein neues Tastaturspiel ## Anweisungen diff --git a/translations/de/5-browser-extension/1-about-browsers/README.md b/translations/de/5-browser-extension/1-about-browsers/README.md index dfa1fa52e..2a9fba9c4 100644 --- a/translations/de/5-browser-extension/1-about-browsers/README.md +++ b/translations/de/5-browser-extension/1-about-browsers/README.md @@ -1,12 +1,3 @@ - # Browser-Erweiterungsprojekt Teil 1: Alles über Browser ```mermaid diff --git a/translations/de/5-browser-extension/1-about-browsers/assignment.md b/translations/de/5-browser-extension/1-about-browsers/assignment.md index 2b675f70e..bbce70515 100644 --- a/translations/de/5-browser-extension/1-about-browsers/assignment.md +++ b/translations/de/5-browser-extension/1-about-browsers/assignment.md @@ -1,12 +1,3 @@ - # Aufgabe: Gestalte deine Browser-Erweiterung neu ## Übersicht diff --git a/translations/de/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/de/5-browser-extension/2-forms-browsers-local-storage/README.md index a02078753..d7cba3d62 100644 --- a/translations/de/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/de/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -1,12 +1,3 @@ - # Browser-Erweiterungsprojekt Teil 2: Eine API aufrufen, lokalen Speicher verwenden ```mermaid diff --git a/translations/de/5-browser-extension/2-forms-browsers-local-storage/assignment.md b/translations/de/5-browser-extension/2-forms-browsers-local-storage/assignment.md index a3ef19edc..85f86b0f2 100644 --- a/translations/de/5-browser-extension/2-forms-browsers-local-storage/assignment.md +++ b/translations/de/5-browser-extension/2-forms-browsers-local-storage/assignment.md @@ -1,12 +1,3 @@ - # Adoptieren Sie eine API ## Übersicht diff --git a/translations/de/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/de/5-browser-extension/3-background-tasks-and-performance/README.md index 55e840695..b703fd343 100644 --- a/translations/de/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/de/5-browser-extension/3-background-tasks-and-performance/README.md @@ -1,12 +1,3 @@ - # Browser-Erweiterungsprojekt Teil 3: Lernen Sie Hintergrundaufgaben und Leistung kennen ```mermaid diff --git a/translations/de/5-browser-extension/3-background-tasks-and-performance/assignment.md b/translations/de/5-browser-extension/3-background-tasks-and-performance/assignment.md index 49356a7c1..dea4f8da4 100644 --- a/translations/de/5-browser-extension/3-background-tasks-and-performance/assignment.md +++ b/translations/de/5-browser-extension/3-background-tasks-and-performance/assignment.md @@ -1,12 +1,3 @@ - # Eine Website auf Leistung analysieren ## Überblick über die Aufgabe diff --git a/translations/de/5-browser-extension/README.md b/translations/de/5-browser-extension/README.md index 3337a832c..fe80e256d 100644 --- a/translations/de/5-browser-extension/README.md +++ b/translations/de/5-browser-extension/README.md @@ -1,12 +1,3 @@ - # Erstellen einer Browser-Erweiterung Das Erstellen von Browser-Erweiterungen ist eine unterhaltsame und interessante Möglichkeit, über die Leistung Ihrer Apps nachzudenken, während Sie eine andere Art von Web-Asset entwickeln. Dieses Modul enthält Lektionen darüber, wie Browser funktionieren und wie man eine Browser-Erweiterung bereitstellt, wie man ein Formular erstellt, eine API aufruft und lokalen Speicher verwendet, sowie wie man die Leistung Ihrer Website bewertet und verbessert. diff --git a/translations/de/5-browser-extension/solution/README.md b/translations/de/5-browser-extension/solution/README.md index 3c5ae0730..b4d7e0893 100644 --- a/translations/de/5-browser-extension/solution/README.md +++ b/translations/de/5-browser-extension/solution/README.md @@ -1,12 +1,3 @@ - # Carbon Trigger Browser-Erweiterung: Fertiger Code Verwenden Sie die CO2 Signal API von tmrow, um den Stromverbrauch zu verfolgen, und erstellen Sie eine Browser-Erweiterung, damit Sie direkt in Ihrem Browser eine Erinnerung daran haben, wie hoch der Stromverbrauch in Ihrer Region ist. Die gelegentliche Nutzung dieser Erweiterung hilft Ihnen, Entscheidungen über Ihre Aktivitäten basierend auf diesen Informationen zu treffen. diff --git a/translations/de/5-browser-extension/solution/translation/README.es.md b/translations/de/5-browser-extension/solution/translation/README.es.md index 75080420c..8dbe7bcd2 100644 --- a/translations/de/5-browser-extension/solution/translation/README.es.md +++ b/translations/de/5-browser-extension/solution/translation/README.es.md @@ -1,12 +1,3 @@ - # Browser-Erweiterung Carbon Trigger: Vollständiger Code Mit der CO2-Signal-API von tmrow, die den Stromverbrauch verfolgt, können Sie eine Browser-Erweiterung erstellen, die Ihnen direkt in Ihrem Browser eine Erinnerung an den Stromverbrauch Ihrer Region gibt. Die Nutzung dieser Ad-hoc-Erweiterung hilft Ihnen, Entscheidungen über Ihre Aktivitäten basierend auf diesen Informationen zu treffen. diff --git a/translations/de/5-browser-extension/solution/translation/README.fr.md b/translations/de/5-browser-extension/solution/translation/README.fr.md index 4129ecb92..38a7c32c9 100644 --- a/translations/de/5-browser-extension/solution/translation/README.fr.md +++ b/translations/de/5-browser-extension/solution/translation/README.fr.md @@ -1,12 +1,3 @@ - # Browser-Erweiterung Carbon Trigger: Fertiger Code Mit der CO2 Signal API von tmrow, die den Stromverbrauch verfolgt, erstellen Sie eine Browser-Erweiterung, die Sie direkt in Ihrem Browser an den Stromverbrauch in Ihrer Region erinnert. Die Nutzung dieser maßgeschneiderten Erweiterung hilft Ihnen, Ihre Aktivitäten basierend auf diesen Informationen zu bewerten. diff --git a/translations/de/5-browser-extension/solution/translation/README.hi.md b/translations/de/5-browser-extension/solution/translation/README.hi.md index f81ffe968..66178b808 100644 --- a/translations/de/5-browser-extension/solution/translation/README.hi.md +++ b/translations/de/5-browser-extension/solution/translation/README.hi.md @@ -1,12 +1,3 @@ - # Carbon Trigger Browser-Erweiterung: Fertiger Code Verwendung der CO2 Signal API von tmrow, um den Stromverbrauch zu verfolgen und eine Browser-Erweiterung zu erstellen, die Sie daran erinnert, wie stark der Stromverbrauch in Ihrer Region ist. Durch die Nutzung dieser Erweiterung können Sie basierend auf diesen Informationen Entscheidungen über Ihre Aktivitäten treffen. diff --git a/translations/de/5-browser-extension/solution/translation/README.it.md b/translations/de/5-browser-extension/solution/translation/README.it.md index f776ba6a5..bd840081a 100644 --- a/translations/de/5-browser-extension/solution/translation/README.it.md +++ b/translations/de/5-browser-extension/solution/translation/README.it.md @@ -1,12 +1,3 @@ - # Carbon Trigger Browser-Erweiterung: Code zum Starten Die CO2 Signal API von tmrow wird verwendet, um den Stromverbrauch zu überwachen und eine Browser-Erweiterung zu erstellen, die direkt im Browser daran erinnert, wie hoch der Stromverbrauch in der eigenen Region ist. Die Nutzung dieser maßgeschneiderten Erweiterung hilft dabei, die eigenen Aktivitäten basierend auf diesen Informationen zu bewerten. diff --git a/translations/de/5-browser-extension/solution/translation/README.ja.md b/translations/de/5-browser-extension/solution/translation/README.ja.md index 33815048e..3ee93f5cb 100644 --- a/translations/de/5-browser-extension/solution/translation/README.ja.md +++ b/translations/de/5-browser-extension/solution/translation/README.ja.md @@ -1,12 +1,3 @@ - # Carbon-Trigger-Browser-Erweiterung: Fertiger Code Erstellen Sie eine Browser-Erweiterung, die mithilfe der CO2 Signal API von tmrow den Stromverbrauch in Ihrer Region überwacht und als Erinnerung im Browser anzeigt, wie hoch der Energieverbrauch ist. Mit dieser Erweiterung können Sie Ihre Aktivitäten basierend auf diesen Informationen besser planen. diff --git a/translations/de/5-browser-extension/solution/translation/README.ms.md b/translations/de/5-browser-extension/solution/translation/README.ms.md index d417fc6ea..325e98fa6 100644 --- a/translations/de/5-browser-extension/solution/translation/README.ms.md +++ b/translations/de/5-browser-extension/solution/translation/README.ms.md @@ -1,12 +1,3 @@ - # Carbon Trigger Browser-Erweiterung: Vollständiger Code Nutzen Sie die CO2-Signal-API von tmrow, um den Stromverbrauch zu überwachen, und erstellen Sie eine Browser-Erweiterung, die Sie im Browser über die Intensität des Stromverbrauchs in Ihrer Region informiert. Die Verwendung dieser Erweiterung hilft Ihnen, Ihre Aktivitäten basierend auf diesen Informationen bewusster zu planen. diff --git a/translations/de/5-browser-extension/start/README.md b/translations/de/5-browser-extension/start/README.md index fa1e9a3d8..8546f28ab 100644 --- a/translations/de/5-browser-extension/start/README.md +++ b/translations/de/5-browser-extension/start/README.md @@ -1,12 +1,3 @@ - # Carbon Trigger Browser-Erweiterung: Starter-Code Verwenden Sie die CO2 Signal API von tmrow, um den Stromverbrauch zu verfolgen, und erstellen Sie eine Browser-Erweiterung, damit Sie direkt in Ihrem Browser eine Erinnerung daran haben, wie stark der Stromverbrauch in Ihrer Region ist. Die gelegentliche Nutzung dieser Erweiterung hilft Ihnen, Entscheidungen über Ihre Aktivitäten basierend auf diesen Informationen zu treffen. diff --git a/translations/de/6-space-game/1-introduction/README.md b/translations/de/6-space-game/1-introduction/README.md index 90283d369..96cc7d848 100644 --- a/translations/de/6-space-game/1-introduction/README.md +++ b/translations/de/6-space-game/1-introduction/README.md @@ -1,12 +1,3 @@ - # Baue ein Weltraumspiel Teil 1: Einführung ```mermaid diff --git a/translations/de/6-space-game/1-introduction/assignment.md b/translations/de/6-space-game/1-introduction/assignment.md index 9c8c008a2..4fe64d7cb 100644 --- a/translations/de/6-space-game/1-introduction/assignment.md +++ b/translations/de/6-space-game/1-introduction/assignment.md @@ -1,12 +1,3 @@ - # Spiele-Prototyp erstellen: Designmuster anwenden ## Aufgabenübersicht diff --git a/translations/de/6-space-game/2-drawing-to-canvas/README.md b/translations/de/6-space-game/2-drawing-to-canvas/README.md index 0bc7a11c4..04e4c169a 100644 --- a/translations/de/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/de/6-space-game/2-drawing-to-canvas/README.md @@ -1,12 +1,3 @@ - # Baue ein Space Game Teil 2: Held und Monster auf die Leinwand zeichnen ```mermaid diff --git a/translations/de/6-space-game/2-drawing-to-canvas/assignment.md b/translations/de/6-space-game/2-drawing-to-canvas/assignment.md index ed3913938..36b72e5e8 100644 --- a/translations/de/6-space-game/2-drawing-to-canvas/assignment.md +++ b/translations/de/6-space-game/2-drawing-to-canvas/assignment.md @@ -1,12 +1,3 @@ - # Aufgabe: Erkunde die Canvas API ## Lernziele diff --git a/translations/de/6-space-game/3-moving-elements-around/README.md b/translations/de/6-space-game/3-moving-elements-around/README.md index 13e77c3b7..61c209576 100644 --- a/translations/de/6-space-game/3-moving-elements-around/README.md +++ b/translations/de/6-space-game/3-moving-elements-around/README.md @@ -1,12 +1,3 @@ - # Baue ein Weltraumspiel Teil 3: Bewegung hinzufügen ```mermaid diff --git a/translations/de/6-space-game/3-moving-elements-around/assignment.md b/translations/de/6-space-game/3-moving-elements-around/assignment.md index 964b6c3c3..1ecf76995 100644 --- a/translations/de/6-space-game/3-moving-elements-around/assignment.md +++ b/translations/de/6-space-game/3-moving-elements-around/assignment.md @@ -1,12 +1,3 @@ - # Kommentieren Sie Ihren Code ## Anleitung diff --git a/translations/de/6-space-game/4-collision-detection/README.md b/translations/de/6-space-game/4-collision-detection/README.md index cf702556a..008dda356 100644 --- a/translations/de/6-space-game/4-collision-detection/README.md +++ b/translations/de/6-space-game/4-collision-detection/README.md @@ -1,12 +1,3 @@ - # Baue ein Weltraumspiel Teil 4: Hinzufügen eines Lasers und Erkennen von Kollisionen ```mermaid diff --git a/translations/de/6-space-game/4-collision-detection/assignment.md b/translations/de/6-space-game/4-collision-detection/assignment.md index 09c307554..deb3ae6f8 100644 --- a/translations/de/6-space-game/4-collision-detection/assignment.md +++ b/translations/de/6-space-game/4-collision-detection/assignment.md @@ -1,12 +1,3 @@ - # Kollisionen erkunden ## Anweisungen diff --git a/translations/de/6-space-game/4-collision-detection/solution/README.md b/translations/de/6-space-game/4-collision-detection/solution/README.md index 91ddf8540..79a5503cc 100644 --- a/translations/de/6-space-game/4-collision-detection/solution/README.md +++ b/translations/de/6-space-game/4-collision-detection/solution/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/6-space-game/4-collision-detection/your-work/README.md b/translations/de/6-space-game/4-collision-detection/your-work/README.md index 65f47ea0d..3f6f428e1 100644 --- a/translations/de/6-space-game/4-collision-detection/your-work/README.md +++ b/translations/de/6-space-game/4-collision-detection/your-work/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/6-space-game/5-keeping-score/README.md b/translations/de/6-space-game/5-keeping-score/README.md index 482be4dab..e17fd7e58 100644 --- a/translations/de/6-space-game/5-keeping-score/README.md +++ b/translations/de/6-space-game/5-keeping-score/README.md @@ -1,12 +1,3 @@ - # Baue ein Weltraumspiel Teil 5: Punkte und Leben ```mermaid diff --git a/translations/de/6-space-game/5-keeping-score/assignment.md b/translations/de/6-space-game/5-keeping-score/assignment.md index 4649bf0cf..57114abcb 100644 --- a/translations/de/6-space-game/5-keeping-score/assignment.md +++ b/translations/de/6-space-game/5-keeping-score/assignment.md @@ -1,12 +1,3 @@ - # Erstelle ein Punktespiel ## Anweisungen diff --git a/translations/de/6-space-game/5-keeping-score/solution/README.md b/translations/de/6-space-game/5-keeping-score/solution/README.md index eef587bf2..79a5503cc 100644 --- a/translations/de/6-space-game/5-keeping-score/solution/README.md +++ b/translations/de/6-space-game/5-keeping-score/solution/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/6-space-game/5-keeping-score/your-work/README.md b/translations/de/6-space-game/5-keeping-score/your-work/README.md index a78a58d01..79a5503cc 100644 --- a/translations/de/6-space-game/5-keeping-score/your-work/README.md +++ b/translations/de/6-space-game/5-keeping-score/your-work/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/6-space-game/6-end-condition/README.md b/translations/de/6-space-game/6-end-condition/README.md index f11c2815d..e30d28593 100644 --- a/translations/de/6-space-game/6-end-condition/README.md +++ b/translations/de/6-space-game/6-end-condition/README.md @@ -1,12 +1,3 @@ - # Baue ein Weltraumspiel Teil 6: Ende und Neustart ```mermaid diff --git a/translations/de/6-space-game/6-end-condition/assignment.md b/translations/de/6-space-game/6-end-condition/assignment.md index 8da777c7a..cf3a8cd38 100644 --- a/translations/de/6-space-game/6-end-condition/assignment.md +++ b/translations/de/6-space-game/6-end-condition/assignment.md @@ -1,12 +1,3 @@ - # Erstelle ein Beispielspiel ## Aufgabenübersicht diff --git a/translations/de/6-space-game/6-end-condition/solution/README.md b/translations/de/6-space-game/6-end-condition/solution/README.md index be77864c5..08bdc02fa 100644 --- a/translations/de/6-space-game/6-end-condition/solution/README.md +++ b/translations/de/6-space-game/6-end-condition/solution/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/6-space-game/6-end-condition/your-work/README.md b/translations/de/6-space-game/6-end-condition/your-work/README.md index 5a6373e2e..79a5503cc 100644 --- a/translations/de/6-space-game/6-end-condition/your-work/README.md +++ b/translations/de/6-space-game/6-end-condition/your-work/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/6-space-game/README.md b/translations/de/6-space-game/README.md index 694742356..1d9c83f2a 100644 --- a/translations/de/6-space-game/README.md +++ b/translations/de/6-space-game/README.md @@ -1,12 +1,3 @@ - # Baue ein Weltraumspiel Ein Weltraumspiel, um fortgeschrittene JavaScript-Grundlagen zu erlernen diff --git a/translations/de/6-space-game/solution/README.md b/translations/de/6-space-game/solution/README.md index 917449d36..79a5503cc 100644 --- a/translations/de/6-space-game/solution/README.md +++ b/translations/de/6-space-game/solution/README.md @@ -1,12 +1,3 @@ - Dies ist ein Platzhalter, absichtlich leer gelassen **Haftungsausschluss**: diff --git a/translations/de/7-bank-project/1-template-route/README.md b/translations/de/7-bank-project/1-template-route/README.md index a3a2885c5..41888f816 100644 --- a/translations/de/7-bank-project/1-template-route/README.md +++ b/translations/de/7-bank-project/1-template-route/README.md @@ -1,12 +1,3 @@ - # Erstellen einer Banking-App Teil 1: HTML-Vorlagen und Routen in einer Webanwendung ```mermaid diff --git a/translations/de/7-bank-project/1-template-route/assignment.md b/translations/de/7-bank-project/1-template-route/assignment.md index c2b2fe01d..ab0c8142d 100644 --- a/translations/de/7-bank-project/1-template-route/assignment.md +++ b/translations/de/7-bank-project/1-template-route/assignment.md @@ -1,12 +1,3 @@ - # Verbesserung des Routings ## Anweisungen diff --git a/translations/de/7-bank-project/2-forms/README.md b/translations/de/7-bank-project/2-forms/README.md index 1b67b810c..b947d3e72 100644 --- a/translations/de/7-bank-project/2-forms/README.md +++ b/translations/de/7-bank-project/2-forms/README.md @@ -1,12 +1,3 @@ - # Baue eine Banking-App Teil 2: Erstelle ein Login- und Registrierungsformular ```mermaid diff --git a/translations/de/7-bank-project/2-forms/assignment.md b/translations/de/7-bank-project/2-forms/assignment.md index c1e0b42b9..b9d4dbe95 100644 --- a/translations/de/7-bank-project/2-forms/assignment.md +++ b/translations/de/7-bank-project/2-forms/assignment.md @@ -1,12 +1,3 @@ - # Style deine Bank-App mit modernem CSS ## Projektübersicht diff --git a/translations/de/7-bank-project/3-data/README.md b/translations/de/7-bank-project/3-data/README.md index b078bbed2..c8f7adf47 100644 --- a/translations/de/7-bank-project/3-data/README.md +++ b/translations/de/7-bank-project/3-data/README.md @@ -1,12 +1,3 @@ - # Erstellen Sie eine Banking-App Teil 3: Methoden zum Abrufen und Verwenden von Daten Denken Sie an den Computer der Enterprise in Star Trek – wenn Captain Picard nach dem Status des Schiffs fragt, erscheinen die Informationen sofort, ohne dass die gesamte Benutzeroberfläche herunterfährt und sich neu aufbaut. Dieser nahtlose Informationsfluss ist genau das, was wir hier mit dynamischem Datenabruf aufbauen. diff --git a/translations/de/7-bank-project/3-data/assignment.md b/translations/de/7-bank-project/3-data/assignment.md index 5f3873955..c58c3623d 100644 --- a/translations/de/7-bank-project/3-data/assignment.md +++ b/translations/de/7-bank-project/3-data/assignment.md @@ -1,12 +1,3 @@ - # Code-Refactoring- und Dokumentationsaufgabe ## Lernziele diff --git a/translations/de/7-bank-project/4-state-management/README.md b/translations/de/7-bank-project/4-state-management/README.md index 9d0334d86..e93820bf0 100644 --- a/translations/de/7-bank-project/4-state-management/README.md +++ b/translations/de/7-bank-project/4-state-management/README.md @@ -1,12 +1,3 @@ - # Erstellen einer Banking-App Teil 4: Konzepte des State Managements ## ⚡ Was Sie in den nächsten 5 Minuten tun können diff --git a/translations/de/7-bank-project/4-state-management/assignment.md b/translations/de/7-bank-project/4-state-management/assignment.md index edf282de6..20c5cbbb6 100644 --- a/translations/de/7-bank-project/4-state-management/assignment.md +++ b/translations/de/7-bank-project/4-state-management/assignment.md @@ -1,12 +1,3 @@ - # "Transaktion hinzufügen"-Dialog implementieren ## Übersicht diff --git a/translations/de/7-bank-project/README.md b/translations/de/7-bank-project/README.md index c39af872f..f17468683 100644 --- a/translations/de/7-bank-project/README.md +++ b/translations/de/7-bank-project/README.md @@ -1,12 +1,3 @@ - # :dollar: Baue eine Bank In diesem Projekt lernst du, wie man eine fiktive Bank erstellt. Diese Lektionen enthalten Anleitungen, wie man eine Web-App gestaltet und Routen bereitstellt, Formulare erstellt, den Zustand verwaltet und Daten von einer API abruft, um die Bankdaten zu erhalten. diff --git a/translations/de/7-bank-project/api/README.md b/translations/de/7-bank-project/api/README.md index 26601b859..0fa4e92de 100644 --- a/translations/de/7-bank-project/api/README.md +++ b/translations/de/7-bank-project/api/README.md @@ -1,12 +1,3 @@ - # Bank-API > Bank-API erstellt mit [Node.js](https://nodejs.org) + [Express](https://expressjs.com/). diff --git a/translations/de/7-bank-project/solution/README.md b/translations/de/7-bank-project/solution/README.md index 0c68d0f00..dc88efaf9 100644 --- a/translations/de/7-bank-project/solution/README.md +++ b/translations/de/7-bank-project/solution/README.md @@ -1,12 +1,3 @@ - # Bank-App > Beispiel-Lösung für das Bank-App-Projekt, erstellt mit reinem HTML5, CSS und JavaScript (ohne Frameworks oder Bibliotheken). diff --git a/translations/de/8-code-editor/1-using-a-code-editor/README.md b/translations/de/8-code-editor/1-using-a-code-editor/README.md index d9af1a59f..bb142a113 100644 --- a/translations/de/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/de/8-code-editor/1-using-a-code-editor/README.md @@ -1,12 +1,3 @@ - # Verwendung eines Code-Editors: VSCode.dev meistern Erinnerst du dich an *The Matrix*, als Neo an ein riesiges Computerterminal angeschlossen werden musste, um Zugang zur digitalen Welt zu erhalten? Die heutigen Web-Entwicklungstools sind das genaue Gegenteil – unglaublich leistungsstarke Funktionen, die von überall aus zugänglich sind. VSCode.dev ist ein browserbasierter Code-Editor, der professionelle Entwicklungstools auf jedes Gerät mit Internetverbindung bringt. diff --git a/translations/de/8-code-editor/1-using-a-code-editor/assignment.md b/translations/de/8-code-editor/1-using-a-code-editor/assignment.md index 1d1b0e204..b2bd27548 100644 --- a/translations/de/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/de/8-code-editor/1-using-a-code-editor/assignment.md @@ -1,12 +1,3 @@ - # Erstelle eine Lebenslauf-Website mit VSCode.dev Verwandle deine Karrierechancen, indem du eine professionelle Lebenslauf-Website erstellst, die deine Fähigkeiten und Erfahrungen in einem interaktiven, modernen Format präsentiert. Statt traditionelle PDFs zu verschicken, stelle dir vor, du bietest Personalverantwortlichen eine schlanke, responsive Website an, die sowohl deine Qualifikationen als auch deine Webentwicklungsfähigkeiten demonstriert. diff --git a/translations/de/9-chat-project/README.md b/translations/de/9-chat-project/README.md index ed7943bc5..d22d7f86d 100644 --- a/translations/de/9-chat-project/README.md +++ b/translations/de/9-chat-project/README.md @@ -1,12 +1,3 @@ - # Erstelle einen Chat-Assistenten mit KI Erinnerst du dich an Star Trek, als die Crew zwanglos mit dem Computer des Raumschiffs sprach, ihm komplexe Fragen stellte und durchdachte Antworten erhielt? Was in den 1960er Jahren wie reine Science-Fiction erschien, kannst du heute mit den Webtechnologien, die du bereits kennst, selbst bauen. diff --git a/translations/de/9-chat-project/solution/README.md b/translations/de/9-chat-project/solution/README.md index 101addd5c..377a7134d 100644 --- a/translations/de/9-chat-project/solution/README.md +++ b/translations/de/9-chat-project/solution/README.md @@ -1,12 +1,3 @@ - # Lösung ausführen 1. Starte das [Backend](./backend/README.md) diff --git a/translations/de/9-chat-project/solution/backend/README.md b/translations/de/9-chat-project/solution/backend/README.md index 1f601947b..3bc3296cb 100644 --- a/translations/de/9-chat-project/solution/backend/README.md +++ b/translations/de/9-chat-project/solution/backend/README.md @@ -1,12 +1,3 @@ - Wählen Sie Ihre Laufzeitumgebung - [Python](./python/README.md) diff --git a/translations/de/9-chat-project/solution/backend/python/README.md b/translations/de/9-chat-project/solution/backend/python/README.md index 4bdb3f9f9..9b573ea16 100644 --- a/translations/de/9-chat-project/solution/backend/python/README.md +++ b/translations/de/9-chat-project/solution/backend/python/README.md @@ -1,12 +1,3 @@ - # Code ausführen ## Einrichtung diff --git a/translations/de/9-chat-project/solution/frontend/README.md b/translations/de/9-chat-project/solution/frontend/README.md index 22c10a735..e8670178c 100644 --- a/translations/de/9-chat-project/solution/frontend/README.md +++ b/translations/de/9-chat-project/solution/frontend/README.md @@ -1,12 +1,3 @@ - # Code ausführen ```sh diff --git a/translations/de/AGENTS.md b/translations/de/AGENTS.md index 38eb99cd2..066888c70 100644 --- a/translations/de/AGENTS.md +++ b/translations/de/AGENTS.md @@ -1,12 +1,3 @@ - # AGENTS.md ## Projektübersicht diff --git a/translations/de/CODE_OF_CONDUCT.md b/translations/de/CODE_OF_CONDUCT.md index dca3e9112..d85b56470 100644 --- a/translations/de/CODE_OF_CONDUCT.md +++ b/translations/de/CODE_OF_CONDUCT.md @@ -1,12 +1,3 @@ - # Microsoft Open Source Verhaltenskodex Dieses Projekt hat den [Microsoft Open Source Verhaltenskodex](https://opensource.microsoft.com/codeofconduct/?WT.mc_id=academic-77807-sagibbon) übernommen. diff --git a/translations/de/CONTRIBUTING.md b/translations/de/CONTRIBUTING.md index 9c4befd60..c0740a8c2 100644 --- a/translations/de/CONTRIBUTING.md +++ b/translations/de/CONTRIBUTING.md @@ -1,12 +1,3 @@ - # Mitwirken Dieses Projekt freut sich über Beiträge und Vorschläge. Die meisten Beiträge erfordern, dass Sie einer Contributor License Agreement (CLA) zustimmen, in der Sie erklären, dass Sie das Recht haben und uns tatsächlich die Rechte einräumen, Ihren Beitrag zu nutzen. Weitere Details finden Sie unter [https://cla.microsoft.com](https://cla.microsoft.com/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/de/Git-Basics/README.md b/translations/de/Git-Basics/README.md index 91eb25e9d..b4a1d5bac 100644 --- a/translations/de/Git-Basics/README.md +++ b/translations/de/Git-Basics/README.md @@ -1,12 +1,3 @@ - ## Grundlagen von GIT für Webentwicklungs-Anfänger👶 ## Was ist `Git`? diff --git a/translations/de/README.md b/translations/de/README.md index 5efbfd1d9..ab3b4f2d6 100644 --- a/translations/de/README.md +++ b/translations/de/README.md @@ -1,12 +1,3 @@ - [![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) [![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) @@ -19,203 +10,202 @@ CO_OP_TRANSLATOR_METADATA: [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Webentwicklung für Anfänger – Ein Lehrplan +# Webentwicklung für Einsteiger - Ein Curriculum -Lerne die Grundlagen der Webentwicklung mit unserem 12-wöchigen umfassenden Kurs von Microsoft Cloud Advocates. Jede der 24 Lektionen taucht durch praxisnahe Projekte wie Terrarien, Browser-Erweiterungen und Weltraumspiele in JavaScript, CSS und HTML ein. Mache mit bei Quizzen, Diskussionen und praktischen Aufgaben. Verbessere deine Fähigkeiten und optimiere deine Wissensspeicherung mit unserer effektiven projektbasierten Pädagogik. Starte noch heute deine Programmierreise! +Lernen Sie die Grundlagen der Webentwicklung mit unserem 12-wöchigen umfassenden Kurs von Microsoft Cloud Advocates. Jede der 24 Lektionen taucht in JavaScript, CSS und HTML durch praktische Projekte wie Terrarien, Browsererweiterungen und Weltraumspiele ein. Nehmen Sie an Quizzen, Diskussionen und praktischen Aufgaben teil. Verbessern Sie Ihre Fähigkeiten und optimieren Sie Ihre Wissensspeicherung mit unserer effektiven projektbasierten Pädagogik. Starten Sie noch heute Ihre Programmierreise! -Tritt der Azure AI Foundry Discord Community bei +Treten Sie der Azure AI Foundry Discord Community bei [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Folge diesen Schritten, um mit diesen Ressourcen zu starten: -1. **Forke das Repository**: Klick auf [![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. **Klone das Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Tritt dem Azure AI Foundry Discord bei und triff Experten und andere Entwickler**](https://discord.com/invite/ByRwuEEgH4) +Befolgen Sie diese Schritte, um mit diesen Ressourcen zu starten: +1. **Forken Sie das Repository**: Klicken Sie auf [![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. **Klonen Sie das Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Treten Sie dem Azure AI Foundry Discord bei und treffen Sie Experten und andere Entwickler**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Mehrsprachige Unterstützung -#### Unterstützt über GitHub Action (Automatisiert & Immer aktuell) +#### Unterstützt durch GitHub Action (Automatisch & Immer auf dem neuesten Stand) -[Arabisch](../ar/README.md) | [Bengalisch](../bn/README.md) | [Bulgarisch](../bg/README.md) | [Birmanisch (Myanmar)](../my/README.md) | [Chinesisch (Vereinfacht)](../zh/README.md) | [Chinesisch (Traditionell, Hongkong)](../hk/README.md) | [Chinesisch (Traditionell, Macau)](../mo/README.md) | [Chinesisch (Traditionell, Taiwan)](../tw/README.md) | [Kroatisch](../hr/README.md) | [Tschechisch](../cs/README.md) | [Dänisch](../da/README.md) | [Niederländisch](../nl/README.md) | [Estnisch](../et/README.md) | [Finnisch](../fi/README.md) | [Französisch](../fr/README.md) | [Deutsch](./README.md) | [Griechisch](../el/README.md) | [Hebräisch](../he/README.md) | [Hindi](../hi/README.md) | [Ungarisch](../hu/README.md) | [Indonesisch](../id/README.md) | [Italienisch](../it/README.md) | [Japanisch](../ja/README.md) | [Kannada](../kn/README.md) | [Koreanisch](../ko/README.md) | [Litauisch](../lt/README.md) | [Malaiisch](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalesisch](../ne/README.md) | [Nigerianisches Pidgin](../pcm/README.md) | [Norwegisch](../no/README.md) | [Persisch (Farsi)](../fa/README.md) | [Polnisch](../pl/README.md) | [Portugiesisch (Brasilien)](../br/README.md) | [Portugiesisch (Portugal)](../pt/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumänisch](../ro/README.md) | [Russisch](../ru/README.md) | [Serbisch (Kyrillisch)](../sr/README.md) | [Slowakisch](../sk/README.md) | [Slowenisch](../sl/README.md) | [Spanisch](../es/README.md) | [Suaheli](../sw/README.md) | [Schwedisch](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailändisch](../th/README.md) | [Türkisch](../tr/README.md) | [Ukrainisch](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamesisch](../vi/README.md) +[Arabisch](../ar/README.md) | [Bengalisch](../bn/README.md) | [Bulgarisch](../bg/README.md) | [Birmanisch (Myanmar)](../my/README.md) | [Chinesisch (vereinfacht)](../zh-CN/README.md) | [Chinesisch (traditionell, Hongkong)](../zh-HK/README.md) | [Chinesisch (traditionell, Macau)](../zh-MO/README.md) | [Chinesisch (traditionell, Taiwan)](../zh-TW/README.md) | [Kroatisch](../hr/README.md) | [Tschechisch](../cs/README.md) | [Dänisch](../da/README.md) | [Niederländisch](../nl/README.md) | [Estnisch](../et/README.md) | [Finnisch](../fi/README.md) | [Französisch](../fr/README.md) | [Deutsch](./README.md) | [Griechisch](../el/README.md) | [Hebräisch](../he/README.md) | [Hindi](../hi/README.md) | [Ungarisch](../hu/README.md) | [Indonesisch](../id/README.md) | [Italienisch](../it/README.md) | [Japanisch](../ja/README.md) | [Kannada](../kn/README.md) | [Koreanisch](../ko/README.md) | [Litauisch](../lt/README.md) | [Malaiisch](../ms/README.md) | [Malajalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalesisch](../ne/README.md) | [Nigerianisches Pidgin](../pcm/README.md) | [Norwegisch](../no/README.md) | [Persisch (Farsi)](../fa/README.md) | [Polnisch](../pl/README.md) | [Portugiesisch (Brasilien)](../pt-BR/README.md) | [Portugiesisch (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumänisch](../ro/README.md) | [Russisch](../ru/README.md) | [Serbisch (Kyrillisch)](../sr/README.md) | [Slowakisch](../sk/README.md) | [Slowenisch](../sl/README.md) | [Spanisch](../es/README.md) | [Suaheli](../sw/README.md) | [Schwedisch](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailändisch](../th/README.md) | [Türkisch](../tr/README.md) | [Ukrainisch](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamesisch](../vi/README.md) -> **Möchtest du lieber lokal klonen?** +> **Möchten Sie lokal klonen?** -> Dieses Repository enthält über 50 Sprachübersetzungen, was die Downloadgröße erheblich erhöht. Um ohne Übersetzungen zu klonen, verwende Sparse Checkout: +> Dieses Repository enthält über 50 Sprachübersetzungen, was die Downloadgröße erheblich erhöht. Um ohne Übersetzungen zu klonen, verwenden Sie 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' > ``` -> Damit erhältst du alles, was du für den Kurs brauchst, mit einem viel schnelleren Download. +> Damit erhalten Sie alles, was Sie für den Abschluss des Kurses benötigen, mit einem viel schnelleren Download. -**Wenn du zusätzliche Übersetzungssprachen möchtest, sind diese [hier](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) aufgelistet** +**Wenn Sie weitere Übersetzungen wünschen, sind unterstützte Sprachen [hier](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) aufgelistet** -[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=In%20Visual%20Studio%20Code%20öffnen&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) +[![In Visual Studio Code öffnen](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=In%20Visual%20Studio%20Code%20öffnen&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) -#### 🧑‍🎓 _Bist du ein Student?_ +#### 🧑‍🎓 _Sind Sie ein Student?_ -Besuche die [**Studenten-Hub-Seite**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), wo du Anfänger-Ressourcen, Studentenpakete und sogar Möglichkeiten findest, einen kostenlosen Zertifikats-Gutschein zu erhalten. Dies ist die Seite, die du bookmarken und von Zeit zu Zeit überprüfen möchtest, da wir monatlich Inhalte austauschen. +Besuchen Sie die [**Student Hub-Seite**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), auf der Sie Einstiegsressourcen, Studentensets und sogar Möglichkeiten finden, einen kostenlosen Zertifikatsgutschein zu erhalten. Dies ist die Seite, die Sie als Lesezeichen setzen und von Zeit zu Zeit überprüfen sollten, da wir monatlich Inhalte austauschen. -### 📣 Ankündigung – Neue GitHub Copilot Agent Mode Herausforderungen zum Abschließen! +### 📣 Ankündigung - Neue GitHub Copilot Agent Mode Herausforderungen zu meistern! -Neue Herausforderung hinzugefügt, suche nach „GitHub Copilot Agent Challenge 🚀“ in den meisten Kapiteln. Das ist eine neue Herausforderung für dich, die du mit GitHub Copilot und dem Agent-Mode absolvieren kannst. Falls du Agent-Mode noch nicht verwendet hast: Er kann nicht nur Text generieren, sondern auch Dateien erstellen und bearbeiten, Befehle ausführen und mehr. +Neue Herausforderung hinzugefügt, suchen Sie in den meisten Kapiteln nach "GitHub Copilot Agent Challenge 🚀". Das ist eine neue Herausforderung für Sie, die Sie mit GitHub Copilot und dem Agent-Modus abschließen können. Wenn Sie den Agent-Modus noch nicht benutzt haben, kann dieser nicht nur Text generieren, sondern auch Dateien erstellen und bearbeiten, Befehle ausführen und mehr. -### 📣 Ankündigung – _Neues Projekt mit Generativer KI_ +### 📣 Ankündigung - _Neues Projekt mit Generativer KI bauen_ -Neues KI-Assistent Projekt gerade hinzugefügt, schau es dir an [Projekt](./9-chat-project/README.md) +Neues AI Assistant-Projekt gerade hinzugefügt, sehen Sie sich das [Projekt](./9-chat-project/README.md) an. -### 📣 Ankündigung – _Neuer Lehrplan_ zu Generativer KI für JavaScript wurde veröffentlicht +### 📣 Ankündigung - _Neues Curriculum_ zu Generativer KI für JavaScript wurde gerade veröffentlicht -Verpasse nicht unseren neuen Lehrplan zur Generativen KI! +Verpassen Sie nicht unser neues Curriculum für Generative KI! -Besuche [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), um zu starten! +Besuchen Sie [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) für den Einstieg! -![Background](../../translated_images/de/background.148a8d43afde5730.webp) +![Hintergrund](../../translated_images/de/background.148a8d43afde5730.webp) -- Lektionen, die alles von den Grundlagen bis zu RAG abdecken. -- Interagiere mit historischen Figuren mithilfe von GenAI und unserer Begleit-App. -- Spannende und unterhaltsame Erzählung, du wirst durch die Zeit reisen! +- Lektionen von den Grundlagen bis RAG. +- Interagieren Sie mit historischen Charakteren mittels GenAI und unserer Begleit-App. +- Spannende und unterhaltsame Erzählung, Sie reisen durch die Zeit! -![character](../../translated_images/de/character.5c0dd8e067ffd693.webp) +![Charakter](../../translated_images/de/character.5c0dd8e067ffd693.webp) - -Jede Lektion beinhaltet eine Aufgabe, einen Wissenstest und eine Herausforderung, die dich beim Lernen von Themen wie: -- Prompting und Prompt-Engineering -- Text- und Bild-App-Generierung +Jede Lektion enthält eine Aufgabe zum Abschließen, eine Wissensüberprüfung und eine Herausforderung, die Sie beim Lernen der Themen unterstützt wie: +- Prompting und Prompt Engineering +- Text- und Bild-App-Generierung - Such-Apps -Besuche [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course), um zu starten! +Besuchen Sie [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) für den Start! ## 🌱 Erste Schritte -> **Lehrkräfte**, wir haben [einige Vorschläge](for-teachers.md) wie dieser Lehrplan genutzt werden kann. Wir freuen uns über euer Feedback [in unserem Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Lehrer**, wir haben [einige Vorschläge](for-teachers.md) zur Nutzung dieses Curriculums eingefügt. Wir würden uns über Ihr Feedback [in unserem Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) freuen! -**[Lernende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, für jede Lektion, beginne mit einem Vorab-Quiz und arbeite dich dann durch die Vorlesungsunterlagen, schließe die verschiedenen Aktivitäten ab und überprüfe dein Verständnis mit dem Nach-Quiz. +**[Lernende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, beginnen Sie mit jeder Lektion mit einem Quiz vor der Vorlesung und lesen Sie dann das Vorlesungsmaterial, bearbeiten Sie die verschiedenen Aktivitäten und überprüfen Sie Ihr Verständnis mit dem Quiz nach der Vorlesung. -Zur Verbesserung deiner Lernerfahrung verbinde dich mit deinen Mitlernenden, um gemeinsam an den Projekten zu arbeiten! Diskussionen sind erwünscht in unserem [Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), wo unser Moderatorenteam deine Fragen beantwortet. +Um Ihr Lernerlebnis zu verbessern, vernetzen Sie sich mit Ihren Mitlernenden, um die Projekte zusammen zu bearbeiten! Diskussionen sind in unserem [Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) erwünscht, wo unser Moderatorenteam Ihre Fragen beantwortet. -Um deine Ausbildung zu vertiefen, empfehlen wir ausdrücklich die Erkundung von [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) für zusätzliche Lernmaterialien. +Zur Erweiterung Ihrer Bildung empfehlen wir auch, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) für zusätzliche Lernmaterialien zu erkunden. -### 📋 Einrichtung deiner Umgebung +### 📋 Richten Sie Ihre Arbeitsumgebung ein -Dieser Lehrplan enthält eine Entwicklungsumgebung, die sofort einsatzbereit ist! Wenn du startest, kannst du wählen, den Lehrplan in einem [Codespace](https://github.com/features/codespaces/) (_eine browserbasierte Umgebung ohne Installation_) oder lokal auf deinem Computer mit einem Texteditor wie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) auszuführen. +Dieses Curriculum hat eine sofort einsatzbereite Entwicklungsumgebung! Sie können wählen, ob Sie das Curriculum in einem [Codespace](https://github.com/features/codespaces/) (_eine browserbasierte Umgebung ohne Installation_) oder lokal auf Ihrem Computer mit einem Texteditor wie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ausführen möchten. -#### Erstelle dein Repository -Damit du deine Arbeit einfach speichern kannst, empfehlen wir dir, eine eigene Kopie dieses Repositories zu erstellen. Dies kannst du tun, indem du auf der Seite oben auf die Schaltfläche **Use this template** klickst. Dies erzeugt ein neues Repository in deinem GitHub-Konto mit einer Kopie des Lehrplans. +#### Erstellen Sie Ihr Repository +Um Ihre Arbeit einfach zu speichern, empfehlen wir, eine eigene Kopie dieses Repositories zu erstellen. Dies können Sie tun, indem Sie oben auf der Seite auf die Schaltfläche **Use this template** klicken. Dadurch wird ein neues Repository in Ihrem GitHub-Konto mit einer Kopie des Curriculums erstellt. -Folge diesen Schritten: -1. **Forke das Repository**: Klicke auf die Schaltfläche „Fork“ oben rechts auf dieser Seite. -2. **Klone das Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Folgen Sie diesen Schritten: +1. **Forken Sie das Repository**: Klicken Sie oben rechts auf der Seite auf den „Fork“-Button. +2. **Klonen Sie das Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Ausführen des Lehrplans in einem Codespace +#### Ausführen des Curriculums in einem Codespace -In deiner erstellten Kopie dieses Repositories, klicke auf die **Code**-Schaltfläche und wähle **Open with Codespaces**. Dies erstellt einen neuen Codespace für dich. +Klicken Sie in Ihrer erstellten Kopie dieses Repositories auf die Schaltfläche **Code** und wählen Sie **Open with Codespaces**. Dies erstellt einen neuen Codespace, in dem Sie arbeiten können. ![Codespace](../../translated_images/de/createcodespace.0238bbf4d7a8d955.webp) -#### Ausführen des Lehrplans lokal auf deinem Computer - -Um diesen Lehrplan lokal auf deinem Computer auszuführen, benötigst du einen Texteditor, einen Browser und ein Kommandozeilen-Tool. Unsere erste Lektion, [Einführung in Programmiersprachen und Werkzeuge](../../1-getting-started-lessons/1-intro-to-programming-languages), führt dich durch verschiedene Optionen für jedes dieser Werkzeuge, damit du das auswählen kannst, was für dich am besten funktioniert. +#### Lokales Ausführen des Curriculums auf Ihrem Computer -Unsere Empfehlung ist, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) als Editor zu verwenden, der auch ein integriertes [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) enthält. Du kannst Visual Studio Code [hier](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) herunterladen. +Um das Curriculum lokal auf Ihrem Computer auszuführen, benötigen Sie einen Texteditor, einen Browser und ein Kommandozeilentool. Unsere erste Lektion, [Einführung in Programmiersprachen und Werkzeuge](../../1-getting-started-lessons/1-intro-to-programming-languages), führt Sie durch verschiedene Optionen für diese Tools, damit Sie das passendste auswählen können. +Wir empfehlen die Verwendung von [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) als Editor, der außerdem ein eingebautes [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) enthält. Visual Studio Code können Sie [hier herunterladen](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Klone dein Repository auf deinen Computer. Dies kannst du tun, indem du auf die **Code**-Schaltfläche klickst und die URL kopierst: +1. Klonen Sie Ihr Repository auf Ihren Computer. Das können Sie tun, indem Sie auf die **Code**-Schaltfläche klicken und die URL kopieren: [CodeSpace](./images/createcodespace.png) -Dann öffnen Sie das [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) innerhalb von [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) und führen Sie den folgenden Befehl aus, wobei Sie `` durch die URL ersetzen, die Sie gerade kopiert haben: +Dann öffne [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) innerhalb von [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) und führe den folgenden Befehl aus, wobei du `` durch die soeben kopierte URL ersetzt: ```bash git clone ``` -2. Öffnen Sie den Ordner in Visual Studio Code. Dies können Sie tun, indem Sie auf **Datei** > **Ordner öffnen** klicken und den gerade geklonten Ordner auswählen. +2. Öffne den Ordner in Visual Studio Code. Dies kannst du tun, indem du auf **Datei** > **Ordner öffnen** klickst und den soeben geklonten Ordner auswählst. > Empfohlene Visual Studio Code Erweiterungen: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - um HTML-Seiten innerhalb von Visual Studio Code vorzuschauen -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - um Ihnen zu helfen, schneller Code zu schreiben +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – zum Vorschauen von HTML-Seiten innerhalb von Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – um dir beim schnelleren Schreiben von Code zu helfen -## 📂 Jede Lektion enthält: +## 📂 Jede Lektion beinhaltet: - optionale Sketchnote - optionales ergänzendes Video - Aufwärmquiz vor der Lektion - schriftliche Lektion - für projektbasierte Lektionen Schritt-für-Schritt-Anleitungen zum Aufbau des Projekts -- Wissensüberprüfungen +- Wissenskontrollen - eine Herausforderung - ergänzende Lektüre -- eine [Post-Lektions-Quiz](https://ff-quizzes.netlify.app/web/) +- Aufgabe +- [Nachbereitungsquiz](https://ff-quizzes.netlify.app/web/) -> **Eine Anmerkung zu den Quizzen**: Alle Quizze befinden sich im Ordner Quiz-app, insgesamt 48 Quizze mit jeweils drei Fragen. Sie sind [hier](https://ff-quizzes.netlify.app/web/) verfügbar; die Quiz-App kann lokal ausgeführt oder auf Azure bereitgestellt werden; folgen Sie bitte den Anweisungen im `quiz-app`-Ordner. +> **Eine Anmerkung zu den Quizzen**: Alle Quizze befinden sich im Ordner Quiz-app, insgesamt 48 Quizze mit jeweils drei Fragen. Sie sind [hier](https://ff-quizzes.netlify.app/web/) verfügbar. Die Quiz-App kann lokal ausgeführt oder in Azure bereitgestellt werden; folge der Anleitung im Ordner `quiz-app`. ## 🗃️ Lektionen -| | Projektname | Vermittelte Konzepte | Lernziele | Verknüpfte Lektion | Autor | -| :-: | :-----------------------------------------------------: | :----------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Einstieg | Einführung in Programmierung und Werkzeuge | Lernen Sie die grundlegenden Grundlagen der meisten Programmiersprachen und die Software, die professionellen Entwicklern hilft, ihre Arbeit zu tun | [Einführung in Programmiersprachen und Werkzeuge](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Einstieg | Grundlagen von GitHub, einschließlich Teamarbeit | Wie man GitHub in Ihrem Projekt nutzt und wie man mit anderen an einem Codebasis zusammenarbeitet | [Einführung in GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Einstieg | Barrierefreiheit | Lernen Sie die Grundlagen der Barrierefreiheit im Web | [Grundlagen der Barrierefreiheit](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS-Grundlagen | JavaScript Datentypen | Die Grundlagen der JavaScript Datentypen | [Datentypen](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS-Grundlagen | Funktionen und Methoden | Lernen Sie Funktionen und Methoden kennen, um den Logikfluss einer Anwendung zu verwalten | [Funktionen und Methoden](./2-js-basics/2-functions-methods/README.md) | Jasmine und Christopher | -| 06 | JS-Grundlagen | Entscheidungen mit JS treffen | Lernen Sie, wie Sie Bedingungen in Ihrem Code mit Entscheidungsstrukturen erstellen | [Entscheidungen treffen](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS-Grundlagen | Arrays und Schleifen | Arbeiten Sie mit Daten mithilfe von Arrays und Schleifen in JavaScript | [Arrays und Schleifen](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in der Praxis | Erstellen Sie das HTML für ein Online-Terrarium mit Fokus auf Layout-Erstellung | [Einführung in HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in der Praxis | Erstellen Sie das CSS zur Gestaltung des Online-Terrariums, mit Fokus auf die Grundlagen von CSS und die Responsive Gestaltung | [Einführung in CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM-Manipulation | Erstellen Sie das JavaScript, um das Terrarium als Drag-and-Drop-Schnittstelle funktionsfähig zu machen, mit Fokus auf Closures und DOM-Manipulation | [JavaScript Closures, DOM-Manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Bau eines Tipp-Spiels | Lernen Sie die Verwendung von Tastaturereignissen zum Steuern der Logik Ihrer JavaScript-App | [Ereignisgesteuerte Programmierung](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Arbeiten mit Browsern | Lernen Sie, wie Browser funktionieren, deren Geschichte und wie Sie die ersten Elemente einer Browser-Erweiterung anlegen | [Über Browser](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Formulare erstellen, API aufrufen und Variablen im lokalen Speicher speichern | Erstellen Sie die JavaScript-Elemente Ihrer Browser-Erweiterung, um eine API aufzurufen, wobei Variablen im lokalen Speicher genutzt werden | [APIs, Formulare und Lokaler Speicher](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Hintergrundprozesse im Browser, Webperformance | Nutzen Sie die Hintergrundprozesse des Browsers zur Verwaltung des Symbols der Erweiterung; lernen Sie Webperformance und Optimierungen kennen | [Hintergrundaufgaben und Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Fortgeschrittene Spieleentwicklung mit JavaScript | Lernen Sie Vererbung mit Klassen und Komposition sowie das Pub/Sub-Muster kennen, als Vorbereitung zum Bau eines Spiels | [Einführung in die fortgeschrittene Spieleentwicklung](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Zeichnen auf Canvas | Lernen Sie die Canvas-API kennen, die zum Zeichnen von Elementen auf dem Bildschirm verwendet wird | [Zeichnen auf Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Bewegung von Elementen auf dem Bildschirm | Entdecken Sie, wie Elemente Bewegung mithilfe von kartesischen Koordinaten und der Canvas-API erhalten | [Bewegung von Elementen](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisionsabfrage | Lassen Sie Elemente kollidieren und aufeinander reagieren, nutzen Sie Tastendrücke und stellen Sie eine Abklingfunktion für die Performance des Spiels bereit | [Kollisionsabfrage](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Punkteverwaltung | Führen Sie Berechnungen basierend auf dem Status und der Performance des Spiels durch | [Punkteverwaltung](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Beenden und Neustarten des Spiels | Lernen Sie, wie Sie das Spiel beenden und neu starten, einschließlich Bereinigung von Ressourcen und Zurücksetzen von Variablenwerten | [Bedingung zum Beenden](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-Vorlagen und Routen in einer Web-App | Lernen Sie, wie Sie das Gerüst einer mehrseitigen Website-Architektur mittels Routing und HTML-Vorlagen erstellen | [HTML-Vorlagen und Routen](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Login- und Registrierungsformular erstellen | Lernen Sie, wie Formulare aufgebaut und Validierungsroutinen gehandhabt werden | [Formulare](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Methoden zum Abrufen und Verwenden von Daten | Wie Daten in Ihre App hinein- und herausfließen, wie man sie abruft, speichert und entsorgt | [Daten](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Konzepte des Zustandsmanagements | Lernen Sie, wie Ihre App Zustand behält und wie man diesen programmatisch verwaltet | [Zustandsmanagement](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeiten mit VScode | Lernen, wie man einen Code-Editor verwendet | [Visual Studio Code Editor verwenden](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeiten mit KI | Lernen, wie man einen eigenen KI-Assistenten baut | [KI-Assistenten-Projekt](./9-chat-project/README.md) | Chris | +| | Projektname | Vermittelte Konzepte | Lernziele | Verknüpfte Lektion | Autor | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Erste Schritte | Einführung in Programmierung und Arbeitswerkzeuge | Lerne die grundlegenden Grundlagen der meisten Programmiersprachen und über die Software, die professionelle Entwickler unterstützt | [Einführung in Programmiersprachen und Arbeitswerkzeuge](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Erste Schritte | Grundlagen von GitHub, einschließlich Teamarbeit | Wie man GitHub im Projekt verwendet und wie man mit anderen an einem Codebasis zusammenarbeitet | [Einführung in GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Erste Schritte | Barrierefreiheit | Lerne die Grundlagen der Web-Barrierefreiheit | [Grundlagen der Barrierefreiheit](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Grundlagen | JavaScript-Datentypen | Die Grundlagen der JavaScript-Datentypen | [Datentypen](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Grundlagen | Funktionen und Methoden | Lerne Funktionen und Methoden kennen, um den Logikablauf einer Anwendung zu steuern | [Funktionen und Methoden](./2-js-basics/2-functions-methods/README.md) | Jasmine und Christopher | +| 06 | JS Grundlagen | Entscheidungen treffen mit JS | Lerne, wie man Bedingungen im Code mit Entscheidungsstrukturen erstellt | [Entscheidungen treffen](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Grundlagen | Arrays und Schleifen | Arbeite mit Daten unter Verwendung von Arrays und Schleifen in JavaScript | [Arrays und Schleifen](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in der Praxis | Baue das HTML für ein Online-Terrarium, mit Fokus auf Layout-Erstellung | [Einführung in HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in der Praxis | Baue das CSS, um das Online-Terrarium zu stylen, konzentriere dich auf die Grundlagen von CSS einschließlich der responsiven Gestaltung der Seite | [Einführung in CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM-Manipulation | Baue das JavaScript, das Terrarium als Drag-and-Drop-Oberfläche funktionsfähig macht, mit Fokus auf Closures und DOM-Manipulation | [JavaScript Closures, DOM-Manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Tipp-Spiel](./4-typing-game/solution/README.md) | Ein Tipp-Spiel bauen | Lerne, wie Tastaturereignisse die Logik deiner JavaScript-App steuern | [Ereignisgesteuerte Programmierung](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Zusammenarbeit mit Browsern | Lerne, wie Browser funktionieren, deren Geschichte und wie man die ersten Elemente einer Browser-Erweiterung erstellt | [Über Browser](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Formular erstellen, API aufrufen und Variablen im lokalen Speicher speichern | Baue die JavaScript-Elemente deiner Browser-Erweiterung, um eine API aufzurufen und verwendete Variablen im lokalen Speicher zu speichern | [APIs, Formulare und lokaler Speicher](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Hintergrundprozesse im Browser, Web-Performance | Nutze die Hintergrundprozesse des Browsers, um das Symbol der Erweiterung zu verwalten; lerne über Web-Performance und Optimierungen | [Hintergrundaufgaben und Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Weltraumspiel](./6-space-game/solution/README.md) | Fortgeschrittene Spieleentwicklung mit JavaScript | Lerne Vererbung mit Klassen und Komposition sowie das Pub/Sub-Muster kennen, um dich auf den Bau eines Spiels vorzubereiten | [Einführung in die fortgeschrittene Spieleentwicklung](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Weltraumspiel](./6-space-game/solution/README.md) | Zeichnen auf der Leinwand | Lerne die Canvas-API kennen, die zum Zeichnen auf dem Bildschirm verwendet wird | [Zeichnen auf Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Weltraumspiel](./6-space-game/solution/README.md) | Elemente auf dem Bildschirm bewegen | Entdecke, wie Elemente Bewegung mit kartesischen Koordinaten und der Canvas-API bekommen | [Elemente bewegen](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Weltraumspiel](./6-space-game/solution/README.md) | Kollisionserkennung | Sorge dafür, dass Elemente miteinander kollidieren und aufeinander reagieren, verwende Tastendrücke und eine Abklingfunktion | [Kollisionserkennung](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Weltraumspiel](./6-space-game/solution/README.md) | Punkte zählen | Führe mathematische Berechnungen basierend auf dem Spielstatus und der Leistung durch | [Punkte zählen](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Weltraumspiel](./6-space-game/solution/README.md) | Beenden und Neustarten des Spiels | Lerne das Beenden und Neustarten des Spiels, einschließlich Bereinigung von Ressourcen und Zurücksetzen von Variablenwerten | [Bedingung für das Ende](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-Vorlagen und Routen in einer Webanwendung | Lerne, wie man das Gerüst einer mehrseitigen Website-Architektur mit Routing und HTML-Vorlagen erstellt | [HTML-Vorlagen und Routen](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Ein Login- und Registrierungsformular erstellen | Lerne das Erstellen von Formularen und Validierungsroutinen | [Formulare](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Methoden des Abrufens und Nutzens von Daten | Wie Daten in deine App hinein- und herausfließen, wie man sie abruft, speichert und entsorgt | [Daten](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Konzepte des Zustandsmanagements | Lerne, wie deine App den Zustand beibehält und wie man ihn programmatisch verwaltet | [Zustandsmanagement](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeiten mit VScode | Lerne, wie man einen Code-Editor benutzt| [Benutzung des VScode Code Editors](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [KI-Assistenten](./9-chat-project/README.md) | Arbeiten mit KI | Lerne, wie du deinen eigenen KI-Assistenten baust | [KI-Assistent-Projekt](./9-chat-project/README.md) | Chris | ## 🏫 Pädagogik -Unser Curriculum basiert auf zwei wichtigen pädagogischen Grundsätzen: +Unser Lehrplan ist auf zwei wichtige pädagogische Prinzipien ausgerichtet: * projektbasiertes Lernen * häufige Quizze -Das Programm vermittelt die Grundlagen von JavaScript, HTML und CSS sowie die neuesten Werkzeuge und Techniken, die von heutigen Webentwicklern genutzt werden. Die Studierenden haben die Möglichkeit, durch den Bau eines Tipp-Spiels, eines virtuellen Terrariums, einer umweltfreundlichen Browser-Erweiterung, eines Weltraum-Invasion-Spiels und einer Banking-App für Unternehmen praktische Erfahrungen zu sammeln. Am Ende der Reihe haben die Studierenden ein solides Verständnis der Webentwicklung erworben. +Das Programm vermittelt die Grundlagen von JavaScript, HTML und CSS sowie die neuesten Werkzeuge und Techniken, die heutige Webentwickler nutzen. Die Lernenden haben die Möglichkeit, praktische Erfahrungen durch den Bau eines Tipp-Spiels, eines virtuellen Terrariums, einer umweltfreundlichen Browser-Erweiterung, eines Weltraumspiel-Klons im Stil von Space Invaders und einer Banking-App für Unternehmen zu sammeln. Am Ende der Reihe besitzen die Lernenden ein solides Verständnis der Webentwicklung. -> 🎓 Sie können die ersten Lektionen dieses Curriculums als [Lernpfad](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) auf Microsoft Learn absolvieren! +> 🎓 Die ersten Lektionen dieses Lehrplans kannst du als [Lernpfad](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) auf Microsoft Learn absolvieren! -Indem sichergestellt wird, dass die Inhalte zu Projekten passen, wird der Prozess für Studierende attraktiver und die Behaltensleistung der Konzepte verbessert. Wir haben auch mehrere Einstiegskapitel zu JavaScript-Grundlagen geschrieben, um Konzepte einzuführen, ergänzt durch ein Video aus der "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" Video-Tutorial-Sammlung, von deren Autoren einige zum Curriculum beigetragen haben. +Indem sichergestellt wird, dass die Inhalte mit Projekten verknüpft sind, wird der Prozess für die Lernenden interessanter und das Behalten der Konzepte wird verbessert. Wir haben außerdem mehrere Einstiegslektionen zu den Grundlagen von JavaScript geschrieben, um Konzepte einzuführen, kombiniert mit einem Video aus der Video-Tutorial-Reihe "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", einige der Autoren haben zu diesem Curriculum beigetragen. -Außerdem hilft ein Quiz mit geringem Druck vor dem Unterricht, die Lernabsicht der Studierenden zu setzen, während ein zweites Quiz nach dem Unterricht die weitere Behaltung sichert. Dieses Curriculum wurde so gestaltet, dass es flexibel und unterhaltsam ist und vollständig oder teilweise absolviert werden kann. Die Projekte beginnen klein und werden bis zum Ende des 12-Wochen-Zyklus immer komplexer. +Zudem sorgt ein Quiz mit niedrigem Schwierigkeitsgrad vor einer Stunde dafür, dass der Lernende sich gezielt auf ein Thema einstellt, während ein zweites Quiz nach der Stunde das Behalten weiter unterstützt. Dieser Lehrplan wurde flexibel und unterhaltsam gestaltet und kann komplett oder in Teilen durchlaufen werden. Die Projekte beginnen klein und werden bis zum Ende des 12-Wochen-Zyklus zunehmend komplexer. -Während wir bewusst darauf verzichtet haben, JavaScript-Frameworks einzuführen, um uns auf die grundlegenden Fertigkeiten als Webentwickler vor der Nutzung eines Frameworks zu konzentrieren, wäre ein guter nächster Schritt nach Abschluss dieses Curriculums das Lernen über Node.js mittels einer weiteren Videosammlung: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Obwohl wir bewusst darauf verzichtet haben, JavaScript-Frameworks einzuführen, um uns auf die grundlegenden Fähigkeiten als Webentwickler vor der Nutzung eines Frameworks zu konzentrieren, wäre ein guter nächster Schritt zur Abrundung dieses Lehrplans das Lernen über Node.js durch eine weitere Videosammlung: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Besuchen Sie unsere [Verhaltensregeln](CODE_OF_CONDUCT.md) und [Beitragsrichtlinien](CONTRIBUTING.md). Wir freuen uns auf Ihr konstruktives Feedback! +> Besuche unsere [Verhaltensregeln](CODE_OF_CONDUCT.md) und [Beiträgerrichtlinien](CONTRIBUTING.md). Wir freuen uns über dein konstruktives Feedback! ## 🧭 Offline-Zugriff -Sie können diese Dokumentation offline mit [Docsify](https://docsify.js.org/#/) ausführen. Forken Sie dieses Repository, [installieren Sie Docsify](https://docsify.js.org/#/quickstart) auf Ihrem lokalen Rechner und geben Sie im Hauptordner dieses Repos `docsify serve` ein. Die Webseite wird auf Port 3000 auf Ihrem lokalen Host bereitgestellt: `localhost:3000`. +Du kannst diese Dokumentation offline nutzen, indem du [Docsify](https://docsify.js.org/#/) verwendest. Forke dieses Repo, [installiere Docsify](https://docsify.js.org/#/quickstart) auf deinem lokalen Rechner und gib dann im Hauptordner dieses Repos den Befehl `docsify serve` ein. Die Website wird auf Port 3000 auf deinem lokalen Host bereitgestellt: `localhost:3000`. ## 📘 PDF -Ein PDF aller Lektionen finden Sie [hier](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Ein PDF aller Lektionen ist [hier](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) verfügbar. ## 🎒 Weitere Kurse -Unser Team produziert weitere Kurse! Schau dir an: +Unser Team erstellt weitere Kurse! Schau dir an: ### LangChain @@ -232,7 +222,7 @@ Unser Team produziert weitere Kurse! Schau dir an: --- -### Generative KI Serie +### Generative AI Series [![Generative AI for Beginners](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) [![Generative 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) [![Generative 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) @@ -240,7 +230,7 @@ Unser Team produziert weitere Kurse! Schau dir an: --- -### Grundlagen Lernen +### Core Learning [![ML for Beginners](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) [![Data Science for Beginners](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 for Beginners](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) @@ -251,15 +241,15 @@ Unser Team produziert weitere Kurse! Schau dir an: --- -### Copilot Serie +### Copilot Series [![Copilot for AI Paired Programming](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 for 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 Adventure](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) -## Hilfe erhalten +## Hilfe bekommen -Wenn du nicht weiterkommst oder Fragen zum Erstellen von KI-Apps hast, schließe dich anderen Lernenden und erfahrenen Entwicklern in Diskussionen über MCP an. Es ist eine unterstützende Gemeinschaft, in der Fragen willkommen sind und Wissen frei geteilt wird. +Wenn du stecken bleibst oder Fragen zum Erstellen von KI-Apps hast. Schließe dich anderen Lernenden und erfahrenen Entwicklern in Diskussionen über MCP an. Es ist eine unterstützende Gemeinschaft, in der Fragen willkommen sind und Wissen frei geteilt wird. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) @@ -269,11 +259,11 @@ Wenn du Produktfeedback oder Fehler beim Erstellen hast, besuche: ## Lizenz -Dieses Repository ist unter der MIT-Lizenz lizenziert. Siehe die [LICENSE](../../LICENSE)-Datei für weitere Informationen. +Dieses Repository ist unter der MIT-Lizenz lizenziert. Weitere Informationen findest du in der [LICENSE](../../LICENSE)-Datei. --- -**Haftungsausschluss**: -Dieses Dokument wurde mittels des KI-Übersetzungsdienstes [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir uns um Genauigkeit bemühen, kann es bei automatischen Übersetzungen zu Fehlern oder Ungenauigkeiten kommen. Das Originaldokument in seiner Ursprungssprache ist als maßgebliche Quelle anzusehen. Für wichtige Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die durch die Nutzung dieser Übersetzung entstehen. +**Haftungsausschluss**: +Dieses Dokument wurde mit dem KI-Übersetzungsdienst [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir uns um Genauigkeit bemühen, bitten wir zu beachten, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner Ursprungssprache ist als verbindliche Quelle anzusehen. Für wichtige Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die aus der Verwendung dieser Übersetzung entstehen. \ No newline at end of file diff --git a/translations/de/SECURITY.md b/translations/de/SECURITY.md index 3cf12f80d..d0e895664 100644 --- a/translations/de/SECURITY.md +++ b/translations/de/SECURITY.md @@ -1,12 +1,3 @@ - ## Sicherheit Microsoft nimmt die Sicherheit seiner Softwareprodukte und -dienste sehr ernst, einschließlich aller Quellcode-Repositories, die über unsere GitHub-Organisationen verwaltet werden. Dazu gehören [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin) und [unsere GitHub-Organisationen](https://opensource.microsoft.com/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/de/SUPPORT.md b/translations/de/SUPPORT.md index 16a3ca924..11a635c14 100644 --- a/translations/de/SUPPORT.md +++ b/translations/de/SUPPORT.md @@ -1,12 +1,3 @@ - # Unterstützung ## So melden Sie Probleme und erhalten Hilfe diff --git a/translations/de/_404.md b/translations/de/_404.md index 45bf25b42..f86306c7e 100644 --- a/translations/de/_404.md +++ b/translations/de/_404.md @@ -1,12 +1,3 @@ - # Arbeit läuft Wir arbeiten an dieser Seite. Bitte schauen Sie später noch einmal vorbei. diff --git a/translations/de/docs/_navbar.md b/translations/de/docs/_navbar.md index c7973a06c..f21d59edc 100644 --- a/translations/de/docs/_navbar.md +++ b/translations/de/docs/_navbar.md @@ -1,12 +1,3 @@ - - Übersetzungen - [English (United States)](../../../docs/README) - [বাংলা](../../../docs/README.bn) diff --git a/translations/de/docs/_sidebar.md b/translations/de/docs/_sidebar.md index 7bd841403..b344b7cba 100644 --- a/translations/de/docs/_sidebar.md +++ b/translations/de/docs/_sidebar.md @@ -1,12 +1,3 @@ - - Einführung - [1](../1-getting-started-lessons/1-intro-to-programming-languages/README.md) - [2](../1-getting-started-lessons/2-github-basics/README.md) diff --git a/translations/de/for-teachers.md b/translations/de/for-teachers.md index 6b8b50c54..c343ca501 100644 --- a/translations/de/for-teachers.md +++ b/translations/de/for-teachers.md @@ -1,12 +1,3 @@ - ### Für Lehrkräfte Sie können dieses Curriculum gerne in Ihrem Unterricht verwenden. Es funktioniert nahtlos mit GitHub Classroom und führenden LMS-Plattformen und kann auch als eigenständiges Repository mit Ihren Schülern genutzt werden. diff --git a/translations/de/lesson-template/README.md b/translations/de/lesson-template/README.md index e6cda480a..fa679dea4 100644 --- a/translations/de/lesson-template/README.md +++ b/translations/de/lesson-template/README.md @@ -1,12 +1,3 @@ - # [Lektionsthema] ![Video hier einbetten](../../../lesson-template/video-url) diff --git a/translations/de/lesson-template/assignment.md b/translations/de/lesson-template/assignment.md index 1d732e096..51d67e36c 100644 --- a/translations/de/lesson-template/assignment.md +++ b/translations/de/lesson-template/assignment.md @@ -1,12 +1,3 @@ - # [Aufgabenname] ## Anweisungen diff --git a/translations/de/memory-game/README.md b/translations/de/memory-game/README.md index 00f46c41b..64f7b8473 100644 --- a/translations/de/memory-game/README.md +++ b/translations/de/memory-game/README.md @@ -1,12 +1,3 @@ - Dies ist ein [Next.js](https://nextjs.org)-Projekt, das mit [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) erstellt wurde. ## Erste Schritte diff --git a/translations/de/quiz-app/README.md b/translations/de/quiz-app/README.md index dc31020b6..a33a6bc41 100644 --- a/translations/de/quiz-app/README.md +++ b/translations/de/quiz-app/README.md @@ -1,12 +1,3 @@ - # Quiz-App Diese Quizze sind die Vor- und Nachlese-Quizze für den Data-Science-Lehrplan unter https://aka.ms/webdev-beginners diff --git a/translations/es/.co-op-translator.json b/translations/es/.co-op-translator.json new file mode 100644 index 000000000..d477e465d --- /dev/null +++ b/translations/es/.co-op-translator.json @@ -0,0 +1,584 @@ +{ + "1-getting-started-lessons/1-intro-to-programming-languages/README.md": { + "original_hash": "d45ddcc54eb9232a76d08328b09d792e", + "translation_date": "2026-01-06T08:08:39+00:00", + "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", + "language_code": "es" + }, + "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md": { + "original_hash": "17b8ec8e85d99e27dcb3f73842e583be", + "translation_date": "2026-01-06T08:12:10+00:00", + "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md", + "language_code": "es" + }, + "1-getting-started-lessons/2-github-basics/README.md": { + "original_hash": "5c383cc2cc23bb164b06417d1c107a44", + "translation_date": "2026-01-06T08:12:27+00:00", + "source_file": "1-getting-started-lessons/2-github-basics/README.md", + "language_code": "es" + }, + "1-getting-started-lessons/3-accessibility/README.md": { + "original_hash": "7f2c48e04754724123ea100a822765e5", + "translation_date": "2026-01-06T08:04:04+00:00", + "source_file": "1-getting-started-lessons/3-accessibility/README.md", + "language_code": "es" + }, + "1-getting-started-lessons/3-accessibility/assignment.md": { + "original_hash": "e6d0f456dfc22afb41bbdefeb5ec179d", + "translation_date": "2026-01-06T08:07:55+00:00", + "source_file": "1-getting-started-lessons/3-accessibility/assignment.md", + "language_code": "es" + }, + "1-getting-started-lessons/README.md": { + "original_hash": "770d9f83dddc841c19f210dee5fe0712", + "translation_date": "2025-10-03T13:25:21+00:00", + "source_file": "1-getting-started-lessons/README.md", + "language_code": "es" + }, + "10-ai-framework-project/README.md": { + "original_hash": "3925b6a1c31c60755eaae4d578232c25", + "translation_date": "2026-01-06T07:03:39+00:00", + "source_file": "10-ai-framework-project/README.md", + "language_code": "es" + }, + "10-ai-framework-project/solution/README.md": { + "original_hash": "d41d8cd98f00b204e9800998ecf8427e", + "translation_date": "2026-01-29T17:25:32+00:00", + "source_file": "10-ai-framework-project/solution/README.md", + "language_code": "es" + }, + "2-js-basics/1-data-types/README.md": { + "original_hash": "672b0bb6e8b431075f3bdb7130590d2d", + "translation_date": "2026-01-06T07:13:55+00:00", + "source_file": "2-js-basics/1-data-types/README.md", + "language_code": "es" + }, + "2-js-basics/1-data-types/assignment.md": { + "original_hash": "6fd645e97c48cd5eb5a3d290815ec8b5", + "translation_date": "2026-01-06T07:15:46+00:00", + "source_file": "2-js-basics/1-data-types/assignment.md", + "language_code": "es" + }, + "2-js-basics/2-functions-methods/README.md": { + "original_hash": "71f7d7dafa1c7194d79ddac87f669ff9", + "translation_date": "2026-01-06T07:11:44+00:00", + "source_file": "2-js-basics/2-functions-methods/README.md", + "language_code": "es" + }, + "2-js-basics/2-functions-methods/assignment.md": { + "original_hash": "8328f58f4593b4671656ff8f4b2edbd9", + "translation_date": "2026-01-06T07:13:39+00:00", + "source_file": "2-js-basics/2-functions-methods/assignment.md", + "language_code": "es" + }, + "2-js-basics/3-making-decisions/README.md": { + "original_hash": "c688385d15dd3645e924ea0ffee8967f", + "translation_date": "2026-01-06T07:15:56+00:00", + "source_file": "2-js-basics/3-making-decisions/README.md", + "language_code": "es" + }, + "2-js-basics/3-making-decisions/assignment.md": { + "original_hash": "ffe366b2d1f037b99fbadbe1dc81083d", + "translation_date": "2026-01-06T07:18:09+00:00", + "source_file": "2-js-basics/3-making-decisions/assignment.md", + "language_code": "es" + }, + "2-js-basics/4-arrays-loops/README.md": { + "original_hash": "1710a50a519a6e4a1b40a5638783018d", + "translation_date": "2026-01-06T07:18:33+00:00", + "source_file": "2-js-basics/4-arrays-loops/README.md", + "language_code": "es" + }, + "2-js-basics/4-arrays-loops/assignment.md": { + "original_hash": "8abcada0534e0fb3a7556ea3c5a2a8a4", + "translation_date": "2026-01-06T07:20:50+00:00", + "source_file": "2-js-basics/4-arrays-loops/assignment.md", + "language_code": "es" + }, + "2-js-basics/README.md": { + "original_hash": "cc9e70a2f096c67389c8acff1521fc27", + "translation_date": "2025-08-24T12:11:51+00:00", + "source_file": "2-js-basics/README.md", + "language_code": "es" + }, + "3-terrarium/1-intro-to-html/README.md": { + "original_hash": "3fcfa99c4897e051b558b5eaf1e8cc74", + "translation_date": "2026-01-06T07:56:08+00:00", + "source_file": "3-terrarium/1-intro-to-html/README.md", + "language_code": "es" + }, + "3-terrarium/1-intro-to-html/assignment.md": { + "original_hash": "650e63282e1dfa032890fcf5c1c4119d", + "translation_date": "2026-01-06T07:57:58+00:00", + "source_file": "3-terrarium/1-intro-to-html/assignment.md", + "language_code": "es" + }, + "3-terrarium/2-intro-to-css/README.md": { + "original_hash": "e39f3a4e3bcccf94639e3af1248f8a4d", + "translation_date": "2026-01-06T08:01:27+00:00", + "source_file": "3-terrarium/2-intro-to-css/README.md", + "language_code": "es" + }, + "3-terrarium/2-intro-to-css/assignment.md": { + "original_hash": "bee6762d4092a13fc7c338814963f980", + "translation_date": "2026-01-06T08:03:41+00:00", + "source_file": "3-terrarium/2-intro-to-css/assignment.md", + "language_code": "es" + }, + "3-terrarium/3-intro-to-DOM-and-closures/README.md": { + "original_hash": "973e48ad87d67bf5bb819746c9f8e302", + "translation_date": "2026-01-06T07:58:23+00:00", + "source_file": "3-terrarium/3-intro-to-DOM-and-closures/README.md", + "language_code": "es" + }, + "3-terrarium/3-intro-to-DOM-and-closures/assignment.md": { + "original_hash": "947ca5ce7c94aee9c7de7034e762bc17", + "translation_date": "2026-01-06T08:01:04+00:00", + "source_file": "3-terrarium/3-intro-to-DOM-and-closures/assignment.md", + "language_code": "es" + }, + "3-terrarium/README.md": { + "original_hash": "bc5c5550f79d10add90ce419ee34abb3", + "translation_date": "2026-01-06T07:06:57+00:00", + "source_file": "3-terrarium/README.md", + "language_code": "es" + }, + "3-terrarium/solution/README.md": { + "original_hash": "6329fbe8bd936068debd78cca6f09c0a", + "translation_date": "2025-08-24T12:11:03+00:00", + "source_file": "3-terrarium/solution/README.md", + "language_code": "es" + }, + "4-typing-game/README.md": { + "original_hash": "efa2ab875b8bb5a7883816506da6b6d2", + "translation_date": "2026-01-06T07:06:03+00:00", + "source_file": "4-typing-game/README.md", + "language_code": "es" + }, + "4-typing-game/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T13:50:23+00:00", + "source_file": "4-typing-game/solution/README.md", + "language_code": "es" + }, + "4-typing-game/typing-game/README.md": { + "original_hash": "da8bc72041a2bb3826a54654ee1a8844", + "translation_date": "2026-01-06T07:53:58+00:00", + "source_file": "4-typing-game/typing-game/README.md", + "language_code": "es" + }, + "4-typing-game/typing-game/assignment.md": { + "original_hash": "3eac59d70e2532a677a2ce6bf765485a", + "translation_date": "2026-01-06T07:55:54+00:00", + "source_file": "4-typing-game/typing-game/assignment.md", + "language_code": "es" + }, + "5-browser-extension/1-about-browsers/README.md": { + "original_hash": "00aa85715e1efd4930c17a23e3012e69", + "translation_date": "2026-01-06T07:40:44+00:00", + "source_file": "5-browser-extension/1-about-browsers/README.md", + "language_code": "es" + }, + "5-browser-extension/1-about-browsers/assignment.md": { + "original_hash": "b6897c02603d0045dd6d8256e8714baa", + "translation_date": "2026-01-06T07:42:26+00:00", + "source_file": "5-browser-extension/1-about-browsers/assignment.md", + "language_code": "es" + }, + "5-browser-extension/2-forms-browsers-local-storage/README.md": { + "original_hash": "2b6203a48c48d8234e0948353b47d84e", + "translation_date": "2026-01-06T07:36:20+00:00", + "source_file": "5-browser-extension/2-forms-browsers-local-storage/README.md", + "language_code": "es" + }, + "5-browser-extension/2-forms-browsers-local-storage/assignment.md": { + "original_hash": "25b8d28b8531352d4eb67291fd7824c4", + "translation_date": "2026-01-06T07:38:14+00:00", + "source_file": "5-browser-extension/2-forms-browsers-local-storage/assignment.md", + "language_code": "es" + }, + "5-browser-extension/3-background-tasks-and-performance/README.md": { + "original_hash": "b275fed2c6fc90d2b9b6661a3225faa2", + "translation_date": "2026-01-06T07:38:29+00:00", + "source_file": "5-browser-extension/3-background-tasks-and-performance/README.md", + "language_code": "es" + }, + "5-browser-extension/3-background-tasks-and-performance/assignment.md": { + "original_hash": "a203e560e58ccc6ba68bffc40c7c8676", + "translation_date": "2026-01-06T07:40:22+00:00", + "source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md", + "language_code": "es" + }, + "5-browser-extension/README.md": { + "original_hash": "b121a279a6ab39878491f3e572673515", + "translation_date": "2025-08-24T13:07:33+00:00", + "source_file": "5-browser-extension/README.md", + "language_code": "es" + }, + "5-browser-extension/solution/README.md": { + "original_hash": "fab4e6b4f0efcd587a9029d82991f597", + "translation_date": "2025-08-24T13:19:32+00:00", + "source_file": "5-browser-extension/solution/README.md", + "language_code": "es" + }, + "5-browser-extension/solution/translation/README.es.md": { + "original_hash": "cbaf73f94a9ab4c680a10ef871e92948", + "translation_date": "2025-08-24T13:20:27+00:00", + "source_file": "5-browser-extension/solution/translation/README.es.md", + "language_code": "es" + }, + "5-browser-extension/solution/translation/README.fr.md": { + "original_hash": "9361268ca430b2579375009e1eceb5e5", + "translation_date": "2025-08-24T13:23:17+00:00", + "source_file": "5-browser-extension/solution/translation/README.fr.md", + "language_code": "es" + }, + "5-browser-extension/solution/translation/README.hi.md": { + "original_hash": "dd58ae1b7707034f055718c1b68bc8de", + "translation_date": "2025-08-24T13:21:22+00:00", + "source_file": "5-browser-extension/solution/translation/README.hi.md", + "language_code": "es" + }, + "5-browser-extension/solution/translation/README.it.md": { + "original_hash": "9a6b22a2eff0f499b66236be973b24ad", + "translation_date": "2025-08-24T13:24:11+00:00", + "source_file": "5-browser-extension/solution/translation/README.it.md", + "language_code": "es" + }, + "5-browser-extension/solution/translation/README.ja.md": { + "original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d", + "translation_date": "2025-08-24T13:25:06+00:00", + "source_file": "5-browser-extension/solution/translation/README.ja.md", + "language_code": "es" + }, + "5-browser-extension/solution/translation/README.ms.md": { + "original_hash": "21b364c158c8e4f698de65eeac16c9fe", + "translation_date": "2025-08-24T13:22:21+00:00", + "source_file": "5-browser-extension/solution/translation/README.ms.md", + "language_code": "es" + }, + "5-browser-extension/start/README.md": { + "original_hash": "26fd39046d264ba185dcb086d3a8cf3e", + "translation_date": "2025-08-24T13:11:58+00:00", + "source_file": "5-browser-extension/start/README.md", + "language_code": "es" + }, + "6-space-game/1-introduction/README.md": { + "original_hash": "a6332a7bb4d0be3bfd24199c83993777", + "translation_date": "2026-01-06T07:32:06+00:00", + "source_file": "6-space-game/1-introduction/README.md", + "language_code": "es" + }, + "6-space-game/1-introduction/assignment.md": { + "original_hash": "c8fc39a014d08247c082878122e2ba73", + "translation_date": "2026-01-06T07:33:55+00:00", + "source_file": "6-space-game/1-introduction/assignment.md", + "language_code": "es" + }, + "6-space-game/2-drawing-to-canvas/README.md": { + "original_hash": "7994743c5b21fdcceb36307916ef249a", + "translation_date": "2026-01-06T07:26:32+00:00", + "source_file": "6-space-game/2-drawing-to-canvas/README.md", + "language_code": "es" + }, + "6-space-game/2-drawing-to-canvas/assignment.md": { + "original_hash": "87cd43afe5b69dbbffb5c4b209ea6791", + "translation_date": "2026-01-06T07:28:34+00:00", + "source_file": "6-space-game/2-drawing-to-canvas/assignment.md", + "language_code": "es" + }, + "6-space-game/3-moving-elements-around/README.md": { + "original_hash": "8c55a2bd4bc0ebe4c88198fd563a9e09", + "translation_date": "2026-01-06T07:34:10+00:00", + "source_file": "6-space-game/3-moving-elements-around/README.md", + "language_code": "es" + }, + "6-space-game/3-moving-elements-around/assignment.md": { + "original_hash": "c162b3b3a1cafc1483c8015e9b266f0d", + "translation_date": "2026-01-06T07:36:12+00:00", + "source_file": "6-space-game/3-moving-elements-around/assignment.md", + "language_code": "es" + }, + "6-space-game/4-collision-detection/README.md": { + "original_hash": "039b4d8ce65f5edd82cf48d9c3e6728c", + "translation_date": "2026-01-06T07:24:28+00:00", + "source_file": "6-space-game/4-collision-detection/README.md", + "language_code": "es" + }, + "6-space-game/4-collision-detection/assignment.md": { + "original_hash": "124efddbb65166cddb38075ad6dae324", + "translation_date": "2026-01-06T07:26:21+00:00", + "source_file": "6-space-game/4-collision-detection/assignment.md", + "language_code": "es" + }, + "6-space-game/4-collision-detection/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:39:21+00:00", + "source_file": "6-space-game/4-collision-detection/solution/README.md", + "language_code": "es" + }, + "6-space-game/4-collision-detection/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:38:54+00:00", + "source_file": "6-space-game/4-collision-detection/your-work/README.md", + "language_code": "es" + }, + "6-space-game/5-keeping-score/README.md": { + "original_hash": "2ed9145a16cf576faa2a973dff84d099", + "translation_date": "2026-01-06T07:31:01+00:00", + "source_file": "6-space-game/5-keeping-score/README.md", + "language_code": "es" + }, + "6-space-game/5-keeping-score/assignment.md": { + "original_hash": "81f292dbda01685b91735e0398dc0504", + "translation_date": "2025-08-24T12:28:41+00:00", + "source_file": "6-space-game/5-keeping-score/assignment.md", + "language_code": "es" + }, + "6-space-game/5-keeping-score/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:29:42+00:00", + "source_file": "6-space-game/5-keeping-score/solution/README.md", + "language_code": "es" + }, + "6-space-game/5-keeping-score/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:29:14+00:00", + "source_file": "6-space-game/5-keeping-score/your-work/README.md", + "language_code": "es" + }, + "6-space-game/6-end-condition/README.md": { + "original_hash": "a4b78043f4d64bf3ee24e0689b8b391d", + "translation_date": "2026-01-06T07:28:48+00:00", + "source_file": "6-space-game/6-end-condition/README.md", + "language_code": "es" + }, + "6-space-game/6-end-condition/assignment.md": { + "original_hash": "232d592791465c1678cab3a2bb6cd3e8", + "translation_date": "2026-01-06T07:30:37+00:00", + "source_file": "6-space-game/6-end-condition/assignment.md", + "language_code": "es" + }, + "6-space-game/6-end-condition/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:45:16+00:00", + "source_file": "6-space-game/6-end-condition/solution/README.md", + "language_code": "es" + }, + "6-space-game/6-end-condition/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:44:49+00:00", + "source_file": "6-space-game/6-end-condition/your-work/README.md", + "language_code": "es" + }, + "6-space-game/README.md": { + "original_hash": "c40a698395ee5102715f7880bba3f2e7", + "translation_date": "2025-08-24T12:26:17+00:00", + "source_file": "6-space-game/README.md", + "language_code": "es" + }, + "6-space-game/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T12:45:45+00:00", + "source_file": "6-space-game/solution/README.md", + "language_code": "es" + }, + "7-bank-project/1-template-route/README.md": { + "original_hash": "351678bece18f07d9daa987a881fb062", + "translation_date": "2026-01-06T07:45:29+00:00", + "source_file": "7-bank-project/1-template-route/README.md", + "language_code": "es" + }, + "7-bank-project/1-template-route/assignment.md": { + "original_hash": "df0dcecddcd28ea8cbf6ede0ad57d673", + "translation_date": "2026-01-06T07:47:50+00:00", + "source_file": "7-bank-project/1-template-route/assignment.md", + "language_code": "es" + }, + "7-bank-project/2-forms/README.md": { + "original_hash": "7cbdbd132d39a2bb493e85bc2a9387cc", + "translation_date": "2026-01-06T07:42:45+00:00", + "source_file": "7-bank-project/2-forms/README.md", + "language_code": "es" + }, + "7-bank-project/2-forms/assignment.md": { + "original_hash": "efb01fcafd2ef40c593a6e662fc938a8", + "translation_date": "2026-01-06T07:45:09+00:00", + "source_file": "7-bank-project/2-forms/assignment.md", + "language_code": "es" + }, + "7-bank-project/3-data/README.md": { + "original_hash": "86ee5069f27ea3151389d8687c95fac9", + "translation_date": "2026-01-06T07:48:02+00:00", + "source_file": "7-bank-project/3-data/README.md", + "language_code": "es" + }, + "7-bank-project/3-data/assignment.md": { + "original_hash": "d0a02cb117e91a5b5f24178080068a3d", + "translation_date": "2026-01-06T07:50:49+00:00", + "source_file": "7-bank-project/3-data/assignment.md", + "language_code": "es" + }, + "7-bank-project/4-state-management/README.md": { + "original_hash": "b807b09df716dc48a2b750835bf8e933", + "translation_date": "2026-01-06T07:51:10+00:00", + "source_file": "7-bank-project/4-state-management/README.md", + "language_code": "es" + }, + "7-bank-project/4-state-management/assignment.md": { + "original_hash": "50a7783473b39a2e0f133e271a102231", + "translation_date": "2026-01-06T07:53:37+00:00", + "source_file": "7-bank-project/4-state-management/assignment.md", + "language_code": "es" + }, + "7-bank-project/README.md": { + "original_hash": "830359535306594b448db6575ce5cdee", + "translation_date": "2025-08-24T13:26:00+00:00", + "source_file": "7-bank-project/README.md", + "language_code": "es" + }, + "7-bank-project/api/README.md": { + "original_hash": "9884f8c8a61cf56214450f8b16a094ce", + "translation_date": "2025-08-24T13:26:51+00:00", + "source_file": "7-bank-project/api/README.md", + "language_code": "es" + }, + "7-bank-project/solution/README.md": { + "original_hash": "461aa4fc74c6b1789c3a13b5d82c0cd9", + "translation_date": "2025-08-24T13:42:27+00:00", + "source_file": "7-bank-project/solution/README.md", + "language_code": "es" + }, + "8-code-editor/1-using-a-code-editor/README.md": { + "original_hash": "a9a3bcc037a447e2d8994d99e871cd9f", + "translation_date": "2026-01-06T07:21:08+00:00", + "source_file": "8-code-editor/1-using-a-code-editor/README.md", + "language_code": "es" + }, + "8-code-editor/1-using-a-code-editor/assignment.md": { + "original_hash": "effe56ba51c38d7bdfad1ea38288666b", + "translation_date": "2026-01-06T07:23:40+00:00", + "source_file": "8-code-editor/1-using-a-code-editor/assignment.md", + "language_code": "es" + }, + "9-chat-project/README.md": { + "original_hash": "2066c17078e9d18b5e309f31d8e8bc24", + "translation_date": "2026-01-06T07:07:03+00:00", + "source_file": "9-chat-project/README.md", + "language_code": "es" + }, + "9-chat-project/solution/README.md": { + "original_hash": "cb549dcad8eea3221cb89793aeaa3bb3", + "translation_date": "2025-09-01T15:18:45+00:00", + "source_file": "9-chat-project/solution/README.md", + "language_code": "es" + }, + "9-chat-project/solution/backend/README.md": { + "original_hash": "bcd2c2bbaae71151b1ed1b9170aa78af", + "translation_date": "2025-09-01T15:41:59+00:00", + "source_file": "9-chat-project/solution/backend/README.md", + "language_code": "es" + }, + "9-chat-project/solution/backend/python/README.md": { + "original_hash": "0aaa930f076f2d83cc872ad157f8ffd3", + "translation_date": "2026-01-06T08:14:45+00:00", + "source_file": "9-chat-project/solution/backend/python/README.md", + "language_code": "es" + }, + "9-chat-project/solution/frontend/README.md": { + "original_hash": "7746a470be8fc7f736eb1b43ebb710ee", + "translation_date": "2025-09-01T15:50:42+00:00", + "source_file": "9-chat-project/solution/frontend/README.md", + "language_code": "es" + }, + "AGENTS.md": { + "original_hash": "a362efd06d64d4134a0cfe8515a86d34", + "translation_date": "2025-10-03T11:12:55+00:00", + "source_file": "AGENTS.md", + "language_code": "es" + }, + "CODE_OF_CONDUCT.md": { + "original_hash": "b0a9b4cccd918195f58224d5793da1a6", + "translation_date": "2025-08-24T11:55:28+00:00", + "source_file": "CODE_OF_CONDUCT.md", + "language_code": "es" + }, + "CONTRIBUTING.md": { + "original_hash": "777400e9f0336c7ee2f9a1200a88478f", + "translation_date": "2025-08-24T11:57:49+00:00", + "source_file": "CONTRIBUTING.md", + "language_code": "es" + }, + "Git-Basics/README.md": { + "original_hash": "5cf5e1ed51455fefed4895fcc4d6ba2a", + "translation_date": "2025-10-03T15:44:40+00:00", + "source_file": "Git-Basics/README.md", + "language_code": "es" + }, + "README.md": { + "original_hash": "490c83786552d7fab6390991517bef09", + "translation_date": "2026-01-29T17:30:55+00:00", + "source_file": "README.md", + "language_code": "es" + }, + "SECURITY.md": { + "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228", + "translation_date": "2025-08-24T11:56:41+00:00", + "source_file": "SECURITY.md", + "language_code": "es" + }, + "SUPPORT.md": { + "original_hash": "c9d207ff77b4bb46e46dc2b607a8ec1a", + "translation_date": "2025-08-24T11:53:39+00:00", + "source_file": "SUPPORT.md", + "language_code": "es" + }, + "_404.md": { + "original_hash": "ea9f0804bd62f46d9808e953ec7fc459", + "translation_date": "2025-08-24T11:56:03+00:00", + "source_file": "_404.md", + "language_code": "es" + }, + "docs/_navbar.md": { + "original_hash": "3bd2f51ecf4ac9b39277cba748943793", + "translation_date": "2025-08-24T12:25:38+00:00", + "source_file": "docs/_navbar.md", + "language_code": "es" + }, + "docs/_sidebar.md": { + "original_hash": "655c91b5979de46f1d70d97f0c5f1d14", + "translation_date": "2025-08-24T12:24:39+00:00", + "source_file": "docs/_sidebar.md", + "language_code": "es" + }, + "for-teachers.md": { + "original_hash": "71009af209f81cc01a1f2d324200375f", + "translation_date": "2025-10-03T08:26:01+00:00", + "source_file": "for-teachers.md", + "language_code": "es" + }, + "lesson-template/README.md": { + "original_hash": "0494be70ad7fadd13a8c3d549c23e355", + "translation_date": "2025-08-24T13:48:21+00:00", + "source_file": "lesson-template/README.md", + "language_code": "es" + }, + "lesson-template/assignment.md": { + "original_hash": "b5f62ec256c7e43e771f0d3b4e1a9130", + "translation_date": "2025-08-24T13:49:02+00:00", + "source_file": "lesson-template/assignment.md", + "language_code": "es" + }, + "memory-game/README.md": { + "original_hash": "ff47271e53637b2ba6ba72ad2b70f6d7", + "translation_date": "2025-10-03T11:53:12+00:00", + "source_file": "memory-game/README.md", + "language_code": "es" + }, + "quiz-app/README.md": { + "original_hash": "5301875c55bb305e6046bed3a4fd06d2", + "translation_date": "2025-08-24T13:56:01+00:00", + "source_file": "quiz-app/README.md", + "language_code": "es" + } +} \ No newline at end of file diff --git a/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md index d8015662d..435412dc1 100644 --- a/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -1,12 +1,3 @@ - # Introducción a los Lenguajes de Programación y Herramientas Modernas para Desarrolladores ¡Hola, futuro desarrollador! 👋 ¿Puedo contarte algo que todavía me pone la piel de gallina todos los días? ¡Estás a punto de descubrir que programar no es solo sobre computadoras, sino sobre tener superpoderes reales para dar vida a tus ideas más salvajes! diff --git a/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md b/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md index 1fe4c6775..76e3fec07 100644 --- a/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md +++ b/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md @@ -1,12 +1,3 @@ - # Assignment: Explorando Herramientas Modernas de Desarrollo Web ## Instructions diff --git a/translations/es/1-getting-started-lessons/2-github-basics/README.md b/translations/es/1-getting-started-lessons/2-github-basics/README.md index b3a335aeb..3dfd5fe5d 100644 --- a/translations/es/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/es/1-getting-started-lessons/2-github-basics/README.md @@ -1,12 +1,3 @@ - # Introducción a GitHub ¡Hola, futuro desarrollador! 👋 ¿Listo para unirte a millones de programadores en todo el mundo? Estoy realmente emocionado de presentarte GitHub – piensa en ello como la plataforma de redes sociales para programadores, excepto que en lugar de compartir fotos de tu almuerzo, compartimos código y construimos cosas increíbles juntos. diff --git a/translations/es/1-getting-started-lessons/3-accessibility/README.md b/translations/es/1-getting-started-lessons/3-accessibility/README.md index 0c64dc55f..22f2bc40e 100644 --- a/translations/es/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/es/1-getting-started-lessons/3-accessibility/README.md @@ -1,12 +1,3 @@ - # Creación de Páginas Web Accesibles ![Todo sobre accesibilidad](../../../../translated_images/es/webdev101-a11y.8ef3025c858d897a.webp) diff --git a/translations/es/1-getting-started-lessons/3-accessibility/assignment.md b/translations/es/1-getting-started-lessons/3-accessibility/assignment.md index ceb6d4ce5..455c1cca3 100644 --- a/translations/es/1-getting-started-lessons/3-accessibility/assignment.md +++ b/translations/es/1-getting-started-lessons/3-accessibility/assignment.md @@ -1,12 +1,3 @@ - # Auditoría Integral de Accesibilidad Web ## Instrucciones diff --git a/translations/es/1-getting-started-lessons/README.md b/translations/es/1-getting-started-lessons/README.md index fdfe85eb8..c4e28350c 100644 --- a/translations/es/1-getting-started-lessons/README.md +++ b/translations/es/1-getting-started-lessons/README.md @@ -1,12 +1,3 @@ - # Introducción al Desarrollo Web En esta sección del currículo, se te presentarán conceptos no basados en proyectos que son importantes para convertirte en un desarrollador profesional. diff --git a/translations/es/10-ai-framework-project/README.md b/translations/es/10-ai-framework-project/README.md index 59ae2eb18..ffb475e01 100644 --- a/translations/es/10-ai-framework-project/README.md +++ b/translations/es/10-ai-framework-project/README.md @@ -1,12 +1,3 @@ - # Marco de IA ¿Alguna vez te has sentido abrumado intentando construir aplicaciones de IA desde cero? ¡No estás solo! Los marcos de IA son como tener una navaja suiza para el desarrollo de IA: son herramientas poderosas que pueden ahorrarte tiempo y dolores de cabeza al crear aplicaciones inteligentes. Piensa en un marco de IA como una biblioteca bien organizada: proporciona componentes preconstruidos, API estandarizadas y abstracciones inteligentes para que puedas concentrarte en resolver problemas en lugar de lidiar con detalles de implementación. diff --git a/translations/es/2-js-basics/1-data-types/README.md b/translations/es/2-js-basics/1-data-types/README.md index 87b5a3311..cef645ea8 100644 --- a/translations/es/2-js-basics/1-data-types/README.md +++ b/translations/es/2-js-basics/1-data-types/README.md @@ -1,12 +1,3 @@ - # Fundamentos de JavaScript: Tipos de Datos ![JavaScript Basics - Data types](../../../../translated_images/es/webdev101-js-datatypes.4cc470179730702c.webp) diff --git a/translations/es/2-js-basics/1-data-types/assignment.md b/translations/es/2-js-basics/1-data-types/assignment.md index a4199711b..831ea86aa 100644 --- a/translations/es/2-js-basics/1-data-types/assignment.md +++ b/translations/es/2-js-basics/1-data-types/assignment.md @@ -1,12 +1,3 @@ - # Práctica de Tipos de Datos: Carrito de Compras de Comercio Electrónico ## Instrucciones diff --git a/translations/es/2-js-basics/2-functions-methods/README.md b/translations/es/2-js-basics/2-functions-methods/README.md index 7c884b552..629e7ad1c 100644 --- a/translations/es/2-js-basics/2-functions-methods/README.md +++ b/translations/es/2-js-basics/2-functions-methods/README.md @@ -1,12 +1,3 @@ - # Fundamentos de JavaScript: Métodos y Funciones ![JavaScript Basics - Functions](../../../../translated_images/es/webdev101-js-functions.be049c4726e94f8b.webp) diff --git a/translations/es/2-js-basics/2-functions-methods/assignment.md b/translations/es/2-js-basics/2-functions-methods/assignment.md index fda4aec3e..62895691b 100644 --- a/translations/es/2-js-basics/2-functions-methods/assignment.md +++ b/translations/es/2-js-basics/2-functions-methods/assignment.md @@ -1,12 +1,3 @@ - # Diversión con Funciones ## Instrucciones diff --git a/translations/es/2-js-basics/3-making-decisions/README.md b/translations/es/2-js-basics/3-making-decisions/README.md index d3a48251e..d20bd617b 100644 --- a/translations/es/2-js-basics/3-making-decisions/README.md +++ b/translations/es/2-js-basics/3-making-decisions/README.md @@ -1,12 +1,3 @@ - # Conceptos Básicos de JavaScript: Tomando Decisiones ![JavaScript Basics - Making decisions](../../../../translated_images/es/webdev101-js-decisions.69e1b20f272dd1f0.webp) diff --git a/translations/es/2-js-basics/3-making-decisions/assignment.md b/translations/es/2-js-basics/3-making-decisions/assignment.md index 464ef1682..aac7754be 100644 --- a/translations/es/2-js-basics/3-making-decisions/assignment.md +++ b/translations/es/2-js-basics/3-making-decisions/assignment.md @@ -1,12 +1,3 @@ - # Tomando Decisiones: Procesador de Calificaciones Estudiantiles ## Objetivos de Aprendizaje diff --git a/translations/es/2-js-basics/4-arrays-loops/README.md b/translations/es/2-js-basics/4-arrays-loops/README.md index 23efa0348..1647bea76 100644 --- a/translations/es/2-js-basics/4-arrays-loops/README.md +++ b/translations/es/2-js-basics/4-arrays-loops/README.md @@ -1,12 +1,3 @@ - # Conceptos Básicos de JavaScript: Arrays y Bucles ![Conceptos Básicos de JavaScript - Arrays](../../../../translated_images/es/webdev101-js-arrays.439d7528b8a29455.webp) diff --git a/translations/es/2-js-basics/4-arrays-loops/assignment.md b/translations/es/2-js-basics/4-arrays-loops/assignment.md index 30920a9c9..213cc0801 100644 --- a/translations/es/2-js-basics/4-arrays-loops/assignment.md +++ b/translations/es/2-js-basics/4-arrays-loops/assignment.md @@ -1,12 +1,3 @@ - # Tarea de Arrays y Bucles ## Instrucciones diff --git a/translations/es/2-js-basics/README.md b/translations/es/2-js-basics/README.md index bdf598ffc..26eef1e8d 100644 --- a/translations/es/2-js-basics/README.md +++ b/translations/es/2-js-basics/README.md @@ -1,12 +1,3 @@ - # Introducción a JavaScript JavaScript es el lenguaje de la web. En estas cuatro lecciones, aprenderás sus conceptos básicos. diff --git a/translations/es/3-terrarium/1-intro-to-html/README.md b/translations/es/3-terrarium/1-intro-to-html/README.md index 9743ed80b..5812b9ac7 100644 --- a/translations/es/3-terrarium/1-intro-to-html/README.md +++ b/translations/es/3-terrarium/1-intro-to-html/README.md @@ -1,12 +1,3 @@ - # Proyecto Terrario Parte 1: Introducción a HTML ```mermaid diff --git a/translations/es/3-terrarium/1-intro-to-html/assignment.md b/translations/es/3-terrarium/1-intro-to-html/assignment.md index 5cba17b68..4f157c749 100644 --- a/translations/es/3-terrarium/1-intro-to-html/assignment.md +++ b/translations/es/3-terrarium/1-intro-to-html/assignment.md @@ -1,12 +1,3 @@ - # Asignación de Práctica de HTML: Construir una Maqueta de Blog ## Objetivos de Aprendizaje diff --git a/translations/es/3-terrarium/2-intro-to-css/README.md b/translations/es/3-terrarium/2-intro-to-css/README.md index 48ed9c5e8..c22124af3 100644 --- a/translations/es/3-terrarium/2-intro-to-css/README.md +++ b/translations/es/3-terrarium/2-intro-to-css/README.md @@ -1,12 +1,3 @@ - # Proyecto Terrario Parte 2: Introducción a CSS ```mermaid diff --git a/translations/es/3-terrarium/2-intro-to-css/assignment.md b/translations/es/3-terrarium/2-intro-to-css/assignment.md index 3de2ebc98..e2753b0c0 100644 --- a/translations/es/3-terrarium/2-intro-to-css/assignment.md +++ b/translations/es/3-terrarium/2-intro-to-css/assignment.md @@ -1,12 +1,3 @@ - # Tarea de Refactorización CSS ## Objetivo diff --git a/translations/es/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/es/3-terrarium/3-intro-to-DOM-and-closures/README.md index fa79f343e..f44b6d90b 100644 --- a/translations/es/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/es/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -1,12 +1,3 @@ - # Proyecto Terrario Parte 3: Manipulación del DOM y Closures en JavaScript ```mermaid diff --git a/translations/es/3-terrarium/3-intro-to-DOM-and-closures/assignment.md b/translations/es/3-terrarium/3-intro-to-DOM-and-closures/assignment.md index 3048d6446..e6380d515 100644 --- a/translations/es/3-terrarium/3-intro-to-DOM-and-closures/assignment.md +++ b/translations/es/3-terrarium/3-intro-to-DOM-and-closures/assignment.md @@ -1,12 +1,3 @@ - # Asignación de Investigación sobre Elementos DOM ## Visión General diff --git a/translations/es/3-terrarium/README.md b/translations/es/3-terrarium/README.md index 6c3e951da..9978b303e 100644 --- a/translations/es/3-terrarium/README.md +++ b/translations/es/3-terrarium/README.md @@ -1,12 +1,3 @@ - ## Despliega tu Terrarium Puedes desplegar o publicar tu Terrarium en la web usando **Azure Static Web Apps**. diff --git a/translations/es/3-terrarium/solution/README.md b/translations/es/3-terrarium/solution/README.md index 83aa233d6..52e10ad96 100644 --- a/translations/es/3-terrarium/solution/README.md +++ b/translations/es/3-terrarium/solution/README.md @@ -1,12 +1,3 @@ - # Mi Terrario: Un proyecto para aprender sobre HTML, CSS y manipulación del DOM usando JavaScript 🌵🌱 Un pequeño ejercicio de arrastrar y soltar para meditar con código. Con un poco de HTML, JS y CSS, puedes construir una interfaz web, estilizarla y añadirle interacción. diff --git a/translations/es/4-typing-game/README.md b/translations/es/4-typing-game/README.md index de4f2357b..389fc7251 100644 --- a/translations/es/4-typing-game/README.md +++ b/translations/es/4-typing-game/README.md @@ -1,12 +1,3 @@ - # Programación Orientada a Eventos - Construye un Juego de Escritura ```mermaid diff --git a/translations/es/4-typing-game/solution/README.md b/translations/es/4-typing-game/solution/README.md index dc9811237..6b42458a9 100644 --- a/translations/es/4-typing-game/solution/README.md +++ b/translations/es/4-typing-game/solution/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionadamente **Descargo de responsabilidad**: diff --git a/translations/es/4-typing-game/typing-game/README.md b/translations/es/4-typing-game/typing-game/README.md index 543b624d9..b2152a6a6 100644 --- a/translations/es/4-typing-game/typing-game/README.md +++ b/translations/es/4-typing-game/typing-game/README.md @@ -1,12 +1,3 @@ - # Crear un juego usando eventos ¿Alguna vez te has preguntado cómo saben los sitios web cuándo haces clic en un botón o escribes en un cuadro de texto? ¡Esa es la magia de la programación orientada a eventos! ¿Qué mejor manera de aprender esta habilidad esencial que construyendo algo útil: un juego de velocidad de escritura que reacciona a cada pulsación de tecla que haces? diff --git a/translations/es/4-typing-game/typing-game/assignment.md b/translations/es/4-typing-game/typing-game/assignment.md index af60e97f5..d33e59b63 100644 --- a/translations/es/4-typing-game/typing-game/assignment.md +++ b/translations/es/4-typing-game/typing-game/assignment.md @@ -1,12 +1,3 @@ - # Crear un nuevo juego de teclado ## Instrucciones diff --git a/translations/es/5-browser-extension/1-about-browsers/README.md b/translations/es/5-browser-extension/1-about-browsers/README.md index cbc78b88c..097a69a63 100644 --- a/translations/es/5-browser-extension/1-about-browsers/README.md +++ b/translations/es/5-browser-extension/1-about-browsers/README.md @@ -1,12 +1,3 @@ - # Browser Extension Project Part 1: Todo sobre Navegadores ```mermaid diff --git a/translations/es/5-browser-extension/1-about-browsers/assignment.md b/translations/es/5-browser-extension/1-about-browsers/assignment.md index 17f0ecd40..935ba7b19 100644 --- a/translations/es/5-browser-extension/1-about-browsers/assignment.md +++ b/translations/es/5-browser-extension/1-about-browsers/assignment.md @@ -1,12 +1,3 @@ - # Tarea: Rediseña tu extensión de navegador ## Descripción general diff --git a/translations/es/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/es/5-browser-extension/2-forms-browsers-local-storage/README.md index 5947fbf74..d1194b778 100644 --- a/translations/es/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/es/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -1,12 +1,3 @@ - # Proyecto de Extensión del Navegador Parte 2: Llamar a una API, usar Almacenamiento Local ```mermaid diff --git a/translations/es/5-browser-extension/2-forms-browsers-local-storage/assignment.md b/translations/es/5-browser-extension/2-forms-browsers-local-storage/assignment.md index ddb2aa173..128733686 100644 --- a/translations/es/5-browser-extension/2-forms-browsers-local-storage/assignment.md +++ b/translations/es/5-browser-extension/2-forms-browsers-local-storage/assignment.md @@ -1,12 +1,3 @@ - # Adoptar una API ## Resumen diff --git a/translations/es/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/es/5-browser-extension/3-background-tasks-and-performance/README.md index 58ed28032..4dbedd858 100644 --- a/translations/es/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/es/5-browser-extension/3-background-tasks-and-performance/README.md @@ -1,12 +1,3 @@ - # Proyecto de Extensión de Navegador Parte 3: Aprende sobre Tareas en Segundo Plano y Rendimiento ```mermaid diff --git a/translations/es/5-browser-extension/3-background-tasks-and-performance/assignment.md b/translations/es/5-browser-extension/3-background-tasks-and-performance/assignment.md index cc79612de..7f11bdd76 100644 --- a/translations/es/5-browser-extension/3-background-tasks-and-performance/assignment.md +++ b/translations/es/5-browser-extension/3-background-tasks-and-performance/assignment.md @@ -1,12 +1,3 @@ - # Analizar un sitio para rendimiento ## Resumen de la tarea diff --git a/translations/es/5-browser-extension/README.md b/translations/es/5-browser-extension/README.md index 782168035..6e635d3fc 100644 --- a/translations/es/5-browser-extension/README.md +++ b/translations/es/5-browser-extension/README.md @@ -1,12 +1,3 @@ - # Creando una extensión de navegador Crear extensiones de navegador es una forma divertida e interesante de pensar en el rendimiento de tus aplicaciones mientras desarrollas un tipo diferente de recurso web. Este módulo incluye lecciones sobre cómo funcionan los navegadores, cómo implementar una extensión de navegador, cómo construir un formulario, llamar a una API, usar almacenamiento local, y cómo evaluar el rendimiento de tu sitio web y mejorarlo. diff --git a/translations/es/5-browser-extension/solution/README.md b/translations/es/5-browser-extension/solution/README.md index 93e063886..1a9b50e2c 100644 --- a/translations/es/5-browser-extension/solution/README.md +++ b/translations/es/5-browser-extension/solution/README.md @@ -1,12 +1,3 @@ - # Extensión de Navegador Carbon Trigger: Código Completado Usando la API CO2 Signal de tmrow para rastrear el uso de electricidad, construye una extensión de navegador para que puedas tener un recordatorio directamente en tu navegador sobre qué tan alta es la carga de uso eléctrico en tu región. Usar esta extensión de manera ad hoc te ayudará a tomar decisiones sobre tus actividades basándote en esta información. diff --git a/translations/es/5-browser-extension/solution/translation/README.es.md b/translations/es/5-browser-extension/solution/translation/README.es.md index fbc168313..27d1d12e8 100644 --- a/translations/es/5-browser-extension/solution/translation/README.es.md +++ b/translations/es/5-browser-extension/solution/translation/README.es.md @@ -1,12 +1,3 @@ - # Extensión del navegador Carbon Trigger: Código completo Usando la API de señal de CO2 de tmrow para rastrear el uso de electricidad, cree una extensión de navegador que le permita tener un recordatorio directo en su navegador sobre el consumo de electricidad en su región. El uso de esta extensión personalizada le ayudará a tomar decisiones informadas sobre sus actividades basándose en esta información. diff --git a/translations/es/5-browser-extension/solution/translation/README.fr.md b/translations/es/5-browser-extension/solution/translation/README.fr.md index 967eb7384..231a9482f 100644 --- a/translations/es/5-browser-extension/solution/translation/README.fr.md +++ b/translations/es/5-browser-extension/solution/translation/README.fr.md @@ -1,12 +1,3 @@ - # Extensión de navegador Carbon Trigger: Código completado Usando la API C02 Signal de tmrow para monitorear el consumo de electricidad, crea una extensión de navegador para que puedas recibir un recordatorio directamente en tu navegador sobre el consumo de electricidad en tu región. El uso de esta extensión te ayudará a tomar decisiones sobre tus actividades basándote en esta información. diff --git a/translations/es/5-browser-extension/solution/translation/README.hi.md b/translations/es/5-browser-extension/solution/translation/README.hi.md index dcf32aa8e..8f6d93eec 100644 --- a/translations/es/5-browser-extension/solution/translation/README.hi.md +++ b/translations/es/5-browser-extension/solution/translation/README.hi.md @@ -1,12 +1,3 @@ - # Extensión de navegador Carbon Trigger: Código completado Utilizando la API de CO2 Signal de tmrow para rastrear el uso de electricidad, se ha creado una extensión de navegador que te recuerda cuán intensivo es el uso de electricidad en tu área mientras navegas. Usar esta extensión te ayudará a tomar decisiones informadas sobre tus actividades basándote en esta información. diff --git a/translations/es/5-browser-extension/solution/translation/README.it.md b/translations/es/5-browser-extension/solution/translation/README.it.md index de8ab8ff3..24fdf80bc 100644 --- a/translations/es/5-browser-extension/solution/translation/README.it.md +++ b/translations/es/5-browser-extension/solution/translation/README.it.md @@ -1,12 +1,3 @@ - # Extensión del navegador Carbon Trigger: código para empezar Se utilizará la API Signal CO2 de tmrow para monitorear el uso de electricidad y crear una extensión para el navegador que permita tener un recordatorio directo en el navegador sobre el impacto del uso de electricidad en tu región. El uso de esta extensión personalizada ayudará a evaluar tus actividades basándote en esta información. diff --git a/translations/es/5-browser-extension/solution/translation/README.ja.md b/translations/es/5-browser-extension/solution/translation/README.ja.md index 6c78e93f8..d7c8e9554 100644 --- a/translations/es/5-browser-extension/solution/translation/README.ja.md +++ b/translations/es/5-browser-extension/solution/translation/README.ja.md @@ -1,12 +1,3 @@ - # Extensión de navegador Carbon Trigger: Código completo Construye una extensión de navegador que, utilizando la API de CO2 Signal de tmrow, muestre un recordatorio en tu navegador sobre cuánta energía se está utilizando en tu región. Esto te permitirá tomar decisiones basadas en esta información sobre tus actividades. diff --git a/translations/es/5-browser-extension/solution/translation/README.ms.md b/translations/es/5-browser-extension/solution/translation/README.ms.md index c3deae065..aa301f97d 100644 --- a/translations/es/5-browser-extension/solution/translation/README.ms.md +++ b/translations/es/5-browser-extension/solution/translation/README.ms.md @@ -1,12 +1,3 @@ - # Extensión del Navegador Carbon Trigger: Código Completo Utilizando la API de CO2 Signal de tmrow para monitorear el consumo eléctrico, crea una extensión de navegador que te permita recibir alertas en tu navegador sobre el nivel de consumo eléctrico en tu región. Usar esta extensión te ayudará a tomar decisiones informadas sobre tus actividades basándote en esta información. diff --git a/translations/es/5-browser-extension/start/README.md b/translations/es/5-browser-extension/start/README.md index b0ebafd36..b9ae1f204 100644 --- a/translations/es/5-browser-extension/start/README.md +++ b/translations/es/5-browser-extension/start/README.md @@ -1,12 +1,3 @@ - # Extensión de Navegador Carbon Trigger: Código Inicial Usando la API de C02 Signal de tmrow para rastrear el uso de electricidad, construye una extensión de navegador para tener un recordatorio directamente en tu navegador sobre el nivel de consumo eléctrico en tu región. Usar esta extensión de manera ocasional te ayudará a tomar decisiones sobre tus actividades basándote en esta información. diff --git a/translations/es/6-space-game/1-introduction/README.md b/translations/es/6-space-game/1-introduction/README.md index 82fd1d302..e57d31216 100644 --- a/translations/es/6-space-game/1-introduction/README.md +++ b/translations/es/6-space-game/1-introduction/README.md @@ -1,12 +1,3 @@ - # Construye un Juego Espacial Parte 1: Introducción ```mermaid diff --git a/translations/es/6-space-game/1-introduction/assignment.md b/translations/es/6-space-game/1-introduction/assignment.md index 0b4c002db..8dfc1ebbc 100644 --- a/translations/es/6-space-game/1-introduction/assignment.md +++ b/translations/es/6-space-game/1-introduction/assignment.md @@ -1,12 +1,3 @@ - # Simula un Juego: Aplica Patrones de Diseño ## Resumen de la Tarea diff --git a/translations/es/6-space-game/2-drawing-to-canvas/README.md b/translations/es/6-space-game/2-drawing-to-canvas/README.md index 52402388e..f45e43605 100644 --- a/translations/es/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/es/6-space-game/2-drawing-to-canvas/README.md @@ -1,12 +1,3 @@ - # Construye un Juego Espacial Parte 2: Dibuja Héroe y Monstruos en el Canvas ```mermaid diff --git a/translations/es/6-space-game/2-drawing-to-canvas/assignment.md b/translations/es/6-space-game/2-drawing-to-canvas/assignment.md index e58ba7e1d..14a6d689b 100644 --- a/translations/es/6-space-game/2-drawing-to-canvas/assignment.md +++ b/translations/es/6-space-game/2-drawing-to-canvas/assignment.md @@ -1,12 +1,3 @@ - # Tarea: Explora la API de Canvas ## Objetivos de Aprendizaje diff --git a/translations/es/6-space-game/3-moving-elements-around/README.md b/translations/es/6-space-game/3-moving-elements-around/README.md index 595428d27..07cc71dee 100644 --- a/translations/es/6-space-game/3-moving-elements-around/README.md +++ b/translations/es/6-space-game/3-moving-elements-around/README.md @@ -1,12 +1,3 @@ - # Construir un Juego Espacial Parte 3: Añadiendo Movimiento ```mermaid diff --git a/translations/es/6-space-game/3-moving-elements-around/assignment.md b/translations/es/6-space-game/3-moving-elements-around/assignment.md index b46bda3a2..985246e03 100644 --- a/translations/es/6-space-game/3-moving-elements-around/assignment.md +++ b/translations/es/6-space-game/3-moving-elements-around/assignment.md @@ -1,12 +1,3 @@ - # Comenta Tu Código ## Instrucciones diff --git a/translations/es/6-space-game/4-collision-detection/README.md b/translations/es/6-space-game/4-collision-detection/README.md index 333c02ba3..e3a268500 100644 --- a/translations/es/6-space-game/4-collision-detection/README.md +++ b/translations/es/6-space-game/4-collision-detection/README.md @@ -1,12 +1,3 @@ - # Construye un Juego Espacial Parte 4: Agregar un Láser y Detectar Colisiones ```mermaid diff --git a/translations/es/6-space-game/4-collision-detection/assignment.md b/translations/es/6-space-game/4-collision-detection/assignment.md index 5323bbf6d..e54be340a 100644 --- a/translations/es/6-space-game/4-collision-detection/assignment.md +++ b/translations/es/6-space-game/4-collision-detection/assignment.md @@ -1,12 +1,3 @@ - # Explorar Colisiones ## Instrucciones diff --git a/translations/es/6-space-game/4-collision-detection/solution/README.md b/translations/es/6-space-game/4-collision-detection/solution/README.md index b4523a3da..fb75d3f06 100644 --- a/translations/es/6-space-game/4-collision-detection/solution/README.md +++ b/translations/es/6-space-game/4-collision-detection/solution/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionadamente **Descargo de responsabilidad**: diff --git a/translations/es/6-space-game/4-collision-detection/your-work/README.md b/translations/es/6-space-game/4-collision-detection/your-work/README.md index d98895ef9..fb75d3f06 100644 --- a/translations/es/6-space-game/4-collision-detection/your-work/README.md +++ b/translations/es/6-space-game/4-collision-detection/your-work/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionadamente **Descargo de responsabilidad**: diff --git a/translations/es/6-space-game/5-keeping-score/README.md b/translations/es/6-space-game/5-keeping-score/README.md index 47fc1c340..0af1aa094 100644 --- a/translations/es/6-space-game/5-keeping-score/README.md +++ b/translations/es/6-space-game/5-keeping-score/README.md @@ -1,12 +1,3 @@ - # Construye un Juego Espacial Parte 5: Puntuación y Vidas ```mermaid diff --git a/translations/es/6-space-game/5-keeping-score/assignment.md b/translations/es/6-space-game/5-keeping-score/assignment.md index ea99475c0..5d6459ab8 100644 --- a/translations/es/6-space-game/5-keeping-score/assignment.md +++ b/translations/es/6-space-game/5-keeping-score/assignment.md @@ -1,12 +1,3 @@ - # Construir un Juego de Puntuación ## Instrucciones diff --git a/translations/es/6-space-game/5-keeping-score/solution/README.md b/translations/es/6-space-game/5-keeping-score/solution/README.md index 370d344ae..50958e60e 100644 --- a/translations/es/6-space-game/5-keeping-score/solution/README.md +++ b/translations/es/6-space-game/5-keeping-score/solution/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionalmente **Descargo de responsabilidad**: diff --git a/translations/es/6-space-game/5-keeping-score/your-work/README.md b/translations/es/6-space-game/5-keeping-score/your-work/README.md index 6771e1569..6b42458a9 100644 --- a/translations/es/6-space-game/5-keeping-score/your-work/README.md +++ b/translations/es/6-space-game/5-keeping-score/your-work/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionadamente **Descargo de responsabilidad**: diff --git a/translations/es/6-space-game/6-end-condition/README.md b/translations/es/6-space-game/6-end-condition/README.md index a5ba1f32d..185a28172 100644 --- a/translations/es/6-space-game/6-end-condition/README.md +++ b/translations/es/6-space-game/6-end-condition/README.md @@ -1,12 +1,3 @@ - # Construye un Juego Espacial Parte 6: Final y Reinicio ```mermaid diff --git a/translations/es/6-space-game/6-end-condition/assignment.md b/translations/es/6-space-game/6-end-condition/assignment.md index 568cabe53..10b1bc40c 100644 --- a/translations/es/6-space-game/6-end-condition/assignment.md +++ b/translations/es/6-space-game/6-end-condition/assignment.md @@ -1,12 +1,3 @@ - # Construir un Juego de Ejemplo ## Resumen de la Tarea diff --git a/translations/es/6-space-game/6-end-condition/solution/README.md b/translations/es/6-space-game/6-end-condition/solution/README.md index a23994516..fb75d3f06 100644 --- a/translations/es/6-space-game/6-end-condition/solution/README.md +++ b/translations/es/6-space-game/6-end-condition/solution/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionadamente **Descargo de responsabilidad**: diff --git a/translations/es/6-space-game/6-end-condition/your-work/README.md b/translations/es/6-space-game/6-end-condition/your-work/README.md index aab7e78a3..fb75d3f06 100644 --- a/translations/es/6-space-game/6-end-condition/your-work/README.md +++ b/translations/es/6-space-game/6-end-condition/your-work/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionadamente **Descargo de responsabilidad**: diff --git a/translations/es/6-space-game/README.md b/translations/es/6-space-game/README.md index 351f01173..07fed8b20 100644 --- a/translations/es/6-space-game/README.md +++ b/translations/es/6-space-game/README.md @@ -1,12 +1,3 @@ - # Construye un Juego Espacial Un juego espacial para aprender fundamentos más avanzados de JavaScript diff --git a/translations/es/6-space-game/solution/README.md b/translations/es/6-space-game/solution/README.md index 828527918..441caee96 100644 --- a/translations/es/6-space-game/solution/README.md +++ b/translations/es/6-space-game/solution/README.md @@ -1,12 +1,3 @@ - Este es un marcador de posición, dejado en blanco intencionadamente **Descargo de responsabilidad**: diff --git a/translations/es/7-bank-project/1-template-route/README.md b/translations/es/7-bank-project/1-template-route/README.md index ca94669ac..3fef64a69 100644 --- a/translations/es/7-bank-project/1-template-route/README.md +++ b/translations/es/7-bank-project/1-template-route/README.md @@ -1,12 +1,3 @@ - # Construir una App Bancaria Parte 1: Plantillas HTML y Rutas en una Aplicación Web ```mermaid diff --git a/translations/es/7-bank-project/1-template-route/assignment.md b/translations/es/7-bank-project/1-template-route/assignment.md index d5bd06900..68f2741b3 100644 --- a/translations/es/7-bank-project/1-template-route/assignment.md +++ b/translations/es/7-bank-project/1-template-route/assignment.md @@ -1,12 +1,3 @@ - # Mejorar el Enrutamiento ## Instrucciones diff --git a/translations/es/7-bank-project/2-forms/README.md b/translations/es/7-bank-project/2-forms/README.md index e787ed5ea..8a6c33d65 100644 --- a/translations/es/7-bank-project/2-forms/README.md +++ b/translations/es/7-bank-project/2-forms/README.md @@ -1,12 +1,3 @@ - # Construye una App Bancaria Parte 2: Construye un Formulario de Inicio de Sesión y Registro ```mermaid diff --git a/translations/es/7-bank-project/2-forms/assignment.md b/translations/es/7-bank-project/2-forms/assignment.md index a6894dea2..3c8704cb1 100644 --- a/translations/es/7-bank-project/2-forms/assignment.md +++ b/translations/es/7-bank-project/2-forms/assignment.md @@ -1,12 +1,3 @@ - # Estiliza tu aplicación bancaria con CSS moderno ## Resumen del proyecto diff --git a/translations/es/7-bank-project/3-data/README.md b/translations/es/7-bank-project/3-data/README.md index 3d7b154c1..33b1c7630 100644 --- a/translations/es/7-bank-project/3-data/README.md +++ b/translations/es/7-bank-project/3-data/README.md @@ -1,12 +1,3 @@ - # Construye una App Bancaria Parte 3: Métodos para Obtener y Usar Datos Piensa en la computadora de la Enterprise en Star Trek: cuando el Capitán Picard pregunta por el estado de la nave, la información aparece al instante sin que toda la interfaz se apague y se reconstruya. Ese flujo constante de información es precisamente lo que estamos construyendo aquí con la obtención dinámica de datos. diff --git a/translations/es/7-bank-project/3-data/assignment.md b/translations/es/7-bank-project/3-data/assignment.md index c31be618f..56c352bd6 100644 --- a/translations/es/7-bank-project/3-data/assignment.md +++ b/translations/es/7-bank-project/3-data/assignment.md @@ -1,12 +1,3 @@ - # Refactorización y Documentación de Código - Tarea ## Objetivos de Aprendizaje diff --git a/translations/es/7-bank-project/4-state-management/README.md b/translations/es/7-bank-project/4-state-management/README.md index 069452555..eb7dc1aca 100644 --- a/translations/es/7-bank-project/4-state-management/README.md +++ b/translations/es/7-bank-project/4-state-management/README.md @@ -1,12 +1,3 @@ - # Construye una App Bancaria Parte 4: Conceptos de Gestión de Estado ## ⚡ Lo Que Puedes Hacer en los Próximos 5 Minutos diff --git a/translations/es/7-bank-project/4-state-management/assignment.md b/translations/es/7-bank-project/4-state-management/assignment.md index c7c306aa7..9c06c4e80 100644 --- a/translations/es/7-bank-project/4-state-management/assignment.md +++ b/translations/es/7-bank-project/4-state-management/assignment.md @@ -1,12 +1,3 @@ - # Implementar el diálogo "Agregar Transacción" ## Descripción general diff --git a/translations/es/7-bank-project/README.md b/translations/es/7-bank-project/README.md index dee4580b6..7c4dbad42 100644 --- a/translations/es/7-bank-project/README.md +++ b/translations/es/7-bank-project/README.md @@ -1,12 +1,3 @@ - # :dollar: Construye un Banco En este proyecto, aprenderás a construir un banco ficticio. Estas lecciones incluyen instrucciones sobre cómo diseñar una aplicación web y proporcionar rutas, crear formularios, gestionar el estado y obtener datos de una API desde la cual puedes recuperar los datos del banco. diff --git a/translations/es/7-bank-project/api/README.md b/translations/es/7-bank-project/api/README.md index d946d548f..b1bff8819 100644 --- a/translations/es/7-bank-project/api/README.md +++ b/translations/es/7-bank-project/api/README.md @@ -1,12 +1,3 @@ - # API del Banco > API del Banco construida con [Node.js](https://nodejs.org) + [Express](https://expressjs.com/). diff --git a/translations/es/7-bank-project/solution/README.md b/translations/es/7-bank-project/solution/README.md index 76ba86946..c1311c97b 100644 --- a/translations/es/7-bank-project/solution/README.md +++ b/translations/es/7-bank-project/solution/README.md @@ -1,12 +1,3 @@ - # Aplicación bancaria > Solución de ejemplo para el proyecto de la aplicación bancaria, construida con HTML5, CSS y JavaScript puro (sin frameworks ni bibliotecas). diff --git a/translations/es/8-code-editor/1-using-a-code-editor/README.md b/translations/es/8-code-editor/1-using-a-code-editor/README.md index 1f58ca5fb..bbc5c71f0 100644 --- a/translations/es/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/es/8-code-editor/1-using-a-code-editor/README.md @@ -1,12 +1,3 @@ - # Usando un Editor de Código: Dominando VSCode.dev ¿Recuerdas en *The Matrix* cuando Neo tuvo que conectarse a un enorme terminal de computadora para acceder al mundo digital? Las herramientas de desarrollo web de hoy son la historia opuesta: capacidades increíblemente poderosas accesibles desde cualquier lugar. VSCode.dev es un editor de código basado en navegador que lleva herramientas profesionales de desarrollo a cualquier dispositivo con conexión a internet. diff --git a/translations/es/8-code-editor/1-using-a-code-editor/assignment.md b/translations/es/8-code-editor/1-using-a-code-editor/assignment.md index 266dd9428..7ea3db96d 100644 --- a/translations/es/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/es/8-code-editor/1-using-a-code-editor/assignment.md @@ -1,12 +1,3 @@ - # Crea un Sitio Web de Currículum Usando VSCode.dev Transforma tus perspectivas profesionales construyendo un sitio web profesional de currículum que muestre tus habilidades y experiencia en un formato interactivo y moderno. En lugar de enviar PDFs tradicionales, imagina proporcionar a los reclutadores un sitio web elegante y responsive que demuestre tanto tus calificaciones como tus capacidades de desarrollo web. diff --git a/translations/es/9-chat-project/README.md b/translations/es/9-chat-project/README.md index 190be96e9..4b111ca8f 100644 --- a/translations/es/9-chat-project/README.md +++ b/translations/es/9-chat-project/README.md @@ -1,12 +1,3 @@ - # Construye un Asistente de Chat con IA ¿Recuerdas en Star Trek cuando la tripulación conversaba casualmente con la computadora de la nave, haciéndole preguntas complejas y recibiendo respuestas reflexivas? Lo que parecía pura ciencia ficción en los años 60 ahora es algo que puedes construir usando tecnologías web que ya conoces. diff --git a/translations/es/9-chat-project/solution/README.md b/translations/es/9-chat-project/solution/README.md index fa61e2db4..58dac927d 100644 --- a/translations/es/9-chat-project/solution/README.md +++ b/translations/es/9-chat-project/solution/README.md @@ -1,12 +1,3 @@ - # Ejecutar solución 1. Inicia el [backend](./backend/README.md) diff --git a/translations/es/9-chat-project/solution/backend/README.md b/translations/es/9-chat-project/solution/backend/README.md index 2b9144fb6..7be5d9a3b 100644 --- a/translations/es/9-chat-project/solution/backend/README.md +++ b/translations/es/9-chat-project/solution/backend/README.md @@ -1,12 +1,3 @@ - Elige tu entorno de ejecución - [Python](./python/README.md) diff --git a/translations/es/9-chat-project/solution/backend/python/README.md b/translations/es/9-chat-project/solution/backend/python/README.md index 4fa5442af..c8fd6be2d 100644 --- a/translations/es/9-chat-project/solution/backend/python/README.md +++ b/translations/es/9-chat-project/solution/backend/python/README.md @@ -1,12 +1,3 @@ - # Ejecutar código ## Configurar diff --git a/translations/es/9-chat-project/solution/frontend/README.md b/translations/es/9-chat-project/solution/frontend/README.md index 486bab52c..4d2eb5bd3 100644 --- a/translations/es/9-chat-project/solution/frontend/README.md +++ b/translations/es/9-chat-project/solution/frontend/README.md @@ -1,12 +1,3 @@ - # Ejecutar el código ```sh diff --git a/translations/es/AGENTS.md b/translations/es/AGENTS.md index 5e88eb26b..023fbcdb7 100644 --- a/translations/es/AGENTS.md +++ b/translations/es/AGENTS.md @@ -1,12 +1,3 @@ - # AGENTS.md ## Resumen del Proyecto diff --git a/translations/es/CODE_OF_CONDUCT.md b/translations/es/CODE_OF_CONDUCT.md index e348abe63..93815409c 100644 --- a/translations/es/CODE_OF_CONDUCT.md +++ b/translations/es/CODE_OF_CONDUCT.md @@ -1,12 +1,3 @@ - # Código de Conducta de Código Abierto de Microsoft Este proyecto ha adoptado el [Código de Conducta de Código Abierto de Microsoft](https://opensource.microsoft.com/codeofconduct/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/es/CONTRIBUTING.md b/translations/es/CONTRIBUTING.md index e9e66f2e6..edd4eeb9b 100644 --- a/translations/es/CONTRIBUTING.md +++ b/translations/es/CONTRIBUTING.md @@ -1,12 +1,3 @@ - # Contribuir Este proyecto da la bienvenida a contribuciones y sugerencias. La mayoría de las contribuciones requieren que aceptes un Acuerdo de Licencia para Contribuyentes (CLA) declarando que tienes el derecho y, de hecho, otorgas los derechos para que usemos tu contribución. Para más detalles, visita [https://cla.microsoft.com](https://cla.microsoft.com/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/es/Git-Basics/README.md b/translations/es/Git-Basics/README.md index 42ac99b51..c42d1dcee 100644 --- a/translations/es/Git-Basics/README.md +++ b/translations/es/Git-Basics/README.md @@ -1,12 +1,3 @@ - ## Conceptos básicos de GIT para principiantes en desarrollo web 👶 ## ¿Qué es `Git`? diff --git a/translations/es/README.md b/translations/es/README.md index 9e0e89986..e67fd7869 100644 --- a/translations/es/README.md +++ b/translations/es/README.md @@ -1,111 +1,102 @@ - -[![Licencia GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) -[![Contribuidores GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) -[![Issues GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) -[![Pull requests GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) -[![PRs Bienvenidos](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) - -[![Observadores 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/) -[![Bifurcaciones 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/) -[![Estrellas 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/) +[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) +[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) +[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) +[![GitHub pull-requests](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 watchers](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/) +[![GitHub forks](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 stars](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/) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) # Desarrollo Web para Principiantes - Un Currículo -Aprende los fundamentos del desarrollo web con nuestro curso integral de 12 semanas impartido por Microsoft Cloud Advocates. Cada una de las 24 lecciones profundiza en JavaScript, CSS y HTML a través de proyectos prácticos como terrarios, extensiones de navegador y juegos espaciales. Participa en cuestionarios, debates y tareas prácticas. Mejora tus habilidades y optimiza la retención de conocimientos con nuestra efectiva pedagogía basada en proyectos. ¡Comienza tu viaje de codificación hoy! +Aprende los fundamentos del desarrollo web con nuestro curso integral de 12 semanas impartido por Microsoft Cloud Advocates. Cada una de las 24 lecciones profundiza en JavaScript, CSS y HTML a través de proyectos prácticos como terrarios, extensiones de navegador y juegos espaciales. Participa en cuestionarios, discusiones y tareas prácticas. Mejora tus habilidades y optimiza la retención de conocimiento con nuestra pedagógica efectiva basada en proyectos. ¡Comienza tu viaje en la programación hoy! Únete a la Comunidad de Discord de Azure AI Foundry [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Sigue estos pasos para comenzar a usar estos recursos: -1. **Haz un Fork del Repositorio**: Haz clic en [![Bifurcaciones 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) +1. **Haz un Fork del Repositorio**: Haz clic en [![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. **Clona el Repositorio**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Únete al Discord de Azure AI Foundry y conoce a expertos y desarrolladores**](https://discord.com/invite/ByRwuEEgH4) +3. [**Únete al Discord de Azure AI Foundry y conoce expertos y desarrolladores**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Soporte Multilingüe -#### Soportado mediante GitHub Action (Automatizado y Siempre Actualizado) +#### Soportado vía GitHub Action (Automatizado y Siempre Actualizado) -[Árabe](../ar/README.md) | [Bengalí](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmano (Myanmar)](../my/README.md) | [Chino (Simplificado)](../zh/README.md) | [Chino (Tradicional, Hong Kong)](../hk/README.md) | [Chino (Tradicional, Macao)](../mo/README.md) | [Chino (Tradicional, Taiwán)](../tw/README.md) | [Croata](../hr/README.md) | [Checo](../cs/README.md) | [Danés](../da/README.md) | [Holandés](../nl/README.md) | [Estonio](../et/README.md) | [Finlandés](../fi/README.md) | [Francés](../fr/README.md) | [Alemán](../de/README.md) | [Griego](../el/README.md) | [Hebreo](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonesio](../id/README.md) | [Italiano](../it/README.md) | [Japonés](../ja/README.md) | [Kannada](../kn/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malayo](../ms/README.md) | [Malayalam](../ml/README.md) | [Maratí](../mr/README.md) | [Nepalí](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Noruego](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polaco](../pl/README.md) | [Portugués (Brasil)](../br/README.md) | [Portugués (Portugal)](../pt/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumano](../ro/README.md) | [Ruso](../ru/README.md) | [Serbio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Español](./README.md) | [Swahili](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandés](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md) +[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](./README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **¿Prefieres Clonar Localmente?** +> **¿Prefieres clonar localmente?** -> Este repositorio incluye más de 50 traducciones que aumentan significativamente el tamaño de descarga. Para clonar sin traducciones, usa sparse checkout: +> Este repositorio incluye más de 50 traducciones que aumentan significativamente el tamaño de la descarga. Para clonar sin traducciones, utiliza 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' > ``` -> Esto te da todo lo necesario para completar el curso con una descarga mucho más rápida. +> Esto te da todo lo que necesitas para completar el curso con una descarga mucho más rápida. -**Si deseas que se soporten idiomas de traducción adicionales, están listados [aquí](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Si deseas que se soporten más idiomas de traducción están listados [aquí](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Abrir en 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) +[![Open in 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) #### 🧑‍🎓 _¿Eres estudiante?_ -Visita la [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) donde encontrarás recursos para principiantes, paquetes para estudiantes y hasta formas de obtener un comprobante de certificado gratis. Esta es la página que querrás marcar y consultar regularmente ya que renovamos contenido mensualmente. +Visita la [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) donde encontrarás recursos para principiantes, paquetes para estudiantes e incluso formas de obtener un cupón de certificado gratuito. Esta es la página que quieres agregar a favoritos y revisar de vez en cuando ya que cambiamos el contenido mensualmente. -### 📣 Anuncio - ¡Nuevos desafíos GitHub Copilot Agent para completar! +### 📣 Anuncio - ¡Nuevos desafíos del modo GitHub Copilot Agent para completar! -Nuevo desafío agregado, busca "GitHub Copilot Agent Challenge 🚀" en la mayoría de los capítulos. Es un nuevo reto para que completes usando GitHub Copilot y el modo Agent. Si no has usado el modo Agent antes, es capaz no solo de generar texto sino también de crear y editar archivos, ejecutar comandos y más. +Nuevo desafío añadido, busca "GitHub Copilot Agent Challenge 🚀" en la mayoría de los capítulos. Es un nuevo reto para que completes usando GitHub Copilot y el modo Agent. Si no has usado el modo Agent antes, este no solo genera texto sino que también puede crear y editar archivos, ejecutar comandos y más. -### 📣 Anuncio - _Nuevo Proyecto para construir usando IA Generativa_ +### 📣 Anuncio - _Nuevo Proyecto para construir con IA Generativa_ -Nuevo proyecto de Asistente de IA agregado, revisa el [proyecto](./9-chat-project/README.md) +Nuevo proyecto de Asistente AI agregado, échale un vistazo en el [proyecto](./9-chat-project/README.md) -### 📣 Anuncio - _Nuevo Currículo_ sobre IA Generativa para JavaScript acaba de ser lanzado +### 📣 Anuncio - _Nuevo Currículo_ sobre IA Generativa para JavaScript acaba de ser publicado ¡No te pierdas nuestro nuevo currículo de IA Generativa! -Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para comenzar! +Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para comenzar. -![Fondo](../../translated_images/es/background.148a8d43afde5730.webp) +![Background](../../translated_images/es/background.148a8d43afde5730.webp) -- Lecciones que cubren todo desde lo básico hasta RAG. +- Lecciones que cubren desde lo básico hasta RAG. - Interactúa con personajes históricos usando GenAI y nuestra app compañera. - Narrativa divertida y atractiva, ¡viajarás en el tiempo! -![personaje](../../translated_images/es/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/es/character.5c0dd8e067ffd693.webp) -Cada lección incluye una tarea para completar, una revisión de conocimientos y un desafío para guiarte en tópicos como: -- Prompting y ingeniería de prompts -- Generación de aplicaciones de texto e imagen -- Aplicaciones de búsqueda +Cada lección incluye una tarea para completar, un chequeo de conocimiento y un desafío que te guiará en aprendizaje de temas como: +- Prompts y la ingeniería de prompts +- Generación de apps con texto e imagen +- Apps de búsqueda Visita [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) para comenzar! -## 🌱 Comenzando +## 🌱 Primeros pasos > **Docentes**, hemos [incluido algunas sugerencias](for-teachers.md) sobre cómo usar este currículo. ¡Nos encantaría recibir sus comentarios [en nuestro foro de discusión](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Estudiantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lección, comiencen con un cuestionario previo y sigan leyendo el material, completando diversas actividades y verificando su comprensión con el cuestionario posterior. +**[Estudiantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lección, comiencen con un cuestionario previo a la clase y continúen leyendo el material, completando las diversas actividades y evaluando su comprensión con el cuestionario posterior a la clase. -Para mejorar su experiencia, conéctense con sus compañeros para trabajar en los proyectos juntos. Se fomentan las discusiones en nuestro [foro de discusión](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), donde nuestro equipo de moderadores estará disponible para resolver dudas. +Para mejorar su experiencia de aprendizaje, ¡conéctense con sus compañeros para trabajar juntos en los proyectos! Se fomentan las discusiones en nuestro [foro de discusión](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) donde nuestro equipo de moderadores estará disponible para responder sus preguntas. -Para profundizar en su aprendizaje, recomendamos ampliamente explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para obtener materiales adicionales. +Para profundizar su educación, recomendamos explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiales de estudio adicionales. ### 📋 Configurando tu entorno -Este currículo tiene un entorno de desarrollo listo para usar. Al comenzar, puedes elegir ejecutar el currículo en un [Codespace](https://github.com/features/codespaces/) (_un entorno basado en navegador, sin necesidad de instalaciones_), o localmente en tu computadora usando un editor de texto como [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +¡Este currículo tiene un entorno de desarrollo listo para usar! Al comenzar, puedes elegir ejecutar el currículo en un [Codespace](https://github.com/features/codespaces/) (_un entorno basado en navegador, sin necesidad de instalaciones_), o localmente en tu computadora usando un editor de texto como [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Crea tu repositorio -Para que puedas guardar tu trabajo fácilmente, se recomienda crear tu propia copia de este repositorio. Puedes hacerlo haciendo clic en el botón **Usar esta plantilla** en la parte superior de la página. Esto creará un nuevo repositorio en tu cuenta de GitHub con una copia del currículo. +Para que puedas guardar fácilmente tu trabajo, se recomienda crear tu propia copia de este repositorio. Puedes hacerlo haciendo clic en el botón **Use this template** en la parte superior de la página. Esto creará un nuevo repositorio en tu cuenta de GitHub con una copia del currículo. Sigue estos pasos: 1. **Haz un Fork del Repositorio**: Haz clic en el botón "Fork" en la esquina superior derecha de esta página. @@ -113,21 +104,21 @@ Sigue estos pasos: #### Ejecutando el currículo en un Codespace -En tu copia de este repositorio que creaste, haz clic en el botón **Code** y selecciona **Abrir con Codespaces**. Esto creará un nuevo Codespace para que trabajes dentro. +En tu copia de este repositorio que creaste, haz clic en el botón **Code** y selecciona **Open with Codespaces**. Esto creará un nuevo Codespace para que trabajes en él. ![Codespace](../../translated_images/es/createcodespace.0238bbf4d7a8d955.webp) #### Ejecutando el currículo localmente en tu computadora -Para ejecutar este currículo localmente en tu computadora, necesitarás un editor de texto, un navegador y una herramienta de línea de comandos. Nuestra primera lección, [Introducción a los Lenguajes de Programación y Herramientas del Oficio](../../1-getting-started-lessons/1-intro-to-programming-languages), te guiará por varias opciones para cada una de estas herramientas para que selecciones la que mejor se adapte a ti. +Para ejecutar este currículo localmente en tu computadora, necesitarás un editor de texto, un navegador y una herramienta de línea de comandos. Nuestra primera lección, [Introducción a los lenguajes de programación y herramientas del oficio](../../1-getting-started-lessons/1-intro-to-programming-languages), te guiará por diversas opciones para cada una de estas herramientas para que selecciones la que mejor te funcione. Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que también tiene un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) incorporado. Puedes descargar Visual Studio Code [aquí](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clona tu repositorio a tu computadora. Puedes hacerlo haciendo clic en el botón **Code** y copiando la URL: +1. Clona tu repositorio en tu computadora. Puedes hacerlo haciendo clic en el botón **Code** y copiando la URL: [CodeSpace](./images/createcodespace.png) - Luego, abre [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dentro de [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) y ejecuta el siguiente comando, reemplazando `` con la URL que acabas de copiar: +Luego, abre [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dentro de [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) y ejecuta el siguiente comando, reemplazando `` con la URL que acabas de copiar: ```bash git clone @@ -136,7 +127,7 @@ Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.co 2. Abre la carpeta en Visual Studio Code. Puedes hacer esto haciendo clic en **Archivo** > **Abrir carpeta** y seleccionando la carpeta que acabas de clonar. -> Extensiones recomendadas para Visual Studio Code: +> Extensiones recomendadas de Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para previsualizar páginas HTML dentro de Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ayudarte a escribir código más rápido @@ -145,78 +136,77 @@ Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.co - sketchnote opcional - video suplementario opcional -- cuestionario previo a la lección +- cuestionario de calentamiento previo a la lección - lección escrita -- para las lecciones basadas en proyectos, guías paso a paso sobre cómo construir el proyecto -- verificaciones de conocimiento +- para lecciones basadas en proyectos, guías paso a paso sobre cómo construir el proyecto +- chequeos de conocimiento - un desafío - lectura suplementaria - tarea - [cuestionario posterior a la lección](https://ff-quizzes.netlify.app/web/) -> **Una nota sobre los cuestionarios**: Todos los cuestionarios están contenidos en la carpeta Quiz-app, con un total de 48 cuestionarios de tres preguntas cada uno. Están disponibles [aquí](https://ff-quizzes.netlify.app/web/); la aplicación de cuestionarios puede ejecutarse localmente o desplegarse en Azure; sigue las instrucciones en la carpeta `quiz-app`. +> **Una nota sobre los cuestionarios**: Todos los cuestionarios están contenidos en la carpeta Quiz-app, 48 cuestionarios en total de tres preguntas cada uno. Están disponibles [aquí](https://ff-quizzes.netlify.app/web/); la aplicación de cuestionarios puede ejecutarse localmente o desplegarse en Azure; sigue las instrucciones en la carpeta `quiz-app`. ## 🗃️ Lecciones | | Nombre del Proyecto | Conceptos Enseñados | Objetivos de Aprendizaje | Lección Vinculada | Autor | | :-: | :------------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Comenzando | Introducción a la Programación y Herramientas de Trabajo | Aprender los fundamentos básicos detrás de la mayoría de los lenguajes de programación y sobre el software que ayuda a desarrolladores profesionales | [Introducción a Lenguajes de Programación y Herramientas](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Comenzando | Conceptos básicos de GitHub, incluye trabajo en equipo | Cómo usar GitHub en tu proyecto, cómo colaborar con otros en una base de código | [Introducción a GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Comenzando | Accesibilidad | Aprende los conceptos básicos de accesibilidad web | [Fundamentos de Accesibilidad](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Fundamentos de JS | Tipos de Datos en JavaScript | Los conceptos básicos de los tipos de datos en JavaScript | [Tipos de Datos](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Fundamentos de JS | Funciones y Métodos | Aprender sobre funciones y métodos para gestionar el flujo lógico de una aplicación | [Funciones y Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine y Christopher | -| 06 | Fundamentos de JS | Tomar Decisiones con JS | Aprender a crear condiciones en tu código usando métodos de toma de decisiones | [Tomar Decisiones](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Fundamentos de JS | Arreglos y Bucles | Trabajar con datos usando arreglos y bucles en JavaScript | [Arreglos y Bucles](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrario](./3-terrarium/solution/README.md) | HTML en la Práctica | Construir el HTML para crear un terrario en línea, enfocándose en construir un diseño | [Introducción al HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrario](./3-terrarium/solution/README.md) | CSS en la Práctica | Construir el CSS para estilizar el terrario en línea, enfocándose en los conceptos básicos de CSS incluyendo hacer la página responsive | [Introducción al CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrario](./3-terrarium/solution/README.md) | Clousures de JavaScript, manipulación del DOM | Construir el JavaScript para que el terrario funcione como una interfaz de arrastrar y soltar, enfocándose en closures y manipulación del DOM | [Closures de JavaScript, manipulación del DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Juego de mecanografía](./4-typing-game/solution/README.md) | Construir un Juego de Mecanografía | Aprender a usar eventos de teclado para conducir la lógica de tu aplicación JavaScript | [Programación basada en eventos](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Extensión Verde para Navegador](./5-browser-extension/solution/README.md) | Trabajar con Navegadores | Aprender cómo funcionan los navegadores, su historia y cómo estructurar los primeros elementos de una extensión para navegador | [Acerca de Navegadores](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Extensión Verde para Navegador](./5-browser-extension/solution/README.md) | Construir un formulario, llamar a una API y almacenar variables localmente | Construir los elementos en JavaScript de tu extensión del navegador para llamar a una API usando variables almacenadas localmente | [APIs, Formularios y Almacenamiento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Extensión Verde para Navegador](./5-browser-extension/solution/README.md) | Procesos en segundo plano en el navegador, rendimiento web | Usar los procesos en segundo plano del navegador para gestionar el ícono de la extensión; aprender sobre rendimiento web y algunas optimizaciones | [Tareas en segundo plano y rendimiento](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Juego Espacial](./6-space-game/solution/README.md) | Desarrollo de juegos más avanzado con JavaScript | Aprender sobre herencia usando tanto Clases como Composición y el patrón Pub/Sub, en preparación para construir un juego | [Introducción al desarrollo avanzado de juegos](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Juego Espacial](./6-space-game/solution/README.md) | Dibujar en canvas | Aprender sobre la API de Canvas, usada para dibujar elementos en una pantalla | [Dibujar en Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Juego Espacial](./6-space-game/solution/README.md) | Mover elementos alrededor de la pantalla | Descubrir cómo los elementos pueden ganar movimiento usando las coordenadas cartesianas y la API de Canvas | [Mover elementos](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Juego Espacial](./6-space-game/solution/README.md) | Detección de colisiones | Hacer que los elementos colisionen y reaccionen entre sí usando pulsaciones de teclas y proporcionar una función cooldown para asegurar el rendimiento del juego | [Detección de colisiones](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Juego Espacial](./6-space-game/solution/README.md) | Contar puntajes | Realizar cálculos matemáticos basados en el estado y rendimiento del juego | [Contar Puntajes](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Juego Espacial](./6-space-game/solution/README.md) | Finalizar y reiniciar el juego | Aprender sobre cómo finalizar y reiniciar el juego, incluyendo la limpieza de recursos y el restablecimiento de valores de variables | [La condición de finalización](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Aplicación bancaria](./7-bank-project/solution/README.md) | Plantillas HTML y rutas en una aplicación web | Aprender cómo crear la estructura de un sitio web multipágina usando enrutamiento y plantillas HTML | [Plantillas HTML y Rutas](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Aplicación bancaria](./7-bank-project/solution/README.md) | Construir un formulario de inicio de sesión y registro | Aprende sobre crear formularios y manejar rutinas de validación | [Formularios](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Aplicación bancaria](./7-bank-project/solution/README.md) | Métodos para obtener y usar datos | Cómo los datos fluyen dentro y fuera de tu aplicación, cómo obtenerlos, almacenarlos y eliminarlos | [Datos](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Aplicación bancaria](./7-bank-project/solution/README.md) | Conceptos de gestión de estado | Aprende cómo tu aplicación retiene el estado y cómo gestionarlo programáticamente | [Gestión de Estado](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Código Navegador/VScode](../../8-code-editor) | Trabajando con VScode | Aprende a usar un editor de código | [Usar el editor de código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Asistentes de IA](./9-chat-project/README.md) | Trabajando con IA | Aprende a construir tu propio asistente de IA | [Proyecto asistente de IA](./9-chat-project/README.md) | Chris | +| 01 | Empezando | Introducción a la Programación y Herramientas de Trabajo | Aprende los fundamentos básicos detrás de la mayoría de los lenguajes de programación y sobre el software que ayuda a los desarrolladores profesionales a hacer su trabajo | [Introducción a Lenguajes de Programación y Herramientas de Trabajo](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Empezando | Conceptos Básicos de GitHub, incluye trabajo en equipo | Cómo usar GitHub en tu proyecto, cómo colaborar con otros en una base de código | [Introducción a GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Empezando | Accesibilidad | Aprende los conceptos básicos de accesibilidad web | [Fundamentos de Accesibilidad](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Fundamentos de JS | Tipos de Datos en JavaScript | Lo básico sobre tipos de datos en JavaScript | [Tipos de Datos](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Fundamentos de JS | Funciones y Métodos | Aprende sobre funciones y métodos para manejar el flujo lógico de una aplicación | [Funciones y Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine y Christopher | +| 06 | Fundamentos de JS | Tomando Decisiones con JS | Aprende a crear condiciones en tu código usando métodos para tomar decisiones | [Tomando Decisiones](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Fundamentos de JS | Arrays y Bucles | Trabaja con datos usando arrays y bucles en JavaScript | [Arrays y Bucles](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrario](./3-terrarium/solution/README.md) | HTML en la práctica | Construye el HTML para crear un terrario en línea, enfocado en construir un diseño | [Introducción a HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrario](./3-terrarium/solution/README.md) | CSS en la práctica | Construye el CSS para diseñar el terrario en línea, enfocándote en los conceptos básicos de CSS, incluyendo hacer la página responsive | [Introducción a CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrario](./3-terrarium/solution/README.md) | Clousures en JavaScript, manipulación del DOM | Construye el JavaScript para que el terrario funcione como una interfaz de arrastrar y soltar, enfocándote en closures y manipulación del DOM | [Closures en JavaScript, manipulación del DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Juego de mecanografía](./4-typing-game/solution/README.md) | Construir un juego de mecanografía | Aprende a usar eventos del teclado para impulsar la lógica de tu aplicación en JavaScript | [Programación impulsada por eventos](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Extensión Verde para Navegadores](./5-browser-extension/solution/README.md) | Trabajando con Navegadores | Aprende cómo funcionan los navegadores, su historia y cómo estructurar los primeros elementos de una extensión para navegador | [Acerca de los Navegadores](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Extensión Verde para Navegadores](./5-browser-extension/solution/README.md) | Construcción de un formulario, llamada a una API y almacenamiento local | Construye los elementos JavaScript de tu extensión de navegador para llamar a una API usando variables almacenadas localmente | [APIs, Formularios y Almacenamiento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Extensión Verde para Navegadores](./5-browser-extension/solution/README.md) | Procesos en segundo plano en el navegador, rendimiento web | Usa los procesos en segundo plano del navegador para manejar el ícono de la extensión; aprende acerca del rendimiento web y algunas optimizaciones para mejorar | [Tareas en Segundo Plano y Rendimiento](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Juego Espacial](./6-space-game/solution/README.md) | Desarrollo de Juegos más Avanzado con JavaScript | Aprende sobre Herencia usando tanto Clases como Composición y el patrón Pub/Sub, preparándote para construir un juego | [Introducción al Desarrollo Avanzado de Juegos](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Juego Espacial](./6-space-game/solution/README.md) | Dibujar en canvas | Aprende sobre la API Canvas, usada para dibujar elementos en una pantalla | [Dibujar en Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Juego Espacial](./6-space-game/solution/README.md) | Mover elementos alrededor de la pantalla | Descubre cómo los elementos pueden ganar movimiento usando coordenadas cartesianas y la API Canvas | [Mover elementos](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Juego Espacial](./6-space-game/solution/README.md) | Detección de colisiones | Haz que los elementos colisionen y reaccionen entre sí usando pulsaciones de teclas y proporciona una función de cooldown para asegurar el rendimiento del juego | [Detección de colisiones](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Juego Espacial](./6-space-game/solution/README.md) | Mantener puntuación | Realiza cálculos matemáticos basados en el estado y rendimiento del juego | [Mantener puntuación](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Juego Espacial](./6-space-game/solution/README.md) | Terminar y reiniciar el juego | Aprende sobre cómo terminar y reiniciar el juego, incluyendo limpiar recursos y resetear valores de variables | [Condición de finalización](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [App Bancaria](./7-bank-project/solution/README.md) | Plantillas HTML y Rutas en una App Web | Aprende a crear la estructura de un sitio web multipágina usando enrutamiento y plantillas HTML | [Plantillas HTML y Rutas](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [App Bancaria](./7-bank-project/solution/README.md) | Construir un Formulario de Inicio de sesión y registro | Aprende a construir formularios y manejar rutinas de validación | [Formularios](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [App Bancaria](./7-bank-project/solution/README.md) | Métodos para obtener y usar datos | Cómo fluyen los datos hacia y desde tu aplicación, cómo obtenerlos, almacenarlos y descartarlos | [Datos](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [App Bancaria](./7-bank-project/solution/README.md) | Conceptos de gestión de estado | Aprende cómo tu aplicación retiene estado y cómo manejarlo programáticamente | [Gestión de Estado](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Código de Navegador/VScode](../../8-code-editor) | Trabajando con VScode | Aprende a usar un editor de código| [Usar Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Asistentes AI](./9-chat-project/README.md) | Trabajando con AI | Aprende a construir tu propio asistente AI | [Proyecto de Asistente AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogía -Nuestro currículo está diseñado con dos principios pedagógicos clave en mente: +Nuestro plan de estudios está diseñado con dos principios pedagógicos clave en mente: * aprendizaje basado en proyectos * cuestionarios frecuentes -El programa enseña los fundamentos de JavaScript, HTML y CSS, así como las herramientas y técnicas más recientes utilizadas por los desarrolladores web de hoy en día. Los estudiantes tendrán la oportunidad de desarrollar experiencia práctica construyendo un juego de mecanografía, un terrario virtual, una extensión de navegador ecológica, un juego estilo invasores espaciales y una aplicación bancaria para negocios. Al final de la serie, los estudiantes habrán adquirido una comprensión sólida del desarrollo web. - -> 🎓 Puedes tomar las primeras lecciones de este currículo como un [Ruta de Aprendizaje](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) en Microsoft Learn! +El programa enseña los fundamentos de JavaScript, HTML y CSS, así como las últimas herramientas y técnicas usadas por los desarrolladores web actuales. Los estudiantes tendrán la oportunidad de desarrollar experiencia práctica construyendo un juego de mecanografía, un terrario virtual, una extensión de navegador ecológica, un juego estilo invasores espaciales y una aplicación bancaria para negocios. Al final de la serie, los estudiantes habrán adquirido una sólida comprensión del desarrollo web. -Al asegurar que el contenido esté alineado con proyectos, el proceso se vuelve más atractivo para los estudiantes y se aumentará la retención de los conceptos. También escribimos varias lecciones introductorias en fundamentos de JavaScript para introducir conceptos, acompañadas de un video de la colección de tutoriales en video "[Serie para Principiantes: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", algunos autores de los cuales contribuyeron a este currículo. +> 🎓 ¡Puedes tomar las primeras lecciones de este plan de estudios como una [Ruta de Aprendizaje](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) en Microsoft Learn! -Además, un cuestionario de bajo riesgo antes de una clase establece la intención del estudiante hacia el aprendizaje de un tema, mientras que un segundo cuestionario después de la clase asegura una mayor retención. Este currículo fue diseñado para ser flexible y divertido y puede tomarse en su totalidad o en parte. Los proyectos comienzan pequeños y se vuelven progresivamente más complejos al final del ciclo de 12 semanas. +Al garantizar que el contenido esté alineado con los proyectos, el proceso se vuelve más atractivo para los estudiantes y se incrementa la retención de los conceptos. También escribimos varias lecciones introductorias en fundamentos de JavaScript para presentar conceptos, acompañadas por un video de la colección de tutoriales en video "[Serie para principiantes de: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", algunos cuyos autores contribuyeron a este plan de estudios. -Aunque hemos evitado intencionalmente introducir frameworks de JavaScript para concentrarnos en las habilidades básicas necesarias como desarrollador web antes de adoptar un framework, un buen próximo paso para completar este currículo sería aprender sobre Node.js a través de otra colección de videos: "[Serie para Principiantes: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Además, un cuestionario de baja presión antes de una clase establece la intención del estudiante hacia el aprendizaje de un tema, mientras que un segundo cuestionario después de la clase asegura una mayor retención. Este plan de estudios fue diseñado para ser flexible y divertido y puede tomarse en su totalidad o en parte. Los proyectos comienzan pequeños y se vuelven progresivamente más complejos al final del ciclo de 12 semanas. -> Visita nuestras pautas de [Código de Conducta](CODE_OF_CONDUCT.md) y [Contribución](CONTRIBUTING.md). ¡Agradecemos tus comentarios constructivos! +Aunque hemos evitado intencionalmente introducir frameworks de JavaScript para concentrarnos en las habilidades básicas necesarias como desarrollador web antes de adoptar un framework, un buen siguiente paso para completar este plan de estudios sería aprender sobre Node.js a través de otra colección de videos: "[Serie para principiantes de: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> Visita nuestra [Normativa de Conducta](CODE_OF_CONDUCT.md) y las guías de [Contribución](CONTRIBUTING.md). ¡Agradecemos tus comentarios constructivos! -## 🧭 Acceso fuera de línea +## 🧭 Acceso offline -Puedes ejecutar esta documentación sin conexión usando [Docsify](https://docsify.js.org/#/). Haz un fork de este repositorio, [instala Docsify](https://docsify.js.org/#/quickstart) en tu máquina local y luego en la carpeta raíz de este repositorio, escribe `docsify serve`. El sitio web se servirá en el puerto 3000 en tu localhost: `localhost:3000`. +Puedes ejecutar esta documentación sin conexión usando [Docsify](https://docsify.js.org/#/). Haz un fork de este repositorio, [instala Docsify](https://docsify.js.org/#/quickstart) en tu máquina local y luego, en la carpeta raíz de este repositorio, escribe `docsify serve`. El sitio web se servirá en el puerto 3000 en tu localhost: `localhost:3000`. ## 📘 PDF -Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Un PDF de todas las lecciones puede encontrarse [aquí](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Otros Cursos -¡Nuestro equipo produce otros cursos! Mira: +¡Nuestro equipo produce otros cursos! Consulta: ### LangChain @@ -225,7 +215,7 @@ Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.githu --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / Agentes [![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 for Beginners](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 for Beginners](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) @@ -252,7 +242,7 @@ Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.githu --- -### Serie Copiloto +### Serie Copilot [![Copilot for AI Paired Programming](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 for 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 Adventure](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) @@ -260,21 +250,21 @@ Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.githu ## Obtener ayuda -Si te quedas atascado o tienes alguna pregunta sobre cómo crear aplicaciones de IA. Únete a otros aprendices y desarrolladores experimentados en discusiones sobre MCP. Es una comunidad de apoyo donde las preguntas son bienvenidas y el conocimiento se comparte libremente. +Si te quedas atascado o tienes alguna pregunta sobre cómo crear aplicaciones de IA. Únete a otros aprendices y desarrolladores experimentados en discusiones sobre MCP. Es una comunidad de apoyo donde se dan la bienvenida las preguntas y se comparte el conocimiento libremente. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Si tienes comentarios sobre el producto o errores al construir, visita: +Si tienes comentarios sobre el producto o errores mientras construyes, visita: [![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) ## Licencia -Este repositorio está licenciado bajo la licencia MIT. Consulta el archivo [LICENSE](../../LICENSE) para más información. +Este repositorio tiene licencia bajo la licencia MIT. Consulta el archivo [LICENSE](../../LICENSE) para más información. --- -**Aviso Legal**: -Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por la precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de malentendidos o interpretaciones erróneas derivadas del uso de esta traducción. +**Aviso Legal**: +Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por lograr precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda la traducción profesional realizada por humanos. No nos responsabilizamos por malentendidos o interpretaciones erróneas derivadas del uso de esta traducción. \ No newline at end of file diff --git a/translations/es/SECURITY.md b/translations/es/SECURITY.md index edaceaadd..d5f3e3e88 100644 --- a/translations/es/SECURITY.md +++ b/translations/es/SECURITY.md @@ -1,12 +1,3 @@ - ## Seguridad Microsoft se toma muy en serio la seguridad de nuestros productos y servicios de software, lo que incluye todos los repositorios de código fuente gestionados a través de nuestras organizaciones de GitHub, que incluyen [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin) y [nuestras organizaciones de GitHub](https://opensource.microsoft.com/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/es/SUPPORT.md b/translations/es/SUPPORT.md index 6fb1e81b5..19b462671 100644 --- a/translations/es/SUPPORT.md +++ b/translations/es/SUPPORT.md @@ -1,12 +1,3 @@ - # Soporte ## Cómo reportar problemas y obtener ayuda diff --git a/translations/es/_404.md b/translations/es/_404.md index 46d0a629e..75afe45f0 100644 --- a/translations/es/_404.md +++ b/translations/es/_404.md @@ -1,12 +1,3 @@ - # Trabajo en progreso Estamos trabajando en esta página. Por favor, vuelve más tarde. diff --git a/translations/es/docs/_navbar.md b/translations/es/docs/_navbar.md index 85810f307..d8716458d 100644 --- a/translations/es/docs/_navbar.md +++ b/translations/es/docs/_navbar.md @@ -1,12 +1,3 @@ - - Traducciones - [English (United States)](../../../docs/README) - [বাংলা](../../../docs/README.bn) diff --git a/translations/es/docs/_sidebar.md b/translations/es/docs/_sidebar.md index 4398532fa..1cacd6638 100644 --- a/translations/es/docs/_sidebar.md +++ b/translations/es/docs/_sidebar.md @@ -1,12 +1,3 @@ - - Introducción - [1](../1-getting-started-lessons/1-intro-to-programming-languages/README.md) - [2](../1-getting-started-lessons/2-github-basics/README.md) diff --git a/translations/es/for-teachers.md b/translations/es/for-teachers.md index e315e9294..3a3dc59f8 100644 --- a/translations/es/for-teachers.md +++ b/translations/es/for-teachers.md @@ -1,12 +1,3 @@ - ### Para Educadores Estás invitado a usar este plan de estudios en tu aula. Funciona perfectamente con GitHub Classroom y las principales plataformas LMS, y también puede utilizarse como un repositorio independiente con tus estudiantes. diff --git a/translations/es/lesson-template/README.md b/translations/es/lesson-template/README.md index 3bb90f325..17d4b87bb 100644 --- a/translations/es/lesson-template/README.md +++ b/translations/es/lesson-template/README.md @@ -1,12 +1,3 @@ - # [Tema de la lección] ![Incrustar un video aquí](../../../lesson-template/video-url) diff --git a/translations/es/lesson-template/assignment.md b/translations/es/lesson-template/assignment.md index 5c519e193..f0b60470b 100644 --- a/translations/es/lesson-template/assignment.md +++ b/translations/es/lesson-template/assignment.md @@ -1,12 +1,3 @@ - # [Nombre de la Tarea] ## Instrucciones diff --git a/translations/es/memory-game/README.md b/translations/es/memory-game/README.md index e7e757751..f6d9a7aad 100644 --- a/translations/es/memory-game/README.md +++ b/translations/es/memory-game/README.md @@ -1,12 +1,3 @@ - Este es un proyecto de [Next.js](https://nextjs.org) creado con [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). ## Comenzando diff --git a/translations/es/quiz-app/README.md b/translations/es/quiz-app/README.md index 1207b840b..06b00952d 100644 --- a/translations/es/quiz-app/README.md +++ b/translations/es/quiz-app/README.md @@ -1,12 +1,3 @@ - # Aplicación de cuestionarios Estos cuestionarios son los cuestionarios previos y posteriores a las clases del plan de estudios de ciencia de datos en https://aka.ms/webdev-beginners diff --git a/translations/fr/.co-op-translator.json b/translations/fr/.co-op-translator.json new file mode 100644 index 000000000..89e60bc47 --- /dev/null +++ b/translations/fr/.co-op-translator.json @@ -0,0 +1,584 @@ +{ + "1-getting-started-lessons/1-intro-to-programming-languages/README.md": { + "original_hash": "d45ddcc54eb9232a76d08328b09d792e", + "translation_date": "2026-01-06T06:55:26+00:00", + "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", + "language_code": "fr" + }, + "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md": { + "original_hash": "17b8ec8e85d99e27dcb3f73842e583be", + "translation_date": "2026-01-06T06:58:47+00:00", + "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md", + "language_code": "fr" + }, + "1-getting-started-lessons/2-github-basics/README.md": { + "original_hash": "5c383cc2cc23bb164b06417d1c107a44", + "translation_date": "2026-01-06T06:59:03+00:00", + "source_file": "1-getting-started-lessons/2-github-basics/README.md", + "language_code": "fr" + }, + "1-getting-started-lessons/3-accessibility/README.md": { + "original_hash": "7f2c48e04754724123ea100a822765e5", + "translation_date": "2026-01-06T06:51:02+00:00", + "source_file": "1-getting-started-lessons/3-accessibility/README.md", + "language_code": "fr" + }, + "1-getting-started-lessons/3-accessibility/assignment.md": { + "original_hash": "e6d0f456dfc22afb41bbdefeb5ec179d", + "translation_date": "2026-01-06T06:54:47+00:00", + "source_file": "1-getting-started-lessons/3-accessibility/assignment.md", + "language_code": "fr" + }, + "1-getting-started-lessons/README.md": { + "original_hash": "770d9f83dddc841c19f210dee5fe0712", + "translation_date": "2025-10-03T13:25:15+00:00", + "source_file": "1-getting-started-lessons/README.md", + "language_code": "fr" + }, + "10-ai-framework-project/README.md": { + "original_hash": "3925b6a1c31c60755eaae4d578232c25", + "translation_date": "2026-01-06T05:53:52+00:00", + "source_file": "10-ai-framework-project/README.md", + "language_code": "fr" + }, + "10-ai-framework-project/solution/README.md": { + "original_hash": "d41d8cd98f00b204e9800998ecf8427e", + "translation_date": "2026-01-29T17:25:32+00:00", + "source_file": "10-ai-framework-project/solution/README.md", + "language_code": "fr" + }, + "2-js-basics/1-data-types/README.md": { + "original_hash": "672b0bb6e8b431075f3bdb7130590d2d", + "translation_date": "2026-01-06T06:03:57+00:00", + "source_file": "2-js-basics/1-data-types/README.md", + "language_code": "fr" + }, + "2-js-basics/1-data-types/assignment.md": { + "original_hash": "6fd645e97c48cd5eb5a3d290815ec8b5", + "translation_date": "2026-01-06T06:06:00+00:00", + "source_file": "2-js-basics/1-data-types/assignment.md", + "language_code": "fr" + }, + "2-js-basics/2-functions-methods/README.md": { + "original_hash": "71f7d7dafa1c7194d79ddac87f669ff9", + "translation_date": "2026-01-06T06:01:46+00:00", + "source_file": "2-js-basics/2-functions-methods/README.md", + "language_code": "fr" + }, + "2-js-basics/2-functions-methods/assignment.md": { + "original_hash": "8328f58f4593b4671656ff8f4b2edbd9", + "translation_date": "2026-01-06T06:03:40+00:00", + "source_file": "2-js-basics/2-functions-methods/assignment.md", + "language_code": "fr" + }, + "2-js-basics/3-making-decisions/README.md": { + "original_hash": "c688385d15dd3645e924ea0ffee8967f", + "translation_date": "2026-01-06T06:06:09+00:00", + "source_file": "2-js-basics/3-making-decisions/README.md", + "language_code": "fr" + }, + "2-js-basics/3-making-decisions/assignment.md": { + "original_hash": "ffe366b2d1f037b99fbadbe1dc81083d", + "translation_date": "2026-01-06T06:08:32+00:00", + "source_file": "2-js-basics/3-making-decisions/assignment.md", + "language_code": "fr" + }, + "2-js-basics/4-arrays-loops/README.md": { + "original_hash": "1710a50a519a6e4a1b40a5638783018d", + "translation_date": "2026-01-06T06:08:57+00:00", + "source_file": "2-js-basics/4-arrays-loops/README.md", + "language_code": "fr" + }, + "2-js-basics/4-arrays-loops/assignment.md": { + "original_hash": "8abcada0534e0fb3a7556ea3c5a2a8a4", + "translation_date": "2026-01-06T06:11:22+00:00", + "source_file": "2-js-basics/4-arrays-loops/assignment.md", + "language_code": "fr" + }, + "2-js-basics/README.md": { + "original_hash": "cc9e70a2f096c67389c8acff1521fc27", + "translation_date": "2025-08-23T22:36:58+00:00", + "source_file": "2-js-basics/README.md", + "language_code": "fr" + }, + "3-terrarium/1-intro-to-html/README.md": { + "original_hash": "3fcfa99c4897e051b558b5eaf1e8cc74", + "translation_date": "2026-01-06T06:44:10+00:00", + "source_file": "3-terrarium/1-intro-to-html/README.md", + "language_code": "fr" + }, + "3-terrarium/1-intro-to-html/assignment.md": { + "original_hash": "650e63282e1dfa032890fcf5c1c4119d", + "translation_date": "2026-01-06T06:45:58+00:00", + "source_file": "3-terrarium/1-intro-to-html/assignment.md", + "language_code": "fr" + }, + "3-terrarium/2-intro-to-css/README.md": { + "original_hash": "e39f3a4e3bcccf94639e3af1248f8a4d", + "translation_date": "2026-01-06T06:48:49+00:00", + "source_file": "3-terrarium/2-intro-to-css/README.md", + "language_code": "fr" + }, + "3-terrarium/2-intro-to-css/assignment.md": { + "original_hash": "bee6762d4092a13fc7c338814963f980", + "translation_date": "2026-01-06T06:50:44+00:00", + "source_file": "3-terrarium/2-intro-to-css/assignment.md", + "language_code": "fr" + }, + "3-terrarium/3-intro-to-DOM-and-closures/README.md": { + "original_hash": "973e48ad87d67bf5bb819746c9f8e302", + "translation_date": "2026-01-06T06:46:19+00:00", + "source_file": "3-terrarium/3-intro-to-DOM-and-closures/README.md", + "language_code": "fr" + }, + "3-terrarium/3-intro-to-DOM-and-closures/assignment.md": { + "original_hash": "947ca5ce7c94aee9c7de7034e762bc17", + "translation_date": "2026-01-06T06:48:33+00:00", + "source_file": "3-terrarium/3-intro-to-DOM-and-closures/assignment.md", + "language_code": "fr" + }, + "3-terrarium/README.md": { + "original_hash": "bc5c5550f79d10add90ce419ee34abb3", + "translation_date": "2026-01-06T05:56:51+00:00", + "source_file": "3-terrarium/README.md", + "language_code": "fr" + }, + "3-terrarium/solution/README.md": { + "original_hash": "6329fbe8bd936068debd78cca6f09c0a", + "translation_date": "2025-08-23T22:36:17+00:00", + "source_file": "3-terrarium/solution/README.md", + "language_code": "fr" + }, + "4-typing-game/README.md": { + "original_hash": "efa2ab875b8bb5a7883816506da6b6d2", + "translation_date": "2026-01-06T05:55:58+00:00", + "source_file": "4-typing-game/README.md", + "language_code": "fr" + }, + "4-typing-game/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-24T00:17:53+00:00", + "source_file": "4-typing-game/solution/README.md", + "language_code": "fr" + }, + "4-typing-game/typing-game/README.md": { + "original_hash": "da8bc72041a2bb3826a54654ee1a8844", + "translation_date": "2026-01-06T06:42:11+00:00", + "source_file": "4-typing-game/typing-game/README.md", + "language_code": "fr" + }, + "4-typing-game/typing-game/assignment.md": { + "original_hash": "3eac59d70e2532a677a2ce6bf765485a", + "translation_date": "2026-01-06T06:43:58+00:00", + "source_file": "4-typing-game/typing-game/assignment.md", + "language_code": "fr" + }, + "5-browser-extension/1-about-browsers/README.md": { + "original_hash": "00aa85715e1efd4930c17a23e3012e69", + "translation_date": "2026-01-06T06:30:09+00:00", + "source_file": "5-browser-extension/1-about-browsers/README.md", + "language_code": "fr" + }, + "5-browser-extension/1-about-browsers/assignment.md": { + "original_hash": "b6897c02603d0045dd6d8256e8714baa", + "translation_date": "2026-01-06T06:31:48+00:00", + "source_file": "5-browser-extension/1-about-browsers/assignment.md", + "language_code": "fr" + }, + "5-browser-extension/2-forms-browsers-local-storage/README.md": { + "original_hash": "2b6203a48c48d8234e0948353b47d84e", + "translation_date": "2026-01-06T06:26:04+00:00", + "source_file": "5-browser-extension/2-forms-browsers-local-storage/README.md", + "language_code": "fr" + }, + "5-browser-extension/2-forms-browsers-local-storage/assignment.md": { + "original_hash": "25b8d28b8531352d4eb67291fd7824c4", + "translation_date": "2026-01-06T06:27:53+00:00", + "source_file": "5-browser-extension/2-forms-browsers-local-storage/assignment.md", + "language_code": "fr" + }, + "5-browser-extension/3-background-tasks-and-performance/README.md": { + "original_hash": "b275fed2c6fc90d2b9b6661a3225faa2", + "translation_date": "2026-01-06T06:28:08+00:00", + "source_file": "5-browser-extension/3-background-tasks-and-performance/README.md", + "language_code": "fr" + }, + "5-browser-extension/3-background-tasks-and-performance/assignment.md": { + "original_hash": "a203e560e58ccc6ba68bffc40c7c8676", + "translation_date": "2026-01-06T06:29:51+00:00", + "source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md", + "language_code": "fr" + }, + "5-browser-extension/README.md": { + "original_hash": "b121a279a6ab39878491f3e572673515", + "translation_date": "2025-08-23T23:37:32+00:00", + "source_file": "5-browser-extension/README.md", + "language_code": "fr" + }, + "5-browser-extension/solution/README.md": { + "original_hash": "fab4e6b4f0efcd587a9029d82991f597", + "translation_date": "2025-08-23T23:48:39+00:00", + "source_file": "5-browser-extension/solution/README.md", + "language_code": "fr" + }, + "5-browser-extension/solution/translation/README.es.md": { + "original_hash": "cbaf73f94a9ab4c680a10ef871e92948", + "translation_date": "2025-08-23T23:49:34+00:00", + "source_file": "5-browser-extension/solution/translation/README.es.md", + "language_code": "fr" + }, + "5-browser-extension/solution/translation/README.fr.md": { + "original_hash": "9361268ca430b2579375009e1eceb5e5", + "translation_date": "2025-08-23T23:52:15+00:00", + "source_file": "5-browser-extension/solution/translation/README.fr.md", + "language_code": "fr" + }, + "5-browser-extension/solution/translation/README.hi.md": { + "original_hash": "dd58ae1b7707034f055718c1b68bc8de", + "translation_date": "2025-08-23T23:50:29+00:00", + "source_file": "5-browser-extension/solution/translation/README.hi.md", + "language_code": "fr" + }, + "5-browser-extension/solution/translation/README.it.md": { + "original_hash": "9a6b22a2eff0f499b66236be973b24ad", + "translation_date": "2025-08-23T23:53:06+00:00", + "source_file": "5-browser-extension/solution/translation/README.it.md", + "language_code": "fr" + }, + "5-browser-extension/solution/translation/README.ja.md": { + "original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d", + "translation_date": "2025-08-23T23:53:59+00:00", + "source_file": "5-browser-extension/solution/translation/README.ja.md", + "language_code": "fr" + }, + "5-browser-extension/solution/translation/README.ms.md": { + "original_hash": "21b364c158c8e4f698de65eeac16c9fe", + "translation_date": "2025-08-23T23:51:23+00:00", + "source_file": "5-browser-extension/solution/translation/README.ms.md", + "language_code": "fr" + }, + "5-browser-extension/start/README.md": { + "original_hash": "26fd39046d264ba185dcb086d3a8cf3e", + "translation_date": "2025-08-23T23:41:42+00:00", + "source_file": "5-browser-extension/start/README.md", + "language_code": "fr" + }, + "6-space-game/1-introduction/README.md": { + "original_hash": "a6332a7bb4d0be3bfd24199c83993777", + "translation_date": "2026-01-06T06:22:14+00:00", + "source_file": "6-space-game/1-introduction/README.md", + "language_code": "fr" + }, + "6-space-game/1-introduction/assignment.md": { + "original_hash": "c8fc39a014d08247c082878122e2ba73", + "translation_date": "2026-01-06T06:23:58+00:00", + "source_file": "6-space-game/1-introduction/assignment.md", + "language_code": "fr" + }, + "6-space-game/2-drawing-to-canvas/README.md": { + "original_hash": "7994743c5b21fdcceb36307916ef249a", + "translation_date": "2026-01-06T06:16:38+00:00", + "source_file": "6-space-game/2-drawing-to-canvas/README.md", + "language_code": "fr" + }, + "6-space-game/2-drawing-to-canvas/assignment.md": { + "original_hash": "87cd43afe5b69dbbffb5c4b209ea6791", + "translation_date": "2026-01-06T06:18:26+00:00", + "source_file": "6-space-game/2-drawing-to-canvas/assignment.md", + "language_code": "fr" + }, + "6-space-game/3-moving-elements-around/README.md": { + "original_hash": "8c55a2bd4bc0ebe4c88198fd563a9e09", + "translation_date": "2026-01-06T06:24:13+00:00", + "source_file": "6-space-game/3-moving-elements-around/README.md", + "language_code": "fr" + }, + "6-space-game/3-moving-elements-around/assignment.md": { + "original_hash": "c162b3b3a1cafc1483c8015e9b266f0d", + "translation_date": "2026-01-06T06:25:56+00:00", + "source_file": "6-space-game/3-moving-elements-around/assignment.md", + "language_code": "fr" + }, + "6-space-game/4-collision-detection/README.md": { + "original_hash": "039b4d8ce65f5edd82cf48d9c3e6728c", + "translation_date": "2026-01-06T06:14:41+00:00", + "source_file": "6-space-game/4-collision-detection/README.md", + "language_code": "fr" + }, + "6-space-game/4-collision-detection/assignment.md": { + "original_hash": "124efddbb65166cddb38075ad6dae324", + "translation_date": "2026-01-06T06:16:28+00:00", + "source_file": "6-space-game/4-collision-detection/assignment.md", + "language_code": "fr" + }, + "6-space-game/4-collision-detection/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-23T23:04:09+00:00", + "source_file": "6-space-game/4-collision-detection/solution/README.md", + "language_code": "fr" + }, + "6-space-game/4-collision-detection/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-23T23:03:40+00:00", + "source_file": "6-space-game/4-collision-detection/your-work/README.md", + "language_code": "fr" + }, + "6-space-game/5-keeping-score/README.md": { + "original_hash": "2ed9145a16cf576faa2a973dff84d099", + "translation_date": "2026-01-06T06:21:08+00:00", + "source_file": "6-space-game/5-keeping-score/README.md", + "language_code": "fr" + }, + "6-space-game/5-keeping-score/assignment.md": { + "original_hash": "81f292dbda01685b91735e0398dc0504", + "translation_date": "2025-08-23T22:53:46+00:00", + "source_file": "6-space-game/5-keeping-score/assignment.md", + "language_code": "fr" + }, + "6-space-game/5-keeping-score/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-23T22:54:46+00:00", + "source_file": "6-space-game/5-keeping-score/solution/README.md", + "language_code": "fr" + }, + "6-space-game/5-keeping-score/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-23T22:54:18+00:00", + "source_file": "6-space-game/5-keeping-score/your-work/README.md", + "language_code": "fr" + }, + "6-space-game/6-end-condition/README.md": { + "original_hash": "a4b78043f4d64bf3ee24e0689b8b391d", + "translation_date": "2026-01-06T06:18:42+00:00", + "source_file": "6-space-game/6-end-condition/README.md", + "language_code": "fr" + }, + "6-space-game/6-end-condition/assignment.md": { + "original_hash": "232d592791465c1678cab3a2bb6cd3e8", + "translation_date": "2026-01-06T06:20:41+00:00", + "source_file": "6-space-game/6-end-condition/assignment.md", + "language_code": "fr" + }, + "6-space-game/6-end-condition/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-23T23:10:12+00:00", + "source_file": "6-space-game/6-end-condition/solution/README.md", + "language_code": "fr" + }, + "6-space-game/6-end-condition/your-work/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-23T23:09:43+00:00", + "source_file": "6-space-game/6-end-condition/your-work/README.md", + "language_code": "fr" + }, + "6-space-game/README.md": { + "original_hash": "c40a698395ee5102715f7880bba3f2e7", + "translation_date": "2025-08-23T22:51:23+00:00", + "source_file": "6-space-game/README.md", + "language_code": "fr" + }, + "6-space-game/solution/README.md": { + "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c", + "translation_date": "2025-08-23T23:11:00+00:00", + "source_file": "6-space-game/solution/README.md", + "language_code": "fr" + }, + "7-bank-project/1-template-route/README.md": { + "original_hash": "351678bece18f07d9daa987a881fb062", + "translation_date": "2026-01-06T06:34:39+00:00", + "source_file": "7-bank-project/1-template-route/README.md", + "language_code": "fr" + }, + "7-bank-project/1-template-route/assignment.md": { + "original_hash": "df0dcecddcd28ea8cbf6ede0ad57d673", + "translation_date": "2026-01-06T06:36:39+00:00", + "source_file": "7-bank-project/1-template-route/assignment.md", + "language_code": "fr" + }, + "7-bank-project/2-forms/README.md": { + "original_hash": "7cbdbd132d39a2bb493e85bc2a9387cc", + "translation_date": "2026-01-06T06:32:06+00:00", + "source_file": "7-bank-project/2-forms/README.md", + "language_code": "fr" + }, + "7-bank-project/2-forms/assignment.md": { + "original_hash": "efb01fcafd2ef40c593a6e662fc938a8", + "translation_date": "2026-01-06T06:34:19+00:00", + "source_file": "7-bank-project/2-forms/assignment.md", + "language_code": "fr" + }, + "7-bank-project/3-data/README.md": { + "original_hash": "86ee5069f27ea3151389d8687c95fac9", + "translation_date": "2026-01-06T06:36:50+00:00", + "source_file": "7-bank-project/3-data/README.md", + "language_code": "fr" + }, + "7-bank-project/3-data/assignment.md": { + "original_hash": "d0a02cb117e91a5b5f24178080068a3d", + "translation_date": "2026-01-06T06:39:18+00:00", + "source_file": "7-bank-project/3-data/assignment.md", + "language_code": "fr" + }, + "7-bank-project/4-state-management/README.md": { + "original_hash": "b807b09df716dc48a2b750835bf8e933", + "translation_date": "2026-01-06T06:39:39+00:00", + "source_file": "7-bank-project/4-state-management/README.md", + "language_code": "fr" + }, + "7-bank-project/4-state-management/assignment.md": { + "original_hash": "50a7783473b39a2e0f133e271a102231", + "translation_date": "2026-01-06T06:41:46+00:00", + "source_file": "7-bank-project/4-state-management/assignment.md", + "language_code": "fr" + }, + "7-bank-project/README.md": { + "original_hash": "830359535306594b448db6575ce5cdee", + "translation_date": "2025-08-23T23:54:46+00:00", + "source_file": "7-bank-project/README.md", + "language_code": "fr" + }, + "7-bank-project/api/README.md": { + "original_hash": "9884f8c8a61cf56214450f8b16a094ce", + "translation_date": "2025-08-23T23:55:42+00:00", + "source_file": "7-bank-project/api/README.md", + "language_code": "fr" + }, + "7-bank-project/solution/README.md": { + "original_hash": "461aa4fc74c6b1789c3a13b5d82c0cd9", + "translation_date": "2025-08-24T00:10:41+00:00", + "source_file": "7-bank-project/solution/README.md", + "language_code": "fr" + }, + "8-code-editor/1-using-a-code-editor/README.md": { + "original_hash": "a9a3bcc037a447e2d8994d99e871cd9f", + "translation_date": "2026-01-06T06:11:38+00:00", + "source_file": "8-code-editor/1-using-a-code-editor/README.md", + "language_code": "fr" + }, + "8-code-editor/1-using-a-code-editor/assignment.md": { + "original_hash": "effe56ba51c38d7bdfad1ea38288666b", + "translation_date": "2026-01-06T06:13:56+00:00", + "source_file": "8-code-editor/1-using-a-code-editor/assignment.md", + "language_code": "fr" + }, + "9-chat-project/README.md": { + "original_hash": "2066c17078e9d18b5e309f31d8e8bc24", + "translation_date": "2026-01-06T05:56:57+00:00", + "source_file": "9-chat-project/README.md", + "language_code": "fr" + }, + "9-chat-project/solution/README.md": { + "original_hash": "cb549dcad8eea3221cb89793aeaa3bb3", + "translation_date": "2025-09-01T15:18:19+00:00", + "source_file": "9-chat-project/solution/README.md", + "language_code": "fr" + }, + "9-chat-project/solution/backend/README.md": { + "original_hash": "bcd2c2bbaae71151b1ed1b9170aa78af", + "translation_date": "2025-09-01T15:41:55+00:00", + "source_file": "9-chat-project/solution/backend/README.md", + "language_code": "fr" + }, + "9-chat-project/solution/backend/python/README.md": { + "original_hash": "0aaa930f076f2d83cc872ad157f8ffd3", + "translation_date": "2026-01-06T07:01:49+00:00", + "source_file": "9-chat-project/solution/backend/python/README.md", + "language_code": "fr" + }, + "9-chat-project/solution/frontend/README.md": { + "original_hash": "7746a470be8fc7f736eb1b43ebb710ee", + "translation_date": "2025-09-01T15:50:37+00:00", + "source_file": "9-chat-project/solution/frontend/README.md", + "language_code": "fr" + }, + "AGENTS.md": { + "original_hash": "a362efd06d64d4134a0cfe8515a86d34", + "translation_date": "2025-10-03T11:12:18+00:00", + "source_file": "AGENTS.md", + "language_code": "fr" + }, + "CODE_OF_CONDUCT.md": { + "original_hash": "b0a9b4cccd918195f58224d5793da1a6", + "translation_date": "2025-08-23T22:20:24+00:00", + "source_file": "CODE_OF_CONDUCT.md", + "language_code": "fr" + }, + "CONTRIBUTING.md": { + "original_hash": "777400e9f0336c7ee2f9a1200a88478f", + "translation_date": "2025-08-23T22:22:42+00:00", + "source_file": "CONTRIBUTING.md", + "language_code": "fr" + }, + "Git-Basics/README.md": { + "original_hash": "5cf5e1ed51455fefed4895fcc4d6ba2a", + "translation_date": "2025-10-03T15:44:16+00:00", + "source_file": "Git-Basics/README.md", + "language_code": "fr" + }, + "README.md": { + "original_hash": "490c83786552d7fab6390991517bef09", + "translation_date": "2026-01-29T17:27:29+00:00", + "source_file": "README.md", + "language_code": "fr" + }, + "SECURITY.md": { + "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228", + "translation_date": "2025-08-23T22:21:47+00:00", + "source_file": "SECURITY.md", + "language_code": "fr" + }, + "SUPPORT.md": { + "original_hash": "c9d207ff77b4bb46e46dc2b607a8ec1a", + "translation_date": "2025-08-23T22:18:42+00:00", + "source_file": "SUPPORT.md", + "language_code": "fr" + }, + "_404.md": { + "original_hash": "ea9f0804bd62f46d9808e953ec7fc459", + "translation_date": "2025-08-23T22:20:57+00:00", + "source_file": "_404.md", + "language_code": "fr" + }, + "docs/_navbar.md": { + "original_hash": "3bd2f51ecf4ac9b39277cba748943793", + "translation_date": "2025-08-23T22:50:41+00:00", + "source_file": "docs/_navbar.md", + "language_code": "fr" + }, + "docs/_sidebar.md": { + "original_hash": "655c91b5979de46f1d70d97f0c5f1d14", + "translation_date": "2025-08-23T22:49:52+00:00", + "source_file": "docs/_sidebar.md", + "language_code": "fr" + }, + "for-teachers.md": { + "original_hash": "71009af209f81cc01a1f2d324200375f", + "translation_date": "2025-10-03T08:22:54+00:00", + "source_file": "for-teachers.md", + "language_code": "fr" + }, + "lesson-template/README.md": { + "original_hash": "0494be70ad7fadd13a8c3d549c23e355", + "translation_date": "2025-08-24T00:16:04+00:00", + "source_file": "lesson-template/README.md", + "language_code": "fr" + }, + "lesson-template/assignment.md": { + "original_hash": "b5f62ec256c7e43e771f0d3b4e1a9130", + "translation_date": "2025-08-24T00:16:39+00:00", + "source_file": "lesson-template/assignment.md", + "language_code": "fr" + }, + "memory-game/README.md": { + "original_hash": "ff47271e53637b2ba6ba72ad2b70f6d7", + "translation_date": "2025-10-03T11:53:04+00:00", + "source_file": "memory-game/README.md", + "language_code": "fr" + }, + "quiz-app/README.md": { + "original_hash": "5301875c55bb305e6046bed3a4fd06d2", + "translation_date": "2025-08-24T00:23:29+00:00", + "source_file": "quiz-app/README.md", + "language_code": "fr" + } +} \ No newline at end of file diff --git a/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 33d67660d..591199e4b 100644 --- a/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -1,12 +1,3 @@ - # Introduction aux langages de programmation et aux outils modernes pour développeurs Salut, futur développeur ! 👋 Puis-je te dire quelque chose qui me donne encore des frissons chaque jour ? Tu es sur le point de découvrir que la programmation ne concerne pas seulement les ordinateurs – c’est un véritable super-pouvoir pour donner vie à tes idées les plus folles ! diff --git a/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md b/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md index e48b92423..b085adc04 100644 --- a/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md +++ b/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md @@ -1,12 +1,3 @@ - # Assignment : Exploration des outils modernes de développement web ## Instructions diff --git a/translations/fr/1-getting-started-lessons/2-github-basics/README.md b/translations/fr/1-getting-started-lessons/2-github-basics/README.md index 30f96cc58..190ecc257 100644 --- a/translations/fr/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/fr/1-getting-started-lessons/2-github-basics/README.md @@ -1,12 +1,3 @@ - # Introduction à GitHub Salut toi, futur développeur ! 👋 Prêt à rejoindre des millions de codeurs dans le monde ? Je suis vraiment enthousiaste à l'idée de te présenter GitHub – imagine-le comme le réseau social des programmeurs, sauf qu'au lieu de partager des photos de ton déjeuner, nous partageons du code et construisons des choses incroyables ensemble ! diff --git a/translations/fr/1-getting-started-lessons/3-accessibility/README.md b/translations/fr/1-getting-started-lessons/3-accessibility/README.md index 50c246d8a..424843f3d 100644 --- a/translations/fr/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/fr/1-getting-started-lessons/3-accessibility/README.md @@ -1,12 +1,3 @@ - # Créer des pages web accessibles ![Tout sur l'accessibilité](../../../../translated_images/fr/webdev101-a11y.8ef3025c858d897a.webp) diff --git a/translations/fr/1-getting-started-lessons/3-accessibility/assignment.md b/translations/fr/1-getting-started-lessons/3-accessibility/assignment.md index 96d0a05c8..1255952c6 100644 --- a/translations/fr/1-getting-started-lessons/3-accessibility/assignment.md +++ b/translations/fr/1-getting-started-lessons/3-accessibility/assignment.md @@ -1,12 +1,3 @@ - # Audit complet de l'accessibilité d'un site web ## Instructions diff --git a/translations/fr/1-getting-started-lessons/README.md b/translations/fr/1-getting-started-lessons/README.md index 74c4b79ce..e6cb29661 100644 --- a/translations/fr/1-getting-started-lessons/README.md +++ b/translations/fr/1-getting-started-lessons/README.md @@ -1,12 +1,3 @@ - # Premiers pas avec le développement web Dans cette section du programme, vous serez initié à des concepts non liés à des projets, mais essentiels pour devenir un développeur professionnel. diff --git a/translations/fr/10-ai-framework-project/README.md b/translations/fr/10-ai-framework-project/README.md index 9a9a65837..4cf61eac3 100644 --- a/translations/fr/10-ai-framework-project/README.md +++ b/translations/fr/10-ai-framework-project/README.md @@ -1,12 +1,3 @@ - # Cadre d’IA Vous vous êtes déjà senti dépassé en essayant de créer des applications d’IA à partir de zéro ? Vous n’êtes pas seul ! Les cadres d’IA sont comme un couteau suisse pour le développement d’IA – ce sont des outils puissants qui peuvent vous faire gagner du temps et éviter bien des maux de tête lors de la création d’applications intelligentes. Pensez à un cadre d’IA comme à une bibliothèque bien organisée : il fournit des composants préconstruits, des API standardisées et des abstractions intelligentes pour que vous puissiez vous concentrer sur la résolution de problèmes au lieu de vous battre avec les détails d’implémentation. diff --git a/translations/fr/2-js-basics/1-data-types/README.md b/translations/fr/2-js-basics/1-data-types/README.md index 684472e5e..daf965dc4 100644 --- a/translations/fr/2-js-basics/1-data-types/README.md +++ b/translations/fr/2-js-basics/1-data-types/README.md @@ -1,12 +1,3 @@ - # Notions de base en JavaScript : Types de données ![Notions de base en JavaScript - Types de données](../../../../translated_images/fr/webdev101-js-datatypes.4cc470179730702c.webp) diff --git a/translations/fr/2-js-basics/1-data-types/assignment.md b/translations/fr/2-js-basics/1-data-types/assignment.md index c16e91245..c8174648c 100644 --- a/translations/fr/2-js-basics/1-data-types/assignment.md +++ b/translations/fr/2-js-basics/1-data-types/assignment.md @@ -1,12 +1,3 @@ - # Pratique des Types de Données : Panier d’Achat E-commerce ## Instructions diff --git a/translations/fr/2-js-basics/2-functions-methods/README.md b/translations/fr/2-js-basics/2-functions-methods/README.md index 0fd50fd20..dfe255011 100644 --- a/translations/fr/2-js-basics/2-functions-methods/README.md +++ b/translations/fr/2-js-basics/2-functions-methods/README.md @@ -1,12 +1,3 @@ - # Les bases de JavaScript : Méthodes et Fonctions ![JavaScript Basics - Functions](../../../../translated_images/fr/webdev101-js-functions.be049c4726e94f8b.webp) diff --git a/translations/fr/2-js-basics/2-functions-methods/assignment.md b/translations/fr/2-js-basics/2-functions-methods/assignment.md index 1b3e99f6c..3be3dac4c 100644 --- a/translations/fr/2-js-basics/2-functions-methods/assignment.md +++ b/translations/fr/2-js-basics/2-functions-methods/assignment.md @@ -1,12 +1,3 @@ - # Amusez-vous avec les fonctions ## Instructions diff --git a/translations/fr/2-js-basics/3-making-decisions/README.md b/translations/fr/2-js-basics/3-making-decisions/README.md index eb6268ad0..237463e26 100644 --- a/translations/fr/2-js-basics/3-making-decisions/README.md +++ b/translations/fr/2-js-basics/3-making-decisions/README.md @@ -1,12 +1,3 @@ - # Notions de base en JavaScript : Prendre des décisions ![JavaScript Basics - Making decisions](../../../../translated_images/fr/webdev101-js-decisions.69e1b20f272dd1f0.webp) diff --git a/translations/fr/2-js-basics/3-making-decisions/assignment.md b/translations/fr/2-js-basics/3-making-decisions/assignment.md index 6b13f2223..9388b95af 100644 --- a/translations/fr/2-js-basics/3-making-decisions/assignment.md +++ b/translations/fr/2-js-basics/3-making-decisions/assignment.md @@ -1,12 +1,3 @@ - # Prise de décisions : Traitement des notes des étudiants ## Objectifs d'apprentissage diff --git a/translations/fr/2-js-basics/4-arrays-loops/README.md b/translations/fr/2-js-basics/4-arrays-loops/README.md index 16298dc16..e2dbd7cd3 100644 --- a/translations/fr/2-js-basics/4-arrays-loops/README.md +++ b/translations/fr/2-js-basics/4-arrays-loops/README.md @@ -1,12 +1,3 @@ - # Les bases de JavaScript : Tableaux et Boucles ![Les bases de JavaScript - Tableaux](../../../../translated_images/fr/webdev101-js-arrays.439d7528b8a29455.webp) diff --git a/translations/fr/2-js-basics/4-arrays-loops/assignment.md b/translations/fr/2-js-basics/4-arrays-loops/assignment.md index 70e0ff8ce..ae17362b8 100644 --- a/translations/fr/2-js-basics/4-arrays-loops/assignment.md +++ b/translations/fr/2-js-basics/4-arrays-loops/assignment.md @@ -1,12 +1,3 @@ - # Devoir sur les Tableaux et les Boucles ## Instructions diff --git a/translations/fr/2-js-basics/README.md b/translations/fr/2-js-basics/README.md index a2cd918f0..05fb1b3f9 100644 --- a/translations/fr/2-js-basics/README.md +++ b/translations/fr/2-js-basics/README.md @@ -1,12 +1,3 @@ - # Introduction à JavaScript JavaScript est la langue du web. Dans ces quatre leçons, vous apprendrez ses bases. diff --git a/translations/fr/3-terrarium/1-intro-to-html/README.md b/translations/fr/3-terrarium/1-intro-to-html/README.md index da07f6cfa..92a64bf0b 100644 --- a/translations/fr/3-terrarium/1-intro-to-html/README.md +++ b/translations/fr/3-terrarium/1-intro-to-html/README.md @@ -1,12 +1,3 @@ - # Projet Terrarium Partie 1 : Introduction à HTML ```mermaid diff --git a/translations/fr/3-terrarium/1-intro-to-html/assignment.md b/translations/fr/3-terrarium/1-intro-to-html/assignment.md index a58de7b77..232ead6f1 100644 --- a/translations/fr/3-terrarium/1-intro-to-html/assignment.md +++ b/translations/fr/3-terrarium/1-intro-to-html/assignment.md @@ -1,12 +1,3 @@ - # Devoir Pratique HTML : Créez une Maquette de Blog ## Objectifs d'apprentissage diff --git a/translations/fr/3-terrarium/2-intro-to-css/README.md b/translations/fr/3-terrarium/2-intro-to-css/README.md index d3768c6a5..e9c638d03 100644 --- a/translations/fr/3-terrarium/2-intro-to-css/README.md +++ b/translations/fr/3-terrarium/2-intro-to-css/README.md @@ -1,12 +1,3 @@ - # Projet Terrarium Partie 2 : Introduction au CSS ```mermaid diff --git a/translations/fr/3-terrarium/2-intro-to-css/assignment.md b/translations/fr/3-terrarium/2-intro-to-css/assignment.md index 75bcd7b53..933d1550d 100644 --- a/translations/fr/3-terrarium/2-intro-to-css/assignment.md +++ b/translations/fr/3-terrarium/2-intro-to-css/assignment.md @@ -1,12 +1,3 @@ - # Mission de refactoring CSS ## Objectif diff --git a/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/README.md index 564088052..408a3600c 100644 --- a/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -1,12 +1,3 @@ - # Projet Terrarium Partie 3 : Manipulation du DOM et Closures en JavaScript ```mermaid diff --git a/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/assignment.md b/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/assignment.md index 83fc61ffe..afce967ea 100644 --- a/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/assignment.md +++ b/translations/fr/3-terrarium/3-intro-to-DOM-and-closures/assignment.md @@ -1,12 +1,3 @@ - # Devoir d'Investigation sur les Éléments DOM ## Vue d'ensemble diff --git a/translations/fr/3-terrarium/README.md b/translations/fr/3-terrarium/README.md index b5fef53a6..9c6a35575 100644 --- a/translations/fr/3-terrarium/README.md +++ b/translations/fr/3-terrarium/README.md @@ -1,12 +1,3 @@ - ## Déployez votre Terrarium Vous pouvez déployer, ou publier votre Terrarium sur le web en utilisant **Azure Static Web Apps**. diff --git a/translations/fr/3-terrarium/solution/README.md b/translations/fr/3-terrarium/solution/README.md index 97f8c6f0c..9252553b9 100644 --- a/translations/fr/3-terrarium/solution/README.md +++ b/translations/fr/3-terrarium/solution/README.md @@ -1,12 +1,3 @@ - # Mon Terrarium : Un projet pour apprendre HTML, CSS et la manipulation du DOM avec JavaScript 🌵🌱 Un petit exercice de code avec glisser-déposer. Avec un peu de HTML, JS et CSS, vous pouvez créer une interface web, la styliser et y ajouter des interactions. diff --git a/translations/fr/4-typing-game/README.md b/translations/fr/4-typing-game/README.md index eff08fcce..6c66ab5a0 100644 --- a/translations/fr/4-typing-game/README.md +++ b/translations/fr/4-typing-game/README.md @@ -1,12 +1,3 @@ - # Programmation Événementielle - Créez un Jeu de Dactylographie ```mermaid diff --git a/translations/fr/4-typing-game/solution/README.md b/translations/fr/4-typing-game/solution/README.md index 156ae1683..a46e9fc62 100644 --- a/translations/fr/4-typing-game/solution/README.md +++ b/translations/fr/4-typing-game/solution/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/4-typing-game/typing-game/README.md b/translations/fr/4-typing-game/typing-game/README.md index 3a9d55c4c..ebbb02d27 100644 --- a/translations/fr/4-typing-game/typing-game/README.md +++ b/translations/fr/4-typing-game/typing-game/README.md @@ -1,12 +1,3 @@ - # Créer un jeu en utilisant des événements Vous êtes-vous déjà demandé comment les sites web savent quand vous cliquez sur un bouton ou tapez dans une zone de texte ? C’est la magie de la programmation événementielle ! Quoi de mieux pour apprendre cette compétence essentielle qu’en créant quelque chose d’utile — un jeu de vitesse de frappe qui réagit à chaque touche que vous pressez. diff --git a/translations/fr/4-typing-game/typing-game/assignment.md b/translations/fr/4-typing-game/typing-game/assignment.md index 1f5d667b2..e6a1aa86d 100644 --- a/translations/fr/4-typing-game/typing-game/assignment.md +++ b/translations/fr/4-typing-game/typing-game/assignment.md @@ -1,12 +1,3 @@ - # Créez un nouveau jeu au clavier ## Instructions diff --git a/translations/fr/5-browser-extension/1-about-browsers/README.md b/translations/fr/5-browser-extension/1-about-browsers/README.md index 406385a53..5609fea34 100644 --- a/translations/fr/5-browser-extension/1-about-browsers/README.md +++ b/translations/fr/5-browser-extension/1-about-browsers/README.md @@ -1,12 +1,3 @@ - # Browser Extension Project Part 1: Tout sur les navigateurs ```mermaid diff --git a/translations/fr/5-browser-extension/1-about-browsers/assignment.md b/translations/fr/5-browser-extension/1-about-browsers/assignment.md index 67590bd69..b82e63274 100644 --- a/translations/fr/5-browser-extension/1-about-browsers/assignment.md +++ b/translations/fr/5-browser-extension/1-about-browsers/assignment.md @@ -1,12 +1,3 @@ - # Devoir : Redessinez votre extension de navigateur ## Aperçu diff --git a/translations/fr/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/fr/5-browser-extension/2-forms-browsers-local-storage/README.md index a30e5c0a6..9b3a03f52 100644 --- a/translations/fr/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/fr/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -1,12 +1,3 @@ - # Projet d'extension de navigateur Partie 2 : Appeler une API, utiliser le stockage local ```mermaid diff --git a/translations/fr/5-browser-extension/2-forms-browsers-local-storage/assignment.md b/translations/fr/5-browser-extension/2-forms-browsers-local-storage/assignment.md index bf4f72ddc..33d405fb2 100644 --- a/translations/fr/5-browser-extension/2-forms-browsers-local-storage/assignment.md +++ b/translations/fr/5-browser-extension/2-forms-browsers-local-storage/assignment.md @@ -1,12 +1,3 @@ - # Adoptez une API ## Vue d'ensemble diff --git a/translations/fr/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/fr/5-browser-extension/3-background-tasks-and-performance/README.md index f767c6d2d..f3346ed9c 100644 --- a/translations/fr/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/fr/5-browser-extension/3-background-tasks-and-performance/README.md @@ -1,12 +1,3 @@ - # Projet d’extension de navigateur Partie 3 : Découvrez les tâches en arrière-plan et les performances ```mermaid diff --git a/translations/fr/5-browser-extension/3-background-tasks-and-performance/assignment.md b/translations/fr/5-browser-extension/3-background-tasks-and-performance/assignment.md index 970300c1f..85097dd65 100644 --- a/translations/fr/5-browser-extension/3-background-tasks-and-performance/assignment.md +++ b/translations/fr/5-browser-extension/3-background-tasks-and-performance/assignment.md @@ -1,12 +1,3 @@ - # Analyser un site pour la performance ## Aperçu de la mission diff --git a/translations/fr/5-browser-extension/README.md b/translations/fr/5-browser-extension/README.md index 56fdabeaf..c827a9f7b 100644 --- a/translations/fr/5-browser-extension/README.md +++ b/translations/fr/5-browser-extension/README.md @@ -1,12 +1,3 @@ - # Créer une extension de navigateur Créer des extensions de navigateur est une manière amusante et intéressante de réfléchir à la performance de vos applications tout en développant un type différent de ressource web. Ce module comprend des leçons sur le fonctionnement des navigateurs, le déploiement d'une extension de navigateur, la création d'un formulaire, l'appel d'une API, l'utilisation du stockage local, ainsi que l'évaluation et l'amélioration des performances de votre site web. diff --git a/translations/fr/5-browser-extension/solution/README.md b/translations/fr/5-browser-extension/solution/README.md index 050febccb..fcf37a2dd 100644 --- a/translations/fr/5-browser-extension/solution/README.md +++ b/translations/fr/5-browser-extension/solution/README.md @@ -1,12 +1,3 @@ - # Extension de navigateur Carbon Trigger : Code terminé En utilisant l'API C02 Signal de tmrow pour suivre la consommation d'électricité, créez une extension de navigateur afin d'avoir un rappel directement dans votre navigateur sur l'intensité de la consommation électrique de votre région. Utiliser cette extension de manière ponctuelle vous aidera à prendre des décisions sur vos activités en fonction de ces informations. diff --git a/translations/fr/5-browser-extension/solution/translation/README.es.md b/translations/fr/5-browser-extension/solution/translation/README.es.md index 4a4c9e726..47e020405 100644 --- a/translations/fr/5-browser-extension/solution/translation/README.es.md +++ b/translations/fr/5-browser-extension/solution/translation/README.es.md @@ -1,12 +1,3 @@ - # Extension de navigateur Carbon Trigger : Code complet En utilisant l'API CO2 Signal de tmrow pour suivre la consommation d'électricité, créez une extension de navigateur afin d'avoir un rappel directement dans votre navigateur sur la consommation électrique de votre région. L'utilisation de cette extension ad hoc vous aidera à prendre des décisions concernant vos activités en fonction de ces informations. diff --git a/translations/fr/5-browser-extension/solution/translation/README.fr.md b/translations/fr/5-browser-extension/solution/translation/README.fr.md index a3f5d3957..76955f668 100644 --- a/translations/fr/5-browser-extension/solution/translation/README.fr.md +++ b/translations/fr/5-browser-extension/solution/translation/README.fr.md @@ -1,12 +1,3 @@ - # Extension de navigateur Carbon Trigger : Code Complété En utilisant l'API CO2 Signal de tmrow pour suivre la consommation d'électricité, créez une extension de navigateur afin d'avoir un rappel directement dans votre navigateur sur la consommation d'électricité de votre région. L'utilisation de cette extension vous aidera à prendre des décisions éclairées sur vos activités en fonction de ces informations. diff --git a/translations/fr/5-browser-extension/solution/translation/README.hi.md b/translations/fr/5-browser-extension/solution/translation/README.hi.md index 028b79b18..481663354 100644 --- a/translations/fr/5-browser-extension/solution/translation/README.hi.md +++ b/translations/fr/5-browser-extension/solution/translation/README.hi.md @@ -1,12 +1,3 @@ - # Extension de navigateur Carbon Trigger : Code complet Utilisation de l'API CO2 Signal de tmrow pour suivre la consommation d'électricité, création d'une extension de navigateur qui vous rappelle à quel point l'utilisation de l'électricité est intense dans votre région via votre navigateur. En utilisant cette extension de manière ad hoc, vous pourrez prendre des décisions basées sur ces informations pour ajuster vos activités. diff --git a/translations/fr/5-browser-extension/solution/translation/README.it.md b/translations/fr/5-browser-extension/solution/translation/README.it.md index ef12fd6ae..2e5c39f26 100644 --- a/translations/fr/5-browser-extension/solution/translation/README.it.md +++ b/translations/fr/5-browser-extension/solution/translation/README.it.md @@ -1,12 +1,3 @@ - # Extension du navigateur Carbon Trigger : code pour commencer Vous utiliserez l'API Signal CO2 de tmrow pour surveiller l'utilisation de l'électricité et créer une extension de navigateur afin d'avoir un rappel directement dans votre navigateur sur l'impact de l'utilisation de l'électricité dans votre région. L'utilisation de cette extension sur mesure vous aidera à évaluer vos activités en fonction de ces informations. diff --git a/translations/fr/5-browser-extension/solution/translation/README.ja.md b/translations/fr/5-browser-extension/solution/translation/README.ja.md index 6d45974cd..c257e2f6b 100644 --- a/translations/fr/5-browser-extension/solution/translation/README.ja.md +++ b/translations/fr/5-browser-extension/solution/translation/README.ja.md @@ -1,12 +1,3 @@ - # Extension de navigateur Carbon Trigger : Code final Construisez une extension de navigateur qui utilise l'API CO2 Signal de tmrow pour suivre la consommation d'électricité dans votre région et afficher un rappel sur votre navigateur indiquant à quel point l'utilisation d'énergie est élevée. En utilisant cette extension de manière ad hoc, vous pouvez prendre des décisions basées sur ces informations pour vos activités. diff --git a/translations/fr/5-browser-extension/solution/translation/README.ms.md b/translations/fr/5-browser-extension/solution/translation/README.ms.md index 9335037f4..d91658158 100644 --- a/translations/fr/5-browser-extension/solution/translation/README.ms.md +++ b/translations/fr/5-browser-extension/solution/translation/README.ms.md @@ -1,12 +1,3 @@ - # Extension de Navigateur Carbon Trigger : Code Complet En utilisant l'API CO2 Signal de tmrow pour surveiller la consommation d'électricité, créez une extension de navigateur qui vous alerte sur l'impact énergétique de votre région. Cette extension vous aidera à prendre des décisions éclairées sur vos activités en fonction de ces informations. diff --git a/translations/fr/5-browser-extension/start/README.md b/translations/fr/5-browser-extension/start/README.md index 1ecc002f6..eb5bf6dd8 100644 --- a/translations/fr/5-browser-extension/start/README.md +++ b/translations/fr/5-browser-extension/start/README.md @@ -1,12 +1,3 @@ - # Extension de navigateur Carbon Trigger : Code de démarrage En utilisant l'API CO2 Signal de tmrow pour suivre la consommation d'électricité, créez une extension de navigateur afin d'avoir un rappel directement dans votre navigateur sur l'intensité de la consommation d'électricité dans votre région. Utiliser cette extension de manière ponctuelle vous aidera à prendre des décisions sur vos activités en fonction de ces informations. diff --git a/translations/fr/6-space-game/1-introduction/README.md b/translations/fr/6-space-game/1-introduction/README.md index de24b85a3..559b04142 100644 --- a/translations/fr/6-space-game/1-introduction/README.md +++ b/translations/fr/6-space-game/1-introduction/README.md @@ -1,12 +1,3 @@ - # Construire un jeu spatial Partie 1 : Introduction ```mermaid diff --git a/translations/fr/6-space-game/1-introduction/assignment.md b/translations/fr/6-space-game/1-introduction/assignment.md index b6d40a2c3..0d2fd1b73 100644 --- a/translations/fr/6-space-game/1-introduction/assignment.md +++ b/translations/fr/6-space-game/1-introduction/assignment.md @@ -1,12 +1,3 @@ - # Concevoir un jeu : Appliquer les motifs de conception ## Présentation du devoir diff --git a/translations/fr/6-space-game/2-drawing-to-canvas/README.md b/translations/fr/6-space-game/2-drawing-to-canvas/README.md index e14867b99..8bbf98a89 100644 --- a/translations/fr/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/fr/6-space-game/2-drawing-to-canvas/README.md @@ -1,12 +1,3 @@ - # Construire un Jeu Spatial Partie 2 : Dessiner le Héros et les Monstres sur le Canvas ```mermaid diff --git a/translations/fr/6-space-game/2-drawing-to-canvas/assignment.md b/translations/fr/6-space-game/2-drawing-to-canvas/assignment.md index 9abd4e55b..ea6070deb 100644 --- a/translations/fr/6-space-game/2-drawing-to-canvas/assignment.md +++ b/translations/fr/6-space-game/2-drawing-to-canvas/assignment.md @@ -1,12 +1,3 @@ - # Devoir : Explorer l'API Canvas ## Objectifs d'apprentissage diff --git a/translations/fr/6-space-game/3-moving-elements-around/README.md b/translations/fr/6-space-game/3-moving-elements-around/README.md index 6be59b47f..ff45106f5 100644 --- a/translations/fr/6-space-game/3-moving-elements-around/README.md +++ b/translations/fr/6-space-game/3-moving-elements-around/README.md @@ -1,12 +1,3 @@ - # Construire un jeu spatial Partie 3 : Ajouter du mouvement ```mermaid diff --git a/translations/fr/6-space-game/3-moving-elements-around/assignment.md b/translations/fr/6-space-game/3-moving-elements-around/assignment.md index ed58c274d..6e19d3683 100644 --- a/translations/fr/6-space-game/3-moving-elements-around/assignment.md +++ b/translations/fr/6-space-game/3-moving-elements-around/assignment.md @@ -1,12 +1,3 @@ - # Commentez Votre Code ## Instructions diff --git a/translations/fr/6-space-game/4-collision-detection/README.md b/translations/fr/6-space-game/4-collision-detection/README.md index 3de294ac4..1b828a8e8 100644 --- a/translations/fr/6-space-game/4-collision-detection/README.md +++ b/translations/fr/6-space-game/4-collision-detection/README.md @@ -1,12 +1,3 @@ - # Construire un jeu spatial Partie 4 : Ajouter un laser et détecter les collisions ```mermaid diff --git a/translations/fr/6-space-game/4-collision-detection/assignment.md b/translations/fr/6-space-game/4-collision-detection/assignment.md index ffa91e67e..a725ceb73 100644 --- a/translations/fr/6-space-game/4-collision-detection/assignment.md +++ b/translations/fr/6-space-game/4-collision-detection/assignment.md @@ -1,12 +1,3 @@ - # Explorer les Collisions ## Instructions diff --git a/translations/fr/6-space-game/4-collision-detection/solution/README.md b/translations/fr/6-space-game/4-collision-detection/solution/README.md index 17bc1da7f..ce6746e0f 100644 --- a/translations/fr/6-space-game/4-collision-detection/solution/README.md +++ b/translations/fr/6-space-game/4-collision-detection/solution/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/6-space-game/4-collision-detection/your-work/README.md b/translations/fr/6-space-game/4-collision-detection/your-work/README.md index 7962661e5..ce6746e0f 100644 --- a/translations/fr/6-space-game/4-collision-detection/your-work/README.md +++ b/translations/fr/6-space-game/4-collision-detection/your-work/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/6-space-game/5-keeping-score/README.md b/translations/fr/6-space-game/5-keeping-score/README.md index 1913382e4..a9c2b5227 100644 --- a/translations/fr/6-space-game/5-keeping-score/README.md +++ b/translations/fr/6-space-game/5-keeping-score/README.md @@ -1,12 +1,3 @@ - # Construire un jeu spatial partie 5 : Score et vies ```mermaid diff --git a/translations/fr/6-space-game/5-keeping-score/assignment.md b/translations/fr/6-space-game/5-keeping-score/assignment.md index b1fbdfe99..3ea5338f2 100644 --- a/translations/fr/6-space-game/5-keeping-score/assignment.md +++ b/translations/fr/6-space-game/5-keeping-score/assignment.md @@ -1,12 +1,3 @@ - # Créer un Jeu de Score ## Instructions diff --git a/translations/fr/6-space-game/5-keeping-score/solution/README.md b/translations/fr/6-space-game/5-keeping-score/solution/README.md index 824235654..ce6746e0f 100644 --- a/translations/fr/6-space-game/5-keeping-score/solution/README.md +++ b/translations/fr/6-space-game/5-keeping-score/solution/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/6-space-game/5-keeping-score/your-work/README.md b/translations/fr/6-space-game/5-keeping-score/your-work/README.md index 5e01820fa..ce6746e0f 100644 --- a/translations/fr/6-space-game/5-keeping-score/your-work/README.md +++ b/translations/fr/6-space-game/5-keeping-score/your-work/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/6-space-game/6-end-condition/README.md b/translations/fr/6-space-game/6-end-condition/README.md index 0a644ddb8..158e5bc72 100644 --- a/translations/fr/6-space-game/6-end-condition/README.md +++ b/translations/fr/6-space-game/6-end-condition/README.md @@ -1,12 +1,3 @@ - # Construisez un Jeu Spatial Partie 6 : Fin et Redémarrage ```mermaid diff --git a/translations/fr/6-space-game/6-end-condition/assignment.md b/translations/fr/6-space-game/6-end-condition/assignment.md index 427c63bf8..62c91ca54 100644 --- a/translations/fr/6-space-game/6-end-condition/assignment.md +++ b/translations/fr/6-space-game/6-end-condition/assignment.md @@ -1,12 +1,3 @@ - # Créez un Jeu Exemple ## Aperçu de la Mission diff --git a/translations/fr/6-space-game/6-end-condition/solution/README.md b/translations/fr/6-space-game/6-end-condition/solution/README.md index 718cdeef9..1987f7947 100644 --- a/translations/fr/6-space-game/6-end-condition/solution/README.md +++ b/translations/fr/6-space-game/6-end-condition/solution/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/6-space-game/6-end-condition/your-work/README.md b/translations/fr/6-space-game/6-end-condition/your-work/README.md index 6bce54936..1987f7947 100644 --- a/translations/fr/6-space-game/6-end-condition/your-work/README.md +++ b/translations/fr/6-space-game/6-end-condition/your-work/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/6-space-game/README.md b/translations/fr/6-space-game/README.md index 9d1b112ac..59bb1eef8 100644 --- a/translations/fr/6-space-game/README.md +++ b/translations/fr/6-space-game/README.md @@ -1,12 +1,3 @@ - # Créer un jeu spatial Un jeu spatial pour enseigner des concepts avancés de JavaScript diff --git a/translations/fr/6-space-game/solution/README.md b/translations/fr/6-space-game/solution/README.md index 8956e9a77..ce6746e0f 100644 --- a/translations/fr/6-space-game/solution/README.md +++ b/translations/fr/6-space-game/solution/README.md @@ -1,12 +1,3 @@ - Ceci est un espace réservé, laissé vide intentionnellement **Avertissement** : diff --git a/translations/fr/7-bank-project/1-template-route/README.md b/translations/fr/7-bank-project/1-template-route/README.md index 32b936a70..9ba120a5a 100644 --- a/translations/fr/7-bank-project/1-template-route/README.md +++ b/translations/fr/7-bank-project/1-template-route/README.md @@ -1,12 +1,3 @@ - # Construire une application bancaire Partie 1 : Modèles HTML et Routes dans une application web ```mermaid diff --git a/translations/fr/7-bank-project/1-template-route/assignment.md b/translations/fr/7-bank-project/1-template-route/assignment.md index a451093eb..4b7a2e4e3 100644 --- a/translations/fr/7-bank-project/1-template-route/assignment.md +++ b/translations/fr/7-bank-project/1-template-route/assignment.md @@ -1,12 +1,3 @@ - # Améliorer le Routage ## Instructions diff --git a/translations/fr/7-bank-project/2-forms/README.md b/translations/fr/7-bank-project/2-forms/README.md index 700a201aa..e9089fad5 100644 --- a/translations/fr/7-bank-project/2-forms/README.md +++ b/translations/fr/7-bank-project/2-forms/README.md @@ -1,12 +1,3 @@ - # Construire une application bancaire Partie 2 : Construire un formulaire de connexion et d'inscription ```mermaid diff --git a/translations/fr/7-bank-project/2-forms/assignment.md b/translations/fr/7-bank-project/2-forms/assignment.md index 6b86ddf3e..662bb149c 100644 --- a/translations/fr/7-bank-project/2-forms/assignment.md +++ b/translations/fr/7-bank-project/2-forms/assignment.md @@ -1,12 +1,3 @@ - # Stylisez votre application bancaire avec le CSS moderne ## Vue d'ensemble du projet diff --git a/translations/fr/7-bank-project/3-data/README.md b/translations/fr/7-bank-project/3-data/README.md index cded1e54e..1ea26e3a3 100644 --- a/translations/fr/7-bank-project/3-data/README.md +++ b/translations/fr/7-bank-project/3-data/README.md @@ -1,12 +1,3 @@ - # Construire une application bancaire Partie 3 : Méthodes de récupération et d’utilisation des données Pensez à l’ordinateur de l’Enterprise dans Star Trek - quand le Capitaine Picard demande l’état du vaisseau, l’information apparaît instantanément sans que toute l’interface ne s’arrête et se reconstruise. Ce flux d’informations fluide est exactement ce que nous construisons ici avec la récupération dynamique des données. diff --git a/translations/fr/7-bank-project/3-data/assignment.md b/translations/fr/7-bank-project/3-data/assignment.md index b6a47cd41..dfbcf3c47 100644 --- a/translations/fr/7-bank-project/3-data/assignment.md +++ b/translations/fr/7-bank-project/3-data/assignment.md @@ -1,12 +1,3 @@ - # Attribution de Réusinage et Documentation du Code ## Objectifs d'apprentissage diff --git a/translations/fr/7-bank-project/4-state-management/README.md b/translations/fr/7-bank-project/4-state-management/README.md index 3a1d5cde4..581cdd90a 100644 --- a/translations/fr/7-bank-project/4-state-management/README.md +++ b/translations/fr/7-bank-project/4-state-management/README.md @@ -1,12 +1,3 @@ - # Construire une application bancaire Partie 4 : Concepts de gestion d’état ## ⚡ Ce que vous pouvez faire dans les 5 prochaines minutes diff --git a/translations/fr/7-bank-project/4-state-management/assignment.md b/translations/fr/7-bank-project/4-state-management/assignment.md index 2272e524a..62fb834c7 100644 --- a/translations/fr/7-bank-project/4-state-management/assignment.md +++ b/translations/fr/7-bank-project/4-state-management/assignment.md @@ -1,12 +1,3 @@ - # Implémenter la boîte de dialogue "Ajouter une transaction" ## Vue d'ensemble diff --git a/translations/fr/7-bank-project/README.md b/translations/fr/7-bank-project/README.md index 7527ef346..e4dcc68fa 100644 --- a/translations/fr/7-bank-project/README.md +++ b/translations/fr/7-bank-project/README.md @@ -1,12 +1,3 @@ - # :dollar: Construire une Banque Dans ce projet, vous apprendrez à créer une banque fictive. Ces leçons incluent des instructions sur la mise en page d'une application web, la création de routes, la construction de formulaires, la gestion de l'état, et la récupération de données depuis une API pour accéder aux données de la banque. diff --git a/translations/fr/7-bank-project/api/README.md b/translations/fr/7-bank-project/api/README.md index 194e2ab2e..f97d5ac4c 100644 --- a/translations/fr/7-bank-project/api/README.md +++ b/translations/fr/7-bank-project/api/README.md @@ -1,12 +1,3 @@ - # API Bancaire > API bancaire construite avec [Node.js](https://nodejs.org) + [Express](https://expressjs.com/). diff --git a/translations/fr/7-bank-project/solution/README.md b/translations/fr/7-bank-project/solution/README.md index b13ee76b4..ce90f8caa 100644 --- a/translations/fr/7-bank-project/solution/README.md +++ b/translations/fr/7-bank-project/solution/README.md @@ -1,12 +1,3 @@ - # Application bancaire > Exemple de solution pour le projet d'application bancaire, construit avec HTML5, CSS et JavaScript pur (aucun framework ou bibliothèque utilisé). diff --git a/translations/fr/8-code-editor/1-using-a-code-editor/README.md b/translations/fr/8-code-editor/1-using-a-code-editor/README.md index 6e8e222e5..907729f90 100644 --- a/translations/fr/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/fr/8-code-editor/1-using-a-code-editor/README.md @@ -1,12 +1,3 @@ - # Utilisation d’un Éditeur de Code : Maîtriser VSCode.dev Vous vous rappelez dans *The Matrix* quand Neo devait se brancher à un immense terminal informatique pour accéder au monde numérique ? Les outils de développement web actuels racontent une histoire opposée – des capacités incroyablement puissantes accessibles de partout. VSCode.dev est un éditeur de code basé sur navigateur qui apporte des outils de développement professionnels sur n’importe quel appareil disposant d’une connexion internet. diff --git a/translations/fr/8-code-editor/1-using-a-code-editor/assignment.md b/translations/fr/8-code-editor/1-using-a-code-editor/assignment.md index 7053902a5..eeb74294b 100644 --- a/translations/fr/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/fr/8-code-editor/1-using-a-code-editor/assignment.md @@ -1,12 +1,3 @@ - # Créez un site web de CV avec VSCode.dev Transformez vos perspectives de carrière en créant un site web de CV professionnel qui met en valeur vos compétences et votre expérience dans un format interactif et moderne. Au lieu d’envoyer des PDF traditionnels, imaginez fournir aux recruteurs un site web élégant et responsive qui démontre à la fois vos qualifications et vos capacités en développement web. diff --git a/translations/fr/9-chat-project/README.md b/translations/fr/9-chat-project/README.md index 785ffc498..2a0301197 100644 --- a/translations/fr/9-chat-project/README.md +++ b/translations/fr/9-chat-project/README.md @@ -1,12 +1,3 @@ - # Construire un assistant de chat avec l’IA Vous souvenez-vous dans Star Trek quand l’équipage discutait tranquillement avec l’ordinateur du vaisseau, lui posant des questions complexes et obtenant des réponses réfléchies ? Ce qui semblait relever de la pure science-fiction dans les années 1960 est désormais quelque chose que vous pouvez construire en utilisant les technologies web que vous connaissez déjà. diff --git a/translations/fr/9-chat-project/solution/README.md b/translations/fr/9-chat-project/solution/README.md index 9d9dae3da..cf94a74b3 100644 --- a/translations/fr/9-chat-project/solution/README.md +++ b/translations/fr/9-chat-project/solution/README.md @@ -1,12 +1,3 @@ - # Exécuter la solution 1. Démarrez le [backend](./backend/README.md) diff --git a/translations/fr/9-chat-project/solution/backend/README.md b/translations/fr/9-chat-project/solution/backend/README.md index 7336e7207..979bafc59 100644 --- a/translations/fr/9-chat-project/solution/backend/README.md +++ b/translations/fr/9-chat-project/solution/backend/README.md @@ -1,12 +1,3 @@ - Choisissez votre environnement d'exécution - [Python](./python/README.md) diff --git a/translations/fr/9-chat-project/solution/backend/python/README.md b/translations/fr/9-chat-project/solution/backend/python/README.md index b9b6621f8..b5c5e262f 100644 --- a/translations/fr/9-chat-project/solution/backend/python/README.md +++ b/translations/fr/9-chat-project/solution/backend/python/README.md @@ -1,12 +1,3 @@ - # Exécuter le code ## Configuration diff --git a/translations/fr/9-chat-project/solution/frontend/README.md b/translations/fr/9-chat-project/solution/frontend/README.md index 87044788d..b2e85e05e 100644 --- a/translations/fr/9-chat-project/solution/frontend/README.md +++ b/translations/fr/9-chat-project/solution/frontend/README.md @@ -1,12 +1,3 @@ - # Exécuter le code ```sh diff --git a/translations/fr/AGENTS.md b/translations/fr/AGENTS.md index b027c251f..f75bff8a6 100644 --- a/translations/fr/AGENTS.md +++ b/translations/fr/AGENTS.md @@ -1,12 +1,3 @@ - # AGENTS.md ## Aperçu du projet diff --git a/translations/fr/CODE_OF_CONDUCT.md b/translations/fr/CODE_OF_CONDUCT.md index 4ca12a1f4..9dfa84356 100644 --- a/translations/fr/CODE_OF_CONDUCT.md +++ b/translations/fr/CODE_OF_CONDUCT.md @@ -1,12 +1,3 @@ - # Code de conduite Open Source de Microsoft Ce projet a adopté le [Code de conduite Open Source de Microsoft](https://opensource.microsoft.com/codeofconduct/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/fr/CONTRIBUTING.md b/translations/fr/CONTRIBUTING.md index 66c1acc00..d5e2d9414 100644 --- a/translations/fr/CONTRIBUTING.md +++ b/translations/fr/CONTRIBUTING.md @@ -1,12 +1,3 @@ - # Contribution Ce projet accueille avec plaisir les contributions et suggestions. La plupart des contributions nécessitent que vous acceptiez un Contrat de Licence de Contributeur (CLA) déclarant que vous avez le droit de, et que vous accordez effectivement, les droits nécessaires pour que nous puissions utiliser votre contribution. Pour plus de détails, visitez [https://cla.microsoft.com](https://cla.microsoft.com/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/fr/Git-Basics/README.md b/translations/fr/Git-Basics/README.md index c8feece2f..04c0b62e5 100644 --- a/translations/fr/Git-Basics/README.md +++ b/translations/fr/Git-Basics/README.md @@ -1,12 +1,3 @@ - ## Les bases de GIT pour les débutants en développement web 👶 ## Qu'est-ce que `Git` ? diff --git a/translations/fr/README.md b/translations/fr/README.md index c1dc9c27a..413b20de5 100644 --- a/translations/fr/README.md +++ b/translations/fr/README.md @@ -1,17 +1,8 @@ - [![Licence GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) [![Contributeurs GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![Issues GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![Pull requests GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) -[![PRs Bienvenus](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) +[![PRs Bienvenues](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Observateurs 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/) [![Fourches 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/) @@ -19,112 +10,108 @@ CO_OP_TRANSLATOR_METADATA: [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Développement Web pour Débutants - Un Programme +# Développement web pour débutants - Un programme -Apprenez les fondamentaux du développement web avec notre cours complet de 12 semaines animé par les Microsoft Cloud Advocates. Chacune des 24 leçons explore JavaScript, CSS et HTML à travers des projets pratiques tels que des terrariums, des extensions de navigateur et des jeux spatiaux. Participez à des quiz, discussions et exercices pratiques. Améliorez vos compétences et optimisez votre rétention des connaissances grâce à notre pédagogie basée sur des projets efficaces. Commencez votre aventure de codage dès aujourd'hui ! +Apprenez les fondamentaux du développement web grâce à notre cours complet de 12 semaines dispensé par les Microsoft Cloud Advocates. Chacune des 24 leçons explore JavaScript, CSS, et HTML à travers des projets pratiques comme des terrariums, des extensions de navigateur et des jeux spatiaux. Participez à des quiz, discussions, et exercices pratiques. Améliorez vos compétences et optimisez votre rétention des connaissances grâce à notre pédagogie efficace basée sur des projets. Commencez votre parcours de codage aujourd’hui ! Rejoignez la communauté Discord Azure AI Foundry [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Suivez ces étapes pour commencer à utiliser ces ressources : -1. **Forkez le Dépôt** : Cliquez sur [![Fourches 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. **Clonez le Dépôt** : `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Rejoignez le Discord Azure AI Foundry et rencontrez des experts et d’autres développeurs**](https://discord.com/invite/ByRwuEEgH4) +1. **Faites un fork du dépôt** : Cliquez sur [![Fourches 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. **Clonez le dépôt** : `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Rejoignez le Discord Azure AI Foundry et rencontrez experts et développeurs**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Support Multilingue +### 🌐 Support multilingue #### Pris en charge via GitHub Action (Automatisé & Toujours à jour) -[Arabe](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgare](../bg/README.md) | [Birman (Myanmar)](../my/README.md) | [Chinois (Simplifié)](../zh/README.md) | [Chinois (Traditionnel, Hong Kong)](../hk/README.md) | [Chinois (Traditionnel, Macao)](../mo/README.md) | [Chinois (Traditionnel, Taïwan)](../tw/README.md) | [Croate](../hr/README.md) | [Tchèque](../cs/README.md) | [Danois](../da/README.md) | [Néerlandais](../nl/README.md) | [Estonien](../et/README.md) | [Finnois](../fi/README.md) | [Français](./README.md) | [Allemand](../de/README.md) | [Grec](../el/README.md) | [Hébreu](../he/README.md) | [Hindi](../hi/README.md) | [Hongrois](../hu/README.md) | [Indonésien](../id/README.md) | [Italien](../it/README.md) | [Japonais](../ja/README.md) | [Kannada](../kn/README.md) | [Coréen](../ko/README.md) | [Lituanien](../lt/README.md) | [Malais](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Népalais](../ne/README.md) | [Pidgin Nigérian](../pcm/README.md) | [Norvégien](../no/README.md) | [Persan (Farsi)](../fa/README.md) | [Polonais](../pl/README.md) | [Portugais (Brésil)](../br/README.md) | [Portugais (Portugal)](../pt/README.md) | [Pendjabi (Gurmukhi)](../pa/README.md) | [Roumain](../ro/README.md) | [Russe](../ru/README.md) | [Serbe (Cyrillique)](../sr/README.md) | [Slovaque](../sk/README.md) | [Slovène](../sl/README.md) | [Espagnol](../es/README.md) | [Swahili](../sw/README.md) | [Suédois](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamoul](../ta/README.md) | [Télougou](../te/README.md) | [Thaï](../th/README.md) | [Turc](../tr/README.md) | [Ukrainien](../uk/README.md) | [Ourdou](../ur/README.md) | [Vietnamien](../vi/README.md) +[Arabe](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgare](../bg/README.md) | [Birman (Myanmar)](../my/README.md) | [Chinois (Simplifié)](../zh-CN/README.md) | [Chinois (Traditionnel, Hong Kong)](../zh-HK/README.md) | [Chinois (Traditionnel, Macao)](../zh-MO/README.md) | [Chinois (Traditionnel, Taïwan)](../zh-TW/README.md) | [Croate](../hr/README.md) | [Tchèque](../cs/README.md) | [Danois](../da/README.md) | [Néerlandais](../nl/README.md) | [Estonien](../et/README.md) | [Finnois](../fi/README.md) | [Français](./README.md) | [Allemand](../de/README.md) | [Grec](../el/README.md) | [Hébreu](../he/README.md) | [Hindi](../hi/README.md) | [Hongrois](../hu/README.md) | [Indonésien](../id/README.md) | [Italien](../it/README.md) | [Japonais](../ja/README.md) | [Kannada](../kn/README.md) | [Coréen](../ko/README.md) | [Lituanien](../lt/README.md) | [Malais](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Népalais](../ne/README.md) | [Pidgin nigérian](../pcm/README.md) | [Norvégien](../no/README.md) | [Persan (Farsi)](../fa/README.md) | [Polonais](../pl/README.md) | [Portugais (Brésil)](../pt-BR/README.md) | [Portugais (Portugal)](../pt-PT/README.md) | [Pendjabi (Gurmukhi)](../pa/README.md) | [Roumain](../ro/README.md) | [Russe](../ru/README.md) | [Serbe (Cyrillique)](../sr/README.md) | [Slovaque](../sk/README.md) | [Slovène](../sl/README.md) | [Espagnol](../es/README.md) | [Swahili](../sw/README.md) | [Suédois](../sv/README.md) | [Tagalog (Philippin)](../tl/README.md) | [Tamoul](../ta/README.md) | [Télougou](../te/README.md) | [Thaï](../th/README.md) | [Turc](../tr/README.md) | [Ukrainien](../uk/README.md) | [Ourdou](../ur/README.md) | [Vietnamien](../vi/README.md) > **Vous préférez cloner localement ?** -> Ce dépôt inclut plus de 50 traductions de langues ce qui augmente significativement la taille du téléchargement. Pour cloner sans les traductions, utilisez le sparse checkout : +> Ce dépôt inclut plus de 50 traductions qui augmentent significativement la taille du téléchargement. Pour cloner sans les traductions, utilisez le 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' > ``` -> Cela vous fournit tout ce dont vous avez besoin pour suivre le cours avec un téléchargement beaucoup plus rapide. +> Cela vous donne tout ce dont vous avez besoin pour suivre le cours avec un téléchargement beaucoup plus rapide. -**Si vous souhaitez que des langues supplémentaires soient prises en charge, elles sont listées [ici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Si vous souhaitez que d’autres langues de traduction soient prises en charge, elles sont listées [ici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Ouvrir dans Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Ouvrir%20dans%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Êtes-vous étudiant ?_ -Visitez la [**page Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) où vous trouverez des ressources pour débutants, des packs étudiants et même des moyens d’obtenir un bon pour un certificat gratuit. C’est la page à mettre en favoris et à consulter régulièrement car nous mettons à jour le contenu chaque mois. +Visitez la [**page Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) où vous trouverez des ressources pour débutants, des packs étudiants et même des moyens d’obtenir un voucher pour un certificat gratuit. C’est une page à ajouter à vos favoris et à consulter régulièrement car nous changeons le contenu chaque mois. ### 📣 Annonce - Nouveaux défis en mode GitHub Copilot Agent à compléter ! -Nouveau défi ajouté, cherchez « GitHub Copilot Agent Challenge 🚀 » dans la plupart des chapitres. C’est un nouveau défi à réaliser en utilisant GitHub Copilot et le mode Agent. Si vous n’avez jamais utilisé le mode Agent auparavant, il peut non seulement générer du texte mais aussi créer et modifier des fichiers, exécuter des commandes, et plus encore. +Nouveau défi ajouté, cherchez "Défi GitHub Copilot Agent 🚀" dans la plupart des chapitres. C’est un nouveau défi à réaliser en utilisant GitHub Copilot et le mode Agent. Si vous n’avez pas encore utilisé le mode Agent, il peut non seulement générer du texte mais aussi créer et éditer des fichiers, exécuter des commandes et plus encore. -### 📣 Annonce - _Nouveau projet à construire avec l’IA Générative_ +### 📣 Annonce - _Nouveau projet à construire avec l’IA générative_ -Nouveau projet Assistant IA vient d’être ajouté, découvrez le [projet](./9-chat-project/README.md) +Nouveau projet Assistant IA vient d’être ajouté, consultez le [projet](./9-chat-project/README.md) -### 📣 Annonce - _Nouveau programme_ sur l’IA Générative pour JavaScript vient d’être lancé +### 📣 Annonce - _Nouveau programme_ sur l’IA générative pour JavaScript vient d’être publié -Ne manquez pas notre nouveau programme IA Générative ! +Ne manquez pas notre nouveau programme sur l’IA générative ! Visitez [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pour commencer ! -![Fond](../../translated_images/fr/background.148a8d43afde5730.webp) +![Arrière-plan](../../translated_images/fr/background.148a8d43afde5730.webp) - Leçons couvrant tout, des bases au RAG. -- Interagissez avec des personnages historiques grâce à GenAI et notre application compagnon. -- Narration ludique et engageante, vous ferez un voyage dans le temps ! +- Interagissez avec des personnages historiques grâce à l’IA générative et notre application compagnon. +- Une narration amusante et captivante, vous voyagez dans le temps ! ![personnage](../../translated_images/fr/character.5c0dd8e067ffd693.webp) - -Chaque leçon inclut un devoir à compléter, un contrôle des connaissances et un défi pour vous guider dans l’apprentissage de sujets comme : -- La formulation et l’ingénierie des invites -- La génération d’applications texte et image +Chaque leçon inclut un devoir à réaliser, un contrôle des connaissances et un défi pour vous guider sur des sujets tels que : +- Le prompting et l’ingénierie de prompt +- La génération d’applications de texte et d’images - Les applications de recherche Visitez [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) pour commencer ! +## 🌱 Commencer +> **Enseignants**, nous avons [inclus quelques suggestions](for-teachers.md) sur la façon d’utiliser ce programme. Vos retours sont les bienvenus [dans notre forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ! -## 🌱 Pour commencer - -> **Enseignants**, nous avons [inclus quelques suggestions](for-teachers.md) sur la façon d’utiliser ce programme. Nous serions ravis d’avoir vos retours [sur notre forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ! - -**[Apprenants](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pour chaque leçon, commencez par un quiz pré-conférence puis suivez avec la lecture du matériel, réalisez les différentes activités et vérifiez votre compréhension avec le quiz post-conférence. +**[Apprenants](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pour chaque leçon, commencez par un quiz pré-lecture puis poursuivez avec la lecture du matériel, la réalisation des différentes activités et vérifiez votre compréhension avec le quiz post-lecture. Pour améliorer votre expérience d’apprentissage, connectez-vous avec vos pairs pour travailler ensemble sur les projets ! Les discussions sont encouragées dans notre [forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) où notre équipe de modérateurs sera disponible pour répondre à vos questions. -Pour approfondir votre formation, nous recommandons fortement d’explorer [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pour du matériel d’étude complémentaire. +Pour approfondir votre formation, nous vous recommandons vivement d’explorer [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pour des ressources d’étude supplémentaires. -### 📋 Configuration de votre environnement +### 📋 Préparer votre environnement -Ce programme dispose d’un environnement de développement prêt à l’emploi ! Au démarrage, vous pouvez choisir d’exécuter le programme dans un [Codespace](https://github.com/features/codespaces/) (_un environnement basé sur navigateur sans installation nécessaire_), ou localement sur votre ordinateur en utilisant un éditeur de texte comme [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ce programme dispose déjà d’un environnement de développement prêt à l’emploi ! Au démarrage, vous pouvez choisir de lancer le programme dans un [Codespace](https://github.com/features/codespaces/) (_un environnement basé sur navigateur, sans installation nécessaire_), ou localement sur votre ordinateur avec un éditeur de texte comme [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Créez votre dépôt -Pour sauvegarder facilement votre travail, il est recommandé de créer votre propre copie de ce dépôt. Vous pouvez le faire en cliquant sur le bouton **Utiliser ce modèle** en haut de la page. Cela créera un nouveau dépôt dans votre compte GitHub avec une copie du programme. +Pour enregistrer facilement votre travail, il est recommandé de créer une copie personnelle de ce dépôt. Vous pouvez le faire en cliquant sur le bouton **Use this template** en haut de la page. Cela créera un nouveau dépôt dans votre compte GitHub avec une copie du programme. Suivez ces étapes : -1. **Forkez le Dépôt** : Cliquez sur le bouton « Fork » en haut à droite de cette page. -2. **Clonez le Dépôt** : `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Forkez le dépôt** : Cliquez sur le bouton "Fork" en haut à droite de cette page. +2. **Clonez le dépôt** : `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Exécuter le programme dans un Codespace -Dans votre copie de ce dépôt que vous avez créée, cliquez sur le bouton **Code** et sélectionnez **Open with Codespaces**. Cela créera un nouveau Codespace pour que vous puissiez y travailler. +Dans votre copie de ce dépôt, cliquez sur le bouton **Code** et sélectionnez **Open with Codespaces**. Cela créera un nouveau Codespace pour que vous puissiez travailler dedans. ![Codespace](../../translated_images/fr/createcodespace.0238bbf4d7a8d955.webp) #### Exécuter le programme localement sur votre ordinateur -Pour exécuter ce programme localement sur votre ordinateur, vous aurez besoin d’un éditeur de texte, d’un navigateur et d’un outil en ligne de commande. Notre première leçon, [Introduction aux langages de programmation et outils du métier](../../1-getting-started-lessons/1-intro-to-programming-languages), vous guidera à travers les différentes options pour chacun de ces outils afin que vous puissiez choisir ce qui vous convient le mieux. - -Nous recommandons l’utilisation de [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) comme éditeur, qui dispose aussi d’un [Terminal intégré](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Vous pouvez télécharger Visual Studio Code [ici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Pour exécuter ce programme localement, vous aurez besoin d’un éditeur de texte, d’un navigateur et d’un outil en ligne de commande. Notre première leçon, [Introduction aux langages et outils de programmation](../../1-getting-started-lessons/1-intro-to-programming-languages), vous guidera à travers plusieurs options pour ces outils afin que vous puissiez choisir ce qui vous convient le mieux. +Nous recommandons d’utiliser [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) comme éditeur, qui dispose aussi d’un [Terminal intégré](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Vous pouvez télécharger Visual Studio Code [ici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clonez votre dépôt sur votre ordinateur. Vous pouvez faire cela en cliquant sur le bouton **Code** et en copiant l’URL : +1. Clonez votre dépôt sur votre ordinateur. Vous pouvez faire ceci en cliquant sur le bouton **Code** et en copiant l’URL : [CodeSpace](./images/createcodespace.png) Ensuite, ouvrez [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dans [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) et exécutez la commande suivante, en remplaçant `` par l’URL que vous venez de copier : @@ -136,74 +123,74 @@ Nous recommandons l’utilisation de [Visual Studio Code](https://code.visualstu 2. Ouvrez le dossier dans Visual Studio Code. Vous pouvez le faire en cliquant sur **Fichier** > **Ouvrir un dossier** et en sélectionnant le dossier que vous venez de cloner. -> Extensions Visual Studio Code recommandées : +> Extensions Visual Studio Code recommandées : > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pour prévisualiser les pages HTML dans Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pour vous aider à coder plus rapidement +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pour prévisualiser les pages HTML directement dans Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pour vous aider à écrire du code plus rapidement -## 📂 Chaque leçon inclut : +## 📂 Chaque leçon comprend : -- sketchnote optionnel +- sketchnote optionnelle - vidéo supplémentaire optionnelle -- quiz d’échauffement avant la leçon +- quiz d'échauffement avant la leçon - leçon écrite -- pour les leçons basées sur un projet, guides étape par étape pour réaliser le projet +- pour les leçons basées sur un projet, des guides étape par étape pour construire le projet - vérifications des connaissances - un défi -- lecture complémentaire +- lectures complémentaires - devoir -- [quiz post-leçon](https://ff-quizzes.netlify.app/web/) +- [quiz après la leçon](https://ff-quizzes.netlify.app/web/) -> **Une note à propos des quiz** : Tous les quiz se trouvent dans le dossier Quiz-app, au total 48 quiz de trois questions chacun. Ils sont disponibles [ici](https://ff-quizzes.netlify.app/web/) ; l’application quiz peut être exécutée localement ou déployée sur Azure ; suivez les instructions dans le dossier `quiz-app`. +> **Une note concernant les quiz** : Tous les quiz sont contenus dans le dossier Quiz-app, 48 quiz au total avec trois questions chacun. Ils sont disponibles [ici](https://ff-quizzes.netlify.app/web/) ; l’application de quiz peut être exécutée localement ou déployée sur Azure ; suivez les instructions dans le dossier `quiz-app`. ## 🗃️ Leçons -| | Nom du projet | Concepts enseignés | Objectifs d’apprentissage | Leçon liée | Auteur | -| :-: | :------------------------------------------------------: | :---------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Premiers pas | Introduction à la programmation et outils du métier | Apprendre les bases communes à la plupart des langages de programmation et sur les logiciels qui aident les développeurs pro à faire leur travail | [Introduction aux langages de programmation et outils du métier](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Premiers pas | Bases de GitHub, y compris le travail en équipe | Comment utiliser GitHub dans votre projet, comment collaborer avec d’autres sur une base de code | [Introduction à GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Premiers pas | Accessibilité | Apprendre les bases de l’accessibilité web | [Fondamentaux de l’accessibilité](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Bases JS | Types de données JavaScript | Les bases des types de données en JavaScript | [Types de données](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Bases JS | Fonctions et méthodes | Apprendre à utiliser les fonctions et méthodes pour gérer le flux logique d’une application | [Fonctions et méthodes](./2-js-basics/2-functions-methods/README.md) | Jasmine et Christopher | -| 06 | Bases JS | Prise de décision avec JS | Apprendre à créer des conditions dans votre code avec des méthodes de prise de décision | [Prise de décision](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Bases JS | Tableaux et boucles | Travailler avec des données en utilisant tableaux et boucles en JavaScript | [Tableaux et boucles](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML en pratique | Construire le HTML pour créer un terrarium en ligne, en se concentrant sur la création d’une mise en page | [Introduction au HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS en pratique | Construire le CSS pour styliser le terrarium en ligne, avec les bases du CSS et rendre la page responsive | [Introduction au CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulation du DOM | Écrire le JavaScript pour faire fonctionner le terrarium avec une interface glisser/déposer, en se concentrant sur les closures et la manipulation du DOM | [Closures en JavaScript, manipulation du DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Jeu de saisie](./4-typing-game/solution/README.md) | Créer un jeu de saisie | Apprendre à utiliser les événements clavier pour piloter la logique de votre application JavaScript | [Programmation événementielle](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Extension navigateur verte](./5-browser-extension/solution/README.md) | Travailler avec les navigateurs | Comprendre comment fonctionnent les navigateurs, leur histoire, et comment structurer les premiers éléments d’une extension navigateur | [À propos des navigateurs](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Extension navigateur verte](./5-browser-extension/solution/README.md) | Créer un formulaire, appeler une API et stocker des variables en local | Construire les éléments JavaScript de votre extension de navigateur pour appeler une API en utilisant des variables stockées localement | [APIs, formulaires et stockage local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Extension navigateur verte](./5-browser-extension/solution/README.md) | Processus en arrière-plan dans le navigateur, performance web | Utiliser les processus en arrière-plan du navigateur pour gérer l’icône de l’extension ; apprendre la performance web et quelques optimisations | [Tâches en arrière-plan et performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Jeu spatial](./6-space-game/solution/README.md) | Développement de jeux avancé avec JavaScript | Apprendre l’héritage utilisant Classes et Composition ainsi que le patron Pub/Sub, en préparation de la création d’un jeu | [Introduction au développement avancé de jeux](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Jeu spatial](./6-space-game/solution/README.md) | Dessin sur canvas | Découvrir l’API Canvas, utilisée pour dessiner des éléments à l’écran | [Dessiner sur Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Jeu spatial](./6-space-game/solution/README.md) | Déplacement d’éléments à l’écran | Découvrir comment les éléments peuvent être animés en coordonnées cartésiennes avec l’API Canvas | [Déplacement des éléments](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Jeu spatial](./6-space-game/solution/README.md) | Détection de collision | Faire en sorte que les éléments entrent en collision et réagissent aux appuis de touches, avec une fonction temps de récupération pour garantir la performance du jeu | [Détection de collision](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Jeu spatial](./6-space-game/solution/README.md) | Tenue du score | Effectuer des calculs mathématiques basés sur l’état et la performance du jeu | [Tenue du score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Jeu spatial](./6-space-game/solution/README.md) | Fin et redémarrage du jeu | Apprendre à terminer et redémarrer le jeu, y compris nettoyer les ressources et réinitialiser les variables | [La condition de fin](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Application bancaire](./7-bank-project/solution/README.md) | Modèles HTML et routage dans une application web | Apprendre à créer la structure d’un site multipage avec routage et modèles HTML | [Modèles HTML et routage](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Application bancaire](./7-bank-project/solution/README.md) | Créer un formulaire de connexion et d’inscription | Apprendre à créer des formulaires et gérer les routines de validation | [Formulaires](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Application bancaire](./7-bank-project/solution/README.md) | Méthodes de récupération et d’utilisation des données | Comprendre comment les données entrent et sortent de votre application, comment les récupérer, stocker et supprimer | [Données](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Application bancaire](./7-bank-project/solution/README.md) | Concepts de gestion d’état | Apprendre comment votre application conserve l’état et comment le gérer par programmation | [Gestion d’état](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Code navigateur/VScode](../../8-code-editor) | Travailler avec VScode | Apprendre à utiliser un éditeur de code | [Utiliser l’éditeur de code VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Assistants IA](./9-chat-project/README.md) | Travailler avec l’IA | Apprendre à créer votre propre assistant IA | [Projet assistant IA](./9-chat-project/README.md) | Chris | +| | Nom du Projet | Concepts Enseignés | Objectifs d'Apprentissage | Leçon Liée | Auteur | +| :-: | :------------------------------------------------------: | :-----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Premiers Pas | Introduction à la Programmation et aux Outils du Métier | Apprendre les bases communes à la plupart des langages de programmation et sur les logiciels qui aident les développeurs pros | [Introduction aux Langages de Programmation et Outils du Métier](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Premiers Pas | Bases de GitHub, incluant le travail en équipe | Comment utiliser GitHub dans votre projet, comment collaborer avec d'autres sur une base de code | [Introduction à GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Premiers Pas | Accessibilité | Apprendre les bases de l’accessibilité web | [Fondamentaux de l’Accessibilité](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Bases JS | Types de Données en JavaScript | Les bases des types de données en JavaScript | [Types de Données](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Bases JS | Fonctions et Méthodes | Apprendre les fonctions et méthodes pour gérer le flux logique d’une application | [Fonctions et Méthodes](./2-js-basics/2-functions-methods/README.md) | Jasmine et Christopher | +| 06 | Bases JS | Prise de Décisions avec JS | Apprendre à créer des conditions dans votre code en utilisant les méthodes de prise de décision | [Prise de Décisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Bases JS | Tableaux et Boucles | Travailler avec les données à l’aide de tableaux et boucles en JavaScript | [Tableaux et Boucles](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML en Pratique | Construire le HTML pour créer un terrarium en ligne, en se concentrant sur la mise en page | [Introduction à HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS en Pratique | Construire le CSS pour styliser le terrarium en ligne, en se concentrant sur les bases du CSS y compris rendre la page responsive | [Introduction au CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Fermetures JavaScript, manipulation du DOM | Construire le JavaScript pour rendre le terrarium fonctionnel en tant qu’interface glisser/déposer, en se concentrant sur les closures et la manipulation du DOM | [Fermetures JavaScript, manipulation du DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Jeu de frappe](./4-typing-game/solution/README.md) | Construire un jeu de frappe | Apprendre à utiliser les événements clavier pour piloter la logique de votre application JavaScript | [Programmation orientée événements](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Extension Navigateur Verte](./5-browser-extension/solution/README.md) | Travailler avec les navigateurs | Apprendre comment fonctionnent les navigateurs, leur histoire, et comment construire les premiers éléments d’une extension | [Au sujet des navigateurs](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Extension Navigateur Verte](./5-browser-extension/solution/README.md) | Construire un formulaire, appeler une API et stocker des variables localement | Construire les éléments JavaScript de votre extension de navigateur pour appeler une API en utilisant des variables stockées localement | [APIs, Formulaires et Stockage Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Extension Navigateur Verte](./5-browser-extension/solution/README.md) | Processus en arrière-plan dans le navigateur, performance web | Utiliser les processus en arrière-plan du navigateur pour gérer l’icône de l’extension ; apprendre la performance web et quelques optimisations | [Tâches en arrière-plan et performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Jeu Spatial](./6-space-game/solution/README.md) | Développement avancé de jeux avec JavaScript | Apprendre l’héritage avec Classes et Composition ainsi que le patron Pub/Sub, en préparation à la création d’un jeu | [Introduction au développement avancé de jeux](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Jeu Spatial](./6-space-game/solution/README.md) | Dessiner sur canvas | Apprendre l’API Canvas, utilisée pour dessiner des éléments sur un écran | [Dessiner sur Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Jeu Spatial](./6-space-game/solution/README.md) | Déplacer des éléments à l’écran | Découvrir comment les éléments peuvent prendre du mouvement avec les coordonnées cartésiennes et l’API Canvas | [Déplacer des éléments](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Jeu Spatial](./6-space-game/solution/README.md) | Détection de collisions | Faire entrer en collision des éléments et leur réaction avec les touches pressées, fournir une fonction de cooldown pour la performance du jeu | [Détection de collisions](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Jeu Spatial](./6-space-game/solution/README.md) | Tenue du score | Effectuer des calculs mathématiques basés sur l’état et la performance du jeu | [Tenue du score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Jeu Spatial](./6-space-game/solution/README.md) | Finir et redémarrer le jeu | Apprendre à terminer et redémarrer le jeu, y compris nettoyer les ressources et réinitialiser les variables | [La condition de fin](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Application Bancaire](./7-bank-project/solution/README.md) | Templates HTML et Routes dans une application web | Apprendre à créer l’ossature d’un site multipage utilisant le routage et les templates HTML | [Templates HTML et Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Application Bancaire](./7-bank-project/solution/README.md) | Construire un formulaire de connexion et d'inscription | Apprendre à construire des formulaires et à gérer la validation | [Formulaires](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Application Bancaire](./7-bank-project/solution/README.md) | Méthodes de récupération et d’utilisation des données | Comment les données entrent et sortent de votre application, comment les récupérer, les stocker et s’en débarrasser | [Données](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Application Bancaire](./7-bank-project/solution/README.md) | Concepts de gestion d’état | Apprendre comment votre application conserve l’état et comment le gérer par programmation | [Gestion d’État](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Code Navigateur / VScode](../../8-code-editor) | Travailler avec VScode | Apprendre à utiliser un éditeur de code | [Utiliser l’éditeur de code VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Assistants IA](./9-chat-project/README.md) | Travailler avec l’IA | Apprendre à construire votre propre assistant IA | [Projet Assistant IA](./9-chat-project/README.md) | Chris | ## 🏫 Pédagogie Notre programme est conçu autour de deux principes pédagogiques clés : -* apprentissage par projet +* apprentissage par projets * quiz fréquents -Le programme enseigne les fondamentaux de JavaScript, HTML et CSS, ainsi que les outils et techniques les plus récents utilisés par les développeurs web d’aujourd’hui. Les étudiants auront l’opportunité de développer une expérience pratique en créant un jeu de saisie, un terrarium virtuel, une extension de navigateur écologique, un jeu de type space-invader et une application bancaire pour les entreprises. À la fin de la série, les étudiants auront acquis une solide compréhension du développement web. +Le programme enseigne les fondamentaux du JavaScript, HTML, et CSS, ainsi que les derniers outils et techniques utilisés par les développeurs web actuels. Les étudiants auront l’opportunité de développer une expérience pratique en construisant un jeu de frappe, un terrarium virtuel, une extension de navigateur écologique, un jeu de style space-invader, et une application bancaire pour les entreprises. À la fin de la série, les étudiants auront acquis une solide compréhension du développement web. -> 🎓 Vous pouvez suivre les premières leçons de ce programme comme un [Parcours d’apprentissage](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sur Microsoft Learn ! +> 🎓 Vous pouvez suivre les premières leçons de ce programme comme [parcours d’apprentissage](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sur Microsoft Learn ! -En veillant à ce que le contenu soit aligné avec les projets, le processus est rendu plus engageant pour les étudiants et la rétention des concepts sera renforcée. Nous avons également rédigé plusieurs leçons d’introduction aux bases de JavaScript pour présenter les concepts, accompagnées d’une vidéo de la collection de tutoriels vidéo « [Série Débutants pour : JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon) », dont certains auteurs ont contribué à ce programme. +En veillant à ce que le contenu soit en adéquation avec les projets, le processus devient plus engageant pour les étudiants et la rétention des concepts est augmentée. Nous avons aussi écrit plusieurs leçons introductives sur les bases de JavaScript pour présenter les concepts, accompagnées d’une vidéo de la collection "[Série Débutants sur : JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", dont certains auteurs ont contribué à ce programme. -De plus, un quiz peu exigeant avant une classe établit l’intention de l’étudiant envers l’apprentissage d’un sujet, tandis qu’un deuxième quiz après la classe assure une meilleure rétention. Ce programme a été conçu pour être flexible et amusant et peut être suivi en totalité ou en partie. Les projets débutent petits et deviennent progressivement plus complexes à la fin du cycle de 12 semaines. +De plus, un quiz sans enjeu avant la classe fixe l’intention de l’étudiant sur l’apprentissage d’un sujet, tandis qu’un second quiz après la classe assure une meilleure rétention. Ce programme a été conçu pour être flexible et ludique, et peut être suivi en totalité ou en partie. Les projets commencent petits et deviennent de plus en plus complexes à la fin du cycle de 12 semaines. -Bien que nous ayons délibérément évité d’introduire des frameworks JavaScript pour nous concentrer sur les compétences de base nécessaires pour un développeur web avant d’adopter un framework, une bonne prochaine étape pour compléter ce programme serait d’apprendre Node.js via une autre collection de vidéos : « [Série Débutants pour : Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon) ». +Bien que nous ayons délibérément évité d’introduire des frameworks JavaScript pour nous concentrer sur les compétences de base nécessaires en tant que développeur web avant d’adopter un framework, une bonne étape suivante pour compléter ce programme serait d’apprendre Node.js via une autre série de vidéos : "[Série Débutants sur : Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Consultez nos [Règles de conduite](CODE_OF_CONDUCT.md) et [Contribuer](CONTRIBUTING.md). Nous accueillons vos retours constructifs ! +> Consultez notre [Code de Conduite](CODE_OF_CONDUCT.md) et notre guide de [Contribution](CONTRIBUTING.md). Nous accueillons vos retours constructifs ! ## 🧭 Accès hors ligne @@ -220,61 +207,61 @@ Notre équipe produit d'autres cours ! Découvrez : ### LangChain -[![LangChain4j pour débutants](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 pour débutants](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) +[![LangChain4j for Beginners](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 for Beginners](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) --- ### Azure / Edge / MCP / Agents -[![AZD pour débutants](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 pour débutants](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 pour débutants](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) -[![Agents IA pour débutants](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) +[![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 for Beginners](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 for Beginners](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 Agents for Beginners](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) --- -### Série IA générative -[![IA générative pour débutants](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) -[![IA générative (.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) -[![IA générative (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) -[![IA générative (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) +### Série IA Générative +[![Generative AI for Beginners](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) +[![Generative 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) +[![Generative 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) +[![Generative 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) --- -### Apprentissage fondamental -[![ML pour débutants](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) -[![Science des données pour débutants](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) -[![IA pour débutants](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) -[![Cybersécurité pour débutants](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) -[![Développement web pour débutants](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 pour débutants](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) -[![Développement XR pour débutants](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) +### Apprentissage Fondamental +[![ML for Beginners](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) +[![Data Science for Beginners](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 for Beginners](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) +[![Cybersecurity for Beginners](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) +[![Web Dev for Beginners](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 for Beginners](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 Development for Beginners](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) --- ### Série Copilot -[![Copilot pour programmation assistée par IA](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 pour 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) -[![Aventure 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) +[![Copilot for AI Paired Programming](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 for 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 Adventure](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) ## Obtenir de l'aide -Si vous êtes bloqué ou avez des questions sur la création d'applications IA. Rejoignez d'autres apprenants et développeurs expérimentés pour discuter de MCP. C'est une communauté bienveillante où les questions sont les bienvenues et où le savoir est partagé librement. +Si vous êtes bloqué ou avez des questions sur la création d'applications d'IA. Rejoignez d'autres apprenants et développeurs expérimentés dans des discussions sur MCP. C'est une communauté bienveillante où les questions sont les bienvenues et le partage des connaissances est libre. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Si vous avez des retours sur le produit ou rencontrez des erreurs lors de la création, rendez-vous sur : +Si vous avez des retours produit ou des erreurs lors de la construction, visitez : [![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) ## Licence -Ce dépôt est sous licence MIT. Voir le fichier [LICENSE](../../LICENSE) pour plus d'informations. +Ce dépôt est sous licence MIT. Consultez le fichier [LICENSE](../../LICENSE) pour plus d'informations. --- **Avertissement** : -Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des imprécisions. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour les informations critiques, il est recommandé de recourir à une traduction professionnelle réalisée par un humain. Nous déclinons toute responsabilité en cas de malentendus ou d’interprétations erronées résultant de l’utilisation de cette traduction. +Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforçons d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour les informations cruciales, il est recommandé de recourir à une traduction professionnelle réalisée par un humain. Nous déclinons toute responsabilité en cas de malentendus ou d’interprétations erronées résultant de l’utilisation de cette traduction. \ No newline at end of file diff --git a/translations/fr/SECURITY.md b/translations/fr/SECURITY.md index d11593fcc..a21f51c85 100644 --- a/translations/fr/SECURITY.md +++ b/translations/fr/SECURITY.md @@ -1,12 +1,3 @@ - ## Sécurité Microsoft prend très au sérieux la sécurité de ses produits logiciels et services, y compris tous les dépôts de code source gérés via nos organisations GitHub, qui incluent [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin) et [nos organisations GitHub](https://opensource.microsoft.com/?WT.mc_id=academic-77807-sagibbon). diff --git a/translations/fr/SUPPORT.md b/translations/fr/SUPPORT.md index 9d39a9594..56fe44a0f 100644 --- a/translations/fr/SUPPORT.md +++ b/translations/fr/SUPPORT.md @@ -1,12 +1,3 @@ - # Support ## Comment signaler des problèmes et obtenir de l'aide diff --git a/translations/fr/_404.md b/translations/fr/_404.md index 30cbdf7dd..d927e8eab 100644 --- a/translations/fr/_404.md +++ b/translations/fr/_404.md @@ -1,12 +1,3 @@ - # Travail en cours Nous travaillons sur cette page. Veuillez revenir plus tard. diff --git a/translations/fr/docs/_navbar.md b/translations/fr/docs/_navbar.md index 5b6845f77..ebf44ac44 100644 --- a/translations/fr/docs/_navbar.md +++ b/translations/fr/docs/_navbar.md @@ -1,12 +1,3 @@ - - Traductions - [English (United States)](../../../docs/README) - [বাংলা](../../../docs/README.bn) diff --git a/translations/fr/docs/_sidebar.md b/translations/fr/docs/_sidebar.md index efbcd2d3b..3c041d563 100644 --- a/translations/fr/docs/_sidebar.md +++ b/translations/fr/docs/_sidebar.md @@ -1,12 +1,3 @@ - - Introduction - [1](../1-getting-started-lessons/1-intro-to-programming-languages/README.md) - [2](../1-getting-started-lessons/2-github-basics/README.md) diff --git a/translations/fr/for-teachers.md b/translations/fr/for-teachers.md index b4037376b..2332cbe42 100644 --- a/translations/fr/for-teachers.md +++ b/translations/fr/for-teachers.md @@ -1,12 +1,3 @@ - ### Pour les enseignants Vous êtes invités à utiliser ce programme dans votre classe. Il fonctionne parfaitement avec GitHub Classroom et les principales plateformes LMS, et peut également être utilisé comme un dépôt autonome avec vos élèves. diff --git a/translations/fr/lesson-template/README.md b/translations/fr/lesson-template/README.md index 8f65d622f..8cff7312d 100644 --- a/translations/fr/lesson-template/README.md +++ b/translations/fr/lesson-template/README.md @@ -1,12 +1,3 @@ - # [Sujet de la leçon] ![Intégrer une vidéo ici](../../../lesson-template/video-url) diff --git a/translations/fr/lesson-template/assignment.md b/translations/fr/lesson-template/assignment.md index e1dc0480f..ab2bcddb4 100644 --- a/translations/fr/lesson-template/assignment.md +++ b/translations/fr/lesson-template/assignment.md @@ -1,12 +1,3 @@ - # [Nom de l'assignation] ## Instructions diff --git a/translations/fr/memory-game/README.md b/translations/fr/memory-game/README.md index d0563d1db..a08df433c 100644 --- a/translations/fr/memory-game/README.md +++ b/translations/fr/memory-game/README.md @@ -1,12 +1,3 @@ - Ceci est un projet [Next.js](https://nextjs.org) créé avec [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). ## Commencer diff --git a/translations/fr/quiz-app/README.md b/translations/fr/quiz-app/README.md index d5b3c28cd..22504a158 100644 --- a/translations/fr/quiz-app/README.md +++ b/translations/fr/quiz-app/README.md @@ -1,12 +1,3 @@ - # Application de quiz Ces quiz sont les quiz avant et après les cours du programme de science des données disponible sur https://aka.ms/webdev-beginners diff --git a/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 6f0c1e959..6e23c077a 100644 --- a/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 今天，我們將探索現代網頁開發令人驚嘆的工具，讓它不僅僅是可行，而是讓人嚴重上癮。我說的就是 Netflix、Spotify 和你喜歡的獨立應用工作室每天使用的同一套編輯器、瀏覽器和工作流程。最棒的是：這些專業級、業界標準的工具大多數都是完全免費的！ -![Intro Programming](../../../../translated_images/hk/webdev101-programming.d6e3f98e61ac4bff.webp) +![Intro Programming](../../../../translated_images/zh-HK/webdev101-programming.d6e3f98e61ac4bff.webp) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/hk/1-getting-started-lessons/2-github-basics/README.md b/translations/hk/1-getting-started-lessons/2-github-basics/README.md index 1c3b86322..753567588 100644 --- a/translations/hk/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/hk/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 我們會一步步一起走這趟旅程，沒有急躁，沒有壓力——只有你我和一些超酷的工具，它們將成為你新的好朋友！ -![Intro to GitHub](../../../../translated_images/hk/webdev101-github.8846d7971abef6f9.webp) +![Intro to GitHub](../../../../translated_images/zh-HK/webdev101-github.8846d7971abef6f9.webp) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -606,7 +606,7 @@ flowchart TD ✅ 找到「新手友好」的 repo 一個好方法是[使用 'good-first-issue' 標籤搜尋](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)。 -![Copy a repo locally](../../../../translated_images/hk/clone_repo.5085c48d666ead57.webp) +![Copy a repo locally](../../../../translated_images/zh-HK/clone_repo.5085c48d666ead57.webp) 複製代碼有好幾種方式。最常見的是使用 HTTPS、SSH 或 GitHub CLI（命令列工具）「克隆」該儲存庫內容。 diff --git a/translations/hk/1-getting-started-lessons/3-accessibility/README.md b/translations/hk/1-getting-started-lessons/3-accessibility/README.md index 9c52b61d3..b2e9b3938 100644 --- a/translations/hk/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/hk/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # 建立無障礙網頁 -![All About Accessibility](../../../../translated_images/hk/webdev101-a11y.8ef3025c858d897a.webp) +![All About Accessibility](../../../../translated_images/zh-HK/webdev101-a11y.8ef3025c858d897a.webp) > 筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ pie title "常用 ARIA 使用模式" **資訊型圖片** - 傳達重要訊息： ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **裝飾型圖片** - 純視覺效果，無資訊價值： ```html - + ``` **功能型圖片** - 擔任按鈕或控制元件： @@ -1066,7 +1066,7 @@ pie title "常用 ARIA 使用模式" **複雜圖片** - 圖表、圖解、資訊圖： ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1106,7 +1106,7 @@ pie title "常用 ARIA 使用模式" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/hk/2-js-basics/1-data-types/README.md b/translations/hk/2-js-basics/1-data-types/README.md index 9ba358c4d..cfd821b1e 100644 --- a/translations/hk/2-js-basics/1-data-types/README.md +++ b/translations/hk/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：資料類型 -![JavaScript Basics - Data types](../../../../translated_images/hk/webdev101-js-datatypes.4cc470179730702c.webp) +![JavaScript Basics - Data types](../../../../translated_images/zh-HK/webdev101-js-datatypes.4cc470179730702c.webp) > 筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/hk/2-js-basics/2-functions-methods/README.md b/translations/hk/2-js-basics/2-functions-methods/README.md index 3abbdb0f0..464685ed3 100644 --- a/translations/hk/2-js-basics/2-functions-methods/README.md +++ b/translations/hk/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：方法與函數 -![JavaScript Basics - Functions](../../../../translated_images/hk/webdev101-js-functions.be049c4726e94f8b.webp) +![JavaScript Basics - Functions](../../../../translated_images/zh-HK/webdev101-js-functions.be049c4726e94f8b.webp) > 繪圖筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 ```mermaid diff --git a/translations/hk/2-js-basics/3-making-decisions/README.md b/translations/hk/2-js-basics/3-making-decisions/README.md index 68c0646b1..cceabd60d 100644 --- a/translations/hk/2-js-basics/3-making-decisions/README.md +++ b/translations/hk/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：作出決策 -![JavaScript Basics - Making decisions](../../../../translated_images/hk/webdev101-js-decisions.69e1b20f272dd1f0.webp) +![JavaScript Basics - Making decisions](../../../../translated_images/zh-HK/webdev101-js-decisions.69e1b20f272dd1f0.webp) > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 diff --git a/translations/hk/2-js-basics/4-arrays-loops/README.md b/translations/hk/2-js-basics/4-arrays-loops/README.md index cd1161d65..e47da027c 100644 --- a/translations/hk/2-js-basics/4-arrays-loops/README.md +++ b/translations/hk/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：陣列與迴圈 -![JavaScript Basics - Arrays](../../../../translated_images/hk/webdev101-js-arrays.439d7528b8a29455.webp) +![JavaScript Basics - Arrays](../../../../translated_images/zh-HK/webdev101-js-arrays.439d7528b8a29455.webp) > 筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/hk/3-terrarium/1-intro-to-html/README.md b/translations/hk/3-terrarium/1-intro-to-html/README.md index dca66d96a..dc0ba1189 100644 --- a/translations/hk/3-terrarium/1-intro-to-html/README.md +++ b/translations/hk/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Enhance accessibility: 5: Student Build terrarium: 5: Student ``` -![Introduction to HTML](../../../../translated_images/hk/webdev101-html.4389c2067af68e98.webp) +![Introduction to HTML](../../../../translated_images/zh-HK/webdev101-html.4389c2067af68e98.webp) > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 HTML，或稱超文字標記語言，是你曾造訪過的每個網站的基礎。將 HTML 想像成提供網頁結構的骨架——它定義內容的位置、組織方式以及每個部分的意義。雖然稍後 CSS 會為你的 HTML 加上顏色與版面配置，JavaScript 則會讓它具有互動性，但 HTML 提供了讓一切成為可能的必要結構。 @@ -86,7 +86,7 @@ mindmap 4. 在檔案總管側邊欄，點擊「新增檔案」圖示 5. 將檔案命名為 `index.html` -![VS Code Explorer showing new file creation](../../../../translated_images/hk/vs-code-index.e2986cf919471eb9.webp) +![VS Code Explorer showing new file creation](../../../../translated_images/zh-HK/vs-code-index.e2986cf919471eb9.webp) **方案二：使用終端機指令** ```bash @@ -236,48 +236,48 @@ HTML 使用成對標籤來定義元素。大部分標籤有開始標籤例如 `<
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/hk/3-terrarium/2-intro-to-css/README.md b/translations/hk/3-terrarium/2-intro-to-css/README.md index e3256ccdf..3f760105f 100644 --- a/translations/hk/3-terrarium/2-intro-to-css/README.md +++ b/translations/hk/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey 響應式設計: 5: Student 玻璃反射: 5: Student ``` -![Introduction to CSS](../../../../translated_images/hk/webdev101-css.3f7af5991bf53a20.webp) +![Introduction to CSS](../../../../translated_images/zh-HK/webdev101-css.3f7af5991bf53a20.webp) > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 還記得你的 HTML terrarium 看起來相當簡單嗎？CSS 就是將那個普通結構變得視覺吸引的關鍵。 @@ -202,7 +202,7 @@ body { 打開瀏覽器開發者工具（F12），切換至 Elements，檢查 `

`，可看到它繼承 body 的字型： -![inherited font](../../../../translated_images/hk/1.cc07a5cbe114ad1d.webp) +![inherited font](../../../../translated_images/zh-HK/1.cc07a5cbe114ad1d.webp) ✅ **實驗時間**：試著在 `` 設定其他可繼承屬性如 `color`、`line-height`、`text-align`。你的標題和其他元素會發生什麼事？ @@ -332,7 +332,7 @@ ID 選擇器使用 `#`，針對具有特定 `id` 屬性的元素。因 ID 在頁 **這是每株植物的 HTML 結構：** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ flowchart LR 你將創建細膩的高光，模擬光線如何在玻璃面反射。這類似文藝復興畫家 Jan van Eyck 利用光影與反射使繪畫中的玻璃呈現立體感。目標如下： -![finished terrarium](../../../../translated_images/hk/terrarium-final.2f07047ffc597d0a.webp) +![finished terrarium](../../../../translated_images/zh-HK/terrarium-final.2f07047ffc597d0a.webp) **你的挑戰：** - **創建**細膩的白色或淺色橢圓形，用於玻璃反光 diff --git a/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md index cb4c7f841..43262ac30 100644 --- a/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey 測試功能: 5: Student 完成生態箱: 5: Student ``` -![DOM 與閉包](../../../../translated_images/hk/webdev101-js.10280393044d7eaa.webp) +![DOM 與閉包](../../../../translated_images/zh-HK/webdev101-js.10280393044d7eaa.webp) > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 歡迎來到網頁開發中最吸引人的部分之一——讓事物互動起來！文件物件模型（DOM）就像你的 HTML 與 JavaScript 之間的橋樑，今天我們將利用它讓你的植物箱活起來。當 Tim Berners-Lee 發明第一台網頁瀏覽器時，他就想像了一個文件可以動態且互動的網路，而 DOM 讓這個願景成為可能。 @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM 樹狀結構圖](../../../../translated_images/hk/dom-tree.7daf0e763cbbba92.webp) +![DOM 樹狀結構圖](../../../../translated_images/zh-HK/dom-tree.7daf0e763cbbba92.webp) > DOM 與對應 HTML 標記的示意圖。來自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **理解閉包**：閉包是 JavaScript 中一個重要主題，許多開發者使用多年後才完全掌握所有理論面。今天我們主要探討實務應用——你會自然看到閉包在我們建構互動功能時出現。當你看到它們如何解決實際問題，理解就會逐漸形成。 -![DOM 樹狀結構圖](../../../../translated_images/hk/dom-tree.7daf0e763cbbba92.webp) +![DOM 樹狀結構圖](../../../../translated_images/zh-HK/dom-tree.7daf0e763cbbba92.webp) > DOM 與對應 HTML 標記的示意圖。來自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ function stopElementDrag() { - **跨裝置支援**：適用桌面與行動裝置 - **效能意識**：無記憶體洩漏或多餘計算 -![finished terrarium](../../../../translated_images/hk/terrarium-final.0920f16e87c13a84.webp) +![finished terrarium](../../../../translated_images/zh-HK/terrarium-final.0920f16e87c13a84.webp) --- diff --git a/translations/hk/5-browser-extension/1-about-browsers/README.md b/translations/hk/5-browser-extension/1-about-browsers/README.md index 9ad90ccb2..c368b9e5f 100644 --- a/translations/hk/5-browser-extension/1-about-browsers/README.md +++ b/translations/hk/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey 除錯問題: 4: 學生 精煉體驗: 5: 學生 ``` -![瀏覽器手繪筆記](../../../../translated_images/hk/browser.60317c9be8b7f84a.webp) +![瀏覽器手繪筆記](../../../../translated_images/zh-HK/browser.60317c9be8b7f84a.webp) > 手繪筆記作者：[Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## 課前測驗 @@ -77,7 +77,7 @@ mindmap ✅ **歷史小知識**：首款瀏覽器名為「WorldWideWeb」，由Sir Timothy Berners-Lee於1990年創造。 -![早期瀏覽器](../../../../translated_images/hk/earlybrowsers.d984b711cdf3a42d.webp) +![早期瀏覽器](../../../../translated_images/zh-HK/earlybrowsers.d984b711cdf3a42d.webp) > 一些早期瀏覽器，來源：[Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### 瀏覽器如何處理網頁內容 @@ -194,7 +194,7 @@ quadrantChart 了解擴充功能安裝流程，能幫助您預見用戶安裝擴充功能時的操作體驗。現代瀏覽器的安裝流程標準化，但介面設計或略有差異。 -![Edge 瀏覽器截圖顯示開啟 edge://extensions 頁面與設定選單](../../../../translated_images/hk/install-on-edge.d68781acaf0b3d3d.webp) +![Edge 瀏覽器截圖顯示開啟 edge://extensions 頁面與設定選單](../../../../translated_images/zh-HK/install-on-edge.d68781acaf0b3d3d.webp) > **重要**：測試自製擴充功能時，務必切換至開發者模式，並允許來自其他商店的擴充功能。 @@ -308,10 +308,10 @@ project-root/ ### 擴充功能視圖概述 **設定畫面** - 用戶首次配置： -![完成的擴充功能在瀏覽器中顯示含地區名稱及 API 金鑰輸入欄位的表單截圖。](../../../../translated_images/hk/1.b6da8c1394b07491.webp) +![完成的擴充功能在瀏覽器中顯示含地區名稱及 API 金鑰輸入欄位的表單截圖。](../../../../translated_images/zh-HK/1.b6da8c1394b07491.webp) **結果畫面** - 顯示碳足跡資料： -![完成的擴充功能顯示 US-NEISO 地區碳使用量及化石燃料百分比數值的截圖。](../../../../translated_images/hk/2.1dae52ff08042246.webp) +![完成的擴充功能顯示 US-NEISO 地區碳使用量及化石燃料百分比數值的截圖。](../../../../translated_images/zh-HK/2.1dae52ff08042246.webp) ### 建構設定表單 diff --git a/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md index 44b2e9153..e23d6618d 100644 --- a/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: 移除已儲存資料 ClearStorage --> FirstTime: 返回設定 ``` -![Local storage pane](../../../../translated_images/hk/localstorage.472f8147b6a3f8d1.webp) +![Local storage pane](../../../../translated_images/zh-HK/localstorage.472f8147b6a3f8d1.webp) > ⚠️ **安全注意**：在正式應用中，將 API 金鑰儲存在 LocalStorage 有安全風險，因為任何 JavaScript 都能讀取。學習用途可以暫時使用，但實際應用應採用安全的伺服器端儲存敏感憑證。 diff --git a/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md index 247001150..715493b60 100644 --- a/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ flowchart LR 我們試試看。打開一個網站（Microsoft.com 很適合），點按「錄製」按鈕。現在刷新頁面，並觀看分析器捕捉整個過程。停止錄製後，你會看到詳細的瀏覽器如何「腳本執行」、「渲染」和「繪製」網站的分析報告。這讓我想到任務控制中心在火箭發射時監控每個系統—你會取得實時資料，知道到底發生了什麼、什麼時候發生。 -![Edge profiler](../../../../translated_images/hk/profiler.5a4a62479c5df01c.webp) +![Edge profiler](../../../../translated_images/zh-HK/profiler.5a4a62479c5df01c.webp) ✅ 若想深入學習，參考 [Microsoft 文件](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) 裡有豐富細節 @@ -133,11 +133,11 @@ flowchart LR 選取剖面時間軸的一部分，查看摘要面板，以獲取頁面效能快照： -![Edge profiler snapshot](../../../../translated_images/hk/snapshot.97750180ebcad737.webp) +![Edge profiler snapshot](../../../../translated_images/zh-HK/snapshot.97750180ebcad737.webp) 查看事件紀錄面板，看看是否有事件耗時超過 15 毫秒： -![Edge event log](../../../../translated_images/hk/log.804026979f3707e0.webp) +![Edge event log](../../../../translated_images/zh-HK/log.804026979f3707e0.webp) ✅ 熟悉你的剖析器！打開本網站的開發者工具，看看是否有哪些瓶頸。最慢載入的資源是什麼？最快的是什麼？ diff --git a/translations/hk/6-space-game/2-drawing-to-canvas/README.md b/translations/hk/6-space-game/2-drawing-to-canvas/README.md index 85f255f62..857f7e1a0 100644 --- a/translations/hk/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/hk/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![canvas 的格線](../../../../translated_images/hk/canvas_grid.5f209da785ded492.webp) +![canvas 的格線](../../../../translated_images/zh-HK/canvas_grid.5f209da785ded492.webp) > 圖片來自 [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) 在 canvas 元素上繪圖，你會按照以下三個步驟，這是所有 canvas 圖形的基礎。練習幾次之後，你就能輕鬆習慣： @@ -323,11 +323,11 @@ flowchart TD - 英雄飛船 - ![英雄飛船](../../../../translated_images/hk/player.dd24c1afa8c71e9b.webp) + ![英雄飛船](../../../../translated_images/zh-HK/player.dd24c1afa8c71e9b.webp) - 5×5 隻怪物 - ![怪物飛船](../../../../translated_images/hk/enemyShip.5df2a822c16650c2.webp) + ![怪物飛船](../../../../translated_images/zh-HK/enemyShip.5df2a822c16650c2.webp) ### 推薦開發步驟 @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { 完成的結果應該看起來像這樣： -![Black screen with a hero and 5*5 monsters](../../../../translated_images/hk/partI-solution.36c53b48c9ffae2a.webp) +![Black screen with a hero and 5*5 monsters](../../../../translated_images/zh-HK/partI-solution.36c53b48c9ffae2a.webp) ## 解決方案 diff --git a/translations/hk/6-space-game/5-keeping-score/README.md b/translations/hk/6-space-game/5-keeping-score/README.md index d69cd949f..23b227d40 100644 --- a/translations/hk/6-space-game/5-keeping-score/README.md +++ b/translations/hk/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **得分系統**：每摧毀一艘敵機，獲得100分（整數更方便玩家心算）。分數顯示在左下角。 -- **生命計數器**：你的英雄起始有三條命 —— 這是早期街機遊戲定下的標準，平衡挑戰與可玩性。每次與敵機碰撞損失一條命。剩餘生命用飛船圖示顯示在右下角 ![life image](../../../../translated_images/hk/life.6fb9f50d53ee0413.webp)。 +- **生命計數器**：你的英雄起始有三條命 —— 這是早期街機遊戲定下的標準，平衡挑戰與可玩性。每次與敵機碰撞損失一條命。剩餘生命用飛船圖示顯示在右下角 ![life image](../../../../translated_images/zh-HK/life.6fb9f50d53ee0413.webp)。 ## 開始動手吧！ diff --git a/translations/hk/7-bank-project/1-template-route/README.md b/translations/hk/7-bank-project/1-template-route/README.md index 63347302c..8f62724f3 100644 --- a/translations/hk/7-bank-project/1-template-route/README.md +++ b/translations/hk/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram 使用 `history.pushState` 會在瀏覽器導航歷史中新增條目。你可按住瀏覽器「返回按鈕」，會看到類似這樣的視窗： -![截圖：導航歷史](../../../../translated_images/hk/history.7fdabbafa521e064.webp) +![截圖：導航歷史](../../../../translated_images/zh-HK/history.7fdabbafa521e064.webp) 若連按幾次返回按鈕，你會發現目前 URL 改變、歷史更新，但模板不斷顯示相同內容。 diff --git a/translations/hk/7-bank-project/2-forms/README.md b/translations/hk/7-bank-project/2-forms/README.md index b39294239..c21297e9b 100644 --- a/translations/hk/7-bank-project/2-forms/README.md +++ b/translations/hk/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ graph TD 2. 觀察瀏覽器網址列的變化 3. 注意頁面重新載入且資料出現在 URL 中 -![點擊註冊按鈕後瀏覽器網址變化截圖](../../../../translated_images/hk/click-register.e89a30bf0d4bc9ca.webp) +![點擊註冊按鈕後瀏覽器網址變化截圖](../../../../translated_images/zh-HK/click-register.e89a30bf0d4bc9ca.webp) ### HTTP 方法比較 @@ -346,7 +346,7 @@ graph TD 2. **點擊**「建立帳戶」按鈕 3. **觀察**瀏覽器中的伺服器回應 -![瀏覽器視窗顯示 localhost:5000/api/accounts 地址，呈現包含用戶資料的 JSON 字串](../../../../translated_images/hk/form-post.61de4ca1b964d91a.webp) +![瀏覽器視窗顯示 localhost:5000/api/accounts 地址，呈現包含用戶資料的 JSON 字串](../../../../translated_images/zh-HK/form-post.61de4ca1b964d91a.webp) **你應該看到：** - **瀏覽器跳轉**至 API 端點 URL @@ -609,7 +609,7 @@ async function register() { 3. **點擊**「建立帳戶」 4. **觀察** 控制台訊息及使用者回饋 -![瀏覽器控制台顯示紀錄訊息的截圖](../../../../translated_images/hk/browser-console.efaf0b51aaaf6778.webp) +![瀏覽器控制台顯示紀錄訊息的截圖](../../../../translated_images/zh-HK/browser-console.efaf0b51aaaf6778.webp) **你應該看到：** - **提交按鈕出現** 加載狀態 @@ -783,7 +783,7 @@ input:focus:invalid { 3. **嘗試** 在使用者名稱內輸入特殊字元 4. **輸入** 負數餘額金額 -![嘗試送出表單時顯示驗證錯誤的截圖](../../../../translated_images/hk/validation-error.8bd23e98d416c22f.webp) +![嘗試送出表單時顯示驗證錯誤的截圖](../../../../translated_images/zh-HK/validation-error.8bd23e98d416c22f.webp) **你會觀察到：** - **瀏覽器呈現** 原生驗證訊息 @@ -943,7 +943,7 @@ timeline 以下是簡單美化後的最終登入頁面範例： -![Screenshot of the login page after adding CSS styles](../../../../translated_images/hk/result.96ef01f607bf856a.webp) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/zh-HK/result.96ef01f607bf856a.webp) ## 課後小測驗 diff --git a/translations/hk/7-bank-project/3-data/README.md b/translations/hk/7-bank-project/3-data/README.md index 068f393b4..689006f9d 100644 --- a/translations/hk/7-bank-project/3-data/README.md +++ b/translations/hk/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: 返回完整的 HTML 頁面 Browser->>User: 顯示新頁面（閃爍/重載） ``` -![多頁面應用的更新流程](../../../../translated_images/hk/mpa.7f7375a1a2d4aa77.webp) +![多頁面應用的更新流程](../../../../translated_images/zh-HK/mpa.7f7375a1a2d4aa77.webp) **這方法令人覺得笨拙的原因：** - 每次點擊都重建整個頁面 @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: 更新指定的頁面元素 Browser->>User: 顯示更新內容（無需重新載入） ``` -![單頁應用的更新流程](../../../../translated_images/hk/spa.268ec73b41f992c2.webp) +![單頁應用的更新流程](../../../../translated_images/zh-HK/spa.268ec73b41f992c2.webp) **SPA 感覺更好的原因：** - 只更新實際改變的部分（很聰明吧？） @@ -516,7 +516,7 @@ if (data.error) { 以後測試錯誤帳號，你會立刻在頁面看到有幫助的錯誤訊息！ -![Screenshot showing the error message displayed during login](../../../../translated_images/hk/login-error.416fe019b36a6327.webp) +![Screenshot showing the error message displayed during login](../../../../translated_images/zh-HK/login-error.416fe019b36a6327.webp) #### 第四步：考慮無障礙使用 @@ -950,7 +950,7 @@ timeline 呢度係一個經過樣式化嘅儀表板嘅示例： -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hk/screen2.123c82a831a1d14a.webp) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/zh-HK/screen2.123c82a831a1d14a.webp) 唔使死乞白賴要完全一樣，用嚟做靈感，打造屬於你嘅風格！ diff --git a/translations/hk/7-bank-project/4-state-management/README.md b/translations/hk/7-bank-project/4-state-management/README.md index 93ac601e7..2a813f2d6 100644 --- a/translations/hk/7-bank-project/4-state-management/README.md +++ b/translations/hk/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ mindmap 不再蛇行亂撞，而是建立 **集中式狀態管理** 系統。想像有一名非常有組織的專責人員主控所有重要事物： -![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/hk/data-flow.fa2354e0908fecc8.webp) +![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/zh-HK/data-flow.fa2354e0908fecc8.webp) ```mermaid flowchart TD @@ -798,7 +798,7 @@ timeline 以下為完成作業後的示範結果： -![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/hk/dialog.93bba104afeb79f1.webp) +![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/zh-HK/dialog.93bba104afeb79f1.webp) --- diff --git a/translations/hk/7-bank-project/4-state-management/assignment.md b/translations/hk/7-bank-project/4-state-management/assignment.md index 134557c7d..0cc11fa22 100644 --- a/translations/hk/7-bank-project/4-state-management/assignment.md +++ b/translations/hk/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **預期結果：** 完成作業後，你的銀行應用應具備完整且專業的「新增交易」功能： -![顯示「新增交易」對話框範例的截圖](../../../../translated_images/hk/dialog.93bba104afeb79f1.webp) +![顯示「新增交易」對話框範例的截圖](../../../../translated_images/zh-HK/dialog.93bba104afeb79f1.webp) ## 測試你的實作 diff --git a/translations/hk/8-code-editor/1-using-a-code-editor/README.md b/translations/hk/8-code-editor/1-using-a-code-editor/README.md index 7c42f2f30..53958203e 100644 --- a/translations/hk/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/hk/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ VSCode.dev 將這些功能帶入瀏覽器： 一切載入後，你將看到一個簡潔美觀的工作區，設計來幫助你專注於重要的事——你的程式碼！ -![Default VSCode.dev interface](../../../../translated_images/hk/default-vscode-dev.5d06881d65c1b323.webp) +![Default VSCode.dev interface](../../../../translated_images/zh-HK/default-vscode-dev.5d06881d65c1b323.webp) **這是你的區域導覽：** - **活動欄**（左側條）：主導航含資源管理器 📁、搜尋 🔍、原始碼控制 🌿、擴充功能 🧩、設定 ⚙️ @@ -229,7 +229,7 @@ flowchart TB 1. 如果還沒在，先前往 [vscode.dev](https://vscode.dev) 2. 在歡迎頁尋找「Open Remote Repository」按鈕並點擊 - ![Open remote repository](../../../../translated_images/hk/open-remote-repository.bd9c2598b8949e7f.webp) + ![Open remote repository](../../../../translated_images/zh-HK/open-remote-repository.bd9c2598b8949e7f.webp) 3. 貼上任何 GitHub 倉庫網址（試試這個：`https://github.com/microsoft/Web-Dev-For-Beginners`） 4. 按 Enter，見證魔法發生！ @@ -238,7 +238,7 @@ flowchart TB 想感受成為編碼魔法師的感覺？試試這個鍵盤快捷鍵：Ctrl+Shift+P（Mac 上為 Cmd+Shift+P），開啟指令面板： -![Command Palette](../../../../translated_images/hk/palette-menu.4946174e07f42622.webp) +![Command Palette](../../../../translated_images/zh-HK/palette-menu.4946174e07f42622.webp) **指令面板就像你所有操作的搜尋引擎：** - 輸入「open remote」立刻找到開啟遠端倉庫功能 @@ -300,7 +300,7 @@ flowchart TB 3. 輸入包含正確副檔名的檔名（如 `style.css`、`script.js`、`index.html`） 4. 按 Enter 建立檔案 -![Creating a new file](../../../../translated_images/hk/create-new-file.2814e609c2af9aeb.webp) +![Creating a new file](../../../../translated_images/zh-HK/create-new-file.2814e609c2af9aeb.webp) **命名規範：** - 使用描述性名稱以表明檔案用途 @@ -318,7 +318,7 @@ flowchart TB 2. 開始輸入，觀看 VSCode.dev 為你提供顏色標示、建議及錯誤提示 3. 用 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存工作——但它也會自動保存！ -![Editing files in VSCode.dev](../../../../translated_images/hk/edit-a-file.52c0ee665ef19f08.webp) +![Editing files in VSCode.dev](../../../../translated_images/zh-HK/edit-a-file.52c0ee665ef19f08.webp) **編碼時有趣的事情：** - 程式碼會被漂亮地著色，閱讀方便 @@ -339,7 +339,7 @@ flowchart TB 2. 已修改檔案會出現在「Changes」區域 3. 顏色標示變更類型：綠色代表新增，紅色代表刪除 -![Viewing changes in Source Control](../../../../translated_images/hk/working-tree.c58eec08e6335c79.webp) +![Viewing changes in Source Control](../../../../translated_images/zh-HK/working-tree.c58eec08e6335c79.webp) **保存工作（提交工作流程）：** @@ -431,7 +431,7 @@ mindmap 2. 瀏覽或搜尋特定項目 3. 點擊任何看起來有趣的項目以了解更多 -![Extension marketplace interface](../../../../translated_images/hk/extensions.eca0e0c7f59a10b5.webp) +![Extension marketplace interface](../../../../translated_images/zh-HK/extensions.eca0e0c7f59a10b5.webp) **你會看到的內容：** @@ -484,7 +484,7 @@ mindmap 3. 從下拉選單中選「擴充功能設定」 4. 依照工作流程調整到自己喜歡的狀態 -![Customizing extension settings](../../../../translated_images/hk/extension-settings.21c752ae4f4cdb78.webp) +![Customizing extension settings](../../../../translated_images/zh-HK/extension-settings.21c752ae4f4cdb78.webp) **常見調整項目：** - 程式碼格式設定（tab 或空白鍵、最大行長等） diff --git a/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md b/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md index 055a113b4..fbd598581 100644 --- a/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md @@ -79,7 +79,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **輸入**提交訊息：「Add initial HTML structure」 5. **點擊**「Commit new file」儲存變更 -![在 GitHub 建立初始檔案](../../../../translated_images/hk/new-file-github.com.c886796d800e8056.webp) +![在 GitHub 建立初始檔案](../../../../translated_images/zh-HK/new-file-github.com.c886796d800e8056.webp) **這初始設置達成的效果：** - **建立**正確的 HTML5 文件結構，使用語意標籤 @@ -105,7 +105,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **成功指標**：你會看到專案檔案呈現在側邊欄中，且能在主要編輯區編輯 `index.html`。 -![專案載入 VSCode.dev](../../../../translated_images/hk/project-on-vscode.dev.e79815a9a95ee7fe.webp) +![專案載入 VSCode.dev](../../../../translated_images/zh-HK/project-on-vscode.dev.e79815a9a95ee7fe.webp) **介面中你將看到：** - **Explorer 側邊欄**：**顯示**版本庫檔案與資料夾結構 @@ -450,7 +450,7 @@ li:before { **安裝後的即時效果：** 安裝完成後，你會在編輯器看到履歷網站的即時預覽，方便你隨時檢視網站外觀。 -![CodeSwing 即時預覽](../../../../translated_images/hk/after-codeswing-extension-pb.0ebddddcf73b5509.webp) +![CodeSwing 即時預覽](../../../../translated_images/zh-HK/after-codeswing-extension-pb.0ebddddcf73b5509.webp) **強化介面說明：** - **分割檢視**：一側顯示程式碼，一側顯示即時預覽 diff --git a/translations/hk/9-chat-project/README.md b/translations/hk/9-chat-project/README.md index 90d4aa5a5..3d6fbf5d5 100644 --- a/translations/hk/9-chat-project/README.md +++ b/translations/hk/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) 以下是你完成的專案外觀： -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/hk/screenshot.0a1ee0d123df681b.webp) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/zh-HK/screenshot.0a1ee0d123df681b.webp) ## 🗺️ 你的 AI 應用開發學習之旅 @@ -189,7 +189,7 @@ mindmap ``` **核心原則**：AI 應用開發結合傳統網頁技能與 AI 服務整合，創建智能且自然、回應迅速的應用。 -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/hk/playground.d2b927122224ff8f.webp) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/zh-HK/playground.d2b927122224ff8f.webp) **playground 特別實用的原因：** - **試用** 不同的 AI 模型，如 GPT-4o-mini、Claude 等（全部免費！） @@ -199,7 +199,7 @@ mindmap 玩過一會兒後，點擊「Code」頁籤，選擇程式語言，即可取得你需要的實作程式碼。 -![Playground choice showing code generation options for different programming languages](../../../translated_images/hk/playground-choice.1d23ba7d407f4758.webp) +![Playground choice showing code generation options for different programming languages](../../../translated_images/zh-HK/playground-choice.1d23ba7d407f4758.webp) ## 設定 Python 後端整合 @@ -2353,14 +2353,14 @@ mindmap - **前往** [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **點擊** 右上角的「Use this template」（確保已登入 GitHub） -![Create from template interface showing the green "Use this template" button](../../../translated_images/hk/template.67ad477109d29a2b.webp) +![Create from template interface showing the green "Use this template" button](../../../translated_images/zh-HK/template.67ad477109d29a2b.webp) **步驟 2：啟動 Codespaces** - **打開** 剛建立的儲存庫 - **點擊** 綠色「Code」按鈕，選擇「Codespaces」 - **選擇** 「Create codespace on main」開始你的開發環境 -![Create codespace interface with options for launching cloud development environment](../../../translated_images/hk/codespace.bcecbdf5d2747d3d.webp) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/zh-HK/codespace.bcecbdf5d2747d3d.webp) **步驟 3：環境配置** 你的 Codespace 載入後，即可使用： diff --git a/translations/hk/README.md b/translations/hk/README.md index 6f5e97422..b9cd23e0c 100644 --- a/translations/hk/README.md +++ b/translations/hk/README.md @@ -56,13 +56,13 @@ CO_OP_TRANSLATOR_METADATA: 造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！ -![Background](../../translated_images/hk/background.148a8d43afde5730.webp) +![Background](../../translated_images/zh-HK/background.148a8d43afde5730.webp) - 涵蓋從基礎到 RAG (Retrieval-Augmented Generation) 的課程 - 使用 GenAI 及我們的夥伴應用程式與歷史人物互動 - 有趣且引人入勝的故事情節，帶你穿越時空！ -![character](../../translated_images/hk/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/zh-HK/character.5c0dd8e067ffd693.webp) 每堂課都包含作業、知識檢查及挑戰，引導你學習以下主題： - 提示語設計與提示工程 @@ -98,7 +98,7 @@ CO_OP_TRANSLATOR_METADATA: 在您剛建立的倉庫中，點擊 **Code** 按鈕並選擇 **Open with Codespaces**。系統會為您建立一個新的 Codespace 作業環境。 -![Codespace](../../translated_images/hk/createcodespace.0238bbf4d7a8d955.webp) +![Codespace](../../translated_images/zh-HK/createcodespace.0238bbf4d7a8d955.webp) #### 在您的電腦上本地執行課程 diff --git a/translations/hk/for-teachers.md b/translations/hk/for-teachers.md index 4dd474868..2df658e91 100644 --- a/translations/hk/for-teachers.md +++ b/translations/hk/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud 對 Common Cartridge 的支持有限。建議使用上面的 Moodle 文件，該文件也可以上傳到 Canvas。 - 導入後，請檢查模塊、截止日期和測驗設置，以匹配您的學期安排。 -![Moodle](../../translated_images/hk/moodle.94eb93d714a50cb2.webp) +![Moodle](../../translated_images/zh-HK/moodle.94eb93d714a50cb2.webp) > Moodle 課堂中的課程內容 -![Canvas](../../translated_images/hk/canvas.fbd605ff8e5b8aff.webp) +![Canvas](../../translated_images/zh-HK/canvas.fbd605ff8e5b8aff.webp) > Canvas 課堂中的課程內容 ### 直接使用資源庫（不使用 Classroom） diff --git a/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md index cd24a0a90..d5b456d35 100644 --- a/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 今天，我們將探索那些讓現代網頁開發不僅僅是可能，而且令人上癮的不可思議工具。我說的是Netflix、Spotify以及你最喜歡的獨立應用程式工作室的開發者每天都在使用的編輯器、瀏覽器和工作流程。而最讓人開心的是：大多數這些專業級、行業標準的工具都是完全免費的！ -![程式設計簡介](../../../../translated_images/mo/webdev101-programming.d6e3f98e61ac4bff.webp) +![程式設計簡介](../../../../translated_images/zh-MO/webdev101-programming.d6e3f98e61ac4bff.webp) > [Tomomi Imura](https://twitter.com/girlie_mac) 的手繪筆記 ```mermaid diff --git a/translations/mo/1-getting-started-lessons/2-github-basics/README.md b/translations/mo/1-getting-started-lessons/2-github-basics/README.md index 5f7c76a67..410ba45ec 100644 --- a/translations/mo/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/mo/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 我們會一起踏上這段旅程，一步一步來。沒有匆忙，沒有壓力——只有你、我，以及一些即將成為你新好朋友的超酷工具！ -![GitHub 簡介](../../../../translated_images/mo/webdev101-github.8846d7971abef6f9.webp) +![GitHub 簡介](../../../../translated_images/zh-MO/webdev101-github.8846d7971abef6f9.webp) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,7 @@ flowchart TD ✅ 找到 "適合初學者" 的儲存庫的一個好方法是 [透過標籤 'good-first-issue' 進行搜尋](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)。 -![本地複製儲存庫](../../../../translated_images/mo/clone_repo.5085c48d666ead57.webp) +![本地複製儲存庫](../../../../translated_images/zh-MO/clone_repo.5085c48d666ead57.webp) 有幾種複製程式碼的方法。一種方法是使用 HTTPS、SSH 或 GitHub CLI（命令列介面）來 "克隆" 儲存庫的內容。 diff --git a/translations/mo/1-getting-started-lessons/3-accessibility/README.md b/translations/mo/1-getting-started-lessons/3-accessibility/README.md index 1b52838fe..3341fc8c2 100644 --- a/translations/mo/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/mo/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # 建立無障礙網頁 -![關於無障礙設計](../../../../translated_images/mo/webdev101-a11y.8ef3025c858d897a.webp) +![關於無障礙設計](../../../../translated_images/zh-MO/webdev101-a11y.8ef3025c858d897a.webp) > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1060,12 +1060,12 @@ pie title "Common ARIA Usage Patterns" **信息性圖片** - 傳達重要信息： ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **裝飾性圖片** - 純粹視覺效果，無信息價值： ```html - + ``` **功能性圖片** - 作為按鈕或控制項： @@ -1077,7 +1077,7 @@ pie title "Common ARIA Usage Patterns" **複雜圖片** - 圖表、圖解、資訊圖表： ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1117,7 +1117,7 @@ pie title "Common ARIA Usage Patterns" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/mo/2-js-basics/1-data-types/README.md b/translations/mo/2-js-basics/1-data-types/README.md index 40bb99b87..696648e6a 100644 --- a/translations/mo/2-js-basics/1-data-types/README.md +++ b/translations/mo/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：資料型別 -![JavaScript 基礎 - 資料型別](../../../../translated_images/mo/webdev101-js-datatypes.4cc470179730702c.webp) +![JavaScript 基礎 - 資料型別](../../../../translated_images/zh-MO/webdev101-js-datatypes.4cc470179730702c.webp) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/mo/2-js-basics/2-functions-methods/README.md b/translations/mo/2-js-basics/2-functions-methods/README.md index 9e373e0bd..ba9709a08 100644 --- a/translations/mo/2-js-basics/2-functions-methods/README.md +++ b/translations/mo/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：方法與函數 -![JavaScript 基礎 - 函數](../../../../translated_images/mo/webdev101-js-functions.be049c4726e94f8b.webp) +![JavaScript 基礎 - 函數](../../../../translated_images/zh-MO/webdev101-js-functions.be049c4726e94f8b.webp) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/mo/2-js-basics/3-making-decisions/README.md b/translations/mo/2-js-basics/3-making-decisions/README.md index f80cd999f..291c76308 100644 --- a/translations/mo/2-js-basics/3-making-decisions/README.md +++ b/translations/mo/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：做出決策 -![JavaScript 基礎 - 做出決策](../../../../translated_images/mo/webdev101-js-decisions.69e1b20f272dd1f0.webp) +![JavaScript 基礎 - 做出決策](../../../../translated_images/zh-MO/webdev101-js-decisions.69e1b20f272dd1f0.webp) > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/mo/2-js-basics/4-arrays-loops/README.md b/translations/mo/2-js-basics/4-arrays-loops/README.md index c8a1f0517..01130c3af 100644 --- a/translations/mo/2-js-basics/4-arrays-loops/README.md +++ b/translations/mo/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：陣列與迴圈 -![JavaScript 基礎 - 陣列](../../../../translated_images/mo/webdev101-js-arrays.439d7528b8a29455.webp) +![JavaScript 基礎 - 陣列](../../../../translated_images/zh-MO/webdev101-js-arrays.439d7528b8a29455.webp) > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/mo/3-terrarium/1-intro-to-html/README.md b/translations/mo/3-terrarium/1-intro-to-html/README.md index 3d4f7c1d0..e7480702f 100644 --- a/translations/mo/3-terrarium/1-intro-to-html/README.md +++ b/translations/mo/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![HTML入門](../../../../translated_images/mo/webdev101-html.4389c2067af68e98.webp) +![HTML入門](../../../../translated_images/zh-MO/webdev101-html.4389c2067af68e98.webp) > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 HTML，即超文本標記語言，是您曾經瀏覽過的每個網站的基礎。可以將HTML想像成網頁的骨架——它定義了內容的位置、組織方式以及每個部分的意義。雖然CSS稍後會用顏色和佈局來“裝飾”您的HTML，JavaScript則會通過互動性使其“活起來”，但HTML提供了使其他一切成為可能的基本結構。 @@ -88,7 +88,7 @@ mindmap 4. 在Explorer面板中，點擊“New File”圖標 5. 將文件命名為`index.html` -![VS Code Explorer顯示新文件創建](../../../../translated_images/mo/vs-code-index.e2986cf919471eb9.webp) +![VS Code Explorer顯示新文件創建](../../../../translated_images/zh-MO/vs-code-index.e2986cf919471eb9.webp) **選項2：使用終端命令** ```bash @@ -239,48 +239,48 @@ HTML使用成對的標籤來定義元素。大多數標籤都有像`

`這樣

- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/mo/3-terrarium/2-intro-to-css/README.md b/translations/mo/3-terrarium/2-intro-to-css/README.md index bdff14d11..8e5f83374 100644 --- a/translations/mo/3-terrarium/2-intro-to-css/README.md +++ b/translations/mo/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![CSS入門](../../../../translated_images/mo/webdev101-css.3f7af5991bf53a20.webp) +![CSS入門](../../../../translated_images/zh-MO/webdev101-css.3f7af5991bf53a20.webp) > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 還記得你的HTML微型生態瓶看起來非常基本嗎？CSS就是用來將這個簡單的結構轉變成視覺上更吸引人的東西。 @@ -205,7 +205,7 @@ body { 打開瀏覽器的開發者工具（F12），導航到“元素”選項卡，檢查你的`

`元素。你會看到它繼承了`body`的字體： -![繼承的字體](../../../../translated_images/mo/1.cc07a5cbe114ad1d.webp) +![繼承的字體](../../../../translated_images/zh-MO/1.cc07a5cbe114ad1d.webp) ✅ **實驗時間**：嘗試在``上設置其他可繼承屬性，例如`color`、`line-height`或`text-align`。你的標題和其他元素會發生什麼變化？ @@ -335,7 +335,7 @@ ID選擇器使用`#`符號，定位具有特定`id`屬性的元素。由於ID在 **以下是每個植物的HTML結構：** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -599,7 +599,7 @@ flowchart LR 你將創建微妙的高光，模擬光線如何在玻璃表面反射。這種方法類似於文藝復興時期的畫家如 Jan van Eyck 如何使用光線和反射使繪製的玻璃看起來具有三維效果。以下是你的目標： -![完成的玻璃瓶](../../../../translated_images/mo/terrarium-final.2f07047ffc597d0a.webp) +![完成的玻璃瓶](../../../../translated_images/zh-MO/terrarium-final.2f07047ffc597d0a.webp) **你的挑戰：** - **創建** 微妙的白色或淺色橢圓形作為玻璃反射效果 diff --git a/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md index 40123b91f..ddfc35d40 100644 --- a/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM 和閉包](../../../../translated_images/mo/webdev101-js.10280393044d7eaa.webp) +![DOM 和閉包](../../../../translated_images/zh-MO/webdev101-js.10280393044d7eaa.webp) > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 歡迎來到網頁開發中最有趣的部分之一——讓網頁變得互動！文檔物件模型（DOM）就像是 HTML 和 JavaScript 之間的橋樑，今天我們將利用它讓你的微型生態瓶活起來。當 Tim Berners-Lee 創建第一個網頁瀏覽器時，他設想了一個可以動態和互動的網頁世界，而 DOM 使這一願景成為可能。 @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![DOM 樹表示](../../../../translated_images/mo/dom-tree.7daf0e763cbbba92.webp) +![DOM 樹表示](../../../../translated_images/zh-MO/dom-tree.7daf0e763cbbba92.webp) > 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/mo/dom-tree.7daf0e763cbbba92.webp) +![DOM 樹表示](../../../../translated_images/zh-MO/dom-tree.7daf0e763cbbba92.webp) > DOM 的表示及其引用的 HTML 標記。來源：[Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -598,7 +598,7 @@ function stopElementDrag() { - **跨設備支援**：適用於桌面和移動設備 - **效能意識**：無記憶體洩漏或冗餘計算 -![完成的微型花園](../../../../translated_images/mo/terrarium-final.0920f16e87c13a84.webp) +![完成的微型花園](../../../../translated_images/zh-MO/terrarium-final.0920f16e87c13a84.webp) --- diff --git a/translations/mo/3-terrarium/solution/README.md b/translations/mo/3-terrarium/solution/README.md index 76541fe74..455eaf23b 100644 --- a/translations/mo/3-terrarium/solution/README.md +++ b/translations/mo/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 一個小型的拖放式程式冥想。只需一些 HTML、JS 和 CSS，你就可以建立一個網頁介面，設計它，並添加互動功能。 -![我的微型植物園](../../../../translated_images/mo/screenshot_gray.0c796099a1f9f25e.webp) +![我的微型植物園](../../../../translated_images/zh-MO/screenshot_gray.0c796099a1f9f25e.webp) ## 致謝 diff --git a/translations/mo/5-browser-extension/1-about-browsers/README.md b/translations/mo/5-browser-extension/1-about-browsers/README.md index adfcf6ec8..16b215bb7 100644 --- a/translations/mo/5-browser-extension/1-about-browsers/README.md +++ b/translations/mo/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![瀏覽器手繪筆記](../../../../translated_images/mo/browser.60317c9be8b7f84a.webp) +![瀏覽器手繪筆記](../../../../translated_images/zh-MO/browser.60317c9be8b7f84a.webp) > 手繪筆記由 [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'，由 Timothy Berners-Lee 爵士於 1990 年創建。 -![早期瀏覽器](../../../../translated_images/mo/earlybrowsers.d984b711cdf3a42d.webp) +![早期瀏覽器](../../../../translated_images/zh-MO/earlybrowsers.d984b711cdf3a42d.webp) > 一些早期的瀏覽器，圖片來源 [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### 瀏覽器如何處理網頁內容 @@ -198,7 +198,7 @@ quadrantChart 了解擴充功能的安裝過程有助於您預測用戶在安裝您的擴充功能時的體驗。安裝過程在現代瀏覽器中是標準化的，介面設計略有不同。 -![Edge 瀏覽器截圖，顯示打開的 edge://extensions 頁面和打開的設置菜單](../../../../translated_images/mo/install-on-edge.d68781acaf0b3d3d.webp) +![Edge 瀏覽器截圖，顯示打開的 edge://extensions 頁面和打開的設置菜單](../../../../translated_images/zh-MO/install-on-edge.d68781acaf0b3d3d.webp) > **重要**：在測試您自己的擴充功能時，請確保開啟開發者模式並允許來自其他商店的擴充功能。 @@ -313,10 +313,10 @@ project-root/ ### 擴充功能視圖概述 **設置視圖** - 初次使用者配置： -![完成的擴充功能在瀏覽器中打開，顯示一個包含地區名稱和 API 密鑰輸入的表單。](../../../../translated_images/mo/1.b6da8c1394b07491.webp) +![完成的擴充功能在瀏覽器中打開，顯示一個包含地區名稱和 API 密鑰輸入的表單。](../../../../translated_images/zh-MO/1.b6da8c1394b07491.webp) **結果視圖** - 顯示碳足跡數據： -![完成的擴充功能顯示美國 US-NEISO 地區的碳使用量和化石燃料百分比值。](../../../../translated_images/mo/2.1dae52ff08042246.webp) +![完成的擴充功能顯示美國 US-NEISO 地區的碳使用量和化石燃料百分比值。](../../../../translated_images/zh-MO/2.1dae52ff08042246.webp) ### 建立配置表單 diff --git a/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md index 9a37ffadd..7aa3cde28 100644 --- a/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![本地存儲面板](../../../../translated_images/mo/localstorage.472f8147b6a3f8d1.webp) +![本地存儲面板](../../../../translated_images/zh-MO/localstorage.472f8147b6a3f8d1.webp) > ⚠️ **安全考量**：在生產應用中，將 API 密鑰存儲在 LocalStorage 中存在安全風險，因為 JavaScript 可以訪問這些數據。作為學習用途，這種方法是可以的，但真正的應用應該使用安全的伺服器端存儲來保存敏感憑據。 diff --git a/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md index 8605a9037..2b229f53a 100644 --- a/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ flowchart LR 讓我們來試試看。打開一個網站（Microsoft.com 是個不錯的選擇），然後點擊「記錄」按鈕。現在刷新網頁，觀察分析器捕捉到的所有活動。停止記錄後，您將看到瀏覽器如何「腳本化」、「渲染」和「繪製」網站的詳細分解。這讓我想起了任務控制中心在火箭發射期間監控每個系統的方式——您可以獲得實時的數據，了解每件事情的發生時間和過程。 -![Edge profiler](../../../../translated_images/mo/profiler.5a4a62479c5df01c.webp) +![Edge profiler](../../../../translated_images/zh-MO/profiler.5a4a62479c5df01c.webp) ✅ [Microsoft 文件](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) 有更多詳細資訊，供您深入了解。 @@ -136,11 +136,11 @@ flowchart LR 通過選擇剖析時間線的一部分並查看摘要窗格，獲得網頁效能的快照： -![Edge profiler snapshot](../../../../translated_images/mo/snapshot.97750180ebcad737.webp) +![Edge profiler snapshot](../../../../translated_images/zh-MO/snapshot.97750180ebcad737.webp) 檢查事件日誌窗格，查看是否有任何事件超過 15 毫秒： -![Edge event log](../../../../translated_images/mo/log.804026979f3707e0.webp) +![Edge event log](../../../../translated_images/zh-MO/log.804026979f3707e0.webp) ✅ 熟悉您的分析器！在此網站上打開開發者工具，看看是否有任何瓶頸。哪個資產加載最慢？最快？ diff --git a/translations/mo/5-browser-extension/README.md b/translations/mo/5-browser-extension/README.md index 4f8cfa2e0..6dba2082a 100644 --- a/translations/mo/5-browser-extension/README.md +++ b/translations/mo/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### 致謝 -![一個綠色的瀏覽器擴充功能](../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![一個綠色的瀏覽器擴充功能](../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 致謝 diff --git a/translations/mo/5-browser-extension/solution/README.md b/translations/mo/5-browser-extension/solution/README.md index 91f2a2245..8d7e16f72 100644 --- a/translations/mo/5-browser-extension/solution/README.md +++ b/translations/mo/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，建立一個瀏覽器擴充功能，讓您可以在瀏覽器中即時提醒所在區域的電力使用負荷。透過這個擴充功能，您可以根據資訊來判斷是否進行某些活動。 -![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![擴充功能截圖](../../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 快速開始 @@ -31,7 +31,7 @@ npm run build 在 Edge 瀏覽器中安裝擴充功能，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰（[在此透過電子郵件獲取](https://www.co2signal.com/) - 在此頁面輸入您的電子郵件）以及對應於 [Electricity Map](https://www.electricitymap.org/map) 的區域代碼（例如，在波士頓，我使用「US-NEISO」）[區域代碼查詢](http://api.electricitymap.org/v3/zones)。 -![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp) +![安裝擴充功能](../../../../translated_images/zh-MO/install-on-edge.78634f02842c4828.webp) 一旦在擴充功能介面中輸入 API 金鑰和區域代碼，瀏覽器擴充功能欄中的彩色點應該會改變，反映您所在區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合進行。這個「點」系統的概念是受到 [Energy Lollipop 擴充功能](https://energylollipop.com/)（針對加州排放）的啟發。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.es.md b/translations/mo/5-browser-extension/solution/translation/README.es.md index 246f23ba1..7cafb340e 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.es.md +++ b/translations/mo/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，開發一個瀏覽器擴充功能，讓您可以直接在瀏覽器中獲得所在區域的電力消耗提醒。使用這個即時擴充功能可以幫助您根據這些資訊來決定您的活動。 -![擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) +![擴充功能截圖](../../../../../translated_images/zh-MO/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## 開始使用 @@ -31,7 +31,7 @@ npm run build 要在 Edge 中安裝，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。當系統提示時，打開「dist」資料夾，擴充功能就會被載入。要使用此擴充功能，您需要一個 CO2 Signal API 的 API 金鑰（[在此處透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面的框中輸入您的電子郵件）以及對應於 [電力地圖](https://www.electricitymap.org/map) 的 [區域代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓，我使用「US-NEISO」）。 -![安裝](../../../../../translated_images/mo/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) +![安裝](../../../../../translated_images/zh-MO/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) 當您在擴充功能介面中輸入 API 金鑰和區域代碼後，瀏覽器擴充功能列中的顏色點應該會改變，以反映您所在區域的能源使用情況，並提供您是否適合進行高耗能活動的指示。這個「顏色點」系統的概念是受到 [Energy Lollipop 擴充功能](https://energylollipop.com/)（針對加州排放量）啟發而來的。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.fr.md b/translations/mo/5-browser-extension/solution/translation/README.fr.md index f7c4018d0..a7a551390 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.fr.md +++ b/translations/mo/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力消耗，創建一個瀏覽器擴充套件，讓您可以直接在瀏覽器中獲得您所在地區的電力消耗提醒。使用這個即時擴充套件可以幫助您根據這些資訊對您的活動做出判斷。 -![擴充套件截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![擴充套件截圖](../../../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 開始 @@ -31,7 +31,7 @@ npm run build 要在 Edge 上安裝，請使用瀏覽器右上角的「三點」選單找到擴充套件面板。從那裡選擇「載入未壓縮的擴充套件」以載入新的擴充套件。在提示中打開 'dist' 資料夾，擴充套件就會被載入。要使用此擴充套件，您需要一個 CO2 Signal API 的 API 金鑰（[在此處透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面上的框中輸入您的電子郵件）以及對應於 [電力地圖](https://www.electricitymap.org/map) 的 [地區代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓，我使用 'US-NEISO'）。 -![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp) +![安裝](../../../../../translated_images/zh-MO/install-on-edge.78634f02842c4828.webp) 當 API 金鑰和地區代碼輸入到擴充套件介面後，瀏覽器擴充套件欄中的彩色點應該會改變，以反映您所在地區的能源消耗，並為您提供指標，幫助您判斷是否適合進行耗能活動。這個「點」系統的概念是受到 [Energy Lollipop 擴充套件](https://energylollipop.com/) 的啟發，用於加州的排放量指標。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.hi.md b/translations/mo/5-browser-extension/solution/translation/README.hi.md index a97dacc26..b9ba87413 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.hi.md +++ b/translations/mo/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，構建一個瀏覽器擴展，提醒您所在區域的電力使用是否繁重。使用此擴展可以幫助您根據這些信息來決定自己的活動。 -![擴展截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![擴展截圖](../../../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 開始 @@ -31,7 +31,7 @@ npm run build 要在 Edge 上安裝，請使用瀏覽器右上角的“三點”菜單找到擴展面板。從那裡選擇“加載未打包的擴展”，然後在提示中打開“dist”文件夾，擴展就會加載。要使用它，您需要 CO2 Signal 的 API 密鑰（[通過電子郵件在此處獲取](https://www.co2signal.com/)——在該頁面的框中輸入您的電子郵件）以及 [您所在區域的代碼](http://api.electricitymap.org/v3/zones) [電力地圖](https://www.electricitymap.org/map)（例如，在波士頓，我使用“US-NEISO”）。 -![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp) +![安裝](../../../../../translated_images/zh-MO/install-on-edge.78634f02842c4828.webp) 一旦 API 密鑰和區域代碼輸入到擴展界面中，瀏覽器擴展欄中的彩色點應該會根據您所在區域的能源使用情況進行變化，並為您提供一個指標，告訴您哪些能源密集型活動適合您的操作。這個“點”系統的概念是我從加州排放的 [Energy Lollipop 擴展](https://energylollipop.com/) 中獲得的靈感。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.it.md b/translations/mo/5-browser-extension/solution/translation/README.it.md index 6bdcf7051..5d2638942 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.it.md +++ b/translations/mo/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 我們將使用 tmrow 的 Signal C02 API 來監控電力使用情況，並創建一個瀏覽器擴充功能，讓您可以直接在瀏覽器中獲得提醒，了解所在區域的電力使用情況。使用這個專門的擴充功能可以幫助您根據這些資訊評估自己的活動。 -![擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![擴充功能截圖](../../../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 開始使用 @@ -31,7 +31,7 @@ npm run build 要在 Edge 上安裝，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。如果尚未啟用，請啟用開發者模式（左下角）。選擇「載入未壓縮的擴充功能」以載入新的擴充功能。在提示中打開 "dist" 資料夾，擴充功能就會被載入。要使用此擴充功能，您需要一個 CO2 Signal API 的 API 金鑰（可以[通過電子郵件在此處獲得](https://www.co2signal.com/) - 在該頁面上的框中輸入您的電子郵件）以及對應於[電力地圖](https://www.electricitymap.org/map)的[區域代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓是 "US-NEISO"）。 -![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp) +![安裝](../../../../../translated_images/zh-MO/install-on-edge.78634f02842c4828.webp) 當 API 金鑰和區域代碼輸入到擴充功能介面後，瀏覽器擴充功能欄中的彩色點應該會改變，以反映該區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合執行。這個「點」系統的概念是基於加州排放的 [Energy Lollipop 擴充功能](https://energylollipop.com/) 提供的。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.ja.md b/translations/mo/5-browser-extension/solution/translation/README.ja.md index 386c93f03..00640d84a 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.ja.md +++ b/translations/mo/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，並在瀏覽器中顯示您所在地區的電力使用量作為提醒。透過這個瀏覽器擴充功能，您可以根據這些資訊來判斷自己的行動。 -![extension screenshot](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![extension screenshot](../../../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 開始使用 @@ -31,7 +31,7 @@ npm run build 若要安裝到 Edge，請在瀏覽器右上角的「三點」選單中找到「擴充功能」面板。從那裡選擇「Load Unpacked」，然後載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會被載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰 ([在這裡透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面的框中輸入您的電子郵件)，以及 [Electricity Map](https://www.electricitymap.org/map) 對應的 [您所在地區的代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓，使用 'US-NEISO'）。 -![installing](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp) +![installing](../../../../../translated_images/zh-MO/install-on-edge.78634f02842c4828.webp) 在擴充介面中輸入 API 金鑰和地區代碼後，瀏覽器擴充工具列中的彩色圓點會隨之變化，反映您所在地區的能源使用情況，並提示您進行哪些活動是適合的。這個「圓點」系統的概念靈感來自於加州排放量的 [Energy Lollipop 擴充功能](https://energylollipop.com/)。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.ms.md b/translations/mo/5-browser-extension/solution/translation/README.ms.md index 3069e9f0d..5b0435ea0 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.ms.md +++ b/translations/mo/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 CO2 Signal API 來監測電力使用情況，建立一個瀏覽器擴充功能，讓您能在瀏覽器中收到關於您所在區域電力使用情況的提醒。使用這個擴充功能可以幫助您根據這些資訊來調整您的活動。 -![瀏覽器擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![瀏覽器擴充功能截圖](../../../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 從這裡開始 @@ -31,7 +31,7 @@ npm run build 要在 Edge 瀏覽器中安裝，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。根據提示打開 'dist' 資料夾，擴充功能就會被載入。要使用它，您需要一個 CO2 Signal API 的 API 金鑰（[在這裡透過電子郵件獲取](https://www.co2signal.com/) - 在頁面上的框中輸入您的電子郵件）以及 [您的區域代碼](http://api.electricitymap.org/v3/zones)，該代碼與 [電力地圖](https://www.electricitymap.org/map) 相符（例如，在波士頓，我使用 'US-NEISO'）。 -![正在下載](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp) +![正在下載](../../../../../translated_images/zh-MO/install-on-edge.78634f02842c4828.webp) 當您將 API 金鑰和區域代碼輸入到擴充功能介面後，瀏覽器擴充功能列上的彩色點將會改變，以反映您所在區域的能源使用情況，並提供您適合進行的活動建議。這個「點」系統的概念是受到 [Energy Lollipop 瀏覽器擴充功能](https://energylollipop.com/) 的啟發，該擴充功能專為加州的排放量設計。 diff --git a/translations/mo/5-browser-extension/start/README.md b/translations/mo/5-browser-extension/start/README.md index 77e9e4932..825910cd7 100644 --- a/translations/mo/5-browser-extension/start/README.md +++ b/translations/mo/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，建立一個瀏覽器擴充功能，讓您可以在瀏覽器中即時提醒所在區域的電力使用負荷。透過這個擴充功能，您可以根據資訊來判斷是否進行某些活動。 -![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp) +![擴充功能截圖](../../../../translated_images/zh-MO/extension-screenshot.0e7f5bfa110e92e3.webp) ## 開始使用 @@ -31,7 +31,7 @@ npm run build 在 Edge 瀏覽器中安裝擴充功能，使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰（[在此處透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面輸入您的電子郵件）以及對應 [Electricity Map](https://www.electricitymap.org/map) 的區域代碼（例如，在波士頓，我使用 'US-NEISO'，可在 [此處](http://api.electricitymap.org/v3/zones) 找到）。 -![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp) +![安裝擴充功能](../../../../translated_images/zh-MO/install-on-edge.78634f02842c4828.webp) 一旦在擴充功能介面中輸入 API 金鑰和區域代碼，瀏覽器擴充功能欄中的彩色點應會改變，反映您所在區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合進行。這個「點」系統的概念來自 [Energy Lollipop 擴充功能](https://energylollipop.com/)，該擴充功能專注於加州的排放情況。 diff --git a/translations/mo/6-space-game/2-drawing-to-canvas/README.md b/translations/mo/6-space-game/2-drawing-to-canvas/README.md index dde4475a1..4cbd83bcc 100644 --- a/translations/mo/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/mo/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![Canvas 的網格](../../../../translated_images/mo/canvas_grid.5f209da785ded492.webp) +![Canvas 的網格](../../../../translated_images/zh-MO/canvas_grid.5f209da785ded492.webp) > 圖片來源：[MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) 要在 Canvas 元素上繪圖，你需要遵循三個步驟，這是所有 Canvas 圖形的基礎。一旦你多次完成這些步驟，它就會變得非常自然： @@ -329,11 +329,11 @@ flowchart TD - 英雄飛船 - ![英雄飛船](../../../../translated_images/mo/player.dd24c1afa8c71e9b.webp) + ![英雄飛船](../../../../translated_images/zh-MO/player.dd24c1afa8c71e9b.webp) - 5×5 怪物 - ![怪物飛船](../../../../translated_images/mo/enemyShip.5df2a822c16650c2.webp) + ![怪物飛船](../../../../translated_images/zh-MO/enemyShip.5df2a822c16650c2.webp) ### 建議的開發步驟 @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { 完成的結果應該看起來像這樣： -![黑色螢幕上有一個英雄和5*5的怪物](../../../../translated_images/mo/partI-solution.36c53b48c9ffae2a.webp) +![黑色螢幕上有一個英雄和5*5的怪物](../../../../translated_images/zh-MO/partI-solution.36c53b48c9ffae2a.webp) ## 解決方案 diff --git a/translations/mo/6-space-game/5-keeping-score/README.md b/translations/mo/6-space-game/5-keeping-score/README.md index 7afae896a..746438e76 100644 --- a/translations/mo/6-space-game/5-keeping-score/README.md +++ b/translations/mo/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **得分系統**：每摧毀一艘敵方飛船可獲得 100 分（整數更容易讓玩家心算）。得分顯示在左下角。 -- **生命計數器**：你的英雄從三條生命開始——這是早期街機遊戲為了平衡挑戰與可玩性而設立的標準。每次與敵人碰撞會損失一條生命。我們將使用飛船圖標在右下角顯示剩餘生命 ![life image](../../../../translated_images/mo/life.6fb9f50d53ee0413.webp)。 +- **生命計數器**：你的英雄從三條生命開始——這是早期街機遊戲為了平衡挑戰與可玩性而設立的標準。每次與敵人碰撞會損失一條生命。我們將使用飛船圖標在右下角顯示剩餘生命 ![life image](../../../../translated_images/zh-MO/life.6fb9f50d53ee0413.webp)。 ## 開始建造！ diff --git a/translations/mo/7-bank-project/1-template-route/README.md b/translations/mo/7-bank-project/1-template-route/README.md index 19e7414b1..f8ddc24e1 100644 --- a/translations/mo/7-bank-project/1-template-route/README.md +++ b/translations/mo/7-bank-project/1-template-route/README.md @@ -652,7 +652,7 @@ sequenceDiagram 使用 `history.pushState` 創建瀏覽器導航歷史中的新條目。您可以通過按住瀏覽器的*後退按鈕*來檢查，它應顯示如下內容： -![導航歷史截圖](../../../../translated_images/mo/history.7fdabbafa521e064.webp) +![導航歷史截圖](../../../../translated_images/zh-MO/history.7fdabbafa521e064.webp) 如果您嘗試多次點擊後退按鈕，您會看到當前 URL 發生了變化，歷史記錄已更新，但顯示的模板保持不變。 diff --git a/translations/mo/7-bank-project/2-forms/README.md b/translations/mo/7-bank-project/2-forms/README.md index 21e31e054..be898939a 100644 --- a/translations/mo/7-bank-project/2-forms/README.md +++ b/translations/mo/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ graph TD 2. 觀察瀏覽器地址欄的變化 3. 注意頁面如何重新加載以及數據如何出現在URL中 -![點擊註冊按鈕後瀏覽器URL變化的截圖](../../../../translated_images/mo/click-register.e89a30bf0d4bc9ca.webp) +![點擊註冊按鈕後瀏覽器URL變化的截圖](../../../../translated_images/zh-MO/click-register.e89a30bf0d4bc9ca.webp) ### HTTP方法比較 @@ -350,7 +350,7 @@ graph TD 2. **點擊**"創建帳戶"按鈕 3. **觀察**瀏覽器中的伺服器響應 -![瀏覽器窗口顯示地址localhost:5000/api/accounts，並顯示包含用戶數據的JSON字符串](../../../../translated_images/mo/form-post.61de4ca1b964d91a.webp) +![瀏覽器窗口顯示地址localhost:5000/api/accounts，並顯示包含用戶數據的JSON字符串](../../../../translated_images/zh-MO/form-post.61de4ca1b964d91a.webp) **你應該看到：** - **瀏覽器重定向**到API端點URL @@ -615,7 +615,7 @@ async function register() { 3. **點擊**「建立帳戶」 4. **觀察**主控台訊息和使用者回饋 -![顯示瀏覽器主控台中日誌訊息的截圖](../../../../translated_images/mo/browser-console.efaf0b51aaaf6778.webp) +![顯示瀏覽器主控台中日誌訊息的截圖](../../../../translated_images/zh-MO/browser-console.efaf0b51aaaf6778.webp) **您應該看到：** - **加載狀態**出現在提交按鈕上 @@ -790,7 +790,7 @@ input:focus:invalid { 3. **嘗試**在使用者名稱欄位中輸入特殊字元 4. **輸入**負餘額金額 -![顯示嘗試提交表單時的驗證錯誤截圖](../../../../translated_images/mo/validation-error.8bd23e98d416c22f.webp) +![顯示嘗試提交表單時的驗證錯誤截圖](../../../../translated_images/zh-MO/validation-error.8bd23e98d416c22f.webp) **您將觀察到：** - **瀏覽器顯示**原生驗證訊息 @@ -950,7 +950,7 @@ timeline 以下是添加一些 CSS 樣式後，最終登入頁面的範例： -![添加 CSS 樣式後的登入頁面截圖](../../../../translated_images/mo/result.96ef01f607bf856a.webp) +![添加 CSS 樣式後的登入頁面截圖](../../../../translated_images/zh-MO/result.96ef01f607bf856a.webp) ## 課後測驗 diff --git a/translations/mo/7-bank-project/3-data/README.md b/translations/mo/7-bank-project/3-data/README.md index 5facc53b3..3d39a44be 100644 --- a/translations/mo/7-bank-project/3-data/README.md +++ b/translations/mo/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![多頁應用程式的更新工作流程](../../../../translated_images/mo/mpa.7f7375a1a2d4aa77.webp) +![多頁應用程式的更新工作流程](../../../../translated_images/zh-MO/mpa.7f7375a1a2d4aa77.webp) **為什麼這種方法感覺很笨重：** - 每次點擊都意味著完全重建整個頁面 @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![單頁應用程式的更新工作流程](../../../../translated_images/mo/spa.268ec73b41f992c2.webp) +![單頁應用程式的更新工作流程](../../../../translated_images/zh-MO/spa.268ec73b41f992c2.webp) **為什麼 SPA 感覺更好：** - 只有實際更改的部分會被更新（聰明吧？） @@ -523,7 +523,7 @@ if (data.error) { 現在，當你使用無效帳號進行測試時，會在頁面上看到有用的錯誤訊息！ -![顯示登入錯誤訊息的截圖](../../../../translated_images/mo/login-error.416fe019b36a6327.webp) +![顯示登入錯誤訊息的截圖](../../../../translated_images/zh-MO/login-error.416fe019b36a6327.webp) #### 步驟 4：注重無障礙設計 @@ -961,7 +961,7 @@ timeline 以下是一個精美儀表板的示例： -![儀表板樣例結果的截圖](../../../../translated_images/mo/screen2.123c82a831a1d14a.webp) +![儀表板樣例結果的截圖](../../../../translated_images/zh-MO/screen2.123c82a831a1d14a.webp) 不必完全匹配此設計——將其作為靈感，創造屬於你的風格！ diff --git a/translations/mo/7-bank-project/4-state-management/README.md b/translations/mo/7-bank-project/4-state-management/README.md index dc4a9769a..ba52e530c 100644 --- a/translations/mo/7-bank-project/4-state-management/README.md +++ b/translations/mo/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ mindmap 與其徒勞無功地追逐問題，我們將創建一個**集中式狀態管理**系統。可以將其想像成一個非常有條理的人，負責所有重要的事情： -![顯示HTML、用戶操作和狀態之間數據流的架構圖](../../../../translated_images/mo/data-flow.fa2354e0908fecc8.webp) +![顯示HTML、用戶操作和狀態之間數據流的架構圖](../../../../translated_images/zh-MO/data-flow.fa2354e0908fecc8.webp) ```mermaid flowchart TD @@ -804,7 +804,7 @@ timeline 以下是完成作業後的示例結果： -![顯示示例“添加交易”對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.webp) +![顯示示例“添加交易”對話框的截圖](../../../../translated_images/zh-MO/dialog.93bba104afeb79f1.webp) --- diff --git a/translations/mo/7-bank-project/4-state-management/assignment.md b/translations/mo/7-bank-project/4-state-management/assignment.md index d26ba350f..b3726b581 100644 --- a/translations/mo/7-bank-project/4-state-management/assignment.md +++ b/translations/mo/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **預期結果：** 完成這項作業後，您的銀行應用程式應具備一個功能完善的「新增交易」功能，並且外觀和行為都達到專業水準： -![顯示範例「新增交易」對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.webp) +![顯示範例「新增交易」對話框的截圖](../../../../translated_images/zh-MO/dialog.93bba104afeb79f1.webp) ## 測試您的實現 diff --git a/translations/mo/7-bank-project/README.md b/translations/mo/7-bank-project/README.md index bb8f501ff..9582279ed 100644 --- a/translations/mo/7-bank-project/README.md +++ b/translations/mo/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 在這個專案中，你將學習如何建立一個虛構的銀行。這些課程包含了如何設計網頁應用程式的佈局和路由、建立表單、管理狀態，以及從 API 獲取銀行數據的教學。 -| ![Screen1](../../../translated_images/mo/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/mo/screen2.123c82a831a1d14a.webp) | +| ![Screen1](../../../translated_images/zh-MO/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/zh-MO/screen2.123c82a831a1d14a.webp) | |--------------------------------|--------------------------------| ## 課程 diff --git a/translations/mo/8-code-editor/1-using-a-code-editor/README.md b/translations/mo/8-code-editor/1-using-a-code-editor/README.md index 8be9be01a..596c6974f 100644 --- a/translations/mo/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/mo/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev 將這些功能帶到你的瀏覽器中： 一切加載完成後，你會看到一個設計簡潔的工作空間，旨在讓你專注於重要的事情——你的程式碼！ -![VSCode.dev 預設界面](../../../../translated_images/mo/default-vscode-dev.5d06881d65c1b323.webp) +![VSCode.dev 預設界面](../../../../translated_images/zh-MO/default-vscode-dev.5d06881d65c1b323.webp) **以下是你的工作空間導覽：** - **活動欄**（左側的那條）：你的主要導航，包括 Explorer 📁、Search 🔍、Source Control 🌿、Extensions 🧩 和 Settings ⚙️ @@ -233,7 +233,7 @@ flowchart TB 1. 如果你還未進入，請前往 [vscode.dev](https://vscode.dev) 2. 在歡迎界面上找到「Open Remote Repository」按鈕並點擊 - ![打開遠端儲存庫](../../../../translated_images/mo/open-remote-repository.bd9c2598b8949e7f.webp) + ![打開遠端儲存庫](../../../../translated_images/zh-MO/open-remote-repository.bd9c2598b8949e7f.webp) 3. 貼上任何 GitHub 儲存庫 URL（試試這個：`https://github.com/microsoft/Web-Dev-For-Beginners`） 4. 按下 Enter，見證奇蹟！ @@ -242,7 +242,7 @@ flowchart TB 想感受像程式碼巫師一樣的感覺嗎？試試這個鍵盤快捷鍵：Ctrl+Shift+P（Mac 上為 Cmd+Shift+P）打開命令面板： -![命令面板](../../../../translated_images/mo/palette-menu.4946174e07f42622.webp) +![命令面板](../../../../translated_images/zh-MO/palette-menu.4946174e07f42622.webp) **命令面板就像一個搜索引擎，能找到你能做的一切：** - 輸入「open remote」，它會幫你找到儲存庫打開器 @@ -304,7 +304,7 @@ flowchart TB 3. 輸入檔案名，包括適當的副檔名（例如 `style.css`、`script.js`、`index.html`） 4. 按下 Enter 創建檔案 -![創建新檔案](../../../../translated_images/mo/create-new-file.2814e609c2af9aeb.webp) +![創建新檔案](../../../../translated_images/zh-MO/create-new-file.2814e609c2af9aeb.webp) **命名規則：** - 使用描述性名稱來指示檔案用途 @@ -322,7 +322,7 @@ flowchart TB 2. 開始輸入，觀察 VSCode.dev 如何用顏色、建議和錯誤檢測幫助你 3. 使用 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存你的工作——雖然它也會自動保存！ -![在 VSCode.dev 中編輯檔案](../../../../translated_images/mo/edit-a-file.52c0ee665ef19f08.webp) +![在 VSCode.dev 中編輯檔案](../../../../translated_images/zh-MO/edit-a-file.52c0ee665ef19f08.webp) **編碼時發生的酷炫事情：** - 你的程式碼會被美麗地著色，便於閱讀 @@ -343,7 +343,7 @@ flowchart TB 2. 修改過的檔案會出現在「更改」部分 3. 顏色編碼指示更改類型：綠色表示新增，紅色表示刪除 -![在原始碼控制中查看更改](../../../../translated_images/mo/working-tree.c58eec08e6335c79.webp) +![在原始碼控制中查看更改](../../../../translated_images/zh-MO/working-tree.c58eec08e6335c79.webp) **保存你的工作（提交工作流程）：** @@ -437,7 +437,7 @@ mindmap 2. 隨意瀏覽或搜索特定內容 3. 點擊任何看起來有趣的項目以了解更多資訊 -![擴展市場介面](../../../../translated_images/mo/extensions.eca0e0c7f59a10b5.webp) +![擴展市場介面](../../../../translated_images/zh-MO/extensions.eca0e0c7f59a10b5.webp) **你會在裡面看到什麼：** @@ -488,7 +488,7 @@ mindmap 3. 從下拉選單中選擇 "擴展設定" 4. 調整設定，直到符合你的工作流程需求 -![自訂擴展設定](../../../../translated_images/mo/extension-settings.21c752ae4f4cdb78.webp) +![自訂擴展設定](../../../../translated_images/zh-MO/extension-settings.21c752ae4f4cdb78.webp) **你可能想調整的常見設定：** - 程式碼的格式化方式（例如使用 Tab 還是空格、行長度等） diff --git a/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md b/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md index 3bb32cfbc..10e2eb7ca 100644 --- a/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **撰寫**提交訊息：「添加初始 HTML 結構」 5. **點擊**「Commit new file」保存更改 -![在 GitHub 上建立初始檔案](../../../../translated_images/mo/new-file-github.com.c886796d800e8056.webp) +![在 GitHub 上建立初始檔案](../../../../translated_images/zh-MO/new-file-github.com.c886796d800e8056.webp) **以下是此初始設置的作用：** - **建立**具有語義元素的正確 HTML5 文件結構 @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **成功指標**：您應該能在 Explorer 側邊欄中看到您的專案檔案，並在主編輯區域中編輯 `index.html`。 -![在 VSCode.dev 中載入專案](../../../../translated_images/mo/project-on-vscode.dev.e79815a9a95ee7fe.webp) +![在 VSCode.dev 中載入專案](../../../../translated_images/zh-MO/project-on-vscode.dev.e79815a9a95ee7fe.webp) **您在介面中會看到：** - **Explorer 側邊欄**：**顯示**您的儲存庫檔案和文件結構 @@ -448,7 +448,7 @@ li:before { **安裝後的即時效果：** 安裝 CodeSwing 後，您將看到履歷網站的即時預覽出現在編輯器中。這讓您能夠在進行更改時即時查看網站的外觀。 -![CodeSwing 擴展顯示即時預覽](../../../../translated_images/mo/after-codeswing-extension-pb.0ebddddcf73b5509.webp) +![CodeSwing 擴展顯示即時預覽](../../../../translated_images/zh-MO/after-codeswing-extension-pb.0ebddddcf73b5509.webp) **理解增強的介面：** - **分屏視圖**：**顯示**一側的程式碼和另一側的即時預覽 diff --git a/translations/mo/9-chat-project/README.md b/translations/mo/9-chat-project/README.md index 3c68bc474..56326b7b6 100644 --- a/translations/mo/9-chat-project/README.md +++ b/translations/mo/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) 以下是完成的專案外觀： -![聊天應用程式介面顯示用戶與 AI 助手之間的對話](../../../translated_images/mo/screenshot.0a1ee0d123df681b.webp) +![聊天應用程式介面顯示用戶與 AI 助手之間的對話](../../../translated_images/zh-MO/screenshot.0a1ee0d123df681b.webp) ## 🗺️ AI應用程式開發的學習旅程 @@ -194,7 +194,7 @@ mindmap **核心原則**：AI應用程式開發結合了傳統的網頁開發技能與AI服務整合，創造出智能化且對用戶自然且反應迅速的應用程式。 -![GitHub Models AI Playground介面，顯示模型選擇和測試區域](../../../translated_images/mo/playground.d2b927122224ff8f.webp) +![GitHub Models AI Playground介面，顯示模型選擇和測試區域](../../../translated_images/zh-MO/playground.d2b927122224ff8f.webp) **Playground的實用之處：** - **嘗試**不同的AI模型，例如GPT-4o-mini、Claude等（全部免費！） @@ -204,7 +204,7 @@ mindmap 玩了一會兒後，只需點擊 "Code" 標籤，選擇你的程式語言，即可獲得所需的實現程式碼。 -![Playground選擇顯示不同程式語言的程式碼生成選項](../../../translated_images/mo/playground-choice.1d23ba7d407f4758.webp) +![Playground選擇顯示不同程式語言的程式碼生成選項](../../../translated_images/zh-MO/playground-choice.1d23ba7d407f4758.webp) ## 設置 Python 後端整合 @@ -2364,14 +2364,14 @@ mindmap - **導航**到 [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **點擊**右上角的 "Use this template"（確保你已登錄 GitHub） -![顯示綠色 "Use this template" 按鈕的模板創建界面](../../../translated_images/mo/template.67ad477109d29a2b.webp) +![顯示綠色 "Use this template" 按鈕的模板創建界面](../../../translated_images/zh-MO/template.67ad477109d29a2b.webp) **步驟 2：啟動 Codespaces** - **打開**你新創建的倉庫 - **點擊**綠色的 "Code" 按鈕並選擇 "Codespaces" - **選擇** "Create codespace on main" 以啟動你的開發環境 -![顯示啟動雲端開發環境選項的 Codespace 創建界面](../../../translated_images/mo/codespace.bcecbdf5d2747d3d.webp) +![顯示啟動雲端開發環境選項的 Codespace 創建界面](../../../translated_images/zh-MO/codespace.bcecbdf5d2747d3d.webp) **步驟 3：環境配置** 當你的 Codespace 加載完成後，你將擁有以下功能： diff --git a/translations/mo/README.md b/translations/mo/README.md index 7743d8661..0c1f3f75c 100644 --- a/translations/mo/README.md +++ b/translations/mo/README.md @@ -72,13 +72,13 @@ CO_OP_TRANSLATOR_METADATA: 造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！ -![Background](../../translated_images/mo/background.148a8d43afde5730.webp) +![Background](../../translated_images/zh-MO/background.148a8d43afde5730.webp) - 課程涵蓋從基礎到 RAG。 - 使用 GenAI 及配套應用與歷史人物互動。 - 趣味且引人入勝的故事，讓你時光旅行！ -![character](../../translated_images/mo/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/zh-MO/character.5c0dd8e067ffd693.webp) 每節課附有作業、知識檢核及挑戰，引導你學習如下主題： @@ -115,7 +115,7 @@ CO_OP_TRANSLATOR_METADATA: 在你建立的儲存庫副本中，點擊 **Code** 按鈕並選擇 **Open with Codespaces**。這將為你建立一個新的 Codespace 工作區。 -![Codespace](../../translated_images/mo/createcodespace.0238bbf4d7a8d955.webp) +![Codespace](../../translated_images/zh-MO/createcodespace.0238bbf4d7a8d955.webp) #### 在本機電腦執行課程 diff --git a/translations/mo/for-teachers.md b/translations/mo/for-teachers.md index 35679c928..5878d21a1 100644 --- a/translations/mo/for-teachers.md +++ b/translations/mo/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud 對 Common Cartridge 的支持有限。建議使用上述 Moodle 文件，該文件也可上傳至 Canvas。 - 導入後，請檢查模組、截止日期和測驗設置，以符合您的學期安排。 -![Moodle](../../translated_images/mo/moodle.94eb93d714a50cb2.webp) +![Moodle](../../translated_images/zh-MO/moodle.94eb93d714a50cb2.webp) > Moodle 課堂中的課程內容 -![Canvas](../../translated_images/mo/canvas.fbd605ff8e5b8aff.webp) +![Canvas](../../translated_images/zh-MO/canvas.fbd605ff8e5b8aff.webp) > Canvas 課堂中的課程內容 ### 直接使用倉庫（不使用 Classroom） diff --git a/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 2782388b9..212b028b9 100644 --- a/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Olha, eu entendo perfeitamente se a programação te parecer intimidante neste m Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não só possível, mas mesmo viciante. Estou a falar dos mesmos editores, browsers e fluxos de trabalho que os programadores da Netflix, Spotify e do teu estúdio indie favorito usam todos os dias. E aqui está a parte que te vai fazer dançar de alegria: a maioria destas ferramentas profissionais e padrão na indústria é completamente gratuita! -![Intro Programming](../../../../translated_images/pt/webdev101-programming.d6e3f98e61ac4bff.webp) +![Intro Programming](../../../../translated_images/pt-PT/webdev101-programming.d6e3f98e61ac4bff.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/1-getting-started-lessons/2-github-basics/README.md b/translations/pt/1-getting-started-lessons/2-github-basics/README.md index b38b7cd0f..7d650ffae 100644 --- a/translations/pt/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/pt/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Sei que isto pode parecer muito no início – até eu me lembro de olhar para a Vamos fazer esta viagem juntos, passo a passo. Sem pressas, sem pressão – só tu, eu, e algumas ferramentas realmente fixes que vão passar a ser os teus novos melhores amigos! -![Intro to GitHub](../../../../translated_images/pt/webdev101-github.8846d7971abef6f9.webp) +![Intro to GitHub](../../../../translated_images/pt-PT/webdev101-github.8846d7971abef6f9.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -605,7 +605,7 @@ Primeiro, vamos encontrar um repositório (ou **repo**) no GitHub que seja do se ✅ Uma boa forma de encontrar repositórios 'amigáveis para iniciantes' é [pesquisar pela tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Copiar um repo localmente](../../../../translated_images/pt/clone_repo.5085c48d666ead57.webp) +![Copiar um repo localmente](../../../../translated_images/pt-PT/clone_repo.5085c48d666ead57.webp) Existem várias formas de copiar código. Uma forma é "clonar" o conteúdo do repositório, usando HTTPS, SSH, ou usando o GitHub CLI (Interface de Linha de Comandos do GitHub). diff --git a/translations/pt/1-getting-started-lessons/3-accessibility/README.md b/translations/pt/1-getting-started-lessons/3-accessibility/README.md index 4a145d6a0..9607584bb 100644 --- a/translations/pt/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/pt/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Criar Páginas Web Acessíveis -![Tudo sobre Acessibilidade](../../../../translated_images/pt/webdev101-a11y.8ef3025c858d897a.webp) +![Tudo sobre Acessibilidade](../../../../translated_images/pt-PT/webdev101-a11y.8ef3025c858d897a.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Cada imagem no seu site tem um propósito. Perceber esse propósito ajuda a escr **Imagens informativas** – transmitem informação importante: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Imagens decorativas** – apenas visuais, sem valor informacional: ```html - + ``` **Imagens funcionais** – usadas como botões ou controlos: @@ -1066,7 +1066,7 @@ Cada imagem no seu site tem um propósito. Perceber esse propósito ajuda a escr **Imagens complexas** – gráficos, diagramas, infografias: ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1106,7 +1106,7 @@ Cada imagem no seu site tem um propósito. Perceber esse propósito ajuda a escr - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/pt/2-js-basics/1-data-types/README.md b/translations/pt/2-js-basics/1-data-types/README.md index 85215e2df..c41de6d83 100644 --- a/translations/pt/2-js-basics/1-data-types/README.md +++ b/translations/pt/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Fundamentos de JavaScript: Tipos de Dados -![JavaScript Basics - Data types](../../../../translated_images/pt/webdev101-js-datatypes.4cc470179730702c.webp) +![JavaScript Basics - Data types](../../../../translated_images/pt-PT/webdev101-js-datatypes.4cc470179730702c.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/2-js-basics/2-functions-methods/README.md b/translations/pt/2-js-basics/2-functions-methods/README.md index b9420900b..d23e43930 100644 --- a/translations/pt/2-js-basics/2-functions-methods/README.md +++ b/translations/pt/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Fundamentos do JavaScript: Métodos e Funções -![Fundamentos do JavaScript - Funções](../../../../translated_images/pt/webdev101-js-functions.be049c4726e94f8b.webp) +![Fundamentos do JavaScript - Funções](../../../../translated_images/pt-PT/webdev101-js-functions.be049c4726e94f8b.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/2-js-basics/3-making-decisions/README.md b/translations/pt/2-js-basics/3-making-decisions/README.md index 2cb8b33b3..0f718dc53 100644 --- a/translations/pt/2-js-basics/3-making-decisions/README.md +++ b/translations/pt/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Conceitos Básicos de JavaScript: Tomando Decisões -![JavaScript Basics - Making decisions](../../../../translated_images/pt/webdev101-js-decisions.69e1b20f272dd1f0.webp) +![JavaScript Basics - Making decisions](../../../../translated_images/pt-PT/webdev101-js-decisions.69e1b20f272dd1f0.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/pt/2-js-basics/4-arrays-loops/README.md b/translations/pt/2-js-basics/4-arrays-loops/README.md index e12d3ca92..61bcc9b83 100644 --- a/translations/pt/2-js-basics/4-arrays-loops/README.md +++ b/translations/pt/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Básico: Arrays e Loops -![JavaScript Básico - Arrays](../../../../translated_images/pt/webdev101-js-arrays.439d7528b8a29455.webp) +![JavaScript Básico - Arrays](../../../../translated_images/pt-PT/webdev101-js-arrays.439d7528b8a29455.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/3-terrarium/1-intro-to-html/README.md b/translations/pt/3-terrarium/1-intro-to-html/README.md index 9281f49de..a60e2f947 100644 --- a/translations/pt/3-terrarium/1-intro-to-html/README.md +++ b/translations/pt/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Enhance accessibility: 5: Student Build terrarium: 5: Student ``` -![Introdução ao HTML](../../../../translated_images/pt/webdev101-html.4389c2067af68e98.webp) +![Introdução ao HTML](../../../../translated_images/pt-PT/webdev101-html.4389c2067af68e98.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) HTML, ou HyperText Markup Language, é a base de todos os websites que alguma vez visitou. Pense no HTML como o esqueleto que dá estrutura às páginas web – define onde o conteúdo vai, como está organizado e o que cada parte representa. Enquanto o CSS mais tarde vai "vestir" o seu HTML com cores e layouts, e o JavaScript dará vida com interatividade, o HTML fornece a estrutura essencial que torna tudo o resto possível. @@ -86,7 +86,7 @@ Vai criar uma pasta dedicada para o seu projeto terrário e adicionar o seu prim 4. No painel Explorer, clique no ícone "New File" 5. Dê ao seu ficheiro o nome `index.html` -![Explorador do VS Code a mostrar criação de novo ficheiro](../../../../translated_images/pt/vs-code-index.e2986cf919471eb9.webp) +![Explorador do VS Code a mostrar criação de novo ficheiro](../../../../translated_images/pt-PT/vs-code-index.e2986cf919471eb9.webp) **Opção 2: Usar Comandos de Terminal** ```bash @@ -236,48 +236,48 @@ Agora adicione as imagens das plantas organizadas em duas colunas entre as suas
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/pt/3-terrarium/2-intro-to-css/README.md b/translations/pt/3-terrarium/2-intro-to-css/README.md index 4bb99f500..95f05f576 100644 --- a/translations/pt/3-terrarium/2-intro-to-css/README.md +++ b/translations/pt/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Design responsivo: 5: Student Reflexos em vidro: 5: Student ``` -![Introdução ao CSS](../../../../translated_images/pt/webdev101-css.3f7af5991bf53a20.webp) +![Introdução ao CSS](../../../../translated_images/pt-PT/webdev101-css.3f7af5991bf53a20.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Lembras-te como o teu terrário HTML parecia bastante básico? O CSS é onde transformamos essa estrutura simples numa coisa visualmente apelativa. @@ -202,7 +202,7 @@ body { Abre as ferramentas de desenvolvedor do teu navegador (F12), vai ao separador Elements (Elementos) e inspeciona o teu elemento `

`. Vais ver que herda a família de fontes do body: -![font herdada](../../../../translated_images/pt/1.cc07a5cbe114ad1d.webp) +![font herdada](../../../../translated_images/pt-PT/1.cc07a5cbe114ad1d.webp) ✅ **Hora do Experimento**: Experimenta definir outras propriedades herdáveis no `` como `color`, `line-height` ou `text-align`. O que acontece ao teu título e a outros elementos? @@ -332,7 +332,7 @@ No nosso terrário, cada planta precisa de um estilo semelhante mas também de p **Aqui está a estrutura HTML para cada planta:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Preparado para melhorar o teu terrário com reflexos realistas de vidro? Esta t Vais criar destaques subtis que simulam como a luz se reflete em superfícies de vidro. Esta abordagem é semelhante à utilizada por pintores renascentistas como Jan van Eyck, que usavam luz e reflexão para tornar o vidro pintado tridimensional. Eis o que queres alcançar: -![terrário acabado](../../../../translated_images/pt/terrarium-final.2f07047ffc597d0a.webp) +![terrário acabado](../../../../translated_images/pt-PT/terrarium-final.2f07047ffc597d0a.webp) **O teu desafio:** - **Criar** formas ovais subtis brancas ou de cores claras para os reflexos no vidro diff --git a/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md index 7f8b910df..341f2b3d6 100644 --- a/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Testar funcionalidade: 5: Student Completar terrário: 5: Student ``` -![DOM e um closure](../../../../translated_images/pt/webdev101-js.10280393044d7eaa.webp) +![DOM e um closure](../../../../translated_images/pt-PT/webdev101-js.10280393044d7eaa.webp) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Bem-vindo a um dos aspetos mais envolventes do desenvolvimento web - tornar as coisas interativas! O Modelo de Objeto de Documento (DOM) é como uma ponte entre o seu HTML e JavaScript, e hoje iremos usá-lo para dar vida ao seu terrário. Quando Tim Berners-Lee criou o primeiro navegador web, ele imaginou uma web onde os documentos poderiam ser dinâmicos e interativos - o DOM torna essa visão possível. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Representação da árvore DOM](../../../../translated_images/pt/dom-tree.7daf0e763cbbba92.webp) +![Representação da árvore DOM](../../../../translated_images/pt-PT/dom-tree.7daf0e763cbbba92.webp) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Compreender Closures**: Closures são um tema importante em JavaScript, e muitos programadores usam-nas durante anos antes de entenderem completamente todos os aspetos teóricos. Hoje, estamos focados na aplicação prática - verá as closures surgir naturalmente enquanto construímos as funcionalidades interativas. A compreensão desenvolver-se-á à medida que perceber como resolvem problemas reais. -![Representação da árvore DOM](../../../../translated_images/pt/dom-tree.7daf0e763cbbba92.webp) +![Representação da árvore DOM](../../../../translated_images/pt-PT/dom-tree.7daf0e763cbbba92.webp) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Agora teste o seu terrário interativo! Abra o ficheiro `index.html` num browser - **Suporte multi-dispositivo**: Funciona em desktop e móvel - **Consciência de desempenho**: Sem fugas de memória ou cálculos redundantes -![terrário terminado](../../../../translated_images/pt/terrarium-final.0920f16e87c13a84.webp) +![terrário terminado](../../../../translated_images/pt-PT/terrarium-final.0920f16e87c13a84.webp) --- diff --git a/translations/pt/5-browser-extension/1-about-browsers/README.md b/translations/pt/5-browser-extension/1-about-browsers/README.md index 570f95f4a..781e2d305 100644 --- a/translations/pt/5-browser-extension/1-about-browsers/README.md +++ b/translations/pt/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Depurar problemas: 4: Student Aperfeiçoar experiência: 5: Student ``` -![Browser sketchnote](../../../../translated_images/pt/browser.60317c9be8b7f84a.webp) +![Browser sketchnote](../../../../translated_images/pt-PT/browser.60317c9be8b7f84a.webp) > Sketchnote por [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Questionário Pré-Aula @@ -77,7 +77,7 @@ Este processo reflete como o primeiro navegador web, WorldWideWeb, foi criado po ✅ **Um pouco de história**: O primeiro navegador chamou-se 'WorldWideWeb' e foi criado por Sir Timothy Berners-Lee em 1990. -![early browsers](../../../../translated_images/pt/earlybrowsers.d984b711cdf3a42d.webp) +![early browsers](../../../../translated_images/pt-PT/earlybrowsers.d984b711cdf3a42d.webp) > Alguns navegadores iniciais, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Como os Navegadores Processam o Conteúdo Web @@ -194,7 +194,7 @@ quadrantChart Compreender o processo de instalação de extensões ajuda a antecipar a experiência do utilizador ao instalar a sua extensão. O processo de instalação está padronizado nos navegadores modernos, com pequenas variações no design da interface. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/pt/install-on-edge.d68781acaf0b3d3d.webp) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/pt-PT/install-on-edge.d68781acaf0b3d3d.webp) > **Importante**: Certifique-se de ativar o modo de desenvolvedor e permitir extensões de outras lojas ao testar as suas próprias extensões. @@ -308,10 +308,10 @@ Isto segue o princípio da divulgação progressiva utilizado no design de inter ### Visão Geral das Vistas da Extensão **Vista de Configuração** – Configuração do utilizador pela primeira vez: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/pt/1.b6da8c1394b07491.webp) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/pt-PT/1.b6da8c1394b07491.webp) **Vista de Resultados** – Exibição dos dados da pegada de carbono: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/pt/2.1dae52ff08042246.webp) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/pt-PT/2.1dae52ff08042246.webp) ### Construir o Formulário de Configuração diff --git a/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md index ac56f5550..5404d4df7 100644 --- a/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Remover dados guardados ClearStorage --> FirstTime: Voltar à configuração ``` -![Painel de armazenamento local](../../../../translated_images/pt/localstorage.472f8147b6a3f8d1.webp) +![Painel de armazenamento local](../../../../translated_images/pt-PT/localstorage.472f8147b6a3f8d1.webp) > ⚠️ **Consideração de Segurança**: Em aplicações de produção, armazenar chaves API no LocalStorage implica riscos de segurança, pois o JavaScript pode aceder a estes dados. Para fins de aprendizagem, esta abordagem funciona bem, mas aplicações reais devem usar armazenamento seguro do lado do servidor para credenciais sensíveis. diff --git a/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md index 448a5709a..cfc713395 100644 --- a/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Para abrir as Ferramentas de Desenvolvimento no Edge, clique nos três pontos no Vamos experimentar. Abra um website (o Microsoft.com funciona bem para isto) e clique no botão 'Gravar'. Agora recarregue a página e observe o perfilador capturar tudo o que acontece. Quando parar a gravação, verá uma descrição detalhada de como o navegador 'script', 'renderiza' e 'pinta' o site. Lembra-me de como o centro de controlo da missão monitoriza todos os sistemas durante o lançamento de um foguetão – obtém dados em tempo real exatamente sobre o que está a acontecer e quando. -![Edge profiler](../../../../translated_images/pt/profiler.5a4a62479c5df01c.webp) +![Edge profiler](../../../../translated_images/pt-PT/profiler.5a4a62479c5df01c.webp) ✅ A [Documentação da Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) tem muitos mais detalhes se quiser aprofundar @@ -133,11 +133,11 @@ Selecione elementos da linha do tempo do perfil para ampliar eventos que acontec Obtenha um instantâneo do desempenho da sua página selecionando uma parte da linha do tempo do perfil e olhando para o painel de resumo: -![Edge profiler snapshot](../../../../translated_images/pt/snapshot.97750180ebcad737.webp) +![Edge profiler snapshot](../../../../translated_images/pt-PT/snapshot.97750180ebcad737.webp) Verifique o painel do Registo de Eventos para ver se algum evento demorou mais de 15 ms: -![Edge event log](../../../../translated_images/pt/log.804026979f3707e0.webp) +![Edge event log](../../../../translated_images/pt-PT/log.804026979f3707e0.webp) ✅ Conheça o seu perfilador! Abra as ferramentas de desenvolvimento neste site e veja se há algum estrangulamento. Qual o recurso que demora mais a carregar? E o mais rápido? diff --git a/translations/pt/6-space-game/2-drawing-to-canvas/README.md b/translations/pt/6-space-game/2-drawing-to-canvas/README.md index 12b73111f..9ff7b01e7 100644 --- a/translations/pt/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/pt/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![a grelha do canvas](../../../../translated_images/pt/canvas_grid.5f209da785ded492.webp) +![a grelha do canvas](../../../../translated_images/pt-PT/canvas_grid.5f209da785ded492.webp) > Imagem de [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Para desenhar no elemento canvas, vai seguir o mesmo processo em três passos que forma a base de todos os gráficos em canvas. Depois de o fazer algumas vezes, torna-se natural: @@ -323,11 +323,11 @@ Vai construir uma página web com um elemento Canvas. Deve renderizar um ecrã p - Nave herói - ![Nave herói](../../../../translated_images/pt/player.dd24c1afa8c71e9b.webp) + ![Nave herói](../../../../translated_images/pt-PT/player.dd24c1afa8c71e9b.webp) - Monstro 5*5 - ![Nave monstro](../../../../translated_images/pt/enemyShip.5df2a822c16650c2.webp) + ![Nave monstro](../../../../translated_images/pt-PT/enemyShip.5df2a822c16650c2.webp) ### Passos recomendados para começar o desenvolvimento @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { O resultado final deve parecer assim: -![Ecrã preto com um herói e 5*5 monstros](../../../../translated_images/pt/partI-solution.36c53b48c9ffae2a.webp) +![Ecrã preto com um herói e 5*5 monstros](../../../../translated_images/pt-PT/partI-solution.36c53b48c9ffae2a.webp) ## Solução diff --git a/translations/pt/6-space-game/5-keeping-score/README.md b/translations/pt/6-space-game/5-keeping-score/README.md index 744b2be3b..ce7cd1a1a 100644 --- a/translations/pt/6-space-game/5-keeping-score/README.md +++ b/translations/pt/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Sistema de pontuação**: Cada nave inimiga destruída atribui 100 pontos (números arredondados são mais fáceis para os jogadores calcularem mentalmente). A pontuação é mostrada no canto inferior esquerdo. -- **Contador de vidas**: O teu herói começa com três vidas - um padrão estabelecido pelos primeiros jogos arcade para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos mostrar as vidas restantes no canto inferior direito usando ícones de navio ![life image](../../../../translated_images/pt/life.6fb9f50d53ee0413.webp). +- **Contador de vidas**: O teu herói começa com três vidas - um padrão estabelecido pelos primeiros jogos arcade para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos mostrar as vidas restantes no canto inferior direito usando ícones de navio ![life image](../../../../translated_images/pt-PT/life.6fb9f50d53ee0413.webp). ## Vamos Construir! diff --git a/translations/pt/7-bank-project/1-template-route/README.md b/translations/pt/7-bank-project/1-template-route/README.md index 526716be7..59a82f400 100644 --- a/translations/pt/7-bank-project/1-template-route/README.md +++ b/translations/pt/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Usar `history.pushState` cria novas entradas no histórico de navegação do browser. Pode verificar isso segurando o *botão de retrocesso* do seu browser, deverá aparecer algo assim: -![Screenshot of navigation history](../../../../translated_images/pt/history.7fdabbafa521e064.webp) +![Screenshot of navigation history](../../../../translated_images/pt-PT/history.7fdabbafa521e064.webp) Se tentar clicar várias vezes no botão de retrocesso, verá que a URL atual muda e o histórico é atualizado, mas o mesmo template continua a ser mostrado. diff --git a/translations/pt/7-bank-project/2-forms/README.md b/translations/pt/7-bank-project/2-forms/README.md index 564547cc9..2c0a5e5db 100644 --- a/translations/pt/7-bank-project/2-forms/README.md +++ b/translations/pt/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Primeiro, observe o que acontece com a submissão básica do formulário: 2. Observe as mudanças na barra de endereço do navegador 3. Repare como a página recarrega e os dados aparecem na URL -![Captura de ecrã da alteração da URL do navegador após clicar no botão Registar](../../../../translated_images/pt/click-register.e89a30bf0d4bc9ca.webp) +![Captura de ecrã da alteração da URL do navegador após clicar no botão Registar](../../../../translated_images/pt-PT/click-register.e89a30bf0d4bc9ca.webp) ### Comparação dos Métodos HTTP @@ -346,7 +346,7 @@ Vamos configurar o seu formulário de registo para comunicar corretamente com a 2. **Clique** no botão "Criar Conta" 3. **Observe** a resposta do servidor no seu navegador -![Janela do navegador com o endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do utilizador](../../../../translated_images/pt/form-post.61de4ca1b964d91a.webp) +![Janela do navegador com o endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do utilizador](../../../../translated_images/pt-PT/form-post.61de4ca1b964d91a.webp) **O que deverá ver:** - **O navegador redireciona** para a URL do endpoint da API @@ -609,7 +609,7 @@ async function register() { 3. **Clique** em "Criar Conta" 4. **Observe** as mensagens na consola e o feedback ao utilizador -![Screenshot mostrando mensagem de registo na consola do navegador](../../../../translated_images/pt/browser-console.efaf0b51aaaf6778.webp) +![Screenshot mostrando mensagem de registo na consola do navegador](../../../../translated_images/pt-PT/browser-console.efaf0b51aaaf6778.webp) **O que deve observar:** - **Estado de carregamento** aparece no botão de envio @@ -783,7 +783,7 @@ Vamos reforçar o seu formulário de registo com validação robusta que fornece 3. **Tente** caracteres especiais no campo do nome de utilizador 4. **Introduza** um valor negativo no saldo -![Captura de ecrã mostrando erro de validação ao tentar submeter o formulário](../../../../translated_images/pt/validation-error.8bd23e98d416c22f.webp) +![Captura de ecrã mostrando erro de validação ao tentar submeter o formulário](../../../../translated_images/pt-PT/validation-error.8bd23e98d416c22f.webp) **O que irá observar:** - **O navegador exibe** mensagens de validação nativas @@ -943,7 +943,7 @@ Mostre uma mensagem de erro no HTML se o utilizador já existir. Aqui está um exemplo de como pode ficar a página de login final após alguma estilização: -![Screenshot da página de login após adicionar estilos CSS](../../../../translated_images/pt/result.96ef01f607bf856a.webp) +![Screenshot da página de login após adicionar estilos CSS](../../../../translated_images/pt-PT/result.96ef01f607bf856a.webp) ## Quiz Pós-Lição diff --git a/translations/pt/7-bank-project/3-data/README.md b/translations/pt/7-bank-project/3-data/README.md index fe274703b..762a4eaac 100644 --- a/translations/pt/7-bank-project/3-data/README.md +++ b/translations/pt/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Devolve página HTML completa Browser->>User: Mostra nova página (flash/recarregamento) ``` -![Fluxo de atualização numa aplicação de múltiplas páginas](../../../../translated_images/pt/mpa.7f7375a1a2d4aa77.webp) +![Fluxo de atualização numa aplicação de múltiplas páginas](../../../../translated_images/pt-PT/mpa.7f7375a1a2d4aa77.webp) **Porque este método parecia pesado:** - Cada clique implicava reconstruir a página inteira do zero @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Actualiza elementos específicos da página Browser->>User: Mostra conteúdo actualizado (sem recarregar) ``` -![Fluxo de atualização numa aplicação de página única](../../../../translated_images/pt/spa.268ec73b41f992c2.webp) +![Fluxo de atualização numa aplicação de página única](../../../../translated_images/pt-PT/spa.268ec73b41f992c2.webp) **Porque é que as SPAs parecem muito melhores:** - Só as partes que realmente mudaram são atualizadas (inteligente, certo?) @@ -516,7 +516,7 @@ if (data.error) { Agora, quando testar com uma conta inválida, verá uma mensagem de erro útil diretamente na página! -![Screenshot mostrando a mensagem de erro exibida durante o login](../../../../translated_images/pt/login-error.416fe019b36a6327.webp) +![Screenshot mostrando a mensagem de erro exibida durante o login](../../../../translated_images/pt-PT/login-error.416fe019b36a6327.webp) #### Passo 4: Ser Inclusivo com Acessibilidade @@ -950,7 +950,7 @@ Pronto para levar a sua aplicação bancária para o próximo nível? Vamos torn Aqui está como um painel polido poderia parecer: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/pt/screen2.123c82a831a1d14a.webp) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/pt-PT/screen2.123c82a831a1d14a.webp) Não sinta que tem de corresponder exatamente a isto – use como inspiração e torne-o seu! diff --git a/translations/pt/7-bank-project/4-state-management/README.md b/translations/pt/7-bank-project/4-state-management/README.md index b3a00cffc..b8755f047 100644 --- a/translations/pt/7-bank-project/4-state-management/README.md +++ b/translations/pt/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Como o design compartimentado do Titanic, que parecia robusto até múltiplos co Em vez de correr atrás do rabo, vamos criar um sistema **centralizado de gestão de estado**. Imagine uma pessoa muito organizada responsável por toda a informação importante: -![Schema mostrando os fluxos de dados entre o HTML, ações do utilizador e estado](../../../../translated_images/pt/data-flow.fa2354e0908fecc8.webp) +![Schema mostrando os fluxos de dados entre o HTML, ações do utilizador e estado](../../../../translated_images/pt-PT/data-flow.fa2354e0908fecc8.webp) ```mermaid flowchart TD @@ -800,7 +800,7 @@ Este desafio ajudará a pensar como um desenvolvedor profissional que considera Aqui está um exemplo do resultado após completar o trabalho: -![Screenshot mostrando um exemplo do diálogo "Adicionar transação"](../../../../translated_images/pt/dialog.93bba104afeb79f1.webp) +![Screenshot mostrando um exemplo do diálogo "Adicionar transação"](../../../../translated_images/pt-PT/dialog.93bba104afeb79f1.webp) --- diff --git a/translations/pt/7-bank-project/4-state-management/assignment.md b/translations/pt/7-bank-project/4-state-management/assignment.md index ed3818a21..eefd9ee6e 100644 --- a/translations/pt/7-bank-project/4-state-management/assignment.md +++ b/translations/pt/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Consulte a [documentação da API do servidor](../api/README.md) para: **Resultado Esperado:** Depois de concluir este exercício, a sua aplicação bancária deve ter uma funcionalidade "Adicionar Transação" totalmente funcional, com aparência e comportamento profissionais: -![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/pt/dialog.93bba104afeb79f1.webp) +![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/pt-PT/dialog.93bba104afeb79f1.webp) ## Testar a Sua Implementação diff --git a/translations/pt/8-code-editor/1-using-a-code-editor/README.md b/translations/pt/8-code-editor/1-using-a-code-editor/README.md index a0c9d4032..fde3dfaca 100644 --- a/translations/pt/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/pt/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Tal como o telefone de Alexander Graham Bell ligou locais distantes, ligar a tua Quando tudo carregar, vais ver um espaço de trabalho lindamente limpo, desenhado para que te concentres no que realmente interessa – o teu código! -![Interface padrão do VSCode.dev](../../../../translated_images/pt/default-vscode-dev.5d06881d65c1b323.webp) +![Interface padrão do VSCode.dev](../../../../translated_images/pt-PT/default-vscode-dev.5d06881d65c1b323.webp) **Aqui está a tua visita guiada ao bairro:** - **Barra de Atividades** (aquela faixa à esquerda): A tua navegação principal com Explorador 📁, Pesquisa 🔍, Controlo de Código-Fonte 🌿, Extensões 🧩, e Definições ⚙️ @@ -229,7 +229,7 @@ Este método é perfeito quando estiveres a começar no VSCode.dev e quiseres ab 1. Vai a [vscode.dev](https://vscode.dev), se ainda não estiveres lá 2. Procura o botão "Open Remote Repository" na tela de boas-vindas e clica nele - ![Abrir repositório remoto](../../../../translated_images/pt/open-remote-repository.bd9c2598b8949e7f.webp) + ![Abrir repositório remoto](../../../../translated_images/pt-PT/open-remote-repository.bd9c2598b8949e7f.webp) 3. Cola qualquer URL de repositório GitHub (experimenta este: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Pressiona Enter e vê a magia acontecer! @@ -238,7 +238,7 @@ Este método é perfeito quando estiveres a começar no VSCode.dev e quiseres ab Quer sentir-te um mago da programação? Experimenta este atalho de teclado: Ctrl+Shift+P (ou Cmd+Shift+P no Mac) para abrir o Command Palette: -![Command Palette](../../../../translated_images/pt/palette-menu.4946174e07f42622.webp) +![Command Palette](../../../../translated_images/pt-PT/palette-menu.4946174e07f42622.webp) **O Command Palette é como ter um motor de busca para tudo o que podes fazer:** - Escreve "open remote" e ele encontra a opção para abrir repositórios remotamente @@ -300,7 +300,7 @@ Tal como organizar plantas no escritório de um arquiteto, a criação de fichei 3. Introduz o nome do ficheiro incluindo a extensão apropriada (`style.css`, `script.js`, `index.html`) 4. Pressiona Enter para criar o ficheiro -![Criar um novo ficheiro](../../../../translated_images/pt/create-new-file.2814e609c2af9aeb.webp) +![Criar um novo ficheiro](../../../../translated_images/pt-PT/create-new-file.2814e609c2af9aeb.webp) **Convenções de nomes:** - Usa nomes descritivos que indiquem a finalidade do ficheiro @@ -318,7 +318,7 @@ Aqui começa a verdadeira diversão! O editor do VSCode.dev está recheado de fu 2. Começa a escrever e vê o VSCode.dev a ajudar-te com cores, sugestões e deteção de erros 3. Guarda o teu trabalho com Ctrl+S (Windows/Linux) ou Cmd+S (Mac) – embora também tenha gravação automática! -![Editar ficheiros no VSCode.dev](../../../../translated_images/pt/edit-a-file.52c0ee665ef19f08.webp) +![Editar ficheiros no VSCode.dev](../../../../translated_images/pt-PT/edit-a-file.52c0ee665ef19f08.webp) **As coisas fixes que acontecem enquanto codificas:** - O teu código fica lindamente colorido para facilitar a leitura @@ -339,7 +339,7 @@ Tal como arqueólogos criam registos detalhados das camadas de escavação, o Gi 2. Os ficheiros modificados aparecem na secção "Changes" 3. A codificação por cores indica tipos de alteração: verde para adições, vermelho para eliminações -![Ver alterações no Controlo de Código-Fonte](../../../../translated_images/pt/working-tree.c58eec08e6335c79.webp) +![Ver alterações no Controlo de Código-Fonte](../../../../translated_images/pt-PT/working-tree.c58eec08e6335c79.webp) **Guardar o teu trabalho (fluxo de trabalho de commit):** @@ -431,7 +431,7 @@ O mercado de extensões está muito bem organizado, por isso não se vai perder 2. Navegue ou procure algo específico 3. Clique em qualquer coisa que pareça interessante para saber mais -![Interface do mercado de extensões](../../../../translated_images/pt/extensions.eca0e0c7f59a10b5.webp) +![Interface do mercado de extensões](../../../../translated_images/pt-PT/extensions.eca0e0c7f59a10b5.webp) **O que vai encontrar lá:** @@ -484,7 +484,7 @@ A maioria das extensões vem com definições que pode ajustar para que funcione 3. Escolha "Definições da Extensão" no menu dropdown 4. Ajuste as opções até que se adequem perfeitamente ao seu fluxo de trabalho -![Personalizar definições da extensão](../../../../translated_images/pt/extension-settings.21c752ae4f4cdb78.webp) +![Personalizar definições da extensão](../../../../translated_images/pt-PT/extension-settings.21c752ae4f4cdb78.webp) **Coisas comuns que pode querer ajustar:** - Como o seu código fica formatado (tabs vs espaços, comprimento de linhas, etc.) diff --git a/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md b/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md index 9e4fdf2e0..02f74e130 100644 --- a/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Como o VSCode.dev requer pelo menos um ficheiro para abrir um repositório, vamo 4. **Escreva** uma mensagem de commit: "Add initial HTML structure" 5. **Clique** em "Commit new file" para guardar as alterações -![Creating initial file on GitHub](../../../../translated_images/pt/new-file-github.com.c886796d800e8056.webp) +![Creating initial file on GitHub](../../../../translated_images/pt-PT/new-file-github.com.c886796d800e8056.webp) **Isto estabelece:** - **Uma estrutura** correta de documento HTML5 com elementos semânticos @@ -104,7 +104,7 @@ Agora que a base do seu repositório está estabelecida, vamos transitar para o ✅ **Indicador de sucesso**: Deve ver os ficheiros do projeto na barra lateral do Explorer e `index.html` disponível para edição na área principal do editor. -![Project loaded in VSCode.dev](../../../../translated_images/pt/project-on-vscode.dev.e79815a9a95ee7fe.webp) +![Project loaded in VSCode.dev](../../../../translated_images/pt-PT/project-on-vscode.dev.e79815a9a95ee7fe.webp) **O que verá na interface:** - **Barra lateral Explorer**: **Exibe** os ficheiros e pastas do seu repositório @@ -448,7 +448,7 @@ As extensões melhoram a sua experiência de desenvolvimento oferecendo capacida **Resultados imediatos após a instalação:** Assim que o CodeSwing estiver instalado, verá uma pré-visualização ao vivo do seu website de currículo surgir no editor. Isto permite que veja exatamente como o seu site aparece enquanto faz alterações. -![CodeSwing extension showing live preview](../../../../translated_images/pt/after-codeswing-extension-pb.0ebddddcf73b5509.webp) +![CodeSwing extension showing live preview](../../../../translated_images/pt-PT/after-codeswing-extension-pb.0ebddddcf73b5509.webp) **Compreender a interface melhorada:** - **Vista dividida**: **Mostra** o seu código de um lado e a pré-visualização do outro diff --git a/translations/pt/9-chat-project/README.md b/translations/pt/9-chat-project/README.md index d041ff96a..267a40a1d 100644 --- a/translations/pt/9-chat-project/README.md +++ b/translations/pt/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Eis como ficará o teu projeto terminado: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/pt/screenshot.0a1ee0d123df681b.webp) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/pt-PT/screenshot.0a1ee0d123df681b.webp) ## 🗺️ A Tua Jornada de Aprendizagem no Desenvolvimento de Aplicações com IA @@ -189,7 +189,7 @@ mindmap ``` **Princípio Fundamental**: O desenvolvimento de aplicações com IA combina competências tradicionais de desenvolvimento web com integração de serviços de IA, criando aplicações inteligentes que parecem naturais e responsivas para os utilizadores. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/pt/playground.d2b927122224ff8f.webp) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/pt-PT/playground.d2b927122224ff8f.webp) **Isto é o que torna o playground tão útil:** - **Experimenta** diferentes modelos de IA como GPT-4o-mini, Claude e outros (todos grátis!) @@ -199,7 +199,7 @@ mindmap Depois de brincares um pouco, basta clicares no separador "Code" e escolheres a tua linguagem de programação para obter o código de implementação que precisarás. -![Playground choice showing code generation options for different programming languages](../../../translated_images/pt/playground-choice.1d23ba7d407f4758.webp) +![Playground choice showing code generation options for different programming languages](../../../translated_images/pt-PT/playground-choice.1d23ba7d407f4758.webp) ## Configurar a Integração Backend em Python @@ -2351,14 +2351,14 @@ Quer experimentar este projeto num ambiente de desenvolvimento na nuvem? O GitHu - **Navegue** até ao [repositório Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Clique** em "Use this template" no canto superior direito (certifique-se que está autenticado no GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/pt/template.67ad477109d29a2b.webp) +![Create from template interface showing the green "Use this template" button](../../../translated_images/pt-PT/template.67ad477109d29a2b.webp) **Passo 2: Lançar Codespaces** - **Abra** o repositório recém-criado - **Clique** no botão verde "Code" e selecione "Codespaces" - **Escolha** "Create codespace on main" para iniciar o seu ambiente de desenvolvimento -![Create codespace interface with options for launching cloud development environment](../../../translated_images/pt/codespace.bcecbdf5d2747d3d.webp) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/pt-PT/codespace.bcecbdf5d2747d3d.webp) **Passo 3: Configuração do Ambiente** Quando o seu Codespace carregar, terá acesso a: diff --git a/translations/pt/README.md b/translations/pt/README.md index 6192cb2e9..f9886493c 100644 --- a/translations/pt/README.md +++ b/translations/pt/README.md @@ -72,13 +72,13 @@ Não percas o nosso novo currículo de IA Generativa! Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar! -![Background](../../translated_images/pt/background.148a8d43afde5730.webp) +![Background](../../translated_images/pt-PT/background.148a8d43afde5730.webp) - Lições cobrindo tudo desde o básico até RAG. - Interage com personagens históricos usando GenAI e a nossa aplicação acompanhante. - Narrativa divertida e envolvente, vais viajar no tempo! -![character](../../translated_images/pt/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/pt-PT/character.5c0dd8e067ffd693.webp) Cada lição inclui uma tarefa para completares, um teste de conhecimento e um desafio para te guiar na aprendizagem de tópicos como: - Prompting e engenharia de prompts @@ -114,7 +114,7 @@ Segue estes passos: Na tua cópia deste repositório que criaste, clica no botão **Code** e seleciona **Open with Codespaces**. Isto criará um novo Codespace onde poderás trabalhar. -![Codespace](../../translated_images/pt/createcodespace.0238bbf4d7a8d955.webp) +![Codespace](../../translated_images/pt-PT/createcodespace.0238bbf4d7a8d955.webp) #### Executar o currículo localmente no teu computador diff --git a/translations/pt/for-teachers.md b/translations/pt/for-teachers.md index 4270ce220..0d74a9682 100644 --- a/translations/pt/for-teachers.md +++ b/translations/pt/for-teachers.md @@ -42,10 +42,10 @@ Este currículo inclui pacotes importáveis para fluxos de trabalho comuns em LM - O Moodle Cloud tem suporte limitado para Common Cartridge. Prefira o ficheiro do Moodle acima, que também pode ser carregado no Canvas. - Após a importação, reveja os módulos, datas de entrega e configurações de questionários para ajustar ao calendário do seu período letivo. -![Moodle](../../translated_images/pt/moodle.94eb93d714a50cb2.webp) +![Moodle](../../translated_images/pt-PT/moodle.94eb93d714a50cb2.webp) > O currículo numa sala de aula Moodle -![Canvas](../../translated_images/pt/canvas.fbd605ff8e5b8aff.webp) +![Canvas](../../translated_images/pt-PT/canvas.fbd605ff8e5b8aff.webp) > O currículo no Canvas ### Utilizar o repositório diretamente (sem Classroom) diff --git a/translations/tw/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/tw/1-getting-started-lessons/1-intro-to-programming-languages/README.md index cf806530b..c7260d3fe 100644 --- a/translations/tw/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/tw/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 今天，我們要探討一些令人驚嘆的工具，讓現代網頁開發不僅可能且讓人上癮。我說的正是Netflix、Spotify以及你最愛的獨立應用工作室每天使用的編輯器、瀏覽器和工作流程。這裡最酷的部分是：大多數這些專業級、業界標準的工具完全免費！ -![Intro Programming](../../../../translated_images/tw/webdev101-programming.d6e3f98e61ac4bff.webp) +![Intro Programming](../../../../translated_images/zh-TW/webdev101-programming.d6e3f98e61ac4bff.webp) > 筆記圖由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 ```mermaid diff --git a/translations/tw/1-getting-started-lessons/2-github-basics/README.md b/translations/tw/1-getting-started-lessons/2-github-basics/README.md index 08fe8ce4b..edfabed1b 100644 --- a/translations/tw/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/tw/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 我們將一起逐步踏上這趟旅程。不要急，不要緊張－只有你我，還有一些即將成為你新好朋友的超酷工具！ -![Intro to GitHub](../../../../translated_images/tw/webdev101-github.8846d7971abef6f9.webp) +![Intro to GitHub](../../../../translated_images/zh-TW/webdev101-github.8846d7971abef6f9.webp) > Sketchnote by [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/tw/clone_repo.5085c48d666ead57.webp) +![將程式庫複製到本機](../../../../translated_images/zh-TW/clone_repo.5085c48d666ead57.webp) 複製程式碼有多種方式。常見的一種是使用 HTTPS、SSH 或 GitHub CLI（命令列介面）來「克隆」整個程式庫內容。 diff --git a/translations/tw/1-getting-started-lessons/3-accessibility/README.md b/translations/tw/1-getting-started-lessons/3-accessibility/README.md index f8b53cc26..102ba007c 100644 --- a/translations/tw/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/tw/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # 建立無障礙網頁 -![關於無障礙的一切](../../../../translated_images/tw/webdev101-a11y.8ef3025c858d897a.webp) +![關於無障礙的一切](../../../../translated_images/zh-TW/webdev101-a11y.8ef3025c858d897a.webp) > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 ```mermaid @@ -1049,12 +1049,12 @@ pie title "常見的 ARIA 使用模式" **具資訊性的圖片** - 傳達重要資訊： ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **裝飾性圖片** - 純視覺無資訊價值： ```html - + ``` **功能性圖片** - 作為按鈕或控制元件： @@ -1066,7 +1066,7 @@ pie title "常見的 ARIA 使用模式" **複雜圖片** - 圖表、示意圖、資訊圖表： ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1106,7 +1106,7 @@ pie title "常見的 ARIA 使用模式" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/tw/2-js-basics/1-data-types/README.md b/translations/tw/2-js-basics/1-data-types/README.md index 41dd63d0e..d85d24e04 100644 --- a/translations/tw/2-js-basics/1-data-types/README.md +++ b/translations/tw/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：資料型別 -![JavaScript 基礎 - 資料型別](../../../../translated_images/tw/webdev101-js-datatypes.4cc470179730702c.webp) +![JavaScript 基礎 - 資料型別](../../../../translated_images/zh-TW/webdev101-js-datatypes.4cc470179730702c.webp) > 手繪筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/tw/2-js-basics/2-functions-methods/README.md b/translations/tw/2-js-basics/2-functions-methods/README.md index 81cd17a80..1a8eb5ba4 100644 --- a/translations/tw/2-js-basics/2-functions-methods/README.md +++ b/translations/tw/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：方法與函式 -![JavaScript Basics - Functions](../../../../translated_images/tw/webdev101-js-functions.be049c4726e94f8b.webp) +![JavaScript Basics - Functions](../../../../translated_images/zh-TW/webdev101-js-functions.be049c4726e94f8b.webp) > 手繪筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/tw/2-js-basics/3-making-decisions/README.md b/translations/tw/2-js-basics/3-making-decisions/README.md index cfdd57aa1..d9b28db9f 100644 --- a/translations/tw/2-js-basics/3-making-decisions/README.md +++ b/translations/tw/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：做出決策 -![JavaScript 基礎 - 做出決策](../../../../translated_images/tw/webdev101-js-decisions.69e1b20f272dd1f0.webp) +![JavaScript 基礎 - 做出決策](../../../../translated_images/zh-TW/webdev101-js-decisions.69e1b20f272dd1f0.webp) > 筆記圖示由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 diff --git a/translations/tw/2-js-basics/4-arrays-loops/README.md b/translations/tw/2-js-basics/4-arrays-loops/README.md index d42f80536..13c0109e7 100644 --- a/translations/tw/2-js-basics/4-arrays-loops/README.md +++ b/translations/tw/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：陣列與迴圈 -![JavaScript Basics - Arrays](../../../../translated_images/tw/webdev101-js-arrays.439d7528b8a29455.webp) +![JavaScript Basics - Arrays](../../../../translated_images/zh-TW/webdev101-js-arrays.439d7528b8a29455.webp) > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 ```mermaid diff --git a/translations/tw/3-terrarium/1-intro-to-html/README.md b/translations/tw/3-terrarium/1-intro-to-html/README.md index 6ce3e5ecf..88a0bb519 100644 --- a/translations/tw/3-terrarium/1-intro-to-html/README.md +++ b/translations/tw/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey 強化無障礙功能: 5: Student 建造生態瓶: 5: Student ``` -![HTML 入門](../../../../translated_images/tw/webdev101-html.4389c2067af68e98.webp) +![HTML 入門](../../../../translated_images/zh-TW/webdev101-html.4389c2067af68e98.webp) > 速寫筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作 HTML，也就是超文字標記語言，是你曾經造訪過的每個網站的基礎。想像 HTML 是賦予網頁結構的骨架——它定義了內容放置的位置、組織方式，以及每個部分的意義。CSS 稍後會用色彩和版面來「裝扮」你的 HTML，JavaScript 會帶來互動效果，但 HTML 提供了讓一切成為可能的基本結構。 @@ -86,7 +86,7 @@ mindmap 4. 在檔案總管窗格點擊「新增檔案」圖示 5. 檔名命名為 `index.html` -![VS Code 檔案總管示範建立新檔案](../../../../translated_images/tw/vs-code-index.e2986cf919471eb9.webp) +![VS Code 檔案總管示範建立新檔案](../../../../translated_images/zh-TW/vs-code-index.e2986cf919471eb9.webp) **選項二：使用終端機指令** ```bash @@ -236,48 +236,48 @@ HTML 使用配對標籤來定義元素。大多數標籤有一個開啟標籤，
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/tw/3-terrarium/2-intro-to-css/README.md b/translations/tw/3-terrarium/2-intro-to-css/README.md index 1046155f3..804a41425 100644 --- a/translations/tw/3-terrarium/2-intro-to-css/README.md +++ b/translations/tw/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey 響應式設計: 5: Student 玻璃反射: 5: Student ``` -![Introduction to CSS](../../../../translated_images/tw/webdev101-css.3f7af5991bf53a20.webp) +![Introduction to CSS](../../../../translated_images/zh-TW/webdev101-css.3f7af5991bf53a20.webp) > 筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac) 還記得你的 HTML 陸地生態箱看起來相當簡單嗎？CSS 正是我們將這個樸素結構轉變成視覺吸引之物的關鍵所在。 @@ -202,7 +202,7 @@ body { 打開瀏覽器開發者工具（F12），切換到元素檢視，查看你的 `

` 元素。你會看到它繼承了 body 的字型： -![inherited font](../../../../translated_images/tw/1.cc07a5cbe114ad1d.webp) +![inherited font](../../../../translated_images/zh-TW/1.cc07a5cbe114ad1d.webp) ✅ **實驗時間**：試著在 `` 設定其他可繼承屬性，如 `color`、`line-height`、`text-align`。你的標題和其他元素會有什麼變化？ @@ -332,7 +332,7 @@ ID 選擇器以 `#` 開頭，選取帶有指定 `id` 屬性的元素。因為 ID **植物的 HTML 結構如下：** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ flowchart LR 你將製作細膩高光，模擬光線如何在玻璃表面反射。此作法類似文藝復興畫家揚·范艾克運用光與反射使玻璃畫作呈現立體感。目標如下： -![finished terrarium](../../../../translated_images/tw/terrarium-final.2f07047ffc597d0a.webp) +![finished terrarium](../../../../translated_images/zh-TW/terrarium-final.2f07047ffc597d0a.webp) **你的挑戰：** - **製作** 細膩的白色或淺色橢圓形反光 diff --git a/translations/tw/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/tw/3-terrarium/3-intro-to-DOM-and-closures/README.md index baa09e5a0..93421ccc1 100644 --- a/translations/tw/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/tw/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey 測試功能: 5: Student 完成陸地生態箱: 5: Student ``` -![DOM 和閉包](../../../../translated_images/tw/webdev101-js.10280393044d7eaa.webp) +![DOM 和閉包](../../../../translated_images/zh-TW/webdev101-js.10280393044d7eaa.webp) > 筆記作者 [Tomomi Imura](https://twitter.com/girlie_mac) 歡迎來到網頁開發中最有趣的部分 —— 讓網頁變得互動！文件物件模型（DOM）就像 HTML 與 JavaScript 之間的橋樑，今天我們將利用它讓你的玻璃花房活起來。當 Tim Berners-Lee 創造第一個瀏覽器時，他設想了一個文件可以是動態且互動的網頁 —— DOM 讓這個願景成真。 @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM 樹狀圖表示](../../../../translated_images/tw/dom-tree.7daf0e763cbbba92.webp) +![DOM 樹狀圖表示](../../../../translated_images/zh-TW/dom-tree.7daf0e763cbbba92.webp) > DOM 與參照它的 HTML 標記的表示圖。取自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **認識閉包**：閉包是 JavaScript 重要議題，許多開發者花好幾年才完全理解其理論面。今天我們重點在實際應用——隨著互動功能開發，閉包會自然出現。理解會隨觀察實際解決問題過程逐漸建立。 -![DOM 樹狀圖表示](../../../../translated_images/tw/dom-tree.7daf0e763cbbba92.webp) +![DOM 樹狀圖表示](../../../../translated_images/zh-TW/dom-tree.7daf0e763cbbba92.webp) > DOM 與參照它的 HTML 標記的表示圖。取自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ function stopElementDrag() { - **跨裝置支援**：同時適用桌面與行動裝置 - **效能意識**：避免記憶體洩漏和重複計算 -![finished terrarium](../../../../translated_images/tw/terrarium-final.0920f16e87c13a84.webp) +![finished terrarium](../../../../translated_images/zh-TW/terrarium-final.0920f16e87c13a84.webp) --- diff --git a/translations/tw/5-browser-extension/1-about-browsers/README.md b/translations/tw/5-browser-extension/1-about-browsers/README.md index 2b2601070..2b0420cd5 100644 --- a/translations/tw/5-browser-extension/1-about-browsers/README.md +++ b/translations/tw/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey 偵錯問題: 4: Student 打磨使用體驗: 5: Student ``` -![瀏覽器速寫筆記](../../../../translated_images/tw/browser.60317c9be8b7f84a.webp) +![瀏覽器速寫筆記](../../../../translated_images/zh-TW/browser.60317c9be8b7f84a.webp) > 速寫筆記由 [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) 製作 ## 課前測驗 @@ -77,7 +77,7 @@ mindmap ✅ **小歷史**：第一個瀏覽器叫做「WorldWideWeb」，由 Sir Timothy Berners-Lee 於 1990 年創建。 -![早期瀏覽器](../../../../translated_images/tw/earlybrowsers.d984b711cdf3a42d.webp) +![早期瀏覽器](../../../../translated_images/zh-TW/earlybrowsers.d984b711cdf3a42d.webp) > 一些早期瀏覽器，圖片來源 [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### 瀏覽器如何處理網頁內容 @@ -194,7 +194,7 @@ quadrantChart 了解擴充功能安裝流程，能幫助您預期使用者安裝時的體驗。安裝流程在現代瀏覽器中有標準化，介面設計上略有差異。 -![Edge瀏覽器截圖，顯示打開的 edge://extensions 頁面和設定選單](../../../../translated_images/tw/install-on-edge.d68781acaf0b3d3d.webp) +![Edge瀏覽器截圖，顯示打開的 edge://extensions 頁面和設定選單](../../../../translated_images/zh-TW/install-on-edge.d68781acaf0b3d3d.webp) > **重要提示**：測試自己開發的擴充功能時，請務必開啟開發者模式，並允許來自其他商店的擴充功能。 @@ -308,10 +308,10 @@ project-root/ ### 擴充功能畫面總覽 **設定畫面** - 初次使用者配置： -![完成的擴充功能畫面截圖，顯示包含區域名稱和API金鑰輸入欄的表單。](../../../../translated_images/tw/1.b6da8c1394b07491.webp) +![完成的擴充功能畫面截圖，顯示包含區域名稱和API金鑰輸入欄的表單。](../../../../translated_images/zh-TW/1.b6da8c1394b07491.webp) **結果畫面** - 碳足跡資料展示： -![完成的擴充功能結果畫面截圖，顯示 US-NEISO 區域的碳使用數值及化石燃料占比。](../../../../translated_images/tw/2.1dae52ff08042246.webp) +![完成的擴充功能結果畫面截圖，顯示 US-NEISO 區域的碳使用數值及化石燃料占比。](../../../../translated_images/zh-TW/2.1dae52ff08042246.webp) ### 建立設定表單 diff --git a/translations/tw/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/tw/5-browser-extension/2-forms-browsers-local-storage/README.md index 8a83235d9..043d18556 100644 --- a/translations/tw/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/tw/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: 移除儲存資料 ClearStorage --> FirstTime: 返回設定 ``` -![本機儲存面板](../../../../translated_images/tw/localstorage.472f8147b6a3f8d1.webp) +![本機儲存面板](../../../../translated_images/zh-TW/localstorage.472f8147b6a3f8d1.webp) > ⚠️ **安全性考量**：在正式應用程式中，將 API 金鑰存放於 LocalStorage 有安全風險，因為 JavaScript 可讀取此資料。學習階段可接受，但實際應用應使用安全的伺服器端儲存機制保存敏感憑證。 diff --git a/translations/tw/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/tw/5-browser-extension/3-background-tasks-and-performance/README.md index 7996812c6..36aad62a9 100644 --- a/translations/tw/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/tw/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ flowchart LR 試試看這個方法。開啟一個網站（Microsoft.com 效果不錯），按「錄製」。現在重新整理頁面，觀察分析器捕捉的過程。停止錄製後，您會看到瀏覽器如何「腳本執行」、「渲染」及「繪製」的詳細流程。這讓我想起火箭發射任務控制中心監控所有系統的即時數據──您可以確切知道何時發生了什麼。 -![Edge profiler](../../../../translated_images/tw/profiler.5a4a62479c5df01c.webp) +![Edge profiler](../../../../translated_images/zh-TW/profiler.5a4a62479c5df01c.webp) ✅ [Microsoft 文件](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon)提供了更多深入細節，想深入了解請參考 @@ -133,11 +133,11 @@ flowchart LR 挑選部分分析時間軸，查看摘要面板，就能獲得您的頁面效能快照： -![Edge profiler snapshot](../../../../translated_images/tw/snapshot.97750180ebcad737.webp) +![Edge profiler snapshot](../../../../translated_images/zh-TW/snapshot.97750180ebcad737.webp) 檢查事件記錄面板，看看是否有事件耗時超過 15 毫秒： -![Edge event log](../../../../translated_images/tw/log.804026979f3707e0.webp) +![Edge event log](../../../../translated_images/zh-TW/log.804026979f3707e0.webp) ✅ 熟悉您的分析器！打開本網站的開發者工具，檢查是否有瓶頸。哪個資源載入最慢？最快的是哪個？ diff --git a/translations/tw/6-space-game/2-drawing-to-canvas/README.md b/translations/tw/6-space-game/2-drawing-to-canvas/README.md index f047c9408..ff895c2e2 100644 --- a/translations/tw/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/tw/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![the canvas's grid](../../../../translated_images/tw/canvas_grid.5f209da785ded492.webp) +![the canvas's grid](../../../../translated_images/zh-TW/canvas_grid.5f209da785ded492.webp) > 圖片來源：[MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) 在 canvas 元素上繪圖，你需要遵循所有 canvas 圖形基礎的三個步驟。多練習幾次後，這將成為你的第二天性： @@ -323,11 +323,11 @@ flowchart TD - 英雄飛船 - ![Hero ship](../../../../translated_images/tw/player.dd24c1afa8c71e9b.webp) + ![Hero ship](../../../../translated_images/zh-TW/player.dd24c1afa8c71e9b.webp) - 5×5 的怪物陣列 - ![Monster ship](../../../../translated_images/tw/enemyShip.5df2a822c16650c2.webp) + ![Monster ship](../../../../translated_images/zh-TW/enemyShip.5df2a822c16650c2.webp) ### 推薦的開發步驟 @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { 完成的結果應如下圖所示： -![黑色螢幕，有一名英雄與 5*5 怪物](../../../../translated_images/tw/partI-solution.36c53b48c9ffae2a.webp) +![黑色螢幕，有一名英雄與 5*5 怪物](../../../../translated_images/zh-TW/partI-solution.36c53b48c9ffae2a.webp) ## 解答 diff --git a/translations/tw/6-space-game/5-keeping-score/README.md b/translations/tw/6-space-game/5-keeping-score/README.md index eeb9c4909..a6304ce03 100644 --- a/translations/tw/6-space-game/5-keeping-score/README.md +++ b/translations/tw/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **計分系統**：每擊落一艘敵機獲得 100 分（整數分數讓玩家更容易心算）。分數顯示在左下角。 -- **生命計數器**：你的英雄從三條命開始——這是早期街機遊戲為了挑戰與可玩性平衡而建立的標準。每碰撞一次敵人就損失一條命。我們會用飛船圖示在右下角顯示剩餘生命 ![life image](../../../../translated_images/tw/life.6fb9f50d53ee0413.webp)。 +- **生命計數器**：你的英雄從三條命開始——這是早期街機遊戲為了挑戰與可玩性平衡而建立的標準。每碰撞一次敵人就損失一條命。我們會用飛船圖示在右下角顯示剩餘生命 ![life image](../../../../translated_images/zh-TW/life.6fb9f50d53ee0413.webp)。 ## 開始動手做吧！ diff --git a/translations/tw/7-bank-project/1-template-route/README.md b/translations/tw/7-bank-project/1-template-route/README.md index d114f3561..245b374af 100644 --- a/translations/tw/7-bank-project/1-template-route/README.md +++ b/translations/tw/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram 使用 `history.pushState` 會在瀏覽器導覽歷史新增紀錄。你可以長按瀏覽器的 *後退鍵* 查看，應該會顯示類似以下內容： -![Screenshot of navigation history](../../../../translated_images/tw/history.7fdabbafa521e064.webp) +![Screenshot of navigation history](../../../../translated_images/zh-TW/history.7fdabbafa521e064.webp) 若嘗試點擊後退鍵幾次，你會看到 URL 變更且歷史紀錄更新，但畫面模板不變。 diff --git a/translations/tw/7-bank-project/2-forms/README.md b/translations/tw/7-bank-project/2-forms/README.md index 332b46cf7..7eefe0446 100644 --- a/translations/tw/7-bank-project/2-forms/README.md +++ b/translations/tw/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ graph TD 2. 觀察瀏覽器網址列變化 3. 注意頁面重載且資料顯示在 URL 中 -![點擊註冊按鈕後瀏覽器 URL 變化截圖](../../../../translated_images/tw/click-register.e89a30bf0d4bc9ca.webp) +![點擊註冊按鈕後瀏覽器 URL 變化截圖](../../../../translated_images/zh-TW/click-register.e89a30bf0d4bc9ca.webp) ### HTTP 方法比較 @@ -346,7 +346,7 @@ graph TD 2. **點擊**「建立帳號」按鈕 3. **觀察**伺服器回應在瀏覽器中 -![瀏覽器視窗位於 localhost:5000/api/accounts，顯示帶有使用者資料的 JSON 字串](../../../../translated_images/tw/form-post.61de4ca1b964d91a.webp) +![瀏覽器視窗位於 localhost:5000/api/accounts，顯示帶有使用者資料的 JSON 字串](../../../../translated_images/zh-TW/form-post.61de4ca1b964d91a.webp) **你應該看到：** - **瀏覽器導向**至 API 端點網址 @@ -609,7 +609,7 @@ async function register() { 3. **點擊**「建立帳號」 4. **觀察** 控制台訊息與使用者反饋 -![Screenshot showing log message in the browser console](../../../../translated_images/tw/browser-console.efaf0b51aaaf6778.webp) +![Screenshot showing log message in the browser console](../../../../translated_images/zh-TW/browser-console.efaf0b51aaaf6778.webp) **你應該會看到：** - **提交按鈕** 顯示載入狀態 @@ -783,7 +783,7 @@ input:focus:invalid { 3. **使用者名稱欄位試輸入特殊字元** 4. **輸入負數餘額** -![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/tw/validation-error.8bd23e98d416c22f.webp) +![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/zh-TW/validation-error.8bd23e98d416c22f.webp) **你會看到：** - **瀏覽器顯示** 原生驗證訊息 @@ -943,7 +943,7 @@ timeline 下面是經過一些樣式設計後，登入頁面的範例： -![Screenshot of the login page after adding CSS styles](../../../../translated_images/tw/result.96ef01f607bf856a.webp) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/zh-TW/result.96ef01f607bf856a.webp) ## 課後小考 diff --git a/translations/tw/7-bank-project/3-data/README.md b/translations/tw/7-bank-project/3-data/README.md index 0767c1ff4..78fe08620 100644 --- a/translations/tw/7-bank-project/3-data/README.md +++ b/translations/tw/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: 回傳完整的 HTML 頁面 Browser->>User: 顯示新頁面（閃爍/重新載入） ``` -![多頁應用的更新流程](../../../../translated_images/tw/mpa.7f7375a1a2d4aa77.webp) +![多頁應用的更新流程](../../../../translated_images/zh-TW/mpa.7f7375a1a2d4aa77.webp) **這種方式的笨重之處：** - 每次點擊都要重新載入整頁 @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: 更新特定的頁面元素 Browser->>User: 顯示更新內容（無重新載入） ``` -![單頁應用的更新流程](../../../../translated_images/tw/spa.268ec73b41f992c2.webp) +![單頁應用的更新流程](../../../../translated_images/zh-TW/spa.268ec73b41f992c2.webp) **SPA 讓使用體驗更好的原因：** - 只更新真的改變的部分（很聰明！） @@ -516,7 +516,7 @@ if (data.error) { 現在測試無效帳號，就會看到頁面上的錯誤訊息囉！ -![登入時顯示錯誤訊息的截圖](../../../../translated_images/tw/login-error.416fe019b36a6327.webp) +![登入時顯示錯誤訊息的截圖](../../../../translated_images/zh-TW/login-error.416fe019b36a6327.webp) #### 第四步：做出無障礙友善設計 @@ -950,7 +950,7 @@ timeline 這是經過樣式美化後的儀表板範例： -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/tw/screen2.123c82a831a1d14a.webp) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/zh-TW/screen2.123c82a831a1d14a.webp) 不用一定要一模一樣，拿來當靈感並做出自己的風格吧！ diff --git a/translations/tw/7-bank-project/4-state-management/README.md b/translations/tw/7-bank-project/4-state-management/README.md index dfbebcc27..1d6466a56 100644 --- a/translations/tw/7-bank-project/4-state-management/README.md +++ b/translations/tw/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ mindmap 不用再東奔西跑，我們要建立一個**集中式狀態管理**系統。想像它是一位非常有組織的人，負責所有重要事項： -![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/tw/data-flow.fa2354e0908fecc8.webp) +![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/zh-TW/data-flow.fa2354e0908fecc8.webp) ```mermaid flowchart TD @@ -798,7 +798,7 @@ timeline 完成作業後範例呈現： -![截圖顯示範例「新增交易」對話框](../../../../translated_images/tw/dialog.93bba104afeb79f1.webp) +![截圖顯示範例「新增交易」對話框](../../../../translated_images/zh-TW/dialog.93bba104afeb79f1.webp) --- diff --git a/translations/tw/7-bank-project/4-state-management/assignment.md b/translations/tw/7-bank-project/4-state-management/assignment.md index ccdc77ef4..95f323ef3 100644 --- a/translations/tw/7-bank-project/4-state-management/assignment.md +++ b/translations/tw/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **預期成果：** 完成此作業後，你的銀行應用程式應該擁有一個外觀專業且功能完整的「新增交易」功能： -![顯示範例「新增交易」對話框截圖](../../../../translated_images/tw/dialog.93bba104afeb79f1.webp) +![顯示範例「新增交易」對話框截圖](../../../../translated_images/zh-TW/dialog.93bba104afeb79f1.webp) ## 測試你的實作 diff --git a/translations/tw/8-code-editor/1-using-a-code-editor/README.md b/translations/tw/8-code-editor/1-using-a-code-editor/README.md index 4082d188e..91dac3c5f 100644 --- a/translations/tw/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/tw/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ VSCode.dev 將這些能力帶到瀏覽器中： 完成載入後，你將看到一個潔淨、專注於程式碼的工作環境！ -![Default VSCode.dev interface](../../../../translated_images/tw/default-vscode-dev.5d06881d65c1b323.webp) +![Default VSCode.dev interface](../../../../translated_images/zh-TW/default-vscode-dev.5d06881d65c1b323.webp) **社區導覽：** - **活動列**（左側那條）：主導航，有檔案總管 📁、搜尋 🔍、版本控制 🌿、擴充功能 🧩 和設定 ⚙️ @@ -229,7 +229,7 @@ flowchart TB 1. 若還沒開啟，先前往 [vscode.dev](https://vscode.dev) 2. 在歡迎畫面按「Open Remote Repository」（開啟遠端倉庫）按鈕 - ![Open remote repository](../../../../translated_images/tw/open-remote-repository.bd9c2598b8949e7f.webp) + ![Open remote repository](../../../../translated_images/zh-TW/open-remote-repository.bd9c2598b8949e7f.webp) 3. 貼上任意 GitHub 倉庫網址（例如：`https://github.com/microsoft/Web-Dev-For-Beginners`） 4. 按 Enter，驚喜等著你！ @@ -238,7 +238,7 @@ flowchart TB 想像自己是程式大師？用 Ctrl+Shift+P（Mac 版是 Cmd+Shift+P）開啟命令選單： -![Command Palette](../../../../translated_images/tw/palette-menu.4946174e07f42622.webp) +![Command Palette](../../../../translated_images/zh-TW/palette-menu.4946174e07f42622.webp) **命令選單就像萬能搜索引擎：** - 輸入「open remote」可快速找到打開遠端倉庫功能 @@ -300,7 +300,7 @@ flowchart TB 3. 輸入檔名並包含適當副檔名（如 `style.css`、`script.js`、`index.html`） 4. 按 Enter 建立檔案 -![Creating a new file](../../../../translated_images/tw/create-new-file.2814e609c2af9aeb.webp) +![Creating a new file](../../../../translated_images/zh-TW/create-new-file.2814e609c2af9aeb.webp) **命名規範：** - 使用描述性名稱便於辨識檔案用途 @@ -318,7 +318,7 @@ flowchart TB 2. 開始輸入，觀察 VSCode.dev 用顏色、建議與錯誤偵測協助你 3. 使用 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）儲存 — 編輯器也會自動儲存！ -![Editing files in VSCode.dev](../../../../translated_images/tw/edit-a-file.52c0ee665ef19f08.webp) +![Editing files in VSCode.dev](../../../../translated_images/zh-TW/edit-a-file.52c0ee665ef19f08.webp) **編碼中的貼心功能：** - 程式碼自動色彩標記，閱讀清晰 @@ -339,7 +339,7 @@ flowchart TB 2. 有修改的檔案會出現在「變更 (Changes)」中 3. 顏色代表變更種類：新增為綠色，刪除為紅色 -![Viewing changes in Source Control](../../../../translated_images/tw/working-tree.c58eec08e6335c79.webp) +![Viewing changes in Source Control](../../../../translated_images/zh-TW/working-tree.c58eec08e6335c79.webp) **保存進度（提交流程）：** @@ -431,7 +431,7 @@ mindmap 2. 瀏覽或搜尋特定功能 3. 點擊任何看起來有趣的項目，查看更多資訊 -![Extension marketplace interface](../../../../translated_images/tw/extensions.eca0e0c7f59a10b5.webp) +![Extension marketplace interface](../../../../translated_images/zh-TW/extensions.eca0e0c7f59a10b5.webp) **你將看到的內容：** @@ -484,7 +484,7 @@ mindmap 3. 從下拉選單選擇「擴充功能設定」 4. 調整設定直到符合你的工作流程需求 -![Customizing extension settings](../../../../translated_images/tw/extension-settings.21c752ae4f4cdb78.webp) +![Customizing extension settings](../../../../translated_images/zh-TW/extension-settings.21c752ae4f4cdb78.webp) **常見你可能想調整的項目：** - 程式碼格式化方式（tab 或空格、行寬等等） diff --git a/translations/tw/8-code-editor/1-using-a-code-editor/assignment.md b/translations/tw/8-code-editor/1-using-a-code-editor/assignment.md index 0d14676fd..774d255fd 100644 --- a/translations/tw/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/tw/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/tw/new-file-github.com.c886796d800e8056.webp) +![在 GitHub 建立初始檔案](../../../../translated_images/zh-TW/new-file-github.com.c886796d800e8056.webp) **這個初始設定完成了：** - **建立** 正確的 HTML5 文件結構並使用語義元素 @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **成功指標**：你將在 Explorer 側欄看到專案檔案，並在主編輯區可以編輯 `index.html`。 -![VSCode.dev 中載入專案](../../../../translated_images/tw/project-on-vscode.dev.e79815a9a95ee7fe.webp) +![VSCode.dev 中載入專案](../../../../translated_images/zh-TW/project-on-vscode.dev.e79815a9a95ee7fe.webp) **介面會顯示：** - **Explorer 側欄**：**呈現** 程式庫檔案與資料夾結構 @@ -448,7 +448,7 @@ li:before { **安裝後立即呈現成果：** CodeSwing 安裝完成後，你會在編輯器看到履歷網站的即時預覽，能直接觀看網站實際效果。 -![CodeSwing 擴充即時預覽](../../../../translated_images/tw/after-codeswing-extension-pb.0ebddddcf73b5509.webp) +![CodeSwing 擴充即時預覽](../../../../translated_images/zh-TW/after-codeswing-extension-pb.0ebddddcf73b5509.webp) **加強版介面說明：** - **分割視窗**：同時呈現程式碼與實時預覽 diff --git a/translations/tw/9-chat-project/README.md b/translations/tw/9-chat-project/README.md index 6e1f4fec9..45936f41e 100644 --- a/translations/tw/9-chat-project/README.md +++ b/translations/tw/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) 下面是完成的專案示意圖： -![聊天應用介面顯示使用者與 AI 助理的對話](../../../translated_images/tw/screenshot.0a1ee0d123df681b.webp) +![聊天應用介面顯示使用者與 AI 助理的對話](../../../translated_images/zh-TW/screenshot.0a1ee0d123df681b.webp) ## 🗺️ 你的 AI 應用開發學習旅程 @@ -189,7 +189,7 @@ mindmap ``` **核心原則**：AI 應用開發結合傳統網頁開發技巧與 AI 服務整合，打造對使用者來說自然且反應靈敏的智慧應用。 -![GitHub Models AI Playground 介面，包含模型選擇及測試區](../../../translated_images/tw/playground.d2b927122224ff8f.webp) +![GitHub Models AI Playground 介面，包含模型選擇及測試區](../../../translated_images/zh-TW/playground.d2b927122224ff8f.webp) **Playground 這麼好用的原因：** - **試用** 不同 AI 模型如 GPT-4o-mini、Claude 等（皆免費！） @@ -199,7 +199,7 @@ mindmap 玩過一輪後，只要點「Code」頁籤，選擇程式語言，就能取得所需實作程式碼。 -![Playground 選擇顯示不同程式語言的程式碼產生選項](../../../translated_images/tw/playground-choice.1d23ba7d407f4758.webp) +![Playground 選擇顯示不同程式語言的程式碼產生選項](../../../translated_images/zh-TW/playground-choice.1d23ba7d407f4758.webp) ## 設定 Python 後端整合 @@ -2356,14 +2356,14 @@ mindmap - **前往** [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **點擊** 右上角的「Use this template」（確保已登入 GitHub） -![Create from template interface showing the green "Use this template" button](../../../translated_images/tw/template.67ad477109d29a2b.webp) +![Create from template interface showing the green "Use this template" button](../../../translated_images/zh-TW/template.67ad477109d29a2b.webp) **步驟 2：啟動 Codespaces** - **打開** 新建立的版本庫 - **點擊** 綠色的「Code」按鈕並選擇「Codespaces」 - **選擇** 「Create codespace on main」以啟動開發環境 -![Create codespace interface with options for launching cloud development environment](../../../translated_images/tw/codespace.bcecbdf5d2747d3d.webp) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/zh-TW/codespace.bcecbdf5d2747d3d.webp) **步驟 3：環境設定** Codespace 讀取後，你將擁有： diff --git a/translations/tw/README.md b/translations/tw/README.md index 34c0a8c01..5d3d7610a 100644 --- a/translations/tw/README.md +++ b/translations/tw/README.md @@ -72,13 +72,13 @@ CO_OP_TRANSLATOR_METADATA: 造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！ -![Background](../../translated_images/tw/background.148a8d43afde5730.webp) +![Background](../../translated_images/zh-TW/background.148a8d43afde5730.webp) - 授課內容涵蓋從基礎至 RAG。 - 使用生成式 AI 與我們的伴隨應用程式與歷史人物互動。 - 有趣且引人入勝的敘事，你會穿越時光！ -![character](../../translated_images/tw/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/zh-TW/character.5c0dd8e067ffd693.webp) 每堂課皆含作業、知識測驗及挑戰，引導你學習： - 提示語和提示工程 @@ -114,7 +114,7 @@ CO_OP_TRANSLATOR_METADATA: 在你建立的此儲存庫副本中，點擊 **Code** 按鈕，並選擇 **Open with Codespaces**，系統將為你建立一個新的 Codespace 讓你作業。 -![Codespace](../../translated_images/tw/createcodespace.0238bbf4d7a8d955.webp) +![Codespace](../../translated_images/zh-TW/createcodespace.0238bbf4d7a8d955.webp) #### 在本機執行課程 diff --git a/translations/tw/for-teachers.md b/translations/tw/for-teachers.md index bc3b5114d..57bc96918 100644 --- a/translations/tw/for-teachers.md +++ b/translations/tw/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud 對 Common Cartridge 的支持有限。建議使用上述 Moodle 文件，該文件也可上傳到 Canvas。 - 導入後，請檢查模組、截止日期和測驗設置，以匹配您的學期安排。 -![Moodle](../../translated_images/tw/moodle.94eb93d714a50cb2.webp) +![Moodle](../../translated_images/zh-TW/moodle.94eb93d714a50cb2.webp) > Moodle 課堂中的課程內容 -![Canvas](../../translated_images/tw/canvas.fbd605ff8e5b8aff.webp) +![Canvas](../../translated_images/zh-TW/canvas.fbd605ff8e5b8aff.webp) > Canvas 課堂中的課程內容 ### 直接使用倉庫（不使用 Classroom） diff --git a/translations/zh/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/zh/1-getting-started-lessons/1-intro-to-programming-languages/README.md index fa1594492..580d50fee 100644 --- a/translations/zh/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/zh/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 今天，我们将探索那些让现代网页开发不仅可行而且极其上瘾的令人难以置信的工具。我说的是 Netflix、Spotify 和你最喜欢的独立应用工作室每天使用的同样的编辑器、浏览器和工作流程。最棒的是，这些专业级、行业标准的工具大多数是完全免费的！ -![Intro Programming](../../../../translated_images/zh/webdev101-programming.d6e3f98e61ac4bff.webp) +![Intro Programming](../../../../translated_images/zh-CN/webdev101-programming.d6e3f98e61ac4bff.webp) > 速写笔记由 [Tomomi Imura](https://twitter.com/girlie_mac) 制作 ```mermaid diff --git a/translations/zh/1-getting-started-lessons/2-github-basics/README.md b/translations/zh/1-getting-started-lessons/2-github-basics/README.md index ff0891944..7809952e7 100644 --- a/translations/zh/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/zh/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 我们将一步步一起出发。没有急躁，没有压力——只有你我和一些即将成为你新朋友的酷炫工具！ -![Intro to GitHub](../../../../translated_images/zh/webdev101-github.8846d7971abef6f9.webp) +![Intro to GitHub](../../../../translated_images/zh-CN/webdev101-github.8846d7971abef6f9.webp) > 速记图由 [Tomomi Imura](https://twitter.com/girlie_mac) 制作 ```mermaid @@ -604,7 +604,7 @@ flowchart TD ✅ 一个很好的寻找“初学者友好”仓库的方法是[通过“good-first-issue”标签搜索](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)。 -![在本地复制仓库](../../../../translated_images/zh/clone_repo.5085c48d666ead57.webp) +![在本地复制仓库](../../../../translated_images/zh-CN/clone_repo.5085c48d666ead57.webp) 有几种方式可以复制代码。一种是使用 HTTPS、SSH，或者 GitHub CLI（命令行界面）“克隆”仓库内容。 diff --git a/translations/zh/1-getting-started-lessons/3-accessibility/README.md b/translations/zh/1-getting-started-lessons/3-accessibility/README.md index 75df386ba..a1946b623 100644 --- a/translations/zh/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/zh/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # 创建无障碍网页 -![无障碍知识全览](../../../../translated_images/zh/webdev101-a11y.8ef3025c858d897a.webp) +![无障碍知识全览](../../../../translated_images/zh-CN/webdev101-a11y.8ef3025c858d897a.webp) > 草图笔记由 [Tomomi Imura](https://twitter.com/girlie_mac) 制作 ```mermaid @@ -1049,12 +1049,12 @@ pie title "常见的 ARIA 使用模式" **信息性图像** - 传递重要信息： ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **装饰性图像** - 纯视觉，无信息价值： ```html - + ``` **功能性图像** - 作为按钮或控件： @@ -1066,7 +1066,7 @@ pie title "常见的 ARIA 使用模式" **复杂图像** - 图表、图解、信息图： ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1106,7 +1106,7 @@ pie title "常见的 ARIA 使用模式" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/zh/2-js-basics/1-data-types/README.md b/translations/zh/2-js-basics/1-data-types/README.md index 717d0ae3f..d4f7be8ba 100644 --- a/translations/zh/2-js-basics/1-data-types/README.md +++ b/translations/zh/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基础：数据类型 -![JavaScript Basics - Data types](../../../../translated_images/zh/webdev101-js-datatypes.4cc470179730702c.webp) +![JavaScript Basics - Data types](../../../../translated_images/zh-CN/webdev101-js-datatypes.4cc470179730702c.webp) > 手绘笔记，作者 [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/zh/2-js-basics/2-functions-methods/README.md b/translations/zh/2-js-basics/2-functions-methods/README.md index 4a3f16f2c..1a1abcce8 100644 --- a/translations/zh/2-js-basics/2-functions-methods/README.md +++ b/translations/zh/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基础：方法与函数 -![JavaScript Basics - Functions](../../../../translated_images/zh/webdev101-js-functions.be049c4726e94f8b.webp) +![JavaScript Basics - Functions](../../../../translated_images/zh-CN/webdev101-js-functions.be049c4726e94f8b.webp) > 速记图由 [Tomomi Imura](https://twitter.com/girlie_mac) 制作 ```mermaid diff --git a/translations/zh/2-js-basics/3-making-decisions/README.md b/translations/zh/2-js-basics/3-making-decisions/README.md index 0c4774bca..0f5d09760 100644 --- a/translations/zh/2-js-basics/3-making-decisions/README.md +++ b/translations/zh/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript基础：做出决策 -![JavaScript Basics - Making decisions](../../../../translated_images/zh/webdev101-js-decisions.69e1b20f272dd1f0.webp) +![JavaScript Basics - Making decisions](../../../../translated_images/zh-CN/webdev101-js-decisions.69e1b20f272dd1f0.webp) > 速写笔记由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 diff --git a/translations/zh/2-js-basics/4-arrays-loops/README.md b/translations/zh/2-js-basics/4-arrays-loops/README.md index 9039b96ee..cffef90da 100644 --- a/translations/zh/2-js-basics/4-arrays-loops/README.md +++ b/translations/zh/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基础知识：数组和循环 -![JavaScript Basics - Arrays](../../../../translated_images/zh/webdev101-js-arrays.439d7528b8a29455.webp) +![JavaScript Basics - Arrays](../../../../translated_images/zh-CN/webdev101-js-arrays.439d7528b8a29455.webp) > 速写笔记，作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/zh/3-terrarium/1-intro-to-html/README.md b/translations/zh/3-terrarium/1-intro-to-html/README.md index 294c2ad97..cbadfbefb 100644 --- a/translations/zh/3-terrarium/1-intro-to-html/README.md +++ b/translations/zh/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey 提升无障碍性: 5: Student 建造生态瓶: 5: Student ``` -![HTML 入门](../../../../translated_images/zh/webdev101-html.4389c2067af68e98.webp) +![HTML 入门](../../../../translated_images/zh-CN/webdev101-html.4389c2067af68e98.webp) > 速记图由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 HTML，即超文本标记语言，是你访问过的每个网站的基础。把 HTML 想象成网页的骨架 —— 它定义了内容的位置、组织方式以及每个部分的含义。虽然 CSS 会在之后用颜色和布局“装饰”你的 HTML，JavaScript 会通过交互让它“活起来”，但 HTML 则提供了实现一切的基本结构。 @@ -86,7 +86,7 @@ mindmap 4. 在资源管理器面板点击“新建文件”图标 5. 将你的文件命名为 `index.html` -![VS Code 资源管理器显示新建文件](../../../../translated_images/zh/vs-code-index.e2986cf919471eb9.webp) +![VS Code 资源管理器显示新建文件](../../../../translated_images/zh-CN/vs-code-index.e2986cf919471eb9.webp) **选项 2：使用终端命令** ```bash @@ -236,48 +236,48 @@ HTML 使用成对标签定义元素。大多数标签有开标签如 `

` 和

- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/zh/3-terrarium/2-intro-to-css/README.md b/translations/zh/3-terrarium/2-intro-to-css/README.md index c3aea5e1a..001ed5e4d 100644 --- a/translations/zh/3-terrarium/2-intro-to-css/README.md +++ b/translations/zh/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey 响应式设计: 5: Student 玻璃反光: 5: Student ``` -![Introduction to CSS](../../../../translated_images/zh/webdev101-css.3f7af5991bf53a20.webp) +![Introduction to CSS](../../../../translated_images/zh-CN/webdev101-css.3f7af5991bf53a20.webp) > 速写笔记作者 [Tomomi Imura](https://twitter.com/girlie_mac) 还记得你的 HTML 生态瓶看起来很基础吗？CSS 就是把那个普通的结构变成视觉上更吸引人的东西。 @@ -202,7 +202,7 @@ body { 打开浏览器开发者工具（F12），切换到 Elements 面板，检查 `

` 元素，你会看到它继承自 body 的字体： -![inherited font](../../../../translated_images/zh/1.cc07a5cbe114ad1d.webp) +![inherited font](../../../../translated_images/zh-CN/1.cc07a5cbe114ad1d.webp) ✅ **试验时间**：尝试给 `` 设置其他可继承属性如 `color`，`line-height` 或 `text-align`。你的标题和其他元素会发生什么变化？ @@ -332,7 +332,7 @@ ID 选择器用 `#` 符号，定位具有唯一 `id` 属性的元素。ID 在页 **各植物的 HTML 结构如下：** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ flowchart LR 你将创建细腻的高光，模拟光在玻璃表面的反射。这与文艺复兴画家扬·凡·艾克（Jan van Eyck）使用光线和反射使绘画玻璃呈现三维感的手法类似。你的目标如下： -![finished terrarium](../../../../translated_images/zh/terrarium-final.2f07047ffc597d0a.webp) +![finished terrarium](../../../../translated_images/zh-CN/terrarium-final.2f07047ffc597d0a.webp) **你的挑战：** - **创建** 微妙的白色或浅色椭圆形反光 diff --git a/translations/zh/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/zh/3-terrarium/3-intro-to-DOM-and-closures/README.md index c29787026..a69f34932 100644 --- a/translations/zh/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/zh/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey 测试功能: 5: Student 完成生态箱: 5: Student ``` -![DOM 和闭包](../../../../translated_images/zh/webdev101-js.10280393044d7eaa.webp) +![DOM 和闭包](../../../../translated_images/zh-CN/webdev101-js.10280393044d7eaa.webp) > 草图笔记作者：[Tomomi Imura](https://twitter.com/girlie_mac) 欢迎来到网页开发中最具趣味性的部分之一——让页面变得互动！文档对象模型（DOM）就像是你的 HTML 和 JavaScript 之间的一座桥梁，今天我们将用它让你的生态瓶变得栩栩如生。当 Tim Berners-Lee 创建第一款网页浏览器时，他设想了一个可以动态交互的网页世界——而DOM让这个设想成为可能。 @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM 树结构表示](../../../../translated_images/zh/dom-tree.7daf0e763cbbba92.webp) +![DOM 树结构表示](../../../../translated_images/zh-CN/dom-tree.7daf0e763cbbba92.webp) > DOM 及其关联 HTML 标记的表示。来自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **理解闭包**：闭包是 JavaScript 中的重要话题，许多开发者多年使用后才完全掌握所有理论细节。今天我们专注于实用应用——你将看到闭包在实现交互功能时自然而然出现。理解将随着你观察它们解决实际问题而逐步加深。 -![DOM 树结构表示](../../../../translated_images/zh/dom-tree.7daf0e763cbbba92.webp) +![DOM 树结构表示](../../../../translated_images/zh-CN/dom-tree.7daf0e763cbbba92.webp) > DOM 及其关联 HTML 标记的表示。来自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ function stopElementDrag() { - **跨设备支持**：兼容桌面和移动端 - **性能意识**：无内存泄漏或冗余计算 -![完成的花园](../../../../translated_images/zh/terrarium-final.0920f16e87c13a84.webp) +![完成的花园](../../../../translated_images/zh-CN/terrarium-final.0920f16e87c13a84.webp) --- diff --git a/translations/zh/5-browser-extension/1-about-browsers/README.md b/translations/zh/5-browser-extension/1-about-browsers/README.md index 633bb0464..ab44d2868 100644 --- a/translations/zh/5-browser-extension/1-about-browsers/README.md +++ b/translations/zh/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey 调试问题: 4: Student 优化体验: 5: Student ``` -![浏览器手绘笔记](../../../../translated_images/zh/browser.60317c9be8b7f84a.webp) +![浏览器手绘笔记](../../../../translated_images/zh-CN/browser.60317c9be8b7f84a.webp) > 手绘笔记作者：[Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## 课前测验 @@ -77,7 +77,7 @@ mindmap ✅ **一点历史**：第一款浏览器名为“WorldWideWeb”，由蒂姆·伯纳斯-李爵士于1990年创建。 -![早期浏览器](../../../../translated_images/zh/earlybrowsers.d984b711cdf3a42d.webp) +![早期浏览器](../../../../translated_images/zh-CN/earlybrowsers.d984b711cdf3a42d.webp) > 一些早期浏览器，来源：[Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### 浏览器如何处理网页内容 @@ -194,7 +194,7 @@ quadrantChart 了解扩展安装过程，有助于你预见用户安装你扩展时的体验。现代浏览器的安装流程标准化，界面设计略有差异。 -![Edge 浏览器扩展页面打开及设置菜单截图](../../../../translated_images/zh/install-on-edge.d68781acaf0b3d3d.webp) +![Edge 浏览器扩展页面打开及设置菜单截图](../../../../translated_images/zh-CN/install-on-edge.d68781acaf0b3d3d.webp) > **重要提示**：测试自己的扩展时，务必开启开发者模式并允许来自其他商店的扩展。 @@ -308,10 +308,10 @@ project-root/ ### 扩展视图概览 **设置视图** - 首次用户配置： -![扩展完整界面截图，显示包含地区名称和 API 密钥输入的表单](../../../../translated_images/zh/1.b6da8c1394b07491.webp) +![扩展完整界面截图，显示包含地区名称和 API 密钥输入的表单](../../../../translated_images/zh-CN/1.b6da8c1394b07491.webp) **结果视图** - 碳足迹数据显示： -![扩展显示 US-NEISO 区域碳使用量和化石燃料百分比的截图](../../../../translated_images/zh/2.1dae52ff08042246.webp) +![扩展显示 US-NEISO 区域碳使用量和化石燃料百分比的截图](../../../../translated_images/zh-CN/2.1dae52ff08042246.webp) ### 构建配置表单 diff --git a/translations/zh/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/zh/5-browser-extension/2-forms-browsers-local-storage/README.md index 5a9a88962..5df153d1c 100644 --- a/translations/zh/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/zh/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: 删除保存的数据 ClearStorage --> FirstTime: 返回设置 ``` -![本地存储面板](../../../../translated_images/zh/localstorage.472f8147b6a3f8d1.webp) +![本地存储面板](../../../../translated_images/zh-CN/localstorage.472f8147b6a3f8d1.webp) > ⚠️ **安全注意事项**：在生产环境中，将 API 密钥存储在 LocalStorage 存在安全风险，因为 JavaScript 代码可以访问这些数据。学习用途这样做可以，但实际应用应使用安全的服务器端存储敏感凭证。 diff --git a/translations/zh/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/zh/5-browser-extension/3-background-tasks-and-performance/README.md index bea52a07d..944d11b1c 100644 --- a/translations/zh/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/zh/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ flowchart LR 试试吧。打开一个网站（例如 Microsoft.com），点击“录制”然后刷新页面，查看性能分析器捕捉的一切。当停止录制，你会看到浏览器如何“脚本执行”（scripts）、“渲染”（renders）和“绘制”（paints）的详细分解。这让我想起火箭发射时指挥中心监控所有系统——你获取实时且详细的操作数据。 -![Edge profiler](../../../../translated_images/zh/profiler.5a4a62479c5df01c.webp) +![Edge profiler](../../../../translated_images/zh-CN/profiler.5a4a62479c5df01c.webp) ✅ 若想深入了解，请查阅 [微软文档](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) @@ -133,11 +133,11 @@ flowchart LR 通过选取时间线片段，查看摘要面板，获得页面性能快照： -![Edge profiler snapshot](../../../../translated_images/zh/snapshot.97750180ebcad737.webp) +![Edge profiler snapshot](../../../../translated_images/zh-CN/snapshot.97750180ebcad737.webp) 查看事件日志面板是否有事件耗时超过15毫秒： -![Edge event log](../../../../translated_images/zh/log.804026979f3707e0.webp) +![Edge event log](../../../../translated_images/zh-CN/log.804026979f3707e0.webp) ✅ 熟悉你的分析器！在本站打开开发者工具，看看是否存在瓶颈。加载最慢和最快的资源分别是什么？ diff --git a/translations/zh/6-space-game/2-drawing-to-canvas/README.md b/translations/zh/6-space-game/2-drawing-to-canvas/README.md index 23347c541..9dd8cfee1 100644 --- a/translations/zh/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/zh/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![canvas 网格](../../../../translated_images/zh/canvas_grid.5f209da785ded492.webp) +![canvas 网格](../../../../translated_images/zh-CN/canvas_grid.5f209da785ded492.webp) > 图片来自 [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) 要在 canvas 元素上绘图，你需要遵循所有画布图形基础的三个步骤。重复几次后，会变得很自然： @@ -323,11 +323,11 @@ flowchart TD - 英雄飞船 - ![英雄飞船](../../../../translated_images/zh/player.dd24c1afa8c71e9b.webp) + ![英雄飞船](../../../../translated_images/zh-CN/player.dd24c1afa8c71e9b.webp) - 5*5 怪物阵型 - ![怪物飞船](../../../../translated_images/zh/enemyShip.5df2a822c16650c2.webp) + ![怪物飞船](../../../../translated_images/zh-CN/enemyShip.5df2a822c16650c2.webp) ### 推荐开发步骤 @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { 完成的结果应如下所示： -![带有英雄和 5*5 怪物的黑屏](../../../../translated_images/zh/partI-solution.36c53b48c9ffae2a.webp) +![带有英雄和 5*5 怪物的黑屏](../../../../translated_images/zh-CN/partI-solution.36c53b48c9ffae2a.webp) ## 解决方案 diff --git a/translations/zh/6-space-game/5-keeping-score/README.md b/translations/zh/6-space-game/5-keeping-score/README.md index 86640b1bd..ff596424e 100644 --- a/translations/zh/6-space-game/5-keeping-score/README.md +++ b/translations/zh/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **计分系统**：每摧毁一艘敌舰奖励100分（圆整数字更便于玩家心算）。分数显示在左下角。 -- **生命计数器**：你的英雄从三条命开始——这是早期街机游戏确立的标准，平衡挑战和可玩性。每次与敌人碰撞会损失一条命。我们将在右下用飞船图标显示剩余生命 ![life image](../../../../translated_images/zh/life.6fb9f50d53ee0413.webp)。 +- **生命计数器**：你的英雄从三条命开始——这是早期街机游戏确立的标准，平衡挑战和可玩性。每次与敌人碰撞会损失一条命。我们将在右下用飞船图标显示剩余生命 ![life image](../../../../translated_images/zh-CN/life.6fb9f50d53ee0413.webp)。 ## 开始构建吧！ diff --git a/translations/zh/7-bank-project/1-template-route/README.md b/translations/zh/7-bank-project/1-template-route/README.md index f9183bc18..debeb6d04 100644 --- a/translations/zh/7-bank-project/1-template-route/README.md +++ b/translations/zh/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram 使用 `history.pushState` 创建了新的浏览历史条目。你可以按住浏览器的 *后退按钮* 来查看，如下图所示： -![浏览历史截图](../../../../translated_images/zh/history.7fdabbafa521e064.webp) +![浏览历史截图](../../../../translated_images/zh-CN/history.7fdabbafa521e064.webp) 如果你尝试点击后退几次，你会发现当前 URL 变化了，历史记录也更新了，但显示的模板却没有变化。 diff --git a/translations/zh/7-bank-project/2-forms/README.md b/translations/zh/7-bank-project/2-forms/README.md index 6fcc4a7c6..a515ed811 100644 --- a/translations/zh/7-bank-project/2-forms/README.md +++ b/translations/zh/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ graph TD 2. 观察浏览器地址栏的变化 3. 注意页面如何重新加载，数据出现在 URL 中 -![点击注册按钮后浏览器 URL 变化截图](../../../../translated_images/zh/click-register.e89a30bf0d4bc9ca.webp) +![点击注册按钮后浏览器 URL 变化截图](../../../../translated_images/zh-CN/click-register.e89a30bf0d4bc9ca.webp) ### HTTP 方法对比 @@ -346,7 +346,7 @@ graph TD 2. **点击**“创建账户”按钮 3. **观察**浏览器中的服务器响应 -![浏览器窗口访问 localhost:5000/api/accounts，显示包含用户数据的 JSON 字符串](../../../../translated_images/zh/form-post.61de4ca1b964d91a.webp) +![浏览器窗口访问 localhost:5000/api/accounts，显示包含用户数据的 JSON 字符串](../../../../translated_images/zh-CN/form-post.61de4ca1b964d91a.webp) **你应该看到：** - **浏览器跳转到 API 端点 URL** @@ -609,7 +609,7 @@ async function register() { 3. **点击** “创建账户” 4. **观察** 控制台信息和用户反馈 -![浏览器控制台日志截图](../../../../translated_images/zh/browser-console.efaf0b51aaaf6778.webp) +![浏览器控制台日志截图](../../../../translated_images/zh-CN/browser-console.efaf0b51aaaf6778.webp) **你应该看到：** - **加载状态** 出现在提交按钮上 @@ -783,7 +783,7 @@ input:focus:invalid { 3. **尝试** 在用户名字段使用特殊字符 4. **输入** 负余额数值 -![尝试提交表单时显示验证错误截图](../../../../translated_images/zh/validation-error.8bd23e98d416c22f.webp) +![尝试提交表单时显示验证错误截图](../../../../translated_images/zh-CN/validation-error.8bd23e98d416c22f.webp) **你会看到：** - **浏览器显示** 原生验证消息 @@ -943,7 +943,7 @@ timeline 下面是经过一些样式调整后最终登录页面的示例： -![添加 CSS 样式后登录页面的截图](../../../../translated_images/zh/result.96ef01f607bf856a.webp) +![添加 CSS 样式后登录页面的截图](../../../../translated_images/zh-CN/result.96ef01f607bf856a.webp) ## 课后测验 diff --git a/translations/zh/7-bank-project/3-data/README.md b/translations/zh/7-bank-project/3-data/README.md index 8fb9bba25..f0e05b732 100644 --- a/translations/zh/7-bank-project/3-data/README.md +++ b/translations/zh/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: 返回完整的HTML页面 Browser->>User: 显示新页面（闪烁/重载） ``` -![多页面应用的更新流程](../../../../translated_images/zh/mpa.7f7375a1a2d4aa77.webp) +![多页面应用的更新流程](../../../../translated_images/zh-CN/mpa.7f7375a1a2d4aa77.webp) **这种方式为何显得笨重：** - 每次点击都要重新构建整页 @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: 更新特定页面元素 Browser->>User: 显示更新内容（无刷新） ``` -![单页面应用的更新流程](../../../../translated_images/zh/spa.268ec73b41f992c2.webp) +![单页面应用的更新流程](../../../../translated_images/zh-CN/spa.268ec73b41f992c2.webp) **为何SPA体验更佳：** - 只更新实际变化部分（聪明吧？） @@ -516,7 +516,7 @@ if (data.error) { 现在测试输入无效账号时，页面上会出现有用的错误提示！ -![登录时显示错误消息的截图](../../../../translated_images/zh/login-error.416fe019b36a6327.webp) +![登录时显示错误消息的截图](../../../../translated_images/zh-CN/login-error.416fe019b36a6327.webp) #### 第四步：兼顾无障碍访问 @@ -950,7 +950,7 @@ timeline 这是美化后仪表盘的示例： -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/zh/screen2.123c82a831a1d14a.webp) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/zh-CN/screen2.123c82a831a1d14a.webp) 不必完全照搬——以此为灵感，打造属于你自己的风格！ diff --git a/translations/zh/7-bank-project/4-state-management/README.md b/translations/zh/7-bank-project/4-state-management/README.md index e5e65d137..d8088cd8f 100644 --- a/translations/zh/7-bank-project/4-state-management/README.md +++ b/translations/zh/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ mindmap 我们将创建一个**集中式状态管理**系统。把它想象成一个非常有条理的人掌管所有重要事务： -![显示HTML、用户操作与状态间数据流的架构图](../../../../translated_images/zh/data-flow.fa2354e0908fecc8.webp) +![显示HTML、用户操作与状态间数据流的架构图](../../../../translated_images/zh-CN/data-flow.fa2354e0908fecc8.webp) ```mermaid flowchart TD @@ -799,7 +799,7 @@ timeline 完成作业后的示例效果： -![显示“添加交易”对话框示例的截图](../../../../translated_images/zh/dialog.93bba104afeb79f1.webp) +![显示“添加交易”对话框示例的截图](../../../../translated_images/zh-CN/dialog.93bba104afeb79f1.webp) --- diff --git a/translations/zh/7-bank-project/4-state-management/assignment.md b/translations/zh/7-bank-project/4-state-management/assignment.md index 9c41def4c..80f7dca02 100644 --- a/translations/zh/7-bank-project/4-state-management/assignment.md +++ b/translations/zh/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **预期效果：** 完成本作业后，您的银行应用应具备一个功能齐全的“添加交易”功能，外观与行为均专业： -![显示示例“添加交易”对话框的截图](../../../../translated_images/zh/dialog.93bba104afeb79f1.webp) +![显示示例“添加交易”对话框的截图](../../../../translated_images/zh-CN/dialog.93bba104afeb79f1.webp) ## 测试您的实现 diff --git a/translations/zh/8-code-editor/1-using-a-code-editor/README.md b/translations/zh/8-code-editor/1-using-a-code-editor/README.md index 05e0777a8..8acfc1702 100644 --- a/translations/zh/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/zh/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ VSCode.dev 将这些能力带入浏览器： 加载完成后，你会看到一个清爽的工作区，设计围绕代码展开，让你专注于核心任务！ -![默认 VSCode.dev 界面](../../../../translated_images/zh/default-vscode-dev.5d06881d65c1b323.webp) +![默认 VSCode.dev 界面](../../../../translated_images/zh-CN/default-vscode-dev.5d06881d65c1b323.webp) **你的界面导览：** - **活动栏**（左侧条带）：主导航，含资源管理器 📁、搜索 🔍、源代码控制 🌿、扩展 🧩 及设置 ⚙️ @@ -229,7 +229,7 @@ flowchart TB 1. 如果没在页面，先访问 [vscode.dev](https://vscode.dev) 2. 在欢迎界面点击“Open Remote Repository”按钮 - ![打开远程仓库](../../../../translated_images/zh/open-remote-repository.bd9c2598b8949e7f.webp) + ![打开远程仓库](../../../../translated_images/zh-CN/open-remote-repository.bd9c2598b8949e7f.webp) 3. 粘贴任意 GitHub 仓库 URL（试试这个：`https://github.com/microsoft/Web-Dev-For-Beginners`） 4. 按回车，见证神奇！ @@ -238,7 +238,7 @@ flowchart TB 想更像编码巫师？试试 Ctrl+Shift+P（Mac 上为 Cmd+Shift+P）打开命令面板： -![命令面板](../../../../translated_images/zh/palette-menu.4946174e07f42622.webp) +![命令面板](../../../../translated_images/zh-CN/palette-menu.4946174e07f42622.webp) **命令面板是你所有操作的搜索引擎：** - 输入“open remote”即可找到打开远程仓库的功能 @@ -300,7 +300,7 @@ flowchart TB 3. 输入文件名并包含适当扩展名（如 `style.css`，`script.js`，`index.html`） 4. 按回车创建文件 -![创建新文件](../../../../translated_images/zh/create-new-file.2814e609c2af9aeb.webp) +![创建新文件](../../../../translated_images/zh-CN/create-new-file.2814e609c2af9aeb.webp) **命名规范：** - 使用描述性名称，体现文件用途 @@ -318,7 +318,7 @@ flowchart TB 2. 开始输入，感受 VSCode.dev 用颜色、高亮和错误提示支持你的创作 3. 用 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存——其实它也会自动保存！ -![编辑文件](../../../../translated_images/zh/edit-a-file.52c0ee665ef19f08.webp) +![编辑文件](../../../../translated_images/zh-CN/edit-a-file.52c0ee665ef19f08.webp) **编码时的酷炫特性：** - 代码色彩丰富，易于阅读 @@ -339,7 +339,7 @@ flowchart TB 2. 已修改的文件会出现在“变更”区域 3. 用颜色区分变动类型：绿色表示新增，红色表示删除 -![查看源代码变更](../../../../translated_images/zh/working-tree.c58eec08e6335c79.webp) +![查看源代码变更](../../../../translated_images/zh-CN/working-tree.c58eec08e6335c79.webp) **保存工作（提交工作流）：** @@ -431,7 +431,7 @@ mindmap 2. 浏览或搜索特定内容 3. 点击感兴趣的扩展，了解更多信息 -![扩展市场界面](../../../../translated_images/zh/extensions.eca0e0c7f59a10b5.webp) +![扩展市场界面](../../../../translated_images/zh-CN/extensions.eca0e0c7f59a10b5.webp) **你会看到内容：** @@ -484,7 +484,7 @@ mindmap 3. 选择“扩展设置” 4. 进行调整，直到感觉顺手 -![自定义扩展设置](../../../../translated_images/zh/extension-settings.21c752ae4f4cdb78.webp) +![自定义扩展设置](../../../../translated_images/zh-CN/extension-settings.21c752ae4f4cdb78.webp) **你可能想调整的常见项：** - 代码格式化方式（制表符与空格，行宽等） diff --git a/translations/zh/8-code-editor/1-using-a-code-editor/assignment.md b/translations/zh/8-code-editor/1-using-a-code-editor/assignment.md index 13382d342..a090175e3 100644 --- a/translations/zh/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/zh/8-code-editor/1-using-a-code-editor/assignment.md @@ -79,7 +79,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **填写** 提交信息：“Add initial HTML structure” 5. **点击** “Commit new file” 保存更改 -![在 GitHub 上创建初始文件](../../../../translated_images/zh/new-file-github.com.c886796d800e8056.webp) +![在 GitHub 上创建初始文件](../../../../translated_images/zh-CN/new-file-github.com.c886796d800e8056.webp) **此初始设置功效：** - **建立** 合适的 HTML5 文档结构及语义元素 @@ -105,7 +105,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **成功标志**：您将在资源管理器侧边栏看到项目文件，并可在主编辑区打开 `index.html` 进行编辑。 -![VSCode.dev 中的项目加载界面](../../../../translated_images/zh/project-on-vscode.dev.e79815a9a95ee7fe.webp) +![VSCode.dev 中的项目加载界面](../../../../translated_images/zh-CN/project-on-vscode.dev.e79815a9a95ee7fe.webp) **界面包含内容：** - **资源管理器侧边栏**：显示仓库文件及目录结构 @@ -450,7 +450,7 @@ li:before { **安装后即时效果：** 安装完成后，编辑器内会显示简历网站的实时预览，方便您边编辑边查看网站实际效果。 -![CodeSwing 扩展实时预览](../../../../translated_images/zh/after-codeswing-extension-pb.0ebddddcf73b5509.webp) +![CodeSwing 扩展实时预览](../../../../translated_images/zh-CN/after-codeswing-extension-pb.0ebddddcf73b5509.webp) **增强界面解析：** - **分屏视图**：左侧显示代码，右侧实时预览 diff --git a/translations/zh/9-chat-project/README.md b/translations/zh/9-chat-project/README.md index 09eb66f2d..2176822ce 100644 --- a/translations/zh/9-chat-project/README.md +++ b/translations/zh/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) 这是你完成项目后的效果： -![聊天应用界面显示用户和 AI 助手之间的对话](../../../translated_images/zh/screenshot.0a1ee0d123df681b.webp) +![聊天应用界面显示用户和 AI 助手之间的对话](../../../translated_images/zh-CN/screenshot.0a1ee0d123df681b.webp) ## 🗺️ 你的 AI 应用开发学习之旅 @@ -189,7 +189,7 @@ mindmap ``` **核心原则**：AI 应用开发融合传统网页开发技能与 AI 服务集成，创建感觉自然且响应迅速的智能应用。 -![GitHub Models AI Playground 界面，包含模型选择和测试区域](../../../translated_images/zh/playground.d2b927122224ff8f.webp) +![GitHub Models AI Playground 界面，包含模型选择和测试区域](../../../translated_images/zh-CN/playground.d2b927122224ff8f.webp) **Playground 超有用的原因：** - **试用** 不同 AI 模型如 GPT-4o-mini、Claude 等（全都免费！） @@ -199,7 +199,7 @@ mindmap 玩过后，直接点“Code”标签选你要的编程语言，拿到实现代码。 -![Playground 选择界面，展示多编程语言代码生成选项](../../../translated_images/zh/playground-choice.1d23ba7d407f4758.webp) +![Playground 选择界面，展示多编程语言代码生成选项](../../../translated_images/zh-CN/playground-choice.1d23ba7d407f4758.webp) ## 配置 Python 后端集成 @@ -2352,14 +2352,14 @@ mindmap - **访问** [Web Dev For Beginners 仓库](https://github.com/microsoft/Web-Dev-For-Beginners) - **点击** 右上角的“Use this template”（确保已登录 GitHub） -![Create from template interface showing the green "Use this template" button](../../../translated_images/zh/template.67ad477109d29a2b.webp) +![Create from template interface showing the green "Use this template" button](../../../translated_images/zh-CN/template.67ad477109d29a2b.webp) **步骤 2：启动 Codespaces** - **打开** 你刚创建的仓库 - **点击** 绿色“Code”按钮，选择“Codespaces” - **选择** “Create codespace on main” 启动开发环境 -![Create codespace interface with options for launching cloud development environment](../../../translated_images/zh/codespace.bcecbdf5d2747d3d.webp) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/zh-CN/codespace.bcecbdf5d2747d3d.webp) **步骤 3：环境配置** Codespace 加载完成后，你将获得： diff --git a/translations/zh/README.md b/translations/zh/README.md index 282ebc9d9..fe8b9715c 100644 --- a/translations/zh/README.md +++ b/translations/zh/README.md @@ -72,13 +72,13 @@ CO_OP_TRANSLATOR_METADATA: 访问 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 开始学习！ -![背景](../../translated_images/zh/background.148a8d43afde5730.webp) +![背景](../../translated_images/zh-CN/background.148a8d43afde5730.webp) - 涵盖从基础到 RAG 的课程。 - 使用生成式 AI 和我们的配套应用与历史人物互动。 - 趣味且引人入胜的叙事，你将体验时空穿越！ -![角色](../../translated_images/zh/character.5c0dd8e067ffd693.webp) +![角色](../../translated_images/zh-CN/character.5c0dd8e067ffd693.webp) 每节课均包含作业、知识检测和挑战，引导你学习以下主题： - 提示词及提示工程 @@ -114,7 +114,7 @@ CO_OP_TRANSLATOR_METADATA: 在你创建的仓库副本中，点击 **Code** 按钮，选择 **Open with Codespaces**。这将创建一个新的 Codespace 供你使用。 -![Codespace](../../translated_images/zh/createcodespace.0238bbf4d7a8d955.webp) +![Codespace](../../translated_images/zh-CN/createcodespace.0238bbf4d7a8d955.webp) #### 在本地计算机上运行课程 diff --git a/translations/zh/for-teachers.md b/translations/zh/for-teachers.md index 121013adb..ee0c0444e 100644 --- a/translations/zh/for-teachers.md +++ b/translations/zh/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud 对 Common Cartridge 的支持有限。建议优先使用上述 Moodle 文件，该文件也可以上传到 Canvas。 - 导入后，请根据学期安排检查模块、截止日期和测验设置。 -![Moodle](../../translated_images/zh/moodle.94eb93d714a50cb2.webp) +![Moodle](../../translated_images/zh-CN/moodle.94eb93d714a50cb2.webp) > Moodle 教室中的课程内容 -![Canvas](../../translated_images/zh/canvas.fbd605ff8e5b8aff.webp) +![Canvas](../../translated_images/zh-CN/canvas.fbd605ff8e5b8aff.webp) > Canvas 教室中的课程内容 ### 直接使用代码库（不使用 Classroom）