diff --git a/translations/bg/.co-op-translator.json b/translations/bg/.co-op-translator.json index 51a2869ebe..91d64b55b6 100644 --- a/translations/bg/.co-op-translator.json +++ b/translations/bg/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:45:36+00:00", + "translation_date": "2026-04-24T12:04:21+00:00", "source_file": "AGENTS.md", "language_code": "bg" }, @@ -516,8 +516,8 @@ "language_code": "bg" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:13:01+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:00:13+00:00", "source_file": "README.md", "language_code": "bg" }, @@ -564,8 +564,8 @@ "language_code": "bg" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T08:10:46+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:00:24+00:00", "source_file": "lesson-template/README.md", "language_code": "bg" }, diff --git a/translations/bg/AGENTS.md b/translations/bg/AGENTS.md index 130ae765d6..92ecbb5630 100644 --- a/translations/bg/AGENTS.md +++ b/translations/bg/AGENTS.md @@ -2,29 +2,29 @@ ## Преглед на проекта -Това е образователно хранилище за учебна програма за обучение на начинаещи в основите на уеб разработката. Учебната програма е всеобхватен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML. +Това е образователен репозиториум за обучение по основи на уеб разработката за начинаещи. Учебната програма е цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML. -### Ключови компоненти +### Основни компоненти -- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти -- **Практически проекти**: Террариум, Игра за писане, Разширение за браузър, Космическа игра, Банково приложение, Редактор на код и AI асистент за чат -- **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценки преди и след урок) -- **Поддръжка на множество езици**: Автоматизирани преводи за 50+ езика чрез GitHub Actions -- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти) +- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти +- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant +- **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценка преди и след урока) +- **Многоезична поддръжка**: Автоматични преводи за над 50 езика чрез GitHub Actions +- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти) ### Архитектура -- Образователно хранилище със структура, базирана на уроци -- Всяка папка с урок съдържа README, примерен код и решения -- Самостоятелни проекти в отделни директории (quiz-app, различни проекти от уроците) -- Система за превод с използване на GitHub Actions (co-op-translator) -- Документация, предоставена чрез Docsify и достъпна в PDF формат +- Образователен репозиториум със структура, базирана на уроци +- Всяка папка с урок съдържа README, примери с код и решения +- Самостоятелни проекти в отделни директории (quiz-app, различни уроци) +- Система за превод с GitHub Actions (co-op-translator) +- Документация, предоставяна чрез Docsify и достъпна като PDF ## Команди за настройка -Това хранилище е основно за консумация на образователно съдържание. За работа с конкретни проекти: +Този репозиториум е предназначен основно за потребление на образователно съдържание. За работа със специфични проекти: -### Основна настройка на хранилището +### Основна настройка на репозиториума ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -37,11 +37,11 @@ cd Web-Dev-For-Beginners cd quiz-app npm install npm run dev # Стартиране на сървър за разработка -npm run build # Създаване за продукция -npm run lint # Стартиране на ESLint +npm run build # Създай за продукция +npm run lint # Стартирай ESLint ``` -### API на банковия проект (Node.js + Express) +### API на Bank проект (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,7 +51,7 @@ npm run lint # Стартиране на ESLint npm run format # Форматиране с Prettier ``` -### Проекти за разширения за браузър +### Проекти за разширение на браузър ```bash cd 5-browser-extension/solution @@ -59,7 +59,7 @@ npm install # Следвайте указанията за зареждане на разширения специфични за браузъра ``` -### Проекти за Космическата игра +### Проекти за Space Game ```bash cd 6-space-game/solution @@ -67,42 +67,42 @@ npm install # Отворете index.html в браузър или използвайте Live Server ``` -### Проект за чат (Python backend) +### Chat проект (Python backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Задаване на променливата на средата GITHUB_TOKEN +# Задайте променливата на средата GITHUB_TOKEN python api.py ``` -## Работен процес при разработка +## Работен процес за развитие -### За сътрудници по съдържанието +### За допринасящи с съдържание -1. **Форкнете хранилището** в своя GitHub акаунт -2. **Клонирайте форка** локално -3. **Създайте нов клон** за вашите промени -4. Направете промени в съдържанието на урока или примерите за код -5. Тествайте всякакви промени в кода в съответните проектни директории -6. Подайте pull request според указанията за принос +1. **Форкнете репозиториума** във вашия GitHub акаунт +2. **Клонирайте вашия форк** локално +3. **Създайте нов клон** за вашите промени +4. Направете промени в съдържанието на урока или в примерите с код +5. Тествайте всякакви промени в кода в релевантните проектни директории +6. Изпратете pull заявки, следвайки указанията за допринасяне -### За учащите +### За учащи се -1. Форкнете или клонирайте хранилището -2. Навигирайте последователно през директориите с уроци -3. Прочетете README файловете за всеки урок -4. Попълнете тестовете преди урока на https://ff-quizzes.netlify.app/web/ -5. Работете с примерите за код в папките на уроците -6. Завършете задачи и предизвикателства -7. Попълнете тестовете след урока +1. Форкнете или клонирайте репозиториума +2. Навигирайте към директориите с уроци последователно +3. Прочетете README файловете за всеки урок +4. Завършете тестовете преди урока на https://ff-quizzes.netlify.app/web/ +5. Работете с примерите с код в папките на уроците +6. Попълнете задания и предизвикателства +7. Изпълнете тестове след урока -### Жива разработка +### Живо разработване -- **Документация**: Стартирайте `docsify serve` в главната директория (порт 3000) -- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app -- **Проекти**: Използвайте разширението Live Server на VS Code за HTML проекти -- **API проекти**: Стартирайте `npm start` в съответните API директории +- **Документация**: Стартирайте `docsify serve` в корена (порт 3000) +- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app +- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти +- **API проекти**: Стартирайте `npm start` в съответните API директории ## Инструкции за тестване @@ -111,76 +111,76 @@ python api.py ```bash cd quiz-app npm run lint # Проверка за проблеми със стила на кода -npm run build # Проверете дали сглобяването е успешно +npm run build # Потвърдете, че компилацията е успешна ``` ### Тестване на Bank API ```bash cd 7-bank-project/api -npm run lint # Проверка за проблеми със стил на кода -node server.js # Проверете дали сървърът стартира без грешки +npm run lint # Провери за проблеми със стила на кода +node server.js # Увери се, че сървърът стартира без грешки ``` -### Общ подход за тестване +### Общ подход към тестването -- Това е образователно хранилище без пълни автоматизирани тестове -- Ръчното тестване се концентрира върху: - - Изпълнение на примерите за код без грешки - - Проверка дали линковете в документацията работят правилно - - Успешно завършване на билдовете на проектите - - Примерите следват добри практики +- Това е образователен репозиториум без пълни автоматизирани тестове +- Ръчното тестване се фокусира върху: + - Изпълнение на примерите с код без грешки + - Работоспособност на линковете в документацията + - Успешно компилиране на проектите + - Следване на добри практики в примерите -### Проверки преди подаване +### Проверки преди изпращане -- Стартирайте `npm run lint` в директории с package.json -- Проверете валидността на връзките в markdown -- Тествайте примерите за код в браузър или Node.js -- Проверете дали преводите поддържат правилната структура +- Стартирайте `npm run lint` в директориите с package.json +- Проверете валидността на markdown линковете +- Тествайте примерите с код в браузър или Node.js +- Проверете дали преводите запазват правилната структура -## Насоки за стил на кода +## Насоки за стил на код ### JavaScript -- Използвайте модерен ES6+ синтаксис -- Следвайте стандартните ESLint конфигурации, предоставени в проектите -- Използвайте смислени имена на променливи и функции за образователна яснота -- Добавяйте коментари, обясняващи концепциите за учащите -- Форматирайте с Prettier, където е конфигуриран +- Използвайте съвременен ES6+ синтаксис +- Следвайте стандартните ESLint конфигурации, предоставени в проектите +- Използвайте смислени имена на променливи и функции за образователна яснота +- Добавяйте коментари, обясняващи концепциите за учащите се +- Форматирайте с Prettier, където е конфигуриран ### HTML/CSS -- Семантични HTML5 елементи -- Принципи на отзивчив дизайн -- Ясни конвенции за именуване на класове -- Коментари, обясняващи CSS техники за учащите +- Семантични HTML5 елементи +- Принципи на адаптивен дизайн +- Ясни наименования на класове +- Коментари, обясняващи CSS техники за учащите ### Python -- Стилови насоки PEP 8 -- Ясни, образователни примери за код -- Типови подсказки, където е полезно за обучението +- Насоки за стил PEP 8 +- Ясни, образователни примери с код +- Типови анотации, където са полезни за обучението ### Markdown документация -- Ясна йерархия на заглавията -- Кодови блокове с посочен език -- Връзки към допълнителни ресурси -- Скриншотове и изображения в директориите `images/` -- Alt текст за изображения за достъпност +- Ясна йерархия на заглавията +- Кодови блокове с посочен език +- Линкове към допълнителни ресурси +- Скрийнове и изображения в директории `images/` +- Алтернативен текст за изображенията за достъпност ### Организация на файловете -- Уроците са подредени последователно (1-getting-started-lessons, 2-js-basics и др.) -- Всеки проект има директории `solution/` и често `start/` или `your-work/` -- Изображенията се съхраняват в папки `images/`, специфични за урока -- Преводите са в структура `translations/{language-code}/` +- Уроците са номерирани последователно (1-getting-started-lessons, 2-js-basics и т.н.) +- Всеки проект има директории `solution/` и често `start/` или `your-work/` +- Изображения се съхраняват в уроци-специфични папки `images/` +- Преводите в структурата `translations/{language-code}/` -## Създаване и внедряване +## Създаване и разгръщане -### Внедряване на Quiz App (Azure Static Web Apps) +### Разгръщане на Quiz App (Azure Static Web Apps) -quiz-app е конфигуриран за внедряване в Azure Static Web Apps: +Quiz-app е конфигуриран за Azure Static Web Apps разгръщане: ```bash cd quiz-app @@ -188,16 +188,16 @@ npm run build # Създава папка dist/ # Разгръща чрез GitHub Actions workflow при push към main ``` -Конфигурация за Azure Static Web Apps: -- **Папка на приложението**: `/quiz-app` -- **Изходна папка**: `dist` -- **Работен процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Конфигурация за Azure Static Web Apps: +- **Местоположение на приложението**: `/quiz-app` +- **Местоположение на изхода**: `dist` +- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Генериране на документация в PDF +### Генериране на PDF документация ```bash -npm install # Инсталиране на docsify-to-pdf -npm run convert # Генериране на PDF от docs +npm install # Инсталирайте docsify-to-pdf +npm run convert # Генерирайте PDF от docs ``` ### Документация с Docsify @@ -207,76 +207,76 @@ npm install -g docsify-cli # Инсталирайте Docsify глобалн docsify serve # Сървирайте на localhost:3000 ``` -### Специфични билдове за проекти +### Специфични сборки на проекти -Всяка проектна директория може да има собствен процес на билд: -- Проекти с Vue: `npm run build` създава продукционни пакети -- Статични проекти: няма стъпка за билд, файловете се сервира директно +Всяка проектна директория може да има собствен процес на сборка: +- Vue проекти: `npm run build` създава продукционни пакети +- Статични проекти: няма стъпка за сборка, файловете се обслужват директно -## Насоки за pull request +## Насоки за pull заявки ### Формат на заглавието -Използвайте ясни и описателни заглавия, показващи областта на промяната: -- `[Quiz-app] Добавяне на нов тест за урок X` -- `[Lesson-3] Поправка на правописна грешка в проекта террариум` -- `[Translation] Добавяне на испански превод за урок 5` -- `[Docs] Актуализация на инструкциите за настройка` +Използвайте ясни, описателни заглавия, указващи областта на промяната: +- `[Quiz-app] Добавяне на нов тест за урок X` +- `[Lesson-3] Корекция на печатна грешка в террариум проект` +- `[Translation] Добавен испански превод за урок 5` +- `[Docs] Актуализация на инструкциите за настройка` ### Задължителни проверки -Преди подаване на PR: +Преди да изпратите PR: -1. **Качество на кода**: - - Стартирайте `npm run lint` в засегнатите проектни директории - - Поправете всички грешки и предупреждения +1. **Качество на кода**: + - Стартирайте `npm run lint` в засегнатите проектни директории + - Поправете всички грешки и предупреждения при lint -2. **Проверка на билд**: - - Стартирайте `npm run build`, ако е приложимо - - Уверете се, че няма грешки при билд +2. **Проверка на сборката**: + - Стартирайте `npm run build`, ако е приложимо + - Уверете се, че няма грешки при сборка -3. **Проверка на линкове**: - - Тествайте всички markdown връзки - - Проверете референциите към изображения +3. **Валидация на линковете**: + - Тествайте всички markdown линкове + - Потвърдете, че референциите към изображения работят -4. **Преглед на съдържанието**: - - Корекция на правопис и граматика - - Уверете се, че примерите за код са правилни и образователни - - Проверете дали преводите запазват оригиналния смисъл +4. **Преглед на съдържанието**: + - Прегледайте за правописни и граматични грешки + - Уверете се, че примерите с код са коректни и образователни + - Потвърдете, че преводите запазват оригиналния смисъл -### Изисквания за принос +### Изисквания за допринасяне -- Съгласие с Microsoft CLA (автоматична проверка при първи PR) -- Спазване на [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания -- Позоваване на номерата на проблеми в описанието на PR, ако е приложимо +- Съгласие с Microsoft CLA (автоматична проверка при първия PR) +- Следвайте [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания +- Посочвайте номера на проблеми в описанието на PR, ако е приложимо ### Процес на преглед -- PR се преглежда от поддържащи и общността -- Предпочита се образователна яснота -- Примерите за код трябва да следват актуални добри практики -- Преводите се проверяват за точност и културна уместност +- PR се преглеждат от поддържачи и общността +- Приоритет има образователната яснота +- Примерите с код трябва да следват актуални най-добри практики +- Преводите се преглеждат за точност и културна коректност ## Система за превод -### Автоматизиран превод +### Автоматичен превод -- Използва GitHub Actions с workflow co-op-translator -- Превежда автоматично на 50+ езика -- Изходни файлове в основните директории -- Преведените файлове в директории `translations/{language-code}/` +- Използва GitHub Actions с workflow co-op-translator +- Превежда автоматично на над 50 езика +- Изходните файлове са в основните директории +- Преводните файлове са в директории `translations/{language-code}/` ### Добавяне на ръчни подобрения на превода -1. Намерете файла в `translations/{language-code}/` -2. Направете подобрения, като запазите структурата -3. Уверете се, че примерите за код остават функционални -4. Тествайте локализираното съдържание на тестове +1. Открийте файла в `translations/{language-code}/` +2. Направете подобрения, като запазвате структурата +3. Уверете се, че примерите с код остават работещи +4. Тествайте локализирано съдържание на тестове -### Метаданни на превода +### Метаданни за превода -Преведените файлове включват метаданни в хедъра: +Преведените файлове включват метаданни в заглавната част: ```markdown ``` -## Отстраняване на грешки и проблеми +## Отстраняване и дебъгване ### Чести проблеми -**Quiz app не стартира**: -- Проверете версията на Node.js (препоръчително v14+) -- Изтрийте `node_modules` и `package-lock.json`, стартирайте `npm install` отново -- Проверете за конфликти на портове (по подразбиране Vite използва порт 5173) +**Quiz app не стартира**: +- Проверете версията на Node.js (препоръчано v14+) +- Изтрийте `node_modules` и `package-lock.json`, стартирайте `npm install` отново +- Проверете за конфликти на портове (по подразбиране: Vite използва порт 5173) -**API сървърът не стартира**: -- Уверете се, че версията на Node.js е поне node >=10 -- Проверете дали портът е зает -- Уверете се, че всички зависимости са инсталирани с `npm install` +**API сървър не стартира**: +- Проверете дали версията на Node.js отговаря на минимум (node >=10) +- Проверете дали портът не е вече зает +- Уверете се, че всички зависимости са инсталирани с `npm install` -**Разширението за браузър не се зарежда**: -- Проверете дали manifest.json е правилно форматиран -- Разгледайте конзолата на браузъра за грешки -- Следвайте указанията за инсталиране на разширения според браузъра +**Разширение за браузър не се зарежда**: +- Проверете дали manifest.json е коректно форматиран +- Проверете конзолата на браузъра за грешки +- Следвайте специфичните инструкции за инсталиране на разширения за браузъри -**Проблеми с Python чат проект**: -- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai` -- Проверете, че променливата на средата GITHUB_TOKEN е зададена -- Проверете разрешенията за достъп до GitHub Models +**Проблеми с Python чат проект**: +- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai` +- Проверете, че променливата на средата GITHUB_TOKEN е зададена +- Проверете разрешенията за достъп на GitHub Models -**Docsify не подава документация**: -- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli` -- Стартирайте от коренната директория на хранилището -- Проверете дали съществува `docs/_sidebar.md` +**Docsify не предоставя документация**: +- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli` +- Стартирайте от коренната директория на репозиториума +- Проверете дали съществува файл `docs/_sidebar.md` ### Съвети за развойна среда -- Използвайте VS Code с разширението Live Server за HTML проекти -- Инсталирайте разширения ESLint и Prettier за консистентно форматиране -- Използвайте DevTools на браузъра за дебъгване на JavaScript -- За Vue проекти инсталирайте Vue DevTools разширението за браузър +- Използвайте VS Code с разширението Live Server за HTML проекти +- Инсталирайте ESLint и Prettier разширения за консистентно форматиране +- Използвайте DevTools на браузъра за дебъгване на JavaScript +- За Vue проекти инсталирайте Vue DevTools разширението за браузър -### Съображения за производителността +### Съображения за производителност -- Голям брой преведени файлове (50+ езика) означава, че пълните клонирания са големи -- Използвайте shallow clone, ако работите само със съдържание: `git clone --depth 1` -- Изключвайте преводите от търсения при работа с английско съдържание -- Процесите на билд могат да са бавни при първо изпълнение (npm install, Vite build) +- Голям брой преводни файлове (над 50 езика) прави клоновете големи +- Използвайте shallow clone, ако работите само със съдържание: `git clone --depth 1` +- Изключвайте преводите от търсенията при работа с английско съдържание +- Процесите на сборка може да са бавни при първо изпълнение (npm install, Vite build) -## Съображения за сигурността +## Съображения за сигурност ### Променливи на средата -- API ключове никога не трябва да се комитират в хранилището -- Използвайте `.env` файлове (вече в `.gitignore`) -- Документирайте изискваните променливи на средата в README файловете на проектите +- API ключове никога не трябва да се комитират в репозиториума +- Използвайте `.env` файлове (вече са в `.gitignore`) +- Документирайте задължителните променливи на средата в README файловете на проектите ### Python проекти -- Използвайте виртуални среди: `python -m venv venv` -- Поддържайте зависимостите актуални -- GitHub токените трябва да имат минималните необходими разрешения +- Използвайте виртуални среди: `python -m venv venv` +- Поддържайте зависимостите актуални +- GitHub токените трябва да имат минимални необходими разрешения ### Достъп до GitHub Models -- За GitHub Models се изискват Personal Access Tokens (PAT) -- Токените трябва да се съхраняват като променливи на средата -- Никога не комитвайте токени или креденшъли +- Необходими са лични токени за достъп (PAT) за GitHub Models +- Токените трябва да се съхраняват като променливи на средата +- Никога не комитвайте токени или данни за достъп ## Допълнителни бележки ### Целева аудитория -- Напълно начинаещи в уеб разработката -- Студенти и самоуки учащи -- Учители, използващи учебната програма в класната стая -- Съдържанието е проектирано за достъпност и постепенно усъвършенстване на уменията +- Напълно начинаещи в уеб разработката +- Студенти и самоуки +- Учители, използващи учебната програма в класните стаи +- Съдържанието е разработено за достъпност и постепенно развитие на уменията ### Образователна философия -- Подход, базиран на проекти -- Чести проверявания на знания (тестове) -- Практически упражнения по кодиране -- Примери за реални приложения -- Фокус върху основите преди рамките +- Подход, базиран на учене чрез проекти +- Чести проверки на знанията (тестове) +- Практически упражнения с програмиране +- Примери с реално приложение +- Фокус върху основите преди рамки и библиотеки -### Поддръжка на хранилището +### Поддръжка на репозиториума -- Активна общност от учащи и сътрудници -- Редовни актуализации на зависимости и съдържание -- Мониторинг на проблеми и дискусии от страна на поддържащите -- Автоматизирани актуализации на преводите чрез GitHub Actions +- Активна общност от учащи се и допринасящи +- Редовни актуализации на зависимости и съдържание +- Поддръжници следят проблемите и дискусиите +- Обновления на преводите автоматизирани чрез GitHub Actions ### Свързани ресурси -- [Microsoft Learn модули](https://docs.microsoft.com/learn/) -- [Ресурси от Student Hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчван за учащи -- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни поредици налични +- [Microsoft Learn модули](https://docs.microsoft.com/learn/) +- [Student Hub ресурси](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчван за учащите +- Допълнителни курсове: Генеративен AI, Data Science, ML, IoT учебни програми достъпни -### Работа с конкретни проекти +### Работа със специфични проекти -За подробни инструкции относно отделните проекти, вижте README файловете в: -- `quiz-app/README.md` - Vue 3 приложение за викторини -- `7-bank-project/README.md` - Банково приложение с удостоверяване -- `5-browser-extension/README.md` - Разработка на разширение за браузър -- `6-space-game/README.md` - Разработка на игра с Canvas -- `9-chat-project/README.md` - Проект с AI асистент за чат +За подробни инструкции относно отделни проекти, вижте README файловете в: +- `quiz-app/README.md` - Vue 3 quiz приложение +- `7-bank-project/README.md` - Банково приложение с автентикация +- `5-browser-extension/README.md` - Разработка на браузър разширения +- `6-space-game/README.md` - Разработка на игра базирана на Canvas +- `9-chat-project/README.md` - AI чат асистент проект -### Структура на монохранилището +### Монорепо структура -Въпреки че не е традиционно монохранилище, това хранилище съдържа множество независими проекти: -- Всеки урок е самостоятелен -- Проектите не споделят зависимости -- Работете по отделни проекти, без да засягате други -- Клонирайте цялото хранилище за пълното учебно преживяване +Въпреки че не е традиционно монорепо, този репозиториум съдържа множество независими проекти: +- Всеки урок е самостоятелен +- Проектите не споделят зависимости +- Работете по отделните проекти без да засягате други +- Клонирайте целия репозиториум за пълно преживяване на учебната програма --- **Отказ от отговорност**: -Този документ е преведен чрез AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за каквито и да било недоразумения или неправилни тълкувания, произтичащи от използването на този превод. +Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за никакви недоразумения или неправилни тълкувания, произтичащи от използването на този превод. \ No newline at end of file diff --git a/translations/bg/README.md b/translations/bg/README.md index 318c9946fd..d18b006b24 100644 --- a/translations/bg/README.md +++ b/translations/bg/README.md @@ -1,21 +1,38 @@ +[![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) + # Уеб разработка за начинаещи - Учебна програма -Научете основите на уеб разработката с нашия 12-седмичен изчерпателен курс, воден от Microsoft Cloud Advocates. Във всеки от 24-те урока ще се потопите в JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузъри и космически игри. Включете се в викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашия ефективен проектно-базиран подход. Започнете своето програмиране днес! +Научете основите на уеб разработката с нашия 12-седмичен обстоен курс от Microsoft Cloud Advocates. Във всеки от 24-те урока ще навлезете в JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузъри и космически игри. Включете се в тестове, дискусии и практически задачи. Развийте уменията си и оптимизирайте усвояването на знания с ефективна педагогика, базирана на проекти. Започнете своето програмиране още днес! -Присъединете се към Azure AI Foundry Discord Общността +Присъединете се към Azure AI Foundry Discord и се срещнете с експерти и други разработчици. -Следвайте тези стъпки, за да започнете с тези ресурси: -1. **Клонирайте репозитория**: Натиснете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Клонирайте репозитория локално**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) + +Следвайте тези стъпки, за да започнете да използвате тези ресурси: +1. **Направете Fork на репозитория**: Кликнете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Клонирайте репозитория**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**Присъединете се към Azure AI Foundry Discord и се срещнете с експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Поддръжка на множество езици #### Поддържа се чрез GitHub Action (Автоматично и винаги актуално) + +[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](./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) | [Khmer](../km/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](../es/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) + > **Предпочитате да клонирате локално?** > -> Този репозитори включва над 50 превода на езици, което значително увеличава размера на изтегляне. За да клонирате без преводи, използвайте sparse checkout: +> Този репозиторий включва над 50 езикови превода, което значително увеличава размера на изтегляне. За да клонирате без преводи, използвайте sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -31,155 +48,167 @@ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне. +> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо теглене. + + +**Ако желаете допълнителни преводи, поддържаните езици са изброени тук. [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -**Ако желаете да имате допълнителни поддържани езици за превод, те са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +[![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) -#### 🧑‍🎓 _Вие студент ли сте?_ +#### 🧑‍🎓 _Студент ли сте?_ -Посетете [**Страница за студенти**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите ресурси за начинаещи, студентски пакети и дори начини да получите безплатен ваучер за сертификат. Това е страницата, която трябва да запазите и да проверявате от време на време, тъй като месечно сменяме съдържанието. +Посетете [**страницата на Студентския център**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите материали за начинаещи, студентски пакети и дори начини да получите безплатен сертификатен ваучер. Това е страницата, която трябва да добавите в отметките си и да проверявате от време на време, тъй като месечно сменяме съдържанието. -### 📣 Обявление - Нови предизвикателства за режим GitHub Copilot Agent! +### 📣 Обявление - Нови предизвикателства с GitHub Copilot Agent mode! -Добавено е ново предизвикателство, търсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което трябва да завършите, използвайки GitHub Copilot и режим Agent. Ако не сте използвали режим Agent преди, той може не само да генерира текст, но и да създава и редактира файлове, да изпълнява команди и още. +Добавено е ново предизвикателство, търсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство за вас да го завършите с помощта на GitHub Copilot и Agent mode. Ако досега не сте използвали Agent mode, той не само генерира текст, но може и да създава и редактира файлове, да изпълнява команди и още. -### 📣 Обявление - _Нов проект за изграждане с Generative AI_ +### 📣 Обявление - _Нов проект за изграждане с помощта на Генеративен ИИ_ -Току-що добавен нов проект AI Асистент, разгледайте [проекта](./9-chat-project/README.md) +Току-що беше добавен нов проект AI Асистент, разгледайте го [проект](./9-chat-project/README.md) -### 📣 Обявление - _Нова учебна програма_ за Generative AI за JavaScript току-що излезе +### 📣 Обявление - _Нова учебна програма_ по Генеративен ИИ за JavaScript току-що бе публикувана -Не пропускайте нашата нова учебна програма за Generative AI! +Не пропускайте нашата нова учебна програма по Генеративен ИИ! Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете! -- Уроци, покриващи всичко от основи до RAG. -- Взаимодействайте с исторически личности чрез GenAI и нашето приложение спътник. -- Забавен и увлекателен разказ, ще пътувате във времето! +![Background](../../translated_images/bg/background.148a8d43afde5730.webp) + +- Уроци, обхващащи всичко от основите до RAG. +- Взаимодействайте с исторически личности с GenAI и нашето спомагателно приложение. +- Забавно и ангажиращо повествование, ще пътувате във времето! + +![character](../../translated_images/bg/character.5c0dd8e067ffd693.webp) + + +Всеки урок включва задача за завършване, проверка на знанията и предизвикателство, което да ви насочи при изучаване на теми като: +- Подканяне и проектиране на подканване +- Генериране на текстови и образни приложения +- Търсещи приложения + +Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете! -Всеки урок включва задача за изпълнение, проверка на знания и предизвикателство, които да ви помогнат при изучаването на теми като: -- Подсказване и инженеринг на подсказки -- Генериране на приложения за текст и изображения -- Приложения за търсене -Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) за да започнете! ## 🌱 Започване -> **Учители**, ние сме [включили някои предложения](for-teachers.md) как да използвате тази учебна програма. Ще се радваме на обратна връзка от вас [в нашия форум за дискусии](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Учители**, включили сме някои предложения [тук](for-teachers.md) за това как да използвате тази учебна програма. Ще се радваме на вашата обратна връзка [в нашия дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Учащи](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с предварителна викторина и след това продължете с четене на учебния материал, изпълнение на различни дейности и проверете разбирането си с пост-лекционна викторина. +**[Обучаващи се](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с предварителен тест и продължете с прочитане на лекционните материали, изпълнение на различните дейности и проверете разбирането си с последващ тест. -За да подобрите учебния си опит, свържете се с връстници, за да работите заедно по проектите! Насърчават се дискусии в нашия [форум за дискусии](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори ще е на разположение да отговаря на вашите въпроси. +За да подобрите учебното си преживяване, свържете се с вашите връстници, за да работите по проектите заедно! Дискусиите са насърчавани в нашия [дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори ще бъде на разположение да отговори на вашите въпроси. -За да задълбочите образованието си, силно препоръчваме да разгледате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали. +За да разширите образованието си, силно препоръчваме да разгледате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали. -### 📋 Настройване на вашата среда +### 📋 Настройване на средата -Тази учебна програма разполага с готова среда за разработка! Докато започвате, можете да изберете да изпълнявате учебната програма в [Codespace](https://github.com/features/codespaces/) (_среда в браузъра без нужда от инсталация_), или локално на компютъра си с текстов редактор като [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Тази учебна програма има готова среда за разработка! Когато започвате, можете да изберете да изпълнявате учебната програма в [Codespace](https://github.com/features/codespaces/) (_среда базирана на браузър, без нужда от инсталации_), или локално на вашия компютър, използвайки текстов редактор като [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Създаване на собствено репозитори -За да ви е по-лесно да запазвате работата си, се препоръчва да създадете собствено копие на това репозитори. Можете да го направите, като натиснете бутона **Use this template** в горната част на страницата. Това ще създаде нов репозитори в акаунта ви в GitHub с копие на учебната програма. +#### Създайте своя репозиторий +За да съхранявате лесно работата си, препоръчително е да създадете своя собствена копие на този репозиторий. Можете да направите това, като кликнете върху бутона **Use this template** в горната част на страницата. Това ще създаде нов репозиторий във вашия GitHub акаунт с копие на учебната програма. Следвайте тези стъпки: -1. **Клонирайте репозитория**: Натиснете бутона "Fork" в горния десен ъгъл на тази страница. -2. **Клонирайте репозитория локално**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Направете Fork на репозитория**: Кликнете бутона "Fork" в горния десен ъгъл на тази страница. +2. **Клонирайте репозитория**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Стартиране на учебната програма в Codespace -В копието на това репозитори, което създадохте, натиснете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който да работите. +В създаденото от вас копие на този репозиторий, кликнете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace за работа. + +![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.webp) -#### Стартиране на учебната програма локално на компютъра +#### Стартиране на учебната програма локално на вашия компютър -За да стартирате тази учебна програма локално на компютъра си, ще ви трябва текстов редактор, браузър и инструмент за команден ред. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящото за вас. +За да изпълнявате тази учебна програма локално на вашия компютър, ще ви е необходим текстов редактор, браузър и инструмент за команден ред. Нашият първи урок, [Въведение в програмните езици и търговските инструменти](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни възможности за всеки от тези инструменти, от които може да изберете най-подходящото за вас. -Препоръчваме ви да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който разполага и с вграден [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Клонирайте вашето хранилище на компютъра си. Можете да го направите като кликнете на бутона **Code** и копирате URL адреса: +Нашата препоръка е да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като ваш редактор, който разполага и с вграден [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Клонирайте вашето хранилище на компютъра си. Можете да направите това, като кликнете върху бутона **Code** и копирате URL адреса: [CodeSpace](./images/createcodespace.png) - След това отворете [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) в [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `` с URL адреса, който току-що копирахте: + След това отворете [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) във [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `` с току-що копирания URL адрес: ```bash git clone ``` -2. Отворете папката във Visual Studio Code. Можете да го направите като кликнете на **File** > **Open Folder** и изберете папката, която току-що клонирахте. +2. Отворете папката във Visual Studio Code. Можете да направите това, като кликнете върху **File** > **Open Folder** и изберете папката, която току-що сте клонирали. -> Препоръчани разширения за Visual Studio Code: +> Препоръчителни разширения за Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед на HTML страници директно във Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - да ви помага да пишете код по-бързо +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за предварителен преглед на HTML страници в Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за да ви помогне да пишете код по-бързо ## 📂 Всеки урок включва: -- по желание скица +- по желание скицник - по желание допълнително видео -- предварителен топъл тест преди урока -- написан урок +- предварителен топлинен тест преди урока +- писмен урок - за уроци, базирани на проекти, стъпка по стъпка ръководства за изграждане на проекта - проверки на знанията - предизвикателство - допълнително четиво -- задание +- задача - [тест след урока](https://ff-quizzes.netlify.app/web/) -> **Бележка за тестовете**: Всички тестове се намират в папката Quiz-app, общо 48 теста с по три въпроса във всеки. Те са достъпни [тук](https://ff-quizzes.netlify.app/web/), приложението за тестове може да се изпълнява локално или да се публикува в Azure; следвайте инструкциите в папката `quiz-app`. +> **Забележка за тестовете**: Всички тестове се намират в папката Quiz-app, общо 48 теста с по три въпроса всеки. Те са налични [тук](https://ff-quizzes.netlify.app/web/), приложението за тестове може да се стартира локално или да се разположи в Azure; следвайте инструкциите в папката `quiz-app`. ## 🗃️ Уроци -| | Име на проекта | Теми, които се преподават | Учебни цели | Свързан урок | Автор | -| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Въведение в програмирането и инструментите на занаята | Научете основите зад повечето програмни езици и софтуера, който помага на професионалните разработчици да вършат работата си | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | Основи на GitHub, включва работа в екип | Как да използвате GitHub в проекта си, как да си сътрудничите с други върху кодовата база | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Достъпност | Научете основите на уеб достъпността | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher | -| 06 | JS Basics | Вземане на решения с JS | Научете как да създавате условия в кода си чрез методи за вземане на решения | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Масиви и цикли | Работа с данни чрез масиви и цикли в JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML на практика | Създайте HTML за онлайн терариум, с фокус върху създаването на оформление | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS на практика | Създайте CSS, за да стилизирате онлайн терариума с акцент върху основите на CSS, включително адаптивност на страницата | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript затваряния, манипулация на DOM | Създайте JavaScript, за да направите терариума функционален с drag/drop интерфейс, с акцент върху затваряния и манипулация на DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавишни събития, за да управлявате логиката на вашето JavaScript приложение | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да изградите първите елементи на браузър разширение | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Създаване на форма, повикване на API и съхраняване на променливи в локално хранилище | Изградете JavaScript елементи на браузър разширението си за извикване на API с използване на променливи, съхранявани в локално хранилище | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации за повишаване | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция и патърна Pub/Sub, като подготовка за създаване на игра | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Рисуване върху платно | Научете за Canvas API, използван за рисуване на елементи на екран | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите могат да придобият движение чрез декартови координати и Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Откриване на сблъсък | Накарайте елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и добавете функция за забавяне, за да осигурите производителност на играта | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Водене на резултати | Извършвайте математически изчисления въз основа на състоянието и представянето на играта | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Край и рестартиране на играта | Научете за край и рестартиране на играта, включително почистване на ресурси и нулиране на стойности на променливи | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете скелет на архитектурата на многостраничен уебсайт чрез маршрутизиране и HTML шаблони | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Създаване на формуляр за вход и регистрация | Научете за създаването на формуляри и обработката на валидационни процедури | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните постъпват и излизат от приложението ви, как да ги изтегляте, съхранявате и изтривате | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепции за управление на състояние | Научете как вашето приложение запазва състояние и как да го управлявате програмно | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Работа с изкуствен интелект | Научете как да създадете собствен AI асистент | [AI Assistant project](./9-chat-project/README.md) | Chris | +| | Име на проекта | Концепции, които се преподават | Учебни цели | Свързан урок | Автор | +| :-: | :--------------------------------------------------------: | :----------------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Първи стъпки | Въведение в програмирането и инструментите на занаятчията | Научете основите зад повечето програмни езици и за софтуера, който помага на професионалните разработчици да вършат работата си | [Въведение в програмен език и инструменти](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Първи стъпки | Основи на GitHub, включително работа с екип | Как да използвате GitHub в проекта си, как да си сътрудничите с други върху кодова база | [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Първи стъпки | Достъпност | Научете основите на уеб достъпността | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Основи на JS | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Основи на JS | Функции и методи | Научете за функции и методи за управление на потока на логиката в приложението | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | Основи на JS | Вземане на решения с JS | Научете как да създавате условия в кода си, използвайки методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Основи на JS | Масиви и цикли | Работа с данни, използвайки масиви и цикли в JavaScript | [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Терариум](./3-terrarium/solution/README.md) | HTML на практика | Създайте HTML за онлайн терариум с фокус върху изграждането на оформление | [Въведение в HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Терариум](./3-terrarium/solution/README.md) | CSS на практика | Създайте CSS за стилизиране на онлайн терариума, като се фокусирате върху основите на CSS и отзивчивия дизайн | [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Терариум](./3-terrarium/solution/README.md) | JavaScript Closures, манипулация с DOM | Създайте JavaScript, който прави терариума функционален като интерфейс с влачене и пускане, с акцент върху closures и DOM | [Closures на JavaScript, манипулация с DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате събития от клавиатурата, за да управлявате логиката на вашето JavaScript приложение | [Събитийно ориентирано програмиране](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър | [За браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Създаване на форма, извикване на API и съхраняване на променливи в local storage | Създайте JavaScript елементите на разширението за браузъра, за да извиквате API, използвайки променливи в local storage | [API, форми и local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция и за шаблона Pub/Sub в подготовка за създаване на игра | [Въведение в напреднало разработване на игри](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Рисуване на канвас | Научете за Canvas API, използван за рисуване на елементи на екран | [Рисуване на канвас](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите могат да добият движение, използвайки картезиански координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Засичане на сблъсъци | Нека елементите се сблъскват и реагират един на друг, използвайки натискане на клавиши, и добавете функция за охлаждане, за да се осигури производителност на играта | [Засичане на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Записване на резултати | Извършвайте изчисления въз основа на състоянието и представянето в играта | [Записване на резултати](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Приключване и рестартиране на играта | Научете за приключване и рестартиране на играта, включително почистване на ресурси и нулиране на стойности на променливи | [Условие за приключване](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Банково приложение](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете скелет на мултистранична уебсайт архитектура с помощта на маршрутизиране и HTML шаблони | [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Банково приложение](./7-bank-project/solution/README.md) | Създаване на форма за вход и регистрация | Научете за създаването на форми и обработката на валидация | [Форми](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Банково приложение](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните влизат и излизат от вашето приложение, как да ги извличате, съхранявате и изтривате | [Данни](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Банково приложение](./7-bank-project/solution/README.md) | Концепции за управление на състоянието | Научете как вашето приложение задържа състояние и как да го управлявате програмно | [Управление на състоянието](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код | [Използване на редактор VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Работа с изкуствен интелект | Научете как да изградите собствен AI асистент | [Проект AI асистент](./9-chat-project/README.md) | Chris | ## 🏫 Педагогика -Нашата учебна програма е създадена с два ключови педагогически принципа: -* обучение чрез проекти +Нашата учебна програма е проектирана с два ключови педагогически принципа: +* обучение, базирано на проекти * чести тестове -Програмата преподава основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практичен опит, като изграждат игра за писане, виртуален терариум, екологично разширение за браузър, игра в стил „нападател на космоса“ и банково приложение за бизнес. В края на серията студентите ще имат солидно разбиране на уеб разработка. +Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практически опит чрез създаване на игра за писане, виртуален терариум, екологично разширение за браузър, игра в стил космически нашественик и банково приложение за бизнеси. След края на поредицата студентите ще са получили солидно разбиране за уеб разработката. -> 🎓 Можете да започнете с първите няколко урока от тази учебна програма като [Учебен път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn! +> 🎓 Можете да вземете първите няколко урока от тази учебна програма като [Учебен Път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn! -Като гарантираме, че съдържанието съвпада с проектите, процесът за учениците става по-ангажиращ и задържането на концепциите се увеличава. Също така написахме няколко въвеждащи урока по основите на JavaScript, за да представим концепциите, съчетани с видео от поредицата "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", някои от авторите на които допринесоха за тази учебна програма. +Като се осигури съответствие между съдържанието и проектите, процесът става по-ангажиращ за студентите и задържането на концепциите ще се увеличи. Ние също така написахме няколко стартови урока по основи на JavaScript, за да въведем концепциите, съчетани с видео от колекцията "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чиито някои автори допринесоха за тази учебна програма. -Освен това, неангажиращ тест преди урока задава нагласата на студента към ученето на тема, а втори тест след урока осигурява допълнително задържане на материал. Тази учебна програма е създадена, за да бъде гъвкава и забавна и може да се взема цялостно или по части. Проектите започват с по-малки теми и стават все по-сложни до края на 12-седмичния цикъл. +Освен това, тест с ниска натовареност преди урока настройва намерението на студента към изучаване на тема, а втори тест след урока осигурява по-нататъшно задържане. Тази учебна програма е проектирана да бъде гъвкава и забавна и може да се вземе изцяло или частично. Проектите започват малки и постепенно стават по-сложни до края на 12-седмичния цикъл. -Докато умишлено сме избегнали въвеждането на JavaScript рамки, за да се концентрираме върху основните умения, необходими като уеб разработчик преди да се премине към рамка, добър следващ ход след завършване на тази програма би бил да научите Node.js чрез друга поредица от видеа: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Докато съзнателно сме избягвали въвеждане на JavaScript рамки, за да се съсредоточим върху основните умения, необходими като уеб разработчик преди приемането на рамка, добър следващ ход след завършване на тази учебна програма би бил изучаването на Node.js чрез друга колекция видеа: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Посетете нашите насоки [Кодекс на поведение](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме вашите конструктивни отзиви! +> Посетете нашия [Кодекс на поведение](CODE_OF_CONDUCT.md) и [Ръководството за принос](CONTRIBUTING.md). Очакваме вашата конструктивна обратна връзка! ## 🧭 Достъп офлайн -Можете да използвате тази документация офлайн чрез [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалната си машина, след което в главната папка на хранилището въведете `docsify serve`. Уебсайтът ще се обслужва на порт 3000 на локалния ви хост: `localhost:3000`. +Можете да използвате тази документация офлайн, като използвате [Docsify](https://docsify.js.org/#/). Форкирайте това репо, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалния си компютър и след това в кореновата папка на това репо въведете `docsify serve`. Уебсайтът ще бъде обслужван на порт 3000 на вашия локален хост: `localhost:3000`. ## 📘 PDF PDF с всички уроци може да бъде намерен [тук](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -187,7 +216,7 @@ PDF с всички уроци може да бъде намерен [тук](ht ## 🎒 Други курсове -Екипът ни произвежда и други курсове! Разгледайте: +Екипът ни създава и други курсове! Разгледайте: ### LangChain @@ -196,7 +225,7 @@ PDF с всички уроци може да бъде намерен [тук](ht [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Агенти +### Azure / Edge / MCP / Agenti [![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) @@ -204,7 +233,7 @@ PDF с всички уроци може да бъде намерен [тук](ht --- -### Генеративен AI Серия +### Серия за генеративен ИИ [![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) @@ -231,21 +260,21 @@ PDF с всички уроци може да бъде намерен [тук](ht ## Получаване на помощ -Ако изпитате затруднения или имате въпроси относно създаването на AI приложения, присъединете се към други учащи и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанията се споделят свободно. +Ако зациклите или имате въпроси относно създаването на AI приложения. Присъединете се към съмишленици и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанията се споделят свободно. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ако имате обратна връзка за продукта или грешки при създаването, посетете: +Ако имате обратна връзка за продукта или грешки по време на разработка посетете: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Лиценз -Това хранилище е лицензирано под MIT лиценз. Вижте файла [LICENSE](../../LICENSE) за повече информация. +Това хранилище е лицензирано под лиценз MIT. Вижте файла [LICENSE](../../LICENSE) за повече информация. --- **Отказ от отговорност**: -Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод. +Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човешки преводач. Ние не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, възникнали от използването на този превод. \ No newline at end of file diff --git a/translations/bg/lesson-template/README.md b/translations/bg/lesson-template/README.md index e32ac6dd16..feec23bada 100644 --- a/translations/bg/lesson-template/README.md +++ b/translations/bg/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Тема на урока] +# Тема на урока -![Вградете видео тук](../../../lesson-template/video-url) +## 🎥 Видео -## [Тест преди лекцията](../../../lesson-template/quiz-url) +> Добавете тук вградено видео или връзка към урока. -[Опишете какво ще научим] +--- + +## Предварителен тест + +> Добавете връзка към теста тук, когато е налична. + +--- + +Дайте кратък преглед на това, което студентите ще научат в този урок. + +--- ### Въведение -Опишете какво ще бъде разгледано +Дайте кратко въведение, описващо какво ще бъде разгледано в този урок. > Бележки -### Предпоставки +--- + +### Предварителни изисквания -Какви стъпки трябва да са изпълнени преди този урок? +Изброявайте концепциите или темите, с които студентите трябва да са запознати преди започването на този урок. + +--- ### Подготовка -Подготвителни стъпки за започване на урока +Изброявайте всички стъпки за настройване или необходими инструменти преди започването на урока. --- -[Разгледайте съдържанието на части] +### Съдържание + +Придвижвайте се през съдържанието на урока в структурирани секции. + +--- -## [Тема 1] +## Тема 1 ### Задача: -Работете заедно, за да подобрите постепенно вашата кодова база и да изградите проекта със споделен код: +Работете заедно, за да подобрите постепенно своя код, за да изградите проекта с общ код: ```html code blocks ``` -✅ Проверка на знанията - използвайте този момент, за да разширите знанията на учениците с отворени въпроси +✅ Проверка на знанията +Използвайте този момент, за да разширите знанията на студентите с отворени въпроси. -## [Тема 2] +## Тема 2 +## Тема 3 -## [Тема 3] +🚀 Предизвикателство +Добавете съвместно предизвикателство за студентите да подобрят проекта. -🚀 Предизвикателство: Добавете предизвикателство за учениците, върху което да работят съвместно в клас, за да подобрят проекта +По избор: Добавете екранна снимка на завършения интерфейс на урока, ако е подходящо. -По избор: добавете екранна снимка на потребителския интерфейс на завършения урок, ако е подходящо +## Последващ тест -## [Тест след лекцията](../../../lesson-template/quiz-url) +Добавете връзка към теста тук след завършване на урока. ## Преглед и самостоятелно обучение -**Краен срок за задание [MM/YY]**: [Име на заданието](assignment.md) +**Срок за предаване [ММ/ГГ]**: [Име на заданието](assignment.md) --- -**Отказ от отговорност**: -Този документ е преведен с помощта на AI услуга за превод [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия изходен език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човек. Ние не носим отговорност за каквито и да е недоразумения или погрешни интерпретации, произтичащи от използването на този превод. \ No newline at end of file + +**Отказ от отговорност**: +Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за никакви недоразумения или неправилни тълкувания, възникнали в резултат на използването на този превод. + \ No newline at end of file diff --git a/translations/bn/.co-op-translator.json b/translations/bn/.co-op-translator.json index 0c23a092f7..2485f384ef 100644 --- a/translations/bn/.co-op-translator.json +++ b/translations/bn/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:34:34+00:00", + "translation_date": "2026-04-24T21:55:24+00:00", "source_file": "AGENTS.md", "language_code": "bn" }, @@ -516,8 +516,8 @@ "language_code": "bn" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:08:25+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T21:49:22+00:00", "source_file": "README.md", "language_code": "bn" }, @@ -564,8 +564,8 @@ "language_code": "bn" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T00:50:59+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T21:49:33+00:00", "source_file": "lesson-template/README.md", "language_code": "bn" }, diff --git a/translations/bn/AGENTS.md b/translations/bn/AGENTS.md index 8ed0e1a375..ca534e1276 100644 --- a/translations/bn/AGENTS.md +++ b/translations/bn/AGENTS.md @@ -1,37 +1,37 @@ # AGENTS.md -## প্রকল্পের সারসংক্ষেপ +## প্রকল্পের ওভারভিউ -এটি শিক্ষানবীশদের জন্য ওয়েব ডেভেলপমেন্টের মৌলিক বিষয় শেখানোর জন্য একটি শিক্ষামূলক পাঠক্রম রেপোসিটরি। এই পাঠক্রমটি মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের দ্বারা উন্নত একটি ব্যাপক ১২-সপ্তাহের কোর্স, যা জাভাস্ক্রিপ্ট, CSS এবং HTML-এ ২৪টি হাতেকলমে পাঠ নিয়ে গঠিত। +এটি শিক্ষণীয় কারিকুলাম রিপোজিটরি যা শুরু কারীদের জন্য ওয়েব ডেভেলপমেন্টের মূল বিষয়গুলো শেখানোর জন্য তৈরি। এই কারিকুলাম একটি সমন্বিত ১২ সপ্তাহের কোর্স যা Microsoft Cloud Advocates দ্বারা তৈরি, যার মধ্যে ২৪টি হাতে-কলমে শেখানো পাঠ রয়েছে যেগুলো JavaScript, CSS এবং HTML আচ্ছাদিত। -### মূল উপাদানসমূহ +### প্রধান উপাদানসমূহ -- **শিক্ষামূলক বিষয়বস্তু**: প্রকল্পভিত্তিক মডিউল আকারে সংগঠিত ২৪টি কাঠামোবদ্ধ পাঠ -- **বাস্তব প্রকল্পসমূহ**: টেরারিয়াম, টাইপিং গেম, ব্রাউজার এক্সটেনশন, স্পেস গেম, ব্যাংকিং অ্যাপ, কোড এডিটর, এবং AI চ্যাট সহকারী -- **ইন্টারেক্টিভ কুইজ**: প্রতিটি কুইজে ৩টি প্রশ্নসহ ৪৮টি কুইজ (পাঠের আগে/পরবর্তী মূল্যায়ন) -- **বহুভাষী সমর্থন**: গিটহাব অ্যাকশনের মাধ্যমে ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ -- **প্রযুক্তি**: HTML, CSS, জাভাস্ক্রিপ্ট, Vue.js 3, Vite, Node.js, Express, পাইথন (AI প্রকল্পের জন্য) +- **শিক্ষণীয় বিষয়বস্তু**: ২৪টি গঠনমূলক পাঠ প্রকল্পভিত্তিক মডিউলে বিন্যস্ত +- **প্রায়োগিক প্রকল্পসমূহ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor এবং AI Chat Assistant +- **ইন্টারেক্টিভ কুইজ**: ৪৮টি কুইজ প্রতি ৩টি প্রশ্ন নিয়ে (পাঠের আগে/পাঠের পরে মূল্যায়ন) +- **বহুভাষিক সাপোর্ট**: GitHub Actions এর মাধ্যমে ৫০+ ভাষার স্বয়ংক্রিয় অনুবাদ +- **প্রযুক্তিসমূহ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI প্রকল্পের জন্য) ### স্থাপত্য -- পাঠভিত্তিক কাঠামো সহ শিক্ষামূলক রেপোসিটরি +- পাঠভিত্তিক গঠন সহ শিক্ষণীয় রিপোজিটরি - প্রতিটি পাঠের ফোল্ডারে README, কোড উদাহরণ এবং সমাধান রয়েছে -- স্বতন্ত্র প্রকল্পসমূহ আলাদা ডিরেক্টরিতে (quiz-app, বিভিন্ন পাঠ প্রকল্প) -- গিটহাব অ্যাকশনের মাধ্যমে অনুবাদকরণ ব্যবস্থা (co-op-translator) -- ডকুমেন্টেশন Docsify এর মাধ্যমে পরিবেশিত এবং PDF আকারে পাওয়া যায় +- পৃথক ডিরেক্টরিতে স্বতন্ত্র প্রকল্পসমূহ (quiz-app, বিভিন্ন পাঠ প্রকল্প) +- GitHub Actions (co-op-translator) ব্যবহার করে অনুবাদ ব্যবস্থা +- Docsify দ্বারা ডকুমেন্টেশন পরিবেশন এবং PDF আকারে উপলব্ধ ## সেটআপ কমান্ডসমূহ -এই রেপোসিটরিটি মূলত শিক্ষামূলক বিষয়বস্তু ব্যবহার করার জন্য। নির্দিষ্ট প্রকল্পে কাজ করার জন্য: +এই রিপোজিটরি মূলত শিক্ষণীয় বিষয়বস্তু ব্যবহারের জন্য। নির্দিষ্ট প্রকল্পের জন্য কাজ করতে: -### প্রধান রেপোসিটরি সেটআপ +### মূল রিপোজিটরি সেটআপ ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### কুইজ অ্যাপ সেটআপ (Vue 3 + Vite) +### Quiz App সেটআপ (Vue 3 + Vite) ```bash cd quiz-app @@ -46,9 +46,9 @@ npm run lint # ESLint চালান ```bash cd 7-bank-project/api npm install -npm start # এপিআই সার্ভার শুরু করুন +npm start # এপি আই সেবা শুরু করুন npm run lint # ESLint চালান -npm run format # Prettier দিয়ে ফরম্যাট করুন +npm run format # Prettier দিয়ে ফরম্যাট করুন ``` ### ব্রাউজার এক্সটেনশন প্রকল্পসমূহ @@ -56,7 +56,7 @@ npm run format # Prettier দিয়ে ফরম্যাট করুন ```bash cd 5-browser-extension/solution npm install -# ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোডিং নির্দেশাবলী অনুসরণ করুন +# ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোড করার নির্দেশিকা অনুসরণ করুন ``` ### স্পেস গেম প্রকল্পসমূহ @@ -64,15 +64,15 @@ npm install ```bash cd 6-space-game/solution npm install -# ব্রাউজারে index.html খুলুন অথবা Live Server ব্যবহার করুন +# ব্রাউজারে index.html খুলুন অথবা লাইভ সার্ভার ব্যবহার করুন ``` -### চ্যাট প্রকল্প (পাইথন ব্যাকএন্ড) +### চ্যাট প্রকল্প (Python ব্যাকএন্ড) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN পরিবেশ পরিবর্তনশীল সেট করুন +# GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট করুন python api.py ``` @@ -80,33 +80,33 @@ python api.py ### বিষয়বস্তু অবদানকারীদের জন্য -1. **রেপোসিটরি ফর্ক করুন** আপনার গিটহাব অ্যাকাউন্টে -2. **ফর্ক স্থানীয়ভাবে ক্লোন করুন** +1. **রিপোজিটরি ফর্ক করুন** আপনার GitHub অ্যাকাউন্টে +2. **আপনার ফর্ক ক্লোন করুন** লোকালি 3. **আপনার পরিবর্তনের জন্য নতুন ব্রাঞ্চ তৈরি করুন** -4. পাঠ বিষয়বস্তু বা কোড উদাহরণে পরিবর্তন করুন -5. সংশ্লিষ্ট প্রকল্প ডিরেক্টরিতে কোড পরিবর্তন পরীক্ষা করুন -6. অবদান নির্দেশিকা অনুসারে পুল রিকোয়েস্ট জমা দিন +4. পাঠের বিষয়বস্তু বা কোড উদাহরণে পরিবর্তন করুন +5. প্রাসঙ্গিক প্রকল্প ডিরেক্টরিতে কোড পরিবর্তন পরীক্ষা করুন +6. অবদান নীতিমালা অনুসরণ করে pull request জমা দিন ### শিক্ষার্থীদের জন্য -1. রেপোসিটরি ফর্ক বা ক্লোন করুন -2. পাঠ ডিরেক্টরিগুলো ধারাবাহিকভাবে নেভিগেট করুন +1. রিপোজিটরি ফর্ক বা ক্লোন করুন +2. পাঠের ডিরেক্টরিগুলো ধারাবাহিকভাবে নেভিগেট করুন 3. প্রতিটি পাঠের README ফাইল পড়ুন -4. https://ff-quizzes.netlify.app/web/ এ প্রি-লেসন কুইজ সম্পন্ন করুন -5. পাঠ ফোল্ডারে কোড উদাহরণ অনুসরণ করুন -6. অ্যাসাইনমেন্ট এবং চ্যালেঞ্জ সম্পন্ন করুন -7. পোস্ট-লেসন কুইজ নিন +4. https://ff-quizzes.netlify.app/web/ এ পাঠের আগে কুইজ সম্পূর্ণ করুন +5. পাঠের ফোল্ডারে কোড উদাহরণগুলো অনুসরণ করুন +6. অ্যাসাইনমেন্ট এবং চ্যালেঞ্জ সম্পূর্ণ করুন +7. পাঠের পরে কুইজ দিন -### সরাসরি উন্নয়ন +### লাইভ ডেভেলপমেন্ট - **ডকুমেন্টেশন**: রুটে `docsify serve` চালান (পোর্ট ৩০০০) -- **কুইজ অ্যাপ**: quiz-app ডিরেক্টরিতে `npm run dev` চালান +- **Quiz App**: quiz-app ডিরেক্টরিতে `npm run dev` চালান - **প্রকল্পসমূহ**: HTML প্রকল্পের জন্য VS Code Live Server এক্সটেনশন ব্যবহার করুন - **API প্রকল্পসমূহ**: সংশ্লিষ্ট API ডিরেক্টরিতে `npm start` চালান -## পরীক্ষার নির্দেশনা +## টেস্টিং নির্দেশিকা -### কুইজ অ্যাপ পরীক্ষা +### Quiz App টেস্টিং ```bash cd quiz-app @@ -114,78 +114,78 @@ npm run lint # কোড স্টাইল সমস্যা পরী npm run build # নিশ্চিত করুন বিল্ড সফল হয়েছে ``` -### ব্যাংক API পরীক্ষা +### Bank API টেস্টিং ```bash cd 7-bank-project/api -npm run lint # কোড স্টাইল সমস্যা পরীক্ষা করুন -node server.js # সার্ভার ভুল ছাড়া শুরু হয় কিনা যাচাই করুন +npm run lint # কোড স্টাইল সমস্যার জন্য পরীক্ষা করুন +node server.js # নিশ্চিত করুন যে সার্ভার ত্রুটি ছাড়াই শুরু হয় ``` -### সাধারণ পরীক্ষার পদ্ধতি +### সাধারণ টেস্টিং পদ্ধতি -- এটি একটি শিক্ষামূলক রেপোসিটরি যাতে সম্পূর্ণ স্বয়ংক্রিয় পরীক্ষার ব্যবস্থা নেই -- ম্যানুয়াল পরীক্ষা ফোকাস করে: - - কোড উদাহরণগুলি ত্রুটিহীন চালানো - - ডকুমেন্টেশনে লিঙ্কগুলো সঠিক কাজ করা - - প্রকল্প বিল্ড সফলভাবে সম্পন্ন হওয়া - - উদাহরণগুলো সর্বোত্তম অনুশীলন অনুসরণ করে +- এটি একটি শিক্ষণীয় রিপোজিটরি, ব্যাপক স্বয়ংক্রিয় টেস্ট নেই +- ম্যানুয়াল টেস্টিং কেন্দ্রীভূত: + - কোড উদাহরণ ত্রুটিমুক্ত চালানো + - ডকুমেন্টেশনের লিঙ্ক কাজ করছে কি না + - প্রকল্প বিল্ড সফলভাবে সম্পন্ন হয়েছে + - উদাহরণগুলি সেরা চর্চা অনুসরণ করছে -### সাবমিশনের পূর্বে যাচাই +### সাবমিশনের আগে পরীক্ষা -- প্যাকেজ.json সহ ডিরেক্টরিতে `npm run lint` চালান -- মার্কডাউন লিঙ্কগুলো বৈধ কিনা পরীক্ষা করুন -- ব্রাউজার বা Node.js এ কোড উদাহরণ পরীক্ষা করুন -- অনুবাদগুলো সঠিক কাঠামো বজায় রাখে কিনা নিশ্চিত করুন +- যেসব ডিরেক্টরিতে package.json আছে সেখানে `npm run lint` চালান +- মার্কডাউন লিঙ্ক সব সঠিক কিনা পরীক্ষা করুন +- কোড উদাহরণ ব্রাউজার বা Node.js এ পরীক্ষা করুন +- অনুবাদ কাঠামো ঠিক আছে কিনা দেখুন -## কোড স্টাইল গাইডলাইন +## কোড স্টাইল নির্দেশিকা -### জাভাস্ক্রিপ্ট +### JavaScript - আধুনিক ES6+ সিনট্যাক্স ব্যবহার করুন -- প্রকল্পে প্রদত্ত মানক ESLint কনফিগারেশন অনুসরণ করুন +- প্রকল্পের দেওয়া ESLint কনফিগারেশন অনুসরণ করুন - শিক্ষার্থীদের জন্য অর্থবহ ভেরিয়েবল এবং ফাংশন নাম ব্যবহার করুন -- ধারণাগুলো ব্যাখ্যা করতে মন্তব্য যোগ করুন -- যেখানে কনফিগার করা আছে Prettier দিয়ে ফরম্যাট করুন +- ধারণাগুলো ব্যাখ্যার জন্য মন্তব্য যোগ করুন +- প্রয়োজনমতো Prettier ব্যবহার করে ফরম্যাট করুন ### HTML/CSS -- সেমান্টিক HTML5 উপাদান ব্যবহার করুন -- প্রতিক্রিয়াশীল ডিজাইন নীতি অনুসরণ করুন -- স্পষ্ট ক্লাস নামকরণ পদ্ধতি -- শিক্ষার্থীদের জন্য CSS প্রযুক্তি ব্যাখ্যা করতে মন্তব্য অন্তর্ভুক্ত করুন +- সেম্যান্টিক HTML5 উপাদান ব্যবহার করুন +- রেস্পন্সিভ ডিজাইন নীতিমালা অনুসরণ করুন +- পরিষ্কার ক্লাস নামকরণ +- CSS কৌশল ব্যাখ্যা করতে মন্তব্য যোগ করুন শিক্ষার্থীদের জন্য -### পাইথন +### Python -- PEP 8 স্টাইল গাইডলাইন অনুসরণ করুন -- স্পষ্ট, শিক্ষামূলক কোড উদাহরণ দিন -- শেখার জন্য যেখানে প্রয়োজন টাইপ হিন্ট ব্যবহার করুন +- PEP 8 স্টাইল গাইড অনুসরণ করুন +- পরিষ্কার, শিক্ষামূলক কোড উদাহরণ +- শিক্ষার্থীদের জন্য প্রয়োজনীয় ক্ষেত্রে টাইপ হিন্ট ব্যবহার করুন ### মার্কডাউন ডকুমেন্টেশন -- স্পষ্ট হেডিং শ্রেণীবিভাগ +- স্পষ্ট শিরোনাম স্তর - ভাষা নির্দিষ্ট কোড ব্লক -- অতিরিক্ত রিসোর্সের লিঙ্ক -- `images/` ডিরেক্টরিতে স্ক্রিনশট ও ছবি -- অ্যাক্সেসিবিলিটির জন্য চিত্রের জন্য alt টেক্সট +- অতিরিক্ত রিসোর্স লিঙ্ক +- `images/` ফোল্ডারে স্ক্রিনশট এবং ইমেজ +- অ্যাক্সেসিবিলিটির জন্য ইমেজের জন্য Alt টেক্সট -### ফাইল আয়োজন +### ফাইল সংগঠন -- পাঠগুলো ক্রমিক নম্বর দিয়ে (1-getting-started-lessons, 2-js-basics ইত্যাদি) -- প্রতিটি প্রকল্পের `solution/` এবং প্রায়ই `start/` কিংবা `your-work/` ডিরেক্টরি থাকে -- পাঠ-নির্দিষ্ট `images/` ফোল্ডারে ছবি সংরক্ষণ -- অনুবাদ সঞ্চিত থাকে `translations/{language-code}/` কাঠামোতে +- পাঠগুলো ধারাবাহিকভাবে নাম্বার করা (1-getting-started-lessons, 2-js-basics ইত্যাদি) +- প্রতিটি প্রকল্পে `solution/` ও প্রায়ই `start/` বা `your-work/` ডিরেক্টরি থাকে +- ইমেজগুলো পাঠভিত্তিক `images/` ফোল্ডারে সঞ্চিত +- অনুবাদ `translations/{language-code}/` কাঠামোতে থাকে ## বিল্ড এবং ডিপ্লয়মেন্ট -### কুইজ অ্যাপ ডিপ্লয়মেন্ট (Azure Static Web Apps) +### Quiz App ডিপ্লয়মেন্ট (Azure Static Web Apps) -কুইজ-অ্যাপ Azure Static Web Apps ডিপ্লয়মেন্টের জন্য কনফিগার করা হয়েছে: +quiz-app Azure Static Web Apps ডিপ্লয়মেন্টের জন্য কনফিগার করা হয়েছে: ```bash cd quiz-app npm run build # dist/ ফোল্ডার তৈরি করে -# main ব্রাঞ্চে push করার সময় GitHub Actions ওয়ার্কফ্লোর মাধ্যমে ডিপ্লয় করে +# main এ push করলে GitHub Actions workflow এর মাধ্যমে ডিপ্লয় করে ``` Azure Static Web Apps কনফিগারেশন: @@ -193,90 +193,90 @@ Azure Static Web Apps কনফিগারেশন: - **আউটপুট লোকেশন**: `dist` - **ওয়ার্কফ্লো**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### ডকুমেন্টেশন PDF উৎপাদন +### ডকুমেন্টেশন PDF তৈরি ```bash -npm install # docsify-to-pdf ইনস্টল করুন -npm run convert # ডক্স থেকে পিডিএফ তৈরি করুন +npm install # docsify-to-pdf ইন্সটল করুন +npm run convert # ডকুমেন্ট থেকে পিডিএফ জেনারেট করুন ``` ### Docsify ডকুমেন্টেশন ```bash -npm install -g docsify-cli # ডকসিফাই গ্লোবালি ইনস্টল করুন -docsify serve # লোকালহোস্ট:৩০০০ এ সার্ভ করুন +npm install -g docsify-cli # গ্লোবালি Docsify ইনস্টল করুন +docsify serve # localhost:3000 এ সার্ভ করুন ``` -### প্রকল্প-নির্দিষ্ট বিল্ড +### প্রকল্প-নির্দিষ্ট বিল্ডসমূহ প্রতিটি প্রকল্প ডিরেক্টরির নিজস্ব বিল্ড প্রক্রিয়া থাকতে পারে: -- Vue প্রকল্প: `npm run build` প্রোডাকশন বান্ডেল তৈরি করে -- স্ট্যাটিক প্রকল্প: কোনো বিল্ড ধাপ নেই, সরাসরি ফাইল পরিবেশন +- Vue প্রকল্প: `npm run build` দিয়ে প্রোডাকশন বান্ডল তৈরি +- স্ট্যাটিক প্রকল্প: কোনো বিল্ড স্টেপ নেই, সরাসরি ফাইল সেবা -## পুল রিকোয়েস্ট নির্দেশিকা +## পুল রিকোয়েস্ট গাইডলাইন ### শিরোনামের ফরম্যাট -পরিবর্তনের ক্ষেত্র নির্দেশ করে পরিষ্কার, বর্ণনামূলক শিরোনাম ব্যবহার করুন: -- `[Quiz-app] নতুন কুইজ যোগ করুন পাঠ X এর জন্য` -- `[Lesson-3] টেরারিয়াম প্রকল্পে টাইপো সংশোধন` -- `[Translation] পাঠ ৫ এর জন্য স্প্যানিশ অনুবাদ যোগ করুন` -- `[Docs] সেটআপ নির্দেশাবলী আপডেট করুন` +পরিবর্তনের ক্ষেত্র স্পষ্ট করার জন্য পরিষ্কার ও বর্ণনামূলক শিরোনাম ব্যবহার করুন: +- `[Quiz-app] পাঠ এক্স এর জন্য নতুন কুইজ যোগ করুন` +- `[Lesson-3] Terrarium প্রকল্পের টাইপো সংশোধন` +- `[Translation] পাঠ ৫ জন্য স্প্যানিশ অনুবাদ যুক্ত করুন` +- `[Docs] সেটআপ নির্দেশিকা আপডেট` -### প্রয়োজনীয় যাচাই +### প্রয়োজনীয় পরীক্ষা -PR জমা দেওয়ার আগে: +PR জমা দেওয়ার আগে: 1. **কোড মান**: - - প্রভাবিত প্রকল্প ডিরেক্টরিতে `npm run lint` চালান - - সমস্ত লিন্টিং এরর ও সতর্কতা ঠিক করুন + - সংশ্লিষ্ট প্রকল্প ডিরেক্টরিতে `npm run lint` চালান + - সব লিন্ট ত্রুটি ও সতর্কতা ঠিক করুন 2. **বিল্ড যাচাই**: - প্রযোজ্য হলে `npm run build` চালান - - কোনো বিল্ড ত্রুটি নেই নিশ্চিত করুন + - নিশ্চিত করুন কোনো বিল্ড ত্রুটি নেই 3. **লিঙ্ক যাচাই**: - - সকল মার্কডাউন লিঙ্ক পরীক্ষা করুন - - ছবি রেফারেন্স কাজ করছে কিনা নিশ্চিত করুন + - সমস্ত মার্কডাউন লিঙ্ক পরীক্ষা করুন + - ইমেজ রেফারেন্স সঠিক আছে কিনা নিশ্চিত করুন 4. **বিষয়বস্তু পর্যালোচনা**: - - বানান ও ব্যাকরণ যাচাই করুন - - কোড উদাহরণ সঠিক এবং শিক্ষামূলক কিনা নিশ্চিত করুন - - অনুবাদমূলক অর্থ সঠিক আছে কিনা দেখুন + - বানান এবং ব্যাকরণ পরীক্ষা করুন + - কোড উদাহরণ সঠিক ও শিক্ষামূলক কিনা নিশ্চিত করুন + - অনুবাদগুলি মূল অর্থ বজায় রাখে কিনা যাচাই করুন -### অবদানদানের শর্তাবলী +### অবদান শর্তসমূহ -- Microsoft CLA তে সম্মত হন (প্রথম PR এ স্বয়ংক্রিয় পরীক্ষা) -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) অনুসরণ করুন -- বিস্তারিত নির্দেশনার জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন -- প্রযোজ্য হলে PR বিবরণে ইস্যু নম্বর উল্লেখ করুন +- Microsoft CLA তে সম্মত হতে হবে (প্রথম PR এ স্বয়ংক্রিয় পরীক্ষা) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) অনুসরণ করতে হবে +- বিস্তারিত নির্দেশিকার জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন +- প্রয়োজন হলে PR বিবরণে ইস্যু নম্বর উল্লেখ করুন ### পর্যালোচনা প্রক্রিয়া -- PR গুলো রক্ষণাবেক্ষক ও কমিউনিটি দ্বারা পর্যালোচনা করা হয় -- শিক্ষামূলক পরিষ্কারতা অগ্রাধিকার পায় -- কোড উদাহরণ সর্বশেষ সেরা অনুশীলন অনুসরণ করে হবে -- অনুবাদ যথার্থতা ও সাংস্কৃতিক প্রাসঙ্গিকতার দিক থেকে পর্যালোচনা করা হয় +- PR পর্যালোচনা করেন রক্ষণাবেক্ষক ও সম্প্রদায় +- শিক্ষাগত স্পষ্টতা অগ্রাধিকার পায় +- কোড উদাহরণ বর্তমান সেরা চর্চা অনুসরণ করে তা নিশ্চিত করুন +- অনুবাদ সঠিকতা ও সাংস্কৃতিক উপযুক্ততা যাচাই হয় ## অনুবাদ ব্যবস্থা ### স্বয়ংক্রিয় অনুবাদ -- গিটহাব অ্যাকশনের co-op-translator ওয়ার্কফ্লো ব্যবহার করে -- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ -- মূল ফাইলগুলো প্রধান ডিরেক্টরিতে থাকে +- GitHub Actions এর co-op-translator ওয়ার্কফ্লো ব্যবহার করে +- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ করে +- মূলে ফাইল প্রধান ডিরেক্টরিতেই থাকে - অনূদিত ফাইল থাকে `translations/{language-code}/` ডিরেক্টরিতে -### ম্যানুয়াল অনুবাদ উন্নয়ন যোগ করা +### ম্যানুয়াল অনুবাদ উন্নতি যোগ করা -1. `translations/{language-code}/` ফোল্ডারে ফাইলটি খুঁজুন -2. কাঠামো বজায় রেখে উন্নয়ন করুন -3. কোড উদাহরণ কার্যকর থাকে কিনা নিশ্চিত করুন -4. স্থানীয়কৃত কুইজ বিষয়বস্তু পরীক্ষা করুন +1. `translations/{language-code}/` এ ফাইল অবস্থান নির্ণয় করুন +2. কাঠামো বজায় রেখে উন্নতি করুন +3. কোড উদাহরণ কাজ করছে কিনা নিশ্চিত করুন +4. লোকালাইজড কুইজ বিষয়বস্তু পরীক্ষা করুন -### অনুবাদ মেটাডেটা +### অনুবাদের মেটাডাটা -অনূদিত ফাইলগুলোতে মেটাডেটা হেডার থাকে: +অনূদিত ফাইলগুলিতে মেটাডাটা হেডার অন্তর্ভুক্ত থাকে: ```markdown ``` -## ডিবাগিং এবং সমস্যা নিরসন +## ডিবাগিং এবং সমস্যা সমাধান ### সাধারণ সমস্যা -**কুইজ অ্যাপ শুরু হয় না**: -- Node.js সংস্করণ পরীক্ষা করুন (v14+ সুপারিশ) -- `node_modules` এবং `package-lock.json` মুছে `npm install` আবার চালান -- পোর্ট সংঘর্ষ আছে কিনা যাচাই করুন (ডিফল্ট: Vite পোর্ট ৫১৭৩ ব্যবহার করে) +**Quiz অ্যাপ আরম্ভ হয় না**: +- Node.js সংস্করণ পরীক্ষা করুন (v14+ সুপারিশ করা হয়েছে) +- `node_modules` ও `package-lock.json` মুছে পুনরায় `npm install` চালান +- পোর্ট সংঘর্ষ আছে কিনা দেখুন (ডিফল্ট: Vite পোর্ট ৫১৭৩) -**API সার্ভার চালু হয় না**: -- Node.js সংস্করণ ন্যূনতম (node >=10) আছে কিনা পরীক্ষা করুন -- পোর্ট ইতিমধ্যে ব্যবহৃত হচ্ছে কিনা দেখুন -- সমস্ত ডিপেনডেন্সি `npm install` দিয়ে ইনস্টল করা আছে কিনা নিশ্চিত করুন +**API সার্ভার শুরু হয় না**: +- Node.js সংস্করণ কমপক্ষে (node >=10) নিশ্চিত করুন +- পোর্ট ইতিমধ্যেই ব্যবহৃত হচ্ছে কিনা দেখুন +- সমস্ত নির্ভরতা `npm install` দিয়ে ইনস্টল করা হয়েছে কিনা নিশ্চিত করুন -**ব্রাউজার এক্সটেনশন লোড হয় না**: -- manifest.json সঠিক ফরম্যাটে আছে কিনা যাচাই করুন -- ব্রাউজার কনসোলে এরর দেখুন -- ব্রাউজার-নির্দিষ্ট এক্সটেনশন ইনস্টলেশন নির্দেশনা অনুসরণ করুন +**ব্রাউজার এক্সটেনশন লোড হচ্ছে না**: +- manifest.json সঠিক ফর্ম্যাটে আছে কিনা পরীক্ষা করুন +- ব্রাউজার কনসোলে ত্রুটি দেখুন +- ব্রাউজার-নির্দিষ্ট এক্সটেনশন ইনস্টল নির্দেশনা অনুসরণ করুন -**পাইথন চ্যাট প্রকল্প সমস্যা**: -- OpenAI প্যাকেজ ইনস্টল আছে কিনা: `pip install openai` -- GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট আছে কিনা যাচাই করুন -- গিটহাব মডেল অ্যাক্সেস অনুমতি যাচাই করুন +**Python চ্যাট প্রকল্প সমস্যা**: +- OpenAI প্যাকেজ ইনস্টল আছে কিনা যাচাই করুন: `pip install openai` +- GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট আছে কিনা নিশ্চিত করুন +- GitHub Models অ্যাক্সেস অনুমতি পরীক্ষা করুন -**Docsify ডকুমেন্টেশন পরিবেশন হয় না**: -- গ্লোবালি docsify-cli ইনস্টল করুন: `npm install -g docsify-cli` -- রেপোসিটরি রুট থেকে চালান -- `docs/_sidebar.md` ফাইল আছে কিনা দেখুন +**Docsify ডকস পরিবেশন করছে না**: +- docsify-cli গ্লোবালি ইনস্টল করুন: `npm install -g docsify-cli` +- রিপোজিটরি রুট থেকে চালান +- `docs/_sidebar.md` ফাইল আছে কিনা চেক করুন ### উন্নয়ন পরিবেশ টিপস - HTML প্রকল্পের জন্য VS Code এর Live Server এক্সটেনশন ব্যবহার করুন -- ধারাবাহিক ফরম্যাটিংয়ের জন্য ESLint এবং Prettier এক্সটেনশন ইনস্টল করুন -- জাভাস্ক্রিপ্ট ডিবাগিংয়ের জন্য ব্রাউজারের ডেভটুলস ব্যবহার করুন +- ESLint ও Prettier এক্সটেনশন ইনস্টল করুন সুশৃঙ্খল ফরম্যাটিং এর জন্য +- JavaScript ডিবাগিং এর জন্য ব্রাউজার DevTools ব্যবহার করুন - Vue প্রকল্পের জন্য Vue DevTools ব্রাউজার এক্সটেনশন ইনস্টল করুন -### পারফরমেন্স বিবেচনা +### পারফরম্যান্স বিবেচনা -- অনুবাদের সংখ্যা বেশি (৫০+ ভাষা) হওয়ায় পুরো ক্লোন বড় হয় -- কেবল বিষয়বস্তুতে কাজ করলে `git clone --depth 1` দিয়ে শ্যালো ক্লোন ব্যবহার করুন -- ইংরেজি বিষয়বস্তু কাজের সময় অনুবাদ ফাইল অনুসন্ধান থেকে বাদ দিন -- প্রথম রান-এ বিল্ড প্রক্রিয়া ধীর হতে পারে (npm install, Vite build) +- অনুবাদকৃত ফাইলের সংখ্যা অনেক (৫০+ ভাষা) তাই পুরো ক্লোন বড় হবে +- শুধুমাত্র বিষয়বস্তু নিয়ে কাজ করলে `git clone --depth 1` ব্যবহার করুন +- ইংরেজি বিষয়বস্তুর জন্য অনুসন্ধানে অনুবাদগুলি বাদ দিন +- প্রথমবার বিল্ড ধীরে হতে পারে (npm install, Vite build) -## নিরাপত্তা বিবেচনা +## সুরক্ষা বিবেচনা ### পরিবেশ ভেরিয়েবলসমূহ -- API কী কখনো রেপোসিটরিতে কমিট করবেন না -- `.env` ফাইল ব্যবহার করুন (যা `.gitignore` এ আছে) -- প্রকল্প README এ প্রয়োজনীয় পরিবেশ ভেরিয়েবল নথিবদ্ধ করুন +- API কী কখনই রিপোজিটরিতে কমিট করবেন না +- `.env` ফাইল ব্যবহার করুন (যা `.gitignore` তে আছে) +- প্রকল্পের README-তে প্রয়োজনীয় পরিবেশ ভেরিয়েবল ডকুমেন্ট করুন -### পাইথন প্রকল্পসমূহ +### Python প্রকল্পসমূহ - ভার্চুয়াল এনভায়রনমেন্ট ব্যবহার করুন: `python -m venv venv` -- ডিপেনডেন্সিগুলো আপডেট রাখুন -- গিটহাব টোকেনের আধুনিক এবং সর্বনিম্ন প্রয়োজনীয় অনুমতি দিন +- নির্ভরতা হালনাগাদ রাখুন +- GitHub টোকেনের ন্যূনতম প্রয়োজনীয় অনুমতি থাকা উচিত -### গিটহাব মডেলস অ্যাক্সেস +### GitHub Models অ্যাক্সেস -- গিটহাব মডেলসের জন্য ব্যক্তিগত অ্যাক্সেস টোকেন (PAT) প্রয়োজন -- টোকেন পরিবেশ ভেরিয়েবল হিসেবে সংরক্ষণ করুন -- টোকেন বা শংসাপত্র কখনো কমিট করবেন না +- GitHub Models এর জন্য Personal Access Tokens (PAT) প্রয়োজন +- টোকেনগুলো পরিবেশ ভেরিয়েবল হিসেবে সংরক্ষণ করুন +- টোকেন বা ক্রেডেনশিয়াল কখনো প্রকাশ করবেন না -## অতিরিক্ত নোট +## অতিরিক্ত দ্রষ্টব্য -### লক্ষ্য শ্রোতা +### লক্ষ্য দর্শক -- ওয়েব ডেভেলপমেন্টে সম্পূর্ণ শিক্ষানবীশ -- শিক্ষার্থী এবং স্বশিক্ষণপ্রাপ্ত -- শ্রেণিকক্ষে পাঠক্রম ব্যবহৃত শিক্ষকগণ -- বিষয়বস্তু অ্যাক্সেসিবিলিটি এবং ধাপে ধাপে দক্ষতা বৃদ্ধির জন্য ডিজাইন করা +- ওয়েব ডেভেলপমেন্টের সম্পূর্ণ শুরু করার ধাপের শিক্ষার্থীরা +- স্টুডেন্ট এবং স্বশিক্ষার্থীরা +- শ্রেণীকক্ষে কারিকুলাম ব্যবহারে শিক্ষকরা +- বিষয়বস্তু অ্যাক্সেসযোগ্য এবং ধাপে ধাপে দক্ষতা বৃদ্ধির জন্য ডিজাইন করা -### শিক্ষামূলক দর্শন +### শিক্ষণীয় দর্শন - প্রকল্পভিত্তিক শেখার পদ্ধতি -- নিয়মিত জ্ঞান যাচাই (কুইজ) -- হাতেকলমে কোডিং অনুশীলন -- বাস্তব জীবনের উদাহরণ -- ফ্রেমওয়ার্কের আগে মৌলিক বিষয়গুলোতে গুরুত্ব +- নিয়মিত জ্ঞানের যাচাই (কুইজ) +- হাতে কলমে কোডিং কর্মশালা +- বাস্তব জীবন প্রয়োগ উদাহরণ +- ফ্রেমওয়ার্কের আগে মূল বিষয়গুলিতে ফোকাস -### রেপোসিটরি রক্ষণাবেক্ষণ +### রিপোজিটরি রক্ষণাবেক্ষণ -- সক্রিয় শিক্ষার্থী ও অবদানকারীদের সম্প্রদায় -- নিরবচ্ছিন্ন ডিপেনডেন্সি ও বিষয়বস্তুর আপডেট -- রক্ষণাবেক্ষক দ্বারা ইস্যু ও আলোচনা পর্যবেক্ষণ -- গিটহাব অ্যাকশনের মাধ্যমে অনুবাদ আপডেট স্বয়ংক্রিয় +- সক্রিয় শিক্ষার্থী ও অবদানকারী সম্প্রদায় +- নির্ভরতা এবং বিষয়বস্তু নিয়মিত আপডেট হয় +- রক্ষণাবেক্ষক দ্বারা ইস্যু ও আলোচনা মনিটার করা হয় +- অনুবাদ আপডেট GitHub Actions দ্বারা স্বয়ংক্রিয় ### সম্পর্কিত রিসোর্স -- [Microsoft Learn মডিউল](https://docs.microsoft.com/learn/) -- [Student Hub রিসোর্স](https://docs.microsoft.com/learn/student-hub/) -- শিক্ষার্থীদের জন্য সুপারিশকৃত [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) -- অতিরিক্ত কোর্স: Generative AI, Data Science, ML, IoT পাঠক্রম উপলব্ধ +- [Microsoft Learn modules](https://docs.microsoft.com/learn/) +- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) শিক্ষার্থীদের জন্য সুপারিশকৃত +- অতিরিক্ত কোর্স: Generative AI, Data Science, ML, IoT কারিকুলাম উপলব্ধ -### নির্দিষ্ট প্রকল্পসমূহের কাজ +### নির্দিষ্ট প্রকল্প নিয়ে কাজ করা -ব্যক্তিগত প্রকল্পগুলির বিস্তারিত নির্দেশনার জন্য README ফাইলগুলো দেখুন: +প্রতিটি প্রকল্পের বিস্তারিত নির্দেশনার জন্য README ফাইলগুলি দেখুন: - `quiz-app/README.md` - Vue 3 কুইজ অ্যাপ্লিকেশন -- `7-bank-project/README.md` - প্রমাণীকরণসহ ব্যাংকিং অ্যাপ্লিকেশন -- `5-browser-extension/README.md` - ব্রাউজার এক্সটেনশন উন্নয়ন -- `6-space-game/README.md` - ক্যানভাস-ভিত্তিক গেম উন্নয়ন -- `9-chat-project/README.md` - AI চ্যাট সহকারী প্রকল্প +- `7-bank-project/README.md` - ব্যাংকিং অ্যাপ্লিকেশন সহ প্রমাণীকরণ +- `5-browser-extension/README.md` - ব্রাউজার এক্সটেনশন ডেভেলপমেন্ট +- `6-space-game/README.md` - ক্যানভাস-বেসড গেম ডেভেলপমেন্ট +- `9-chat-project/README.md` - AI চ্যাট অ্যাসিস্ট্যান্ট প্রকল্প -### মনোরেপো কাঠামো +### মনোরিপো গঠন -পরম্পরাগত মনোরেপো না হলেও, এই রেপোসিটরিতে একাধিক স্বাধীন প্রকল্প রয়েছে: -- প্রতিটি পাঠ স্ব-সম্পূর্ণ -- প্রকল্পগুলো ডিপেনডেন্সি শেয়ার করে না -- অন্যদের প্রভাবিত না করে পৃথক প্রকল্পে কাজ করুন -- পূর্ণ পাঠক্রম অভিজ্ঞতার জন্য পুরো রেপো ক্লোন করুন +এটি ঐতিহ্যবাহী মনোরিপো না হলেও এই রিপোজিটরিতে বহুল স্বতন্ত্র প্রকল্প আছে: +- প্রতিটি পাঠ স্বায়ত্তশাসিত +- প্রকল্পসমূহের নির্ভরতা ভাগাভাগি নেই +- পৃথক প্রকল্পে কাজ করুন অন্যদের প্রভাব ছাড়াই +- সম্পূর্ণ কারিকুলামের অভিজ্ঞতার জন্য সম্পূর্ণ রিপো ক্লোন করুন --- -**অস্বীকারোক্তি**: -এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনুবাদ করা হয়েছে। যদিও আমরা যথাসম্ভব সঠিকতার চেষ্টা করি, অনুগ্রহ করে লক্ষ্য করুন যে স্বয়ংক্রিয় অনুবাদে ভুল বা অসঙ্গতি থাকতে পারে। আসল নথি তার মাতৃভাষায় প্রাধান্যপূর্ণ উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়বদ্ধ নই। +**দ্রষ্টব্য**: +এই নথিটি [Co-op Translator](https://github.com/Azure/co-op-translator) AI অনুবাদ সেবা ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসাধ্য সঠিকতা বজায় রাখতে চেষ্টা করি, তবে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে জেনে রাখুন। মূল নথি তার স্থানীয় ভাষায়ই কর্তৃত্বপূর্ণ উৎস হিসেবে বিবেচিত হওয়া উচিত। সংকটাপন্ন তথ্যের জন্য পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারের ফলে যে কোনো ভুল ধারণা বা ভুল ব্যাখ্যার দায় আমরা নিতে পারি না। \ No newline at end of file diff --git a/translations/bn/README.md b/translations/bn/README.md index f978c31f54..36228faa3d 100644 --- a/translations/bn/README.md +++ b/translations/bn/README.md @@ -10,209 +10,212 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# ওয়েব ডেভেলপমেন্ট ফর বিগিনার্স - একটি পাঠ্যক্রম +# নবশিখিদের জন্য ওয়েব ডেভেলপমেন্ট - একটি পাঠ্যক্রম -মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের ১২-সাপ্তাহিক বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন। ২৪টি পাঠের প্রতিটি অংশে JavaScript, CSS, এবং HTML শেখানো হয় হাতেকলমে প্রকল্পগুলির মাধ্যমে যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন এবং স্পেস গেমস। কুইজ, আলোচনা এবং ব্যবহারিক নিয়োগগুলির মাধ্যমে অংশ নিন। আমাদের কার্যকর প্রকল্প-ভিত্তিক শিক্ষাদানের মাধ্যম দিয়ে আপনার দক্ষতা উন্নত করুন এবং জ্ঞান ধরে রাখার ক্ষমতা বৃদ্ধি করুন। আজই আপনার কোডিং যাত্রা শুরু করুন! +Microsoft Cloud Advocates দ্বারা পরিচালিত আমাদের ১২ সপ্তাহের বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মূলতত্ব শিখুন। ২৪টি পাঠের প্রত্যেকটি জাভাস্ক্রিপ্ট, CSS এবং HTML-এর উপর গভীরভাবে মনোযোগ দেয়, যেখানে হাতেকলমে প্রকল্পগুলি যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশন, এবং স্পেস গেমস অন্তর্ভুক্ত। কুইজ, আলোচনা, এবং ব্যবহারিক অ্যাসাইনমেন্টগুলোর মাধ্যমে সম্পৃক্ত থাকুন। আমাদের কার্যকর প্রকল্প-ভিত্তিক পদ্ধতির মাধ্যমে দক্ষতা বাড়ান এবং আপনার জ্ঞান সংরক্ষণ উন্নত করুন। আজই আপনার কোডিং যাত্রা শুরু করুন! -Azure AI Foundry Discord কমিউনিটিতে যোগ দিন +Azure AI Foundry Discord-এ যোগ দিন এবং বিশেষজ্ঞ ও অন্যান্য ডেভেলপারদের সাথে পরিচিত হন। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -এই রিসোর্সগুলি ব্যবহার শুরু করার জন্য এই ধাপগুলি অনুসরণ করুন: -1. **রিপোজিটরি ফরক করুন**: ক্লিক করুন [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **রিপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord এ যোগ দিন এবং বিশেষজ্ঞ ও অন্যান্য ডেভেলপারদের সঙ্গে দেখা করুন**](https://discord.com/invite/ByRwuEEgH4) +এই সম্পদগুলি ব্যবহার শুরু করতে নিচের ধাপগুলি অনুসরণ করুন: +1. **রিপোজিটরিটি ফর্ক করুন**: ক্লিক করুন [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **রিপোজিটরিটি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord-এ যোগ দিন এবং বিশেষজ্ঞ ও অন্যান্য ডেভেলপারদের সাথে পরিচিত হন**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 বহুভাষা সমর্থন +### 🌐 বহু-ভাষা সমর্থন -#### GitHub Action দ্বারা সমর্থিত (স্বয়ংক্রিয় এবং সর্বদা আপ টু ডেট) +#### GitHub Action-এর মাধ্যমে সমর্থিত (স্বয়ংক্রিয় এবং সর্বদা হালনাগাদ) [Arabic](../ar/README.md) | [Bengali](./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) | [Khmer](../km/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](../es/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) -> **স্থানীয়ভাবে ক্লোন করতে চান?** +> **স্থানীয়ভাবে ক্লোন করতে পছন্দ করেন?** > -> এই রিপোজিটরিতে ৫০+ ভাষায় অনুবাদ রয়েছে যা ডাউনলোড সাইজ অনেক বাড়িয়ে দেয়। অনুবাদ ছাড়া ক্লোন করতে স্পারস চেকআউট ব্যবহার করুন: +> এই রিপোজিটরিতে ৫০+ ভাষার অনুবাদ রয়েছে যা ডাউনলোড সাইজ উল্লেখযোগ্যভাবে বৃদ্ধি করে। অনুবাদ ছাড়া ক্লোন করতে, স্পার্স চেকআউট ব্যবহার করুন: > -> **Bash / macOS / Linux:** +> **বাশ / macOS / লিনাক্স:** > ```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' > ``` > -> **CMD (Windows):** +> **CMD (উইন্ডোজ):** > ```cmd > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> এটি আপনাকে দ্রুত ডাউনলোডের মাধ্যমে কোর্সটি সম্পন্ন করার জন্য প্রয়োজনীয় সবকিছু দেবে। +> এর ফলে আপনি কোর্সটি সম্পূর্ণ করতে প্রয়োজনীয় সবকিছু অনেক দ্রুত ডাউনলোড করতে পারবেন। -**অতিরিক্ত অনুবাদের ভাষা সমর্থন করতে চাইলে এখানে তালিকাভুক্ত রয়েছে [এখানে](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**আপনি যদি অতিরিক্ত অনুবাদের ইচ্ছা করেন, সমর্থিত ভাষাগুলো এখানে তালিকাভুক্ত করা হয়েছে। [এখানে](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _আপনি কি একজন ছাত্র?_ -[**স্টুডেন্ট হাব পেজ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) পরিদর্শন করুন যেখানে আপনি প্রারম্ভিক রিসোর্স, ছাত্র প্যাক এবং এমনকি একটি ফ্রি সার্টিফিকেট ভাউচারের উপায় পাবেন। এটি সেই পেজ যা আপনি বুকমার্ক করে মাঝে মধ্যে চেক করবেন কারণ আমরা প্রায় মাসিকভিত্তিতে বিষয়বস্তু পরিবর্তন করি। +[**স্টুডেন্ট হাব পেজ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) পরিদর্শন করুন যেখানে আপনি নবশিখিদের জন্য সম্পদ, স্টুডেন্ট প্যাক এবং এমনকি একটি ফ্রি সার্টিফিকেট ভাউচার পাওয়ার উপায় পাবেন। এটি একটি পৃষ্ঠা যা আপনাকে বুকমার্ক করে রাখতে হবে এবং সময়ে সময়ে চেক করতে হবে কারণ আমরা মাসিকভাবে বিষয়বস্তু পরিবর্তন করি। -### 📣 ঘোষণা - নতুন GitHub Copilot Agent মোড চ্যালেঞ্জসমূহ সম্পন্ন করার জন্য! +### 📣 ঘোষণা - নতুন GitHub Copilot Agent মোড চ্যালেঞ্জ সম্পন্ন করার জন্য! -নতুন চ্যালেঞ্জ যুক্ত হয়েছে, অধিকাংশ অধ্যায়ে "GitHub Copilot Agent Challenge 🚀" খুঁজুন। এটি একটি নতুন চ্যালেঞ্জ যা GitHub Copilot এবং Agent মোড ব্যবহার করে সম্পন্ন করতে হবে। আপনি যদি আগে Agent মোড ব্যবহার না করে থাকেন, এটি শুধু টেক্সট তৈরি নয়, ফাইল তৈরি ও সম্পাদনা, কমান্ড চালানো এবং আরও অনেক কাজ করতে সক্ষম। +নতুন চ্যালেঞ্জ যোগ করা হয়েছে, অধিকাংশ অধ্যায়ে “GitHub Copilot Agent Challenge 🚀” খুঁজে পাবেন। এটি GitHub Copilot এবং Agent মোড ব্যবহার করে সম্পন্ন করার জন্য একটি নতুন চ্যালেঞ্জ। যদি আপনি আগে Agent মোড ব্যবহার না করে থাকেন, এটি কেবল টেক্সট তৈরি নয়, ফাইল তৈরি ও সম্পাদনা, কমান্ড চালানো ইত্যাদিও করতে পারে। -### 📣 ঘোষণা - _Generative AI ব্যবহার করে নতুন প্রকল্প তৈরি_ +### 📣 ঘোষণা - _জেনারেটিভ AI ব্যবহার করে নতুন প্রকল্প_ -নতুন AI সহকারী প্রকল্প সাম্প্রতিক যোগ হয়েছে, এটি পরীক্ষা করুন [প্রকল্প](./9-chat-project/README.md) +নতুন AI সহকারী প্রকল্প যোগ করা হয়েছে, এটি দেখুন [প্রকল্প](./9-chat-project/README.md) -### 📣 ঘোষণা - _Generative AI বিষয়ক নতুন পাঠ্যক্রম_ JavaScript এর জন্য এখন প্রকাশিত হয়েছে +### 📣 ঘোষণা - _জেনারেটিভ AI-এর জন্য নতুন পাঠ্যক্রম_ জাভাস্ক্রিপ্টের জন্য সদ্য মুক্তি পেয়েছে -আমাদের নতুন Generative AI পাঠ্যক্রম মিস করবেন না! +আমাদের নতুন জেনারেটিভ AI পাঠ্যক্রম মিস করবেন না! -শুরু করতে যান [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) এ! +শুরু করতে ভিজিট করুন [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! ![Background](../../translated_images/bn/background.148a8d43afde5730.webp) -- মৌলিক থেকে RAG পর্যন্ত সমস্ত বিষয় শেখানো হয়েছে। -- ইতিহাসের চরিত্রদের সঙ্গে GenAI ও আমাদের সঙ্গী অ্যাপ ব্যবহার করে মিথস্ক্রিয়া করুন। -- মজাদার এবং আকর্ষণীয় বর্ণনা, আপনি সময় ভ্রমণে যাচ্ছেন! +- মৌলিক থেকে RAG পর্যন্ত সবকিছুকে নিয়ে পাঠ +- GenAI এবং আমাদের কমপ্যানিয়ন অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সাথে আলাপ +- মজাদার এবং আকর্ষণীয় গল্প, আপনি সময় ভ্রমণ করবেন! ![character](../../translated_images/bn/character.5c0dd8e067ffd693.webp) -প্রতিটি পাঠে রয়েছে সম্পন্ন করার জন্য নিয়োগ, একটি জ্ঞানের পরীক্ষা এবং একটি চ্যালেঞ্জ, যা আপনাকে শিখতে সাহায্য করবে যেমন: + +প্রতি পাঠে একটি অ্যাসাইনমেন্ট, একটি জ্ঞান যাচাই এবং একটি চ্যালেঞ্জ থাকে যা আপনাকে নিম্নলিখিত বিষয় শেখাতে সাহায্য করে: - প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং -- টেক্সট ও ইমেজ অ্যাপ তৈরি +- টেক্সট এবং ছবি অ্যাপ উত্পাদন - সার্চ অ্যাপস -শুরু করতে যান [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) এ! +শুরু করতে ভিজিট করুন [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ## 🌱 শুরু করা -> **শিক্ষকগণ**, আমরা [কিছু প্রস্তাবনা অন্তর্ভুক্ত করেছি](for-teachers.md) এই পাঠ্যক্রমটি ব্যবহার করার জন্য। আপনার মতামত আমাদের [আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) শেয়ার করতে চাইব! +> **শিক্ষকদের জন্য**, আমরা [কিছু পরামর্শ](for-teachers.md) অন্তর্ভুক্ত করেছি এই পাঠ্যক্রম কীভাবে ব্যবহার করবেন তা নিয়ে। আমরা আপনার মতামত পেতে আগ্রহী [আমাদের আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[শিক্ষার্থীগণ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, প্রতিটি পাঠের জন্য, একটি প্রাক-লেকচার কুইজ দিয়ে শুরু করুন এবং লেকচার উপকরণ পড়ে, বিভিন্ন কার্যকলাপ সম্পন্ন করুন এবং পরবর্তী-লেকচার কুইজের মাধ্যমে আপনার বোঝাপড়া যাচাই করুন। +**[শিক্ষার্থীগণ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, প্রতি পাঠের জন্য, প্রি-লেকচার কুইজ দিয়ে শুরু করুন এবং লেকচার সামগ্রী পড়ুন, বিভিন্ন কার্যকলাপ সম্পন্ন করুন এবং পোস্ট-লেকচার কুইজ দিয়ে আপনার বোঝাপড়া যাচাই করুন। -আপনার শেখার অভিজ্ঞতা উন্নত করার জন্য, সহপাঠীদের সঙ্গে প্রকল্পে একসঙ্গে কাজ করার জন্য সংযুক্ত হোন! আমাদের [আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) আলোচনা উৎসাহিত এবং সেখানে আমাদের মনিটারিং টিম আপনার প্রশ্নের উত্তর দেবে। +আপনার শিক্ষার অভিজ্ঞতা উন্নত করতে, একসঙ্গে প্রকল্পে কাজ করার জন্য অন্যান্য শিক্ষার্থীদের সাথে সংযোগ করুন! আমাদের [আলোচনা ফোরামে](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) আলোচনায় অংশগ্রহণ উত্সাহিত যেখানে আমাদের মডারেটরের দল আপনার প্রশ্নের উত্তর দেবে। -আপনার শিক্ষাকে আরও বাড়াতে, আমরা অতিরিক্ত অধ্যয়নের জন্য [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) অন্বেষণ করার পরামর্শ দিই। +আপনার শিক্ষা আরও উন্নত করতে, আমরা অত্যন্ত সুপারিশ করি [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) এ অতিরিক্ত অধ্যয়ন উপকরণ অন্বেষণ করার। ### 📋 আপনার পরিবেশ সেটআপ করা -এই পাঠ্যক্রমের জন্য একটি ডেভেলপমেন্ট পরিবেশ প্রস্তুত আছে! শুরু করার সময় আপনি এই পাঠ্যক্রমটি চালাতে পারবেন একটি [Codespace](https://github.com/features/codespaces/) (_একটি ব্রাউজার-ভিত্তিক, ইনস্টলেশনের প্রয়োজনহীন পরিবেশ_), অথবা স্থানীয়ভাবে আপনার কম্পিউটারে [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এর মতো একটি টেক্সট এডিটর ব্যবহার করে। +এই পাঠ্যক্রমের জন্য একটি উন্নয়ন পরিবেশ প্রস্তুত আছে! শুরু করার সময় আপনি [Codespace](https://github.com/features/codespaces/) (_একটি ব্রাউজার-ভিত্তিক, কোন ইনস্টলেশন ছাড়া পরিবেশ_), অথবা আপনার কম্পিউটারে লোকালি একটি টেক্সট এডিটর যেমন [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করে চালাতে পারেন। #### আপনার রিপোজিটরি তৈরি করুন -আপনার কাজ সহজে সংরক্ষণ করার জন্য, আপনার নিজস্ব একটি কপি তৈরি করার সুপারিশ করা হয়। এটি করতে, এই পৃষ্ঠার উপরের দিকে "Use this template" বোতামে ক্লিক করুন। এটি আপনার GitHub অ্যাকাউন্টে একটি নতুন রিপোজিটরি তৈরি করবে যার মধ্যে পাঠ্যক্রমের একটি কপি থাকবে। +আপনার কাজ সহজে সংরক্ষণ করার জন্য, আপনার নিজস্ব কপি তৈরির পরামর্শ দেওয়া হয়। এটি করতে, পৃষ্ঠার উপরের দিকের **Use this template** বোতামে ক্লিক করুন। এটি আপনার GitHub অ্যাকাউন্টে পাঠ্যক্রমের একটি কপি সহ একটি নতুন রিপোজিটরি তৈরি করবে। এই ধাপগুলি অনুসরণ করুন: -1. **রিপোজিটরি ফরক করুন**: এই পৃষ্ঠার উপরের ডানদিকে কোণে "Fork" বোতামে ক্লিক করুন। -2. **রিপোজিটরি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **রিপোজিটরিটি ফর্ক করুন**: এই পৃষ্ঠার উপরের-ডান কোণায় "Fork" বোতাম ক্লিক করুন। +2. **রিপোজিটরিটি ক্লোন করুন**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace এ পাঠ্যক্রম চালানো +#### Codespace-এ পাঠ্যক্রম চালানো -আপনি যে কপি তৈরি করেছেন, সেখানে **Code** বোতাম ক্লিক করুন এবং **Open with Codespaces** নির্বাচন করুন। এটি একটি নতুন Codespace তৈরি করবে যেখানে আপনি কাজ করতে পারবেন। +আপনি যে রিপোজিটরির কপি তৈরি করেছেন সেখানে, **Code** বোতামে ক্লিক করে **Open with Codespaces** নির্বাচন করুন। এটি আপনার জন্য একটি নতুন Codespace তৈরি করবে। ![Codespace](../../translated_images/bn/createcodespace.0238bbf4d7a8d955.webp) -#### স্থানীয়ভাবে আপনার কম্পিউটারে পাঠ্যক্রম চালানো +#### আপনার কম্পিউটারে লোকালি পাঠ্যক্রম চালানো -এই পাঠ্যক্রম স্থানীয়ভাবে চালাতে আপনার একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুলের প্রয়োজন হবে। আমাদের প্রথম পাঠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে বিভিন্ন টুলের বিকল্পগুলি দেখিয়ে দেবে যাতে আপনি আপনার পছন্দের নির্বাচন করতে পারেন। +আপনার কম্পিউটারে লোকালি এই পাঠ্যক্রম চালানোর জন্য, আপনার একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল প্রয়োজন। আমাদের প্রথম পাঠ, [প্রোগ্রামিং ভাষা ও ট্রেডের টুলসের পরিচয়](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে প্রত্যেকটির বিভিন্ন বিকল্প দেখাবে যাতে আপনি যা আপনার জন্য সেরা তা নির্বাচন করতে পারেন। -আমাদের সুপারিশ হল [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করা, যেটির একটি বিল্ট-ইন [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) রয়েছে। Visual Studio Code ডাউনলোড করতে পারেন [এখানে](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। -1. আপনার কম্পিউটারে আপনার রিপোজিটরি ক্লোন করুন। আপনি এটি করতে পারেন **Code** বোতামে ক্লিক করে এবং URL কপি করে: +আমাদের সুপারিশ হল [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করা, যার মধ্যে অন্তর্নির্মিত [টার্মিনাল](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) রয়েছে। আপনি Visual Studio Code [এখান থেকে ডাউনলোড করতে পারেন](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। +1. আপনার রিপোজিটরি আপনার কম্পিউটারে ক্লোন করুন। আপনি এটি করতে পারেন **Code** বোতামে ক্লিক করে এবং URL কপি করে: [CodeSpace](./images/createcodespace.png) - তারপর, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এর মধ্যে [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) খুলুন এবং নীচের কমান্ডটি চালান, `` এর পরিবর্তে আপনি যে URL কপি করেছেন তা বসান: + তারপর, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এর মধ্যে [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) খুলুন এবং নিম্নলিখিত কমান্ড চালান, যেখানে `` এর স্থলে আপনি যেটি কপি করেছেন সেই URL বসান: ```bash git clone ``` -2. ভিজুয়াল স্টুডিও কোডে ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** এ ক্লিক করে এবং আপনি যা ক্লোন করেছেন সেই ফোল্ডারটি নির্বাচন করে। +2. Visual Studio Code এ ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** ক্লিক করে এবং আপনি যেটি ক্লোন করেছেন সেই ফোল্ডারটি নির্বাচন করে। + -> সুপারিশকৃত ভিজুয়াল স্টুডিও কোড এক্সটেনশনসমূহ: +> সুপারিশকৃত Visual Studio Code এক্সটেনশনসমূহ: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - ভিজুয়াল স্টুডিও কোডের মধ্যে HTML পৃষ্ঠাগুলো প্রিভিউ করার জন্য -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - কোড দ্রুত লেখায় সাহায্য করার জন্য +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code এর মধ্যে HTML পেজ প্রিভিউ করার জন্য +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - দ্রুত কোড লেখায় সহায়তার জন্য -## 📂 প্রতিটি পাঠে আছে: +## 📂 প্রতিটি পাঠে অন্তর্ভুক্ত: -- ঐচ্ছিক স্কেচ নোট +- ঐচ্ছিক স্কেচনোট - ঐচ্ছিক সম্পূরক ভিডিও -- পাঠের আগে ওয়ার্মআপ কুইজ +- প্রাক-পাঠের ওয়ার্মআপ কুইজ - লিখিত পাঠ -- প্রকল্প-ভিত্তিক পাঠগুলোর জন্য, প্রকল্প তৈরির ধাপে ধাপে গাইড -- জ্ঞানের যাচাই +- প্রকল্পভিত্তিক পাঠের জন্য, ধাপে ধাপে গাইড কিভাবে প্রকল্প তৈরি করবেন +- জ্ঞান যাচাই - একটি চ্যালেঞ্জ -- পরিপূরক পড়াশোনা +- সম্পূরক পাঠ - অ্যাসাইনমেন্ট -- [পাঠ পরবর্তী কুইজ](https://ff-quizzes.netlify.app/web/) - -> **কুইজ সম্পর্কে একটি নোট**: সমস্ত কুইজ Quiz-app ফোল্ডারে রয়েছে, মোট ৪৮ টি কুইজ, প্রতিটি তিনটি প্রশ্নের। সেগুলো এখানে উপলভ্য [এখানে](https://ff-quizzes.netlify.app/web/)। কুইজ অ্যাপ স্থানীয়ভাবে চালানো বা Azure এ ডিপ্লয় করা যেতে পারে; নির্দেশনা `quiz-app` ফোল্ডারে অনুসরণ করুন। - -## 🗃️ পাঠসমূহ - -| | প্রকল্পের নাম | শেখানো ধারণাসমূহ | শেখার উদ্দেশ্য | লিঙ্ক করা পাঠ | লেখক | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | প্রোগ্রামিংয়ের পরিচিতি এবং টুলস অব দ্য ট্রেড | অধিকাংশ প্রোগ্রামিং ভাষার মৌলিক ধারণা ও সফটওয়্যার সম্পর্কে শিখুন যা পেশাদার ডেভেলপারদের কাজকে সাহায্য করে | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | গিটহাবের বেসিকস, দলের সাথে কাজসহ | আপনার প্রকল্পে গিটহাব কীভাবে ব্যবহার করবেন, কীভাবে অন্যদের সঙ্গে কোড বেসে সহযোগিতা করবেন | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | প্রবেশযোগ্যতা | ওয়েব প্রবেশযোগ্যতার মৌলিক ধারণা শিখুন | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | জাভাস্ক্রিপ্ট ডেটা টাইপস | জাভাস্ক্রিপ্ট ডেটা টাইপের বেসিকস | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | ফাংশন এবং মেথডস | অ্যাপ্লিকেশনের লজিক ফ্লো পরিচালনার জন্য ফাংশন এবং মেথড সম্পর্কে শিখুন | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | জাভাস্ক্রিপ্ট দিয়ে সিদ্ধান্ত নেওয়া | কোডে শর্ত তৈরি করা শিখুন, সিদ্ধান্ত গ্রহণ পদ্ধতি ব্যবহার করে | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | অ্যারে ও লুপ | জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটার সাথে কাজ করুন | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলন | একটি অনলাইন টেরারিয়াম তৈরি করার জন্য HTML নির্মাণ করুন, লেআউট তৈরিতে ফোকাস করুন | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলন | অনলাইন টেরারিয়াম স্টাইল করতে CSS তৈরি করুন, পৃষ্ঠাটিকে প্রতিক্রিয়াশীল করতে CSS এর বেসিকস সহ ফোকাস দিন | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেসে কাজ করানোর জন্য জাভাস্ক্রিপ্ট তৈরি করুন, ক্লোজার এবং DOM ম্যানিপুলেশনে মনোযোগ দিন | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | টাইপিং গেম তৈরি | কী-বোর্ড ইভেন্ট ব্যবহার করে আপনার জাভাস্ক্রিপ্ট অ্যাপের লজিক চালানো শিখুন | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজার নিয়ে কাজ | ব্রাউজার কীভাবে কাজ করে, এর ইতিহাস, এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলি তৈরি করার পদ্ধতি শিখুন | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ | আপনার ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদান তৈরি করুন API কল করার জন্য, লোকাল স্টোরেজে সংরক্ষিত ভেরিয়েবল ব্যবহার করুন | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরমেন্স | এক্সটেনশনের আইকন পরিচালনার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরমেন্স এবং কিছু অপ্টিমাইজেশন শিখুন | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | জাভাস্ক্রিপ্ট দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিট্যান্স ও পাব/সাব প্যাটার্ন শিখুন, একটি গেম তৈরির প্রস্তুতিতে | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | ক্যানভাসে আঁকা | একটি স্ক্রিনে উপাদান আঁকার জন্য ব্যবহৃত Canvas API শিখুন | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | স্ক্রিনে উপাদান স্থানান্তর | কাকে Cartesian কোঅর্ডিনেট এবং Canvas API ব্যবহার করে উপাদানগুলো কীভাবে মুভ করে তা আবিষ্কার করুন | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | সংঘর্ষ সনাক্তকরণ | কীপ্রেস ব্যবহার করে উপাদানগুলোকে সংঘর্ষ করান এবং প্রতিক্রিয়া দেখান, গেমের পারফরমেন্সের জন্য কুলডাউন ফাংশন প্রদান করুন | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের অবস্থা এবং পারফরমেন্সের ভিত্তিতে গাণিতিক হিসাব করুন | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | গেম শেষ করা এবং পুনরায় শুরু করা | গেম শেষ এবং পুনরায় শুরু করার বিষয়ে শিখুন, যার মধ্যে অ্যাসেট পরিষ্কার করা এবং ভেরিয়েবল মান রিসেট করা রয়েছে | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট এবং রুটস | রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে মাল্টিপেজ ওয়েবসাইট আর্কিটেকচারের শারীরিক কাঠামো তৈরি করা শিখুন | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন পরিচালনা সম্পর্কে শিখুন | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | ডেটা আহরণ এবং ব্যবহার পদ্ধতি | আপনার অ্যাপে ডেটা প্রবাহের গতি, কীভাবে ডেটা আহরণ করবেন, সংরক্ষণ করবেন এবং কিভাবে এটি অপসারণ করবেন তা শিখুন | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্টের ধারণা | আপনার অ্যাপ কীভাবে স্টেট ধরে রাখে এবং প্রোগ্রাম্যাটিকভাবে কীভাবে এটি পরিচালনা করবেন তা শিখুন | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VSCode সাথে কাজ করা | কীভাবে কোড এডিটর ব্যবহার করবেন তা শিখুন | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | AI নিয়ে কাজ করা | নিজের AI সহকারী তৈরি শিখুন | [AI Assistant project](./9-chat-project/README.md) | Chris | - -## 🏫 শিক্ষা প্রক্রিয়া - -আমাদের পাঠ্যক্রম দুটি মূল শিক্ষাবিধির নীতির উপর ভিত্তি করে ডিজাইন করা হয়েছে: -* প্রকল্প-ভিত্তিক শিক্ষা +- [পোস্ট-পাঠের কুইজ](https://ff-quizzes.netlify.app/web/) + +> **কুইজ সম্পর্কে একটি নোট**: সমস্ত কুইজ Quiz-app ফোল্ডারে রয়েছে, মোট ৪৮টি কুইজ প্রত্যেকটিতে তিনটি প্রশ্ন থাকে। এগুলি [এখানে](https://ff-quizzes.netlify.app/web/) পাওয়া যায়। কুইজ অ্যাপটি লোকালি চালানো যেতে পারে বা Azure এ ডিপ্লয় করা যেতে পারে; `quiz-app` ফোল্ডারের নির্দেশনা অনুসরণ করুন। + +## 🗃️ শিক্ষাবিষয়ক পাঠসমূহ + +| | প্রকল্পের নাম | শেখানো ধারণাসমূহ | শেখার উদ্দেশ্য | লিঙ্কযুক্ত পাঠ | লেখক | +| :-: | :-----------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :--------------------: | +| 01 | Getting Started | প্রোগ্রামিং এবং ট্রেডের টুলসের পরিচিতি | সবচেয়ে জনপ্রিয় প্রোগ্রামিং ভাষাগুলির মৌলিক ধারণা এবং সফটওয়্যার যা পেশাদার ডেভেলপারদের কাজ সহজ করে তার ব্যাখ্যা | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | GitHub এর বেসিক, দলের সাথে কাজ করাসহ | কীভাবে GitHub আপনার প্রকল্পে ব্যবহার করবেন, কিভাবে অন্যদের সাথে কোড বেসে সহযোগিতা করবেন | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | অ্যাক্সেসিবিলিটি | ওয়েব অ্যাক্সেসিবিলিটির মৌলিক বিষয়গুলো শিখুন | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | জাভাস্ক্রিপ্ট ডেটা টাইপ | জাভাস্ক্রিপ্ট ডেটা টাইপগুলোর মৌলিক ধারণা শিখুন | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | ফাংশন এবং মেথডস | অ্যাপ্লিকেশনের লজিক পরিচালনার জন্য ফাংশন এবং মেথড সম্বন্ধে জানতে | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | জাভাস্ক্রিপ্টের সাথে সিদ্ধান্ত গ্রহণ | সিদ্ধান্ত গ্রহণ পদ্ধতি ব্যবহার করে কীভাবে আপনার কোডে শর্ত তৈরি করবেন তা শিখুন | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | অ্যারে এবং লুপ | জাভাস্ক্রিপ্টে অ্যারে এবং লুপ ব্যবহার করে ডেটার সাথে কাজ করা | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML অনুশীলনে | একটি অনলাইন টেরারিয়াম তৈরি করার জন্য HTML নির্মাণ, লেআউট তৈরিতে ফোকাস | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS অনুশীলনে | অনলাইন টেরারিয়াম স্টাইলিংয়ের জন্য CSS তৈরিতে ফোকাস, পেজ রেসপন্সিভ করা সহ CSS বেসিক শিখুন | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | জাভাস্ক্রিপ্ট ক্লোজার, DOM ম্যানিপুলেশন | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কাজ করানোর জন্য জাভাস্ক্রিপ্ট নির্মাণে ক্লোজার এবং DOM ম্যানিপুলেশনে ফোকাস করা | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | টাইপিং গেম তৈরি করা | কীবোর্ড ইভেন্ট ব্যবহার করে জাভাস্ক্রিপ্ট অ্যাপের লজিক পরিচালনা শিখুন | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজার নিয়ে কাজ | ব্রাউজার কিভাবে কাজ করে, এর ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদান গঠন শিখুন | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল করা এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ | ব্রাউজার এক্সটেনশনের জাভাস্ক্রিপ্ট উপাদান তৈরি করে API কল করতে শিখুন, এবং লোকাল স্টোরেজে ভেরিয়েবল ব্যবহার করুন | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরম্যান্স | এক্সটেনশনের আইকন পরিচালনা করার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার, ওয়েব পারফরম্যান্স ও কিছু অপ্টিমাইজেশন শিখুন | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | জাভাস্ক্রিপ্ট দিয়ে উন্নত গেম উন্নয়ন | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং Pub/Sub প্যাটার্ন শিখুন, গেম তৈরির প্রস্তুতিতে | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | ক্যানভাসে ছবি আঁকা | ক্যানভাস API সম্পর্কে শিখুন, যা স্ক্রিনে এলিমেন্ট আঁকতে ব্যবহৃত হয় | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | স্ক্রিনে এলিমেন্ট গতি দেওয়া | কার্টেসিয়ান কোঅর্ডিনেট এবং ক্যানভাস API ব্যবহার করে এলিমেন্টকে কিভাবে গতি দেওয়া যায় সেটা বুঝুন | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | সংঘর্ষ শনাক্তকরণ | কী-প্রেস ব্যবহার করে এলিমেন্ট একে অপরের সাথে ধাক্কা খাওয়া এবং প্রতিক্রিয়া দেখানো এবং গেমের পারফরম্যান্স নিশ্চিত করতে কুলডাউন ফাংশন তৈরি | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | স্কোর রাখা | গেমের অবস্থা এবং পারফরম্যান্স ভিত্তিক গণিত কার্য সম্পাদন | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | গেম শেষ করা এবং পুনরায় চালু করা | গেম শেষ এবং পুনরায় চালু করার পদ্ধতি শিখুন, যার মধ্যে সম্পদ পরিষ্কার করা এবং ভেরিয়েবল মান পুনরায় সেট করা অন্তর্ভুক্ত | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | ওয়েব অ্যাপে HTML টেমপ্লেট ও রুট | কীভাবে একটি মাল্টিপেজ ওয়েবসাইটের আর্কিটেকচার রুটিং এবং HTML টেমপ্লেট ব্যবহার করে তৈরি করবেন তা শিখুন | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | লগইন ও রেজিস্ট্রেশন ফর্ম তৈরি | ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন পরিচালনা সম্পর্কে শিখুন | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | ডেটা ফেচিং এবং ব্যবহারের পদ্ধতি | কীভাবে আপনার অ্যাপে ডেটা প্রবাহিত হয়, তা কীভাবে ফেচ, সংরক্ষণ এবং নিষ্কাশন করবেন শিখুন | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | স্টেট ম্যানেজমেন্ট ধারণা | কীভাবে আপনার অ্যাপ স্টেট ধরে রাখে এবং কীভাবে প্রোগ্রাম্যাটিক্যালি এটি পরিচালনা করবেন তা শিখুন | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode নিয়ে কাজ করা | কীভাবে একটি কোড এডিটর ব্যবহার করবেন শিখুন | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | AI নিয়ে কাজ করা | কিভাবে নিজের AI সহকারী তৈরি করবেন শিখুন | [AI Assistant project](./9-chat-project/README.md) | Chris | + +## 🏫 শিক্ষাদীক্ষণ পদ্ধতি + +আমাদের পাঠ্যক্রম দুটো মূল শিক্ষণ নীতির উপর ভিত্তি করে তৈরি: +* প্রকল্পভিত্তিক শিক্ষা * ঘন ঘন কুইজ -প্রোগ্রামটি জাভাস্ক্রিপ্ট, HTML, এবং CSS এর মৌলিক বিষয়াদি শেখায়, পাশাপাশি আজকের ওয়েব ডেভেলপারদের দ্বারা ব্যবহৃত সর্বশেষ টুল এবং কৌশল। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, পরিবেশ বান্ধব ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম এবং ব্যবসায়িক ব্যাংকিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জন করবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টে শক্তিশালী ধারণা অর্জন করবে। +প্রোগ্রামটি জাভাস্ক্রিপ্ট, HTML, এবং CSS এর মৌলিক বিষয় এবং আজকের ওয়েব ডেভেলপারদের ব্যবহৃত সাম্প্রতিক সরঞ্জাম ও কৌশল শেখায়। শিক্ষার্থীরা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, পরিবেশ-সক্ষম ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম, এবং একটি ব্যাঙ্কিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জন করবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টের একটি দৃঢ় বোধ অর্জন করবে। + +> 🎓 Microsoft Learn এ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে এই পাঠ্যক্রমের প্রথম কয়েকটি পাঠ নিতে পারেন! -> 🎓 এই পাঠ্যক্রমের প্রথম কয়েকটি পাঠ আপনি [Microsoft Learn](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) এ একটি [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে নিতে পারেন! +যখন বিষয়বস্তু প্রকল্পের সাথে সামঞ্জস্যপূর্ণ হয়, তখন শিক্ষার্থীদের জন্য প্রক্রিয়াটি আরও আকর্ষণীয় হয় এবং ধারণাগুলোর ধারণ ক্ষমতা বৃদ্ধিপায়। আমরা জাভাস্ক্রিপ্ট বেসিক্সের কয়েকটি প্রাথমিক পাঠ ও "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়াল সিরিজের একটি ভিডিও যার কিছু লেখক এই পাঠ্যকর্মে অবদান রেখেছেন, যুক্ত করেছি। -বিষয়বস্তু প্রকল্পগুলির সাথে সঙ্গতিপূর্ণ রাখার মাধ্যমে, শিক্ষার্থীদের জন্য প্রক্রিয়াটি আকর্ষণীয় হয় এবং ধারণাগুলোর ধারণক্ষমতা বৃদ্ধি পায়। আমরা কয়েকটি শুরুত্বর পাঠ লিখেছি জাভাস্ক্রিপ্ট বেসিকস-এ ধারণাগুলি পরিচয় করানোর জন্য, যার সাথে রয়েছে "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়ালের একটি ভিডিও, যাদের কিছু লেখক এই পাঠ্যক্রমে অবদান রেখেছেন। +অতিরিক্তভাবে, ক্লাসের পূর্বে একটি কম-ঝুঁকিপূর্ণ কুইজ শিক্ষার্থীর শেখার লক্ষ্য নির্ধারণ করে, এবং ক্লাসের পর একটি দ্বিতীয় কুইজ ধারণশক্তি আরও বৃদ্ধিতে সহায়ক হয়। এই পাঠ্যক্রমটি নমনীয় ও মজাদার হওয়ার জন্য ডিজাইন করা হয়েছে এবং সম্পূর্ণ বা আংশিক গ্রহণ করা যেতে পারে। প্রকল্পগুলি ছোট থেকে শুরু করে ১২ সপ্তাহের সাইকদের শেষে ক্রমবর্ধমান জটিল হয়। -অতিরিক্তভাবে, ক্লাসের আগে একটি কম চাপের কুইজ শিক্ষার্থীর শেখার উদ্দেশ্য নির্ধারণ করে, আর ক্লাসের পরে দ্বিতীয় কুইজ ধারণক্ষমতা বাড়ায়। এই পাঠ্যক্রমটি নমনীয় এবং মজাদার করার জন্য ডিজাইন করা হয়েছে এবং পুরো বা আংশিক অংশ হিসেবে নেওয়া যেতে পারে। প্রকল্পগুলি ছোট থেকে শুরু করে ১২ সপ্তাহের শেষে ক্রমাগত জটিলতর হয়। +আমরা সচেতনভাবে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলি প্রবর্তন থেকে বিরত থাকেছি, কারণ ওয়েব ডেভেলপার হিসেবে মৌলিক দক্ষতা অর্জন করা গুরুত্বপূর্ণ, তারপরে ফ্রেমওয়ার্ক গ্রহণ করা উচিত। এই পাঠ্যক্রম শেষ করার জন্য পরবর্তী ভালো ধাপ হবে Node.js সম্পর্কে শেখা, যা "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ভিডিও সিরিজের মাধ্যমে করা যেতে পারে। -যদিও আমরা সচেতনভাবেই জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক পরিচয় করানো থেকে বিরত রয়েছি যেন মৌলিক দক্ষতাগুলোর প্রতি মনোযোগ দেয়া যায়, একটি ভালো পরবর্তী ধাপ হিসেবে এই পাঠ্যক্রম সম্পন্ন করার পর Node.js সম্পর্কে শেখা হতে পারে যা আরেক ভিডিও সংগ্রহ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" এ পাওয়া যাবে। +> আমাদের [Conduct কোড](CODE_OF_CONDUCT.md) এবং [অবদান নিয়মাবলী](CONTRIBUTING.md) দেখুন। আমরা আপনার গঠনমূলক মতামত স্বাগত জানাই! -> আমাদের [Code of Conduct](CODE_OF_CONDUCT.md) এবং [Contributing](CONTRIBUTING.md) নির্দেশিকা দেখুন। আমরা আপনার গঠনমূলক মতামতকে স্বাগত জানাই! ## 🧭 অফলাইন অ্যাক্সেস -আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপোটি ফর্ক করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), এবং তারপর এই রিপোর মূল ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টে পোর্ট ৩০০০ এ চালু হবে: `localhost:3000`। +আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপো ফর্ক করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), এবং তারপর এই রিপোর মূল ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টে পোর্ট ৩০০০ তে চলবে: `localhost:3000`। ## 📘 PDF -সব পাঠের একটি পিডিএফ এখানে পাওয়া যাবে [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)। +সমস্ত পাঠের একটি PDF এখানে পাওয়া যাবে [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)। -## 🎒 অন্যান্য কোর্স +## 🎒 অন্যান্য কোর্সসমূহ -আমাদের দল আরও কোর্স তৈরি করে! দেখুন: +আমাদের টিম অন্যান্য কোর্সও তৈরি করে! দেখুন: ### LangChain @@ -229,7 +232,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন --- -### জেনেরেটিভ AI সিরিজ +### Generative AI সিরিজ [![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) @@ -237,7 +240,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন --- -### কোর লার্নিং +### মূল শিক্ষা [![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) @@ -248,7 +251,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন --- -### কপিলট সিরিজ +### কপাইলট সিরিজ [![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) @@ -256,21 +259,21 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন ## সাহায্য পাওয়া -যদি আপনি আটকে যান বা AI অ্যাপ নির্মাণ সম্পর্কে কোনো প্রশ্ন থাকে। MCP সম্পর্কে fellow learners এবং অভিজ্ঞ ডেভেলপারদের আলোচনায় যোগ দিন। এটি একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন স্বাগত এবং জ্ঞান মুক্তভাবে শেয়ার করা হয়। +যদি আপনি আটকে যান বা AI অ্যাপ তৈরি করার বিষয়ে কোনো প্রশ্ন থাকে। MCP সম্পর্কে আলোচনা করতে সহপাঠী এবং অভিজ্ঞ ডেভেলপারদের সাথে যোগ দিন। এটা একটি সহায়ক কমিউনিটি যেখানে প্রশ্ন করার জন্য স্বাগত এবং জ্ঞান মুক্তভাবে শেয়ার করা হয়। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -আপনার যদি পণ্য সংক্রান্ত প্রতিক্রিয়া বা নির্মাণের সময় ত্রুটি থাকে, তাহলে দেখুন: +আপনার যদি পণ্য সম্পর্কে মতামত বা কোনো ত্রুটি থাকে, তাহলে দেখতে পারেন: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## লাইসেন্স -এই রিপোজিটরি MIT লাইসেন্সের আওতায় লাইসেন্সপ্রাপ্ত। আরও তথ্যের জন্য [LICENSE](../../LICENSE) ফাইল দেখুন। +এই রিপোজিটরিটি MIT লাইসেন্সের অধীনে লাইসেন্সকৃত। আরও তথ্যের জন্য দেখুন [LICENSE](../../LICENSE) ফাইল। --- -**স্পষ্টীকরণ**: -এই নথিটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। যদিও আমরা সঠিকতার জন্য চেষ্টা করি, অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল নথিটি তার নিজস্ব ভাষায়ই প্রামাণিক উৎস হিসাবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদের ব্যবহারের ফলে যে কোনও ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই। +**অস্বীকৃতি**: +এই দলিলটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসম্ভব সঠিকতার চেষ্টা করি, তবে অনুগ্রহ করে লক্ষ্য রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। প্রকৃত দলিলটি তার মূল ভাষায়ই কর্তৃপক্ষপূর্ণ উৎস হিসেবে গণ্য করা উচিত। গুরুত্বপুর্ণ তথ্যের জন্য পেশাদার মানবঅনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ব্যাখ্যার জন্য আমরা দায়ী নয়। \ No newline at end of file diff --git a/translations/bn/lesson-template/README.md b/translations/bn/lesson-template/README.md index 2707185231..89c963f2bc 100644 --- a/translations/bn/lesson-template/README.md +++ b/translations/bn/lesson-template/README.md @@ -1,54 +1,79 @@ -# [পাঠের বিষয়] +# পাঠের বিষয় -![এখানে একটি ভিডিও এম্বেড করুন](../../../lesson-template/video-url) +## 🎥 ভিডিও -## [পাঠের পূর্ববর্তী কুইজ](../../../lesson-template/quiz-url) +> এখানে একটি এম্বেডেড ভিডিও বা পাঠের লিঙ্ক যোগ করুন। -[আমরা কী শিখব তার বর্ণনা দিন] +--- + +## প্রাক-লেকচার কুইজ -### ভূমিকা +> উপলব্ধ হলে এখানে একটি কুইজ লিঙ্ক যোগ করুন। -এই পাঠে কী আলোচনা করা হবে তা বর্ণনা করুন +--- + +ছাত্ররা এই পাঠে কী শিখবে তার সংক্ষিপ্ত ওভারভিউ দিন। + +--- + +### পরিচিতি + +সংক্ষিপ্ত পরিচিতি দিন যা বর্ণনা করবে এই পাঠে কী আলোচনা করা হবে। > নোট -### পূর্বশর্ত +--- -এই পাঠের আগে কোন ধাপগুলো সম্পন্ন করা উচিত? +### পূর্বপ্রয়োজনীয়তা + +পাঠ শুরু করার আগে ছাত্রদের কোন ধারণা বা বিষয়গুলির সাথে পরিচিত থাকাটা উচিত তা তালিকাভুক্ত করুন। + +--- ### প্রস্তুতি -এই পাঠ শুরু করার জন্য প্রস্তুতিমূলক ধাপগুলো +পাঠ শুরু করার আগে প্রয়োজনীয় যেকোনো সেটআপ ধাপ বা টুল তালিকাভুক্ত করুন। --- -[ব্লক আকারে বিষয়বস্তু পর্যায়ক্রমে ব্যাখ্যা করুন] +### বিষয়বস্তু + +গঠনমূলক বিভাগে পাঠের বিষয়বস্তু ধাপে ধাপে ব্যাখ্যা করুন। -## [বিষয় ১] +--- + +## বিষয় ১ ### কাজ: -একসাথে কাজ করে আপনার কোডবেস উন্নত করুন এবং শেয়ার করা কোড দিয়ে প্রকল্প তৈরি করুন: +কোডবেসকে ধাপে ধাপে উন্নত করতে একসাথে কাজ করুন যাতে ভাগ করা কোড ব্যবহার করে প্রকল্প তৈরি করা যায়: ```html code blocks ``` -✅ জ্ঞান যাচাই - শিক্ষার্থীদের জ্ঞানের প্রসার ঘটানোর জন্য এই মুহূর্তে খোলা প্রশ্ন ব্যবহার করুন +✅ জ্ঞানের পরীক্ষা +খোলা প্রশ্নের মাধ্যমে ছাত্রদের জ্ঞান পরীক্ষা করার জন্য এই মুহূর্তটি ব্যবহার করুন। -## [বিষয় ২] +## বিষয় ২ +## বিষয় ৩ -## [বিষয় ৩] +🚀 চ্যালেঞ্জ +ছাত্রদের প্রকল্প উন্নত করার জন্য একটি সহযোগিতামূলক চ্যালেঞ্জ যোগ করুন। -🚀 চ্যালেঞ্জ: শিক্ষার্থীদের একসাথে কাজ করার জন্য একটি চ্যালেঞ্জ যোগ করুন যাতে তারা প্রকল্পটি আরও উন্নত করতে পারে +ঐচ্ছিক: যদি প্রযোজ্য হয়, সম্পন্ন পাঠের UI এর একটি স্ক্রিনশট যোগ করুন। -ঐচ্ছিক: যদি প্রাসঙ্গিক হয়, সম্পন্ন পাঠের UI-এর একটি স্ক্রিনশট যোগ করুন +## লেকচারের পর কুইজ -## [পাঠের পরবর্তী কুইজ](../../../lesson-template/quiz-url) +পাঠ শেষ করার পর এখানে একটি কুইজ লিঙ্ক যোগ করুন। -## পর্যালোচনা ও স্ব-অধ্যয়ন +## পর্যালোচনা ও স্বশিক্ষা -**অ্যাসাইনমেন্ট জমা দেওয়ার সময় [MM/YY]**: [অ্যাসাইনমেন্টের নাম](assignment.md) +**নির্ধারিত সমর্পণের তারিখ [MM/YY]**: [অ্যাসাইনমেন্টের নাম](assignment.md) + +--- -**অস্বীকৃতি**: -এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যা হলে আমরা দায়বদ্ধ থাকব না। \ No newline at end of file + +**অস্বীকৃতি**: +এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসম্ভব সঠিকতার জন্য চেষ্টা করি, তবে দয়া করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মৌলিক নথিটি তার নিজস্ব ভাষায় প্রামাণিক উৎস হিসেবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানু্ষঅনুবাদ সুপারিশ করা হয়। এই অনুবাদের ব্যবহারের ফলে যে কোনো ভুলবোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই। + \ No newline at end of file diff --git a/translations/cs/.co-op-translator.json b/translations/cs/.co-op-translator.json index 3ea0512a37..5ef61b3801 100644 --- a/translations/cs/.co-op-translator.json +++ b/translations/cs/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:56:14+00:00", + "translation_date": "2026-04-24T11:44:14+00:00", "source_file": "AGENTS.md", "language_code": "cs" }, @@ -516,8 +516,8 @@ "language_code": "cs" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:48:38+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:39:50+00:00", "source_file": "README.md", "language_code": "cs" }, @@ -564,8 +564,8 @@ "language_code": "cs" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T04:12:27+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:40:03+00:00", "source_file": "lesson-template/README.md", "language_code": "cs" }, diff --git a/translations/cs/AGENTS.md b/translations/cs/AGENTS.md index 8c49362b5f..4262a51915 100644 --- a/translations/cs/AGENTS.md +++ b/translations/cs/AGENTS.md @@ -2,27 +2,27 @@ ## Přehled projektu -Toto je vzdělávací repozitář kurikula pro výuku základů webového vývoje pro začátečníky. Kurikulum je komplexní 12týdenní kurz vyvinutý týmem Microsoft Cloud Advocates, obsahující 24 praktických lekcí pokrývajících JavaScript, CSS a HTML. +Toto je vzdělávací repozitář kurikula pro výuku základů webového vývoje pro začátečníky. Kurikulum je komplexní 12týdenní kurz vyvinutý Microsoft Cloud Advocates, obsahující 24 praktických lekcí pokrývajících JavaScript, CSS a HTML. -### Klíčové komponenty +### Klíčové součásti -- **Vzdělávací obsah**: 24 strukturovaných lekcí uspořádaných do modulů založených na projektech -- **Praktické projekty**: Terrárium, Hra na psaní, Prodlžek prohlížeče, Hra ve vesmíru, Bankovní aplikace, Kódový editor a AI chatovací asistent -- **Interaktivní kvízy**: 48 kvízů po 3 otázkách (testy před a po lekci) -- **Podpora více jazyků**: Automatizované překlady do více než 50 jazyků pomocí GitHub Actions +- **Vzdělávací obsah**: 24 strukturovaných lekcí uspořádaných v modulech založených na projektech +- **Praktické projekty**: Terrárium, Typovací hra, Rozšíření pro prohlížeč, Vesmírná hra, Bankovní aplikace, Editor kódu a AI chat asistent +- **Interaktivní kvízy**: 48 kvízů po 3 otázkách (před a po lekci) +- **Podpora více jazyků**: Automatické překlady do 50+ jazyků pomocí GitHub Actions - **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pro AI projekty) ### Architektura - Vzdělávací repozitář se strukturou založenou na lekcích -- Každá složka lekce obsahuje README, příklady kódu a řešení -- Samostatné projekty v oddělených adresářích (quiz-app, různé projektové lekce) +- Každá složka lekce obsahuje README, ukázky kódu a řešení +- Samostatné projekty v oddělených adresářích (quiz-app, různé projekty lekcí) - Překladový systém využívající GitHub Actions (co-op-translator) -- Dokumentace podávaná přes Docsify a dostupná jako PDF +- Dokumentace servírovaná přes Docsify a dostupná jako PDF -## Příkazy k nastavení +## Příkazy pro nastavení -Tento repozitář je primárně určen pro konzumaci vzdělávacího obsahu. Pro práci s konkrétními projekty: +Tento repozitář je primárně určen ke konzumaci vzdělávacího obsahu. Pro práci s konkrétními projekty: ### Nastavení hlavního repozitáře @@ -41,17 +41,17 @@ npm run build # Sestavit pro produkci npm run lint # Spustit ESLint ``` -### Bankovní API projekt (Node.js + Express) +### API projektu banky (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # Spusťte API server -npm run lint # Spusťte ESLint -npm run format # Naformátujte pomocí Prettier +npm start # Spustit API server +npm run lint # Spustit ESLint +npm run format # Formátovat pomocí Prettier ``` -### Projekty pro prodloužení prohlížeče +### Projekty Rozšíření prohlížeče ```bash cd 5-browser-extension/solution @@ -59,7 +59,7 @@ npm install # Postupujte podle pokynů pro načítání rozšíření specifických pro prohlížeč ``` -### Projekty hry ve vesmíru +### Projekty Vesmírné hry ```bash cd 6-space-game/solution @@ -67,7 +67,7 @@ npm install # Otevřete index.html v prohlížeči nebo použijte Live Server ``` -### Chatovací projekt (Python Backend) +### Chat projekt (Python Backend) ```bash cd 9-chat-project/solution/backend/python @@ -76,42 +76,42 @@ pip install openai python api.py ``` -## Vývojový pracovní postup +## Vývojový workflow ### Pro přispěvatele obsahu -1. **Vytvořte fork** repozitáře do svého GitHub účtu -2. **Klonujte svůj fork** lokálně +1. **Vytvořte fork** tohoto repozitáře na svůj GitHub účet +2. **Naklonujte svůj fork** lokálně 3. **Vytvořte novou větev** pro své změny -4. Proveďte změny ve vzdělávacím obsahu nebo příkladech kódu -5. Otestujte jakékoliv změny kódu v příslušných adresářích projektů -6. Odešlete pull requesty dle pokynů pro přispívání +4. Proveďte změny obsahu lekcí nebo ukázek kódu +5. Otestujte všechny změny kódu v relevantních projektech +6. Odešlete pull request podle pokynů pro přispívání ### Pro studenty -1. Vytvořte fork nebo klonujte repozitář -2. Procházejte adresáře lekcí postupně +1. Forkněte nebo naklonujte repozitář +2. Procházejte složky lekcí postupně 3. Čtěte README soubory ke každé lekci -4. Dokončete kvízy před lekcí na https://ff-quizzes.netlify.app/web/ -5. Procházejte příklady kódu v adresářích lekcí -6. Splňte úkoly a výzvy -7. Dokončete kvízy po lekci +4. Vyplňte předlekční kvízy na https://ff-quizzes.netlify.app/web/ +5. Procházejte ukázky kódu v adresářích lekcí +6. Vyplňujte úkoly a výzvy +7. Vyplňte poválečné kvízy ### Živý vývoj - **Dokumentace**: Spusťte `docsify serve` v kořenovém adresáři (port 3000) -- **Quiz App**: Spusťte `npm run dev` v adresáři quiz-app -- **Projekty**: Použijte rozšíření VS Code Live Server pro HTML projekty -- **API projekty**: Spusťte `npm start` v příslušných API adresářích +- **Quiz App**: Spusťte `npm run dev` ve složce quiz-app +- **Projekty**: Použijte VS Code Live Server rozšíření pro HTML projekty +- **API Projekty**: Spusťte `npm start` v odpovídajících API složkách -## Pokyny k testování +## Instrukce pro testování ### Testování Quiz App ```bash cd quiz-app npm run lint # Zkontrolujte problémy se stylem kódu -npm run build # Ověřte, zda sestavení proběhne úspěšně +npm run build # Ověřte úspěšnost sestavení ``` ### Testování Bank API @@ -124,155 +124,155 @@ node server.js # Ověřte, že server startuje bez chyb ### Obecný přístup k testování -- Jedná se o vzdělávací repozitář bez komplexních automatizovaných testů -- Manuální testování se zaměřuje na: - - Příklady kódu bez chyb při spuštění - - Funkčnost odkazů v dokumentaci - - Úspěšné dokončení buildů projektů - - Dodržování osvědčených postupů v příkladech +- Jedná se o vzdělávací repozitář bez komplexních automatických testů +- Manuální testování zahrnuje: + - Ukázky kódu fungují bez chyb + - Odkazy v dokumentaci jsou funkční + - Projektové sestavení proběhne úspěšně + - Ukázky dodržují nejlepší postupy -### Kontroly před odesláním PR +### Kontroly před odesláním -- Spusťte `npm run lint` v adresářích s package.json +- Spusťte `npm run lint` ve složkách s package.json - Ověřte platnost markdown odkazů -- Testujte příklady kódu v prohlížeči nebo Node.js -- Zkontrolujte správnou strukturu překladů +- Otestujte ukázky kódu v prohlížeči nebo Node.js +- Zkontrolujte, že překlady zachovávají správnou strukturu -## Směrnice pro styl kódu +## Pravidla stylu kódu ### JavaScript -- Používejte moderní syntax ES6+ -- Dodržujte standardní konfigurace ESLint v projektech -- Používejte srozumitelné názvy proměnných a funkcí pro vzdělávací přehlednost -- Přidávejte komentáře vysvětlující koncepty studentům +- Používejte moderní syntaxi ES6+ +- Dodržujte standardní ESLint konfigurace uváděné v projektech +- Používejte smysluplné názvy proměnných a funkcí pro lepší vzdělávací srozumitelnost +- Přidávejte komentáře vysvětlující koncepty pro studenty - Formátujte pomocí Prettier tam, kde je nastaven ### HTML/CSS - Sémantické HTML5 prvky - Principy responzivního designu -- Jasné konvence pojmenování tříd +- Jasná pravidla pojmenování tříd - Komentáře vysvětlující CSS techniky pro studenty ### Python -- Dodržujte PEP 8 styl -- Jasné, vzdělávací příklady kódu -- Používejte typové nápovědy, kde to pomáhá učení +- Dodržujte stylové zásady PEP 8 +- Jasné vzdělávací příklady kódu +- Typové anotace kde pomáhají s učením -### Dokumentace v Markdown +### Markdown dokumentace -- Přehledná hierarchie nadpisů +- Jasná hierarchie nadpisů - Kódové bloky s uvedením jazyka -- Odkazy na další zdroje -- Snímky obrazovky a obrázky v adresářích `images/` -- Alternativní text obrázků pro přístupnost +- Odkazy na doplňkové zdroje +- Screenshoty a obrázky ve složkách `images/` +- Alternativní texty obrázků pro přístupnost ### Organizace souborů -- Lekce číslované sekvenčně (1-getting-started-lessons, 2-js-basics, atd.) -- Každý projekt má adresáře `solution/` a často `start/` nebo `your-work/` -- Obrázky uložené ve složkách `images/` specifických pro lekce -- Překlady v adresářové struktuře `translations/{language-code}/` +- Lekce číslené pořadově (1-getting-started-lessons, 2-js-basics, atd.) +- Každý projekt má složky `solution/` a často `start/` nebo `your-work/` +- Obrázky uchovávány ve složkách `images/` specifických pro lekci +- Překlady ve struktuře `translations/{language-code}/` ## Sestavení a nasazení ### Nasazení Quiz App (Azure Static Web Apps) -Quiz-app je nakonfigurován pro nasazení pomocí Azure Static Web Apps: +Quiz-app je nakonfigurován pro nasazení v Azure Static Web Apps: ```bash cd quiz-app npm run build # Vytváří složku dist/ -# Nasazuje pomocí workflow GitHub Actions při push na main +# Nasazuje pomocí pracovního postupu GitHub Actions při pushi do větve main ``` Konfigurace Azure Static Web Apps: - **Umístění aplikace**: `/quiz-app` -- **Výstupní umístění**: `dist` +- **Výstupní složka**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Generování PDF dokumentace ```bash npm install # Nainstalujte docsify-to-pdf -npm run convert # Vytvořte PDF z docs +npm run convert # Vygenerujte PDF z docs ``` -### Dokumentace přes Docsify +### Dokumentace v Docsify ```bash npm install -g docsify-cli # Nainstalujte Docsify globálně docsify serve # Spusťte na localhost:3000 ``` -### Sestavení specifická pro projekt +### Sestavení specifické pro projekty Každý projekt může mít vlastní build proces: - Vue projekty: `npm run build` vytváří produkční balíčky -- Statické projekty: Žádný build, soubory se podávají přímo +- Statické projekty: Nemají sestavení, soubory se servírují přímo -## Směrnice pro pull requesty +## Pravidla pro pull requesty ### Formát názvu -Používejte jasné, popisné názvy uvádějící oblast změny: +Používejte jasné, popisné názvy indikující oblast změny: - `[Quiz-app] Přidat nový kvíz pro lekci X` - `[Lesson-3] Opravit překlep v projektu terrárium` - `[Translation] Přidat španělský překlad pro lekci 5` -- `[Docs] Aktualizovat instrukce k nastavení` +- `[Docs] Aktualizovat instrukce pro nastavení` ### Požadované kontroly Před odesláním PR: 1. **Kvalita kódu**: - - Spusťte `npm run lint` v dotčených projektech - - Opravte všechny lintovací chyby a varování + - Spusťte `npm run lint` v ovlivněných složkách + - Opravte všechny linting chyby a varování -2. **Ověření buildů**: +2. **Ověření sestavení**: - Spusťte `npm run build` pokud je relevantní - - Ujistěte se, že build proběhl bez chyb + - Zajistěte, že nejsou chyby při sestavení -3. **Kontrola odkazů**: +3. **Validace odkazů**: - Otestujte všechny markdown odkazy - - Ověřte pracovní odkazy na obrázky + - Ověřte, že obrázky jsou dostupné 4. **Kontrola obsahu**: - Korektura pravopisu a gramatiky - - Zajištění správnosti a vzdělávací hodnoty příkladů kódu - - Ověření správnosti překladů + - Ověření správnosti a vzdělávací hodnoty kódových příkladů + - Kontrola, že překlady zachovávají původní význam ### Požadavky na přispívání - Souhlas s Microsoft CLA (automatická kontrola při prvním PR) - Dodržování [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Viz [CONTRIBUTING.md](./CONTRIBUTING.md) pro podrobné pokyny -- Uvádějte čísla issue v popisu PR, pokud jsou relevantní +- Podrobné pokyny v [CONTRIBUTING.md](./CONTRIBUTING.md) +- Pokud relevantní, odkazování na čísla issue v popisu PR -### Proces revize +### Proces recenze -- PR kontrolují správci a komunita -- Upřednostňuje se vzdělávací jasnost -- Příklady kódu by měly odpovídat současným osvědčeným postupům -- Překlady se kontrolují na přesnost a kulturní vhodnost +- PR jsou recenzovány správci a komunitou +- Priorita vzdělávací srozumitelnosti +- Příklady kódu by měly odpovídat aktuálním nejlepším praktikám +- Překlady jsou kontrolovány z hlediska přesnosti a kulturní vhodnosti ## Překladový systém ### Automatický překlad -- Používá GitHub Actions s workflow co-op-translator -- Automaticky překládá do více než 50 jazyků +- Použití GitHub Actions s workflow co-op-translator +- Překlady do 50+ jazyků automaticky - Zdrojové soubory v hlavních adresářích -- Přeložené soubory v adresářích `translations/{language-code}/` +- Přeložené soubory ve složkách `translations/{language-code}/` -### Přidání ručních vylepšení překladu +### Úpravy manuálních překladů 1. Najděte soubor v `translations/{language-code}/` 2. Proveďte vylepšení při zachování struktury -3. Zajistěte funkčnost příkladů kódu -4. Otestujte případný lokalizovaný kvízový obsah +3. Zajistěte funkčnost kódových ukázek +4. Testujte lokalizovaný obsah kvízů ### Metadata překladu @@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA: ### Běžné problémy -**Quiz app se nespustí**: +**Quiz app se nespouští**: - Zkontrolujte verzi Node.js (doporučeno v14+) -- Odstraňte `node_modules` a `package-lock.json`, spusťte `npm install` znovu -- Zkontrolujte konflikty portů (výchozí: Vite používá port 5173) +- Smažte `node_modules` a `package-lock.json`, spusťte `npm install` znovu +- Zkontrolujte konflikt portů (výchozí: Vite používá port 5173) -**API server se nespustí**: -- Ověřte minimální verzi Node.js (node >=10) -- Zkontrolujte, zda port není obsazen -- Ujistěte se, že všechny závislosti jsou nainstalovány pomocí `npm install` +**API server nenastartuje**: +- Ověřte, že verze Node.js je minimálně (node >=10) +- Zkontrolujte, jestli port není obsazen +- Ujistěte se, že jsou všechny závislosti nainstalovány přes `npm install` -**Prodlžek prohlížeče se nenačítá**: -- Zkontrolujte, že manifest.json je správně formátován -- Prohlédněte konzoli prohlížeče kvůli chybám -- Postupujte podle specifických instrukcí pro instalaci prodlužků v prohlížeči +**Rozšíření prohlížeče se nenačte**: +- Ověřte správné formátování manifest.json +- Zkontrolujte konzoli prohlížeče pro chyby +- Postupujte podle pokynů pro instalaci rozšíření v daném prohlížeči **Problémy s Python chat projektem**: -- Ujistěte se, že je nainstalován balík OpenAI: `pip install openai` -- Zkontrolujte, že je nastavena proměnná prostředí GITHUB_TOKEN -- Prověřte oprávnění přístupu k GitHub Models +- Ujistěte se, že balíček OpenAI je nainstalován: `pip install openai` +- Zkontrolujte, že je nastavená proměnná prostředí GITHUB_TOKEN +- Překontrolujte přístupová práva GitHub Models -**Docsify nedoručuje dokumenty**: +**Docsify nenačítá dokumentaci**: - Globálně nainstalujte docsify-cli: `npm install -g docsify-cli` -- Spusťte ze základního adresáře repozitáře +- Spusťte z kořenového adresáře repozitáře - Ověřte, že existuje `docs/_sidebar.md` ### Tipy pro vývojové prostředí - Používejte VS Code s rozšířením Live Server pro HTML projekty -- Nainstalujte rozšíření ESLint a Prettier pro konzistentní formátování -- Používejte DevTools prohlížeče pro ladění JavaScriptu -- Pro Vue projekty použijte Vue DevTools rozšíření do prohlížeče +- Nainstalujte si ESLint a Prettier rozšíření pro konzistentní formátování +- Používejte nástroje pro vývojáře v prohlížeči pro ladění JavaScriptu +- Pro Vue projekty nainstalujte Vue DevTools rozšíření do prohlížeče -### Výkonnostní úvahy +### Výkonové poznámky -- Velké množství přeložených souborů (50+ jazyků) znamená, že plné klony jsou rozsáhlé -- Použijte shallow clone, pokud pracujete jen s obsahem: `git clone --depth 1` -- Při práci s angličtinou vylučte překlady z hledání -- Build procesy mohou být pomalé při prvním spuštění (npm install, Vite build) +- Velké množství přeložených souborů (50+ jazyků) znamená, že plné klony jsou velké +- Použijte shallow clone, pokud pracujete pouze s obsahem: `git clone --depth 1` +- Vylučujte překlady z vyhledávání při práci na anglickém obsahu +- Build procesy mohou být při prvním spuštění pomalé (npm install, Vite build) ## Bezpečnostní aspekty ### Proměnné prostředí -- API klíče nikdy nesmí být commitovány do repozitáře +- API klíče nikdy necommitujte do repozitáře - Používejte `.env` soubory (jsou v `.gitignore`) -- Dokumentujte požadované proměnné prostředí v README projektů +- Dokumentujte požadované proměnné prostředí v README souborech projektů ### Python projekty - Používejte virtuální prostředí: `python -m venv venv` -- Udržujte závislosti aktuální -- GitHub tokeny by měly mít minimální potřebná oprávnění +- Udržujte závislosti aktualizované +- GitHub tokeny by měly mít minimální požadovaná oprávnění ### Přístup k GitHub Models -- Pro GitHub Models jsou vyžadovány Personal Access Tokens (PAT) +- Pro GitHub Models jsou vyžadovány Personal Access Tokeny (PAT) - Tokeny ukládejte jako proměnné prostředí -- Nikdy nesdílejte tokeny ani přihlašovací údaje v repozitáři +- Nikdy necommitujte tokeny nebo přihlašovací údaje ## Další poznámky -### Cílové publikum +### Cílová skupina -- Absolutní začátečníci ve webovém vývoji +- Kompletní začátečníci ve webovém vývoji - Studenti a samouci - Učitelé používající kurikulum ve třídách -- Obsah je navržen pro přístupnost a postupné budování dovedností +- Obsah navržený pro přístupnost a postupné budování dovedností ### Vzdělávací filozofie - Přístup založený na projektech - Časté kontroly znalostí (kvízy) -- Praktické kódovací cvičení -- Příklady aplikací z reálného světa +- Praktická cvičení v kódování +- Ukázky reálných aplikací - Zaměření na základy před frameworky ### Údržba repozitáře - Aktivní komunita studentů a přispěvatelů - Pravidelné aktualizace závislostí a obsahu -- Problémy a diskuse spravovány správci -- Aktualizace překladů automatizovány přes GitHub Actions +- Problémy a diskuse sledovány správci +- Aktualizace překladů automatizovány GitHub Actions ### Související zdroje - [Microsoft Learn moduly](https://docs.microsoft.com/learn/) - [Student Hub zdroje](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) doporučen pro studenty -- Další kurzy: Generativní AI, Data Science, ML, IoT dostupné kurikula +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) doporučený pro studenty +- Další kurzy: Generativní AI, Data Science, ML, IoT kurikula k dispozici ### Práce s konkrétními projekty -Pro detailní instrukce u jednotlivých projektů nahlédněte do README souborů: +Pro podrobné instrukce k jednotlivým projektům odkazujte na README soubory v: - `quiz-app/README.md` - Vue 3 aplikace kvízu - `7-bank-project/README.md` - Bankovní aplikace s autentizací -- `5-browser-extension/README.md` - Vývoj prodlužků prohlížeče -- `6-space-game/README.md` - Vývoj hry na canvasu +- `5-browser-extension/README.md` - Vývoj rozšíření prohlížeče +- `6-space-game/README.md` - Vývoj hry založené na Canvasu - `9-chat-project/README.md` - Projekt AI chat asistenta ### Struktura monorepa -I když nejde o tradiční monorepo, tento repozitář obsahuje několik nezávislých projektů: +I když se nejedná o tradiční monorepo, tento repozitář obsahuje několik nezávislých projektů: - Každá lekce je samostatná -- Projekty nesdílí závislosti -- Práce na jednotlivých projektech neovlivňuje ostatní +- Projekty nesdílejí závislosti +- Pracujte na jednotlivých projektech bez ovlivnění ostatních - Naklonujte celý repozitář pro plný zážitek kurikula --- -**Prohlášení o vyloučení odpovědnosti**: -Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho rodném jazyce by měl být považován za autoritativní zdroj. Pro důležité informace se doporučuje profesionální lidský překlad. Nejsme zodpovědní za jakákoliv nedorozumění nebo nesprávné výklady vyplývající z použití tohoto překladu. +**Prohlášení o vyloučení odpovědnosti**: +Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, uvědomte si, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho rodném jazyce by měl být považován za autoritativní zdroj. Pro kritické informace se doporučuje profesionální lidský překlad. Nejsme odpovědní za jakékoli nedorozumění nebo nesprávné výklady vzniklé použitím tohoto překladu. \ No newline at end of file diff --git a/translations/cs/README.md b/translations/cs/README.md index 199cd31c24..b93739c4b8 100644 --- a/translations/cs/README.md +++ b/translations/cs/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Webový vývoj pro začátečníky - plán kurzu +# Webový vývoj pro začátečníky - Kurikulum -Naučte se základy webového vývoje s naším 12týdenním komplexním kurzem od Microsoft Cloud Advocates. Každá z 24 lekcí proniká do JavaScriptu, CSS a HTML prostřednictvím praktických projektů, jako jsou terária, rozšíření prohlížeče a vesmírné hry. Zapojte se do kvízů, diskuzí a praktických úkolů. Zlepšete své dovednosti a optimalizujte si uchování znalostí díky naší efektivní pedagogice založené na projektech. Začněte svou cestu kódováním ještě dnes! +Naučte se základy webového vývoje s naším 12týdenním komplexním kurzem od Microsoft Cloud Advocates. Každá ze 24 lekcí se věnuje JavaScriptu, CSS a HTML prostřednictvím praktických projektů, jako jsou terária, rozšíření pro prohlížeče a vesmírné hry. Zapojte se do kvízů, diskuzí a praktických úkolů. Zlepšete své dovednosti a optimalizujte si uchování znalostí díky naší efektivní metodice založené na projektech. Začněte svou cestu kódováním dnes! -Připojte se ke komunitě Azure AI Foundry na Discordu +Připojte se k Discordu Azure AI Foundry a potkejte odborníky a další vývojáře. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Postupujte podle těchto kroků, abyste mohli začít používat tyto zdroje: -1. **Vytvořte fork repozitáře**: Klikněte na [![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. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Připojte se k Azure AI Foundry Discordu a setkejte se s experty a kolegy vývojáři**](https://discord.com/invite/ByRwuEEgH4) +Postupujte podle těchto kroků, jak začít používat tyto zdroje: +1. **Vytvořte Fork repozitáře**: Klikněte na [![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. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Připojte se k Azure AI Foundry Discordu a potkejte odborníky a další vývojáře**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Podpora více jazyků +### 🌐 Podpora vícejazyčných verzí -#### Podporováno přes GitHub Action (automatizováno a vždy aktuální) +#### Podporováno pomocí GitHub Action (automatizováno a vždy aktuální) [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](./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) | [Khmer](../km/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](../es/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) -> **Raději klonovat lokálně?** +> **Preferujete klonovat lokálně?** > -> Tento repozitář obsahuje více než 50 jazykových překladů, což výrazně zvětšuje velikost stahování. Pro klonování bez překladů použijte sparse checkout: +> Tento repozitář obsahuje přes 50 jazykových překladů, což výrazně zvyšuje velikost stahování. Pro klonování bez překladů použijte sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,82 +48,80 @@ Postupujte podle těchto kroků, abyste mohli začít používat tyto zdroje: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Tento způsob vám poskytne vše potřebné ke zvládnutí kurzu s mnohem rychlejším stažením. +> Tím získáte vše potřebné k dokončení kurzu s mnohem rychlejším stažením. -**Pokud si přejete podporu dalších překladových jazyků, jsou uvedeny [zde](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Pokud si přejete mít další překlady, podporované jazyky jsou uvedeny zde. [zde](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Otevřít%20ve%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) #### 🧑‍🎓 _Jste student?_ -Navštivte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde naleznete zdroje pro začátečníky, studentské balíčky a dokonce i způsoby, jak získat voucher na bezplatný certifikát. Tuto stránku si chcete uložit do záložek a občas jí kontrolovat, protože obsah měníme každý měsíc. +Navštivte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde najdete zdroje pro začátečníky, studentské balíčky a také možnosti, jak získat bezplatný certifikát. Tuto stránku si nezapomeňte uložit do záložek a pravidelně kontrolovat, protože obsah měníme každý měsíc. -### 📣 Oznámení - Nové výzvy v režimu GitHub Copilot Agent k dokončení! +### 📣 Oznámení - Nové výzvy režimu GitHub Copilot Agent k dokončení! -Nová výzva přidána, hledejte "GitHub Copilot Agent Challenge 🚀" v většině kapitol. Je to nová výzva pro dokončení pomocí GitHub Copilot a režimu Agent. Pokud jste režim Agent dosud nepoužili, umožňuje nejen generovat text, ale také vytvářet a upravovat soubory, spouštět příkazy a další. +Byla přidána nová výzva, hledejte „GitHub Copilot Agent Challenge 🚀“ v většině kapitol. Jedná se o novou výzvu, kterou máte dokončit pomocí GitHub Copilot a režimu Agent. Pokud jste režim Agent dosud nepoužívali, umožňuje nejen generovat text, ale také vytvářet a upravovat soubory, spouštět příkazy a další. -### 📣 Oznámení - _Nový projekt k vytvoření pomocí generativní AI_ +### 📣 Oznámení - _Nový projekt k vytvoření pomocí Generativní AI_ -Právě přidán nový AI Assistant projekt, podívejte se na [projekt](./9-chat-project/README.md) +Byl přidán nový projekt AI asistenta, podívejte se na něj [projekt](./9-chat-project/README.md) -### 📣 Oznámení - _Nový kurz_ o Generativní AI pro JavaScript byl právě zveřejněn +### 📣 Oznámení - _Nové kurikulum_ o Generativní AI pro JavaScript právě vyšlo -Nezmeškejte náš nový kurz Generativní AI! +Nepromeškejte naše nové kurikulum Generativní AI! Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte! ![Background](../../translated_images/cs/background.148a8d43afde5730.webp) - Lekce pokrývají vše od základů po RAG. -- Interakce s historickými postavami pomocí GenAI a naší doprovodné aplikace. -- Zábavný a poutavý příběh, budete cestovat časem! +- Komunikujte s historickými postavami pomocí GenAI a naší doprovodné aplikace. +- Zábavný a poutavý příběh, zažijete cestování časem! ![character](../../translated_images/cs/character.5c0dd8e067ffd693.webp) Každá lekce obsahuje úkol k dokončení, kontrolu znalostí a výzvu, které vás provedou tématy jako: -- Promptování a tvorba promptů (prompt engineering) +- Výzvy a návrh promptů - Generování textových a obrazových aplikací - Vyhledávací aplikace Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte! - - ## 🌱 Začínáme -> **Učitelé**, zahrnuli jsme [některé návrhy](for-teachers.md), jak tento plán kurzu používat. Budeme rádi za vaši zpětnou vazbu [v našem diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Učitelé**, máme [několik návrhů](for-teachers.md), jak používat toto kurikulum. Rádi uvítáme vaše názory [v našem diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pro každou lekci začněte přednáškovým kvízem a pokračujte čtením výukového materiálu, plněním různých aktivit a ověřte si své porozumění pomocí popřednáškového kvízu. +**[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ke každé lekci začněte přednáškovým kvízem, pak si přečtěte učební materiál, dokončete různé aktivity a ověřte své porozumění pomocí závěrečného kvízu. -Pro zlepšení vašeho studijního zážitku se spojte s kolegy a pracujte společně na projektech! Diskuze jsou podporovány v našem [diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde je k dispozici tým moderátorů, aby zodpověděl vaše dotazy. +Pro lepší zážitek z učení se propojte s vrstevníky a pracujte na projektech společně! Diskuze jsou vítány v našem [diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde vám tým moderatorů rád pomůže s dotazy. -Pro další vzdělávání důrazně doporučujeme prozkoumat [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pro doplňující studijní materiály. +Pro další vzdělávání vřele doporučujeme prozkoumat [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pro doplňující studijní materiály. -### 📋 Nastavení vašeho prostředí +### 📋 Nastavení vývojového prostředí -Tento plán kurzu má připravené vývojové prostředí! Na začátku si můžete vybrat, zda budete kurz spouštět v [Codespace](https://github.com/features/codespaces/) (_prohlížečové prostředí bez nutnosti instalací_) nebo lokálně na vašem počítači s použitím textového editoru, jako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Toto kurikulum má připravené vývojové prostředí! Na začátku si můžete zvolit spuštění kurikula v [Codespace](https://github.com/features/codespaces/) (_prostředí založené na prohlížeči bez nutnosti instalace_), nebo lokálně na vašem počítači pomocí textového editoru, například [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Vytvořte svůj repozitář -Pro snadné ukládání své práce se doporučuje vytvořit si vlastní kopii tohoto repozitáře. To můžete udělat kliknutím na tlačítko **Use this template** v horní části stránky. Tím se vytvoří nový repozitář ve vašem GitHub účtu s kopií kurzu. +#### Vytvořte si repozitář +Abyste si mohli snadno ukládat svou práci, doporučujeme vytvořit si vlastní kopii tohoto repozitáře. Učiníte tak kliknutím na tlačítko **Use this template** v horní části stránky. Tím se vytvoří nový repozitář ve vašem GitHub účtu s kopií kurikula. -Postupujte podle těchto kroků: -1. **Vytvořte fork repozitáře**: Klikněte na tlačítko "Fork" v pravém horním rohu této stránky. -2. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Postupujte takto: +1. **Vytvořte Fork repozitáře**: Klikněte na tlačítko "Fork" v pravém horním rohu této stránky. +2. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Spuštění kurzu v Codespace +#### Spuštění kurikula v Codespace -Ve vaší kopii tohoto repozitáře klikněte na tlačítko **Code** a vyberte **Open with Codespaces**. Tím se vytvoří nový Codespace, ve kterém můžete pracovat. +Ve vaší kopii repozitáře, kterou jste vytvořili, klikněte na tlačítko **Code** a zvolte **Open with Codespaces**. Vytvoří se tak nová Codespace, kde můžete pracovat. ![Codespace](../../translated_images/cs/createcodespace.0238bbf4d7a8d955.webp) -#### Spuštění kurzu lokálně na vašem počítači +#### Spuštění kurikula lokálně na vašem počítači -Pro spuštění tohoto kurzu lokálně na vašem počítači budete potřebovat textový editor, prohlížeč a nástroj příkazového řádku. Naše první lekce, [Úvod do programovacích jazyků a nástrojů řemesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás provede různými možnostmi pro každý z těchto nástrojů, abyste si mohli vybrat, co vám nejvíce vyhovuje. +Pro spuštění kurikula lokálně budete potřebovat textový editor, prohlížeč a nástroj příkazové řádky. Naše první lekce, [Úvod do programovacích jazyků a nástrojů řemesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás provede různými možnostmi pro každý z těchto nástrojů, abyste si mohli vybrat, co vám nejlépe vyhovuje. -Doporučujeme používat [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako editor, který má také integrovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si můžete stáhnout [zde](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Naklonujte si své úložiště do počítače. Můžete to udělat kliknutím na tlačítko **Code** a zkopírováním URL: +Doporučujeme použít [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako editor, který má také integrovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si můžete stáhnout [zde](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Naklonujte si vaše úložiště do počítače. Uděláte to kliknutím na tlačítko **Code** a zkopírováním URL: [CodeSpace](./images/createcodespace.png) @@ -133,90 +131,90 @@ Doporučujeme používat [Visual Studio Code](https://code.visualstudio.com/?WT. git clone ``` -2. Otevřete složku ve Visual Studio Code. Můžete to udělat kliknutím na **Soubor** > **Otevřít složku** a výběrem složky, kterou jste právě naklonovali. +2. Otevřete ve Visual Studio Code složku. Uděláte to kliknutím na **Soubor** > **Otevřít složku** a vyberte složku, kterou jste právě naklonovali. -> Doporučené rozšíření Visual Studio Code: +> Doporučené rozšíření pro Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – pro náhled HTML stránek přímo ve Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – pro rychlejší psaní kódu +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pro náhled HTML stránek přímo ve Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pro rychlejší psaní kódu ## 📂 Každá lekce obsahuje: -- volitelnou sketchnotu -- volitelné doplňkové video -- rozehřívací kvíz před lekcí -- psanou lekci -- u lekcí založených na projektech krok za krokem návody, jak projekt vybudovat -- ověřování znalostí +- nepovinné sketchnote +- nepovinné doplňkové video +- předpočáteční kvíz +- písemnou lekci +- u lekcí založených na projektu krok za krokem průvodce výstavbou projektu +- kontrolu znalostí - výzvu -- doplňující čtení -- úkol -- [kvíz po lekci](https://ff-quizzes.netlify.app/web/) +- doplňující četbu +- zadání +- [povědomostní kvíz po lekci](https://ff-quizzes.netlify.app/web/) -> **Poznámka ke kvízům**: Všechny kvízy jsou umístěny ve složce Quiz-app, celkem 48 kvízů se třemi otázkami každý. Jsou dostupné [zde](https://ff-quizzes.netlify.app/web/), aplikaci s kvízy lze spustit lokálně nebo publikovat na Azure; řiďte se pokyny ve složce `quiz-app`. +> **Poznámka ke kvízům**: Všechny kvízy jsou uložené ve složce Quiz-app, celkem 48 kvízů po třech otázkách. Jsou dostupné [zde](https://ff-quizzes.netlify.app/web/) a aplikaci kvízů lze spustit lokálně nebo nasadit do Azure; postupujte podle instrukcí ve složce `quiz-app`. ## 🗃️ Lekce -| | Název projektu | Naučené koncepty | Výukové cíle | Propojená lekce | Autor | -| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Začínáme | Úvod do programování a nástroje oboru | Naučit se základní principy většiny programovacích jazyků a software, který pomáhá profesionálním vývojářům jejich práci | [Úvod do programovacích jazyků a nástrojů](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Začínáme | Základy GitHubu, práce v týmu | Jak používat GitHub ve svém projektu, jak spolupracovat s ostatními na kódu | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Začínáme | Přístupnost | Naučit se základy přístupnosti webu | [Základy přístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Základy JS | Datové typy v JavaScriptu | Základy datových typů v JavaScriptu | [Datové typy](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Základy JS | Funkce a metody | Naučit se o funkcích a metodách pro řízení logiky aplikace | [Funkce a metody](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher | -| 06 | Základy JS | Rozhodování v JS | Naučit se vytvářet podmínky v kódu pomocí rozhodovacích metod | [Rozhodování](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Základy JS | Pole a smyčky | Práce s daty pomocí polí a smyček v JavaScriptu | [Pole a smyčky](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvořit HTML pro online terrárium, zaměřit se na tvorbu rozložení | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvořit CSS pro stylování online terrária, zaměřit se na základy CSS včetně responzivního designu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScriptové uzávěry, manipulace s DOM | Napsat JavaScript, aby terrárium fungovalo jako rozhraní drag/drop, zaměřit se na uzávěry a manipulaci s DOM | [JavaScriptové uzávěry, manipulace s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Hra na psaní](./4-typing-game/solution/README.md) | Vytvoření hry na psaní | Naučit se používat klávesové události pro řízení logiky ve své JavaScriptové aplikaci | [Programování řízené událostmi](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Ekologické rozšíření pro prohlížeč](./5-browser-extension/solution/README.md) | Práce s prohlížeči | Naučit se, jak fungují prohlížeče, jejich historii a jak vytvořit první prvky rozšíření | [O prohlížečích](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Ekologické rozšíření pro prohlížeč](./5-browser-extension/solution/README.md) | Vytváření formuláře, volání API a ukládání proměnných v lokálním úložišti | Napsat JavaScriptové prvky rozšíření pro volání API a ukládání proměnných v lokálním úložišti | [API, formuláře a lokální úložiště](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Ekologické rozšíření pro prohlížeč](./5-browser-extension/solution/README.md) | Procesy na pozadí v prohlížeči, webový výkon | Použití procesů na pozadí pro správu ikon rozšíření; poznání webového výkonu a některých optimalizací pro zlepšení | [Úlohy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Kosmická hra](./6-space-game/solution/README.md) | Pokročilejší vývoj her v JavaScriptu | Naučit se o dědičnosti pomocí tříd a kompozice a o vzoru Pub/Sub, jako přípravu na tvorbu hry | [Úvod do pokročilého vývoje her](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Kosmická hra](./6-space-game/solution/README.md) | Kreslení na plátno | Naučit se o Canvas API používaném pro kreslení prvků na obrazovku | [Kreslení na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Kosmická hra](./6-space-game/solution/README.md) | Pohyb prvků po obrazovce | Objevte, jak prvky získávají pohyb pomocí kartézských souřadnic a Canvas API | [Pohyb prvků po obrazovce](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Kosmická hra](./6-space-game/solution/README.md) | Detekce kolizí | Zajistit kolize a reakce prvků na sebe navzájem pomocí stisknutých kláves a přidat cooldown funkci pro výkon hry | [Detekce kolizí](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Kosmická hra](./6-space-game/solution/README.md) | Udržování skóre | Provádět matematické výpočty na základě stavu a výkonu hry | [Udržování skóre](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Kosmická hra](./6-space-game/solution/README.md) | Ukončení a restartování hry | Naučit se o ukončení a restartování hry, včetně čištění zdrojů a resetování proměnných | [Podmínka ukončení](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Bankovní aplikace](./7-bank-project/solution/README.md) | HTML šablony a routování ve webové aplikaci | Naučit se vytvářet kostru vícestránkové webové stránky pomocí routování a HTML šablon | [HTML šablony a routování](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Vytvoření přihlašovacího a registračního formuláře | Naučit se o tvorbě formulářů a zpracování validačních rutin | [Formuláře](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Metody získávání a používání dat | Jak data proudí do aplikace i ven z ní, jak je načítat, ukládat a mažet | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Koncept správy stavu | Naučit se, jak si aplikace uchovává stav a jak ho programově ovládat | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Kód prohlížeče/VScode](../../8-code-editor) | Práce s VScode | Naučte se používat editor kódu | [Použití editoru VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI asistenti](./9-chat-project/README.md) | Práce s AI | Naučte se vytvořit vlastního AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | +| | Název projektu | Učené koncepty | Učební cíle | Odkaz na lekci | Autor | +| :-: | :-------------------------------------------------------: | :------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :--------------------: | +| 01 | Začínáme | Úvod do programování a nástroje profese | Naučit se základní principy většiny programovacích jazyků a software, který pomáhá profesionálním vývojářům jejich práci | [Úvod do programovacích jazyků a nástrojů profese](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Začínáme | Základy GitHubu, týmová práce | Jak používat GitHub ve vašem projektu, jak spolupracovat s ostatními na kódu | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Začínáme | Přístupnost | Naučit se základy webové přístupnosti | [Základy přístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Základy JS | Datové typy v JavaScriptu | Základy datových typů v JavaScriptu | [Datové typy](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Základy JS | Funkce a metody | Naučit se o funkcích a metodách pro řízení logiky aplikace | [Funkce a metody](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher | +| 06 | Základy JS | Rozhodování v JS | Naučit se vytvářet podmínky v kódu pomocí rozhodovacích metod | [Rozhodování](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Základy JS | Pole a cykly | Práce s daty za použití polí a cyklů v JavaScriptu | [Pole a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvořit HTML pro online terárium, se zaměřením na rozvržení | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvořit CSS pro stylování online terária, zaměřit se na základy CSS a responzivní design | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulace s DOM | Vytvořit JavaScript pro terárium jako rozhraní drag/drop, zaměřit se na closury a práci s DOM | [JavaScript Closures, manipulace s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Hra na psaní](./4-typing-game/solution/README.md) | Vytvoření hry na psaní | Naučit se používat klávesové události k řízení logiky JavaScriptové aplikace | [Programování orientované na události](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Rozšíření prohlížeče Green](./5-browser-extension/solution/README.md) | Práce s prohlížeči | Naučit se, jak fungují prohlížeče, jejich historii a jak vytvořit základy rozšíření prohlížeče | [O prohlížečích](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Rozšíření prohlížeče Green](./5-browser-extension/solution/README.md) | Vytváření formulářů, volání API a ukládání proměnných do lokálního úložiště | Vytvořit JavaScriptové prvky rozšíření pro volání API s využitím lokálního úložiště | [API, formuláře a lokální úložiště](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Rozšíření prohlížeče Green](./5-browser-extension/solution/README.md) | Pozadí procesů v prohlížeči, výkonnost webu | Použít pozadí procesů pro správu ikony rozšíření; naučit se o webové výkonnosti a optimalizacích | [Pozadí a výkonnost](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Hra ve vesmíru](./6-space-game/solution/README.md) | Pokročilejší vývoj her v JavaScriptu | Naučit se dědičnost pomocí tříd a kompozice a vzor Pub/Sub v přípravě na tvorbu hry | [Úvod do pokročilého vývoje her](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Hra ve vesmíru](./6-space-game/solution/README.md) | Kreslení na canvas | Naučit se používat Canvas API, používané pro kreslení prvků na obrazovku | [Kreslení na canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Hra ve vesmíru](./6-space-game/solution/README.md) | Pohyb prvků po obrazovce | Objevte, jak prvky získávají pohyb za použití kartézských souřadnic a Canvas API | [Pohyb prvků](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Hra ve vesmíru](./6-space-game/solution/README.md) | Detekce kolizí | Nechte prvky kolidovat a reagovat na sebe pomocí stisků kláves, přidejte funkci cooldown pro zajištění výkonu hry | [Detekce kolizí](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Hra ve vesmíru](./6-space-game/solution/README.md) | Udržování skóre | Provádění matematických výpočtů podle stavu a výkonu hry | [Udržování skóre](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Hra ve vesmíru](./6-space-game/solution/README.md) | Ukončení a restart hry | Naučit se ukončit a restartovat hru včetně úklidu zdrojů a resetování proměnných | [Podmínka ukončení](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Bankovní aplikace](./7-bank-project/solution/README.md) | HTML šablony a směrování ve webové aplikaci | Naučit se vytvořit strukturu vícestránkového webu pomocí routingu a HTML šablon | [HTML šablony a směrování](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Vytvoření přihlašovacího a registračního formuláře | Naučit se jak vytvářet formuláře a také jak validovat jejich zadání | [Formuláře](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Metody získávání a používání dat | Jak data plynou do aplikace a ven, jak je získat, uložit a poté odstranit | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Koncepty správy stavů | Naučit se, jak aplikace uchovává stav a jak s ním programátorsky pracovat | [Správa stavů](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Práce s VScode | Naučit se používat editor kódu | [Použití VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI asistenti](./9-chat-project/README.md) | Práce s AI | Naučit se vytvořit vlastního AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogika -Náš učební plán je navržený s dvěma klíčovými pedagogickými principy: +Naše učební osnovy jsou navrženy se dvěma hlavními pedagogickými principy: * učení založené na projektech * časté kvízy -Program vede základy JavaScriptu, HTML a CSS, stejně jako nejnovější nástroje a techniky používané dnešními webovými vývojáři. Studenti budou mít příležitost získat praktické zkušenosti vytvořením hry na psaní, virtuálního terrária, ekologického rozšíření pro prohlížeč, hry ve stylu space-invader a bankovní aplikace pro firmy. Na konci série budou mít studenti pevné porozumění webovému vývoji. +Program vyučuje základy JavaScriptu, HTML a CSS, stejně jako nejnovější nástroje a techniky používané dnešními webovými vývojáři. Studenti budou mít příležitost získat praktické zkušenosti tvorbou hry na psaní, virtuálního terária, ekologického rozšíření prohlížeče, hry ve stylu space invader a bankovní aplikace pro podnikání. Na konci série studenti získají pevné základy webového vývoje. -> 🎓 První lekce v tomto kurikulu můžete absolvovat jako [Učební cestu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! +> 🎓 První lekce tohoto kurzu můžete absolvovat jako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -Díky propojení obsahu s projekty je proces pro studenty poutavější a zlepšuje se zapamatování konceptů. Také jsme napsali několik úvodních lekcí o základech JavaScriptu, které představují koncepty, doprovázené videi ze série "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" – někteří autoři těchto videí přispěli do tohoto kurikula. +Zajištěním souladu obsahu s projekty je proces pro studenty více poutavý a lepší je také zapamatování konceptů. Také jsme napsali několik úvodních lekcí o základech JavaScriptu doplněných videi ze sbírky "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", jejichž autoři na tuto osnovu přispěli. -Navíc nízkorizikový kvíz před lekcí pomáhá studentovi zaměřit se na téma, zatímco kvíz po lekci podpoří další zapamatování. Tento učební plán je navržen flexibilně a zábavně a lze ho absolvovat celý nebo částečně. Projekty začínají jednoduché a postupně se v průběhu 12 týdnů stávají složitějšími. +Navíc před hodinou nízkorizikový kvíz nastavit zaměření studenta na téma, zatímco druhý kvíz po hodině zajistí lepší zapamatování. Tento obsah je navržen tak, aby byl flexibilní a zábavný a lze ho absolvovat celý nebo částečně. Projekty začínají jednoduše a během 12 týdnů se stávají stále složitějšími. -I když jsme záměrně vynechali zavádění frameworků JavaScriptu, abychom se soustředili na základní dovednosti webového vývojáře před přijetím frameworku, dobrým dalším krokem po dokončení tohoto kurikula je naučit se o Node.js prostřednictvím další série videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Záměrně jsme se vyhnuli zavedení JavaScriptových frameworků, abychom se soustředili na základní dovednosti potřebné pro webového vývojáře před přijetím frameworku; dobrým dalším krokem po dokončení tohoto kurzu je naučit se Node.js skrze další kolekci videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Navštivte naše [Kodex chování](CODE_OF_CONDUCT.md) a [Příspěvky](CONTRIBUTING.md) zásady. Vítáme vaše konstruktivní připomínky! +> Navštivte náš [Kodex chování](CODE_OF_CONDUCT.md) a pokyny k [přispívání](CONTRIBUTING.md). Vítáme vaše konstruktivní připomínky! -## 🧭 Offline přístup +## 🧭 Přístup offline -Tuto dokumentaci můžete používat offline pomocí [Docsify](https://docsify.js.org/#/). Forkněte si toto repozitář, [nainstalujte Docsify](https://docsify.js.org/#/quickstart) na svůj počítač a pak v kořenové složce repozitáře napište `docsify serve`. Webová stránka bude dostupná na portu 3000 na vašem localhostu: `localhost:3000`. +Tuto dokumentaci můžete spustit offline pomocí [Docsify](https://docsify.js.org/#/). Forkněte si toto úložiště, [nainstalujte Docsify](https://docsify.js.org/#/quickstart) na váš místní počítač, a potom v kořenové složce tohoto úložiště napište `docsify serve`. Webová stránka bude dostupná na portu 3000 na localhostu: `localhost:3000`. ## 📘 PDF -PDF všech lekcí lze nalézt [zde](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +PDF všech lekcí najdete [zde](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Další kurzy -Náš tým vytváří i další kurzy! Podívejte se na: +Náš tým vyrábí i další kurzy! Podívejte se: ### LangChain @@ -229,18 +227,18 @@ Náš tým vytváří i další kurzy! Podívejte se na: [![AZD pro začátečníky](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 pro začátečníky](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 pro začátečníky](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 agenti pro začátečníky](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) +[![AI Agentní pro začátečníky](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 Generativní AI + +### Generativní AI série [![Generativní AI pro začátečníky](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) [![Generativní 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) [![Generativní 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) [![Generativní 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) --- - + ### Základní vzdělávání [![ML pro začátečníky](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 pro začátečníky](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) @@ -251,30 +249,30 @@ Náš tým vytváří i další kurzy! Podívejte se na: [![XR vývoj pro začátečníky](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 pro AI párové programování](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 pro 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) +[![Copilot Dobrodružství](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) ## Získání pomoci -Pokud budete mít potíže nebo nějaké dotazy ohledně vytváření AI aplikací, připojte se k ostatním studentům a zkušeným vývojářům v diskuzích o MCP. Je to vstřícná komunita, kde jsou otázky vítány a znalosti se sdílejí otevřeně. +Pokud se zaseknete nebo máte jakékoli dotazy ohledně vytváření AI aplikací. Přidejte se k ostatním studentům a zkušeným vývojářům v diskusích o MCP. Je to podpůrná komunita, kde jsou otázky vítány a znalosti sdíleny svobodně. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Pokud máte zpětnou vazbu k produktu nebo narazíte na chyby při tvorbě, navštivte: +Pokud máte zpětnou vazbu k produktu nebo narazíte na chyby při vývoji, navštivte: [![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 -Toto úložiště je licencováno pod licencí MIT. Pro více informací viz soubor [LICENSE](../../LICENSE). +Tento repozitář je licencován pod licencí MIT. Více informací naleznete v souboru [LICENSE](../../LICENSE). --- -**Zdroj informací**: -Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). Přestože usilujeme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho rodném jazyce by měl být považován za autoritativní zdroj. Pro důležité informace se doporučuje profesionální lidský překlad. Nejsme odpovědní za jakékoliv nedorozumění nebo nesprávné výklady vyplývající z použití tohoto překladu. +**Disclaimer**: +Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho mateřském jazyce by měl být považován za autoritativní zdroj. Pro kritické informace se doporučuje profesionální lidský překlad. Nejsme odpovědni za jakékoliv nedorozumění nebo mylné výklady vyplývající z použití tohoto překladu. \ No newline at end of file diff --git a/translations/cs/lesson-template/README.md b/translations/cs/lesson-template/README.md index acf6e8b721..9bdd320ffd 100644 --- a/translations/cs/lesson-template/README.md +++ b/translations/cs/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Téma lekce] +# Téma lekce -![Vložit video zde](../../../lesson-template/video-url) +## 🎥 Video -## [Kvíz před přednáškou](../../../lesson-template/quiz-url) +> Přidejte sem vložené video nebo odkaz na lekci. -[Popište, co se naučíme] +--- + +## Přednáškový kvíz + +> Přidejte odkaz na kvíz, jakmile bude k dispozici. + +--- + +Poskytněte krátký přehled, co se studenti v této lekci naučí. + +--- ### Úvod -Popište, co bude obsahem +Poskytněte krátký úvod popisující, co bude v této lekci probíráno. > Poznámky +--- + ### Předpoklady -Jaké kroky by měly být splněny před touto lekcí? +Uveďte koncepty nebo témata, se kterými by studenti měli být obeznámeni před začátkem této lekce. + +--- ### Příprava -Přípravné kroky pro zahájení této lekce +Uveďte jakékoliv kroky nastavení nebo nástroje potřebné před zahájením lekce. --- -[Projděte obsah v blocích] +### Obsah + +Projděte obsah lekce v strukturovaných sekcích. + +--- -## [Téma 1] +## Téma 1 ### Úkol: -Spolupracujte na postupném vylepšování svého kódu, abyste vytvořili projekt se sdíleným kódem: +Spolupracujte na postupném zlepšování vašeho kódu tak, aby projekt využíval sdílený kód: ```html code blocks ``` -✅ Kontrola znalostí - využijte tento okamžik k rozšíření znalostí studentů pomocí otevřených otázek +✅ Kontrola znalostí +Využijte tento moment k rozšíření znalostí studentů otevřenými otázkami. -## [Téma 2] +## Téma 2 +## Téma 3 -## [Téma 3] +🚀 Výzva +Přidejte společnou výzvu pro studenty k vylepšení projektu. -🚀 Výzva: Přidejte výzvu, na které studenti mohou společně pracovat ve třídě, aby vylepšili projekt +Volitelné: Přidejte screenshot dokončeného uživatelského rozhraní lekce, pokud je to vhodné. -Volitelné: přidejte snímek obrazovky dokončeného uživatelského rozhraní lekce, pokud je to vhodné +## Po přednáškový kvíz -## [Kvíz po přednášce](../../../lesson-template/quiz-url) +Přidejte odkaz na kvíz po dokončení lekce. -## Přehled & Samostudium +## Revize a samostudium -**Úkol k odevzdání [MM/RR]**: [Název úkolu](assignment.md) +**Zadání splnit do [MM/YY]**: [Název zadání](assignment.md) --- -**Prohlášení**: -Tento dokument byl přeložen pomocí služby pro automatizovaný překlad [Co-op Translator](https://github.com/Azure/co-op-translator). I když se snažíme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho původním jazyce by měl být považován za autoritativní zdroj. Pro důležité informace doporučujeme profesionální lidský překlad. Neodpovídáme za žádná nedorozumění nebo nesprávné interpretace vyplývající z použití tohoto překladu. \ No newline at end of file + +**Prohlášení o vyloučení odpovědnosti**: +Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho mateřském jazyce by měl být považován za autoritativní zdroj. Pro kritické informace se doporučuje profesionální lidský překlad. Nejsme odpovědni za jakékoli nedorozumění nebo chybné výklady vyplývající z použití tohoto překladu. + \ No newline at end of file diff --git a/translations/da/.co-op-translator.json b/translations/da/.co-op-translator.json index 4d64ec180f..c4fae5d4d1 100644 --- a/translations/da/.co-op-translator.json +++ b/translations/da/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:53:57+00:00", + "translation_date": "2026-04-24T12:29:03+00:00", "source_file": "AGENTS.md", "language_code": "da" }, @@ -516,8 +516,8 @@ "language_code": "da" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:09:00+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:23:08+00:00", "source_file": "README.md", "language_code": "da" }, @@ -564,8 +564,8 @@ "language_code": "da" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T23:13:50+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:23:20+00:00", "source_file": "lesson-template/README.md", "language_code": "da" }, diff --git a/translations/da/AGENTS.md b/translations/da/AGENTS.md index 3b4bda5806..9033cb59fd 100644 --- a/translations/da/AGENTS.md +++ b/translations/da/AGENTS.md @@ -2,29 +2,29 @@ ## Projektoversigt -Dette er et uddannelsesforløbsdepot til undervisning i grundlæggende webudvikling for begyndere. Forløbet er et omfattende 12-ugers kursus udviklet af Microsoft Cloud Advocates og indeholder 24 praktiske lektioner om JavaScript, CSS og HTML. +Dette er et uddannelses-curriculum-arkiv til undervisning i grundlæggende webudvikling for begyndere. Curriculumet er et omfattende 12-ugers kursus udviklet af Microsoft Cloud Advocates, som indeholder 24 praktiske lektioner, der dækker JavaScript, CSS og HTML. -### Centrale elementer +### Nøglekomponenter - **Uddannelsesindhold**: 24 strukturerede lektioner organiseret i projektbaserede moduler - **Praktiske projekter**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor og AI Chat Assistant - **Interaktive quizzer**: 48 quizzer med 3 spørgsmål hver (før/efter lektion vurderinger) - **Flersproget support**: Automatiske oversættelser til 50+ sprog via GitHub Actions -- **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (til AI projekter) +- **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (til AI-projekter) ### Arkitektur -- Uddannelsesdepot med lektionbaseret struktur +- Uddannelses-arkiv med lektionbaseret struktur - Hver lektionsmappe indeholder README, kodeeksempler og løsninger -- Selvstændige projekter i separate mapper (quiz-app, forskellige lektionsprojekter) -- Oversættelsessystem ved brug af GitHub Actions (co-op-translator) -- Dokumentation serveres via Docsify og er tilgængelig som PDF +- Selvstændige projekter i separate mapper (quiz-app, diverse lektionsprojekter) +- Oversættelsessystem ved hjælp af GitHub Actions (co-op-translator) +- Dokumentation serveret via Docsify og tilgængelig som PDF ## Opsætningskommandoer -Dette depot er primært til forbrug af uddannelsesindhold. For arbejde med specifikke projekter: +Dette arkiv er primært til forbrug af uddannelsesindhold. For arbejde med specifikke projekter: -### Hoveddepot opsætning +### Hovedarkiv opsætning ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -48,7 +48,7 @@ cd 7-bank-project/api npm install npm start # Start API-server npm run lint # Kør ESLint -npm run format # Formater med Prettier +npm run format # Formatér med Prettier ``` ### Browser Extension projekter @@ -56,7 +56,7 @@ npm run format # Formater med Prettier ```bash cd 5-browser-extension/solution npm install -# Følg browser-specifikke instruktioner til indlæsning af udvidelser +# Følg browser-specifikke instruktioner for indlæsning af udvidelser ``` ### Space Game projekter @@ -67,7 +67,7 @@ npm install # Åbn index.html i browseren eller brug Live Server ``` -### Chat projekt (Python Backend) +### Chat projekt (Python backend) ```bash cd 9-chat-project/solution/backend/python @@ -76,33 +76,33 @@ pip install openai python api.py ``` -## Udviklingsarbejdsgang +## Udviklingsworkflow -### For indholdsleverandører +### For indholdsbidragydere -1. **Fork depotet** til din GitHub konto -2. **Klon dit fork** lokalt +1. **Fork arkivet** til din GitHub-konto +2. **Klon din fork** lokalt 3. **Opret en ny gren** til dine ændringer -4. Foretag ændringer i lektionens indhold eller kodeeksempler +4. Foretag ændringer i lektionsindhold eller kodeeksempler 5. Test eventuelle kodeændringer i relevante projektmapper 6. Indsend pull requests i henhold til bidragsretningslinjer ### For lærende -1. Fork eller klon depotet -2. Naviger sekventielt gennem lektionsmapperne +1. Fork eller klon arkivet +2. Naviger til lektionsmapper sekventielt 3. Læs README-filer for hver lektion -4. Gennemfør før-lektions quizzer på https://ff-quizzes.netlify.app/web/ -5. Arbejd gennem kodeeksemplerne i lektionsmapperne +4. Gennemfør for-lektions quizzer på https://ff-quizzes.netlify.app/web/ +5. Arbejd dig igennem kodeeksempler i lektionsmapper 6. Udfør opgaver og udfordringer 7. Tag efter-lektions quizzer ### Live udvikling -- **Dokumentation**: Kør `docsify serve` i rodmappen (port 3000) +- **Dokumentation**: Kør `docsify serve` i root (port 3000) - **Quiz App**: Kør `npm run dev` i quiz-app mappen -- **Projekter**: Brug VS Code Live Server-udvidelsen til HTML-projekter -- **API projekter**: Kør `npm start` i de respektive API mapper +- **Projekter**: Brug VS Code Live Server extension til HTML projekter +- **API Projekter**: Kør `npm start` i respektive API mapper ## Testinstruktioner @@ -110,33 +110,33 @@ python api.py ```bash cd quiz-app -npm run lint # Tjek for kode stilproblemer -npm run build # Bekræft at byggeriet lykkes +npm run lint # Tjek for kode stil problemer +npm run build # Bekræft at build lykkes ``` ### Bank API test ```bash cd 7-bank-project/api -npm run lint # Tjek for kode stil problemer +npm run lint # Tjek for problemer med kodestil node server.js # Bekræft at serveren starter uden fejl ``` -### Generel testtilgang +### Generel test tilgang -- Dette er et uddannelsesdepot uden omfattende automatiserede tests +- Dette er et uddannelsesarkiv uden omfattende automatiserede tests - Manuel test fokuserer på: - - At kodeeksempler kører uden fejl - - At links i dokumentationen fungerer korrekt - - At projektbygninger fuldføres succesfuldt - - At eksempler følger bedste praksis + - Kodeeksempler kører uden fejl + - Links i dokumentation fungerer korrekt + - Projekt builds fuldføres succesfuldt + - Eksempler følger bedste praksis -### Forud for indsendelse +### Kontroller før indsendelse - Kør `npm run lint` i mapper med package.json -- Verificer at markdown-links er gyldige +- Bekræft at markdown-links er gyldige - Test kodeeksempler i browser eller Node.js -- Kontroller at oversættelser bevarer korrekt struktur +- Tjek at oversættelser bevarer korrekt struktur ## Kode stil retningslinjer @@ -144,47 +144,47 @@ node server.js # Bekræft at serveren starter uden fejl - Brug moderne ES6+ syntaks - Følg standard ESLint konfigurationer i projekterne -- Brug meningsfulde variabel- og funktionsnavne for pædagogisk klarhed +- Brug meningsfulde variabel- og funktionsnavne for uddannelsesmæssig klarhed - Tilføj kommentarer der forklarer koncepter for lærende -- Formater med Prettier hvor det er konfigureret +- Formatér med Prettier hvor konfigureret ### HTML/CSS - Semantiske HTML5 elementer -- Responsive designprincipper -- Klare konventioner for klassenavne -- Kommentarer der forklarer CSS-teknikker til lærende +- Responsive design principper +- Klare klasse-navngivningskonventioner +- Kommentarer der forklarer CSS teknikker for lærende ### Python -- PEP 8 stilretningslinjer -- Klare, pædagogiske kodeeksempler +- PEP 8 stil retningslinjer +- Klare, uddannelsesmæssige kodeeksempler - Type hints hvor det er hjælpsomt for læring ### Markdown dokumentation - Klar overskriftsstruktur -- Kodeblokke med sprogangivelse +- Kodeblokke med sprog angivelse - Links til yderligere ressourcer - Skærmbilleder og billeder i `images/` mapper - Alt-tekst til billeder for tilgængelighed -### Filorganisation +### Filorganisering -- Lektioner nummereret sekventielt (1-getting-started-lessons, 2-js-basics osv.) +- Lektioner nummereret sekventielt (1-getting-started-lessons, 2-js-basics, osv.) - Hvert projekt har `solution/` og ofte `start/` eller `your-work/` mapper -- Billeder gemt i lektion-specifikke `images/` mapper +- Billeder gemt i lektionsspecifikke `images/` mapper - Oversættelser i `translations/{language-code}/` struktur -## Byg og udrulning +## Build og deployment -### Quiz App udrulning (Azure Static Web Apps) +### Quiz App deployment (Azure Static Web Apps) -quiz-app er konfigureret til Azure Static Web Apps udrulning: +Quiz-appen er konfigureret til Azure Static Web Apps deployment: ```bash cd quiz-app -npm run build # Opretter dist/ mappe +npm run build # Opretter dist/-mappe # Udruller via GitHub Actions workflow ved push til main ``` @@ -193,7 +193,7 @@ Azure Static Web Apps konfiguration: - **Output placering**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Generering af PDF dokumentation +### Dokumentations PDF generering ```bash npm install # Installer docsify-to-pdf @@ -203,17 +203,17 @@ npm run convert # Generer PDF fra docs ### Docsify dokumentation ```bash -npm install -g docsify-cli # Installer Docsify globalt -docsify serve # Kør på localhost:3000 +npm install -g docsify-cli # Installér Docsify globalt +docsify serve # Server på localhost:3000 ``` ### Projekt-specifikke builds -Hver projektmappe kan have sin egen build-proces: -- Vue projekter: `npm run build` skaber produktionsbundles -- Statiske projekter: Ingen build-step, server filer direkte +Hver projektmappe kan have sin egen byggeproces: +- Vue projekter: `npm run build` laver produktions bundles +- Statisk projekter: Ingen build trin, server filer direkte -## Pull Request retningslinjer +## Pull request retningslinjer ### Titel format @@ -223,7 +223,7 @@ Brug klare, beskrivende titler der angiver ændringsområde: - `[Translation] Tilføj spansk oversættelse til lektion 5` - `[Docs] Opdater opsætningsinstruktioner` -### Krævede kontroller +### Påkrævede checks Før indsendelse af PR: @@ -236,47 +236,47 @@ Før indsendelse af PR: - Sørg for ingen build fejl 3. **Link validering**: - - Test alle markdown-links - - Bekræft billedreferencer fungerer + - Test alle markdown links + - Bekræft at billedreferencer virker -4. **Indholdsrevision**: - - Læs korrektur for stave- og grammatikfejl - - Sørg for kodeeksempler er korrekte og pædagogiske - - Verificer at oversættelser bevarer original betydning +4. **Indholds gennemgang**: + - Korrekturlæs for stavning og grammatik + - Sikr at kodeeksempler er korrekte og uddannelsesmæssige + - Verificer at oversættelser bevarer oprindelig mening ### Bidragskrav -- Accepter Microsoft CLA (automatisk ved første PR) +- Accepter Microsoft CLA (automatisk check ved første PR) - Følg [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Se [CONTRIBUTING.md](./CONTRIBUTING.md) for detaljerede retningslinjer -- Henvis til issues i PR-beskrivelsen hvis relevant +- Referer til issues i PR beskrivelsen hvis relevant -### Review proces +### Gennemgangsproces -- PR’s gennemgås af vedligeholdere og community -- Prioritér pædagogisk klarhed -- Kodeeksempler skal følge gældende bedste praksis -- Oversættelser vurderes for nøjagtighed og kulturel relevans +- PR'er gennemgås af vedligeholdere og community +- Uddannelsesmæssig klarhed prioriteres +- Kodeeksempler bør følge bedste praksis +- Oversættelser gennemgås for nøjagtighed og kulturel passende ## Oversættelsessystem ### Automatisk oversættelse - Bruger GitHub Actions med co-op-translator workflow -- Oversætter til 50+ sprog automatisk +- Oversætter automatisk til 50+ sprog - Kildefiler i hovedmapper - Oversatte filer i `translations/{language-code}/` mapper -### Tilføjelse af manuelle oversættelsesforbedringer +### Tilføj manuelle oversættelsesforbedringer 1. Find fil i `translations/{language-code}/` -2. Foretag forbedringer mens strukturen bevares -3. Sørg for kodeeksempler fortsat fungerer -4. Test eventuelt lokaliseret quiz-indhold +2. Lav forbedringer mens struktur bevares +3. Sørg for kodeeksempler stadig fungerer +4. Test eventuelt lokaliseret quizindhold ### Oversættelsesmetadata -Oversatte filer inkluderer metadata-header: +Oversatte filer inkluderer metadata header: ```markdown **Ansvarsfraskrivelse**: -Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det originale dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for misforståelser eller fejltolkninger, der måtte opstå som følge af brugen af denne oversættelse. +Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi stræber efter nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritiske oplysninger anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for eventuelle misforståelser eller fejltolkninger, der opstår ved brug af denne oversættelse. \ No newline at end of file diff --git a/translations/da/README.md b/translations/da/README.md index d58cd81d06..ef71ae5def 100644 --- a/translations/da/README.md +++ b/translations/da/README.md @@ -10,20 +10,20 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Webudvikling for begyndere - Et pensum +# Webudvikling for Begyndere - En Læreplan -Lær grundprincipperne i webudvikling med vores 12-ugers omfattende kursus af Microsoft Cloud Advocates. Hver af de 24 lektioner dykker ned i JavaScript, CSS og HTML gennem praktiske projekter som terrarier, browserudvidelser og rumspil. Deltag i quizzer, diskussioner og praktiske opgaver. Forbedr dine færdigheder og optimer din vidensfastholdelse med vores effektive projektbaserede pædagogik. Start din kodningsrejse i dag! +Lær det grundlæggende inden for webudvikling med vores 12-ugers omfattende kursus af Microsoft Cloud Advocates. Hver af de 24 lektioner dykker ned i JavaScript, CSS og HTML gennem praktiske projekter som terrarier, browserudvidelser og rumspil. Deltag i quizzer, diskussioner og praktiske opgaver. Forbedr dine færdigheder og optimer din vidensindlæring med vores effektive projektbaserede pædagogik. Start din kodningsrejse i dag! -Deltag i Azure AI Foundry Discord-fællesskabet +Deltag i Azure AI Foundry Discord og mød eksperter og andre udviklere. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Følg disse trin for at komme i gang med at bruge disse ressourcer: -1. **Fork repoet**: Klik [![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. **Klon repoet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Deltag i Azure AI Foundry Discord og mød eksperter og medudviklere**](https://discord.com/invite/ByRwuEEgH4) +1. **Fork Repoet**: Klik på [![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. **Klon Repoet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Deltag i Azure AI Foundry Discord og mød eksperter og andre udviklere**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Multisprog Support +### 🌐 Understøttelse af flere sprog #### Understøttet via GitHub Action (Automatisk & Altid Opdateret) @@ -32,7 +32,7 @@ Følg disse trin for at komme i gang med at bruge disse ressourcer: > **Foretrækker du at klone lokalt?** > -> Dette repository indeholder 50+ sprogoversættelser, hvilket markant øger downloadstørrelsen. For at klone uden oversættelser, brug sparse checkout: +> Dette repository inkluderer 50+ sprogoversættelser, hvilket betydeligt øger download-størrelsen. For at klone uden oversættelser, brug spars checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,43 +48,43 @@ Følg disse trin for at komme i gang med at bruge disse ressourcer: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Dette giver dig alt, hvad du behøver for at gennemføre kurset med en langt hurtigere download. +> Dette giver dig alt, hvad du behøver for at gennemføre kurset med en meget hurtigere download. -**Hvis du ønsker, at yderligere oversættelsessprog understøttes, er de listet [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Hvis du ønsker yderligere oversættelser, er de understøttede sprog listet her. [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Er du studerende?_ -Besøg [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du finder begynderressourcer, Student-pakker og endda måder at få et gratis certifikatkupon på. Dette er siden, du vil bogmærke og tjekke fra tid til anden, da vi skifter indhold månedligt. +Besøg [**Student Hub siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du vil finde begynderressourcer, studenterpakker og endda måder at få et gratis certifikat-voucher. Dette er siden, du vil bogmærke og tjekke fra tid til anden, da vi skifter indhold månedligt. ### 📣 Meddelelse - Nye GitHub Copilot Agent mode udfordringer at gennemføre! -Ny udfordring tilføjet, se efter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny udfordring, som du kan gennemføre ved at bruge GitHub Copilot og Agent mode. Hvis du ikke har brugt Agent mode før, kan den ikke blot generere tekst men også oprette og redigere filer, køre kommandoer og mere. +Ny udfordring tilføjet, se efter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny udfordring for dig at gennemføre ved brug af GitHub Copilot og Agent mode. Hvis du ikke har brugt Agent mode før, kan den ikke bare generere tekst, men også skabe og redigere filer, køre kommandoer med mere. -### 📣 Meddelelse - _Nyt projekt at bygge ved brug af Generativ AI_ +### 📣 Meddelelse - _Nyt projekt at bygge med Generativ AI_ -Nyt AI Assistant projekt er lige tilføjet, tjek projektet ud [her](./9-chat-project/README.md) +Nyt AI Assistentprojekt lige tilføjet, tjek det ud [projekt](./9-chat-project/README.md) -### 📣 Meddelelse - _Nyt pensum_ om Generativ AI for JavaScript blev lige udgivet +### 📣 Meddelelse - _Ny læreplan_ om Generativ AI for JavaScript er netop udgivet -Gå ikke glip af vores nye Generative AI pensum! +Gå ikke glip af vores nye Generative AI læreplan! Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang! ![Background](../../translated_images/da/background.148a8d43afde5730.webp) -- Lektioner der dækker alt fra det grundlæggende til RAG. -- Interaktion med historiske personer ved brug af GenAI og vores companion app. -- Sjov og engagerende fortælling, du rejser i tiden! +- Lektioner som dækker alt fra grundlæggende til RAG. +- Interager med historiske personer ved hjælp af GenAI og vores companion-app. +- Sjov og engagerende fortælling, du kommer til at rejse i tiden! ![character](../../translated_images/da/character.5c0dd8e067ffd693.webp) -Hver lektion inkluderer en opgave, en videnscheck og en udfordring til at guide dig i at lære emner som: +Hver lektion inkluderer en opgave at gennemføre, en videnscheck og en udfordring for at guide dig i at lære emner som: - Prompting og prompt engineering -- Tekst- og billedapps-generering +- Tekst- og billedapp-generering - Søgeapps Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang! @@ -93,99 +93,99 @@ Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at k ## 🌱 Kom godt i gang -> **Lærere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan dette pensum kan bruges. Vi vil elske at få jeres feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Lærere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan du kan bruge denne læreplan. Vi vil meget gerne have din feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en præ-forelæsning quiz og fortsæt med at læse forelæsningsmaterialet, udføre de forskellige aktiviteter og tjek din forståelse med en post-forelæsnings quiz. +**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en pre-forelæsningsquiz og følg op med at læse forelæsningsmaterialet, udfør de forskellige aktiviteter og tjek din forståelse med post-forelæsningsquizzen. -For at forbedre din læring, connect med dine jævnbyrdige for at arbejde sammen på projekterne! Diskussioner er opfordret i vores [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), hvor vores team af moderatorer vil være til rådighed for at besvare dine spørgsmål. +For at forbedre din læringsoplevelse, forbind med dine jævnaldrende for at arbejde sammen på projekterne! Diskussioner opfordres i vores [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), hvor vores team af moderatorer vil være tilgængelige for at besvare dine spørgsmål. -For at videreuddanne dig anbefaler vi stærkt at udforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for yderligere studiematerialer. +For at fremme din uddannelse anbefaler vi stærkt at udforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for yderligere studiematerialer. -### 📋 Opsætning af dit miljø +### 📋 Opsæt dit miljø -Dette pensum har et udviklingsmiljø klar til brug! Når du kommer i gang, kan du vælge at køre pensum i en [Codespace](https://github.com/features/codespaces/) (_et browserbaseret miljø uden behov for installation_), eller lokalt på din computer ved hjælp af en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Denne læreplan har et udviklingsmiljø klar til brug! Når du går i gang, kan du vælge at køre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et browser-baseret, ingen installation nødvendig miljø_), eller lokalt på din computer ved at bruge en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Opret dit repository -For at du nemt kan gemme dit arbejde, anbefales det, at du opretter din egen kopi af dette repository. Det kan du gøre ved at klikke på knappen **Use this template** øverst på siden. Dette vil oprette et nyt repository i din GitHub-konto med en kopi af pensum. +For at du nemt kan gemme dit arbejde, anbefales det, at du opretter din egen kopi af dette repository. Det kan du gøre ved at klikke på knappen **Use this template** øverst på siden. Dette opretter et nyt repository på din GitHub konto med en kopi af læreplanen. Følg disse trin: -1. **Fork repoet**: Klik på "Fork"-knappen øverst til højre på denne side. -2. **Klon repoet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Fork Repoet**: Klik på "Fork" knappen øverst til højre på denne side. +2. **Klon Repoet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Kør pensum i en Codespace +#### Kør læreplanen i en Codespace -I din kopi af dette repository, som du har oprettet, klik på knappen **Code** og vælg **Open with Codespaces**. Dette vil oprette en ny Codespace til dig at arbejde i. +I din kopi af dette repository, som du har oprettet, klik på **Code** knappen og vælg **Open with Codespaces**. Dette vil oprette en ny Codespace for dig at arbejde i. ![Codespace](../../translated_images/da/createcodespace.0238bbf4d7a8d955.webp) -#### Kør pensum lokalt på din computer +#### Kør læreplanen lokalt på din computer -For at køre dette pensum lokalt på din computer, skal du bruge en teksteditor, en browser og et kommandolinjeværktøj. Vores første lektion, [Introduktion til programmeringssprog og handelsværktøjer](../../1-getting-started-lessons/1-intro-to-programming-languages), vil guide dig gennem forskellige muligheder for hvert af disse værktøjer, så du kan vælge det, der passer bedst til dig. +For at køre denne læreplan lokalt på din computer, skal du bruge en teksteditor, en browser og et kommandolinjeværktøj. Vores første lektion, [Introduktion til programmeringssprog og værktøjer](../../1-getting-started-lessons/1-intro-to-programming-languages), vil guide dig igennem forskellige muligheder for hver af disse værktøjer, så du kan vælge det, der fungerer bedst for dig. -Vi anbefaler at bruge [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som også har et integreret [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan downloade Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Klon dit repository til din computer. Du kan gøre dette ved at klikke på **Code** knappen og kopiere URL'en: +Vores anbefaling er at bruge [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som også har en indbygget [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan downloade Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Klon dit repository til din computer. Du kan gøre dette ved at klikke på **Code**-knappen og kopiere URL'en: [CodeSpace](./images/createcodespace.png) - Åbn derefter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kør følgende kommando, hvor du erstatter `` med den URL, du lige kopierede: + Åbn derefter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kør følgende kommando, hvor du udskifter `` med den URL, du lige har kopieret: ```bash git clone ``` -2. Åbn mappen i Visual Studio Code. Du kan gøre dette ved at klikke på **File** > **Open Folder** og vælge den mappe, du lige har klonet. +2. Åbn mappen i Visual Studio Code. Du kan gøre dette ved at klikke **File** > **Open Folder** og vælge den mappe, du lige har klonet. > Anbefalede Visual Studio Code-udvidelser: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - til at forhåndsvise HTML-sider inden for Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - til at forhåndsvise HTML-sider i Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - til at hjælpe dig med at skrive kode hurtigere ## 📂 Hver lektion inkluderer: - valgfri sketchnote - valgfri supplerende video -- varm-quiz før lektionen -- skriftlig lektion -- for projektbaserede lektioner, trin-for-trin vejledninger om, hvordan man bygger projektet -- videnskontroller +- quiz som opvarmning før lektionen +- skreven lektion +- for projektbaserede lektioner, trin-for-trin guider til, hvordan man bygger projektet +- videnscheck - en udfordring - supplerende læsning - opgave -- [quiz efter lektion](https://ff-quizzes.netlify.app/web/) +- [quiz efter lektionen](https://ff-quizzes.netlify.app/web/) -> **En note om quizzer**: Alle quizzer findes i Quiz-app mappen, 48 quizzer med tre spørgsmål hver. De er tilgængelige [her](https://ff-quizzes.netlify.app/web/) quiz-app'en kan køre lokalt eller udgives til Azure; følg instruktionerne i `quiz-app` mappen. +> **En note om quizzer**: Alle quizzer findes i Quiz-app mappen, i alt 48 quizzer med tre spørgsmål hver. De er tilgængelige [her](https://ff-quizzes.netlify.app/web/); quiz-appen kan køre lokalt eller implementeres til Azure; følg instruktionerne i `quiz-app` mappen. ## 🗃️ Lektioner -| | Projektnavn | Underviste Begreber | Læringsmål | Linket Lektion | Forfatter | -| :-: | :-----------------------------------------------------: | :------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: | -| 01 | Kom godt i gang | Introduktion til programmering og værktøjer | Lær de grundlæggende principper bag de fleste programmeringssprog og om software, som hjælper professionelle udviklere | [Introduktion til programmeringssprog og værktøjer](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Kom godt i gang | Grundlæggende GitHub, inkl. arbejde i team | Hvordan man bruger GitHub i sit projekt, og hvordan man samarbejder med andre om kodebasis | [Introduktion til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Kom godt i gang | Tilgængelighed | Lær det grundlæggende om webtilgængelighed | [Grundlæggende tilgængelighed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScript-datatyper | Det grundlæggende om JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funktioner og metoder | Lær om funktioner og metoder til at styre et applikations logikflow | [Funktioner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher | -| 06 | JS Basics | Beslutningstagning med JS | Lær hvordan man skaber betingelser i din kode ved hjælp af beslutningstagsmetoder | [Beslutningstagning](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Arrays og løkker | Arbejd med data brugt arrays og løkker i JavaScript | [Arrays og løkker](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praksis | Byg HTML til at skabe et online terrarium med fokus på layout | [Introduktion til HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praksis | Byg CSS til at style det online terrarium med fokus på CSS grundlæggende inklusive responsivt design | [Introduktion til CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript closures, DOM-manipulation | Byg JavaScript til at gøre terrariet funktionelt som drag/drop-interface med fokus på closures og 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) | Byg et Typing-spil | Lær hvordan keyboard events bruges til at styre logikken i din JavaScript-app | [Begivenhedsdrevet programmering](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Arbejde med browsere | Lær hvordan browsere fungerer, deres historie, og hvordan man skaber de første elementer i en browser extension | [Om browsere](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygge formular, kalde et API og gemme variabler i lokal lagring | Byg JavaScript-elementerne i din browser extension til at kalde et API ved hjælp af variabler i lokal lagring | [APIs, formularer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Baggrundsprocesser i browseren, webperformance | Brug browserens baggrundsprocesser til at styre extensionens ikon; lær om webperformance og optimeringer | [Baggrundsopgaver og performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Mere avanceret spiludvikling med JavaScript | Lær om arv ved brug af både klasser og komposition og Pub/Sub mønsteret som forberedelse til at bygge et spil | [Introduktion til avanceret spiludvikling](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Tegning på canvas | Lær om Canvas API, som bruges til at tegne elementer på en skærm | [Tegning på canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Flytning af elementer rundt på skærmen | Opdag hvordan elementer kan få bevægelse ved hjælp af kartesiske koordinater og Canvas API | [Flyt elementer rundt](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisiondetektion | Få elementer til at kollidere og reagere på hinanden ved hjælp af tastetryk og tilføj en cooldown-funktion for at sikre ydeevne | [Kollisiondetektion](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Hold styr på point | Udfør matematiske beregninger baseret på spillets status og ydeevne | [Hold styr på point](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Afslutte og genstarte spillet | Lær om at afslutte og genstarte spillet, inklusiv oprydning af ressourcer og nulstilling af variabler | [Afslutningsbetingelsen](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-skabeloner og ruter i en webapp | Lær hvordan man skaber skabelonen for en multipage hjemmesides arkitektur ved brug af routing og HTML-skabeloner | [HTML-skabeloner og ruter](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Byg en login- og registreringsformular | Lær om opbygning af formularer og håndtering af valideringsrutiner | [Formularer](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metoder til hentning og brug af data | Hvordan data flyder ind og ud af din app, hvordan man henter det, gemmer og rydder op | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Begreber om tilstands-styring | Lær hvordan din app bevarer tilstand og hvordan man styrer det programmæssigt | [Tilstands-styring](./7-bank-project/4-state-management/README.md) | Yohan | +| | Projektnavn | Undervisede begreber | Læringsmål | Link til lektion | Forfatter | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Kom godt i gang | Introduktion til programmering og værktøjer | Lær de grundlæggende principper bag de fleste programmeringssprog og om software, der hjælper professionelle udviklere med deres arbejde | [Intro til programmeringssprog og værktøjer](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Kom godt i gang | Grundlæggende GitHub, inkluderer samarbejde | Hvordan du bruger GitHub i dit projekt, og hvordan du samarbejder med andre om en kodebase | [Intro til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Kom godt i gang | Tilgængelighed | Lær det grundlæggende om webtilgængelighed | [Grundlæggende tilgængelighed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | JavaScript datatyper | Grundlæggende JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | Funktioner og metoder | Lær om funktioner og metoder til at styre en applikations logik | [Funktioner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher | +| 06 | JS Basics | Beslutningstagning med JS | Lær hvordan du opretter betingelser i din kode ved hjælp af beslutningstagning | [Beslutningstagning](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | Arrays og loops | Arbejd med data ved hjælp af arrays og loops i JavaScript | [Arrays og loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praksis | Byg HTML’en til at skabe et online terrarium med fokus på layout | [Introduktion til HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praksis | Byg CSS’en til at style det online terrarium med fokus på det grundlæggende CSS inklusive at gøre siden responsiv | [Introduktion til CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript closures, DOM-manipulation | Byg JavaScript’en til at gøre terrariet funktionelt som en træk og slip-grænseflade med fokus på closures og 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) | Byg et typespil | Lær hvordan du bruger tastaturhændelser til at drive logikken i din JavaScript-app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Arbejde med browsere | Lær hvordan browsere fungerer, deres historie, og hvordan man skitserer de første elementer i en browserudvidelse | [Om browsere](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Byg et form, kald et API og gem variabler i lokal lagerplads | Byg JavaScript-elementerne i din browserudvidelse til at kalde et API ved brug af variabler gemt i lokal lagerplads | [API'er, formularer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Baggrundsprocesser i browseren, webperformance | Brug browserens baggrundsprocesser til at styre udvidelsens ikon; lær om webperformance og nogle optimeringer for at forbedre | [Baggrundsopgaver og performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Mere avanceret spiludvikling med JavaScript | Lær om arv ved brug af både klasser og sammensætning samt Pub/Sub-mønsteret, som forberedelse til at bygge et spil | [Introduktion til avanceret spiludvikling](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Tegning til canvas | Lær om Canvas API, som bruges til at tegne elementer på en skærm | [Tegning til Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Flyt elementer rundt på skærmen | Opdag hvordan elementer kan få bevægelse ved hjælp af kartesiske koordinater og Canvas API | [Flyt elementer rundt](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisiondetektion | Få elementer til at kollidere og reagere på hinanden via tastetryk og tilføj en cooldown-funktion for at sikre spillets ydeevne | [Kollisiondetektion](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Hold styr på point | Udfør matematiske beregninger baseret på spillets tilstand og performance | [Pointtælling](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Afslutning og genstart af spillet | Lær om hvordan man afslutter og genstarter spillet, inklusive oprydning af assets og nulstilling af variabler | [Afslutningsbetingelsen](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-skabeloner og ruter i en webapp | Lær hvordan man skaber grundstrukturen til en multipage websides arkitektur ved brug af routing og HTML-skabeloner | [HTML-skabeloner og ruter](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Byg en login- og registreringsformular | Lær om at bygge formularer og håndtere valideringsrutiner | [Formularer](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Metoder til at hente og bruge data | Hvordan data flyder ind og ud af din app, hvordan man henter, gemmer og bortskaffer den | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Begreber i state management | Lær hvordan din app opretholder tilstand og administrerer den programmæssigt | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | | 25 | [Browser/VScode Code](../../8-code-editor) | Arbejde med VScode | Lær hvordan man bruger en kodeeditor| [Brug VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Arbejde med AI | Lær hvordan du bygger din egen AI-assistent | [AI Assistant projekt](./9-chat-project/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Arbejde med AI | Lær hvordan du bygger din egen AI-assistent | [AI-assistent projekt](./9-chat-project/README.md) | Chris | ## 🏫 Pædagogik @@ -193,30 +193,30 @@ Vores pensum er designet med to centrale pædagogiske principper i tankerne: * projektbaseret læring * hyppige quizzer -Programmet underviser i grundlæggende JavaScript, HTML og CSS, samt de nyeste værktøjer og teknikker, som nutidens webudviklere bruger. Studerende får mulighed for at opnå praktisk erfaring ved at bygge et typing-spil, virtuelt terrarium, miljøvenlig browser extension, space-invader-stil spil og en bankapp til erhvervslivet. Ved slutningen af serien vil studerende have opnået en solid forståelse af webudvikling. +Programmet underviser i grundlæggende JavaScript, HTML og CSS samt de nyeste værktøjer og teknikker, der anvendes af nutidens webudviklere. Studerende får mulighed for praktisk erfaring ved at bygge et typespil, virtuelt terrarium, miljøvenlig browserudvidelse, space-invader-stil spil og en bankapp til virksomheder. Ved afslutningen af serien vil de studerende have opnået en solid forståelse af webudvikling. -> 🎓 Du kan tage de første par lektioner i dette pensum som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! +> 🎓 Du kan tage de første lektioner i dette pensum som en [Læringssti](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! -Ved at sikre at indholdet stemmer overens med projekter, gøres processen mere engagerende for eleverne og fastholdelse af begreber vil blive øget. Vi har også skrevet flere starterlektioner i JavaScript basics for at introducere begreber, parret med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samlingen af videotutorials, hvor nogle af forfatterne har bidraget til dette pensum. +Ved at sikre, at indholdet stemmer overens med projekter, bliver processen mere engagerende for de studerende, og fastholdelsen af begreber vil blive forbedret. Vi skrev også flere startlektioner i JavaScript-begreber for at introducere koncepter, parret med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samlingen af videotutorials, hvor nogle af forfatterne bidrog til dette pensum. -Derudover sætter en lav-stakes quiz før en lektion elevens fokus mod at lære et emne, mens en anden quiz efter lektionen sikrer yderligere fastholdelse. Dette pensum er designet til at være fleksibelt og sjovt og kan gennemføres helt eller delvist. Projekterne starter småt og bliver gradvist mere komplekse ved slutningen af 12-ugers cyklussen. +Desuden sætter en lavrisiko-quiz før en lektion elevens intention mod at lære et emne, mens en anden quiz efter lektionen sikrer yderligere fastholdelse. Dette pensum er designet til at være fleksibelt og sjovt og kan tages helt eller delvist. Projekterne starter småt og bliver gradvist mere komplekse ved slutningen af den 12-ugers cyklus. -Mens vi bevidst har undgået at introducere JavaScript-rammer for at fokusere på de grundlæggende færdigheder som webudvikler, inden man tager en ramme i brug, vil et godt næste skridt til at fuldføre dette pensum være at lære om Node.js gennem en anden samling af videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Selvom vi bevidst har undgået at introducere JavaScript-rammeværk for at fokusere på de grundlæggende færdigheder, der er nødvendige som webudvikler, før man går videre til et rammeværk, vil et godt næste skridt for at fuldføre dette pensum være at lære om Node.js via en anden samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Besøg vores [Adfærdskodeks](CODE_OF_CONDUCT.md) og [Bidragsvejledning](CONTRIBUTING.md). Vi byder din konstruktive feedback velkommen! +> Besøg vores [Code of Conduct](CODE_OF_CONDUCT.md) og [Contributing](CONTRIBUTING.md) retningslinjer. Vi ser frem til din konstruktive feedback! ## 🧭 Offline adgang -Du kan køre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork dette repo, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskine, og skriv derefter i roden af dette repo `docsify serve`. Hjemmesiden serveres på port 3000 på din localhost: `localhost:3000`. +Du kan køre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork dette repo, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskine, og skriv derefter i rodmappen i dette repo `docsify serve`. Hjemmesiden vil blive serveret på port 3000 på din localhost: `localhost:3000`. ## 📘 PDF En PDF med alle lektionerne kan findes [her](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 Andre Kurser +## 🎒 Andre kurser -Vores team producerer andre kurser! Tjek: +Vores team producerer andre kurser! Tjek dem ud: ### LangChain @@ -233,7 +233,7 @@ Vores team producerer andre kurser! Tjek: --- -### Generativ AI Serie +### Generative AI Serie [![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) @@ -241,7 +241,7 @@ Vores team producerer andre kurser! Tjek: --- -### Core Learning +### Kerne Læring [![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) @@ -258,23 +258,23 @@ Vores team producerer andre kurser! Tjek: [![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) -## Få Hjælp +## Få hjælp -Hvis du sidder fast eller har spørgsmål om at bygge AI-apps, så deltag sammen med andre lærende og erfarne udviklere i diskussioner om MCP. Det er et støttende fællesskab, hvor spørgsmål er velkomne, og viden deles frit. +Hvis du sidder fast eller har spørgsmål om at bygge AI-apps. Deltag sammen med andre elever og erfarne udviklere i diskussioner om MCP. Det er et støttende fællesskab, hvor spørgsmål er velkomne, og viden deles frit. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Hvis du har produktfeedback eller fejl under bygning, besøg: +Hvis du har produktfeedback eller oplever fejl under udvikling, besøg: [![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) ## Licens -Dette depot er licenseret under MIT-licensen. Se filen [LICENSE](../../LICENSE) for mere information. +Dette repository er licenseret under MIT-licensen. Se [LICENSE](../../LICENSE) filen for mere information. --- **Ansvarsfraskrivelse**: -Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det originale dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for misforståelser eller fejltolkninger, der opstår som følge af brugen af denne oversættelse. +Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, bedes du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os ikke ansvar for eventuelle misforståelser eller fejltolkninger, der opstår ved brug af denne oversættelse. \ No newline at end of file diff --git a/translations/da/lesson-template/README.md b/translations/da/lesson-template/README.md index 9573125b0b..7c1746b44a 100644 --- a/translations/da/lesson-template/README.md +++ b/translations/da/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Lektionsemne] +# Lektionsemne -![Indsæt en video her](../../../lesson-template/video-url) +## 🎥 Video -## [Quiz før lektion](../../../lesson-template/quiz-url) +> Tilføj en indlejret video eller link til lektionen her. -[Beskriv hvad vi vil lære] +--- + +## For-forelæsning quiz + +> Tilføj et quizlink her, når det er tilgængeligt. + +--- + +Giv en kort oversigt over, hvad eleverne vil lære i denne lektion. + +--- ### Introduktion -Beskriv hvad der vil blive dækket +Giv en kort introduktion, der beskriver, hvad der vil blive dækket i denne lektion. > Noter +--- + ### Forudsætninger -Hvilke trin skulle være gennemgået før denne lektion? +Liste over begreber eller emner, som eleverne allerede bør være fortrolige med, før de begynder på denne lektion. + +--- ### Forberedelse -Forberedende trin for at starte denne lektion +Liste over eventuelle opsætningstrin eller værktøjer, der kræves, inden lektionen påbegyndes. --- -[Trin gennem indhold i blokke] +### Indhold + +Trin gennem lektionens indhold i strukturerede sektioner. + +--- -## [Emne 1] +## Emne 1 ### Opgave: -Arbejd sammen om gradvist at forbedre jeres kodebase for at bygge projektet med delt kode: +Arbejd sammen for gradvist at forbedre jeres kodebase til at bygge projektet med delt kode: ```html code blocks ``` -✅ Videnscheck - brug dette øjeblik til at udfordre elevernes viden med åbne spørgsmål +✅ Videnstjek +Brug dette øjeblik til at udfordre elevernes viden med åbne spørgsmål. -## [Emne 2] +## Emne 2 +## Emne 3 -## [Emne 3] +🚀 Udfordring +Tilføj en samarbejdsudfordring for eleverne til at forbedre projektet. -🚀 Udfordring: Tilføj en udfordring, som eleverne kan arbejde på i fællesskab i klassen for at forbedre projektet +Valgfrit: Tilføj et screenshot af det færdige lektions UI, hvis det er relevant. -Valgfrit: tilføj et skærmbillede af den færdige lektionens brugergrænseflade, hvis det er relevant +## Efter-forelæsning quiz -## [Quiz efter lektion](../../../lesson-template/quiz-url) +Tilføj et quizlink her efter afslutning af lektionen. -## Gennemgang & Selvstudie +## Gennemgang & Selvstudium -**Opgave afleveres [MM/YY]**: [Opgavenavn](assignment.md) +**Opgave afleveres [MM/ÅÅ]**: [Opgavnavn](assignment.md) --- + **Ansvarsfraskrivelse**: -Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det originale dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi er ikke ansvarlige for eventuelle misforståelser eller fejltolkninger, der opstår som følge af brugen af denne oversættelse. \ No newline at end of file +Dette dokument er oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, bedes du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. Til kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for misforståelser eller fejltolkninger, der opstår som følge af brugen af denne oversættelse. + \ No newline at end of file diff --git a/translations/el/.co-op-translator.json b/translations/el/.co-op-translator.json index 8e470be7aa..2d2eafe939 100644 --- a/translations/el/.co-op-translator.json +++ b/translations/el/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:29:40+00:00", + "translation_date": "2026-04-24T16:46:58+00:00", "source_file": "AGENTS.md", "language_code": "el" }, @@ -516,8 +516,8 @@ "language_code": "el" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:31:49+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T16:13:14+00:00", "source_file": "README.md", "language_code": "el" }, @@ -564,8 +564,8 @@ "language_code": "el" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T23:13:26+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T16:13:29+00:00", "source_file": "lesson-template/README.md", "language_code": "el" }, diff --git a/translations/el/AGENTS.md b/translations/el/AGENTS.md index 6cbbf7f3e0..2c63fe6347 100644 --- a/translations/el/AGENTS.md +++ b/translations/el/AGENTS.md @@ -2,23 +2,23 @@ ## Επισκόπηση Έργου -Αυτό είναι ένα εκπαιδευτικό αποθετήριο προγράμματος σπουδών για τη διδασκαλία των βασικών της ανάπτυξης ιστοσελίδων σε αρχάριους. Το πρόγραμμα σπουδών είναι ένα ολοκληρωμένο μάθημα 12 εβδομάδων που αναπτύχθηκε από τους Microsoft Cloud Advocates, με 24 πρακτικά μαθήματα που καλύπτουν JavaScript, CSS και HTML. +Αυτό είναι ένα εκπαιδευτικό αποθετήριο προγράμματος σπουδών για τη διδασκαλία των βασικών της ανάπτυξης ιστοσελίδων σε αρχάριους. Το πρόγραμμα σπουδών είναι ένα ολοκληρωμένο 12 εβδομάδων μάθημα που αναπτύχθηκε από τους Microsoft Cloud Advocates, με 24 πρακτικά μαθήματα που καλύπτουν JavaScript, CSS και HTML. ### Κύρια Στοιχεία - **Εκπαιδευτικό Περιεχόμενο**: 24 δομημένα μαθήματα οργανωμένα σε μονάδες βασισμένες σε έργα -- **Πρακτικά Έργα**: Terrarium, Παιχνίδι Πληκτρολόγησης, Επέκταση Περιηγητή, Παιχνίδι Διαστήματος, Τραπεζική Εφαρμογή, Κώδικας Επεξεργαστή και Βοηθός Συνομιλίας με Τεχνητή Νοημοσύνη -- **Διαδραστικά Κουίζ**: 48 κουίζ με 3 ερωτήσεις το καθένα (αξιολογήσεις πριν/μετά το μάθημα) -- **Υποστήριξη Πολλαπλών Γλωσσών**: Αυτόματες μεταφράσεις για πάνω από 50 γλώσσες μέσω GitHub Actions -- **Τεχνολογίες**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (για έργα ΤΝ) +- **Πρακτικά Έργα**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor και AI Chat Assistant +- **Διαδραστικά Κουίζ**: 48 κουίζ με 3 ερωτήσεις το καθένα (προ- και μετα-μάθημα αξιολογήσεις) +- **Υποστήριξη Πολλών Γλωσσών**: Αυτόματες μεταφράσεις για 50+ γλώσσες μέσω GitHub Actions +- **Τεχνολογίες**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (για έργα AI) ### Αρχιτεκτονική - Εκπαιδευτικό αποθετήριο με δομή βάσει μαθημάτων -- Οφάκελοι κάθε μαθήματος περιέχουν README, παραδείγματα κώδικα και λύσεις -- Αυτόνομα έργα σε ξεχωριστούς φακέλους (quiz-app, διάφορα έργα μαθημάτων) -- Σύστημα μετάφρασης μέσω GitHub Actions (co-op-translator) -- Τεκμηρίωση διατίθεται μέσω Docsify και ως PDF +- Κάθε φάκελος μαθήματος περιέχει README, παραδείγματα κώδικα και λύσεις +- Αυτόνομα έργα σε ξεχωριστούς καταλόγους (quiz-app, διάφορα έργα μαθημάτων) +- Σύστημα μετάφρασης με χρήση GitHub Actions (co-op-translator) +- Τεκμηρίωση με Docsify και διαθέσιμη ως PDF ## Εντολές Ρύθμισης @@ -41,14 +41,14 @@ npm run build # Δημιουργία για παραγωγή npm run lint # Εκτέλεση ESLint ``` -### API Τραπεζικού Έργου (Node.js + Express) +### API Έργου Τράπεζας (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # Εκκίνηση διακομιστή API -npm run lint # Εκτέλεση ESLint -npm run format # Μορφοποίηση με Prettier +npm start # Ξεκινήστε τον διακομιστή API +npm run lint # Εκτελέστε το ESLint +npm run format # Μορφοποιήστε με το Prettier ``` ### Έργα Επέκτασης Περιηγητή @@ -56,7 +56,7 @@ npm run format # Μορφοποίηση με Prettier ```bash cd 5-browser-extension/solution npm install -# Ακολουθήστε τις οδηγίες φόρτωσης επεκτάσεων που είναι ειδικές για τον περιηγητή +# Ακολουθήστε τις οδηγίες φόρτωσης επεκτάσεων ειδικές για το πρόγραμμα περιήγησης ``` ### Έργα Παιχνιδιού Διαστήματος @@ -64,133 +64,133 @@ npm install ```bash cd 6-space-game/solution npm install -# Ανοίξτε το index.html σε πρόγραμμα περιήγησης ή χρησιμοποιήστε Live Server +# Ανοίξτε το index.html σε πρόγραμμα περιήγησης ή χρησιμοποιήστε το Live Server ``` -### Έργο Συνομιλίας (Backend Python) +### Έργο Chat (Backend Python) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Ορισμός μεταβλητής περιβάλλοντος GITHUB_TOKEN +# Ορίστε τη μεταβλητή περιβάλλοντος GITHUB_TOKEN python api.py ``` ## Ροή Ανάπτυξης -### Για Συνεισφέροντες Περιεχομένου +### Για Συνεργάτες Περιεχομένου -1. **Δημιουργήστε fork** του αποθετηρίου στον λογαριασμό σας στο GitHub -2. **Κλωνοποιήστε το fork** τοπικά -3. **Δημιουργήστε νέο κλαδί** για τις αλλαγές σας -4. Κάντε αλλαγές στο περιεχόμενο των μαθημάτων ή τα παραδείγματα κώδικα -5. Δοκιμάστε τις αλλαγές κώδικα στους αντίστοιχους φακέλους έργων +1. **Φορκάρετε το αποθετήριο** στον λογαριασμό σας στο GitHub +2. **Κλωνοποιήστε το fork σας** τοπικά +3. **Δημιουργήστε νέο branch** για τις αλλαγές σας +4. Κάντε αλλαγές στο περιεχόμενο των μαθημάτων ή στα παραδείγματα κώδικα +5. Δοκιμάστε τις αλλαγές κώδικα στους αντίστοιχους καταλόγους έργων 6. Υποβάλετε pull requests ακολουθώντας τις οδηγίες συνεισφοράς ### Για Μαθητές -1. Κάντε fork ή κλωνοποιήστε το αποθετήριο -2. Πλοηγηθείτε διαδοχικά στους φακέλους των μαθημάτων -3. Διαβάστε τα αρχεία README κάθε μαθήματος -4. Ολοκληρώστε τα προ-μαθήματος κουίζ στο https://ff-quizzes.netlify.app/web/ -5. Επεξεργαστείτε τα παραδείγματα κώδικα στους φακέλους μαθημάτων -6. Ολοκληρώστε εργασίες και προκλήσεις -7. Πραγματοποιήστε τα μετα-μαθήματος κουίζ +1. Φορκάρετε ή κλωνοποιήστε το αποθετήριο +2. Πλοηγηθείτε διαδοχικά στους καταλόγους των μαθημάτων +3. Διαβάστε τα αρχεία README για κάθε μάθημα +4. Ολοκληρώστε τα προ-μάθημα κουίζ στο https://ff-quizzes.netlify.app/web/ +5. Εργαστείτε μέσα από τα παραδείγματα κώδικα στους φακέλους μαθημάτων +6. Ολοκληρώστε τις ασκήσεις και προκλήσεις +7. Κάντε τα μετα-μάθημα κουίζ ### Ζωντανή Ανάπτυξη -- **Τεκμηρίωση**: Εκτελέστε `docsify serve` από τη ρίζα (θύρα 3000) -- **Quiz App**: Εκτελέστε `npm run dev` στον φάκελο quiz-app -- **Έργα**: Χρησιμοποιήστε το Live Server extension του VS Code για έργα HTML -- **API Έργα**: Εκτελέστε `npm start` στους αντίστοιχους φακέλους API +- **Τεκμηρίωση**: Εκτελέστε `docsify serve` στη ρίζα (θύρα 3000) +- **Quiz App**: Εκτελέστε `npm run dev` στον κατάλογο quiz-app +- **Έργα**: Χρησιμοποιήστε την επέκταση Live Server του VS Code για έργα HTML +- **API Έργα**: Εκτελέστε `npm start` στους αντίστοιχους καταλόγους API ## Οδηγίες Δοκιμών -### Δοκιμές Quiz App +### Δοκιμή Quiz App ```bash cd quiz-app -npm run lint # Έλεγχος για θέματα στυλ κώδικα +npm run lint # Έλεγχος για ζητήματα μορφής κώδικα npm run build # Επαλήθευση επιτυχίας κατασκευής ``` -### Δοκιμές Bank API +### Δοκιμή Bank API ```bash cd 7-bank-project/api -npm run lint # Έλεγχος για θέματα στυλ κώδικα -node server.js # Επιβεβαίωση ότι ο διακομιστής ξεκινά χωρίς σφάλματα +npm run lint # Ελέγξτε για προβλήματα στο στυλ κώδικα +node server.js # Επαληθεύστε ότι ο διακομιστής ξεκινά χωρίς σφάλματα ``` ### Γενική Προσέγγιση Δοκιμών -- Πρόκειται για εκπαιδευτικό αποθετήριο χωρίς ολοκληρωμένες αυτοματοποιημένες δοκιμές +- Αυτό είναι εκπαιδευτικό αποθετήριο χωρίς πλήρεις αυτοματοποιημένες δοκιμές - Οι χειροκίνητες δοκιμές εστιάζουν σε: - - Εκτέλεση παραδειγμάτων κώδικα χωρίς σφάλματα - - Οι σύνδεσμοι στην τεκμηρίωση λειτουργούν σωστά - - Οι κατασκευές έργων ολοκληρώνονται επιτυχώς - - Τα παραδείγματα ακολουθούν τις βέλτιστες πρακτικές + - Παράδειγματα κώδικα να εκτελούνται χωρίς σφάλματα + - Οι σύνδεσμοι στην τεκμηρίωση να λειτουργούν σωστά + - Ολοκληρωμένα επιτυχημένα builds έργων + - Παραδείγματα να ακολουθούν καλές πρακτικές ### Έλεγχοι Πριν την Υποβολή -- Εκτελέστε `npm run lint` στους φακέλους με package.json -- Επαληθεύστε ότι οι σύνδεσμοι markdown είναι έγκυροι -- Δοκιμάστε παραδείγματα κώδικα στον περιηγητή ή Node.js -- Ελέγξτε ότι οι μεταφράσεις διατηρούν τη σωστή δομή +- Εκτελέστε `npm run lint` σε καταλόγους με package.json +- Ελέγξτε την εγκυρότητα των συνδέσμων markdown +- Δοκιμάστε παραδείγματα κώδικα σε browser ή Node.js +- Επιβεβαιώστε ότι οι μεταφράσεις διατηρούν τη σωστή δομή ## Οδηγίες Στυλ Κώδικα ### JavaScript -- Χρησιμοποιήστε τον σύγχρονο σύνταξη ES6+ -- Ακολουθήστε τις τυπικές ρυθμίσεις ESLint που παρέχονται στα έργα -- Χρησιμοποιήστε ουσιαστικά ονόματα μεταβλητών και συναρτήσεων για εκπαιδευτική σαφήνεια +- Χρήση μοντέρνας σύνταξης ES6+ +- Ακολουθήστε τις προεπιλεγμένες ρυθμίσεις ESLint των έργων +- Χρησιμοποιήστε περιγραφικά ονόματα μεταβλητών και συναρτήσεων για εκπαιδευτική σαφήνεια - Προσθέστε σχόλια που εξηγούν έννοιες για τους μαθητές -- Μορφοποιήστε με Prettier όπου είναι ρυθμισμένο +- Μορφοποίηση με Prettier όπου είναι ρυθμισμένο ### HTML/CSS -- Σημαντικά στοιχεία HTML5 -- Αρχές σχεδιασμού προσαρμοστικής εμφάνισης (responsive) -- Καθαρούς κανόνες ονοματολογίας κλάσεων -- Σχόλια που εξηγούν τεχνικές CSS για μαθητές +- Σημασιολογικά στοιχεία HTML5 +- Αρχές σχεδίασης responsive +- Καθαρούς κανόνες ονοματοδοσίας κλάσεων +- Σχόλια που εξηγούν τεχνικές CSS για τους μαθητές ### Python -- Χρήση οδηγιών στυλ PEP 8 +- Οδηγίες στυλ PEP 8 - Καθαρά, εκπαιδευτικά παραδείγματα κώδικα -- Χρήση δηλώσεων τύπων όπου βοηθούν στην εκμάθηση +- Τύποι όπου βοηθούν στην εκμάθηση -### Τεκμηρίωση σε Markdown +### Τεκμηρίωση Markdown -- Σαφή ιεραρχία επικεφαλίδων +- Καθαρή ιεραρχία κεφαλίδων - Μπλοκ κώδικα με καθορισμένη γλώσσα -- Σύνδεσμοι για επιπλέον πόρους +- Σύνδεσμοι σε επιπλέον πόρους - Στιγμιότυπα και εικόνες στους φακέλους `images/` -- Εναλλακτικό κείμενο (alt text) για τις εικόνες για προσβασιμότητα +- Εναλλακτικό κείμενο για τις εικόνες για πρόσβαση ### Οργάνωση Αρχείων -- Μαθήματα με αριθμημένη ακολουθία (1-getting-started-lessons, 2-js-basics κ.ά.) +- Μαθήματα αριθμημένα διαδοχικά (1-getting-started-lessons, 2-js-basics, κλπ.) - Κάθε έργο έχει φακέλους `solution/` και συχνά `start/` ή `your-work/` -- Εικόνες φυλαγμένες σε φακέλους `images/` κάθε μαθήματος +- Εικόνες αποθηκεύονται σε φακέλους `images/` ανά μάθημα - Μεταφράσεις σε δομή `translations/{language-code}/` -## Κατασκευή και Ανάπτυξη +## Δημιουργία και Ανάπτυξη ### Ανάπτυξη Quiz App (Azure Static Web Apps) -Το quiz-app είναι ρυθμισμένο για ανάπτυξη σε Azure Static Web Apps: +Το quiz-app έχει ρυθμιστεί για ανάπτυξη Azure Static Web Apps: ```bash cd quiz-app npm run build # Δημιουργεί φάκελο dist/ -# Αναπτύσσει μέσω ροής εργασίας GitHub Actions κατά την ώθηση στο main +# Αναπτύσσει μέσω ροής εργασίας GitHub Actions με ώθηση στο main ``` Ρυθμίσεις Azure Static Web Apps: -- **Τοποθεσία εφαρμογής**: `/quiz-app` -- **Τοποθεσία εξόδου**: `dist` +- **Θέση εφαρμογής**: `/quiz-app` +- **Θέση εξόδου**: `dist` - **Ροή εργασίας**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Δημιουργία PDF Τεκμηρίωσης @@ -200,62 +200,62 @@ npm install # Εγκαταστήστε το docsify-to-pdf npm run convert # Δημιουργία PDF από docs ``` -### Τεκμηρίωση Docsify +### Docsify Τεκμηρίωση ```bash npm install -g docsify-cli # Εγκαταστήστε το Docsify παγκοσμίως -docsify serve # Εκτελέστε στον localhost:3000 +docsify serve # Εξυπηρέτηση στο localhost:3000 ``` -### Κατασκευές ανά Έργο +### Builds Ανά Έργο -Κάθε φάκελος έργου μπορεί να έχει δική του διαδικασία κατασκευής: -- Έργα Vue: `npm run build` δημιουργεί παραγωγικά πακέτα -- Στατικά έργα: Δεν απαιτείται βήμα κατασκευής, σερβίρονται απευθείας τα αρχεία +Κάθε φάκελος έργου μπορεί να έχει δική του διαδικασία build: +- Vue έργα: `npm run build` δημιουργεί bundles παραγωγής +- Στατικά έργα: Δεν υπάρχει βήμα build, σερβίρετε τα αρχεία απευθείας ## Οδηγίες Pull Request ### Μορφή Τίτλου -Χρησιμοποιήστε σαφείς, περιγραφικούς τίτλους που υποδεικνύουν την περιοχή αλλαγής: -- `[Quiz-app] Προσθήκη νέου κουίζ για μάθημα Χ` -- `[Lesson-3] Διόρθωση τυπογραφικού λάθους στο έργο terrarium` +Χρησιμοποιήστε σαφείς, περιγραφικούς τίτλους που υποδεικνύουν το κομμάτι αλλαγής: +- `[Quiz-app] Προσθήκη νέου κουίζ για το μάθημα X` +- `[Lesson-3] Διόρθωση ορθογραφικού λάθους στο έργο terrarium` - `[Translation] Προσθήκη ισπανικής μετάφρασης για το μάθημα 5` - `[Docs] Ενημέρωση οδηγιών ρύθμισης` -### Απαιτούμενοι Έλεγχοι +### Απαραίτητοι Έλεγχοι -Πριν από την υποβολή PR: +Πριν υποβάλετε PR: 1. **Ποιότητα Κώδικα**: - - Εκτελέστε `npm run lint` στους επηρεασμένους φακέλους έργων - - Διορθώστε όλα τα σφάλματα και προειδοποιήσεις linting + - Εκτελέστε `npm run lint` στους επηρεαζόμενους καταλόγους έργων + - Διορθώστε όλα τα λάθη και προειδοποιήσεις lint -2. **Επαλήθευση Κατασκευής**: - - Εκτελέστε `npm run build` εάν ισχύει - - Βεβαιωθείτε ότι δεν υπάρχουν σφάλματα κατασκευής +2. **Επαλήθευση Build**: + - Εκτελέστε `npm run build` όπου εφαρμόζεται + - Βεβαιωθείτε ότι δεν υπάρχουν σφάλματα build -3. **Επαλήθευση Συνδέσμων**: +3. **Επικύρωση Συνδέσμων**: - Δοκιμάστε όλους τους συνδέσμους markdown - - Επαληθεύστε ότι οι αναφορές εικόνων λειτουργούν + - Επιβεβαιώστε ότι οι εικόνες φορτώνουν σωστά -4. **Αναθεώρηση Περιεχομένου**: - - Διόρθωση ορθογραφίας και γραμματικής - - Επιβεβαίωση ότι τα παραδείγματα κώδικα είναι σωστά και εκπαιδευτικά - - Επαλήθευση σωστής διατήρησης νοήματος στις μεταφράσεις +4. **Ανασκόπηση Περιεχομένου**: + - Διορθώστε ορθογραφία και γραμματική + - Βεβαιωθείτε ότι τα παραδείγματα κώδικα είναι σωστά και εκπαιδευτικά + - Επιβεβαιώστε ότι οι μεταφράσεις διατηρούν το αρχικό νόημα ### Απαιτήσεις Συνεισφοράς - Αποδοχή του Microsoft CLA (αυτόματος έλεγχος στην πρώτη PR) -- Ακολουθήστε τον [Κώδικα Συμπεριφοράς Ανοιχτού Κώδικα της Microsoft](https://opensource.microsoft.com/codeofconduct/) -- Διαβάστε το [CONTRIBUTING.md](./CONTRIBUTING.md) για λεπτομερείς οδηγίες -- Αναφέρετε αριθμούς ζητημάτων στην περιγραφή PR αν ισχύει +- Ακολουθήστε τον [Κώδικα Συμπεριφοράς Ανοιχτού Κώδικα Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Δείτε το [CONTRIBUTING.md](./CONTRIBUTING.md) για λεπτομερείς οδηγίες +- Αναφέρετε αριθμούς issue στην περιγραφή PR αν ισχύει -### Διαδικασία Αναθεώρησης +### Διαδικασία Ανασκόπησης -- Οι PR ελέγχονται από συντηρητές και την κοινότητα -- Προτεραιότητα στην εκπαιδευτική σαφήνεια -- Τα παραδείγματα κώδικα να ακολουθούν τις τρέχουσες βέλτιστες πρακτικές +- Οι PR ελέγχονται από διαχειριστές και κοινότητα +- Η εκπαιδευτική σαφήνεια είναι προτεραιότητα +- Τα παραδείγματα κώδικα πρέπει να ακολουθούν τις τρέχουσες βέλτιστες πρακτικές - Οι μεταφράσεις ελέγχονται για ακρίβεια και πολιτισμική καταλληλότητα ## Σύστημα Μετάφρασης @@ -263,20 +263,20 @@ docsify serve # Εκτελέστε στον localhost:3000 ### Αυτόματη Μετάφραση - Χρησιμοποιεί GitHub Actions με ροή εργασίας co-op-translator -- Μεταφράζει σε πάνω από 50 γλώσσες αυτόματα -- Αρχεία πηγής σε κύριους φακέλους -- Τα μεταφρασμένα αρχεία βρίσκονται σε `translations/{language-code}/` +- Μεταφράζει σε 50+ γλώσσες αυτόματα +- Αρχεία προέλευσης στους κύριους καταλόγους +- Μεταφρασμένα αρχεία στους φακέλους `translations/{language-code}/` -### Προσθήκη Χειροκίνητων Βελτιώσεων Μετάφρασης +### Προσθήκη Βελτιώσεων Χειροκίνητης Μετάφρασης -1. Εντοπίστε το αρχείο σε `translations/{language-code}/` +1. Βρείτε το αρχείο σε `translations/{language-code}/` 2. Κάντε βελτιώσεις διατηρώντας τη δομή -3. Εξασφαλίστε ότι τα παραδείγματα κώδικα παραμένουν λειτουργικά -4. Δοκιμάστε όλο το τοπικοποιημένο περιεχόμενο κουίζ +3. Βεβαιωθείτε ότι τα παραδείγματα κώδικα παραμένουν λειτουργικά +4. Δοκιμάστε τυχόν τοπικά κουίζ που έχουν εντοπιστεί ### Μεταδεδομένα Μετάφρασης -Τα μεταφρασμένα αρχεία περιλαμβάνουν κεφαλίδα μεταδεδομένων: +Τα μεταφρασμένα αρχεία περιέχουν κεφαλίδα μεταδεδομένων: ```markdown ``` -## Αντιμετώπιση και Επίλυση Προβλημάτων +## Αποσφαλμάτωση και Επίλυση Προβλημάτων -### Συνήθη Θέματα +### Συχνά Προβλήματα -**Η εφαρμογή Quiz δεν ξεκινά**: +**Το quiz app δεν ξεκινάει**: - Ελέγξτε την έκδοση Node.js (συνιστάται v14+) -- Διαγράψτε `node_modules` και `package-lock.json`, εκτελέστε ξανά `npm install` -- Ελέγξτε για σύγκρουση θυρών (προεπιλογή: Vite χρησιμοποιεί θύρα 5173) +- Διαγράψτε `node_modules` και `package-lock.json`, τρέξτε ξανά `npm install` +- Ελέγξτε για συγκρούσεις θυρών (προεπιλεγμένη: Vite χρησιμοποιεί θύρα 5173) **Ο διακομιστής API δεν ξεκινά**: -- Επαληθεύστε ότι η έκδοση Node.js είναι ≥10 -- Ελέγξτε αν η θύρα είναι ήδη σε χρήση -- Βεβαιωθείτε ότι όλες οι εξαρτήσεις είναι εγκατεστημένες με `npm install` +- Ελέγξτε ότι η έκδοση Node.js είναι >=10 +- Ελέγξτε αν η θύρα χρησιμοποιείται ήδη +- Βεβαιωθείτε ότι έχουν εγκατασταθεί όλες οι εξαρτήσεις με `npm install` **Η επέκταση περιηγητή δεν φορτώνει**: -- Επαληθεύστε ότι το manifest.json είναι σωστά μορφοποιημένο -- Ελέγξτε τα σφάλματα στην κονσόλα περιηγητή -- Ακολουθήστε τις οδηγίες εγκατάστασης για την επέκταση ανά περιηγητή +- Επιβεβαιώστε ότι το manifest.json είναι σωστά διαμορφωμένο +- Ελέγξτε την κονσόλα του browser για σφάλματα +- Ακολουθήστε τις οδηγίες εγκατάστασης της επέκτασης για τον αντίστοιχο browser -**Προβλήματα στο έργο συνομιλίας Python**: +**Προβλήματα έργου chat Python**: - Βεβαιωθείτε ότι το πακέτο OpenAI είναι εγκατεστημένο: `pip install openai` -- Επαληθεύστε ότι το περιβάλλον GITHUB_TOKEN έχει οριστεί +- Ελέγξτε ότι η μεταβλητή περιβάλλοντος GITHUB_TOKEN είναι ορισμένη - Ελέγξτε τα δικαιώματα πρόσβασης στα GitHub Models -**Η Docsify δεν σερβίρει τεκμηρίωση**: +**Docsify δεν σερβίρει τεκμηρίωση**: - Εγκαταστήστε docsify-cli παγκοσμίως: `npm install -g docsify-cli` -- Εκτελέστε από την ρίζα του αποθετηρίου -- Ελέγξτε ότι υπάρχει το αρχείο `docs/_sidebar.md` +- Τρέξτε από το ριζικό κατάλογο του αποθετηρίου +- Βεβαιωθείτε ότι το `docs/_sidebar.md` υπάρχει ### Συμβουλές Περιβάλλοντος Ανάπτυξης -- Χρησιμοποιήστε VS Code με το Live Server extension για έργα HTML -- Εγκαταστήστε τις επεκτάσεις ESLint και Prettier για ομοιόμορφη μορφοποίηση -- Χρησιμοποιήστε τα DevTools του περιηγητή για αποσφαλμάτωση JavaScript -- Για έργα Vue, εγκαταστήστε την επέκταση Vue DevTools για περιηγητές +- Χρησιμοποιήστε VS Code με την επέκταση Live Server για έργα HTML +- Εγκαταστήστε τις επεκτάσεις ESLint και Prettier για συνεπή μορφοποίηση +- Χρησιμοποιήστε τα DevTools του browser για αποσφαλμάτωση JavaScript +- Για έργα Vue, εγκαταστήστε την επέκταση Vue DevTools του browser ### Θέματα Απόδοσης -- Ο μεγάλος αριθμός μεταφρασμένων αρχείων (50+ γλώσσες) κάνει τα πλήρη κλωνοποιημένα αρχεία μεγάλα -- Χρησιμοποιήστε επιφανειακό κλώνο αν εργάζεστε μόνο με το περιεχόμενο: `git clone --depth 1` -- Εξαιρέστε τις μεταφράσεις από αναζητήσεις όταν δουλεύετε σε αγγλικό περιεχόμενο -- Οι διαδικασίες κατασκευής μπορεί να είναι αργές στην πρώτη εκτέλεση (npm install, κατασκευή Vite) +- Μεγάλος αριθμός μεταφρασμένων αρχείων (50+ γλώσσες) σημαίνει μεγάλα ολοκληρωτικά κλώνους +- Χρησιμοποιήστε ρηχό κλώνο αν εργάζεστε μόνο με περιεχόμενο: `git clone --depth 1` +- Αποκλείστε τις μεταφράσεις από τις αναζητήσεις όταν εργάζεστε με αγγλικό περιεχόμενο +- Οι διαδικασίες build μπορεί να είναι αργές στην πρώτη εκτέλεση (npm install, Vite build) ## Θέματα Ασφαλείας ### Μεταβλητές Περιβάλλοντος -- Τα κλειδιά API δεν πρέπει ποτέ να αποθηκεύονται στο αποθετήριο +- Τα κλειδιά API δεν πρέπει ποτέ να δεσμεύονται στο αποθετήριο - Χρησιμοποιήστε αρχεία `.env` (ήδη στο `.gitignore`) -- Καταγράψτε τις απαιτούμενες μεταβλητές περιβάλλοντος στα README των έργων +- Τεκμηριώστε τις απαιτούμενες μεταβλητές περιβάλλοντος στα README των έργων ### Έργα Python - Χρησιμοποιήστε εικονικά περιβάλλοντα: `python -m venv venv` -- Διατηρήστε τις εξαρτήσεις ενημερωμένες -- Τα GitHub tokens πρέπει να έχουν τα ελάχιστα απαιτούμενα δικαιώματα +- Κρατήστε ενημερωμένες τις εξαρτήσεις +- Τα tokens GitHub πρέπει να έχουν ελάχιστα απαιτούμενα δικαιώματα ### Πρόσβαση σε GitHub Models - Απαιτούνται Personal Access Tokens (PAT) για GitHub Models -- Τα tokens πρέπει να αποθηκεύονται ως μεταβλητές περιβάλλοντος -- Ποτέ μην αποθηκεύετε tokens ή διαπιστευτήρια στο αποθετήριο +- Τα tokens να αποθηκεύονται ως μεταβλητές περιβάλλοντος +- Ποτέ μη δεσμεύετε tokens ή διαπιστευτήρια στον κώδικα ## Πρόσθετες Σημειώσεις ### Στόχος Κοινού - Απόλυτα αρχάριοι στην ανάπτυξη ιστοσελίδων -- Φοιτητές και αυτοδίδακτοι -- Εκπαιδευτικοί που χρησιμοποιούν το πρόγραμμα στην τάξη +- Μαθητές και αυτοδίδακτοι +- Καθηγητές που χρησιμοποιούν το πρόγραμμα σε τάξεις - Το περιεχόμενο σχεδιάστηκε για προσβασιμότητα και σταδιακή ανάπτυξη δεξιοτήτων ### Εκπαιδευτική Φιλοσοφία - Προσέγγιση μάθησης βασισμένη σε έργα -- Συχνές αξιολογήσεις γνώσεων (κουίζ) -- Πρακτικές ασκήσεις κωδικοποίησης +- Συχνές επαληθεύσεις γνώσης (κουίζ) +- Πρακτικές ασκήσεις κώδικα - Παραδείγματα εφαρμογών πραγματικού κόσμου -- Εστίαση στα βασικά πριν τα frameworks +- Εστίαση στα θεμελιώδη πριν τα πλαίσια εργασίας -### Διαχείριση Αποθετηρίου +### Συντήρηση Αποθετηρίου -- Ενεργή κοινότητα μαθητών και συνεισφερόντων +- Ενεργή κοινότητα μαθητών και συνεργατών - Τακτικές ενημερώσεις εξαρτήσεων και περιεχομένου -- Παρακολούθηση ζητημάτων και συζητήσεων από συντηρητές -- Αυτοματοποιημένες ενημερώσεις μεταφράσεων μέσω GitHub Actions +- Παρακολούθηση ζητημάτων και συζητήσεων από διαχειριστές +- Αυτόματες ενημερώσεις μεταφράσεων μέσω GitHub Actions ### Σχετικοί Πόροι -- [Μονάδες Microsoft Learn](https://docs.microsoft.com/learn/) -- [Πόροι Student Hub](https://docs.microsoft.com/learn/student-hub/) +- [Microsoft Learn modules](https://docs.microsoft.com/learn/) +- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) συνιστάται για μαθητές -- Πρόσθετα μαθήματα: Γενετική ΤΝ, Επιστήμη Δεδομένων, ML, IoT διαθέσιμα +- Επιπλέον μαθήματα: Generative AI, Data Science, ML, IoT διαθέσιμα προγράμματα σπουδών ### Εργασία με Συγκεκριμένα Έργα -Για λεπτομερείς οδηγίες για κάθε έργο, ανατρέξτε στα README αρχεία: -- `quiz-app/README.md` - Εφαρμογή quiz Vue 3 -- `7-bank-project/README.md` - Τραπεζική εφαρμογή με ταυτοποίηση +Για αναλυτικές οδηγίες σε μεμονωμένα έργα, ανατρέξτε στα αρχεία README: +- `quiz-app/README.md` - Εφαρμογή κουίζ Vue 3 +- `7-bank-project/README.md` - Εφαρμογή τραπεζικού συστήματος με αυθεντικοποίηση - `5-browser-extension/README.md` - Ανάπτυξη επέκτασης περιηγητή -- `6-space-game/README.md` - Ανάπτυξη παιχνιδιού με καμβά -- `9-chat-project/README.md` - Έργο βοηθού συνομιλίας με ΤΝ +- `6-space-game/README.md` - Ανάπτυξη παιχνιδιού καμβά +- `9-chat-project/README.md` - Έργο βοηθού συνομιλίας AI -### Δομή Monorepo +### Δομή Μονό-αποθετηρίου (Monorepo) -Αν και δεν είναι παραδοσιακό monorepo, αυτό το αποθετήριο περιέχει πολλαπλά ανεξάρτητα έργα: +Παρότι δεν είναι παραδοσιακό monorepo, αυτό το αποθετήριο περιέχει πολλαπλά ανεξάρτητα έργα: - Κάθε μάθημα είναι αυτόνομο - Τα έργα δεν μοιράζονται εξαρτήσεις -- Εργαστείτε σε μεμονωμένα έργα χωρίς να επηρεάζετε τα άλλα -- Κλωνοποιήστε ολόκληρο το αποθετήριο για πλήρη εμπειρία προγράμματος σπουδών +- Εργαστείτε σε μεμονωμένα έργα χωρίς να επηρεάζετε άλλα +- Κλωνοποιήστε ολόκληρο το αποθετήριο για την πλήρη εμπειρία προγράμματος σπουδών --- -**Αποποίηση ευθυνών**: -Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που προσπαθούμε για ακρίβεια, παρακαλούμε να γνωρίζετε ότι οι αυτοματοποιημένες μεταφράσεις μπορεί να περιέχουν σφάλματα ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για οποιεσδήποτε παρερμηνείες ή παρανοήσεις προκύψουν από τη χρήση αυτής της μετάφρασης. +**Αποποίηση ευθύνης**: +Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλλουμε προσπάθεια για ακρίβεια, παρακαλούμε λάβετε υπόψη ότι οι αυτόματες μεταφράσεις μπορεί να περιέχουν σφάλματα ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα πρέπει να θεωρείται η έγκυρη πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για οποιεσδήποτε παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. \ No newline at end of file diff --git a/translations/el/README.md b/translations/el/README.md index e7d5ddf19c..abf5c0d8f4 100644 --- a/translations/el/README.md +++ b/translations/el/README.md @@ -12,16 +12,16 @@ # Ανάπτυξη Ιστοσελίδων για Αρχάριους - Ένα Πρόγραμμα Σπουδών -Μάθετε τα βασικά της ανάπτυξης ιστοσελίδων με το ολοκληρωμένο μας μάθημα διάρκειας 12 εβδομάδων από τους Microsoft Cloud Advocates. Κάθε ένα από τα 24 μαθήματα εμβαθύνει σε JavaScript, CSS και HTML μέσα από πρακτικά έργα όπως τεράριουμ, επεκτάσεις προγράμματος περιήγησης και διαστημικά παιχνίδια. Ασχοληθείτε με κουίζ, συζητήσεις και πρακτικές εργασίες. Βελτιώστε τις δεξιότητές σας και βελτιστοποιήστε την απορρόφηση γνώσεων με τη στοχευμένη μας παιδαγωγική βασισμένη σε έργα. Ξεκινήστε το ταξίδι σας στον κώδικα σήμερα! +Μάθετε τα βασικά της ανάπτυξης ιστοσελίδων με το ολοκληρωμένο πρόγραμμα των 12 εβδομάδων από τους Microsoft Cloud Advocates. Κάθε ένα από τα 24 μαθήματα εμβαθύνει σε JavaScript, CSS και HTML μέσα από πρακτικά έργα όπως τεραριούμια, επεκτάσεις browser και διαστημικά παιχνίδια. Συμμετέχετε σε κουίζ, συζητήσεις, και πρακτικές εργασίες. Αναβαθμίστε τις δεξιότητές σας και βελτιώστε την απόκτηση γνώσεων με τη μεθοδολογία μας βάσει έργων. Ξεκινήστε το ταξίδι του προγραμματισμού σας σήμερα! -Γίνετε μέλος της κοινότητας Azure AI Foundry στο Discord +Εγγραφείτε στο Discord του Azure AI Foundry και γνωρίστε ειδικούς και άλλους προγραμματιστές. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ακολουθήστε αυτά τα βήματα για να ξεκινήσετε με αυτούς τους πόρους: -1. **Δημιουργήστε Fork στο Αποθετήριο**: Πατήστε [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Κλωνοποιήστε το Αποθετήριο**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Γίνετε μέλος του Azure AI Foundry Discord και γνωρίστε ειδικούς και άλλους προγραμματιστές**](https://discord.com/invite/ByRwuEEgH4) +Ακολουθήστε αυτά τα βήματα για να ξεκινήσετε να χρησιμοποιείτε αυτούς τους πόρους: +1. **Δημιουργήστε Fork το Αποθετήριο**: Κάντε κλικ στο [![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. **Κατεβάστε το Αποθετήριο (Clone)**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Εγγραφείτε στο Discord του Azure AI Foundry και γνωρίστε ειδικούς και άλλους προγραμματιστές**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Υποστήριξη Πολλών Γλωσσών @@ -30,9 +30,9 @@ [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](./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) | [Khmer](../km/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](../es/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) -> **Προτιμάτε να Κλωνοποιήσετε τοπικά;** +> **Προτιμάτε να Κατεβάσετε τοπικά (Clone);** > -> Αυτό το αποθετήριο περιλαμβάνει πάνω από 50 μεταφράσεις που αυξάνουν σημαντικά το μέγεθος λήψης. Για κλωνοποίηση χωρίς μεταφράσεις, χρησιμοποιήστε sparse checkout: +> Αυτό το αποθετήριο περιλαμβάνει πάνω από 50 μεταφράσεις γλωσσών που αυξάνουν σημαντικά το μέγεθος λήψης. Για να κατεβάσετε χωρίς μεταφράσεις, χρησιμοποιήστε sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,95 +48,95 @@ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Αυτό σας δίνει όλα όσα χρειάζεστε για να ολοκληρώσετε το μάθημα με πολύ πιο γρήγορη λήψη. +> Αυτό σας παρέχει ό,τι χρειάζεστε για να ολοκληρώσετε το μάθημα με πολύ πιο γρήγορη λήψη. -**Εάν επιθυμείτε να προστεθούν επιπλέον γλώσσες μετάφρασης, οι υποστηριζόμενες γλώσσες αναφέρονται [εδώ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Αν επιθυμείτε να έχετε επιπλέον μεταφράσεις, οι υποστηριζόμενες γλώσσες είναι καταγεγραμμένες εδώ. [εδώ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Είσαι φοιτητής;_ -Επισκεφθείτε τη σελίδα [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) όπου θα βρείτε πόρους για αρχάριους, πακέτα για φοιτητές και ακόμη τρόπους να αποκτήσετε δωρεάν κουπόνι πιστοποίησης. Αυτή είναι η σελίδα που αξίζει να αποθηκεύσετε στα αγαπημένα και να ελέγχετε τακτικά καθώς ανανεώνουμε το περιεχόμενο κάθε μήνα. +Επισκεφτείτε τη [**Σελίδα Φοιτητών (Student Hub)**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) όπου θα βρείτε πόρους για αρχάριους, πακέτα για φοιτητές και τρόπους να αποκτήσετε δωρεάν εκπαιδευτικό κουπόνι πιστοποίησης. Αυτή είναι η σελίδα που πρέπει να αποθηκεύσετε για να την ελέγχετε τακτικά καθώς ανανεώνουμε το περιεχόμενο μηνιαίως. -### 📣 Ανακοίνωση - Νέες Προκλήσεις λειτουργίας GitHub Copilot Agent για ολοκλήρωση! +### 📣 Ανακοίνωση - Νέες προκλήσεις κατάστασης GitHub Copilot Agent για ολοκλήρωση! -Προστέθηκε νέα Πρόκληση, αναζητήστε "GitHub Copilot Agent Challenge 🚀" στις περισσότερες ενότητες. Πρόκειται για νέα πρόκληση για να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και τη λειτουργία Agent. Αν δεν έχετε χρησιμοποιήσει τη λειτουργία Agent πριν, αυτή μπορεί όχι μόνο να δημιουργεί κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και άλλα. +Προστέθηκε νέα πρόκληση, αναζητήστε "GitHub Copilot Agent Challenge 🚀" στις περισσότερες ενότητες. Πρόκειται για μια νέα πρόκληση για να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και τη λειτουργία Agent. Αν δεν έχετε ξαναχρησιμοποιήσει τη λειτουργία Agent, μπορεί όχι μόνο να παράγει κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και περισσότερα. -### 📣 Ανακοίνωση - _Νέο Έργο για δημιουργία με τη χρήση Γενετικής Τεχνητής Νοημοσύνης_ +### 📣 Ανακοίνωση - _Νέο έργο για κατασκευή με τη χρήση Generative AI_ -Μόλις προστέθηκε νέο έργο AI Assistant, ρίξτε μια ματιά στο [έργο](./9-chat-project/README.md) +Προστέθηκε νέο έργο Βοηθού AI, δείτε το [έργο](./9-chat-project/README.md) -### 📣 Ανακοίνωση - _Νέο Πρόγραμμα Σπουδών_ για Γενετική Τεχνητή Νοημοσύνη για JavaScript μόλις κυκλοφόρησε +### 📣 Ανακοίνωση - _Νέο Πρόγραμμα Σπουδών_ για Generative AI με JavaScript μόλις κυκλοφόρησε -Μην χάσετε το νέο μας πρόγραμμα Γενετικής Τεχνητής Νοημοσύνης! +Μην χάσετε το νέο μας πρόγραμμα σπουδών για Generative AI! -Επισκεφθείτε [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε! +Επισκεφθείτε το [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε! ![Background](../../translated_images/el/background.148a8d43afde5730.webp) -- Μαθήματα που καλύπτουν τα πάντα από τα βασικά έως RAG. -- Αλληλεπιδράστε με ιστορικούς χαρακτήρες χρησιμοποιώντας το GenAI και την εφαρμογή συνοδός μας. -- Διασκεδαστική και συναρπαστική αφήγηση, θα ταξιδεύετε στο χρόνο! +- Μαθήματα που καλύπτουν τα πάντα από τα βασικά μέχρι RAG. +- Αλληλεπιδράστε με ιστορικούς χαρακτήρες με χρήση GenAI και της συνοδευτικής εφαρμογής μας. +- Διασκεδαστική και ελκυστική αφήγηση, ταξιδεύετε στο χρόνο! ![character](../../translated_images/el/character.5c0dd8e067ffd693.webp) -Κάθε μάθημα περιλαμβάνει μια εργασία για ολοκλήρωση, έναν έλεγχο γνώσεων και μια πρόκληση που θα σας καθοδηγήσει στην εκμάθηση θεμάτων όπως: -- Δημιουργία προτροπών και τεχνική prompt engineering +Κάθε μάθημα περιλαμβάνει μια εργασία για ολοκλήρωση, έναν έλεγχο γνώσεων και μια πρόκληση για να σας καθοδηγήσει σε θέματα όπως: +- Prompting και prompt engineering - Δημιουργία εφαρμογών κειμένου και εικόνας - Εφαρμογές αναζήτησης -Επισκεφθείτε [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε! +Επισκεφτείτε το [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε! ## 🌱 Ξεκινώντας -> **Καθηγητές**, έχουμε [συμπεριλάβει κάποιες προτάσεις](for-teachers.md) για το πώς να χρησιμοποιήσετε αυτό το πρόγραμμα σπουδών. Θα εκτιμούσαμε τα σχόλιά σας [στο φόρουμ συζητήσεων](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Καθηγητές**, έχουμε [συμπεριλάβει ορισμένες προτάσεις](for-teachers.md) για το πώς να χρησιμοποιήσετε αυτό το πρόγραμμα σπουδών. Θα θέλαμε να λάβουμε τα σχόλιά σας [στο φόρουμ συζήτησης](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Μαθητές](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, για κάθε μάθημα, ξεκινήστε με ένα προ-μάθημα κουίζ και συνεχίστε διαβάζοντας το υλικό, ολοκληρώνοντας τις διάφορες δραστηριότητες και ελέγχοντας την κατανόησή σας με το κουίζ μετά το μάθημα. +**[Μαθητές](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, για κάθε μάθημα, ξεκινήστε με ένα κουίζ πριν από τη διάλεξη και συνεχίστε με την ανάγνωση του υλικού διάλεξης, την ολοκλήρωση των διαφόρων δραστηριοτήτων και ελέγξτε την κατανόησή σας με το κουίζ μετά τη διάλεξη. -Για να βελτιώσετε την εκπαιδευτική σας εμπειρία, συνδεθείτε με τους συναδέλφους σας για να δουλέψετε μαζί στα έργα! Οι συζητήσεις ενθαρρύνονται στο [φόρουμ συζητήσεών μας](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) όπου η ομάδα των συντονιστών μας θα είναι διαθέσιμη να απαντήσει στις ερωτήσεις σας. +Για να ενισχύσετε την εμπειρία μάθησής σας, συνδεθείτε με τους συμφοιτητές σας για να δουλέψετε τα έργα από κοινού! Η συζήτηση ενθαρρύνεται στο [φόρουμ συζήτησής μας](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) όπου η ομάδα των μεσαζόντων μας θα είναι διαθέσιμη να απαντήσει στις ερωτήσεις σας. -Για περαιτέρω εκπαίδευση, προτείνουμε ανεπιφύλακτα να εξερευνήσετε το [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) για επιπλέον εκπαιδευτικό υλικό. +Για περαιτέρω εκπαίδευση, συνιστούμε έντονα να εξερευνήσετε το [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) για επιπλέον υλικά μελέτης. -### 📋 Ρύθμιση του περιβάλλοντος εργασίας σας +### 📋 Ρύθμιση του περιβάλλοντός σας -Αυτό το πρόγραμμα έχει ένα έτοιμο περιβάλλον ανάπτυξης! Καθώς ξεκινάτε, μπορείτε να επιλέξετε να τρέξετε το πρόγραμμα σε ένα [Codespace](https://github.com/features/codespaces/) (_ένα περιβάλλον βασισμένο σε πρόγραμμα περιήγησης, χωρίς να χρειάζεται εγκατάσταση_), ή τοπικά στον υπολογιστή σας χρησιμοποιώντας ένα επεξεργαστή κειμένου όπως το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Αυτό το πρόγραμμα σπουδών διαθέτει έτοιμο περιβάλλον ανάπτυξης! Καθώς ξεκινάτε, μπορείτε να επιλέξετε να τρέξετε το πρόγραμμα σε [Codespace](https://github.com/features/codespaces/) (_ένα περιβάλλον βασισμένο σε browser χωρίς ανάγκη εγκαταστάσεων_), ή τοπικά στον υπολογιστή σας χρησιμοποιώντας έναν επεξεργαστή κειμένου όπως το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Δημιουργήστε το αποθετήριό σας -Για να αποθηκεύετε εύκολα τη δουλειά σας, συνιστάται να δημιουργήσετε το δικό σας αντίγραφο αυτού του αποθετηρίου. Μπορείτε να το κάνετε πατώντας το κουμπί **Use this template** στην κορυφή της σελίδας. Αυτό θα δημιουργήσει ένα νέο αποθετήριο στον λογαριασμό σας GitHub με ένα αντίγραφο του προγράμματος σπουδών. +Για να αποθηκεύετε εύκολα τη δουλειά σας, συνιστάται να δημιουργήσετε το δικό σας αντίγραφο αυτού του αποθετηρίου. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί **Use this template** στην κορυφή της σελίδας. Αυτό θα δημιουργήσει ένα νέο αποθετήριο στον λογαριασμό σας στο GitHub με ένα αντίγραφο του προγράμματος σπουδών. Ακολουθήστε αυτά τα βήματα: -1. **Δημιουργήστε Fork στο Αποθετήριο**: Πατήστε το κουμπί "Fork" στην πάνω δεξιά γωνία αυτής της σελίδας. -2. **Κλωνοποιήστε το Αποθετήριο**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Δημιουργήστε Fork το Αποθετήριο**: Κάντε κλικ στο κουμπί "Fork" στην πάνω δεξιά γωνία αυτής της σελίδας. +2. **Κατεβάστε το Αποθετήριο (Clone)**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Εκτέλεση του προγράμματος σε Codespace +#### Τρέξιμο του προγράμματος σπουδών σε Codespace -Στο αντίγραφό σας αυτού του αποθετηρίου που δημιουργήσατε, πατήστε το κουμπί **Code** και επιλέξτε **Open with Codespaces**. Αυτό θα δημιουργήσει ένα νέο Codespace για να δουλέψετε μέσα. +Στο αντίγραφο αυτού του αποθετηρίου που δημιουργήσατε, πατήστε το κουμπί **Code** και επιλέξτε **Open with Codespaces**. Αυτό θα δημιουργήσει ένα νέο Codespace για να εργαστείτε μέσα. ![Codespace](../../translated_images/el/createcodespace.0238bbf4d7a8d955.webp) -#### Εκτέλεση του προγράμματος τοπικά στον υπολογιστή σας +#### Τρέξιμο του προγράμματος τοπικά στον υπολογιστή σας -Για να τρέξετε το πρόγραμμα τοπικά στον υπολογιστή σας, θα χρειαστείτε έναν επεξεργαστή κειμένου, ένα πρόγραμμα περιήγησης και ένα εργαλείο γραμμής εντολών. Το πρώτο μας μάθημα, [Εισαγωγή στις Γλώσσες Προγραμματισμού και Εργαλεία του Επαγγέλματος](../../1-getting-started-lessons/1-intro-to-programming-languages), θα σας καθοδηγήσει μέσα από τις διάφορες επιλογές κάθε εργαλείου ώστε να επιλέξετε τι ταιριάζει καλύτερα σε εσάς. +Για να τρέξετε αυτό το πρόγραμμα τοπικά στον υπολογιστή σας, θα χρειαστείτε έναν επεξεργαστή κειμένου, έναν περιηγητή (browser) και ένα εργαλείο γραμμής εντολών. Το πρώτο μας μάθημα, [Εισαγωγή στις Γλώσσες Προγραμματισμού και Εργαλεία](../../1-getting-started-lessons/1-intro-to-programming-languages), θα σας καθοδηγήσει μέσα από διάφορες επιλογές για κάθε ένα από αυτά τα εργαλεία ώστε να επιλέξετε τι λειτουργεί καλύτερα για εσάς. -Η πρότασή μας είναι να χρησιμοποιήσετε το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ως τον επεξεργαστή σας, που διαθέτει επίσης ενσωματωμένο [Τερματικό](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Μπορείτε να κατεβάσετε το Visual Studio Code [εδώ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Αντιγράψτε το αποθετήριο σας στον υπολογιστή σας. Μπορείτε να το κάνετε αυτό πατώντας το κουμπί **Code** και αντιγράφοντας το URL: +Η σύστασή μας είναι να χρησιμοποιήσετε το [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ως επεξεργαστή, που διαθέτει επίσης ενσωματωμένο [Τερματικό](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Μπορείτε να κατεβάσετε το Visual Studio Code [εδώ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Κλωνοποιήστε το αποθετήριο σας στον υπολογιστή σας. Μπορείτε να το κάνετε πατώντας το κουμπί **Code** και αντιγράφοντας το URL: [CodeSpace](./images/createcodespace.png) - Στη συνέχεια, ανοίξτε το [Τερματικό](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) μέσα στο [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) και εκτελέστε την παρακάτω εντολή, αντικαθιστώντας το `` με το URL που μόλις αντιγράψατε: + Στη συνέχεια, ανοίξτε το [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) μέσα στο [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) και εκτελέστε την παρακάτω εντολή, αντικαθιστώντας το `` με το URL που μόλις αντιγράψατε: ```bash git clone ``` -2. Ανοίξτε το φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε αυτό πατώντας **File** > **Open Folder** και επιλέγοντας το φάκελο που μόλις αντιγράψατε. +2. Ανοίξτε τον φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε πατώντας **File** > **Open Folder** και επιλέγοντας τον φάκελο που μόλις κλωνοποιήσατε. -> Προτεινόμενες επεκτάσεις για το Visual Studio Code: +> Συνιστώμενες επεκτάσεις Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - για προεπισκόπηση σελίδων HTML μέσα στο Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - για να σας βοηθά να γράφετε κώδικα πιο γρήγορα @@ -145,78 +145,78 @@ - προαιρετικό σκίτσο - προαιρετικό συμπληρωματικό βίντεο -- προθέρμανση με quiz πριν το μάθημα +- προθέρμανση πριν το μάθημα με κουίζ - γραπτό μάθημα -- για μαθήματα με έργα, οδηγούς βήμα-βήμα για το πώς να φτιάξετε το έργο +- για μαθήματα βασισμένα σε έργο, βήμα-βήμα οδηγίες για την κατασκευή του έργου - ελέγχους γνώσης - μια πρόκληση - συμπληρωματική ανάγνωση -- ανάθεση εργασίας -- [quiz μετά το μάθημα](https://ff-quizzes.netlify.app/web/) +- εργασία +- [μετα-μάθημα κουίζ](https://ff-quizzes.netlify.app/web/) -> **Μια σημείωση για τα quiz**: Όλα τα quiz περιέχονται στον φάκελο Quiz-app, συνολικά 48 quiz με τρεις ερωτήσεις το καθένα. Είναι διαθέσιμα [εδώ](https://ff-quizzes.netlify.app/web/) και η εφαρμογή quiz μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στον φάκελο `quiz-app`. +> **Σημείωση σχετικά με τα κουίζ**: Όλα τα κουίζ βρίσκονται στον φάκελο Quiz-app, 48 συνολικά κουίζ με τρεις ερωτήσεις το καθένα. Είναι διαθέσιμα [εδώ](https://ff-quizzes.netlify.app/web/) eta εφαρμογή κουίζ μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στον φάκελο `quiz-app`. ## 🗃️ Μαθήματα -| | Όνομα Έργου | Διδακτικές Έννοιες | Στόχοι Μάθησης | Συνδεδεμένο Μάθημα | Συγγραφέας | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Ξεκινώντας | Εισαγωγή στον Προγραμματισμό και τα Εργαλεία της Επαγγελματίας | Μάθετε τις βασικές αρχές που διέπουν τις περισσότερες γλώσσες προγραμματισμού και για το λογισμικό που βοηθά τους επαγγελματίες προγραμματιστές να κάνουν τη δουλειά τους | [Εισαγωγή στις Γλώσσες Προγραμματισμού και Εργαλεία](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Ξεκινώντας | Βασικά του GitHub, περιλαμβάνει συνεργασία με ομάδα | Πώς να χρησιμοποιείτε το GitHub στο έργο σας και πώς να συνεργάζεστε με άλλους σε μια βάση κώδικα | [Εισαγωγή στο GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Ξεκινώντας | Προσβασιμότητα | Μάθετε τα βασικά της προσβασιμότητας στο διαδίκτυο | [Βασικά Προσβασιμότητας](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Βασικά JS | Τύποι Δεδομένων JavaScript | Τα βασικά για τους τύπους δεδομένων στη JavaScript | [Τύποι Δεδομένων](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Βασικά JS | Συναρτήσεις και Μέθοδοι | Μάθετε για συναρτήσεις και μεθόδους για τη διαχείριση της ροής λογικής μιας εφαρμογής | [Συναρτήσεις και Μέθοδοι](./2-js-basics/2-functions-methods/README.md) | Jasmine και Christopher | -| 06 | Βασικά JS | Λήψη Αποφάσεων με JS | Μάθετε πώς να δημιουργείτε συνθήκες στον κώδικα σας χρησιμοποιώντας μεθόδους λήψης αποφάσεων | [Λήψη Αποφάσεων](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Βασικά JS | Πίνακες και Βρόχοι | Εργαστείτε με δεδομένα χρησιμοποιώντας πίνακες και βρόχους στη JavaScript | [Πίνακες και Βρόχοι](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML στην Πράξη | Δημιουργήστε το HTML για να φτιάξετε ένα διαδικτυακό terrarium, εστιάζοντας στη δημιουργία διάταξης | [Εισαγωγή στο HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS στην Πράξη | Δημιουργήστε το CSS για να στυλιζάρετε το διαδικτυακό terrarium, εστιάζοντας στα βασικά του CSS και το responsive design | [Εισαγωγή στο CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Κλεισίματα JavaScript, χειρισμός DOM | Δημιουργήστε το JavaScript ώστε το terrarium να λειτουργεί με drag/drop interface, εστιάζοντας στα closures και χειρισμό DOM | [Κλεισίματα JavaScript, χειρισμός DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Παιχνίδι Πληκτρολόγησης](./4-typing-game/solution/README.md) | Δημιουργία Παιχνιδιού Πληκτρολόγησης | Μάθετε πώς να χρησιμοποιείτε συμβάντα πληκτρολογίου για να καθοδηγήσετε τη λογική της εφαρμογής JavaScript σας | [Προγραμματισμός με συμβάντα](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) | Εργασία με Περιηγητές | Μάθετε πώς λειτουργούν οι περιηγητές, την ιστορία τους, και πώς να στήσετε τα πρώτα στοιχεία μιας επέκτασης περιηγητή | [Σχετικά με τους Περιηγητές](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) | Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών τοπικά | Δημιουργήστε τα JavaScript στοιχεία της επέκτασης περιηγητή σας για να καλέσετε ένα API χρησιμοποιώντας μεταβλητές αποθηκευμένες τοπικά | [APIs, Φόρμες και Τοπική Αποθήκευση](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) | Παρασκηνιακές διεργασίες στον περιηγητή, απόδοση στο web | Χρησιμοποιήστε τις παρασκηνιακές διεργασίες του περιηγητή για να διαχειριστείτε το εικονίδιο της επέκτασης· μάθετε για την απόδοση και βελτιστοποιήσεις | [Παρασκηνιακές Εργασίες και Απόδοση](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Προχωρημένη Ανάπτυξη Παιχνιδιού με JavaScript | Μάθετε για την κληρονομικότητα μέσω Κλάσεων και Σύνθεσης καθώς και το μοτίβο Pub/Sub, προετοιμαζόμενοι για ανάπτυξη παιχνιδιού | [Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιού](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Σχεδίαση σε καμβά | Μάθετε για το Canvas API, που χρησιμοποιείται για τη σχεδίαση στοιχείων σε οθόνη | [Σχεδίαση σε Καμβά](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Μετακίνηση στοιχείων στην οθόνη | Ανακαλύψτε πώς τα στοιχεία μπορούν να κινηθούν χρησιμοποιώντας καρτεσιανές συντεταγμένες και το Canvas API | [Μετακίνηση Στοιχείων](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Ανίχνευση Σύγκρουσης | Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν μεταξύ τους χρησιμοποιώντας πατήματα πλήκτρων και παρέχετε συνάρτηση cooldown για την απόδοση του παιχνιδιού | [Ανίχνευση Σύγκρουσης](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Καταμέτρηση Βαθμολογίας | Πραγματοποιήστε μαθηματικούς υπολογισμούς βάσει της κατάστασης και της απόδοσης του παιχνιδιού | [Καταμέτρηση Βαθμολογίας](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Τερματισμός και επανεκκίνηση του παιχνιδιού | Μάθετε για τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού πόρων και της επαναφοράς μεταβλητών | [Ο Όρος Τερματισμού](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md) | Πρότυπα HTML και Διαδρομές σε Web Εφαρμογή | Μάθετε πώς να δημιουργήσετε τη δομή μιας πολυσέλιδης ιστοσελίδας χρησιμοποιώντας διαδρομές και πρότυπα HTML | [Πρότυπα HTML και Διαδρομές](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md) | Δημιουργία Φόρμας Εισόδου και Εγγραφής | Μάθετε για τη δημιουργία φορμών και διαχείριση ελέγχων εγκυρότητας | [Φόρμες](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md) | Μέθοδοι Ανάκτησης και Χρήσης Δεδομένων | Πώς ρέουν τα δεδομένα μέσα και έξω από την εφαρμογή σας, πώς να τα ανακτάτε, αποθηκεύετε και απορρίπτετε | [Δεδομένα](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md) | Έννοιες Διαχείρισης Κατάστασης | Μάθετε πώς η εφαρμογή σας διατηρεί την κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά | [Διαχείριση Κατάστασης](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Κώδικας Browser/VScode](../../8-code-editor) | Εργασία με VScode | Μάθετε πώς να χρησιμοποιείτε έναν κειμενογράφο κώδικα| [Χρήση του Visual Studio Code](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Βοηθοί Τεχνητής Νοημοσύνης](./9-chat-project/README.md) | Εργασία με Τεχνητή Νοημοσύνη | Μάθετε πώς να δημιουργήσετε τον δικό σας βοηθό AI | [Έργο Βοηθού AI](./9-chat-project/README.md) | Chris | +| | Όνομα Έργου | Διδασκόμενες Έννοιες | Στόχοι Μάθησης | Σύνδεσμος Μαθήματος | Συγγραφέας | +| :-: | :----------------------------------------------------------: | :------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------------: | +| 01 | Ξεκινώντας | Εισαγωγή στον Προγραμματισμό και Εργαλεία | Μάθετε τις βασικές αρχές πίσω από τις περισσότερες γλώσσες προγραμματισμού και για το λογισμικό που βοηθά τους προγραμματιστές | [Εισαγωγή στις γλώσσες προγραμματισμού και τα εργαλεία](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Ξεκινώντας | Βασικά του GitHub, περιλαμβάνει εργασία σε ομάδα | Πώς να χρησιμοποιείτε το GitHub στο έργο σας, πώς να συνεργαστείτε με άλλους σε κώδικα | [Εισαγωγή στο GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Ξεκινώντας | Προσβασιμότητα | Μάθετε τα βασικά για την προσβασιμότητα στον ιστό | [Θεμέλια Προσβασιμότητας](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Βασικά JS | Τύποι Δεδομένων JavaScript | Τα βασικά των τύπων δεδομένων στην JavaScript | [Τύποι Δεδομένων](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Βασικά JS | Συναρτήσεις και Μέθοδοι | Μάθετε για τις συναρτήσεις και τις μεθόδους για να διαχειρίζεστε τη λογική μιας εφαρμογής | [Συναρτήσεις και Μέθοδοι](./2-js-basics/2-functions-methods/README.md) | Jasmine και Christopher | +| 06 | Βασικά JS | Λήψη Αποφάσεων με JS | Μάθετε πώς να δημιουργείτε συνθήκες στον κώδικά σας χρησιμοποιώντας μεθόδους λήψης αποφάσεων | [Λήψη Αποφάσεων](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Βασικά JS | Πίνακες και Βρόχοι | Εργαστείτε με δεδομένα χρησιμοποιώντας πίνακες και βρόχους στην JavaScript | [Πίνακες και Βρόχοι](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | Εφαρμογή HTML | Δημιουργήστε το HTML για ένα διαδικτυακό terrarium, εστιάζοντας στη διάταξη | [Εισαγωγή στο HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | Εφαρμογή CSS | Δημιουργήστε την CSS για τη μορφοποίηση του διαδικτυακού terrarium, εστιάζοντας στα βασικά του CSS και στην ανταπόκριση της σελίδας | [Εισαγωγή στο CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Κλεισίματα JavaScript, διαχείριση DOM | Δημιουργήστε την JavaScript ώστε να κάνει το terrarium λειτουργικό ως διεπαφή μεταφοράς και απόθεσης, εστιάζοντας στα κλεισίματα και τη διαχείριση DOM | [Κλεισίματα JavaScript, διαχείριση DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Παιχνίδι πληκτρολόγησης](./4-typing-game/solution/README.md) | Δημιουργία Παιχνιδιού Πληκτρολόγησης | Μάθετε πώς να χρησιμοποιείτε γεγονότα πληκτρολογίου για να καθοδηγείτε τη λογική της εφαρμογής JavaScript | [Προγραμματισμός με Γεγονότα](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Επέκταση Πράσινου Περιηγητή](./5-browser-extension/solution/README.md) | Εργασία με Περιηγητές | Μάθετε πώς λειτουργούν οι περιηγητές, την ιστορία τους, και πώς να στήσετε τα πρώτα στοιχεία μιας επέκτασης περιηγητή | [Σχετικά με τους Περιηγητές](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Επέκταση Πράσινου Περιηγητή](./5-browser-extension/solution/README.md) | Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών τοπικά | Δημιουργήστε τα στοιχεία JavaScript της επέκτασης περιηγητή σας για να καλείτε ένα API χρησιμοποιώντας μεταβλητές αποθηκευμένες τοπικά | [API, Φόρμες και Τοπική Αποθήκευση](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Επέκταση Πράσινου Περιηγητή](./5-browser-extension/solution/README.md) | Παρασκηνιακές διεργασίες στον περιηγητή, απόδοση ιστού | Χρησιμοποιήστε τις παρασκηνιακές διεργασίες του περιηγητή για να διαχειριστείτε το εικονίδιο της επέκτασης· μάθετε για την απόδοση και διάφορους βελτιστοποιήσεις | [Παρασκηνιακές Εργασίες και Απόδοση](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Προχωρημένη Ανάπτυξη Παιχνιδιών με JavaScript | Μάθετε για την Κληρονομικότητα με Χρήση Κλάσεων και Σύνθεσης καθώς και το πρότυπο εγγραφής/εγγραφής (Pub/Sub), προετοιμασία για δημιουργία παιχνιδιού | [Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιών](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Σχεδίαση σε καμβά | Μάθετε για το Canvas API, που χρησιμοποιείται για τη σχεδίαση στοιχείων σε οθόνη | [Σχεδίαση σε καμβά](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Μετακίνηση στοιχείων στην οθόνη | Ανακαλύψτε πώς τα στοιχεία μπορούν να κινούνται χρησιμοποιώντας καρτεσιανές συντεταγμένες και το Canvas API | [Μετακίνηση Στοιχείων](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Ανίχνευση συγκρούσεων | Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν το ένα στο άλλο με χρήση πατημάτων πλήκτρων και παρέχετε λειτουργία επαναφόρτισης για απόδοση | [Ανίχνευση Συγκρούσεων](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Κράτηση σκορ | Εκτελέστε μαθηματικούς υπολογισμούς βάση της κατάστασης και της απόδοσης του παιχνιδιού | [Κράτηση Σκορ](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md) | Τέλος και επανεκκίνηση παιχνιδιού | Μάθετε για το πώς να τερματίζετε και να επανεκκινείτε το παιχνίδι, περιλαμβάνοντας καθαρισμό πόρων και επαναφορά τιμών μεταβλητών | [Η Συνθήκη Τέλους](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Εφαρμογή Τράπεζας](./7-bank-project/solution/README.md) | Πρότυπα HTML και Διαδρομές σε Web Εφαρμογή | Μάθετε πώς να δημιουργήσετε τη δομή ενός πολυσέλιδου ιστότοπου χρησιμοποιώντας δρομολόγηση και πρότυπα HTML | [Πρότυπα και Διαδρομές HTML](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Εφαρμογή Τράπεζας](./7-bank-project/solution/README.md) | Δημιουργία Φόρμας Σύνδεσης και Εγγραφής | Μάθετε για τη δημιουργία φορμών και τη διαχείριση διαδικασιών επικύρωσης | [Φόρμες](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Εφαρμογή Τράπεζας](./7-bank-project/solution/README.md) | Μέθοδοι Ανάκτησης και Χρήσης Δεδομένων | Πώς ρέουν τα δεδομένα μέσα και έξω από την εφαρμογή σας, πώς να τα ανακτάτε, αποθηκεύετε και απορρίπτετε | [Δεδομένα](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Εφαρμογή Τράπεζας](./7-bank-project/solution/README.md) | Έννοιες Διαχείρισης Κατάστασης | Μάθετε πώς η εφαρμογή σας διατηρεί κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά | [Διαχείριση Κατάστασης](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Εργασία με VScode | Μάθετε πώς να χρησιμοποιείτε έναν επεξεργαστή κώδικα | [Χρήση Επεξεργαστή Κώδικα VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Βοηθοί AI](./9-chat-project/README.md) | Εργασία με AI | Μάθετε πώς να δημιουργήσετε το δικό σας βοηθό AI | [Έργο Βοηθού AI](./9-chat-project/README.md) | Chris | ## 🏫 Παιδαγωγική -Το πρόγραμμα σπουδών μας έχει σχεδιαστεί με δύο βασικές παιδαγωγικές αρχές κατά νου: +Το πρόγραμμα σπουδών μας έχει σχεδιαστεί με δύο βασικές παιδαγωγικές αρχές στο μυαλό: * μάθηση βασισμένη σε έργα -* συχνά quiz +* συχνά κουίζ -Το πρόγραμμα διδάσκει τα θεμέλια της JavaScript, HTML και CSS, καθώς και τα πιο σύγχρονα εργαλεία και τεχνικές που χρησιμοποιούν οι σύγχρονοι προγραμματιστές ιστοσελίδων. Οι μαθητές θα έχουν την ευκαιρία να αναπτύξουν πρακτική εμπειρία δημιουργώντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό terrarium, μια οικολογική επέκταση περιηγητή, ένα παιχνίδι τύπου space-invader και μια εφαρμογή τραπεζικής για επιχειρήσεις. Μέχρι το τέλος της σειράς, οι μαθητές θα έχουν αποκτήσει μια στέρεη κατανόηση της ανάπτυξης ιστού. +Το πρόγραμμα διδάσκει τα βασικά του JavaScript, HTML και CSS, καθώς και τα πιο πρόσφατα εργαλεία και τεχνικές που χρησιμοποιούν οι σημερινοί προγραμματιστές ιστού. Οι μαθητές θα έχουν την ευκαιρία να αποκτήσουν πρακτική εμπειρία κατασκευάζοντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό terrarium, μια οικολογική επέκταση περιηγητή, ένα παιχνίδι σε στυλ space invader και μια τραπεζική εφαρμογή για επιχειρήσεις. Μέχρι το τέλος της σειράς, οι μαθητές θα έχουν αποκτήσει μια στιβαρή κατανόηση της ανάπτυξης ιστού. -> 🎓 Μπορείτε να παρακολουθήσετε τα πρώτα μαθήματα αυτής της ύλης ως [Μονοπάτι Μάθησης](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) στο Microsoft Learn! +> 🎓 Μπορείτε να παρακολουθήσετε τα πρώτα μαθήματα αυτού του προγράμματος ως [Μονοπάτι Μάθησης](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) στο Microsoft Learn! -Με τη διασφάλιση ότι το περιεχόμενο ευθυγραμμίζεται με τα έργα, η διαδικασία γίνεται πιο ελκυστική για τους μαθητές και η διατήρηση των εννοιών ενισχύεται. Επίσης, γράψαμε αρκετά αρχικά μαθήματα στα βασικά της JavaScript για να εισαγάγουμε έννοιες, σε συνδυασμό με ένα βίντεο από τη συλλογή βιντεομαθημάτων "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", με ορισμένους από τους συγγραφείς της να συμβάλλουν σ' αυτό το πρόγραμμα σπουδών. +Εξασφαλίζοντας ότι το περιεχόμενο ευθυγραμμίζεται με τα έργα, η διαδικασία γίνεται πιο ελκυστική για τους μαθητές και η διατήρηση των εννοιών θα ενισχυθεί. Γράψαμε επίσης αρκετά εισαγωγικά μαθήματα της βασικής JavaScript για να εισάγουμε έννοιες, σε συνδυασμό με ένα βίντεο από τη συλλογή "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", με μερικούς από τους συγγραφείς να έχουν συνεισφέρει σε αυτό το πρόγραμμα σπουδών. -Επιπλέον, ένα quiz χαμηλής έντασης πριν από το μάθημα θέτει την πρόθεση του μαθητή για τη μάθηση ενός θέματος, ενώ ένα δεύτερο quiz μετά το μάθημα εξασφαλίζει περαιτέρω διατήρηση γνώσεων. Το πρόγραμμα σπουδών έχει σχεδιαστεί να είναι ευέλικτο και διασκεδαστικό και μπορεί να παρακολουθηθεί ολόκληρο ή μερικώς. Τα έργα ξεκινούν μικρά και γίνονται ολοένα και πιο σύνθετα μέχρι το τέλος του 12-εβδομάδων κύκλου. +Επιπλέον, ένα κουίζ χαμηλού ρίσκου πριν από το μάθημα θέτει την πρόθεση του μαθητή για να μάθει ένα θέμα, ενώ ένα δεύτερο κουίζ μετά το μάθημα εξασφαλίζει περαιτέρω διατήρηση. Το πρόγραμμα αυτό σχεδιάστηκε για να είναι ευέλικτο και διασκεδαστικό και μπορεί να παρακολουθηθεί ολόκληρο ή μεμονωμένα. Τα έργα ξεκινούν μικρά και γίνονται ολοένα πιο σύνθετα μέχρι το τέλος του 12-εβδομάδων κύκλου. -Ενώ αποφεύξαμε σκόπιμα την εισαγωγή πλαισίων JavaScript για να εστιάσουμε στις βασικές δεξιότητες που χρειάζεται ένας προγραμματιστής ιστού πριν υιοθετήσει ένα πλαίσιο, το επόμενο βήμα για την ολοκλήρωση αυτού του προγράμματος θα ήταν η εκμάθηση του Node.js μέσω μιας άλλης συλλογής βίντεο: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Ενώ αποφεύξαμε σκόπιμα την εισαγωγή JavaScript frameworks για να επικεντρωθούμε στις βασικές δεξιότητες που απαιτούνται ως προγραμματιστής ιστού πριν από την υιοθέτηση ενός framework, ένα καλό επόμενο βήμα για να ολοκληρώσετε αυτό το πρόγραμμα θα ήταν η εκμάθηση του Node.js μέσω μιας άλλης συλλογής βίντεο: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Επισκεφτείτε τους [Κανόνες Συμπεριφοράς](CODE_OF_CONDUCT.md) και τις οδηγίες [Συμμετοχής](CONTRIBUTING.md). Καλωσορίζουμε τα εποικοδομητικά σας σχόλια! +> Επισκεφθείτε τις οδηγίες μας [Κώδικας Συμπεριφοράς](CODE_OF_CONDUCT.md) και [Συνεισφοράς](CONTRIBUTING.md). Εκτιμούμε τα εποικοδομητικά σχόλιά σας! -## 🧭 Πρόσβαση εκτός σύνδεσης +## 🧭 Πρόσβαση χωρίς σύνδεση -Μπορείτε να εκτελέσετε αυτή την τεκμηρίωση χωρίς σύνδεση χρησιμοποιώντας το [Docsify](https://docsify.js.org/#/). Κάντε fork αυτό το αποθετήριο, [εγκαταστήστε το Docsify](https://docsify.js.org/#/quickstart) στον τοπικό σας υπολογιστή και στη συνέχεια στον ριζικό φάκελο αυτού του αποθετηρίου πληκτρολογήστε `docsify serve`. Η ιστοσελίδα θα σερβιριστεί στη θύρα 3000 στο localhost σας: `localhost:3000`. +Μπορείτε να τρέξετε αυτή την τεκμηρίωση εκτός σύνδεσης χρησιμοποιώντας [Docsify](https://docsify.js.org/#/). Κάντε fork αυτό το αποθετήριο, [εγκαταστήστε το Docsify](https://docsify.js.org/#/quickstart) στον τοπικό σας υπολογιστή και μετά στον ριζικό φάκελο αυτού του αποθετηρίου, πληκτρολογήστε `docsify serve`. Η ιστοσελίδα θα σερβιριστεί στην θύρα 3000 στο localhost σας: `localhost:3000`. ## 📘 PDF -Ένα PDF με όλα τα μαθήματα μπορείτε να βρείτε [εδώ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Ένα PDF όλων των μαθημάτων μπορεί να βρεθεί [εδώ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Άλλα Μαθήματα -Η ομάδα μας δημιουργεί και άλλα μαθήματα! Ρίξτε μια ματιά: +Η ομάδα μας παράγει και άλλα μαθήματα! Δες: ### LangChain @@ -260,21 +260,21 @@ ## Λήψη Βοήθειας -Αν κολλήσετε ή έχετε οποιεσδήποτε ερωτήσεις σχετικά με την ανάπτυξη εφαρμογών AI. Ενταχθείτε σε άλλους μαθητές και έμπειρους προγραμματιστές σε συζητήσεις για το MCP. Είναι μια υποστηρικτική κοινότητα όπου οι ερωτήσεις είναι ευπρόσδεκτες και η γνώση μοιράζεται ελεύθερα. +Εάν κολλήσετε ή έχετε ερωτήσεις σχετικά με την κατασκευή εφαρμογών AI. Ενταχθείτε σε άλλους μαθητές και έμπειρους προγραμματιστές σε συζητήσεις για το MCP. Είναι μια υποστηρικτική κοινότητα όπου οι ερωτήσεις είναι ευπρόσδεκτες και η γνώση μοιράζεται ελεύθερα. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Αν έχετε σχόλια για το προϊόν ή σφάλματα κατά την ανάπτυξη επισκεφθείτε: +Εάν έχετε σχόλια προϊόντος ή λάθη κατά την κατασκευή, επισκεφθείτε: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) -## Άδεια Χρήσης +## Άδεια -Αυτό το αποθετήριο έχει αδειοδοτηθεί υπό την άδεια MIT. Δείτε το αρχείο [LICENSE](../../LICENSE) για περισσότερες πληροφορίες. +Αυτό το αποθετήριο έχει άδεια υπό την άδεια MIT. Δείτε το αρχείο [LICENSE](../../LICENSE) για περισσότερες πληροφορίες. --- -**Αποποίηση ευθυνών**: -Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που επιδιώκουμε την ακρίβεια, παρακαλούμε σημειώστε ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε καμία ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. +**Αποποίηση ευθύνης**: +Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που επιδιώκουμε την ακρίβεια, παρακαλούμε να γνωρίζετε ότι οι αυτοματοποιημένες μεταφράσεις ενδέχεται να περιέχουν σφάλματα ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. \ No newline at end of file diff --git a/translations/el/lesson-template/README.md b/translations/el/lesson-template/README.md index 05a745980e..506c5f6b96 100644 --- a/translations/el/lesson-template/README.md +++ b/translations/el/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Θέμα Μαθήματος] +# Θέμα Μαθήματος -![Ενσωματώστε ένα βίντεο εδώ](../../../lesson-template/video-url) +## 🎥 Βίντεο -## [Προ-μάθημα κουίζ](../../../lesson-template/quiz-url) +> Προσθέστε εδώ ένα ενσωματωμένο βίντεο ή σύνδεσμο μαθήματος. -[Περιγράψτε τι θα μάθουμε] +--- + +## Προ-διάλεξη κουίζ + +> Προσθέστε εδώ έναν σύνδεσμο κουίζ όταν είναι διαθέσιμος. + +--- + +Παρέχετε μια σύντομη επισκόπηση του τι θα μάθουν οι μαθητές σε αυτό το μάθημα. + +--- ### Εισαγωγή -Περιγράψτε τι θα καλυφθεί +Παρέχετε μια σύντομη εισαγωγή που περιγράφει τι θα καλυφθεί σε αυτό το μάθημα. > Σημειώσεις +--- + ### Προαπαιτούμενα -Ποια βήματα πρέπει να έχουν ολοκληρωθεί πριν από αυτό το μάθημα; +Καταγράψτε τις έννοιες ή τα θέματα που οι μαθητές θα πρέπει να γνωρίζουν ήδη πριν ξεκινήσουν αυτό το μάθημα. + +--- ### Προετοιμασία -Βήματα προετοιμασίας για να ξεκινήσετε αυτό το μάθημα +Καταγράψτε τυχόν βήματα εγκατάστασης ή εργαλεία που απαιτούνται πριν ξεκινήσει το μάθημα. --- -[Προχωρήστε μέσα από το περιεχόμενο σε μπλοκ] +### Περιεχόμενο + +Προχωρήστε στο περιεχόμενο του μαθήματος σε δομημένες ενότητες. + +--- -## [Θέμα 1] +## Θέμα 1 ### Εργασία: -Συνεργαστείτε για να βελτιώσετε σταδιακά τη βάση κώδικα σας ώστε να δημιουργήσετε το έργο με κοινό κώδικα: +Εργαστείτε μαζί για να βελτιώσετε σταδιακά τον κώδικα σας ώστε να δημιουργήσετε το έργο με κοινόχρηστο κώδικα: ```html code blocks ``` -✅ Έλεγχος Γνώσεων - χρησιμοποιήστε αυτή τη στιγμή για να διευρύνετε τις γνώσεις των μαθητών με ανοιχτές ερωτήσεις +✅ Έλεγχος Γνώσης +Χρησιμοποιήστε αυτή τη στιγμή για να επεκτείνετε τις γνώσεις των μαθητών με ανοιχτές ερωτήσεις. -## [Θέμα 2] +## Θέμα 2 +## Θέμα 3 -## [Θέμα 3] +🚀 Πρόκληση +Προσθέστε μια συνεργατική πρόκληση για τους μαθητές να βελτιώσουν το έργο. -🚀 Πρόκληση: Προσθέστε μια πρόκληση για τους μαθητές να εργαστούν συνεργατικά στην τάξη για να βελτιώσουν το έργο +Προαιρετικό: Προσθέστε μια στιγμιοτυπία οθόνης του UI του ολοκληρωμένου μαθήματος αν είναι κατάλληλο. -Προαιρετικό: προσθέστε ένα στιγμιότυπο οθόνης του ολοκληρωμένου UI του μαθήματος, αν είναι κατάλληλο +## Μετά τη διάλεξη κουίζ -## [Κουίζ μετά το μάθημα](../../../lesson-template/quiz-url) +Προσθέστε έναν σύνδεσμο κουίζ εδώ μετά την ολοκλήρωση του μαθήματος. -## Ανασκόπηση & Αυτομελέτη +## Επανεξέταση & Αυτοδιδασκαλία -**Παράδοση Εργασίας [MM/YY]**: [Όνομα Εργασίας](assignment.md) +**Καθώς η παράδοση είναι [MM/YY]**: [Όνομα Εργασίας](assignment.md) --- -**Αποποίηση ευθύνης**: -Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. \ No newline at end of file + +**Αποποίηση Ευθυνών**: +Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που προσπαθούμε για ακρίβεια, παρακαλούμε να γνωρίζετε ότι οι αυτοματοποιημένες μεταφράσεις μπορεί να περιέχουν σφάλματα ή ανακρίβειες. Το αρχικό έγγραφο στη γλώσσα του θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. + \ No newline at end of file diff --git a/translations/en/.co-op-translator.json b/translations/en/.co-op-translator.json index d2e7fe2a91..2e3ae81efb 100644 --- a/translations/en/.co-op-translator.json +++ b/translations/en/.co-op-translator.json @@ -487,7 +487,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:26:56+00:00", + "translation_date": "2026-04-24T11:28:32+00:00", "source_file": "AGENTS.md", "language_code": "en" }, @@ -510,8 +510,8 @@ "language_code": "en" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:19:36+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:23:11+00:00", "source_file": "README.md", "language_code": "en" }, @@ -558,8 +558,8 @@ "language_code": "en" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T11:48:01+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:23:19+00:00", "source_file": "lesson-template/README.md", "language_code": "en" }, diff --git a/translations/en/README.md b/translations/en/README.md index 106bfdca8b..6b9b7c19de 100644 --- a/translations/en/README.md +++ b/translations/en/README.md @@ -14,7 +14,7 @@ Learn the fundamentals of web development with our 12-week comprehensive course by Microsoft Cloud Advocates. Each of the 24 lessons dives into JavaScript, CSS, and HTML through hands-on projects like terrariums, browser extensions, and space games. Engage with quizzes, discussions, and practical assignments. Enhance your skills and optimize your knowledge retention with our effective project-based pedagogy. Start your coding journey today! -Join the Azure AI Foundry Discord Community +Join the Azure AI Foundry Discord and meet experts and fellow developers. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) @@ -51,7 +51,7 @@ Follow these steps to get started using these resources: > This gives you everything you need to complete the course with a much faster download. -**If you wish to have additional translations languages supported are listed [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**If you wish to have additional translations, the supported languages are listed here. [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) @@ -276,5 +276,5 @@ This repository is licensed under the MIT license. See the [LICENSE](../../LICEN **Disclaimer**: -This document has been translated using AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation. +This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation. \ No newline at end of file diff --git a/translations/en/lesson-template/README.md b/translations/en/lesson-template/README.md index 048a0aeaa7..0b0f581905 100644 --- a/translations/en/lesson-template/README.md +++ b/translations/en/lesson-template/README.md @@ -1,50 +1,71 @@ -# [Lesson Topic] +# Lesson Topic -![Embed a video here](../../../lesson-template/video-url) +## 🎥 Video -## [Pre-lecture quiz](../../../lesson-template/quiz-url) +> Add an embedded video or lesson link here. -[Overview of what will be learned] +--- + +## Pre-lecture quiz + +> Add a quiz link here when available. + +--- + +Provide a brief overview of what students will learn in this lesson. + +--- ### Introduction -Outline of the topics that will be covered. +Provide a short introduction describing what will be covered in this lesson. > Notes +--- + ### Prerequisite -What steps or knowledge should have been completed before starting this lesson? +List the concepts or topics students should already be familiar with before starting this lesson. + +--- ### Preparation -Steps to prepare before beginning this lesson. +List any setup steps or tools required before starting the lesson. --- -[Go through the content step by step] +### Content + +Step through the lesson content in structured sections. + +--- -## [Topic 1] +## Topic 1 ### Task: -Collaborate to gradually improve your codebase and develop the project using shared code: +Work together to progressively enhance your codebase to build the project with shared code: ```html code blocks ``` -✅ Knowledge Check - take this opportunity to challenge students with open-ended questions to deepen their understanding. +✅ Knowledge Check +Use this moment to stretch students' knowledge with open-ended questions. -## [Topic 2] +## Topic 2 +## Topic 3 -## [Topic 3] +🚀 Challenge +Add a collaborative challenge for students to enhance the project. -🚀 Challenge: Present a collaborative challenge for students to work on during class to further develop the project. +Optional: Add a screenshot of the completed lesson's UI if appropriate. -Optional: Include a screenshot of the final UI from the lesson if relevant. +## Post-lecture quiz -## [Post-lecture quiz](../../../lesson-template/quiz-url) +Add a quiz link here after completing the lesson. ## Review & Self Study @@ -52,5 +73,7 @@ Optional: Include a screenshot of the final UI from the lesson if relevant. --- -**Disclaimer**: -This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation. \ No newline at end of file + +**Disclaimer**: +This document has been translated using AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation. + \ No newline at end of file diff --git a/translations/es/.co-op-translator.json b/translations/es/.co-op-translator.json index eddc004b24..8470b5c18b 100644 --- a/translations/es/.co-op-translator.json +++ b/translations/es/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:29:24+00:00", + "translation_date": "2026-04-24T11:30:41+00:00", "source_file": "AGENTS.md", "language_code": "es" }, @@ -516,8 +516,8 @@ "language_code": "es" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:23:47+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:27:26+00:00", "source_file": "README.md", "language_code": "es" }, @@ -564,8 +564,8 @@ "language_code": "es" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-24T13:48:21+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:27:36+00:00", "source_file": "lesson-template/README.md", "language_code": "es" }, diff --git a/translations/es/AGENTS.md b/translations/es/AGENTS.md index 42bc9b98a6..73dec63a75 100644 --- a/translations/es/AGENTS.md +++ b/translations/es/AGENTS.md @@ -1,15 +1,15 @@ # AGENTS.md -## Descripción del Proyecto +## Descripción general del proyecto -Este es un repositorio educativo para enseñar los fundamentos del desarrollo web a principiantes. El currículum es un curso integral de 12 semanas desarrollado por Microsoft Cloud Advocates, que incluye 24 lecciones prácticas sobre JavaScript, CSS y HTML. +Este es un repositorio de currículo educativo para enseñar los fundamentos del desarrollo web a principiantes. El currículo es un curso integral de 12 semanas desarrollado por Microsoft Cloud Advocates, que incluye 24 lecciones prácticas sobre JavaScript, CSS y HTML. -### Componentes Clave +### Componentes clave -- **Contenido Educativo**: 24 lecciones estructuradas organizadas en módulos basados en proyectos -- **Proyectos Prácticos**: Terrarium, Juego de mecanografía, Extensión de navegador, Juego espacial, Aplicación bancaria, Editor de código y Asistente de chat con IA -- **Cuestionarios Interactivos**: 48 cuestionarios con 3 preguntas cada uno (evaluaciones pre y post lección) -- **Soporte Multilenguaje**: Traducciones automáticas en más de 50 idiomas vía GitHub Actions +- **Contenido educativo**: 24 lecciones estructuradas organizadas en módulos basados en proyectos +- **Proyectos prácticos**: Terrario, juego de mecanografía, extensión de navegador, juego espacial, aplicación bancaria, editor de código y asistente de chat con IA +- **Cuestionarios interactivos**: 48 cuestionarios con 3 preguntas cada uno (evaluaciones antes/después de la lección) +- **Soporte multilingüe**: Traducciones automáticas a más de 50 idiomas mediante GitHub Actions - **Tecnologías**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para proyectos de IA) ### Arquitectura @@ -20,18 +20,18 @@ Este es un repositorio educativo para enseñar los fundamentos del desarrollo we - Sistema de traducción usando GitHub Actions (co-op-translator) - Documentación servida vía Docsify y disponible en PDF -## Comandos de Configuración +## Comandos de configuración -Este repositorio está principalmente para consumo de contenido educativo. Para trabajar con proyectos específicos: +Este repositorio está principalmente para el consumo de contenido educativo. Para trabajar con proyectos específicos: -### Configuración Principal del Repositorio +### Configuración principal del repositorio ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Configuración de Quiz App (Vue 3 + Vite) +### Configuración de la aplicación de cuestionarios (Vue 3 + Vite) ```bash cd quiz-app @@ -41,7 +41,7 @@ npm run build # Construir para producción npm run lint # Ejecutar ESLint ``` -### API para Proyecto Bancario (Node.js + Express) +### API del proyecto bancario (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,15 +51,15 @@ npm run lint # Ejecutar ESLint npm run format # Formatear con Prettier ``` -### Proyectos de Extensión para Navegador +### Proyectos de extensiones de navegador ```bash cd 5-browser-extension/solution npm install -# Sigue las instrucciones específicas del navegador para cargar extensiones +# Siga las instrucciones específicas del navegador para cargar extensiones ``` -### Proyectos de Juego Espacial +### Proyectos del juego espacial ```bash cd 6-space-game/solution @@ -67,7 +67,7 @@ npm install # Abre index.html en el navegador o usa Live Server ``` -### Proyecto de Chat (Backend en Python) +### Proyecto de chat (Backend en Python) ```bash cd 9-chat-project/solution/backend/python @@ -76,37 +76,37 @@ pip install openai python api.py ``` -## Flujo de Desarrollo +## Flujo de trabajo de desarrollo -### Para Contribuidores de Contenido +### Para colaboradores de contenido -1. **Hacer fork del repositorio** a tu cuenta de GitHub -2. **Clonar tu fork** localmente -3. **Crear una nueva rama** para tus cambios -4. Realizar cambios en contenido de lecciones o ejemplos de código -5. Probar cualquier cambio de código en los directorios de proyectos relevantes -6. Enviar pull requests siguiendo las directrices de contribución +1. **Haz un fork del repositorio** a tu cuenta de GitHub +2. **Clona tu fork** localmente +3. **Crea una nueva rama** para tus cambios +4. Realiza cambios en el contenido de las lecciones o en los ejemplos de código +5. Prueba cualquier cambio de código en los directorios de proyectos relevantes +6. Envía pull requests siguiendo las directrices de contribución -### Para Estudiantes +### Para estudiantes -1. Hacer fork o clonar el repositorio -2. Navegar secuencialmente por los directorios de lecciones -3. Leer los archivos README de cada lección -4. Completar cuestionarios pre-lección en https://ff-quizzes.netlify.app/web/ -5. Trabajar con ejemplos de código en las carpetas de las lecciones -6. Completar tareas y desafíos -7. Realizar cuestionarios post-lección +1. Haz fork o clona el repositorio +2. Navega a los directorios de las lecciones de forma secuencial +3. Lee los archivos README de cada lección +4. Completa los cuestionarios previos en https://ff-quizzes.netlify.app/web/ +5. Trabaja los ejemplos de código en las carpetas de las lecciones +6. Completa tareas y desafíos +7. Realiza los cuestionarios posteriores a la lección -### Desarrollo en Vivo +### Desarrollo en vivo -- **Documentación**: Ejecutar `docsify serve` en la raíz (puerto 3000) -- **Quiz App**: Ejecutar `npm run dev` en el directorio quiz-app -- **Proyectos**: Usar extensión Live Server de VS Code para proyectos HTML -- **Proyectos API**: Ejecutar `npm start` en los directorios API respectivos +- **Documentación**: Ejecuta `docsify serve` en la raíz (puerto 3000) +- **Aplicación de cuestionarios**: Ejecuta `npm run dev` en el directorio quiz-app +- **Proyectos**: Usa la extensión Live Server de VS Code para proyectos HTML +- **Proyectos API**: Ejecuta `npm start` en los directorios API respectivos -## Instrucciones para Pruebas +## Instrucciones de pruebas -### Pruebas de Quiz App +### Pruebas de la aplicación de cuestionarios ```bash cd quiz-app @@ -114,37 +114,37 @@ npm run lint # Verificar problemas de estilo de código npm run build # Verificar que la compilación sea exitosa ``` -### Pruebas de API Bancaria +### Pruebas de la API bancaria ```bash cd 7-bank-project/api npm run lint # Verificar problemas de estilo de código -node server.js # Verificar que el servidor arranque sin errores +node server.js # Verificar que el servidor inicie sin errores ``` -### Enfoque General para Pruebas +### Enfoque general de pruebas -- Este repositorio educativo no cuenta con pruebas automatizadas completas -- Las pruebas manuales se centran en: - - Que los ejemplos de código se ejecuten sin errores - - Que los enlaces en la documentación funcionen correctamente - - Que las compilaciones de proyectos finalicen sin errores - - Que los ejemplos sigan las mejores prácticas +- Este es un repositorio educativo sin pruebas automatizadas completas +- Las pruebas manuales se enfocan en: + - Ejecución de ejemplos de código sin errores + - Funcionalidad correcta de enlaces en la documentación + - Construcción exitosa de proyectos + - Ejemplos que siguen buenas prácticas -### Chequeos Previo al Envío +### Verificaciones antes de enviar -- Ejecutar `npm run lint` en directorios con package.json -- Verificar que los enlaces en markdown sean válidos -- Probar ejemplos de código en navegador o Node.js -- Comprobar que las traducciones mantengan la estructura adecuada +- Ejecuta `npm run lint` en directorios con package.json +- Verifica que los enlaces markdown sean válidos +- Prueba ejemplos de código en navegador o Node.js +- Comprueba que las traducciones mantienen la estructura correcta -## Guías de Estilo de Código +## Directrices de estilo de código ### JavaScript - Usar sintaxis moderna ES6+ -- Seguir configuraciones standard de ESLint proporcionadas en proyectos -- Usar nombres significativos para variables y funciones para claridad educativa +- Seguir configuraciones estándar de ESLint proporcionadas en los proyectos +- Usar nombres de variables y funciones significativos para claridad educativa - Añadir comentarios que expliquen conceptos para los estudiantes - Formatear usando Prettier donde esté configurado @@ -152,131 +152,131 @@ node server.js # Verificar que el servidor arranque sin errores - Elementos semánticos HTML5 - Principios de diseño responsivo -- Convenciones claras de nombres de clases +- Convenciones claras de nomenclatura de clases - Comentarios que expliquen técnicas CSS para estudiantes ### Python - Guías de estilo PEP 8 - Código claro y educativo -- Anotaciones de tipo donde sean útiles para el aprendizaje +- Uso de anotaciones de tipo donde ayuden al aprendizaje -### Documentación en Markdown +### Documentación Markdown - Jerarquía clara de encabezados - Bloques de código con especificación de lenguaje - Enlaces a recursos adicionales - Capturas de pantalla e imágenes en directorios `images/` -- Texto alternativo para imágenes para accesibilidad +- Texto alternativo en imágenes para accesibilidad -### Organización de Archivos +### Organización de archivos - Lecciones numeradas secuencialmente (1-getting-started-lessons, 2-js-basics, etc.) -- Cada proyecto tiene `solution/` y a menudo `start/` o `your-work/` -- Imágenes almacenadas en carpetas `images/` específicas por lección +- Cada proyecto tiene directorios `solution/` y a menudo `start/` o `your-work/` +- Imágenes guardadas en carpetas `images/` específicas de cada lección - Traducciones en la estructura `translations/{language-code}/` -## Construcción y Despliegue +## Construcción y despliegue -### Despliegue de Quiz App (Azure Static Web Apps) +### Despliegue de la aplicación de cuestionarios (Azure Static Web Apps) -La quiz-app está configurada para despliegue en Azure Static Web Apps: +La quiz-app está configurada para el despliegue en Azure Static Web Apps: ```bash cd quiz-app npm run build # Crea la carpeta dist/ -# Despliega mediante el flujo de trabajo de GitHub Actions al hacer push en main +# Despliega mediante el flujo de trabajo de GitHub Actions al hacer push a main ``` Configuración de Azure Static Web Apps: -- **Ubicación de la app**: `/quiz-app` +- **Ubicación de la aplicación**: `/quiz-app` - **Ubicación de salida**: `dist` - **Flujo de trabajo**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Generación de Documentación PDF +### Generación de PDF de documentación ```bash npm install # Instalar docsify-to-pdf npm run convert # Generar PDF desde docs ``` -### Documentación con Docsify +### Documentación Docsify ```bash npm install -g docsify-cli # Instalar Docsify globalmente docsify serve # Servir en localhost:3000 ``` -### Compilaciones específicas de proyectos +### Construcciones específicas de proyectos -Cada directorio de proyecto puede tener su propio proceso de compilación: -- Proyectos Vue: `npm run build` crea paquetes para producción -- Proyectos estáticos: No tienen paso de compilación, se sirven archivos directamente +Cada directorio de proyecto puede tener su propio proceso de construcción: +- Proyectos Vue: `npm run build` crea paquetes de producción +- Proyectos estáticos: No hay paso de construcción, servir archivos directamente -## Directrices para Pull Requests +## Directrices para pull request -### Formato del Título +### Formato del título -Usar títulos claros y descriptivos indicando la área de cambio: +Usa títulos claros y descriptivos que indiquen el área del cambio: - `[Quiz-app] Añadir nuevo cuestionario para la lección X` - `[Lesson-3] Corregir error tipográfico en proyecto terrarium` - `[Translation] Añadir traducción al español para la lección 5` - `[Docs] Actualizar instrucciones de configuración` -### Verificaciones Requeridas +### Verificaciones requeridas Antes de enviar un PR: 1. **Calidad del código**: - Ejecutar `npm run lint` en directorios afectados - - Corregir todos los errores y advertencias de linting + - Corregir todos los errores y advertencias -2. **Verificación de compilación**: +2. **Verificación de construcción**: - Ejecutar `npm run build` si aplica - - Asegurar que no hay errores en la compilación + - Asegurar que no haya errores de construcción 3. **Validación de enlaces**: - Probar todos los enlaces markdown - - Verificar referencias de imágenes + - Verificar que las imágenes se cargan correctamente 4. **Revisión de contenido**: - - Revisar ortografía y gramática - - Asegurar que ejemplos de código sean correctos y educativos + - Corregir ortografía y gramática + - Confirmar que ejemplos de código sean correctos y educativos - Verificar que las traducciones mantengan el significado original -### Requisitos para Contribuir +### Requisitos de contribución -- Aceptar Microsoft CLA (verificación automática en primer PR) -- Seguir el [Código de Conducta de Código Abierto de Microsoft](https://opensource.microsoft.com/codeofconduct/) -- Consultar [CONTRIBUTING.md](./CONTRIBUTING.md) para directrices detalladas +- Aceptar el CLA de Microsoft (verificación automática en el primer PR) +- Seguir el [Código de conducta de código abierto de Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Consultar [CONTRIBUTING.md](./CONTRIBUTING.md) para pautas detalladas - Referenciar números de issues en la descripción del PR si aplica -### Proceso de Revisión +### Proceso de revisión -- Los PR son revisados por mantenedores y la comunidad -- Se prioriza la claridad educativa -- Los ejemplos de código deben seguir mejores prácticas actuales -- Las traducciones se revisan para exactitud y adecuación cultural +- PRs revisados por mantenedores y comunidad +- Prioridad a la claridad educativa +- Ejemplos de código deben seguir buenas prácticas actuales +- Traducciones revisadas por precisión y adecuación cultural -## Sistema de Traducción +## Sistema de traducción -### Traducción Automática +### Traducción automatizada -- Usa GitHub Actions con el workflow co-op-translator +- Usa GitHub Actions con el flujo co-op-translator - Traduce automáticamente a más de 50 idiomas - Archivos fuente en directorios principales - Archivos traducidos en `translations/{language-code}/` -### Agregar Mejoras Manuales de Traducción +### Añadir mejoras manuales a las traducciones -1. Localizar archivo en `translations/{language-code}/` -2. Mejorar manteniendo la estructura -3. Asegurar que los ejemplos de código sigan funcionando -4. Probar cualquier cuestionario localizado +1. Localiza el archivo en `translations/{language-code}/` +2. Realiza mejoras preservando la estructura +3. Asegura que los ejemplos de código sigan funcionando +4. Prueba cualquier contenido localizado de cuestionarios -### Metadatos de Traducción +### Metadatos de traducción -Los archivos traducidos incluyen encabezado de metadatos: +Los archivos traducidos incluyen cabecera de metadatos: ```markdown ``` -## Depuración y Resolución de Problemas +## Depuración y solución de problemas -### Problemas Comunes +### Problemas comunes -**La app de cuestionarios no arranca**: -- Verificar versión de Node.js (recomendada v14+) -- Eliminar `node_modules` y `package-lock.json`, ejecutar de nuevo `npm install` -- Revisar conflictos de puertos (por defecto: Vite usa puerto 5173) +**La aplicación de cuestionarios no inicia**: +- Verificar versión de Node.js (recomendado v14+) +- Borrar `node_modules` y `package-lock.json`, ejecutar `npm install` nuevamente +- Revisar conflictos de puerto (por defecto: Vite usa puerto 5173) -**El servidor API no inicia**: -- Verificar que la versión de Node.js sea compatible (node >=10) -- Comprobar si el puerto está en uso -- Asegurar que todas las dependencias estén instaladas con `npm install` +**El servidor API no arranca**: +- Verificar que la versión de Node.js cumple mínimo (node >=10) +- Comprobar si el puerto ya está en uso +- Asegurar que todas las dependencias están instaladas con `npm install` -**La extensión del navegador no carga**: -- Verificar que el manifest.json esté bien formado -- Revisar la consola del navegador para errores -- Seguir instrucciones específicas del navegador para instalar extensiones +**La extensión de navegador no carga**: +- Verificar que manifest.json está correctamente formateado +- Revisar la consola del navegador por errores +- Seguir instrucciones específicas del navegador para instalación de extensiones -**Problemas con el proyecto de chat en Python**: +**Problemas en proyecto de chat Python**: - Asegurar que el paquete OpenAI esté instalado: `pip install openai` - Verificar que la variable de entorno GITHUB_TOKEN esté configurada -- Comprobar permisos de acceso a GitHub Models +- Revisar permisos de acceso de modelos de GitHub **Docsify no sirve la documentación**: - Instalar docsify-cli globalmente: `npm install -g docsify-cli` - Ejecutar desde el directorio raíz del repositorio -- Confirmar que `docs/_sidebar.md` exista +- Verificar que `docs/_sidebar.md` exista -### Consejos para el Entorno de Desarrollo +### Consejos para el entorno de desarrollo -- Usar VS Code con extensión Live Server para proyectos HTML -- Instalar extensiones ESLint y Prettier para formateo consistente +- Usar VS Code con la extensión Live Server para proyectos HTML +- Instalar extensiones ESLint y Prettier para formato consistente - Usar DevTools del navegador para depurar JavaScript -- Para proyectos Vue, instalar extensión Vue DevTools para navegador +- Para proyectos Vue, instalar la extensión Vue DevTools -### Consideraciones de Rendimiento +### Consideraciones de rendimiento -- Gran cantidad de archivos traducidos (más de 50 idiomas) hace que clonaciones completas sean grandes +- El gran número de archivos traducidos (50+ idiomas) hace que los clones completos sean grandes - Usar clonación superficial si solo se trabaja con contenido: `git clone --depth 1` -- Excluir traducciones de búsquedas al trabajar con contenido en inglés -- Los procesos de compilación pueden ser lentos en la primera ejecución (npm install, compilación Vite) +- Excluir traducciones de búsquedas cuando se trabaja con contenido en inglés +- Los procesos de construcción pueden ser lentos en la primera ejecución (npm install, compilación Vite) -## Consideraciones de Seguridad +## Consideraciones de seguridad -### Variables de Entorno +### Variables de entorno -- Las claves API nunca deben subirse al repositorio -- Usar archivos `.env` (ya incluidos en `.gitignore`) -- Documentar variables de entorno necesarias en los READMEs de los proyectos +- Las claves API nunca deben ser comprometidas en el repositorio +- Usar archivos `.env` (ya están en `.gitignore`) +- Documentar variables de entorno requeridas en los README de los proyectos ### Proyectos en Python - Usar entornos virtuales: `python -m venv venv` - Mantener dependencias actualizadas -- Los tokens de GitHub deben tener permisos mínimos necesarios +- Tokens de GitHub deben tener permisos mínimos necesarios -### Acceso a GitHub Models +### Acceso a modelos de GitHub -- Se requieren Tokens de Acceso Personal (PAT) para GitHub Models -- Los tokens deben almacenarse como variables de entorno -- Nunca subir tokens o credenciales al repositorio +- Se requieren Tokens de Acceso Personal (PAT) para modelos de GitHub +- Los tokens deben guardarse como variables de entorno +- Nunca comprometer tokens o credenciales -## Notas Adicionales +## Notas adicionales -### Público Objetivo +### Público objetivo - Principiantes completos en desarrollo web - Estudiantes y autodidactas -- Profesores que usan el currículum en aulas -- Contenido diseñado para accesibilidad y desarrollo gradual de habilidades +- Profesores usando el currículo en aulas +- Contenido diseñado para accesibilidad y construcción gradual de habilidades -### Filosofía Educativa +### Filosofía educativa -- Enfoque basado en aprendizaje por proyectos -- Chequeos frecuentes de conocimiento (cuestionarios) -- Ejercicios prácticos de codificación -- Ejemplos de aplicaciones del mundo real +- Enfoque de aprendizaje basado en proyectos +- Revisiones frecuentes de conocimiento (cuestionarios) +- Ejercicios prácticos de programación +- Ejemplos de aplicación en el mundo real - Enfoque en fundamentos antes que frameworks -### Mantenimiento del Repositorio +### Mantenimiento del repositorio -- Comunidad activa de aprendices y contribuyentes -- Actualizaciones regulares en dependencias y contenido +- Comunidad activa de aprendices y colaboradores +- Actualizaciones regulares de dependencias y contenido - Issues y discusiones monitoreadas por mantenedores -- Actualizaciones de traducción automatizadas vía GitHub Actions +- Actualización de traducciones automatizadas mediante GitHub Actions -### Recursos Relacionados +### Recursos relacionados - [Módulos Microsoft Learn](https://docs.microsoft.com/learn/) -- [Recursos para estudiantes hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendices -- Cursos adicionales: IA generativa, Ciencia de datos, ML, currículos IoT disponibles +- [Recursos Student Hub](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para estudiantes +- Cursos adicionales: Currículos de IA generativa, Ciencia de datos, ML, IoT disponibles -### Trabajo con Proyectos Específicos +### Trabajar con proyectos específicos -Para instrucciones detalladas de proyectos individuales, consultar los archivos README en: -- `quiz-app/README.md` - aplicación de cuestionarios en Vue 3 -- `7-bank-project/README.md` - aplicación bancaria con autenticación -- `5-browser-extension/README.md` - desarrollo de extensión de navegador -- `6-space-game/README.md` - desarrollo de juego en canvas -- `9-chat-project/README.md` - proyecto de asistente de chat IA +Para instrucciones detalladas sobre proyectos individuales, consulta los archivos README en: +- `quiz-app/README.md` - Aplicación de cuestionarios en Vue 3 +- `7-bank-project/README.md` - Aplicación bancaria con autenticación +- `5-browser-extension/README.md` - Desarrollo de extensiones para navegador +- `6-space-game/README.md` - Desarrollo de juego basado en Canvas +- `9-chat-project/README.md` - Proyecto de asistente de chat con IA -### Estructura Monorepo +### Estructura de monorepositorio Aunque no es un monorepo tradicional, este repositorio contiene múltiples proyectos independientes: - Cada lección es autónoma - Los proyectos no comparten dependencias -- Se puede trabajar en proyectos individuales sin afectar otros -- Clonar el repositorio completo para experiencia completa del currículum +- Trabaja en proyectos individuales sin afectar otros +- Clona el repositorio completo para la experiencia completa del currículo --- -**Descargo de responsabilidad**: -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 automatizadas 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 humana. No nos hacemos responsables de malentendidos o interpretaciones erróneas derivadas del uso de esta traducción. +**Descargo de responsabilidad**: +Este documento ha sido traducido utilizando el servicio de traducción por IA [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. \ No newline at end of file diff --git a/translations/es/README.md b/translations/es/README.md index 7ba5ec9d98..c3ff4e0b04 100644 --- a/translations/es/README.md +++ b/translations/es/README.md @@ -12,27 +12,27 @@ # 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 con cuestionarios, discusiones y tareas prácticas. Mejora tus habilidades y optimiza la retención de conocimiento con nuestra efectiva metodologí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 con cuestionarios, discusiones y tareas prácticas. Mejora tus habilidades y optimiza la retención de conocimientos con nuestra eficaz pedagogía basada en proyectos. ¡Comienza tu viaje de programación hoy! -Únete a la Comunidad Azure AI Foundry en Discord +Únete al Discord de Azure AI Foundry y conoce a expertos y compañeros desarrolladores. [![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 [![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 Azure AI Foundry Discord y conoce a expertos y otros desarrolladores**](https://discord.com/invite/ByRwuEEgH4) +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 compañeros desarrolladores**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Soporte Multilenguaje -#### Soportado vía GitHub Action (Automatizado y Siempre Actualizado) +#### Soportado a través de GitHub Action (Automatizado y siempre actualizado) [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) | [Khmer](../km/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?** > -> Este repositorio incluye más de 50 traducciones de idiomas que aumentan significativamente el tamaño de la descarga. Para clonar sin traducciones, usa checkout disperso: +> Este repositorio incluye traducciones a más de 50 idiomas que aumentan significativamente el tamaño de la descarga. Para clonar sin traducciones, usa sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,26 +48,26 @@ Sigue estos pasos para comenzar a usar estos recursos: > 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 proporciona todo lo necesario para completar el curso con una descarga mucho más rápida. -**Si deseas que se admitan idiomas adicionales para la traducción, están listados [aquí](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Si deseas tener traducciones adicionales, los idiomas soportados están listados aquí. [aquí](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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 e incluso formas de obtener un cupón para certificado gratis. Esta es la página que quieres marcar como favorita y revisar de vez en cuando ya que actualizamos el 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 maneras de obtener un cupón para certificado gratuito. Esta es la página que deseas guardar en favoritos y consultar periódicamente ya que cambiamos el contenido mensualmente. -### 📣 Anuncio - ¡Nuevos desafíos del modo Agente GitHub Copilot para completar! +### 📣 Anuncio - ¡Nuevos desafíos del modo Agente de GitHub Copilot para completar! -Nuevo desafío añadido, busca "GitHub Copilot Agent Challenge 🚀" en la mayoría de los capítulos. Es un nuevo desafío para que completes usando GitHub Copilot y el modo Agente. Si no has usado el modo Agente antes, es capaz no solo de generar texto, sino también de crear y editar archivos, ejecutar comandos y más. +Nuevo desafío agregado, busca "Desafío del Agente GitHub Copilot 🚀" en la mayoría de los capítulos. Es un nuevo reto para que completes usando GitHub Copilot y el modo Agente. Si no has usado el modo Agente antes, es capaz no solo de generar texto sino también crear y editar archivos, ejecutar comandos y más. -### 📣 Anuncio - _Nuevo proyecto para construir usando IA Generativa_ +### 📣 Anuncio - _Nuevo Proyecto para construir usando IA Generativa_ -Nuevo proyecto Asistente AI añadido, échale un vistazo [proyecto](./9-chat-project/README.md) +Nuevo proyecto de Asistente IA agregado, échale un vistazo en [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 lanzado ¡No te pierdas nuestro nuevo currículo de IA Generativa! @@ -76,14 +76,14 @@ Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para com ![Background](../../translated_images/es/background.148a8d43afde5730.webp) - Lecciones que cubren desde lo básico hasta RAG. -- Interactúa con personajes históricos usando GenAI y nuestra aplicación compañera. -- ¡Narrativa divertida y atractiva, viajarás en el tiempo! +- Interactúa con personajes históricos usando GenAI y nuestra aplicación complementaria. +- Narrativa divertida y atractiva, ¡viajarás en el tiempo! ![character](../../translated_images/es/character.5c0dd8e067ffd693.webp) -Cada lección incluye una tarea para completar, una revisión de conocimiento y un desafío para guiarte en temas como: -- Prompting y ingeniería de prompts +Cada lección incluye una tarea para completar, una evaluación de conocimiento y un desafío para guiar tu aprendizaje en temas como: +- Prompts y ingeniería de prompts - Generación de apps de texto e imagen - Apps de búsqueda @@ -95,35 +95,35 @@ Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para com > **Profesores**, 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 de la lección, completando las diversas actividades y comprobando su comprensión con el cuestionario posterior a la clase. +**[Estudiantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lección, comienza con un cuestionario previo a la clase y continúa leyendo el material, completando las actividades y verificando tu comprensión con el cuestionario posterior a la clase. -Para mejorar su experiencia de aprendizaje, ¡conéctense con sus compañeros para trabajar juntos en los proyectos! Las discusiones están alentadas 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 mejorar tu experiencia de aprendizaje, ¡conéctate con tus 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 tus preguntas. -Para profundizar en la educación, recomendamos altamente explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiales de estudio adicionales. +Para ampliar tu educación, te recomendamos explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para obtener materiales de estudio adicionales. -### 📋 Configurando tu entorno +### 📋 Configuración de 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 ordenador usando un editor de texto como [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Crea tu repositorio -Para 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. +Para que guardes tu trabajo fácilmente, se recomienda que crees 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. -2. **Clona el Repositorio**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +2. **Clona el Repositorio**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Ejecutando el currículo en un Codespace +#### Ejecutar el currículo en un Codespace 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. ![Codespace](../../translated_images/es/createcodespace.0238bbf4d7a8d955.webp) -#### Ejecutando el currículo localmente en tu computadora +#### Ejecutar el currículo localmente en tu equipo -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 Lenguajes de Programación y Herramientas del Oficio](../../1-getting-started-lessons/1-intro-to-programming-languages), te guiará a través de varias opciones para cada una de estas herramientas para que elijas lo que mejor se adapte a ti. +Para ejecutar este currículo localmente en tu equipo, 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 te funcione. -Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como tu editor, que también tiene un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Puedes descargar Visual Studio Code [aquí](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clona tu repositorio en tu computadora. Puedes hacer esto haciendo clic en el botón **Code** y copiando la URL: +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 integrado](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Puedes descargar Visual Studio Code [aquí](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Clona tu repositorio en tu computadora. Puedes hacerlo haciendo clic en el botón **Code** y copiando la URL: [CodeSpace](./images/createcodespace.png) @@ -133,19 +133,19 @@ Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.co git clone ``` -2. Abre la carpeta en Visual Studio Code. Puedes hacer esto haciendo clic en **File** > **Open Folder** y seleccionando la carpeta que acabas de clonar. +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 de Visual Studio Code: +> Extensiones recomendadas para 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 ## 📂 Cada lección incluye: -- nota gráfica opcional -- video complementario opcional -- cuestionario de calentamiento antes de la lección +- boceto opcional +- video opcional complementario +- cuestionario de calentamiento previo a la lección - lección escrita - para lecciones basadas en proyectos, guías paso a paso sobre cómo construir el proyecto - verificaciones de conocimiento @@ -154,38 +154,38 @@ Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.co - 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, un total de 48 cuestionarios con 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, con un total de 48 cuestionarios de tres preguntas cada uno. Están disponibles [aquí](https://ff-quizzes.netlify.app/web/); la aplicación del cuestionario 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 del oficio | Aprende 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 a hacer su trabajo | [Intro to Programming Languages and Tools of the Trade](./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 | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Comenzando | Accesibilidad | Aprende los conceptos básicos de accesibilidad web | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Básico | Tipos de datos en JavaScript | Los conceptos básicos de los tipos de datos en JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Básico | Funciones y métodos | Aprende sobre funciones y métodos para manejar el flujo lógico de una aplicación | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine y Christopher | -| 06 | JS Básico | Tomando decisiones con JS | Aprende a crear condiciones en tu código utilizando métodos de toma de decisiones | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Básico | Arreglos y bucles | Trabaja con datos usando arreglos y bucles en JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML en práctica | Construye el HTML para crear un terrario en línea, enfocándote en construir un diseño | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS en práctica | Construye el CSS para darle estilo al terrario en línea, enfocándote en los fundamentos de CSS, incluyendo hacer la página responsiva | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures 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 | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construye un juego de mecanografía | Aprende a usar eventos de teclado para manejar la lógica de tu aplicación JavaScript | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Trabajando con navegadores | Aprende cómo funcionan los navegadores, su historia y cómo esqueletonizar los primeros elementos de una extensión para navegador | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construir un formulario, llamar a una API y almacenar variables localmente | Construye los elementos JavaScript de tu extensión de navegador para llamar una API usando variables almacenadas localmente | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesos en segundo plano en el navegador, rendimiento web | Usa los procesos en segundo plano del navegador para administrar el ícono de la extensión; aprende sobre el rendimiento web y algunas optimizaciones para mejorarlo | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./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, para prepararte para construir un juego | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Dibujando en canvas | Aprende sobre la API Canvas, usada para dibujar elementos en una pantalla | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Moviendo elementos por la pantalla | Descubre cómo los elementos pueden adquirir movimiento usando coordenadas cartesianas y la API Canvas | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Detección de colisiones | Haz que los elementos colisionen y reaccionen entre sí usando presiones de tecla y provee una función de enfriamiento para asegurar el rendimiento del juego | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Mantener puntuación | Realiza cálculos matemáticos basados en el estado y rendimiento del juego | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Finalizar y reiniciar el juego | Aprende sobre finalizar y reiniciar el juego, incluyendo limpiar recursos y reiniciar valores de variables | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Plantillas HTML y rutas en una aplicación web | Aprende a crear la estructura de la arquitectura de un sitio web multipágina usando rutas y plantillas HTML | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Construye un formulario de inicio de sesión y registro | Aprende a construir formularios y manejar rutinas de validación | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Métodos para obtener y usar datos | Cómo fluyen los datos dentro y fuera de tu aplicación, cómo obtenerlos, almacenarlos y desecharlos | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./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 | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Trabajar con VScode | Aprende a usar un editor de código | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Trabajar con IA | Aprende a construir tu propio asistente de IA | [AI Assistant project](./9-chat-project/README.md) | Chris | +| | Nombre del Proyecto | Conceptos Enseñados | Objetivos de Aprendizaje | Lección Vinculada | Autor | +| :-: | :----------------------------------------------------------: | :----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Comenzando | Introducción a la Programación y Herramientas del Oficio | Aprender 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 del Oficio](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Comenzando | Conceptos básicos de GitHub, incluyendo 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 JS | Tipos de Datos en JavaScript | Lo básico sobre los tipos de datos en JavaScript | [Tipos de Datos](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Fundamentos 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 JS | Tomar Decisiones con JS | Aprende a crear condiciones en tu código utilizando métodos de toma de decisiones | [Tomar Decisiones](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Fundamentos JS | Arreglos y Bucles | Trabaja 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 | Construye el HTML para crear un terrario en línea, enfocándose 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 estilizar el terrario en línea, enfocándose en los conceptos básicos de CSS incluyendo hacer la página responsiva | [Introducción a CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrario](./3-terrarium/solution/README.md) | Closures en JavaScript, manipulación del DOM | Construye el JavaScript para hacer que el terrario funcione como una interfaz de arrastrar y soltar, con énfasis 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 tipeo](./4-typing-game/solution/README.md) | Construir un Juego de Tipeo | Aprende a usar eventos de teclado para impulsar la lógica de tu aplicación JavaScript | [Programación guiada 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 crear la estructura inicial 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 formularios, llamadas a API y almacenamiento local | Construye los elementos JavaScript de tu extensión para 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 gestionar el ícono de la extensión; aprende sobre el 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 Avanzado con JavaScript | Aprende sobre herencia usando Clases y Composición y el patrón Pub/Sub, preparando 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) | Dibujo en canvas | Aprende sobre la API Canvas, usada para dibujar elementos en una pantalla | [Dibujo en Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Juego Espacial](./6-space-game/solution/README.md) | Mover elementos por la pantalla | Descubre cómo los elementos pueden adquirir 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 tecla y proporciona una función de enfriamiento 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 la puntuación | Realiza cálculos matemáticos basados en el estado y desempeño del juego | [Mantener la puntuación](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Juego Espacial](./6-space-game/solution/README.md) | Finalizar y reiniciar el juego | Aprende sobre cómo finalizar y reiniciar el juego, incluyendo limpiar recursos y reiniciar valores de variables | [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 | Aprende a crear la estructura arquitectónica de un sitio web multipágina usando rutas 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) | Construye un formulario de inicio de sesión y registro | Aprende sobre construcción de formularios y manejo de 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 fluye la información dentro y fuera de tu aplicación, cómo obtenerla, almacenarla y eliminarla | [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 mantiene el estado y cómo gestionarlo 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 el editor de código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Asistentes AI](./9-chat-project/README.md) | Trabajar con AI | Aprende a construir tu propio asistente AI | [Proyecto de asistente AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogía @@ -193,22 +193,22 @@ Nuestro currículo está diseñado con dos principios pedagógicos clave en ment * aprendizaje basado en proyectos * cuestionarios frecuentes -El programa enseña los fundamentos de JavaScript, HTML y CSS, así como las últimas herramientas y técnicas utilizadas 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. +El programa enseña los fundamentos de JavaScript, HTML y CSS, así como las últimas herramientas y técnicas utilizadas por los desarrolladores web actuales. Los estudiantes tendrán la oportunidad de desarrollar experiencia práctica construyendo un juego de tipeo, 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 un sólido entendimiento del desarrollo web. -> 🎓 ¡Puedes tomar las primeras lecciones de este currículo como una [ruta de aprendizaje](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) en Microsoft Learn! +> 🎓 ¡Puedes tomar las primeras lecciones de este currículo como un [Camino de Aprendizaje](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) en Microsoft Learn! -Al asegurar que el contenido se alinee con proyectos, el proceso se vuelve más atractivo para los estudiantes y se potencia la retención de conceptos. También escribimos varias lecciones introductorias en los fundamentos de JavaScript para introducir conceptos, acompañadas de un video de la colección de tutoriales en video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", algunos de cuyos autores contribuyeron a este currículo. +Al asegurar que el contenido esté alineado con proyectos, el proceso se vuelve más atractivo para los estudiantes y se incrementa la retención de conceptos. También escribimos varias lecciones iniciales en fundamentos de JavaScript para introducir conceptos, combinadas con un video de la colección "[Serie para principiantes en: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" de tutoriales en video, algunos de cuyos autores contribuyeron a este currículo. -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 garantiza 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 cada vez más complejos al final del ciclo de 12 semanas. +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 retención adicional. Este currículo fue diseñado para ser flexible y divertido y puede tomarse completo o en partes. Los proyectos comienzan pequeños y se vuelven cada vez más complejos al final del ciclo de 12 semanas. -Aunque hemos evitado intencionadamente introducir frameworks de JavaScript para concentrarnos en las habilidades básicas necesarias como desarrollador web antes de adoptar un framework, un buen siguiente paso después de completar este currículo sería aprender sobre Node.js a través de otra colección de videos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +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 currículo sería aprender sobre Node.js a través de otra colección de videos: "[Serie para Principiantes en: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Visita nuestras guías de [Código de Conducta](CODE_OF_CONDUCT.md) y [Contribuciones](CONTRIBUTING.md). ¡Agradecemos tus comentarios constructivos! +> Visita nuestras directrices de [Código de Conducta](CODE_OF_CONDUCT.md) y [Contribuciones](CONTRIBUTING.md). ¡Agradecemos tus comentarios constructivos! ## 🧭 Acceso sin conexión -Puedes ejecutar esta documentación sin conexión utilizando [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). @@ -216,7 +216,7 @@ Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.githu ## 🎒 Otros Cursos -¡Nuestro equipo produce otros cursos! Mira: +¡Nuestro equipo produce otros cursos! Consulta: ### LangChain @@ -225,7 +225,7 @@ Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.githu [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### 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) @@ -260,21 +260,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 construir aplicaciones de IA. Únete a otros estudiantes 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 las preguntas son bienvenidas y el conocimiento se comparte libremente. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Si tienes comentarios sobre el producto o encuentras errores mientras desarrollas, 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 está bajo 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 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 una traducción profesional realizada por humanos. No nos hacemos responsables de cualquier malentendido o interpretación errónea que surja del uso de esta traducción. +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 exactitud, tenga en cuenta que las traducciones automatizadas 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 humana. No nos hacemos responsables de ningún malentendido o interpretación errónea derivada del uso de esta traducción. \ No newline at end of file diff --git a/translations/es/lesson-template/README.md b/translations/es/lesson-template/README.md index 17d4b87bb2..e90bb2df42 100644 --- a/translations/es/lesson-template/README.md +++ b/translations/es/lesson-template/README.md @@ -1,54 +1,79 @@ -# [Tema de la lección] +# Tema de la Lección -![Incrustar un video aquí](../../../lesson-template/video-url) +## 🎥 Video -## [Cuestionario previo a la clase](../../../lesson-template/quiz-url) +> Agrega un video incrustado o enlace de la lección aquí. -[Describe lo que aprenderemos] +--- + +## Cuestionario previo a la clase + +> Agrega un enlace al cuestionario aquí cuando esté disponible. + +--- + +Proporciona una breve visión general de lo que los estudiantes aprenderán en esta lección. + +--- ### Introducción -Describe lo que se cubrirá +Proporciona una breve introducción que describa lo que se cubrirá en esta lección. > Notas +--- + ### Requisitos previos -¿Qué pasos deberían haberse completado antes de esta lección? +Enumera los conceptos o temas que los estudiantes ya deberían conocer antes de comenzar esta lección. + +--- ### Preparación -Pasos preparatorios para comenzar esta lección +Enumera los pasos de configuración o herramientas necesarias antes de comenzar la lección. --- -[Avanza por el contenido en bloques] +### Contenido + +Avanza a través del contenido de la lección en secciones estructuradas. -## [Tema 1] +--- + +## Tema 1 ### Tarea: -Trabajen juntos para mejorar progresivamente su base de código y construir el proyecto con código compartido: +Trabajen juntos para mejorar progresivamente su base de código para construir el proyecto con código compartido: ```html code blocks ``` -✅ Verificación de conocimiento: aprovecha este momento para ampliar el conocimiento de los estudiantes con preguntas abiertas +✅ Verificación de conocimiento +Aprovecha este momento para desafiar el conocimiento de los estudiantes con preguntas abiertas. -## [Tema 2] +## Tema 2 +## Tema 3 -## [Tema 3] +🚀 Desafío +Agrega un desafío colaborativo para que los estudiantes mejoren el proyecto. -🚀 Desafío: Agrega un desafío para que los estudiantes trabajen colaborativamente en clase y mejoren el proyecto +Opcional: agrega una captura de pantalla de la interfaz de usuario completa de la lección si es apropiado. -Opcional: agrega una captura de pantalla de la interfaz de usuario de la lección completada si es apropiado +## Cuestionario posterior a la clase -## [Cuestionario posterior a la clase](../../../lesson-template/quiz-url) +Agrega un enlace al cuestionario aquí después de completar la lección. -## Revisión y estudio autónomo +## Revisión y Estudio Personal -**Entrega de tarea [MM/YY]**: [Nombre de la tarea](assignment.md) +**Entrega de asignación [MM/AA]**: [Nombre de la asignación](assignment.md) + +--- -**Descargo de responsabilidad**: -Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Si bien nos esforzamos por lograr precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o imprecisiones. El documento original en su idioma nativo debe considerarse como 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 que puedan surgir del uso de esta traducción. \ No newline at end of file + +**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 por malentendidos o interpretaciones erróneas que surjan del uso de esta traducción. + \ No newline at end of file diff --git a/translations/et/.co-op-translator.json b/translations/et/.co-op-translator.json index 029fa2f96a..3b07d697cc 100644 --- a/translations/et/.co-op-translator.json +++ b/translations/et/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:05:07+00:00", + "translation_date": "2026-04-24T13:49:20+00:00", "source_file": "AGENTS.md", "language_code": "et" }, @@ -516,8 +516,8 @@ "language_code": "et" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:22:07+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T13:41:51+00:00", "source_file": "README.md", "language_code": "et" }, @@ -564,8 +564,8 @@ "language_code": "et" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-10-11T11:48:06+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T13:42:02+00:00", "source_file": "lesson-template/README.md", "language_code": "et" }, diff --git a/translations/et/AGENTS.md b/translations/et/AGENTS.md index 51288fc15a..4cd5e6752e 100644 --- a/translations/et/AGENTS.md +++ b/translations/et/AGENTS.md @@ -2,46 +2,46 @@ ## Projekti ülevaade -See on hariduslik õppekava hoidla veebiarenduse aluste õpetamiseks algajatele. Õppekava on Microsoft Cloud Advocatesi poolt välja töötatud põhjalik 12-nädalane kursus, mis sisaldab 24 praktilist õppetundi JavaScripti, CSSi ja HTMLi kohta. +See on õppekava hoidla veebiarenduse alusteadmiste õpetamiseks algajatele. Õppekava on põhjalik 12-nädalane kursus, mille on välja töötanud Microsoft Cloud Advocates, sisaldades 24 praktilist tundit JavaScripti, CSS-i ja HTML-i kohta. ### Peamised komponendid -- **Hariduslik sisu**: 24 struktureeritud õppetundi projektipõhistes moodulites -- **Praktilised projektid**: Terrarium, Trükkimismäng, Brauserilaiendus, Kosmosemäng, Pangaäpp, Koodiredaktor ja AI vestlusassistent -- **Interaktiivsed viktoriinid**: 48 viktoriini, igaühes 3 küsimust (enne ja pärast õppetundi hindamised) -- **Mitmekeelne tugi**: 50+ keele automaatne tõlge GitHub Actions abil -- **Tehnoloogiad**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektide jaoks) +- **Õppe sisu**: 24 struktureeritud tundi, organiseeritud projektipõhistesse moodulitesse +- **Praktilised projektid**: Terrarium, Klahvivajutuse mäng, Brauserilaiendus, Kosmosemäng, Panga rakendus, Koodiredaktor ja tehisintellekti vestlusassistent +- **Interaktiivsed viktoriinid**: 48 viktoriini, igaühes 3 küsimust (enne/järgi tunni hindamine) +- **Mitmekeelsus**: Automaatne tõlge 50+ keelde GitHub Actions abil +- **Tehnoloogiad**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (tehisintellekti projektide jaoks) ### Arhitektuur -- Hariduslik hoidla õppetundide struktuuriga -- Igas õppetunni kaustas on README, koodinäited ja lahendused -- Eraldiseisvad projektid eraldi kataloogides (quiz-app, erinevad õppetunniprojektid) -- Tõlkesüsteem GitHub Actions (co-op-translator) abil -- Dokumentatsioon esitatakse Docsify kaudu ja on saadaval PDF-formaadis +- Õppehoidla, millel on tunnipõhine struktuur +- Igas tunni kaustas on README, koodinäited ja lahendused +- Iseseisvad projektid eraldi kataloogides (quiz-app, erinevad tundide projektid) +- Tõlkesüsteem kasutades GitHub Actions (co-op-translator) +- Dokumentatsioon on kättesaadav läbi Docsify ja PDF-vormingus -## Paigaldus käsud +## Seadistuskäsud -See hoidla on mõeldud peamiselt haridussisu tarbimiseks. Spetsiifiliste projektidega töötamiseks: +See hoidla on peamiselt mõeldud õppe sisuga tutvumiseks. Konkreetsete projektidega töötamiseks: -### Peamise hoidla seadistamine +### Peahoidla seadistus ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Quiz App seadistamine (Vue 3 + Vite) +### Viktoriini rakenduse seadistus (Vue 3 + Vite) ```bash cd quiz-app npm install npm run dev # Käivita arendusserver -npm run build # Ehita tootmiseks +npm run build # Koosta tootmiseks npm run lint # Käivita ESLint ``` -### Pangaprojekti API (Node.js + Express) +### Panga projekti API (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,12 +51,12 @@ npm run lint # Käivita ESLint npm run format # Vorminda Prettieriga ``` -### Brauserilaienduse projektid +### Brauserilaienduste projektid ```bash cd 5-browser-extension/solution npm install -# Järgige brauserispetsiifilisi laienduse laadimise juhiseid +# Järgige brauserispetsiifilisi laienduste laadimisjuhiseid ``` ### Kosmosemängu projektid @@ -67,50 +67,50 @@ npm install # Ava index.html brauseris või kasuta Live Serverit ``` -### Vestlusprojekti tagaplaan (Python) +### Vestlusprojekti (Python taust) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Määra keskkonnamuutuja GITHUB_TOKEN +# Sea GITHUB_TOKEN keskkonnamuutuja python api.py ``` -## Arendustöövoog +## Arendusprotsess -### Sisuloomele +### Sisulooja jaoks -1. **Forki hoidla** oma GitHub kontole -2. **Klooni oma fork lokaalselt** -3. **Loo uus haru** oma muudatuste jaoks -4. Tee muudatusi õppe sisu või koodinäidetes -5. Testi muudatusi vastavates projektikaustades -6. Esita pull request vastavalt panustamise juhistele +1. **Looge hoidla forkitus** oma GitHubi kontole +2. **Kloonige oma fork kohalikult** +3. **Looge uus haru** oma muudatuste jaoks +4. Tehke muudatusi tunni sisus või koodinäidetes +5. Testige koodimuudatusi vastavates projektikaustades +6. Esitage pull requestid vastavalt panustamise juhistele -### Õppijatele +### Õppija jaoks -1. Forki või klooni hoidla -2. Liigu õppetundide kaustades järjekorras -3. Loe iga õppetunni README faile -4. Täida eelnevad viktoriinid aadressil https://ff-quizzes.netlify.app/web/ -5. Töötle läbi õppetunni koodinäited -6. Täida ülesanded ja väljakutsed -7. Tee lõppviktoriinid +1. Forkige või kloonige hoidla +2. Liikuge järjestikku läbi tunnikaustade +3. Lugege iga tunni README-faile +4. Täitke enne tundi viktoriinid aadressil https://ff-quizzes.netlify.app/web/ +5. Töötage läbi koodinäited tunnikaustades +6. Täitke ülesanded ja väljakutsed +7. Tehke pärast tundi viktoriinid ### Reaalajas arendus -- **Dokumentatsioon**: käivita juurkataloogis `docsify serve` (port 3000) -- **Quiz App**: käivita `npm run dev` quiz-app kataloogis -- **Projektid**: kasuta VS Code Live Server laiendust HTML projektide jaoks -- **API projektid**: käivita vastavates API kaustades `npm start` +- **Dokumentatsioon**: Käivitage `docsify serve` juurkataloogis (port 3000) +- **Viktoriinirakendus**: Käivitage `npm run dev` quiz-app kaustas +- **Projektid**: Kasutage VS Code Live Server laiendit HTML projektide jaoks +- **API projektid**: Käivitage `npm start` vastavates API kaustades -## Testimisjuhised +## Testimise juhised -### Quiz App testimine +### Viktoriinirakenduse testimine ```bash cd quiz-app -npm run lint # Kontrolli koodistiili probleeme +npm run lint # Kontrolli koodi stiili probleeme npm run build # Kontrolli, kas ehitus õnnestub ``` @@ -118,165 +118,165 @@ npm run build # Kontrolli, kas ehitus õnnestub ```bash cd 7-bank-project/api -npm run lint # Kontrolli koodi stiiliprobleeme +npm run lint # Kontrolli koodistiili vigu node server.js # Kontrolli, et server käivitub ilma vigadeta ``` -### Üldine testimisviis +### Üldine testimislähenemine -- See on hariduslik hoidla ilma põhjalike automatiseeritud testideta -- Käsitsi testimine keskendub: - - Koodinäited töötavad ilma vigadeta - - Dokumentatsiooni lingid töötavad korrektselt - - Projektide ehitused õnnestuvad +- See on õppehoidla ilma täielike automatiseeritud testideta +- Käsitsi testimisel keskendutakse: + - Koodinäited töötavad vigadeta + - Dokumentatsiooni lingid toimivad korrektselt + - Projektide ehitused lõppevad edukalt - Näited järgivad parimaid tavasid -### Enne esitamist kontroll +### Enne esitamist kontrollid -- Käivita kataloogides, kus on package.json, `npm run lint` -- Kontrolli markdown linkide korrasolekut -- Testi koodinäiteid brauseris või Node.js-s -- Veendu, et tõlked säilitavad õige struktuuri +- Käivitage `npm run lint` kaustades, kus on package.json +- Kontrollige markdowni lingid kehtivust +- Testige koodi näited brauseris või Node.js-s +- Veenduge, et tõlked säilitavad õige struktuuri -## Koodi stiili juhised +## Koodistiili juhised ### JavaScript -- Kasuta kaasaegset ES6+ süntaksit -- Järgi projektides olevaid standardseid ESLint konfiguratsioone -- Kasuta tähenduslikke muutujate ja funktsioonide nimesid selguse huvides -- Lisa kommentaare, mis selgitavad mõisteid õppijatele -- Vorminda koodi Prettieriga, kus see on seadistatud +- Kasutage kaasaegset ES6+ süntaksit +- Järgige projektides olevaid standardseid ESLint konfiguratsioone +- Kasutage tähenduslikke muutujate ja funktsioonide nimesid hariduse lihtsustamiseks +- Lisage kommentaare kontseptsioonide selgitamiseks õppijatele +- Vormindage Prettier abil, kui see on seadistatud ### HTML/CSS -- Semantiline HTML5 elementide kasutus -- Reageeriv disainiprintsiip -- Selged klassinimede reeglid -- Kommentaarid, mis selgitavad CSS tehnikaid õppijatele +- Semeantiline HTML5 kasutamine +- Reageeriv disaini põhimõtted +- Selged klassinimed +- Kommentaarid CSS tehnikate selgitamiseks õppijatele ### Python -- Järgi PEP 8 stiilijuhiseid -- Selged ja hariduslikud koodinäited -- Kasuta tüübiviiteid, kus õppimiseks kasulik +- PEP 8 stiiljuhised +- Selged, hariduslikud koodinäited +- Kui kasulik, siis tüüpi vihjed õppe hõlbustamiseks ### Markdown dokumentatsioon -- Selge pealkirjade hierarhia -- Koodiplokid koos keelespetsifikatsiooniga -- Lingid lisamaterjalidele +- Selge pealkirjastruktuur +- Koodiblokid keelespetsiifikatsiooniga +- Lingid täiendavatele ressurssidele - Ekraanipildid ja pildid `images/` kaustades -- Piltide jaoks alternatiivtekst ligipääsetavuse tagamiseks +- Piltide alt-tekst ligipääsetavuse tagamiseks ### Failide organiseerimine -- Õppetunnid nummerdatud järjestikku (1-getting-started-lessons, 2-js-basics jne) +- Tunnid nummerdatud järjestikku (1-getting-started-lessons, 2-js-basics jne) - Igal projektil on `solution/` ja sageli `start/` või `your-work/` kaustad -- Pildid salvestatud õppetundide spetsiifilistesse `images/` kaustadesse -- Tõlked `translations/{language-code}/` struktuuris +- Pildid on salvestatud konkreetse tunni `images/` kaustadesse +- Tõlked struktuuris `translations/{language-code}/` -## Ehitamine ja juurutamine +## Ehitus ja juurutamine -### Quiz App juurutamine (Azure Static Web Apps) +### Viktoriinirakenduse juurutamine (Azure Static Web Apps) -Quiz-app on konfigureeritud Azure Static Web Apps juurutamiseks: +Viktoriinirakendus on seadistatud Azure Static Web Apps jaoks: ```bash cd quiz-app -npm run build # Loob dist/ kausta -# Paigaldab GitHub Actions töövoo kaudu, kui tehakse push main harusse +npm run build # Loob kausta dist/ +# Käivitab juurutamise GitHub Actions töövoo kaudu, kui tehakse push main harusse ``` -Azure Static Web Apps konfiguratsioon: +Azure Static Web Apps seadistus: - **Rakenduse asukoht**: `/quiz-app` -- **Väljundasukoht**: `dist` +- **Väljundi asukoht**: `dist` - **Töövoog**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Dokumentatsiooni PDF genereerimine ```bash -npm install # Paigalda docsify-to-pdf -npm run convert # Genereeri PDF docsist +npm install # Installi docsify-to-pdf +npm run convert # Genereeri PDF docs-ist ``` ### Docsify dokumentatsioon ```bash -npm install -g docsify-cli # Paigalda Docsify ülemaailmselt -docsify serve # Serveeri aadressil localhost:3000 +npm install -g docsify-cli # Installi Docsify globaalselt +docsify serve # Serveri aadressil localhost:3000 ``` -### Projekti-spetsiifilised ehitused +### Projektipõhised ehitused Igal projekti kaustal võib olla oma ehitusprotsess: -- Vue projektid: `npm run build` loob tootmispaketid -- Staatilised projektid: eraldi ehitusetappi ei ole, faile serveeritakse otse +- Vue projektid: `npm run build` loob tootmisversiooni pakid +- Staatilised projektid: ehitusetapp puudub, failid serveeritakse otse -## Pull requesti juhised +## Pull requestide juhised -### Pealkirja formaat +### Pealkirja vorming -Kasuta selgeid ja kirjeldavaid pealkirju, mis näitavad muudatuse valdkonda: -- `[Quiz-app] Lisa uus viktoriin õppetunnile X` +Kasutage selgeid, kirjeldavaid pealkirju muudatuse teema täpsustamiseks: +- `[Quiz-app] Lisa uus viktoriin tunnile X` - `[Lesson-3] Paranda kirjaviga terrarium projekti juures` -- `[Translation] Lisa hispaania tõlge õppetunnile 5` -- `[Docs] Uuenda paigaldusjuhiseid` +- `[Translation] Lisa hispaania tõlge tunnile 5` +- `[Docs] Uuenda seadistamise juhiseid` -### Nõutavad kontrollid +### Vajalikud kontrollid -Enne PR-i esitamist: +Enne PR esitamist: 1. **Koodi kvaliteet**: - - Käivita mõjutatud projektikaustades `npm run lint` - - Paranda kõik lintimise vead ja hoiatused + - Käivitage `npm run lint` mõjutanud projektikaustades + - Parandage kõik lintimise vead ja hoiatused 2. **Ehituse kontroll**: - - Käivita `npm run build`, kui see kehtib - - Veendu, et ehitus ei anna vigu + - Käivitage `npm run build` kui rakendub + - Veenduge, et ehitus ei ole ebaõnnestunud 3. **Linkide kontroll**: - - Testi kõiki markdown linke - - Kontrolli pildi viidete toimimist + - Testige kõiki markdowni lingid + - Kontrollige piltide viited töötavad -4. **Sisu ülevaade**: - - Tee õigekirja ja grammatika ülevaade - - Veendu, et koodinäited on korrektsed ja hariduslikud - - Kontrolli, et tõlked säilitavad algse tähenduse +4. **Sisu ülevaatus**: + - Toimetage õigekirja ja grammatika osas + - Veenduge, et koodinäited on korrektsed ja õpetlikud + - Kontrollige, et tõlked säilitavad algse tähenduse -### Panustamise nõuded +### Panustamise tingimused -- Nõustu Microsoft CLA-ga (automaatselt esimese PR-i juures) -- Järgi [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Vaata [CONTRIBUTING.md](./CONTRIBUTING.md) üksikasjalike juhiste jaoks -- Viita PR kirjelduses vajadusel issue numbritele +- Nõustuge Microsoft CLA-ga (automaatne kontroll esimesel PR-il) +- Järgige [Microsofti avatud lähtekoodi käitumisreegleid](https://opensource.microsoft.com/codeofconduct/) +- Vaadake üksikasjalikke juhiseid failist [CONTRIBUTING.md](./CONTRIBUTING.md) +- Viidake probleeminumbritele PR kirjelduse juures, kui asjakohane ### Ülevaatusprotsess -- PR-e vaatavad läbi hoidla hooldajad ja kogukond -- Eesmärk on haridusliku selguse tagamine -- Koodinäited peavad järgima parimaid tänaseid tavasid -- Tõlked üle vaadatakse täpsuse ja kultuurilise sobivuse osas +- PR-e vaatavad üle hoidjate ja kogukonna liikmed +- Eetiline hariduslik selgus on prioriteet +- Koodinäited peaksid järgima parimaid praktikaid +- Tõlked kontrollitakse täpsuse ja kultuurilise sobivuse suhtes ## Tõlkesüsteem ### Automaatne tõlge -- Kasutab GitHub Actions koos co-op-translator töövooga -- Tõlgib automaatselt 50+ keelde -- Algfailid peamistest kataloogidest -- Tõlgitud failid `translations/{language-code}/` kataloogides +- Kasutatakse GitHub Actions koos co-op-translator töövooga +- Tõlgib automaatselt enam kui 50 keelde +- Allikfailid asuvad põhikaustades +- Tõlgitud failid asuvad struktuuris `translations/{language-code}/` -### Käsitsi tõlkete parandused +### Käsitsi tõlkeparanduste lisamine -1. Leia fail `translations/{language-code}/` kataloogis -2. Tee parandused, hoides struktuuri muutumatuna -3. Veendu, et koodinäited jäävad toimima -4. Testi lokaliseeritud viktoriini sisu +1. Leidke fail kaustast `translations/{language-code}/` +2. Tehke parandused säilitades struktuuri +3. Veenduge, et koodinäited jäävad töökorras +4. Testige tõlgitud viktoriini sisu ### Tõlke metaandmed -Tõlgitud failidel on metaandmete päis: +Tõlgitud failid sisaldavad metaandmete päist: ```markdown -**Vastutusest loobumine**: -See dokument on tõlgitud kasutades tehisintellekti tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi me püüame täpsust, palun arvestage, et automaatsed tõlked võivad sisaldada vigu või ebatäpseid osi. Originaaldokument selle emakeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tingitud arusaamatuste ega väärarusaamade eest. +**Vastutusest loobumine**: +See dokument on tõlgitud kasutades tehisintellekti tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame tagada täpsust, palun arvestage, et automatiseeritud tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks lugeda autoriteetse allikana. Kriitilise info puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühegi arusaamatuse või valesti mõistmise eest, mis võib tekkida selle tõlke kasutamisest. \ No newline at end of file diff --git a/translations/et/README.md b/translations/et/README.md index 281596379e..bedcfdbcb7 100644 --- a/translations/et/README.md +++ b/translations/et/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Veebiarendus algajatele - õppekava +# Veebiarendus algajatele – õppematerjal -Õppige veebiarenduse põhialuseid meie Microsoft Cloud Advocates 12-nädalase põhjaliku kursusega. Iga 24 õppetundi sukeldub JavaScripti, CSS-i ja HTML-i praktiliste projektide kaudu, nagu terrariumid, brauserilaiendid ja kosmosemängud. Osalege viktoriinides, aruteludes ja praktilistes ülesannetes. Täiendage oma oskusi ja optimeerige teadmiste omandamist meie tõhusa projektipõhise pedagoogiaga. Alustage oma programmeerimisteekonda juba täna! +Õpi veebiarenduse põhitõdesid meie 12-nädalase põhjaliku kursusega, mille on koostanud Microsoft Cloud Advocates. Iga 24-st õppetunnist süüvib JavaScripti, CSS-i ja HTML-i käsipõhiste projektide kaudu, näiteks terrariumid, brauserilaiendid ja kosmosemängud. Osale viktoriinides, aruteludes ja praktilistes ülesannetes. Paranda oma oskusi ja loo teadmiste paremat kinnistamist tõhusa projektipõhise õpetamismeetodi abil. Alusta oma kodeerimisteekonda juba täna! -Liituge Azure AI Foundry Discordi kogukonnaga +Liitu Azure AI Foundry Discordiga ja kohtle eksperte ning kaasprogrammeerejaid. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Järgige neid samme, et alustada nende ressursside kasutamist: -1. **Tehke hoidlast Fork**: Klõpsake [![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) +1. **Tee hoidlast oma versioon (fork)**: Vajuta [![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. **Klooni hoidla**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning teiste arendajatega**](https://discord.com/invite/ByRwuEEgH4) +3. [**Liitu Azure AI Foundry Discordiga ja kohtle eksperte ning kaasprogrammeerejaid**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Mitmekeelne tugi -#### Toetatud GitHub Actioni kaudu (automatiseeritud ja alati ajakohane) +#### Toetatud GitHub Actioni kaudu (automaatne ja alati ajakohane) [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](./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) | [Khmer](../km/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](../es/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) -> **Eelistate kloonida lokaalselt?** +> **Eelistad kloonimist kohapeal?** > -> See hoidla sisaldab üle 50 keele tõlget, mis suurendab oluliselt allalaaditava faili suurust. Tõlgeteta kloonimiseks kasutage sparse checkouti: +> See hoidla sisaldab üle 50 keele tõlkeid, mis suurendab oluliselt allalaadimismahtu. Kui soovid kloonida ilma tõlgeteta, kasuta sparse checkouti: > > **Bash / macOS / Linux:** > ```bash @@ -48,175 +48,174 @@ Järgige neid samme, et alustada nende ressursside kasutamist: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> See annab teile kõik vajaliku kursuse läbimiseks palju kiirema allalaadimisega. +> See annab sulle kõik vajaliku, et kursuse lõpetada palju kiirema allalaadimisega. -**Kui soovite, et toetataks täiendavaid tõlkekeeli, on need loetletud [siin](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Kui soovid lisatõlkeid, siis toetatud keeled on loetletud siin. [siin](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _Kas oled õpilane?_ +#### 🧑‍🎓 _Oled tudeng?_ -Külasta [**Õpilase keskuse lehte**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajate ressursid, õpilaspakid ja isegi võimalusi saada tasuta sertifikaadikuponk. Seda lehte soovitatakse järjehoidjates hoida ja aeg-ajalt kontrollida, sest me vahetame sisu igakuiselt. +Külasta [**Student Hub lehekülge**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajale mõeldud ressursse, tudengipakette ja isegi võimalusi saada tasuta tunnistuse vautšer. See on lehekülg, mida tasub järjehoidjates hoida ja aeg-ajalt kontrollida, sest sisu uuendatakse igakuiselt. -### 📣 Teade - Uued GitHub Copilot agendi režiimi väljakutsed täitmiseks! +### 📣 Teade – Uued väljakutsed GitHub Copilot Agent režiimis! -Lisatud uus väljakutse - otsi pealkirja "GitHub Copilot Agent Challenge 🚀" enamikus peatükkides. See on uus väljakutse GitHub Copiloti ja agendi režiimis kasutamiseks. Kui sa pole agendi režiimi varem kasutanud, siis see suudab lisaks teksti genereerimisele ka faile luua ja muuta, käsklusi jooksutada ja palju muud. +Lisandunud on uus väljakutse, otsi enamikust peatükkidest "GitHub Copilot Agent Challenge 🚀". See on uus väljakutse, mille saad lahendada GitHub Copiloti ja Agendi režiimis. Kui sa pole Agendi režiimi varem kasutanud, siis see suudab mitte ainult teksti genereerida, vaid ka luua ja muuta faile, käivitada käske ja palju muud. -### 📣 Teade - _Uus Projekt generatiivse tehisintellekti kasutamiseks_ +### 📣 Teade – _uus projekt generatiivse tehisintellekti abil arendamiseks_ -Lisatud on uus AI abiprojekt, vaata [projekti](./9-chat-project/README.md) +Täiesti uus AI assistendi projekt lisatud, vaata [projekti](./9-chat-project/README.md) -### 📣 Teade - _Uus õppekava_ generatiivse tehisintellekti kohta JavaScripti jaoks on just välja antud +### 📣 Teade – _uus õppekava_ generatiivsele tehisintellektile JavaScripti jaoks avaldatud -Ära jäta vahele meie uut generatiivse tehisintellekti õppekava! +Ära jäta tähelepanuta meie uut generatiivse tehisintellekti õppekava! -Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +Alusta siin: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -![Taust](../../translated_images/et/background.148a8d43afde5730.webp) +![Background](../../translated_images/et/background.148a8d43afde5730.webp) -- Õppetunnid hõlmavad kõike alates põhialustest kuni RAG-ini. +- Õppetunnid katavad kõike alates algtõdedest kuni RAG-ini. - Suhtle ajalooliste tegelastega GenAI ja meie kaasrakenduse abil. -- Lõbus ja kaasahaarav narratiiv, sa rändad ajas! +- Lõbus ja kaasahaarav jutustus, mis viib sind ajas rändama! -![tegelane](../../translated_images/et/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/et/character.5c0dd8e067ffd693.webp) - -Iga õppetund sisaldab ülesannet, teadmiste kontrolli ja väljakutset, mis juhib sind järgmiste teemade õppimisel: -- Päringute koostamine ja päringute inseneritöö -- Teksti ja pildi rakenduste genereerimine +Iga õppetund sisaldab lõpetamiseks ülesannet, teadmiste kontrolli ja väljakutset, mis juhendab teemasid nagu: +- Päringud ja päringu inseneriteadus +- Teksti- ja pildirakenduste genereerimine - Otsingurakendused -Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +Alusta siin: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ## 🌱 Alustamine -> **Õpetajad**, oleme lisanud [mõned soovitused](for-teachers.md) selle õppekava kasutamiseks. Ootame teie tagasisidet [meie arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Õpetajad**, me oleme lisanud [mõned soovitused](for-teachers.md) selle õppekava kasutamiseks. Ootame teie tagasisidet [meie aruteluvõrgustikus](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, iga õppetunni juures alustage eelloenguviktoriiniga ja jätkake loengumaterjali lugemise, erinevate tegevuste lõpetamise ja järelviktoriini tegemisega oma arusaamise kontrollimiseks. +**[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, iga õppetunni puhul alusta eelloenguviktoriinist ja jätka loengumaterjalide lugemisega, erinevate tegevuste lõpetamisega ning testi oma arusaamist järelloengu viktoriiniga. -Et parandada õpikogemust, ühenduge oma eakaaslastega, et projektides koos töötada! Arutelud on teretulnud meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorite meeskond vastab teie küsimustele. +Õppimise rikastamiseks seo end eakaaslastega, et töötada projektide kallal koos! Arutelud on soovitatavad meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorid aitavad sul küsimustele vastuseid leida. -Hariduse süvendamiseks soovitame tungivalt uurida [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) täiendavate õppematerjalide jaoks. +Edasise hariduse jaoks soovitame tungivalt uurida [Microsoft Learn’i](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) lisamaterjale. ### 📋 Keskkonna seadistamine -Sellel õppekaval on valmis arenduskeskkond! Alustades võite valida kursuse käivitamiseks [Codespace'is](https://github.com/features/codespaces/) (_brauseripõhine, ilma installeerimiseta keskkond_) või lokaalselt oma arvutis tekstiredaktori, nagu [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), abil. +See õppekava on varustatud arenduskeskkonnaga, mis on kohe kasutusvalmis! Alguses saad otsustada, kas jooksutad õppekava [Codespaces’is](https://github.com/features/codespaces/) (_brauseripõhine, ilma paigaldusteta keskkond_) või kohapeal oma arvutis tekstiredaktori nagu [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) abil. #### Loo oma hoidla -Et saaksid oma tööd mugavalt salvestada, soovitatakse luua oma hoidla koopia. Seda saab teha, klõpsates lehe ülaosas nuppu **Use this template**. Sellega luuakse teie GitHubi kontole uus hoidla koopia õppekavast. +Selleks, et saaksid oma tööd mugavalt salvestada, soovitame teha sellest hoidlast oma koopia. Seda saad teha, klikkides lehe ülaosas **Use this template** nupule. See loob sinu GitHubi kontole uue hoidla koos selle õppekava koopiaga. -Järgige neid samme: -1. **Tehke Fork hoidlast**: Klõpsake selle lehe paremas ülanurgas nuppu "Fork". -2. **Kloonige hoidla**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Järgi järgmisi samme: +1. **Tee hoidlast oma versioon (fork)**: Vajuta nupule "Fork" selle lehe paremas ülanurgas. +2. **Klooni hoidla**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Kursuse käivitamine Codespace'is +#### Õppekava jooksutamine Codespaces’is -Oma loodud hoidla koopias klõpsake nupul **Code** ja valige **Open with Codespaces**. See loob teile uue Codespace'i töötamiseks. +Loetud hoidlas, mille lõid, kliki nupul **Code** ja vali **Open with Codespaces**. See loob uue Codespace’i, kus saad töötada. ![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp) -#### Kursuse käivitamine lokaalselt arvutis +#### Õppekava jooksutamine kohalikus arvutis -Selle kursuse käivitamiseks lokaalselt arvutis vajate tekstiredaktorit, brauserit ja käsurea tööriista. Meie esimene õppetund, [Sissejuhatus programmeerimiskeeltesse ja kauplemisvahenditesse](../../1-getting-started-lessons/1-intro-to-programming-languages), juhendab teid erinevate tööriistade valiku läbi, et leida just teile sobiv lahendus. +Selle õppekava kohalikuks jooksutamiseks vajad tekstiredaktorit, veebibrauserit ja käsurea tööriista. Meie esimene õppetund, [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](../../1-getting-started-lessons/1-intro-to-programming-languages), juhatab sind nende tööriistade erinevate valikuvõimalusteni, et saaksid valida enda jaoks sobivaima. -Soovitame kasutada toimetajana [Visual Studio Code'i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), millel on ka sisseehitatud [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code'i saate alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Soovitame kasutada [Visual Studio Code’i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) tekstiredaktorina, mis sisaldab ka integreeritud [terminali](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code’i saad alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). 1. Kopeeri oma hoidla oma arvutisse. Seda saad teha, klõpsates nuppu **Code** ja kopeerides URL-i: [CodeSpace](./images/createcodespace.png) - Seejärel ava [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code’is](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ning käivita järgmine käsk, asendades `` just kopeeritud URL-iga: + Seejärel ava [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sees ja käivita järgmine käsk, asendades `` äsja kopeeritud URL-iga: ```bash git clone ``` -2. Ava kaust Visual Studio Code’is. Seda saad teha, klõpsates **File** > **Open Folder** ja valides hiljuti kloonitud kausta. +2. Ava kaust Visual Studio Code'is. Seda saad teha, valides **File** > **Open Folder** ja valides äsja kloonitud kausta. > Soovitatud Visual Studio Code laiendused: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-lehtede eelvaade Visual Studio Code’i sees -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aitab koodi kiiremini kirjutada - -## 📂 Iga õppetund sisaldab: - -- valikulist visandimärkmikku -- valikulist täiendavat videot -- tunni eelset soojenduse viktoriini -- kirjalikku õppetundi -- projektipõhiste tundide puhul samm-sammult juhendeid, kuidas projekti koostada -- teadmiste kontrolli -- väljakutset -- täiendavat lugemist -- ülesannet -- [tunni järgset viktoriini](https://ff-quizzes.netlify.app/web/) - -> **Märkuse viktoriinide kohta**: Kõik viktoriinid on paigutatud Quiz-app kausta, kokku 48 viktoriini, igaühes kolm küsimust. Need on saadaval [siin](https://ff-quizzes.netlify.app/web/), viktoriiniäppi saab käivitada lokaalselt või juurutada Azure’isse; järgige juhiseid kaustas `quiz-app`. - -## 🗃️ Õppetunnid - -| | Projekti nimi | Õpitud kontseptsioonid | Õpieesmärgid | Lingitud õppetund | Autor | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Alustamine | Programmeerimise sissejuhatus ja tööriistad | Õpi programmeerimiskeelte põhitõdesid ja professionaalsetele arendajatele abiks olevat tarkvara | [Programmeerimiskeelte ja tööriistade sissejuhatus](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Alustamine | GitHubi põhialused, meeskonnatöö | Kuidas kasutada GitHubi oma projektis, kuidas teistega koodibaasis koostööd teha | [GitHubi sissejuhatus](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Alustamine | Juurdepääsetavus | Õpi veebisaidi juurdepääsetavuse aluseid | [Juurdepääsetavuse põhitõed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS põhitõed | JavaScripti andmetüübid | JavaScripti andmetüüpide põhitõed | [Andmetüübid](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS põhitõed | Funktsioonid ja meetodid | Õpi rakenduse loogika haldamiseks funktsioonide ja meetodite kohta | [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | -| 06 | JS põhitõed | Otsuste tegemine JavaScriptiga | Õpi, kuidas koodis tingimusi luua otsustamisstruktuuride abil | [Otsuste tegemine](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS põhitõed | Massiivid ja tsüklid | Töötle andmeid massiivide ja tsüklitega JavaScriptis | [Massiivid ja tsüklid](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML praktikas | Ehita HTML, et luua veebipõhine terrarium, keskendudes paigutuse loomisele | [HTML sissejuhatus](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS praktikas | Ehita CSS veebiterrariumi kujundamiseks, keskendudes CSS alustele ja veebilehe reageerivusele | [CSS sissejuhatus](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScripti sulgudes, DOM-i manipuleerimine | Kirjuta JavaScript, mis võimaldab terrariumil toimida lohista ja lase liidesena, keskendudes sulgudele ja DOM-i manipuleerimisele | [JavaScripti sulgudes, DOM-i manipuleerimine](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Tippimismäng](./4-typing-game/solution/README.md) | Tippimismängu loomine | Õpi kasutama klahvisündmusi JavaScripti rakenduse loogika juhtimiseks | [Sündmustepõhine programmeerimine](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Roheline brauserilaiendus](./5-browser-extension/solution/README.md) | Brauseritega töötamine | Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas luua brauserilaienduse esimesed elemendid | [Brauserite kohta](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Roheline brauserilaiendus](./5-browser-extension/solution/README.md) | Vormide loomine, API kutsumine ja muutujate salvestamine lokaalses salvestusruumis | Ehita oma brauserilaienduse JavaScripti elemendid API kutsumiseks, kasutades lokaalses salvestusruumis talletatud muutujaid | [API-d, vormid ja lokaalne salvestusruum](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Roheline brauserilaiendus](./5-browser-extension/solution/README.md) | Brauseri taustaprotsessid, veebiseo jõudlus | Kasuta brauseri taustaprotsesse laienduse ikooni haldamiseks; õpi veebiseose ja optimeerimiste kohta, et parandada performantsi | [Taustatöötlus ja jõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Tähesõjamäng](./6-space-game/solution/README.md) | Täiustatud mänguarendus JavaScriptiga | Õpi pärimise kohta nii klasside kui ka koosseisude kaudu, samuti Pub/Sub mustrit, et valmistuda mängu loomiseks | [Täiustatud mänguarenduse sissejuhatus](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Tähesõjamäng](./6-space-game/solution/README.md) | Joonistamine lõuendile | Õpi Canvas API kasutamist elementide joonistamiseks ekraanile | [Joonistamine lõuendile](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Tähesõjamäng](./6-space-game/solution/README.md) | Elementide liigutamine ekraanil | Uuri, kuidas elementidel võib olla liikumine kasutades karteesia koordinaate ja Canvas API-t | [Elementide liigutamine](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Tähesõjamäng](./6-space-game/solution/README.md) | Kokkupõrgete tuvastamine | Pane elemendid kokkupõrkama ja reageerima omavahel vajutuste abil ning lisa jahutuse funktsioon, et tagada mängu jõudlus | [Kokkupõrgete tuvastamine](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Tähesõjamäng](./6-space-game/solution/README.md) | Skoori hoidmine | Tee matemaatilisi arvutusi mängu seisundi ja tulemuse põhjal | [Skoori hoidmine](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Tähesõjamäng](./6-space-game/solution/README.md) | Mängu lõpetamine ja taasalustamine | Õpi mängu lõpetamise ja taasalustamise kohta, sealhulgas varade puhastamist ja muutujate väärtuste lähtestamist | [Lõpetamise tingimus](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Pangarakendus](./7-bank-project/solution/README.md) | HTML mallide ja marsruutide loomine veebiäpis | Õpi looma multipage veebilehe arhitektuuri skafoldi kasutades marsruutimist ja HTML malle | [HTML mallid ja marsruudid](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Pangarakendus](./7-bank-project/solution/README.md) | Sisse- ja registreerimisvormi ehitamine | Õpi vormide loomist ja valideerimise käsitlemist | [Vormid](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Pangarakendus](./7-bank-project/solution/README.md) | Andmete toomise ja kasutamise meetodid | Kuidas andmed sinu rakendusse tulevad, neid toodakse, salvestatakse ja hävitatakse | [Andmed](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Pangarakendus](./7-bank-project/solution/README.md) | Olekuhalduse kontseptsioonid | Õpi, kuidas sinu rakendus säilitab olekut ja kuidas seda programmeerivalt hallata | [Olekuhaldus](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Brauser/VScode kood](../../8-code-editor) | Töötamine VScode'iga | Õpi, kuidas koodi redaktorit kasutada| [VScode redaktori kasutamine](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI assistendid](./9-chat-project/README.md) | Töötamine tehisintellektiga | Õpi, kuidas luua oma AI assistent | [AI assistendi projekt](./9-chat-project/README.md) | Chris | +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-lehtede eelvaate jaoks Visual Studio Code'is +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aitab sul koodi kiiremini kirjutada + +## 📂 Igas õppetükis sisaldub: + +- valikuline sketšimärkme +- valikuline täiendav video +- soojenduskvizz enne tundi +- kirjalik õppetükk +- projektipõhiste õppetükkide korral samm-sammulised juhised projekti loomiseks +- teadmiste kontrollid +- väljakutse +- täiendav lugemine +- ülesanne +- [järgnev kvizz](https://ff-quizzes.netlify.app/web/) + +> **Märkuse kvizzide kohta**: Kõik kvizzid on Quiz-app kaustas, kokku 48 kvizzi, igaühes kolm küsimust. Need on saadaval [siin](https://ff-quizzes.netlify.app/web/), kvizzi rakendust saab käivitada lokaalselt või paigutada Azure'i; jälgi juhiseid `quiz-app` kaustas. + +## 🗃️ Õppetükid + +| | Projekti nimi | Õpitud kontseptsioonid | Õpieesmärgid | Lingitud õppetükk | Autor | +| :-: | :-------------------------------------------------------: | :-------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Esimesed sammud | Programmeerimise ja tööriistade tutvustus | Õpi programmeerimiskeelte põhitõdesid ja tarkvara, mis aitab professionaalseid arendajaid | [Programmeerimiskeelte ja tööriistade tutvustus](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Esimesed sammud | GitHub'i alused, meeskonnatöö | Kuidas kasutada GitHubi oma projektis ja teha koostööd koodibaasil | [GitHubi sissejuhatus](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Esimesed sammud | Juurdepääsetavus | Õpi veebipõhise juurdepääsetavuse põhialuseid | [Juurdepääsetavuse alused](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS alused | JavaScript andmetüübid | JavaScripti andmetüüpide põhitõed | [Andmetüübid](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS alused | Funktsioonid ja meetodid | Õpi funktsioone ja meetodeid rakenduse loogika juhtimiseks | [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | +| 06 | JS alused | Otsuste tegemine JavaScriptiga | Õpi, kuidas luua tingimusi oma koodis otsustamise abil | [Otsuste tegemine](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS alused | Massiivid ja tsüklid | Töötle andmeid massiivide ja tsüklite abil JavaScriptis | [Massiivid ja tsüklid](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML praktikas | Ehita HTML, et luua veebipõhine terrarium, keskendudes paigutuse loomisele | [HTML sissejuhatus](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS praktikas | Ehita CSS, et kujundada veebiterrarium, keskendudes CSS põhialustele ja lehe kohandamisele | [CSS sissejuhatus](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScripti sulgud, DOM-i manipuleerimine | Tee terrarium funktsionaalseks lohistamisliidese abil, keskendudes sulgude ja DOM-i manipuleerimise õppimisele | [JavaScripti sulgud, DOM-i manipuleerimine](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Trükkimismäng](./4-typing-game/solution/README.md) | Trükkimismängu loomine | Õpi kasutama klaviatuuri sündmusi oma JavaScripti rakenduse loogika juhtimiseks | [Sündmuspõhine programmeerimine](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Brauseritega töötamine | Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas üles ehitada brauserilaiendi esimesed elemendid | [Brauseritest](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Vormide loomine, API kutsumine ja andmete salvestamine kohalikku mällu | Ehita oma brauserilaiendi JavaScripti osad, mis kutsuvad API-t ja kasutavad kohalikus mälus hoitavaid muutujaid | [API-d, vormid ja kohalik mälu](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Brauseri taustaprotsessid ja veebipõhine jõudlus | Kasuta brauseri taustaprotsesse laiendi ikooni haldamiseks; õpi veebijõudluse kohta ja mõningaid optimeerimisi | [Taustaprotsessid ja jõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Kosmosemäng](./6-space-game/solution/README.md) | Täiustatud mänguarendus JavaScriptiga | Õpi pärimist nii klasside kui kompositsiooni kaudu ning Pub/Sub mustrit, valmistudes mängu loomiseks | [Täiustatud mänguarenduse sissejuhatus](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Kosmosemäng](./6-space-game/solution/README.md) | Joonistamine lõuendile | Õpi Canvas API kasutamist ekraanile elementide joonistamiseks | [Joonistamine lõuendile](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Kosmosemäng](./6-space-game/solution/README.md) | Elementide liigutamine ekraanil | Avasta, kuidas elementidele anda liikumist koordinaatide ja Canvas API abil | [Elementide liigutamine](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Kosmosemäng](./6-space-game/solution/README.md) | Kokkupõrgete tuvastamine | Pane elemendid põrkuma ning reageerima üksteisele võtmete vajutuste abil; lisa cooldown funktsioon mängu jõudluse tagamiseks | [Kokkupõrgete tuvastamine](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Kosmosemäng](./6-space-game/solution/README.md) | Punktide lugemine | Tee arvutusi mängu oleku ja soorituse põhjal | [Punktide lugemine](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Kosmosemäng](./6-space-game/solution/README.md) | Mängu lõpetamine ja taaskäivitamine | Õpi mängu lõpetamist ja taaskäivitamist, sealhulgas varade puhastamist ja muutujate lähtestamist | [Lõpetingimus](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Pangarakendus](./7-bank-project/solution/README.md) | HTML mallid ja marsruudid veebirakenduses | Õpi looma mitmeleheküljelise veebilehe arhitektuuri marsruutimise ja HTML mallide abil | [HTML mallid ja marsruudid](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Pangarakendus](./7-bank-project/solution/README.md) | Sisselogimise ja registreerimisvormi loomine | Õpi vormide loomist ja valideerimise teostamist | [Vormid](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Pangarakendus](./7-bank-project/solution/README.md) | Andmete pärimise ja kasutamise meetodid | Kuidas andmed rakenduses voolavad, neid pärida, salvestada ja eemaldada | [Andmed](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Pangarakendus](./7-bank-project/solution/README.md) | Oleku halduse kontseptsioonid | Õpi, kuidas rakendus säilitab olekut ja kuidas seda programmeeritult hallata | [Oleku haldus](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Brauser/VScode kood](../../8-code-editor) | VScode kasutamine | Õpi kasutama koodi redaktorit | [VScode koodi redaktori kasutamine](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI assistendid](./9-chat-project/README.md) | Töötamine tehisintellektiga | Õpi looma oma AI assistenti | [AI assistendi projekt](./9-chat-project/README.md) | Chris | ## 🏫 Pedagoogika -Meie õppekava on kujundatud kahe põhilise pedagoogilise põhimõtte alusel: -* projektipõhine õpe -* sagedased viktoriinid +Meie õppekava põhineb kahel peamisel pedagoogilisel põhimõttel: +* projektipõhine õppimine +* sagedased kvizzid -Programm õpetab JavaScripti, HTML-i ja CSS-i põhitõdesid ning uusimaid tööriistu ja tehnikaid, mida tänased veebiarendajad kasutavad. Õpilastel on võimalus omandada praktilisi kogemusi, luues tippimismängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaienduse, ruumivõitlusstiilis mängu ja äripangarakenduse. Sarja lõpuks on õpilased omandanud kindla arusaama veebiarendusest. +Programm õpetab JavaScripti, HTML-i ja CSS-i põhialuseid ning ka tänapäevaste veebiarendajate kasutatavaid uusimaid tööriistu ja tehnikaid. Õpilastel on võimalus praktiliste kogemuste saamiseks luua trükkimismängu, virtuaalne terrarium, keskkonnasõbralik brauserilaiend, kosmosesõdalase stiilis mäng ning äripangarakendus. Sarja lõpus on tudengitel hea arusaam veebiarendusest. -> 🎓 Võid selle õppekava esimesed paar õppetundi võtta Microsoft Learn'i [Õppetee](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kaudu! +> 🎓 Saad esimeseid õppetükke selles õppekavas võtta ka [õppeteekidena](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn'is! -Tagades, et sisu on projekte nõustav, on õppimisprotsess õpilaste jaoks kaasahaaravam ning kontseptsioonide kinnistumine parem. Kirjutasime ka mitu alustavat õppetundi JavaScripti põhialustega, et tutvustada kontseptsioone, lisaks on videosari "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", mille autorid mõningal määral selle õppekava loomisele kaasa aitasid. +Sisuga projektide sobitamine muudab õppimise huvitavamaks ja tugevdab mõistete meeldejätmist. Kirjutasime ka mitu algajatele mõeldud JavaScripti põhialuste õppetükki, mis tutvustavad kontseptsioone koos videoga „[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“ videotest, mille mõningaid autoreid kaasasime ka sellesse õppekavasse. -Lisaks seab madala riskiga viktoriin enne tundi õpilasele eesmärgi teemaga tegeleda, samal ajal kui teine viktoriin pärast tundi tagab teadmiste parema kinnistumise. See õppekava on loodud olema paindlik ja lõbus ning seda võib võtta tervikuna või osadena. Projektid algavad väikesena ja muutuvad 12-nädalase tsükli lõpuks järjest keerukamaks. +Lisaks seab madala panusega kvizz enne tundi õpilasele eesmärgi teemat õppida, ning teine kvizz tunni järel aitab teadmisi kinnistada. See õppekava on loodud olema paindlik ja lõbus ning seda võib läbida tervikuna või ositi. Projektid algavad lihtsamatena ja muutuvad 12 nädala jooksul järjest keerukamaks. -Kuigi oleme teadlikult vältinud JavaScripti raamistike sisseviimist, et keskenduda esmalt veebiarendaja põhilisoskustele enne raamistiku omaksvõttu, oleks hea järgneva sammuna tutvuda Node.js-ga, kasutades teist videosarja: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Kuigi me teadlikult vältisime JavaScripti raamistikku tutvustamist, et keskenduda esmalt põhioskustele veebiarendajana enne raamistikku kasutama hakkamist, oleks järgmiseks loogiliseks sammuks selles õppekavas õppida Node.js teistest videotest koosneva kogumiku abil: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Tutvu meie [Käitumisjuhendiga](CODE_OF_CONDUCT.md) ja [Panustamise juhistega](CONTRIBUTING.md). Ootame sinu konstruktiivset tagasisidet! +> Tutvu meie [käitumisreeglite](CODE_OF_CONDUCT.md) ja [panustamise](CONTRIBUTING.md) juhistega. Ootame konstruktiivset tagasisidet! ## 🧭 Offline ligipääs -Seda dokumentatsiooni saab käivitada ka offline-režiimis, kasutades [Docsify](https://docsify.js.org/#/). Hargi see hoidla, paigalda [Docsify](https://docsify.js.org/#/quickstart) oma lokaalmasinale ja seejärel kirjuta selles hoidla juurkaustas käsk `docsify serve`. Veebileht on kättesaadav pordi 3000 kaudu sinu kohalikus arvutis: `localhost:3000`. +Seda dokumentatsiooni saab vaadata ka võrguühenduseta, kasutades [Docsify](https://docsify.js.org/#/). Tee repo fork, [paigalda Docsify](https://docsify.js.org/#/quickstart) oma lokaalsele masinale ja seejärel selle repo juurkaustas kirjuta käsureale `docsify serve`. Veebileht jookseb sinu lokaalarvutis pordi 3000 peal: `localhost:3000`. ## 📘 PDF -Kõikide õppetundide PDF on leitav [siit](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Kõikide õppetundide PDF-fail on leitav [siit](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Teised kursused -Meie meeskond toodab ka teisi kursuseid! Vaata: +Meie meeskond teeb ka teisi kursuseid! Vaata: ### LangChain @@ -233,7 +232,7 @@ Meie meeskond toodab ka teisi kursuseid! Vaata: --- -### Generatiivse AI sari +### Generatiivse tehisintellekti sari [![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) @@ -260,21 +259,21 @@ Meie meeskond toodab ka teisi kursuseid! Vaata: ## Abi saamine -Kui sa oled kinni jäänud või sul on küsimusi AI rakenduste loomise kohta, tule liitu teiste õppijate ja kogenud arendajatega, kes arutavad MCP-d. See on toetav kogukond, kus küsimusi oodatakse ja teadmisi jagatakse vabalt. +Kui takerduse või küsimusi tehisintellektirakenduste loomisel tekib, liitu teiste õppurite ja kogenud arendajatega MCP aruteludes. See on toetav kogukond, kus küsimused on teretulnud ja teadmisi jagatakse vabalt. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Kui sul on produkti tagasisidet või ehitamisel vigu, külasta: +Kui sul on tagasisidet või ehitamisel vigu, külasta: [![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) ## Litsents -See hoidla on litsentseeritud MIT litsentsi alusel. Täpsema info saamiseks vaata faili [LICENSE](../../LICENSE). +See hoidla on litsentseeritud MIT litsentsi alusel. Lisateabe saamiseks vaata [LICENSE](../../LICENSE) faili. --- -**Vastutusest loobumine**: -See dokument on tõlgitud AI tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi me püüdleme täpsuse poole, olge teadlikud, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle algkeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta võimalike arusaamatuste või väärinterpreteerimiste eest, mis võivad selle tõlke kasutamisest tuleneda. +**Lahtiütlus**: +See dokument on tõlgitud kasutades tehisintellektil põhinevat tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame täpsust, palun arvestage, et automatiseeritud tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument oma emakeeles on autoriteetne allikas. Olulise info puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tingitud arusaamatuste ega valesti mõistmiste eest. \ No newline at end of file diff --git a/translations/et/lesson-template/README.md b/translations/et/lesson-template/README.md index a0fc987879..718ff96057 100644 --- a/translations/et/lesson-template/README.md +++ b/translations/et/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Õppetunni teema] +# Õppetunni teema -![Lisa siia video](../../../lesson-template/video-url) +## 🎥 Video -## [Eelloengu viktoriin](../../../lesson-template/quiz-url) +> Lisa siia manustatud video või õppetunni link. -[Kirjeldage, mida me õpime] +--- + +## Eelloengu viktoriin + +> Lisa siia viktoriini link, kui see on saadaval. + +--- + +Esita lühike ülevaade, mida õpilased selles õppetunnis õpivad. + +--- ### Sissejuhatus -Kirjeldage, mida käsitletakse +Esita lühike sissejuhatus, mis kirjeldab, mida selles õppetunnis käsitletakse. -> Märkused +> Märkmed -### Eeltingimused +--- + +### Eeldused -Millised sammud peaksid olema enne seda õppetundi läbitud? +Loetle mõisted või teemad, millega õpilased peaksid enne selle õppetunni alustamist juba kursis olema. + +--- ### Ettevalmistus -Ettevalmistavad sammud õppetunni alustamiseks +Loetle kõik seadistamise sammud või tööriistad, mida on vaja enne õppetunni alustamist. --- -[Jagage sisu plokkideks] +### Sisu + +Järgi õppetunni sisu struktureeritud osadena. + +--- -## [Teema 1] +## Teema 1 ### Ülesanne: -Töötage koos, et järk-järgult täiustada oma koodibaasi ja ehitada projekt jagatud koodiga: +Töötage koos, et järk-järgult täiustada oma koodibaasi, ehitades projekti ühiselt kasutatava koodiga: ```html code blocks ``` -✅ Teadmiste kontroll - kasutage seda hetke, et laiendada õpilaste teadmisi avatud küsimustega +✅ Teadmiste kontroll +Kasuta seda hetke, et laiendada õpilaste teadmisi avatud küsimustega. -## [Teema 2] +## Teema 2 +## Teema 3 -## [Teema 3] +🚀 Väljakutse +Lisa koostööl põhinev väljakutse, et õpilased saaksid projekti täiustada. -🚀 Väljakutse: Lisage väljakutse, mille kallal õpilased saavad klassis koostööd teha, et projekti täiustada +Valikuline: Lisa ekraanipilt valminud õppetunni kasutajaliidest, kui see on sobiv. -Valikuline: lisage ekraanipilt lõpetatud õppetunni kasutajaliidesest, kui see on asjakohane +## Järelviktoriin -## [Pärast loengut viktoriin](../../../lesson-template/quiz-url) +Lisa viktoriini link pärast õppetunni lõpetamist. -## Ülevaade ja iseseisev õppimine +## Ülevaade & Iseseisev õpe -**Ülesande tähtaeg [MM/AA]**: [Ülesande nimi](assignment.md) +**Ülesande tähtaeg [KK/AA]**: [Ülesande nimi](assignment.md) --- -**Lahtiütlus**: -See dokument on tõlgitud AI tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi püüame tagada täpsust, palume arvestada, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Algne dokument selle algses keeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitame kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tulenevate arusaamatuste või valesti tõlgenduste eest. \ No newline at end of file + +**Vastutusest loobumine**: +See dokument on tõlgitud kasutades tehisintellektil põhinevat tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüdleme täpsuse poole, palun arvestage, et automatiseeritud tõlked võivad sisaldada vigu või ebatäpsusi. Algne dokument selle emakeeles tuleks pidada autoriteetseks allikaks. Olulise info puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühtegi arusaamatust ega valesti mõistmist, mis võivad tekkida selle tõlke kasutamisest. + \ No newline at end of file diff --git a/translations/fi/.co-op-translator.json b/translations/fi/.co-op-translator.json index b33ba7d124..5676fc4536 100644 --- a/translations/fi/.co-op-translator.json +++ b/translations/fi/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:56:34+00:00", + "translation_date": "2026-04-24T12:31:24+00:00", "source_file": "AGENTS.md", "language_code": "fi" }, @@ -516,8 +516,8 @@ "language_code": "fi" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:12:47+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:27:39+00:00", "source_file": "README.md", "language_code": "fi" }, @@ -564,8 +564,8 @@ "language_code": "fi" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T21:06:51+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:27:50+00:00", "source_file": "lesson-template/README.md", "language_code": "fi" }, diff --git a/translations/fi/AGENTS.md b/translations/fi/AGENTS.md index e183c7ba0c..fb8e9ebd37 100644 --- a/translations/fi/AGENTS.md +++ b/translations/fi/AGENTS.md @@ -1,28 +1,28 @@ # AGENTS.md -## Projektin yleiskatsaus +## Projektin yleiskuvaus -Tämä on opetussisältöjen arkisto, joka on tarkoitettu web-kehityksen perusteiden opettamiseen aloittelijoille. Oppimateriaali on kattava 12 viikon kurssi, jonka ovat kehittäneet Microsoft Cloud Advocates -tiimin jäsenet. Kurssi koostuu 24 käytännönlähtöisestä oppitunnista, jotka käsittelevät JavaScriptiä, CSS:ää ja HTML:ää. +Tämä on opetuskäyttöön tarkoitettu opetussuunnitelman arkisto, joka opettaa verkkokehityksen perusteita aloittelijoille. Opetussuunnitelma on kattava 12 viikon kurssi, jonka ovat kehittäneet Microsoft Cloud Advocates. Se sisältää 24 käytännön läpikäytävää oppituntia, joissa käsitellään JavaScriptiä, CSS:ää ja HTML:ää. ### Keskeiset osat -- **Opetussisältö**: 24 jäsenneltyä oppituntia, jotka on järjestetty projektipohjaisiksi moduuleiksi -- **Käytännön projektit**: Terrarium, Typing Game, selainlaajennus, Space Game, Banking App, Code Editor ja AI Chat Assistant -- **Interaktiiviset tietovisat**: 48 tietovisaa, joissa on 3 kysymystä kukin (ennen ja jälkeen oppitunnin arvioinnit) -- **Monikielinen tuki**: Automaattiset käännökset yli 50 kielelle GitHub Actionsin avulla -- **Teknologiat**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (tekoälyprojekteissa) +- **Opetussisältö**: 24 jäsenneltyä oppituntia projekti-pohjaisina moduuleina +- **Käytännön projektit**: Terrarium, Typing Game, selainlaajennus, Space Game, pankkisovellus, koodieditori ja AI-chattiapuri +- **Interaktiiviset visailut**: 48 visailua, joissa jokaisessa 3 kysymystä (ennen ja jälkeen oppitunnin arvioinnit) +- **Monikielinen tuki**: Automaattiset käännökset yli 50 kielelle GitHub Actions -työkalun avulla +- **Teknologiat**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI-projekteissa) ### Arkkitehtuuri -- Opetussisältöön perustuva arkisto oppituntirakenteella -- Jokaisessa oppitunnin kansiossa on README, koodiesimerkkejä ja ratkaisumalleja -- Itsenäiset projektit omissa hakemistoissaan (quiz-app, eri oppituntiprojektit) -- Käännösjärjestelmä käyttää GitHub Actionsia (co-op-translator) -- Dokumentaatio näytetään Docsifylla ja on saatavilla PDF-muodossa +- Opetussisältö arkistona oppituntipohjaisella rakenteella +- Jokaisen oppitunnin kansiossa README, koodiesimerkit ja ratkaisut +- Riippumattomat projektit omissa kansioissaan (quiz-app, eri oppituntiprojektit) +- Käännösjärjestelmä GitHub Actions (co-op-translator) avulla +- Dokumentaatio tarjotaan Docsifylla ja myös PDF-muodossa ## Asennuskomennot -Tätä arkistoa käytetään ensisijaisesti opetussisältöjen lukemiseen. Työskennellessäsi tiettyjen projektien parissa: +Tätä arkistoa käytetään pääasiassa opetussisällön kuluttamiseen. Jos haluat työskennellä tiettyjen projektien parissa: ### Pääarkiston asennus @@ -30,8 +30,8 @@ Tätä arkistoa käytetään ensisijaisesti opetussisältöjen lukemiseen. Työs git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` - -### Quiz-sovelluksen asennus (Vue 3 + Vite) + +### Quiz Appin asennus (Vue 3 + Vite) ```bash cd quiz-app @@ -40,25 +40,25 @@ npm run dev # Käynnistä kehityspalvelin npm run build # Rakenna tuotantoon npm run lint # Suorita ESLint ``` - -### Bank-projektin API (Node.js + Express) + +### Pankkiprojektin API (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # Käynnistä API-palvelin npm run lint # Suorita ESLint -npm run format # Muotoile Prettierilla +npm run format # Muotoile Prettierillä ``` - + ### Selainlaajennusprojektit ```bash cd 5-browser-extension/solution npm install -# Noudata selaimen erityisiä laajennusten latausohjeita +# Noudata selaimen tiettyjä laajennuksen latausohjeita ``` - + ### Space Game -projektit ```bash @@ -66,217 +66,217 @@ cd 6-space-game/solution npm install # Avaa index.html selaimessa tai käytä Live Serveriä ``` - + ### Chat-projekti (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Aseta GITHUB_TOKEN-ympäristömuuttuja +# Aseta GITHUB_TOKEN -ympäristömuuttuja python api.py ``` - -## Kehityskäytännöt + +## Kehitysprosessi ### Sisällöntuottajille -1. **Forkkaa arkisto** omaan GitHub-tiliisi -2. **Kloonaa fork** paikallisesti -3. **Luo uusi haara** muutoksillesi -4. Tee muutoksia oppimateriaalin sisältöön tai koodiesimerkkeihin -5. Testaa muutoksia liittyvissä projektihakemistoissa -6. Lähetä pull-pyyntöjä ohjeiden mukaisesti +1. **Forkkaa arkisto** GitHub-tilillesi +2. **Kloonaa oma forkkaus** paikallisesti +3. **Luo uusi haara** muutoksillesi +4. Tee muutoksia oppituntisisältöön tai koodiesimerkkeihin +5. Testaa koodimuutokset asiaankuuluvissa projektikansioissa +6. Tee pull request -pyyntöjä noudattaen ohjeistusta ### Oppijoille -1. Forkkaa tai kloonaa arkisto -2. Siirry oppituntien hakemistoihin peräjälkeen -3. Lue kunkin oppitunnin README-tiedostot -4. Suorita ennen oppituntia tehtävät tietovisat osoitteessa https://ff-quizzes.netlify.app/web/ -5. Kokeile koodiesimerkkejä oppituntikansioissa -6. Tee annettuja tehtäviä ja haasteita -7. Suorita oppitunnin jälkeiset tietovisat +1. Forkkaa tai kloonaa arkisto +2. Siirry oppituntikansioihin järjestyksessä +3. Lue kaikkien oppituntien README-tiedostot +4. Tee ennen oppituntia olevat visailut osoitteessa https://ff-quizzes.netlify.app/web/ +5. Käy läpi koodiesimerkit oppituntikansioissa +6. Tee tehtävät ja haasteet +7. Tee oppitunnin jälkeiset visailut ### Live-kehitys -- **Dokumentaatio**: Aja `docsify serve` juurihakemistosta (portti 3000) -- **Quiz-sovellus**: Aja `npm run dev` quiz-app kansiossa -- **Projektit**: Käytä VS Code Live Server -laajennusta HTML-projekteissa -- **API-projektit**: Aja `npm start` vastaavissa API-kansioissa +- **Dokumentaatio**: Suorita `docsify serve` juurikansiossa (portti 3000) +- **Quiz App**: Suorita `npm run dev` quiz-app-kansiossa +- **Projektit**: Käytä VS Coden Live Server -laajennusta HTML-projekteihin +- **API-projektit**: Suorita `npm start` asianmukaisissa API-kansioissa ## Testausohjeet -### Quiz-sovelluksen testaus +### Quiz Appin testaus ```bash cd quiz-app npm run lint # Tarkista koodityyliongelmat npm run build # Varmista, että käännös onnistuu ``` - -### Bank-API:n testaus + +### Pankki-API:n testaus ```bash cd 7-bank-project/api npm run lint # Tarkista koodityylin ongelmat node server.js # Varmista, että palvelin käynnistyy ilman virheitä ``` - + ### Yleinen testauslähestymistapa -- Tämä on opetussisältöarkisto, jossa ei ole kattavia automaattisia testejä +- Tämä on oppimiseen tarkoitettu arkisto, jossa ei ole kattavia automatisoituja testejä - Manuaalinen testaus keskittyy: - - Koodiesimerkkien toimivuuteen ilman virheitä - - Dokumentaation linkkien toimivuuteen - - Projektien kääntöjen onnistumiseen + - Koodiesimerkkien sujuva toimivuus ilman virheitä + - Dokumentaation linkkien oikea toiminta + - Projektien kääntymisen onnistuminen - Esimerkkien noudattavan hyviä käytäntöjä -### Ennen lähettämistä tarkistettavaa +### Tarkistukset ennen lähettämistä -- Aja `npm run lint` kaikissa package.json-hakemistoissa -- Tarkista markdown-linkkien toimivuus -- Testaa koodiesimerkit selaimessa tai Node.js:ssä -- Varmista, että käännökset säilyttävät oikean rakenteen +- Suorita `npm run lint` niissä kansioissa, joissa on package.json +- Varmista, että markdown-linkit ovat voimassa +- Testaa koodiesimerkit selaimessa tai Node.js:ssä +- Tarkista, että käännökset säilyttävät rakenteensa ## Koodityyliohjeet ### JavaScript -- Käytä modernia ES6+ syntaksia -- Noudata ESLintin standardikonfiguraatioita projekteissa -- Käytä merkityksellisiä muuttujien ja funktioiden nimiä opetustarkoituksiin -- Lisää kommentteja, jotka selittävät käsitteitä oppijoille -- Muotoile koodi Prettierillä, kun se on asetettu +- Käytä modernia ES6+ syntaksia +- Noudata projektien mukana tulevia ESLint-konfiguraatioita +- Käytä merkityksellisiä muuttuja- ja funktioiden nimiä opetuksen selkeyden takia +- Lisää kommentteja käsitteiden selittämiseen oppijoille +- Muotoile Prettierilla, jos käyttö on konfiguroitu ### HTML/CSS -- Semanttiset HTML5-elementit -- Responsiivisen suunnittelun periaatteet -- Selkeät luokkien nimeämiskäytännöt -- Kommentit, jotka selittävät CSS-tekniikoita oppijoille +- Semanttiset HTML5-elementit +- Responsiivisen suunnittelun periaatteet +- Selkeät luokkien nimeämiskäytännöt +- Kommentit CSS-tekniikoiden selittämiseen oppijoille ### Python -- Noudata PEP 8 -tyyliohjeita -- Selkeät, opetukselliset koodiesimerkit -- Käytä tyyppivihjeitä, kun ne auttavat oppimista +- PEP 8 -tyyliohjeiden noudattaminen +- Selkeät, opetukselliset koodiesimerkit +- Typet-vihjeet oppimista helpottamaan ### Markdown-dokumentaatio -- Selkeä otsikkohierarkia -- Koodilohkot kielellä merkattuina -- Linkit lisäresursseihin -- Kuvakaappaukset ja kuvat `images/` kansioissa -- Kuvien alt-tekstit saavutettavuutta varten +- Selkeä otsikkohierarkia +- Koodilohkot kielimäärityksillä +- Linkit lisäresursseihin +- Kuvakaappaukset ja kuvat `images/` kansioissa +- Kuville saavutettavuustekstit (alt) -### Tiedostojen järjestely +### Tiedostojen järjestäminen -- Oppitunnit numeroitu järjestyksessä (1-getting-started-lessons, 2-js-basics jne.) -- Jokaisella projektilla on `solution/` ja usein myös `start/` tai `your-work/` kansiot -- Kuvat tallennettu oppituntikohtaisiin `images/` kansioihin -- Käännökset rakenteessa `translations/{language-code}/` +- Oppitunnit numeroitu peräkkäin (1-getting-started-lessons, 2-js-basics, jne.) +- Jokaisessa projektissa on yleensä `solution/` ja usein `start/` tai `your-work/` kansiot +- Kuvat tallennetaan oppituntikohtaisiin `images/` kansioihin +- Käännökset `translations/{language-code}/` -rakenteessa -## Käännös- ja julkaisuohjeet +## Kääntäminen ja käyttöönotto -### Quiz-sovelluksen julkaisu (Azure Static Web Apps) +### Quiz Appin käyttöönotto (Azure Static Web Apps) -Quiz-sovellus on konfiguroitu julkaistavaksi Azure Static Web Apps -palveluun: +Quiz-app on konfiguroitu Azure Static Web Apps -käyttöönottoa varten: ```bash cd quiz-app -npm run build # Luo dist/ -kansion -# Ottaa käyttöön GitHub Actions -työnkulun push-tapahtumassa main-haaraan +npm run build # Luo dist/-kansion +# Ottaa käyttöön GitHub Actions -työnkulun kautta, kun pushataan main-haaraan ``` + +Azure Static Web Apps -konfiguraatio: +- **App location**: `/quiz-app` +- **Output location**: `dist` +- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -Azure Static Web Apps -konfiguraatio: -- **Sovelluksen sijainti**: `/quiz-app` -- **Tulostuskansio**: `dist` -- **Työnkulku**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - -### Dokumentaation PDF:n luonti +### Dokumentaation PDF-generointi ```bash npm install # Asenna docsify-to-pdf npm run convert # Luo PDF docsista ``` - -### Docsify-dokumentaatio + +### Docsify dokumentaatio ```bash npm install -g docsify-cli # Asenna Docsify globaalisti -docsify serve # Palvele localhost:3000:ssa +docsify serve # Palvele osoitteessa localhost:3000 ``` + +### Projektikohtaiset käännösprosessit -### Projektikohtaiset buildit - -Jokaisella projekti-hakemistolla voi olla oma build-prosessinsa: -- Vue-projektit: `npm run build` luo tuotantokokoelmat -- Staattiset projektit: Ei build-vaihetta, tiedostot palvelimelle sellaisenaan +Jokaisella projektikansiolla voi olla oma rakennusprosessi: +- Vue-projekteissa `npm run build` luo tuotantopaketteja +- Staattisissa projekteissa ei ole rakennusvaihetta, tiedostot tarjotaan suoraan -## Pull request -ohjeet +## Pull request -ohjeistus -### Otsikkomuoto +### Otsikemuoto -Käytä selkeitä ja kuvaavia otsikoita, jotka kertovat muutoksen kohteen: -- `[Quiz-app] Lisää uusi tietovisa oppitunnille X` -- `[Lesson-3] Korjaa kirjoitusvirhe terrarium-projektissa` -- `[Translation] Lisää espanjankielinen käännös oppitunnille 5` +Käytä selkeitä, kuvaavia otsikoita, jotka ilmaisevat muutoksen kohteen: +- `[Quiz-app] Lisää uusi visailu oppitunnille X` +- `[Lesson-3] Korjaa kirjoitusvirhe terrarium-projektissa` +- `[Translation] Lisää espanjankielinen käännös oppitunnille 5` - `[Docs] Päivitä asennusohjeet` ### Pakolliset tarkistukset -Ennen PR:n lähettämistä: +Ennen PR:n lähettämistä: -1. **Koodin laatu**: - - Aja `npm run lint` asianomaisissa projektihakemistoissa +1. **Koodin laatu**: + - Suorita `npm run lint` muokatuissa projektikansioissa - Korjaa kaikki lint-virheet ja varoitukset -2. **Buildin toimivuus**: - - Aja `npm run build`, jos sovellettavissa - - Varmista, ettei build-virheitä ilmene +2. **Käännöksen varmistus**: + - Suorita `npm run build` tarvittaessa + - Varmista, ettei rakennusvirheitä ole -3. **Linkkien toimivuus**: - - Testaa kaikki markdown-linkit +3. **Linkkien tarkistus**: + - Testaa kaikki markdown-linkit - Varmista kuvaviitteiden toimivuus -4. **Sisällön tarkistus**: - - Tarkista oikeinkirjoitus ja kielioppi - - Varmista koodiesimerkkien oikeellisuus ja opetuksellisuus - - Tarkista, että käännökset säilyttävät alkuperäisen merkityksen +4. **Sisällön tarkastus**: + - Tarkista oikeinkirjoitus ja kielioppi + - Varmista, että koodiesimerkit ovat oikein ja opetuksellisia + - Tarkista käännösten tarkkuus ja merkityksen säilyminen ### Osallistumisvaatimukset -- Hyväksy Microsoft CLA (automaattinen tarkistus ensimmäisen PR:n yhteydessä) -- Noudata [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -käyttäytymissääntöjä -- Katso tarkemmat ohjeet [CONTRIBUTING.md](./CONTRIBUTING.md) -tiedostosta -- Viittaa tarvittaessa issue-numeroihin PR-kuvauksessa +- Hyväksy Microsoftin CLA-sopimus (automaattinen tarkistus ensimmäisellä PR:llä) +- Noudata [Microsoftin avoimen lähdekoodin käytännesääntöjä](https://opensource.microsoft.com/codeofconduct/) +- Katso [CONTRIBUTING.md](./CONTRIBUTING.md) yksityiskohtaiset ohjeet +- Viittaa mahdollisiin issue-numeroihin PR-kuvauksessa -### Arviointiprosessi +### Tarkastusprosessi -- PR:t katselmoidaan ylläpitäjien ja yhteisön toimesta -- Painotus opetuksellisessa selkeydessä -- Koodiesimerkkien tulee noudattaa ajantasaisia hyviä käytäntöjä -- Käännökset tarkistetaan paikkansapitävyyden ja kulttuurisen sopivuuden osalta +- PR:t tarkistaa ylläpitäjät ja yhteisö +- Painopisteenä opetuksellinen selkeys +- Koodiesimerkkien tulee noudattaa tämänhetkisiä parhaita käytäntöjä +- Käännökset tarkastetaan tarkkuuden ja kulttuurisen sopivuuden osalta ## Käännösjärjestelmä ### Automaattinen käännös -- Käyttää GitHub Actionsia ja co-op-translator -työnkulkua -- Kääntää automaattisesti yli 50 kielelle -- Lähdetiedostot ovat pääkansioissa -- Käännetyt tiedostot löytyvät `translations/{language-code}/` -hakemistoista +- Käyttää GitHub Actionsia co-op-translator työnkululla +- Kääntää automaattisesti yli 50 kielelle +- Lähdetiedostot pääkansioissa +- Käännetyt tiedostot `translations/{language-code}/` kansioissa -### Manuaalisten parannusten lisääminen +### Manuaalisten käännösparannusten lisääminen -1. Etsi tiedosto `translations/{language-code}/` -hakemistosta -2. Tee parannuksia säilyttäen rakenne -3. Varmista, että koodiesimerkit toimivat edelleen -4. Testaa mahdolliset paikallistetut tietovisa-aiheet +1. Etsi tiedosto `translations/{language-code}/` -kansiosta +2. Tee parannukset rakenteen säilyttäen +3. Varmista, että koodiesimerkit toimivat edelleen +4. Testaa mahdollinen lokalisoitu visailusisältö ### Käännösmetadata -Käännetyissä tiedostoissa on mukana metadataotsikko: +Käännetyt tiedostot sisältävät metadataotsikon: ```markdown ``` - + ## Virheenkorjaus ja vianetsintä -### Yleisiä ongelmia +### Yleiset ongelmat -**Quiz-sovellus ei käynnisty**: -- Tarkista Node.js:n versio (v14+ suositeltu) -- Poista `node_modules` ja `package-lock.json`, suorita `npm install` uudelleen -- Tarkista, ettei portti ole käytössä (oletus: Vite käyttää porttia 5173) +**Quiz app ei käynnisty**: +- Tarkista Node.js versio (v14+ suositeltu) +- Poista `node_modules` ja `package-lock.json`, suorita `npm install` uudelleen +- Tarkista porttikonfliktit (oletus: Vite käyttää porttia 5173) -**API-palvelin ei käynnisty**: -- Varmista, että Node.js-versio täyttää vähimmäisvaatimuksen (node >=10) -- Tarkista portin vapautuminen -- Varmista, että kaikki riippuvuudet on asennettu komennolla `npm install` +**API-palvelin ei käynnisty**: +- Varmista, että Node.js versio on vähintään 10 +- Tarkista, onko portti varattu +- Varmista että riippuvuudet on asennettu `npm install` komennolla -**Selainlaajennus ei lataudu**: -- Tarkista, että manifest.json on oikein muotoiltu -- Katso selaimen konsolista virheilmoituksia -- Noudata selaimen erityisohjeita laajennuksen asennukseen +**Selainlaajennus ei lataudu**: +- Varmista, että manifest.json on oikein muotoiltu +- Tarkista selaimen konsolista virheilmoitukset +- Noudata selaimelle spesifisiä laajennuksen asennusohjeita -**Python chat -projektin ongelmat**: -- Varmista, että OpenAI-paketti on asennettu: `pip install openai` -- Tarkista, että GITHUB_TOKEN-ympäristömuuttuja on määritelty +**Python chat -projekti ei toimi oikein**: +- Varmista, että OpenAI-paketti on asennettu: `pip install openai` +- Tarkista, että GITHUB_TOKEN -ympäristömuuttuja on asetettu - Tarkista GitHub Models -käyttöoikeudet -**Docsify ei tarjoile dokumentaatiota**: -- Asenna docsify-cli globaalisti: `npm install -g docsify-cli` -- Aja komento arkiston juurihakemistosta -- Varmista, että `docs/_sidebar.md` on olemassa +**Docsify ei tarjoa dokumentaatiota**: +- Asenna docsify-cli globaalisti: `npm install -g docsify-cli` +- Suorita repositoryn juurikansiosta +- Varmista, että `docs/_sidebar.md` tiedosto on olemassa -### Kehitysympäristövinkit +### Kehitysympäristön vinkkejä -- Käytä VS Codea Live Server -laajennuksen kanssa HTML-projekteissa -- Asenna ESLint ja Prettier -laajennukset yhdenmukaisen muotoilun varmistamiseksi -- Käytä selaimen DevTools-työkaluja JavaScriptin debuggaamiseen +- Käytä VS Codea Live Server -laajennuksella HTML-projekteissa +- Asenna ESLint ja Prettier laajennukset yhtenäiseen muotoiluun +- Käytä selaimen DevToolsia JavaScriptin debuggaamiseen - Vue-projekteissa asenna Vue DevTools selaimen laajennus -### Suorituskyky +### Suorituskyvyn huomioita -- Valtava määrä käännettyjä tiedostoja (yli 50 kieltä) tekee kokonaisklooneista suuria -- Käytä pinnallista kloonausta, jos työskentelet vain sisällön parissa: `git clone --depth 1` -- Poista käännökset hausta, kun työskentelet englanninkielisen sisällön kanssa -- Build-prosessit voivat olla hitaita ensimmäisellä ajokerralla (npm install, Vite build) +- Suuri määrä käännettyjä tiedostoja (50+ kieltä) tekee koko kloonista suuren +- Käytä kevyttä kloonausta, jos työskentelet vain sisällön parissa: `git clone --depth 1` +- Poissulje käännökset hauista työskennellessäsi englanninkielisen sisällön parissa +- Rakennusprosessit voivat olla hitaita ensimmäisellä ajokerralla (npm install, Vite build) -## Turvakäytännöt +## Turvallisuusohjeet ### Ympäristömuuttujat -- API-avaimia ei koskaan saa tallentaa arkistoon -- Käytä `.env`-tiedostoja (sisältyvät jo `.gitignore`-tiedostoon) -- Dokumentoi vaaditut ympäristömuuttujat projektien READMEssa +- API-avaimia ei koskaan saa sitoa arkistoon +- Käytä `.env` tiedostoja (jo valmiiksi `.gitignore`-listattuina) +- Dokumentoi tarvittavat ympäristömuuttujat projektin READMEissä ### Python-projektit -- Käytä virtuaaliympäristöjä: `python -m venv venv` -- Pidä riippuvuudet ajan tasalla -- GitHub-tokenit tulee rajoittaa minimitason käyttöoikeuksiin +- Käytä virtuaaliympäristöjä: `python -m venv venv` +- Pidä riippuvuudet ajan tasalla +- GitHub tokenien käyttöoikeudet tulee olla mahdollisimman rajatut ### GitHub Models -käyttö -- Tarvitaan henkilökohtaiset käyttöoikeustokenit (PAT) -- Tokenit tulee tallentaa ympäristömuuttujiksi -- Älä koskaan tallenna tokeneita tai tunnuksia arkistoon +- Henkilökohtaiset Access Tokenit (PAT) vaaditaan GitHub Modelsin käyttöön +- Tokenit säilytetään ympäristömuuttujina +- Älä koskaan sitoa tokeneita tai tunnistetietoja arkistoon -## Lisätietoja +## Lisätiedot ### Kohdeyleisö -- Täysin aloittelijat web-kehityksessä -- Opiskelijat ja itseopiskelijat -- Opettajat, jotka käyttävät opetussuunnitelmaa luokkahuoneissa -- Sisältö on suunniteltu saavutettavaksi ja asteittaisen taitojen kehittämisen mahdollistavaksi +- Täysin aloittelijat verkkokehityksessä +- Opiskelijat ja itseopiskelijat +- Opettajat, jotka käyttävät opetussuunnitelmaa luokkahuoneessa +- Sisältö on suunniteltu saavutettavaksi ja taitotasoa asteittain kehittäväksi -### Opetussuunnitelman filosofia +### Opetushenkiset periaatteet -- Projektipohjainen oppimismenetelmä -- Tiheät tietovisat oppimisen tarkistamiseen -- Käytännön ohjelmointiharjoitukset -- Käytännön esimerkit todellisesta maailmasta -- Perusteiden korostaminen ennen kehysten opettelua +- Projekti-pohjainen oppiminen +- Säännölliset tietotarkistukset (visailut) +- Käytännön ohjelmointiharjoitukset +- Todellisten esimerkkien hyödyntäminen +- Painotus perusteissa ennen frameworkeja ### Arkiston ylläpito -- Aktiivinen oppijoiden ja avustajien yhteisö -- Riittävä päivitystahti riippuvuuksille ja sisällölle -- Ylläpitäjät seuraavat ongelmia ja keskusteluja -- Käännösten päivitys on automatisoitu GitHub Actionsilla +- Aktiivinen oppijoiden ja osallistujien yhteisö +- Riippuvuuksien ja sisällön säännölliset päivitykset +- Kysymysten ja keskustelujen seuranta ylläpitäjien toimesta +- Käännösten päivitykset automatisoitu GitHub Actionsin kautta ### Liittyvät resurssit -- [Microsoft Learn -moduulit](https://docs.microsoft.com/learn/) -- [Student Hubin materiaalit](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) suositellaan oppijoille -- Lisäkursseja: Generative AI, Data Science, ML, IoT -opetussuunnitelmat ovat saatavilla +- [Microsoft Learn -moduulit](https://docs.microsoft.com/learn/) +- [Student Hub -resurssit](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) suositellaan oppijoille +- Lisäkursseja: Generative AI, Data Science, ML, IoT opetussuunnitelmat saatavilla -### Työskentely tietyissä projekteissa +### Työskentely erityisten projektien kanssa -Yksityiskohtaiset ohjeet eri projekteihin löytyvät niihin liittyvistä README-tiedostoista: -- `quiz-app/README.md` - Vue 3 tietovisasovellus -- `7-bank-project/README.md` - Pankkisovellus autentikoinnilla -- `5-browser-extension/README.md` - Selainlaajennuksen kehitys -- `6-space-game/README.md` - Canvas-pohjainen peli -- `9-chat-project/README.md` - AI chat assistant -projekti +Yksityiskohtaiset ohjeet löytyvät seuraavilta README-tiedostoilta: +- `quiz-app/README.md` - Vue 3 visailusovellus +- `7-bank-project/README.md` - Pankkisovellus autentikoinnilla +- `5-browser-extension/README.md` - Selainlaajennuksen kehitys +- `6-space-game/README.md` - Canvas-pohjainen peli +- `9-chat-project/README.md` - AI-chattiapurin projekti -### Monorepo-rakenne +### Monorepon rakenne -Vaikka tämä ei ole perinteinen monorepo, arkisto sisältää useita itsenäisiä projekteja: -- Jokainen oppitunti on itsenäinen kokonaisuus -- Projektit eivät jaa riippuvuuksia keskenään -- Työskentele yksittäisten projektien parissa vaikuttamatta muihin -- Kloonaa koko repositorio saadaksesi täyden opetussuunnitelman kokemuksen +Vaikka kyseessä ei ole perinteinen monorepo, tämä arkisto sisältää useita erillisiä projekteja: +- Jokainen oppitunti on itsenäinen kokonaisuus +- Projektit eivät jaa riippuvuuksia keskenään +- Työskentele yksittäisten projektien parissa vaikuttamatta muihin +- Kloonaa koko arkisto saadaksesi täyden opetussuunnitelman kokemuksen --- -**Vastuuvapauslauseke**: -Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännöksissä saattaa esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäisellä kielellä pidetään auktoritatiivisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä aiheutuvista väärinymmärryksistä tai virhetulkinnoista. +**Vastuuvapauslauseke**: +Tämä asiakirja on käännetty käyttämällä tekoälykäännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, otathan huomioon, että automaattiset käännökset saattavat sisältää virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäiskielellä tulee pitää virallisena lähteenä. Kriittisissä tiedoissa suosittelemme ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä aiheutuvista väärinymmärryksistä tai väärintulkinnasta. \ No newline at end of file diff --git a/translations/fi/README.md b/translations/fi/README.md index de0a4b8c3c..65c8c7c560 100644 --- a/translations/fi/README.md +++ b/translations/fi/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Verkkokehitys aloittelijoille - Opetussuunnitelma +# Verkkokehitys aloittelijoille – Opetussuunnitelma -Opi verkkokehityksen perusteet kattavalla 12 viikon kurssillamme, jonka on laatinut Microsoft Cloud Advocates. Jokainen 24 oppitunnista syventyy JavaScriptiin, CSS:ään ja HTML:ään käytännön projektien, kuten terraarioiden, selaimen laajennusten ja avaruuspelien kautta. Osallistu tietokilpailuihin, keskusteluihin ja käytännön tehtäviin. Kehitä taitojasi ja optimoi tietojesi omaksuminen tehokkaan projektilähtöisen pedagogiikkamme avulla. Aloita koodausmatkasi tänään! +Opi verkkokehityksen perusteet Microsoft Cloud Advocatesin 12 viikon kattavan kurssin avulla. Jokainen 24 oppitunnista sukeltaa JavaScriptin, CSS:n ja HTML:n maailmaan käytännön projekteilla, kuten terraarioilla, selainlaajennuksilla ja avaruuspeleillä. Osallistu tietovisoihin, keskusteluihin ja käytännön tehtäviin. Kehitä taitojasi ja optimoi tiedon omaksuminen tehokkaan projektiperusteisen opetuksen avulla. Aloita koodausmatkasi tänään! -Liity Azure AI Foundryn Discord-yhteisöön +Liity Azure AI Foundryn Discord-palvelimeen ja tapaa asiantuntijoita ja muita kehittäjiä. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Seuraa näitä ohjeita aloittaaksesi näiden resurssien käytön: -1. **Forkkaa repositorio**: Klikkaa [![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. **Kloonaa repositorio**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Liity Azure AI Foundryn Discordiin ja tapaa asiantuntijoita sekä muita kehittäjiä**](https://discord.com/invite/ByRwuEEgH4) +Seuraa näitä ohjeita aloittaaksesi näiden materiaalien käytön: +1. **Tee forkki arkistosta**: Klikkaa [![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. **Kloonaa arkisto**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Liity Azure AI Foundryn Discordiin ja tapaa asiantuntijat ja kehittäjäkollegat**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Monikielinen tuki -#### Tuettu GitHub Actionin kautta (automaattinen & aina ajan tasalla) +#### Tuettu GitHub Actionin kautta (automaattinen ja aina ajan tasalla) [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](./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) | [Khmer](../km/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](../es/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) > **Haluatko kloonata paikallisesti?** > -> Tämä repositorio sisältää yli 50 kieliversiota, mikä lisää huomattavasti latauskokoa. Kloonataksesi ilman käännöksiä, käytä sparse checkoutia: +> Tämä arkisto sisältää yli 50 käännettyä kieltä, mikä lisää huomattavasti latauskokoa. Kloonataksesi ilman käännöksiä, käytä sparse checkoutia: > > **Bash / macOS / Linux:** > ```bash @@ -48,85 +48,85 @@ Seuraa näitä ohjeita aloittaaksesi näiden resurssien käytön: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Saat kaiken tarvittavan kurssin suorittamiseen paljon nopeammalla latauksella. +> Tämä antaa sinulle kaiken tarvittavan kurssin suorittamiseen huomattavasti nopeammalla latauksella. -**Jos haluat, että muita käännöskieliä tuetaan, ne löytyvät [täältä](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Jos haluat lisää käännöksiä, tuetut kielet löytyvät täältä. [tästä](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Avaa%20Visual%20Studio%20Codeen&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) #### 🧑‍🎓 _Oletko opiskelija?_ -Vieraile [**Student Hub -sivulla**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), josta löydät aloittelijoille suunnattuja resursseja, opiskelijapaketit ja jopa tapoja saada ilmainen todistuksen voucher. Tämä sivu kannattaa lisätä kirjanmerkkeihin ja tarkistaa säännöllisesti, koska sisältö vaihtuu kuukausittain. +Vieraile [**Student Hub -sivulla**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), josta löydät aloittelijoille suunnattuja resursseja, opiskelijapakkauksia ja jopa tapoja saada ilmainen sertifikaattikuponki. Tämä on sivu, joka kannattaa lisätä kirjanmerkkeihisi ja tarkistaa aika ajoin, koska päivitämme sisältöä kuukausittain. -### 📣 Ilmoitus - Uudet GitHub Copilot Agent -tilahaasteet suoritettavaksi! +### 📣 Ilmoitus – Uudet GitHub Copilot Agent -tilan haasteet suoritettavaksi! -Uusi haaste lisätty, etsi "GitHub Copilot Agent Challenge 🚀" useimmista luvuista. Tämä on uusi haaste, jonka voit suorittaa käyttäen GitHub Copilotia ja Agent-tilaa. Jos et ole aiemmin käyttänyt Agent-tilaa, se pystyy tuottamaan ei pelkästään tekstiä, vaan myös luomaan ja muokkaamaan tiedostoja, suorittamaan komentoja ja muuta. +Uusi haaste lisätty, etsi „GitHub Copilot Agent Challenge 🚀” useimmista luvuista. Tämä on uusi haaste sinulle käytettäväksi GitHub Copilotin ja Agent-tilan avulla. Jos et ole aiemmin käyttänyt Agent-tilaa, se pystyy tuottamaan tekstiä, mutta myös luomaan ja muokkaamaan tiedostoja, suorittamaan komentoja ja muuta. -### 📣 Ilmoitus - _Uusi projekti rakennettavaksi Generatiivisella AI:lla_ +### 📣 Ilmoitus – _Uusi Generatiiviseen tekoälyyn perustuva projekti rakenteilla_ -Uusi AI-avustajaprojekti juuri lisätty, tutustu [projektiin](./9-chat-project/README.md) +Uusi tekoälyavustajaprojekti juuri lisätty, tutustu [projektiin](./9-chat-project/README.md) -### 📣 Ilmoitus - _Uusi opetussuunnitelma_ Generatiivisesta AI:sta JavaScriptille juuri julkaistu +### 📣 Ilmoitus – _Uusi opetussuunnitelma_ generatiivisesta tekoälystä JavaScriptillä juuri julkaistu -Älä missaa uutta Generatiivisen AI:n opetussuunnitelmaamme! +Älä missaa uutta Generatiivisen tekoälyn opetussuunnitelmaamme! -Siirry sivulle [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) aloittaaksesi! +Aloita osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -![Tausta](../../translated_images/fi/background.148a8d43afde5730.webp) +![Background](../../translated_images/fi/background.148a8d43afde5730.webp) -- Oppitunnit kattavat kaiken perusteista RAG:iin saakka. -- Keskustele historiallisten hahmojen kanssa GenAI:n ja kumppanisovelluksemme avulla. -- Hauska ja mukaansatempaava kertomus, jossa aikamatkustat! +- Oppitunnit kattavat kaiken perusasioista RAG:iin (Retrieval-Augmented Generation). +- Vuorovaikutusta historiallisten hahmojen kanssa GenAI:n ja seurassovelluksemme avulla. +- Hauska ja mukaansatempaava tarinankerronta, matkustat ajassa! -![Hahmo](../../translated_images/fi/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/fi/character.5c0dd8e067ffd693.webp) -Jokaisessa oppitunnissa on suoritettava tehtävä, tietotesti ja haaste, jotka ohjaavat oppimaan aiheita kuten: -- Kehote- ja prompteinsinööritaito -- Tekstin ja kuvan sovellustuotanto +Jokainen oppitunti sisältää tehtävän, tietotestin ja haasteen, jotka ohjaavat sinua oppimaan aiheita kuten: +- Kehote- ja kehotesuunnittelu +- Tekstin ja kuvan sovellusgenerointi - Hakusovellukset -Siirry sivulle [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) aloittaaksesi! +Aloita osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -## 🌱 Aloittaminen +## 🌱 Aloita -> **Opettajat**, olemme lisänneet [joitakin ehdotuksia](for-teachers.md) tämän opetussuunnitelman käyttöön. Arvostamme palautettanne [keskustelufoorumillamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Opettajat**, olemme [lisänneet joitakin vinkkejä](for-teachers.md) kuinka käyttää tätä opetussuunnitelmaa. Arvostamme palautettanne [keskustelufoorumissamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Oppijat](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, jokaiselle oppitunnille, aloita ennakko-oppitentin tekemisellä ja etene lukemalla luentomateriaali, suorittamalla erilaiset tehtävät ja tarkista ymmärryksesi jälkitentin avulla. +**[Oppijat](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, aloita jokainen oppitunti esiluentokyselyllä ja jatka lukemalla luentomateriaalit, tekemällä eri harjoitukset ja tarkista ymmärryksesi jälkiluentokyselyllä. -Parantaaksesi oppimiskokemustasi, yhdistä voimasi vertaistesi kanssa projektien parissa! Keskusteluja suositaan [keskustelufoorumillamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), jossa moderaattoritiimimme on valmiina vastaamaan kysymyksiisi. +Paranna oppimiskokemustasi yhdistämällä muiden oppijoiden kanssa työskentelemään projekteissa yhdessä! Keskusteluja suositellaan [keskustelufoorumissamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), jossa moderaattoritiimimme vastaa kysymyksiisi. -Koulutuksesi syventämiseksi suosittelemme lämpimästi tutustumaan [Microsoft Learniin](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) lisäoppimateriaaleja varten. +Jatkaaksesi opiskelua suosittelemme lämpimästi tutustumaan [Microsoft Learniin](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) saadaksesi lisämateriaaleja. ### 📋 Ympäristön asennus -Tässä opetussuunnitelmassa on kehitysympäristö valmiina käytettäväksi! Aloittaessasi voit valita opetussuunnitelman ajamisen [Codespace](https://github.com/features/codespaces/) -ympäristössä (_selainpohjainen, ei asennuksia tarvitseva ympäristö_) tai paikallisesti tietokoneellasi käyttämällä tekstieditoria, kuten [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Tämä opetussuunnitelma sisältää valmiin kehitysympäristön! Aloittaessasi voit valita suorittaa opetussuunnitelman [Codespacessa](https://github.com/features/codespaces/) (_selainpohjainen ympäristö, johon ei tarvitse asentaa mitään_) tai paikallisesti tietokoneellasi tekstieditorilla kuten [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Luo oma repositoriosi -Jotta voit helposti tallentaa työsi, on suositeltavaa luoda oma kopio tästä repositoriosta. Voit tehdä sen klikkaamalla sivun ylälaidassa olevaa **Use this template** -painiketta. Tämä luo uuden repositorion GitHub-tilillesi, jossa on kopio opetussuunnitelmasta. +#### Luo oma arkistosi +Työsi tallentamisen helpottamiseksi on suositeltavaa tehdä oma kopiosi tästä arkistosta. Voit tehdä sen klikkaamalla sivun ylälaidassa painiketta **Use this template**. Tämä luo uuden arkiston GitHub-tilillesi opetussuunnitelman kopion kanssa. -Seuraa nämä vaiheet: -1. **Forkkaa repositorio**: Klikkaa "Fork" -painiketta tämän sivun oikeassa yläkulmassa. -2. **Kloonaa repositorio**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Noudata näitä ohjeita: +1. **Tee forkki arkistosta**: Klikkaa sivun oikeassa yläkulmassa olevaa "Fork"-painiketta. +2. **Kloonaa arkisto**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Opetussuunnitelman suorittaminen Codespacessa -Luo omaan kopioosi tästä repositoriosta, jonka teit, klikkaa **Code** -painiketta ja valitse **Open with Codespaces**. Tämä luo sinulle uuden Codespace-ympäristön työskentelyä varten. +Oman luomasi kopion arkistosta kohdalla klikkaa **Code**-painiketta ja valitse **Open with Codespaces**. Tämä luo sinulle uuden Codespace-työalueen. ![Codespace](../../translated_images/fi/createcodespace.0238bbf4d7a8d955.webp) -#### Opetussuunnitelman suorittaminen paikallisesti tietokoneellasi +#### Opetussuunnitelman suorittaminen paikallisesti tietokoneella -Suorittaaksesi tämän opetussuunnitelman paikallisesti tietokoneellasi tarvitset tekstieditorin, selaimen ja komentorivityökalun. Ensimmäinen oppituntimme, [Johdanto ohjelmointikieliin ja työkaluihin](../../1-getting-started-lessons/1-intro-to-programming-languages), opastaa sinua erilaisten työkaluvaihtoehtojen läpi, joista voit valita sinulle parhaiten sopivat. +Suorittaaksesi opetussuunnitelman paikallisesti sinun tulee asentaa tekstieditori, selain ja komentorivityökalu. Ensimmäinen oppituntimme, [Johdatus ohjelmointikieliin ja työkaluihin](../../1-getting-started-lessons/1-intro-to-programming-languages), esittelee sinulle erilaisia vaihtoehtoja jokaiselle näistä työkaluista, jotta voit valita sinulle parhaiten sopivat. -Suosittelemme käyttämään editorina [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), jossa on myös sisäänrakennettu [Komentorivi](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Voit ladata Visual Studio Coden [tästä](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Kloonaa arkistosi tietokoneellesi. Voit tehdä tämän napsauttamalla **Code**-painiketta ja kopioimalla URL-osoitteen: +Suosittelemme käyttämään tekstieditorina [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), joka sisältää myös sisäisen [Komentorivin (Terminaalin)](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Voit ladata Visual Studio Coden [tästä](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Kloonaa oma repositoriosi tietokoneellesi. Voit tehdä tämän napsauttamalla **Code**-painiketta ja kopioimalla URL-osoitteen: [CodeSpace](./images/createcodespace.png) - Avaa sitten [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Codessa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ja suorita seuraava komento korvaten `` juuri kopioimallasi URL-osoitteella: + Avaa sitten [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) -sovelluksessa ja suorita seuraava komento korvaamalla `` juuri kopioimallasi URL-osoitteella: ```bash git clone @@ -137,85 +137,85 @@ Suosittelemme käyttämään editorina [Visual Studio Codea](https://code.visual > Suositellut Visual Studio Code -laajennukset: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-sivujen esikatselua varten Visual Studio Codessa +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-sivujen esikatseluun Visual Studio Codessa > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - auttaa sinua kirjoittamaan koodia nopeammin ## 📂 Jokainen oppitunti sisältää: - valinnaisen sketchnoten -- valinnaisen tukevan videon -- lämmittelykyselyn ennen oppituntia +- valinnaisen lisävideon +- ennen oppituntia tehtävän lämmittelykyselyn - kirjallisen oppitunnin -- projektipohjaisissa oppitunneissa vaiheittaiset ohjeet projektin rakentamiseen -- tietämyksen tarkistukset +- projektilähtöisissä oppitunneissa vaiheittaiset ohjeet projektin rakentamiseen +- tietovisiot - haasteen -- tukevan lukemisen +- lisälukemista - tehtävän - [oppitunnin jälkeisen kyselyn](https://ff-quizzes.netlify.app/web/) -> **Huomio kyselyistä**: Kaikki kyselyt ovat Quiz-app-kansiossa, yhteensä 48 kyselyä, joissa jokaisessa on kolme kysymystä. Ne ovat saatavilla [tästä](https://ff-quizzes.netlify.app/web/). Kyselysovellusta voi käyttää paikallisesti tai ottaa käyttöön Azuren kautta; noudata ohjeita `quiz-app`-kansiossa. +> **Huomautus kyselyistä**: Kaikki kyselyt löytyvät Quiz-app-kansiosta, yhteensä 48 kyselyä, joissa jokaisessa on kolme kysymystä. Ne ovat saatavilla [tässä](https://ff-quizzes.netlify.app/web/). Quiz-sovellusta voi ajaa paikallisesti tai ottaa käyttöön Azuren kautta; noudata ohjeita `quiz-app`-kansiossa. ## 🗃️ Oppitunnit -| | Projektin nimi | Käsitellyt käsitteet | Oppimistavoitteet | Linkitetty oppitunti | Tekijä | -| :-: | :----------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Ohjelmoinnin perusteet ja työkalut | Opi useimpien ohjelmointikielten perustukset ja ohjelmistot, jotka auttavat ammattilaiskehittäjiä työssään | [Johdatus ohjelmointikieliin ja työkaluihin](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | GitHubin perusteet, sisältää yhteistyön tiimissä | Kuinka käyttää GitHubia projektissasi, miten tehdä yhteistyötä muiden kanssa koodikannan parissa | [Johdatus GitHubiin](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Esteettömyys | Opi verkkosisällön saavutettavuuden perusteet | [Esteettömyyden perusteet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScriptin tietotyypit | JavaScriptin tietotyyppien perusteet | [Tietotyypit](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funktiot ja metodit | Opi funktioista ja metodeista sovelluksen logiikan hallinnassa | [Funktiot ja metodit](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | -| 06 | JS Basics | Päätöksenteko JS:llä | Opi luomaan ehtoisuuksia koodissasi päätöksentekomenetelmillä | [Päätöksenteko](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Taulukot ja silmukat | Työskentele datan kanssa taulukoiden ja silmukoiden avulla JavaScriptissä | [Taulukot ja silmukat](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML käytännössä | Rakenna HTML luodaksesi verkkoterraarion keskittyen asettelun rakentamiseen | [Johdatus HTML:ään](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS käytännössä | Luo CSS tyylitelläksesi verkkoterraariota, keskittyen CSS:n perusteisiin ja sivun responsiivisuuteen | [Johdatus CSS:ään](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closuret, DOM-manipulointi | Rakenna JavaScript, joka tekee terrariumin toimivaksi drag/drop-käyttöliittymänä, keskittyen closureihin ja DOM-manipulointiin | [JavaScript Closuret, DOM-manipulointi](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Typing-pelin rakentaminen | Opi käyttämään näppäimistötapahtumia JavaScript-sovelluksesi logiikan ohjaamiseen | [Tapahtumaohjautuva ohjelmointi](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Toimiminen selaimissa | Opi, miten selaimet toimivat, niiden historia ja miten rakentaa selaimien laajennuksen ensimmäiset elementit | [Tietoa selaimista](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lomakkeen rakentaminen, API:n käyttäminen ja muuttujien tallentaminen paikalliseen muistiin | Rakenna selainlaajennuksen JavaScript-elementit API-kutsujen tekemiseen käyttäen paikalliseen muistiin tallennettuja muuttujia | [API:t, lomakkeet ja paikallinen muisti](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Taustaprosessit selaimessa ja verkkosuorituskyky | Käytä selaimen taustaprosesseja laajennuksen kuvakkeen hallintaan; opi verkkosuorituskyvystä ja joistakin optimoinneista | [Taustatehtävät ja suorituskyky](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Edistyneempi pelinkehitys JavaScriptillä | Opi perinnäisyydestä käyttäen sekä luokkia että koostetta sekä Pub/Sub-mallista pelin rakentamista varten | [Johdatus edistyneeseen pelinkehitykseen](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Piirtäminen canvakselle | Opi Canvas API:sta, jota käytetään elementtien piirtämiseen näytölle | [Piirtäminen canvakselle](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Elementtien liikuttaminen näytöllä | Tutustu, miten elementtejä voi liikuttaa käyttäen karteesisia koordinaatteja ja Canvas API:a | [Elementtien liikuttaminen](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Törmäysten havaitseminen | Tee elementtien törmäämisestä ja reagoimisesta toisiinsa näppäinpainallusten avulla ja lisää cooldown-toiminto pelin suorituskyvyn varmistamiseksi | [Törmäysten havaitseminen](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Pisteiden seuranta | Tee matemaattisia laskelmia pelin tilan ja suorituskyvyn perusteella | [Pisteiden seuranta](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Pelin lopetus ja uudelleen käynnistys | Opi pelin lopettamisesta ja uudelleenkäynnistyksestä, mukaan lukien resurssien siivouksesta ja muuttujien nollauksesta | [Lopetusehto](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-mallit ja reititys web-sovelluksessa | Opi luomaan monisivuisen verkkosivuston runko reitityksen ja HTML-mallien avulla | [HTML-mallit ja reititys](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Kirjautumis- ja rekisteröitymislomakkeen rakentaminen | Opi lomakkeiden rakentamisesta ja validoinnin käsittelystä | [Lomakkeet](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Tietojen hakemisen ja käytön menetelmät | Kuinka tieto virtaa sovelluksessasi, miten sitä haetaan, tallennetaan ja hävitetään | [Tieto](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Tilanhallinnan käsitteet | Opi, miten sovelluksesi säilyttää tilaa ja hallinnoi sitä ohjelmallisesti | [Tilanhallinta](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Työskentely VScoden kanssa | Opi käyttämään koodieditoria| [Käytä VScode-koodieditoria](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Työskentely tekoälyn kanssa | Opi rakentamaan oma tekoälyavustajasi | [Tekoälyavustajaprojekti](./9-chat-project/README.md) | Chris | +| | Projektin nimi | Käsiteltävät käsitteet | Oppimistavoitteet | Linkitetty oppitunti | Tekijä | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Aloittaminen | Johdatus ohjelmointiin ja työkaluihin | Opi ohjelmointikielten perusperiaatteet ja ohjelmistot, jotka auttavat ammattilaiskehittäjiä työssään | [Johdatus ohjelmointikieliin ja työkaluihin](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Aloittaminen | GitHubin perusteet, tiimityöskentely | Kuinka käyttää GitHubia projektissa, kuinka tehdä yhteistyötä muiden kanssa koodipohjan parissa | [Johdatus GitHubiin](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Aloittaminen | Esteettömyys | Opi web-estettömyyden perusteet | [Esteettömyyden perusteet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Perusteet | JavaScriptin tietotyypit | JavaScriptin tietotyyppien perusteet | [Tietotyypit](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Perusteet | Funktiot ja metodit | Opi funktioista ja metodeista sovelluksen logiikan hallintaan | [Funktiot ja metodit](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | +| 06 | JS Perusteet | Päätöksenteko JS:llä | Opi luomaan ehtoisuuksia koodissasi päätöksentekomenetelmillä | [Päätöksenteko](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Perusteet | Taulukot ja silmukat | Työskentele datan kanssa käyttäen taulukoita ja silmukoita JavaScriptissä | [Taulukot ja silmukat](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML käytännössä | Rakenna HTML luodaksesi online-terrarion, keskitytään sivun asetteluun | [Johdatus HTML:ään](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS käytännössä | Rakenna CSS tyylittelemään online-terrariota, keskitytään CSS:n perusteisiin, mukaan lukien responsiivisuus | [Johdatus CSS:ään](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScriptin sulkeet, DOM-manipulointi | Rakenna JavaScript, joka tekee terrariosta toimivan vedä/posta -käyttöliittymän, painottaen sulkeita ja DOM-manipulointia | [JavaScript-sulkeet, DOM-manipulointi](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Rakenna kirjoituspeli | Opi käyttämään näppäimistötapahtumia JavaScript-sovelluksesi logiikan ohjaamiseen | [Tapahtumapohjainen ohjelmointi](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Työskentely selainten kanssa | Opi selainten toiminnasta, historiasta ja selaimen laajennuksen ensimmäisten elementtien luomisesta | [Tietoa selaimista](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lomakkeen rakentaminen, API-kutsut ja muuttujien tallennus paikalliseen tallennustilaan | Rakenna selaimen laajennuksen JavaScript-elementit, jotka kutsuvat API:a käyttäen paikalliseen tallennustilaan tallennettuja muuttujia | [API:t, lomakkeet ja paikallinen tallennus](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Taustaprosessit selaimessa, web-suorituskyky | Hyödynnä selaimen taustaprosesseja laajennuksen kuvakkeen hallintaan; opi web-suorituskyvystä ja joistakin optimoinneista suorituskyvyn parantamiseksi | [Taustatehtävät ja suorituskyky](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Edistyneempi pelikehitys JavaScriptillä | Opi perinnöstä käyttäen luokkia ja koostamista sekä Pub/Sub-mallia pelin rakentamista varten | [Johdatus edistyneeseen pelikehitykseen](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Piirtäminen canvasilla | Opi Canvas-API:sta, jota käytetään elementtien piirtämiseen näytölle | [Piirtäminen canvasille](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Elementtien liikuttaminen näytöllä | Tutustu, kuinka elementit saavat liikkeen käyttäen karteesisia koordinaatteja ja Canvas API:a | [Elementtien liikuttaminen](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Törmäystunnistus | Tee elementeistä törmäyskelpoisia ja reagoi toisiinsa näppäinten avulla, sekä lisää viivefunktio pelin suorituskyvyn turvaamiseksi | [Törmäystunnistus](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Pistelasku | Suorita matemaattisia laskelmia pelin tilan ja suorituskyvyn perusteella | [Pistelasku](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Pelin lopettaminen ja uudelleenkäynnistys | Opi pelin lopettamisesta ja uudelleenkäynnistyksestä, mukaan lukien resurssien siivous ja muuttujien nollaaminen | [Lopetusehto](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-mallit ja reitit web-sovelluksessa | Opi luomaan monisivuisen verkkosivuston arkkitehtuurin runko reitityksen ja HTML-mallien avulla | [HTML-mallit ja reitit](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Kirjautumis- ja rekisteröintilomakkeen rakentaminen | Opi lomakkeiden rakentamisesta ja validointirutiinien käsittelystä | [Lomakkeet](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Tietojen hakemisen ja käytön menetelmät | Kuinka data virtaa sovellukseen ja sieltä pois, kuinka hakea sitä, tallentaa ja käsitellä | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Tilanhallinnan käsitteet | Opi kuinka sovelluksesi säilyttää tilan ja hallitsee sitä ohjelmallisesti | [Tilanhallinta](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Työskentely VScoden kanssa | Opi käyttämään koodieditoria | [Käytä VScode -koodieditoria](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Työskentely tekoälyn kanssa | Opi rakentamaan oma tekoälyavustajasi | [AI-avustajaprojekti](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogiikka -Oppimateriaalimme on suunniteltu kahden keskeisen pedagogisen periaatteen pohjalta: -* projektipohjainen oppiminen -* säännölliset kyselyt +Oppiaineemme on suunniteltu kahden tärkeän pedagogisen periaatteen pohjalta: +* projektilähtöinen oppiminen +* tiheät kyselyt -Ohjelma opettaa JavaScriptin, HTML:n ja CSS:n perusteet sekä uusimmat työkalut ja tekniikat, joita nykypäivän web-kehittäjät käyttävät. Opiskelijat saavat käytännön kokemusta rakentamalla kirjoituspelin, virtuaalisen terrarion, ympäristöystävällisen selainlaajennuksen, avaruuslajin pelin sekä pankkisovelluksen yrityksille. Sarjan lopuksi opiskelijoilla on vankka ymmärrys web-kehityksestä. +Ohjelma opettaa JavaScriptin, HTML:n ja CSS:n perusteet sekä uusimmat työkalut ja tekniikat, joita nykyiset web-kehittäjät käyttävät. Opiskelijat pääsevät käytännön kokemukseen rakentamalla kirjoituspelin, virtuaaliterrarion, ympäristöystävällisen selaimen laajennuksen, avaruuslajityylisen pelin ja pankkisovelluksen yrityksille. Sarjan lopussa opiskelijoilla on vahva ymmärrys web-kehityksestä. -> 🎓 Voit suorittaa tämän oppimateriaalin ensimmäiset oppitunnit osana [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) -opintopolkua Microsoft Learnissä! +> 🎓 Voit suorittaa tämän opintokokonaisuuden ensimmäiset oppitunnit Microsoft Learnissä [Learn Pathin](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kautta! -Sisällön linkittäminen projekteihin tekee prosessista opiskelijalle mielekkäämpää ja käsitteiden muistaminen paranee. Kirjoitimme myös useita aloittavia JavaScriptin perusteisiin keskittyviä oppitunteja, joissa perehdytään käsitteisiin, ja ne ovat parina videon kanssa "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" kokoelmasta, jonka osa tekijöistä osallistui tämän oppimateriaalin laadintaan. +Varmistamalla, että sisältö vastaa projekteja, prosessi on opiskelijoille kiinnostavampi ja käsitteiden pysyvyys paranee. Kirjoitimme myös useita alkutason JavaScript-perusteiden oppitunteja käsitteiden esittelyä varten, jotka yhdistettiin videoon "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" -video-opetusmateriaalikokoelmasta, jonka jotkut tekijöistä osallistuivat tämän opetussuunnitelman laatimiseen. -Lisäksi kevyt kysely ennen luentoa asettaa opiskelijan opiskelutavoitetta ja toinen kysely luennon jälkeen varmistaa sisällön parempaa omaksumista. Tämä oppimateriaali on tarkoitettu joustavaksi ja hauskaksi, ja sen voi suorittaa kokonaan tai osittain. Projektit alkavat yksinkertaisista ja monimutkaistuvat 12 viikon jaksolla. +Lisäksi matalan panoksen kysely ennen tuntia suuntaa opiskelijan aikomuksen oppia aihetta, ja toinen kysely tunnin jälkeen varmistaa käsitteiden paremman muistamisen. Tämä opetussuunnitelma on suunniteltu joustavaksi ja hauskaksi ja sen voi suorittaa kokonaan tai osittain. Projektit alkavat pienestä ja monimutkaistuvat vähitellen 12 viikon aikana. -Vaikka tarkoituksella vältimme JavaScript-kirjastojen esittelyä keskittyäksemme verkkokehittäjän perustaitoihin ennen kirjastoihin siirtymistä, seuraava hyvä askel tämän oppimateriaalin jälkeen olisi Node.js:n opiskelu toisen videosarjan avulla: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Vaikka olemme tietoisesti välttäneet JavaScript-kehysten esittelyä keskittyäksemme web-kehittäjälle tarvittaviin perusvalmiuksiin ennen kehyksen käyttöönottoa, hyvä seuraava askel tämän opetussuunnitelman jälkeen olisi opiskella Node.js:ää toisen videosarjan kautta: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Tutustu [käyttäytymissääntöihimme](CODE_OF_CONDUCT.md) ja [osallistumisohjeisiimme](CONTRIBUTING.md). Otamme mielellämme vastaan rakentavaa palautettasi! +> Tutustu [käyttäytymissääntöihimme](CODE_OF_CONDUCT.md) ja [osallistumisohjeisiimme](CONTRIBUTING.md). Otamme mielellämme vastaan rakentavaa palautetta! ## 🧭 Offline-käyttö -Voit käyttää tätä dokumentaatiota offline-tilassa käyttämällä [Docsify](https://docsify.js.org/#/). Haarauta tämä arkisto, [asenna Docsify](https://docsify.js.org/#/quickstart) paikallisesti koneellesi, ja kirjoita tämän arkiston juurikansiossa `docsify serve`. Sivusto palvelee portissa 3000 paikallisessa ympäristössä: `localhost:3000`. +Voit käyttää tätä dokumentaatiota offline-tilassa käyttämällä [Docsify](https://docsify.js.org/#/). Haarauta tämä repositorio, [asenna Docsify](https://docsify.js.org/#/quickstart) paikalliselle koneellesi, ja kirjoita tämän repositorion juurikansiossa `docsify serve`. Verkkosivusto palvellaan portissa 3000 osoitteessa localhost: `localhost:3000`. ## 📘 PDF -Kaikkiin oppitunteihin liittyvän PDF:n löydät täältä [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Kaikkien oppituntien PDF löytyy täältä [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Muut kurssit -Tiimimme tuottaa myös muita kursseja! Tutustu: +Tiimimme tuottaa muita kursseja! Tutustu: ### LangChain @@ -224,7 +224,7 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / Agentit [![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) @@ -232,7 +232,7 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: --- -### Generatiivinen tekoäly -sarja +### Generatiivinen AI -sarja [![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 +240,7 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: --- -### Perusopiskelu +### Ydinopinnot [![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) @@ -259,21 +259,21 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: ## Apua -Jos juutut tai sinulla on kysyttävää tekoälysovellusten rakentamisesta, liity muiden oppijoiden ja kokeneiden kehittäjien keskusteluihin MCP:stä. Se on kannustava yhteisö, jossa kysymykset ovat tervetulleita ja tieto jaetaan vapaasti. +Jos jäät jumiin tai sinulla on kysyttävää tekoälysovellusten rakentamisesta, liity muiden oppijoiden ja kokeneiden kehittäjien keskusteluihin MCP:stä. Se on kannustava yhteisö, jossa kysymyksiä voi esittää ja tietoa jaetaan vapaasti. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Jos sinulla on palautetta tuotteesta tai löydät virheitä rakentaessasi, käy: +Jos sinulla on palautetta tuotteesta tai kohtaat virheitä rakennusvaiheessa, vieraile: [![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) ## Lisenssi -Tämä arkisto on lisensoitu MIT-lisenssillä. Katso lisätietoja [LICENSE](../../LICENSE)-tiedostosta. +Tämä arkisto on lisensoitu MIT-lisenssillä. Lisätietoja on tiedostossa [LICENSE](../../LICENSE). --- -**Vastuuvapauslauseke**: -Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännöksissä saattaa esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen omalla kielellä tulisi pitää virallisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä johtuvista väärinymmärryksistä tai tulkinnoista. +**Vastuuvapauslauseke**: +Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Pyrimme tarkkuuteen, mutta huomioithan, että automaattikäännöksissä voi esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen omalla kielellä tulee pitää auktoriteettisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattilaisen tekemää käännöstä. Emme ole vastuussa tämän käännöksen käytöstä aiheutuvista väärinymmärryksistä tai virhetulkinnoista. \ No newline at end of file diff --git a/translations/fi/lesson-template/README.md b/translations/fi/lesson-template/README.md index b692abf635..dcdd47d832 100644 --- a/translations/fi/lesson-template/README.md +++ b/translations/fi/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Oppiaihe] +# Oppitunnin aihe -![Upota video tähän](../../../lesson-template/video-url) +## 🎥 Video -## [Ennakkokysely](../../../lesson-template/quiz-url) +> Lisää tähän upotettu video tai oppitunnin linkki. -[Kuvaile, mitä opimme] +--- + +## Ennakkotesti + +> Lisää tänne testi-linkki, kun se on saatavilla. + +--- + +Tarjoa lyhyt yleiskatsaus siitä, mitä opiskelijat oppivat tässä oppitunnissa. + +--- ### Johdanto -Kuvaile, mitä käsitellään +Anna lyhyt johdanto, jossa kuvataan, mitä tässä oppitunnissa käsitellään. -> Muistiinpanot +> Huomautuksia + +--- ### Esitiedot -Mitkä vaiheet olisi pitänyt käydä läpi ennen tätä oppituntia? +Listaa käsitteet tai aiheet, joihin opiskelijoiden tulisi olla jo perehtyneitä ennen tämän oppitunnin aloittamista. + +--- ### Valmistautuminen -Valmisteluvaiheet tämän oppitunnin aloittamiseksi +Listaa kaikki valmistelut tai työkalut, jotka vaaditaan ennen oppitunnin aloittamista. --- -[Käy sisältö läpi lohkoissa] +### Sisältö + +Käy oppitunnin sisältö vaiheittain läpi rakenteellisissa osioissa. + +--- -## [Aihe 1] +## Aihe 1 ### Tehtävä: -Työskennelkää yhdessä parantaaksenne koodipohjaa asteittain ja rakentaaksenne projektin yhteisellä koodilla: +Työskentele yhdessä parantaaksesi vähitellen koodipohjaasi rakentaaksesi projektin jaettua koodia käyttäen: ```html code blocks ``` -✅ Tietotesti - käytä tätä hetkeä venyttääksesi opiskelijoiden tietämystä avoimilla kysymyksillä +✅ Tietotarkistus +Hyödynnä tämä hetki venyttääksesi opiskelijoiden tietämystä avoimiin kysymyksiin vastaamalla. -## [Aihe 2] +## Aihe 2 +## Aihe 3 -## [Aihe 3] +🚀 Haaste +Lisää yhteinen haaste opiskelijoille projektin kehittämiseksi. -🚀 Haaste: Lisää haaste, jossa opiskelijat työskentelevät yhdessä luokassa projektin parantamiseksi +Valinnainen: Lisää kuvakaappaus valmiin oppitunnin käyttöliittymästä, jos se on sopivaa. -Valinnainen: lisää kuvakaappaus valmiin oppitunnin käyttöliittymästä, jos tarpeellista +## Oppitunnin jälkeinen testi -## [Jälkituntikysely](../../../lesson-template/quiz-url) +Lisää testi-linkki tänne oppitunnin suorittamisen jälkeen. -## Kertaus & Itseopiskelu +## Kertaus & Itsenäinen opiskelu **Tehtävän palautus [KK/VV]**: [Tehtävän nimi](assignment.md) --- -**Vastuuvapauslauseke**: -Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, huomioithan, että automaattiset käännökset voivat sisältää virheitä tai epätarkkuuksia. Alkuperäinen asiakirja sen alkuperäisellä kielellä tulisi pitää ensisijaisena lähteenä. Kriittisen tiedon osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa väärinkäsityksistä tai virhetulkinnoista, jotka johtuvat tämän käännöksen käytöstä. \ No newline at end of file + +**Vastuuvapauslauseke**: +Tämä asiakirja on käännetty käyttämällä tekoälykäännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännöksissä voi esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäiskielellä on pidettävä virallisena lähteenä. Tärkeissä asioissa suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä johtuvista väärinymmärryksistä tai virhetulkinnoista. + \ No newline at end of file diff --git a/translations/fr/.co-op-translator.json b/translations/fr/.co-op-translator.json index 1acd843cd6..6017226c8b 100644 --- a/translations/fr/.co-op-translator.json +++ b/translations/fr/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:28:11+00:00", + "translation_date": "2026-04-24T11:29:36+00:00", "source_file": "AGENTS.md", "language_code": "fr" }, @@ -516,8 +516,8 @@ "language_code": "fr" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:21:47+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:25:10+00:00", "source_file": "README.md", "language_code": "fr" }, @@ -564,8 +564,8 @@ "language_code": "fr" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-24T00:16:04+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:25:19+00:00", "source_file": "lesson-template/README.md", "language_code": "fr" }, diff --git a/translations/fr/AGENTS.md b/translations/fr/AGENTS.md index 1f14f4e167..a6e13d2fe9 100644 --- a/translations/fr/AGENTS.md +++ b/translations/fr/AGENTS.md @@ -1,37 +1,37 @@ # AGENTS.md -## Présentation du projet +## Aperçu du projet -Il s'agit d'un référentiel de programme éducatif pour enseigner les fondamentaux du développement web aux débutants. Le programme est un cours complet de 12 semaines développé par les Microsoft Cloud Advocates, comprenant 24 leçons pratiques couvrant JavaScript, CSS et HTML. +Il s'agit d'un dépôt de programme éducatif pour enseigner les fondamentaux du développement web aux débutants. Le programme est un cours complet de 12 semaines développé par Microsoft Cloud Advocates, comprenant 24 leçons pratiques couvrant JavaScript, CSS et HTML. ### Composants clés -- **Contenu éducatif** : 24 leçons structurées organisées en modules basés sur des projets -- **Projets pratiques** : Terrarium, Jeu de frappe, Extension de navigateur, Jeu spatial, Application bancaire, Éditeur de code, et Assistant de chat IA -- **Quiz interactifs** : 48 quiz avec 3 questions chacun (évaluations pré/post- leçon) -- **Support multilingue** : Traductions automatiques en 50+ langues via GitHub Actions -- **Technologies** : HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pour projets IA) +- **Contenu éducatif** : 24 leçons structurées organisées en modules basés sur des projets +- **Projets pratiques** : Terrarium, Jeu de dactylographie, Extension de navigateur, Jeu spatial, Application bancaire, Éditeur de code, et Assistant de chat IA +- **Quiz interactifs** : 48 quiz avec 3 questions chacun (évaluations avant/après chaque leçon) +- **Support multilingue** : Traductions automatisées pour plus de 50 langues via GitHub Actions +- **Technologies** : HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pour les projets IA) ### Architecture -- Référentiel éducatif avec structure basée sur les leçons -- Chaque dossier de leçon contient README, exemples de code, et solutions -- Projets indépendants dans des répertoires séparés (quiz-app, divers projets de leçons) -- Système de traduction utilisant GitHub Actions (co-op-translator) -- Documentation servie via Docsify et disponible en PDF +- Dépôt éducatif avec structure basée sur les leçons +- Chaque dossier de leçon contient README, exemples de code et solutions +- Projets autonomes dans des répertoires séparés (quiz-app, divers projets de leçon) +- Système de traduction utilisant GitHub Actions (co-op-translator) +- Documentation servie via Docsify et disponible en PDF -## Commandes d'installation +## Commandes d’installation -Ce référentiel est principalement destiné à la consommation de contenu éducatif. Pour travailler avec des projets spécifiques : +Ce dépôt est principalement destiné à la consommation de contenu éducatif. Pour travailler avec des projets spécifiques : -### Installation du référentiel principal +### Installation du dépôt principal ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Installation de l'application Quiz (Vue 3 + Vite) +### Installation de l’application Quiz (Vue 3 + Vite) ```bash cd quiz-app @@ -41,7 +41,7 @@ npm run build # Construire pour la production npm run lint # Exécuter ESLint ``` -### API du projet bancaire (Node.js + Express) +### API du projet Bancaire (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,7 +51,7 @@ npm run lint # Exécuter ESLint npm run format # Formater avec Prettier ``` -### Projets d'extension de navigateur +### Projets d’extension de navigateur ```bash cd 5-browser-extension/solution @@ -64,10 +64,10 @@ npm install ```bash cd 6-space-game/solution npm install -# Ouvrez index.html dans un navigateur ou utilisez Live Server +# Ouvrez index.html dans le navigateur ou utilisez Live Server ``` -### Projet de chat (Backend Python) +### Projet de chat (backend Python) ```bash cd 9-chat-project/solution/backend/python @@ -80,41 +80,41 @@ python api.py ### Pour les contributeurs de contenu -1. **Forkez le référentiel** vers votre compte GitHub -2. **Clonez votre fork** localement -3. **Créez une nouvelle branche** pour vos modifications -4. Modifiez le contenu des leçons ou les exemples de code -5. Testez les modifications de code dans les répertoires de projets concernés -6. Soumettez des pull requests en suivant les consignes de contribution +1. **Forkez le dépôt** sur votre compte GitHub +2. **Clonez votre fork** localement +3. **Créez une nouvelle branche** pour vos modifications +4. Effectuez des modifications dans le contenu des leçons ou les exemples de code +5. Testez les changements de code dans les répertoires de projet concernés +6. Soumettez des pull requests en suivant les directives de contribution ### Pour les apprenants -1. Forkez ou clonez le référentiel -2. Naviguez dans les dossiers de leçons dans l'ordre -3. Lisez les fichiers README pour chaque leçon -4. Complétez les quiz pré-leçon sur https://ff-quizzes.netlify.app/web/ -5. Travaillez les exemples de code dans les dossiers de leçons -6. Réalisez les devoirs et défis -7. Passez les quiz post-leçon +1. Forkez ou clonez le dépôt +2. Naviguez dans les dossiers de leçon dans l’ordre +3. Lisez les fichiers README de chaque leçon +4. Complétez les quiz avant la leçon sur https://ff-quizzes.netlify.app/web/ +5. Travaillez les exemples de code dans les dossiers de leçon +6. Réalisez les devoirs et défis +7. Passez les quiz après la leçon ### Développement en direct -- **Documentation** : Lancez `docsify serve` à la racine (port 3000) -- **Application Quiz** : Lancez `npm run dev` dans le répertoire quiz-app -- **Projets** : Utilisez l’extension Live Server de VS Code pour les projets HTML -- **Projets API** : Lancez `npm start` dans les répertoires API concernés +- **Documentation** : Lancez `docsify serve` à la racine (port 3000) +- **Application Quiz** : Lancez `npm run dev` dans le dossier quiz-app +- **Projets** : Utilisez l’extension Live Server de VS Code pour les projets HTML +- **Projets API** : Lancez `npm start` dans les dossiers API correspondants ## Instructions de test -### Test de l'application Quiz +### Test de l’application Quiz ```bash cd quiz-app -npm run lint # Vérifier les problèmes de style de code -npm run build # Vérifier que la compilation réussit +npm run lint # Vérifiez les problèmes de style de code +npm run build # Vérifiez que la compilation réussit ``` -### Test de l'API bancaire +### Test de l’API bancaire ```bash cd 7-bank-project/api @@ -124,76 +124,76 @@ node server.js # Vérifiez que le serveur démarre sans erreurs ### Approche générale des tests -- Il s'agit d'un référentiel éducatif sans tests automatisés exhaustifs -- Les tests manuels portent sur : - - Exécution des exemples de code sans erreurs - - Fonctionnement correct des liens dans la documentation - - Compilation réussie des projets - - Respect des bonnes pratiques dans les exemples +- Ce dépôt éducatif ne comporte pas de tests automatisés complets +- Les tests manuels se concentrent sur : + - Exécution sans erreur des exemples de code + - Fonctionnement correct des liens dans la documentation + - Construction réussie des projets + - Respect des meilleures pratiques dans les exemples ### Vérifications avant soumission -- Lancez `npm run lint` dans les dossiers contenant package.json -- Vérifiez la validité des liens markdown -- Testez les exemples de code dans le navigateur ou Node.js -- Vérifiez que les traductions conservent la structure appropriée +- Lancez `npm run lint` dans les dossiers contenant package.json +- Vérifiez la validité des liens markdown +- Testez les exemples de code dans le navigateur ou Node.js +- Assurez-vous que les traductions conservent la bonne structure ## Directives de style de code ### JavaScript -- Utilisez la syntaxe moderne ES6+ -- Respectez les configurations ESLint standard fournies dans les projets -- Utilisez des noms de variables et fonctions significatifs pour la clarté pédagogique -- Ajoutez des commentaires expliquant les concepts pour les apprenants -- Formatez avec Prettier si configuré +- Utilisez la syntaxe moderne ES6+ +- Suivez les configurations ESLint standard fournies dans les projets +- Utilisez des noms de variables et fonctions significatifs pour la clarté pédagogique +- Ajoutez des commentaires expliquant les concepts pour les apprenants +- Formatez avec Prettier lorsque configuré ### HTML/CSS -- Utilisez des éléments HTML5 sémantiques -- Appliquez des principes de design responsive -- Nommez clairement les classes -- Ajoutez des commentaires expliquant les techniques CSS pour les apprenants +- Éléments HTML5 sémantiques +- Principes de design responsive +- Conventions claires de nommage des classes +- Commentaires expliquant les techniques CSS pour les apprenants ### Python -- Suivez les directives de style PEP 8 -- Exemples de code clairs et pédagogiques -- Indications de type lorsque cela aide l'apprentissage +- Respect des directives de style PEP 8 +- Exemples de code clairs et éducatifs +- Indications de type lorsque cela aide à l’apprentissage ### Documentation Markdown -- Hiérarchie claire des titres -- Blocs de code avec spécification du langage -- Liens vers des ressources complémentaires -- Captures d’écran et images dans les dossiers `images/` -- Texte alternatif pour les images pour l’accessibilité +- Hiérarchie claire des titres +- Blocs de code avec spécification de la langue +- Liens vers des ressources supplémentaires +- Captures d’écran et images dans les dossiers `images/` +- Texte alternatif pour les images pour l’accessibilité ### Organisation des fichiers -- Leçons numérotées séquentiellement (1-getting-started-lessons, 2-js-basics, etc.) -- Chaque projet a les dossiers `solution/` et souvent `start/` ou `your-work/` -- Images stockées dans des dossiers `images/` spécifiques aux leçons -- Traductions dans la structure `translations/{code-langue}/` +- Leçons numérotées séquentiellement (1-getting-started-lessons, 2-js-basics, etc.) +- Chaque projet a des dossiers `solution/` et souvent `start/` ou `your-work/` +- Images stockées dans les dossiers `images/` spécifiques aux leçons +- Traductions dans la structure `translations/{language-code}/` ## Compilation et déploiement -### Déploiement de l'application Quiz (Azure Static Web Apps) +### Déploiement de l’application Quiz (Azure Static Web Apps) -L'application quiz-app est configurée pour le déploiement avec Azure Static Web Apps : +L’application quiz-app est configurée pour le déploiement Azure Static Web Apps : ```bash cd quiz-app npm run build # Crée le dossier dist/ -# Déploie via le workflow GitHub Actions lors d'un push sur main +# Déploie via un workflow GitHub Actions lors d'un push sur la branche main ``` -Configuration Azure Static Web Apps : -- **Emplacement de l'application** : `/quiz-app` -- **Emplacement de sortie** : `dist` -- **Workflow** : `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Configuration Azure Static Web Apps : +- **Emplacement de l’app** : `/quiz-app` +- **Emplacement du résultat** : `dist` +- **Workflow** : `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Génération du PDF de documentation +### Génération PDF de la documentation ```bash npm install # Installer docsify-to-pdf @@ -207,76 +207,76 @@ npm install -g docsify-cli # Installer Docsify globalement docsify serve # Servir sur localhost:3000 ``` -### Builds spécifiques aux projets +### Compilations spécifiques aux projets -Chaque répertoire de projet peut avoir son propre processus de build : -- Projets Vue : `npm run build` crée des bundles de production -- Projets statiques : Pas d'étape de build, fichiers servis directement +Chaque dossier de projet peut avoir son propre processus de build : +- Projets Vue : `npm run build` crée les bundles de production +- Projets statiques : pas d’étape de build, service direct des fichiers -## Directives pour les pull requests +## Directives de pull request ### Format du titre -Utilisez des titres clairs et descriptifs indiquant la zone modifiée : -- `[Quiz-app] Ajout d’un nouveau quiz pour la leçon X` -- `[Lesson-3] Correction d’une faute dans le projet terrarium` -- `[Translation] Ajout de la traduction espagnole pour la leçon 5` -- `[Docs] Mise à jour des instructions d’installation` +Utilisez des titres clairs et descriptifs indiquant la zone de modification : +- `[Quiz-app] Ajouter un nouveau quiz pour la leçon X` +- `[Leçon-3] Corriger une faute dans le projet terrarium` +- `[Traduction] Ajouter la traduction espagnole pour la leçon 5` +- `[Docs] Mettre à jour les instructions d’installation` ### Vérifications requises -Avant de soumettre une PR : +Avant de soumettre une PR : -1. **Qualité du code** : - - Lancez `npm run lint` dans les répertoires de projet concernés - - Corrigez toutes les erreurs et avertissements de lint +1. **Qualité de code** : + - Lancez `npm run lint` dans les dossiers de projet concernés + - Corrigez toutes les erreurs et avertissements lint -2. **Vérification de build** : - - Lancez `npm run build` si applicable - - Assurez-vous qu’aucune erreur de build ne survient +2. **Vérification build** : + - Lancez `npm run build` si applicable + - Assurez-vous de l’absence d’erreurs de compilation -3. **Validation des liens** : - - Testez tous les liens markdown - - Vérifiez le bon fonctionnement des références aux images +3. **Validation des liens** : + - Testez tous les liens markdown + - Vérifiez les références d’images -4. **Relecture du contenu** : - - Corrigez l’orthographe et la grammaire - - Assurez-vous que les exemples de code sont corrects et pédagogiques - - Vérifiez que les traductions conservent le sens original +4. **Relecture de contenu** : + - Corrigez l’orthographe et la grammaire + - Assurez-vous que les exemples de code sont corrects et pédagogiques + - Vérifiez que les traductions conservent le sens original ### Exigences de contribution -- Acceptez la CLA Microsoft (vérification automatique à la première PR) -- Respectez le [Code de conduite open source Microsoft](https://opensource.microsoft.com/codeofconduct/) -- Consultez le [CONTRIBUTING.md](./CONTRIBUTING.md) pour les détails -- Référencez les numéros d’issues dans la description de la PR si applicable +- Acceptez la CLA Microsoft (vérification automatisée à la première PR) +- Respectez le [Code de conduite Open Source de Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Consultez [CONTRIBUTING.md](./CONTRIBUTING.md) pour les directives détaillées +- Mentionnez les numéros d’issues dans la description de la PR si applicable -### Processus de relecture +### Processus de revue -- Les PR sont revues par les mainteneurs et la communauté -- La clarté pédagogique est priorisée -- Les exemples de code doivent suivre les bonnes pratiques actuelles -- Les traductions sont revues pour précision et adéquation culturelle +- PR revues par les mainteneurs et la communauté +- La clarté pédagogique est priorisée +- Les exemples de code doivent suivre les meilleures pratiques actuelles +- Les traductions sont révisées pour exactitude et adéquation culturelle ## Système de traduction ### Traduction automatisée -- Utilise GitHub Actions avec le workflow co-op-translator -- Traduit automatiquement en 50+ langues -- Fichiers source dans les répertoires principaux -- Fichiers traduits dans `translations/{code-langue}/` +- Utilise GitHub Actions avec le workflow co-op-translator +- Traduit automatiquement en plus de 50 langues +- Fichiers sources dans les répertoires principaux +- Fichiers traduits dans `translations/{language-code}/` -### Ajout d’améliorations manuelles aux traductions +### Ajout d’améliorations manuelles de traduction -1. Localisez le fichier dans `translations/{code-langue}/` -2. Apportez des améliorations tout en préservant la structure -3. Assurez-vous que les exemples de code restent fonctionnels -4. Testez tout contenu de quiz localisé +1. Localisez le fichier dans `translations/{language-code}/` +2. Apportez des améliorations tout en préservant la structure +3. Assurez-vous que les exemples de code restent fonctionnels +4. Testez tout contenu de quiz localisé -### Métadonnées des traductions +### Métadonnées de traduction -Les fichiers traduits incluent un en-tête de métadonnées : +Les fichiers traduits incluent un en-tête de métadonnées : ```markdown ``` -## Débogage et résolution de problèmes +## Débogage et dépannage ### Problèmes courants -**L’application quiz ne démarre pas** : -- Vérifiez la version de Node.js (v14+ recommandé) -- Supprimez `node_modules` et `package-lock.json`, puis lancez `npm install` à nouveau -- Vérifiez les conflits de ports (par défaut : Vite utilise le port 5173) +**L’application quiz ne démarre pas** : +- Vérifiez la version de Node.js (v14+ recommandée) +- Supprimez `node_modules` et `package-lock.json`, relancez `npm install` +- Vérifiez les conflits de port (par défaut : Vite utilise le port 5173) -**Le serveur API ne démarre pas** : -- Vérifiez que Node.js est à la version minimale (node >=10) -- Vérifiez si le port est déjà utilisé -- Assurez-vous que toutes les dépendances sont installées via `npm install` +**Le serveur API ne démarre pas** : +- Vérifiez que la version de Node.js est suffisante (node >=10) +- Vérifiez que le port n’est pas déjà utilisé +- Assurez-vous que toutes les dépendances sont installées via `npm install` -**L’extension navigateur ne charge pas** : -- Vérifiez que manifest.json est bien formatté -- Consultez la console du navigateur pour les erreurs -- Suivez les instructions d’installation spécifiques au navigateur +**L’extension navigateur ne se charge pas** : +- Vérifiez que manifest.json est bien formaté +- Regardez la console du navigateur pour les erreurs +- Suivez les instructions spécifiques du navigateur pour l’installation de l’extension -**Problèmes du projet chat Python** : -- Assurez-vous que le package OpenAI est installé : `pip install openai` -- Vérifiez que la variable d’environnement GITHUB_TOKEN est définie -- Vérifiez les autorisations d’accès aux modèles GitHub +**Problèmes avec le projet de chat Python** : +- Assurez-vous que le package OpenAI est installé : `pip install openai` +- Vérifiez que la variable d’environnement GITHUB_TOKEN est définie +- Vérifiez les permissions d’accès aux modèles GitHub -**Docsify ne sert pas la documentation** : -- Installez docsify-cli globalement : `npm install -g docsify-cli` -- Lancez depuis le répertoire racine du dépôt -- Vérifiez que `docs/_sidebar.md` existe +**Docsify ne sert pas la documentation** : +- Installez docsify-cli globalement : `npm install -g docsify-cli` +- Lancez depuis le répertoire racine du dépôt +- Vérifiez que `docs/_sidebar.md` existe ### Conseils pour l’environnement de développement -- Utilisez VS Code avec l’extension Live Server pour les projets HTML -- Installez les extensions ESLint et Prettier pour un formatage cohérent -- Utilisez les DevTools du navigateur pour déboguer JavaScript -- Pour les projets Vue, installez l’extension Vue DevTools pour navigateur +- Utilisez VS Code avec l’extension Live Server pour les projets HTML +- Installez les extensions ESLint et Prettier pour un formatage cohérent +- Utilisez les DevTools du navigateur pour déboguer JavaScript +- Pour les projets Vue, installez l’extension Vue DevTools du navigateur ### Considérations de performance -- Le grand nombre de fichiers traduits (50+ langues) rend les clones complets volumineux -- Utilisez un clone superficiel si vous travaillez uniquement sur le contenu : `git clone --depth 1` -- Excluez les traductions des recherches quand vous travaillez sur le contenu anglais -- Les processus de build peuvent être lents lors de la première exécution (npm install, build Vite) +- Le grand nombre de fichiers traduits (50+ langues) rend les clones complets volumineux +- Utilisez un clone superficiel si vous ne travaillez que sur le contenu : `git clone --depth 1` +- Excluez les traductions des recherches quand vous travaillez sur le contenu en anglais +- Les processus de build peuvent être lents au premier lancement (npm install, build Vite) ## Considérations de sécurité ### Variables d’environnement -- Les clés API ne doivent jamais être commises dans le référentiel -- Utilisez des fichiers `.env` (déjà dans `.gitignore`) -- Documentez les variables d’environnement requises dans les README projets +- Les clés d’API ne doivent jamais être commitées dans le dépôt +- Utilisez des fichiers `.env` (déjà listés dans `.gitignore`) +- Documentez les variables d’environnement requises dans les READMEs des projets ### Projets Python -- Utilisez des environnements virtuels : `python -m venv venv` -- Gardez les dépendances à jour -- Les tokens GitHub doivent avoir les permissions minimales nécessaires +- Utilisez des environnements virtuels : `python -m venv venv` +- Maintenez les dépendances à jour +- Les tokens GitHub doivent avoir les permissions minimales nécessaires ### Accès aux modèles GitHub -- Tokens d’accès personnel (PAT) requis pour les modèles GitHub -- Les tokens doivent être stockés en variables d’environnement -- Ne jamais commettre de tokens ou d’identifiants +- Des Personal Access Tokens (PAT) sont requis pour les modèles GitHub +- Les tokens doivent être stockés dans des variables d’environnement +- Ne jamais commiter tokens ou identifiants -## Notes supplémentaires +## Notes additionnelles ### Public cible -- Débutants complets au développement web -- Étudiants et autodidactes -- Enseignants utilisant le programme en classe -- Contenu conçu pour l’accessibilité et le développement progressif des compétences +- Débutants complets en développement web +- Étudiants et apprenants autodidactes +- Enseignants utilisant le programme en classe +- Contenu conçu pour l’accessibilité et la montée en compétences progressive ### Philosophie éducative -- Approche par projets -- Vérifications fréquentes des connaissances (quiz) -- Exercices pratiques de programmation -- Exemples d’applications réelles -- Focus sur les fondamentaux avant les frameworks +- Approche par projets +- Contrôles fréquents des connaissances (quiz) +- Exercices pratiques de codage +- Exemples d’applications réelles +- Accent sur les fondamentaux avant les frameworks -### Maintenance du référentiel +### Maintenance du dépôt -- Communauté active d’apprenants et contributeurs -- Mises à jour régulières des dépendances et du contenu -- Surveillance des issues et discussions par les mainteneurs -- Mises à jour de traductions automatisées via GitHub Actions +- Communauté active d’apprenants et contributeurs +- Mises à jour régulières des dépendances et du contenu +- Suivi des issues et discussions par les mainteneurs +- Mises à jour des traductions automatisées via GitHub Actions ### Ressources associées -- [Modules Microsoft Learn](https://docs.microsoft.com/learn/) -- [Ressources du Student Hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recommandé pour les apprenants -- Cours additionnels : IA générative, Data Science, ML, IoT disponibles +- [Modules Microsoft Learn](https://docs.microsoft.com/learn/) +- [Ressources Student Hub](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recommandé pour les apprenants +- Cours additionnels : IA générative, Science des données, ML, IoT disponibles ### Travailler avec des projets spécifiques -Pour des instructions détaillées sur les projets individuels, consultez les fichiers README dans : -- `quiz-app/README.md` - application quiz Vue 3 -- `7-bank-project/README.md` - application bancaire avec authentification -- `5-browser-extension/README.md` - développement d’extension navigateur -- `6-space-game/README.md` - développement de jeu Canvas -- `9-chat-project/README.md` - projet assistant chat IA +Pour des instructions détaillées sur des projets individuels, consultez les README dans : +- `quiz-app/README.md` - Application quiz Vue 3 +- `7-bank-project/README.md` - Application bancaire avec authentification +- `5-browser-extension/README.md` - Développement d’extension navigateur +- `6-space-game/README.md` - Développement de jeu canvas +- `9-chat-project/README.md` - Projet d’assistant de chat IA ### Structure Monorepo -Bien que ce ne soit pas un monorepo traditionnel, ce référentiel contient plusieurs projets indépendants : -- Chaque leçon est autonome -- Les projets ne partagent pas de dépendances -- Travaillez sur des projets individuels sans impacter les autres -- Clonez le référentiel complet pour l’expérience complète du programme +Bien que ce ne soit pas un monorepo traditionnel, ce dépôt contient plusieurs projets indépendants : +- Chaque leçon est autonome +- Les projets ne partagent pas les dépendances +- Travaillez sur des projets individuels sans affecter les autres +- Clonez le dépôt complet pour une expérience complète du programme --- -**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 automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant autorité. Pour les informations critiques, une traduction professionnelle humaine est recommandée. Nous déclinons toute responsabilité en cas de malentendus ou d’interprétations erronées résultant de l’utilisation de cette traduction. +**Clause de non-responsabilité** : +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 automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue native doit être considéré comme la source faisant autorité. Pour des informations critiques, une traduction professionnelle humaine est recommandée. Nous ne sommes pas responsables des malentendus ou des interprétations erronées résultant de l’utilisation de cette traduction. \ No newline at end of file diff --git a/translations/fr/README.md b/translations/fr/README.md index 29e63c121c..545278b46e 100644 --- a/translations/fr/README.md +++ b/translations/fr/README.md @@ -1,71 +1,71 @@ -[![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) +[![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/) +[![Problèmes GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) +[![Demandes de tirage 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) -[![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/) +[![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/) +[![Forks GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) +[![Étoiles 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/) -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) +[![Discord Microsoft Foundry](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) # Développement Web pour Débutants - Un Programme -Apprenez les fondamentaux du développement web avec notre cours complet de 12 semaines conçu par les Défenseurs du Cloud Microsoft. 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, des discussions et des 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 apprentissage du code dès aujourd'hui ! +Apprenez les fondamentaux du développement web avec notre cours complet de 12 semaines 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 efficace basée sur des projets. Commencez votre parcours de programmation dès aujourd’hui ! -Rejoignez la Communauté Azure AI Foundry sur Discord +Rejoignez le Discord Azure AI Foundry et rencontrez des experts et autres développeurs. -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) +[![Discord Microsoft Foundry](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Suivez ces étapes pour commencer à utiliser ces ressources : -1. **Faites un fork du dépôt** : Cliquez sur [![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. **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 ainsi que d'autres développeurs**](https://discord.com/invite/ByRwuEEgH4) +Suivez ces étapes pour commencer à utiliser ces ressources : +1. **Forkez le Dépôt** : Cliquez sur [![Forks GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **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 -#### Pris en charge via GitHub Action (Automatisé et Toujours à Jour) +#### Pris en charge via GitHub Action (Automatisé & Toujours à jour) -[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](./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) | [Khmer](../km/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](../es/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) +[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) | [Khmer](../km/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 comprend plus de 50 traductions, ce qui augmente significativement la taille du téléchargement. Pour cloner sans les traductions, utilisez le checkout sparse : -> -> **Bash / macOS / Linux :** +> **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 traductions, utilisez le sparse checkout : +> +> **Bash / macOS / Linux :** > ```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' > ``` -> -> **CMD (Windows) :** +> +> **CMD (Windows) :** > ```cmd > 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 donne tout ce dont vous avez besoin pour suivre le cours avec un téléchargement beaucoup plus rapide. +> +> Cela vous fournit tout ce dont vous avez besoin pour compléter le cours avec un téléchargement beaucoup plus rapide. -**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)** +**Si vous souhaitez d’autres traductions, les langues supportées sont listées ici. [ici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![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) +[![Ouvrir dans 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) -#### 🧑‍🎓 _Êtes-vous étudiant ?_ +#### 🧑‍🎓 _Vous êtes étudiant ?_ -Visitez la [**page Hub Étudiant**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) où vous trouverez des ressources pour débutants, des packs pour étudiants et même des moyens d'obtenir un bon de certificat gratuit. C’est la page que vous voudrez mettre en favori et consulter régulièrement car son contenu est mis à jour chaque mois. +Visitez la [**page du 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 pour obtenir un bon de certificat gratuit. C’est la page à mettre en favori et à consulter de temps en temps car le contenu change chaque mois. -### 📣 Annonce - Nouveaux défis en mode GitHub Copilot Agent à compléter ! +### 📣 Annonce - Nouveaux défis du mode GitHub Copilot Agent à compléter ! -Nouveau défi ajouté, cherchez le "Défi GitHub Copilot Agent 🚀" dans la plupart des chapitres. C’est un nouveau défi à compléter en utilisant GitHub Copilot et le mode Agent. Si vous n'avez jamais utilisé le mode Agent, il est capable non seulement de générer du texte, mais aussi de créer et modifier des fichiers, exécuter des commandes et plus encore. +Nouveau défi ajouté, recherchez « GitHub Copilot Agent Challenge 🚀 » dans la plupart des chapitres. C’est un nouveau défi à réaliser avec 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. -### 📣 Annonce - _Nouveau projet à construire en utilisant l’IA générative_ +### 📣 Annonce - _Nouveau projet à construire avec l’IA générative_ -Nouveau projet Assistant IA ajouté, consultez le [projet](./9-chat-project/README.md) +Nouveau projet Assistant IA ajouté, découvrez-le [projet](./9-chat-project/README.md) ### 📣 Annonce - _Nouveau programme_ sur l’IA générative pour JavaScript vient d’être publié @@ -73,138 +73,142 @@ 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 ! -![Background](../../translated_images/fr/background.148a8d43afde5730.webp) +![Arrière-plan](../../translated_images/fr/background.148a8d43afde5730.webp) -- Des leçons couvrant tout, des bases au RAG. -- Interagissez avec des personnages historiques grâce à GenAI et notre application compagnon. -- Une narration amusante et immersive, vous voyagerez dans le temps ! +- Leçons couvrant tout, des bases à la RAG. +- Interagissez avec des personnages historiques grâce à GenAI et notre application compagnon. +- Narration amusante et engageante, vous voyagerez dans le temps ! -![character](../../translated_images/fr/character.5c0dd8e067ffd693.webp) +![personnage](../../translated_images/fr/character.5c0dd8e067ffd693.webp) -Chaque leçon comprend un devoir à réaliser, un contrôle de connaissances et un défi pour vous guider dans l’apprentissage de sujets comme : -- Le prompt et l’ingénierie du prompt -- La génération d’applications texte et image -- Les applications de recherche + +Chaque leçon inclut un exercice à réaliser, une vérification des connaissances et un défi pour vous guider dans l’apprentissage de sujets tels que : +- La formulation de requêtes et l’ingénierie de prompts +- La génération d’applications de texte et d’image +- Les applications de recherche Visitez [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pour commencer ! -## 🌱 Pour commencer -> **Enseignants**, nous avons [inclus quelques suggestions](for-teachers.md) sur comment utiliser ce programme. Nous attendons vos retours [dans 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 lisez le contenu de la conférence, complétez les diverses activités et vérifiez votre compréhension via le quiz post-conférence. +## 🌱 Pour Bien Commencer + +> **Enseignants**, nous avons [inclus quelques suggestions](for-teachers.md) sur comment utiliser ce programme. Nous aimerions 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 avant la leçon et poursuivez en lisant le matériel, en réalisant les différentes activités puis vérifiez votre compréhension avec le quiz après la leçon. Pour améliorer votre expérience d’apprentissage, connectez-vous avec vos pairs pour travailler ensemble sur les projets ! Les discussions sont encouragées sur 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 vos connaissances, nous recommandons vivement d’explorer [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pour des supports d’étude supplémentaires. +Pour approfondir votre formation, nous recommandons vivement d’explorer [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pour des ressources complémentaires. ### 📋 Configuration de votre environnement -Ce programme dispose d’un environnement de développement prêt à l’emploi ! Pour démarrer, 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 avec un éditeur de texte comme [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ce programme dispose d’un environnement de développement prêt à l’emploi ! Dès le début, vous pouvez choisir d’exécuter le programme dans un [Codespace](https://github.com/features/codespaces/) (_un environnement dans le 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). #### 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 **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. +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. -Suivez ces étapes : -1. **Faites un fork du 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` +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` #### Exécuter le programme dans un Codespace -Dans votre copie de ce dépôt, cliquez sur le bouton **Code** puis sélectionnez **Open with Codespaces**. Cela créera un nouveau Codespace pour que vous puissiez travailler. +Dans votre copie de ce dépôt que vous avez créée, cliquez sur le bouton **Code** puis sélectionnez **Ouvrir avec Codespaces**. Cela créera un nouveau Codespace pour vous permettre de travailler. ![Codespace](../../translated_images/fr/createcodespace.0238bbf4d7a8d955.webp) #### Exécuter le programme localement sur votre ordinateur -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 de programmation et outils du métier](../../1-getting-started-lessons/1-intro-to-programming-languages), vous guidera à travers diverses options pour chacun de ces outils afin que vous puissiez choisir ce qui vous convient le mieux. +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 différentes options pour chacun de ces outils afin que vous choisissiez 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 inclut également un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) intégré. 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 le faire en cliquant sur le bouton **Code** et en copiant l’URL : +Nous recommandons d’utiliser [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) comme éditeur, qui dispose également d’un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) intégré. 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 le faire 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 : + 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 : ```bash git clone ``` -2. Ouvrez le dossier dans Visual Studio Code. Vous pouvez le faire en cliquant sur **Fichier** > **Ouvrir le dossier** et en sélectionnant le dossier que vous venez de cloner. +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 : -> -> * [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 à écrire du code plus rapidement +> 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 ## 📂 Chaque leçon comprend : -- sketchnote optionnelle +- sketchnote optionnel - vidéo complémentaire optionnelle - quiz d’échauffement avant la leçon - leçon écrite - 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 -- lectures complémentaires +- lecture complémentaire - devoir - [quiz post-leçon](https://ff-quizzes.netlify.app/web/) -> **Une note à propos des quiz** : Tous les quiz sont contenus dans le dossier Quiz-app, avec 48 quiz au total de 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`. +> **Une note concernant les quiz** : Tous les quiz se trouvent 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 lancé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 Associé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 pros | [Introduction aux langages de programmation et aux outils](./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 et 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 grâce aux méthodes de prise de décisions | [Prise de décisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Bases JS | Tableaux et Boucles | Travailler avec les 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, en se concentrant sur les bases du CSS y compris le rendu responsive | [Introduction au CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Fermetures JavaScript, manipulation DOM | Écrire le JavaScript pour rendre le terrarium fonctionnel en tant qu’interface drag/drop, en se concentrant sur les closures et DOM | [Closures JS, manipulation 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 événementielle](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Extension Navigateur Vert](./5-browser-extension/solution/README.md) | Travailler avec les navigateurs | Découvrir comment fonctionnent les navigateurs, leur histoire, et comment initier les premiers éléments d’une extension | [À propos des navigateurs](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Extension Navigateur Vert](./5-browser-extension/solution/README.md) | Construire un formulaire, appeler une API et stocker localement | Construire les éléments JavaScript de votre extension navigateur pour appeler une API en utilisant des variables en stockage local | [APIs, formulaires et stockage local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Extension Navigateur Vert](./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 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 jeu avec JavaScript | Apprendre l’héritage utilisant classes et composition ainsi que le pattern Pub/Sub, en préparation au développement d’un jeu | [Introduction au développement avancé](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Jeu Spatial](./6-space-game/solution/README.md) | Dessiner sur Canvas | Découvrir l’API Canvas, utilisée pour dessiner des éléments sur é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 se déplacer 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 les éléments et réagir grâce aux pressions de touches, avec une fonction de refroidissement pour la performance | [Détection de collisions](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Jeu Spatial](./6-space-game/solution/README.md) | Gestion du score | Effectuer des calculs mathématiques basés sur le statut et la performance du jeu | [Gestion 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 une partie, y compris le nettoyage des ressources et la réinitialisation des 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 web multipages avec routage et 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 la construction de formulaires et la gestion des validations | [Formulaires](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Application bancaire](./7-bank-project/solution/README.md) | Méthodes pour récupérer et utiliser les données | Comment les données entrent et sortent de votre application, comment les récupérer, stocker et gérer | [Données](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Application bancaire](./7-bank-project/solution/README.md) | Concepts de gestion d’état | Comprendre 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 | Découvrez les bases communes à la plupart des langages de programmation et les logiciels qui aident les développeurs professionnels dans leur travail | [Intro aux langages de programmation et outils](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Premiers pas | Notions de base de GitHub, y compris travail en équipe | Apprenez à utiliser GitHub dans vos projets, 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é | Apprenez les bases de l’accessibilité web | [Fondamentaux de l’accessibilité](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | 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 | JS Basics | Fonctions et méthodes | Apprenez 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 | JS Basics | Prise de décisions avec JS | Apprenez à 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 | JS Basics | Tableaux et boucles | Manipulez des données avec des tableaux et des 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 | Construisez le HTML pour créer un terrarium en ligne, en vous 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 | Construisez le CSS pour styliser le terrarium en ligne, en vous concentrant sur les bases du CSS dont la responsivité de la page | [Introduction au CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Fermetures JavaScript, manipulation du DOM | Construisez le JavaScript pour rendre le terrarium fonctionnel avec une interface glisser-déposer, en vous concentrant sur les fermetures et la manipulation du DOM | [Fermetures JavaScript, manipulation du DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construire un jeu de frappe | Apprenez à utiliser les événements clavier pour diriger la logique de votre application JavaScript | [Programmation événementielle](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Extension de navigateur verte](./5-browser-extension/solution/README.md) | Travailler avec les navigateurs | Apprenez le fonctionnement des navigateurs, leur histoire, et comment créer les premiers éléments d’une extension de navigateur | [À propos des navigateurs](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Extension de navigateur verte](./5-browser-extension/solution/README.md) | Construire un formulaire, appeler une API et stocker des variables dans le stockage local | Construisez 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 de navigateur verte](./5-browser-extension/solution/README.md) | Processus d’arrière-plan dans le navigateur, performance web | Utilisez les processus d’arrière-plan du navigateur pour gérer l’icône de l’extension ; apprenez la performance web et des optimisations pour l’améliorer | [Tâches de fond 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 | Apprenez l’héritage utilisant à la fois les classes et la composition ainsi que le modèle 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 le canevas | Découvrez l’API Canvas, utilisée pour dessiner des éléments à l’écran | [Dessiner sur le canevas](./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écouvrez comment déplacer des éléments en utilisant 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 collision | Faites collisionner les éléments et réagir mutuellement avec des pressions sur les touches et fournissez une fonction de temps de récupération pour assurer une bonne 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 | Effectuez des calculs mathématiques en fonction du statut et de 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 | Apprenez à 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 routes dans une application web | Apprenez à créer la structure d’un site web multipage avec routage et modèles HTML | [Modèles HTML et routes](./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 | Apprenez à construire 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 pour récupérer et utiliser des données | Comment les données entrent et sortent de votre application, comment les récupérer, stocker et éliminer | [Données](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Application bancaire](./7-bank-project/solution/README.md) | Concepts de gestion d’état | Apprenez comment votre application conserve son état et comment le gérer programmatiquement | [Gestion d’état](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Code navigateur/VScode](../../8-code-editor) | Travailler avec VScode | Apprenez à 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 | Apprenez à 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 projets -* quiz fréquents +Notre programme est conçu autour de deux principes pédagogiques clés : +* apprentissage par projet +* quiz fréquents + +Le programme enseigne les fondamentaux de JavaScript, HTML et CSS, ainsi que les outils et techniques actuels utilisés par les développeurs web. Les étudiants auront l’occasion de développer une expérience pratique en construisant un jeu de frappe, 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 compréhension solide du développement web. -Le programme enseigne les fondamentaux du 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 construisant un jeu de frappe, un terrarium virtuel, une extension de navigateur écologique, un jeu de type space-invader, et une application bancaire pour 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 en tant que [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 les contenus correspondent aux projets, le processus devient plus engageant pour les étudiants et la rétention des concepts est 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 "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", dont certains auteurs ont contribué à ce programme. -En alignant le contenu sur des projets, le processus est rendu plus attrayant pour les étudiants et la rétention des concepts est améliorée. Nous avons aussi créé plusieurs leçons de base en JavaScript pour introduire les concepts, associées à une vidéo de la collection de tutoriels vidéo "[Beginners Series to: 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 à enjeu faible avant le cours oriente l’intention de l’étudiant vers l’apprentissage d’un sujet, tandis qu’un second quiz après le cours garantit 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. -De plus, un quiz à faible enjeu avant la classe prépare l’intention d’apprentissage de l’étudiant sur un sujet, tandis qu’un second quiz après la classe assure une meilleure rétention. Ce programme est 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 volontairement é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 collection de vidéos : "[Beginner Series to: 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 afin de nous concentrer sur les compétences de base nécessaires avant l’adoption d’un framework, une bonne étape suivante serait d’apprendre Node.js via une autre collection de vidéos : "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> Consultez notre [Code de conduite](CODE_OF_CONDUCT.md) et nos directives de [contribution](CONTRIBUTING.md). Vos retours constructifs sont les bienvenus ! -> Consultez nos directives [Code de conduite](CODE_OF_CONDUCT.md) et [Contribution](CONTRIBUTING.md). Nous accueillons vos retours constructifs ! ## 🧭 Accès hors ligne -Vous pouvez consulter cette documentation hors ligne en utilisant [Docsify](https://docsify.js.org/#/). Forkez ce dépôt, [installez Docsify](https://docsify.js.org/#/quickstart) sur votre machine locale, puis dans le dossier racine de ce dépôt, tapez `docsify serve`. Le site sera servi sur le port 3000 sur votre localhost : `localhost:3000`. +Vous pouvez exécuter cette documentation hors ligne en utilisant [Docsify](https://docsify.js.org/#/). Forkez ce dépôt, [installez Docsify](https://docsify.js.org/#/quickstart) sur votre machine locale, puis dans le dossier racine de ce dépôt, tapez `docsify serve`. Le site web sera servi sur le port 3000 de votre localhost : `localhost:3000`. ## 📘 PDF Un PDF de toutes les leçons est disponible [ici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -216,51 +220,51 @@ Notre équipe produit d'autres cours ! Découvrez : ### LangChain -[![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) -[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) +[![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) +[![LangChain pour débutants](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents -[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Edge AI 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) +[![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) +[![AI Agents 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) --- ### 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) +[![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) --- -### Apprentissage de base -[![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) -[![Cybersécurité pour les 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 les 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 les 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 les 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 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) +[![Data Science 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) --- ### Série 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) +[![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) ## Obtenir de l'aide -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 les discussions sur MCP. C'est une communauté de soutien où les questions sont les bienvenues et où les connaissances sont librement partagées. +Si vous êtes bloqué ou si vous avez des questions sur la création d'applications d'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 le savoir est partagé librement. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Si vous avez des retours produit ou des erreurs lors du développement, rendez-vous sur : +Si vous avez des retours produit ou des erreurs lors du développement, 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) @@ -272,5 +276,5 @@ Ce dépôt est sous licence MIT. Consultez le fichier [LICENSE](../../LICENSE) p **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 automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue native doit être considéré comme la source faisant foi. Pour des informations cruciales, une traduction professionnelle humaine est recommandée. Nous ne sommes pas responsables des malentendus ou des interprétations erronées résultant de l'utilisation de cette traduction. +Ce document a été traduit à l’aide du service de traduction automatisée [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 inexactitudes. Le document original dans sa langue natale doit être considéré comme la source faisant foi. Pour des 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 découlant de l’utilisation de cette traduction. \ No newline at end of file diff --git a/translations/fr/lesson-template/README.md b/translations/fr/lesson-template/README.md index 8cff7312de..01a569fb79 100644 --- a/translations/fr/lesson-template/README.md +++ b/translations/fr/lesson-template/README.md @@ -1,30 +1,48 @@ -# [Sujet de la leçon] +# Sujet de la leçon -![Intégrer une vidéo ici](../../../lesson-template/video-url) +## 🎥 Vidéo -## [Quiz avant le cours](../../../lesson-template/quiz-url) +> Ajoutez une vidéo intégrée ou un lien vers la leçon ici. -[Décrire ce que nous allons apprendre] +--- + +## Quiz pré-lecture + +> Ajoutez un lien vers un quiz ici lorsqu'il est disponible. + +--- + +Fournissez un aperçu bref de ce que les étudiants apprendront dans cette leçon. + +--- ### Introduction -Décrire ce qui sera abordé +Fournissez une courte introduction décrivant ce qui sera couvert dans cette leçon. > Notes +--- + ### Prérequis -Quelles étapes devraient avoir été couvertes avant cette leçon ? +Listez les concepts ou sujets que les étudiants doivent déjà connaître avant de commencer cette leçon. + +--- ### Préparation -Étapes préparatoires pour commencer cette leçon +Listez les étapes d'installation ou les outils requis avant de commencer la leçon. --- -[Parcourir le contenu par blocs] +### Contenu + +Déroulez le contenu de la leçon en sections structurées. -## [Sujet 1] +--- + +## Sujet 1 ### Tâche : @@ -34,21 +52,28 @@ Travaillez ensemble pour améliorer progressivement votre base de code afin de c code blocks ``` -✅ Vérification des connaissances - utilisez ce moment pour élargir les connaissances des étudiants avec des questions ouvertes +✅ Vérification des connaissances +Profitez de ce moment pour tester les connaissances des étudiants avec des questions ouvertes. -## [Sujet 2] +## Sujet 2 +## Sujet 3 -## [Sujet 3] +🚀 Défi +Ajoutez un défi collaboratif pour que les étudiants améliorent le projet. -🚀 Défi : Ajoutez un défi pour que les étudiants travaillent ensemble en classe afin d'améliorer le projet +Optionnel : Ajoutez une capture d'écran de l'interface utilisateur de la leçon terminée si cela est pertinent. -Optionnel : ajoutez une capture d'écran de l'interface utilisateur de la leçon terminée si cela est pertinent +## Quiz post-lecture -## [Quiz après le cours](../../../lesson-template/quiz-url) +Ajoutez un lien vers un quiz ici après avoir terminé la leçon. -## Révision & Étude personnelle +## Revue & Auto-apprentissage **Devoir à rendre [MM/AA]** : [Nom du devoir](assignment.md) +--- + + **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 automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d'origine doit être considéré comme la source faisant autorité. Pour des informations critiques, il est recommandé de recourir à une traduction humaine professionnelle. 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 +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 inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour les informations critiques, une traduction professionnelle réalisée par un humain est recommandée. 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/hi/.co-op-translator.json b/translations/hi/.co-op-translator.json index e03db771e0..26f3fac206 100644 --- a/translations/hi/.co-op-translator.json +++ b/translations/hi/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:35:04+00:00", + "translation_date": "2026-04-24T14:35:05+00:00", "source_file": "AGENTS.md", "language_code": "hi" }, @@ -516,8 +516,8 @@ "language_code": "hi" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:01:52+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T14:30:29+00:00", "source_file": "README.md", "language_code": "hi" }, @@ -564,8 +564,8 @@ "language_code": "hi" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-24T13:48:49+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T14:30:42+00:00", "source_file": "lesson-template/README.md", "language_code": "hi" }, diff --git a/translations/hi/AGENTS.md b/translations/hi/AGENTS.md index 88892b0461..543e672b59 100644 --- a/translations/hi/AGENTS.md +++ b/translations/hi/AGENTS.md @@ -1,28 +1,28 @@ # AGENTS.md -## परियोजना अवलोकन +## प्रोजेक्ट अवलोकन -यह शुरुआती लोगों को वेब विकास के मूल तत्व सिखाने के लिए एक शैक्षिक पाठ्यक्रम रिपॉजिटरी है। यह पाठ्यक्रम एक संपूर्ण 12-सप्ताह का कोर्स है जिसे Microsoft क्लाउड एडवोकेट्स द्वारा विकसित किया गया है, जिसमें JavaScript, CSS, और HTML को कवर करने वाले 24 व्यावहारिक पाठ होते हैं। +यह शुरुआती लोगों को वेब विकास की बुनियाद सिखाने के लिए एक शैक्षिक पाठ्यक्रम रिपॉजिटरी है। यह पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकसित एक व्यापक 12-सप्ताह का कोर्स है, जिसमें JavaScript, CSS और HTML को कवर करने वाले 24 व्यावहारिक पाठ शामिल हैं। -### प्रमुख घटक +### मुख्य घटक -- **शैक्षिक सामग्री**: परियोजना-आधारित मॉड्यूल में व्यवस्थित 24 संरचित पाठ -- **व्यावहारिक परियोजनाएँ**: टेररियम, टाइपिंग गेम, ब्राउज़र एक्सटेंशन, स्पेस गेम, बैंकिंग ऐप, कोड संपादक, और एआई चैट असिस्टेंट -- **इंटरएक्टिव क्विज़**: 48 क्विज़, प्रत्येक में 3 प्रश्न (पाठ से पहले और बाद में मूल्यांकन) -- **बहु-भाषा समर्थन**: GitHub Actions के माध्यम से 50+ भाषाओं के लिए स्वचालित अनुवाद -- **प्रौद्योगिकियाँ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (एआई परियोजनाओं के लिए) +- **शैक्षिक सामग्री**: 24 संरचित पाठ, जो प्रोजेक्ट-आधारित मॉड्यूल में व्यवस्थित हैं +- **व्यावहारिक प्रोजेक्ट्स**: टेरारियम, टाइपिंग गेम, ब्राउज़र एक्सटेंशन, स्पेस गेम, बैंकिंग ऐप, कोड एडिटर, और AI चैट असिस्टेंट +- **इंटरैक्टिव क्विज़**: 48 क्विज़, प्रत्येक में 3 प्रश्न (प्री/पोस्ट-लेसन आकलन) +- **मल्टी-भाषा समर्थन**: GitHub Actions के माध्यम से 50+ भाषाओं में स्वचालित अनुवाद +- **प्रौद्योगिकियां**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI प्रोजेक्ट्स के लिए) ### वास्तुकला -- शैक्षिक रिपॉजिटरी जो पाठ-आधारित संरचना पर आधारित है -- प्रत्येक पाठ फोल्डर में README, कोड उदाहरण, और समाधान हैं -- स्वायत्त परियोजनाएँ अलग-अलग निर्देशिकाओं में (quiz-app, विभिन्न पाठ परियोजनाएँ) -- GitHub Actions (co-op-translator) का उपयोग करते हुए अनुवाद प्रणाली -- डॉक्सिफाई के माध्यम से प्रलेखन और PDF के रूप में उपलब्ध +- पाठ आधारित संरचना के साथ शैक्षिक रिपॉजिटरी +- प्रत्येक पाठ फ़ोल्डर में README, कोड उदाहरण, और समाधान शामिल हैं +- अलग-अलग निर्देशिकाओं में स्वतंत्र प्रोजेक्ट्स (quiz-app, विभिन्न पाठ प्रोजेक्ट्स) +- GitHub Actions (co-op-translator) द्वारा अनुवाद प्रणाली +- Docsify द्वारा सेवा प्रदत्त दस्तावेज़ और PDF के रूप में उपलब्ध -## सेटअप कमांड +## सेटअप कमांड्स -यह रिपॉजिटरी मुख्य रूप से शैक्षिक सामग्री उपभोग के लिए है। विशिष्ट परियोजनाओं के साथ काम करने के लिए: +यह रिपॉजिटरी मुख्य रूप से शैक्षिक सामग्री उपभोग के लिए है। विशिष्ट प्रोजेक्ट्स के साथ काम करने के लिए: ### मुख्य रिपॉजिटरी सेटअप @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # विकास सर्वर शुरू करें -npm run build # प्रोडक्शन के लिए निर्माण करें -npm run lint # ESLint चलाएं +npm run dev # विकास सर्वर प्रारंभ करें +npm run build # उत्पादन के लिए निर्माण करें +npm run lint # ESLint चलाएँ ``` ### बैंक प्रोजेक्ट API (Node.js + Express) @@ -46,12 +46,12 @@ npm run lint # ESLint चलाएं ```bash cd 7-bank-project/api npm install -npm start # एपीआई सर्वर शुरू करें +npm start # API सर्वर शुरू करें npm run lint # ESLint चलाएं -npm run format # Prettier के साथ फॉर्मेट करें +npm run format # Prettier से फ़ॉर्मेट करें ``` -### ब्राउज़र एक्सटेंशन परियोजनाएँ +### ब्राउज़र एक्सटेंशन प्रोजेक्ट्स ```bash cd 5-browser-extension/solution @@ -59,12 +59,12 @@ npm install # ब्राउज़र-विशिष्ट एक्सटेंशन लोडिंग निर्देशों का पालन करें ``` -### स्पेस गेम परियोजनाएँ +### स्पेस गेम प्रोजेक्ट्स ```bash cd 6-space-game/solution npm install -# index.html को ब्राउज़र में खोलें या लाइव सर्वर का उपयोग करें +# ब्राउज़र में index.html खोलें या Live Server का उपयोग करें ``` ### चैट प्रोजेक्ट (Python Backend) @@ -80,29 +80,29 @@ python api.py ### सामग्री योगदानकर्ताओं के लिए -1. अपने GitHub खाते में रिपॉजिटरी को **फोर्क** करें -2. अपने फोर्क को स्थानीय रूप से **क्लोन** करें -3. अपने परिवर्तनों के लिए एक नई शाखा बनाएं +1. **अपने GitHub खाते में रिपॉजिटरी को फोर्क करें** +2. **अपने फोर्क को स्थानीय रूप से क्लोन करें** +3. **अपनी परिवर्तनों के लिए एक नया ब्रांच बनाएं** 4. पाठ सामग्री या कोड उदाहरणों में परिवर्तन करें -5. संबंधित परियोजना निर्देशिकाओं में कोड परिवर्तन का परीक्षण करें -6. योगदान दिशानिर्देशों का पालन करते हुए पुल अनुरोध जमा करें +5. संबंधित प्रोजेक्ट निर्देशिकाओं में कोड परिवर्तन परीक्षण करें +6. योगदान दिशानिर्देशों का पालन करते हुए पुल अनुरोध सबमिट करें ### शिक्षार्थियों के लिए 1. रिपॉजिटरी को फोर्क या क्लोन करें -2. पाठ निर्देशिकाओं में क्रमबद्ध रूप से नेविगेट करें +2. अनुक्रमिक रूप से पाठ निर्देशिकाओं में जाएं 3. प्रत्येक पाठ के README फ़ाइलें पढ़ें -4. प्री-लर्निंग क्विज़ को https://ff-quizzes.netlify.app/web/ पर पूरा करें -5. पाठ फ़ोल्डरों में कोड उदाहरणों पर काम करें -6. असाइनमेंट और चुनौतियाँ पूरी करें -7. पोस्ट-लर्निंग क्विज़ लें +4. https://ff-quizzes.netlify.app/web/ पर प्री-लेसन क्विज़ पूरी करें +5. पाठ फ़ोल्डर्स में कोड उदाहरणों पर काम करें +6. असाइनमेंट और चुनौतियां पूरी करें +7. पोस्ट-लेसन क्विज़ लें ### लाइव विकास -- **प्रलेखन**: रूट में `docsify serve` चलाएं (पोर्ट 3000) -- **क्विज़ ऐप**: क्विज़-ऐप निर्देशिका में `npm run dev` चलाएं -- **परियोजनाएँ**: HTML परियोजनाओं के लिए VS कोड लाइव सर्वर एक्सटेंशन का उपयोग करें -- **API परियोजनाएँ**: संबंधित API निर्देशिकाओं में `npm start` चलाएं +- **दस्तावेज़ीकरण**: रूट में `docsify serve` चलाएं (पोर्ट 3000) +- **क्विज़ ऐप**: `quiz-app` निर्देशिका में `npm run dev` चलाएं +- **प्रोजेक्ट्स**: HTML प्रोजेक्ट्स के लिए VS Code Live Server विस्तार का उपयोग करें +- **API प्रोजेक्ट्स**: संबंधित API निर्देशिकाओं में `npm start` चलाएं ## परीक्षण निर्देश @@ -110,173 +110,173 @@ python api.py ```bash cd quiz-app -npm run lint # कोड शैली की समस्याओं की जांच करें -npm run build # सुनिश्चित करें कि निर्माण सफल हो जाता है +npm run lint # कोड स्टाइल की समस्याओं के लिए जांच करें +npm run build # सत्यापित करें कि बिल्ड सफल होता है ``` ### बैंक API परीक्षण ```bash cd 7-bank-project/api -npm run lint # कोड शैली मुद्दों की जांच करें -node server.js # यह सत्यापित करें कि सर्वर बिना त्रुटियों के शुरू होता है +npm run lint # कोड शैली की समस्याओं की जांच करें +node server.js # सुनिश्चित करें कि सर्वर त्रुटियों के बिना शुरू होता है ``` ### सामान्य परीक्षण दृष्टिकोण - यह एक शैक्षिक रिपॉजिटरी है जिसमें व्यापक स्वचालित परीक्षण नहीं हैं -- मैनुअल परीक्षण पर केंद्रित: - - कोड उदाहरण बिना त्रुटि के चलते हैं - - दस्तावेज़ीकरण के लिंक सही कार्य करते हैं - - परियोजना बिल्ड सफलतापूर्वक पूरी होती है - - उदाहरण सर्वोत्तम प्रथाओं का पालन करते हैं +- मैनुअल परीक्षण इस बात पर केंद्रित है: + - कोड उदाहरण बिना त्रुटि के चलें + - दस्तावेज़ में लिंक सही काम करें + - प्रोजेक्ट सफलतापूर्वक बिल्ड हों + - उदाहरण सर्वोत्तम प्रथाओं का पालन करें -### सबमिशन से पहले जांच +### प्री-समर्पण जाँच -- `package.json` वाले निर्देशिकाओं में `npm run lint` चलाएं -- मार्कडाउन लिंक मान्य हैं यह पुष्टि करें +- package.json वाले निर्देशिकाओं में `npm run lint` चलाएं +- मार्कडाउन लिंक मान्य हैं या नहीं जांचें - ब्राउज़र या Node.js में कोड उदाहरणों का परीक्षण करें -- जांचें कि अनुवाद उचित संरचना बनाए रखते हैं +- सुनिश्चित करें कि अनुवाद संरचना को सही बनाए रखें ## कोड स्टाइल दिशानिर्देश -### जावास्क्रिप्ट +### JavaScript - आधुनिक ES6+ सिंटैक्स का उपयोग करें -- परियोजनाओं में दिए गए मानक ESLint कॉन्फ़िगरेशन का पालन करें -- शिक्षार्थियों के लिए समझने योग्य वैरिएबल और फंक्शन नामों का उपयोग करें -- अवधारणाओं की व्याख्या करने वाले टिप्पणियाँ जोड़ें -- जहाँ कॉन्फ़िगर हो, Prettier का उपयोग कर स्वरूपित करें +- प्रोजेक्ट्स में दिए गए मानक ESLint कॉन्फ़िगरेशन का पालन करें +- शैक्षिक स्पष्टता के लिए अर्थपूर्ण वेरिएबल और फ़ंक्शन नाम उपयोग करें +- शिक्षार्थियों के लिए अवधारणाओं को समझाने वाले टिप्पणियाँ जोड़ें +- जहां कॉन्फ़िगर किया गया है वहां Prettier से स्वरूपित करें ### HTML/CSS -- सेमांटिक HTML5 तत्व -- रिस्पॉन्सिव डिज़ाइन सिद्धांत -- स्पष्ट क्लास नामकरण कन्वेंशंस -- CSS तकनीकों की व्याख्या करने वाली टिप्पणियाँ +- सेमांटिक HTML5 तत्वों का उपयोग करें +- उत्तरदायी डिज़ाइन सिद्धांत अपनाएं +- स्पष्ट क्लास नामकरण कन्वेंशन +- शिक्षार्थियों के लिए CSS तकनीकों को समझाने वाले टिप्पणियां -### पायथन +### Python -- PEP 8 शैली दिशानिर्देश -- साफ, शैक्षिक कोड उदाहरण -- सीखने में मदद करने के लिए प्रकार संकेत +- PEP 8 स्टाइल दिशानिर्देशों का पालन करें +- स्पष्ट, शैक्षिक कोड उदाहरण +- सीखने के लिए जहां उपयोगी हो टाइप संकेत उपयोग करें ### मार्कडाउन दस्तावेज़ीकरण -- स्पष्ट हेडिंग पदानुक्रम -- भाषा निर्दिष्ट कोड ब्लॉक +- स्पष्ट शीर्षक अनुक्रम +- भाषा निर्दिष्ट किए गए कोड ब्लॉक - अतिरिक्त संसाधनों के लिंक -- `images/` निर्देशिकाओं में स्क्रीनशॉट्स और चित्र -- पहुँच के लिए छवियों के लिए alt टेक्स्ट +- `images/` निर्देशिकाओं में स्क्रीनशॉट और चित्र +- पहुँचनीयता के लिए इमेज के लिए Alt टेक्स्ट ### फ़ाइल संगठन -- पाठ क्रम से क्रमांकित (1-getting-started-lessons, 2-js-basics, आदि) -- प्रत्येक परियोजना में `solution/` और अक्सर `start/` या `your-work/` निर्देशिकाएँ होती हैं -- पाठ-विशिष्ट `images/` फ़ोल्डरों में चित्र संग्रहीत +- पाठ क्रमांकित (1-getting-started-lessons, 2-js-basics, आदि) +- प्रत्येक प्रोजेक्ट में `solution/` और अक्सर `start/` या `your-work/` निर्देशिकाएं +- पाठ-विशिष्ट `images/` फ़ोल्डर्स में इमेज संग्रहित - अनुवाद `translations/{language-code}/` संरचना में -## निर्माण और तैनाती +## बिल्ड और डिप्लॉयमेंट -### क्विज़ ऐप तैनाती (Azure Static Web Apps) +### क्विज़ ऐप डिप्लॉयमेंट (Azure Static Web Apps) -क्विज़-ऐप Azure Static Web Apps तैनाती के लिए कॉन्फ़िगर किया गया है: +क्विज़ ऐप Azure Static Web Apps डिप्लॉयमेंट के लिए कॉन्फ़िगर है: ```bash cd quiz-app npm run build # dist/ फ़ोल्डर बनाता है -# मुख्य पर पुश करने पर GitHub Actions वर्कफ़्लो के माध्यम से डिप्लॉय करता है +# मुख्य शाखा पर पुश करने पर GitHub Actions वर्कफ़्लो के माध्यम से तैनात करता है ``` Azure Static Web Apps कॉन्फ़िगरेशन: - **ऐप स्थान**: `/quiz-app` - **आउटपुट स्थान**: `dist` -- **वर्कफ़्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **कार्यप्रवाह**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### प्रलेखन PDF निर्माण +### दस्तावेज़ीकरण PDF निर्माण ```bash npm install # docsify-to-pdf स्थापित करें -npm run convert # docs से PDF उत्पन्न करें +npm run convert # डॉक से पीडीएफ बनाएँ ``` -### डॉक्सिफाई प्रलेखन +### Docsify दस्तावेज़ीकरण ```bash -npm install -g docsify-cli # Docsify को वैश्विक रूप से स्थापित करें -docsify serve # localhost:3000 पर सेवा दें +npm install -g docsify-cli # Docsify को ग्लोबली इंस्टॉल करें +docsify serve # localhost:3000 पर सर्व करें ``` -### परियोजना-विशिष्ट निर्माण +### प्रोजेक्ट-विशिष्ट बिल्ड्स -प्रत्येक परियोजना निर्देशिका में अपना निर्माण प्रक्रिया हो सकती है: -- Vue परियोजनाएँ: `npm run build` प्रोडक्शन बंडल बनाता है -- स्थैतिक परियोजनाएँ: कोई निर्माण चरण नहीं, सीधे फ़ाइलें सेवा दें +प्रत्येक प्रोजेक्ट निर्देशिका का अपना बिल्ड प्रक्रिया हो सकता है: +- Vue प्रोजेक्ट्स में: `npm run build` उत्पादन बंडल बनाता है +- स्थैतिक प्रोजेक्ट्स में: कोई बिल्ड स्टेप नहीं, सीधे फाइल सेवा करें ## पुल अनुरोध दिशानिर्देश ### शीर्षक प्रारूप -स्पष्ट, वर्णनात्मक शीर्षक का उपयोग करें जो परिवर्तन क्षेत्र को दर्शाता हो: +स्पष्ट, वर्णनात्मक शीर्षक का उपयोग करें जो परिवर्तन क्षेत्र को दर्शाए: - `[Quiz-app] पाठ X के लिए नया क्विज़ जोड़ें` -- `[Lesson-3] टेररियम परियोजना में वर्तनी सुधारें` +- `[Lesson-3] टेरारियम प्रोजेक्ट में टाइपो ठीक करें` - `[Translation] पाठ 5 के लिए स्पेनिश अनुवाद जोड़ें` - `[Docs] सेटअप निर्देश अपडेट करें` -### आवश्यक जांच +### आवश्यक जाँच PR सबमिट करने से पहले: 1. **कोड गुणवत्ता**: - - प्रभावित परियोजना निर्देशिकाओं में `npm run lint` चलाएं - - सभी linting त्रुटियों और चेतावनियों को ठीक करें + - प्रभावित प्रोजेक्ट निर्देशिकाओं में `npm run lint` चलाएं + - सभी लिंटिंग त्रुटियों और चेतावनियों को ठीक करें -2. **निर्माण सत्यापन**: - - जहां लागू हो, `npm run build` चलाएं - - सुनिश्चित करें कि कोई निर्माण त्रुटि न हो +2. **बिल्ड सत्यापन**: + - लागू होने पर `npm run build` चलाएं + - किसी बिल्ड त्रुटि को सुनिश्चित न करें 3. **लिंक सत्यापन**: - - सभी मार्कडाउन लिंक का परीक्षण करें - - छवि संदर्भ काम करें यह जांचें + - सभी मार्कडाउन लिंक जांचें + - इमेज रेफरेंस काम करते हैं सुनिश्चित करें 4. **सामग्री समीक्षा**: - - वर्तनी और व्याकरण की जांच करें - - सुनिश्चित करें कि कोड उदाहरण सही और शैक्षिक हैं - - अनुवाद मूल अर्थ को बनाए रखें + - वर्तनी और व्याकरण जांचें + - कोड उदाहरण सही और शैक्षिक हों + - अनुवाद मूल अर्थ बनाए रखें -### योगदान आवश्यकताएँ +### योगदान आवश्यकताएं -- Microsoft CLA (पहले PR पर स्वचालित जांच) से सहमत हों +- Microsoft CLA (पहले PR पर स्वचालित जांच) पर सहमति दें - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) का पालन करें - विस्तृत दिशानिर्देशों के लिए [CONTRIBUTING.md](./CONTRIBUTING.md) देखें -- यदि लागू हो, तो PR विवरण में मुद्दा संख्या का संदर्भ दें +- यदि लागू हो तो PR विवरण में इश्यू नंबर संदर्भित करें ### समीक्षा प्रक्रिया -- PRs मेंटेनर्स और समुदाय द्वारा समीक्षा किए जाते हैं -- शैक्षिक स्पष्टता को प्राथमिकता दी जाती है -- कोड उदाहरणों को वर्तमान सर्वोत्तम प्रथाओं का पालन करना चाहिए -- अनुवादों को सटीकता और सांस्कृतिक उपयुक्तता के लिए समीक्षा किया जाता है +- PR का देखभालकर्ताओं और समुदाय द्वारा मूल्यांकन किया जाता है +- शैक्षिक स्पष्टता प्राथमिकता है +- कोड उदाहरण वर्तमान सर्वोत्तम प्रथाओं का पालन करें +- अनुवाद सटीकता और सांस्कृतिक उपयुक्तता के लिए समीक्षा होती है ## अनुवाद प्रणाली ### स्वचालित अनुवाद -- GitHub Actions के साथ co-op-translator वर्कफ़्लो का उपयोग करता है -- 50+ भाषाओं में स्वचालित रूप से अनुवाद करता है -- स्रोत फाइलें मुख्य निर्देशिकाओं में होती हैं -- अनुवादित फाइलें `translations/{language-code}/` निर्देशिकाओं में होती हैं +- GitHub Actions के साथ co-op-translator कार्यप्रवाह का उपयोग करता है +- 50+ भाषाओं में स्वचालित अनुवाद करता है +- मुख्य निर्देशिकाओं में स्रोत फाइलें +- अनुवादित फाइलें `translations/{language-code}/` निर्देशिकाओं में ### मैनुअल अनुवाद सुधार जोड़ना -1. `translations/{language-code}/` में फ़ाइल का पता लगाएं +1. `translations/{language-code}/` में फाइल खोजें 2. संरचना बनाए रखते हुए सुधार करें 3. सुनिश्चित करें कि कोड उदाहरण कार्यशील बने रहें 4. स्थानीयकृत क्विज़ सामग्री का परीक्षण करें ### अनुवाद मेटाडेटा -अनुवादित फ़ाइलों में मेटाडेटा हेडर शामिल होता है: +अनुवादित फाइलों में मेटाडेटा हेडर होता है: ```markdown -**अस्वीकृति**: -यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनूदित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या गलतियाँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में प्राधिकृत स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम उत्तरदायी नहीं हैं। +**अस्वीकरण**: +इस दस्तावेज़ का अनुवाद AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियाँ या असत्यताएँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में ही प्रामाणिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम उत्तरदायी नहीं हैं। \ No newline at end of file diff --git a/translations/hi/README.md b/translations/hi/README.md index 386d6f0a26..5fb019a8db 100644 --- a/translations/hi/README.md +++ b/translations/hi/README.md @@ -1,38 +1,26 @@ -[![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/) +माइक्रोसॉफ्ट क्लाउड अधिवक्ताओं द्वारा हमारे 12-सप्ताह के व्यापक पाठ्यक्रम के साथ वेब विकास के मूल सिद्धांत सीखें। 24 पाठों में से प्रत्येक जावास्क्रिप्ट, CSS, और HTML को हाथ से किए जाने वाले प्रोजेक्ट्स जैसे टेरारियम, ब्राउज़र एक्सटेंशन्स, और स्पेस गेम्स के माध्यम से गहराई से समझाता है। क्विज़, चर्चाओं और व्यावहारिक असाइनमेंट्स में भाग लें। हमारे प्रभावी प्रोजेक्ट-आधारित पद्धति के साथ अपनी क्षमताओं को बढ़ाएं और अपने ज्ञान को अधिकतम करें। आज ही अपनी कोडिंग यात्रा शुरू करें! -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) - -# शुरुआती लोगों के लिए वेब विकास - एक पाठ्यक्रम - -Microsoft Cloud Advocates द्वारा प्रस्तुत हमारे 12 सप्ताह के व्यापक पाठ्यक्रम के साथ वेब विकास की मूल बातें सीखें। 24 पाठों में से प्रत्येक में तरैरियम, ब्राउज़र एक्सटेंशन और स्पेस गेम जैसे प्रायोगिक परियोजनाओं के माध्यम से JavaScript, CSS, और HTML पर गहराई से चर्चा की गई है। क्विज़, चर्चाओं और व्यावहारिक असाइंमेंट्स के साथ जुड़ें। हमारे प्रभावी परियोजना-आधारित शिक्षण पद्धति के साथ अपने कौशल को निखारें और अपनी ज्ञान धारणा को बढ़ाएं। अपनी कोडिंग यात्रा आज ही शुरू करें! - -Azure AI Foundry Discord समुदाय में शामिल हों +Azure AI Foundry Discord से जुड़ें और विशेषज्ञों और साथी डेवलपर्स से मिलें। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -इन संसाधनों का उपयोग शुरू करने के लिए ये कदम उठाएं: -1. **रिपॉजिटरी फोर्क करें**: क्लिक करें [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +इन संसाधनों का उपयोग शुरू करने के लिए ये चरण अपनाएँ: +1. **रिपॉजिटरी का फोर्क करें**: क्लिक करें [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **रिपॉजिटरी क्लोन करें**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord में शामिल हों और विशेषज्ञों तथा अन्य डेवलपर्स से मिलें**](https://discord.com/invite/ByRwuEEgH4) +3. [**Azure AI Foundry Discord से जुड़ें और विशेषज्ञों तथा साथी डेवलपर्स से मिलें**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 बहुभाषी समर्थन -#### GitHub Action के माध्यम से समर्थित (स्वचालित और हमेशा अपडेटेड) +#### GitHub एक्शन द्वारा समर्थन किया गया (स्वचालित एवं हमेशा अद्यतन) [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](./README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/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](../es/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) -> **स्थानीय रूप से क्लोन करना पसंद है?** +> **स्थानीय क्लोन करना पसंद करते हैं?** > -> यह रिपॉजिटरी 50+ भाषा अनुवाद शामिल करती है जो डाउनलोड आकार को काफी बढ़ा देती है। बिना अनुवाद के क्लोन करने के लिए स्पार्स चेकआउट का उपयोग करें: +> इस रिपॉजिटरी में 50+ भाषा अनुवाद शामिल हैं जो डाउनलोड साइज को काफी बढ़ा देते हैं। अनुवाद के बिना क्लोन करने के लिए sparse checkout का उपयोग करें: > > **Bash / macOS / Linux:** > ```bash @@ -48,96 +36,96 @@ Azure AI Foundry Discord समुदाय में शामिल हों > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> इससे आपको कोर्स पूरा करने के लिए आवश्यक सब कुछ अधिक तेजी से डाउनलोड मिलेगा। +> यह आपको तेज़ डाउनलोड के साथ पूरा पाठ्यक्रम पूरा करने के लिए सब कुछ प्रदान करता है। -**यदि आप अतिरिक्त अनुवाद भाषाओं को शामिल करना चाहते हैं, तो ये यहाँ सूचीबद्ध हैं [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**यदि आप अतिरिक्त अनुवाद चाहते हैं, तो समर्थित भाषाएँ यहां सूचीबद्ध हैं। [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _क्या आप छात्र हैं?_ -[**Student Hub पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) पर जाएं जहाँ आप शुरुआती संसाधन, छात्र पैक और मुफ्त प्रमाणपत्र वाउचर प्राप्त करने के तरीके पा सकते हैं। यह पेज आपका पसंदीदा होना चाहिए और समय-समय पर जांचते रहना चाहिए क्योंकि हम मासिक रूप से कंटेंट अपडेट करते हैं। +[**Student Hub पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) पर जाएं जहां आपको शुरुआती संसाधन, छात्र पैक और मुफ्त प्रमाणपत्र वाउचर प्राप्त करने के तरीके मिलेंगे। यह वह पेज है जिसे आपको बुकमार्क करना चाहिए और नियमित रूप से जांचना चाहिए क्योंकि हम मासिक आधार पर सामग्री को अपडेट करते हैं। ### 📣 घोषणा - नए GitHub Copilot एजेंट मोड चुनौतियाँ पूरी करें! -नई चुनौती जोड़ी गई है, अधिकांश अध्यायों में "GitHub Copilot Agent Challenge 🚀" देखें। यह आपकी नई चुनौती है जिसे आप GitHub Copilot और Agent मोड का उपयोग करके पूरा कर सकते हैं। अगर आपने पहले Agent मोड का उपयोग नहीं किया है, तो यह केवल टेक्स्ट जनरेट ही नहीं करता बल्कि फाइलें बना सकता है, संपादित कर सकता है, कमांड चला सकता है और बहुत कुछ कर सकता है। +नया चैलेंज जोड़ा गया है, अधिकांश अध्यायों में "GitHub Copilot Agent Challenge 🚀" देखें। यह आपके लिए GitHub Copilot और एजेंट मोड का उपयोग करके पूरी करने के लिए एक नया चैलेंज है। यदि आपने पहले एजेंट मोड का उपयोग नहीं किया है तो यह न केवल टेक्स्ट जनरेट कर सकता है बल्कि फाइलें बना और संपादित कर सकता है, कमांड चला सकता है और भी बहुत कुछ। -### 📣 घोषणा - _Generative AI का उपयोग करके नया प्रोजेक्ट बनाएँ_ +### 📣 घोषणा - _जनरेटिव AI का उपयोग करके नया प्रोजेक्ट बनाएं_ -नया AI सहायक प्रोजेक्ट अभी जोड़ा गया है, इसे देखें [project](./9-chat-project/README.md) +नया AI असिस्टेंट प्रोजेक्ट अभी जोड़ा गया है, इसे देखें [project](./9-chat-project/README.md) -### 📣 घोषणा - _Generative AI के लिए नया पाठ्यक्रम_ JavaScript के लिए अभी जारी किया गया +### 📣 घोषणा - _जनरेटिव AI पर नया पाठ्यक्रम_ जावास्क्रिप्ट के लिए जारी हुआ -हमारा नया Generative AI पाठ्यक्रम खोना मत! +हमारा नया जनरेटिव AI पाठ्यक्रम मत चूकिये! -शुरू करने के लिए जाएं [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +शुरू करने के लिए यहां जाएं: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/hi/background.148a8d43afde5730.webp) -- बुनियादी से लेकर RAG तक सब कुछ शामिल पाठ। -- GenAI और हमारे साथी ऐप के साथ ऐतिहासिक पात्रों के साथ संवाद करें। -- मजेदार और आकर्षक कथा, आप समय यात्रा पर हैं! +- आधार से लेकर RAG तक सब कुछ कवर करने वाले पाठ। +- GenAI और हमारे अभियान ऐप का उपयोग करके ऐतिहासिक पात्रों के साथ बातचीत करें। +- मजेदार और आकर्षक कहानी, आप समय यात्रा पर होंगे! ![character](../../translated_images/hi/character.5c0dd8e067ffd693.webp) -हर पाठ में एक असाइंमेंट, ज्ञान जांच और एक चुनौती शामिल है जो आपको निम्न विषयों को सीखने में मार्गदर्शन करेगी: +प्रत्येक पाठ में पूरा करने के लिए एक असाइनमेंट, एक ज्ञान परीक्षा और एक चैलेंज शामिल है जो आपको निम्नलिखित विषयों से परिचित कराएगा: - प्रॉम्प्टिंग और प्रॉम्प्ट इंजीनियरिंग -- टेक्स्ट और छवि ऐप जनरेशन +- टेक्स्ट और इमेज ऐप निर्माण - खोज ऐप्स -शुरू करने के लिए जाएं [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +शुरू करने के लिए यहां जाएं: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -## 🌱 शुरुआत करना +## 🌱 शुरूआत करना -> **शिक्षक**, हमने [कुछ सुझाव शामिल किए हैं](for-teachers.md) कि इस पाठ्यक्रम का उपयोग कैसे करें। हम आपके फीडबैक का स्वागत करते हैं [हमारे चर्चा मंच पर](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **शिक्षकगण**, हमने [कुछ सुझाव शामिल किए हैं](for-teachers.md) कि इस पाठ्यक्रम का उपयोग कैसे करें। हम आपकी प्रतिक्रिया चाहते हैं [हमारे चर्चा मंच में](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[सीखने वाले](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठ के लिए, प्री-लेक्चर क्विज़ से शुरू करें और फिर व्याख्यान सामग्री पढ़ें, विभिन्न गतिविधियों को पूरा करें और पोस्ट-लेक्चर क्विज़ से अपनी समझ जांचें। +**[शिक्षार्थी](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, हर पाठ के लिए, पहले प्री-लेक्चर क्विज़ से शुरू करें और फिर व्याख्यान सामग्री पढ़ें, विभिन्न गतिविधियाँ पूरी करें और अपनी समझ जांचने के लिए पोस्ट-लेक्चर क्विज़ करें। -अपने सीखने के अनुभव को बढ़ाने के लिए, अपने साथियों के साथ जुड़ें और परियोजनाओं पर मिलकर काम करें! चर्चाएँ हमारे [चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) में प्रोत्साहित की जाती हैं जहाँ हमारे मॉडरेटर आपकी प्रश्नों का जवाब देंगे। +अपनी सीखने की प्रक्रिया को बेहतर बनाने के लिए, अपने साथियों के साथ मिलकर परियोजनाओं पर काम करें! चर्चाओं का स्वागत है हमारे [चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) में जहां हमारे मॉडरेटर्स आपकी प्रश्नों का उत्तर देने के लिए उपलब्ध होंगे। -अपनी शैक्षिक यात्रा को और आगे बढ़ाने के लिए, हम अतिरिक्त अध्ययन सामग्री के लिए [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) का पता लगाने की सलाह देते हैं। +अपनी शिक्षा को और आगे बढ़ाने के लिए, हम अत्यधिक अनुशंसा करते हैं कि आप अतिरिक्त अध्ययन सामग्री के लिए [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) का अन्वेषण करें। -### 📋 अपना परिवेश सेट करना +### 📋 अपना पर्यावरण सेटअप करना -इस पाठ्यक्रम के लिए विकास पर्यावरण तैयार है! शुरुआत करते समय, आप इसे [Codespace](https://github.com/features/codespaces/) (_एक ब्राउज़र-आधारित, बिना इंस्टॉल के पर्यावरण_) में चला सकते हैं, या अपने कंप्यूटर पर कोई टेक्स्ट एडिटर जैसे [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) का उपयोग कर सकते हैं। +इस पाठ्यक्रम के लिए एक विकास पर्यावरण तैयार है! जैसे ही आप शुरू करते हैं, आप पाठ्यक्रम को [Codespace](https://github.com/features/codespaces/) (_एक ब्राउज़र-आधारित, बिना इंस्टॉल के पर्यावरण_) में या स्थानीय रूप से अपने कंप्यूटर पर [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) जैसे टेक्स्ट एडिटर का उपयोग करके चला सकते हैं। -#### अपनी रिपॉजिटरी बनाएँ -अपने कार्य को आसानी से संग्रहीत करने के लिए अपनी कॉपी बनाना अनुशंसित है। ऐसा करने के लिए पृष्ठ के शीर्ष पर **Use this template** बटन पर क्लिक करें। इससे आपके GitHub खाते में पाठ्यक्रम की कॉपी के साथ एक नई रिपॉजिटरी बन जाएगी। +#### अपनी रिपॉजिटरी बनाएं +अपना काम आसानी से सहेजने के लिए, यह अनुशंसित है कि आप इस रिपॉजिटरी की अपनी प्रति बनाएं। आप ऐसा पेज के शीर्ष पर **Use this template** बटन पर क्लिक करके कर सकते हैं। यह आपके GitHub खाते में पाठ्यक्रम की एक प्रति के साथ एक नई रिपॉजिटरी बनाएगा। इन चरणों का पालन करें: -1. **रिपॉजिटरी फोर्क करें**: इस पृष्ठ के ऊपरी-दाएँ कोने में "Fork" बटन पर क्लिक करें। +1. **रिपॉजिटरी का फोर्क करें**: इस पेज के ऊपर-दाएँ कोने में "Fork" बटन पर क्लिक करें। 2. **रिपॉजिटरी क्लोन करें**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Codespace में पाठ्यक्रम चलाना -जिस कॉपी की आपने बनाई है, उसमें **Code** बटन पर क्लिक करें और **Open with Codespaces** चुनें। इससे आपके काम के लिए नया Codespace बन जाएगा। +अपनी बनाई गई इस रिपॉजिटरी की प्रति में, **Code** बटन पर क्लिक करें और **Open with Codespaces** चुनें। यह आपके लिए एक नया Codespace बनाएगा जिसमें आप काम कर सकते हैं। ![Codespace](../../translated_images/hi/createcodespace.0238bbf4d7a8d955.webp) #### अपने कंप्यूटर पर स्थानीय रूप से पाठ्यक्रम चलाना -अपने कंप्यूटर पर इस पाठ्यक्रम को चलाने के लिए, आपको एक टेक्स्ट एडिटर, एक ब्राउज़र और एक कमांड लाइन टूल की ज़रूरत होगी। हमारा पहला पाठ, [प्रोग्रामिंग भाषाओं और ट्रेड टूल का परिचय](../../1-getting-started-lessons/1-intro-to-programming-languages), आपके लिए इन उपकरणों की विभिन्न विकल्पों के बारे में मार्गदर्शन करेगा। +अपने कंप्यूटर पर स्थानीय रूप से इस पाठ्यक्रम को चलाने के लिए, आपको एक टेक्स्ट एडिटर, एक ब्राउज़र और एक कमांड लाइन टूल की आवश्यकता होगी। हमारा पहला पाठ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), आपको प्रत्येक उपकरण के विकल्पों के बारे में मार्गदर्शन करेगा ताकि आप अपने लिए सबसे उपयुक्त चयन कर सकें। -हमारी सिफारिश है कि आप अपने संपादक के रूप में [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) का उपयोग करें, जिसमें एक अंतर्निर्मित [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) भी है। आप Visual Studio Code को [यहाँ से डाउनलोड कर सकते हैं](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। -1. अपने कंप्यूटर पर अपने रिपॉजिटरी को क्लोन करें। आप इसे **Code** बटन पर क्लिक करके और URL कॉपी करके कर सकते हैं: +हमारी सिफारिश है कि आप अपने एडिटर के रूप में [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) का उपयोग करें, जिसमें एक अंतर्निहित [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) भी होता है। आप Visual Studio Code को [यहां](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) से डाउनलोड कर सकते हैं। +1. अपने रिपॉज़िटरी को अपने कंप्यूटर पर क्लोन करें। आप यह **Code** बटन पर क्लिक करके और URL कॉपी करके कर सकते हैं: [CodeSpace](./images/createcodespace.png) - फिर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) के भीतर [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोलें और निम्न कमांड चलाएं, `` को उस URL से बदलते हुए जिसे आपने अभी कॉपी किया है: + फिर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) के अंदर [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोलें और निम्न कमांड चलाएँ, `` को उस URL से बदलते हुए जो आपने अभी कॉपी किया है: ```bash git clone ``` -2. Visual Studio Code में फोल्डर खोलें। आप इसे **File** > **Open Folder** पर क्लिक करके और उस फोल्डर को चुनकर कर सकते हैं जिसे आपने अभी क्लोन किया है। +2. Visual Studio Code में फ़ोल्डर खोलें। आप यह **File** > **Open Folder** पर क्लिक करके और उस फ़ोल्डर का चयन करके कर सकते हैं जिसे आपने अभी क्लोन किया है। -> अनुशंसित Visual Studio Code एक्सटेंशन: +> अनुशंसित Visual Studio Code एक्सटेंशन्स: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code के भीतर HTML पेजों का पूर्वावलोकन करने के लिए -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड तेजी से लिखने में मदद करने के लिए +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code के अंदर HTML पेज का पूर्वावलोकन करने के लिए +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड लिखने में तेज़ी से मदद के लिए ## 📂 प्रत्येक पाठ में शामिल हैं: @@ -145,75 +133,75 @@ Azure AI Foundry Discord समुदाय में शामिल हों - वैकल्पिक पूरक वीडियो - पूर्व-पाठ वार्मअप क्विज़ - लिखित पाठ -- प्रोजेक्ट-आधारित पाठों के लिए, परियोजना कैसे बनाएं पर चरण-दर-चरण मार्गदर्शिकाएँ +- प्रोजेक्ट-आधारित पाठों के लिए, परियोजना बनाने के चरण-दर-चरण मार्गदर्शिका - ज्ञान जांच - एक चुनौती - पूरक पठन - असाइनमेंट -- [पाठोपरांत क्विज़](https://ff-quizzes.netlify.app/web/) +- [पोस्ट-पाठ क्विज़](https://ff-quizzes.netlify.app/web/) -> **क्विज़ के बारे में नोट**: सभी क्विज़ Quiz-app फोल्डर में निहित हैं, कुल 48 क्विज़, प्रत्येक में तीन प्रश्न। ये [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं; क्विज़ ऐप स्थानीय रूप से चलाया जा सकता है या Azure पर तैनात किया जा सकता है; `quiz-app` फोल्डर में निर्देश का पालन करें। +> **क्विज़ के बारे में एक नोट**: सभी क्विज़ क्विज़-ऐप फ़ोल्डर में संग्रहित हैं, प्रत्येक में तीन प्रश्नों के साथ कुल 48 क्विज़ हैं। ये [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं। क्विज़ ऐप को स्थानीय रूप से या Azure पर चलाया जा सकता है; `quiz-app` फ़ोल्डर में निर्देशों का पालन करें। ## 🗃️ पाठ -| | परियोजना का नाम | सिखाई गई अवधारणाएं | शिक्षण उद्देश्य | लिंक्ड पाठ | लेखक | +| | परियोजना का नाम | सिखाए गए अवधारणाएँ | सीखने के उद्देश्य | लिंक्ड पाठ | लेखक | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | प्रोग्रामिंग और उपकरणों का परिचय | अधिकांश प्रोग्रामिंग भाषाओं के मूल तत्व और ऐसे सॉफ़्टवेयर के बारे में जानें जो पेशेवर डेवलपर्स को उनके कार्यों में मदद करते हैं | [प्रोग्रामिंग भाषाओं और उपकरणों का परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | GitHub की बुनियादी बातें, जिसमें टीम के साथ काम शामिल है | अपने प्रोजेक्ट में GitHub कैसे उपयोग करें, एक कोड बेस पर दूसरों के साथ सहयोग कैसे करें | [GitHub का परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | पहुंच योग्यता | वेब पहुंच योग्यता के मूल बातें सीखें | [पहुंच योग्यता के मूल तत्व](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारों का परिचय | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | फ़ंक्शंस और मेथड्स | एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए फ़ंक्शंस और मेथड्स के बारे में जानें | [फ़ंक्शंस और मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine और Christopher | -| 06 | JS Basics | JS के साथ निर्णय लेना | निर्णय लेने की विधियों का उपयोग करके अपने कोड में शर्तें कैसे बनाएं सीखें | [निर्णय लेना](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | ऐरे और लूप्स | JavaScript में डेटा के साथ ऐरे और लूप्स का उपयोग करें | [ऐरे और लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML का अभ्यास | एक ऑनलाइन टेरैरियम बनाने के लिए HTML बनाएं, लेआउट निर्माण पर केंद्रित | [HTML का परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS का अभ्यास | ऑनलाइन टेरैरियम को स्टाइल करने के लिए CSS बनाएं, CSS के मूल बातें सीखते हुए पृष्ठ को उत्तरदायी बनाना | [CSS का परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर, DOM मैनिपुलेशन | टेरैरियम को ड्रैग/ड्रॉप इंटरफ़ेस के रूप में काम करने के लिए JavaScript बनाएं, क्लोजर और DOM मैनिपुलेशन पर ध्यान केंद्रित करें | [JavaScript क्लोजर, DOM मैनिपुलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | एक टाइपिंग गेम बनाना | अपने JavaScript ऐप की लॉजिक को नियंत्रित करने के लिए कीबोर्ड इवेंट्स का उपयोग कैसे करें | [इवेंट-ड्रिवन प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़र के साथ काम करना | ब्राउज़र कैसे काम करते हैं, उनके इतिहास के बारे में जानें, और एक ब्राउज़र एक्सटेंशन के पहले तत्वों को स्कैफोल्ड कैसे करें | [ब्राउज़र्स के बारे में](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | एक फॉर्म बनाना, API कॉल करना और स्थानीय स्टोरेज में वेरिएबल्स स्टोर करना | अपने ब्राउज़र एक्सटेंशन के JavaScript तत्व बनाएं ताकि स्थानीय स्टोरेज में संग्रहित वेरिएबल्स का उपयोग करते हुए API कॉल करें | [APIs, फॉर्म, और स्थानीय स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़र में पृष्ठभूमि प्रक्रियाएँ, वेब प्रदर्शन | एक्सटेंशन के आइकन का प्रबंधन करने के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और कुछ अनुकूलन की जानकारी प्राप्त करें | [पृष्ठभूमि कार्य और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript के साथ अधिक उन्नत गेम विकास | इनहेरिटेंस के बारे में जानें, दोनों क्लासेस और कॉम्पोजीशन के साथ, और Pub/Sub पैटर्न के साथ, एक गेम निर्माण की तैयारी में | [उन्नत गेम विकास का परिचय](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | कैनवास पर चित्र खींचना | स्क्रीन पर तत्वों को ड्रॉ करने के लिए उपयोग की जाने वाली Canvas API के बारे में जानें | [कैनवास पर ड्रॉइंग](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीन पर तत्वों को घुमाना | पता लगाएं कि कैसे तत्व कार्टेशियन समन्वय और Canvas API का उपयोग करके गति प्राप्त कर सकते हैं | [तत्वों को घुमाना](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर का पता लगाना | तत्वों को आपस में टकराने और कीप्रेस का उपयोग करके प्रतिक्रिया देने के लिए बनाएं और गेम के प्रदर्शन को सुनिश्चित करने के लिए कूलडाउन फ़ंक्शन प्रदान करें | [टक्कर का पता लगाना](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर बनाए रखना | गेम की स्थिति और प्रदर्शन के आधार पर गणना करें | [स्कोर बनाए रखना](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | गेम खत्म करना और पुनः प्रारंभ करना | गेम को समाप्त करने और पुनः प्रारंभ करने के बारे में जानें, जिसमें संसाधनों की सफाई और वेरिएबल मानों को रीसेट करना शामिल है | [समाप्ति शर्त](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब ऐप में HTML टेम्पलेट्स और रूट्स | राउटिंग और HTML टेम्पलेट्स का उपयोग करके एक मल्टीपेज वेबसाइट की संरचना का निर्माण करना सीखें | [HTML टेम्पलेट्स और रूट्स](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन और रजिस्ट्रेशन फ़ॉर्म बनाएं | फॉर्म बनाने और वैधता प्रक्रियाओं के बारे में जानें | [फॉर्म](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा प्राप्त करने और उपयोग करने के तरीके | आपके ऐप में डेटा कैसे आता है और जाता है, इसे कैसे प्राप्त करें, संग्रहित करें और निपटान करें | [डेटा](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | राज्य प्रबंधन की अवधारणाएँ | अपने ऐप में राज्य कैसे रखा जाता है और इसे प्रोग्रामिंग द्वारा कैसे प्रबंधित करें | [राज्य प्रबंधन](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode के साथ काम करना | कोड संपादक के उपयोग के बारे में सीखें | [VScode कोड संपादक का उपयोग करें](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | AI के साथ काम करना | अपना स्वयं का AI सहायक कैसे बनाएं सीखें | [AI सहायक प्रोजेक्ट](./9-chat-project/README.md) | Chris | - -## 🏫 शिक्षणशास्त्र - -हमारा पाठ्यक्रम दो मुख्य शिक्षण सिद्धांतों के साथ डिजाइन किया गया है: -* प्रोजेक्ट-आधारित शिक्षण +| 01 | शुरुआत | प्रोग्रामिंग का परिचय और उपकरणों का परिचय | अधिकांश प्रोग्रामिंग भाषाओं के मूल तत्वों को सीखें और उन सॉफ़्टवेयर के बारे में जानें जो पेशेवर डेवलपर्स को अपना काम करने में मदद करते हैं | [प्रोग्रामिंग भाषाओं और उपकरणों का परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | शुरुआत | GitHub के मूल बातें, एक टीम के साथ काम करना | अपने प्रोजेक्ट में GitHub का उपयोग कैसे करें, कोड बेस पर दूसरों के साथ सहयोग कैसे करें | [GitHub का परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | शुरुआत | पहुंचीयता | वेब पहुँच की बुनियादी बातें सीखें | [पहुंचीयता के मूलभूत सिद्धांत](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS मूल बातें | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारों के मूल बातें | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS मूल बातें | फ़ंक्शन और मेथड | एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए फ़ंक्शन और मेथड के बारे में सीखें | [फ़ंक्शन और मेथड](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS मूल बातें | JS के साथ निर्णय लेना | निर्णय लेने की विधियों का उपयोग करके अपने कोड में शर्तें कैसे बनाएं सीखें | [निर्णय लेना](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS मूल बातें | Arrays और Loops | JavaScript में डेटा के साथ काम करने के लिए arrays और loops का उपयोग करें | [Arrays और Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML प्रैक्टिस में | एक ऑनलाइन टेरीरियम बनाने के लिए HTML बनाएं, मुख्य रूप से लेआउट बनाने पर केंद्रित | [HTML का परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS प्रैक्टिस में | ऑनलाइन टेरीरियम को स्टाइल करने के लिए CSS बनाएं, CSS के मूलभूत सिद्धांतों सहित पेज को उत्तरदायी बनाना | [CSS का परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM मैनेजमेंट | टेरीरियम को ड्रैग/ड्रॉप इंटरफेस के रूप में कार्य करने के लिए JavaScript बनाएं, closures और DOM मैनेजमेंट पर ध्यान केंद्रित | [JavaScript Closures, DOM मैनेजमेंट](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | टाइपिंग गेम बनाएं | अपने JavaScript ऐप के लॉजिक को चलाने के लिए कीबोर्ड इवेंट का उपयोग कैसे करें सीखें | [इवेंट-ड्रिवन प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़रों के साथ काम करना | ब्राउज़र कैसे काम करते हैं, उनका इतिहास, और ब्राउज़र एक्सटेंशन के पहले तत्व बनाए जाने के बारे में सीखें | [ब्राउज़रों के बारे में](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म बनाना, API कॉल करना और लोकल स्टोरेज में वेरिएबल्स स्टोर करना | API को कॉल करने के लिए ब्राउज़र एक्सटेंशन के JavaScript तत्व बनाएं, जो लोकल स्टोरेज में संग्रहित वेरिएबल्स का उपयोग करते हैं | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़र में बैकग्राउंड प्रोसेस, वेब प्रदर्शन | एक्सटेंशन के आइकन को प्रबंधित करने के लिए ब्राउज़र के बैकग्राउंड प्रोसेस का उपयोग करें; वेब प्रदर्शन और प्रदर्शन बेहतर बनाने के कुछ ऑप्टिमाइज़ेशन सीखें | [बैकग्राउंड टास्क और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript के साथ और अधिक उन्नत गेम डेवलपमेंट | कक्षाओं और संयोजन दोनों का उपयोग करके वंशानुक्रम और Pub/Sub पैटर्न के बारे में जानें, गेम बनाने की तैयारी के लिए | [उन्नत गेम डेवलपमेंट का परिचय](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | कैनवास पर ड्राइंग | स्क्रीन पर तत्वों को ड्रॉ करने के लिए उपयोग किए जाने वाले Canvas API के बारे में जानें | [कैनवास पर ड्राइंग](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीन पर तत्वों को घूमाना | तर्कसंगत निर्देशांकों और Canvas API का उपयोग करके तत्वों को गति प्राप्त करने के तरीके खोजें | [तत्वों को घुमाना](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | टकराव का पता लगाना | तत्वों को टकराने और एक-दूसरे के साथ प्रतिक्रिया करने दें, कीप्रेस का उपयोग करें और गेम के प्रदर्शन सुनिश्चित करने के लिए कूलडाउन फ़ंक्शन प्रदान करें | [टकराव पहचान](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर रखना | गेम की स्थिति और प्रदर्शन के आधार पर गणितीय गणना करें | [स्कोर रखना](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | गेम खत्म करना और पुनः आरंभ करना | गेम को खत्म और पुनः आरंभ करने के बारे में जानें, जिसमें संसाधनों को साफ़ करना और वेरिएबल मानों को रीसेट करना शामिल है | [समाप्ति शर्त](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब ऐप में HTML टेम्पलेट्स और रूट्स | रूटिंग और HTML टेम्पलेट्स का उपयोग करके मल्टीपेज वेबसाइट के ढाँचे को बनाना सीखें | [HTML टेम्पलेट्स और रूट्स](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन और रजिस्ट्रेशन फ़ॉर्म बनाएं | फ़ॉर्म बनाने और वैलिडेशन रुटीन को नियंत्रित करने के बारे में जानें | [फ़ॉर्म](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा प्राप्त करने और उपयोग करने के तरीके | आपके ऐप में डेटा कैसे आता और जाता है, इसे कैसे प्राप्त करें, स्टोर करें और समाप्त करें | [डेटा](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | राज्य प्रबंधन के अवधारणाएँ | जानें कि आपका ऐप राज्य को कैसे बनाए रखता है और इसे प्रोग्रामेटिक रूप से कैसे प्रबंधित करें | [राज्य प्रबंधन](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode के साथ काम करना | सीखें कि कोड संपादक का उपयोग कैसे करें| [VScode कोड संपादक का उपयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | AI के साथ काम करना | अपना खुद का AI सहायक कैसे बनाएं सीखें | [AI सहायक परियोजना](./9-chat-project/README.md) | Chris | + +## 🏫 शिक्षाशास्त्र + +हमारे पाठ्यक्रम को दो मुख्य शिक्षाशास्त्रीय सिद्धांतों के साथ डिज़ाइन किया गया है: +* परियोजना-आधारित शिक्षा * बार-बार क्विज़ -यह कार्यक्रम JavaScript, HTML, और CSS के मूल सिद्धांतों के साथ-साथ आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम उपकरणों और तकनीकों को सिखाता है। छात्रों को टाइपिंग गेम, वर्चुअल टेरैरियम, पर्यावरण के अनुकूल ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर शैली गेम, और व्यवसायों के लिए एक बैंकिंग ऐप बनाने के माध्यम से व्यावहारिक अनुभव प्राप्त करने का अवसर मिलेगा। श्रृंखला के अंत तक, छात्रों को वेब विकास की ठोस समझ प्राप्त हो जाएगी। +यह प्रोग्राम JavaScript, HTML, और CSS के बुनियादी सिद्धांतों को सिखाता है, साथ ही आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम उपकरणों और तकनीकों को भी। छात्र टाइपिंग गेम, वर्चुअल टेरीरियम, पर्यावरण-अनुकूल ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर-शैली गेम, और व्यावसायिक बैंकिंग ऐप बनाकर व्यावहारिक अनुभव विकसित करने का अवसर पाएंगे। श्रृंखला के अंत तक, छात्रों को वेब विकास की ठोस समझ होगी। -> 🎓 आप इस पाठ्यक्रम के पहले कुछ पाठों को Microsoft Learn पर [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) के रूप में ले सकते हैं! +> 🎓 आप Microsoft Learn पर इस पाठ्यक्रम के पहले कुछ पाठों को एक [सीखने के पथ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) के रूप में ले सकते हैं! -सुनिश्चित करके कि सामग्री परियोजनाओं के साथ मेल खाती है, प्रक्रिया छात्रों के लिए अधिक आकर्षक बनती है और अवधारणाओं का प्रतिधारण बढ़ता है। हमने कई शुरुआती पाठ JavaScript बुनियादी बातें में लिखे हैं ताकि अवधारणाओं का परिचय दिया जा सके, जिनके साथ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" वीडियो ट्यूटोरियल संग्रह का एक वीडियो है, जिनमें से कुछ लेखक इस पाठ्यक्रम के योगदानकर्ता हैं। +सुनिश्चित करके कि सामग्री परियोजनाओं के अनुरूप है, प्रक्रिया छात्रों के लिए अधिक रोचक बनती है और अवधारणाओं की अवधारण क्षमता बढ़ती है। हमने JavaScript मूल बातों में कई प्रारंभिक पाठ भी लिखे हैं ताकि अवधारणाएँ परिचित कराई जा सकें, जो "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" वीडियो ट्यूटोरियल संग्रह से एक वीडियो के साथ संयोजित हैं, जिनमें से कुछ लेखकों ने इस पाठ्यक्रम में योगदान दिया है। -इसके अतिरिक्त, कक्षा से पहले एक कम-दांव वाला क्विज़ छात्र की सीखने की इच्छा को निर्धारित करता है, जबकि कक्षा के बाद दूसरा क्विज़ और अधिक अवधारणाओं को स्थायी बनाता है। यह पाठ्यक्रम लचीला और मजेदार होने के लिए डिजाइन किया गया है और इसे पूरी तरह या आंशिक रूप से लिया जा सकता है। परियोजनाएँ छोटी शुरुआत से शुरू होकर 12-सप्ताह के चक्र के अंत तक अधिक जटिल होती जाती हैं। +इसके अलावा, कक्षा से पहले एक कम जोखिम वाला क्विज़ छात्र की एक विषय सीखने की मनोदृष्टि तय करता है, जबकि कक्षा के बाद दूसरा क्विज़ और भी बेहतर अवधारण सुनिश्चित करता है। यह पाठ्यक्रम लचीला और मज़ेदार है और इसे पूरी तरह या आंशिक रूप से लिया जा सकता है। परियोजनाएं छोटी शुरू होती हैं और 12-सप्ताह के चक्र के अंत में अधिक जटिल होती जाती हैं। -हमने जानबूझकर JavaScript फ्रेमवर्क पेश करने से बचा है ताकि एक वेब डेवलपर के रूप में बुनियादी कौशलों पर ध्यान केंद्रित किया जा सके, फ्रेमवर्क अपनाने से पहले; इस पाठ्यक्रम को पूरा करने का अगला अच्छा कदम Node.js के बारे में सीखना होगा एक अन्य वीडियो संग्रह के माध्यम से: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"। +जबकि हमने एक फ़्रेमवर्क अपनाने से पहले वेब डेवलपर के रूप में आवश्यक बुनियादी कौशलों पर ध्यान केंद्रित करने के लिए जानबूझकर JavaScript फ्रेमवर्क पेश करने से बचा है, इस पाठ्यक्रम को पूरा करने का एक अच्छा अगला कदम Node.js के बारे में सीखना होगा, जो एक अन्य वीडियो संग्रह से होता है: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> हमारे [Code of Conduct](CODE_OF_CONDUCT.md) और [Contributing](CONTRIBUTING.md) गाइडलाइन्स देखें। हम आपकी रचनात्मक प्रतिक्रिया का स्वागत करते हैं! +> हमारे [Code of Conduct](CODE_OF_CONDUCT.md) और [Contributing](CONTRIBUTING.md) दिशानिर्देश देखें। हम आपकी रचनात्मक प्रतिक्रिया का स्वागत करते हैं! -## 🧭 ऑफ़लाइन एक्सेस +## 🧭 ऑफलाइन पहुंच -आप [Docsify](https://docsify.js.org/#/) का उपयोग करके इस दस्तावेज़ को ऑफलाइन चला सकते हैं। इस रिपॉजिटरी को फोर्क करें, अपने स्थानीय मशीन पर [Docsify इंस्टॉल करें](https://docsify.js.org/#/quickstart), और फिर इस रिपॉजिटरी की रूट फ़ोल्डर में `docsify serve` टाइप करें। वेबसाइट आपके लोकलहोस्ट पर पोर्ट 3000 पर संचालित होगी: `localhost:3000`। +आप [Docsify](https://docsify.js.org/#/) का उपयोग करके इस दस्तावेज़ को ऑफ़लाइन चला सकते हैं। इस रिपॉज़िटरी को फोर्क करें, अपनी स्थानीय मशीन पर [Docsify इंस्टॉल करें](https://docsify.js.org/#/quickstart), फिर इस रिपॉज़िटरी की रूट फ़ोल्डर में `docsify serve` टाइप करें। वेबसाइट आपके लोकलहोस्ट पर पोर्ट 3000 पर सर्व की जाएगी: `localhost:3000`। -## 📘 पीडीएफ -सभी पाठों का एक पीडीएफ [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) उपलब्ध है। +## 📘 PDF +सभी पाठों का एक PDF [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) पाया जा सकता है। -## 🎒 अन्य कोर्स +## 🎒 अन्य पाठ्यक्रम -हमारी टीम अन्य कोर्स भी बनाती है! देखें: +हमारी टीम अन्य पाठ्यक्रम भी बनाती है! देखें: ### LangChain @@ -222,7 +210,7 @@ Azure AI Foundry Discord समुदाय में शामिल हों [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / एजेंट्स [![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) @@ -230,7 +218,7 @@ Azure AI Foundry Discord समुदाय में शामिल हों --- -### जनरेटिव AI श्रृंखला +### जनरेटिव एआई श्रृंखला [![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) @@ -238,7 +226,7 @@ Azure AI Foundry Discord समुदाय में शामिल हों --- -### कोर सीखना +### कोर लर्निंग [![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) @@ -249,29 +237,29 @@ Azure AI Foundry Discord समुदाय में शामिल हों --- -### 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) -## मदद प्राप्त करना +## सहायता प्राप्त करना -यदि आप फंस गए हैं या AI एप्लिकेशन बनाने के बारे में कोई प्रश्न हैं। MCP के बारे में चर्चा में अन्य सीखने वालों और अनुभवी डेवलपर्स के साथ जुड़ें। यह एक सहायक समुदाय है जहां प्रश्न स्वागत है और ज्ञान स्वतंत्र रूप से साझा किया जाता है। +यदि आप फंस जाते हैं या AI ऐप्स बनाने के बारे में कोई प्रश्न हैं, तो MCP के बारे में चर्चा में सहपाठी शिक्षार्थियों और अनुभवी डेवलपर्स के साथ जुड़ें। यह एक सहायक समुदाय है जहाँ प्रश्न स्वागत योग्य हैं और ज्ञान स्वतंत्र रूप से साझा किया जाता है। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -यदि आपके पास उत्पाद प्रतिक्रिया है या निर्माण के दौरान त्रुटियाँ हो रही हैं तो यहाँ जाएँ: +यदि आपके पास उत्पाद प्रतिक्रिया है या निर्माण के दौरान त्रुटियां हैं तो देखें: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## लाइसेंस -यह रिपॉजिटरी MIT लाइसेंस के अंतर्गत लाइसेंस प्राप्त है। अधिक जानकारी के लिए [LICENSE](../../LICENSE) फ़ाइल देखें। +यह रिपॉजिटरी MIT लाइसेंस के तहत लाइसेंस प्राप्त है। अधिक जानकारी के लिए [LICENSE](../../LICENSE) फ़ाइल देखें। --- **अस्वीकरण**: -यह दस्तावेज़ एआई अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनूदित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या गलतियां हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में ही प्राधिकृत स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम उत्तरदायी नहीं हैं। +यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनूदित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या अशुद्धियाँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में प्रामाणिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं। \ No newline at end of file diff --git a/translations/hi/lesson-template/README.md b/translations/hi/lesson-template/README.md index b5ad525f27..f1b1ed2343 100644 --- a/translations/hi/lesson-template/README.md +++ b/translations/hi/lesson-template/README.md @@ -1,54 +1,79 @@ -# [पाठ का विषय] +# पाठ विषय -![यहां एक वीडियो एम्बेड करें](../../../lesson-template/video-url) +## 🎥 वीडियो -## [पाठ से पहले का क्विज़](../../../lesson-template/quiz-url) +> एक एम्बेडेड वीडियो या पाठ लिंक यहां जोड़ें। -[विवरण दें कि हम क्या सीखेंगे] +--- + +## पूर्व व्याख्यान प्रश्नोत्तरी + +> उपलब्ध होने पर यहां प्रश्नोत्तरी लिंक जोड़ें। + +--- + +छात्र इस पाठ में क्या सीखेंगे इसका संक्षिप्त अवलोकन प्रदान करें। + +--- ### परिचय -बताएं कि इस पाठ में क्या कवर किया जाएगा +संक्षिप्त परिचय प्रदान करें जिसमें वर्णित हो कि इस पाठ में क्या कवर किया जाएगा। > नोट्स -### पूर्वापेक्षा +--- -इस पाठ से पहले किन चरणों को पूरा किया जाना चाहिए? +### पूर्वापेक्षाएँ + +उन अवधारणाओं या विषयों की सूची बनाएं जिनसे छात्र इस पाठ को शुरू करने से पहले परिचित होने चाहिए। + +--- ### तैयारी -इस पाठ को शुरू करने के लिए तैयारी के चरण +पाठ शुरू करने से पहले आवश्यक किसी भी सेटअप कदमों या उपकरणों की सूची बनाएं। --- -[सामग्री को ब्लॉक्स में चरणबद्ध करें] +### सामग्री + +संरचित अनुभागों में पाठ की सामग्री में कदम रखें। -## [विषय 1] +--- + +## विषय 1 ### कार्य: -साझा कोड के साथ प्रोजेक्ट बनाने के लिए अपने कोडबेस को प्रगतिशील रूप से बेहतर बनाने के लिए मिलकर काम करें: +प्रोजेक्ट को साझा कोड के साथ बनाने के लिए अपने कोडबेस को क्रमिक रूप से सुधारने के लिए साथ मिलकर काम करें: ```html code blocks ``` -✅ ज्ञान जांच - छात्रों के ज्ञान को खुले प्रश्नों के साथ बढ़ाने के लिए इस समय का उपयोग करें +✅ ज्ञान जांच +छात्रों के ज्ञान को खोलने वाले प्रश्नों के साथ विस्तार देने के लिए इस क्षण का उपयोग करें। -## [विषय 2] +## विषय 2 +## विषय 3 -## [विषय 3] +🚀 चुनौती +छात्रों के लिए प्रोजेक्ट को बेहतर बनाने के लिए एक सहयोगात्मक चुनौती जोड़ें। -🚀 चुनौती: छात्रों को कक्षा में प्रोजेक्ट को बेहतर बनाने के लिए सामूहिक रूप से काम करने की चुनौती दें +वैकल्पिक: उपयुक्त होने पर पूरा किए गए पाठ के UI का स्क्रीनशॉट जोड़ें। -वैकल्पिक: यदि उपयुक्त हो, तो पूर्ण पाठ के UI का स्क्रीनशॉट जोड़ें +## पोस्ट-व्याख्यान प्रश्नोत्तरी -## [पाठ के बाद का क्विज़](../../../lesson-template/quiz-url) +पाठ पूरा करने के बाद यहां प्रश्नोत्तरी लिंक जोड़ें। ## समीक्षा और स्व-अध्ययन -**असाइनमेंट की समय सीमा [MM/YY]**: [असाइनमेंट का नाम](assignment.md) +**कार्य सौंपने की तारीख [MM/YY]**: [असाइनमेंट नाम](assignment.md) + +--- + **अस्वीकरण**: -यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियां या अशुद्धियां हो सकती हैं। मूल भाषा में उपलब्ध मूल दस्तावेज़ को प्रामाणिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम उत्तरदायी नहीं हैं। \ No newline at end of file +यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान रखें कि स्वचालित अनुवादों में त्रुटियाँ या अशुद्धियाँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में अधिकारिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं। + \ No newline at end of file diff --git a/translations/hr/.co-op-translator.json b/translations/hr/.co-op-translator.json index 90068433a7..e76a079dfe 100644 --- a/translations/hr/.co-op-translator.json +++ b/translations/hr/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:22:13+00:00", + "translation_date": "2026-04-24T12:18:10+00:00", "source_file": "AGENTS.md", "language_code": "hr" }, @@ -516,8 +516,8 @@ "language_code": "hr" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:56:27+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:10:20+00:00", "source_file": "README.md", "language_code": "hr" }, @@ -564,8 +564,8 @@ "language_code": "hr" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:44:06+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:10:31+00:00", "source_file": "lesson-template/README.md", "language_code": "hr" }, diff --git a/translations/hr/AGENTS.md b/translations/hr/AGENTS.md index c2033ea7d1..ebc7774b77 100644 --- a/translations/hr/AGENTS.md +++ b/translations/hr/AGENTS.md @@ -2,27 +2,27 @@ ## Pregled projekta -Ovo je repozitorij nastavnog programa za podučavanje osnova web razvoja početnicima. Nastavni plan i program je sveobuhvatan tečaj u trajanju od 12 tjedana koji su razvili Microsoft Cloud Advocates, a sadrži 24 praktične lekcije koje pokrivaju JavaScript, CSS i HTML. +Ovo je repozitorij s obrazovnim planom i programom za podučavanje osnova web razvoja početnicima. Plan i program je sveobuhvatan tečaj u trajanju od 12 tjedana koji su razvili Microsoft Cloud Advocates, sadrži 24 praktične lekcije koje pokrivaju JavaScript, CSS i HTML. ### Ključne komponente -- **Nastavni sadržaj**: 24 strukturirane lekcije organizirane u module temeljene na projektima -- **Praktični projekti**: Terrarij, Igra tipkanja, Proširenje za preglednik, Svemirska igra, Bankarska aplikacija, Code Editor i AI Chat asistent -- **Interaktivni kvizovi**: 48 kvizova sa po 3 pitanja svaki (procjena prije i nakon lekcije) -- **Višestruka podrška jezika**: Automatski prijevodi na 50+ jezika putem GitHub Actions +- **Obrazovni sadržaj**: 24 strukturirane lekcije organizirane u module temeljene na projektima +- **Praktični projekti**: Terrarij, Igra tipkanja, Proširenje preglednika, Svemirska igra, Bankovna aplikacija, Uređivač koda i AI pomoćnik za chat +- **Interaktivni kvizovi**: 48 kvizova s po 3 pitanja (procjena prije i nakon lekcije) +- **Višejezična podrška**: Automatski prijevodi na više od 50 jezika putem GitHub Actions - **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte) ### Arhitektura -- Edukativni repozitorij sa strukturom baziranom na lekcijama +- Obrazovni repozitorij s lekcijski organiziranom strukturom - Svaka mapa lekcije sadrži README, primjere koda i rješenja -- Samostalni projekti u posebnim direktorijima (quiz-app, razni projektni lekcijski direktoriji) -- Sustav prevođenja pomoću GitHub Actions (co-op-translator) +- Samostalni projekti u zasebnim direktorijima (quiz-app, razni projektni lekcijski folderi) +- Sustav prijevoda preko GitHub Actions (co-op-translator) - Dokumentacija poslužena putem Docsify i dostupna kao PDF ## Komande za postavljanje -Ovaj repozitorij je primarno namijenjen za konzumaciju edukativnog sadržaja. Za rad s određenim projektima: +Ovaj repozitorij prvenstveno služi za konzumaciju obrazovnog sadržaja. Za rad s određenim projektima: ### Postavljanje glavnog repozitorija @@ -31,7 +31,7 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Postavljanje Quiz aplikacije (Vue 3 + Vite) +### Postavljanje Quiz Aplikacije (Vue 3 + Vite) ```bash cd quiz-app @@ -41,22 +41,22 @@ npm run build # Izgradi za produkciju npm run lint # Pokreni ESLint ``` -### Bankarski projekt API (Node.js + Express) +### API projekta banke (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # Pokreni API poslužitelj +npm start # Pokreni API server npm run lint # Pokreni ESLint -npm run format # Formatiraj s Prettierom +npm run format # Formatiraj s Prettier ``` -### Projekti proširenja za preglednik +### Projekti proširenja preglednika ```bash cd 5-browser-extension/solution npm install -# Slijedite upute za učitavanje ekstenzija specifičnih za preglednik +# Slijedite upute za učitavanje proširenja specifične za preglednik ``` ### Projekti svemirske igre @@ -67,42 +67,42 @@ npm install # Otvorite index.html u pregledniku ili koristite Live Server ``` -### Chat projekt (Python Backend) +### Projekt chata (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Postavi varijablu okoline GITHUB_TOKEN +# Postavite varijablu okoline GITHUB_TOKEN python api.py ``` -## Razvojni tijek rada +## Radni tok razvoja ### Za suradnike na sadržaju 1. **Forkajte repozitorij** na svoj GitHub račun 2. **Klonirajte svoj fork** lokalno -3. **Napravite novu granu** za svoje promjene -4. Izvršite promjene u sadržaju lekcija ili primjerima koda -5. Testirajte sve izmjene koda u odgovarajućim projektnim direktorijima -6. Pošaljite pull requestove u skladu s uputama za doprinose +3. **Kreirajte novu granu** za svoje izmjene +4. Izmijenite sadržaj lekcija ili primjere koda +5. Testirajte kod u relevantnim projektnim direktorijima +6. Pošaljite pull requestove prema smjernicama za doprinos ### Za učenike 1. Forkajte ili klonirajte repozitorij -2. Navigirajte kroz direktorije lekcija redom -3. Čitajte README datoteke za svaku lekciju -4. Završite kvizove prije lekcija na https://ff-quizzes.netlify.app/web/ -5. Riješite primjere koda u mapama lekcija -6. Završite zadatke i izazove -7. Polažite kvizove nakon lekcija +2. Krenite redom kroz mape lekcija +3. Pročitajte README datoteke za svaku lekciju +4. Riješite pred-lekcijske kvizove na https://ff-quizzes.netlify.app/web/ +5. Prođite kroz primjere koda u mapama lekcija +6. Riješite zadatke i izazove +7. Riješite post-lekcijske kvizove -### Živi razvoj +### Razvoj uživo -- **Dokumentacija**: Pokrenite `docsify serve` u rootu (port 3000) -- **Quiz aplikacija**: Pokrenite `npm run dev` u direktoriju quiz-app +- **Dokumentacija**: Pokrenite `docsify serve` u korijenu (port 3000) +- **Quiz aplikacija**: Pokrenite `npm run dev` u mapi quiz-app - **Projekti**: Koristite VS Code Live Server ekstenziju za HTML projekte -- **API projekti**: Pokrenite `npm start` u odgovarajućim API direktorijima +- **API projekti**: Pokrenite `npm start` u odgovarajućim API mapama ## Upute za testiranje @@ -110,43 +110,43 @@ python api.py ```bash cd quiz-app -npm run lint # Provjeri probleme sa stilom koda -npm run build # Provjeri uspješnost izgradnje +npm run lint # Provjerite za probleme s stilom koda +npm run build # Provjerite je li izgradnja uspješna ``` ### Testiranje Bank API-ja ```bash cd 7-bank-project/api -npm run lint # Provjeri probleme sa stilom koda -node server.js # Provjeri da li se poslužitelj pokreće bez grešaka +npm run lint # Provjerite probleme sa stilom koda +node server.js # Provjerite pokreće li se poslužitelj bez pogrešaka ``` ### Opći pristup testiranju -- Ovo je edukativni repozitorij bez sveobuhvatnih automatskih testova -- Ručno testiranje fokusira se na: - - Primjere koda koji se izvršavaju bez pogrešaka - - Ispravno funkcioniranje linkova u dokumentaciji - - Uspješnu gradnju projekata - - Slijedjenje najboljih praksi u primjerima +- Ovo je obrazovni repozitorij bez opsežnih automatiziranih testova +- Manualno testiranje usmjereno na: + - Primjeri koda rade bez grešaka + - Linkovi u dokumentaciji funkcioniraju ispravno + - Projekti se mogu uspješno izgraditi + - Primjeri slijede najbolje prakse -### Provjere prije slanja +### Provjere prije predaje -- Pokrenite `npm run lint` u direktorijima s package.json +- Pokrenite `npm run lint` u mapama koje sadrže package.json - Provjerite valjanost markdown linkova -- Testirajte primjere koda u pregledniku ili Node.js -- Provjerite da prijevodi održavaju pravilnu strukturu +- Testirajte primjere koda u pregledniku ili Node.js-u +- Provjerite da prijevodi zadržavaju ispravnu strukturu -## Smjernice za stil kodiranja +## Smjernice za stil koda ### JavaScript - Koristite modernu ES6+ sintaksu -- Slijedite standardne ESLint konfiguracije iz projekata -- Koristite smisleno imenovanje varijabli i funkcija radi jasnoće za učenike -- Dodajte komentare koji objašnjavaju koncepte -- Formatirajte kod koristeći Prettier gdje je konfigurirano +- Slijedite standardne ESLint konfiguracije u projektima +- Koristite smisleni nazive varijabli i funkcija za jasnoću učenja +- Dodajte komentare koji objašnjavaju koncepte za učenike +- Formatirajte pomoću Prettier tamo gdje je konfigurirano ### HTML/CSS @@ -157,69 +157,69 @@ node server.js # Provjeri da li se poslužitelj pokreće bez grešaka ### Python -- Pridržavajte se PEP 8 smjernica -- Jasni, edukativni primjeri koda -- Tipizacije tamo gdje pomažu učenju +- PEP 8 smjernice za stil +- Jasni, obrazovni primjeri koda +- Tipizacija gdje je korisno za učenje ### Markdown dokumentacija - Jasna hijerarhija naslova -- Code blokovi s označenim jezikom +- Blokovi koda s označenim jezikom - Linkovi na dodatne resurse -- Screenshoti i slike u mapama `images/` +- Screenshoti i slike u `images/` direktorijima - Alt tekst za slike radi pristupačnosti ### Organizacija datoteka -- Lekcije numerirane sekvencijalno (1-getting-started-lessons, 2-js-basics, itd.) -- Svaki projekt ima direktorije `solution/` i često `start/` ili `your-work/` -- Slike se nalaze u lekcijski specifičnim mapama `images/` +- Lekcije numerički označene (1-getting-started-lessons, 2-js-basics itd.) +- Svaki projekt ima `solution/` i često `start/` ili `your-work/` direktorije +- Slike pohranjenje u lekcijski specifičnim `images/` mapama - Prijevodi u strukturi `translations/{language-code}/` -## Gradnja i implementacija +## Izgradnja i implementacija -### Postavljanje Quiz aplikacije (Azure Static Web Apps) +### Implementacija Quiz aplikacije (Azure Static Web Apps) -Quiz aplikacija je konfigurirana za implementaciju na Azure Static Web Apps: +Quiz-app je konfiguriran za Azure Static Web Apps implementaciju: ```bash cd quiz-app -npm run build # Stvara mapu dist/ -# Implementira putem GitHub Actions workflow-a pri pushanju na main +npm run build # Stvara dist/ mapu +# Deploya putem GitHub Actions workflowa pri pushanju na main ``` Konfiguracija Azure Static Web Apps: - **Lokacija aplikacije**: `/quiz-app` -- **Lokacija izlaza**: `dist` -- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **Izlazna lokacija**: `dist` +- **Radni tok**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Generiranje PDF dokumentacije ```bash -npm install # Instalirajte docsify-to-pdf -npm run convert # Generirajte PDF iz docsa +npm install # Instaliraj docsify-to-pdf +npm run convert # Generiraj PDF iz docsa ``` -### Dokumentacija Docsify +### Docsify dokumentacija ```bash npm install -g docsify-cli # Instalirajte Docsify globalno docsify serve # Poslužite na localhost:3000 ``` -### Gradnje specifične za projekte +### Izgradnja specifična za projekte -Svaki projektni direktorij može imati vlastiti proces gradnje: -- Vue projekti: `npm run build` kreira produkcijske bundleove -- Statički projekti: bez koraka gradnje, direktna usluga datoteka +Svaki projektni direktorij može imati vlastiti postupak izgradnje: +- Vue projekti: `npm run build` stvara produkcijske pakete +- Statički projekti: nema koraka izgradnje, datoteke se poslužuju direktno ## Smjernice za pull requestove ### Format naslova -Koristite jasne, opisne naslove koji označavaju područje promjene: +Koristite jasne, opisne naslove koji navode područje izmjene: - `[Quiz-app] Dodaj novi kviz za lekciju X` -- `[Lesson-3] Ispravi tipfelere u terrarium projektu` +- `[Lesson-3] Ispravi tipfeler u terrarium projektu` - `[Translation] Dodaj španjolski prijevod za lekciju 5` - `[Docs] Ažuriraj upute za postavljanje` @@ -228,12 +228,12 @@ Koristite jasne, opisne naslove koji označavaju područje promjene: Prije slanja PR-a: 1. **Kvaliteta koda**: - - Pokrenite `npm run lint` u pogođenim projektnim direktorijima - - Ispravite sve lint greške i upozorenja + - Pokrenite `npm run lint` u zahvaćenim projektnim mapama + - Ispravite sve linting greške i upozorenja -2. **Verifikacija gradnje**: +2. **Verifikacija izgradnje**: - Pokrenite `npm run build` ako je primjenjivo - - Osigurajte da nema grešaka u gradnji + - Osigurajte da nema pogrešaka pri izgradnji 3. **Provjera linkova**: - Testirajte sve markdown linkove @@ -242,27 +242,27 @@ Prije slanja PR-a: 4. **Pregled sadržaja**: - Provjerite pravopis i gramatiku - Osigurajte da su primjeri koda točni i edukativni - - Provjerite da prijevodi čuvaju izvorno značenje + - Provjerite da prijevodi zadržavaju izvorno značenje ### Zahtjevi za doprinos -- Prihvatite Microsoft CLA (automatska provjera pri prvom PR-u) +- Prihvatite Microsoft CLA (automatizirana provjera kod prvog PR-a) - Slijedite [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Pogledajte [CONTRIBUTING.md](./CONTRIBUTING.md) za detaljne upute -- U opisu PR-a navedite brojeve povezanih issuea ako ih ima +- Pogledajte [CONTRIBUTING.md](./CONTRIBUTING.md) za detaljne smjernice +- U opisu PR-a navedite brojeve povezanih issueova ako ih ima ### Proces pregleda -- PR-ove pregledavaju održavatelji i zajednica -- Prioritet je jasnoća edukativnog sadržaja +- PR-ovi pregledavaju održavatelji i zajednica +- Prioritet je obrazovna jasnoća - Primjeri koda trebaju slijediti trenutne najbolje prakse -- Prijevodi se pregledavaju radi točnosti i kulturne prikladnosti +- Prijevodi se pregledavaju zbog točnosti i prikladnosti za ciljanu kulturu -## Sustav prevođenja +## Sustav prijevoda -### Automatizirani prijevod +### Automatski prijevod -- Koristi GitHub Actions s co-op-translator workflowom +- Koristi GitHub Actions s co-op-translator radnim tokom - Automatski prevodi na 50+ jezika - Izvorne datoteke u glavnim direktorijima - Prevedene datoteke u direktorijima `translations/{language-code}/` @@ -270,13 +270,13 @@ Prije slanja PR-a: ### Dodavanje ručnih poboljšanja prijevoda 1. Pronađite datoteku u `translations/{language-code}/` -2. Napravite poboljšanja pazeći na očuvanje strukture -3. Osigurajte ispravnost funkcionalnosti primjera koda -4. Testirajte eventualni lokalizirani sadržaj kvizova +2. Napravite poboljšanja pri čuvanju strukture +3. Osigurajte da primjeri koda ostanu funkcionalni +4. Testirajte lokalizirani kviz sadržaj ### Metapodaci prijevoda -Prevedene datoteke sadrže metapodatkovni header: +Prevedene datoteke uključuju zaglavlje s metapodacima: ```markdown ``` -## Otklanjanje pogrešaka i rješavanje problema +## Debugiranje i rješavanje problema -### Česti problemi +### Uobičajeni problemi -**Quiz aplikacija ne želi startati**: +**Quiz aplikacija ne uspijeva pokrenuti se**: - Provjerite verziju Node.js (preporučeno v14+) -- Izbrišite `node_modules` i `package-lock.json`, pokrenite `npm install` ponovno -- Provjerite sukobe portova (default: Vite koristi port 5173) +- Izbrišite `node_modules` i `package-lock.json`, ponovo pokrenite `npm install` +- Provjerite konflikte portova (zadano: Vite koristi port 5173) **API server se ne pokreće**: -- Provjerite zadovoljava li Node.js minimalnu verziju (node >=10) -- Provjerite je li port zauzet +- Provjerite zadovoljava li verzija Node.js minimum (node >=10) +- Provjerite koristi li već netko port - Osigurajte da su sve ovisnosti instalirane s `npm install` -**Proširenje za preglednik se ne učitava**: -- Provjerite ispravnost manifest.json formata +**Proširenje preglednika se ne učitava**: +- Provjerite da je manifest.json ispravno formatiran - Provjerite konzolu preglednika za greške -- Slijedite upute za instalaciju proširenja specifične za preglednik +- Slijedite upute za instalaciju specifične za preglednik **Problemi s Python chat projektom**: -- Provjerite je li instaliran paket OpenAI: `pip install openai` -- Provjerite je li GITHUB_TOKEN varijabla okruženja postavljena -- Provjerite dozvole pristupa za GitHub Models +- Provjerite je li paket OpenAI instaliran: `pip install openai` +- Provjerite da je postavljena varijabla okoline GITHUB_TOKEN +- Provjerite dozvole pristupa GitHub modelima **Docsify ne poslužuje dokumente**: - Instalirajte docsify-cli globalno: `npm install -g docsify-cli` -- Pokrenite iz root direktorija repozitorija -- Provjerite postoji li `docs/_sidebar.md` +- Pokrenite iz korijena repozitorija +- Provjerite postojanje datoteke `docs/_sidebar.md` ### Savjeti za razvojno okruženje - Koristite VS Code s Live Server ekstenzijom za HTML projekte - Instalirajte ESLint i Prettier ekstenzije za dosljedno formatiranje -- Koristite DevTools u pregledniku za debug JavaScripta +- Koristite DevTools u pregledniku za debugiranje JavaScript-a - Za Vue projekte instalirajte Vue DevTools ekstenziju za preglednik -### Razmatranja performansi +### Performanse -- Veliki broj prevedenih datoteka (50+ jezika) uzrokuje velike klonove +- Velik broj prevedenih datoteka (50+ jezika) čini cjelokupne klonove velikima - Koristite shallow clone ako radite samo na sadržaju: `git clone --depth 1` -- Isključite prijevode iz pretraživanja kad radite na sadržaju na engleskom -- Procesi gradnje mogu biti spori pri prvom pokretanju (npm install, Vite build) +- Isključite prijevode iz pretraživanja dok radite na engleskom sadržaju +- Postupci izgradnje mogu biti spori pri prvom pokretanju (npm install, Vite build) -## Sigurnosna razmatranja +## Sigurnosni čimbenici -### Varijable okruženja +### Varijable okoline -- API ključevi se nikad ne bi smjeli komitirati u repozitorij -- Koristite `.env` datoteke (već navedene u `.gitignore`) -- Dokumentirajte potrebne varijable okruženja u README-ima projekata +- API ključevi se nikada ne smiju pohranjivati u repozitorij +- Koristite `.env` datoteke (već u `.gitignore`) +- Dokumentirajte potrebne varijable okoline u README datotekama projekata ### Python projekti - Koristite virtualna okruženja: `python -m venv venv` -- Održavajte ovisnosti ažurnima +- Održavajte ovisnosti ažuriranima - GitHub tokeni trebaju imati minimalne potrebne dozvole -### Pristup GitHub Models +### Pristup GitHub modelima -- Potrebni su Personal Access Tokens (PAT) za GitHub modele -- Tokeni trebaju biti pohranjeni kao varijable okruženja -- Nikad nemojte komitirati tokene ili vjerodajnice +- Potrebni su Personal Access Tokeni (PAT) za GitHub modele +- Tokeni se trebaju pohranjivati kao varijable okoline +- Nikada ne commitajte tokene ili vjerodajnice -## Dodatne napomene +## Dodatne bilješke -### Ciljana publika +### Ciljna publika - Potpuni početnici u web razvoju -- Studenti i samostalni učenici -- Nastavnici koji koriste nastavne planove u učionicama -- Sadržaj je osmišljen za pristupačnost i postupno stjecanje vještina +- Studenti i samouki polaznici +- Nastavnici koji koriste plan i program u učionicama +- Sadržaj dizajniran za pristupačnost i postupno stjecanje vještina -### Pedagoška filozofija +### Obrazovna filozofija -- Pristup učenja baziran na projektima +- Pristup učenju kroz projekte - Česte provjere znanja (kvizovi) - Praktične vježbe kodiranja - Primjeri iz stvarnog svijeta -- Fokus na temelje prije okvira +- Fokus na osnove prije okvira ### Održavanje repozitorija - Aktivna zajednica učenika i suradnika -- Redovne nadogradnje ovisnosti i sadržaja -- Problemi i diskusije praćeni od strane održavatelja +- Redovna ažuriranja ovisnosti i sadržaja +- Problemi i rasprave nadgledaju održavatelji - Automatska ažuriranja prijevoda putem GitHub Actions ### Povezani resursi - [Microsoft Learn moduli](https://docs.microsoft.com/learn/) - [Student Hub resursi](https://docs.microsoft.com/learn/student-hub/) -- Preporučen GitHub Copilot za učenike: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) -- Dodatni tečajevi: Generativni AI, Data Science, ML, IoT kurikulumi dostupni +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) preporučeno za učenike +- Dodatni tečajevi: Generativni AI, znanost o podacima, ML, IoT planovi i programi ### Rad s određenim projektima -Za detaljne upute o pojedinačnim projektima, pogledajte README datoteke u: -- `quiz-app/README.md` - Vue 3 aplikacija kviza -- `7-bank-project/README.md` - Bankarska aplikacija s autentikacijom -- `5-browser-extension/README.md` - Razvoj proširenja za preglednik -- `6-space-game/README.md` - Razvoj igre bazirane na canvasu -- `9-chat-project/README.md` - Projekt AI chat asistenta +Za detaljne upute o pojedinačnim projektima pogledajte README datoteke u: +- `quiz-app/README.md` - Vue 3 aplikacija za kvizove +- `7-bank-project/README.md` - Bankovna aplikacija s autentifikacijom +- `5-browser-extension/README.md` - Razvoj proširenja preglednika +- `6-space-game/README.md` - Razvoj igre na canvasu +- `9-chat-project/README.md` - AI pomoćnik za chat -### Struktura Monorepo repozitorija +### Struktura monorepoa -Iako nije tradicionalni monorepo, repozitorij sadrži više nezavisnih projekata: +Iako nije tradicionalni monorepo, ovaj repozitorij sadrži više neovisnih projekata: - Svaka lekcija je samostalna - Projekti ne dijele ovisnosti -- Rad na pojedinačnim projektima bez utjecaja na druge -- Klonirajte cijeli repozitorij za potpuno iskustvo nastavnog programa +- Radite na pojedinačnim projektima bez utjecaja na druge +- Klonirajte cijeli repozitorij za cjelokupno iskustvo plana i programa --- -**Odricanje od odgovornosti**: -Ovaj dokument je preveden pomoću AI usluge za prijevod [Co-op Translator](https://github.com/Azure/co-op-translator). Iako težimo točnosti, molimo imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na njegovom izvornom jeziku treba smatrati autoritativnim izvorom. Za važne informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakve nesporazume ili kriva tumačenja koja proizlaze iz korištenja ovog prijevoda. +**Izjava o odricanju od odgovornosti**: +Ovaj je dokument preveden pomoću AI usluge prevođenja [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo postići točnost, imajte na umu da automatski prijevodi mogu sadržavati greške ili netočnosti. Izvorni dokument na izvornom jeziku treba se smatrati autoritativnim izvorištem. Za kritične informacije preporučuje se profesionalni ljudski prijevod. Nismo odgovorni za bilo kakva nesporazuma ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda. \ No newline at end of file diff --git a/translations/hr/README.md b/translations/hr/README.md index aa8b798548..d56f4a87bf 100644 --- a/translations/hr/README.md +++ b/translations/hr/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Web development za početnike - Nastavni plan +# Web razvoj za početnike - Nastavni plan -Naučite osnove web razvoja s našim opsežnim tečajem od 12 tjedana koji vode Microsoft Cloud zagovaratelji. Svaka od 24 lekcija detaljno obrađuje JavaScript, CSS i HTML kroz praktične projekte kao što su terariji, proširenja preglednika i igre u svemiru. Uključite se u kvizove, rasprave i praktične zadatke. Poboljšajte svoje vještine i optimizirajte zadržavanje znanja našom učinkovitošću pedagoškog pristupa zasnovanog na projektima. Započnite svoje kodiranje danas! +Naučite osnove web razvoja uz naš sveobuhvatni 12-tjedni tečaj koji vode Microsoft Cloud zagovornici. Svaka od 24 lekcije detaljno obrađuje JavaScript, CSS i HTML kroz praktične projekte poput terarija, ekstenzija za preglednik i svemirskih igara. Sudjelujte u kvizovima, raspravama i praktičnim zadacima. Poboljšajte svoje vještine i optimizirajte zadržavanje znanja pomoću naše učinkovite pedagoške metode temeljene na projektima. Započnite svoje programersko putovanje danas! -Pridružite se Azure AI Foundry Discord zajednici +Pridružite se Azure AI Foundry Discordu i upoznajte stručnjake i kolege developere. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Slijedite ove korake za početak korištenja ovih resursa: -1. **Razvucite spremište**: Kliknite [![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. **Klonirajte spremište**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Pridružite se Azure AI Foundry Discordu i upoznajte stručnjake i kolege programere**](https://discord.com/invite/ByRwuEEgH4) +Slijedite ove korake kako biste započeli koristiti ove resurse: +1. **Forkajte repozitorij**: Kliknite [![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. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Pridružite se Azure AI Foundry Discordu i upoznajte stručnjake i kolege developere**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Podrška za više jezika -#### Podržano putem GitHub akcije (Automatski i uvijek ažurno) +#### Podržano putem GitHub akcije (Automatski i uvijek ažurirano) [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](./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) | [Khmer](../km/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](../es/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) -> **Radije lokalno klonirati?** +> **Želite li klonirati lokalno?** > -> Ovo spremište uključuje prevode na 50+ jezika što znatno povećava veličinu preuzimanja. Za kloniranje bez prijevoda, koristite sparse checkout: +> Ovaj repozitorij uključuje više od 50 prijevoda, što značajno povećava veličinu preuzimanja. Za kloniranje bez prijevoda koristite sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,44 +48,44 @@ Slijedite ove korake za početak korištenja ovih resursa: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Ovo vam daje sve što je potrebno za dovršavanje tečaja uz mnogo brže preuzimanje. +> Ovo vam pruža sve što je potrebno za dovršetak tečaja uz znatno brže preuzimanje. -**Ako želite dodati podršku za dodatne jezike, popis podržanih jezika nalazi se [ovdje](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Ako želite dodatne prijevode, podržani jezici su navedeni ovdje. [ovdje](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Jeste li student?_ -Posjetite [**Student Hub stranicu**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) gdje ćete pronaći resurse za početnike, studentske pakete pa čak i načine za dobivanje besplatnog vaučera za certifikat. Ovo je stranica koju biste trebali označiti i povremeno provjeravati jer redovito mijenjamo sadržaj. +Posjetite [**Student Hub stranicu**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) gdje ćete pronaći resurse za početnike, studentske pakete i čak načine kako za dobiti besplatnu potvrdu. Ovo je stranica koju želite označiti i povremeno provjeravati jer se sadržaj redovito mijenja. -### 📣 Najava - Novi izazovi u GitHub Copilot Agent modu za dovršiti! +### 📣 Najava - Novi izazovi u GitHub Copilot Agent načinu rada! -Dodani su novi izazovi, pogledajte "GitHub Copilot Agent Challenge 🚀" u većini poglavlja. To je novi izazov koji trebate dovršiti koristeći GitHub Copilot i Agent mod. Ako do sada niste koristili Agent mod, on ne samo da može generirati tekst, već i stvarati i uređivati datoteke, pokretati naredbe i više. +Dodani su novi izazovi, potražite "GitHub Copilot Agent Challenge 🚀" u većini poglavlja. To je novi izazov koji trebate dovršiti koristeći GitHub Copilot i Agent način rada. Ako do sada niste koristili Agent način, on nije samo za generiranje teksta već može i kreirati te uređivati datoteke, izvršavati naredbe i još mnogo toga. -### 📣 Najava - _Novi projekt za izgraditi koristeći Generativnu AI_ +### 📣 Najava - _Novi projekt za izgradnju uz Generativnu AI_ -Novi AI Assistant projekt upravo dodan, pogledajte [projekt](./9-chat-project/README.md) +Dodali smo novi AI Assistant projekt, pogledajte [projekt](./9-chat-project/README.md) -### 📣 Najava - _Novi Nastavni plan_ o Generativnoj AI za JavaScript upravo je objavljen +### 📣 Najava - _Novi Nastavni plan_ za Generativnu AI za JavaScript je upravo objavljen -Ne propustite naš novi nastavni plan o Generativnoj AI! +Ne propustite naš novi kurikulum za Generativnu AI! Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za početak! ![Background](../../translated_images/hr/background.148a8d43afde5730.webp) - Lekcije koje pokrivaju sve od osnova do RAG-a. -- Interakcija s povijesnim likovima koristeći GenAI i našu aplikaciju suputnicu. -- Zabavan i zanimljiv narativ, putovat ćete kroz vrijeme! +- Interakcija s povijesnim likovima koristeći GenAI i našu prateću aplikaciju. +- Zabavna i zanimljiva pripovijest, putovat ćete kroz vrijeme! ![character](../../translated_images/hr/character.5c0dd8e067ffd693.webp) -Svaka lekcija uključuje zadatak za dovršiti, provjeru znanja i izazov koji vas vodi kroz teme kao što su: -- Promptanje i inženjering prompta -- Generiranje tekstualnih i slikovnih aplikacija -- Pretraživačke aplikacije +Svaka lekcija uključuje zadatak za dovršiti, provjeru znanja i izazov koji vas vodi u učenju tema poput: +- Promptiranje i inženjering prompta +- Generiranje aplikacija za tekst i slike +- Aplikacije za pretraživanje Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za početak! @@ -93,37 +93,37 @@ Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za po ## 🌱 Početak rada -> **Nastavnici**, uključili smo [neke prijedloge](for-teachers.md) kako koristiti ovaj nastavni plan. Voljeli bismo vaše povratne informacije [u našem forumu za raspravu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Nastavnici**, uključili smo [neke prijedloge](for-teachers.md) o tome kako koristiti ovaj nastavni plan. Voljeli bismo dobiti vaše povratne informacije [u našem forumu za rasprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Učeći](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za svaku lekciju započnite s predpredavanjem kvizom i nastavite s čitanjem materijala predavanja, dovršavanjem raznih aktivnosti i provjerite svoje razumijevanje s postpredavačkim kvizom. +**[Učenici](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za svaku lekciju započnite s predpredavanjem kvizom, a zatim nastavite čitanjem nastavnog materijala, dovršite različite aktivnosti i provjerite svoje razumijevanje putem kviza nakon predavanja. -Kako biste poboljšali svoje iskustvo učenja, povežite se sa svojim vršnjacima da zajedno radite na projektima! Rasprave su poticane na našem [forum za raspravu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) gdje će naš tim moderatora biti dostupan za odgovore na vaša pitanja. +Za bolje iskustvo učenja, povežite se sa svojim kolegama radi zajedničkog rada na projektima! Rasprave su poticane na našem [forum za rasprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) gdje će tim moderatora biti dostupni za odgovore na vaša pitanja. Za daljnje obrazovanje, toplo preporučujemo istraživanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne materijale za učenje. ### 📋 Postavljanje vašeg okruženja -Ovaj nastavni plan ima razvojno okruženje spremno za upotrebu! Kad započnete, možete odabrati za pokretanje nastavnog plana u [Codespaceu](https://github.com/features/codespaces/) (_okruženje temeljeno na pregledniku, bez potrebe za instalacijama_), ili lokalno na vašem računalu koristeći uređivač teksta kao što je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ovaj nastavni plan ima spremno razvojno okruženje! Kad započnete, možete odabrati pokretanje kurikuluma u [Codespaceu](https://github.com/features/codespaces/) (_okruženju u pregledniku bez potrebe za instalacijom_), ili lokalno na vašem računalu koristeći uređivač teksta poput [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Izradite svoje spremište -Kako biste si olakšali spremanje vašeg rada, preporučuje se da napravite vlastitu kopiju ovog spremišta. To možete napraviti klikom na gumb **Use this template** na vrhu stranice. Time ćete stvoriti novo spremište na vašem GitHub računu s kopijom nastavnog plana. +#### Kreirajte svoj repozitorij +Kako biste lakše spremili svoj rad, preporuča se da napravite svoju kopiju ovog repozitorija. To možete učiniti klikom na gumb **Use this template** na vrhu stranice. Ovo će stvoriti novi repozitorij na vašem GitHub računu s kopijom nastavnog plana. Slijedite ove korake: -1. **Razvucite spremište**: Kliknite na gumb "Fork" u gornjem desnom kutu ove stranice. -2. **Klonirajte spremište**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Forkajte repozitorij**: Kliknite na gumb "Fork" u gornjem desnom kutu ove stranice. +2. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Pokretanje nastavnog plana u Codespaceu +#### Pokretanje kurikuluma u Codespaceu -U svojoj kopiji ovog spremišta koju ste napravili, kliknite na gumb **Code** i odaberite **Open with Codespaces**. To će stvoriti novi Codespace u kojem možete raditi. +U svojoj kopiji repozitorija koju ste napravili, kliknite gumb **Code** i odaberite **Open with Codespaces**. Ovo će stvoriti novi Codespace za rad. ![Codespace](../../translated_images/hr/createcodespace.0238bbf4d7a8d955.webp) -#### Pokretanje nastavnog plana lokalno na vašem računalu +#### Pokretanje kurikuluma lokalno na vašem računalu -Za pokretanje ovog nastavnog plana lokalno na vašem računalu, potreban vam je uređivač teksta, preglednik i alat naredbene linije. Naša prva lekcija, [Uvod u programske jezike i alate struke](../../1-getting-started-lessons/1-intro-to-programming-languages), pokazat će vam različite opcije za svaki od ovih alata kako biste mogli odabrati ono što vam najbolje odgovara. +Za pokretanje kurikuluma lokalno na vašem računalu trebat će vam uređivač teksta, preglednik i alat naredbenog retka. Naša prva lekcija, [Uvod u programske jezike i alate](../../1-getting-started-lessons/1-intro-to-programming-languages), vodi vas kroz različite opcije za svaki od ovih alata kako biste mogli odabrati ono što vam najviše odgovara. -Naša preporuka je korištenje [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kao uređivača, koji također ima ugrađeni [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code možete preuzeti [ovdje](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Klonirajte svoj repozitorij na svoje računalo. To možete učiniti klikom na gumb **Code** i kopiranjem URL-a: +Naša preporuka je korištenje [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kao uređivača, koji ima ugrađeni [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code možete preuzeti [ovdje](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Klonirajte svoj repozitorij na računalo. To možete učiniti klikom na gumb **Code** i kopiranjem URL-a: [CodeSpace](./images/createcodespace.png) @@ -133,148 +133,148 @@ Naša preporuka je korištenje [Visual Studio Code](https://code.visualstudio.co git clone ``` -2. Otvorite mapu u Visual Studio Code-u. To možete učiniti klikom na **File** > **Open Folder** i odabirom mape koju ste upravo klonirali. +2. Otvorite mapu u Visual Studio Codeu. To možete učiniti klikom na **File** > **Open Folder** i odabirom mape koju ste upravo klonirali. > Preporučeni Visual Studio Code dodaci: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za pregled HTML stranica unutar Visual Studio Code-a -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - za pomoć pri bržem pisanju koda +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za pregled HTML stranica unutar Visual Studio Codea +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - za brže pisanje koda ## 📂 Svaka lekcija uključuje: -- opcionalni sketchnote -- opcionalni dodatni video +- opcionalnu skicu +- opcionlani dodatni video - kviz za zagrijavanje prije lekcije - pisanu lekciju -- za lekcije temeljene na projektima, vodiče korak-po-korak o izradi projekta +- za lekcije temeljene na projektima, detaljne vodiče za izgradnju projekta - provjere znanja - izazov -- dodatnu literaturu +- dodatno čitanje - zadatak - [kviz nakon lekcije](https://ff-quizzes.netlify.app/web/) -> **Napomena o kvizovima**: Svi kvizovi nalaze se u mapi Quiz-app, ukupno 48 kvizova s po tri pitanja. Dostupni su [ovdje](https://ff-quizzes.netlify.app/web/); aplikacija za kviz može se pokrenuti lokalno ili postaviti na Azure; slijedite upute u mapi `quiz-app`. +> **Napomena o kvizovima**: Svi kvizovi se nalaze u mapi Quiz-app, ukupno 48 kvizova sa po tri pitanja. Dostupni su [ovdje](https://ff-quizzes.netlify.app/web/), aplikacija za kviz se može pokrenuti lokalno ili implementirati na Azure; slijedite upute u mapi `quiz-app`. ## 🗃️ Lekcije -| | Naziv projekta | Pojmovi koji se uče | Ciljevi učenja | Povezana lekcija | Autor | -| :-: | :--------------------------------------------------------: | :------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Početak rada | Uvod u programiranje i alati struke | Naučite osnovne osnove većine programskih jezika i o softveru koji pomaže profesionalnim programerima u njihovom radu | [Uvod u programske jezike i alate struke](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Početak rada | Osnove GitHuba, uključujući rad u timu | Kako koristiti GitHub u svom projektu, kako surađivati s drugima na kodnoj bazi | [Uvod u GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Početak rada | Pristupačnost | Naučite osnove web pristupačnosti | [Osnove pristupačnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Osnove JS | JavaScript tipovi podataka | Osnove JavaScript tipova podataka | [Tipovi podataka](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Osnove JS | Funkcije i metode | Učite o funkcijama i metodama za upravljanje logikom aplikacije | [Funkcije i metode](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher | -| 06 | Osnove JS | Donošenje odluka s JS | Naučite kako kreirati uvjete u svom kodu koristeći metode donošenja odluka | [Donošenje odluka](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Osnove JS | Nizovi i petlje | Rad s podacima korištenjem nizova i petlji u JavaScriptu | [Nizovi i petlje](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarij](./3-terrarium/solution/README.md) | HTML u praksi | Izgradite HTML za online terarij, fokusirajući se na izradu rasporeda | [Uvod u HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarij](./3-terrarium/solution/README.md) | CSS u praksi | Izgradite CSS za stiliziranje online terarija, fokusirajući se na osnove CSS-a uključujući prilagodbu stranice | [Uvod u CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarij](./3-terrarium/solution/README.md) | JavaScript zatvaranja, manipulacija DOM-om | Izradite JavaScript da terarij funkcionira kao sučelje za povlačenje i ispuštanje, fokusirajući se na zatvaranja i manipulaciju DOM-a | [JavaScript zatvaranja, manipulacija DOM-om](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Igra tipkanja](./4-typing-game/solution/README.md) | Izgradnja igre tipkanja | Naučite kako koristiti događaje tipkovnice za upravljanje logikom vaše JavaScript aplikacije | [Programiranje vođeno događajima](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Zeleni proširenje preglednika](./5-browser-extension/solution/README.md) | Rad s preglednicima | Naučite kako preglednici rade, njihovu povijest i kako napraviti osnove proširenja za preglednik | [O preglednicima](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Zeleni proširenje preglednika](./5-browser-extension/solution/README.md) | Izrada forme, pozivanje API-ja i pohranjivanje varijabli u lokalnu pohranu | Izradite JavaScript elemente za vaše proširenje preglednika za pozivanje API-ja koristeći varijable pohranjene u lokalnoj pohrani | [API, forme i lokalna pohrana](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Zeleni proširenje preglednika](./5-browser-extension/solution/README.md) | Pozadinski procesi u pregledniku, web performanse | Koristite pozadinske procese preglednika za upravljanje ikonom proširenja; naučite o web performansama i nekim optimizacijama | [Pozadinski zadaci i performanse](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Igra u svemiru](./6-space-game/solution/README.md) | Napredniji razvoj igara s JavaScriptom | Naučite o nasljeđivanju koristeći klase i kompoziciju kao i Pub/Sub obrazac, kao pripremu za izgradnju igre | [Uvod u napredni razvoj igara](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Igra u svemiru](./6-space-game/solution/README.md) | Crtanje na platnu | Naučite o Canvas API-ju koji se koristi za crtanje elemenata na zaslonu | [Crtanje na platnu](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Igra u svemiru](./6-space-game/solution/README.md) | Pomicanje elemenata po zaslonu | Saznajte kako elementi mogu dobiti pokret koristeći kartezijanske koordinate i Canvas API | [Pomicanje elemenata](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Igra u svemiru](./6-space-game/solution/README.md) | Detekcija sudara | Omogućite da se elementi sudaraju i međusobno reagiraju koristeći tipke te pružite funkciju hladnog vremena radi performansi | [Detekcija sudara](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Igra u svemiru](./6-space-game/solution/README.md) | Vođenje rezultata | Izvršite matematičke izračune na temelju statusa i performansi igre | [Vođenje rezultata](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Igra u svemiru](./6-space-game/solution/README.md) | Završavanje i ponovno pokretanje igre | Naučite o završavanju i ponovnom pokretanju igre, uključujući čišćenje resursa i resetiranje varijabli | [Uvjeti završetka](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | HTML predlošci i rute u web aplikaciji | Naučite kako napraviti kostur arhitekture višestranične web stranice koristeći routanje i HTML predloške | [HTML predlošci i rute](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Izgradnja forme za prijavu i registraciju | Naučite o izradi formi i postupanju s rutama validacije | [Forme](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Metode dohvaćanja i korištenja podataka | Kako podaci ulaze u aplikaciju i izlaze iz nje, kako ih dohvatiti, pohraniti i ukloniti | [Podaci](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Koncepti upravljanja stanjem | Naučite kako vaša aplikacija zadržava stanje i kako ga programatski upravljati | [Upravljanje stanjem](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Code preglednik/VScode](../../8-code-editor) | Rad s VScode | Naučite koristiti uređivač koda | [Korištenje VScode uređivača koda](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI asistenti](./9-chat-project/README.md) | Rad s umjetnom inteligencijom | Naučite kako izraditi vlastitog AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | +| | Naziv projekta | Pojmovi koji se podučavaju | Ciljevi učenja | Povezana lekcija | Autor | +| :-: | :--------------------------------------------------------: | :------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Početak | Uvod u programiranje i alati trgovine | Naučite osnovne temeljne pojmove većine programskih jezika i o softveru koji pomaže profesionalnim programerima u njihovom radu | [Uvod u programske jezike i alate trgovine](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Početak | Osnove GitHub-a, uključuje rad u timu | Kako koristiti GitHub u svom projektu, kako surađivati s drugima na bazi koda | [Uvod u GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Početak | Pristupačnost | Naučite osnove web pristupačnosti | [Osnove pristupačnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Osnove JS | Tipovi podataka u JavaScriptu | Osnove tipova podataka u JavaScriptu | [Tipovi podataka](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Osnove JS | Funkcije i metode | Naučite o funkcijama i metodama za upravljanje logikom aplikacije | [Funkcije i metode](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher | +| 06 | Osnove JS | Donošenje odluka s JS | Naučite kako stvarati uvjete u svom kodu koristeći metode donošenja odluka | [Donošenje odluka](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Osnove JS | Nizovi i petlje | Rad s podacima koristeći nizove i petlje u JavaScriptu | [Nizovi i petlje](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarij](./3-terrarium/solution/README.md) | HTML u praksi | Izgradite HTML za izradu online terarija, s naglaskom na izgradnju izgleda | [Uvod u HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarij](./3-terrarium/solution/README.md) | CSS u praksi | Izgradite CSS za stiliziranje online terarija, s naglaskom na osnove CSS-a uključujući prilagođavanje stranice za različite uređaje | [Uvod u CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarij](./3-terrarium/solution/README.md) | JavaScript zatvaranja, manipulacija DOM-om | Izgradite JavaScript kako bi terarij funkcionirao kao sučelje za povlačenje i ispuštanje, s naglaskom na zatvaranja i manipulaciju DOM-om | [JavaScript zatvaranja, manipulacija DOM-om](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Igra tipkanja](./4-typing-game/solution/README.md) | Izgradnja igre tipkanja | Naučite kako koristiti događaje tipkovnice za upravljanje logikom vaše JavaScript aplikacije | [Programiranje vođeno događajima](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Zeleni proširenje preglednika](./5-browser-extension/solution/README.md) | Rad s preglednicima | Naučite kako preglednici rade, njihovu povijest i kako napraviti osnovne elemente proširenja preglednika | [O preglednicima](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Zeleni proširenje preglednika](./5-browser-extension/solution/README.md) | Izgradnja obrasca, pozivanje API-ja i pohrana varijabli u lokalnu pohranu | Izgradite JavaScript elemente svog proširenja preglednika za pozivanje API-ja koristeći varijable pohranjene u lokalnu pohranu | [API-ji, obrasci i lokalna pohrana](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Zeleni proširenje preglednika](./5-browser-extension/solution/README.md) | Pozadinski procesi u pregledniku, web performanse | Koristite pozadinske procese preglednika za upravljanje ikonama proširenja; naučite o web performansama i nekim optimizacijama za poboljšanje učinka | [Pozadinski zadaci i performanse](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Igra svemira](./6-space-game/solution/README.md) | Napredniji razvoj igara s JavaScriptom | Naučite o nasljeđivanju koristeći i klase i kompoziciju te Pub/Sub obrazac, u pripremi za izradu igre | [Uvod u napredni razvoj igara](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Igra svemira](./6-space-game/solution/README.md) | Crtanje na canvasu | Naučite o Canvas API-ju, koji se koristi za iscrtavanje elemenata na zaslonu | [Crtanje na canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Igra svemira](./6-space-game/solution/README.md) | Pomicanje elemenata po zaslonu | Otkrijte kako elementi mogu dobiti gibanje koristeći kartezijanske koordinate i Canvas API | [Pomicanje elemenata](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Igra svemira](./6-space-game/solution/README.md) | Detekcija sudara | Neka se elementi sudaraju i reagiraju jedni na druge koristeći pritiske tipki i pružite funkciju hlađenja radi osiguranja performansi igre | [Detekcija sudara](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Igra svemira](./6-space-game/solution/README.md) | Vođenje rezultata | Izvršite matematičke izračune na temelju statusa i učinka igre | [Vođenje rezultata](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Igra svemira](./6-space-game/solution/README.md) | Završavanje i ponovno pokretanje igre | Naučite o završavanju i ponovnom pokretanju igre, uključujući čišćenje resursa i resetiranje vrijednosti varijabli | [Uvjet završetka](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | HTML predlošci i rute u web aplikaciji | Naučite kako stvoriti osnovu arhitekture višestranih web stranica koristeći rutiranje i HTML predloške | [HTML predlošci i rute](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Izgradnja obrasca za prijavu i registraciju | Naučite o izgradnji obrazaca i rukovanju rutinama provjere podataka | [Obrasci](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Metode dohvaćanja i korištenja podataka | Kako podaci ulaze i izlaze iz vaše aplikacije, kako ih dohvatiti, spremiti i ukloniti | [Podaci](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Koncepti upravljanja stanjem | Naučite kako vaša aplikacija zadržava stanje i kako njime upravljati programatski | [Upravljanje stanjem](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Preglednik/Kôd VScode](../../8-code-editor) | Rad s VScode | Naučite kako koristiti uređivač koda| [Korištenje uređivača koda VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI asistenti](./9-chat-project/README.md) | Rad s umjetnom inteligencijom | Naučite kako izgraditi vlastitog AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogija -Naš kurikulum je osmišljen s dva ključna pedagoška principa na umu: -* učenje temeljeno na projektima +Naš nastavnički program je osmišljen s dva ključna pedagoška principa na umu: +* učenje temeljem projekata * česti kvizovi -Program podučava osnove JavaScript-a, HTML-a i CSS-a, kao i najnovije alate i tehnike koje koriste današnji web programeri. Studenti će imati priliku steći praktično iskustvo izradom igre tipkanja, virtualnog terarija, ekološki prihvatljivog proširenja za preglednike, igre u stilu space-invadera i bankovne aplikacije za poduzeća. Na kraju serije, studenti će imati solidno razumijevanje web razvoja. +Program podučava osnove JavaScripta, HTML-a i CSS-a, kao i najnovije alate i tehnike koje danas koriste web programeri. Polaznici će imati priliku steći praktično iskustvo izradom igre tipkanja, virtualnog terarija, ekološki prihvatljivog proširenja preglednika, igre u stilu invazije svemira i bankarske aplikacije za tvrtke. Do kraja serije studenti će imati solidno razumijevanje razvoja weba. -> 🎓 Prve lekcije ovog kurikuluma možete pohađati kao [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! +> 🎓 Prve lekcije ovog nastavnog plana možete slijediti kao [Stazu učenja](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -Osiguravanjem usklađenosti sadržaja s projektima proces je zanimljiviji za studente i povećava zadržavanje pojmova. Također smo napisali nekoliko početnih lekcija o osnovama JavaScript-a kako bismo uveli koncepte, uparene s videozapisom iz kolekcije "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", od kojih su neki autori pridonijeli ovom kurikulumu. +Osiguravanjem usklađenosti sadržaja s projektima, proces učenja postaje zanimljiviji za učenike i pojačava zadržavanje pojmova. Također smo napisali nekoliko osnovnih lekcija iz JavaScripta za uvođenje pojmova, upareno s videom iz zbirke "[Serija za početnike u: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", od kojih su neki autori doprinijeli ovom nastavnom programu. -Uz to, nizak-rizik kviz prije nastave postavlja namjeru studenta za učenje teme, dok drugi kviz nakon nastave osigurava dodatno zadržavanje. Ovaj je kurikulum dizajniran da bude fleksibilan i zabavan te se može pohađati u cijelosti ili djelomično. Projekti počinju jednostavno, a do kraja 12-tjednog ciklusa postaju sve složeniji. +Osim toga, kviz s malim ulozima prije nastave postavlja namjeru učenika prema učenju teme, dok drugi kviz nakon nastave osigurava dodatno zadržavanje znanja. Ovaj kurikulum je dizajniran da bude fleksibilan i zabavan te se može pohađati u cijelosti ili djelomično. Projekti počinju jednostavni i postaju sve složeniji do kraja 12-tjednog ciklusa. -Iako smo namjerno izbjegavali uvođenje JavaScript okvira da bismo se usredotočili na osnovne vještine potrebne kao web programer prije usvajanja okvira, dobar sljedeći korak nakon završetka ovog kurikuluma bio bi naučiti o Node.js kroz drugu kolekciju videozapisa: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Dok smo namjerno izbjegavali uvođenje JavaScript okvira kako bismo se usredotočili na osnovne vještine potrebne web programeru prije usvajanja okvira, dobar sljedeći korak u završetku ovog kurikuluma bilo bi učenje o Node.js putem druge zbirke videa: "[Serija za početnike u: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Posjetite naše smjernice [Kodeksa ponašanja](CODE_OF_CONDUCT.md) i [Doprinos](CONTRIBUTING.md). Veselimo se vašim konstruktivnim povratnim informacijama! +> Posjetite naše smjernice [Kodeksa ponašanja](CODE_OF_CONDUCT.md) i [Doprinošenja](CONTRIBUTING.md). Rado ćemo primiti vaše konstruktivne povratne informacije! -## 🧭 Pristup bez interneta +## 🧭 Offline pristup -Ovu dokumentaciju možete prikazati offline koristeći [Docsify](https://docsify.js.org/#/). Forkajte ovaj repozitorij, [instalirajte Docsify](https://docsify.js.org/#/quickstart) na svoje lokalno računalo, i zatim u korijenskoj mapi ovog repozitorija upišite `docsify serve`. Web stranica će biti poslužena na portu 3000 na vašem localhostu: `localhost:3000`. +Ovu dokumentaciju možete pokrenuti offline koristeći [Docsify](https://docsify.js.org/#/). Forkajte ovaj repozitorij, [instalirajte Docsify](https://docsify.js.org/#/quickstart) na svoje lokalno računalo, a zatim u korijenskoj mapi ovog repozitorija unesite `docsify serve`. Web stranica će se poslužiti na portu 3000 na vašem localhostu: `localhost:3000`. ## 📘 PDF -PDF svih lekcija može se pronaći [ovdje](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +PDF svih lekcija možete pronaći [ovdje](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 Ostali Tečajevi +## 🎒 Ostali tečajevi -Naš tim proizvodi i druge tečajeve! Pogledajte: +Naš tim izrađuje i druge tečajeve! Pogledajte: ### LangChain -[![LangChain4j za početnike](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 za početnike](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) -[![LangChain za početnike](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-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) +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agenti -[![AZD za početnike](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 za početnike](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 za početnike](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 Agenti za početnike](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) +### Azure / Edge / MCP / Agents +[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) +[![Edge AI 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) --- -### Serija Generativnog AI -[![Generativni AI za početnike](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) -[![Generativni 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) -[![Generativni 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) -[![Generativni 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) +### Serija Generativne AI +[![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) --- ### Osnovno učenje -[![ML za početnike](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 za početnike](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 za početnike](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 za početnike](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 razvoj za početnike](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 za početnike](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 razvoj za početnike](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) +[![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) --- ### Serija Copilot -[![Copilot za AI uparenog programiranja](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 za 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 Avantura](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) ## Dobivanje pomoći -Ako zapnete ili imate pitanja o izradi AI aplikacija, pridružite se drugim učenicima i iskusnim programerima u raspravama o MCP-u. To je podržavajuća zajednica u kojoj su pitanja dobrodošla, a znanje se slobodno dijeli. +Ako zapnete ili imate bilo kakvih pitanja o izradi AI aplikacija, pridružite se kolegama učenicima i iskusnim programerima u raspravama o MCP-u. To je podržavajuća zajednica gdje su pitanja dobrodošla i znanje se slobodno dijeli. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ako imate povratne informacije o proizvodu ili greške tijekom izrade, posjetite: +Ako imate povratne informacije o proizvodu ili primijetite greške tijekom izrade, posjetite: [![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) ## Licenca -Ovaj repozitorij licenciran je pod MIT licencom. Pogledajte datoteku [LICENSE](../../LICENSE) za više informacija. +Ovaj repozitorij licenciran je pod MIT licencom. Za više informacija pogledajte datoteku [LICENSE](../../LICENSE). --- -**Odricanje od odgovornosti**: -Ovaj dokument je preveden pomoću AI prevoditeljskog servisa [Co-op Translator](https://github.com/Azure/co-op-translator). Iako težimo točnosti, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati službenim izvorom. Za kritične informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakva nesporazuma ili pogrešne interpretacije koje proizlaze iz korištenja ovog prijevoda. +**Odricanje od odgovornosti**: +Ovaj dokument preveden je pomoću AI usluge za prijevod [Co-op Translator](https://github.com/Azure/co-op-translator). Iako težimo točnosti, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvornik dokumenta na izvornom jeziku treba smatrati autoritativnim izvorom. Za kritične informacije preporučuje se profesionalni ljudski prijevod. Nismo odgovorni za bilo kakva nesporazumevanja ili pogrešne interpretacije koje proizađu iz korištenja ovog prijevoda. \ No newline at end of file diff --git a/translations/hr/lesson-template/README.md b/translations/hr/lesson-template/README.md index bbbf30350a..2034c298f0 100644 --- a/translations/hr/lesson-template/README.md +++ b/translations/hr/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Tema lekcije] +# Tema lekcije -![Umetnite video ovdje](../../../lesson-template/video-url) +## 🎥 Video -## [Kviz prije predavanja](../../../lesson-template/quiz-url) +> Dodajte ugrađeni video ili poveznicu na lekciju ovdje. -[Opišite što ćemo naučiti] +--- + +## Kviz prije predavanja + +> Dodajte poveznicu na kviz ovdje kada bude dostupan. + +--- + +Dajte kratak pregled onoga što će učenici naučiti u ovoj lekciji. + +--- ### Uvod -Opišite što će biti obuhvaćeno +Dajte kratak uvod koji opisuje što će biti obrađeno u ovoj lekciji. > Bilješke +--- + ### Preduvjeti -Koji koraci su trebali biti obuhvaćeni prije ove lekcije? +Navedite pojmove ili teme s kojima bi učenici trebali biti upoznati prije početka ove lekcije. + +--- ### Priprema -Pripremni koraci za početak ove lekcije +Navedite korake postavljanja ili alate potrebne prije početka lekcije. --- -[Prođite kroz sadržaj u blokovima] +### Sadržaj + +Koračajte kroz sadržaj lekcije u strukturiranim odjeljcima. + +--- -## [Tema 1] +## Tema 1 ### Zadatak: -Radite zajedno kako biste postupno unaprijedili svoj kodni repozitorij i izgradili projekt sa zajedničkim kodom: +Radite zajedno kako biste postupno unaprijedili svoju bazu koda za izgradnju projekta s dijeljenim kodom: ```html code blocks ``` -✅ Provjera znanja - iskoristite ovaj trenutak za proširenje znanja učenika otvorenim pitanjima +✅ Provjera znanja +Iskoristite ovaj trenutak za produbljivanje znanja učenika putem otvorenih pitanja. -## [Tema 2] +## Tema 2 +## Tema 3 -## [Tema 3] +🚀 Izazov +Dodajte suradnički izazov za učenike kako bi unaprijedili projekt. -🚀 Izazov: Dodajte izazov za učenike kako bi surađivali u razredu na unapređenju projekta +Opcionalno: Dodajte snimku zaslona sučelja dovršene lekcije ako je prikladno. -Opcionalno: dodajte snimku zaslona korisničkog sučelja dovršene lekcije ako je prikladno +## Kviz nakon predavanja -## [Kviz nakon predavanja](../../../lesson-template/quiz-url) +Dodajte poveznicu na kviz ovdje nakon završetka lekcije. ## Pregled i samostalno učenje -**Rok za zadatak [MM/GG]**: [Naziv zadatka](assignment.md) +**Zadatak do [MM/GG]**: [Naziv zadatka](assignment.md) --- -**Odricanje od odgovornosti**: -Ovaj dokument je preveden pomoću AI usluge za prevođenje [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo osigurati točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za ključne informacije preporučuje se profesionalni prijevod od strane ljudskog prevoditelja. Ne preuzimamo odgovornost za bilo kakve nesporazume ili pogrešne interpretacije koje proizlaze iz korištenja ovog prijevoda. \ No newline at end of file + +**Izjava o odricanju odgovornosti**: +Ovaj dokument je preveden pomoću AI prevoditeljskog servisa [Co-op Translator](https://github.com/Azure/co-op-translator). Iako težimo točnosti, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku smatra se službenim i autoritativnim izvorom. Za važne informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakva nesporazuma ili kriva tumačenja proizašla iz korištenja ovog prijevoda. + \ No newline at end of file diff --git a/translations/hu/.co-op-translator.json b/translations/hu/.co-op-translator.json index ff4a810f81..ca240dde27 100644 --- a/translations/hu/.co-op-translator.json +++ b/translations/hu/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:55:06+00:00", + "translation_date": "2026-04-24T11:42:54+00:00", "source_file": "AGENTS.md", "language_code": "hu" }, @@ -516,8 +516,8 @@ "language_code": "hu" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:46:20+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:37:05+00:00", "source_file": "README.md", "language_code": "hu" }, @@ -564,8 +564,8 @@ "language_code": "hu" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T04:12:17+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:37:15+00:00", "source_file": "lesson-template/README.md", "language_code": "hu" }, diff --git a/translations/hu/AGENTS.md b/translations/hu/AGENTS.md index 2d0643d0a4..a7f5b5caec 100644 --- a/translations/hu/AGENTS.md +++ b/translations/hu/AGENTS.md @@ -1,30 +1,30 @@ # AGENTS.md -## Projekt Áttekintés +## Projekt áttekintése -Ez egy oktatási tanterv-tárhely, amely kezdők számára tanítja a webfejlesztés alapjait. A tanterv egy átfogó, 12 hetes kurzus, amelyet a Microsoft Cloud Advocates fejlesztett ki, és 24 gyakorlati leckét tartalmaz, amelyek JavaScriptet, CSS-t és HTML-t fednek le. +Ez egy oktatási tanterv tárház, amely kezdők számára tanítja meg a webfejlesztés alapjait. A tanterv egy átfogó 12 hetes kurzus, amelyet a Microsoft Cloud Advocates fejlesztett ki, 24 gyakorlati leckével, amelyek JavaScriptet, CSS-t és HTML-t fednek le. -### Főbb összetevők +### Fő összetevők -- **Oktatási tartalom**: 24 strukturált lecke, amely projektalapú modulokba rendezett -- **Gyakorlati projektek**: Terrárium, Gépelő játék, Böngésző kiterjesztés, Űr játék, Bank alkalmazás, Kód szerkesztő és AI chat asszisztens -- **Interaktív kvízek**: 48 kvíz, mindegyik 3 kérdéssel (leckék előtti/utáni értékelések) -- **Többnyelvű támogatás**: Automatikus fordítás 50+ nyelvre GitHub Actions segítségével +- **Oktatási tartalom**: 24 strukturált lecke, projekt-alapú modulokba szervezve +- **Gyakorlati projektek**: Terrárium, Gépelős játék, Böngészőbővítmény, Űrjáték, Banki alkalmazás, Kód szerkesztő és AI csevegőasszisztens +- **Interaktív kvízek**: 48 kvíz, mindegyik 3 kérdéssel (elő- és utóleckés értékelések) +- **Többnyelvű támogatás**: Automatikus fordítások 50+ nyelvre GitHub Actions segítségével - **Technológiák**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektekhez) ### Architektúra -- Oktatási tárhely leckealapú felépítéssel -- Minden lecke mappa tartalmaz README-t, kód példákat és megoldásokat -- Önálló projektek külön könyvtárakban (quiz-app, különféle lecke projektek) -- Fordítási rendszer GitHub Actions használatával (co-op-translator) -- Dokumentáció Docsify segítségével szolgálva, PDF formátumban is elérhető +- Oktatási tárház, leckénkénti struktúrával +- Minden lecke mappája tartalmaz README-t, kód példákat és megoldásokat +- Önálló projektek külön könyvtárakban (quiz-app, különböző lecke projektek) +- Fordítási rendszer GitHub Actions segítségével (co-op-translator) +- Dokumentáció Docsify-val szolgáltatva, PDF formátumban is elérhető ## Beállítási parancsok -Ez a tárhely elsősorban oktatási tartalom fogyasztására szolgál. Specifikus projektekkel való munkához: +Ez a tárház elsősorban oktatási tartalom fogyasztására szolgál. Egyedi projektekhez: -### Fő tárhely beállítása +### Fő tárház beállítása ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # Indítsa el a fejlesztői szervert -npm run build # Készítsen buildet produkcióhoz -npm run lint # Futtassa az ESLint-et +npm run dev # Fejlesztői szerver indítása +npm run build # Éles verzió készítése +npm run lint # ESLint futtatása ``` ### Bank projekt API (Node.js + Express) @@ -48,26 +48,26 @@ cd 7-bank-project/api npm install npm start # Indítsa el az API szervert npm run lint # Futtassa az ESLint-et -npm run format # Formázás Prettier-rel +npm run format # Formázza Prettierral ``` -### Böngésző kiterjesztés projektek +### Böngészőbővítmény projektek ```bash cd 5-browser-extension/solution npm install -# Kövesse a böngésző-specifikus bővítmény betöltési utasításait +# Kövesse a böngészőre jellemző bővítmény betöltési utasításokat ``` -### Űr játék projektek +### Űrjáték projektek ```bash cd 6-space-game/solution npm install -# Nyisd meg az index.html fájlt a böngészőben vagy használd a Live Servert +# Nyisd meg az index.html fájlt böngészőben vagy használd a Live Server-t ``` -### Chat projekt (Python háttér) +### Csevegő projekt (Python backend) ```bash cd 9-chat-project/solution/backend/python @@ -78,205 +78,205 @@ python api.py ## Fejlesztési munkafolyamat -### Tartalom hozzájárulók számára +### Tartalmi közreműködőknek -1. **Forkoljuk a tárhelyet** a saját GitHub fiókunkba -2. **Klonoljuk a forkot** helyileg -3. **Hozzunk létre új ágat** a változtatásokhoz -4. Végezzen változtatásokat a lecke tartalmában vagy kód példákban -5. Teszteljük a kódváltozásokat a kapcsolódó projekt könyvtárakban -6. Küldjünk be pull requesteket a hozzájárulási irányelvek szerint +1. **Forkold a tárházat** a GitHub fiókodba +2. **Klónozd le a fork-odat** helyileg +3. **Hozz létre új ágat** a változtatásaidnak +4. Végezz változtatásokat a lecke tartalmakban vagy kód példákban +5. Teszteld a kódváltozásokat az érintett projekt könyvtárakban +6. Küldj be pull requestet a hozzájárulási irányelvek szerint ### Tanulók számára -1. Forkoljuk vagy klonoljuk a tárhelyet -2. Lépjünk végig sorban a lecke könyvtárakon -3. Olvassuk el az egyes leckék README fájljait -4. Töltsük ki a lecke előtti kvízeket a https://ff-quizzes.netlify.app/web/ oldalon -5. Dolgozzunk a lecke mappákban lévő kód példákon -6. Teljesítsük a feladatokat és kihívásokat -7. Írjuk meg a lecke utáni kvízeket +1. Forkold vagy klónozd le a tárházat +2. Lépj sorban a lecke könyvtárakba +3. Olvasd el a README fájlokat minden leckéhez +4. Teljesítsd az előleckés kvízeket a https://ff-quizzes.netlify.app/web/ oldalon +5. Dolgozz a kód példákon a lecke könyvtárakban +6. Oldd meg a feladatokat és kihívásokat +7. Tedd meg az utóleckés kvízeket ### Élő fejlesztés -- **Dokumentáció**: Fussuk a `docsify serve` parancsot a gyökérben (3000-es port) -- **Kvíz alkalmazás**: Fussuk az `npm run dev` parancsot a quiz-app könyvtárban -- **Projektek**: Használjuk a VS Code Live Server bővítményét HTML projektekhez -- **API projektek**: Fussuk az `npm start` parancsot az adott API könyvtárakban +- **Dokumentáció**: Futtasd a `docsify serve` parancsot a gyökérkönyvtárban (3000-es port) +- **Kvíz alkalmazás**: Futtasd az `npm run dev` parancsot a quiz-app könyvtárban +- **Projektek**: Használd a VS Code Live Server bővítményt HTML projektekhez +- **API projektek**: Futtasd az `npm start` parancsot a megfelelő API könyvtárakban -## Tesztelési útmutató +## Tesztelési utasítások ### Kvíz alkalmazás tesztelése ```bash cd quiz-app -npm run lint # Ellenőrizze a kódstílus problémákat -npm run build # Ellenőrizze, hogy a build sikeres legyen +npm run lint # Ellenőrizze a kód stílus problémákat +npm run build # Ellenőrizze, hogy a build sikeres-e ``` -### Bank API tesztelése +### Bank API tesztelés ```bash cd 7-bank-project/api -npm run lint # Ellenőrizze a kód stílusproblémáit -node server.js # Ellenőrizze, hogy a szerver hibák nélkül elindul-e +npm run lint # Ellenőrizze a kódstílus-problémákat +node server.js # Ellenőrizze, hogy a szerver hibák nélkül indul-e ``` ### Általános tesztelési megközelítés -- Ez egy oktatási tárhely átfogó automatizált tesztek nélkül -- Manuális tesztelés a következőkre fókuszál: +- Ez egy oktatási tárház átfogó automatizált tesztek nélkül +- Kézi tesztelés fókuszban: - Kód példák hibamentes futtatása - - Dokumentációban lévő linkek helyes működése + - Dokumentáció linkek helyes működése - Projektek sikeres buildelése - - Példák legjobb gyakorlati elvek szerinti követése + - Példák követik a legjobb gyakorlatokat -### Benyújtás előtti ellenőrzések +### Beküldés előtti ellenőrzések -- Futtassuk az `npm run lint` parancsot azokban a könyvtárakban, ahol van package.json -- Ellenőrizzük a markdown linkek érvényességét -- Teszteljük a kód példákat böngészőben vagy Node.js-ben -- Ellenőrizzük, hogy a fordítások megőrzik a helyes struktúrát +- Futtasd az `npm run lint` parancsot a package.json tartalmú könyvtárakban +- Ellenőrizd a markdown linkek érvényességét +- Teszteld a kód példákat böngészőben vagy Node.js-ben +- Győződj meg, hogy a fordítások megőrzik a helyes struktúrát ## Kódstílus irányelvek ### JavaScript - Használj modern ES6+ szintaxist -- Kövesd a projektekben megadott ESLint konfigurációkat -- Használj érthető változó- és függvénynév- megnevezéseket a tanulási cél érdekében -- Adj hozzászólásokat a fogalmak magyarázatához -- Használj Prettier-t a formázáshoz ahol konfigurálva van +- Kövesd a projektekben található ESLint beállításokat +- Használj érthető változó- és függvényneveket az oktatás érdekében +- Adj hozzá magyarázó kommenteket a tanulók számára +- Használd a Prettier objektív formázást ahol konfigurálva van ### HTML/CSS - Szemantikus HTML5 elemek - Reszponzív tervezési elvek -- Egyértelmű osztálynevek használata -- Kommentárok magyarázzák a CSS technikákat a tanulók számára +- Egyértelmű osztálynévrendszer +- Kommentek, amelyek magyarázzák a CSS technikákat a tanulóknak ### Python -- PEP 8 stílusirányelvek -- Tiszta, oktatási célú kód példák -- Típus annotációk, ahol hasznos a tanuláshoz +- PEP 8 stílus előírások +- Világos, oktató jellegű kód példák +- Típusjelölések, ahol hasznos a tanulásban ### Markdown dokumentáció -- Tiszta címsor hierarchia -- Kódblokkok nyelvi megjelöléssel -- Hivatkozások további erőforrásokra -- Képernyőképek és képek az `images/` könyvtárakban -- Alt szövegek a képekhez az akadálymentesség érdekében +- Világos címsor hierarchia +- Kódrészletek nyelvi megjelöléssel +- Linkek további forrásokhoz +- Képernyőképek és képek a `images/` könyvtárakban +- Képek alt szövege az akadálymentességért ### Fájl szervezés -- A leckék számozva, sorban (1-getting-started-lessons, 2-js-basics, stb.) -- Minden projekt tartalmaz `solution/` és gyakran `start/` vagy `your-work/` mappákat -- Képek a lecke specifikus `images/` mappákban tárolva -- Fordítások `translations/{language-code}/` struktúrában találhatók +- Leckék sorszámozva (1-getting-started-lessons, 2-js-basics, stb.) +- Minden projekt tartalmaz `solution/`, gyakran `start/` vagy `your-work/` könyvtárat +- Képek a lecke-specifikus `images/` mappákban tárolva +- Fordítások a `translations/{language-code}/` struktúrában -## Build és Telepítés +## Build és telepítés -### Kvíz alkalmazás telepítése (Azure Static Web Apps) +### Kvíz alkalmazás telepítés (Azure Static Web Apps) -A quiz-app konfigurálva van Azure Static Web Apps telepítésére: +A quiz-app konfigurálva van Azure Static Web Apps telepítéshez: ```bash cd quiz-app npm run build # Létrehozza a dist/ mappát -# Közzéteszi a GitHub Actions munkafolyamattal push esetén a main ágra +# Telepít a GitHub Actions munkafolyamat segítségével, ha a main ágra történik push ``` -Azure Static Web Apps beállítás: -- **App hely**: `/quiz-app` -- **Kimeneti mappa**: `dist` +Azure Static Web Apps konfiguráció: +- **App helye**: `/quiz-app` +- **Kimeneti hely**: `dist` - **Munkafolyamat**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Dokumentáció PDF generálás ```bash -npm install # docsify-to-pdf telepítése -npm run convert # PDF generálása a dokumentációból +npm install # Telepítse a docsify-to-pdf csomagot +npm run convert # PDF generálása a docs-ból ``` -### Docsify Dokumentáció +### Docsify dokumentáció ```bash npm install -g docsify-cli # Telepítsd a Docsify-t globálisan -docsify serve # Szolgáltasd a localhost:3000 címen +docsify serve # Szolgáltatás localhost:3000 címen ``` -### Projekt-specifikus buildelések +### Projekt-specifikus build folyamatok -Minden projekt könyvtár saját build folyamatot tartalmazhat: -- Vue projektek: `npm run build` létrehozza a gyártási csomagokat -- Statikus projektek: nincs build lépés, fájlok közvetlen kiszolgálása +Minden projekt könyvtárnak lehet saját build folyamata: +- Vue projektek: `npm run build` létrehozza a produkciós csomagokat +- Statikus projektek: nincs build lépés, a fájlok közvetlen kiszolgálása -## Pull Request irányelvek +## Pull request irányelvek -### Cím formátuma +### Cím formátum -Használjunk világos, leíró címeket, amelyek jelzik a változtatás területét: -- `[Quiz-app] Új lecke kvíz hozzáadása X` +Használj világos, leíró címeket, amelyek jelzik a változtatás területét: +- `[Quiz-app] Új kvíz hozzáadása az X. leckéhez` - `[Lesson-3] Elírás javítása a terrárium projektben` - `[Translation] Spanyol fordítás hozzáadása az 5. leckéhez` -- `[Docs] Frissített beállítási utasítások` +- `[Docs] Beállítási utasítások frissítése` ### Kötelező ellenőrzések -PR benyújtása előtt: +PR beküldése előtt: 1. **Kódminőség**: - - Futtassuk az `npm run lint` parancsot az érintett projekt könyvtárakban - - Javítsuk az összes lint hibát és figyelmeztetést + - Futtasd az `npm run lint` parancsot az érintett projekt könyvtárakban + - Javíts minden lint hibát és figyelmeztetést 2. **Build ellenőrzés**: - - Futtassuk az `npm run build` parancsot, ha alkalmazható - - Biztosítsuk, hogy ne legyen build hiba + - Futtasd az `npm run build` parancsot amennyiben releváns + - Győződj meg, hogy nincs build hiba -3. **Linkek érvényessége**: - - Teszteljük az összes markdown linket - - Ellenőrizzük a kép hivatkozások működését +3. **Link ellenőrzés**: + - Teszteld minden markdown linket + - Ellenőrizd a kép hivatkozások működését -4. **Tartalom felülvizsgálat**: - - Ellenőrizzük helyesírást és nyelvtant - - Győződjünk meg a kód példák helyességéről és oktató jellegéről - - Validáljuk, hogy a fordítások megőrzik az eredeti jelentést +4. **Tartalomellenőrzés**: + - Ellenőrizd helyesírást és nyelvtant + - Győződj meg róla, hogy a kód példák helyesek és oktató jellegűek + - Biztosítsd, hogy a fordítások megtartják az eredeti jelentést ### Hozzájárulási feltételek -- Elfogadás a Microsoft CLA-t (automatikus ellenőrzés az első PR-nél) -- Kövessük a [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) irányelveit -- Részletes útmutató a [CONTRIBUTING.md](./CONTRIBUTING.md) fájlban -- Hivatkozzunk issue számokra a PR leírásában, ha vonatkozik +- Fogadd el a Microsoft CLA-t (automatikus ellenőrzés első PR esetén) +- Kövesd a [Microsoft Nyílt Forráskódú Magatartási Kódexét](https://opensource.microsoft.com/codeofconduct/) +- Részletes irányelvek a [CONTRIBUTING.md](./CONTRIBUTING.md) fájlban +- Hivatkozz a issue számokra a PR leírásában, ha releváns -### Áttekintési folyamat +### Felülvizsgálati folyamat -- PR-eket a karbantartók és a közösség átnézi -- Oktatási érthetőség elsődleges szempont -- Kód példák kövessék a legjobb aktuális gyakorlatokat -- Fordítások pontosságát és kulturális megfelelősségét ellenőrzik +- PR-eket a karbantartók és a közösség vizsgálja át +- Oktatási érthetőség előtérben +- A kód példáknak követniük kell a jelenlegi legjobb gyakorlatokat +- Fordításokat pontosság és kulturális megfelelőség alapján bírálják ## Fordítási rendszer ### Automatikus fordítás -- GitHub Actions használ co-op-translator munkafolyamatot -- Több mint 50 nyelvre fordít automatikusan -- Forrásfájlok a fő könyvtárakban vannak +- GitHub Actions és co-op-translator munkafolyamat használata +- Több mint 50 nyelvre automatikus fordítás +- Forrásfájlok a fő könyvtárakban - Fordított fájlok a `translations/{language-code}/` könyvtárakban -### Kézi fordítási fejlesztések hozzáadása +### Manuális fordítási javítások hozzáadása -1. Keressük meg a fájlt a `translations/{language-code}/` mappában -2. Végezzük el a fejlesztéseket, megőrizve a struktúrát -3. Biztosítsuk, hogy a kód példák működőképesek maradjanak -4. Teszteljük a lokalizált kvíz tartalmat +1. Keresd meg a fájlt a `translations/{language-code}/` könyvtárban +2. Végezze el a javításokat, miközben megőrzöd a struktúrát +3. Győződj meg róla, hogy a kód példák működőképesek maradnak +4. Teszteld a lokalizált kvíz tartalmakat ### Fordítási metaadatok -A fordított fájlok tartalmaznak metaadat fejlécet: +A fordított fájlok tartalmaznak metadata fejlécet: ```markdown -**Nyilatkozat**: -Ez a dokumentum az AI fordítási szolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével készült. Bár törekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hiteles forrásnak. Kritikus információk esetén javasolt a professzionális emberi fordítás. Nem vállalunk felelősséget ezen fordítás használatából eredő félreértésekért vagy félreértelmezésekért. +**Jogi nyilatkozat**: +Ezt a dokumentumot az AI fordító szolgáltatás [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével fordítottuk le. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hiteles forrásnak. Kritikus információk esetén professzionális emberi fordítást javaslunk. Nem vállalunk felelősséget az ebből a fordításból eredő félreértésekért vagy félreértelmezésekért. \ No newline at end of file diff --git a/translations/hu/README.md b/translations/hu/README.md index 6f258a8cfa..be5cb770c0 100644 --- a/translations/hu/README.md +++ b/translations/hu/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Webfejlesztés kezdőknek - Tanmenet +# Webfejlesztés kezdőknek - Tanterv -Ismerkedjen meg a webfejlesztés alapjaival a Microsoft Cloud Advocates által készített 12 hetes átfogó tanfolyamunkkal. Mind a 24 lecke a JavaScript, CSS és HTML témakörébe nyújt betekintést gyakorlati projektek segítségével, mint például terráriumok, böngészőkiegészítők és űrjátékok. Vegyen részt kvízekben, beszélgetésekben és gyakorlati feladatokban. Fejlessze képességeit és optimalizálja tudásának megőrzését hatékony, projekten alapuló oktatásunkkal. Kezdje el a kódolási kalandot még ma! +Ismerje meg a webfejlesztés alapjait a Microsoft Cloud Advocates által készített 12 hetes átfogó tanfolyamunkkal. A 24 lecke mindegyike gyakorlati projektek segítségével mélyed el a JavaScript, CSS és HTML témakörökben, mint például terráriumok, böngészőbővítmények és űrjátékok. Vegyen részt kvízekben, beszélgetésekben és gyakorlati feladatokban. Fejlessze képességeit és optimalizálja tudásának megszilárdítását hatékony, projektalapú oktatásunkkal. Kezdje el a kódolási útját még ma! -Csatlakozzon az Azure AI Foundry Discord közösséghez +Csatlakozzon az Azure AI Foundry Discord szerveréhez, ismerkedjen meg szakértőkkel és fejlesztőtársakkal. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Kövesse az alábbi lépéseket, hogy elkezdje használni ezeket az erőforrásokat: -1. **Forkolja a tárházat**: Kattintson ide [![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. **Klónozza a tárházat**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Csatlakozzon az Azure AI Foundry Discordhoz, hogy találkozzon szakértőkkel és fejlesztőtársaival**](https://discord.com/invite/ByRwuEEgH4) +Kövesse az alábbi lépéseket a források használatának megkezdéséhez: +1. **Forkolja a tárolót**: Kattintson ide [![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. **Klónozza a tárolót**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Csatlakozzon az Azure AI Foundry Discord szerveréhez, és ismerkedjen meg szakértőkkel és fejlesztőtársakkal**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Többnyelvű támogatás -#### GitHub Action segítségével támogatott (Automatizált és Mindig naprakész) +#### GitHub Action segítségével támogatott (Automatikus és mindig naprakész) -[Arab](../ar/README.md) | [Bengáli](../bn/README.md) | [Bolgár](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Kínai (egyszerűsített)](../zh-CN/README.md) | [Kínai (hagyományos, Hong Kong)](../zh-HK/README.md) | [Kínai (hagyományos, Makaó)](../zh-MO/README.md) | [Kínai (hagyományos, Tajvan)](../zh-TW/README.md) | [Horvát](../hr/README.md) | [Cseh](../cs/README.md) | [Dán](../da/README.md) | [Holland](../nl/README.md) | [Észt](../et/README.md) | [Finn](../fi/README.md) | [Francia](../fr/README.md) | [Német](../de/README.md) | [Görög](../el/README.md) | [Héber](../he/README.md) | [Hindi](../hi/README.md) | [Magyar](./README.md) | [Indonéz](../id/README.md) | [Olasz](../it/README.md) | [Japán](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Koreai](../ko/README.md) | [Litván](../lt/README.md) | [Maláj](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepáli](../ne/README.md) | [Nigériai pidgin](../pcm/README.md) | [Norvég](../no/README.md) | [Perzsa (Farsi)](../fa/README.md) | [Lengyel](../pl/README.md) | [Portugál (Brazília)](../pt-BR/README.md) | [Portugál (Portugália)](../pt-PT/README.md) | [Pandzsábi (Gurmukhi)](../pa/README.md) | [Román](../ro/README.md) | [Orosz](../ru/README.md) | [Szerb (cirill)](../sr/README.md) | [Szlovák](../sk/README.md) | [Szlovén](../sl/README.md) | [Spanyol](../es/README.md) | [Szuahéli](../sw/README.md) | [Svéd](../sv/README.md) | [Tagalog (Filippínó)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Török](../tr/README.md) | [Ukrán](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnami](../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](./README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/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](../es/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) > **Szeretné helyben klónozni?** > -> Ez a tárház több mint 50 nyelvi fordítást tartalmaz, ami jelentősen megnöveli a letöltési méretet. Ha fordítások nélkül szeretné klónozni, használja a sparse checkout-ot: +> Ez a tároló több mint 50 nyelvű fordítást tartalmaz, ami jelentősen növeli a letöltési méretet. A fordítások nélküli klónozáshoz használjon részleges kitekintést: > > **Bash / macOS / Linux:** > ```bash @@ -48,233 +48,231 @@ Kövesse az alábbi lépéseket, hogy elkezdje használni ezeket az erőforráso > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Ez mindent megad, amire szüksége van a tanfolyam elvégzéséhez sokkal gyorsabb letöltéssel. +> Így mindent megkap, ami a kurzus elvégzéséhez szükséges, sokkal gyorsabb letöltéssel. -**Ha további támogatott fordítási nyelveket szeretne, azok [itt találhatók](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Ha további fordításokat szeretne, az elérhető nyelvek itt találhatók: [itt](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Megnyitás Visual Studio Code-ban](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) #### 🧑‍🎓 _Diák vagy?_ -Látogass el a [**Diák Hub oldalra**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), ahol kezdő erőforrásokat, diák csomagokat és akár ingyenes tanúsítvány utalványokat is találsz. Ezt az oldalt érdemes rendszeresen könyvjelzőzni, mivel havonta frissítjük a tartalmat. +Látogasd meg a [**Student Hub oldalt**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), ahol kezdő erőforrásokat, diákcsomagokat és akár ingyenes tanúsítványkuponokat is találsz. Ezt az oldalt érdemes könyvjelzőznie és időről időre ellenőriznie, mivel havonta cseréljük a tartalmat. -### 📣 Bejelentés - Új GitHub Copilot Agent mód kihívások! +### 📣 Bejelentés – Új GitHub Copilot Agent mód kihívások elvégzésére! -Új kihívás került hozzáadásra "GitHub Copilot Agent Challenge 🚀" néven a legtöbb fejezetben. Ez egy új kihívás, amit a GitHub Copilot és az Agent mód segítségével teljesíthetsz. Ha még nem használtad az Agent módot, az nemcsak szöveg generálására képes, hanem fájlok létrehozására és szerkesztésére, parancsok futtatására és még sok másra. +Új kihívás került hozzáadásra, keresd a "GitHub Copilot Agent Challenge 🚀" feliratot a legtöbb fejezetben. Ez egy új kihívás, amelyet GitHub Copilot és Agent mód segítségével kell megoldanod. Ha még nem használtad az Agent módot, az nemcsak szöveg generálására képes, hanem fájlok létrehozására és szerkesztésére, parancsok futtatására és egyéb feladatokra is. -### 📣 Bejelentés - _Új projekt a Generatív Mesterséges Intelligencia használatával_ +### 📣 Bejelentés – _Új projekt generatív MI használatával_ -Új AI asszisztens projekt került hozzáadásra, nézd meg a [projektdokumentációt](./9-chat-project/README.md) +Új MI-asszisztens projekt került hozzáadásra, nézd meg a [projektet](./9-chat-project/README.md) -### 📣 Bejelentés - _Új tanmenet_ JavaScript Generatív MI témában jelent meg +### 📣 Bejelentés – _Új tanterv_ a JavaScript generatív MI témakörében megjelent -Ne hagyd ki új Generatív MI tanmenetünket! +Ne hagyd ki új generatív MI tantervünket! -Látogass el a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalra, és kezdj bele! +Látogasd meg a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalt a kezdéshez! -![Háttér](../../translated_images/hu/background.148a8d43afde5730.webp) +![Background](../../translated_images/hu/background.148a8d43afde5730.webp) -- Leckék az alapoktól a RAG-ig. -- Történelmi szereplőkkel léphetsz interakcióba a Generatív MI és kísérő alkalmazásunk segítségével. -- Szórakoztató és lebilincselő történet, időutazás élményével! +- Leckék, amelyek az alapoktól a RAG-ig mindent lefednek. +- Interakció történelmi szereplőkkel a GenAI és társalkalmazásunk segítségével. +- Szórakoztató és lebilincselő narratíva, időutazás élményével! -![szereplő](../../translated_images/hu/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/hu/character.5c0dd8e067ffd693.webp) -Minden lecke egy feladatot, egy tudásellenőrzést és egy kihívást tartalmaz, hogy segítsen a következő témák elsajátításában: -- Promptolás és prompt mérnöki munka -- Szöveg- és képalkalmazás generálás +Minden lecke tartalmaz egy befejezendő feladatot, egy tudásellenőrzést és egy kihívást, amelyek témái például: +- Utasítások megadása és utasítás-tervezés +- Szöveg- és képgeneráló alkalmazások - Keresőalkalmazások -Látogass el a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalra, és kezdj bele! +Látogasd meg a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalt a kezdéshez! ## 🌱 Kezdés -> **Tanárként** néhány javaslatot [ide](for-teachers.md) tettünk közzé a tanmenet használatára. Szívesen fogadjuk visszajelzésedet [vitafórumunkban](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Tanárként**, [ide kattintva](for-teachers.md) találsz néhány javaslatot a tanterv használatához. Várjuk visszajelzésed [beszélgetési fórumunkban](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Tanulók](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, minden lecke előtt végezzetek bevezető kvízt, majd olvassátok el az anyagot, végezzétek el a feladatokat, és teszteljétek tudásotokat az utólagos kvízzel. +**[Tanulók](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, minden leckéhez kezdjétek egy előadás előtti kvízzel, majd olvassátok el az előadási anyagot, teljesítsétek a különféle feladatokat, és ellenőrizzétek a tudásotokat az előadás utáni kvízzel. -A tanulási élmény fokozása érdekében dolgozzatok együtt diáktársaitokkal a projekteken! A beszélgetések ösztönzöttek a [vitafórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátor csapatunk készen áll válaszolni kérdéseitekre. +A tanulási élmény fokozása érdekében dolgozzatok együtt társaitokkal a projekteken! A beszélgetésekre bátorítunk a [beszélgetési fórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátoraink segítséget nyújtanak kérdéseitekre. -A tanulmányaitok elősegítéséhez erősen ajánljuk a [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) platform további anyagainak felfedezését. +További tanulmányokhoz javasoljuk a [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) használatát, ahol még több oktatóanyagot találsz. -### 📋 Fejlesztői környezet beállítása +### 📋 Környezet beállítása -Ez a tanmenet egy működő fejlesztői környezettel érkezik! Kezdésként választhatjátok a tanmenet futtatását [Codespace-ben](https://github.com/features/codespaces/) (_böngésző alapú, telepítés nélküli környezet_), vagy helyben, a számítógépeden egy szövegszerkesztővel, például a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) segítségével. +Ezen tantervhez egy kész fejlesztői környezet tartozik! Induláskor választhatod a tanterv futtatását [Codespace-ben](https://github.com/features/codespaces/) (_egy böngészőalapú, telepítés nélküli környezet_), vagy helyben a számítógépedön egy szövegszerkesztő, például a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) használatával. -#### Hozd létre a saját tárházad -A munkád biztonságos mentése érdekében ajánlott létrehoznod a saját példányodat ebből a tárházból. Ezt megteheted az oldal tetején található **Use this template** gombra kattintva. Ez egy új tárházat hoz létre GitHub fiókodban, a tanmenet másolatával. +#### Tároló létrehozása +Ahhoz, hogy könnyen elmentsd a munkád, ajánlott, hogy saját példányt készíts erről a tárolóról. Ezt a lap tetején található **Use this template** gomb megnyomásával teheted meg. Ez létrehoz egy új tárolót a GitHub fiókodban, amely a tanterv másolatát tartalmazza. -Lépések: -1. **Forkold a tárházat**: Kattints a jobb felső sarokban lévő "Fork" gombra. -2. **Klónozd a tárházat**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Kövesd ezeket a lépéseket: +1. **Forkold a tárolót**: Kattints az oldal jobb felső sarkában a "Fork" gombra. +2. **Klónozd a tárolót**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Tanmenet futtatása Codespace-ben +#### A tanterv futtatása Codespace-ben -A tárházadban, amit létrehoztál, kattints a **Code** gombra, majd válaszd az **Open with Codespaces** opciót. Ez létrehoz egy új Codespace-t a munkához. +A saját tárolód példányában, amit előzőleg létrehoztál, kattints a **Code** gombra, és válaszd az **Open with Codespaces** opciót. Ez létrehoz egy új Codespace-t, ahol dolgozhatsz. ![Codespace](../../translated_images/hu/createcodespace.0238bbf4d7a8d955.webp) -#### Tanmenet futtatása helyben a számítógépeden +#### A tanterv helyi futtatása a számítógépeden -A tanmenet helyi futtatásához szükséged lesz egy szövegszerkesztőre, egy böngészőre és egy parancssori eszközre. Az első leckénk, [Bevezetés a programozási nyelvekbe és eszközökbe](../../1-getting-started-lessons/1-intro-to-programming-languages) segít több lehetőség közötti választásban ezek közül. +A tanterv helyi futtatásához szükséged lesz egy szövegszerkesztőre, böngészőre és parancssori eszközre. Az első leckénk, a [Bevezetés a programozási nyelvekbe és fejlesztőeszközökbe](../../1-getting-started-lessons/1-intro-to-programming-languages), végigvezet a különböző lehetőségeken, hogy kiválaszthasd a számodra legmegfelelőbb eszközöket. -Ajánljuk a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) használatát szerkesztőként, amely beépített [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) is tartalmaz. A Visual Studio Code letölthető [innen](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Klónozd a tárolódat a számítógépedre. Ezt úgy teheted meg, hogy rákattintasz a **Code** gombra, és kimásolod az URL-t: +Ajánljuk, hogy a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) szerkesztőt használd, amely beépített [terminállal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) rendelkezik. A Visual Studio Code-ot innen töltheted le: [itt](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Klónozd a tárhelyed a számítógépedre. Ezt megteheted a **Code** gombra kattintva, majd a URL másolásával: [CodeSpace](./images/createcodespace.png) - Ezután nyisd meg a [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) belül, és futtasd a következő parancsot, az `` helyére beillesztve a most kimásolt URL-t: + Ezután nyisd meg a [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) programban, és futtasd a következő parancsot, cseréld le a `` részt az imént másolt URL-re: ```bash git clone ``` -2. Nyisd meg a mappát a Visual Studio Code-ban. Ezt úgy teheted meg, hogy rákattintasz a **File** > **Open Folder** menüpontra, majd kiválasztod a klónozott mappát. +2. Nyisd meg a mappát a Visual Studio Code-ban. Ezt úgy teheted meg, hogy az **File** > **Open Folder** menüpontra kattintasz, és kiválasztod az imént klónozott mappát. - -> Ajánlott Visual Studio Code kiterjesztések: +> Ajánlott Visual Studio Code kiegészítők: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML oldalak előnézete a Visual Studio Code-on belül -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - segít gyorsabban kódot írni +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - segít a kód gyorsabb írásában -## 📂 Minden lecke tartalmaz: +## 📂 Minden leckében található: -- opcionális vázlatrajzot -- opcionális kiegészítő videót -- tanóra előtti bemelegítő kvízt -- írott leckét -- projekt alapú leckékhez lépésről lépésre útmutatókat a projekt megépítéséhez -- tudásellenőrzéseket -- kihívást -- kiegészítő olvasnivalót -- feladatot -- [tanóra utáni kvízt](https://ff-quizzes.netlify.app/web/) +- opcionális vázlatjegyzet +- opcionális kiegészítő videó +- óra előtti bemelegítő kvíz +- írott lecke +- projektalapú leckékhez lépésről-lépésre útmutatók a projekt elkészítéséhez +- tudásellenőrzések +- kihívás +- kiegészítő olvasmány +- feladat +- [órafeladat utáni kvíz](https://ff-quizzes.netlify.app/web/) -> **Megjegyzés a kvízekhez**: Minden kvíz a Quiz-app mappában található, összesen 48 kvíz három kérdéssel. Elérhetőek [itt](https://ff-quizzes.netlify.app/web/), a kvízalkalmazás futtatható helyileg vagy telepíthető Azure-ra; kövesd az utasításokat a `quiz-app` mappában. +> **Megjegyzés a kvízekhez**: Minden kvíz a Quiz-app mappában található, összesen 48 kvíz mindegyik három kérdéssel. Ezek elérhetők [itt](https://ff-quizzes.netlify.app/web/), a kvíz alkalmazás futtatható helyben vagy telepíthető Azure-ra; kövesd az utasításokat a `quiz-app` mappában. ## 🗃️ Leckék -| | Projekt neve | Tanított fogalmak | Tanulási célok | Hivatkozott lecke | Szerző | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Kezdés | Bevezetés a programozásba és a szakmai eszközökbe | Ismerd meg a legtöbb programozási nyelv alapjait és azokat a szoftvereket, amelyek segítik a profi fejlesztők munkáját | [Bevezetés a programozási nyelvekbe és eszközökbe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Kezdés | A GitHub alapjai, beleértve a csapatmunkát | Hogyan használd a GitHubot a projektedben, és hogyan működj együtt másokkal kódbázison | [Bevezetés a GitHubba](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Kezdés | Akadálymentesség | Ismerd meg a web akadálymentesség alapjait | [Akadálymentesség alapjai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS alapok | JavaScript adattípusok | A JavaScript adattípusok alapjai | [Adattípusok](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS alapok | Függvények és metódusok | Ismerd meg a függvényeket és metódusokat az alkalmazás logikájának kezeléséhez | [Függvények és metódusok](./2-js-basics/2-functions-methods/README.md) | Jasmine és Christopher | -| 06 | JS alapok | Döntéshozatal JS-ben | Tanuld meg, hogyan hozz létre feltételeket a kódodban döntéshozatali módszerekkel | [Döntéshozatal](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS alapok | Tömbök és ciklusok | Dolgozz adatkezeléssel tömbök és ciklusok segítségével JavaScriptben | [Tömbök és ciklusok](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML gyakorlatban | Építsd meg a HTML-t egy online terráriumhoz, a layout készítésére fókuszálva | [Bevezetés a HTML-be](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS gyakorlatban | Építsd meg a CSS-t az online terráriumhoz, a CSS alapjaira fókuszálva, beleértve az oldal reszponzívvá tételét | [Bevezetés a CSS-be](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript closures, DOM manipuláció | Építsd meg a JavaScript-et, hogy a terrárium drag/drop felületként működjön, fókuszálva a closures és a DOM kezelésére | [JavaScript closures, DOM manipuláció](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Gépelős játék](./4-typing-game/solution/README.md) | Gépelős játék építése | Tanuld meg, hogyan használd a billentyűzetes eseményeket appod logikájának vezérlésére | [Eseményvezérelt programozás](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Böngészőkkel való munka | Tanuld meg, hogyan működnek a böngészők, történetüket és hogyan használd a böngészőbővítmény első elemeinek létrehozásához | [A böngészőkről](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Űrlap készítése, API hívása és helyi tároló változók használata | Építsd meg a böngészőbővítményed JavaScript elemeit egy API meghívásához helyi tároló változókkal | [API-k, űrlapok és helyi tárolás](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Háttérfolyamatok a böngészőben, web teljesítmény | Használd a böngésző háttérfolyamatait az ikonjának kezelésére; ismerd meg a web teljesítményét és néhány optimalizálási módszert | [Háttérfeladatok és teljesítmény](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Űr játék](./6-space-game/solution/README.md) | Fejlettebb játékfejlesztés JavaScript-tel | Ismerd meg az öröklést osztályok és összetétel (composition) használatával, valamint a Pub/Sub mintát, hogy előkészülj egy játék építésére | [Bevezetés a fejlett játékfejlesztésbe](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Űr játék](./6-space-game/solution/README.md) | Rajzolás a vászonra | Ismerd meg a Canvas API-t, amellyel elemeket rajzolhatunk a képernyőre | [Rajzolás a vászonra](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Űr játék](./6-space-game/solution/README.md) | Mozgatás a képernyőn | Fedezd fel, hogyan kaphatnak mozgást az elemek a kartézián koordináták és a Canvas API segítségével | [Elemek mozgatása](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Űr játék](./6-space-game/solution/README.md) | Ütközésészlelés | Készíts ütközéseket és reagálást az elemek között billentyűleütésekkel és adj hozzá hűlési funkciót a játék teljesítményének biztosítására | [Ütközésészlelés](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Űr játék](./6-space-game/solution/README.md) | Pontszám nyilvántartás | Végez matematika műveleteket a játék állapota és teljesítménye alapján | [Pontszámlálás](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Űr játék](./6-space-game/solution/README.md) | A játék befejezése és újraindítása | Tanuld meg a játék befejezését és újraindítását, beleértve az erőforrások takarítását és a változó értékek visszaállítását | [A befejezési feltétel](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banki alkalmazás](./7-bank-project/solution/README.md) | HTML sablonok és útvonalak egy webalkalmazásban | Tanuld meg, hogyan készítsd el egy többoldalas weboldal felépítését routinggal és HTML sablonokkal | [HTML sablonok és útvonalak](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Bejelentkezési és regisztrációs űrlap készítése | Tanuld meg az űrlapkészítést és az érvényesítési rutinok kezelését | [Űrlapok](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Adatok lekérése és használata | Hogyan áramlanak be és ki az adatok az alkalmazásból, hogyan kérd le, tárold és szabadulj meg tőlük | [Adatok](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Állapotkezelés fogalmai | Tanuld meg, hogyan őrzi meg az alkalmazás az állapotot és hogyan kezeld programozottan | [Állapotkezelés](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Böngésző/VScode kód](../../8-code-editor) | Munka VScode-dal | Tanulj meg kódszerkesztőt használni | [VScode kódszerkesztő használata](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Mesterséges intelligencia asszisztensek](./9-chat-project/README.md) | Munkavégzés MI-vel | Tanuld meg, hogyan építsd fel a saját MI asszisztensed | [MI asszisztens projekt](./9-chat-project/README.md) | Chris | +| | Projekt neve | Oktatott fogalmak | Tanulási célok | Kapcsolódó lecke | Szerző | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Első lépések | Bevezetés a programozásba és a munkaeszközökbe | Megérteni a legtöbb programozási nyelv alapjait és a szoftvereket, melyek segítik a profi fejlesztőket munkájukban | [Bevezetés a programozási nyelvekbe és eszközökbe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Első lépések | GitHub alapjai, csapatmunkával | Hogyan használd a GitHubot a projektben, hogyan működj együtt másokkal egy kódalapon | [GitHub alapok](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Első lépések | Akadálymentesség | Megtanulni a webes akadálymentesség alapjait | [Akadálymentesség alapjai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS alapok | JavaScript adattípusok | A JavaScript adattípusainak alapjai | [Adattípusok](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS alapok | Függvények és metódusok | Megismerni a függvényeket és metódusokat, hogy hogyan kezeljük az alkalmazás logikai folyamatát | [Függvények és metódusok](./2-js-basics/2-functions-methods/README.md) | Jasmine és Christopher | +| 06 | JS alapok | Döntéshozatal JavaScript-tel | Hogyan készítsünk feltételeket a kódban döntési szerkezetekkel | [Döntéshozatal](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS alapok | Tömbök és ciklusok | Adatkezelés tömbök és ciklusok használatával JavaScript-ben | [Tömbök és ciklusok](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML gyakorlat | HTML készítése online terráriumhoz, a layout kialakítására fókuszálva | [Bevezetés a HTML-be](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS gyakorlat | CSS készítése az online terrárium stílusához, alapok a reszponzív oldal készítéséhez | [Bevezetés a CSS-be](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript zárványok, DOM manipuláció | JavaScript készítése, hogy a terrárium működjön húzd és ejtsd felületen, zárványok és DOM manipulációra fókuszálva | [JavaScript zárványok, DOM manipuláció](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Gépelős játék](./4-typing-game/solution/README.md) | Gépelős játék készítése | Megtanulni a billentyűzet események használatát JavaScript alkalmazás logikájához | [Eseményvezérelt programozás](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Böngészőkezelés | Megérteni, hogyan működnek a böngészők, történetük és hogyan építsük fel az első elemeket egy böngészőbővítményhez | [A böngészőkről](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Űrlapkészítés, API hívás és helyi adattárolás | JavaScript elemek építése bővítményedhez, API hívások végrehajtásához és változók helyi tárolásával | [API-k, űrlapok, helyi tárolás](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Háttérfolyamatok a böngészőben, webes teljesítmény | Böngésző háttérfolyamatok kezelése az ikon menedzseléséhez; webes teljesítmény és optimalizációk megismerése | [Háttérfeladatok és teljesítmény](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Űrjáték](./6-space-game/solution/README.md) | Haladóbb játékfejlesztés JavaScript-tel | Megtanulni az öröklődést osztályok és összetétel segítségével, valamint a Pub/Sub mintázatot játék készítés előtt | [Bevezetés haladó játékfejlesztésbe](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Űrjáték](./6-space-game/solution/README.md) | Rajzolás a vászonra | Megismerni a Canvas API-t a képernyőre rajzoláshoz | [Rajzolás a vászonra](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Űrjáték](./6-space-game/solution/README.md) | Mozgatás a képernyőn elhelyezett elemekkel | Felfedezni, hogyan mozognak az elemek kartézián koordinátákkal és a Canvas API-val | [Elemek mozgatása](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Űrjáték](./6-space-game/solution/README.md) | Ütközés érzékelés | Az elemek ütközésének és kölcsönhatásának megvalósítása billentyűleütések segítségével, hűtési funkcióval a teljesítményért | [Ütközésérzékelés](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Űrjáték](./6-space-game/solution/README.md) | Pontozás | Matematikai számítások elvégzése a játék állapota és teljesítménye alapján | [Pontozás](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Űrjáték](./6-space-game/solution/README.md) | Játék befejezése és újraindítása | Játék befejezésének és újraindításának megtanulása, eszközök tisztítása és változók visszaállítása | [Befejezési feltétel](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banki alkalmazás](./7-bank-project/solution/README.md) | HTML sablonok és útvonalak webalkalmazásban | Többoldalas weboldal felépítésének megértése routing és HTML sablonok használatával | [HTML sablonok és útvonalak](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Bejelentkező és regisztrációs űrlap készítése | Űrlapkészítés és validációs folyamatok megismerése | [Űrlapok](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Adatok lekérése és kezelése | Az adatáramlás megértése az alkalmazásban, hogyan kérjük le, tároljuk és dobjuk el az adatokat | [Adatok](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Állapotkezelés fogalmai | Megtanulni, hogyan őrzi meg az alkalmazás az állapotot és hogyan kezelhető programozottan | [Állapotkezelés](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Böngésző/VScode kód](../../8-code-editor) | Működés VScode-dal | Megtanulni szerkesztő használatát | [VScode kód szerkesztő használata](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI asszisztensek](./9-chat-project/README.md) | Működés AI-val | Megtanulni saját AI asszisztenst építeni | [AI asszisztens projekt](./9-chat-project/README.md) | Chris | ## 🏫 Pedagógia -Tananyagunk két fontos pedagógiai elv szerint készült: -* projekt alapú tanulás +Tananyagunk két fő pedagógiai elven alapul: +* projektalapú tanulás * gyakori kvízek -A program JavaScript, HTML és CSS alapjait tanítja meg, valamint a legújabb eszközöket és technikákat, amelyeket a mai webfejlesztők használnak. A diákoknak lehetőségük nyílik gyakorlati tapasztalat szerzésére gépelős játék, virtuális terrárium, környezetbarát böngészőbővítmény, űrhajós játék és üzleti bankalkalmazás építésével. A sorozat végére alapos webfejlesztési tudásra tesznek szert. - -> 🎓 Az első néhány leckét ebben a tananyagban Microsoft Learn-ön [Tanulási útvonalként](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) is végezheted! +A program a JavaScript, HTML és CSS alapjait tanítja meg, valamint a legújabb webfejlesztői eszközöket és technikákat. A diákok gyakorlati tapasztalatot szerezhetnek gépelős játék, virtuális terrárium, környezetbarát böngészőbővítmény, űr-inváziós stílusú játék, és egy banki alkalmazás elkészítésével. A sorozat végére alapos webfejlesztési tudást szereznek. -Azáltal, hogy a tartalom a projektekhez igazodik, a folyamat érdekesebb a diákok számára, és a fogalmak megtartása is javul. Több kezdő leckét is írtunk JavaScript alapokból, hogy megismertessük az alapfogalmakat, kiegészítve a "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videósorozat néhány szerzőjének oktató videóival, akik szintén hozzájárultak ehhez a tananyaghoz. +> 🎓 Az első néhány leckét elvégezheted [Tanulási Útként](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) a Microsoft Learn-en! -Továbbá egy alacsony tétű kvíz óra előtt beállítja a diák szándékát a tanulásra, míg egy második kvíz óra után elősegíti a tudás mélyebb rögzítését. Ez a tananyag rugalmas és szórakoztató, egészben vagy részleteiben is végezhető. A projektek kicsiben indulnak és fokozatosan egyre összetettebbek lesznek a 12 hetes ciklus végére. +Ha az anyagokat projektekhez igazítjuk, az érdeklődést fenntartja a diákoknál és növeli a fogalmak megtartását. Több bevezető leckét is írtunk JavaScript alapok témában, videóval kiegészítve a "[JavaScript kezdő sorozat](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" oktatóvideókból, amelyek egyes szerzői hozzájárultak ehhez a tananyaghoz. -Bár tudatosan kerültük a JavaScript keretrendszerek bevezetését, hogy az alapvető webfejlesztői készségekre koncentráljunk a keretrendszerhasználat előtt, a tananyag elvégzése után jó következő lépés a Node.js megismerése egy másik videósorozat segítségével: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Emellett egy alacsony tétű kvíz óra előtt beállítja a tanuló szándékát egy téma megtanulására, míg az óra utáni kvíz elősegíti a további megszilárdítást. Ez a tananyag rugalmas és élvezetes, egészben vagy részenként is végezhető. A projektek kis lépésekben indulnak, és a 12 hetes ciklus végére egyre összetettebbek lesznek. -> Látogasd meg [Viselkedési Kódexünket](CODE_OF_CONDUCT.md) és [Hozzájárulás](CONTRIBUTING.md) irányelveinket. Szívesen fogadjuk építő jellegű visszajelzéseidet! +Miközben szándékosan kerültük a JavaScript keretrendszerek bemutatását, hogy az alapvető készségekre koncentráljunk, mielőtt keretrendszert használunk, egy jó következő lépés lehet a Node.js megtanulása a "[Node.js kezdő sorozat](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" videógyűjtemény segítségével. +> Látogasd meg [Magatartási kódexünket](CODE_OF_CONDUCT.md) és [Közreműködési útmutatónkat](CONTRIBUTING.md). Várjuk építő jellegű visszajelzésedet! ## 🧭 Offline hozzáférés -Ezt a dokumentációt offline is futtathatod a [Docsify](https://docsify.js.org/#/) használatával. Fork-old ezt a repót, [telepítsd a Docsify-t](https://docsify.js.org/#/quickstart) a helyi gépedre, majd a repó gyökérmappájában írd be: `docsify serve`. Az oldal a 3000-es porton lesz elérhető a localhostodon: `localhost:3000`. +Ez a dokumentáció offline is futtatható a [Docsify](https://docsify.js.org/#/) használatával. Fork-old ezt a tárolót, [telepítsd a Docsify-t](https://docsify.js.org/#/quickstart) a helyi gépedre, majd a tároló gyökérmappájában írd be, hogy `docsify serve`. A webhely a 3000-es porton lesz elérhető a localhostodon: `localhost:3000`. ## 📘 PDF -A PDF az összes leckéről megtalálható [itt](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Az összes leckéről szóló PDF [itt](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) található. -## 🎒 Egyéb kurzusok +## 🎒 Egyéb tanfolyamok -Csapatunk más kurzusokat is készít! Nézd meg: +Csapatunk más tanfolyamokat is készít! Nézd meg: ### LangChain -[![LangChain4j kezdőknek](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 kezdőknek](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) -[![LangChain kezdőknek](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-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) +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Ügynökök -[![AZD kezdőknek](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 kezdőknek](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 kezdőknek](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 ügynökök kezdőknek](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) --- ### Generatív AI sorozat -[![Generatív AI kezdőknek](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) -[![Generatív 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) -[![Generatív 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) -[![Generatív 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) +[![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) --- ### Alapvető tanulás -[![Gépi tanulás kezdőknek](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) -[![Adattudomány kezdőknek](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 kezdőknek](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) -[![Kiberbiztonság kezdőknek](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) -[![Webes fejlesztés kezdőknek](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 kezdőknek](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 fejlesztés kezdőknek](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) +[![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) --- ### Copilot sorozat -[![Copilot AI páros programozáshoz](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot C#/.NET-hez](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 kaland](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) ## Segítségkérés -Ha elakadsz vagy kérdésed van AI alkalmazások fejlesztésével kapcsolatban. Csatlakozz tanulótársaidhoz és tapasztalt fejlesztőkhöz a MCP témájú beszélgetésekben. Ez egy támogató közösség, ahol a kérdések szívesen látottak, és a tudás szabadon megosztott. +Ha elakadnál vagy kérdésed van az AI alkalmazások fejlesztésével kapcsolatban, csatlakozz más tanulókhoz és tapasztalt fejlesztőkhöz az MCP-ről folytatott beszélgetésekben. Ez egy támogató közösség, ahol a kérdések szívesen fogadottak, és a tudás szabadon megosztott. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ha visszajelzésed vagy hibák vannak a fejlesztés közben, látogass el ide: +Ha termék visszajelzésed vagy hibákat találsz fejlesztés közben, látogass el ide: [![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) ## Licenc -Ez a tároló az MIT licenc alatt áll. További információért lásd a [LICENSE](../../LICENSE) fájlt. +Ez a tárhely az MIT licenc alatt áll. További információkért lásd a [LICENSE](../../LICENSE) fájlt. --- -**Felelősség kizárása**: -Ezt a dokumentumot az AI fordító szolgáltatás [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével fordítottuk. Bár törekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum a saját nyelvén tekintendő hivatalos forrásnak. Kritikus információk esetén professzionális emberi fordítás javasolt. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy félreértelmezésekért. +**Jogi nyilatkozat**: +Ez a dokumentum az AI fordító szolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével készült. Bár igyekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az eredeti nyelven tekintendő hivatalos forrásnak. Kritikus információk esetén professzionális emberi fordítás használata javasolt. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy hibás értelmezésekért. \ No newline at end of file diff --git a/translations/hu/lesson-template/README.md b/translations/hu/lesson-template/README.md index 9edad20433..0d5d2c38b0 100644 --- a/translations/hu/lesson-template/README.md +++ b/translations/hu/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Lecke Témája] +# Óratéma -![Videó beágyazása itt](../../../lesson-template/video-url) +## 🎥 Videó -## [Előzetes kvíz](../../../lesson-template/quiz-url) +> Adj meg egy beágyazott videót vagy óra linket ide. -[Leírás arról, hogy mit fogunk tanulni] +--- + +## Előadás előtti kvíz + +> Adj meg egy kvíz linket ide, ha elérhető. + +--- + +Adj egy rövid áttekintést arról, mit tanulnak a diákok ebben az órában. + +--- ### Bevezetés -Ismertetés arról, hogy mit fogunk lefedni +Adj egy rövid bevezetőt, amely leírja, mit fed le ez az óra. -> Jegyzetek +> Megjegyzések -### Előfeltétel +--- + +### Előfeltételek -Milyen lépéseket kellett volna már teljesíteni a lecke előtt? +Sorold fel azokat a fogalmakat vagy témákat, amelyekkel a hallgatóknak már ismerniük kell, mielőtt elkezdenék ezt az órát. + +--- -### Felkészülés +### Előkészületek -Előkészítő lépések a lecke megkezdéséhez +Sorold fel az órakezdés előtt szükséges beállítási lépéseket vagy eszközöket. --- -[Lépjünk végig a tartalmon blokkokban] +### Tartalom + +Lépkedj végig az óra tartalmán strukturált részekben. + +--- -## [1. Téma] +## Téma 1 ### Feladat: -Dolgozzatok együtt, hogy fokozatosan fejlesszétek a kódbázist, és építsétek meg a projektet közös kóddal: +Dolgozzatok együtt a kódbázis folyamatos fejlesztésén, hogy a projektet megosztott kóddal építsétek fel: ```html code blocks ``` -✅ Tudásellenőrzés - használd ki ezt a pillanatot, hogy nyitott kérdésekkel bővítsd a diákok ismereteit +✅ Tudásellenőrzés +Használd ezt a pillanatot, hogy nyitott kérdésekkel mélyítsd el a diákok tudását. -## [2. Téma] +## Téma 2 +## Téma 3 -## [3. Téma] +🚀 Kihívás +Adj egy közös kihívást a diákoknak, hogy fejlesszék a projektet. -🚀 Kihívás: Adj egy feladatot a diákoknak, amelyen közösen dolgozhatnak az órán, hogy továbbfejlesszék a projektet +Opcionális: Adj meg egy képernyőképet a befejezett óra felhasználói felületéről, ha megfelelő. -Opcionális: adj egy képernyőképet a befejezett lecke felhasználói felületéről, ha releváns +## Az előadás utáni kvíz -## [Utólagos kvíz](../../../lesson-template/quiz-url) +Adj meg egy kvíz linket ide az óra befejezése után. -## Áttekintés és Önálló Tanulás +## Áttekintés és önálló tanulás -**Határidő [HH/ÉÉ]**: [Feladat Neve](assignment.md) +**Feladat leadási határideje [HH/ÉÉ]**: [Feladat neve](assignment.md) --- -**Felelősség kizárása**: -Ez a dokumentum az AI fordítási szolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével lett lefordítva. Bár törekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az eredeti nyelvén tekintendő hiteles forrásnak. Kritikus információk esetén javasolt professzionális emberi fordítást igénybe venni. Nem vállalunk felelősséget semmilyen félreértésért vagy téves értelmezésért, amely a fordítás használatából eredhet. \ No newline at end of file + +**Nyilatkozat**: +Ez a dokumentum az AI fordító szolgáltatás [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével készült. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hiteles forrásnak. Kritikus információk esetén professzionális emberi fordítást javaslunk. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy félreértelmezésekért. + \ No newline at end of file diff --git a/translations/id/.co-op-translator.json b/translations/id/.co-op-translator.json index 106c10e7cd..784ff6e5c5 100644 --- a/translations/id/.co-op-translator.json +++ b/translations/id/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:43:50+00:00", + "translation_date": "2026-04-24T22:05:14+00:00", "source_file": "AGENTS.md", "language_code": "id" }, @@ -516,8 +516,8 @@ "language_code": "id" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:43:44+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T22:00:39+00:00", "source_file": "README.md", "language_code": "id" }, @@ -564,8 +564,8 @@ "language_code": "id" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:54:55+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T22:00:47+00:00", "source_file": "lesson-template/README.md", "language_code": "id" }, diff --git a/translations/id/AGENTS.md b/translations/id/AGENTS.md index 6bfe74edc3..f8a96cbd54 100644 --- a/translations/id/AGENTS.md +++ b/translations/id/AGENTS.md @@ -2,27 +2,27 @@ ## Gambaran Proyek -Ini adalah repositori kurikulum edukasi untuk mengajarkan dasar-dasar pengembangan web kepada pemula. Kurikulum ini merupakan kursus komprehensif selama 12 minggu yang dikembangkan oleh Microsoft Cloud Advocates, menampilkan 24 pelajaran praktis yang mencakup JavaScript, CSS, dan HTML. +Ini adalah repositori kurikulum edukatif untuk mengajarkan dasar-dasar pengembangan web kepada pemula. Kurikulum ini adalah kursus komprehensif selama 12 minggu yang dikembangkan oleh Microsoft Cloud Advocates, menampilkan 24 pelajaran langsung yang mencakup JavaScript, CSS, dan HTML. ### Komponen Utama -- **Konten Edukasi**: 24 pelajaran terstruktur yang diorganisasi dalam modul berbasis proyek +- **Konten Edukasi**: 24 pelajaran terstruktur yang diorganisir dalam modul berbasis proyek - **Proyek Praktis**: Terrarium, Permainan Mengetik, Ekstensi Browser, Permainan Luar Angkasa, Aplikasi Perbankan, Editor Kode, dan Asisten Chat AI -- **Kuis Interaktif**: 48 kuis dengan 3 pertanyaan tiap kuis (penilaian sebelum/sesudah pelajaran) -- **Dukungan Multi-bahasa**: Terjemahan otomatis untuk lebih dari 50 bahasa melalui GitHub Actions +- **Kuis Interaktif**: 48 kuis dengan 3 pertanyaan masing-masing (evaluasi sebelum/sesudah pelajaran) +- **Dukungan Multibahasa**: Terjemahan otomatis untuk lebih dari 50 bahasa melalui GitHub Actions - **Teknologi**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (untuk proyek AI) ### Arsitektur - Repositori edukasi dengan struktur berbasis pelajaran - Setiap folder pelajaran berisi README, contoh kode, dan solusi -- Proyek mandiri di direktori terpisah (quiz-app, berbagai proyek pelajaran) +- Proyek mandiri dalam direktori terpisah (quiz-app, berbagai proyek pelajaran) - Sistem terjemahan menggunakan GitHub Actions (co-op-translator) -- Dokumentasi disajikan melalui Docsify dan tersedia dalam format PDF +- Dokumentasi disajikan via Docsify dan tersedia sebagai PDF ## Perintah Setup -Repositori ini terutama untuk konsumsi konten edukasi. Untuk bekerja dengan proyek khusus: +Repositori ini terutama untuk konsumsi konten edukasi. Untuk bekerja dengan proyek tertentu: ### Setup Repositori Utama @@ -31,7 +31,7 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Setup Aplikasi Kuis (Vue 3 + Vite) +### Setup Quiz App (Vue 3 + Vite) ```bash cd quiz-app @@ -56,7 +56,7 @@ npm run format # Format dengan Prettier ```bash cd 5-browser-extension/solution npm install -# Ikuti petunjuk pemuatan ekstensi spesifik browser +# Ikuti instruksi pemuatan ekstensi spesifik browser ``` ### Proyek Permainan Luar Angkasa @@ -72,7 +72,7 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# Tetapkan variabel lingkungan GITHUB_TOKEN +# Atur variabel lingkungan GITHUB_TOKEN python api.py ``` @@ -82,39 +82,39 @@ python api.py 1. **Fork repositori** ke akun GitHub Anda 2. **Clone fork Anda** secara lokal -3. **Buat cabang baru** untuk perubahan Anda +3. **Buat branch baru** untuk perubahan Anda 4. Lakukan perubahan pada konten pelajaran atau contoh kode 5. Uji perubahan kode di direktori proyek terkait -6. Ajukan pull request sesuai panduan kontribusi +6. Ajukan pull request sesuai pedoman kontribusi ### Untuk Pembelajar 1. Fork atau clone repositori 2. Navigasi ke direktori pelajaran secara berurutan -3. Baca file README di setiap pelajaran +3. Baca file README untuk setiap pelajaran 4. Selesaikan kuis sebelum pelajaran di https://ff-quizzes.netlify.app/web/ -5. Kerjakan contoh kode di folder pelajaran +5. Kerjakan contoh kode dalam folder pelajaran 6. Selesaikan tugas dan tantangan -7. Ikuti kuis sesudah pelajaran +7. Ikuti kuis setelah pelajaran ### Pengembangan Langsung - **Dokumentasi**: Jalankan `docsify serve` di root (port 3000) -- **Aplikasi Kuis**: Jalankan `npm run dev` di direktori quiz-app -- **Proyek-proyek**: Gunakan ekstensi Live Server VS Code untuk proyek HTML +- **Quiz App**: Jalankan `npm run dev` di direktori quiz-app +- **Proyek**: Gunakan ekstensi VS Code Live Server untuk proyek HTML - **Proyek API**: Jalankan `npm start` di direktori API terkait ## Instruksi Pengujian -### Pengujian Aplikasi Kuis +### Pengujian Quiz App ```bash cd quiz-app npm run lint # Periksa masalah gaya kode -npm run build # Verifikasi keberhasilan build +npm run build # Verifikasi build berhasil ``` -### Pengujian API Bank +### Pengujian Bank API ```bash cd 7-bank-project/api @@ -124,68 +124,68 @@ node server.js # Verifikasi server mulai tanpa kesalahan ### Pendekatan Pengujian Umum -- Ini adalah repositori edukasi tanpa pengujian otomatis lengkap +- Ini adalah repositori edukasi tanpa pengujian otomatis komprehensif - Pengujian manual fokus pada: - Contoh kode berjalan tanpa error - - Link di dokumentasi berfungsi dengan baik - - Proses build proyek berjalan sukses - - Contoh sesuai praktik terbaik + - Tautan dalam dokumentasi berfungsi dengan benar + - Build proyek selesai dengan sukses + - Contoh mengikuti praktik terbaik -### Pemeriksaan Sebelum Pengiriman +### Pemeriksaan Pra-Pengajuan -- Jalankan `npm run lint` di direktori dengan package.json -- Verifikasi link markdown valid +- Jalankan `npm run lint` di direktori yang memiliki package.json +- Verifikasi tautan markdown valid - Uji contoh kode di browser atau Node.js -- Pastikan terjemahan mempertahankan struktur yang tepat +- Periksa bahwa terjemahan menjaga struktur yang tepat ## Pedoman Gaya Kode ### JavaScript - Gunakan sintaks ES6+ modern -- Ikuti konfigurasi ESLint standar di proyek +- Ikuti konfigurasi ESLint standar yang disediakan dalam proyek - Gunakan nama variabel dan fungsi yang bermakna untuk kejelasan edukasi -- Tambahkan komentar penjelasan konsep untuk pembelajar +- Tambahkan komentar yang menjelaskan konsep untuk pembelajar - Format menggunakan Prettier jika dikonfigurasi ### HTML/CSS - Elemen HTML5 semantik - Prinsip desain responsif -- Penamaan kelas yang jelas -- Komentar menjelaskan teknik CSS untuk pembelajar +- Konvensi penamaan kelas yang jelas +- Komentar yang menjelaskan teknik CSS untuk pembelajar ### Python -- Panduan gaya PEP 8 -- Contoh kode jelas dan edukatif -- Gunakan type hint bila membantu pembelajaran +- Pedoman gaya PEP 8 +- Contoh kode yang jelas dan edukatif +- Petunjuk tipe jika membantu pembelajaran ### Dokumentasi Markdown -- Hierarki judul yang jelas -- Blok kode dengan penentuan bahasa -- Link ke sumber daya tambahan -- Screenshot dan gambar di direktori `images/` -- Teks alternatif untuk gambar demi aksesibilitas +- Hirarki judul yang jelas +- Blok kode dengan spesifikasi bahasa +- Tautan ke sumber tambahan +- Screenshot dan gambar dalam direktori `images/` +- Teks alt untuk gambar demi aksesibilitas -### Organisasi File +### Organisasi Berkas -- Pelajaran diberi nomor berurutan (1-getting-started-lessons, 2-js-basics, dll.) -- Setiap proyek memiliki direktori `solution/` dan sering juga `start/` atau `your-work/` -- Gambar disimpan di folder `images/` khusus pelajaran -- Terjemahan disimpan dalam struktur `translations/{language-code}/` +- Pelajaran dinomori secara berurutan (1-getting-started-lessons, 2-js-basics, dll.) +- Setiap proyek memiliki direktori `solution/` dan sering `start/` atau `your-work/` +- Gambar disimpan dalam folder `images/` spesifik pelajaran +- Terjemahan di struktur `translations/{language-code}/` ## Build dan Deployment -### Deployment Aplikasi Kuis (Azure Static Web Apps) +### Deployment Quiz App (Azure Static Web Apps) quiz-app dikonfigurasi untuk deployment Azure Static Web Apps: ```bash cd quiz-app npm run build # Membuat folder dist/ -# Menerapkan melalui workflow GitHub Actions saat push ke main +# Melakukan deploy melalui workflow GitHub Actions saat push ke main ``` Konfigurasi Azure Static Web Apps: @@ -203,60 +203,60 @@ npm run convert # Hasilkan PDF dari docs ### Dokumentasi Docsify ```bash -npm install -g docsify-cli # Pasang Docsify secara global +npm install -g docsify-cli # Instal Docsify secara global docsify serve # Layani di localhost:3000 ``` ### Build Spesifik Proyek Setiap direktori proyek mungkin memiliki proses build sendiri: -- Proyek Vue: `npm run build` untuk membuat bundel produksi -- Proyek statis: Tidak ada langkah build, layani file langsung +- Proyek Vue: `npm run build` membuat bundel produksi +- Proyek statis: Tidak ada langkah build, sajikan berkas langsung -## Panduan Pull Request +## Pedoman Pull Request ### Format Judul -Gunakan judul jelas yang menggambarkan area perubahan: -- `[Quiz-app] Tambahkan kuis baru untuk pelajaran X` +Gunakan judul jelas dan deskriptif yang menunjukkan area perubahan: +- `[Quiz-app] Tambah kuis baru untuk pelajaran X` - `[Lesson-3] Perbaiki typo di proyek terrarium` - `[Translation] Tambah terjemahan Spanyol untuk pelajaran 5` - `[Docs] Perbarui instruksi setup` -### Pemeriksaan Wajib +### Pemeriksaan yang Diperlukan Sebelum mengirim PR: 1. **Kualitas Kode**: - - Jalankan `npm run lint` di direktori proyek terkait - - Perbaiki semua error dan peringatan lint + - Jalankan `npm run lint` di direktori proyek yang terdampak + - Perbaiki semua kesalahan dan peringatan linting 2. **Verifikasi Build**: - - Jalankan `npm run build` jika berlaku + - Jalankan `npm run build` jika relevan - Pastikan tidak ada error build -3. **Validasi Link**: - - Uji semua link markdown +3. **Validasi Tautan**: + - Uji semua tautan markdown - Verifikasi referensi gambar berfungsi -4. **Tinjau Konten**: - - Proofreading tata bahasa dan ejaan +4. **Review Konten**: + - Periksa ejaan dan tata bahasa - Pastikan contoh kode benar dan edukatif - - Verifikasi terjemahan mempertahankan makna asli + - Verifikasi terjemahan menjaga makna asli ### Persyaratan Kontribusi -- Setujui Microsoft CLA (pemeriksaan otomatis pada PR pertama) +- Setujui CLA Microsoft (cek otomatis pada PR pertama) - Ikuti [Kode Etik Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/) - Lihat [CONTRIBUTING.md](./CONTRIBUTING.md) untuk panduan rinci -- Referensikan nomor isu dalam deskripsi PR jika ada +- Referensikan nomor isu dalam deskripsi PR jika relevan ### Proses Review - PR direview oleh pemelihara dan komunitas -- Prioritaskan kejelasan edukasi +- Kejelasan edukasi diprioritaskan - Contoh kode harus mengikuti praktik terbaik saat ini -- Terjemahan direview untuk akurasi dan kesesuaian budaya +- Terjemahan dicek keakuratan dan kesesuaian budaya ## Sistem Terjemahan @@ -264,19 +264,19 @@ Sebelum mengirim PR: - Menggunakan GitHub Actions dengan workflow co-op-translator - Menerjemahkan ke lebih dari 50 bahasa secara otomatis -- File sumber di direktori utama -- File terjemahan di direktori `translations/{language-code}/` +- Berkas sumber di direktori utama +- Berkas terjemahan di direktori `translations/{language-code}/` -### Menambah Perbaikan Terjemahan Manual +### Menambahkan Perbaikan Terjemahan Manual -1. Cari file di `translations/{language-code}/` -2. Buat perbaikan sambil mempertahankan struktur +1. Cari berkas di `translations/{language-code}/` +2. Lakukan perbaikan sambil mempertahankan struktur 3. Pastikan contoh kode tetap berfungsi -4. Uji konten kuis yang sudah diterjemahkan +4. Uji konten kuis yang dilokalkan ### Metadata Terjemahan -File terjemahan termasuk header metadata: +Berkas terjemahan mencakup header metadata: ```markdown **Penafian**: -Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berusaha untuk akurasi, harap diingat bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang sah. Untuk informasi yang penting, disarankan untuk menggunakan terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang salah yang timbul dari penggunaan terjemahan ini. +Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berusaha mencapai akurasi, harap diingat bahwa terjemahan otomatis dapat mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang sah. Untuk informasi penting, disarankan menggunakan terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang salah yang timbul dari penggunaan terjemahan ini. \ No newline at end of file diff --git a/translations/id/README.md b/translations/id/README.md index eb5f36233c..7d80785ce2 100644 --- a/translations/id/README.md +++ b/translations/id/README.md @@ -1,29 +1,29 @@ -[![Lisensi GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) -[![Kontributor GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) -[![Masalah GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) -[![Permintaan tarik GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) -[![PRs Selamat Datang](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) +[![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) -[![Pengamat 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/) -[![Fork 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/) -[![Bintang 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 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) # Pengembangan Web untuk Pemula - Kurikulum -Pelajari dasar-dasar pengembangan web dengan kursus komprehensif selama 12 minggu dari Microsoft Cloud Advocates. Setiap dari 24 pelajaran membahas JavaScript, CSS, dan HTML melalui proyek langsung seperti terarium, ekstensi browser, dan permainan luar angkasa. Ikuti kuis, diskusi, dan tugas praktis. Tingkatkan kemampuan Anda dan optimalkan retensi pengetahuan dengan pedagogi berbasis proyek kami yang efektif. Mulailah perjalanan coding Anda hari ini! +Pelajari dasar-dasar pengembangan web dengan kursus komprehensif selama 12 minggu oleh Microsoft Cloud Advocates. Setiap dari 24 pelajaran mendalami JavaScript, CSS, dan HTML melalui proyek langsung seperti terarium, ekstensi browser, dan permainan luar angkasa. Ikuti kuis, diskusi, dan tugas praktis. Tingkatkan keterampilan Anda dan optimalkan retensi pengetahuan Anda dengan pedagogi berbasis proyek yang efektif. Mulailah perjalanan pemrograman Anda hari ini! -Bergabung dengan Komunitas Discord Azure AI Foundry +Bergabunglah dengan Azure AI Foundry Discord dan temui para ahli serta sesama pengembang. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ikuti langkah-langkah ini untuk mulai menggunakan sumber daya ini: -1. **Fork Repository**: Klik [![Fork 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. **Clone Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Ikuti langkah-langkah ini untuk memulai menggunakan sumber daya ini: +1. **Fork Repositori**: Klik [![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. **Clone Repositori**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**Bergabung dengan Azure AI Foundry Discord dan temui para ahli serta sesama pengembang**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Dukungan Multibahasa +### 🌐 Dukungan Multi-Bahasa #### Didukung melalui GitHub Action (Otomatis & Selalu Terbaru) @@ -32,7 +32,7 @@ Ikuti langkah-langkah ini untuk mulai menggunakan sumber daya ini: > **Lebih suka Clone Secara Lokal?** > -> Repository ini mencakup lebih dari 50 terjemahan bahasa yang secara signifikan meningkatkan ukuran unduhan. Untuk clone tanpa terjemahan, gunakan sparse checkout: +> Repositori ini mencakup lebih dari 50 terjemahan bahasa yang secara signifikan meningkatkan ukuran unduhan. Untuk clone tanpa terjemahan, gunakan sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,24 +48,24 @@ Ikuti langkah-langkah ini untuk mulai menggunakan sumber daya ini: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Ini memberi Anda semua yang diperlukan untuk menyelesaikan kursus dengan waktu unduh yang jauh lebih cepat. +> Ini memberi Anda semua yang Anda butuhkan untuk menyelesaikan kursus dengan unduhan yang jauh lebih cepat. -**Jika Anda ingin bahasa terjemahan tambahan didukung, daftar lengkapnya ada [di sini](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Jika Anda ingin memiliki terjemahan tambahan, bahasa yang didukung terdaftar di sini. [di sini](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Buka di 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) -#### 🧑‍🎓 _Apakah kamu seorang pelajar?_ +#### 🧑‍🎓 _Apakah Anda seorang pelajar?_ -Kunjungi [**halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) di mana Anda akan menemukan sumber belajar pemula, paket Pelajar dan bahkan cara mendapatkan voucher sertifikat gratis. Ini adalah halaman yang patut Anda tandai dan cek secara berkala karena kami mengganti konten setiap bulan. +Kunjungi [**halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) di mana Anda akan menemukan sumber daya pemula, paket pelajar dan bahkan cara untuk mendapatkan voucher sertifikat gratis. Ini adalah halaman yang ingin Anda tandai dan periksa dari waktu ke waktu karena kami mengganti konten setiap bulan. ### 📣 Pengumuman - Tantangan mode GitHub Copilot Agent baru untuk diselesaikan! Tantangan baru ditambahkan, cari "GitHub Copilot Agent Challenge 🚀" di sebagian besar bab. Itu adalah tantangan baru untuk Anda selesaikan menggunakan GitHub Copilot dan mode Agent. Jika Anda belum pernah menggunakan mode Agent sebelumnya, mode ini tidak hanya mampu menghasilkan teks tetapi juga dapat membuat dan mengedit file, menjalankan perintah dan lainnya. -### 📣 Pengumuman - _Proyek Baru yang dibuat menggunakan Generative AI_ +### 📣 Pengumuman - _Proyek Baru untuk dibangun menggunakan Generative AI_ -Proyek Asisten AI baru saja ditambahkan, lihat [proyek](./9-chat-project/README.md) +Proyek Asisten AI baru saja ditambahkan, cek [proyek](./9-chat-project/README.md) ### 📣 Pengumuman - _Kurikulum Baru_ tentang Generative AI untuk JavaScript baru saja dirilis @@ -73,18 +73,18 @@ Jangan lewatkan kurikulum Generative AI baru kami! Kunjungi [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk memulai! -![Latar Belakang](../../translated_images/id/background.148a8d43afde5730.webp) +![Background](../../translated_images/id/background.148a8d43afde5730.webp) -- Pelajaran yang mencakup semuanya dari dasar hingga RAG. +- Pelajaran mencakup segala sesuatu mulai dari dasar hingga RAG. - Berinteraksi dengan karakter sejarah menggunakan GenAI dan aplikasi pendamping kami. - Narasi yang menyenangkan dan menarik, Anda akan melakukan perjalanan waktu! -![karakter](../../translated_images/id/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/id/character.5c0dd8e067ffd693.webp) -Setiap pelajaran mencakup tugas untuk diselesaikan, pemeriksaan pengetahuan, dan tantangan untuk membimbing Anda mempelajari topik seperti: +Setiap pelajaran mencakup tugas yang harus diselesaikan, pemeriksaan pengetahuan dan tantangan untuk memandu Anda mempelajari topik seperti: - Prompting dan rekayasa prompt -- Generasi aplikasi teks dan gambar +- Pembuatan aplikasi teks dan gambar - Aplikasi pencarian Kunjungi [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk memulai! @@ -93,37 +93,37 @@ Kunjungi [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk ## 🌱 Memulai -> **Guru**, kami telah [menyertakan beberapa saran](for-teachers.md) tentang cara menggunakan kurikulum ini. Kami sangat menghargai umpan balik Anda [di forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Guru**, kami telah [menyertakan beberapa saran](for-teachers.md) tentang cara menggunakan kurikulum ini. Kami sangat menghargai masukan Anda [di forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Pembelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulailah dengan kuis sebelum kuliah dan lanjutkan dengan membaca materi kuliah, menyelesaikan berbagai aktivitas dan periksa pemahaman Anda dengan kuis pasca kuliah. +**[Pembelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulailah dengan kuis pra-kuliah dan lanjutkan dengan membaca materi kuliah, menyelesaikan berbagai aktivitas dan memeriksa pemahaman Anda dengan kuis pasca-kuliah. -Untuk meningkatkan pengalaman belajar Anda, hubungkan dengan teman sebaya untuk mengerjakan proyek bersama! Diskusi sangat dianjurkan di [forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) di mana tim moderator kami akan siap menjawab pertanyaan Anda. +Untuk memperkaya pengalaman belajar Anda, hubungkan dengan rekan Anda untuk mengerjakan proyek bersama! Diskusi dianjurkan di [forum diskusi](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) kami di mana tim moderator kami akan siap menjawab pertanyaan Anda. -Untuk melanjutkan pendidikan Anda, kami sangat menyarankan untuk menjelajahi [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) untuk materi belajar tambahan. +Untuk melanjutkan pendidikan Anda, kami sangat menyarankan menjelajahi [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) untuk bahan studi tambahan. ### 📋 Menyiapkan lingkungan Anda -Kurikulum ini memiliki lingkungan pengembangan yang siap digunakan! Saat Anda memulai, Anda dapat memilih menjalankan kurikulum ini di [Codespace](https://github.com/features/codespaces/) (_lingkungan berbasis browser tanpa perlu instalasi_), atau secara lokal di komputer Anda menggunakan editor teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Kurikulum ini sudah memiliki lingkungan pengembangan siap pakai! Saat Anda memulai, Anda dapat memilih menjalankan kurikulum di [Codespace](https://github.com/features/codespaces/) (_lingkungan berbasis browser tanpa perlu instalasi_), atau secara lokal di komputer Anda menggunakan editor teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Buat repository Anda -Untuk memudahkan Anda menyimpan pekerjaan, disarankan untuk membuat salinan sendiri dari repository ini. Anda bisa melakukannya dengan mengklik tombol **Use this template** di bagian atas halaman. Ini akan membuat repository baru di akun GitHub Anda dengan salinan kurikulum. +#### Buat repositori Anda +Agar Anda mudah menyimpan pekerjaan Anda, disarankan untuk membuat salinan repositori ini sendiri. Anda dapat melakukannya dengan mengklik tombol **Use this template** di bagian atas halaman. Ini akan membuat repositori baru di akun GitHub Anda dengan salinan kurikulum. -Ikuti langkah-langkah ini: -1. **Fork Repository**: Klik tombol "Fork" di pojok kanan atas halaman ini. -2. **Clone Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Ikuti langkah berikut: +1. **Fork Repositori**: Klik tombol "Fork" di pojok kanan atas halaman ini. +2. **Clone Repositori**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Menjalankan kurikulum di Codespace -Di salinan repository yang Anda buat, klik tombol **Code** dan pilih **Open with Codespaces**. Ini akan membuat Codespace baru untuk Anda bekerja di sana. +Di salinan repositori yang Anda buat, klik tombol **Code** dan pilih **Open with Codespaces**. Ini akan membuat Codespace baru untuk Anda bekerja. ![Codespace](../../translated_images/id/createcodespace.0238bbf4d7a8d955.webp) #### Menjalankan kurikulum secara lokal di komputer Anda -Untuk menjalankan kurikulum ini secara lokal di komputer Anda, Anda memerlukan editor teks, browser, dan alat baris perintah. Pelajaran pertama kami, [Pengenalan Bahasa Pemrograman dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan membimbing Anda melalui berbagai opsi untuk masing-masing alat ini agar Anda dapat memilih yang terbaik untuk Anda. +Untuk menjalankan kurikulum ini secara lokal di komputer Anda, Anda memerlukan editor teks, browser dan alat baris perintah. Pelajaran pertama kami, [Pengantar Bahasa Pemrograman dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan memandu Anda melalui berbagai opsi untuk setiap alat ini agar Anda dapat memilih yang terbaik untuk Anda. Rekomendasi kami adalah menggunakan [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sebagai editor Anda, yang juga memiliki [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) bawaan. Anda dapat mengunduh Visual Studio Code [di sini](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clone repositori Anda ke komputer Anda. Anda dapat melakukan ini dengan mengklik tombol **Code** dan menyalin URL: +1. Kloning repositori Anda ke komputer. Anda dapat melakukannya dengan mengklik tombol **Code** dan menyalin URL-nya: [CodeSpace](./images/createcodespace.png) @@ -133,15 +133,15 @@ Rekomendasi kami adalah menggunakan [Visual Studio Code](https://code.visualstud git clone ``` -2. Buka folder tersebut di Visual Studio Code. Anda dapat melakukan ini dengan mengklik **File** > **Open Folder** dan memilih folder yang baru saja Anda clone. +2. Buka folder di Visual Studio Code. Anda dapat melakukannya dengan mengklik **File** > **Open Folder** dan memilih folder yang baru saja Anda kloning. -> Ekstensi Visual Studio Code yang direkomendasikan: +> Ekstensi Visual Studio Code yang Direkomendasikan: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - untuk mempratinjau halaman HTML di dalam Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - untuk melihat pratinjau halaman HTML di dalam Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - untuk membantu Anda menulis kode lebih cepat -## 📂 Setiap pelajaran termasuk: +## 📂 Setiap pelajaran mencakup: - sketchnote opsional - video tambahan opsional @@ -152,63 +152,63 @@ Rekomendasi kami adalah menggunakan [Visual Studio Code](https://code.visualstud - tantangan - bacaan tambahan - tugas -- [kuis pasca-pelajaran](https://ff-quizzes.netlify.app/web/) +- [kuis setelah pelajaran](https://ff-quizzes.netlify.app/web/) -> **Catatan tentang kuis**: Semua kuis terdapat dalam folder Quiz-app, total 48 kuis dengan tiga pertanyaan masing-masing. Mereka tersedia [di sini](https://ff-quizzes.netlify.app/web/) aplikasi kuis dapat dijalankan secara lokal atau dideploy ke Azure; ikuti instruksi di folder `quiz-app`. +> **Catatan tentang kuis**: Semua kuis terdapat di dalam folder Quiz-app, total 48 kuis dengan tiga pertanyaan setiap kuis. Kuis tersedia [di sini](https://ff-quizzes.netlify.app/web/), aplikasi kuis dapat dijalankan secara lokal atau dideploy ke Azure; ikuti instruksi di folder `quiz-app`. ## 🗃️ Pelajaran -| | Nama Proyek | Konsep yang Diajarkan | Tujuan Pembelajaran | Pelajaran Terkait | Penulis | +| | Nama Proyek | Konsep yang Diajarkan | Tujuan Pembelajaran | Pelajaran Terkait | Penulis | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Memulai | Pengenalan Pemrograman dan Alat Kerja | Pelajari dasar-dasar di balik sebagian besar bahasa pemrograman dan tentang perangkat lunak yang membantu pengembang profesional melakukan pekerjaan mereka | [Pengenalan Bahasa Pemrograman dan Alat](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Memulai | Dasar-dasar GitHub, termasuk bekerja dalam tim | Cara menggunakan GitHub dalam proyek Anda, cara berkolaborasi dengan orang lain pada basis kode | [Pengenalan GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Memulai | Aksesibilitas | Pelajari dasar-dasar aksesibilitas web | [Dasar-dasar Aksesibilitas](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Dasar JS | Tipe Data JavaScript | Dasar-dasar tipe data JavaScript | [Tipe Data](./2-js-basics/1-data-types/README.md) | Jasmine | +| 01 | Memulai | Pengenalan Pemrograman dan Alat Bantu | Pelajari dasar-dasar di balik sebagian besar bahasa pemrograman dan tentang perangkat lunak yang membantu pengembang profesional melakukan pekerjaan mereka | [Pengantar Bahasa Pemrograman dan Alat](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Memulai | Dasar-dasar GitHub, termasuk bekerja dalam tim | Cara menggunakan GitHub dalam proyek Anda, cara berkolaborasi dengan orang lain dalam basis kode | [Pengantar GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Memulai | Aksesibilitas | Pelajari dasar-dasar aksesibilitas web | [Dasar-Dasar Aksesibilitas](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Dasar JS | Tipe Data JavaScript | Dasar-dasar tipe data pada JavaScript | [Tipe Data](./2-js-basics/1-data-types/README.md) | Jasmine | | 05 | Dasar JS | Fungsi dan Metode | Pelajari tentang fungsi dan metode untuk mengelola alur logika aplikasi | [Fungsi dan Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine dan Christopher | -| 06 | Dasar JS | Membuat Keputusan dengan JS | Pelajari cara membuat kondisi dalam kode Anda menggunakan metode pengambilan keputusan | [Membuat Keputusan](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Dasar JS | Array dan Loop | Bekerja dengan data menggunakan array dan loop di JavaScript | [Array dan Loop](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML dalam Praktik | Bangun HTML untuk membuat terrarium online, fokus pada membangun tata letak | [Pengenalan HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS dalam Praktik | Bangun CSS untuk menata terrarium online, fokus pada dasar-dasar CSS termasuk membuat halaman responsif | [Pengenalan CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulasi DOM | Bangun JavaScript agar terrarium berfungsi sebagai antarmuka drag/drop, fokus pada closures dan manipulasi DOM | [JavaScript Closures, manipulasi DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Membuat Game Mengetik | Pelajari cara menggunakan peristiwa keyboard untuk menggerakkan logika aplikasi JavaScript Anda | [Pemrograman Berbasis Event](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bekerja dengan Browser | Pelajari cara kerja browser, sejarahnya, dan cara membuat elemen pertama dari ekstensi browser | [Tentang Browser](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Membangun formulir, memanggil API dan menyimpan variabel di penyimpanan lokal | Bangun elemen JavaScript pada ekstensi browser Anda untuk memanggil API menggunakan variabel yang disimpan di penyimpanan lokal | [API, Formulir, dan Penyimpanan Lokal](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Proses latar belakang di browser, performa web | Gunakan proses latar belakang browser untuk mengelola ikon ekstensi; pelajari tentang performa web dan beberapa optimasi untuk meningkatkan | [Tugas Latar Belakang dan Performa](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Pengembangan Game Lanjutan dengan JavaScript | Pelajari tentang Pewarisan menggunakan Kelas dan Komposisi serta pola Pub/Sub, sebagai persiapan untuk membangun game | [Pengenalan Pengembangan Game Lanjutan](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Menggambar ke kanvas | Pelajari tentang Canvas API, yang digunakan untuk menggambar elemen ke layar | [Menggambar ke Kanvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Memindahkan elemen di sekitar layar | Temukan bagaimana elemen dapat bergerak menggunakan koordinat kartesius dan Canvas API | [Memindahkan Elemen](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Deteksi tabrakan | Buat elemen bertabrakan dan bereaksi satu sama lain menggunakan penekanan tombol dan berikan fungsi pending untuk memastikan performa game | [Deteksi Tabrakan](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Menjaga skor | Lakukan perhitungan matematis berdasarkan status dan performa game | [Menjaga Skor](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Mengakhiri dan memulai ulang game | Pelajari tentang mengakhiri dan memulai ulang game, termasuk membersihkan aset dan mereset nilai variabel | [Kondisi Akhir](./6-space-game/6-end-condition/README.md) | Chris | +| 06 | Dasar JS | Membuat Keputusan dengan JS | Pelajari bagaimana membuat kondisi dalam kode menggunakan metode pengambilan keputusan | [Membuat Keputusan](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Dasar JS | Array dan Perulangan | Bekerja dengan data menggunakan array dan perulangan di JavaScript | [Array dan Perulangan](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML dalam Praktik | Bangun HTML untuk membuat terrarium online, fokus pada membangun tata letak | [Pengantar ke HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS dalam Praktik | Bangun CSS untuk menata terrarium online, fokus pada dasar-dasar CSS termasuk membuat halaman responsif | [Pengantar ke CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulasi DOM | Bangun JavaScript agar terrarium berfungsi sebagai antarmuka seret dan lepas, fokus pada closures dan manipulasi DOM | [JavaScript Closures, manipulasi DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Membangun Game Mengetik | Pelajari cara menggunakan event keyboard untuk menjalankan logika aplikasi JavaScript | [Pemrograman Berbasis Event](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bekerja dengan Browser | Pelajari cara kerja browser, sejarahnya, dan bagaimana membuat pondasi elemen pertama sebuah ekstensi browser | [Tentang Browser](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Membangun form, memanggil API, dan menyimpan variabel di penyimpanan lokal | Bangun elemen JavaScript dari ekstensi browser Anda untuk memanggil API menggunakan variabel yang disimpan di penyimpanan lokal | [API, Form, dan Penyimpanan Lokal](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Proses latar belakang di browser, kinerja web | Gunakan proses latar belakang browser untuk mengelola ikon ekstensi; pelajari tentang kinerja web dan beberapa optimisasi untuk membuat | [Tugas Latar Belakang dan Kinerja](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Pengembangan Game Lebih Lanjut dengan JavaScript | Pelajari tentang Pewarisan menggunakan Kelas dan Komposisi serta pola Pub/Sub, sebagai persiapan membangun game | [Pengantar Pengembangan Game Lanjutan](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Menggambar di kanvas | Pelajari tentang Canvas API, digunakan untuk menggambar elemen ke layar | [Menggambar ke Kanvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Memindahkan elemen di sekitar layar | Temukan bagaimana elemen bisa bergerak menggunakan koordinat kartesius dan Canvas API | [Memindahkan Elemen](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Deteksi tabrakan | Membuat elemen bertabrakan dan bereaksi satu sama lain menggunakan penekanan tombol dan menyediakan fungsi cooldown untuk memastikan kinerja game | [Deteksi Tabrakan](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Menghitung skor | Melakukan perhitungan matematika berdasarkan status dan kinerja game | [Menghitung Skor](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Mengakhiri dan memulai ulang game | Pelajari tentang mengakhiri dan memulai ulang game, termasuk membersihkan aset dan mengatur ulang nilai variabel | [Kondisi Akhir](./6-space-game/6-end-condition/README.md) | Chris | | 21 | [Banking App](./7-bank-project/solution/README.md) | Template HTML dan Rute dalam Aplikasi Web | Pelajari cara membuat kerangka arsitektur situs web multipage menggunakan routing dan template HTML | [Template HTML dan Rute](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Membuat Form Login dan Registrasi | Pelajari tentang membangun formulir dan menangani rutinitas validasi | [Formulir](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode Mengambil dan Menggunakan Data | Bagaimana data mengalir masuk dan keluar dari aplikasi Anda, cara mengambilnya, menyimpannya, dan membuangnya | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Membuat Formulir Login dan Registrasi | Pelajari tentang membuat formulir dan menangani rutin validasi | [Formulir](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode Pengambilan dan Penggunaan Data | Bagaimana data mengalir masuk dan keluar dari aplikasi Anda, bagaimana mengambilnya, menyimpannya, dan membuangnya | [Data](./7-bank-project/3-data/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | Konsep Manajemen Status | Pelajari bagaimana aplikasi Anda mempertahankan status dan cara mengelolanya secara programatik | [Manajemen Status](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan editor kode | [Gunakan Editor Kode VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 25 | [Browser/VScode Code](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan editor kode| [Gunakan Editor Kode VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Bekerja dengan AI | Pelajari cara membangun asisten AI Anda sendiri | [Proyek Asisten AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogi -Kurikulum kami dirancang dengan dua prinsip pedagogis utama: +Kurikulum kami dirancang dengan dua prinsip pedagogis utama dalam pikiran: * pembelajaran berbasis proyek * kuis yang sering -Program ini mengajarkan dasar-dasar JavaScript, HTML, dan CSS, serta alat dan teknik terbaru yang digunakan oleh pengembang web masa kini. Siswa akan memiliki kesempatan untuk mengembangkan pengalaman langsung dengan membangun game mengetik, terrarium virtual, ekstensi browser ramah lingkungan, game bergaya penyerang luar angkasa, dan aplikasi perbankan untuk bisnis. Pada akhir seri, siswa akan memiliki pemahaman yang solid tentang pengembangan web. +Program ini mengajarkan dasar-dasar JavaScript, HTML, dan CSS, serta alat dan teknik terbaru yang digunakan oleh pengembang web saat ini. Siswa akan memiliki kesempatan untuk mengembangkan pengalaman langsung dengan membangun game mengetik, terrarium virtual, ekstensi browser ramah lingkungan, permainan gaya invasi ruang angkasa, dan aplikasi perbankan untuk bisnis. Pada akhir seri, siswa akan memperoleh pemahaman yang kuat tentang pengembangan web. > 🎓 Anda dapat mengikuti beberapa pelajaran pertama dalam kurikulum ini sebagai [Jalur Pembelajaran](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) di Microsoft Learn! -Dengan memastikan konten sesuai dengan proyek, proses pembelajaran menjadi lebih menarik bagi siswa dan retensi konsep akan meningkat. Kami juga menulis beberapa pelajaran awal tentang dasar-dasar JavaScript untuk memperkenalkan konsep, dipasangkan dengan video dari koleksi tutorial video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", beberapa penulisnya berkontribusi pada kurikulum ini. +Dengan memastikan konten sesuai dengan proyek, proses pembelajaran menjadi lebih menarik bagi siswa dan retensi konsep akan meningkat. Kami juga menulis beberapa pelajaran awal mengenai dasar-dasar JavaScript untuk memperkenalkan konsep, dipadukan dengan video dari koleksi tutorial video "[Seri Pemula untuk: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", beberapa penulisnya berkontribusi pada kurikulum ini. -Selain itu, kuis tanpa tekanan sebelum kelas mengatur niat siswa untuk mempelajari topik, sementara kuis kedua setelah kelas memastikan retensi lebih lanjut. Kurikulum ini dirancang agar fleksibel dan menyenangkan serta dapat diambil secara penuh atau sebagian. Proyek dimulai dari yang kecil dan menjadi semakin kompleks di akhir siklus 12 minggu. +Selain itu, kuis dengan risiko rendah sebelum kelas menetapkan niat siswa terhadap pembelajaran topik, sementara kuis kedua setelah kelas memastikan retensi lebih lanjut. Kurikulum ini dirancang agar fleksibel dan menyenangkan dan dapat diambil secara lengkap atau sebagian. Proyek dimulai kecil dan menjadi semakin kompleks pada akhir siklus 12 minggu. -Walaupun kami sengaja menghindari pengenalan kerangka kerja JavaScript untuk berkonsentrasi pada keterampilan dasar yang dibutuhkan sebagai pengembang web sebelum mengadopsi kerangka kerja, langkah selanjutnya yang baik setelah menyelesaikan kurikulum ini adalah belajar tentang Node.js melalui koleksi video lain: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Meskipun kami sengaja menghindari mengenalkan framework JavaScript untuk fokus pada keterampilan dasar yang dibutuhkan sebagai pengembang web sebelum menggunakan framework, langkah selanjutnya yang baik setelah menyelesaikan kurikulum ini adalah mempelajari Node.js melalui koleksi video lain: "[Seri Pemula untuk: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Kunjungi [Kode Etik](CODE_OF_CONDUCT.md) dan panduan [Kontribusi](CONTRIBUTING.md) kami. Kami menyambut umpan balik konstruktif Anda! +> Kunjungi [Kode Etik](CODE_OF_CONDUCT.md) dan pedoman [Kontribusi](CONTRIBUTING.md) kami. Kami menyambut umpan balik konstruktif Anda! ## 🧭 Akses Offline -Anda dapat menjalankan dokumentasi ini secara offline dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repo ini, [instal Docsify](https://docsify.js.org/#/quickstart) di mesin lokal Anda, lalu di folder root repo ini, ketik `docsify serve`. Situs web akan disajikan pada port 3000 di localhost Anda: `localhost:3000`. +Anda dapat menjalankan dokumentasi ini secara offline dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repositori ini, [pasang Docsify](https://docsify.js.org/#/quickstart) pada mesin lokal Anda, lalu di folder root dari repositori ini, ketik `docsify serve`. Situs web akan dilayani pada port 3000 di localhost Anda: `localhost:3000`. ## 📘 PDF PDF dari semua pelajaran dapat ditemukan [di sini](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -216,7 +216,7 @@ PDF dari semua pelajaran dapat ditemukan [di sini](https://microsoft.github.io/W ## 🎒 Kursus Lainnya -Tim kami memproduksi kursus lain! Lihat: +Tim kami memproduksi kursus lain! Periksa: ### LangChain @@ -225,7 +225,7 @@ Tim kami memproduksi kursus lain! Lihat: [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agens +### Azure / Edge / MCP / Agents [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI 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) @@ -260,11 +260,11 @@ Tim kami memproduksi kursus lain! Lihat: ## Mendapatkan Bantuan -Jika Anda mengalami kebuntuan atau memiliki pertanyaan tentang membangun aplikasi AI. Bergabunglah dengan sesama pembelajar dan pengembang berpengalaman dalam diskusi tentang MCP. Ini adalah komunitas yang mendukung di mana pertanyaan dipersilakan dan pengetahuan dibagikan secara bebas. +Jika Anda mengalami kesulitan atau memiliki pertanyaan tentang membangun aplikasi AI. Bergabunglah dengan sesama pembelajar dan pengembang berpengalaman dalam diskusi tentang MCP. Ini adalah komunitas yang mendukung di mana pertanyaan dipersilakan dan pengetahuan dibagikan secara bebas. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Jika Anda memiliki umpan balik produk atau menemukan kesalahan saat membangun kunjungi: +Jika Anda memiliki masukan produk atau kesalahan saat membangun, kunjungi: [![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) @@ -275,6 +275,6 @@ Repositori ini dilisensikan di bawah lisensi MIT. Lihat file [LICENSE](../../LIC --- -**Penafian**: -Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya untuk mencapai akurasi, harap diketahui bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang otoritatif. Untuk informasi penting, disarankan menggunakan terjemahan manusia profesional. Kami tidak bertanggung jawab atas kesalahpahaman atau salah tafsir yang timbul dari penggunaan terjemahan ini. +**Disclaimer**: +Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya untuk keakuratan, harap diingat bahwa terjemahan otomatis dapat mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang sah. Untuk informasi penting, disarankan menggunakan terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau interpretasi yang keliru yang timbul dari penggunaan terjemahan ini. \ No newline at end of file diff --git a/translations/id/lesson-template/README.md b/translations/id/lesson-template/README.md index 2cb5568456..6b15f868ce 100644 --- a/translations/id/lesson-template/README.md +++ b/translations/id/lesson-template/README.md @@ -1,30 +1,48 @@ -# [Topik Pelajaran] +# Topik Pelajaran -![Sematkan video di sini](../../../lesson-template/video-url) +## 🎥 Video -## [Kuis Pra-Pelajaran](../../../lesson-template/quiz-url) +> Tambahkan video tertanam atau tautan pelajaran di sini. -[Deskripsikan apa yang akan kita pelajari] +--- + +## Kuis pra kuliah + +> Tambahkan tautan kuis di sini jika tersedia. + +--- + +Berikan gambaran singkat tentang apa yang akan dipelajari siswa dalam pelajaran ini. + +--- ### Pendahuluan -Jelaskan apa yang akan dibahas +Berikan pengantar singkat yang menjelaskan apa yang akan dibahas dalam pelajaran ini. > Catatan +--- + ### Prasyarat -Langkah-langkah apa yang seharusnya sudah diselesaikan sebelum pelajaran ini? +Daftar konsep atau topik yang sudah harus dikenal siswa sebelum memulai pelajaran ini. + +--- ### Persiapan -Langkah-langkah persiapan untuk memulai pelajaran ini +Daftar langkah penyiapan atau alat yang diperlukan sebelum memulai pelajaran. --- -[Langkah-langkah melalui konten dalam blok] +### Konten + +Jelaskan isi pelajaran secara bertahap dalam bagian-bagian yang terstruktur. + +--- -## [Topik 1] +## Topik 1 ### Tugas: @@ -34,23 +52,28 @@ Bekerja sama untuk secara bertahap meningkatkan basis kode Anda guna membangun p code blocks ``` -✅ Pemeriksaan Pengetahuan - gunakan momen ini untuk memperluas pengetahuan siswa dengan pertanyaan terbuka +✅ Pemeriksaan Pengetahuan +Gunakan momen ini untuk menguji pengetahuan siswa dengan pertanyaan terbuka. -## [Topik 2] +## Topik 2 +## Topik 3 -## [Topik 3] +🚀 Tantangan +Tambahkan tantangan kolaboratif bagi siswa untuk meningkatkan proyek. -🚀 Tantangan: Tambahkan tantangan bagi siswa untuk dikerjakan secara kolaboratif di kelas guna meningkatkan proyek +Opsional: Tambahkan tangkapan layar dari UI pelajaran yang telah selesai jika sesuai. -Opsional: tambahkan tangkapan layar dari antarmuka pelajaran yang telah selesai jika sesuai +## Kuis pasca kuliah -## [Kuis Pasca-Pelajaran](../../../lesson-template/quiz-url) +Tambahkan tautan kuis di sini setelah menyelesaikan pelajaran. -## Tinjauan & Studi Mandiri +## Tinjauan & Belajar Mandiri -**Tugas Dikumpulkan [MM/YY]**: [Nama Tugas](assignment.md) +**Tugas Jatuh Tempo [MM/YY]**: [Nama Tugas](assignment.md) --- + **Penafian**: -Dokumen ini telah diterjemahkan menggunakan layanan penerjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berusaha untuk memberikan hasil yang akurat, harap diingat bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang otoritatif. Untuk informasi yang bersifat kritis, disarankan menggunakan jasa penerjemahan manusia profesional. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang keliru yang timbul dari penggunaan terjemahan ini. \ No newline at end of file +Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya untuk mencapai akurasi, harap diketahui bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang sah. Untuk informasi penting, disarankan menggunakan terjemahan manusia profesional. Kami tidak bertanggung jawab atas kesalahpahaman atau kesalahan interpretasi yang timbul dari penggunaan terjemahan ini. + \ No newline at end of file diff --git a/translations/it/.co-op-translator.json b/translations/it/.co-op-translator.json index 459e277231..f35eed88c2 100644 --- a/translations/it/.co-op-translator.json +++ b/translations/it/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:39:19+00:00", + "translation_date": "2026-04-24T17:00:14+00:00", "source_file": "AGENTS.md", "language_code": "it" }, @@ -516,8 +516,8 @@ "language_code": "it" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:42:54+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T16:54:07+00:00", "source_file": "README.md", "language_code": "it" }, @@ -564,8 +564,8 @@ "language_code": "it" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T00:51:37+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T16:54:17+00:00", "source_file": "lesson-template/README.md", "language_code": "it" }, diff --git a/translations/it/AGENTS.md b/translations/it/AGENTS.md index 13a003bf84..e06108199f 100644 --- a/translations/it/AGENTS.md +++ b/translations/it/AGENTS.md @@ -2,36 +2,36 @@ ## Panoramica del Progetto -Questo è un repository didattico per insegnare le basi dello sviluppo web ai principianti. Il curriculum è un corso completo di 12 settimane sviluppato dai Microsoft Cloud Advocates, con 24 lezioni pratiche che coprono JavaScript, CSS e HTML. +Questo è un repository di curriculum educativo per l'insegnamento delle basi dello sviluppo web ai principianti. Il curriculum è un corso completo di 12 settimane sviluppato dai Microsoft Cloud Advocates, che include 24 lezioni pratiche su JavaScript, CSS e HTML. ### Componenti Chiave -- **Contenuti Educativi**: 24 lezioni strutturate organizzate in moduli basati su progetti -- **Progetti Pratici**: Terrario, Gioco di Digitazione, Estensione Browser, Gioco Spaziale, App Bancaria, Editor di Codice e Assistente Chat AI -- **Quiz Interattivi**: 48 quiz con 3 domande ciascuno (valutazioni pre/post lezione) +- **Contenuto Educativo**: 24 lezioni strutturate organizzate in moduli basati su progetti +- **Progetti Pratici**: Terrarium, Gioco di Digitazione, Estensione Browser, Gioco Spaziale, App Bancaria, Editor di Codice e Assistente Chat AI +- **Quiz Interattivi**: 48 quiz con 3 domande ciascuno (valutazioni pre/post-lezione) - **Supporto Multilingue**: Traduzioni automatiche per oltre 50 lingue tramite GitHub Actions - **Tecnologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (per progetti AI) ### Architettura - Repository educativo con struttura basata sulle lezioni -- Ogni cartella lezione contiene README, esempi di codice e soluzioni -- Progetti indipendenti in directory separate (quiz-app, vari progetti delle lezioni) -- Sistema di traduzione usando GitHub Actions (co-op-translator) +- Ogni cartella di lezione contiene README, esempi di codice e soluzioni +- Progetti standalone in directory separate (quiz-app, vari progetti di lezione) +- Sistema di traduzione tramite GitHub Actions (co-op-translator) - Documentazione servita tramite Docsify e disponibile in PDF -## Comandi di Setup +## Comandi di Configurazione -Questo repository è principalmente per il consumo di contenuti educativi. Per lavorare con progetti specifici: +Questo repository è principalmente per il consumo di contenuti educativi. Per lavorare su progetti specifici: -### Setup Principale del Repository +### Configurazione Principale del Repository ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Setup Quiz App (Vue 3 + Vite) +### Configurazione Quiz App (Vue 3 + Vite) ```bash cd quiz-app @@ -41,17 +41,17 @@ npm run build # Compila per la produzione npm run lint # Esegui ESLint ``` -### API Progetto Bancario (Node.js + Express) +### API del Progetto Bancario (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # Avvia il server API npm run lint # Esegui ESLint -npm run format # Format con Prettier +npm run format # Formatta con Prettier ``` -### Progetti Estensioni Browser +### Progetti Estensione Browser ```bash cd 5-browser-extension/solution @@ -76,37 +76,37 @@ pip install openai python api.py ``` -## Flusso di Lavoro Sviluppo +## Flusso di Lavoro di Sviluppo -### Per i Contributori di Contenuti +### Per i Collaboratori di Contenuti -1. **Fai il fork del repository** sul tuo account GitHub +1. **Effettua il fork** del repository nel tuo account GitHub 2. **Clona il tuo fork** localmente 3. **Crea un nuovo branch** per le tue modifiche -4. Apporta modifiche ai contenuti della lezione o agli esempi di codice -5. Testa ogni modifica al codice nelle directory dei progetti rilevanti +4. Modifica il contenuto delle lezioni o gli esempi di codice +5. Testa le modifiche al codice nelle directory dei progetti rilevanti 6. Invia pull request seguendo le linee guida di contributo ### Per gli Studenti 1. Fai fork o clona il repository 2. Naviga sequenzialmente nelle directory delle lezioni -3. Leggi i file README per ogni lezione +3. Leggi i file README di ogni lezione 4. Completa i quiz pre-lezione su https://ff-quizzes.netlify.app/web/ 5. Lavora sugli esempi di codice nelle cartelle delle lezioni 6. Completa compiti e sfide -7. Sostieni i quiz post-lezione +7. Esegui i quiz post-lezione -### Sviluppo Live +### Sviluppo in Tempo Reale - **Documentazione**: Esegui `docsify serve` nella root (porta 3000) - **Quiz App**: Esegui `npm run dev` nella directory quiz-app -- **Progetti**: Usa l’estensione VS Code Live Server per progetti HTML -- **Progetti API**: Esegui `npm start` nelle rispettive directory API +- **Progetti**: Usa l'estensione Live Server di VS Code per progetti HTML +- **Progetti API**: Esegui `npm start` nelle directory API corrispondenti -## Istruzioni per i Test +## Istruzioni per il Testing -### Test Quiz App +### Testing Quiz App ```bash cd quiz-app @@ -114,7 +114,7 @@ npm run lint # Controlla problemi di stile del codice npm run build # Verifica che la compilazione abbia successo ``` -### Test API Bancaria +### Testing API Bancaria ```bash cd 7-bank-project/api @@ -122,14 +122,14 @@ npm run lint # Controlla problemi di stile del codice node server.js # Verifica che il server si avvii senza errori ``` -### Approccio Generale ai Test +### Approccio Generale al Testing -- Questo è un repository educativo senza test automatizzati completi +- Questo è un repository educativo senza test automatici completi - Il testing manuale si concentra su: - - Gli esempi di codice funzionano senza errori - - I link nella documentazione sono funzionanti - - Le build dei progetti completano con successo - - Gli esempi rispettano le best practice + - Esecuzione senza errori degli esempi di codice + - Correttezza dei link nella documentazione + - Completamento con successo delle build dei progetti + - Esempi che seguono le best practice ### Controlli Pre-Invio @@ -138,33 +138,33 @@ node server.js # Verifica che il server si avvii senza errori - Testa gli esempi di codice in browser o Node.js - Controlla che le traduzioni mantengano la struttura corretta -## Linee Guida per lo Stile del Codice +## Linee Guida sullo Stile del Codice ### JavaScript - Usa sintassi moderna ES6+ -- Segui le configurazioni ESLint standard fornite nei progetti -- Usa nomi significativi per variabili e funzioni per chiarezza didattica -- Aggiungi commenti che spiegano i concetti per gli studenti +- Segui le configurazioni standard ESLint fornite nei progetti +- Usa nomi di variabili e funzioni significativi per chiarezza educativa +- Aggiungi commenti per spiegare concetti agli studenti - Formattta usando Prettier dove configurato ### HTML/CSS - Elementi semantici HTML5 -- Principi di design responsivo -- Convenzioni chiare per la nomenclatura delle classi -- Commenti che spiegano le tecniche CSS per gli studenti +- Principi di design responsive +- Convenzioni chiare di denominazione delle classi +- Commenti che spiegano tecniche CSS per gli studenti ### Python - Linee guida di stile PEP 8 -- Esempi di codice chiari e didattici +- Esempi di codice chiari ed educativi - Suggerimenti di tipo dove utili per l’apprendimento ### Documentazione Markdown - Gerarchia chiara delle intestazioni -- Blocchi di codice con specifica linguaggio +- Blocchi di codice con specifica del linguaggio - Link a risorse aggiuntive - Screenshot e immagini nelle cartelle `images/` - Testo alternativo per le immagini per accessibilità @@ -172,28 +172,28 @@ node server.js # Verifica che il server si avvii senza errori ### Organizzazione dei File - Lezioni numerate sequenzialmente (1-getting-started-lessons, 2-js-basics, ecc.) -- Ogni progetto ha directory `solution/` e spesso `start/` o `your-work/` -- Immagini archiviate nelle cartelle `images/` specifiche della lezione -- Traduzioni in struttura `translations/{language-code}/` +- Ogni progetto ha directory `solution/` e spesso anche `start/` o `your-work/` +- Immagini archiviate nelle cartelle `images/` specifiche di ogni lezione +- Traduzioni nella struttura `translations/{language-code}/` -## Build e Deployment +## Build e Deploy -### Deployment Quiz App (Azure Static Web Apps) +### Distribuzione Quiz App (Azure Static Web Apps) La quiz-app è configurata per il deployment su Azure Static Web Apps: ```bash cd quiz-app npm run build # Crea la cartella dist/ -# Esegue il deploy tramite workflow di GitHub Actions al push su main +# Distribuisce tramite il flusso di lavoro GitHub Actions al push su main ``` Configurazione Azure Static Web Apps: -- **Posizione app**: `/quiz-app` -- **Cartella output**: `dist` +- **Posizione dell’app**: `/quiz-app` +- **Posizione output**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Generazione PDF Documentazione +### Generazione PDF della Documentazione ```bash npm install # Installa docsify-to-pdf @@ -207,29 +207,29 @@ npm install -g docsify-cli # Installa Docsify globalmente docsify serve # Servi su localhost:3000 ``` -### Build Specifici per Progetto +### Build Specifici dei Progetti Ogni directory progetto può avere un proprio processo di build: -- Progetti Vue: `npm run build` crea bundle di produzione -- Progetti statici: nessun passaggio di build, servire i file direttamente +- Progetti Vue: `npm run build` crea bundle per produzione +- Progetti statici: Nessun passaggio build, i file sono serviti direttamente ## Linee Guida per le Pull Request ### Formato del Titolo -Usa titoli chiari e descrittivi che indicano l’area di modifica: -- `[Quiz-app] Aggiunta nuovo quiz per la lezione X` -- `[Lesson-3] Correzione errore di battitura nel progetto terrario` +Usa titoli chiari e descrittivi che indichino l’area di modifica: +- `[Quiz-app] Aggiungi nuovo quiz per la lezione X` +- `[Lesson-3] Correzione refusi nel progetto terrarium` - `[Translation] Aggiunta traduzione spagnola per la lezione 5` -- `[Docs] Aggiornate istruzioni di setup` +- `[Docs] Aggiornamento istruzioni di configurazione` ### Controlli Richiesti Prima di inviare una PR: 1. **Qualità del Codice**: - - Esegui `npm run lint` nelle directory dei progetti interessati - - Correggi tutti errori e avvisi di lint + - Esegui `npm run lint` nelle directory progetto interessate + - Risolvi tutti gli errori e avvertimenti di lint 2. **Verifica Build**: - Esegui `npm run build` se applicabile @@ -237,44 +237,44 @@ Prima di inviare una PR: 3. **Validazione Link**: - Testa tutti i link markdown - - Verifica riferimenti alle immagini + - Verifica che i riferimenti alle immagini funzionino -4. **Revisione Contenuti**: - - Controllo ortografia e grammatica - - Assicurati che gli esempi di codice siano corretti e didattici +4. **Revisione del Contenuto**: + - Correggi ortografia e grammatica + - Assicurati che gli esempi di codice siano corretti ed educativi - Verifica che le traduzioni mantengano il significato originale -### Requisiti di Contributo +### Requisiti per il Contributo -- Accetta la Microsoft CLA (verifica automatica alla prima PR) -- Segui il [Codice di Condotta Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/) -- Consulta [CONTRIBUTING.md](./CONTRIBUTING.md) per dettagli -- Riferisci numeri di issue nella descrizione PR se appropriato +- Accettare il CLA Microsoft (controllo automatico alla prima PR) +- Seguire il [Codice di Condotta Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Consultare [CONTRIBUTING.md](./CONTRIBUTING.md) per linee guida dettagliate +- Fare riferimento ai numeri degli issue nella descrizione della PR se applicabile ### Processo di Revisione -- Le PR sono revisionate da maintainer e community -- Si dà priorità alla chiarezza didattica -- Gli esempi di codice devono seguire le migliori pratiche correnti -- Le traduzioni sono riviste per accuratezza e adeguatezza culturale +- Le PR sono revisionate da mantenitori e comunità +- La chiarezza educativa è prioritaria +- Gli esempi di codice devono seguire le best practice attuali +- Le traduzioni sono revisionate per precisione e adeguatezza culturale ## Sistema di Traduzione ### Traduzione Automatica -- Usa GitHub Actions con workflow co-op-translator +- Usa GitHub Actions con il workflow co-op-translator - Traduce automaticamente in oltre 50 lingue - File sorgente nelle directory principali -- File tradotti in directory `translations/{language-code}/` +- File tradotti in `translations/{language-code}/` -### Aggiungere Miglioramenti Manuali +### Aggiunta di Miglioramenti Manuali alle Traduzioni -1. Trova il file in `translations/{language-code}/` -2. Apporta miglioramenti preservando la struttura +1. Individua il file in `translations/{language-code}/` +2. Effettua miglioramenti preservando la struttura 3. Assicurati che gli esempi di codice rimangano funzionanti -4. Testa ogni contenuto quiz localizzato +4. Testa eventuale contenuto quiz localizzato -### Metadata Traduzione +### Metadata delle Traduzioni I file tradotti includono header di metadata: ```markdown @@ -294,61 +294,61 @@ CO_OP_TRANSLATOR_METADATA: ### Problemi Comuni **Quiz app non si avvia**: -- Controlla versione Node.js (consigliata v14+) -- Cancella `node_modules` e `package-lock.json`, esegui di nuovo `npm install` +- Verifica versione Node.js (consigliato v14+) +- Elimina `node_modules` e `package-lock.json`, esegui di nuovo `npm install` - Controlla conflitti di porta (default: Vite usa porta 5173) **Server API non si avvia**: -- Verifica che versione Node.js sia almeno (node >=10) -- Controlla se la porta è già in uso +- Verifica versione Node.js minima (node >=10) +- Controlla che la porta non sia già utilizzata - Assicurati che tutte le dipendenze siano installate con `npm install` **Estensione browser non si carica**: -- Verifica che manifest.json sia ben formato +- Verifica che manifest.json sia formattato correttamente - Controlla la console del browser per errori - Segui le istruzioni specifiche di installazione per il browser -**Problemi con progetto chat Python**: +**Problemi progetto chat Python**: - Assicurati che il pacchetto OpenAI sia installato: `pip install openai` - Verifica che la variabile ambiente GITHUB_TOKEN sia impostata -- Controlla i permessi di accesso ai Modelli GitHub +- Controlla i permessi d'accesso ai modelli GitHub **Docsify non serve la documentazione**: - Installa docsify-cli globalmente: `npm install -g docsify-cli` -- Avvia dalla root del repository +- Avvia dal root del repository - Verifica che `docs/_sidebar.md` esista -### Consigli Ambiente di Sviluppo +### Consigli per l’Ambiente di Sviluppo -- Usa VS Code con estensione Live Server per progetti HTML -- Installa estensioni ESLint e Prettier per formattazione coerente -- Usa gli strumenti DevTools del browser per il debug JavaScript +- Usa VS Code con l’estensione Live Server per i progetti HTML +- Installa le estensioni ESLint e Prettier per formattazione coerente +- Usa DevTools del browser per il debug di JavaScript - Per progetti Vue, installa l’estensione Vue DevTools per browser ### Considerazioni sulle Prestazioni -- Gran numero di file tradotti (oltre 50 lingue) rende il clone completo pesante -- Usa clone shallow se lavori solo sui contenuti: `git clone --depth 1` -- Escludi le traduzioni dalle ricerche quando lavori solo su contenuti in inglese -- I processi di build possono essere lenti alla prima esecuzione (npm install, build Vite) +- L’alto numero di file tradotti (oltre 50 lingue) rende le clone complete molto grandi +- Usa clone superficiale se lavori solo sul contenuto: `git clone --depth 1` +- Escludi le traduzioni dalle ricerche quando lavori su contenuti in inglese +- I processi di build possono essere lenti al primo avvio (npm install, build Vite) ## Considerazioni di Sicurezza ### Variabili d’Ambiente - Le chiavi API non devono mai essere committate nel repository -- Usa file `.env` (già in `.gitignore`) -- Documenta variabili d’ambiente richieste nei README dei progetti +- Usa file `.env` (già presenti in `.gitignore`) +- Documenta le variabili ambiente richieste nei README dei progetti ### Progetti Python - Usa ambienti virtuali: `python -m venv venv` - Mantieni aggiornate le dipendenze -- I token GitHub devono avere permessi minimi necessari +- I token GitHub devono avere i permessi minimi necessari -### Accesso Modelli GitHub +### Accesso ai Modelli GitHub -- Sono richiesti Personal Access Tokens (PAT) per i Modelli GitHub +- Sono richiesti Personal Access Token (PAT) per i modelli GitHub - I token devono essere conservati come variabili ambiente - Mai committare token o credenziali @@ -357,52 +357,52 @@ CO_OP_TRANSLATOR_METADATA: ### Pubblico Target - Principianti completi nello sviluppo web -- Studenti e autodidatti +- Studenti e autoapprendenti - Insegnanti che usano il curriculum in aula -- Contenuti progettati per accessibilità e sviluppo graduale delle competenze +- I contenuti sono progettati per accessibilità e sviluppo graduale delle competenze ### Filosofia Educativa -- Approccio basato su progetti -- Verifiche di apprendimento frequenti (quiz) -- Esercizi pratici di coding +- Approccio di apprendimento basato su progetti +- Controlli di conoscenza frequenti (quiz) +- Esercizi pratici di programmazione - Esempi di applicazioni reali - Focus sulle basi prima dei framework ### Manutenzione del Repository -- Comunità attiva di studenti e contributori +- Comunità attiva di studenti e collaboratori - Aggiornamenti regolari di dipendenze e contenuti -- Issue e discussioni monitorate dai maintainer -- Aggiornamenti alle traduzioni automatici via GitHub Actions +- Issue e discussioni monitorate dai mantenitori +- Aggiornamenti delle traduzioni automatizzati tramite GitHub Actions ### Risorse Correlate - [Moduli Microsoft Learn](https://docs.microsoft.com/learn/) - [Risorse Student Hub](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) consigliato per gli studenti -- Corsi aggiuntivi: curricula di IA generativa, Data Science, ML, IoT disponibili +- Corsi aggiuntivi: Generative AI, Data Science, ML, curricula IoT disponibili ### Lavorare con Progetti Specifici -Per istruzioni dettagliate sui singoli progetti, consulta i file README in: +Per istruzioni dettagliate sui singoli progetti, riferirsi ai file README in: - `quiz-app/README.md` - Applicazione quiz Vue 3 - `7-bank-project/README.md` - Applicazione bancaria con autenticazione - `5-browser-extension/README.md` - Sviluppo estensione browser -- `6-space-game/README.md` - Sviluppo gioco basato su Canvas +- `6-space-game/README.md` - Sviluppo gioco con canvas - `9-chat-project/README.md` - Progetto assistente chat AI ### Struttura Monorepo -Sebbene non sia un monorepo tradizionale, questo repository contiene più progetti indipendenti: +Pur non essendo un monorepo tradizionale, questo repository contiene molteplici progetti indipendenti: - Ogni lezione è autonoma - I progetti non condividono dipendenze -- Lavora sui singoli progetti senza influenzarne altri -- Clona l’intero repo per l’esperienza completa del curriculum +- Lavorare su progetti individuali senza influenzare gli altri +- Clonare l’intero repo per l’esperienza completa del curriculum --- -**Disclaimer**: -Questo documento è stato tradotto utilizzando il servizio di traduzione AI [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua madre deve essere considerato la fonte autorevole. Per informazioni critiche, si consiglia una traduzione professionale effettuata da un umano. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall'uso di questa traduzione. +**Dichiarazione di esclusione di responsabilità**: +Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un umano. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall’uso di questa traduzione. \ No newline at end of file diff --git a/translations/it/README.md b/translations/it/README.md index 263cff8ed1..1d10003aed 100644 --- a/translations/it/README.md +++ b/translations/it/README.md @@ -1,69 +1,90 @@ +[![Licenza GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) +[![Contributori GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) +[![Issue GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) +[![Pull request GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) +[![PRs Benvenuti](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) + +[![Watcher 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/) +[![Fork 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/) +[![Star 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/) + +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) + # Sviluppo Web per Principianti - Un Curriculum -Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane tenuto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni approfondisce JavaScript, CSS e HTML attraverso progetti pratici come terrari, estensioni per browser e giochi spaziali. Partecipa a quiz, discussioni e compiti pratici. Migliora le tue competenze e ottimizza la tua memoria con la nostra efficace metodologia di apprendimento basata su progetti. Inizia il tuo percorso di codifica oggi stesso! +Impara i fondamenti dello sviluppo web con il nostro corso completo di 12 settimane tenuto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni esplora JavaScript, CSS e HTML attraverso progetti pratici come terrari, estensioni per browser e giochi spaziali. Partecipa a quiz, discussioni e compiti pratici. Migliora le tue abilità e ottimizza la ritenzione della conoscenza con la nostra pedagogia efficace basata su progetti. Inizia oggi il tuo percorso di programmazione! + +Unisciti al Discord di Azure AI Foundry e incontra esperti e sviluppatori. -Unisciti alla community Discord di Azure AI Foundry +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Segui questi passaggi per iniziare a usare queste risorse: -1. **Fork del repository**: Clicca [![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 il repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Segui questi passaggi per iniziare a usare queste risorse: +1. **Forka il Repository**: Clicca [![Fork 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. **Clona il Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**Unisciti al Discord di Azure AI Foundry e incontra esperti e altri sviluppatori**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Supporto Multilingua +### 🌐 Supporto Multilingue -#### Supportato tramite GitHub Action (Automatizzato e sempre aggiornato) +#### Supportato tramite GitHub Action (Automatizzato e Sempre Aggiornato) -> **Preferisci clonare localmente?** + +[Arabo](../ar/README.md) | [Bengalese](../bn/README.md) | [Bulgaro](../bg/README.md) | [Birmano (Myanmar)](../my/README.md) | [Cinese (Semplificato)](../zh-CN/README.md) | [Cinese (Tradizionale, Hong Kong)](../zh-HK/README.md) | [Cinese (Tradizionale, Macau)](../zh-MO/README.md) | [Cinese (Tradizionale, Taiwan)](../zh-TW/README.md) | [Croato](../hr/README.md) | [Ceco](../cs/README.md) | [Danese](../da/README.md) | [Olandese](../nl/README.md) | [Estone](../et/README.md) | [Finlandese](../fi/README.md) | [Francese](../fr/README.md) | [Tedesco](../de/README.md) | [Greco](../el/README.md) | [Ebraico](../he/README.md) | [Hindi](../hi/README.md) | [Ungherese](../hu/README.md) | [Indonesiano](../id/README.md) | [Italiano](./README.md) | [Giapponese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malese](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalese](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norvegese](../no/README.md) | [Persiano (Farsi)](../fa/README.md) | [Polacco](../pl/README.md) | [Portoghese (Brasile)](../pt-BR/README.md) | [Portoghese (Portogallo)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumeno](../ro/README.md) | [Russo](../ru/README.md) | [Serbo (Cirillico)](../sr/README.md) | [Slovacco](../sk/README.md) | [Sloveno](../sl/README.md) | [Spagnolo](../es/README.md) | [Swahili](../sw/README.md) | [Svedese](../sv/README.md) | [Tagalog (Filippino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailandese](../th/README.md) | [Turco](../tr/README.md) | [Ucraino](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md) + +> **Preferisci clonare localmente?** > -> Questo repository include più di 50 traduzioni linguistiche aumentando significativamente la dimensione del download. Per clonare senza traduzioni, usa il checkout parziale: +> Questo repository include più di 50 traduzioni che aumentano significativamente la dimensione del download. Per clonare senza traduzioni, usa lo sparse checkout: > -> **Bash / macOS / Linux:** +> **Bash / macOS / Linux:** > ```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' > ``` -> -> **CMD (Windows):** +> +> **CMD (Windows):** > ```cmd > 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" > ``` -> -> Questo ti darà tutto ciò che serve per completare il corso con un download molto più veloce. +> +> Questo ti fornisce tutto il necessario per completare il corso con un download molto più veloce. + -**Se desideri che vengano supportate altre lingue di traduzione, sono elencate [qui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Se desideri traduzioni aggiuntive, le lingue supportate sono elencate [qui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** + +[![Apri in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Apri%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Sei uno studente?_ -Visita la [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dove troverai risorse per principianti, pacchetti per studenti e anche modi per ottenere un voucher gratuito per la certificazione. Questa è la pagina da aggiungere ai preferiti e controllare di tanto in tanto, poiché aggiorniamo i contenuti mensilmente. +Visita la [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dove troverai risorse per principianti, pacchetti per studenti e persino modi per ottenere un voucher gratuito per il certificato. Questa è la pagina da aggiungere ai preferiti e consultare di tanto in tanto, poiché i contenuti vengono aggiornati mensilmente. -### 📣 Annuncio - Nuove sfide modalità GitHub Copilot Agent da completare! +### 📣 Annuncio - Nuove sfide in modalità GitHub Copilot Agent da completare! -È stata aggiunta una nuova sfida, cercala come "GitHub Copilot Agent Challenge 🚀" nella maggior parte dei capitoli. È una nuova sfida da completare utilizzando GitHub Copilot e la modalità Agent. Se non hai mai usato la modalità Agent, è in grado non solo di generare testo ma anche di creare e modificare file, eseguire comandi e altro ancora. +Nuova sfida aggiunta, cerca "GitHub Copilot Agent Challenge 🚀" nella maggior parte dei capitoli. È una nuova sfida da completare usando GitHub Copilot e la modalità Agent. Se non hai mai usato la modalità Agent prima, essa non si limita a generare testo, ma può anche creare e modificare file, eseguire comandi e altro. -### 📣 Annuncio - _Nuovo progetto da costruire usando l’AI generativa_ +### 📣 Annuncio - _Nuovo progetto da costruire usando l'IA Generativa_ -È stato appena aggiunto un nuovo progetto AI Assistant, dai un’occhiata al [progetto](./9-chat-project/README.md) +Nuovo progetto AI Assistant appena aggiunto, dai un'occhiata [progetto](./9-chat-project/README.md) -### 📣 Annuncio - _Nuovo curriculum_ sull’AI Generativa per JavaScript appena rilasciato +### 📣 Annuncio - _Nuovo curriculum_ sull’IA Generativa per JavaScript è stato appena rilasciato -Non perderti il nostro nuovo curriculum sull’AI Generativa! +Non perdere il nostro nuovo curriculum sull’IA Generativa! Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare! -![Background](../../translated_images/it/background.148a8d43afde5730.webp) +![Sfondo](../../translated_images/it/background.148a8d43afde5730.webp) + +- Lezioni che coprono tutto dalle basi al RAG. +- Interagisci con personaggi storici usando GenAI e la nostra app companion. +- Narrativa divertente e coinvolgente, viaggerai nel tempo! -- Lezioni che coprono tutto, dalle basi al RAG. -- Interagisci con personaggi storici usando GenAI e la nostra app companion. -- Narrazione divertente e coinvolgente, viaggerai nel tempo! +![personaggio](../../translated_images/it/character.5c0dd8e067ffd693.webp) -![character](../../translated_images/it/character.5c0dd8e067ffd693.webp) -Ogni lezione include un compito da completare, un controllo di conoscenza e una sfida che ti guiderà nell’apprendimento di argomenti come: -- Prompting e ingegneria del prompt -- Generazione di app testuali e di immagini +Ogni lezione include un compito da completare, un controllo della conoscenza e una sfida per guidarti nell’apprendimento di argomenti come: +- Prompting e ingegneria dei prompt +- Generazione di app di testo e immagini - App di ricerca Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare! @@ -72,42 +93,41 @@ Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniz ## 🌱 Iniziare -> **Insegnanti**, abbiamo [incluso alcuni suggerimenti](for-teachers.md) su come usare questo curriculum. Ci piacerebbe ricevere i vostri feedback [nel nostro forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Insegnanti**, abbiamo [incluso alcuni suggerimenti](for-teachers.md) su come usare questo curriculum. Ci piacerebbe avere il vostro feedback [nel nostro forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, per ogni lezione, iniziate con un quiz pre-lezione e proseguite leggendo il materiale della lezione, completando le varie attività e verificando la comprensione con il quiz post-lezione. +**[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, per ogni lezione, iniziate con un quiz pre-lezione e proseguite leggendo il materiale didattico, completando le varie attività e verificando la comprensione con il quiz post-lezione. -Per migliorare l’esperienza di apprendimento, connettiti con i tuoi compagni per lavorare insieme sui progetti! Le discussioni sono incoraggiate nel nostro [forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dove il nostro team di moderatori sarà disponibile per rispondere alle tue domande. +Per migliorare la tua esperienza di apprendimento, connettiti con i tuoi pari per lavorare insieme ai progetti! Le discussioni sono incoraggiate nel nostro [forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dove il nostro team di moderatori sarà disponibile a rispondere alle tue domande. -Per approfondire la tua formazione, consigliamo vivamente di esplorare [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) per materiali di studio aggiuntivi. +Per approfondire ulteriormente, ti consigliamo di esplorare [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) per materiali di studio aggiuntivi. -### 📋 Configurazione del tuo ambiente +### 📋 Configurare l’ambiente -Questo curriculum include un ambiente di sviluppo pronto all’uso! All’inizio puoi scegliere di eseguire il curriculum in un [Codespace](https://github.com/features/codespaces/) (_un ambiente basato su browser, senza necessità di installazioni_), oppure localmente sul tuo computer usando un editor di testo come [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Questo curriculum ha un ambiente di sviluppo pronto all’uso! Quando inizi puoi scegliere di eseguire il curriculum in un [Codespace](https://github.com/features/codespaces/) (_un ambiente basato su browser, senza installazioni necessarie_), oppure localmente sul tuo computer usando un editor di testo come [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Crea il tuo repository -Per salvare facilmente il tuo lavoro, si consiglia di creare una copia personale di questo repository. Puoi farlo cliccando sul pulsante **Usa questo modello** in alto nella pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum. +#### Crea il tuo repository +Per salvare facilmente il tuo lavoro, si consiglia di creare una copia di questo repository. Puoi farlo cliccando sul pulsante **Usa questo modello** in cima alla pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum. -Segui questi passi: -1. **Fork del repository**: clicca sul pulsante "Fork" nell’angolo in alto a destra di questa pagina. -2. **Clona il repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Segui questi passaggi: +1. **Forka il Repository**: Clicca sul pulsante "Fork" nell’angolo in alto a destra di questa pagina. +2. **Clona il Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Esecuzione del curriculum in un Codespace +#### Eseguire il curriculum in un Codespace -Nella tua copia di questo repository che hai creato, clicca sul pulsante **Code** e seleziona **Open with Codespaces**. Questo creerà un nuovo Codespace su cui lavorare. +Nella tua copia di questo repository, clicca il pulsante **Code** e seleziona **Apri con Codespaces**. Questo creerà un nuovo Codespace in cui lavorare. ![Codespace](../../translated_images/it/createcodespace.0238bbf4d7a8d955.webp) -#### Esecuzione del curriculum localmente sul tuo computer - -Per eseguire questo curriculum localmente sul tuo computer, ti servirà un editor di testo, un browser e uno strumento da riga di comando. La nostra prima lezione, [Introduzione ai linguaggi di programmazione e strumenti del mestiere](../../1-getting-started-lessons/1-intro-to-programming-languages), ti guiderà attraverso varie opzioni per ciascuno di questi strumenti per poterti scegliere ciò che funziona meglio per te. +#### Eseguire il curriculum localmente sul tuo computer -La nostra raccomandazione è di usare [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) come editor, che include anche un [Terminale](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrato. Puoi scaricare Visual Studio Code [qui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Per eseguire questo curriculum localmente sul tuo computer, avrai bisogno di un editor di testo, un browser e uno strumento da linea di comando. La nostra prima lezione, [Introduzione ai linguaggi di programmazione e agli strumenti del mestiere](../../1-getting-started-lessons/1-intro-to-programming-languages), ti guiderà attraverso varie opzioni per ciascuno di questi strumenti per selezionare ciò che funziona meglio per te. -1. Clona il tuo repository sul computer. Puoi farlo cliccando sul pulsante **Code** e copiando l'URL: +La nostra raccomandazione è di usare [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) come editor, che include anche un [Terminale integrato](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Puoi scaricare Visual Studio Code [qui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Clona il tuo repository sul computer. Puoi farlo cliccando il pulsante **Code** e copiando l'URL: [CodeSpace](./images/createcodespace.png) - Poi, apri [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) all'interno di [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ed esegui il comando seguente, sostituendo `` con l'URL appena copiato: + Poi, apri il [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) all'interno di [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ed esegui il seguente comando, sostituendo `` con l'URL che hai appena copiato: ```bash git clone @@ -116,79 +136,79 @@ La nostra raccomandazione è di usare [Visual Studio Code](https://code.visualst 2. Apri la cartella in Visual Studio Code. Puoi farlo cliccando su **File** > **Open Folder** e selezionando la cartella appena clonata. -> Estensioni Visual Studio Code raccomandate: +> Estensioni consigliate di Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - per visualizzare in anteprima le pagine HTML all’interno di Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - per visualizzare le pagine HTML all'interno di Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - per aiutarti a scrivere codice più velocemente ## 📂 Ogni lezione include: - sketchnote opzionale - video supplementare opzionale -- quiz di riscaldamento pre-lezione +- quiz di riscaldamento prima della lezione - lezione scritta -- per lezioni basate su progetti, guide passo-passo su come costruire il progetto +- per le lezioni basate su progetti, guide passo-passo su come costruire il progetto - verifiche di conoscenza - una sfida -- letture supplementari +- lettura supplementare - compito - [quiz post-lezione](https://ff-quizzes.netlify.app/web/) -> **Una nota sui quiz**: Tutti i quiz sono contenuti nella cartella Quiz-app, 48 quiz totali con tre domande ciascuno. Sono disponibili [qui](https://ff-quizzes.netlify.app/web/); l'app dei quiz può essere eseguita localmente o distribuita su Azure; segui le istruzioni nella cartella `quiz-app`. +> **Una nota sui quiz**: Tutti i quiz sono contenuti nella cartella Quiz-app, in totale 48 quiz da tre domande ciascuno. Sono disponibili [qui](https://ff-quizzes.netlify.app/web/), l'app del quiz può essere eseguita localmente o distribuita su Azure; segui le istruzioni nella cartella `quiz-app`. ## 🗃️ Lezioni | | Nome del Progetto | Concetti Insegnati | Obiettivi di Apprendimento | Lezione Collegata | Autore | -| :-: | :-----------------------------------------------------------: | :-----------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Introduzione alla programmazione e agli strumenti del mestiere | Imparare le basi che stanno dietro la maggior parte dei linguaggi di programmazione e sul software che aiuta gli sviluppatori professionisti a svolgere il loro lavoro | [Introduzione ai Linguaggi di Programmazione e Strumenti](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | Nozioni base di GitHub, inclusa la collaborazione in team | Come usare GitHub nel tuo progetto, come collaborare con altri su una base di codice | [Introduzione a GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Accessibilità | Imparare le basi dell'accessibilità web | [Fondamenti di Accessibilità](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | Tipi di dati in JavaScript | Le basi dei tipi di dati in JavaScript | [Tipi di Dati](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funzioni e Metodi | Imparare sulle funzioni e metodi per gestire il flusso logico di un'applicazione | [Funzioni e Metodi](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | -| 06 | JS Basics | Prendere decisioni con JS | Imparare a creare condizioni nel codice usando metodi di decisione | [Prendere Decisioni](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Array e Cicli | Lavorare con dati usando array e cicli in JavaScript | [Array e Cicli](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in pratica | Costruire l'HTML per creare un terrario online, concentrandosi sulla costruzione di un layout | [Introduzione all'HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in pratica | Costruire il CSS per lo stile del terrario online, concentrandosi sulle basi del CSS inclusa la resa responsiva della pagina | [Introduzione al CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closure JavaScript, manipolazione DOM | Costruire il JavaScript per fare in modo che il terrario funzioni come un'interfaccia drag & drop, concentrandosi su closure e manipolazioni DOM | [Closure JavaScript, manipolazione DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Costruire un gioco di digitazione | Imparare a usare eventi da tastiera per guidare la logica della tua app JavaScript | [Programmazione basata su eventi](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lavorare con i browser | Imparare come funzionano i browser, la loro storia e come strutturare i primi elementi di un'estensione per browser | [Informazioni sui browser](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Costruire un modulo, chiamare un’API e memorizzare variabili nello storage locale | Costruire gli elementi JavaScript della tua estensione browser per chiamare un'API usando variabili memorizzate nello storage locale | [API, moduli e storage locale](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Processi in background nel browser, performance web | Usare i processi in background del browser per gestire l'icona dell'estensione; imparare sulle performance web e alcune ottimizzazioni per migliorare | [Processi di background e performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Sviluppo di giochi avanzato con JavaScript | Imparare sull'ereditarietà usando sia Classi che Composizione e il pattern Pub/Sub, in preparazione per costruire un gioco | [Introduzione allo sviluppo di giochi avanzato](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Disegnare su canvas | Imparare l'API Canvas, usata per disegnare elementi su schermo | [Disegnare su Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Muovere elementi sullo schermo | Scoprire come gli elementi possono acquisire movimento usando coordinate cartesiane e l'API Canvas | [Muovere elementi](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Rilevamento collisioni | Far collidere e reagire elementi tra loro usando pressioni di tasti e fornire una funzione di cooldown per assicurare le prestazioni del gioco | [Rilevamento collisioni](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Tenere il punteggio | Effettuare calcoli matematici basati sullo stato e le prestazioni del gioco | [Tenere il punteggio](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Finire e riavviare il gioco | Imparare a finire e riavviare il gioco, compreso pulire le risorse e reimpostare i valori delle variabili | [La condizione di fine](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Template HTML e Routing in una Web App | Imparare a creare la struttura di un sito web multipagina usando routing e template HTML | [Template HTML e Routing](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Costruire un modulo di login e registrazione | Imparare a costruire moduli e gestire routine di validazione | [Moduli](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metodi per recuperare e usare dati | Come i dati fluiscono dentro e fuori dalla tua app, come recuperarli, memorizzarli e smaltirli | [Dati](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Concetti di gestione dello stato | Imparare come la tua app mantiene lo stato e come gestirlo programmaticamente | [Gestione dello Stato](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Lavorare con VScode | Imparare a usare un editor di codice| [Usa l’editor di codice VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Lavorare con l’AI | Imparare a costruire il tuo assistente AI | [Progetto assistente AI](./9-chat-project/README.md) | Chris | +| :-: | :------------------------------------------------------------: | :------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Iniziando | Introduzione alla Programmazione e agli Strumenti del Mestiere | Impara le basi alla base della maggior parte dei linguaggi di programmazione e il software che aiuta gli sviluppatori professionisti a fare il loro lavoro | [Introduzione ai Linguaggi di Programmazione e Strumenti del Mestiere](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Iniziando | Nozioni di base di GitHub, inclusa la collaborazione in team | Come usare GitHub nel tuo progetto, come collaborare con altri su una base di codice | [Introduzione a GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Iniziando | Accessibilità | Impara le basi dell'accessibilità web | [Fondamenti di Accessibilità](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Basi di JS | Tipi di Dati in JavaScript | Le basi dei tipi di dati in JavaScript | [Tipi di Dati](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Basi di JS | Funzioni e Metodi | Impara a conoscere funzioni e metodi per gestire il flusso logico di un'applicazione | [Funzioni e Metodi](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | +| 06 | Basi di JS | Fare decisioni con JS | Impara a creare condizioni nel tuo codice usando metodi decisionali | [Prendere decisioni](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Basi di JS | Array e Cicli | Lavora con i dati usando array e cicli in JavaScript | [Array e Cicli](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in Pratica | Costruisci l'HTML per creare un terrario online, focalizzandoti sulla costruzione di un layout | [Introduzione a HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in Pratica | Costruisci il CSS per stilizzare il terrario online, focalizzandoti sulle basi di CSS incluso il rendere la pagina responsive | [Introduzione a CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Chiusure in JavaScript, manipolazione del DOM | Costruisci il JavaScript per far funzionare il terrario come interfaccia drag/drop, focalizzandoti su chiusure e manipolazione del DOM | [Chiusure in JavaScript, manipolazione del DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Costruire un Gioco di Digitazione | Impara a usare gli eventi da tastiera per guidare la logica della tua app JavaScript | [Programmazione Event-Driven](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Estensione Browser Verde](./5-browser-extension/solution/README.md) | Lavorare con i Browser | Impara come funzionano i browser, la loro storia e come strutturare i primi elementi di un'estensione per browser | [Informazioni sui Browser](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Estensione Browser Verde](./5-browser-extension/solution/README.md) | Costruire un modulo, chiamare un'API e memorizzare variabili in memoria locale | Costruisci gli elementi JavaScript della tua estensione per browser per chiamare un'API usando variabili memorizzate in memoria locale | [API, Moduli e Memoria Locale](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Estensione Browser Verde](./5-browser-extension/solution/README.md) | Processi in background nel browser, prestazioni web | Usa i processi in background del browser per gestire l'icona dell'estensione; impara sulle prestazioni web e alcune ottimizzazioni per migliorare | [Attività in background e prestazioni](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Gioco Spaziale](./6-space-game/solution/README.md) | Sviluppo avanzato di giochi con JavaScript | Impara l'ereditarietà usando sia Classi che Composizione e il pattern Pub/Sub, in preparazione per costruire un gioco | [Introduzione allo Sviluppo Avanzato di Giochi](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Gioco Spaziale](./6-space-game/solution/README.md) | Disegnare su canvas | Impara l'API Canvas, usata per disegnare elementi su schermo | [Disegnare su Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Gioco Spaziale](./6-space-game/solution/README.md) | Muovere elementi intorno allo schermo | Scopri come gli elementi possono acquisire movimento usando le coordinate cartesiane e l'API Canvas | [Spostare Elementi](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Gioco Spaziale](./6-space-game/solution/README.md) | Rilevamento collisioni | Fai collidere gli elementi e fai reagire l'uno all'altro usando pressioni di tasti e fornisci una funzione di cooldown per garantire le prestazioni del gioco | [Rilevamento Collisioni](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Gioco Spaziale](./6-space-game/solution/README.md) | Tenere il punteggio | Esegui calcoli matematici basati sullo stato e sulle prestazioni del gioco | [Tenere il punteggio](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Gioco Spaziale](./6-space-game/solution/README.md) | Terminare e riavviare il gioco | Impara a terminare e riavviare il gioco, incluso pulire le risorse e resettare i valori delle variabili | [La Condizione di Fine](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [App Bancaria](./7-bank-project/solution/README.md) | Template HTML e Routing in un'app web | Impara a creare lo scheletro dell'architettura di un sito multipagina usando routing e template HTML | [Template HTML e Routing](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [App Bancaria](./7-bank-project/solution/README.md) | Costruire un modulo di Login e Registrazione | Impara a costruire moduli e gestire routine di validazione | [Moduli](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [App Bancaria](./7-bank-project/solution/README.md) | Metodi per recuperare e usare dati | Come i dati fluiscono dentro e fuori dalla tua app, come recuperarli, conservarli e smaltirli | [Dati](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [App Bancaria](./7-bank-project/solution/README.md) | Concetti di Gestione dello Stato | Impara come la tua app mantiene lo stato e come gestirlo programmaticamente | [Gestione dello Stato](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Codice Browser/VScode](../../8-code-editor) | Lavorare con VScode | Impara a usare un editor di codice | [Usare l'editor di codice VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Assistenti AI](./9-chat-project/README.md) | Lavorare con l'AI | Impara a costruire il tuo assistente AI | [Progetto Assistente AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogia -Il nostro curriculum è progettato seguendo due principi pedagogici chiave: +Il nostro curriculum è progettato con due principi pedagogici chiave in mente: * apprendimento basato su progetti * quiz frequenti -Il programma insegna le basi di JavaScript, HTML e CSS, nonché gli strumenti e le tecniche più recenti usati dagli sviluppatori web di oggi. Gli studenti avranno l'opportunità di acquisire esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un'estensione browser eco-sostenibile, un gioco in stile space invader e un'app bancaria per imprese. Alla fine della serie, gli studenti avranno acquisito una solida comprensione dello sviluppo web. +Il programma insegna i fondamenti di JavaScript, HTML e CSS, così come gli strumenti e le tecniche più recenti usate dagli sviluppatori web di oggi. Gli studenti avranno l'opportunità di acquisire esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un'estensione browser ecologica, un gioco in stile space invader e un'app bancaria per aziende. Alla fine della serie, gli studenti avranno acquisito una solida comprensione dello sviluppo web. > 🎓 Puoi seguire le prime lezioni di questo curriculum come un [Percorso di Apprendimento](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) su Microsoft Learn! -Garantendo che il contenuto sia allineato con i progetti, il processo risulta più coinvolgente per gli studenti e la ritenzione dei concetti sarà aumentata. Abbiamo inoltre scritto diverse lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video dalla collezione "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" di tutorial video, alcuni autori dei quali hanno contribuito a questo curriculum. +Assicurando che i contenuti siano allineati ai progetti, il processo è reso più coinvolgente per gli studenti e la ritenzione dei concetti sarà aumentata. Abbiamo anche scritto diverse lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video della collezione "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alcuni dei cui autori hanno contribuito a questo curriculum. -Inoltre, un quiz a basso rischio prima della lezione stabilisce l'intenzione dello studente verso l'apprendimento di un argomento, mentre un secondo quiz dopo la lezione assicura una maggiore ritenzione. Questo curriculum è stato progettato per essere flessibile e divertente e può essere seguito interamente o parzialmente. I progetti iniziano piccoli e diventano progressivamente più complessi entro la fine del ciclo di 12 settimane. +Inoltre, un quiz a bassa pressione prima della lezione stabilisce l'intento dello studente verso l'apprendimento di un argomento, mentre un secondo quiz dopo la lezione assicura ulteriore ritenzione. Questo curriculum è stato progettato per essere flessibile e divertente e può essere seguito interamente o in parte. I progetti iniziano piccoli e diventano sempre più complessi verso la fine del ciclo di 12 settimane. -Anche se abbiamo volutamente evitato di introdurre framework JavaScript per concentrarci sulle abilità di base necessarie come sviluppatore web prima di adottare un framework, un buon passo successivo per completare questo curriculum sarebbe imparare Node.js tramite un'altra collezione di video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Mentre abbiamo volutamente evitato di introdurre framework JavaScript per concentrarci sulle competenze di base necessarie come sviluppatore web prima di adottare un framework, un buon passo successivo per completare questo curriculum sarebbe imparare Node.js tramite un'altra collezione di video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Visita le nostre linee guida su [Codice di Condotta](CODE_OF_CONDUCT.md) e [Come contribuire](CONTRIBUTING.md). Accogliamo con piacere i tuoi feedback costruttivi! +> Visita le nostre linee guida [Codice di Condotta](CODE_OF_CONDUCT.md) e [Contributi](CONTRIBUTING.md). Accogliamo con favore il tuo feedback costruttivo! ## 🧭 Accesso offline -Puoi eseguire questa documentazione offline usando [Docsify](https://docsify.js.org/#/). Fai un fork di questo repository, [installa Docsify](https://docsify.js.org/#/quickstart) sulla tua macchina locale, e poi nella cartella radice di questo repository, digita `docsify serve`. Il sito web sarà servito sulla porta 3000 del tuo localhost: `localhost:3000`. +Puoi eseguire questa documentazione offline usando [Docsify](https://docsify.js.org/#/). Forka questo repo, [installa Docsify](https://docsify.js.org/#/quickstart) sulla tua macchina locale, e poi nella cartella radice di questo repo, digita `docsify serve`. Il sito web sarà servito sulla porta 3000 del tuo localhost: `localhost:3000`. ## 📘 PDF Un PDF di tutte le lezioni può essere trovato [qui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -196,7 +216,7 @@ Un PDF di tutte le lezioni può essere trovato [qui](https://microsoft.github.io ## 🎒 Altri Corsi -Il nostro team produce altri corsi! Dai un’occhiata a: +Il nostro team produce altri corsi! Dai un'occhiata a: ### LangChain @@ -213,7 +233,7 @@ Il nostro team produce altri corsi! Dai un’occhiata a: --- -### Serie AI Generativa +### Series AI Generativa [![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) @@ -221,7 +241,7 @@ Il nostro team produce altri corsi! Dai un’occhiata a: --- -### Formazione Base +### Apprendimento Base [![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) @@ -240,21 +260,21 @@ Il nostro team produce altri corsi! Dai un’occhiata a: ## Ottenere Aiuto -Se ti blocchi o hai domande sulla creazione di app AI, unisciti ad altri studenti e sviluppatori esperti nelle discussioni su MCP. È una comunità di supporto dove le domande sono benvenute e la conoscenza è condivisa liberamente. +Se rimani bloccato o hai domande sulla creazione di app AI. Unisciti a studenti e sviluppatori esperti nelle discussioni su MCP. È una comunità di supporto dove le domande sono benvenute e la conoscenza è condivisa liberamente. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Se hai feedback sul prodotto o errori durante lo sviluppo visita: +Se hai feedback sul prodotto o errori durante la creazione, 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) ## Licenza -Questo repository è concesso in licenza sotto la licenza MIT. Vedere il file [LICENSE](../../LICENSE) per maggiori informazioni. +Questo repository è concesso in licenza sotto la licenza MIT. Vedi il file [LICENSE](../../LICENSE) per maggiori informazioni. --- -**Disclaimer**: -Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per garantire l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua originale deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale umana. Non siamo responsabili per eventuali malintesi o interpretazioni errate derivanti dall’uso di questa traduzione. +**Disclaimer**: +Questo documento è stato tradotto utilizzando il servizio di traduzione AI [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o inesattezze. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si consiglia una traduzione professionale umana. Non siamo responsabili per eventuali fraintendimenti o interpretazioni errate derivanti dall'uso di questa traduzione. \ No newline at end of file diff --git a/translations/it/lesson-template/README.md b/translations/it/lesson-template/README.md index 202f7bad43..5978696812 100644 --- a/translations/it/lesson-template/README.md +++ b/translations/it/lesson-template/README.md @@ -1,54 +1,79 @@ -# [Argomento della lezione] +# Argomento della lezione -![Incorpora un video qui](../../../lesson-template/video-url) +## 🎥 Video -## [Quiz pre-lezione](../../../lesson-template/quiz-url) +> Aggiungi qui un video incorporato o un link alla lezione. -[Descrivi cosa impareremo] +--- + +## Quiz pre-lezione + +> Aggiungi qui un link al quiz quando disponibile. + +--- + +Fornisci una breve panoramica di ciò che gli studenti impareranno in questa lezione. + +--- ### Introduzione -Descrivi cosa verrà trattato +Fornisci una breve introduzione che descriva cosa sarà trattato in questa lezione. > Note +--- + ### Prerequisiti -Quali passaggi dovrebbero essere stati completati prima di questa lezione? +Elenca i concetti o gli argomenti che gli studenti dovrebbero già conoscere prima di iniziare questa lezione. + +--- ### Preparazione -Passaggi preparatori per iniziare questa lezione +Elenca eventuali passaggi di configurazione o strumenti necessari prima di iniziare la lezione. --- -[Procedi attraverso il contenuto in blocchi] +### Contenuto + +Procedi con il contenuto della lezione in sezioni strutturate. -## [Argomento 1] +--- + +## Argomento 1 ### Compito: -Collaborate per migliorare progressivamente il vostro codice e costruire il progetto con codice condiviso: +Lavorate insieme per migliorare progressivamente il vostro codice per costruire il progetto con codice condiviso: ```html code blocks ``` -✅ Verifica della conoscenza - usa questo momento per stimolare la conoscenza degli studenti con domande aperte +✅ Controllo della conoscenza +Approfitta di questo momento per stimolare la conoscenza degli studenti con domande aperte. -## [Argomento 2] +## Argomento 2 +## Argomento 3 -## [Argomento 3] +🚀 Sfida +Aggiungi una sfida collaborativa per gli studenti per migliorare il progetto. -🚀 Sfida: Proponi una sfida per gli studenti da affrontare collaborativamente in classe per migliorare il progetto +Opzionale: Aggiungi uno screenshot dell’interfaccia utente completata della lezione se appropriato. -Opzionale: aggiungi uno screenshot dell'interfaccia utente della lezione completata, se appropriato +## Quiz post-lezione -## [Quiz post-lezione](../../../lesson-template/quiz-url) +Aggiungi qui un link al quiz dopo aver completato la lezione. ## Revisione e studio autonomo -**Consegna compito [MM/YY]**: [Nome del compito](assignment.md) +**Compito da consegnare entro [MM/AA]**: [Nome del compito](assignment.md) + +--- -**Disclaimer**: -Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Sebbene ci impegniamo per garantire l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un traduttore umano. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall'uso di questa traduzione. \ No newline at end of file + +**Disclaimer**: +Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o inesattezze. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda la traduzione professionale umana. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall’uso di questa traduzione. + \ No newline at end of file diff --git a/translations/ja/.co-op-translator.json b/translations/ja/.co-op-translator.json index 9b464e0968..feb725caa0 100644 --- a/translations/ja/.co-op-translator.json +++ b/translations/ja/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:32:13+00:00", + "translation_date": "2026-04-24T14:32:17+00:00", "source_file": "AGENTS.md", "language_code": "ja" }, @@ -516,8 +516,8 @@ "language_code": "ja" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:57:44+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T14:24:22+00:00", "source_file": "README.md", "language_code": "ja" }, @@ -564,8 +564,8 @@ "language_code": "ja" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-24T00:16:11+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T14:24:35+00:00", "source_file": "lesson-template/README.md", "language_code": "ja" }, diff --git a/translations/ja/AGENTS.md b/translations/ja/AGENTS.md index 68f6e55cf7..8a10c8374e 100644 --- a/translations/ja/AGENTS.md +++ b/translations/ja/AGENTS.md @@ -2,36 +2,36 @@ ## プロジェクト概要 -これは初心者にウェブ開発の基礎を教えるための教育用カリキュラムリポジトリです。カリキュラムはMicrosoft Cloud Advocatesによって開発された包括的な12週間のコースで、JavaScript、CSS、HTMLをカバーする24の実践的なレッスンが含まれています。 +初心者にウェブ開発の基礎を教えるための教育用カリキュラムリポジトリです。このカリキュラムはMicrosoft Cloud Advocatesによって開発された包括的な12週間コースで、JavaScript、CSS、HTMLをカバーする24の実践的なレッスンで構成されています。 -### 主な構成要素 +### 主要コンポーネント -- 教育コンテンツ: プロジェクトベースのモジュールに整理された24の構造化レッスン -- 実践プロジェクト: テラリウム、タイピングゲーム、ブラウザ拡張機能、スペースゲーム、銀行アプリ、コードエディター、AIチャットアシスタント -- インタラクティブなクイズ: 各3問の48のクイズ（レッスン前後の評価） -- 多言語サポート: GitHub Actionsによる50以上の言語への自動翻訳 -- 技術スタック: HTML、CSS、JavaScript、Vue.js 3、Vite、Node.js、Express、Python（AIプロジェクト向け） +- 教育コンテンツ: プロジェクトベースのモジュールに整理された24の構造化されたレッスン +- 実践プロジェクト: テラリウム、タイピングゲーム、ブラウザ拡張、スペースゲーム、バンキングアプリ、コードエディター、AIチャットアシスタント +- インタラクティブクイズ: 各3問の48クイズ（レッスン前後の評価用） +- 多言語対応: GitHub Actionsによる50以上の言語への自動翻訳 +- 技術スタック: HTML、CSS、JavaScript、Vue.js 3、Vite、Node.js、Express、Python（AIプロジェクト用） ### アーキテクチャ -- レッスンベースの構造を持つ教育用リポジトリ -- 各レッスンフォルダーにREADME、コード例、解答が含まれる -- 独立したプロジェクトは別のディレクトリに配置（quiz-app、各レッスンのプロジェクト） -- GitHub Actions（co-op-translator）を利用した翻訳システム -- Docsifyによるドキュメンテーション配信およびPDF形式で利用可能 +- レッスンベース構造を持つ教育リポジトリ +- 各レッスンフォルダーにREADME、コード例、ソリューションを含む +- 独立したプロジェクトは別ディレクトリに配置（quiz-app、各種レッスンプロジェクト） +- GitHub Actions（co-op-translator）を使った翻訳システム +- Docsifyでドキュメント提供およびPDF形式も利用可能 ## セットアップコマンド -このリポジトリは主に教育用コンテンツの利用を目的としています。特定のプロジェクトで作業する場合: +このリポジトリは主に教育コンテンツの消費を目的としています。特定のプロジェクトを扱う場合： -### メインリポジトリのセットアップ +### メインリポジトリセットアップ ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### クイズアプリセットアップ (Vue 3 + Vite) +### Quiz App セットアップ（Vue 3 + Vite） ```bash cd quiz-app @@ -41,17 +41,17 @@ npm run build # 本番用にビルドする npm run lint # ESLintを実行する ``` -### 銀行プロジェクトAPI (Node.js + Express) +### 銀行プロジェクトAPI（Node.js + Express） ```bash cd 7-bank-project/api npm install npm start # APIサーバーを起動する -npm run lint # ESLint を実行する -npm run format # Prettier で整形する +npm run lint # ESLintを実行する +npm run format # Prettierでフォーマットする ``` -### ブラウザ拡張機能プロジェクト +### ブラウザ拡張プロジェクト ```bash cd 5-browser-extension/solution @@ -64,10 +64,10 @@ npm install ```bash cd 6-space-game/solution npm install -# ブラウザーでindex.htmlを開くか、Live Serverを使用してください +# ブラウザでindex.htmlを開くか、Live Serverを使用してください ``` -### チャットプロジェクト (Pythonバックエンド) +### チャットプロジェクト（Pythonバックエンド） ```bash cd 9-chat-project/solution/backend/python @@ -80,63 +80,63 @@ python api.py ### コンテンツ寄稿者向け -1. リポジトリをGitHubアカウントにフォーク +1. GitHubアカウントにリポジトリをフォーク 2. フォークをローカルにクローン 3. 変更用に新しいブランチを作成 -4. レッスン内容やコード例の変更を行う -5. 関連プロジェクトディレクトリでコード変更をテスト -6. コントリビューションガイドラインに従いプルリクエストを提出 +4. レッスン内容やコード例を編集 +5. 関連するプロジェクトディレクトリでコード変更をテスト +6. 貢献ガイドラインに従ってプルリクエストを提出 ### 学習者向け 1. リポジトリをフォークまたはクローン -2. レッスンディレクトリを順に移動 +2. レッスンディレクトリに順に移動 3. 各レッスンのREADMEを読む 4. https://ff-quizzes.netlify.app/web/ でレッスン前クイズを完了 -5. レッスンフォルダ内のコード例を進める -6. 課題やチャレンジを完了する -7. レッスン後クイズを受ける +5. レッスンフォルダー内のコード例を進める +6. 課題やチャレンジを完了 +7. レッスン後クイズを受験 ### ライブ開発 -- ドキュメント: ルートで `docsify serve` 実行（ポート3000） -- クイズアプリ: quiz-appディレクトリで `npm run dev` 実行 -- プロジェクト: HTMLプロジェクトはVS Code Live Server拡張を使用 -- **APIプロジェクト**: 対応するAPIディレクトリで `npm start` 実行 +- ドキュメント: ルートで `docsify serve` （ポート3000） +- **Quiz App**: quiz-appディレクトリで `npm run dev` +- プロジェクト: HTMLプロジェクトにVS Code Live Server拡張を使用 +- **APIプロジェクト**: 各APIディレクトリで `npm start` ## テスト手順 -### クイズアプリテスト +### Quiz App テスト ```bash cd quiz-app npm run lint # コードスタイルの問題をチェックする -npm run build # ビルドが成功することを確認する +npm run build # ビルドが成功するか確認する ``` ### 銀行APIテスト ```bash cd 7-bank-project/api -npm run lint # コーディングスタイルの問題を確認する +npm run lint # コードスタイルの問題をチェックする node server.js # サーバーがエラーなく起動することを確認する ``` ### 一般的なテストアプローチ -- このリポジトリは包括的な自動テストを備えていない教育用 -- 手動テストは以下に注力: - - コード例がエラーなく動作すること - - ドキュメント内リンクが動作すること - - プロジェクトビルドが成功すること - - 例がベストプラクティスに沿っていること +- 包括的な自動テストはない教育用リポジトリ +- 手動テストは主に以下に焦点を当てる： + - コード例がエラーなく実行されること + - ドキュメント内リンクが正しく機能すること + - プロジェクトのビルドが成功すること + - 例がベストプラクティスに従っていること -### 提出前チェックポイント +### 提出前チェック - package.jsonがあるディレクトリで `npm run lint` を実行 - マークダウンリンクが有効か確認 - ブラウザやNode.jsでコード例をテスト -- 翻訳が正しい構造を維持していることを確認 +- 翻訳が構造を保っていることをチェック ## コードスタイルガイドライン @@ -144,139 +144,139 @@ node server.js # サーバーがエラーなく起動することを確認 - モダンなES6+構文を使用 - プロジェクト提供の標準ESLint設定に従う -- 教育的明確さを考慮した意味のある変数・関数名を使用 +- 教育的な明確さのため意味のある変数・関数名を使う - 学習者向けに概念を説明するコメントを追加 -- Prettier設定がある場合は整形使用 +- 設定されている場合はPrettierで整形 ### HTML/CSS - セマンティックなHTML5要素 -- レスポンシブデザイン原則の適用 -- 明確なクラス命名規則 -- CSS手法を説明するコメントを学習者向けに追加 +- レスポンシブデザインの原則 +- 明瞭なクラス名命名規則 +- 学習者向けにCSS技術を説明するコメント ### Python -- PEP 8スタイルガイドに従う -- 分かりやすい教育的コード例 -- 学習に役立つ場合はタイプヒントを使用 +- PEP 8スタイルガイドライン +- 明確で教育的なコード例 +- 学習補助のための型ヒントを適宜使用 -### Markdownドキュメンテーション +### Markdownドキュメント - 明確な見出し階層 -- 言語指定付きコードブロック +- 言語指定のコードブロック - 追加リソースへのリンク -- `images/`フォルダ内のスクリーンショット・画像 -- アクセシビリティのための画像のaltテキスト +- `images/`ディレクトリ内のスクリーンショットと画像 +- 画像のアクセシビリティのための代替テキスト ### ファイル構成 -- レッスンは連番（1-getting-started-lessons、2-js-basicsなど） -- 各プロジェクトは `solution/`、場合によっては `start/` や `your-work/` ディレクトリを持つ -- 画像はレッスンごとの `images/` フォルダ内に格納 -- 翻訳ファイルは `translations/{language-code}/` フォルダ構造 +- レッスンは連番付き（1-getting-started-lessons、2-js-basicsなど） +- 各プロジェクトに `solution/` と多くは `start/` や `your-work/` ディレクトリ +- レッスン専用 `images/` フォルダに画像を保存 +- 翻訳は `translations/{language-code}/` 構造で管理 ## ビルドとデプロイ -### クイズアプリのデプロイ (Azure Static Web Apps) +### Quiz App デプロイメント（Azure Static Web Apps） -quiz-appはAzure Static Web Apps用に設定されています: +quiz-appはAzure Static Web Apps向けに構成済み： ```bash cd quiz-app -npm run build # dist/フォルダーを作成します -# mainブランチへのプッシュ時にGitHub Actionsワークフローを介してデプロイします +npm run build # dist/ フォルダーを作成します +# main ブランチへのプッシュ時に GitHub Actions ワークフローを通じてデプロイします ``` -Azure Static Web Appsの設定: -- アプリ場所: `/quiz-app` -- 出力場所: `dist` +Azure Static Web Apps設定： +- アプリ位置: `/quiz-app` +- 出力先: `dist` - ワークフロー: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### ドキュメントPDF生成 ```bash -npm install # docsify-to-pdf をインストールする -npm run convert # docs から PDF を生成する +npm install # docsify-to-pdfをインストールする +npm run convert # docsからPDFを生成する ``` ### Docsifyドキュメント ```bash -npm install -g docsify-cli # Docsify をグローバルにインストールする -docsify serve # localhost:3000 で提供する +npm install -g docsify-cli # Docsifyをグローバルにインストールする +docsify serve # localhost:3000でサーブする ``` -### プロジェクト固有のビルド +### プロジェクト別ビルド -各プロジェクトディレクトリは独自のビルドプロセスを持つ場合がある: -- Vueプロジェクト: `npm run build` で本番バンドル作成 -- 静的プロジェクト: ビルド不要でファイルを直接配信 +各プロジェクトディレクトリに独自のビルドプロセスがある場合も： +- Vueプロジェクトは `npm run build` で本番バンドルを作成 +- 静的プロジェクトはビルド不要で直接ファイル提供 ## プルリクエストガイドライン -### タイトルフォーマット +### タイトル形式 -明確で説明的なタイトルを使用: -- `[Quiz-app] レッスンXの新しいクイズを追加` +変更箇所を示す明確で説明的なタイトルを使用： +- `[Quiz-app] レッスンX用の新クイズ追加` - `[Lesson-3] テラリウムプロジェクトの誤字修正` -- `[Translation] レッスン5のスペイン語翻訳を追加` -- `[Docs] セットアップ手順を更新` +- `[Translation] レッスン5のスペイン語翻訳追加` +- `[Docs] セットアップ手順の更新` ### 必須チェック -PR提出前に: +PR提出前に： -1. コード品質: +1. コード品質： - 影響を受けるプロジェクトディレクトリで `npm run lint` 実行 - - すべてのエラー・警告を修正 + - すべてのリンティングエラーと警告を修正 -2. ビルド検証: - - 該当すれば `npm run build` 実行 - - ビルドエラーなしを確認 +2. ビルド確認： + - 該当する場合は `npm run build` を実行 + - ビルドエラーがないことを確認 -3. リンク検証: +3. リンク検証： - すべてのマークダウンリンクをテスト - - 画像参照が有効か確認 + - 画像参照が機能するか確認 -4. コンテンツレビュー: - - スペル・文法を校正 - - コード例が正しく教育的か確認 - - 翻訳が意味を維持しているか検証 +4. コンテンツレビュー： + - スペルと文法の校正 + - コード例が正しく教育的であることを確認 + - 翻訳が元の意味を維持しているか確認 -### コントリビューション要件 +### 貢献条件 -- Microsoft CLAに同意（初回PRで自動チェック） -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)に従う -- 詳細は[CONTRIBUTING.md](./CONTRIBUTING.md)参照 -- PR説明に該当する場合はイシュー番号を記載 +- Microsoft CLAに同意（最初のPRで自動チェック） +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)を遵守 +- 詳細は[CONTRIBUTING.md](./CONTRIBUTING.md)を参照 +- PR説明に関連Issue番号を記載（該当する場合） ### レビュー手順 -- PRはメンテナーとコミュニティがレビュー -- 教育的明確さを最優先 -- コード例は最新のベストプラクティスに従うこと -- 翻訳は正確性と文化的適切性をレビュー +- PRはメンテナとコミュニティがレビュー +- 教育上の明快さを優先 +- コード例は現行ベストプラクティスに準拠 +- 翻訳は正確さと文化適合性をチェック ## 翻訳システム ### 自動翻訳 -- GitHub Actionsのco-op-translatorワークフローを使用 +- GitHub Actionsとco-op-translatorワークフローを使用 - 50以上の言語に自動翻訳 -- ソースファイルはメインディレクトリ内 -- 翻訳ファイルは `translations/{language-code}/` に格納 +- ソースファイルはメインディレクトリ +- 翻訳ファイルは `translations/{language-code}/` に配置 -### 手動での翻訳改善追加 +### 手動翻訳改善の追加 -1. `translations/{language-code}/` 内のファイルを特定 -2. 構造を維持しつつ改善を行う -3. コード例の機能を維持 -4. ローカライズされたクイズ内容を確認 +1. `translations/{language-code}/` で対象ファイルを探す +2. 構造を保ちながら改善を実施 +3. コード例が機能することを確認 +4. ローカライズされたクイズ内容もテスト ### 翻訳メタデータ -翻訳ファイルには以下のようなメタデータヘッダーが含まれます: +翻訳ファイルにはメタデータヘッダーが含まれる： ```markdown **免責事項**: -本書類はAI翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確を期していますが、自動翻訳には誤りや不正確な部分が含まれる場合があります。原文の母国語版が正式な情報源とみなされるべきです。重要な情報については、専門の人間による翻訳を推奨します。本翻訳の使用により生じた誤解や誤訳に関して当方は一切の責任を負いません。 +本書類は AI 翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確性を期していますが、自動翻訳には誤りや不正確な部分が含まれる可能性があることをご承知おきください。原文の原言語版が正式な情報源とみなされるべきです。重要な情報については、専門の人間による翻訳を推奨します。本翻訳の利用により生じる誤解や誤訳については当方は一切責任を負いません。 \ No newline at end of file diff --git a/translations/ja/README.md b/translations/ja/README.md index c9ba975283..9a53655445 100644 --- a/translations/ja/README.md +++ b/translations/ja/README.md @@ -12,27 +12,27 @@ # Web Development for Beginners - カリキュラム -Microsoft Cloud Advocates による12週間の総合的なコースでウェブ開発の基本を学びましょう。24回の各レッスンは、テラリウム、ブラウザー拡張機能、宇宙ゲームなどの実践的プロジェクトを通じてJavaScript、CSS、HTMLを深掘りします。クイズやディスカッション、実践課題に参加してください。効果的なプロジェクトベースの教育法でスキルを高め、知識の定着を最適化しましょう。今日からコーディングを始めましょう！ +Microsoft Cloud Advocatesによる12週間の包括的なコースでウェブ開発の基礎を学びましょう。全24レッスンでは、テラリウム、ブラウザー拡張機能、宇宙ゲームなどの実践的なプロジェクトを通してJavaScript、CSS、HTMLを深く掘り下げます。クイズやディスカッション、実践的な課題に参加してスキルを磨き、効果的なプロジェクトベースの教育法で知識の定着を最適化しましょう。今すぐコーディングの旅を始めましょう！ -Azure AI Foundry Discord コミュニティに参加する +Azure AI Foundry Discordに参加して、専門家や他の開発者と交流しましょう。 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -これらのリソースを使い始めるには、以下の手順に従ってください: -1. リポジトリをフォークする: クリック [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. リポジトリをクローンする: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord に参加し、専門家や他の開発者と交流する**](https://discord.com/invite/ByRwuEEgH4) +このリソースを使い始めるには、以下の手順を実行してください: +1. リポジトリをフォーク: [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. リポジトリをクローン: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discordに参加し、専門家や他の開発者と交流する**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 多言語サポート -#### GitHub Action を通じてサポート（自動＆常に最新） +#### GitHub Action を使ったサポート（自動かつ常に最新） [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](./README.md) | [Kannada](../kn/README.md) | [Khmer](../km/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](../es/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) -> **ローカルでクローンする方が良いですか？** +> **ローカルでクローンしたいですか？** > -> このリポジトリには50以上の言語翻訳が含まれており、ダウンロードサイズが大きくなります。翻訳なしでクローンしたい場合はスパースチェックアウトを使用してください: +> このリポジトリには50以上の言語翻訳が含まれており、ダウンロードサイズが大きくなっています。翻訳を除いてクローンするにはスパースチェックアウトを使用してください: > > **Bash / macOS / Linux:** > ```bash @@ -48,166 +48,166 @@ Azure AI Foundry Discord コミュニティに参加する > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> これにより、速いダウンロードでコースを完了するのに必要なものがすべて手に入ります。 +> これにより、はるかに高速にコースを完了するために必要なすべてが手に入ります。 -**追加の翻訳言語サポートをご希望の場合は、[こちら](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)をご覧ください** +**追加の翻訳が欲しい場合は、対応言語リストを[こちら](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)でご覧ください。** [![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) -#### 🧑‍🎓 _学生の方へ_ +#### 🧑‍🎓 _学生ですか？_ -[**Student Hub ページ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)を訪れて、初心者向けリソースや学生パック、無料の証明書バウチャー取得方法をご覧ください。このページは月ごとにコンテンツが切り替わるため、ブックマークして定期的にチェックするのがおすすめです。 +[**Student Hub ページ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)をご覧ください。初心者向けリソースや学生パック、無料の証明書バウチャー取得方法もあります。毎月内容が入れ替わるので、このページのブックマークと定期チェックをおすすめします。 -### 📣 お知らせ - 新しい GitHub Copilot Agent モードチャレンジの追加！ +### 📣 お知らせ - 新しい GitHub Copilot Agent モードのチャレンジをクリアしよう！ -新しいチャレンジ「GitHub Copilot Agent Challenge 🚀」が多くの章に追加されました。これはGitHub CopilotとAgentモードを使ってクリアする新しい課題です。Agentモードをまだ使ったことがない方へ、テキスト生成だけでなく、ファイル作成・編集やコマンド実行も可能な機能です。 +新しいチャレンジ「GitHub Copilot Agent Challenge 🚀」がほとんどの章に追加されました。GitHub CopilotとAgentモードを使ってクリアする新しいチャレンジです。Agentモードはテキスト生成だけでなく、ファイル作成・編集やコマンド実行なども可能です。 -### 📣 お知らせ - 新しい生成AIを使ったプロジェクト +### 📣 お知らせ - _生成AIを使って作る新しいプロジェクト_ -新たに AIアシスタント プロジェクトを追加しました。詳細は [プロジェクト](./9-chat-project/README.md) をご覧ください。 +新しいAIアシスタントプロジェクトが追加されました。ぜひご覧ください。[プロジェクト](./9-chat-project/README.md) -### 📣 お知らせ - JavaScript用の生成AIに関する新カリキュラムがリリースされました +### 📣 お知らせ - _JavaScript向け生成AIの新カリキュラムを公開しました_ -生成AIの新カリキュラムをお見逃しなく！ +新しい生成AIカリキュラムをお見逃しなく！ -[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) にアクセスして始めましょう！ +始めるにはこちらをご覧ください: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/ja/background.148a8d43afde5730.webp) -- 基礎からRAGまでを網羅するレッスン -- GenAIと連動したコンパニオンアプリで歴史上の人物と対話 -- 楽しく魅力的なストーリーで時空を超えて旅しよう！ +- 基礎からRAGまでカバーするレッスン +- GenAIと補助アプリを使った歴史上の人物との対話 +- 楽しく魅力的なストーリーでタイムトラベル！ ![character](../../translated_images/ja/character.5c0dd8e067ffd693.webp) -各レッスンには課題、知識の確認、チャレンジがあり、以下のテーマを学べます: +各レッスンには課題、知識チェック、チャレンジがあり、以下のトピックを学びます: - プロンプトとプロンプトエンジニアリング -- テキスト＆画像アプリ生成 +- テキストおよび画像アプリの生成 - 検索アプリ -[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) から始めましょう！ +始めるにはこちらを訪れてください: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ## 🌱 はじめに -> 先生方へ、[このカリキュラムの使い方の提案](for-teachers.md)を含んでいます。ご意見は[ディスカッションフォーラム](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)でお寄せください！ +> 先生方へ、このカリキュラムの活用方法について[いくつかの提案](for-teachers.md)を含めています。ぜひ[ディスカッションフォーラム](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)でご意見をお聞かせください！ -[受講者](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)は各レッスンで、事前クイズから始め、講義資料を読んで様々なアクティビティを完了し、事後クイズで理解度をチェックしてください。 +**[学習者の皆さん](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**、各レッスンでは講義前クイズから始め、講義資料を読んでさまざまな活動を行い、最後に講義後クイズで理解度をチェックしましょう。 -学習効果を高めるために、仲間とつながりプロジェクトに一緒に取り組みましょう！ディスカッションは[ディスカッションフォーラム](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)で推奨されており、モデレーターチームが質問に答えます。 +学習体験を高めるために、仲間と繋がって一緒にプロジェクトに取り組みましょう！ディスカッションは[ディスカッションフォーラム](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)で推奨しており、モデレーターチームが質問に答えます。 -さらに学習を進めるには、[Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)の補助教材をぜひご活用ください。 +さらなる学習のために、追加の教材を提供する[Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)をぜひご利用ください。 -### 📋 環境設定 +### 📋 環境構築 -このカリキュラムは、すぐに使える開発環境が用意されています！開始時に、ブラウザー上でインストール不要の[Codespace](https://github.com/features/codespaces/)で実行するか、ローカルのテキストエディター（例: [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)）で実行することが選べます。 +このカリキュラムはすぐに使える開発環境が用意されています！開始時に[Codespace](https://github.com/features/codespaces/)（ブラウザー上でインストール不要の環境）を使うか、[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)などのテキストエディターを使いローカルのパソコンで実行する方法を選べます。 -#### リポジトリを作成する -作業内容を簡単に保存できるよう、このリポジトリのコピーを作成することをおすすめします。ページ上部の **Use this template** ボタンをクリックすると、ご自身のGitHubアカウントにカリキュラムのコピーを作成できます。 +#### リポジトリの作成 +作業を簡単に保存できるよう、このリポジトリのコピーを作成することをおすすめします。ページ上部のUse this templateボタンをクリックすると、あなたのGitHubアカウントにカリキュラムのコピーが入った新しいリポジトリが作成されます。 -手順は以下のとおりです: -1. リポジトリをフォークする: ページ右上の「Fork」ボタンをクリック。 -2. リポジトリをクローンする: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +手順は以下の通りです: +1. リポジトリをフォーク: ページ右上の「Fork」ボタンをクリック。 +2. リポジトリをクローン: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace でカリキュラムを実行する +#### Codespaceでカリキュラムを実行 -作成したコピーのリポジトリで、**Code** ボタンをクリックし **Open with Codespaces** を選択します。これで作業用の Codespace が作成されます。 +作成したリポジトリのコピーで、CodeボタンをクリックしOpen with Codespacesを選択してください。作業用の新しいCodespaceが作成されます。 ![Codespace](../../translated_images/ja/createcodespace.0238bbf4d7a8d955.webp) -#### ローカルマシンでカリキュラムを実行する +#### ローカル環境でカリキュラムを実行 -ローカルで実行するには、テキストエディター、ブラウザー、コマンドラインツールが必要です。最初のレッスン[プログラミング言語と開発ツール入門](../../1-getting-started-lessons/1-intro-to-programming-languages)で各ツールの選択肢を案内しますので、ご自身に合うものを選択してください。 +ローカルで実行するにはテキストエディター、ブラウザ、コマンドラインツールが必要です。最初のレッスン、[プログラミング言語とツールの紹介](../../1-getting-started-lessons/1-intro-to-programming-languages)で、それぞれのツールの選択肢を案内します。 -推奨は [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) です。VS Codeには[統合ターミナル](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)も備わっています。Visual Studio Codeは[こちら](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)からダウンロードできます。 -1. リポジトリをコンピューターにクローンします。これは、**Code** ボタンをクリックしてURLをコピーすることで行えます: +おすすめはエディターに[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)を使うことで、組み込みの[ターミナル](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)も備わっています。Visual Studio Codeは[こちら](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)からダウンロード可能です。 +1. リポジトリをコンピューターにクローンします。**Code** ボタンをクリックしてURLをコピーしてください： [CodeSpace](./images/createcodespace.png) - 次に、[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 内の [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) を開き、先ほどコピーしたURLを `` に置き換えて、以下のコマンドを実行します: + 次に、[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)の[Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)を開き、以下のコマンドを実行します。``はコピーしたURLに置き換えてください： ```bash git clone ``` -2. Visual Studio Codeでフォルダーを開きます。これは、**File** > **Open Folder** をクリックし、先ほどクローンしたフォルダーを選択することで行えます。 +2. Visual Studio Codeでフォルダーを開きます。**File** > Open Folderをクリックし、先ほどクローンしたフォルダーを選択してください。 -> 推奨される Visual Studio Code 拡張機能: +> 推奨Visual Studio Code拡張機能： > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code 内でHTMLページをプレビューするため -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - コード作成を支援するため +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code内でHTMLページをプレビューするため +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - コード作成を効率化するため -## 📂 各レッスンに含まれるもの: +## 📂 各レッスンには以下が含まれます： -- 任意のスケッチノート -- 任意の補足ビデオ +- オプションのスケッチノート +- オプションの補足ビデオ - レッスン前のウォームアップクイズ -- 文章によるレッスン -- プロジェクトベースのレッスンの場合は、プロジェクトの構築手順のガイド -- 知識確認 +- テキストレッスン +- プロジェクトベースのレッスンでは、プロジェクトを構築する手順ガイド +- 知識チェック - チャレンジ -- 補足読み物 +- 補足読書 - 課題 - [レッスン後のクイズ](https://ff-quizzes.netlify.app/web/) -> クイズについての注意: クイズはすべて Quiz-app フォルダーに含まれており、全部で48問、3問ずつのクイズがあります。これらは[こちら](https://ff-quizzes.netlify.app/web/)で利用可能で、クイズアプリはローカルで実行することもAzureへデプロイすることもできます。`quiz-app`フォルダー内の指示に従ってください。 - -## 🗃️ レッスン一覧 - -| | プロジェクト名 | 学習する概念 | 学習目標 | 関連レッスン | 著者 | -| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: | -| 01 | Getting Started | プログラミング入門と開発ツールの基礎 | ほとんどのプログラミング言語の基本と、プロの開発者が使用するソフトウェアについて学ぶ | [プログラミング言語入門とツール](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | GitHubの基礎、チーム作業を含む | プロジェクトでGitHubを使う方法、コードベースで他者と協働する方法 | [GitHub入門](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | アクセシビリティ | ウェブアクセシビリティの基本を学ぶ | [アクセシビリティの基礎](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScript のデータ型 | JavaScript のデータ型の基本 | [データ型](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | 関数とメソッド | アプリケーションのロジックを管理する関数とメソッドについて学ぶ | [関数とメソッド](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | JavaScriptでの条件分岐 | 条件分岐の作成方法を学ぶ | [条件分岐](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | 配列とループ | JavaScriptで配列とループを使ってデータを扱う | [配列とループ](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML実践 | オンラインテラリウムを作成するHTML構築、レイアウト作成に重点を置く | [HTML入門](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS実践 | オンラインテラリウムをスタイリングするCSS構築、レスポンシブページの基本を学ぶ | [CSS入門](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScriptのクロージャ、DOM操作 | ドラッグ＆ドロップ機能を持つテラリウムを作るJavaScript構築、クロージャとDOM操作に焦点を当てる | [JavaScriptのクロージャとDOM操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | タイピングゲームの開発 | キーボードイベントを使ったJavaScriptアプリのロジック制御方法を学ぶ | [イベント駆動型プログラミング](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ブラウザの仕組み | ブラウザの動作、歴史、ブラウザ拡張機能の最初の要素の足場作りを学ぶ | [ブラウザについて](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | フォームの作成、API呼び出し、ローカルストレージへの変数保存 | APIを呼び出すブラウザ拡張機能のJavaScript要素の構築、ローカルストレージ変数の使用 | [API、フォーム、ローカルストレージ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ブラウザのバックグラウンド処理、ウェブパフォーマンス | 拡張機能アイコン管理のためのブラウザバックグラウンド処理の利用、ウェブパフォーマンスと最適化のいくつかの技術を学ぶ | [バックグラウンド処理とパフォーマンス](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScriptによる高度なゲーム開発 | クラスとコンポジションを用いた継承、Pub/Subパターンについて学び、ゲーム開発に備える | [高度なゲーム開発入門](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Canvasへの描画 | 画面に要素を描画するためのCanvas APIについて学ぶ | [Canvasへの描画](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | 画面上の要素の移動 | 要素に動きを与えるためのカーティジアン座標とCanvas APIの活用方法を発見する | [要素の移動](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | 衝突検出 | キープレスで要素を衝突させ反応させ、ゲーム性能を維持するためのクールダウン機能を実装する | [衝突検出](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | スコアの保持 | ゲームの状態と性能に基づいて数学的計算を行う | [スコアの保持](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | ゲームの終了と再開 | ゲームの終了と再開について学び、アセットのクリーンアップや変数のリセットを行う | [終了条件](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | WebアプリのHTMLテンプレートとルーティング | マルチページウェブサイトの構築骨架をルーティングとHTMLテンプレートを使って学ぶ | [HTMLテンプレートとルーティング](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | ログインと登録フォームの構築 | フォームの構築とバリデーションの処理について学ぶ | [フォーム](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | データの取得と利用方法 | アプリ内でのデータの流れ、取得、保存、破棄の方法を学ぶ | [データ](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | 状態管理の概念 | アプリの状態管理とプログラム的処理の仕方を学ぶ | [状態管理](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeの使い方 | コードエディタの使い方を学ぶ | [VScodeコードエディタの使い方](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | AIの活用 | 独自のAIアシスタントの作り方を学ぶ | [AIアシスタントプロジェクト](./9-chat-project/README.md) | Chris | +> クイズについての注意：全てのクイズはQuiz-appフォルダ内にあります。全48クイズ、それぞれ３問です。クイズは[こちら](https://ff-quizzes.netlify.app/web/)で利用可能で、クイズアプリはローカルで実行するかAzureにデプロイ可能です。`quiz-app`フォルダ内の指示に従ってください。 + +## 🗃️ レッスンリスト + +| | プロジェクト名 | 教える概念 | 学習目標 | リンクされたレッスン | 作成者 | +| :-: | :---------------------------------------------------------: | :----------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Getting Started | プログラミング入門とツールの基礎 | 多くのプログラミング言語の基本的な仕組みとプロの開発者が仕事で使うソフトウェアについて学ぶ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | GitHubの基礎、チームでの作業を含む | プロジェクトでGitHubを使う方法、コードベースで他者と協働する方法 | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | アクセシビリティ | ウェブアクセシビリティの基本を学ぶ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | JavaScriptのデータ型 | JavaScriptのデータ型の基本 | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | 関数とメソッド | アプリケーションのロジックフローを管理するための関数とメソッドについて学ぶ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | JSでの意思決定 | コード内で条件を作成する意思決定の方法を学ぶ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | 配列とループ | JavaScriptで配列とループを使ったデータ処理 | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML実践 | オンラインテラリウム作成のためのHTMLを構築、レイアウト構築に注力 | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS実践 | オンラインテラリウムをスタイル設定するCSSを作成、ページをレスポンシブにする基本を含む | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScriptクロージャー、DOM操作 | テラリウムをドラッグ＆ドロップインターフェースとして動作させるJavaScriptを構築。クロージャーとDOM操作に注力 | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | タイピングゲームの構築 | キーボードイベントを使ってJavaScriptアプリのロジックを動かす方法を学ぶ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ブラウザの動作 | ブラウザの動作、歴史、ブラウザ拡張機能の最初の要素を作成する方法を学ぶ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | フォームの構築、API呼び出し、ローカルストレージへの変数保存 | APIを呼び出すブラウザ拡張機能のJavaScript要素を構築、ローカルストレージに保存した変数を使用 | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ブラウザのバックグラウンド処理とウェブパフォーマンス | ブラウザのバックグラウンド処理で拡張のアイコンを管理し、ウェブパフォーマンスと最適化を学ぶ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScriptでのより高度なゲーム開発 | クラスとコンポジションの両方を使った継承とPub/Subパターンについて学び、ゲーム開発に備える | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Canvasへの描画 | スクリーンへの描画に使われるCanvas APIについて学ぶ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | 画面上の要素の移動 | カルテシアン座標とCanvas APIを使って要素に動きを付ける方法を学ぶ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | 衝突判定 | キー押下を使った要素同士の衝突判定と反応を作り、ゲームのパフォーマンス用のクールダウン機能を提供 | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | スコア管理 | ゲームの状態やパフォーマンスに基づいた数学的計算を行う | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | ゲームの終了と再スタート | ゲームの終了と再スタートについて学び、アセットのクリーンアップや変数のリセットを含む | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | WebアプリのHTMLテンプレートとルート | ルーティングとHTMLテンプレートを使い、マルチページWebサイトの骨組みの作成方法を学ぶ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | ログインと登録フォームの構築 | フォーム構築と検証ルーチンの処理について学ぶ | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | データの取得と使用方法 | アプリ内でのデータの流れ、取得、格納、破棄方法を学ぶ | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | ステート管理の概念 | アプリが状態を保持する方法とプログラム的な管理方法を学ぶ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeの操作 | コードエディタの使い方を学ぶ | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | AIを使う | 独自のAIアシスタント作成法を学ぶ | [AI Assistant project](./9-chat-project/README.md) | Chris | ## 🏫 教育方針 -私たちのカリキュラムは、以下の2つの主要な教育原理を念頭に設計されています: -* プロジェクトベースの学習 +当カリキュラムは２つの主要な教育原則を念頭に設計されています： +* プロジェクトベース学習 * 頻繁なクイズ -本プログラムはJavaScript、HTML、CSSの基本に加え、現代のウェブ開発者が活用する最新のツールと手法を教えます。受講生は、タイピングゲーム、バーチャルテラリウム、環境に優しいブラウザ拡張機能、スペースインベーダースタイルのゲーム、そしてビジネス向けのバンキングアプリの構築を通して実践的な経験を積むことができます。シリーズの終わりには、ウェブ開発の確かな理解を得ることができます。 +このプログラムはJavaScript、HTML、CSSの基礎、及び現代のウェブ開発者が使う最新ツールや技法を教えます。学生は実際にタイピングゲーム、バーチャルテラリウム、環境に優しいブラウザ拡張機能、スペースインベーダースタイルのゲーム、ビジネス向け銀行アプリを作成することで実践経験を積むことができます。シリーズ終了時にはウェブ開発の確かな理解を得られます。 -> 🎓 このカリキュラムの最初の数レッスンは、Microsoft Learnの [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) として受講可能です！ +> 🎓 このカリキュラムの最初の数レッスンはMicrosoft Learnの[Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)として受講可能です！ -コンテンツがプロジェクトと連動していることで、学習者はより集中しやすくなり、概念の定着も促進されます。JavaScriptの基本概念を紹介するために、いくつかの入門レッスンと、動画チュートリアルコレクション「[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)」の映像も組み合わせています。本カリキュラムの著者の一部もこの動画シリーズに寄稿しています。 +内容がプロジェクトと一貫していることで、学生にとってより興味深くなり、概念の定着が促進されます。また、JavaScript基本のスターターレッスンもいくつか用意し、「[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)」のビデオチュートリアル（本カリキュラム作者の一部も参加）に連動しています。 -さらに、授業前の簡単なクイズが学習意欲を高め、授業後のクイズが理解を深めます。このカリキュラムは柔軟で楽しく、全編または一部だけを受講できます。プロジェクトは小さなものから始まり、12週間の期間終了時には徐々に複雑になります。 +さらに、低リスクなクラス前クイズが学習目標を設定し、クラス後のクイズが理解の定着を助けます。本カリキュラムは柔軟で楽しく、全体でも一部でも受講できます。プロジェクトは小規模から始まり、12週間のサイクル終盤にはより複雑になります。 -あえてJavaScriptのフレームワークは導入せず、基礎スキルの習得に集中しています。カリキュラム修了後の次のステップとしては、別の動画シリーズ「[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)」でNode.jsを学ぶことをお勧めします。 +JavaScriptフレームワークを意図的に避け、フレームワーク導入前に必要な基本スキルを磨くことに集中しています。カリキュラム修了後の次のステップとして、別のビデオ集「[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)」を学ぶことをお勧めします。 -> 私たちの [行動規範](CODE_OF_CONDUCT.md) と [コントリビューションガイド](CONTRIBUTING.md) をご覧ください。皆様の建設的なフィードバックを歓迎します！ +> [Code of Conduct](CODE_OF_CONDUCT.md)と[Contributing](CONTRIBUTING.md)ガイドラインもご覧ください。建設的なフィードバックを歓迎します！ ## 🧭 オフラインアクセス -このドキュメントは [Docsify](https://docsify.js.org/#/) を使ってオフラインで動かすことができます。このリポジトリをフォークし、ローカルマシンに [Docsifyをインストール](https://docsify.js.org/#/quickstart) してください。その後、このリポジトリのルートフォルダーで `docsify serve` と入力します。ウェブサイトはローカルホストのポート3000番で提供されます：`localhost:3000`。 +このドキュメントは[Docsify](https://docsify.js.org/#/)を使ってオフラインで実行できます。このリポジトリをフォークし、ローカルに[Docsifyをインストール](https://docsify.js.org/#/quickstart)後、このリポジトリのルートフォルダーで `docsify serve` を実行してください。ウェブサイトはポート3000でローカルホストにて提供されます：`localhost:3000`。 ## 📘 PDF すべてのレッスンのPDFは[こちら](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)から入手できます。 @@ -257,23 +257,23 @@ Azure AI Foundry Discord コミュニティに参加する [![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) -## ヘルプの受け方 +## ヘルプを得るには -AIアプリの構築で行き詰まったり質問があれば、MCPに関する議論に参加しましょう。同じ学習者や経験豊富な開発者と交流できる支援コミュニティで、質問は歓迎され、知識は自由に共有されています。 +AIアプリの構築で行き詰まったり質問がある場合は、MCPに関するディスカッションに参加しましょう。質問が歓迎され、知識が自由に共有される支援的なコミュニティです。 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -製品のフィードバックや構築中のエラーについては次をご覧ください： +製品のフィードバックや構築中のエラーがある場合は、次をご覧ください： [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## ライセンス -このリポジトリはMITライセンスの下で提供されています。詳細は[LICENSE](../../LICENSE)ファイルをご覧ください。 +このリポジトリはMITライセンスの下でライセンスされています。詳細は[LICENSE](../../LICENSE)ファイルをご覧ください。 --- **免責事項**: -本書類は AI 翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確性を期しておりますが、自動翻訳には誤りや不正確な点が含まれる可能性があることをご了承ください。原文の言語での文書が権威ある情報源と見なされます。重要な情報に関しては、専門の人間による翻訳をお勧めします。この翻訳の利用により生じたいかなる誤解や解釈の相違についても、当方は責任を負いかねます。 +本書類は AI 翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確さを期していますが、自動翻訳には誤りや不正確な箇所が含まれる可能性があることをご承知ください。原文の母国語版が正式な情報源とみなされます。重要な情報については、専門の人間による翻訳を推奨します。本翻訳の使用により生じた誤解や誤訳について、一切の責任を負いかねます。 \ No newline at end of file diff --git a/translations/ja/lesson-template/README.md b/translations/ja/lesson-template/README.md index a3271ae3ef..e84d9d9dca 100644 --- a/translations/ja/lesson-template/README.md +++ b/translations/ja/lesson-template/README.md @@ -1,54 +1,79 @@ -# [レッスンのトピック] +# レッスントピック -![ここに動画を埋め込む](../../../lesson-template/video-url) +## 🎥 ビデオ -## [講義前のクイズ](../../../lesson-template/quiz-url) +> ここに埋め込み動画またはレッスンリンクを追加してください。 -[学ぶ内容の説明] +--- + +## 事前クイズ + +> 利用可能になったらここにクイズリンクを追加してください。 + +--- + +このレッスンで学生が学ぶ内容の簡単な概要を提供してください。 + +--- ### はじめに -このレッスンで取り上げる内容について説明します。 +このレッスンで扱う内容についての短い紹介を提供してください。 -> メモ +> 注意事項 + +--- ### 前提条件 -このレッスンの前に完了しているべきステップは何ですか？ +このレッスンを始める前に学生が既に知っておくべき概念やトピックを列挙してください。 + +--- ### 準備 -このレッスンを始めるための準備ステップ +レッスンを開始する前に必要なセットアップ手順やツールを列挙してください。 --- -[コンテンツをブロックごとに進める] +### 内容 + +レッスンの内容を構造化されたセクションで解説してください。 -## [トピック 1] +--- + +## トピック1 -### タスク: +### タスク： -コードベースを段階的に強化し、共有コードでプロジェクトを構築する作業を一緒に進めましょう: +コードベースを段階的に強化して、共有コードでプロジェクトを構築するように協力してください： ```html code blocks ``` -✅ 知識チェック - 学生の知識を広げるためにオープンな質問をする時間を活用してください +✅ 知識確認 +このタイミングで学生の知識を伸ばすためのオープンエンドの質問をしてください。 -## [トピック 2] +## トピック2 +## トピック3 -## [トピック 3] +🚀 チャレンジ +学生がプロジェクトを強化するための協力チャレンジを追加してください。 -🚀 チャレンジ: 学生がクラスで共同作業をしながらプロジェクトを強化するための課題を追加してください +必要に応じて、完成したレッスンのUIのスクリーンショットを追加してください。 -オプション: 必要に応じて、完成したレッスンのUIのスクリーンショットを追加してください +## 事後クイズ -## [講義後のクイズ](../../../lesson-template/quiz-url) +レッスン完了後にここにクイズリンクを追加してください。 -## レビューと自己学習 +## 復習と自己学習 **課題提出期限 [MM/YY]**: [課題名](assignment.md) +--- + + **免責事項**: -この文書は、AI翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があることをご承知ください。元の言語で記載された文書が正式な情報源とみなされるべきです。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤認について、当方は責任を負いません。 \ No newline at end of file +本書類は AI 翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確性の向上に努めておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があることをご承知おきください。原文は原言語で記載された文書が正式な情報源とみなされます。重要な情報については、専門の人間による翻訳を推奨します。本翻訳の利用に起因する誤解や解釈違いに関しては、一切の責任を負いかねます。 + \ No newline at end of file diff --git a/translations/km/.co-op-translator.json b/translations/km/.co-op-translator.json index 0c50319d33..2da3db0dcb 100644 --- a/translations/km/.co-op-translator.json +++ b/translations/km/.co-op-translator.json @@ -487,7 +487,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:26:54+00:00", + "translation_date": "2026-04-24T14:18:59+00:00", "source_file": "AGENTS.md", "language_code": "km" }, @@ -510,8 +510,8 @@ "language_code": "km" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T19:09:56+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T14:12:02+00:00", "source_file": "README.md", "language_code": "km" }, @@ -558,8 +558,8 @@ "language_code": "km" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2026-04-06T19:18:43+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T14:12:24+00:00", "source_file": "lesson-template/README.md", "language_code": "km" }, diff --git a/translations/km/AGENTS.md b/translations/km/AGENTS.md index 4d6430cb8a..52c37ef8b8 100644 --- a/translations/km/AGENTS.md +++ b/translations/km/AGENTS.md @@ -1,54 +1,54 @@ # AGENTS.md -## ពិភាក្សាពីគម្រោង +## ទិដ្ឋភាព​គម្រោង -នេះជាឃ្លាំងមេរៀនសិក្សាសម្រាប់បង្រៀនមូលដ្ឋាននៃការអភិវឌ្ឍវែបដល់អ្នកចាប់ផ្តើម។ មេរៀននេះជាកម្មវិធីសិក្សាពេញលេញរយៈពេល ១២ សប្តាហ៍ ដែលបានបង្កើតឡើងដោយអ្នករៀបចំកម្មវិធី Microsoft Cloud Advocates មានមេរៀនទាំងស្រុង ២៤ នៅក្នុងគម្រោងអនុវត្តន៍ដែលគ្របដណ្តប់លើ JavaScript, CSS និង HTML។ +នេះ​ជាគណនេយ្យ​បណ្ណាល័យ​អប់រំបែបសិក្សាដើម្បី​បង្រៀនមូលដ្ឋាន​ការអភិវឌ្ឍវេបសាយ​ដល់​អ្នកចាប់ផ្តើម។ គណនេយ្យបណ្ណាល័យ​នេះ​ជា​មូឌុល​សិក្សា​ពេញ១២​សប្តាហ៍​ដែល​បង្កើត​ឡើង​ដោយ Microsoft Cloud Advocates, មាន​មេរៀនអនុវត្តចំនួន ២៤ ដែលគ្របដណ្តប់ JavaScript, CSS, និង HTML។ -### ផ្នែកសំខាន់ៗ +###​ផ្នែកសំខាន់ៗ -- **មាតិកាសិក្សា**៖ មេរៀន ២៤ ដែលមានរចនាសម្ព័ន្ធ ក្នុងម៉ូឌុលមូលដ្ឋានគម្រោង -- **គម្រោងអនុវត្តន៍**៖ Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor និង AI Chat Assistant -- **វិញ្ញាសាបែបមានអន្តរកម្ម**៖ វិញ្ញាសា ៤៨ ដែលមាន ៣ សំណួរក្នុងមួយវិញ្ញាសា (ប៉ុន្មានមុន / បន្ទាប់មេរៀន) -- **គាំទ្រភាសាច្រើន**៖ បកប្រែដោយស្វ័យប្រវត្តិជាង ៥០ ភាសា តាមរយៈ GitHub Actions -- **បច្ចេកវិទ្យា**៖ HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (សម្រាប់គម្រោង AI) +- **មាតិកាអប់រំ**: មេរៀន​មានរចនាសម្ព័ន្ធជា២៤មេរៀនត្រូវបានរៀបចំជាមូឌុលគម្រោង +- **គម្រោងអនុវត្ត**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, និង AI Chat Assistant +- **វេទិកាសំណួរប្រកួតបញ្ញា**: ៤៨សំណួរប្រកួត បូករួម​នឹង ៣សំណួរនាក់ម្តង (ការវាយតម្លៃមុន/បន្ទាប់មេរៀន) +- **គាំទ្រភាសាច្រើន**: បម្រើការបកប្រែជាស្វ័យ​ប្រវត្តិ​សម្រាប់ភាសាង ៥០+ តាមរយៈ GitHub Actions +- **បច្ចេកវិទ្យា**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (សម្រាប់គម្រោង AI) -### វិស្វកម្ម +### រចនាសម្ព័ន្ធ -- ឃ្លាំងសម្រាប់ការសិក្សា ជារចនាសម្ព័ន្ធមេរៀន -- តំបន់មេរៀននីមួយៗមាន README, ឧទាហរណ៍កូដ និងដំណោះស្រាយ -- គម្រោងឯកាពេញខុសគ្នា (quiz-app, គម្រោងមេរៀនផ្សេងៗ) -- ប្រព័ន្ធបកប្រែដោយ GitHub Actions (co-op-translator) -- ឯកសារបង្ហាញតាម Docsify និងមានជាទម្រង់ PDF +- គណនេយ្យបណ្ណាល័យអប់រំ​មានរចនាសម្ព័ន្ធមេរៀន +- គ្រប់ថតមេរៀន​មាន README, ឧទាហរណ៍កូដ, និងដំណោះស្រាយ +- គម្រោងឯកត្ត​នៅក្នុងថតផ្សេងៗ (quiz-app, គម្រោងមេរៀនផ្សេងៗ) +- ប្រព័ន្ធបកប្រែប្រើ GitHub Actions (co-op-translator) +- ឯកសារបម្រើតាមរយៈ Docsify និងអាចទាញយកជា PDF -## ពាក្យបញ្ជា Setup +## ពាក្យបញ្ជា​ដំឡើង -ឃ្លាំងនេះសំរាប់ការប្រើប្រាស់មាតិកាសិក្សាសម្រាប់សិស្ស។ សម្រាប់ធ្វើការអនុវត្តន៍ជាមួយគម្រោងពិសេស៖ +គណនេយ្យបណ្ណាល័យ​នេះ​សម្រាប់កម្រង​មាតិកាអប់រំ​ជា​មូលដ្ឋាន។ សម្រាប់ការ​បំពេញការងារជាមួយគម្រោងជាក់លាក់៖ -### ការតំឡើងឃ្លាំងមេ +### ការដំឡើងគណនេយ្យបណ្ណាល័យមូលដ្ឋាន ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### ការតំឡើង Quiz App (Vue 3 + Vite) +### ការដំឡើង Quiz App (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # ដំណើរការផ្ទុកបង្កើតសេវាកម្ម -npm run build # សាងសង់សម្រាប់ផលិតកម្ម -npm run lint # រត់ ESLint +npm run dev # ចាប់ផ្តើមម៉ាស៊ីនបម្រើអភិវឌ្ឍន៍ +npm run build # បង្កើតសម្រាប់ផលិតកម្ម +npm run lint # ធ្វើដំណើរការ ESLint ``` -### Banking Project API (Node.js + Express) +### API គម្រោងធនាគារ (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # ចាប់ផ្តើមម៉ាស៊ីនបម្រើ API -npm run lint # ដំណើរការ ESLint -npm run format # ទ្រង់ទ្រាយជាមួយ Prettier +npm start # ចាប់ផ្តើមម៉ាស៊ីនមេ API +npm run lint # ប្រតិបត្តិការនៅ ESLint +npm run format # ធ្វើរចនាប័ទ្មជាមួយ Prettier ``` ### គម្រោង Browser Extension @@ -56,7 +56,7 @@ npm run format # ទ្រង់ទ្រាយជាមួយ Prettier ```bash cd 5-browser-extension/solution npm install -# អនុវត្តតាមការណែនាំការផ្ទុកបន្ថែមដែលជាក់លាក់ទ្វារទស្សនា +# អនុវត្តការណែនាំសម្រាប់បង្កើតផ្នែកបន្ថែមដែលផ្អែកលើកម្មវិធីរុករកជាក់លាក់ ``` ### គម្រោង Space Game @@ -64,7 +64,7 @@ npm install ```bash cd 6-space-game/solution npm install -# បើក index.html នៅក្នុងកម្មវិធីរុករក ឬប្រើ Live Server +# បើក index.html ក្នុងកម្មវិធីរកមើលឬប្រើ Live Server ``` ### គម្រោង Chat (Python Backend) @@ -72,211 +72,211 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# កំណត់អថេរបរិបទ GITHUB_TOKEN +# កំណត់អថេរបរិស្ថាន GITHUB_TOKEN python api.py ``` ## ដំណើរការអភិវឌ្ឍ -### សម្រាប់អ្នកចូលរួមដាក់ទិន្នន័យ +### សម្រាប់អ្នកចូលរួមបញ្ចូលមាតិកា -1. **ចម្លងឃ្លាំងនេះ** ទៅទៅគណនី GitHub របស់អ្នក -2. **ចម្លងបង្កើតទីតាំងក្នុងម៉ាស៊ីនប័ណ្ណ** របស់អ្នក -3. **បង្កើតសាខាថ្មី** សម្រាប់ការផ្លាស់ប្តូររបស់អ្នក -4. បង្កើតកំណែប្រែខ្លះៗលើមាតិកាមេរៀន ឬឧទាហរណ៍កូដ -5. សាកល្បងកូដនៅក្នុងថតគម្រោងពាក់ព័ន្ធ -6. បញ្ចូន pull requests ទៅតាមកម្រិតការចូលរួម +1. **fork គណនេយ្យបណ្ណាល័យ** ទៅគណនី GitHub របស់អ្នក +2. **clone fork របស់អ្នក** ទៅកុំព្យូទ័រមូលដ្ឋាន +3. **បង្កើតសាខាថ្មី** សម្រាប់កែប្រែរបស់អ្នក +4. កែប្រែមាតិកាមេរៀន ឬ ឧទាហរណ៍កូដ +5. សាកល្បងកូដក្នុងថតគម្រោងដែលពាក់ព័ន្ធ +6. ដាក់ pull requests តាមការណែនាំការចូលរួម ### សម្រាប់អ្នករៀន -1. ចម្រាស់ឬចម្លងឃ្លាំងនេះ -2. ចូលទៅថតមេរៀនដោយជាប់លំដាប់ -3. អានឯកសារ README នីមួយៗ -4. បញ្ចប់វិញ្ញាសាមុនមេរៀន នៅ https://ff-quizzes.netlify.app/web/ -5. អនុវត្តឧទាហរណ៍កូដនៅថតមេរៀន -6. បញ្ចប់ការងារនិងសំណួរប្រកួតប្រជែង -7. ធ្វើវិញ្ញាសាបន្ទាប់មេរៀន +1. fork ឬ clone គណនេយ្យបណ្ណាល័យ +2. ទៅកាន់ថតមេរៀន​តាមលំដាប់ +3. អានឯកសារ README រៀងរាល់មេរៀន +4. បញ្ចប់សំណួរប្រកួតមុនមេរៀន https://ff-quizzes.netlify.app/web/ +5. ធ្វើការបំពេញឧទាហរណ៍កូដក្នុងថតមេរៀន +6. បញ្ចប់ភារកិច្ចនិងបញ្ហា +7. ធ្វើសំណួរប្រកួតបន្ទាប់មេរៀន -### អភិវឌ្ឍបន្តផ្ទាល់ +### អភិវឌ្ឍបណ្ដោះអាសន្ន -- **ឯកសារ**៖ រត់ `docsify serve` នៅថតឫស (port 3000) -- **Quiz App**៖ រត់ `npm run dev` នៅថត quiz-app -- **គម្រោង**៖ ប្រើ VS Code Live Server សម្រាប់គម្រោង HTML -- **គម្រោង API**៖ រត់ `npm start` នៅថត API ពាក់ព័ន្ធ +- **ឯកសារ**: រត់ `docsify serve` នៅ root (port 3000) +- **Quiz App**: រត់ `npm run dev` នៅថត quiz-app +- **គម្រោង**: ប្រើ VS Code Live Server សម្រាប់គម្រោង HTML +- **គម្រោង API**: រត់ `npm start` ក្នុងថត API តាមពាក់ព័ន្ធ -## សេចក្ដីណែនាំសម្រាប់ការប្រឡង +## សេចក្តីណែនាំសាកល្បង -### ការសាកល្បង Quiz App +### សាកល្បង Quiz App ```bash cd quiz-app -npm run lint # ពិនិត្យមើលចំពោះបញ្ហាសំរាប់រចនាប័ទ្មកូដ -npm run build # បញ្ជាក់ការសម្រេចការបង្កើតបានជោគជ័យ +npm run lint # ពិនិត្យមើលបញ្ហារចនាប័ទ្មកូដ +npm run build # ផ្ទៀងផ្ទាត់ការសាងសង់ជោគជ័យ ``` -### ការសាកល្បង Bank API +### សាកល្បង Bank API ```bash cd 7-bank-project/api -npm run lint # ពិនិត្យសម្រាប់បញ្ហារចនាប័ទ្មកូដ -node server.js # ផ្ទៀងផ្ទាត់ថារត្ន័មិនមានកំហុសក្នុងការចាប់ផ្តើម +npm run lint # ពិនិត្យមើលបញ្ហារចនាប័ទ្មកូដ +node server.js # ផ្ទៀងផ្ទាត់ម៉ាស៊ីនបម្រើចាប់ផ្ដើមដោយគ្មានកំហុស ``` -### វិធីសាស្ត្រសាកល្បងទូទៅ +### វិធីសាស្រ្តសាកល្បងទូទៅ -- នេះជាឃ្លាំងសិក្សាទេ មិនមានសាកល្បងស្វ័យប្រវត្តិពេញលេញទេ -- ការសាកល្បងដៃផ្តោតលើ៖ - - កូដទាំងអស់រត់បានដោយគ្មានកំហុស - - គំនែក្នុងឯកសារដំណើរការបានត្រឹមត្រូវ - - ការបង្កើតគម្រោងបានជោគជ័យ - - ឧទាហរណ៍បច្ចេកទេសត្រូវបានគោរព +- គណនេយ្យបណ្ណាល័យនេះគ្មានការសាកល្បងស្វ័យប្រវត្តិពេញលេញ +- សាកល្បងដោយដៃផ្តោតលើ៖ + - ឧទាហរណ៍កូដរត់ដោយមិនមានកំហុស + - តំណភ្ជាប់ក្នុងឯកសារបម្រើបានត្រឹមត្រូវ + - ការបង្កើតគម្រោងបញ្ចប់ដោយជោគជ័យ + - ឧទាហរណ៍តាមស្តង់ដារល្អៗ -### ពិនិត្យមុនបញ្ចូន +### ការត្រួតពិនិត្យមុនដាក់ស្នើ -- រត់ `npm run lint` នៅថតដែលមាន package.json -- ផ្ទៀងផ្ទាត់តំណភ្ជាប់ markdown មានសុពលភាព -- စាកពិនិត្យឧទាហរណ៍កូដ នៅក្នុងកម្មវិធីរុករកឬ Node.js +- រត់ `npm run lint` នៅក្នុងថតដែលមាន package.json +- ផ្ទៀងផ្ទាត់តំណMarkdown ទាន់សម័យ +- សាកល្បងឧទាហរណ៍ក្នុង browser ឬ Node.js - ពិនិត្យថាបកប្រែរក្សារចនាសម្ព័ន្ធត្រឹមត្រូវ -## គោលការណ៍ស្ទីលកូដ +## ស្តង់ដារស្ទាយកូដ ### JavaScript -- ប្រើរចនាសម្ព័ន្ធ ES6+ -- ធ្វើតាមការកំណត់ ESLint នៅក្នុងគម្រោង -- ប្រើឈ្មោះអថេរនិងមុខងារមានន័យសម្រាប់ការអប់រំ -- បន្ថែមកំណត់ចំណាំអំពីមូលដ្ឋានដើម្បីជួយអ្នករៀន -- បង្ហាញក្នុងប្រព័ន្ធ Prettier ពេលមានកំណត់ +- ប្រើវេចខ្ចប់ ES6+ ទាន់សម័យ +- តាមរយៈកំណត់ ESLint នៅក្នុងគម្រោង +- ប្រើឈ្មោះអថេរ និងមុខងារមានន័យសំរាប់ការអប់រំ +- បញ្ចូលកំណត់ត្រា​លំអិតពន្យល់គន្លឹះសម្រាប់អ្នករៀន +- ទ្រង់ទ្រាយដោយ Prettier នៅពេលបានកំណត់ ### HTML/CSS -- ធាតុ HTML5 មានន័យសំខាន់ -- គោលការណ៍រចនាបែបឆ្លាតវៃ -- ឈ្មោះថ្នាក់ដែលច្បាស់លាស់ -- កំណត់ចំណាំបង្ហាញបច្ចេកទេស CSS សម្រាប់អ្នករៀន +- ធាតុ HTML5 មានន័យវចនាធិ៍ +- គោលការណ៍រចនាតបត់បែន +- ឈ្មោះclassច្បាស់លាស់ +- កំណត់ត្រាពន្យល់បច្ចេកទេស CSS សម្រាប់អ្នករៀន ### Python -- គោលការណ៍ស្ទីល PEP 8 -- ឧទាហរណ៍កូដច្បាស់លាស់ និងផ្តោតលើការអប់រំ -- ចំណាំប្រភេទនៅកន្លែងមានប្រយោជន៍សម្រាប់ការសិក្សា +- ស្តង់ដារ PEP 8 +- ឧទាហរណ៍កូដច្បាស់ និងអប់រំ +- ប្រើផលប៉ះពាល់ type ដើម្បីជួយរៀន -### ឯកសារម៉ាគដោន +### ឯកសារ Markdown -- រចនាសម្ព័ន្ធក្បាលច្បាស់លាស់ +- ចំណងជើងច្បាស់លាស់ - ប្លុកកូដមានកំណត់ភាសា -- តំណទៅកាន់ធនធានបន្ថែម -- រូបភាព និងផ្ទាំងរូបនៅថត `images/` -- ចំណងជើងរូបភាពសម្រាប់ការចូលដល់អត្តសញ្ញាណ +- តំណទៅធនធានបន្ថែម +- រូបថត និងរូបភាពនៅក្នុងថត `images/` +- ពាក្យ alt សម្រាប់រូបភាពសាមញ្ញភាព ### រៀបចំឯកសារ -- មេរៀនត្រូវបានលេខរៀងជាលំដាប់ (1-getting-started-lessons, 2-js-basics, ...) -- គម្រោងនីមួយៗមានថត `solution/` និងភាគច្រើនមាន `start/` ឬ `your-work/` -- រូបភាពរក្សាទុកក្នុងថត `images/` របស់មេរៀននីមួយៗ -- បកប្រែថតក្នុង `translations/{language-code}/` +- មេរៀនមានលេខលំដាប់ (1-getting-started-lessons, 2-js-basics...), +- គម្រោងរៀបចំក្នុងថត `solution/` ជាទូទៅ ជាមួយ `start/` ឬ `your-work/` +- រូបភាពរក្សានៅក្នុងថត `images/` អ្នករៀនជាក់លាក់ +- បកប្រែរក្សាទុកក្នុងថត `translations/{language-code}/` -## ការបង្កើត និងការចាក់ផ្សាយ +## ការបង្កើត និងដាក់បញ្ចូល -### ការចាក់ផ្សាយ Quiz App (Azure Static Web Apps) +### ដាក់បញ្ចូល Quiz App (Azure Static Web Apps) -quiz-app ត្រូវបានកំណត់សម្រាប់ចាក់ផ្សាយ Azure Static Web Apps: +Quiz app ត្រូវបានកំណត់សម្រាប់ដាក់បញ្ចូល Azure Static Web Apps៖ ```bash cd quiz-app npm run build # បង្កើតថត dist/ -# ចាក់ផ្សាយតាមរយៈដំណើរការងារប្រតិបត្តិ GitHub Actions នៅពេលបញ្ចូនទៅ main +# បង្ហោះតាមរយៈកម្មវិធី GitHub Actions នៅពេលចុចបញ្ជូនទៅ main ``` -កំណត់ Azure Static Web Apps៖ -- **ទីតាំងកម្មវិធី**: `/quiz-app` -- **ទីតាំងចេញ**: `dist` -- **ប្រតិបត្តិការ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Azure Static Web Apps កំណត់សម្គាល់៖ +- **ទីតាំង App**: `/quiz-app` +- **ទីតាំង Output**: `dist` +- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### ការបង្កើតឯកសារ PDF +### បង្កើតឯកសារ PDF ឯកសារអប់រំ ```bash -npm install # ដំឡើង docsify-to-pdf +npm install # តម្លើង docsify-to-pdf npm run convert # បង្កើត PDF ពី docs ``` -### ឯកសារដោយ Docsify +### ឯកសារ Docsify ```bash -npm install -g docsify-cli # ដំឡើង Docsify សាកលវិជ្ជា -docsify serve # បម្រើនៅលើ localhost:3000 +npm install -g docsify-cli # ដំឡើង Docsify ជាសកល +docsify serve # បម្រើលើ localhost:3000 ``` -### ការបង្កើតគម្រោងជាពិសេស +### ការបង្កើតគម្រោងជាក់លាក់ -ថតគម្រោងនីមួយៗអាចមានដំណើរការបង្កើតខ្លួនឯង៖ -- គម្រោង Vue៖ `npm run build` បង្កើតកញ្ចប់ផលិតកម្ម -- គម្រោងជារបស់ស្ថិតិ៖ មិនមានដំណើរការបង្កើត ធ្វើសេវាទៅឯកសារផ្ទាល់ចុះ +គ្រប់ថតគម្រោងអាចមានដំណើរការបង្កើតខ្លួនឯង៖ +- គម្រោង Vue: `npm run build` បង្កើតឯកសារផលិត +- គម្រោង Static: គ្មានជំហានបង្កើត, បម្រើឯកសារ​ដោយ​ផ្ទាល់ -## ការណែនាំសម្រាប់ Pull Request +## គោលការណ៍ទទួល Pull Request -### រចនាបទចំណងជើង +### រចនាសម្ព័ន្ធចំណងជើង -ប្រើចំណងជើងច្បាស់លាស់ សំដៅការផ្លាស់ប្តូរយ៉ាងច្បាស់៖ -- `[Quiz-app] បន្ថែមវិញ្ញាសាថ្មី សម្រាប់មេរៀន X` -- `[Lesson-3] កែសម្រួលកំហុសកំណត់ពាក្យក្នុងគម្រោង terrarium` +ប្រើចំណងជើងច្បាស់លាស់ បង្ហាញតំបន់ដែលបានកែប្រែ៖ +- `[Quiz-app] បន្ថែមសំណួរប្រកួតថ្មីសម្រាប់មេរៀន X` +- `[Lesson-3] កែសម្រួលអក្សរបញ្ហា​ក្នុងគម្រោង terrarium` - `[Translation] បន្ថែមបកប្រែភាសាស្ប៉ាញសម្រាប់មេរៀន 5` -- `[Docs] បន្ទាន់សម័យការណែនាំតំឡើង` +- `[Docs] បង្កើនការណែនាំសម្រាប់ដំឡើង` -### ពិនិត្យតម្រូវការ +### ការត្រួតពិនិត្យចាំបាច់ -មុនបញ្ចូន PR៖ +មុនដាក់ស្នើ PR: -1. **គុណភាពកូដ**៖ - - រត់ `npm run lint` នៅថតគម្រោងដែលពាក់ព័ន្ធ - - ជួសជុលកំហុស និងសញ្ញាព្រមានទាំងអស់ +1. **គុណភាពកូដ**: + - រត់ `npm run lint` នៅថតគម្រោង + - ជួសជុលកំហុស និងការព្រមានទាំងអស់ -2. **បញ្ជាក់ការបង្កើត**៖ - - រត់ `npm run build` ប្រសិនបើត្រូវការ - - ធានារួចជាភាពគ្មានកំហុសបង្កើត +2. **ផ្ទៀងផ្ទាត់ការបង្កើត**: + - រត់ `npm run build` ប្រសិនបើមាន + - ធានាថា គ្មានកំហុសបង្កើត -3. **ផ្ទៀងផ្ទាត់តំណ**៖ - - សាកល្បងតំណ markdown ទាំងអស់ - - ផ្ទៀងផ្ទាត់ឯកសាររូបភាពមើលបានត្រឹមត្រូវ +3. **ផ្ទៀងផ្ទាត់តំណ**: + - សាកល្បងតំណ Markdown ទាំងអស់ + - បញ្ជាក់រូបភាពអាចអានបាន -4. **ពិនិត្យមាតិកា**៖ - - អានកែសម្រួលសំរាប់វាកម្មនិងវេយ្យាករណ៍ - - ធានាអោយឧទាហរណ៍កូដត្រឹមត្រូវនិងអប់រំ - - ពិនិត្យថាបកប្រែរក្សាភាសាដើម +4. **ពិនិត្យមាតិកា**: + - អានកំណត់អក្សរនិងឧបករណ៍វេយ្យាករណ៍ + - ធានាថាឧទាហរណ៍កូដត្រឹមត្រូវនិងអប់រំ + - រក្សាបកប្រែមានអត្ថន័យដើម -### ជំនួយការចូលរួម +### តម្រូវការចូលរួម -- អនុម័ត Microsoft CLA (ត្រួតពិនិត្យដោយស្វ័យប្រវត្តិនៅ PR ដំបូង) -- បន្តបទបញ្ជារបស់ Microsoft Open Source Code of Conduct -- មើល [CONTRIBUTING.md](./CONTRIBUTING.md) សម្រាប់គោលការណ៍ពិសេស -- យោងលេខបញ្ហានៅក្នុងការពិពណ៌នារបស់ PR ប្រសិនបើមាន +- ព្រមព្រៀងមុខមាត់ Microsoft CLA (ពិនិត្យស្វ័យប្រវត្តិលើ PR ដំបូង) +- តាមបណ្តាញ [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- មើល [CONTRIBUTING.md](./CONTRIBUTING.md) សម្រាប់ការណែនាំលំអិត +- រាយការណ៍លេខបញ្ហាសម្រាប់ PR ប្រសិនបើមាន -### ដំណើរការពិនិត្យ +### ដំណើរការសម្ភាសន៍ - PR ត្រូវបានពិនិត្យដោយអ្នកថែទាំ និងសហគមន៍ -- ផ្តោតលើភាពច្បាស់ថ្លា និងការអប់រំ -- ឧទាហរណ៍កូដត្រូវតែគោរពតាមអនុវិធីល្អបំផុត -- បកប្រែត្រូវតែពិនិត្យភាពត្រឹមត្រូវ និងរចនាបថវប្បធម៌ +- ផ្តោតលើភាពច្បាស់លាស់អប់រំ +- ឧទាហរណ៍កូដត្រូវតាមស្តង់ដាទំនើប +- វិភាគបកប្រែត្រឹមត្រូវ និងសមរម្យវប្បធម៌ ## ប្រព័ន្ធបកប្រែ -### បកប្រែដោយស្វ័យប្រវត្តិ +### បកប្រែស្វ័យប្រវត្តិ -- ប្រើ GitHub Actions និង co-op-translator workflow -- បកប្រែជាង ៥០ ភាសា ដោយស្វ័យប្រវត្តិ -- ឯកសារដើមនៅក្នុងថតមេ -- ឯកសារបកប្រែក្នុង `translations/{language-code}/` +- ប្រើ GitHub Actions ជាមួយ workflow co-op-translator +- បកប្រែទៅ ៥០+ ភាសា​ដោយ​ស្វ័យ​ប្រវត្តិ +- ឯកសារដើមនៅថតរឹម +- ឯកសារបកប្រែរៀបចំក្នុង `translations/{language-code}/` -### ការកែលម្អបកប្រែ ដោយដៃ +### ការបន្ថែមកែលម្អបកប្រែដោយដៃ -1. រកឃើញឯកសារ​នៅក្នុង `translations/{language-code}/` -2. បញ្ចូលការកែលម្អ បើក្សនាផ្លូវរចនាសម្ព័ន្ធ -3. ធានាឲ្យឧទាហរណ៍កូដនៅស្ថិតក្នុងសភាពដើម -4. សាកល្បងមាតិកាវិញ្ញាសា​ដែលបានបកប្រែ +1. ស្វែងរកឯកសារនៅ `translations/{language-code}/` +2. ធ្វើកែលម្អ រក្សារចនាសម្ព័ន្ធ +3. បញ្ចាក់ឧទាហរណ៍កូដនៅស្ថានភាពដើម +4. សាកល្បងសំណួរប្រកួតបញ្ញា​ដែលបានបកប្រែ -### បញ្ជីមេតាអំពីបកប្រែ +### មេតាដាតាបកប្រែ -ឯកសារបកប្រែរួមបញ្ចូលក្បាលទិន្នន័យមេតា៖ +ឯកសារបកប្រែមានមេតាដាតាដំបូង៖ ```markdown ``` -## ការស្វែងរកកំហុស និងដំណោះស្រាយ +## ការធ្វើដំណើរការរុករកកំហុស និងដោះស្រាយបញ្ហា ### បញ្ហាទូទៅ -**Quiz app ចាប់ផ្តើមមិនបាន**៖ -- ពិនិត្យកំណែ Node.js (ផ្តល់អនុសាសន៍ v14 ឡើង) -- លុប `node_modules` និង `package-lock.json` រួចហើយរត់ `npm install` ម្ដងទៀត -- ពិនិត្យការប្រឈមមុខនឹងតំណរភ្ជាប់ port (លំនាំដើម៖ Vite ប្រើ port 5173) +**កម្មវិធី Quiz app មិនចាប់ផ្ដើម**៖ +- ពិនិត្យកំណែ Node.js (v14+ អនុញ្ញាត) +- លុប `node_modules` និង `package-lock.json`, បន្ទាប់មករត់ `npm install` +- ពិនិត្យប្រហែលព្រមទ្រនៅ port (Vite គឺ port 5173) -**API សេវាកម្មមិនចាប់ផ្តើម**៖ -- ពិនិត្យកំណែ Node.js >= 10 -- ពិនិត្យថាតំណ port មិនត្រូវបានប្រើរួចហើយ -- ធានាថា dependencies ទាំងអស់បានដំឡើង `npm install` +**API server មិនចាប់ផ្ដើម**៖ +- ធានាកំណែ Node.js >=10 +- ពិនិត្យថាប្រទេស port មិនបានប្រើ +- ជ្រាបថា​បានដំឡើង dependencies ដោយ `npm install` -**Browser extension មិនត្រូវផ្ទុកទេ**៖ -- ពិនិត្យ manifest.json មានទ្រង់ទ្រាយត្រឹមត្រូវ -- ពិនិត្យកុងសូលរុករកសម្រាប់កំហុស -- អនុវត្ដតាមការណែនាំដំឡើង extension ក្រៅបណ្ដាញ +**Browser extension មិនផ្ទុក**៖ +- ពិនិត្យ manifest.json មានរបៀបត្រឹមត្រូវ +- ពិនិត្យ browser console សម្រាប់កំហុស +- តាមដានការដំឡើង extension ជាក់លាក់ទូរស័ព្ទ -**បញ្ហាគម្រោង Python chat**៖ -- ធានាបញ្ចូលកញ្ចប់ OpenAI៖ `pip install openai` -- ពិនិត្យថា GITHUB_TOKEN បានកំណត់ជាផ្លាកបរិស្ថាន -- ពិនិត្យសិទ្ធិចូលប្រើម៉ូដែល GitHub +**បញ្ហាគម្រោង Chat Python**៖ +- ធានាបានថា OpenAI package ត្រូវបានដំឡើង៖ `pip install openai` +- ពិនិត្យថាបានកំណត់អថេរGITHUB_TOKEN +- ពិនិត្យ​សិទ្ធិចូលកំណត់ GitHub Models -**Docsify មិនបង្ហាញឯកសារទេ**៖ +**Docsify មិនបម្រើឯកសារបាន**៖ - ដំឡើង docsify-cli ទូទាំងប្រព័ន្ធ៖ `npm install -g docsify-cli` -- រត់ពីថតឫស repositories -- ពិនិត្យឯកសារ `docs/_sidebar.md` មានស្រាប់ +- រត់ពីថត root នៃគណនេយ្យបណ្ណាល័យ +- ពិនិត្យឯកសារ `docs/_sidebar.md` មានឬនៅ -### អ្នកអភិវឌ្ឍផ្នែកបរិយាកាស +### ជំនួយបរិស្ថានអភិវឌ្ឍ -- ប្រើ VS Code ជាមួយ Live Server extension សម្រាប់គម្រោង HTML -- ដំឡើង ESLint និង Prettier extension សម្រាប់លំអរយក -- ប្រើ DevTools រុករកសម្រាប់ដោះស្រាយជំហាន JavaScript -- សម្រាប់គម្រោង Vue, ដំឡើង Vue DevTools extension រុករក +- ប្រើ VS Code រួមជាមួយ Live Server សម្រាប់គម្រោង HTML +- ដំឡើង ESLint និង Prettier សម្រាប់ទ្រង់ទ្រាយធម្មតា +- ប្រើ DevTools ក្នុង browser សម្រាប់រុករកកំហុស JavaScript +- សម្រាប់ Vue projects, ដំឡើង Vue DevTools ក្នុង browser -### ចំណាំសមត្ថភាព +### តម្រូវការសមត្ថភាព -- ចំនួនឯកសារបកប្រែច្រើន (ជាង ៥០ ភាសា) មានទំហំធំ -- ប្រើ shallow clone ប្រសិនបើគ្រាន់តែធ្វើការងារជាមួយមាតិកា៖ `git clone --depth 1` -- មិនស្វែងរកក្នុងបកប្រែពេលធ្វើការជាមួយមាតិកាអង់គ្លេស -- ដំណើរការប្រមូលផលអាចប្រហែលយឺតនៅលើការដំណើរការដំបូង (npm install, របៀប build Vite) +- មានឯកសារត្រូវបានបកប្រែច្រើន (50+ ភាសា) ហើយការចម្លងពេញលេញមានទំហំធំ +- ប្រើ clone ជាប់ជាន់ `git clone --depth 1` ប្រសិនបើធ្វើការជាមួយមាតិកា​តែប៉ុណ្ណោះ +- មិនស្វែងរកក្នុងថតបកប្រែពេលធ្វើការបំពេញប្រើប្រាស់ភាសាអង់គ្លេស +- ដំណើរការបង្កើតអាចយឺតនៅដំណើរការដំបូង (npm install, វាយកូដ Vite) -## ចំណុចសុវត្ថិភាព +## សន្ដិសុខ -### ផ្លាកបរិស្ថាន +### អថេរស្ថានភាពបរិស្ថាន -- កូនសោ API មិនគួរត្រូវបានបញ្ចូលក្នុងឃ្លាំង -- ប្រើឯកសារ `.env` (មានរួចក្នុង `.gitignore`) -- រៀបរាប់ប្រាប់ពីផ្លាកបរិស្ថានចាំបាច់ក្នុង README គម្រោង +- ចូលដោយ API keys មិនគួរត្រូវបានបញ្ចូលក្នុង repository +- ប្រើឯកសារ `.env` (បានបញ្ចូលក្នុង `.gitignore`) +- ឯកសារពន្យល់អថេរដែលត្រូវការក្នុង README គម្រោង ### គម្រោង Python -- ប្រើបរិយាកាសវេរ៉ែល (virtual environments): `python -m venv venv` -- រក្សាអាប់ដេត dependencies ជានិច្ច -- ស្លាក GitHub token ត្រូវមានសិទ្ធិចូលតិចតួចបំផុត +- ប្រើ Virtual Environment: `python -m venv venv` +- រក្សាការធ្វើបច្ចុប្បន្នភាព dependencies +- GitHub tokens ត្រូវមានសិទ្ធិតិចតួចតែប៉ុណ្ណោះ -### សិទ្ធិចូលម៉ូដែល GitHub +### ការចូលប្រើ GitHub Models -- ត្រូវការបាន Personal Access Tokens (PAT) សម្រាប់ពេលប្រើម៉ូដែល GitHub -- ត្រូវរក្សាគោលបំណងស្លាកជា environment variable -- មិនគួរបញ្ចូលលេខសម្ងាត់ឬកូនសោឡើយ +- ត្រូវការតូកនិច Personal Access Tokens (PAT) +- តូកនិចគួរត្រូវបានរក្សាទុកក្នុងអថេរ env +- មិនត្រូវរក្សាទុកតូកនិច ឬ គណនីណាមួយនៅក្នុង repo -## កំណត់សម្គាល់បន្ថែម +## កំណត់ចំណាំបន្ថែម ### គោលដៅអ្នកប្រើប្រាស់ -- អ្នកចាប់ផ្តើមបំពេញក្នុងការអភិវឌ្ឍវែប +- អ្នកចាប់ផ្តើមសិក្សាក្នុងការអភិវឌ្ឍវេបសាយ - សិស្ស និងអ្នករៀនដោយខ្លួនឯង -- គ្រូបង្រៀនដែលប្រើមេរៀននៅថ្នាក់សិក្សា -- មាតិកាផ្ដោតលើភាពងាយស្រួល និងការកែលម្អជារបៀបជាប់ជាលំដាប់ +- គ្រូបង្រៀនប្រើមេរៀននៅថ្នាក់ +- មាតិការច្បាស់សម្រាប់សមត្ថភាពចូលដំណើរការបន្ដិចៗ -### ទស្សនវិជ្ជាអប់រំ +### ទស្សនៈវប្បធម៌អប់រំ -- វិធីសាស្ត្រសិក្សាជាគម្រោង -- ការត្រួតពិនិត្យចំណេះដឹងជាប្រចាំ (វិញ្ញាសា) -- អនុវត្តន៍​កូដ​ដោយដៃ -- ឧទាហរណ៍នៃកម្មវិធីពិតប្រាកដ -- ព្រមទាំងផ្ដោតលើមូលដ្ឋាន មុនចូលទៅ framework +- វិធីសាស្រ្តរៀនតាមគម្រោង +- ពិនិត្យចំណេះដឹងជាប្រចាំ (quiz) +- ការហាត់កូដដុំដៃ +- ឧទាហរណ៍ជាក់ស្តែងក្នុងជម្រៈពិភពលោក +- ផ្តោតលើមូលដ្ឋានមុនប្រើ framework -### ការថែទាំឃ្លាំង +### ថែរក្សាគណនេយ្យបណ្ណាល័យ -- សហគមន៍សកម្មនៃអ្នករៀន និងអ្នកចូលរួម -- បន្តពិនិត្យ និងធ្វើបច្ចុប្បន្នភាពលើ dependencies និងមាតិកា -- ចំណុចបញ្ហា និងការពិភាក្សាត្រូវបានគ្រប់គ្រងដោយអ្នកថែទាំ -- ការអាប់ដេតបកប្រែធ្វើដោយស្វ័យប្រវត្តិតាម GitHub Actions +- សហគមន៍អ្នករៀន និងអ្នកចូលរួមយ៉ាងសកម្ម +- ប្រព័ន្ធធ្វើបច្ចុប្បន្នភាព dependencies និងមាតិកា +- ត្រួតពិនិត្យបញ្ហា និងការពិភាក្សាដោយអ្នកថែទាំ +- ការបកប្រែបង្កើតដោយស្វ័យប្រវត្តិតាម GitHub Actions -### ធនធានដែលពាក់ព័ន្ធ +### ធនធានទាក់ទង - [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ផ្ដល់អនុសាសន៍សម្រាប់អ្នករៀន -- គរូបិសេសផ្សេងៗ: Generative AI, Data Science, ML, IoT បណ្ដុះបណ្ដាលមាន +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ផ្តល់អនុសាសន៍សម្រាប់អ្នករៀន +- មេរៀនបន្ថែម៖ AI រៀបចំចេញ, Data Science, ML, IoT -### ធ្វើការជាមួយគម្រោងពិសេស +### ការងារជាមួយគម្រោងជាក់លាក់ -សម្រាប់ការណែនាំលម្អិតនៃគម្រោងជាក់លាក់សូមមើលឯកសារ README នៅក្នុង៖ -- `quiz-app/README.md` - កម្មវិធី quiz Vue 3 -- `7-bank-project/README.md` - កម្មវិធីធនាគារជាមួយការផ្ទៀងផ្ទាត់ +សម្រាប់ណែនាំលម្អិតសម្រាប់គម្រោងនីមួយៗ ចុចមើល README នៅក្នុង: +- `quiz-app/README.md` - កម្មវិធីប្រកួត Vue 3 +- `7-bank-project/README.md` - កម្មវិធីធនាគារដែលមានការផ្ទៀងផ្ទាត់ - `5-browser-extension/README.md` - ការអភិវឌ្ឍ browser extension -- `6-space-game/README.md` - ការបង្កើតហ្គេមប្លុក canvas -- `9-chat-project/README.md` - គម្រោងជំនួយការជជែក AI +- `6-space-game/README.md` - ការអភិវឌ្ឍហ្គេម canvas +- `9-chat-project/README.md` - គម្រោងជំនួយសន្ទនាអ៊ីត ### រចនាសម្ព័ន្ធ Monorepo -ទោះបីមិនមែនជាការប្រមូលគ្នារូបមន្តចម្រុះនោះ ក៏ឃ្លាំងនេះមានគម្រោងឯករាជ្យច្រើន៖ -- មេរៀននីមួយៗមានជាពិសេស +បើទោះបីមិនមែនជា monorepo បែបបំណែកដំបូង ក៏គណនេយ្យបណ្ណាល័យនេះមានគម្រោងឯកតាច្រើន៖ +- មេរៀននីមួយៗមានឯកត្តា - គម្រោងមិនចែករំលែក dependencies -- អាចធ្វើការងារជាមួយគម្រោងឯកត្តដោយមិនប៉ះពាល់គ្នា -- ចម្លងឃ្លាំងទាំងមូលសម្រាប់បទពិសោធទាំងមូលនៃកម្មវិធីសិក្សា +- អ្នកអាចធ្វើការងារលើគម្រោងឯកតាដោយមិនប៉ះពាល់គ្នា +- Clone គណនេយ្យបណ្ណាល័យពេញលេញសម្រាប់ធ្វើបទពិសោធន៍សិក្សាពេញលេញ --- -**ការបដិសេធ**៖ -ឯកសារនេះត្រូវបានបកប្រែដោយប្រើសេវាបកប្រែ AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ទោះបីយើងខំប្រឹងសម្រាប់ភាពត្រឹមត្រូវ ក៏សូមយល់ថាការបកប្រែដោយស្វ័យប្រវត្តិនេះអាចមានកំហុសឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមក្នុងភាសាដែលវាត្រូវបានគេប្រើជាភាសាមូលដ្ឋានគួរត្រូវបានគេចាត់ទុកជាធាតុយោងដែលមានសុពលភាព។ សម្រាប់ព័ត៌មានសំខាន់ៗ ការបកប្រែដោយអ្នកជំនាញមនុស្សគឺល្អជាង។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកប្រែខុសពីការប្រើប្រាស់បកប្រែនេះឡើយ។ +**ការព្រមាន**៖ +ឯកសារនេះត្រូវបានបកប្រែដោយប្រើសេវាបកប្រែ AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ខណៈពេលយើងខិតខំរកភាពត្រឹមត្រូវ សូមយល់ព្រមថាការបកប្រែដោយស្វ័យប្រវត្តិអាចមានកំហុស ឬការខកចិត្តខុសត្រូវខ្លះ។ ឯកសារដើមជាភាសាដើមគួរត្រូវបានគេសម្ងាត់ជាឆ្នើម។ សម្រាប់ព័ត៌មានសំខាន់ៗ សូមផ្ដល់អាទិភាពថែទាំដោយអ្នកបកប្រែមនុស្សជំនាញ។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកប្រែខុសពីការប្រើប្រាស់បកប្រែនេះឡើយ។ \ No newline at end of file diff --git a/translations/km/README.md b/translations/km/README.md index dfb06e2cef..09bc3817c9 100644 --- a/translations/km/README.md +++ b/translations/km/README.md @@ -1,38 +1,26 @@ -[![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 Cloud Advocates។ មហាវិទ្យាល័យ ២៤ មេរៀននីមួយៗជ្រាបចូលទៅក្នុង JavaScript, CSS និង HTML តាមរយៈគំរោង​ដោយដៃ​ដូចជា តារៀរីញូម, ការពង្រីកកម្មវិធីរុករក និងហ្គេមអន្ទងអាកាស។ ចូលរួមជាមួយគ្រោងសំណួរ, ការពិភាក្សា និងភារកិច្ចអនុវត្ត។ បង្កើនជំនាញរបស់អ្នក និងបង្កើនការចងចាំចំណេះដឹងជាមួយវិធីសាស្រ្តបង្រៀនផ្អែកលើគំរោងយ៉ាងមានប្រសិទ្ធភាពរបស់យើង។ ចាប់ផ្តើមការធ្វើកូដរបស់អ្នកថ្ងៃនេះ! -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) - -# ការអភិវឌ្ឍន៍គេហទំព័រសម្រាប់អ្នកចាប់ផ្តើម - មេរៀនមួយ - -សូមរៀនមូលដ្ឋាននៃការអភិវឌ្ឍន៍គេហទំព័រជាមួយវគ្គសិក្សារយៈពេល 12 សប្តាហ៍ដែលមានការរួមចំណែកយ៉ាងទូលំទូលាយដោយ Microsoft Cloud Advocates។ មេរៀនទាំង 24 នីមួយៗនាំចូលទៅកាន់ការរៀនភាសា JavaScript, CSS, និង HTML តាមរយៈគម្រោងជាក់ស្តែងដូចជា terrariums, browser extensions, និងហ្គេមអាកាស។ សូមចូលរួមជាមួយនឹងសំណួរសម្លប់, ការពិភាក្សា និងការងារអនុវត្តន៍ផ្ទាល់។ បង្កើនជំនាញរបស់អ្នកហើយបង្កើតការចងចាំបានល្អជាមួយវិធីសាស្រ្តបង្រៀនផ្អែកលើគម្រោងយ៉ាងមានប្រសិទ្ធភាព។ ចាប់ផ្តើមដំណើរការកូដរបស់អ្នកថ្ងៃនេះ! - -ចូលរួមជាមួយសហគមន៍ Azure AI Foundry Discord +ចូលរួមជាមួយ Azure AI Foundry Discord ហើយជួបជាមួយអ្នកជំនាញ និងអ្នកអភិវឌ្ឍន៍មិត្តរួម។ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -អនុវត្តតាមជំហានទាំងនេះដើម្បីចាប់ផ្តើមប្រើប្រាស់ធនធានទាំងនេះ៖ -1. **ចម្លង Repository**: ចុច [![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. **គំលោប Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**ចូលរួម Azure AI Foundry Discord និងជួបជាមួយអ្នកជំនាញ និងអ្នកអភិវឌ្ឍផ្សេងទៀត**](https://discord.com/invite/ByRwuEEgH4) +អនុវត្តជំហានទាំងនេះដើម្បីចាប់ផ្តើមប្រើប្រាស់ធនធានទាំងនេះ៖ +1. **បង្កើត Fork របស់ Repository**: ចុច [![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. **ក្លោន Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**ចូលរួម Azure AI Foundry Discord ហើយជួបជាមួយអ្នកជំនាញ និងអ្នកអភិវឌ្ឍន៍មិត្តរួម**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 គាំទ្រភាសាច្រើន +### 🌐 គាំទ្រជាច្រើនភាសា -#### គាំទ្រតាមរយៈ GitHub Action (ស្វ័យប្រវត្តិ និងតែងតែទាន់សម័យ) +#### គាំទ្រតាមរយៈ GitHub Action (អូតូម៉ាទិច និងតែងតែទាន់សម័យ) [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) | [Khmer](./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](../es/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) -> **ចូលចិត្តចម្លងក្នុងកុំព្យូទ័រផ្ទាល់?** +> **ចូលចិត្តក្លោនក្នុងកុំព្យូទ័ររបស់អ្នក?** > -> Repository នេះមានការបំបែកជាភាសាជាង 50 ដែលធ្វើអោយទំហំទាញយកធំទូលាយ។ ដើម្បីចម្លងដោយគ្មានការបកប្រែ ប្រើ sparse checkout៖ +> Repository នេះមានការបកប្រែជាភាសាជាង ៥០ ដែលបន្ថែមទំហំនៃការទាញយកយ៉ាងខ្លាំង។ ដើម្បីក្លោនដោយគ្មានការបកប្រែ, ប្រើ sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,228 +36,230 @@ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> វានឹងផ្តល់អ្វីដែលអ្នកត្រូវការទាំងអស់ដើម្បីបញ្ចប់វគ្គជាមួយការទាញយកលឿនជាងមុន។ +> នេះផ្តល់ឲ្យអ្នកនូវអ្វីដែលអ្នកត្រូវការដើម្បីបញ្ចប់វគ្គរៀនជាមួយការទាញយកដែលឆាប់រហ័សជាង។ -**បើអ្នកចង់បានបន្ថែមភាសាបកប្រែ ដែលគាំទ្របានរាយក្នុងតំណខាង [នេះ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**បើអ្នកចង់បានការបកប្រែបន្ថែម ភាសាដែលគាំទ្រត្រូវបានបញ្ជាក់នៅទីនេះ។ [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _តើអ្នកជាសិស្សម្នាក់ទេ?_ +#### 🧑‍🎓 _តើអ្នកជាសិស្សមែនទេ?_ -សូមចូលមើល [**ទំព័រ Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ដែលអ្នកនឹងឃើញធនធានសម្រាប់អ្នកចាប់ផ្តើម, ឯកសារសិស្ស, និងវិធីសាស្រ្តដទៃទៀតសម្រាប់ទទួលបានសំបុត្រសម្ងាត់ឥតគិតថ្លៃ។ ទំព័រនេះជាទំព័រដែលអ្នកគួរជួយដាក់សញ្ញាទុកហើយត្រឡប់មកពិនិត្យវាប្រចាំខែ ដែលដោយយើងធ្វើការកែប្រែមាតិកាឲ្យទាន់សម័យ។ +សូមទៅកាន់ [**ទំព័រសិស្ស**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ដែលអ្នកនឹងបានជួបជាមួយធនធានសម្រាប់អ្នកដំបូង, ប្រដាប់របស់សិស្ស និងវិធីសាស្រ្តទទួលសន្ទនាប័ណ្ណបញ្ញត្តិដោយឥតគិតថ្លៃ។ ទំព័រនេះគួរត្រូវបានរក្សាទុកជាទំព័ររបស់អ្នក និងពិនិត្យវាប្រចាំពេលពីព្រោះយើងប្តូរមាតិកាប្រចាំខែ។ -### 📣 សេចក្តីប្រកាស - ជម្រើស GitHub Copilot Agent ថ្មីសម្រាប់បញ្ចប់! +### 📣 សេចក្តីប្រកាស - ការប្រកួតថ្មីរបៀប GitHub Copilot Agent ដែលត្រូវបញ្ចប់! -មានការបន្ថែមជម្រើសថ្មី សូមស្វែងរក "GitHub Copilot Agent Challenge 🚀" នៅក្នុងជំពូកភាគច្រើន។ នេះគឺជាជម្រើសថ្មីសម្រាប់អ្នកបញ្ចប់ដោយប្រើ GitHub Copilot និងមុខងារ Agent mode។ ប្រសិនបើអ្នកមិនបានប្រើ Agent mode មុននេះ វាមានសមត្ថភាពមិនត្រឹមតែបង្កើតអក្សរ ទេ តែថែមទាំងអាចបង្កើត និងកែប្រែឯកសារ, រត់ពាក្យបញ្ជា និងដូច្នោះទៀត។ +ការប្រកួតថ្មីត្រូវបានបន្ថែម, សូមស្វែងរក "GitHub Copilot Agent Challenge 🚀" នៅក្នុងជំពូកភាគច្រើន។ នេះជាការប្រកួតថ្មីសម្រាប់អ្នកបញ្ចប់ដោយប្រើ GitHub Copilot និងរបៀប Agent។ ប្រសិនបើអ្នកមិនធ្លាប់ប្រើរបៀប Agent ទេ វាមានសមត្ថភាពមិនត្រឹមតែបង្កើតអត្ថបទប៉ុណ្ណោះទេ ព្រមទាំងអាចបង្កើតនិងកែសម្រួលបណ្ណាល័យ, រត់ពាក្យបញ្ជា និងច្រើនទៀត។ -### 📣 សេចក្តីប្រកាស - _គម្រោងថ្មីសម្រាប់បង្កើតដោយ Generative AI_ +### 📣 សេចក្តីប្រកាស - _គំរោងថ្មីសម្រាប់សាងសង់ដោយប្រើ AI បង្កើត_ -គម្រោងជំនួយ AI ថ្មីបានបន្ថែមមក សូមពិនិត្យមើល [គម្រោង](./9-chat-project/README.md) +គំរោងអ្នកជំនួយ AI ថ្មីត្រូវបានបន្ថែម, ពិនិត្យមើលគំរោង [project](./9-chat-project/README.md) ### 📣 សេចក្តីប្រកាស - _មេរៀនថ្មី_ ស្តីពី Generative AI សម្រាប់ JavaScript ត្រូវបានបញ្ចេញ -កុំភ្លេចមេរៀនថ្មី Generative AI របស់យើង! +កុំផុតកន្លែងមេរៀន Generative AI ថ្មីរបស់យើង! -សូមចូលទៅ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ដើម្បីចាប់ផ្តើម! +សូមចូលទៅកាន់ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ដើម្បីចាប់ផ្តើម! ![Background](../../translated_images/km/background.148a8d43afde5730.webp) -- មេរៀនគ្របដណ្តប់ទាំងមូលពីមូលដ្ឋានដល់ RAG។ -- អាចបញ្ជាក់សកម្មភាពជាមួយតួអង្គប្រវត្តិសាស្ត្រដោយប្រើ GenAI និងកម្មវិធីជំនួយរបស់យើង។ -- រឿងរ៉ាវគួរឱ្យសប្បាយនិងគួរឱ្យចាប់អារម្មណ៍ ដែលអ្នកនឹងធ្វើដំណើរតាមពេលវេលា! +- មេរៀនគ្របដណ្តប់ពីមូលដ្ឋានដល់ RAG។ +- ផ្សព្វផ្សាយជាមួយតួអង្គប្រវត្តិនិយមដោយប្រើ GenAI និងកម្មវិធីជំនួយរបស់យើង។ +- រឿងរ៉ាវគួរឱ្យរីករាយ និងគួរឱ្យចាប់អារម្មណ៍ អ្នកនឹងធ្វើដំណើរតាមពេលវេលា! ![character](../../translated_images/km/character.5c0dd8e067ffd693.webp) - -មេរៀននីមួយៗរួមមានការងារជាក់ស្តែង សំណួរត្រួតពិនិត្យចំណេះដឹង និងបញ្ហាស្វែងយល់ដើម្បីណែនាំអ្នកលើប្រធានបទដូចជា: -- ការស្នើសុំ និងជំនាញបច្ចេកទេសស្នើសុំ -- ការបង្កើតកម្មវិធីអក្សរនិងរូបភាព +មេរៀននីមួយៗរួមមានភារកិច្ចត្រូវបញ្ចប់, ការត្រួតពិនិត្យចំណេះដឹង និងការប្រកួតដឹកនាំអ្នកក្នុងការសិក្សាប្រធានបទដូចជា៖ +- ការបញ្ចូលបញ្ចោល និងវិស្វកម្មបញ្ចូលបញ្ចោល +- កម្មវិធីបង្កើតអត្ថបទ និងរូបភាព - កម្មវិធីស្វែងរក -សូមចូលទៅ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ដើម្បីចាប់ផ្តើម! +សូមចូលទៅកាន់ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ដើម្បីចាប់ផ្តើម! -## 🌱 ការចាប់ផ្តើម +## 🌱 ចាប់ផ្តើម -> **គ្រូបង្រៀន**, យើងបាន [បញ្ចូលប្រភពគំនិតខ្លះៗ](for-teachers.md) អំពីវិធីប្រើប្រាស់មេរៀននេះ។ យើងសូមអញ្ជើញអោយអ្នកផ្ដល់មតិយោបល់របស់អ្នក [នៅក្នុងវេទិកាពិភាក្សារបស់យើង](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)។ +> **គ្រូបង្ហាត់**, យើងបាន [បញ្ចូលយោបល់ខ្លះៗ](for-teachers.md) អំពីរបៀបប្រើមេរៀននេះ។ យើងសូមសំណូមពរគ្រីមមតិរបស់អ្នក [នៅក្នុងក្រដាសពិភាក្សារបស់យើង](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ។ -**[និស្សិត](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** សម្រាប់មេរៀននីមួយៗ ចាប់ផ្តើមជាមួយសំណួរមុនបង្រៀន ហើយអនុវត្តតាមមាតិកាបង្រៀន ការចប់ការងារប្រកបដោយជោគជ័យ និងពិនិត្យការយល់ដឹងរបស់អ្នកជាមួយសំណួរផ្សេងទៀតបន្ទាប់ពីបង្រៀន។ +**[អ្នករៀន](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** សម្រាប់មេរៀននីមួយៗ ចាប់ផ្តើមជាមួយគ្រោងសំណួរពីមុនមេរៀន ហើយបន្តអានសារមេរៀន បញ្ចប់សកម្មភាពនានា ហើយផ្ទៀងផ្ទាត់ការយល់ដឹងរបស់អ្នកជាមួយគ្រោងសំណួរបន្ទាប់មេរៀន។ -ដើម្បីបង្កើតបទពិសោធន៍រៀនសូត្រពិតប្រាកដ សូមភ្ជាប់ការងារជាក្រុម និងការពិភាក្សាជាមួយមិត្តរបស់អ្នក! ការពិភាក្សាទាំងនេះត្រូវបានគាំទ្រនៅក្នុង [វេទិកាពិភាក្សារបស់យើង](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ដែលមានក្រុមModerators រងចាំឆ្លើយសំណួររបស់អ្នក។ +ដើម្បីបង្កើនបទពិសោធន៍រៀនរបស់អ្នក សូមភ្ជាប់ជាមួយមិត្តរួមបង្រៀនដើម្បីធ្វើគំរោងរួមគ្នា! ការពិភាក្សាត្រូវបានលើកទឹកចិត្តនៅក្នុង [ក្រដាសពិភាក្សា](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ដែលក្រុមអ្នកផ្សព្វផ្សាយរបស់យើងនឹងមានស្ថិតក្នុងទីនេះ ដើម្បីឆ្លើយសំនួររបស់អ្នក។ -ដើម្បីបន្តការសិក្សាឡើងទៀត យើងណែនាំឲ្យស្វែងយល់ពី [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) សម្រាប់ឯកសារសិក្សាបន្ថែម។ +ដើម្បីបន្តការសិក្សារបស់អ្នក យើងអនុញ្ញាតឲ្យអ្នកស្វែងរក [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) សម្រាប់សម្ភារៈសិក្សាបន្ថែម។ ### 📋 ការតំឡើងបរិយាកាសរបស់អ្នក -មេរៀននេះមានបរិយាកាសអភិវឌ្ឍន៍រួចស្រេចហើយ! នៅពេលអ្នកចាប់ផ្តើម អ្នកអាចជ្រើសរើសដំណើរការមេរៀននៅក្នុង [Codespace](https://github.com/features/codespaces/) (_បរិយាកាសប្រើក្នុងកម្មវិធីរកមើល ដែលមិនត្រូវការតំឡើង_), ឬជាស្រេចលើកុំព្យូទ័រផ្ទាល់ឲ្យប្រើកម្មវិធីកែសម្រួលអក្សរដូចជា [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)។ +មេរៀននេះមានបរិយាកាសអភិវឌ្ឍន៍រួចរាល់! នៅពេលចាប់ផ្តើម អ្នកអាចជ្រើសរើសរត់មេរៀននៅក្នុង [Codespace](https://github.com/features/codespaces/) (_បរិយាកាសមិនតម្រូវការដំឡើង មាននៅលើកម្មវីធីរុករក_) ឬរត់ក្នុងកុំព្យូទ័ររបស់អ្នកដោយប្រើកម្មវិធីកែសម្រួលអត្ថបទដូចជា [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)។ #### បង្កើត repository របស់អ្នក -ដើម្បីអោយអ្នករក្សាទុកការងារនៅកាន់ថ្នាក់ខ្ពស់, យើងណែនាំឲ្យអ្នកបង្កើតច្បាប់ដែលមានច្បាស់របស់អ្នកផ្ទាល់។ អ្នកអាចធ្វើបាននេះដោយចុចប៊ូតុង **Use this template** នៅលើផ្ទាំងនេះ។ វានឹងបង្កើត repository ថ្មីនៅក្នុងគណនី GitHub របស់អ្នកជាមួយច្បាប់មេរៀន។ +ដើម្បីឲ្យអ្នករក្សាទុកការងាររបស់អ្នកបានស្រួល អ្នកត្រូវបានផ្ដល់អនុសាសន៍ឲ្យបង្កើតច្បាប់ចម្លងផ្ទាល់ខ្លួនរបស់ repository នេះ។ អ្នកអាចធ្វើបានដោយចុចប៊ូតុង **Use this template** នៅខាងលើទំព័រ។ នេះនឹងបង្កើត repository ថ្មីនៅក្នុងគណនី GitHub របស់អ្នកជាមួយច្បាប់ចម្លងនៃមេរៀន។ -អនុវត្តតាមជំហានទាំងនេះ៖ -1. **ចម្លង Repository**: ចុចលើប៊ូតុង "Fork" នៅជាងកំពូលខាងលើខាងស្តាំរបស់ទំព័រនេះ។ -2. **គំលោប Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +អនុវត្តជំហានទាំងនេះ៖ +1. **បង្កើត Fork របស់ Repository**: ចុចប៊ូតុង "Fork" នៅកំពូលម្ខាងស្តាំនៃទំព័រក្នុងនេះ។ +2. **ក្លោន Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### ដំណើរការមេរៀននៅក្នុង Codespace +#### រត់មេរៀននៅក្នុង Codespace -នៅក្នុងច្បាប់ដែលអ្នកបានបង្កើតឡើង ចុចប៊ូតុង **Code** ហើយជ្រើស **Open with Codespaces**។ វានឹងបង្កើត Codespace ថ្មីសម្រាប់អ្នកធ្វើការនៅក្នុងការងារ។ +ក្នុងច្បាប់ចម្លងនៃ repository ដែលអ្នកបានបង្កើត, ចុចប៊ូតុង **Code** ហើយជ្រើសរើស **Open with Codespaces**។ នេះនឹងបង្កើត Codespace ថ្មីសម្រាប់អ្នកធ្វើការក្នុងវា។ ![Codespace](../../translated_images/km/createcodespace.0238bbf4d7a8d955.webp) -#### ដំណើរការមេរៀននៅលើកុំព្យូទ័រផ្ទាល់ +#### រត់មេរៀនក្នុងកុំព្យូទ័រផ្ទាល់ខ្លួន -ដើម្បីដំណើរការមេរៀននេះនៅលើកុំព្យូទ័រជាក់ស្តែង អ្នកត្រូវការអ្នកកែសម្រួលអក្សរ, កម្មវិធីរកមើល និងឧបករណ៍បញ្ជា Command Line Tool។ មេរៀនដំបូងរបស់យើង [បើកផ្លូវទៅភាសាព្រមទាំងកម្មវិធីនានា](../../1-getting-started-lessons/1-intro-to-programming-languages) នឹងណែនាំអ្នកជម្រើសកម្មវិធីនានាសម្រាប់ឧបករណ៍ទាំងនេះដើម្បីជួយទៅរកអ្វីដែលសមរម្យសម្រាប់អ្នកបំផុត។ +ដើម្បីរត់មេរៀននេះក្នុងកុំព្យូទ័ររបស់អ្នក អ្នកត្រូវការកម្មវិធីកែសម្រួលអត្ថបទ, កម្មវិធីរុករក និងឧបករណ៍បន្ទាត់ពាក្យបញ្ជា។ មេរៀនដំបូងរបស់យើង, [ការណែនាំអំពីភាសាកម្មវិធីនិងឧបករណ៍នានា](../../1-getting-started-lessons/1-intro-to-programming-languages), នឹងដឹកនាំអ្នកតាមជម្រើសនានាសម្រាប់ឧបករណ៍ទាំងនេះដើម្បីជួយអ្នកជ្រើសរើសអ្វីដែលល្អបំផុតសម្រាប់អ្នក។ -យើងណែនាំឲ្យប្រើ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ជាកម្មវិធីកែសម្រួលរបស់អ្នក ដោយវាក៏មានផ្នែក [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ជាស្រេចផងដែរ។ អ្នកអាចទាញយក Visual Studio Code [នៅទីនេះ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)។ -1. ក្លូនផ្ទុក repository របស់អ្នកទៅកុំព្យូទ័ររបស់អ្នក។ អ្នកអាចធ្វើបានដោយចុចប៊ូតុង **Code** ហើយចម្លង URL៖ +យើងណែនាំឲ្យប្រើ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ជាកម្មវិធីកែសម្រួល អ្នកមាន Terminal ដែលបង្កប់ក្នុងកម្មវិធីផងដែរ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)។ អ្នកអាចទាញយក Visual Studio Code [នៅទីនេះ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)។ +1. បញ្ចូលឃ្លាំងផ្ទុកកម្មវិធីរបស់អ្នកទៅកុំព្យូទ័ររបស់អ្នក។ អ្នកអាចធ្វើបានដោយចុចប៊ូតុង **Code** ហើយចម្លង URL៖ [CodeSpace](./images/createcodespace.png) - បន្ទាប់មក បើក [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) នៅក្នុង [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ហើយរត់ពាក្យបញ្ជាដូចខាងក្រោម ដោយជំនួស `` ជា URL ដែលអ្នកទើបចម្លង៖ + បន្ទាប់មក បើក [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ក្នុង [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ហើយរត់ពាក្យបញ្ជាដូចខាងក្រោម ដោយជំនួស `` ជាមួយ URL ដែលអ្នកបានចម្លង៖ ```bash git clone ``` -2. បើកថតក្នុង Visual Studio Code។ អ្នកអាចធ្វើបានដោយចុច **File** > **Open Folder** ហើយជ្រើសរើសថតដែលអ្នកទើបក្លូន។ +2. បើកថតក្នុង Visual Studio Code។ អ្នកអាចធ្វើបានដោយចុច **File** > **Open Folder** ហើយជ្រើសរើសថតដែលអ្នកបានចម្លងមកថ្មីៗនេះ។ -> ការផ្តល់អត្រា Visual Studio Code extensions គួរតែប្រើ៖ +> ផ្នែកបន្ថែម Visual Studio Code ដែលបានណែនាំ៖ > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - ដើម្បីមើលជាមុនទំព័រ HTML នៅក្នុង Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ដើម្បីជួយអ្នកសរសេរកូដបានលឿនជាងមុន +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - ដើម្បីមើលមុនទំព័រ HTML នៅក្នុង Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ជួយអ្នកសរសេរកូដបានលឿនឡើង -## 📂 មេរៀនមួយមួយរួមមាន៖ +## 📂 មេរៀនរៀងរាល់មួយរួមមាន៖ -- សេចក្តីសូមចំណាំជាគំរូ -- វីដេអូបន្ថែមជាជម្រើស -- សំនួរសាកល្បងមុនមេរៀន -- មេរៀនដែលបានសរសេរ -- សម្រាប់មេរៀនលើគម្រោង មានមគ្គុទេសក៍ជំហាន-ដោយ-ជំហានអំពីរបៀបសង់គម្រោង +- សៀវភៅគំនូសមានជម្រើស +- វីដេអូបន្ថែមមានជម្រើស +- សាកល្បងកម្រងមុខមួយមុនមេរៀន +- មេរៀនសរសេរ +- សម្រាប់មេរៀនបែបគម្រោង អ្នកមានមគ្គុទេសក៍ជារបៀបជំហាន-មួយសម្រាប់កសាងគម្រោង - ការត្រួតពិនិត្យចំណេះដឹង -- បញ្ហាប្រឈម -- ការអានបន្ថែម +- បញ្ហាសួរ +- អានបន្ថែម - បេសកកម្ម -- [សំនួរសាកល្បងបន្ទាប់ម៉េរៀន](https://ff-quizzes.netlify.app/web/) +- [សាកល្បងបន្ទាប់មេរៀន](https://ff-quizzes.netlify.app/web/) -> **ចំណាំអំពីសំនួរសាកល្បង**: សំនួរសាកល្បងទាំងអស់មាននៅក្នុងថត Quiz-app មានសំនួរប្រមាណ 48 សំណួរ រៀបចំជាក្រុម 3 សំណួរឱ្យមួយ។ អ្នកអាចរកបាន [ទីនេះ](https://ff-quizzes.netlify.app/web/) អាចរត់កម្មវិធីសាកល្បងក្នុងកន្លែងរបស់អ្នកឬផ្សាយនៅលើ Azure; អនុវត្តតាមការណែនាំនៅក្នុងថត `quiz-app`។ +> **កំណត់សម្គាល់អំពីសាកល្បង**៖ សាកល្បងទាំងអស់មាននៅក្នុងថត Quiz-app មានសរុប ៤៨ សាកល្បង ក្នុងមួយសាកល្បងមានចំលើយ ៣សំណួរ។ អាចរកបាន [នៅទីនេះ](https://ff-quizzes.netlify.app/web/) ហើយកម្មវិធីសាកល្បងអាចដំណើរការជាលក្ខណៈមូលដ្ឋាន ឬបញ្ចូលទៅ Azure; សូមអនុវត្តការណែនាំនៅក្នុងថត `quiz-app`។ ## 🗃️ មេរៀន -| | ឈ្មោះគម្រោង | គំនិតដែលបានបង្រៀន | គោលបំណងការសិក្សា | មេរៀនដែលភ្ជាប់ | អ្នកនិពន្ធ | -| :-: | :----------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------------: | -| 01 | Getting Started | ការណែនាំអំពីកម្មវិធីផ្ទឹមនិងឧបករណ៍ជំនួយ | រៀនអំពីមូលដ្ឋានសំខាន់ៗនៅខាងក្រោយភាសាកម្មវិធីភាគច្រើន និងអំពីកម្មវិធីដែលជួយអ្នកអភិវឌ្ឍវិជ្ជាជីវៈបំពេញការងារ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | មូលដ្ឋាន GitHub, រួមមានការងារជាក្រុម | របៀបប្រើ GitHub ក្នុងគម្រោងរបស់អ្នក របៀបសហការជាមួយអ្នកដទៃលើគ្រប់ខ្នាតកូដ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | បែបបទឲ្យបានសមរម្យ | រៀនមូលដ្ឋាននៃកាផ្ដល់សមរម្យគេហទំព័រ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | ប្រភេទទិន្នន័យ JavaScript | មូលដ្ឋាននៃប្រភេទទិន្នន័យ JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | សមាសភាគ និងវិធីសាស្រ្ត | រៀនអំពីសមាសភាគ និងវិធីសាស្រ្តដើម្បីគ្រប់គ្រងលំនាំចលនារបស់កម្មវិធី | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine និង Christopher | -| 06 | JS Basics | ការធ្វើសេចក្ដីសម្រេចជាមួយ JS | រៀនពីរបៀបបង្កើតលក្ខខណ្ឌនៅក្នុងកូដរបស់អ្នកដោយប្រើវិធីសាស្រ្តសម្រេចចិត្ត | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | ចំណងជើង និងរង្វិល | ធ្វើការជាមួយទិន្នន័យដោយប្រើអារៈ និងរង្វិលក្នុង JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML នៅក្នុងអនុវត្ត | សាងសង់ HTML ដើម្បីបង្កើតធុងមួយតាមអ៊ិនធឺរណេត បំផុតសម្រួលលំហររចនាឡើង | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS នៅក្នុងអនុវត្ត | សាងសង់ CSS ដើម្បីបន្ថែមការតុបតែងធុងតាមអ៊ិនធឺរណេត ផ្តោតសំខាន់លើមូលដ្ឋាន CSS រួមមានការធ្វើឲ្យទំព័រទាន់សម័យ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript បិទច្រវាក់, ការគ្រប់គ្រង DOM | សាងសង់ JavaScript ដើម្បីធ្វើឲ្យធុងដំណើរការជាមួយអ៊ីនធែរហ្វេសជាចរន្តទម្លាក់ញុះ យកចំណុចចំពោះការបិទច្រវាក់ និងការគ្រប់គ្រង DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | បង្កើតហ្គេមវាយអក្សរ | រៀនពីរបៀបប្រើព្រឹត្តិការណ៍ក្តារចុចដើម្បីបញ្ជាលំនាំសកម្មភាពក្នុងកម្មវិធី JavaScript របស់អ្នក | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ការងារជាមួយកម្មវិធី Firefox | រៀនពីរបៀបកម្មវិធី Firefox ធ្វើការ ប្រវត្តិសាស្រ្តរបស់វា និងរបៀបបង្កើតធាតុដំបូងនៃកម្មវិធីលំនាំប្រព័ន្ឋកម្មវិធី | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ការបង្កើតសំណុំបែបបទ ការហៅ API និងរក្សាទុកអថេរនៅក្នុង local storage | សាងសង់ធាតុ JavaScript នៃកម្មវិធីលំនាំ Firefox របស់អ្នក ដើម្បីហៅ API ដោយប្រើអថេរដែលបានរក្សាទុកក្នុង local storage | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ការប្រតិបត្តិការផ្ទៃក្រោយក្នុងកម្មវិធី Firefox, ការសម្រួលគុណភាពបណ្តាញ | ប្រើវិធីប្រតិបត្តិការផ្ទៃក្រោយរបស់កម្មវិធី Firefox សម្រាប់គ្រប់គ្រងរូបតំណាងកម្មវិធីលំនាំ; រៀនអំពីជំហានកែលម្អគុណភាពបណ្តាញនិងបច្ចេកទេសមួយចំនួន | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | ការអភិវឌ្ឍហ្គេមជំហានខ្ពស់ជាមួយ JavaScript | រៀនអំពីមេរៀនចឹងការទូទាត់ដោយប្រើទាំងក្លាស និងកំណត់រចនាសម្ព័ន្ធ និងសម្រាប់បែបបទ Pub/Sub ដើម្បីត្រៀមសម្រាប់បង្កើតហ្គេម | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | គូរទៅកាន់ផ្ទៃ Canafas | រៀនអំពី Canvas API ដែលប្រើគូរថាត្រូវលើផ្ទៃថ្នល់ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | ផ្លាស់ទីធាតុកាន់តែក្រៅអេក្រង់ | ស្វែងរកពីរបៀបដែលធាតុអាចចល័តដោយប្រើ coordinate អក្សរ Cartesian និង Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | ការស្គាល់ការប៉ះ撞 | ធ្វើឱ្យធាតុទាក់ទងព្រមគ្នា និងឆ្លើយតបគ្នាជាមួយការចុចក្តារចុច និងផ្តល់មុខងារពេលស្ងៀមដើម្បីធានាបាននូវកម្រិតប្រតិបត្តិការរបស់ហ្គេម | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | ដោះស្រាយពិន្ទុ | គណនាផ្នែកគណិតអាគរស្តីពីស្ថានភាព និងការប្រតិបត្តិការរបស់ហ្គេម | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | បញ្ចប់ និងចាប់ផ្តើមហ្គេមឡើងវិញ | រៀនអំពីការបញ្ចប់ និងចាប់ផ្តើមហ្គេមឡើងវិញ រួមមានការសម្អាតមូលធាតុ និងកំណត់តម្លៃអថេរឡើងវិញ | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | តំបន់គំរូ HTML និងផ្លូវ ក្នុងកម្មវិធីវេប | រៀនអំពីការបង្កើតគ្រប់គ្រងស្ថាបត្យកម្មគេហទំព័រជាគម្រប់ទំព័រដោយប្រើ routing និង template HTML | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | បង្កើតទម្រង់ចូលប្រើប្រាស់និងចុះឈ្មោះ | រៀនពីការបង្កើតទម្រង់ និងការដាក់កូដត្រួតពិនិត្យលក្ខណៈ | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | វិធីសាស្រ្តនៃការទាញយក និងប្រើទិន្នន័យ | របៀបផ្គត់ផ្គង់ទិន្នន័យចូល និងចេញពីកម្មវិធី របៀបទាញយក រក្សាទុក និងលុបចោល | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | គំនិតនៃការគ្រប់គ្រងរដ្ឋ | រៀនពីរបៀបកម្មវិធីរបស់អ្នករក្សាទុករដ្ឋ និងរបៀបគ្រប់គ្រងប្រព័ន្ធនៅក្នុងកម្មវិធី | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | ការងារជាមួយ VScode | រៀនពីរបៀបប្រើកម្មវិធីកែសម្រួលកូដ | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | ការងារជាមួយអាប់ស៊ីស AI | រៀនពីរបៀបបង្កើតជំនួយ AI របស់អ្នកផ្ទាល់ | [AI Assistant project](./9-chat-project/README.md) | Chris | - -## 🏫 វិធីសាស្រ្តបង្រៀន - -កម្មវិធីសិក្សារបស់យើងត្រូវបានរចនាឡើងជាមួយគោលការណ៍បង្រៀនសំខាន់ពីរប្រភេទ៖ -* ការសិក្សាដោយគម្រោង -* សំនួរសាកល្បងជាញឹកញាប់ - -កម្មវិធីបង្រៀនមូលដ្ឋាន JavaScript, HTML និង CSS រួមទាំងឧបករណ៍ និងបច្ចេកទេសថ្មីៗដែលអ្នកអភិវឌ្ឍវេបសាយប្រើប្រាស់នៅថ្ងៃនេះ។ សិស្សនឹងមានឱកាសអភិវឌ្ឍបទពិសោធន៍ដៃគូដោយសាងសង់ហ្គេមវាយអក្សរ Terrarium តាមអ៊ិនធឺរណេត កម្មវិធីលំនាំ Firefox មិត្តបរិស្ថានហ្គេមល្ខៅល្ខៅលើអេក្រង់ និងកម្មវិធីធនាគារសម្រាប់អាជីវកម្ម។ បញ្ចប់ស៊េរីនេះ សិស្សនឹងមានការយល់ដឹងជ្រាលជ្រៅអំពីការអភិវឌ្ឍវេប។ - -> 🎓 អ្នកអាចយកមេរៀនដំបូងៗនៅក្នុងកម្មវិធីនេះជាផ្លូវ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) នៅលើ Microsoft Learn! - -ដោយធានាថាខ្លឹមសារត្រូវតែស្របទៅតាមគម្រោង នេះធ្វើឲ្យដំណើរការបង្រៀនមានការចាប់អារម្មណ៍សម្រាប់សិស្ស និងកែលម្អការចងចាំគំនិត។ យើងក៏បានសរសេរមេរៀនដំបូងជាច្រើននៅវិស័យ JavaScript មូលដ្ឋានសម្រាប់បង្ហាញគំនិតរួមជាមួយវីដេអូពី "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ជាការប្រមូលផ្តុំវីដេអូដែលអ្នកនិពន្ធមួយចំនួនបានរួមចំណែកក្នុងកម្មវិធីនេះ។ - -បន្ថែមពីនេះ ការសាកល្បងមួយមុនថ្នាក់បង្ហាត់ដាក់បំណងក្តីចង់រៀនរបស់សិស្សមួយ ជាមួយសំនួរសាកល្បងទីពីរពីរបន្ទាប់បន្ទាប់គឺធានាការចងចាំបន្ថែម។ កម្មវិធីនេះរចនាឡើងឱ្យបត់បែន និងរីករាយ ហើយអាចយកទាំងស្រុងឬផ្នែកមួយចំណែកមកអានបាន។ គម្រោង​តូចៗ តែរីកចម្រើនកាន់តែស្មុគស្មាញតាមរយៈរយៈពេល 12 សប្ដាហ៍។ - -នៅពេលយើងបានជ្រើសរើសមិនណែនាំខ្នាត JavaScript frameworks ទេ ដើម្បីផ្តោតលើជំនាញមូលដ្ឋានដែលត្រូវការជាអ្នកអភិវឌ្ឍវេបមុនពេលយក framework មួយ។ ជំហានបន្ទាប់ល្អដើម្បីបញ្ចប់កម្មវិធីនេះគឺរៀនអំពី Node.js តាមប្រមូលផ្តុំវីដេអូផ្សេងទៀត៖ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"។ - -> សូមចូលមើល [Code of Conduct](CODE_OF_CONDUCT.md) និង [Contributing](CONTRIBUTING.md) ដើម្បីទទួលបានការណែនាំ។ យើងស្វាគមន៍មតិយោបល់សាងសង់របស់អ្នក! - -## 🧭 ការចូលប្រើក្រៅបណ្ដាញ - -អ្នកអាចរត់ឯកសារនេះក្រៅបណ្ដាញដោយប្រើ [Docsify](https://docsify.js.org/#/)! នៅក្នុង repo នេះ សូម fork, [ដំឡើង Docsify](https://docsify.js.org/#/quickstart) លើកុំព្យូទ័រប្រព័ន្ធរបស់អ្នក ហើយនៅក្នុងថត root នៃ repo នេះវាយ `docsify serve` ។ គេហទំព័រនឹងរត់នៅកំពង់ផែ 3000 នៅ localhost របស់អ្នក៖ `localhost:3000`។ +| | ឈ្មោះគម្រោង | គំនិតបានបង្រៀន | គោលដៅបង្រៀន | មេរៀនភ្ជាប់ | អ្នកនិពន្ធ | +| :-: | :------------------------------------------------------: | :------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: | +| 01 | ការចាប់ផ្តើម | ការណែនាំអំពីកម្មវិធីនិងឧបករណ៍ប្រើប្រាស់ | រៀនពីមូលដ្ឋានសំខាន់ៗពីភាសាកម្មវិធីភាគច្រើន និងអំពីកម្មវិធីជួយអ្នកអwickុំកវិជ្ជាជិតបំពេញការងារ | [ការណែនាំអំពីភាសាកម្មវិធីនិងឧបករណ៍ប្រើប្រាស់](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | ការចាប់ផ្តើម | មូលដ្ឋាន GitHub រួមទាំងការងារជាក្រុម | របៀបប្រើប្រាស់ GitHub នៅក្នុងគម្រោងរបស់អ្នក និងរបៀបសហការ ជាមួយអ្នកដទៃនៅលើមូលដ្ឋានកូដ | [មូលដ្ឋាន GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | ការចាប់ផ្តើម | ភាពចូលដល់ | រៀនពីមូលដ្ឋាននៃភាពចូលដល់គេហទំព័រ | [មូលដ្ឋានភាពចូលដល់](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | ជាភាសា JS | ប្រភេទទិន្នន័យ JavaScript | មូលដ្ឋាននៃប្រភេទទិន្នន័យ JavaScript | [ប្រភេទទិន្នន័យ](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | ជាភាសា JS | មុខងារ និង វិធីសាស្រ្ត | រៀនអំពីមុខងារនិងវិធីសាស្រ្តក្នុងការគ្រប់គ្រងលំនាំចិត្តកម្មវិធី | [មុខងារ និង វិធីសាស្រ្ត](./2-js-basics/2-functions-methods/README.md) | Jasmine និង Christopher | +| 06 | ជាភាសា JS | ការធ្វើសេចក្តីសម្រេចជាមួយ JS | រៀនរបៀបបង្កើតលក្ខខណ្ឌនៅក្នុងកូដរបស់អ្នកដោយប្រើវិធីសាស្រ្តធ្វើសេចក្តីសម្រេច | [ការធ្វើសេចក្តីសម្រេច](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | ជាភាសា JS | អារេនិងរុំជុំ | ប្រើទិន្នន័យជាមួយអារេនិងរុំជុំក្នុង JavaScript | [អារេនិងរុំជុំ](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ក្នុងកិច្ចការអនុវត្ត | សាងសង់ HTML ដើម្បីបង្កើតប្រអប់ចងចាំតាមអនឡាញ រួមទាំងផ្តោតលើការសាងសង់រៀបចំផ្ទាំង | [ការណែនាំអំពី HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ក្នុងកិច្ចការអនុវត្ត | បង្កើត CSS ដើម្បីតុបតែងប្រអប់ចងចាំតាមអនឡាញ ផ្តោតលើមូលដ្ឋាន CSS រួមទាំងការបង្កើតទំព័រឲ្យឆបគ្នា | [ការណែនាំអំពី CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | បង្កើត JavaScript ដើម្បីឲ្យប្រអប់ចងចាំដំណើរការជាផ្ទាំងទាញដាក់ ប្រើការចងខ្សែមុខងារ និងការកំណត់ DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | បង្កើតហ្គេមវាយអក្សរ | រៀនរបៀបប្រើព្រឹត្តិការណ៍ក្តារចុចដើម្បីបើកលំហូរល lógica នៃកម្មវិធី JavaScript របស់អ្នក | [កម្មវិធីបើកលំហូរ](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ការងារជាមួយកម្មវិធីរុករកថតើរ | រៀនពីរបៀបដំណើរការរបស់កម្មវិធីរុករក ប្រវត្តិសាស្ត្រ និងរបៀបបង្កើតធាតុដំបូងៗនៃភ្ជាប់កម្មវិធីរុករក | [អំពីកម្មវិធីរុករក](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | សង់បែបបទហៅ API និងរក្សាទុកអថេរនៅក្នុង local storage | បង្កើតធាតុ JavaScript នៃកម្មវិធីរុករករបស់អ្នក ដើម្បីហៅ API ដោយប្រើអថេរដែលរក្សាទុកក្នុង local storage | [API, បែបបទ និងការរក្សាទុកនៅក្នុងធាតុ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ដំណើរការផ្ទៃខាងក្រោយក្នុងកម្មវិធីរុករក និងការសម្រួលបណ្ដាញ | ប្រើដំណើរការផ្ទៃខាងក្រោយរបស់កម្មវិធីរុករកដើម្បីគ្រប់គ្រងរូបតំណាងនៃកម្មវិធី បន្ថែមពីការសម្រួលបណ្ដាញ | [ភារកិច្ចផ្ទៃខាងក្រោយ និងការសម្រួលបណ្ដាញ](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | ការអភិវឌ្ឍហ្គេមកម្រិតខ្ពស់ជាមួយ JavaScript | រៀនអំពីមេរៀនវារីធម៍ IDE inheritance ជាមួយ Classes និង Composition និងល្បិច Pub/Sub ក្នុងការរៀបចំសម្រាប់បង្កើតហ្គេម | [ការណែនាំអំពីការអភិវឌ្ឍហ្គេមកម្រិតខ្ពស់](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | គូរមាតិកាលើកង់ខាត់ | រៀនអំពី Canvas API សម្រាប់គូរធាតុទៅលើអេក្រង់ | [គូរលើកង់ខាត់](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | ធ្វើចលនាធាតុជុំវិញអេក្រង់ | រកឃើញរបៀបធ្វើឲ្យធាតុចលនា ដោយប្រើផ្លូវកាតេស៊ីង និង Canvas API | [ធ្វើចលនាធាតុជុំវិញ](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | ការកំណត់បាតដណ្ដឹងផ្ទុក | ធ្វើឲ្យធាតុបត់បែនគ្នានិងឆ្លើយតបទៅគ្នា ដោយប្រើ keypresses ហើយផ្តល់មុខងារជម្ងឺប្រាប់ដើម្បីធានាឲ្យមានប្រសិទ្ធភាពគ្រប់គ្រាន់ | [ការប៉ះទង្គិច](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | ការរក្សាជ័យជំនះ | បំពេញការប្រមូលគណនាផ្អែកលើស្ថានភាពហ្គេម និងប្រសិទ្ធភាព | [រក្សាជ័យជំនះ](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | ការបញ្ចប់ហ្គេម និងការចាប់ផ្តើមឡើងវិញ | រៀនអំពីបញ្ចប់ហ្គេម និងចាប់ផ្តើមឡើងវិញ រួមទាំងសម្អាតធនធាន និងកំណត់តម្លៃអថេរថ្មី | [លក្ខខណ្ឌបញ្ចប់](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | សារពើភណ្ឌ HTML និង Routing ក្នុងកម្មវិធីបណ្ដាញ | រៀនពីរបៀបបង្កើតរចនា​សម្ព័ន្ធគេហទំព័រជាច្រើនទំព័រដោយប្រើ routing និង សារពើភណ្ឌ HTML | [សារពើភណ្ឌ HTML និង Routing](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | បង្កើតបែបបទចូលប្រើ និងចុះឈ្មោះ | រៀនអំពីការបង្កើតបែបបទ និងការត្រួតពិនិត្យភាពត្រឹមត្រូវ | [បែបបទ](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | វិធីសាស្រ្តទាញយក និងប្រើប្រាស់ទិន្នន័យ | របៀបដំណើរការទិន្នន័យចូលចេញពីកម្មវិធី របៀបទាញយក រក្សាទុក និងលុបចោល | [ទិន្នន័យ](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | គំនិតគ្រប់គ្រងស្ថានភាព | រៀនពីរបៀបកម្មវិធីរបស់អ្នករក្សាស្ថានភាព និងរបៀបគ្រប់គ្រងវាដោយប្រើកម្មវិធី | [គ្រប់គ្រងស្ថានភាព](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | ការងារជាមួយ VScode | រៀនរបៀបប្រើប្រាស់កម្មវិធីកែសម្រួលកូដ| [ប្រើកម្មវិធីកែសម្រួលកូដ VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | ការងារជាមួយ AI | រៀនរបៀបបង្កើតជំនួយការប្រព័ន្ធ AI ផ្ទាល់ខ្លួន | [គម្រោងជំនួយការប្រព័ន្ធ AI](./9-chat-project/README.md) | Chris | + +## 🏫 គ្រឹះការបង្រៀន + +មេរៀនរបស់យើងត្រូវបានបង្កើតឡើងដោយគោលការណ៍គ្រឿងសម្រាប់បង្រៀនអង្គការចម្បង​ពីរ​៖ +* ការសិក្សាតាមគម្រោង +* សាកល្បងញឹកញាប់ + +កម្មវិធីបង្រៀននេះផ្តោតបង្រៀនមូលដ្ឋាន JavaScript, HTML និង CSS និងឧបករណ៍និងបច្ចេកទេសថ្មីៗដែលអ្នកអwickុម្មួយបណ្ដាញប្រើប្រាស់សព្វថ្ងៃ។ និស្សិតនឹងមានឱកាសអភិវឌ្ឍន៍បទពិសោធន៍អនុវត្តដោយការកសាងហ្គេមវាយអក្សរ ទីតាំងត្រួតពិនិត្យតាមអនឡាញ ការតភ្ជាប់កម្មវិធីរុករកបៃតង ហ្គេមបែបចល័តអាកាសធាតុ និងកម្មវិធីធនាគារ សម្រាប់អាជីវកម្ម។ នៅចប់ស៊េរីនេះ និស្សិតនឹងមានការយល់ដឹងរឹងមាំអំពីការអwickុម្មួយបណ្ដាញ។ + +> 🎓 អ្នកអាចចាប់ផ្តើមមេរៀនដំបូងនៃមេរៀននេះជា [ផ្លូវរៀន](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) នៅលើ Microsoft Learn! + +ដោយធានាថាតិចតួចនៃមេរៀនត្រូវស្របគ្នាជាមួយគម្រោង វិធីសាស្រ្តនេះធ្វើឲ្យមានការចាប់អារម្មណ៍ច្រើនសម្រាប់និស្សិត និងកំណត់ចំណេះដឹងបានល្អឡើង។ យើងបានសរសេរមេរៀនចាប់ផ្តើមជាច្រើននៅមូលដ្ឋាន JavaScript ដើម្បីណែនាំមូលដ្ឋាន ភ្ជាប់ជាមួយវីដេអូពីស៊េរី "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ដែលអ្នកនិពន្ធខ្លះបានរួមចំណែកក្នុងកម្មវិធីនេះ។ + +ក្រៅពីនេះ ភាពតិចតួចនៃសាកល្បងមុនថ្នាក់ចុះបួន ធ្វើឲ្យនិស្សិតមានចំណង់ចំណូលចិត្តសិក្សាពីមុខវិជ្ជា មួយសាកល្បងបន្ទាប់មកធានាសិប្បនិម្មិតយ៉ាងល្អ។ មេរៀននេះត្រូវបានរចនាឡើងឲ្យមានភាពបត់បែន និងរីករាយ អាចរៀនទាំងមូល ឬជាផ្នែកបាន។ គម្រោងចាប់ផ្តើមតូចៗ ហើយកាន់តែពិបាកឡើងនៅចប់មូលដ្ឋាន ១២ សប្តាហ៍។ + +បើទោះជាយើងបានចៀសវាងការណែនាំហ្គ្រamework JavaScript ដើម្បីផ្តោតលើជំនាញមូលដ្ឋានរបស់អ្នកអwickុម្មួយបណ្ដាញ មុនពេលយក framework មកប្រើ ការជ្រើសរើសល្អបន្ទាប់សម្រាប់បញ្ចប់ការសិក្សានេះគឺរៀនអំពី Node.js តាមការបង្ហាញវីដេអូផ្សេងៗ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". + +> សូមចូលទៅកាន់ [Code of Conduct](CODE_OF_CONDUCT.md) និង [Contributing](CONTRIBUTING.md) នៃយើង។ យើងស្វាគមន៍មតិយោបល់ដែលមានប្រយោជន៍ពីអ្នក! + +## 🧭 ការចូលប្រើដោយអនឡាញ + +អ្នកអាចរត់ឯកសារនេះដោយអនឡាញដោយប្រើ [Docsify](https://docsify.js.org/#/។) ចម្លងក្ដីបន្ទុកនេះ [install Docsify](https://docsify.js.org/#/quickstart) លើម៉ាស៊ីនដោយភាពផ្ទាល់ច្រក រួចនៅក្នុងថតដើម នៃក្ដីបន្ទុកនេះ បញ្ចូល `docsify serve`។ គេហទំព័រនឹងរត់លើផត 3000 នៅ localhost របស់អ្នក៖ `localhost:3000`។ ## 📘 PDF -ការបោះពុម្ព PDF របស់មេរៀនទាំងអស់អាចរកបាន [ tại đây](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)។ +ឯកសារ PDF សម្រាប់មេរៀនទាំងអស់អាចស្វែងរកបាន [នៅទីនេះ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)។ + -## 🎒វគ្គសិក្សាផ្សេងទៀត +## 🎒 វគ្គផ្សេងទៀត -ក្រុមការងាររបស់យើងផលិតវគ្គសិក្សាផ្សេងទៀតផងដែរ! សូមមើល៖ +ក្រុមរបស់យើងបង្កើតវគ្គផ្សេងទៀតផងដែរ! សូមពិនិត្យមើល៖ + ### LangChain -[![LangChain4j សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) -[![LangChain.js សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) -[![LangChain សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-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) +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents -[![AZD សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Edge AI សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![MCP សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) -[![AI Agents សម្រាប់អ្នកចាប់ផ្តើម](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) --- -### ស៊េរី Generative AI -[![Generative AI សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) +### ស៊៊ីរី AI បង្កើតមាន +[![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) --- -### ការសិក្សាមូលដ្ឋាន -[![ML សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) -[![វិទ្យាសាស្ត្រ​ទិន្នន័យ​សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) -[![AI សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) -[![សុវត្ថិភាពបណ្ដាញសម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) -[![ការអភិវឌ្ឍវែបសម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) -[![IoT សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) -[![ការអភិវឌ្ឍ XR សម្រាប់អ្នកចាប់ផ្តើម](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) +### ការរៀនមូលដ្ឋាន +[![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) --- -### ស៊េរី Copilot -[![Copilot សម្រាប់កម្មវិធីភាគី AI](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot សម្រាប់ C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) +### ស៊៊ីរី Copilot +[![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) + -## ទទូលជំនួយ +## ការជួយទំនាក់ទំនង -បើអ្នកជួបបញ្ហា ឬមានសំណួរណាមួយអំពីការបង្កើតកម្មវិធី AI។ ចូលរួមជាមួយអ្នករៀនរួម និងអ្នកអភិវឌ្ឍដែលមានបទពិសោធន៍ ក្នុងការពិភាក្សាអំពី MCP។ នេះគឺជាសហគមន៍គាំទ្រដែលសំណួរត្រូវបានស្វាគមន៍ ហើយចំណេះដឹងត្រូវបានចែករំពែកដោយសេរី។ +បើអ្នកប្រឈមមុខនឹងប្រតិបត្តិការលំបាក ឬមានសំណួរណាមួយទាក់ទងទៅនឹងការបង្កើតកម្មវិធី AI សូមចូលរួមជាមួយអ្នករៀនដទៃទៀត និងអ្នកអភិវឌ្ឍមានបទពិសោធន៍ ក្នុងការចូលរួមពិភាក្សាអំពី MCP។ វាជាសហគមន៍មួយដែលគាំទ្រនិងស្វាគមន៍សំណួរ នឹងការចែករំលែកចំណេះដឹងដោយមិនគិតលុយ។ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -បើអ្នកមានមតិយោបល់អំពីផលិតផល ឬកំហុសពេលកំពុងបង្កើត សូមចូលរួមពិនិត្យ៖ +បើអ្នកមានមតិយោបល់លើផលិតផល ឬកំហុស ពេលកសាង សូមចូលទៅកាន់៖ [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) -## អាជ្ញាប័ណ្ណ +## ហិរញ្ញប្បទាន -ឃ្លាំងទិន្នន័យនេះមានអាជ្ញាបណ្ណក្រោមអាជ្ញាបណ្ណ MIT។ សូមមើលឯកសារ [LICENSE](../../LICENSE) ដើម្បីទទួលបានព័ត៌មានបន្ថែម។ +ឃ្លាំងនេះត្រូវបានចុះបញ្ជីផ្សាយក្រោមប័ណ្ណអាជ្ញាប័ណ្ណ MIT។ សូមមើលឯកសារ [LICENSE](../../LICENSE) សម្រាប់ព័ត៌មានបន្ថែម។ --- -**ការបដិសេធ**៖ -ឯកសារនេះត្រូវបានប្រែជាភាសាខ្មែរ ដោយប្រើសេវាកម្មបម្លែងភាសា AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ខណៈពេលដែលយើងព្យាយាមអោយបានត្រឹមត្រូវអត្ថន័យ សូមយល់ថាការប្រែដោយស្វ័យប្រវត្តិកម្មនេះអាចមានកំហុស ឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមជាភាសាបង្កើតគឺជាជាលក្ខណៈប្រភពពិតប្រាកដ។ សម្រាប់ព័ត៌មានដ៏សំខាន់ សូមប្រើការប្រែដោយមនុស្សជាន់ខ្ពស់ជាជម្រើស។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ខុស ឬការបកប្រែខុសពីការប្រើប្រាស់ការប្រែនេះឡើយ។ +**ការបដិសេធ**៖ +ឯកសារនេះត្រូវបានបម្លែងជាភាសាដោយប្រើសេវាកម្មបកប្រែ AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ខណៈពេលដែលយើងខំប្រឹងសម្រាប់ភាពត្រឹមត្រូវ សូមយល់ដឹងថាការបកប្រែដោយប្រព័ន្ធស្វ័យប្រវត្តិអាចមានកំហុសឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមនៅក្នុងភាសាមួយដែលមានដើមគួរត្រូវបានកត់សម្គាល់ថាជាផ្នែកដែលមានអំណាចបំផុត។ សម្រាប់ព័ត៌មានសំខាន់ ការបកប្រែដោយអ្នកជំនាញមនុស្សត្រូវបានណែនាំ។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកប្រែខុសពីការប្រើប្រាស់ការបកប្រែនេះឡើយ។ \ No newline at end of file diff --git a/translations/km/lesson-template/README.md b/translations/km/lesson-template/README.md index e19a87c0d9..1010810fb6 100644 --- a/translations/km/lesson-template/README.md +++ b/translations/km/lesson-template/README.md @@ -1,58 +1,79 @@ -# [ប្រធានបទមេរៀន] +# ប្រធានបទមេរៀន -![បញ្ចូលវីដេអូទីនេះ](../../../lesson-template/video-url) +## 🎥 វីដេអូ -## [ពិន្ទុ​សំណួរ​មុនឱ្យ​ស្តាប់](../../../lesson-template/quiz-url) +> បន្ថែមវីដេអូបញ្ចូលឬតំណភ្ជាប់មេរៀននៅទីនេះ។ -[ពណ៌នាអំពីអ្វីដែលយើងនឹងរៀន] +--- + +## ការប្រឡងមុនមេរៀន + +> បន្ថែមតំណការប្រឡងនៅទីនេះពេលមាន។ + +--- + +ផ្តល់មេរៀនបង្ហាញសង្ខេបអំពីអ្វីដែលនិស្សិតនឹងរៀននៅក្នុងមេរៀននេះ។ + +--- ### ការណែនាំ -ពណ៌នាអំពីអ្វីដែលនឹងគ្របដណ្តប់ +ផ្តល់ការណែនាំខ្លីបង្ហាញអំពីអ្វីដែលនឹងត្រូវគេគ្របដណ្តប់នៅក្នុងមេរៀននេះ។ -> កំណត់សម្គាល់ +> កំណត់ចំណាំ -### គោលការណ៍មុន +--- + +### អ្វីដែលត្រូវរៀនរួចមុន -ជំហានអ្វីដែលគួរត្រូវបានគ្របដណ្តប់មុនមេរៀននេះ? +រាយបញ្ជីក្រុមគំនិតឬប្រធានបទដែលនិស្សិតគួរតែបានស្គាល់រួចមុនពេលចាប់ផ្ដើមមេរៀននេះ។ + +--- ### ការរៀបចំ -ជំហានរៀបចំដើម្បីចាប់ផ្តើមមេរៀននេះ +រាយបញ្ជីជំហានរៀបចំឬឧបករណ៍ដែលត្រូវការមុនពេលចាប់ផ្ដើមមេរៀន។ --- -[ជំហានតាមមាតិកានៅក្នុងប្លុក] +### យីហោ + +ដំណើរការតាមមេរៀនផ្នែកខ្លះៗដែលមានរចនាសម្ព័ន្ធ។ + +--- -## [ប្រធានបទទី 1] +## ប្រធានទ sujets 1 -### សកម្មភាព៖ +### ការងារ: -ធ្វើការជាក្រុមដើម្បីបង្កើនកូដមូលដ្ឋានរបស់អ្នកយ៉ាងតិចតួច ដើម្បីសាងសង់គម្រោងជាមួយកូដរួម៖ +ធ្វើការសហការគ្នាដើម្បីបង្កើនកូដរបស់អ្នកក្នុងការបង្កើតគម្រោងដោយកូដរួម៖ ```html code blocks ``` -✅ ការត្រួតពិនិត្យចំណេះដឹង - ប្រើឱកាសនេះដើម្បីពង្រីកចំណេះដឹងរបស់សិស្សជាមួយសំណួរបើកចំហ +✅ ការត្រួតពិនិត្យចំណេះដឹង +ប្រើឱកាសនេះដើម្បីពង្រីកចំណេះដឹងរបស់និស្សិតជាមួយសំណួរដែលមិនមានចម្លើយចុងក្រោយ។ -## [ប្រធានបទទី 2] +## ប្រធានទ sujets 2 +## ប្រធានទ sujets 3 -## [ប្រធានបទទី 3] +🚀 ប្រកួតប្រជែង +បន្ថែមការប្រកួតប្រជែងសហការសម្រាប់និស្សិតដើម្បីពង្រីកគម្រោង។ -🚀 도전៖ បញ្ចូលការ៉ាឡែនសម្រាប់សិស្សឱ្យធ្វើការសហការនៅក្នុងថ្នាក់ ដើម្បីលើកកម្ពស់គម្រោង +ជាការជ្រើសរើស៖ បន្ថែមរូបថតអេក្រង់នៃ UI មេរៀនដែលបានបញ្ចប់ប្រសិនបើសមស្រប។ -ជាជម្រើស៖ បញ្ចូលរូបថតអេក្រង់ UI នៃមេរៀនដែលបានបញ្ចប់ ប្រសិនបើសមស្រប +## ការប្រឡងបន្ទាប់មេរៀន -## [ពិន្ទុសំណួរបន្ទាប់ពីស្តាប់](../../../lesson-template/quiz-url) +បន្ថែមតំណការប្រឡងនៅទីនេះបន្ទាប់ពីបញ្ចប់មេរៀន។ -## ការត្រួតពិនិត្យ និងសិក្សាផ្ទាល់ខ្លួន +## ការត្រួតពិនិត្យ និងការសិក្សាឯករាជ្យ -**ការចាត់ទុកដោយកាលបរិច្ឆេទ [MM/YY]**: [ឈ្មោះការងារ](assignment.md) +**ការប្រគល់កំណត់កាលបរិច្ឆេទ [MM/YY]**: [ឈ្មោះកិច្ចការនិមួយ](assignment.md) --- -**ការព្រមាន**: -ឯកសារនេះត្រូវបានបកប្រែដោយប្រើសេវាកម្មបកប្រែ AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ខណៈពេលយើងខិតខំសំរាប់ភាពត្រឹមត្រូវ សូមចំណាំថាការបកប្រែដោយស្វ័យប្រវត្តិអាចមានកំហុស ឬព័ត៌មានមិនត្រឹមត្រូវ។ ឯកសារដើមក្នុងភាសាមូលដ្ឋានគួរត្រូវបានគេពិចារណាថាជាផ្លូវការនិងផ្តល់បរិយាយត្រឹមត្រូវ។ សម្រាប់ព័ត៌មានសំខាន់ៗ សូមផ្ដល់អនុសាសន៍ឱ្យប្រើការបកប្រែដោយអ្នកជំនាញមនុស្ស។ យើងមិនទទួលខុសត្រូវចំពោះការយល់មិនត្រឹមត្រូវ ឬការបកប្រែខុសឡើងពីការប្រើប្រាស់ការបកប្រែនេះឡើយ។ +**ការសេចក្តីបដិសេធ**៖ +ឯកសារនេះបានបកប្រែដោយប្រើសេវាកម្មបកប្រែ AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ខណៈពេលដែលយើងខំប្រឹងប្រែងសម្រាប់ភាពត្រឹមត្រូវ សូមយល់ដឹងថាការបកប្រែដោយស្វ័យប្រវត្តិអាចមានកំហុសឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមនៅក្នុងភាសាដើមគួរតែទៅជាតំណាងផ្លូវការជាកម្រិតខ្ពស់។ សម្រាប់ព័ត៌មានដែលមានសារៈសំខាន់ ការបកប្រែដោយអ្នកជំនាញមនុស្សគួរត្រូវបានណែនាំ។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំពុំយោបល់ខុសពីការប្រើប្រាស់ការបកប្រែនេះទេ។ \ No newline at end of file diff --git a/translations/kn/.co-op-translator.json b/translations/kn/.co-op-translator.json index 7ae7911e10..b6cfd4b832 100644 --- a/translations/kn/.co-op-translator.json +++ b/translations/kn/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:18:19+00:00", + "translation_date": "2026-04-24T14:07:11+00:00", "source_file": "AGENTS.md", "language_code": "kn" }, @@ -516,8 +516,8 @@ "language_code": "kn" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:35:59+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T14:02:26+00:00", "source_file": "README.md", "language_code": "kn" }, @@ -564,8 +564,8 @@ "language_code": "kn" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2026-01-08T11:41:47+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T14:02:39+00:00", "source_file": "lesson-template/README.md", "language_code": "kn" }, diff --git a/translations/kn/AGENTS.md b/translations/kn/AGENTS.md index b142aeb974..5c090bdd41 100644 --- a/translations/kn/AGENTS.md +++ b/translations/kn/AGENTS.md @@ -1,282 +1,282 @@ # AGENTS.md -## ಪ್ರಾಜೆಕ್ಟ್ ಅವಲೋಕನ +## ಪ್ರಾಜೆಕ್ಟ್ ಅವಲೋಕನ -ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲಭೂತಾಂಶಗಳನ್ನು ಕಲಿಸಲು ಉದ್ದೇಶಿಸಿದ ಶಿಕ್ಷಣ ಕಾರ್ಯಕ್ರಮ ಸಂಗ್ರಹಾಲಯವಾಗಿದೆ. ಈ ಕಾರ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೆಟ್ಸ್‍ರಿಂದ ಅಭಿವೃದ್ಧಿಪಡಿಸಲ್ಪಟ್ಟ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಕೈಯಿಂದ ಮಾಡಬಹುದಾದ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿವೆ, ಇವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ. +ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲತತ್ತ್ವಗಳನ್ನು ಕಲಿಸಲು শিক্ষಾ ಪಠ್ಯಕ್ರಮದ ರೆಪಾಸಿಟರಿ. ಈ ಪಠ್ಯಕ್ರಮವು Microsoft Cloud Advocates ತಂಡದಿಂದ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ಸಂಪೂಟ 12-ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, ಜಾವಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡ 24 ಕೈಗೆ ಒಳಗಾದ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ### ಪ್ರಮುಖ ಘಟಕಗಳು -- **ಶೈಕ್ಷಣಿಕ ವಿಷಯಗಳು**: ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಮೋ듳ುಗಳಾಗಿ ಸಂಘಟಿತ 24 ರಚಿಸಲ್ಪಟ್ಟ ಪಾಠಗಳು -- **ಪ್ರಾಯೋಗಿಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: ಟೆರೆರಿಯಂ, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಆಪ್, ಕೋಡ್ ಸಂಪಾದಕ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ -- **ಇಂಟರ್ಯಾಕ್ಟಿವ್ ಕ್ವಿಜ್‌ಗಳು**: ಪ್ರತಿ ಪಾಠದ ಮೊದಲು/ನಂತರದ ಮೌಲ್ಯಮಾಪನಕ್ಕಾಗಿ 3 ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ 48 ಕ್ವಿಜ್‌ಗಳು -- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳು -- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ) +- **ಶಿಕ್ಷಣಾತ್ಮಕ ವಿಷಯ**: ಯೋಜನೆ ಆಧಾರಿತ ಘಟಕಗಳಾಗಿ 24 ವಿನ್ಯಾಯಿತ ಪಾಠಗಳು +- **ಪ್ರಾಯೋಗಿಕ ಯೋಜನೆಗಳು**: ಟೆರರಿಯಂ, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಥಳದ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಎಡಿಟರ್ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ +- **ಪರಸ್ಪರ ಕ್ರಿಯಾಶೀಲ ಕ್ವಿಜ್‌ಗಳು**: ಪ್ರತಿ ಒಂದು ಕ್ವಿಜ್‌ಗೆ 3 ಪ್ರಶ್ನೆಗಳ ಕಾಲ 48 ಕ್ವಿಜ್‌ಗಳು (ಪಾಠಕ್ಕೆ ಮುಂಚಿನ/ನಂತರದ ಮೌಲ್ಯಮಾಪನ) +- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳಿಗೆ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ +- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ಯೋಜನೆಗಳಿಗೆ) -### ವಾಸ್ತುಶಿಲ್ಪ +### ಶಿಲ್ಪವಿಧಾನ -- ಪಾಠ ಆಧರಿತ ರಚನೆಯೊಂದಿಗೆ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹಾಲಯ -- ಪ್ರತಿ ಪಾಠ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ README, ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳು ಇರುತ್ತವೆ -- ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ವೈವಿಧ್ಯಮಯ ಡೈರಕ್ಟರಿಗಳಲ್ಲಿ (quiz-app, ವಿವಿಧ ಪಾಠ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು) -- GitHub Actions ಅನ್ನು ಬಳಸಿ ಅನುವಾದ ವ್ಯವಸ್ಥೆ (co-op-translator) -- ಡಾಕ್ಯುಮೆಂಟೇಶನ್ Docsify ಮೂಲಕ ನೀಡಲ್ಪಡುವದು ಮತ್ತು PDF ಆಗಿಯೂ ಲಭ್ಯವಿದೆ +- ಪಾಠ ಆಧಾರಿತ ರಚನೆಯೊಂದಿಗೆ ಶಿಕ್ಷಣ ರೆಪಾಸಿಟರಿ +- ಪ್ರತಿ ಪಾಠದ ಫೋಲ್ಡರ್ ಗೆ README, ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳು +- ವಿಭಿನ್ನ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳು (quiz-app, ವಿವಿಧ ಪಾಠ ಯೋಜನೆಗಳು) +- GitHub Actions ಬಳಸಿ ಅನುವಾದ ವ್ಯವಸ್ಥೆ (co-op-translator) +- Docsify ಮೂಲಕ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ವಿತರಣೆ ಮತ್ತು PDF ರೂಪದಲ್ಲಿ ಲಭ್ಯವಿದೆ -## ಸೆಟಪ್ ಕಮಾಂಡ್ಗಳು +## ಸೆಟಪ್ ಕಮಾಂಡುಗಳು -ಈ ಸಂಗ್ರಹಾಲಯವು ಮುಖ್ಯವಾಗಿ ಶೈಕ್ಷಣಿಕ ವಿಷಯವನ್ನು ಓದುವಿಕೆಗೆ ಸಿದ್ದವಾಗಿದೆ. ನಿರ್ದಿಷ್ಟ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು: +ಈ ರೆಪಾಸಿಟರಿ ಮುಖ್ಯವಾಗಿ ಶಿಕ್ಷಣಕ್ಕಾಗಿ ವಿಷಯ ಸೇವೆಗೆ. ನಿರ್ದಿಷ್ಟ ಯೋಜನೆಗಳ ಜೊತೆಗೆ ಕೆಲಸ ಮಾಡಲು: -### ಮುಖ್ಯ ಸಂಗ್ರಹಾಲಯ ಸೆಟಪ್ +### ಮುಖ್ಯ ರೆಪಾಸಿಟರಿ ಸೆಟಪ್ ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಸೆಟಪ್ (Vue 3 + Vite) +### ಕ್ವಿಜ್ ಅಪ್ ಸೆಟಪ್ (Vue 3 + Vite) ```bash cd quiz-app npm install npm run dev # ಅಭಿವೃದ್ಧಿ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ -npm run build # ಉತ್ಪಾದನೆಗಾಗಿ ನಿರ್ಮಿಸಿ -npm run lint # ESLint ಚಾಲನೆ ಮಾಡಿ +npm run build # ಉತ್ಪಾದನೆಯಿಗಾಗಿ ನಿರ್ಮಿಸಿ +npm run lint # ESLint ನಡೆಸಿ ``` -### ಬ್ಯಾಂಕ್ ಪ್ರಾಜೆಕ್ಟ್ API (Node.js + Express) +### ಬ್ಯಾಂಕಿಂಗ್ ಯೋಜನೆ API (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # ಎಪುಇಐ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ -npm run lint # ESLint ಅನ್ನು ಚಾಲನೆ ಮಾಡಿ -npm run format # Prettier ನೊಂದಿಗೆ ಸ್ವರೂಪಗೊಳಿಸಿ +npm start # ಎಪಿಐ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ +npm run lint # ESLint ಅನ್ನು ರನ್ ಮಾಡಿ +npm run format # prettier ಮೂಲಕ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ ``` -### ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು +### ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಯೋಜನೆಗಳು ```bash cd 5-browser-extension/solution npm install -# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ಎಕ್ಸ್ಟೆನ್ಶನ್ ಲೋಡಿಂಗ್ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ +# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಲೋಡ್‌ ಮಾಡಲು ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ ``` -### ಸ್ಪೇಸ್ ಆಟ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು +### ಸ್ಥಳದ ಆಟ ಯೋಜನೆಗಳು ```bash cd 6-space-game/solution npm install -# ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ಅನ್ನು ತೆರೆಯಿರಿ ಅಥವಾ Live Server ಅನ್ನು ಬಳಸಿರಿ +# ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ತೆರೆಯಿರಿ ಅಥವಾ ಲೈವ್ ಸರ್ವರ್ ಬಳಸಿರಿ ``` -### ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ (Python ಬ್ಯಾಕೆಂಡ್) +### ಚಾಟ್ ಯೋಜನೆ (Python ಬ್ಯಾಕೆಂಡ್) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN ಪರಿಸರ ಚರವನ್ನು ಸ್ಥಾಪಿಸಿ +# GITHUB_TOKEN ಪರಿಸರ ಚರವನ್ನು ಸೆಟ್ ಮಾಡಿ python api.py ``` -## ಅಭಿವೃದ್ಧಿ ಕಾರ್ಯಪ್ರವಾಹ +## ಅಭಿವೃದ್ಧಿ ಕೆಲಸದ ಪ್ರವಾಹ -### ವಿಷಯದ ಪಾಲುದಾರರಿಗಾಗಿ +### ವಿಷಯ ಕೊಡುಗೆದಾರರಿಗಾಗಿ -1. ನಿಮ್ಮ GitHub ಖಾತೆಗೆ ಸಂಗ್ರಹಾಲಯವನ್ನು **ಫೋರ್ಕ್ ಮಾಡಿ** -2. **ನಿಮ್ಮ ಫೋರ್ಕ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ** -3. ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗೆ **ಹೊಸ ಶಾಖೆಯನ್ನು ರಚಿಸಿ** -4. ಪಾಠದ ವಿಷಯ ಅಥವಾ ಕೋಡ್ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಬದಲಾವಣೆ ಮಾಡಿ -5. ಸಂಬಂಧಿತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ -6. ಕೊಡುಗೆ ನಿಯಮಾವಳಿಯ ಅನ್ವಯ ಪOTOಲ್ ವಿನಂತಿಗಳನ್ನು ಸಲ್ಲಿಸಿ +1. **ರೆಪಾಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ** ನಿಮ್ಮ GitHub ಖಾತೆಗೆ +2. **ಫೋರ್ಕ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ** +3. **ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗಾಗಿ ಹೊಸ ಶಾಖೆಯನ್ನು ಮಾಡಿ** +4. ಪಾಠ ವಿಷಯ ಅಥವಾ ಕೋಡ್ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಬದಲಾವಣೆ ಮಾಡಿ +5. ಸಂಬಂಧಿತ ಯೋಜನೆ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ +6. ಕೊಡುಗೆ ಮಾರ್ಗಸೂಚಿಗಳಂತೆ ಪુલ್ ರಿಕ್ವೆಸ್ಟ್ ಸಲ್ಲಿಸಿ -### ಅಭ್ಯಾಸದ ಇಲ್ಲಿಗೆ +### ಕಲಿಯುವವರಿಗಾಗಿ -1. ಫೋರ್ಕ್ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ -2. ಕ್ರಮವಾಗಿ ಪಾಠ ಡೈರಕ್ಟರಿಗಳನ್ನು ಅನುಸರಿಸಿ -3. ಪ್ರತಿ ಪಾಠಕ್ಕೆ README ಕಡತಗಳನ್ನು ಓದಿ -4. https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪ್ರಿ-ಪಾಠ ಕ್ವಿಜ್‌ಗಳನ್ನು ಪೂರೈಸಿ -5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿನ ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಮೂಲಕ ಕೆಲಸ ಮಾಡಿ -6. ನಿಯೋಜನೆಗಳು ಮತ್ತು ಪ್ರಸನ್ನವಾಯಿತಗಿನ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿ -7. ಪೋಸ್ಟ್-ಪಾಠ ಕ್ವಿಜ್‌ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ +1. ರೆಪಾಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ +2. ಸರಣಿಯಲ್ಲಿ ಪಾಠ ಡೈರೆಕ್ಟರಿಗಳಿಗೆ ನವಿಗೇಟ್ ಮಾಡಿ +3. ಪ್ರತಿ ಪಾಠದ README ಫೈಲ್ ಓದಿ +4. ಮುಂಚಿನ ಪಾಠದ ಕ್ವಿಜ್‌ಗಳನ್ನು https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪೂರೈಸಿ +5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳ ಮೂಲಕ ಕೆಲಸ ಮಾಡಿ +6. ಕಾರ್ಯಗಳನ್ನು ಮತ್ತು ಸವಾಲುಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ +7. ನಂತರದ ಪಾಠದ ಕ್ವಿಜ್‌ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ -### ಲೈವ್ ಅಭಿವೃದ್ಧಿ +### ప్రత్యಕ್ಷ ಅಭಿವೃದ್ಧಿ -- **ಡಾಕ್ಯುಮೆಂಟೇಶನ್**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ರನ್ ಮಾಡಿ (ಪೋರ್ಟ್ 3000) -- **ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್**: quiz-app ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ರನ್ ಮಾಡಿ -- **ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: HTML ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ VS Code ಲೈವ್ ಸರ್ವರ್ ವಿಸ್ತರಣೆ ಬಳಸಿ -- **API ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: ಸಂಬಂಧಿತ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ರನ್ ಮಾಡಿ +- **ಡಾಕ್ಯುಮೆಂಟೇಶನ್**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ರನ್ ಮಾಡಿ (ಪೋರ್ಟ್ 3000) +- **ಕ್ವಿಜ್ ಅಪ್**: `quiz-app` ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ರನ್ ಮಾಡಿ +- **ಯೋಜನೆಗಳು**: HTML ಯೋಜನೆಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ +- **API ಯೋಜನೆಗಳು**: ಸಂಬಂಧಿತ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ರನ್ ಮಾಡಿ ## ಪರೀಕ್ಷೆ ಸೂಚನೆಗಳು -### ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಪರೀಕ್ಷೆ +### ಕ್ವಿಜ್ ಅಪ್ ಪರೀಕ್ಷೆ ```bash cd quiz-app -npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗಾಗಿ ಪರಿಶೀಲಿಸಿ -npm run build # ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ +npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ +npm run build # ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ ``` ### ಬ್ಯಾಂಕ್ API ಪರೀಕ್ಷೆ ```bash cd 7-bank-project/api -npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗೆ ಪರಿಶೀಲಿಸಿ -node server.js # ದೋಷಗಳಿಲ್ಲದೆ ಸರ್ವರ್ ಆರಂಭವಾಗುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ +npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗಾಗಿ ಪರಿಶೀಲಿಸಿ +node server.js # ಸರ್ವರ್ ಎರರ್ ಇಲ್ಲದೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆಯಾ ಎಂದು ಪರಿಶೀಲಿಸಿ ``` ### ಸಾಮಾನ್ಯ ಪರೀಕ್ಷಾ ವಿಧಾನ -- ಇದು ಒಂದು ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ ಪರೀಕ್ಷೆಗಳು ಇಲ್ಲದ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹಾಲಯವಾಗಿದೆ -- ಕೈಯಿಂದ ಪರೀಕ್ಷೆ ಮುಖ್ಯವಾಗಿ ಗಮನ ಹರಿಸುತ್ತದೆ: - - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷರಹಿತವಾಗಿ ಚಾಲನೆ - - ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಲಿಂಕ್‌ಗಳು ಸರಿಯಾದ ಕಾರ್ಯ - - ಪ್ರಾಜೆಕ್ಟ್ ಬಿಲ್ಡ್ಗಳು ಯಶಸ್ವಿಯಾಗಿ ಪೂರ್ಣಗೊಳ್ಳಬೇಕು - - ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಬೇಕು +- ಇದು ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ ಪರೀಕ್ಷೆಗಳುಳ್ಳ ಶಿಕ್ಷಣ ರೆಪಾಸಿಟರಿ ಅಲ್ಲ +- ಕೈಯಿಂದ ಪರೀಕ್ಷಿಸುವುದು ಮುಖ್ಯ: + - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷವಿಲ್ಲದೆ ನಡೆಯುವುದು + - ಡಾಕ್ಯುಮೆಂಟೇಶನ್‌ನ ಲಿಂಕುಗಳು ಸರಿಯಾಗಿ ಕೆಲಸ ಮಾಡುವುದು + - ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿದೆ + - ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಕ್ರಮಗಳು ಅನುಸರಿಸುತ್ತವೆ -### ಸಲ್ಲಿಕೆಗೆ ಮುನ್ನ ಪರಿಶೀಲನೆಗಳು +### ಸಲ್ಲಿಸುವ ಮೊದಲು ಪರಿಶೀಲನೆಗಳು -- package.json ಇರುವ ಡೈರಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ಮುಂದುವರಿಸಿ -- ಮಾರ್ಕ್ಡೌನ್ ಲಿಂಕ್‌ಗಳ ಸರಾಸರಿ ಪರಿಶೀಲಿಸಿ -- ಬ್ರೌಸರ್ ಅಥವಾ Node.js ನಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ -- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆ ಕಾಯ್ದಿರುತ್ತಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ +- package.json ಇರುವ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ +- ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕುಗಳು ಮಾನ್ಯವೇ ಎಂದು ಪರಿಶೀಲಿಸಿ +- ಕೋಡ್ ಉದಾಹರಣೆಗಳನ್ನು ಬ್ರೌಸರ್ ಅಥವಾ Node.js ನಲ್ಲಿ ಪರೀಕ್ಷಿಸಿ +- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆ ಕಾಪಾಡುತ್ತವೆಂದು ಪರಿಶೀಲಿಸಿ ## ಕೋಡ್ ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು -### ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ +### ಜಾವಸ್ಕ್ರಿಪ್ಟ್ -- ಆಧುನಿಕ ES6+ ವ್ಯಾಕರಣ ಬಳಸಿ -- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಉಲ್ಲೇಖಿತ ESLint ಸಂರಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ -- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆಗಾಗಿ ಅರ್ಥಪೂರ್ಣ ಚರ ಹಾಗೂ ಕಾರ್ಯನಾಮಾವಳಿ ಬಳಸಿ -- ಕಲಿಕೆಯ ಉದ್ದೇಶಕ್ಕೆ ಟಿಪ್ಪಣಿಗಳನ್ನು ಸೇರಿಸಿ -- Prettier ಮೂಲಕ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ (ಕನ್ಫಿಗರ್ ಮಾಡಿದಿದ್ದಲ್ಲಿ) +- ಆಧುನಿಕ ES6+ ಸಂರಚನೆಯನ್ನು ಬಳಸಿ +- ಪ್ರಾಜೆಕ್ಟುಗಳಲ್ಲಿ ನೀಡಲಾದ ಮಾನಕ ESLint ನಿಘಂಟುಗಳನ್ನು ಅನುಸರಿಸಿ +- ಶಿಕ್ಷಣ ಸ್ಪಷ್ಟತೆಗೆ ಅರ್ಥಪೂರ್ಣ ವ್ಯತ್ಯಾಸಿಕೆ ಮತ್ತು ಫಂಕ್ಷನ್ ಹೆಸರುಗಳನ್ನು ಬಳಸಿ +- ಕಲಿಯುವವರಿಗೆ ಕಲಿಕೆಗಾಗಿ ಕಾಮೆಂಟ್‌ಗಳು ಸೇರಿಸಿ +- ಹೊಂದಿಗೊಳಿಸಿದ Prettier ಬಳಸಿ ಸ್ವರೂಪಣೆಯಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ ### HTML/CSS -- ಅರ್ಥಪೂರ್ಣ HTML5 ಅಂಶಗಳು -- ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ ತತ್ವಗಳು -- ಸುಲಭವಾಗಿ ಅರ್ಥವಾಗುವ ಕ್ಲಾಸ್ ಹೆಸರಿಸುವಿಕೆ -- CSS ತಂತ್ರಜ್ಞಾನಗಳನ್ನು ವಿವರಣೆ ಮಾಡುವ ಟಿಪ್ಪಣಿಗಳು +- ಅರ್ಥಪೂರ್ಣ HTML5 ಅಂಶಗಳು +- ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ ತತ್ವಗಳು +- ಸ್ಪಷ್ಟ ಕ್ಲಾಸ್ ಹೆಸರು ನಿಯಮಗಳು +- CSS ತಂತ್ರಗಳನ್ನು ಕಲಿಯುವವರಿಗೆ ವಿವರಿಸುವ ಕಾಮೆಂಟ್‌ಗಳು ### ಪೈಥಾನ್ -- PEP 8 ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು -- ಸ್ಪಷ್ಟ ಮತ್ತು ಶಿಕ್ಷಣ ಸಂಬಂಧಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳು -- ಕಲಿಕೆಗೆ ಸಹಾಯಕವಾಗುವ ಟೈಪ್ ಸೂಚನೆಗಳು +- PEP 8 ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು +- ಸ್ವಚ್ಚ, ಶಿಕ್ಷಣಾತ್ಮಕ ಕೋಡ್ ಉದಾಹರಣೆಗಳು +- ಕಲಿಕೆಯ ಸರಿಗೆ ಉಚಿತ ಟೈಪಿಂಗ್ ಸೂಚನೆಗಳು -### ಮಾರ್ಕ್ಡೌನ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ +### ಮಾರ್ಕ್‌ಡೌನ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ -- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಹೈರಾರ್ಕಿ -- ಭಾಷಾ ನಿರ್ದಿಷ್ಟೀಕರಣವುಳ್ಳ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು -- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳಿಗೆ ಲಿಂಕ್‌ಗಳು -- `images/` ಡೈರಕ್ಟರಿಗಳಲ್ಲಿ‌ ಸ್ಕ್ರೀನ್ ಷಾಟ್‌ ಮತ್ತು ಚಿತ್ರಗಳು -- ಪ್ರವೇಶ ಸಮಯಕ್ಕೆ ಆಲ್ಟ್ ಟೆಕ್ಸ್ಟ್ +- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಹಿರarchicalತೆ +- ಭಾಷಾ ಪಾರದರ್ಶಕತೆ ಸಹಿತ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು +- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳಿಗೆ ಲಿಂಕುಗಳು +- `images/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಮತ್ತು ಚಿತ್ರಗಳು +- ಪ್ರಾಪ್ಯತೆಗಾಗಿ ಚಿತ್ರಗಳಿಗೆ_ALT_ ಪಠ್ಯ ### ಫೈಲ್ ಸಂಘಟನೆ -- ಪಾಠಗಳನ್ನು ಕ್ರಮವಾರಿಯಾಗಿ ಸಂಖ್ಯೆ ಮಾಡಲಾಗಿದೆ (1-getting-started-lessons, 2-js-basics, ಇತ್ಯಾದಿ) -- ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟಿಗೆ `solution/` ಮತ್ತು ಬಹಳ ವೇಳೆ `start/` ಅಥವಾ `your-work/` ಡೈರಕ್ಟರಿಗಳು ಇವೆ -- ಚಿತ್ರಗಳು ಪಾಠವಿಶೇಷ `images/` ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಇಡಲಾಗಿದೆ -- ಅನುವಾದಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ ಇವೆ +- ಪಾಠಗಳು ಕ್ರಮಕ್ರಮವಾಗಿ ಸಂಖ್ಯೆಮಾಡಲ್ಪಟ್ಟಿವೆ (1-getting-started-lessons, 2-js-basics, ಇತ್ಯಾದಿ) +- ಪ್ರತಿ ಯೋಜನೆಯಲ್ಲಿ `solution/` ಮತ್ತು ಬಹುಮಾನವಾಗಿ `start/` ಅಥವಾ `your-work/` ಡೈರೆಕ್ಟರಿಗಳು ಇವೆ +- ಚಿತ್ರಗಳನ್ನು ಪಾಠ-ನಿರ್ದಿಷ್ಟ `images/` ಫೋಲ್ಡರ್ಗಳು ಇಟ್ಟುಕೊಂಡಿವೆ +- ಅನುವಾದಗಳನ್ನು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ ಇಡಲಾಗುತ್ತದೆ ## ನಿರ್ಮಾಣ ಮತ್ತು ನಿಯೋಜನೆ -### Quiz App ನಿಯೋಜನೆ (Azure Static Web Apps) +### ಕ್ವಿಜ್ ಅಪ್ ನಿಯೋಜನೆ (Azure Static Web Apps) -quiz-app ಅನ್ನು Azure Static Web Apps ನಿಯೋಜನೆಗೆ ಹೊಂದಿಸಲಾಗಿದೆ: +ಕ್ವಿಜ್-ಅಪ್ Azure Static Web Apps ನಿಯೋಜನೆಗೆ ವ್ಯವಸ್ಥಾಪಿತವಾಗಿದೆ: ```bash cd quiz-app -npm run build # dist/ ಫೋಲ್ಡರ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ -# ಮುಖ್ಯಕ್ಕೆ ಪುಷ್ ಮಾಡುವಾಗ GitHub Actions ವರ್ಕ್‌ಫ್ಲೋ ಮೂಲಕ ನಿಯೋಜಿಸುತ್ತದೆ +npm run build # dist/ ಫೋಲ್ಡರ್ ರಚಿಸುತ್ತದೆ +# ಮುಖ್ಯ ಶಾಖೆಗೆ ಪುಷ್ ಮಾಡಿದಾಗ GitHub Actions ಕೆಲಸಪ್ರಕ್ರಿಯೆಯ ಮೂಲಕ ನಿಯೋಜಿಸುತ್ತದೆ ``` -Azure Static Web Apps ರಚನೆ: -- **ಅ್ಯಪ್ ಸ್ಥಳ**: `/quiz-app` -- **ಆಡ್‍ಪುಟ್ ಸ್ಥಳ**: `dist` -- **ಕಾರ್ಯಕ್ಷಮತೆ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Azure Static Web Apps ಸಂರಚನೆ: +- **ಆ್ಯಪ್ ಸ್ಥಳ:** `/quiz-app` +- **ನಿರ್ಗಮನ ಸ್ಥಳ:** `dist` +- **ಕಾರ್ಯಪ್ರವಾಹ:** `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### ಡಾಕ್ಯುಮೆಂಟ್ PDF ರಚನೆ +### ಡಾಕ್ಯುಮೆಂಟೇಶನ್ PDF ತಯಾರಿಕೆ ```bash -npm install # docsify-to-pdf ಅನ್ನು 설치 ಮಾಡಿ -npm run convert # ಡಾಕ್ಸ್ ನಿಂದ PDF ರಚಿಸಿ +npm install # docsify-to-pdfನ್ನು ಸ್ಥಾಪಿಸಿ +npm run convert # ಡಾಕ್ಗಳಿಂದ PDF ರಚಿಸಿ ``` -### Docsify ಡಾಕ್ಯುಮೆಂಟೇಶನ್ +### ಡಾಕ್ಸಿಫೈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ```bash -npm install -g docsify-cli # ಡಾಕ್ಸಿಫೈಯನ್ನು ಗ್ಲೋಬಲ್ ಆಗಿ ಸ್ಥಾಪಿಸಿ -docsify serve # localhost:3000 ನಲ್ಲಿ ಸೇವೆ ನೀಡಿ +npm install -g docsify-cli # Docsify ಅನ್ನು ಗ್ಲೋಬಲ್ ಆಗಿ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ +docsify serve # localhost:3000 ನಲ್ಲಿ ಸರ್ವ್ ಮಾಡಿ ``` -### ಪ್ರಾಜೆಕ್ಟ್-ವಿಶಿಷ್ಟ ಬಿಲ್ಡ್ಗಳು +### ಪ್ರಾಜೆಕ್ಟ್-ಸ್ಪಷ್ಟ ನಿರ್ಮಾಣಗಳು -ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಸ್ವಂತ ಬಿಲ್ಡ್ ಪ್ರಕ್ರಿಯೆ ಇರಬಹುದು: -- Vue ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು: `npm run build` ಮೂಲಕ ಉತ್ಪಾದನಾ ಬಂಡಲ್ ಸೃಷ್ಟಿ -- ಸ್ಥಿರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು: ಯಾವುದೇ ಬಿಲ್ಡ್ ಹಂತವಿಲ್ಲ, ಫೈಲ್‌ಗಳಿಗೆ ನೇರ ಸೇವೆ ನೀಡಲಾಗುತ್ತದೆ +ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗೆ ತನ್ನದೇನ್ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆಯಿರಬಹುದು: +- Vue ಪ್ರಾಜೆಕ್ಟುಗಳು: `npm run build` ರನ್ ಮಾಡಿ ಉತ್ಪಾದನಾ ಬಂಡಲ್‌ಗಳನ್ನು ಸೃಷ್ಟಿಸಿ +- ಸ್ಥಿರ ಪ್ರಾಜೆಕ್ಟುಗಳು: ಯಾವುದೇ ನಿರ್ಮಾಣ ಹಂತವಿಲ್ಲ, ಫೈಲ್‌ಗಳನ್ನು ನೇರವಾಗಿ ಸೇವ್ ಮಾಡುತ್ತದೆ -## ಪುಲ್ ರಿಕ್ವೆಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳು +## ಪულ್ ರಿಕ್ವೆಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳು -### ಶೀರ್ಷಿಕೆ ರೂಪೆ +### ಶೀರ್ಷಿಕೆ ಮಾದರಿ -ಬದಲಾವಣೆ ಪ್ರದೇಶವನ್ನು ಸೂಚಿಸುವ ಸ್ಪಷ್ಟ, ವಿವರಣಾತ್ಮಕ ಶೀರ್ಷಿಕೆ ಬಳಸಿ: -- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಕ್ವಿಜ್ ಸೇರಿಸು` -- `[Lesson-3] ಟೆರೆರಿಯಂ ಪ್ರಾಜೆಕ್ಟ್ ನಲ್ಲಿ ಟೈಪೋ ಸರಿಪಡಿಸಿ` -- `[Translation] ಪಾಠ 5 ಗೆ ಸ್ಪ್ಯಾನಿಷ್ ಅನುವಾದ ಸೇರಿಸಿ` -- `[Docs] ಸೆಟಪ್ ಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಿ` +ಬದಲಾವಣೆ ಪ್ರದೇಶದ ಸ್ಪಷ್ಟ, ವಿವರಣಾತ್ಮಕ ಶೀರ್ಷಿಕೆಗಳನ್ನು ಬಳಸಿ: +- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಕ್ವಿಜ್ ಸೇರಿಸಲಾಗಿದೆ` +- `[Lesson-3] ಟೆರರಿಯಮ್ ಯೋಜನೆಯಲ್ಲಿ ಟೈಪೋ ಸರಿಪಡಿಸಲಾಗಿದೆ` +- `[Translation] ಪಾಠ 5ಕ್ಕೆ ಸ್ಪ್ಯಾನಿಷ್ ಅನುವಾದವನ್ನು ಸೇರಿಸಲಾಗಿದೆ` +- `[Docs] ಸೆಟಪ್ ಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಲಾಗಿದೆ` -### ಅಗತ್ಯ ಪರೀಕ್ಷೆಗಳು +### ಅಗತ್ಯ ಪರಿಶೀಲನೆಗಳು -PR ಸಲ್ಲಿಸುವ ಮೊದಲು: +PR ಸಲ್ಲಿಸುವ ಮೊದಲು: -1. **ಕೋಡ್ ಗುಣಮಟ್ಟ**: - - ಪ್ರಭಾವಿತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ - - ಎಲ್ಲಾ ಲಿಂಟಿಂಗ್ ದೋಷ ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ +1. **ಕೋಡ್ ಗುಣಮಟ್ಟ**: + - ಸಂಬಂಧಿತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ + - ಎಲ್ಲಾ ಲಿಂಟ್ ದೋಷಗಳ ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ -2. **ಬಿಲ್ಡ್ ಪರಿಶೀಲನೆ**: - - ಸಾಧ್ಯವಿದ್ದರೆ `npm run build` ರನ್ ಮಾಡಿ - - ಯಾವುದೇ ಬಿಲ್ಡ್ ದೋಷ ಇಲ್ಲ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ +2. **ನಿರ್ಮಾಣ ಪರಿಶೀಲನೆ**: + - ಅನ್ವಯವಾಗುವಲ್ಲಿ `npm run build` ರನ್ ಮಾಡಿ + - ಯಾವುದೇ ನಿರ್ಮಾಣ ದೋಷಗಳಿಲ್ಲವೆಂದು ಖಚಿತಪಡಿಸಿ -3. **ಲಿಂಕ್ ಪರಿಶೀಲನೆ**: - - ಎಲ್ಲಾ ಮಾರ್ಕ್ಡೌನ್ ಲಿಂಕ್‌ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ - - ಚಿತ್ತಾರ ಉಲ್ಲೇಖಗಳು ಕಾರ್ಯರತವಾಗಿವೆ ಎಂದು ಪರಿಶೀಲಿಸಿ +3. **ಲಿಂಕ್ ಪರಿಶೀಲನೆ**: + - ಎಲ್ಲಾ ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕುಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ + - ಚಿತ್ರ ಉಲ್ಲೇಖಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿ -4. **ವಿಷಯ ಪರಿಶೀಲನೆ**: - - ಢೊಾಗಲಿಕೆ ಮತ್ತು ವ್ಯಾಕರಣ ಪರಿಶೀಲಿಸಿ - - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾಗಿದ್ದು ಮತ್ತು ಶೈಕ್ಷಣಿಕವಾಗಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ - - ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಯ್ದಿರುತ್ತವೆ ಎಂದು ಪರಿಶೀಲಿಸಿ +4. **ವಿಷಯ ವಿಮರ್ಶೆ**: + - ವಚನಮಾಲಿಕೆಯಲ್ಲಿ ಸೂಕ್ತತೆ ಪರಿಶೀಲಿಸಿ + - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾಗಿದೆ ಮತ್ತು ಶೈಕ್ಷಣಿಕವಾಗಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ + - ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳುತ್ತವೆ ಎಂದು ಪರಿಶೀಲಿಸಿ -### ಕೊಡುಗೆ ಅವಶ್ಯಕತೆಗಳು +### ಕೊಡುಗೆ ಅಗತ್ಯತೆಗಳು -- ಮೈಕ್ರೋಸಾಫ್ಟ್ CLAಗೆ ಒಪ್ಪಿಗೆ (ಮೊದಲ PRನಲ್ಲಿ ಸ್ವಯಂಚಾಲಿತ ತಪಾಸಣೆ) -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಅನುಸರಿಸಿ -- ವಿವರವಾದ ಮಾರ್ಗಸೂಚಿಗಾಗಿ [CONTRIBUTING.md](./CONTRIBUTING.md) ನೋಡಿ -- ಜರುಗುವ ಸಮಸ್ಯೆಗಳ ಸಂಖ್ಯೆಗಳನ್ನು PR ವಿವರಣೆಯಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿ +- Microsoft CLA ಗೆ ಸಮ್ಮತಿ ನೀಡಿ (ಮೊದಲ PR ಮೇಲೆ ಸ್ವಯಂಚಾಲಿತ ಪರಿಶೀಲನೆ) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಅನುಸರಿಸಿ +- ವಿಶದ ಮಾರ್ಗಸೂಚಿಗಾಗಿ [CONTRIBUTING.md](./CONTRIBUTING.md) ನೋಡಿ +- ಯೋಜಿತ ಸಮಸ್ಯೆಗಳ ಸಂಖ್ಯೆಯನ್ನು PR ವಿವರಣೆಯಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿ ### ವಿಮರ್ಶಾ ಪ್ರಕ್ರಿಯೆ -- PRಗಳನ್ನು ನಿರ್ವಹಕರು ಹಾಗೂ ಸಮುದಾಯ ವಿಮರ್ಶಿಸುತ್ತಾರೆ -- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆ ಪ್ರಧಾನ -- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಬೇಕು -- ಅನುವಾದಗಳನ್ನು ನಿಖರತೆ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕ ಹೊಂದಾಣಿಕೆಗಾಗಿ ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ +- PRಗಳನ್ನು ನಿರ್ವಹಕರು ಮತ್ತು ಸಮುದಾಯ ವಿಮರ್ಶೆ ಮಾಡುತ್ತಾರೆ +- ಶಿಕ್ಷಣ ಸ್ಪಷ್ಟತೆ ಅವರನ್ನು ಆದ್ಯತೆ +- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಕ್ರಮಗಳು ಅನುಸರಿಸಬೇಕು +- ಅನುವಾದಗಳನ್ನು ಶುದ್ಧತೆ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕ ಅನುಕೂಲತೆಗಾಗಿ ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ ## ಅನುವಾದ ವ್ಯವಸ್ಥೆ ### ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ -- GitHub Actions ಮತ್ತು co-op-translator ಕಾರ್ಯಪ್ರವಾಹ ಬಳಸಿ -- 50+ ಭಾಷೆಗೆ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ -- ಮೂಲ ಕಡತಗಳು ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಇರುತ್ತವೆ -- ಅನುವಾದಿತ ಕಡತಗಳು `translations/{language-code}/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಇವೆ +- GitHub Actions ಮತ್ತು co-op-translator workflow ಬಳಸಿ +- 50+ ಭಾಷೆಗಳಿಗೆ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ +- ಮೂಲ ಫೈಲ್‌ಗಳು ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿವೆ +- ಅನುವಾದಿತ ಫೈಲ್‌ಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ ಇವೆ -### ಕೈಯಿಂದ ಅನುವಾದ ಸುಧಾರಣೆ ಸೇರಿಸುವುದು +### ಕೈಯಲ್ಲಿ ಅನುವಾದ ಸುಧಾರಣೆ ಸೇರಿಸುವುದು -1. `translations/{language-code}/` ನಲ್ಲಿ ಕಡತವನ್ನು ಹುಡುಕಿ -2. ರಚನೆಯನ್ನು ಕಾಯ್ದುಕೊಂಡು ಸುಧಾರಣೆ ಮಾಡಿ -3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ +1. `translations/{language-code}/` ನಲ್ಲಿ ಫೈಲ್ ಹುಡುಕಿ +2. ರಚನೆಯನ್ನು ಉಳಿಸಿಕೊಂಡು ಸುಧಾರಣೆ ಮಾಡಲು +3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸಲು 4. ಸ್ಥಳೀಯ ಕ್ವಿಜ್ ವಿಷಯವನ್ನು ಪರೀಕ್ಷಿಸಿ ### ಅನುವಾದ ಮೆಟಾಡೇಟಾ -ಅನುವಾದಿತ ಕಡತಗಳಲ್ಲಿ ಕೆಳಗಿನ ಮೆಟಾಡೇಟಾ ಹೆಡರ್ ಅಳವಡಿಸಲಾಗಿದೆ: +ಅನುವಾದಿತ ಫೈಲ್‌ಗಳ ಮುಂಭಾಗದಲ್ಲಿ ಮೆಟಾಡೇಟಾ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿದೆ: ```markdown ``` -## ಡಿಬಗಿಂಗ್ ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರ +## ದೋಷಶೋಧನೆ ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರ ### ಸಾಮಾನ್ಯ ಸಮಸ್ಯೆಗಳು -**ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**: -- Node.js ಸಂಸ್ಕರಣೆ (v14+ ಶಿಫಾರಸು) -- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ನಡೆಸಿ -- ಪೋರ್ಟ್ ವ್ಯತ್ಯಾಸಗಳ ಪರಿಶೀಲನೆ (ಪೂರ್ವನಿಯೋಗ: Vite 5173 ಪೋರ್ಟ್ ಬಳಕೆ) +**ಕ್ವಿಜ್ ಅಪ್ ಆರಂಭಿಸಲು ವಿಫಲವಾಗಿದೆ**: +- Node.js ಆವೃತ್ತಿ (v14+ ಶಿಫಾರಸು) ಪರಿಶೀಲಿಸಿ +- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ರನ್ ಮಾಡಿ +- ಪೋರ್ಟ್ ಸಂಘರ್ಷಗಳನ್ನು ಪರಿಶೀಲಿಸಿ (ಪೂರ್ವನಿಯೋಜಿತ: Vite ಪೋರ್ಟ್ 5173 ಬಳಸುತ್ತದೆ) -**API ಸರ್ವರ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**: -- Node.js সংস্কರಣೆ ಕನಿಷ್ಠದಿಂದ ಹೆಚ್ಚು ಇರಲಿ (node >=10) -- ಪೋರ್ಟ್ ಈಗಾಗಲೇ ಉಪಯೋಗದಲ್ಲಿದೆಯೇ ನೋಡಿ -- ಎಲ್ಲಾ ಅವಶ್ಯಕತೆಗಳನ್ನು `npm install` ಮೂಲಕ ಸ್ಥಾಪಿಸಿರಲಿ +**API ಸರ್ವರ್ ಆರಂಭಿಸೋದಿಲ್ಲ**: +- Node.js ಆವೃತ್ತಿ ಕಡಿಮೆ ಆಗಿರಬಾರದು (node >=10) +- ಪೋರ್ಟ್ ಬಳಕೆಯಲ್ಲದಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ +- ಎಲ್ಲಾ ಅವಲಂಬನೆಗಳು ಇನ್‌ಸ್ಟಾಲ್ ಆಗಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ `npm install` ಮೂಲಕ -**ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತಿಲ್ಲ**: -- manifest.json ಸರಿಯಾಗಿ ರೂಪುಗೊಂಡಿದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ -- ಬ್ರೌಸರ್ ಕೊನ್ಸೋಲ್‍ನಲ್ಲಿ ದೋಷಗಳನ್ನು ನೋಡಿರಿ -- ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನೆ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ +**ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗೋದಿಲ್ಲ**: +- manifest.json ಸರಿಯಾದ ಸ್ವರೂಪದಲ್ಲಿದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ +- ಬ್ರೌಸರ್ ಕಾಂಸೋಲ್ ದೋಷಗಳು ಹೇಗಿವೆ ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ +- ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನೆ ಸೂಚನೆಗಳು ಅನುಸರಿಸಿ -**ಪೈಥಾನ್ ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಸಮಸ್ಯೆಗಳು**: -- OpenAI ಪ್ಯಾಕೇಜ್ સ્થાપಿಸಿ: `pip install openai` -- GITHUB_TOKEN ಪರಿಸರ ವ್ಯತ್ಯಯವನ್ನು ಹೊಂದಿರಿ -- GitHub ಮಾದರಿಗಳು ಪ್ರವೇಶವನ್ನು ಪರಿಶೀಲಿಸಿ +**Python ಚಾಟ್ ಯೋಜನೆ ಸಮಸ್ಯೆಗಳು**: +- OpenAI ಪ್ಯಾಕೇಜ್ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ: `pip install openai` +- GITHUB_TOKEN ಪರಿಸರ ಚರ ಇನ್‌ಸ್ಟಾಲ್ ಆಗಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ +- GitHub Models ಪ್ರವೇಶ ಪರವಾನಿಗೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ -**Docsify ಡಾಕ್ಯುಮೆಂಟ್ ಸರ್ವ್ ಆಗುತ್ತಿಲ್ಲ**: -- docsify-cli ಗ್ಲೋಬಲಿಯಾಗಿ ಸ್ಥಾಪಿಸಿ: `npm install -g docsify-cli` -- ಸಂಗ್ರಹಾಲಯ ರೂಟ್ ಡೈರೆಕ್ಟರಿ ಇಂದ ರನ್ ಮಾಡಿ -- `docs/_sidebar.md` ಇದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ +**Docsify ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ನೀಡಲಾಗುತ್ತಿಲ್ಲ**: +- globallu docsify-cli ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ: `npm install -g docsify-cli` +- ರೆಪಾಸಿಟರಿಯ ರೂಟ್ ಡೈರೆಕ್ಟರಿಯಿಂದ ರನ್ ಮಾಡಿ +- `docs/_sidebar.md` ಇದ್ದು ಇರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ -### ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಮಾರ್ಗಸೂಚಿಗಳು +### ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಲಹೆಗಳು -- HTML ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ VS Code ಲೈವ್ ಸರ್ವರ್ ವಿಸ್ತರಣೆ ಬಳಸಿ -- ನಿರಂತರ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಕಾಗದಕ್ಕೆ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ -- JavaScript ಡಿಬಗ್ಗಿಂಗ್‌ಗಾಗಿ ಬ್ರೌಸರ್ ಡೆವ್ ನೇಮಕೇಳಗಳನ್ನು ಬಳಸಿ -- Vue ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಬಳಸಿ +- HTML ಯೋಜನೆಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿರಿ +- ಓರ್ವ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ ನಿರಂತರ ಸ್ವರೂಪಣೆಗೆ +- ಜಾವಾ ಸ್ಕ್ರಿಪ್ಟ್ ದೋಷ ಶೋಧಿಸಲು ಬ್ರೌಸರ್ ಡೆವ್ ಟೂಲ್ಗಳು ಬಳಸಿರಿ +- Vue ಯೋಜನೆಗಳಿಗೆ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಸ್ಥಾಪಿಸಿ -### ಕಾರ್ಯಕ್ಷಮತೆ ಪರಿಗಣನೆಗಳು +### ಕಾರ್ಯಕ್ಷಮತೆ ಪರಿಗಣನೆ -- 50+ ಭಾಷೆಗಳ ಅನೇಕ ಅನುವಾದ ಕಡತಗಳು ಕಡತಗಳನ್ನು ದೊಡ್ಡದಾಗಿಸುತ್ತವೆ -- ವಿಷಯ ಮಾತ್ರ ತಪಾಸಣೆ ಮಾಡುವವರು `git clone --depth 1` ಮೂಲಕ ಕಡಿಮೆ ಕ್ಲೋನ್ ಮಾಡಿ -- ಇಂಗ್ಲಿಷ್ ವಿಷಯಗಳಲ್ಲ ಕೆಲಸ ಮಾಡುವಾಗ ಅನುವಾದಗಳನ್ನು ಹುಡುಕಾಟದಿಂದ ಹೊರತುಪಡಿಸಿ -- ಮೊದಲ ಓಟದಲ್ಲಿ (npm install, Vite build) ಬಿಲ್ಡ್ ಪ್ರಕ್ರಿಯೆಗಳು ನಿಧಾನವಾಗಿರಬಹುದು +- ಅನೇಕ ಅನುವಾದಿತ ಫೈಲ್‌ಗಳು (50+ ಭಾಷೆಗಳು) ಇರುವುದು ಸಂಪೂರ್ಣ ಕ್ಲೋನ್‌ಗಳ ಪ್ರಮಾಣವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ +- ವಿಷಯದ ಮೇಲೆ ಮಾತ್ರ ಕೆಲಸ ಮಾಡುವಾಗ `git clone --depth 1` ಮೂಲಕ ತಳಮಟ್ಟದ ಕ್ಲೋನ್ ಉಪಯೋಗಿಸಿ +- ಇಂಗ್ಲಿಷ್ ವಿಷಯಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಹುಡುಕಾಟಗಳಲ್ಲಿ ಅನುವಾದಗಳನ್ನು ഒഴിവುಮಾಡಿ +- ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆಗಳು ಮೊದಲ ರನ್‌ನಲ್ಲಿ ನಿಧಾನವಾಗಬಹುದು (`npm install`, Vite ನಿರ್ಮಾಣ) ## ಭದ್ರತಾ ಪರಿಗಣನೆಗಳು -### ಪರಿಸರ ವ್ಯತ್ಯಯಗಳು +### ಪರಿಸರ ಚರ -- API ಕೀಗಳನ್ನು ಸಂಗ್ರಹಾಲಯದಲ್ಲಿ ಎಂದಿಗೂ ಸಲ್ಲಿಸಬೇಡಿ -- `.env` ಕಡತಗಳನ್ನು ಬಳಸಿ (.gitignore ನಲ್ಲಿ ಸೇರಿದೆ) -- ಪ್ರಾಜೆಕ್ಟ್ READMEಗಳಲ್ಲಿ ಅಗತ್ಯ ಪರಿಸರ ವ್ಯತ್ಯಯಗಳನ್ನು ದಾಖಲಿಸಿ +- API ಕೀಲಿಗಳನ್ನು ರೆಪಾಸಿಟರಿಯಲ್ಲಿ ಬಿಗ್‌ಪಡಿಸಬಾರದು +- `.env` ಫೈಲ್‌ಗಳನ್ನು ಬಳಸಿ (ಹಾಗೂ `.gitignore` ಒಳಗೊಂಡಿದೆ) +- ಅಗತ್ಯವಿರುವ ಪರಿಸರ ಚರಗಳನ್ನು ಪ್ರಾಜೆಕ್ಟ್ READMEಗಳಲ್ಲಿ ದಾಖಲೆ ಮಾಡಿ -### ಪೈಥಾನ್ ಪ್ರಾಜೆಕ್ತಿ್ಸಿಗೆ +### Python ಯೋಜನೆಗಳು -- ವರ್ಚುಯಲ್ ಪರಿಸರ ಬಳಸಿ: `python -m venv venv` -- ಅವಶ್ಯಕತೆಗಳನ್ನು ನವೀಕರಿಸಿಕೊಂಡಿಟ್ಟು ಹೋಗಿ -- GitHub ಟೋಕನ್‌ಗಳಿಗೆ ಕನಿಷ್ಠ ಅಗತ್ಯ ಪ್ರಾಧಿಕಾರ ಇರುತ್ತದೆ +- ವರ್ಚುವಲ್ ಪರಿಸರ ಬಳಸಿ: `python -m venv venv` +- ಅವಲಂಬನೆಗಳನ್ನು ನವೀಕರಿಸಿ +- GitHub ಟೋಕನ್ಗಳು ಕನಿಷ್ಟ ಅಗತ್ಯ ಪರವಾನಿಗೆಗಳಿರಲಿ -### GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ +### GitHub Models ಪ್ರವೇಶ -- GitHub ಮಾದರಿಗಳಿಗೆ ವೈಯಕ್ತಿಕ ಪ್ರವೇಶ ಟೋಕನ್ (PAT) ಅಗತ್ಯ -- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ವ್ಯತ್ಯಯಗಳಾಗಿ ಸಂಗ್ರಹಿಸಿ -- ಟೋಕನ್ ಅಥವಾ ಪ್ರಾಮಾಣಪತ್ರಗಳನ್ನು ಎಂದಿಗೂ ಸಲ್ಲಿಸಬೇಡಿ +- GitHub Models ಗಾಗಿ Personal Access Tokens (PAT) ಅಗತ್ಯ +- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ಚರಗಳಾಗಿ ಸಂರಕ್ಷಿಸಿ +- ಟೋಕನ್‌ಗಳು ಅಥವಾ ಪ್ರಮಾಣಪತ್ರಗಳನ್ನು ಕಡ್ಡಾಯವಾಗಿ ಕಮಿಟ್ ಮಾಡಬಾರದು ## ಹೆಚ್ಚುವರಿ ಟಿಪ್ಪಣಿಗಳು -### ಗುರಿ ಪ್ರೇಕ್ಷಕರ +### ಗುರಿ ಪ್ರೇಕ್ಷಕ -- ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಪೂರ್ಣ ಪ್ರಾರಂಭಿಕರು -- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವಯಂ-ಕಲಿಯುವವರು -- ತರಗತಿಗಳಲ್ಲಿ ಈ ಪಠ್ಯಕ್ರಮ ಬಳಸುವ ಶಿಕ್ಷಕರು -- ವಿಷಯವು ಪ್ರವೇಶಾರ್ಹತೆ ಮತ್ತು ಕ್ರಮೇಣ ಜ್ಞಾನ ವೃದ್ಧಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ +- ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಸಂಪೂರ್ಣ ಆರಂಭಿಕರು +- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವಯಂ ಅಧ್ಯಯನದವರು +- ತರಗತಿಗಳಲ್ಲಿ ಪಠ್ಯಕ್ರಮ ಬಳಸುವ ಶಿಕ್ಷಕರು +- ಪ್ರವೇಶ್ಯತೆ ಮತ್ತು ಹಗ್ಗದ ಕೌಶಲ್ಯ ನಿರ್ಮಾಣಕ್ಕಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ### ಶೈಕ್ಷಣಿಕ ತತ್ತ್ವಶಾಸ್ತ್ರ -- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಅಧ್ಯಯನ ವಿಧಾನ -- ನಿಯಮಿತ ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು (ಕ್ವಿಜ್) -- ಕೈಯಿಂದ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು -- ವಾಸ್ತವ ಜಗತ್ತಿನ ಅನ್ವಯ ಉದಾಹರಣೆಗಳು -- ಫ್ರೆಮ್ವರ್ಕ್‌ಗಳಿಗೆ ಮುನ್ನ ಮೂಲಭೂತಾಂಶಗಳ ಮೇಲೆ ಜೋರಾದರ್ಶನೆ +- ಯೋಜನೆ ಆಧಾರಿತ ವಿದ್ಯಾರ್ಥಿ +- ನಿಯಮಿತ ಜ್ಞಾನದ ಪರಿಶೀಲನೆಗಳು (ಕ್ವಿಜ್‌ಗಳು) +- ಕೈಗೆ ಹಾಕುವ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು +- ನೈಜ ಜಗತ್ತಿನ ಅನ್ವಯಿಕೆ ಉದಾಹರಣೆಗಳು +- ಫ್ರೇಮ್‌ವರ್ಕ್ ಗಳು ಮುಂದೆ ಮೂಲಭೂತ ತತ್ತ್ವಗಳ ಮೇಲೆ ಹೆಚ್ಚು ಗಮನ -### ಸಂಗ್ರಹಾಲಯ ನಿರ್ವಹಣೆ +### ರೆಪಾಸಿಟರಿ ನಿರ್ವಹಣೆ -- ಶಕ್ತಿಶಾಲಿ ಕಲಿಕಾರರು ಮತ್ತು ಕೊಡುಗೆದಾರರ ಸಮುದಾಯ -- ಅವಲಂಬನೆಗಳು ಹಾಗೂ ವಿಷಯವನ್ನು ನಿಯಮಿತವಾಗಿ ನವೀಕರಿಸುವುದು -- ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳ ಮೇಲ್ವಿಚಾರಣೆ ನಿರ್ವಹಕರಿಂದ -- ಅನುವಾದ ನವೀಕರಣಗಳು GitHub Actions ಮೂಲಕ ಸ್ವಯಂಚಾಲಿತ +- ಚಟುವಟಿಕೆಯ ಸಮಾಜ ಕಲಿಯುವ, ಕೊಡುಗೆದಾರರೊಂದಿಗೆ +- ಅವಲಂಬನೆಗಳು ಮತ್ತು ವಿಷಯದ ನಿಯಮಿತ ನವೀಕರಣ +- ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳ ಮೇಲ್ವಿಚಾರಣೆಯ ಜೊತೆಗೆ +- GitHub Actions ಮುಖಾಂತರ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ ನವೀಕರಣಗಳು ### ಸಂಬಂಧಿತ ಸಂಪನ್ಮೂಲಗಳು -- [Microsoft Learn ಮಡುಗಳು](https://docs.microsoft.com/learn/) -- [ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಸಂಪನ್ಮೂಲಗಳು](https://docs.microsoft.com/learn/student-hub/) -- ಕಲಿಕೆಗೆ ಶಿಫಾರಸ್ಸುಮಾಡಲ್ಪಟ್ಟ [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) -- ಹೆಚ್ಚುವರಿ ಕೋರ್ಸ್‌ಗಳು: ಜನರೇಟಿವ್ AI, ಡೇಟಾ ಸೈನ್ಸ್, ML, IoT ಪಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯ +- [Microsoft Learn modules](https://docs.microsoft.com/learn/) +- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ಕಲಿಯುವವರಿಗಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ +- ಹೆಚ್ಚುವರಿ ಕೋರ್ಸುಗಳು: ಜನರೇಟಿವ್ AI, ಡೇಟಾ ವಿಜ್ಞಾನ, ML, IoT ಪಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯ -### ನಿರ್ದಿಷ್ಟ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ +### ನಿರ್ದಿಷ್ಟ ಯೋಜನೆಗಳೊಂದಿಗೆ ಕೆಲಸ -ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್ README ಕಡತಗಳನ್ನು ನೋಡಿ: -- `quiz-app/README.md` - Vue 3 ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ -- `7-bank-project/README.md` - प्रमाणीಕರಣಯುತ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ -- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ -- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ -- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ +ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಪ್ರತಿ ಯೋಜನೆ README ಫೈಲ್‌ಗಳನ್ನು ನೋಡಿ: +- `quiz-app/README.md` - Vue 3 ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ +- `7-bank-project/README.md` - ದೃಢೀಕರಣದೊಂದಿಗೆ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ +- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ +- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ +- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಯೋಜನೆ -### ಮಾಸ್ಟರ್ ರೆಪೊ ಸಂರಚನೆ +### ಮನುಹಳೆ ರೆಪೊ ರಚನೆ -ಪಾರಮ್ಪರಿಕ ಮಾಸ್ಟರ್ ರೆಪೊ ಅಲ್ಲವಾದರೂ, ಈ ಸಂಗ್ರಹालयದಲ್ಲಿ ಹಲವು ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಇವೆ: -- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರವಾಗಿದೆ -- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಅವಲಂಬನೆ ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ -- ಇತರರ ಮೇಲೆ ಪ್ರಭಾವ ಬಿಟ್ಟು ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳ ಮೇಲೆ ಕಾರ್ಯನಿರ್ವಹಿಸಿ -- ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ +ಸಾಂಪ್ರದಾಯಿಕ ಮನುಹಳೆ ರೆಪೊ ಅಲ್ಲದಿದ್ದರೂ, ಈ ರೆಪೊ ಬಹು ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳನ್ನು ಹೊಂದಿದೆ: +- ಪ್ರತಿ ಪಾಠವು ಸ್ವತಂತ್ರವಾಗಿದೆ +- ಯೋಜನೆಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತಿಲ್ಲ +- ಪ್ರತಿ ಯೋಜನೆಯಲ್ಲಿ ಪ್ರತ್ಯೇಕವಾಗಿ ಕೆಲಸಮಾಡಿ ಇತರೆಗಳ ಮೇಲೆ ಪ್ರಭಾವ ಬಡಿಸದೆ +- ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮದ ಅನುಭವಕ್ಕಾಗಿ ಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ --- -**ಅಸ್ತವ್ಯವಸ್ಥೆ**: -ಈ ದಸ್ತಾವೇಜು [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಅನುವಾದ ಸೇವೆ ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಯ ಲಕ್ಷ್ಯಕ್ಕಾಗಿ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ತಪ್ಪುಗಳಿರುವ ಸಾಧ್ಯತೆ ಇದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿರಿ. ಮೂಲ ಭಾಷೆಯ ದಸ್ತಾವೇಜು ಸದೃಢ ಮೂಲವಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಅತ್ಯಂತ ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಗ್ರಹಿಕೆಗಳು ಅಥವಾ ವಿಚಿತ್ರಾರ್ಥಗಳಿಗಾಗಿ ನಾವು ಹೊಣೆಗಾರರಲ್ಲ. +**ಜವಾಬ್ದಾರಿಯ ಮೌಖ್ಯಕತೆ**: +ಈ ನನುಮತಿಯನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಖಚಿತತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂಬ ವಿಚಾರದಲ್ಲಿ ದಯವಿಟ್ಟು ಗಮನವಿಡಿ. ಮೂಲ ಭಾಷೆಯ ಮೂಲ ದಾಖಲೆ ಆಧिकारिक ಮೂಲವಾಗಿದೆ ಎಂದು ಪರಿಗಣಿಸಬೇಕಿದೆ. ಆವಶ್ಯಕ ಮಾಹಿತಿಗೆ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದವನ್ನು ಬಳಸುವುದರಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮಾಡಿಕೊಳ್ಳದಿಕೆಗಳು ಅಥವಾ ತಪ್ಪುಅರ್ಥೈಸಿಕೆಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರರಾಗುವುದಿಲ್ಲ. \ No newline at end of file diff --git a/translations/kn/README.md b/translations/kn/README.md index 7e1a4fa91e..4162d9f4db 100644 --- a/translations/kn/README.md +++ b/translations/kn/README.md @@ -1,38 +1,23 @@ -[![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 Cloud Advocates ಯಿಂದ ನಮ್ಮ 12-ವಾರಗಳ ಸಮಗ್ರ ಕೋರ್ಸ್ ಮೂಲಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಕೈಯಿಂದ ಪ್ರದರ್ಶನಗೊಂಡ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳ ಮೂಲಕ JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಅಧ್ಯಯನ ಮಾಡಲಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಟೆರೆರಿಯಂಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಸ್ಪೇಸ್ ಗೇಮ್ಗಳು. ಕುಯಿಜ್‌ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ನೈಜ ಕಾರ್ಯಗಳನ್ನು ನಡೆಸಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ವೃದ್ಧಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿಯಾದ ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಠ್ಯಪದ್ಧತಿಯೊಂದಿಗೆ ಜ್ಞಾನವನ್ನು ಉತ್ತಮಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ! -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) - -# ಪ್ರಾರಂಭಿಕರಿಗಾಗಿ ವೆಬ್ ಅಭಿವೃದ್ಧಿ - ಒಂದು ಪಠ್ಯಕ್ರಮ - -Microsoft Cloud Advocates ರ 12-ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್‌ನೊಂದಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಕಿರಿ. 24 ಪಾಠಗಳ ಪ್ರತಿ JavaScript, CSS, ಮತ್ತು HTML ಅನ್ನು ರೈತ ಸ್ಟಾರ್ಟಿ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೂಲಕ ಸಂಯೋಜಿಸುತ್ತದೆ, ಉದಾ: ಟೆರೆರಿ Homes, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಅಂತರಿಕ್ಷ ಆಟಗಳು. ಕುಯಿಜ್‌ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ನಿಯೋಜನೆಗಳ ಜೊತೆಗೆ ನಿರಂತರ ತೊಡಗಿಸಿಕೊಳ್ಳಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ಹೆಚ್ಚಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ಶಿಕ್ಷಣ ವಿಧಾನದಿಂದ ನಿಮ್ಮ ಜ್ಞಾನವನ್ನು ಗರಿಷ್ಠಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ! - -Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ್ಳಿ +Azure AI Foundry Discord ಗೆ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಸಹ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿಯಾಗಿ. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ಈ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಳಸಲು ಆರಂಭಿಸಲು ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: -1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಕ್ಲಿಕ್ ಮಾಡಿ [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **ರಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord ಗೆ ಸೇರಿ, ಪರಿಣಿತರು ಮತ್ತು ಇತರ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರು ಭೇಟಿ ಮಾಡಿ**](https://discord.com/invite/ByRwuEEgH4) - -### 🌐 ಬಹು-ಭಾಷಾ ಬೆಂಬಲ +ಈ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಆರಂಭಿಸಲು ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: +1. **Repositories ಫೋರ್ಕ್ ಮಾಡಿರಿ**: ಕ್ಲಿಕ್ ಮಾಡಿ [![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. **Repositories ಕ್ಲೋನ್ ಮಾಡಿರಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord ಗೆ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಸಹ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿಯಾಗಿ**](https://discord.com/invite/ByRwuEEgH4) -#### GitHub ಕಾರ್ಯಾಚರಣೆ ಮೂಲಕ ಬೆಂಬಲಿಸಲಾಗಿದೆ (자동 ಮತ್ತು ಎಲ್ಲಾ ವೇಳೆಯ નવೀಕರಣ) +### 🌐 ಬಹುಭಾಷಾ ಬೆಂಬಲ - -[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](./README.md) | [Khmer](../km/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](../es/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) +#### GitHub ಕ್ರಿಯೆಯಿಂದ ಬೆಂಬಲಿತ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾ ನವೀಕರಿಸಲಾಗಿದೆ) -> **ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡುವುದು ಇಷ್ಟವೇ?** +> **ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಲು ಇಷ್ಟವಿದೆಯೇ?** > -> ಈ ರಿಪೊಸಿಟರಿಯಲ್ಲಿ 50 ಕ್ಕೂ ಅಧಿಕ ಭಾಷಾಂತರಗಳು ಒಳಗೊಂಡಿದ್ದು ಡೌನ್ಲೋಡ್ ಗಾತ್ರವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ಭಾಷಾಂತರಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ: +> ಈ ರೆಪೊಗಳಲ್ಲಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳು ಸೇರಿವೆ, ಇದು ಡೌನ್‌ಲೋಡ್ ಗಾತ್ರವನ್ನು ಗಮನೀಯವಾಗಿ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಅನ್ನು ಬಳಸಿ: > > **Bash / macOS / Linux:** > ```bash @@ -41,182 +26,177 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` > -> **CMD (Windows):** +> **CMD (ಪFenWindows):** > ```cmd > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> ಇದು ನಿಮಗೆ ಕೋರ್ಸ್ ಪೂರ್ಣಗೊಳಿಸಲು ಬೇಕಾದ ಎಲ್ಲವನ್ನೂ ಬಹಳ ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. - +> ಇದು ಕೋರ್ಸ್ ಪೂರ್ಣಗೊಳಿಸಲು ಬೇಕಾದ ಎಲ್ಲವನ್ನೂ ತುಂಬಾ ವೇಗವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. -**ನಿಮಗೆ ಹೆಚ್ಚುವರಿ ಭಾಷಾಂತರ ಬೆಂಬಲ ಬೇಕಾದರೆ ಅವು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯಲ್ಲಿವೆ** +**ನೀವು ಹೆಚ್ಚುವರಿ ಅನುವಾದಗಳನ್ನು ಬಯಸಿದರೆ, ಬೆಂಬಲಿತ ಭಾಷೆಗಳು ಇಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾಗಿದೆ. [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿ ಆಗಿದ್ದೀರಾ?_ +#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯವರಾ?_ -[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಗೆ ಭೇಟಿ ನೀಡಿ, ಇಲ್ಲಿ ಪ್ರಾರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೋಚ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಲಭ್ಯವಿವೆ. ನಮ್ಮ ವಿಷಯವನ್ನು ಮಾಸಿಕವಾಗಿ ಬದಲಾಯಿಸುವುದರಿಂದ ನೀವು ಈ ಪುಟವನ್ನು ಬುಕ್ಕ್ಮಾರ್ಕ್ ಮಾಡಿಕೊಂಡು ತಾತ್ಕಾಲಿಕವಾಗಿ ಪರಿಶೀಲಿಸಬಹುದು. +[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)ಗೆ ಭೇಟಿ ನೀಡಿ, ಇಲ್ಲಿ ನಿಮಗಾಗಿ ಆರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್‌ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ಕೂಪನ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಲಭ್ಯವಿವೆ. ಈ ಪುಟವನ್ನು ಬುಕ್‌ಮಾರ್ಕ್ ಮಾಡಿ ಮತ್ತು ತಿಂಗಳುಗಳಿಗೊಮ್ಮೆ ಅದು ನವೀಕರಣಗೊಂಡಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ. -### 📣 ಪ್ರಕಟಣೆ - ಹೊಸ GitHub Copilot Agent ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿರಿ! +### 📣 ಘೋಷಣೆ - ಹೊಸ GitHub Copilot ಏಜೆಂಟ್ ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ! -ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಎನ್ನುವದು ನೋಡಿ. ಇದು GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಉಪಯೋಗಿಸಿ ಪೂರ್ಣಗೊಳಿಸುವ ಹೊಸ ಸವಾಲು. ನೀವು ಮೊದಲು Agent ಮೋಡ್ ಬಳಸಿಲ್ಲದಿದ್ದರೆ ಅದು ಪಠ್ಯ ರಚನೆಯ ಜೊತೆಗೆ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು, ಕಮಾಂಡ್‌ಗಳನ್ನು ಚಾಲನೆ ಮಾಡಲು ಸಾಧ್ಯ. +ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಬಹುತೇಕ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಎಂದು ಪತ್ತೆಹಚ್ಚಿ. ಇದು GitHub Copilot ಮತ್ತು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿ ಪೂರ್ಣಗೊಳಿಸಲು ಹೊಸ ಸವಾಲು. ನೀವು ಮೊದಲು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿಲ್ಲದಿದ್ದರೆ, ಅದು ಕೇವಲ ಪಠ್ಯವನ್ನು ರಚಿಸುವುದಲ್ಲದೆ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸಬಹುದು, ಸಂಪಾದಿಸಬಹುದು, ಕಮಾಂಡ್‌ಗಳನ್ನು ಚಲಾಯಿಸಬಹುದು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಬಹುದು. -### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ_ +### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್_ -ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ ಸೇರಿಸಲಾಗಿದೆ, ಪರಿಶೀಲಿಸಿ [project](./9-chat-project/README.md) +ಹೊಸ AI ಅಸಿಸ್ಟೆಂಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಸೇರಿಸಲಾಗಿದೆ, ಕನ್ನಡಿಸಿ ನೋಡಿ [project](./9-chat-project/README.md) -### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಕುರಿತಲ್ಲಿನ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ JavaScript ಗಾಗಿ ಬಿಡುಗಡೆಯಾಗಿದೆ +### 📣 ಘೋಷಣೆ - _JavaScript ಗಾಗಿ ಜನರೇಟಿವ್ AI ಮೇಲ್ಅಸ್ತರದ_ ಹೊಸ ಪಠ್ಯಕ್ರಮ ಹೊರಬಂದಿದೆ ನಮ್ಮ ಹೊಸ ಜನರೇಟಿವ್ AI ಪಠ್ಯಕ್ರಮವನ್ನು ತಪ್ಪಿಸಿಕೊಳ್ಳಬೇಡಿ! -ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +ತಾರಂಭಿಸಲು ಭೇಟಿಮಾಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/kn/background.148a8d43afde5730.webp) -- ಮೂಲಭೂತದಿಂದ RAG ವರೆಗೆ ಪಾಠಗಳು. -- GenAI ಮತ್ತು ನಮ್ಮ ಸಹಚರ ಅಪ್ಲಿಕೇಶನ್ ಬಳಸಿ ಇತিহাসಿಕ ವ್ಯಕ್ತಿಗಳೊಂದಿಗೆ ಸಂವಾದ. -- ರಂಜನೆಯ narratives, ನೀವು ಕಾಲ ಪ್ರಯಾಣ ಮಾಡುತ್ತಿರುವಂತೆ ಅನುಭವ. +- ಮೂಲಗಳಿಂದ RAG ವರೆಗೆ ಎಲ್ಲಾ ವಿಷಯಗಳನ್ನು ಒಳಗೊಂಡ ಪಾಠಗಳು. +- GenAI ಮತ್ತು ನಮ್ಮ ಸಂಗಾತಿ ಆಪ್ ಬಳಸಿ ಐತಿಹಾಸಿಕ ಪಾತ್ರಗಳ ಜೊತೆಗೆ ಸಂವಹನ ಮಾಡಿ. +- ಆನಂದಕಾರಿಯಾಗಿ ಪಾತ್ರಕಥೆಗಳು, ನೀವು ಕಾಲಯಾನ ಮಾಡುತ್ತೀರಿ! ![character](../../translated_images/kn/character.5c0dd8e067ffd693.webp) -ಪ್ರತಿ ಪಾಠವು పూర్తి ಮಾಡಲು ನಿಯೋಜನೆ, ಜ್ಞಾನ ಮೌಲ್ಯಮಾಪನ ಮತ್ತು ಸವಾಲುಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಕಲಿಕೆಯ ವಿಷಯಗಳು: -- ಪ್ರಾಂಪ್ಟ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಎಂಜಿನಿಯರಿಂಗ್ -- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ಸೃಷ್ಟಿ -- ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ಗಳು +ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಒಂದು ಕಾರ್ಯ, ಜ್ಞಾನ ಪರಿಶೀಲನೆ ಮತ್ತು ಸವಾಲು ಸೇರಿವೆ, ಅಲ್ಲಿಯ ವಿಷಯಗಳ ಮೇಲೆ ಮಾರ್ಗದರ್ಶನ ನೀಡಲು: +- ಪ್ರಾಂಪ್ಟ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್ +- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಆಪ್ ರಚನೆ +- ಹುಡುಕು ಆಪ್ಗಳು -ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +ತಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) +## 🌱 ಪ್ರಾರಂಭಿಸುವುದು +> **ಅಧ್ಯಾಪಕರು**, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸಬೇಕು ಎಂಬುದರ ಬಗ್ಗೆ ಕೆಲವು ಸಲಹೆಗಳನ್ನು ನಾವು [ಒದಗಿಸಿದ್ದೇವೆ](for-teachers.md). ದಯವಿಟ್ಟು ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು [ನಮ್ಮ ಚರ್ಚಾ ವೇದಿಕೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ನಲ್ಲಿ ಹಂಚಿಕೊಳ್ಳಿ! -## 🌱 ಪ್ರಾರಂಭ +**[ಶಿಕ್ಷಾರ್ಥಿಗಳು](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ಪ್ರತಿ ಪಾಠಕ್ಕೆ, ಪೂರ್ವ-ಉಪನ್ಯಾಸ ಕುಯಿಜ್‌ನಿಂದ ಪ್ರಾರಂಭಿಸಿ, ಉಪನ್ಯಾಸ ವಿಷಯವನ್ನು ಓದಿ, ವಿವಿಧ ಚಟುವಟಿಕೆಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ನಂತರದ ಕುಯಿಜ್ ಮೂಲಕ ನಿಮ್ಮ ಅರ್ಥೈಸುವುದನ್ನು ಪರಿಶೀಲಿಸಿ. -> **ಶಿಕ್ಷಕರು**, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದಾಗಿ ನಾವು ಕೆಲವು [ಸೂಚನೆಗಳನ್ನು](for-teachers.md) ಸೇರಿಸಿದ್ದೇವೆ. ದಯವಿಟ್ಟು ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು ನಮ್ಮ [ಚರ್ಚಾ ವೇದಿಕೆಯಲ್ಲಿಹೇಗೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ಹಂಚಿಕೊಳ್ಳಿ! +ನಿಮ್ಮ ಅಧ್ಯಯನ ಅನುಭವವನ್ನು ಹೆಚ್ಚಿಸಲು, ಸಹಪಾಠಿಗಳೊಡನೆ ಸೇರಿ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಕೆಲಸಮಾಡಿ! ಚರ್ಚೆಗಳು ನಮ್ಮ [ಚರ್ಚಾ ವೇದಿಕೆಯ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ನಲ್ಲಿ ಪ್ರೋತ್ಸಾಹಿಸಲಾಗುತ್ತವೆ, ಅಲ್ಲಿ ನಮ್ಮ ಮಧ್ಯಸ್ಥರ ತಂಡ ನಿಮ್ಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರ ನೀಡಲು ಲಭ್ಯವಿದೆ. -**[ಕಲಿಯುವವರು](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ಪ್ರತಿ ಪಾಠದ ಮುನ್ನಿನ ಕ್ವಿಜ್‌ಗಳನ್ನು ಪ್ರತಿದಿನ ಪ್ರಾರಂಭಿಸಿ, ಪಾಠಪುಸ್ತಕ ವाचन ಮಾಡಿ, ವಿವಿಧ ಚಟುವಟಿಕೆಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್‌ ಮೂಲಕ ನಿಮ್ಮ ಅರ್ಥವನ್ನು ಪರಿಶೀಲಿಸಿ. +ನಿಮ್ಮ ಶಿಕ್ಷಣವನ್ನು ಮುಂದುವರೆಸಲು, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ನಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಅಧ್ಯಯನ ಸಾಮಗ್ರಿಗಳನ್ನು ಅನ್ವೇಷಿಸಲು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. -ನಿಮ್ಮ ಕಲಿಕೆ ಅನುಭವವನ್ನು ಸುಧಾರಿಸಲು, ಯೋಜನೆಗಳ ಮೇಲೆ ಸಹಪಾಠಿಗಳೊಂದಿಗೆ ಸೇರಿ ಕೆಲಸ ಮಾಡಿರಿ! ಚರ್ಚೆಗಳನ್ನು ನಮ್ಮ [ಚರ್ಚಾ ವೇದಿಕೆಯಲ್ಲಿ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ಪ್ರೋತ್ಸಾಹಿಸಲಾಗುತ್ತದೆ, ಇಲ್ಲಿ ನಮ್ಮ ಮಧ್ಯಸ್ಥರು ನಿಮ್ಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರ ನೀಡಲಿದ್ದಾರೆ. +### 📋 ನಿಮ್ಮ ಪರಿಸರವನ್ನು ಸೆಟ್ ಮಾಡಲಾಗಿದೆ -ನಿಮ್ಮ ಶಿಕ್ಷಣವನ್ನು ಮತ್ತಷ್ಟು ಸುಧಾರಿಸಲು, ನಾವು [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ನಲ್ಲಿ ಹೆಚ್ಚಿನ ಅಧ್ಯಯನ ಸಾಮಗ್ರಿಗಳನ್ನು ಅನ್ವೇಷಿಸಲು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. +ಈ ಪಠ್ಯಕ್ರಮವು ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ಹೊಂದಿದೆ! ನೀವು ಪ್ರಾರಂಭಿಸಿದಾಗ, ನೀವು [Codespace](https://github.com/features/codespaces/) (ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಸ್ಥಾಪನೆ ಅವಶ್ಯಕವಿಲ್ಲದ ಪರಿಸರ) ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಮುಂತಾದ ಟೆಕ್ಸ್ಟ್ ಎಡಿಟರ್ ಬಳಸಿಕೊಂಡು ಪ್ರೋಗ್ರಾಮ್ ನಡೆಸಬಹುದು. -### 📋 ನಿಮ್ಮ ಪರಿಸರವನ್ನು ಸ್ಥಾಪಿಸುವುದು +#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ +ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯ ಪ್ರತಿಯನ್ನು ನಿಮ್ಮ ಖಾತೆಯಲ್ಲಿ ತಯಾರಿಸಿಕೊಳ್ಳುವುದು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಇದನ್ನು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಇರುವ **Use this template** ಬಟನ್ ಒತ್ತಿ ಮಾಡಬಹುದು. ಇದು ಪಠ್ಯಕ್ರಮದ ಪ್ರತಿಯನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರಿಪೊಸಿಟರಿಯನ್ನು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ರಚಿಸುತ್ತದೆ. -ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಿದ್ಧವಾಗಿದೆ! ಪ್ರಾರಂಭಿಸುವಾಗ ನೀವು [Codespace](https://github.com/features/codespaces/) (_ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಯಾವುದೇ ಇನ್ಸ್ಟಾಲ್ ಅಗತ್ಯವಿಲ್ಲದ ಪರಿಸರ_) ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ಂತಹ ಪಠ್ಯ ಸಂಪಾದಕ ಬಳಸಿಕೊಂಡು ಕಾರ್ಯಚರಣೆ ಆಯ್ಕೆ ಮಾಡಬಹುದು. +ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: +1. **Repositories ಫೋರ್ಕ್ ಮಾಡಿರಿ**: ಈ ಪುಟದ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದಲ್ಲಿ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. +2. **Repositories ಕ್ಲೋನ್ ಮಾಡಿರಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ -ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲನ್ನು ರಚಿಸುವುದು ಶಿಫಾರಸು ಮಾಡಿದೆಯೆ. ಇದನ್ನು ನೀವು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮಾಡಬಹುದು. ಇದು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಪಠ್ಯಕ್ರಮದ ನಕಲನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸುತ್ತದೆ. +#### Codespace ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ನಡೆಸುವುದು -ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: -1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಈ ಪುಟದ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. -2. **ರಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` - -#### Codespace ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಾಲನೆ ಮಾಡುವುದು - -ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲಿನಲ್ಲಿ, **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು **Open with Codespaces** ಆಯ್ಕೆ ಮಾಡಿ. ಇದು ನಿಮಗಾಗಿ ಹೊಸ Codespace ರಚಿಸುತ್ತದೆ. +ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿ ಪ್ರತಿಯಲ್ಲಿ, **Code** ಬಟನ್ನುವೊಂದು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ಕೆಲಸ ಮಾಡಲು ಹೊಸ Codespace ರಚಿಸುತ್ತದೆ. ![Codespace](../../translated_images/kn/createcodespace.0238bbf4d7a8d955.webp) -#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡುವುದು +#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಾಲನೆ ಮಾಡುವುದು -ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಲು, ನಿಮ್ಮ ಬಳಿ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಅಗತ್ಯವಿದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವಾಣಿಜ್ಯ ಉಪಕರಣಗಳ ಪರಿಚಯ](../../1-getting-started-lessons/1-intro-to-programming-languages) ನಿಮಗೆ ಪ್ರತಿಯೊಂದು ಈ ಉಪಕರಣಗಳ ಆಯ್ಕೆಗಳನ್ನು ಪರಿಚಯಿಸುವುದು. +ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ನಡೆಸಲು, ಒಂದು ಟೆಕ್ಸ್ಟ್ ಎಡಿಟರ್, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಸಾಧನ ಬೇಕಾಗುತ್ತದೆ. ನಮ್ಮ ಪ್ರಥಮ ಪಾಠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) ನೀವು ಆಯ್ಕೆಮಾಡಬಹುದಾದ ವಿವಿಧ ಸಾಧನಗಳ ಕುರಿತು ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತದೆ. -ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ಸಂಪಾದಕವಾಗಿ ಉಪಯೋಗಿಸುವುದಾಗಿ ಇದೆ, ಇದು ಅಂತರ್ಗತ [ಟರ್ಮಿನಲ್](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸಹ ಹೊಂದಿರುತ್ತದೆ. ನೀವು Visual Studio Code ಅನ್ನು ಇಲ್ಲಿ ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. ನಿಮ್ಮ ಸಂಗ್ರಹಣೆಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದನ್ನು **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು URL ನಕಲಿಸುವ ಮೂಲಕ ಮಾಡಬಹುದು: +ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ನ್ನು ನಿಮ್ಮ ಎಡಿಟರ್ ಆಗಿ ಬಳಸುವುದು, ಇದು ಒಳಗೊಂಡಿರುವ [ಟರ್ಮಿನಲ್](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸಹ ಹೊಂದಿದೆ. Visual Studio Codeನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು. +1. ನಿಮ್ಮ ರೆಪొಸಿಟರಿಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದರ ಬಗ್ಗೆ **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನಕಲಿಸಬಹುದು: [CodeSpace](./images/createcodespace.png) - ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಒಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ಚಾಲನೆ ಮಾಡಿ, `` ಎಂಬುದನ್ನು ನೀವು ನಕಲಿಸಿದ URL ಮೂಲಕ ಬದಲಾಯಿಸಿ: + ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ನೊಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಆಜ್ಞೆ ರನ್ ಮಾಡಿ, ಅಲ್ಲಿ `` ಅನ್ನು ನೀವು ಈಗ ನಕಲಿಸಿದ URL ನಿಂದ ಬದಲಾಯಿಸಿ: ```bash git clone ``` -2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು. +2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು. -> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು: +> ಶಿಫಾರಸು ಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತಾರಣೆಗಳು: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಬರೆಯುವುದನ್ನು ವೇಗಗೊಳಿಸಲು ಸಹಾಯಕ +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeನಲ್ಲಿ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು -## 📂 ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಕಲಿತದ್ದಾಗಿವೆ: +## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠದಲ್ಲಿ ಸೇರಿದೆ: -- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್ -- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೊ -- ಪಾಠದ ಮುಂಚಿನ ವಾರ್ಮ್ ಅಪ್ ಕ್ವಿಜ್ +- ಐಚ್ಛಿಕ ಸ್ಕೆಟ್ಟೀಚಿತ್ತ +- ಐಚ್ಛಿಕ ಪೂರಕ ವಿಡಿಯೋ +- ಪಾಠದ ಮುಂಚಿನ ತಯಾರಿ ಪ್ರಶ್ನೋತ್ತರ - ಬರೆಯಲಾದ ಪಾಠ -- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಲು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು -- ಜ್ಞಾಪಕ ತಪಾಸಣೆಗಳು -- ಒಂದು ಆವೃತ್ತಿ +- ಯೋಜನೆ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಯೋಜನೆಯನ್ನು ನಿರ್ಮಿಸಲು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು +- ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು +- ಒಂದು ಚಾಲೆಂಜ್ - ಪೂರಕ ಓದು -- ಅಸೈನ್‌ಮೆಂಟ್ -- [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/) +- ನಿಯೋಜನೆ +- [ಪಾಠದ ನಂತರ ಪ್ರಶ್ನೋತ್ತರ](https://ff-quizzes.netlify.app/web/) -> **ಕ್ವಿಜ್ ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್‌ಗಳು Quiz-app ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇವೆ, 48 ಒಟ್ಟು ಕ್ವಿಜ್‌ಗಳು, ಪ್ರತಿ ಒಂದು ಮೂರು ಪ್ರಶ್ನೆಗಳಾಗಿವೆ. ಅವು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿದ್ದು, ಕ್ವಿಜ್ ಆಪ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಲಾಗುತ್ತದೆ; `quiz-app` ಫೋಲ್ಡರ್‌ನ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ. +> **ಪ್ರಶ್ನೋತ್ತರಗಳ ಬಗ್ಗೆ ಗಮನಿಕೆ**: ಎಲ್ಲಾ ಪ್ರಶ್ನೋತ್ತರಗಳು Quiz-app ಫೋಲ್ಡರ್‌ನೊಳಗೆ ಇವೆ, ಒಟ್ಟು 48 ಪ್ರಶ್ನೋತ್ತರಗಳು, ಪ್ರತಿ ಒಂದರಲ್ಲಿ ಮೂರು ಪ್ರಶ್ನೆಗಳು. ಅವುಗಳಿಗೆ [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿದೆ. ಪ್ರಶ್ನೋತ್ತರ ಆಪ್ ಅನ್ನು ಲೋಕಲ್‌ನಲ್ಲಿ ಚಲಾಯಿಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್‌ನಲ್ಲಿರುವ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ. ## 🗃️ ಪಾಠಗಳು -| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಸಲಾದ ಧಾರಣೆಗಳು | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು | ಲಿಂಕ್ ಮಾಡಲಾದ ಪಾಠ | ಲೇಖಕ | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು | ಹೆಚ್ಚಿನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಹಿಂದೆ ಇರುವ ಮೂಲಭೂತ ತತ್ವಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ ಮತ್ತು ತಜ್ಞರಿಗಾಗಿ ಸಹಕಾರ ಮಾಡು ತ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಆಧಾರಗಳು, ತಂಡದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಮತ್ತು ಕೋಡ್ ಬೇಸ್ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಜೊತೆಯ ಕೆಲಸ ಮಾಡುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರಾಪ್ಯತೆ | ವೆಬ್ ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ | [ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS ಮೂಲಭೂತಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS ಮೂಲಭೂತಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್‌ನ ತರ್ಕ ಪ್ರವರ್ತನೆಯನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | Jasmine ಮತ್ತು Christopher | -| 06 | JS ಮೂಲಭೂತಗಳು | JS ಸಹಾಯದಿಂದ ನಿರ್ಧಾರಗಳನ್ನು ಕೈಗೊಳ್ಳುವುದು | ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಪರಿಸ್ಥಿತಿಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಧಾರ ಕೈಗೊಳ್ಳುವುದು](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೇಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳು | JavaScript ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕೆಲಸಮಾಡಿ | [ಅರೇಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳು](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ಅನ್ವಯ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಮ್ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ಅನ್ವಯ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಮ್ ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಬೇಸ್ CSS ಲಭ್ಯವಿದ್ದು ಪುಟವನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸುವವುಗಳನ್ನೂ ಸೇರಿಸಿ | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM ತಿದ್ದುಪಡಿ | ಟೆರೇರಿಯಮ್ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಮುಖಪುಟದಂತೆ ಕಾರ್ಯತತ್ಥಗೊಳಿಸಲು JavaScript ನಿರ್ಮಿಸಿ, ಕ್ಲೋಶರ್‌ಗಳು ಮತ್ತು DOM ತಿದ್ದುಪಡಿಯಲ್ಲಿ ಕೇಂದ್ರೀಕರಿಸಿ | [JavaScript Closures, DOM ತಿದ್ದುಪಡಿ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಗೇಮ್ ನಿರ್ಮಿಸಿ | ಕ್ಲ್ಯುವರ್ಡ್ ಘಟನೆಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ JavaScript ಅಪ್ಲಿಕೇಶನ್‌ನ ತರ್ಕವನ್ನು ಚಾಲನೆ ಮಾಡುವ ವಿಧಾನವನ್ನು ಕಲಿಯಿರಿ | [ ಘಟನೆ ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಮೊದಲನೆಯ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಘಟಕಗಳನ್ನು ರಚಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಬ್ರೌಸರ್ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | форма ರಚನೆ, API ಕರೆಗೆ ಕರೆ ಮಾಡುವುದು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಪರಿವರ್ತನಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದು | API ಅನ್ನು ಕರೆ ಮಾಡಲು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ JavaScript ಘಟಕಗಳನ್ನು ನಿರ್ಮಿಸಿ, ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಸಂಗ್ರಹಿಸಲಾದ ಪರಿವರ್ತನಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳಿ | [API ಗಳು, ಫಾರ್ಮ್‌ಗಳು, ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಅನ್ವಯವಾಗಿ ಪರಿಣಾಮಕಾರಿತ್ವ ಹೆಚ್ಚಿಸಲು ತಂತ್ರಗಳು ಕಲಿಯಿರಿ | [ಹಿಂದೆಲೆ ಕೆಲಸಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸುಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಾರಸತ್ವವನ್ನೂ, ಪಬ್ಲಿಷ್/ಸಬ್ಸ್ಕ್ರೈಬ್ (Pub/Sub) ಮಾದರಿಯನ್ನು ಕಲಿಯಿರಿ, ಗೇಮ್ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆಗಾಗಿ | [ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಣ | ಪರದೆಗೆ ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಣ](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | ಪರದೆದ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು | ಕಾರ್ಟಿಸಿಯನ್ ಸಹಯೋಗಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಚಲನೆಯನ್ನು ಹೇಗೆ ಪಡೆಯುತ್ತವೆ ಎಂದು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಅಂಶಗಳನ್ನು ತಳ್ಳಿಕೊಂದುಕೊಳ್ಳಲು ಮತ್ತು ಪರಸ್ಪರ ಪ್ರತಿಕ್ರಿಯಿಸುವಂತೆ ಮಾಡಬೇಕು, ಕೀಲ್ಯುತಗಳ ಬಳಕೆಯಿಂದ ಮತ್ತು ಗೇಮ್ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಶಿಗಾರ ಕರ್ತವ್ಯವನ್ನು ಒದಗಿಸಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು | ಗೇಮ್ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ ಆಧರಿಸಿ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ಮಾಡಿ | [ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | ಗೇಮಿನ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭ | ಗೇಮ್ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭದ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವಿಕೆ ಮತ್ತು ವರಿಯೇಬಲ್ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | [ಮುಕ್ತಾಯ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗನಿರ್ದೇಶನೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳನ್ನು ಬಳಸಿ ಬಹುಪುಟ ವೆಬ್ಸೈಟ್‌ಗಳ ನೆಲಸೂರಿಯನ್ನು ರಚಿಸಲು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ರಚಿಸಿ | ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಾಲಯಗಳನ್ನು ನಿರ್ವಹಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್‌ಗಳು](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಒಳಗೆ ಮತ್ತು ಹೊರಗೆ ಡೇಟಾ ಹೇಗೆ ಹರಿದುಹೋಗುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪಡೆಯುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ಹಾಳುಮಾಡುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | ಸ್ಥಿತಿಮಾಪನದ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಿತಿಯನ್ನು ಹೇಗೆ ಹಿಡಿದಿಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಸ್ಥಿತಿಮಾಪನ](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ| [VScode ಕೋವಿಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | AI ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ನಿಮ್ಮದೇ AI ಸಹಾಯಕವನ್ನು ನಿರ್ಮಿಸುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | Chris | - -## 🏫 ಅಧ್ಯಾಪನಾ ವಿಧಾನಶಾಸ್ತ್ರ - -ನಮ್ಮ ಪಠ್ಯಕ್ರಮವನ್ನು ಎರಡು ಪ್ರಮುಖ ಅಧ್ಯಾಪನಾ ಸಿದ್ಧಾಂತಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ: -* ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಅಧ್ಯಯನ -* ನಿಯಮಿತ ಕ್ವಿಜ್‌ಗಳು - -ಕಾರ್ಯಕ್ರಮವು JavaScript, HTML, ಮತ್ತು CSS ನ ಮೂಲಭೂತಗಳನ್ನು ಹಾಗೆಯೇ ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ಬಳಸುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವರ್ಚುವಲ್ ಟೆರೇರಿಯಮ್, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಬಾಹ್ಯಾಕಾಶ ಆಕ್ರಮಣದ ಶೈಲಿಯ ಗೇಮ್ ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸಿ ಅನುಷ್ಠಾನಾತ್ಮಕ ಅನುಭವವನ್ನು ಪಡೆಯುವ ಅವಕಾಶ ಹೊಂದಿದ್ದಾರೆ. ಸರಣಿ ಮುಗಿದ ಮೇಲೆ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಗಟ್ಟಿತನದ ತಿಳಿವಳಿಕೆ ಗಳಿಸಲಿದ್ದಾರೆ. - -> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಮೊದಲ ಕೆಲವು ಪಾಠಗಳನ್ನು Microsoft Learn ನಲ್ಲಿ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ರಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು! - -ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಮಾಡಿರುವುದರಿಂದ ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಜ್ಞಾಪಕವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ನಾವು ಕೆಲ ಸ್ಟಾರ್ಟರ್ ಪಾಠಗಳನ್ನು JavaScript ಮೂಲಭೂತಗಳಲ್ಲಿ ಬರೆಯುತ್ತೇವೆ, ಮತ್ತು "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೋ ಸರಣಿಯಿಂದ ಒಂದು ವೀಡಿಯೊ ಜೋಡಣೆ ಮಾಡಿದ್ದೇವೆ, ಅದರ ಕೆಲವು ರಚಯಿತೃಗಳು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಸಹಕೆಲಸ ಮಾಡಿದ್ದಾರೆ. - -ಇಲ್ಲದೆ, ತರಗತಿಯ ಮೊದಲು ಒಂದು ಕಡಿಮೆ-ಪರಿಣಾಮದ ಕ್ವಿಜ್ ವಿದ್ಯಾರ್ಥಿಯ ಆಸೆ ಪ್ರತಿಪಾದಿಸುವಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಮತ್ತು ತರಗತಿಯ ನಂತರ ಎರಡನೇ ಕ್ವಿಜ್ ಸ್ನಾಯಿಸಿದೆ ನಿರ್ಧರಿಸುತ್ತದೆ. ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಅನುಕೂಲಕರ ಮತ್ತು ಮನರಂಜನೀಯವಾಗಿರುವಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. 12 ವಾರಗಳ ಚಕ್ರಾಂಬೆಲೆಲ್ಲಾ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಸಣ್ಣದಾಗಿ ಪ್ರಾರಂಭವಾಗುವುದರಿಂದ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತದೆ. - -ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮಕೋರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್‌ಗೆ ಬೇಕಾದ ಮೂಲ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಮುಗಿಸಲು ಮುಂದಿನ ಉತ್ತಮ ಹಂತವೆಂದರೆ Node.js ಬಗ್ಗೆ ಇತರ ವೀಡಿಯೋಸರಣಿಯಿಂದ ಕಲಿಯುವುದಾಗಿದೆ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". - -> ನಮ್ಮ [Code of Conduct](CODE_OF_CONDUCT.md) ಮತ್ತು [Contributing](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ರಚನೆಯಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಾವು ಸ್ವಾಗತಿಸುತ್ತೇವೆ! - - -## 🧭 ಆಫ್‍ಲೈನ್ ಪ್ರವೇಶ - -ನೀವು ಈ ದಾಖಲೆಗಳನ್ನು ಆಫ್‍ಲೈನ್‌ನಲ್ಲಿ [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ನಡೆಸಬಹುದು. ಈ ರೆಪೋವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ಅನ್ನು ಇನ್‌ಸ್ಟಾಲ್](https://docsify.js.org/#/quickstart) ಮಾಡಿ ಮತ್ತು ನಂತರ ಈ ರೆಪೋ ಮೂಲ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ `docsify serve` ಬಳಸಿ ಟೈಪ್ ಮಾಡಿ. ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ನಿಮ್ಮ ಲೋಕಲ್‌ಹೋಸ್ಟ್‌ನ 3000 ಪೋರ್ಟ್ ನಲ್ಲಿ ಸಾಗಿಸಲಾಗುತ್ತದೆ: `localhost:3000`. - +| | ಯೋಜನೆ ಹೆಸರು | ಕಲಿಕೆಯ ತತ್ವಗಳು | ಕಲಿಕೆ ಗುರಿಗಳು | ಲಿಂಕ್ ಮಾಡಿದ ಪಾಠ | ಲೇಖಕ | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು ಮತ್ತು ವೃತ್ತಿಪರ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರಿಗೆ ಸಹಾಯ ಮಾಡುವ ಸಾಫ್ಟ್‌ವೇರ್‌ಗಳ ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಮೂಲಭೂತ ಅಂಶಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವಿಕೆ | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ನ 어떻게 ಉಪಯೋಗಿಸುವುದು, ಕೋಡ್‌ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಡನೆ ಸಹಕಾರ ಹೇಗೆ ಮಾಡುವುದು | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಲಭ್ಯತೆ | ವೆಬ್ ಲಭ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS ಮೂಲಭೂತಗಳು | ಫಂಕ್ಷನ್ ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ನಿಯಂತ್ರಣ ವಲಯವನ್ನು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳುವುದು | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ೊಂದಿಗೆ ನಿರ್ಧಾರಗಳು ತೆಗೆದುಕೊಳ್ಳುವುದು | ನಿರ್ಧಾರಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಷರತ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS ಮೂಲಭೂತಗಳು | ಜೋಡಿಗಳು ಮತ್ತು ಪುನರಾವರ್ತನೆಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಜೋಡಿಗಳು ಮತ್ತು ಪುನರಾವರ್ತನೆಗಳೊಂದಿಗೆ ಡೇಟಾ ನಿರ್ವಹಿಸಿ | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ಕಾರ್ಯಾಚರಣೆ | ಆನ್‌ಲೈನ್ ಟೆರಾರಿಯನ್ ನಿರ್ಮಿಸಲು HTML ರಚಿಸಿ, ವಿನ್ಯಾಸ ಕಟ್ಟಳಿಕೆ ಮೇಲೆ ಗಮನಹರಿಸಿ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ಕಾರ್ಯಾಚರಣೆ | ಆನ್‌ಲೈನ್ ಟೆರಾರಿಯನ್‌ನ್ನು ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಹೆಚ್ಚಾಗಿ ಉತ್ತರದಾಯಕ ಪುಟ ನಿರ್ಮಾಣಕ್ಕೆ ಸ್ನೇಹಪೂರಕ CSS ಅಂಶಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಜರ್‌ಗಳು, DOM ಸಂಚಲನ | ಟೆರಾರಿಯನ್ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರಚಿಸಿ, ಕ್ಲೋಜರ್‌ಗಳು ಮತ್ತು DOM ಸಂಚಲನದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ಕೀಬೋರ್ಡ್ ಈವೆಂಟ್ಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್‌ನ ಲಾಜಿಕ್ ಅನ್ನು ಕೊಂಡಾಡುವುದು ಕಲಿಯಿರಿ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಅವರ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲ ಅಂಶಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಕಲಿಯಿರಿ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಿಸಲು, API ಕರೆ ಮಾಡಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ 변수ಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು | ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ರಚಿಸಿ API ಕರೆ ಮಾಡಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ ಸಂಗ್ರಹಿಸಿರುವ 변수ಗಳನ್ನು ಬಳಸಿರಿ | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿರಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಸುಧಾರಣೆಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ಇನ್ನಷ್ಟು ಆಧುನಿಕ ಆಟ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸ್‌ಗಳ ಮತ್ತು ಕಾಂಪೋಸಿಷನ್‌ ಬಳಸಿ ವರ್ಗಾವಣೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ ಮತ್ತು ಪಬ್/ಸಬ್ ಮಾದರಿಯನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ, ಆಟವನ್ನು ನಿರ್ಮಿಸಲು ತಯಾರಿ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಣ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಚಿತ್ರಿಸುವುದಕ್ಕೆ ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆದ ಒಳಗಿನ ಅಂಶಗಳನ್ನು ಮುಂದುವರಿಸುವಿಕೆ | ಕಾರ್ಟೀಶಿಯನ್ ಸಂಯೋಜಕಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳಿಗೆ ಚಲನೆ ನೀಡುವುದನ್ನು ಗಮನಿಸಿ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಸ್ಟಿಕ್ಕಾದ್ದರ ಪತ್ತೆ | ಕೀಲಿಮಣೆ ಒತ್ತುವಿಕೆಗಳನ್ನು ಬಳಸಿ ಅಂಶಗಳು ಪರಸ್ಪರ ತಗುಲುವಂತೆ ಮಾಡಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಯ ಖಾತರಿಗಾಗಿ ಶೀತಕಾಲ ಫಂಕ್ಷನ್ ಒದಗಿಸಿ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕಗಳನ್ನು ಇಟ್ಟುಕೊಳ್ಳುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಆಧಾರದ ಮೇಲೆ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ಕೊನೆಗೊಳಿಸಿ ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸಿ | ಆಟವನ್ನು ಕೊನೆಗೊಳಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದರ ಬಗ್ಗೆ ಕಲಿಯಿರಿ, ಅಂಶಗಳನ್ನು ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರಗಳ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದು | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ HTML ಟ್ಯಾಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳ ರಚನೆ | ಬಹುಪುಟದ ವೆಬ್‌ಸೈಟ್ ವಾಸ್ತುಶಿಲ್ಪವನ್ನು ಮಾರ್ಗ ಉಪಯೋಗಿಸಿ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳಿಂದ ಹೇಗೆ ರಚಿಸುವುದು ಕಲಿಯಿರಿ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ಅಡಿಯಲ್ಲಿ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆಯ ನಿಯಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಉಪಯೋಗಿಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಹರಿಯುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆಯಬೇಕು, ಸಂಗ್ರಹಿಸಬೇಕು ಮತ್ತು ತ್ಯಜಿಸಬೇಕು ಎಂಬುದನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಇಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮಾಗವಾಗಿ ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಕಲಿಯಿರಿ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [ಬ್ರೌಸರ್/VScode ಕೋಡ್](../../8-code-editor) | VScode ಜೊತೆಗೆ ಕೆಲಸ | ಕೋಡ್ ಎಡಿಟರ್ ಬಳಕೆ ಮಾಡುವುದು ಕಲಿಯಿರಿ| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI ಸಹಾಯಕರು](./9-chat-project/README.md) | AI ಜೊತೆಗೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕರನ್ನು ನಿರ್ಮಿಸುವುದು ಕಲಿಯಿರಿ | [AI Assistant project](./9-chat-project/README.md) | Chris | + +## 🏫 ಪಾಠಶಕ್ತಿ + +ನಮ್ಮ ಪಠ್ಯಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶೈಲಿಜ್ಞಾನ ಪ್ರಿಂಸಿಪಲ್ಗಳ ಮೇಲೆ ನಿರ್ಮಿಸಲಾಗಿದೆ: +* ಯೋಜನೆ ಆಧಾರಿತ ಅಭ್ಯಾಸ +* ನಿಯಮಿತ ಪ್ರಶ್ನೋತ್ತರಗಳು + +ಈ ಕಾರ್ಯಕ್ರಮವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು CSS ನ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಸುತ್ತದೆ, ಮತ್ತು ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಬೆಳೆಸುತ್ತದೆ, ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ಬಳಸುವಂತೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಆಟ, ವಾಸ್ತುಶಿಲ್ಪ ಟೆರಾರಿಯಂ, ಪರಿಸರಾನುಗ್ರಾಹಕ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್-ಇನ್‌ವೇಡರ್ ಶೈಲಿ ಆಟ ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ ಅನ್ನು ನಿರ್ಮಿಸುವ ಮೂಲಕ ಪ್ರಾಯೋಗಿಕ ಅನುಭವ ಗಳಿಸುವ ಅವಕಾಶವನ್ನು ಹೊಂದಿದ್ದಾರೆ. ಸರಣಿಯ ಅಂತ್ಯದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ದೃಢವಾದ ತಿಳುವಳಿಕೆಯನ್ನು ಪಡೆದುಕೊಳ್ಳುತ್ತಾರೆ. + +> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಪ್ರಥಮ ಕೆಲ ಪಾಠಗಳನ್ನು ಮائಕ್ರೋಸಾಫ್ಟ್ ಲರ್ನ್ ನಲ್ಲಿ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ಆಗಿ ಪಡೆಯಬಹುದು! + +ವಿಷಯವು ಯೋಜನೆಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಖಚಿತಪಡಿಸುವ ಮೂಲಕ, ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಸ್ಮರಣೆ ಹೆಚ್ಚುತ್ತದೆ. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಭೂತಗಳಲ್ಲಿ ಹಲವಾರು ಆರಂಭಿಕ ಪಾಠಗಳನ್ನು ಬರೆದಿದ್ದೇವೆ, ಜೊತೆಗೆ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವಿಡಿಯೋ ಟ್ಯುಟೋರಿಯಲ್ ಸರಣಿಯಿಂದ ವಿಡಿಯೋ ಕೂಡ ವೀಕ್ಷಣೆ ಮಾಡಲಾಗಿದೆ, ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಕೆಲವು ಲೇಖಕರು ಸಹ ಕೊಡುಗೆ ನೀಡಿದ್ದಾರೆ. + +ಇದೊಂದಿಗೇ, ತರಗತಿ ಆರಂಭದಲ್ಲಿ ಕಡಿಮೆ ಒತ್ತಡದ ಪ್ರಶ್ನೋತ್ತರವು ವಿದ್ಯಾರ್ಥಿಯ ಅಭಿಪ್ರಾಯವು ವಿಷಯವನ್ನು ಕಲಿಯಲು ಪ್ರೇರೇಪಿಸುತ್ತದೆ, ಮತ್ತು ತರಗತಿ ನಂತರ ಮತ್ತೊಂದು ಪ್ರಶ್ನೋತ್ತರವು ತತ್ವಗಳ ಮರುಪಠಣೆಯನ್ನು ಖಚಿತಪಡಿಸುತ್ತದೆ. ಈ ಪಠ್ಯಕ್ರಮವು ಸುಗಮ ಮತ್ತು ಮನರಂಜನೆಯಾಗಿ ವಿನ್ಯಾಸಗೊಳ್ಳಿದ್ದು, ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗವಾಗಿ ಪಡೆಯಬಹುದು. ಯೋಜನೆಗಳು ಸಣ್ಣದಾಗಿ ಪ್ರಾರಂಭವಾಗಿ 12 ವಾರಗಳ ಚಕ್ರದ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತವೆ. + +ನಾವು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿ ಅಗತ್ಯವಿರುವ ಮೂಲ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿದ್ದೇವೆ, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಉತ್ತಮ ಮುಂದುವರೆದ ಹಂತವು "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ಎಂಬ ಮತ್ತೊಂದು ವಿಡಿಯೋ ಸರಣಿಯಿಂದ Node.js ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳುವುದು ಆಗಿರುತ್ತದೆ. + +> ನಮ್ಮ [Code of Conduct](CODE_OF_CONDUCT.md) ಮತ್ತು [Contributing](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ಸತಿಕೃತ ಅಭಿಪ್ರಾಯಗಳನ್ನು ಸ್ವಾಗತಿಸುತ್ತೇವೆ! + +## 🧭 ಆಫ್‌ಲೈನ್ ಪ್ರವೇಶ + +ನೀವು [Docsify](https://docsify.js.org/#/) ಉಪಯೋಗಿಸಿ ಈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ರನ್ ಮಾಡಬಹುದು. ಈ ರೆಪೊವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ನ ಸ್ಥಾಪನೆ](https://docsify.js.org/#/quickstart) ಮಾಡಿ, ನಂತರ ಈ ರೆಪೊಬ ಹೊಸ ಮೂಲ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ `docsify serve` ಟೈಪ್ ಮಾಡಿ. ವೆಬ್‌ಸೈಟ್ ನಿಮ್ಮ ಲೋಕಲ್‌ಹೋಸ್ಟ್‌ನಲ್ಲಿ ಪೋರ್ಟ್ 3000 ನಲ್ಲಿ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`. ## 📘 PDF -ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು. +ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು ನೀವು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು. -## 🎒 ಇತರೆ ಕೋರ್ಸುಗಳು +## 🎒 ಇತರ ಕೋರ್ಸ್‌ಗಳು -ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸುಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ಪರಿಶೀಲಿಸಿ: +ನಮ್ಮ ತಂಡ ಇತರ ಕೋರ್ಸ್‌ಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ಪರಿಶೀಲಿಸಿ: ### LangChain @@ -225,7 +205,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### ಅಜುರ್ / ಎಡ್ಜ್ / MCP / ಏಜೆಂಟ್ಸ್ +### Azure / Edge / MCP / Agents [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI 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) @@ -233,7 +213,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ --- -### ಜನರೇಟಿವ್ AI ಸರಣಿ +### 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) @@ -241,7 +221,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ --- -### ಮೂಲ ಅಧ್ಯಯನ +### ಕೋರ್ ಲರ್ನಿಂಗ್ [![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) @@ -252,7 +232,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ --- -### ಕೋಪೈಲಟ್ ಸರಣಿ +### ڪوಪೈಲಟ್ ಸರಣಿ [![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 +240,21 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ ## ಸಹಾಯ ಪಡೆಯುವುದು -ನೀವು ಅಡಗಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ ಕಲಿಯುವವರೊಂದಿಗೆ ಮತ್ತು ಅನುಭವಿ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರೊಂದಿಗೆ ಸೇರಿಕೊಳ್ಳಿ. ಇದು ಪ್ರಶ್ನೆಗಳು ಸ್ವಾಗತಾರ್ಹವಾಗಿರುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೆ ಮಾಡಿಕೊಳ್ಳುವ ಬೆಂಬಲಿಸುವ ಸಮುದಾಯವಾಗಿದೆ. +ನೀವು ಅಡ್ಡಿಪಡಿಸಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ оқуಗರ ಮತ್ತು ಅನುಭವಸಂಪನ್ನ ಡೆವಲಪರ್‌ಗಳ ಜೊತೆ ಸೇರಿ. ಇದು ಪ್ರಶ್ನೆಗಳನ್ನು ಸ್ವಾಗತಿಸುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚುವ ಬೆಂಬಲದ ಸಮುದಾಯವಾಗಿದೆ. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ನೀವು ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆ ಅಥವಾ ತಪ್ಪುಗಳನ್ನು ನಿರ್ಮಿಸುವಾಗ ಹೋಗಿರಿ: +ನೀವು ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆ ಅಥವಾ ನಿರ್ಮಾಣ ವೇಳೆ ದೋಷಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ಭೇಟಿಮಾಡಿ: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## ಪರವಾನಗಿ -ಈ ಸಂಗ್ರಹಣೆಯನ್ನು MIT ಪರವಾನಗಿಯಡಿ ಪರವಾನಗಿಮಾಡಲಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫೈಲ್ ಅನ್ನು ನೋಡಿ. +ಈ ರೆಪೊಸಿಟರಿ MIT ಪರವಾನಗಿ ಅಡಿ ಪರವಾನಗಿಯಾಗುತ್ತದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫಯಲ್ ನೋಡಿ. --- -**ಬ್ಯಾಜಪತ್ರ**: -ಈ ದಸ್ತಾವೇಜು [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಭಾಷಾಂತರ ಸೇವೆಯನ್ನು ಬಳಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಿಖರತೆಯ ಕುರಿತು ನಾವು ಪ್ರಯತ್ನಿಸುವರೂ, ಸ್ವಯಂಕ್ರಿಯ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳಿರಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿರಲಿ. ಮೂಲ ಭಾಷೆಯ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆದಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ವಿವರಗಳ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗಳ ಹೊಣೆಗಾರಿಕೆ ನಾವು ಹೊಂದಿಲ್ಲ. +**ತಪ್ಪು ನಿಬ್ಬೆರಗು**: +ಈ ದસ્તಾವೇಜು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗೆ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರುವ ಸಾಧ್ಯತೆ ಇದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ದಸ್ತಾವೇಜಿನ ಸ್ವಾಭಾವಿಕ ಭಾಷೆಯನ್ನು ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಗಂಭೀರ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಗುದ್ದಲಾಟ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದಕ್ಕೆ ನಾವು ಹೊಣೆಗಾರರಲ್ಲ. \ No newline at end of file diff --git a/translations/kn/lesson-template/README.md b/translations/kn/lesson-template/README.md index 902fec1df0..52a090097e 100644 --- a/translations/kn/lesson-template/README.md +++ b/translations/kn/lesson-template/README.md @@ -1,58 +1,79 @@ -# [ಪಾಠ ವಿಷಯ] +# ಪಾಠ ವಿಷಯ -![ಇಲ್ಲಿ ವೀಡಿಯೋ ಅನ್ನು ಸೇರಿಸಿ](../../../lesson-template/video-url) +## 🎥 ವೀಡಿಯೋ -## [ಪೂರ್ವ-ವಾರ್ತಾ ಪ್ರಶ್ನೋತ್ತರ](../../../lesson-template/quiz-url) +> ಇಲ್ಲಿ ಒಂದು ಸಂಯೋಜಿತ ವೀಡಿಯೋ ಅಥವಾ ಪಾಠ ಲಿಂಕ್ ಸೇರಿಸಿ. -[ನಾವು ಏನು ಕಲಿಯಲಿದ್ದೇವೆ ಎಂಬುದನ್ನು ವಿವರಿಸಿ] +--- + +## ಪೂರ್ವ ಉಪನ್ಯಾಸ ಕ್ವಿಜ್ + +> ಲಭ್ಯವಿದ್ದಾಗ ಇಲ್ಲಿ ಕ್ವಿಜ್ ಲಿಂಕ್ ಸೇರಿಸಿ. + +--- + +ಈ ಪಾಠದಲ್ಲಿ ವಿದ್ಯಾರ್ಥಿಗಳು ಏನು ಕಲಿಯಲಿದ್ದಾರೆ ಎಂಬುದರ ಸಂಕ್ಷಿಪ್ತ ಅವಲೋಕನವನ್ನು ಒದಗಿಸಿ. + +--- ### ಪರಿಚಯ -ಏನು ಒಳಗೊಂಡಿರುತ್ತದೆ ಎಂದು ವಿವರಿಸಿ +ಈ ಪಾಠದಲ್ಲಿ ಯಾವ ವಿಷಯಗಳನ್ನು ಮುಸುಕಾಗಿ ವಿವರಿಸಲಾಗುತ್ತದೆ ಎಂಬುದರ ಸಂಕ್ಷಿಪ್ತ ಪರಿಚಯವನ್ನು ಒದಗಿಸಿ. -> ನೋಟ್ಸ್ +> ಟಿಪ್ಪಣೆಗಳು -### ಪೂರ್ವಾವಶ್ಯಕತೆ +--- + +### ಪೂರ್ವಾಪೇಕ್ಷೆಯುಳ್ಳ ವಿಷಯಗಳು -ಈ ಪಾಠಕ್ಕೂ ಮುಂಚೆ ಯಾವ ಹಂತಗಳನ್ನು ಕವರ್ ಮಾಡಿರಬೇಕು? +ವಿದ್ಯಾರ್ಥಿಗಳು ಈ ಪಾಠ ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ಈಗಾಗಲೇ ತಿಳಿದುಕೊಂಡಿರಬೇಕಾದ ತತ್ವಗಳು ಅಥವಾ ವಿಷಯಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಿ. + +--- -### ತಯಾರಿ +### ಸಜ್ಜುಗೊಳಿಸುವಿಕೆ -ಈ ಪಾಠವನ್ನು ಪ್ರಾರಂಭಿಸಲು ತಯಾರಿ ಹಂತಗಳು +ಪಾಠ ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ಅಗತ್ಯವಿರುವ ಯಾವುದೇ ಸೆಟಪ್ ಹಂತಗಳು ಅಥವಾ ಉಪಕರಣಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಿ. --- -[ವಿಷಯವನ್ನು ಕಂಟೆಂಟ್ ಬ್ಲಾಕ್‌ಗಳಲ್ಲಿ ಹಂತ ಹಂತವಾಗಿ ನಡೆಸಿ] +### ವಿಷಯ + +ಪಾಠದ ವಿಷಯವನ್ನು ವ್ಯವಸ್ಥಿತ ವಿಭಾಗಗಳಲ್ಲಿ ಕ್ರಮವಾಗಿ ನಿರೂಪಿಸಿ. + +--- -## [ವಿಷಯ 1] +## ವಿಷಯ 1 ### ಕಾರ್ಯ: -ನಿಮ್ಮ ಕೋಡ್‌ಬೇಸ್ ಅನ್ನು ಹಂತ ಹಂತವಾಗಿ ಸುಧಾರಿಸಲು ಒಟ್ಟಿಗೆ ಕೆಲಸ ಮಾಡಿ ಮತ್ತು ಹಂಚಿಕೊಳ್ಳುವ ಕೋಡಿನೊಂದಿಗೆ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ: +ಪರಸ್ಪರ ಸಹಕಾರ ನಿಮ್ಮ ಕೋಡ್‌ಬೇಸನ್ನು ಹಂತ ಹಂತವಾಗಿ ಸುಧಾರಿಸಲು ಕೆಲಸ ಮಾಡಿ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಹಂಚಿಕೊಂಡ ಕೋಡ್ ಲೊಂದಿಗೆ ನಿರ್ಮಿಸಿ: ```html code blocks ``` -✅ ಜ್ಞಾನ ಪರಿಶೀಲನೆ - ವಿದ್ಯಾರ್ಥಿಗಳ ಕೌಶಲ್ಯವನ್ನು ತೆರ Luizಟ ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ ವಿಸ್ತರಿಸಲು ಈ ಕ್ಷಣವನ್ನು ಉಪಯೋಗಿಸಿ +✅ ಜ್ಞಾನ ಪರಿಶೀಲನೆ +ವಿದ್ಯಾರ್ಥಿಗಳ ಜ್ಞಾನವನ್ನು ತೆರವುಗೊಳ್ಳುವ ಪ್ರಶ್ನೆಗಳ ಮೂಲಕ ವಿಸ್ತರಿಸಲು ಈ ಆಯ್ಕೆಯನ್ನು ಬಳಸಿ. -## [ವಿಷಯ 2] +## ವಿಷಯ 2 +## ವಿಷಯ 3 -## [ವಿಷಯ 3] +🚀 ಚಾಲೆಂಜ್ +ವಿದ್ಯಾರ್ಥಿಗಳು ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಸುಧಾರಿಸಲು ಸಹಕಾರ ಚಾಲೆಂಜ್ ಸೇರಿಸಿ. -🚀 ಸವಾಲು: ತರಗತಿಯಲ್ಲಿ ಸಹಯೋಗದಲ್ಲಿ ಪ್ರಾಜೆಕ್ಟ್ ಸುಧಾರಿಸಲು ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಸವಾಲನ್ನು ಸೇರಿಸಿ +ಐಚಿತವಾಗಿ: ಸಮಾಪ್ತಿಯಾದ ಪಾಠದ UI ಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಅನ್ನು ಕೂಡ ಸೇರಿಸಬಹುದು. -ಐಚ್ಛಿಕ: ಪೂರ್ಣಗೊಂಡ ಪಾಠದ UI-ಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಅನ್ನು ಬೇಕಾದರೆ ಸೇರಿಸಿ +## ಉಪನ್ಯಾಸದ ನಂತರದ ಕ್ವಿಜ್ -## [ಪೋಸ್ಟ್-ವಾರ್ತಾ ಪ್ರಶ್ನೋತ್ತರ](../../../lesson-template/quiz-url) +ಪಾಠ ಮುಗಿಸಿದ ನಂತರ ಇಲ್ಲಿ ಕ್ವಿಜ್ ಲಿಂಕ್ ಸೇರಿಸಿ. -## ವಿಮರ್ಶೆ & ಸ್ವ-ಅಧ್ಯಯನ +## ವಿಮರ್ಶೆ & ಸ್ವ ಅಧ್ಯಯನ -**ನಿಬಂಧನೆ ಸಲ್ಲಿಸುವ ದಿನಾಂಕ [MM/YY]**: [ನಿಬಂಧನೆ ಹೆಸರು](assignment.md) +**ಕಾರ್ಯಾಚರಣೆಗೆ ಕೊನೆಯ ದಿನಾಂಕ [MM/YY]**: [ಕಾರ್ಯಾಚರಣೆ ಹೆಸರು](assignment.md) --- -**ಅತ್ಯಂತ ಜಾಗೃತಿ ಸೂಚನೆ**: -ಈ ದಾಖಲೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ ಏಐ ಅನುವಾದ ಸೇವೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಗೆ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ಮೂಲ ದಾಖಲೆ ನಂಬಲಾದ ಮೂಲಮಾಹಿತಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದದ ಬಳಕೆಯಿಂದ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಗಳಿಕೆಗಳಿಗೆ ಅಥವಾ ಅಸಮಜಿಕೆಗಳಿಗೆ ನಾವು ಹೊಣೆ ಹೊಳ್ಳುವುದಿಲ್ಲ. +**ತಡೆಹಿಡಿಯುವಿಕೆ**: +ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಸಮಗ್ರತೆಯಿಗಾಗಿ ಪ್ರಯತ್ನಿಸೋದಾದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇದ್ದೇಕಾದರೆ ಗೊತ್ತಿರಲಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ತನ್ನ ಸ್ಥಳೀಯ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ ಶ್ರೋತ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗೆ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದಂಟಾದ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಸಿಕೆಗಳ ಬಗ್ಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗುವುದಿಲ್ಲ. \ No newline at end of file diff --git a/translations/ko/.co-op-translator.json b/translations/ko/.co-op-translator.json index 7bf22c6508..efe3b23e1d 100644 --- a/translations/ko/.co-op-translator.json +++ b/translations/ko/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:33:41+00:00", + "translation_date": "2026-04-24T14:33:34+00:00", "source_file": "AGENTS.md", "language_code": "ko" }, @@ -516,8 +516,8 @@ "language_code": "ko" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:59:22+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T14:27:40+00:00", "source_file": "README.md", "language_code": "ko" }, @@ -564,8 +564,8 @@ "language_code": "ko" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-24T00:16:17+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T14:27:52+00:00", "source_file": "lesson-template/README.md", "language_code": "ko" }, diff --git a/translations/ko/AGENTS.md b/translations/ko/AGENTS.md index e417a03de5..5b008aa8d2 100644 --- a/translations/ko/AGENTS.md +++ b/translations/ko/AGENTS.md @@ -1,47 +1,47 @@ # AGENTS.md -## 프로젝트 개요 +## Project Overview -이 저장소는 웹 개발 기초를 초보자에게 가르치기 위한 교육용 커리큘럼 저장소입니다. 이 커리큘럼은 Microsoft Cloud Advocates가 개발한 12주 과정의 포괄적인 교육 과정으로, JavaScript, CSS, HTML을 다루는 24개의 실습 중심 수업으로 구성되어 있습니다. +이 저장소는 초보자를 위한 웹 개발 기초 교육 커리큘럼 저장소입니다. 해당 커리큘럼은 Microsoft Cloud Advocates가 개발한 총 12주 과정으로, JavaScript, CSS 및 HTML을 다루는 24회의 실습 중심 수업으로 구성되어 있습니다. -### 주요 구성 요소 +### Key Components -- **교육 콘텐츠**: 프로젝트 기반 모듈로 조직된 24개의 체계적인 수업 -- **실습 프로젝트**: 테라리움, 타이핑 게임, 브라우저 확장 프로그램, 우주 게임, 은행 앱, 코드 편집기 및 AI 채팅 어시스턴트 -- **인터랙티브 퀴즈**: 각 3문항씩 구성된 48개의 퀴즈 (수업 전/후 평가) -- **다국어 지원**: GitHub Actions를 통한 50개 이상 언어 자동 번역 +- **교육 콘텐츠**: 프로젝트 기반 모듈로 구성된 24개의 체계적인 수업 +- **실습 프로젝트**: 테라리움, 타이핑 게임, 브라우저 확장, 우주 게임, 뱅킹 앱, 코드 편집기, AI 채팅 도우미 +- **인터랙티브 퀴즈**: 각 3문항씩 총 48개의 퀴즈 (수업 전/후 평가) +- **다국어 지원**: GitHub Actions를 통한 50개 이상의 언어 자동 번역 - **기술 스택**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI 프로젝트용) -### 아키텍처 +### Architecture -- 수업 기반 구조의 교육용 저장소 -- 각 수업 폴더는 README, 코드 예제 및 솔루션 포함 -- 독립형 프로젝트가 별도 디렉터리에 있음 (quiz-app, 다양한 수업 프로젝트) -- GitHub Actions를 이용한 번역 시스템 (co-op-translator) -- Docsify로 제공되는 문서 및 PDF로도 이용 가능 +- 수업 기반 구조의 교육 저장소 +- 각 수업 폴더는 README, 코드 예제, 솔루션 포함 +- 독립 프로젝트는 별도 디렉토리(quiz-app, 여러 수업 프로젝트) +- GitHub Actions(co-op-translator) 기반 번역 시스템 +- Docsify로 문서 제공 및 PDF로 이용 가능 -## 설정 명령어 +## Setup Commands 이 저장소는 주로 교육 콘텐츠 소비용입니다. 특정 프로젝트 작업 시: -### 메인 저장소 설정 +### Main Repository Setup ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### 퀴즈 앱 설정 (Vue 3 + Vite) +### Quiz App Setup (Vue 3 + Vite) ```bash cd quiz-app npm install npm run dev # 개발 서버 시작 -npm run build # 프로덕션용 빌드 +npm run build # 프로덕션 빌드 npm run lint # ESLint 실행 ``` -### 은행 프로젝트 API (Node.js + Express) +### Bank Project API (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,7 +51,7 @@ npm run lint # ESLint 실행 npm run format # Prettier로 포맷팅 ``` -### 브라우저 확장 프로젝트 +### Browser Extension Projects ```bash cd 5-browser-extension/solution @@ -59,7 +59,7 @@ npm install # 브라우저별 확장 프로그램 로딩 지침을 따르세요 ``` -### 우주 게임 프로젝트 +### Space Game Projects ```bash cd 6-space-game/solution @@ -67,46 +67,46 @@ npm install # 브라우저에서 index.html을 열거나 Live Server를 사용하세요 ``` -### 채팅 프로젝트 (Python 백엔드) +### Chat Project (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN 환경 변수를 설정하세요 +# GITHUB_TOKEN 환경 변수를 설정합니다 python api.py ``` -## 개발 워크플로우 +## Development Workflow -### 콘텐츠 기여자를 위한 절차 +### For Content Contributors -1. 저장소를 포크하여 개인 GitHub 계정에 저장 +1. 저장소를 포크하여 GitHub 계정에 복사 2. **포크한 저장소를 로컬에 클론** -3. **변경을 위한 새 브랜치 생성** +3. **변경용 새 브랜치 생성** 4. 수업 콘텐츠 또는 코드 예제 수정 -5. 관련 프로젝트 디렉터리에서 코드 변경 내용 테스트 -6. 기여 지침에 따라 풀 리퀘스트 제출 +5. 관련 프로젝트 디렉토리에서 변경한 코드 테스트 +6. 기여 가이드라인에 맞춘 Pull Request 제출 -### 학습자를 위한 절차 +### For Learners -1. 저장소 포크 또는 클론 -2. 수업 디렉터리를 순서대로 탐색 +1. 저장소를 포크하거나 클론 +2. 수업 디렉토리를 순서대로 이동 3. 각 수업의 README 파일 읽기 -4. https://ff-quizzes.netlify.app/web/ 에서 수업 전 퀴즈 완료 -5. 수업 폴더 내 코드 예제 실습 -6. 과제 및 도전 과제 완료 -7. 수업 후 퀴즈 풀기 +4. 수업 전 퀴즈 진행: https://ff-quizzes.netlify.app/web/ +5. 수업 폴더 내 코드 예제 학습 +6. 과제 및 도전 과제 수행 +7. 수업 후 퀴즈 응시 -### 라이브 개발 +### Live Development -- 문서: 루트에서 `docsify serve` 실행 (포트 3000) -- **퀴즈 앱**: quiz-app 디렉터리에서 `npm run dev` 실행 +- **문서 서버 실행**: 루트에서 `docsify serve` 실행 (포트 3000) +- **Quiz App**: quiz-app 디렉토리에서 `npm run dev` 실행 - 프로젝트: HTML 프로젝트는 VS Code Live Server 확장 사용 -- **API 프로젝트**: 각 API 디렉터리에서 `npm start` 실행 +- **API 프로젝트**: 해당 API 디렉토리에서 `npm start` 실행 -## 테스트 안내 +## Testing Instructions -### 퀴즈 앱 테스트 +### Quiz App Testing ```bash cd quiz-app @@ -114,7 +114,7 @@ npm run lint # 코드 스타일 문제 확인 npm run build # 빌드 성공 여부 확인 ``` -### 은행 API 테스트 +### Bank API Testing ```bash cd 7-bank-project/api @@ -122,70 +122,70 @@ npm run lint # 코드 스타일 문제 확인 node server.js # 서버가 오류 없이 시작하는지 확인 ``` -### 일반 테스트 방법 +### General Testing Approach -- 본 저장소는 종합 자동화 테스트 없이 교육용으로 운영 -- 수동 테스트는 아래에 집중: - - 코드 예제가 오류 없이 실행되는지 - - 문서 내 링크 정상 작동 여부 - - 프로젝트 빌드 성공 여부 - - 예제들이 모범 사례 준수 여부 +- 이 저장소는 포괄적인 자동화 테스트를 포함하지 않음 (교육용) +- 수동 테스트는 다음에 중점: + - 코드 예제 오류 없이 실행 여부 + - 문서 내 링크 정상 작동 + - 프로젝트 빌드 성공 + - 예제가 베스트 프랙티스 준수 -### 제출 전 점검 +### Pre-submission Checks -- package.json이 있는 디렉터리에서 `npm run lint` 실행 -- 마크다운 링크 유효성 확인 +- package.json 있는 디렉토리에서 `npm run lint` 실행 +- 마크다운 링크 유효성 검사 - 브라우저 또는 Node.js에서 코드 예제 테스트 -- 번역 파일이 올바른 구조 유지하는지 확인 +- 번역 파일 구조 유지 확인 -## 코드 스타일 가이드 +## Code Style Guidelines ### JavaScript - 최신 ES6+ 문법 사용 -- 프로젝트 내 기본 ESLint 설정 준수 -- 교육 목적의 명확한 변수 및 함수 명칭 사용 -- 학습자 이해를 돕는 주석 추가 -- 설정된 경우 Prettier로 포맷팅 +- 프로젝트 내 표준 ESLint 설정 준수 +- 교육적 이해를 돕는 의미 있는 변수 및 함수명 사용 +- 학습자를 위한 개념 설명 주석 추가 +- Prettier 설정되어 있으면 포맷팅 적용 ### HTML/CSS -- 의미론적 HTML5 태그 사용 +- 시맨틱 HTML5 요소 사용 - 반응형 디자인 원칙 준수 -- 명확한 클래스 네이밍 규칙 -- CSS 기법을 설명하는 주석 포함 +- 명확한 클래스 명명 규칙 +- CSS 기법 설명 주석 포함 ### Python -- PEP 8 스타일 가이드 준수 -- 명확하고 교육적인 코드 예제 제공 -- 학습에 도움이 되는 타입 힌트 활용 +- PEP 8 스타일 가이드라인 준수 +- 명확하고 교육적인 코드 예제 작성 +- 학습에 유용한 경우 타입 힌트 포함 -### 마크다운 문서화 +### Markdown Documentation - 명확한 제목 계층 구조 -- 언어 지정된 코드 블록 -- 추가 리소스 링크 -- `images/` 내 스크린샷 및 이미지 -- 접근성을 위한 이미지 대체 텍스트 +- 언어 명시된 코드 블록 사용 +- 추가 자료 링크 포함 +- `images/` 폴더 내 스크린샷 및 이미지 +- 접근성을 위한 이미지 대체 텍스트 작성 -### 파일 구성 +### File Organization -- 수업은 번호 순서대로 정렬 (1-getting-started-lessons, 2-js-basics 등) -- 각 프로젝트는 `solution/` 및 대개 `start/` 또는 `your-work/` 디렉터리 포함 -- 수업 별 `images/` 폴더에 이미지 저장 -- 번역 파일은 `translations/{language-code}/` 구조로 관리 +- 수업은 순차적 번호로 정리 (1-getting-started-lessons, 2-js-basics 등) +- 각 프로젝트 내 `solution/`, `start/` 또는 `your-work/` 디렉토리 포함 +- 수업별 `images/` 폴더에 이미지 저장 +- 번역은 `translations/{language-code}/` 구조로 관리 -## 빌드 및 배포 +## Build and Deployment -### 퀴즈 앱 배포 (Azure Static Web Apps) +### Quiz App Deployment (Azure Static Web Apps) -quiz-app은 Azure Static Web Apps 배포용으로 구성됨: +quiz-app은 Azure Static Web Apps 배포로 구성됨: ```bash cd quiz-app npm run build # dist/ 폴더를 생성합니다 -# main 브랜치에 푸시할 때 GitHub Actions 워크플로우를 통해 배포합니다 +# main 브랜치에 푸시 시 GitHub Actions 워크플로를 통해 배포합니다 ``` Azure Static Web Apps 구성: @@ -193,90 +193,90 @@ Azure Static Web Apps 구성: - **출력 위치**: `dist` - 워크플로우: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### 문서 PDF 생성 +### Documentation PDF Generation ```bash npm install # docsify-to-pdf 설치 npm run convert # docs에서 PDF 생성 ``` -### Docsify 문서 +### Docsify Documentation ```bash -npm install -g docsify-cli # Docsify를 전역 설치하기 -docsify serve # localhost:3000에서 서비스하기 +npm install -g docsify-cli # Docsify를 전역으로 설치 +docsify serve # localhost:3000에서 서비스 실행 ``` -### 프로젝트별 빌드 +### Project-specific Builds -각 프로젝트 폴더는 자체 빌드 프로세스를 가질 수 있음: +각 프로젝트 디렉토리별 별도 빌드 프로세스 가능: - Vue 프로젝트: `npm run build`로 프로덕션 번들 생성 -- 정적 프로젝트: 빌드 단계 없이 파일을 직접 서비스 +- 정적 프로젝트: 빌드 단계 없이 파일 직접 서빙 -## 풀 리퀘스트 가이드라인 +## Pull Request Guidelines -### 제목 형식 +### Title Format -변경 영역을 명확히 나타내는 제목 사용: -- `[Quiz-app] 수업 X를 위한 새 퀴즈 추가` +변경 분야가 명확하게 드러나는 제목 사용: +- `[Quiz-app] 수업 X용 신규 퀴즈 추가` - `[Lesson-3] 테라리움 프로젝트 오타 수정` - `[Translation] 5과 스페인어 번역 추가` -- `[Docs] 설정 지침 업데이트` +- `[Docs] 설치 지침 업데이트` -### 필수 점검 사항 +### Required Checks PR 제출 전: 1. **코드 품질**: - - 관련 프로젝트 디렉터리에서 `npm run lint` 실행 - - 모든 린트 에러 및 경고 수정 + - 영향 받은 프로젝트 디렉토리에서 `npm run lint` 실행 + - 모든 린트 경고 및 오류 수정 2. **빌드 검증**: - 해당 시 `npm run build` 실행 - - 빌드 오류 없을 것 + - 빌드 오류 없음 확인 -3. **링크 확인**: +3. **링크 검증**: - 모든 마크다운 링크 테스트 - - 이미지 참조 확인 + - 이미지 참조 작동 여부 확인 4. **내용 검토**: - - 맞춤법 및 문법 교정 - - 코드 예제 올바르고 교육적임 확인 - - 번역 내용 원문 의미 유지 확인 + - 맞춤법 및 문법 확인 + - 코드 예제 정확하고 교육적임 점 검토 + - 번역이 원래 의미 유지하는지 검토 -### 기여 요구 사항 +### Contribution Requirements -- Microsoft CLA 동의 (첫 PR 시 자동 확인) -- [Microsoft 오픈 소스 행동 강령](https://opensource.microsoft.com/codeofconduct/) 준수 -- 자세한 지침은 [CONTRIBUTING.md](./CONTRIBUTING.md) 참고 -- PR 설명에 관련 이슈 번호 명시 (해당 시) +- Microsoft CLA 동의 (첫 PR 자동 체크) +- [Microsoft 오픈소스 행동강령](https://opensource.microsoft.com/codeofconduct/) 준수 +- 자세한 내용은 [CONTRIBUTING.md](./CONTRIBUTING.md) 참고 +- 해당 시 PR 설명에 이슈 번호 명시 -### 검토 절차 +### Review Process -- PR은 유지 관리자 및 커뮤니티가 검토 +- 유지 관리자 및 커뮤니티가 PR 검토 - 교육적 명확성 우선 고려 -- 코드 예제는 최신 모범 사례에 부합해야 함 +- 코드 예제는 최신 모범 사례 준수해야 함 - 번역은 정확성과 문화적 적합성 검토 -## 번역 시스템 +## Translation System -### 자동 번역 +### Automated Translation - GitHub Actions의 co-op-translator 워크플로우 사용 -- 50개 이상의 언어로 자동 번역 수행 -- 원본 파일은 메인 디렉터리에 위치 -- 번역 파일은 `translations/{language-code}/`에 저장 +- 50개 이상의 언어로 자동 번역 +- 원본 파일은 메인 디렉토리에 존재 +- 번역 파일은 `translations/{language-code}/` 에 위치 -### 수동 번역 개선 추가 +### Adding Manual Translation Improvements -1. `translations/{language-code}/`에서 파일 찾기 -2. 구조를 유지하며 개선사항 반영 -3. 코드 예제는 정상 작동 유지해야 함 -4. 지역화된 퀴즈 콘텐츠 테스트 +1. `translations/{language-code}/`에서 해당 파일 찾기 +2. 구조 유지하며 개선 사항 적용 +3. 코드 예제가 정상 작동하는지 확인 +4. 현지화된 퀴즈 콘텐츠 테스트 -### 번역 메타데이터 +### Translation Metadata -번역 파일에는 메타데이터 헤더 포함: +번역 파일들은 메타데이터 헤더 포함: ```markdown ``` -## 디버깅 및 문제 해결 +## Debugging and Troubleshooting -### 자주 발생하는 문제 +### Common Issues -**퀴즈 앱 실행 실패**: -- Node.js 버전 확인 (v14 이상 권장) +**퀴즈 앱이 시작하지 않을 때**: +- Node.js 버전 (v14 이상 권장) 확인 - `node_modules` 및 `package-lock.json` 삭제 후 `npm install` 재실행 -- 포트 충돌 검사 (기본 포트: Vite 5173) +- 포트 충돌 확인 (기본: Vite는 5173 포트 사용) -**API 서버 실행 불가**: -- Node.js 최소 버전 충족 확인 (node >=10) -- 포트 사용 중인지 확인 -- 모든 의존성 `npm install`로 설치 완료 여부 +**API 서버가 시작되지 않을 때**: +- Node.js 버전이 최소 요구(node >=10)인지 확인 +- 포트 사용 중 여부 확인 +- `npm install`로 모든 의존성 설치 완료 여부 확인 -**브라우저 확장 프로그램 로드 실패**: -- manifest.json 형식 확인 -- 브라우저 콘솔 에러 체크 -- 브라우저별 확장 설치 지침 준수 +**브라우저 확장 프로그램이 로드되지 않을 때**: +- manifest.json 형식 올바른지 확인 +- 브라우저 콘솔 오류 점검 +- 브라우저별 확장 설치 지침 따라 설치 -**Python 채팅 프로젝트 문제**: +**Python 채팅 프로젝트 문제 시**: - OpenAI 패키지 설치 확인: `pip install openai` -- GITHUB_TOKEN 환경 변수 설정 여부 -- GitHub Models 접근 권한 확인 +- GITHUB_TOKEN 환경변수 설정 여부 확인 +- GitHub Models 접근 권한 점검 -**Docsify가 문서를 제공하지 않음**: -- docsify-cli 전역 설치: `npm install -g docsify-cli` -- 저장소 루트에서 실행 -- `docs/_sidebar.md` 파일 존재 여부 +**Docsify가 문서 제공하지 않을 때**: +- 전역에 docsify-cli 설치: `npm install -g docsify-cli` +- 저장소 루트 디렉토리에서 실행 +- `docs/_sidebar.md` 존재 확인 -### 개발 환경 팁 +### Development Environment Tips -- HTML 프로젝트에 VS Code Live Server 확장 사용 -- 일관된 포맷팅을 위한 ESLint 및 Prettier 확장 설치 -- 브라우저 개발자 도구로 JavaScript 디버깅 +- HTML 프로젝트는 VS Code Live Server 확장 사용 +- 일관된 포맷팅을위해 ESLint 및 Prettier 확장 설치 +- 자바스크립트 디버깅은 브라우저 개발자 도구 활용 - Vue 프로젝트는 Vue DevTools 브라우저 확장 설치 -### 성능 고려사항 +### Performance Considerations -- 번역 파일 다수가 존재(50개 이상 언어)해 전체 클론 시 용량 큼 -- 콘텐츠 작업만 할 경우 얕은 복제 사용: `git clone --depth 1` -- 영어 콘텐츠 작업 시 번역 검색 제외 -- 초기 빌드 과정은 느릴 수 있음 (npm install, Vite 빌드) +- 50개 이상 언어 번역 파일로 인해 전체 클론 시 용량 큼 +- 콘텐츠 작업만 할 경우 얕은 클론 사용: `git clone --depth 1` +- 영어 콘텐츠 작업 시 번역 검색 제외 권장 +- 빌드 초기 실행 시 느릴 수 있음 (npm install, Vite 빌드) -## 보안 고려사항 +## Security Considerations -### 환경 변수 +### Environment Variables -- API 키는 저장소에 커밋 금지 -- `.env` 파일 사용 (이미 `.gitignore`에 포함) -- 필수 환경 변수는 프로젝트 README에 문서화 +- API 키는 절대 저장소에 커밋하지 말 것 +- `.env` 파일 사용 (.gitignore에 포함됨) +- 프로젝트 README에 필요 환경 변수 명시 -### Python 프로젝트 +### Python Projects -- 가상 환경 사용 권장: `python -m venv venv` +- 가상환경 사용 권장: `python -m venv venv` - 의존성 최신 상태 유지 -- GitHub 토큰 최소 권한 설정 +- GitHub 토큰 최소 권한 부여 -### GitHub Models 접근 +### GitHub Models Access -- GitHub Models 접근을 위한 개인 액세스 토큰(PAT) 필요 -- 토큰은 환경 변수로 저장 -- 토큰이나 자격 증명 절대 커밋 금지 +- GitHub Models 접근에는 개인 액세스 토큰(PAT) 필요 +- 토큰은 환경 변수로 관리 +- 토큰 및 인증정보 저장소에 커밋 금지 -## 추가 참고사항 +## Additional Notes -### 대상 사용자 +### Target Audience -- 웹 개발 완전 초보자 -- 학생 및 독학자 -- 교실 수업에서 본 커리큘럼 사용하는 교사 -- 접근성 및 점진적 기술 향상을 고려한 콘텐츠 설계 +- 웹 개발 입문자 +- 학생과 자기주도 학습자 +- 교실 수업용 교육자 +- 접근성과 점진적인 기술 향상에 중점 둔 콘텐츠 -### 교육 철학 +### Educational Philosophy -- 프로젝트 기반 학습 접근법 +- 프로젝트 기반 학습 방식 - 빈번한 지식 점검(퀴즈) - 실습 코딩 연습 -- 실제 적용 사례 예시 -- 프레임워크 도입 전 기초기에 집중 +- 실제 사례 적용 예시 +- 프레임워크 학습 전에 기초에 집중 -### 저장소 유지 관리 +### Repository Maintenance - 활발한 학습자 및 기여자 커뮤니티 -- 의존성과 콘텐츠 정기 업데이트 -- 유지 관리자가 이슈 및 토론 지속 모니터링 -- 번역 업데이트 자동화(GitHub Actions 활용) +- 정기적 의존성 및 콘텐츠 업데이트 +- 유지 관리자에 의한 이슈 및 논의 모니터링 +- GitHub Actions를 통한 번역 자동 업데이트 -### 관련 리소스 +### Related Resources - [Microsoft Learn 모듈](https://docs.microsoft.com/learn/) - [학생 허브 리소스](https://docs.microsoft.com/learn/student-hub/) -- 학습자를 위한 [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) 권장 -- 추가 코스: 생성 AI, 데이터 과학, ML, IoT 커리큘럼 제공 +- 학습자 추천 도구: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) +- 추가 강좌: 생성 AI, 데이터 사이언스, ML, IoT 커리큘럼 제공 -### 개별 프로젝트 작업 +### Working with Specific Projects -각 프로젝트별 자세한 지침은 다음 README 파일 참조: -- `quiz-app/README.md` - Vue 3 퀴즈 애플리케이션 -- `7-bank-project/README.md` - 인증 기능이 있는 은행 앱 +각 프로젝트별 자세한 지침은 README 파일 참조: +- `quiz-app/README.md` - Vue 3 기반 퀴즈 앱 +- `7-bank-project/README.md` - 인증 기능 포함 뱅킹 앱 - `5-browser-extension/README.md` - 브라우저 확장 개발 - `6-space-game/README.md` - 캔버스 기반 게임 개발 -- `9-chat-project/README.md` - AI 채팅 어시스턴트 프로젝트 +- `9-chat-project/README.md` - AI 채팅 도우미 프로젝트 -### 모노레포 구조 +### Monorepo Structure 전통적인 모노레포는 아니지만 여러 독립 프로젝트 포함: -- 각 수업/프로젝트는 독립적임 +- 각 수업은 자립형 - 프로젝트 간 의존성 공유 없음 -- 개별 프로젝트 작업 시 타 프로젝트 영향 없음 -- 전체 커리큘럼 체험 위해 전체 저장소 클론 권장 +- 개별 프로젝트 작업 시 다른 프로젝트에 영향 없음 +- 전체 커리큘럼을 위해 저장소 전체 클론 가능 --- **면책 조항**: -이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있지만, 자동 번역에는 오류나 부정확성이 포함될 수 있음을 유의하시기 바랍니다. 원본 문서는 해당 언어로 된 원문이 권위 있는 출처로 간주되어야 합니다. 중요 정보의 경우 전문적인 인간 번역을 권장합니다. 이 번역 사용으로 인해 발생하는 모든 오해나 오역에 대해 당사는 책임을 지지 않습니다. +이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있으나, 자동 번역에는 오류나 부정확성이 있을 수 있음을 유의하시기 바랍니다. 원문 문서가 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우 전문적인 인간 번역을 권장합니다. 본 번역문 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. \ No newline at end of file diff --git a/translations/ko/README.md b/translations/ko/README.md index a70c8758cd..5a7d83ed4c 100644 --- a/translations/ko/README.md +++ b/translations/ko/README.md @@ -12,16 +12,16 @@ # 초보자를 위한 웹 개발 - 커리큘럼 -Microsoft Cloud Advocates가 제공하는 12주간의 종합 과정으로 웹 개발의 기본을 배워보세요. 24개의 각 레슨은 테라리움, 브라우저 확장, 우주 게임과 같은 실습 프로젝트를 통해 JavaScript, CSS 및 HTML을 심도 있게 다룹니다. 퀴즈, 토론, 실습 과제를 통해 참여하고 학습하세요. 효과적인 프로젝트 기반 교육법으로 기술을 향상시키고 지식 습득을 최적화하세요. 지금 코딩 여정을 시작하세요! +Microsoft Cloud Advocates가 제공하는 12주간의 종합 과정으로 웹 개발의 기본을 배우세요. 24개의 각 레슨에서는 테라리움, 브라우저 확장 프로그램, 우주 게임과 같은 실습 프로젝트를 통해 JavaScript, CSS, HTML을 깊이 있게 다룹니다. 퀴즈, 토론, 실습 과제로 참여하세요. 효과적인 프로젝트 기반 학습법으로 기술을 향상시키고 지식 유지력을 최적화하세요. 오늘부터 코딩 여정을 시작하세요! -Azure AI Foundry Discord 커뮤니티에 참여하세요 +Azure AI Foundry Discord에 참여하여 전문가 및 다른 개발자들과 만날 수 있습니다. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -이 리소스를 사용해 시작하려면 다음 단계를 따르세요: -1. **저장소 포크하기**: 클릭 [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **저장소 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord에 가입하여 전문가 및 동료 개발자 만나기**](https://discord.com/invite/ByRwuEEgH4) +다음 단계에 따라 이 자료를 사용해 시작하세요: +1. **리포지토리 포크하기**: 클릭 [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **리포지토리 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord에 참여하여 전문가 및 다른 개발자와 만나기**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 다국어 지원 @@ -30,9 +30,9 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요 [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) | [Khmer](../km/README.md) | [Korean](./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](../es/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) -> **로컬에서 클론하는 것을 선호하시나요?** +> **로컬로 클론하는 것을 선호하시나요?** > -> 이 저장소는 50개 이상의 언어 번역본을 포함하고 있어서 다운로드 크기가 상당히 큽니다. 번역 없이 클론하려면 sparse checkout을 사용하세요: +> 이 리포지토리에는 50개 이상의 언어 번역이 포함되어 있어 다운로드 크기가 크게 증가합니다. 번역 없이 클론하려면 스파스 체크아웃을 사용하세요: > > **Bash / macOS / Linux:** > ```bash @@ -48,41 +48,42 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요 > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> 이렇게 하면 더 빠른 다운로드로 코스를 완료하는 데 필요한 모든 것을 얻을 수 있습니다. +> 이렇게 하면 훨씬 빠른 다운로드로 코스를 완료하는 데 필요한 모든 것을 얻을 수 있습니다. -**추가 지원 희망 언어는 [여기](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)에서 확인하세요** +**추가 번역을 원하시면, 지원되는 언어 목록은 [여기](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)에서 확인하세요.** [![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) #### 🧑‍🎓 _학생이신가요?_ -초보자용 자료, 학생 팩, 무료 수료증 바우처를 받을 수 있는 방법이 마련된 [**학생 허브 페이지**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)를 방문하세요. 이 페이지는 매월 콘텐츠가 교체되므로 즐겨찾기해 두고 가끔 확인하는 것이 좋습니다. +초보자 자료, 학생 팩, 무료 인증서 바우처 받는 방법 등 다양한 자료가 있는 [**학생 허브 페이지**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)를 방문하세요. 콘텐츠가 매월 교체되니 이 페이지를 북마크해두고 수시로 확인하세요. -### 📣 공지 - 완수 가능한 새 GitHub Copilot Agent 모드 챌린지! +### 📣 공지 - 완료해야 할 새로운 GitHub Copilot Agent 모드 챌린지! -새로운 챌린지가 추가되었습니다, 대부분의 챕터에서 "GitHub Copilot Agent Challenge 🚀"를 찾아보세요. GitHub Copilot과 Agent 모드를 사용해 완수할 수 있는 새로운 도전입니다. 이전에 Agent 모드를 사용해 본 적 없다면 텍스트 생성뿐 아니라 파일 생성 및 편집, 명령 실행 등이 가능한 기능입니다. +각 장에서 "GitHub Copilot Agent Challenge 🚀"라는 새 챌린지가 추가되었습니다. GitHub Copilot과 Agent 모드를 사용하여 완료할 수 있습니다. Agent 모드를 처음 사용하는 경우 텍스트 생성뿐 아니라 파일 생성 및 편집, 명령 실행 등도 가능합니다. -### 📣 공지 - _생성 AI를 이용한 새 프로젝트_ +### 📣 공지 - _생성형 AI를 활용한 새 프로젝트_ -새 AI 어시스턴트 프로젝트가 추가되었습니다. 확인해보세요 [프로젝트](./9-chat-project/README.md) +새로운 AI 어시스턴트 프로젝트가 방금 추가되었습니다. [프로젝트](./9-chat-project/README.md)를 확인하세요. -### 📣 공지 - _JavaScript 생성 AI에 관한 새 커리큘럼_ 출시 +### 📣 공지 - _JavaScript용 생성형 AI_로 새 커리큘럼 출시 -새로운 생성 AI 커리큘럼을 놓치지 마세요! +새 생성형 AI 커리큘럼을 놓치지 마세요! 시작하려면 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)를 방문하세요! ![Background](../../translated_images/ko/background.148a8d43afde5730.webp) -- 기초부터 RAG까지 모든 내용을 다루는 레슨 -- GenAI와 동반 앱을 사용해 역사적 인물과 상호작용 -- 재미있고 흥미진진한 내러티브, 시간 여행도 하게 됩니다! +- 입문부터 RAG까지 모든 내용을 다룸. +- GenAI와 동반 앱을 이용해 역사적 인물과 상호작용 가능. +- 재미있고 몰입도 높은 스토리텔링으로 시간 여행 체험! ![character](../../translated_images/ko/character.5c0dd8e067ffd693.webp) -각 레슨에는 과제, 지식 점검, 그리고 다음과 같은 주제 학습을 안내하는 챌린지가 포함되어 있습니다: -- 프롬프트 작성 및 프롬프트 엔지니어링 + +각 레슨에는 완성할 과제, 지식 점검, 도전 과제가 포함되어 있어 다음 주제들을 안내합니다: +- 프롬프트 및 프롬프트 엔지니어링 - 텍스트 및 이미지 앱 생성 - 검색 앱 @@ -92,129 +93,130 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요 ## 🌱 시작하기 -> 교사분들, 이 커리큘럼을 사용하는 방법에 대한 [몇 가지 제안](for-teachers.md)을 포함했습니다. 의견은 [우리 토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)에서 들려주세요! +> 교사분들께, 이 커리큘럼을 사용하는 방법에 대한 [일부 제안](for-teachers.md)을 포함했습니다. [토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)에서 여러분의 피드백을 기다립니다! -**[학습자님들](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, 각 레슨에서는 사전 퀴즈로 시작하여 강의 자료를 읽고 여러 활동을 완료하며 강의 이후 퀴즈로 이해도를 확인하세요. +**[학습자분들](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, 각 레슨마다 사전 강의 퀴즈로 시작하고 강의 자료를 읽은 다음 다양한 활동을 완료하고 사후 강의 퀴즈로 이해도를 확인하세요. -학습 효과를 높이려면 동료 학습자와 함께 프로젝트를 진행하고 토론하세요! [토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)에서 토론이 활발히 권장되며, 모더레이터 팀이 질문에 응답할 준비가 되어 있습니다. +학습 경험을 향상하려면 동료들과 함께 프로젝트를 진행하며 교류하세요! [토론 포럼](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)에서 토론을 장려하며, 우리 모더레이터 팀이 질문에 답변해드립니다. -더 깊은 학습을 위해 추가 학습 자료를 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)에서 살펴보시길 강력히 추천합니다. +더 깊이 있는 학습을 위해 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)을 탐색하는 것을 강력히 추천합니다. ### 📋 개발 환경 설정 -이 커리큘럼은 이미 개발 환경이 준비되어 있습니다! 시작할 때 [Codespace](https://github.com/features/codespaces/)(_브라우저 기반 설치 불필요 환경_)에서 실행하거나, 로컬 컴퓨터에서 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 같은 텍스트 편집기를 사용해 진행할 수 있습니다. +이 커리큘럼은 바로 사용할 수 있는 개발 환경을 제공합니다! 시작할 때는 설치가 필요 없는 브라우저 기반 환경인 [Codespace](https://github.com/features/codespaces/)에서 실행하거나, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 같은 텍스트 편집기를 사용해 로컬에서 실행할 수 있습니다. -#### 저장소 생성하기 -작업 내용을 쉽게 저장하려면 이 저장소의 자신의 복사본을 만드는 것이 권장됩니다. 페이지 상단의 **Use this template** 버튼을 클릭하면 커리큘럼 복사본이 포함된 새 저장소가 GitHub 계정에 생성됩니다. +#### 리포지토리 생성하기 +작업을 쉽게 저장하려면 이 리포지토리의 사본을 만드는 것이 권장됩니다. 페이지 상단의 **Use this template** 버튼을 클릭하면 GitHub 계정에 커리큘럼 복사본이 포함된 새 리포지토리를 만들 수 있습니다. -단계는 다음과 같습니다: -1. **저장소 포크하기**: 이 페이지 우측 상단의 "Fork" 버튼을 클릭하세요. -2. **저장소 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +절차: +1. **리포지토리 포크하기**: 이 페이지 우측 상단의 "Fork" 버튼을 클릭하세요. +2. **리포지토리 클론하기**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Codespace에서 커리큘럼 실행하기 -생성한 저장소 복사본에서 **Code** 버튼을 클릭한 후 Open with Codespaces를 선택하세요. 그러면 작업할 새로운 Codespace가 생성됩니다. +생성한 리포지토리 복사본에서 **Code** 버튼을 클릭하고 Open with Codespaces를 선택하세요. 새 Codespace가 생성되어 작업할 수 있습니다. ![Codespace](../../translated_images/ko/createcodespace.0238bbf4d7a8d955.webp) -#### 로컬 컴퓨터에서 커리큘럼 실행하기 +#### 컴퓨터에서 로컬로 커리큘럼 실행하기 -로컬 컴퓨터에서 이 커리큘럼을 실행하려면 텍스트 편집기, 브라우저, 명령줄 도구가 필요합니다. 첫 레슨인 [프로그래밍 언어 및 도구 소개](../../1-getting-started-lessons/1-intro-to-programming-languages)에서 각 도구별 다양한 옵션을 안내하니 자신에게 가장 알맞은 것을 선택하세요. +로컬 환경에서 실행하려면 텍스트 편집기, 브라우저, 명령줄 도구가 필요합니다. 첫 수업인 [프로그래밍 언어 및 도구 소개](../../1-getting-started-lessons/1-intro-to-programming-languages)에서 각각에 대해 선택할 수 있는 다양한 옵션을 안내합니다. -추천 텍스트 편집기는 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)로, 내장 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)도 함께 제공합니다. Visual Studio Code는 [여기](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)에서 다운로드할 수 있습니다. -1. 컴퓨터에 저장소를 복제하세요. **Code** 버튼을 클릭하고 URL을 복사하여 할 수 있습니다: +추천 편집기는 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)입니다. 내장된 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)도 포함되어 있습니다. Visual Studio Code는 [여기](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)에서 다운로드할 수 있습니다. +1. 리포지토리를 컴퓨터에 클론하세요. **Code** 버튼을 클릭하고 URL을 복사하면 됩니다: [CodeSpace](./images/createcodespace.png) - 그런 다음 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 내에서 [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)을 열고, 방금 복사한 URL을 `` 대신 사용하여 다음 명령어를 실행하세요: + 그런 다음, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 내에서 [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)을 열고, 방금 복사한 URL을 ``에 대체하여 아래 명령어를 실행하세요: ```bash git clone ``` -2. Visual Studio Code에서 폴더를 엽니다. **File** > Open Folder를 클릭하고 방금 복제한 폴더를 선택하면 됩니다. +2. Visual Studio Code에서 폴더를 여세요. **File** > Open Folder를 클릭한 후 방금 클론한 폴더를 선택하면 됩니다. -> 추천하는 Visual Studio Code 확장 기능: +> 추천하는 Visual Studio Code 확장 프로그램: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code 내에서 HTML 페이지를 미리 보기 위해 -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 코드 작성 속도를 높이기 위해 +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 코드를 더 빠르게 작성하는 데 도움을 줌 ## 📂 각 강의에는 다음이 포함됩니다: - 선택적 스케치노트 -- 선택적 보충 영상 +- 선택적 보조 영상 - 수업 전 워밍업 퀴즈 -- 서면 강의 -- 프로젝트 기반 강의의 경우 단계별 프로젝트 구축 안내 -- 개념 점검 -- 도전 과제 -- 추가 읽기 자료 +- 강의 본문 +- 프로젝트 기반 강의의 경우, 프로젝트 구축 단계별 가이드 +- 지식 확인 +- 챌린지 +- 보조 읽기 자료 - 과제 - [수업 후 퀴즈](https://ff-quizzes.netlify.app/web/) -> **퀴즈에 대한 참고:** 모든 퀴즈는 Quiz-app 폴더에 포함되어 있으며, 총 48개의 퀴즈로 각 퀴즈는 세 문제로 구성되어 있습니다. 퀴즈는 [여기](https://ff-quizzes.netlify.app/web/)에서 이용할 수 있으며, 퀴즈 앱은 로컬에서 실행하거나 Azure에 배포할 수 있습니다; `quiz-app` 폴더 내 지침을 따르세요. +> **퀴즈에 관한 참고:** 모든 퀴즈는 Quiz-app 폴더에 포함되어 있으며, 각 3문항씩 총 48개 퀴즈가 있습니다. [여기](https://ff-quizzes.netlify.app/web/)에서 이용 가능하며, 퀴즈 앱은 로컬에서 실행하거나 Azure에 배포할 수 있습니다; `quiz-app` 폴더의 지침을 따르세요. ## 🗃️ 강의 목록 -| | 프로젝트 이름 | 가르치는 개념 | 학습 목표 | 연계 강의 | 저자 | -| :-: | :------------------------------------------------------: | :------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------: | :-------------------: | -| 01 | 시작하기 | 프로그래밍 소개 및 도구 기초 | 대부분의 프로그래밍 언어의 기본 개념과 전문 개발자가 업무에 사용하는 소프트웨어에 대해 배우기 | [프로그래밍 언어 및 도구 소개](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | 시작하기 | GitHub 기초, 팀과 협업하기 | 프로젝트에서 GitHub 사용법과 코드 기반에서 다른 사람과 협업하는 방법 | [GitHub 소개](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | 시작하기 | 접근성 | 웹 접근성의 기본을 배우기 | [접근성 기초](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS 기초 | JavaScript 데이터 타입 | JavaScript 데이터 타입의 기초 | [데이터 타입](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS 기초 | 함수와 메서드 | 애플리케이션의 논리 흐름을 관리하는 함수와 메서드에 대해 배우기 | [함수와 메서드](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS 기초 | JS로 의사결정 만들기 | 조건문을 만들어 코드에서 의사결정을 구현하는 방법 배우기 | [의사결정 만들기](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS 기초 | 배열과 반복문 | JavaScript에서 배열과 반복문을 사용해 데이터를 다루기 | [배열과 반복문](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [테라리움](./3-terrarium/solution/README.md) | HTML 실습 | 온라인 테라리움을 만드는 HTML 레이아웃 구축에 집중 | [HTML 소개](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [테라리움](./3-terrarium/solution/README.md) | CSS 실습 | 온라인 테라리움을 스타일링하는 CSS 구축, 반응형 페이지 만들기 기본 포함 | [CSS 소개](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [테라리움](./3-terrarium/solution/README.md) | JavaScript 클로저, DOM 조작 | 드래그/드롭 인터페이스 기능을 구현하는 자바스크립트 작성, 클로저와 DOM 조작 집중 | [JavaScript 클로저, DOM 조작](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [타자 게임](./4-typing-game/solution/README.md) | 타자 게임 만들기 | 키보드 이벤트를 사용하여 자바스크립트 앱의 논리를 구동하는 방법 | [이벤트 기반 프로그래밍](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저 작동 원리 | 브라우저 작동 원리와 역사, 브라우저 확장 첫 요소 스캐폴딩 방법 배우기 | [브라우저에 관하여](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | API 호출, 폼 만들기, 로컬 스토리지에 변수 저장 | 브라우저 확장의 자바스크립트 요소를 구축해 API 호출 및 로컬 스토리지 변수 사용 | [API, 폼 및 로컬 스토리지](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저 백그라운드 프로세스, 웹 성능 | 확장 아이콘 관리를 위한 브라우저 백그라운드 프로세스 사용법, 웹 성능 및 최적화 기술 학습 | [백그라운드 작업 및 성능](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [우주 게임](./6-space-game/solution/README.md) | 자바스크립트 고급 게임 개발 | 클래스 및 컴포지션을 이용한 상속, Pub/Sub 패턴 학습, 게임 개발 준비 | [고급 게임 개발 소개](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [우주 게임](./6-space-game/solution/README.md) | 캔버스에 그리기 | 요소를 화면에 그릴 때 사용하는 Canvas API 학습 | [캔버스에 그리기](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [우주 게임](./6-space-game/solution/README.md) | 화면 상에서 요소 움직이기 | 카르테시안 좌표와 Canvas API를 통해 요소에 움직임 부여하는 법 배우기 | [요소 움직이기](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [우주 게임](./6-space-game/solution/README.md) | 충돌 감지 | 요소 간 충돌 및 반응 구현, 쿨다운 함수로 게임 성능 보장 | [충돌 감지](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [우주 게임](./6-space-game/solution/README.md) | 점수 관리 | 게임 상태와 성과를 기반으로 수학적 계산 수행 | [점수 관리](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [우주 게임](./6-space-game/solution/README.md) | 게임 종료 및 재시작 | 게임 종료 및 재시작 방법, 자원 정리, 변수 초기화 방법 배우기 | [종료 조건](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [뱅킹 앱](./7-bank-project/solution/README.md) | 웹 앱의 HTML 템플릿과 라우트 | 라우팅과 HTML 템플릿을 사용해 다중 페이지 웹사이트 아키텍처 골격 만들기 | [HTML 템플릿과 라우트](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [뱅킹 앱](./7-bank-project/solution/README.md) | 로그인 및 회원가입 폼 만들기 | 폼 작성과 검증 루틴 처리 방식 배우기 | [폼](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [뱅킹 앱](./7-bank-project/solution/README.md) | 데이터 가져오기 및 사용 방법 | 앱 내 데이터 흐름, 데이터 페치, 저장 및 폐기 방법 | [데이터](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [뱅킹 앱](./7-bank-project/solution/README.md) | 상태 관리 개념 | 앱의 상태 유지 방법과 상태 프로그래밍적 관리법 | [상태 관리](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [브라우저/VScode 코드](../../8-code-editor) | VScode 사용하기 | 코드 편집기 사용법 배우기| [VScode 코드 편집기 사용](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI 어시스턴트](./9-chat-project/README.md) | AI 작업하기 | 나만의 AI 어시스턴트 만들기 | [AI 어시스턴트 프로젝트](./9-chat-project/README.md) | Chris | +| | 프로젝트명 | 학습 개념 | 학습 목표 | 연결된 강의 | 저자 | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | 시작하기 | 프로그래밍과 도구 입문 | 대부분 프로그래밍 언어의 기본 개념과 전문 개발자를 돕는 소프트웨어에 대해 학습 | [프로그래밍 언어 및 도구 입문](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | 시작하기 | GitHub 기초, 팀 작업 포함 | 프로젝트에서 GitHub 사용법 및 코드베이스 협업 방법 | [GitHub 입문](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | 시작하기 | 접근성 | 웹 접근성 기초 학습 | [접근성 기본](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS 기초 | 자바스크립트 데이터 타입 | 자바스크립트 데이터 타입 기초 | [데이터 타입](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS 기초 | 함수와 메서드 | 애플리케이션 로직 흐름 관리 함수와 메서드에 대해 학습 | [함수와 메서드](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS 기초 | JS로 조건 만들기 | 조건문 사용법과 의사 결정 방법 학습 | [의사 결정](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS 기초 | 배열과 반복문 | 자바스크립트 배열과 반복문을 통한 데이터 처리 | [배열과 반복문](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [테라리움](./3-terrarium/solution/README.md) | HTML 실습 | 온라인 테라리움 레이아웃을 만드는 HTML 구축 | [HTML 입문](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [테라리움](./3-terrarium/solution/README.md) | CSS 실습 | 온라인 테라리움 스타일링을 위한 CSS 구축, 반응형 페이지 만들기 포함 | [CSS 입문](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [테라리움](./3-terrarium/solution/README.md) | 자바스크립트 클로저, DOM 조작 | 드래그 앤 드롭 인터페이스로 작동하는 테라리움 자바스크립트 구축 | [자바스크립트 클로저, DOM 조작](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [타자 게임](./4-typing-game/solution/README.md) | 타자 게임 만들기 | 키보드 이벤트를 사용한 자바스크립트 앱 로직 구동 학습 | [이벤트 기반 프로그래밍](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저 작동 방식 | 브라우저 작동 원리, 역사 및 첫 브라우저 확장 요소 스캐폴딩 학습 | [브라우저 소개](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | API 호출, 폼 작성, 로컬 스토리지 변수 저장 | 변수를 로컬 스토리지에 저장하여 API 호출하는 브라우저 확장 자바스크립트 작성 | [API, 폼 및 로컬 스토리지](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [그린 브라우저 확장](./5-browser-extension/solution/README.md) | 브라우저 백그라운드 프로세스, 웹 성능 | 확장 아이콘 관리 위한 브라우저 백그라운드 프로세스 사용; 웹 성능 최적화 및 관련 개념 학습 | [백그라운드 작업 및 성능](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [우주 게임](./6-space-game/solution/README.md) | 더 고급 자바스크립트 게임 개발 | 클래스와 컴포지션을 이용한 상속, 퍼블리셔/구독자 패턴 학습, 게임 개발 준비 | [고급 게임 개발 입문](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [우주 게임](./6-space-game/solution/README.md) | 캔버스에 그리기 | 화면 요소를 그리기 위한 Canvas API 학습 | [캔버스에 그리기](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [우주 게임](./6-space-game/solution/README.md) | 화면 요소 이동 | 데카르트 좌표와 Canvas API를 사용한 요소 이동 방법 발견 | [요소 이동](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [우주 게임](./6-space-game/solution/README.md) | 충돌 감지 | 키 입력을 이용한 요소 충돌 및 반응 구현, 게임 성능 위한 쿨다운 함수 제공 | [충돌 감지](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [우주 게임](./6-space-game/solution/README.md) | 점수 계산 | 게임 상태 및 성능 기반 수학 계산 수행 | [점수 계산](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [우주 게임](./6-space-game/solution/README.md) | 게임 종료 및 재시작 | 게임 종료 및 재시작 방법, 자원 정리 및 변수 초기화 학습 | [종료 조건](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [뱅킹 앱](./7-bank-project/solution/README.md) | 웹 앱의 HTML 템플릿 및 라우팅 | 라우팅과 HTML 템플릿을 이용하여 다중 페이지 웹 사이트 구조 구축 | [HTML 템플릿과 라우팅](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [뱅킹 앱](./7-bank-project/solution/README.md) | 로그인 및 회원가입 폼 만들기 | 폼 작성 및 유효성 검사 처리 학습 | [폼](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [뱅킹 앱](./7-bank-project/solution/README.md) | 데이터 페치 및 사용 방법 | 앱 내 데이터 흐름, 데이터를 가져오고 저장하고 폐기하는 방법 | [데이터](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [뱅킹 앱](./7-bank-project/solution/README.md) | 상태 관리 개념 | 앱 상태 유지 및 프로그래밍 방식의 상태 관리 학습 | [상태 관리](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [브라우저/VS코드 코드](../../8-code-editor) | VS코드 사용법 | 코드 에디터 사용법을 배우세요 | [VS코드 코드 에디터 사용](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI 어시스턴트](./9-chat-project/README.md) | AI 활용 | 나만의 AI 어시스턴트 만들기 학습 | [AI 어시스턴트 프로젝트](./9-chat-project/README.md) | Chris | ## 🏫 교수법 -우리 커리큘럼은 두 가지 핵심 교수 원칙에 기반하여 설계되었습니다: +본 커리큘럼은 두 가지 핵심 교수 원칙을 기반으로 설계되었습니다: * 프로젝트 기반 학습 * 빈번한 퀴즈 -본 프로그램은 JavaScript, HTML, CSS의 기본 원리와 최신 웹 개발자들이 사용하는 도구 및 기술을 가르칩니다. 학생들은 타자 게임, 가상 테라리움, 친환경 브라우저 확장, 우주 침입자 스타일 게임, 그리고 기업용 뱅킹 앱을 만들어 실습 경험을 쌓게 됩니다. 시리즈가 끝날 때쯤 학생들은 웹 개발에 대한 탄탄한 이해를 갖추게 됩니다. +본 프로그램은 JavaScript, HTML, CSS의 기초와 현재 웹 개발자들이 사용하는 최신 도구 및 기법을 가르칩니다. 학생들은 타자 게임, 가상 테라리움, 친환경 브라우저 확장, 우주 침입자 스타일 게임, 기업용 뱅킹 앱 구축을 통해 실무 경험을 쌓을 기회를 얻게 됩니다. 쌓아온 경험을 통해 수업이 끝날 무렵 웹 개발에 대한 탄탄한 이해를 갖추게 됩니다. + +> 🎓 이 커리큘럼의 처음 몇 강의는 Microsoft Learn에서 [학습 경로](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)로 수강할 수 있습니다! -> 🎓 이 커리큘럼의 초기 몇 강의를 Microsoft Learn의 [학습 경로](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)로도 들을 수 있습니다! +콘텐츠가 프로젝트와 잘 연계되어 있어 학습 대상자의 참여도가 높아지고 개념의 이해와 기억이 향상됩니다. 또한 JavaScript 기초 개념을 소개하는 몇몇 스타터 강의와 “[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” 영상 시리즈의 영상도 함께 제공합니다. 일부 저자들이 본 커리큘럼 제작에 기여했습니다. -프로젝트와 콘텐츠를 연계하여 학생들의 참여도를 높이고 개념의 유지력을 강화합니다. 자바스크립트 기본 개념을 소개하는 여러 시작 강의를 작성했고, 영상 강의 컬렉션 "[JavaScript 초보자 시리즈](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"의 영상도 함께 제공합니다. 해당 컬렉션 저자가 일부 커리큘럼 작업에 참여했습니다. +수업 전 간단한 퀴즈는 학생의 주제 학습 의도를 설정하고, 수업 후 두 번째 퀴즈는 개념의 지속적 이해를 돕습니다. 본 커리큘럼은 유연하고 재미있도록 설계되어 있으며 전체 또는 부분적으로 수강할 수 있습니다. 프로젝트는 작게 시작해 12주 과정이 끝날 때 점진적으로 난이도가 높아집니다. -또한 수업 전 저강도 퀴즈는 학습 의도를 세우고, 수업 후 퀴즈는 개념 유지에 도움을 줍니다. 본 커리큘럼은 유연하고 재미있게 학습할 수 있도록 설계되었으며, 전부 또는 일부만 수강해도 됩니다. 프로젝트들은 처음에 작게 시작해 12주 주기 말에 갈수록 복잡해집니다. +의도적으로 JavaScript 프레임워크 도입을 피하여 웹 개발자로서 필요한 기본 스킬에 집중했으며, 커리큘럼 완료 후 좋은 다음 단계는 “[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)” 영상 시리즈를 통해 Node.js를 배우는 것입니다. -웹 개발자로서 프레임워크 사용 전 필요한 기본기를 집중할 수 있도록, 일부러 자바스크립트 프레임워크 도입은 피했습니다. 이후 진행해야 할 좋은 다음 단계는 "[Node.js 초보자 시리즈](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" 영상 컬렉션을 통해 Node.js를 배우는 것입니다. +> [행동 강령](CODE_OF_CONDUCT.md) 및 [기여 안내](CONTRIBUTING.md)를 참조하세요. 건설적인 피드백을 환영합니다! -> 우리의 [행동 강령](CODE_OF_CONDUCT.md) 및 [기여 가이드](CONTRIBUTING.md)를 방문해 주세요. 건설적인 피드백을 환영합니다! -## 🧭 오프라인 접속 +## 🧭 오프라인 접근 -[Docsify](https://docsify.js.org/#/)를 사용하면 이 문서를 오프라인에서 실행할 수 있습니다. 리포를 포크하고, 로컬 컴퓨터에 [Docsify 설치](https://docsify.js.org/#/quickstart) 후, 이 리포의 루트 폴더에서 `docsify serve`를 입력하세요. 웹사이트는 포트 3000에서 localhost로 서비스됩니다: `localhost:3000`. +[Docsify](https://docsify.js.org/#/)를 사용하면 이 문서를 오프라인에서 실행할 수 있습니다. 이 리포지토리를 포크하고, 로컬 머신에 [Docsify 설치](https://docsify.js.org/#/quickstart) 후, 이 리포지토리 루트 폴더에서 `docsify serve`를 입력하세요. 웹 사이트가 로컬호스트 3000번 포트에서 서비스됩니다: `localhost:3000`. ## 📘 PDF 모든 강의의 PDF는 [여기](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)에서 확인할 수 있습니다. -## 🎒 다른 강의 +## 🎒 기타 강좌 -저희 팀은 다른 강의도 제작합니다! 확인해 보세요: +우리 팀은 다른 강좌도 제작합니다! 확인해 보세요: ### LangChain @@ -239,7 +241,7 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요 --- -### 핵심 학습 +### 기본 학습 [![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) @@ -250,15 +252,15 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요 --- -### 코파일럿 시리즈 +### 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) -## 도움받기 +## 도움 받기 -AI 앱 개발 중 막히거나 질문이 있으면 MCP에 관한 토론에 참여하세요. 질문이 환영받고 지식이 자유롭게 공유되는 지원 커뮤니티입니다. +AI 앱 개발 중 막히거나 질문이 있으면 MCP에 대해 함께 배우는 학습자 및 숙련 개발자들과 토론에 참여하세요. 질문이 환영받고 지식이 자유롭게 공유되는 지원 커뮤니티입니다. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) @@ -268,11 +270,11 @@ AI 앱 개발 중 막히거나 질문이 있으면 MCP에 관한 토론에 참 ## 라이선스 -이 저장소는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 [LICENSE](../../LICENSE) 파일을 참조하세요. +이 저장소는 MIT 라이선스 하에 허가되었습니다. 자세한 내용은 [LICENSE](../../LICENSE) 파일을 참조하세요. --- -**면책 조항**: -이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있으나, 자동 번역에는 오류나 부정확성이 있을 수 있음을 유의하시기 바랍니다. 원본 문서의 원어 버전이 가장 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우, 전문적인 인간 번역을 권장합니다. 본 번역 사용으로 발생하는 오해나 오해석에 대해 당사는 책임을 지지 않습니다. +**면책 조항**: +이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있지만, 자동 번역에는 오류나 부정확한 부분이 있을 수 있습니다. 원본 문서의 원어 버전을 권위 있는 출처로 간주해야 합니다. 중요한 정보에 대해서는 전문적인 인간 번역을 권장합니다. 이 번역 사용으로 인한 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. \ No newline at end of file diff --git a/translations/ko/lesson-template/README.md b/translations/ko/lesson-template/README.md index f6ac186897..a7532f56b6 100644 --- a/translations/ko/lesson-template/README.md +++ b/translations/ko/lesson-template/README.md @@ -1,54 +1,79 @@ -# [강의 주제] +# 수업 주제 -![여기에 비디오 삽입](../../../lesson-template/video-url) +## 🎥 비디오 -## [강의 전 퀴즈](../../../lesson-template/quiz-url) +> 여기에 삽입된 비디오 또는 수업 링크를 추가하세요. -[배울 내용 설명] +--- + +## 강의 전 퀴즈 + +> 사용 가능할 때 여기에 퀴즈 링크를 추가하세요. + +--- + +학생들이 이번 수업에서 배우게 될 내용을 간략하게 소개하세요. + +--- ### 소개 -다룰 내용에 대해 설명합니다. +이번 수업에서 다룰 내용을 간단히 설명하는 소개문을 작성하세요. -> 노트 +> 참고사항 -### 선수 지식 +--- -이 강의를 듣기 전에 완료해야 할 단계는 무엇인가요? +### 사전 지식 + +이번 수업을 시작하기 전에 학생들이 이미 알고 있어야 할 개념이나 주제를 나열하세요. + +--- ### 준비 -이 강의를 시작하기 위한 준비 단계 +수업을 시작하기 전에 필요한 설정 절차나 도구를 나열하세요. --- -[내용을 블록으로 나누어 진행] +### 내용 + +구조화된 섹션으로 수업 내용을 단계별로 진행하세요. -## [주제 1] +--- + +## 주제 1 -### 작업: +### 과제: -코드베이스를 점진적으로 개선하여 공유 코드를 사용해 프로젝트를 구축하세요: +프로젝트를 공유 코드로 빌드할 수 있도록 코드베이스를 점진적으로 향상시키기 위해 협력하세요: ```html code blocks ``` -✅ 지식 점검 - 학생들의 지식을 확장할 수 있는 열린 질문을 활용하세요. +✅ 지식 확인 +학생들의 지식을 확장할 수 있는 개방형 질문을 이 시점에 활용하세요. -## [주제 2] +## 주제 2 +## 주제 3 -## [주제 3] +🚀 챌린지 +학생들이 프로젝트를 향상시키는 공동 챌린지를 추가하세요. -🚀 도전 과제: 학생들이 수업 중 협력하여 프로젝트를 개선할 수 있는 도전 과제를 추가하세요. +선택 사항: 적절하다면 완료된 수업 UI의 스크린샷을 추가하세요. -선택 사항: 적절하다면 완료된 강의의 UI 스크린샷을 추가하세요. +## 강의 후 퀴즈 -## [강의 후 퀴즈](../../../lesson-template/quiz-url) +수업 완료 후 여기에 퀴즈 링크를 추가하세요. -## 복습 및 자기 학습 +## 복습 및 자기 주도 학습 -**과제 제출 기한 [MM/YY]**: [과제 이름](assignment.md) +**과제 제출 마감 [MM/YY]**: [과제명](assignment.md) + +--- + **면책 조항**: -이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있지만, 자동 번역에는 오류나 부정확성이 포함될 수 있습니다. 원본 문서를 해당 언어로 작성된 상태에서 권위 있는 자료로 간주해야 합니다. 중요한 정보의 경우, 전문적인 인간 번역을 권장합니다. 이 번역 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. \ No newline at end of file +이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있으나, 자동 번역에는 오류나 부정확성이 포함될 수 있음을 양지해 주시기 바랍니다. 원문은 해당 언어의 원본 문서를 권위 있는 자료로 간주해야 합니다. 중요한 정보에 대해서는 전문적인 인간 번역을 권장합니다. 이 번역 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다. + \ No newline at end of file diff --git a/translations/lt/.co-op-translator.json b/translations/lt/.co-op-translator.json index e5bb83ac88..c5a7ca558b 100644 --- a/translations/lt/.co-op-translator.json +++ b/translations/lt/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:11:59+00:00", + "translation_date": "2026-04-24T13:05:20+00:00", "source_file": "AGENTS.md", "language_code": "lt" }, @@ -516,8 +516,8 @@ "language_code": "lt" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:48:22+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:59:53+00:00", "source_file": "README.md", "language_code": "lt" }, @@ -564,8 +564,8 @@ "language_code": "lt" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T11:48:08+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T13:00:06+00:00", "source_file": "lesson-template/README.md", "language_code": "lt" }, diff --git a/translations/lt/AGENTS.md b/translations/lt/AGENTS.md index a10046fa76..03c2cc2b8e 100644 --- a/translations/lt/AGENTS.md +++ b/translations/lt/AGENTS.md @@ -2,36 +2,36 @@ ## Projekto apžvalga -Tai yra švietimo programa skirta mokyti pradedančiuosius interneto kūrimo pagrindų. Programa yra išsami 12 savaičių kursų sistema, sukurta Microsoft Cloud Advocates komandos, apimanti 24 praktines pamokas apie JavaScript, CSS ir HTML. +Tai yra edukacinio mokymo programa, skirta mokyti pradedančiuosius internetinių svetainių kūrimo pagrindų. Programa yra išsami 12 savaičių trukmės kursas, sukurtas Microsoft Cloud Advocates komandos, apimantis 24 praktines pamokas, kuriose nagrinėjami JavaScript, CSS ir HTML. ### Pagrindinės sudedamosios dalys -- **Švietimo turinys**: 24 struktūruotos pamokos, suskirstytos į projektų modulius -- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosminis žaidimas, Banko programa, Kodo redaktorius ir AI pokalbių asistentas -- **Interaktyvūs testai**: 48 testai po 3 klausimus kiekviename (prieš ir po pamokų įvertinimai) -- **Daugiakalbė palaikymas**: Automatizuoti vertimai į 50+ kalbų naudojant GitHub Actions -- **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektams) +- **Mokomoji medžiaga**: 24 struktūruotos pamokos, suskirstytos į projektų modulėlius +- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosminis žaidimas, Banko programa, Kodo redaktorius ir DI pokalbių asistentas +- **Interaktyvūs testai**: 48 testai po 3 klausimus kiekviename (testavimas prieš ir po pamokos) +- **Daugiakalbė palaikymas**: Automatiniai vertimai į daugiau nei 50 kalbų naudojant GitHub Actions +- **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (DI projektams) ### Architektūra -- Švietimo saugykla su pamokomis pagrįsta struktūra -- Kiekvienos pamokos aplanke yra README, kodo pavyzdžiai ir sprendimai -- Atskiri projektai atskiruose kataloguose (quiz-app, įvairūs pamokų projektai) +- Edukacinis saugyklos turinys su pamokomis +- Kiekvienos pamokos aplanke yra README failas, kodo pavyzdžiai ir sprendimai +- Atskiri projektai į atskirus katalogus (quiz-app, įvairūs pamokų projektai) - Vertimo sistema naudojant GitHub Actions (co-op-translator) - Dokumentacija pateikiama per Docsify ir prieinama PDF formatu -## Diegimo komandos +## Setup komandos -Šis saugykla yra skirta pirminiam švietimo turinio vartojimui. Dirbant su konkrečiais projektais: +Ši saugykla daugiausiai skirta mokomosios medžiagos vartojimui. Darbui su konkrečiais projektais: -### Pagrindinės saugyklos paruošimas +### Pagrindinio saugyklos nustatymas ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Testų programėlės paruošimas (Vue 3 + Vite) +### Quiz App nustatymas (Vue 3 + Vite) ```bash cd quiz-app @@ -56,7 +56,7 @@ npm run format # Formatuoti su Prettier ```bash cd 5-browser-extension/solution npm install -# Vadovaukitės naršyklei būdingomis plėtinių įkėlimo instrukcijomis +# Vykdykite naršyklei būdingas plėtinių įkėlimo instrukcijas ``` ### Kosminio žaidimo projektai @@ -67,131 +67,131 @@ npm install # Atidarykite index.html naršyklėje arba naudokite Live Server ``` -### Pokalbių projektas (Python serveris) +### Pokalbių projekto (Python backend) nustatymas ```bash cd 9-chat-project/solution/backend/python pip install openai -# Nustatyti GITHUB_TOKEN aplinkos kintamąjį +# Nustatykite GITHUB_TOKEN aplinkos kintamąjį python api.py ``` -## Vystymo darbo eiga +## Kūrimo darbo eiga -### Turinį prisidedantiems +### Turinį kuriantiems -1. **Atšakokite saugyklą** į savo GitHub paskyrą -2. **Klonuokite savo atšaką** lokaliai +1. **Padalinkite saugyklą** į savo GitHub paskyrą +2. **Klonuokite savo fork** lokaliai 3. **Sukurkite naują šaką** savo pakeitimams -4. Atlikite turinio ar kodo pavyzdžių pakeitimus pamokose -5. Patikrinkite kodo pakeitimus atitinkamuose projekto kataloguose -6. Pateikite pull requests laikantis indėlio taisyklių +4. Redaguokite pamokų turinį arba kodo pavyzdžius +5. Testuokite kodo pakeitimus atitinkamuose projekto kataloguose +6. Pateikite pull requestus pagal indėlių taisykles -### Mokiniams +### Moksleiviams -1. Atšakokite arba klonuokite saugyklą -2. Eikite sekantiems pamokų katalogams paeiliui -3. Skaitykite kiekvienos pamokos README failus -4. Atlikite priešpamokinius testus https://ff-quizzes.netlify.app/web/ +1. Padalinkite arba klonuokite saugyklą +2. Sekite pamokų katalogus nuosekliai +3. Perskaitykite kiekvienos pamokos README failus +4. Atlikite priešpamokinius testus adresu https://ff-quizzes.netlify.app/web/ 5. Dirbkite su kodo pavyzdžiais pamokų aplankuose 6. Atlikite užduotis ir iššūkius -7. Atlikite pastraipinius testus +7. Atlikite pasapmokinius testus -### Tiesioginis vystymas +### Tiesioginė kūrimo eiga -- **Dokumentacija**: paleiskite `docsify serve` pagrindiniame kataloge (portas 3000) -- **Testų programėlė**: paleiskite `npm run dev` quiz-app kataloge -- **Projektai**: naudokite VS Code Live Server plėtinį HTML projektams -- **API projektai**: paleiskite `npm start` atitinkamuose API kataloguose +- **Dokumentacija**: Paleiskite `docsify serve` šakniniame kataloge (port 3000) +- **Quiz App**: Paleiskite `npm run dev` quiz-app kataloge +- **Projektai**: Naudokite VS Code Live Server plėtinį HTML projektams +- **API projektai**: Paleiskite `npm start` atitinkamuose API kataloguose ## Testavimo instrukcijos -### Testų programėlės testavimas +### Quiz App testavimas ```bash cd quiz-app npm run lint # Patikrinkite kodo stiliaus problemas -npm run build # Patikrinkite, ar statyba sėkminga +npm run build # Patikrinkite, ar paleidimas pavyksta ``` ### Banko API testavimas ```bash cd 7-bank-project/api -npm run lint # Patikrinti kodo stiliaus problemas -node server.js # Patvirtinti, kad serveris paleidžiamas be klaidų +npm run lint # Patikrinkite kodo stiliaus problemas +node server.js # Patikrinkite, ar serveris paleidžiamas be klaidų ``` -### Bendras testavimo metodas +### Bendras testavimo principas -- Tai švietimo saugykla be išsamios automatizuotos testavimo sistemos -- Rankinis testavimas orientuotas į: - - Kodo pavyzdžių vykdymą be klaidų - - Dokumentacijos nuorodų veikimą - - Projekto sėkmingą sudarymą - - Pavyzdžius atitinkančius gerąsias praktikas +- Tai yra mokomojo pobūdžio saugykla be išsamios automatizuotos testavimo sistemos +- Rankinis testavimas orientuojamas į: + - Kodo pavyzdžiai veikia be klaidų + - Nuorodos dokumentacijoje veikia teisingai + - Projekto sudarymas vyksta sėkmingai + - Pavyzdžiai atitinka geriausias praktikas -### Prieš pateikiant patikrinimus +### Patikrinimai prieš pateikiant - Paleiskite `npm run lint` kataloguose su package.json -- Patikrinkite markdown nuorodų galiojimą -- Testuokite kodo pavyzdžius naršyklėje arba Node.js aplinkoje -- Įsitikinkite, kad vertimai išlaiko tinkamą struktūrą +- Patikrinkite, ar markdown nuorodos yra galiojančios +- Testuokite kodo pavyzdžius naršyklėje ar Node.js aplinkoje +- Patikrinkite, ar vertimai išlaiko tinkamą struktūrą ## Kodo stiliaus gairės ### JavaScript -- Naudoti modernią ES6+ sintaksę -- Laikytis standartinių ESLint konfigūracijų projektuose -- Naudoti prasmingus kintamųjų ir funkcijų pavadinimus švietimui aiškinti -- Pridėti komentarus konceptų paaiškinimui mokiniams -- Formatuoti su Prettier, jei konfigūruota +- Naudokite modernią ES6+ sintaksę +- Laikykitės standartinių ESLint konfigūracijų projektuose +- Vartokite prasmingus kintamųjų ir funkcijų pavadinimus mokomam aiškumui +- Pridėkite komentarus, aiškinančius koncepcijas mokiniams +- Formatavimui naudokite Prettier, jei sukonfigūruota ### HTML/CSS -- Semantikos atitinkantys HTML5 elementai -- Reaguojantis dizainas -- Aiškios klasių pavadinimų konvencijos -- Komentarai CSS technikoms paaiškinti mokiniams +- Naudokite semantinį HTML5 žymėjimą +- Taikykite lanksčius dizaino principus +- Aiškių klasės pavadinimų sistemos +- Komentarai, paaiškinantys CSS technikas mokiniams ### Python -- PEP 8 stiliaus gairės -- Aiškūs, švietimui skirti kodo pavyzdžiai -- Tipo užuominos, jei padeda mokymuisi +- Laikykitės PEP 8 stiliaus gairių +- Aiškūs, mokomieji kodo pavyzdžiai +- Naudokite tipų užuominas mokymo tikslais ### Markdown dokumentacija - Aiški antraščių hierarchija - Kodo blokai su kalbos nurodymu -- Nuorodos į papildomus išteklius -- Ekrano kopijos ir paveikslėliai `images/` kataloguose -- Alternatyvus tekstas paveikslėliams, siekiant prieinamumo +- Nuorodos į papildomus šaltinius +- Ekrano nuotraukos ir vaizdai `images/` kataloguose +- Alt tekstai vaizdams dėl prieinamumo ### Failų organizavimas -- Pamokos su numeriais paeiliui (1-getting-started-lessons, 2-js-basics ir kt.) -- Kiekvienas projektas turi `solution/` ir dažnai `start/` arba `your-work/` katalogus -- Paveikslėliai saugomi pamokai priskirtuose `images/` aplankuose -- Vertimai saugomi `translations/{language-code}/` kataloguose +- Pamokos numeruotos nuosekliai (1-getting-started-lessons, 2-js-basics ir kt.) +- Kiekviename projekte yra `solution/`, dažnai ir `start/` arba `your-work/` katalogai +- Vaizdai laikomi konkrečių pamokų `images/` aplankuose +- Vertimai saugomi `translations/{kalbos-kodas}/` struktūroje -## Sudarymas ir diegimas +## Kūrimas ir diegimas -### Testų programėlės diegimas (Azure Static Web Apps) +### Quiz App diegimas (Azure Static Web Apps) -quiz-app yra sukonfigūruota Azure Static Web Apps diegimui: +quiz-app yra sukonfigūruotas Azure Static Web Apps diegimui: ```bash cd quiz-app npm run build # Sukuria dist/ aplanką -# Diegia naudojant GitHub Actions darbo eigą, kai stumiama į main +# Diegia per GitHub Actions darbų eigą į main šaką įtraukus pakeitimus ``` -Azure Static Web Apps konfiguracija: -- **Programėlės vieta**: `/quiz-app` +Azure Static Web Apps konfigūracija: +- **App vieta**: `/quiz-app` - **Išvesties vieta**: `dist` -- **Darbo eiga**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **Darbų eiga**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Dokumentacijos PDF generavimas @@ -203,25 +203,25 @@ npm run convert # Sugeneruoti PDF iš dokumentų ### Docsify dokumentacija ```bash -npm install -g docsify-cli # Įdiekite Docsify globaliai -docsify serve # Paleiskite serveryje localhost:3000 +npm install -g docsify-cli # Įdiekite Docsify globally +docsify serve # Aptarnauti localhost:3000 ``` -### Projektui specifiniai sudarymai +### Projektams specifiniai kūrimo veiksmai -Kiekvienas projekto katalogas gali turėti savo sudarymo procesą: -- Vue projektai: `npm run build` sukuria gamybines pakuotes -- Statiniai projektai: nėra sudarymo žingsnio, failai pateikiami tiesiogiai +Kiekvieno projekto katalogas gali turėti savo kūrimo procesą: +- Vue projektams: `npm run build` sukuria produkcijos paketus +- Statiniams projektams: nėra reikalo kurti – failus tiekti tiesiogiai -## Pull Request gairės +## Pull Request taisyklės ### Antraštės formatas -Naudokite aiškius, aprašomuosius pavadinimus, nurodančius pakeitimo sritį: -- `[Quiz-app] Pridėti naują testą pamokai X` -- `[Lesson-3] Ištaisyti klaidą terariumo projekte` -- `[Translation] Pridėti ispanų vertimą pamokai 5` -- `[Docs] Atnaujinti diegimo instrukcijas` +Naudokite aiškias ir išsamią antrastes, nurodančias keitimo sritį: +- `[Quiz-app] Pridėtas naujas testas pamokai X` +- `[Lesson-3] Sutvarkyta klaida terariumo projekte` +- `[Translation] Pridėta ispanų kalbos vertimas 5 pamokai` +- `[Docs] Atnaujintos diegimo instrukcijos` ### Būtini patikrinimai @@ -229,52 +229,52 @@ Prieš pateikiant PR: 1. **Kodo kokybė**: - Paleiskite `npm run lint` paveiktuose projekto kataloguose - - Ištaisykite visas lint klaidas ir įspėjimus + - Ištaisykite visas lint klaidas ir perspėjimus -2. **Sudarymo patikra**: - - Jei taikoma, paleiskite `npm run build` - - Užtikrinkite, kad nėra sudarymo klaidų +2. **Kūrimo patikrinimas**: + - Paleiskite `npm run build` jei taikoma + - Įsitikinkite, kad kūrimas vyksta be klaidų -3. **Nuorodų validacija**: - - Išbandykite visas markdown nuorodas +3. **Nuorodų tikrinimas**: + - Patikrinkite visas markdown nuorodas - Patikrinkite, ar paveikslėlių nuorodos veikia 4. **Turinio peržiūra**: - - Tikrinkite rašybą ir gramatiką - - Užtikrinkite, kad kodo pavyzdžiai tinkami ir švietimo tikslais - - Patikrinkite, ar vertimai išlaiko pradinę prasmę + - Patikrinkite rašybą ir gramatiką + - Įsitikinkite, kad kodo pavyzdžiai teisingi ir mokomieji + - Patikrinkite, ar vertimai išlaiko originalią prasmę ### Indėlio reikalavimai -- Sutikite su Microsoft CLA (automatinis tikrinimas pirmo PR metu) -- Vadovaukitės [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Peržiūrėkite [CONTRIBUTING.md](./CONTRIBUTING.md) dėl išsamios informacijos -- Nurodykite klausimų numerius PR aprašyme, jei taikoma +- Sutikite su Microsoft CLA (automatinis patikrinimas pirmo PR metu) +- Laikykitės [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Skaitykite [CONTRIBUTING.md](./CONTRIBUTING.md) dėl detalių taisyklių +- Jei taikoma, nurodykite problemų numerius PR aprašyme -### Apžvalgos procesas +### Peržiūros procesas -- PR apžvelgia priežiūrėtojai ir bendruomenė -- Prioritetas teikiamas mokymosi aiškumui -- Kodo pavyzdžiai turi laikytis dabartinių geriausių praktikų -- Vertimai peržiūrimi dėl tikslumo ir kultūrinio atitikimo +- PR peržiūrimi prižiūrėtojų ir bendruomenės +- Prioritetas teikiamas mokymo aiškumui +- Kodo pavyzdžiai turi atitikti dabartines geriausias praktikas +- Vertimai peržiūrimi dėl tikslumo ir kultūrinės atitikties ## Vertimo sistema -### Automatizuotas vertimas +### Automatinis vertimas -- Naudoja GitHub Actions su co-op-translator darbo eiga -- Automatiškai verčia į 50+ kalbų +- Naudoja GitHub Actions su co-op-translator darbų eiga +- Automatiškai verčia į daugiau nei 50 kalbų - Šaltinio failai pagrindiniuose kataloguose -- Išversti failai saugomi `translations/{language-code}/` kataloguose +- Išversti failai saugomi `translations/{kalbos-kodas}/` kataloguose -### Rankinių vertimo patobulinimų pridedimas +### Rankinių vertimų gerinimas -1. Suraskite failą `translations/{language-code}/` -2. Atlikite patobulinimus išlaikant struktūrą -3. Įsitikinkite, kad kodo pavyzdžiai veikia teisingai -4. Išbandykite lokalizuotą testų turinį +1. Suraskite failą `translations/{kalbos-kodas}/` +2. Atlikite patobulinimus išlaikydami struktūrą +3. Įsitikinkite, kad kodo pavyzdžiai veikia +4. Išbandykite lokalizuotus testus -### Vertimų metaduomenys +### Vertimo metaduomenys Išversti failai turi metaduomenų antraštę: ```markdown @@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA: --> ``` -## Derinimas ir problemų sprendimas +## Derinimas ir trikčių šalinimas -### Dažniausios problemos +### Dažnos problemos -**Testų programėlė nesikrauna**: +**Quiz app nepaleidžiamas**: - Patikrinkite Node.js versiją (rekomenduojama v14+) -- Ištrinkite `node_modules` ir `package-lock.json`, paleiskite dar kartą `npm install` -- Patikrinkite ar nėra uosto konflikto (numatytas: Vite naudoja 5173 portą) +- Ištrinkite `node_modules` ir `package-lock.json`, paleiskite `npm install` dar kartą +- Patikrinkite prievadų konfliktus (numatytasis: Vite naudoja port 5173) -**API serveris nesikrauna**: -- Įsitikinkite, kad Node.js versija atitinka minimalią (node >=10) -- Patikrinkite, ar uostas jau nenaudojamas -- Įsitikinkite, kad visos priklausomybės įdiegtos su `npm install` +**API serveris nepaleidžiamas**: +- Įsitikinkite, kad Node.js versija yra pakankama (node >=10) +- Patikrinkite, ar prievadas neužimtas +- Įsitikinkite, kad visos priklausomybės įdiegtos paleidus `npm install` **Naršyklės plėtinys nesikrauna**: - Patikrinkite, ar manifest.json teisingai suformatuotas -- Peržiūrėkite naršyklės konsolę dėl klaidų -- Sekite naršyklės specifines plėtinių diegimo instrukcijas +- Pažiūrėkite naršyklės konsolėje klaidas +- Vadovaukitės naršyklės plėtinių diegimo instrukcijomis **Python pokalbių projekto problemos**: -- Įdiekite OpenAI paketą: `pip install openai` -- Įsitikinkite, kad GITHUB_TOKEN aplinkos kintamasis nustatytas -- Patikrinkite GitHub Models prieigos teises +- Įdiekite openai paketą: `pip install openai` +- Patikrinkite, ar nustatyta GITHUB_TOKEN aplinkos kintamasis +- Patikrinkite GitHub Models prieigos leidimus -**Docsify neduoda dokumentų**: +**Docsify neatlieka dokumentacijos pateikimo**: - Įdiekite docsify-cli globaliai: `npm install -g docsify-cli` - Paleiskite iš saugyklos šaknies - Patikrinkite, ar egzistuoja `docs/_sidebar.md` -### Vystymo aplinkos patarimai +### Kūrimo aplinkos patarimai -- Naudokite VS Code su Live Server plėtiniu HTML projektams -- Įdiekite ESLint ir Prettier plėtinius nuosekliam formatavimui +- Naudokite VS Code kartu su Live Server plėtiniu HTML projektams +- Įdiekite ESLint ir Prettier plėtinius dėl nuoseklaus formatavimo - Naudokite naršyklės DevTools JavaScript derinimui -- Vue projektams naudokite Vue DevTools naršyklės plėtinį +- Vue projektams įdiekite Vue DevTools naršyklės plėtinį -### Veikimo efektyvumo patarimai +### Veikimo efektyvumo svarstymai -- Didelis išverstų failų kiekis (50+ kalbų) reiškia, kad pilni klonai dideli -- Naudokite paviršinį klonavimą, jei dirbate tik su turiniu: `git clone --depth 1` -- Dirbant su anglišku turiniu, išimkite vertimus iš paieškos -- Sudarymo procesai pirmą kartą gali būti lėti (npm install, Vite build) +- Daug išverstų failų (daugiau nei 50 kalbų) reiškia didelius klonus +- Naudokite seklaus klonavimą, jei dirbate tik su turiniu: `git clone --depth 1` +- Prie anglų kalbos turinio nedarykite vertimų paieškų +- Kūrimo procesai gali būti lėti pirmą kartą (npm install, Vite build) -## Saugumo aspektai +## Saugumo svarstymai ### Aplinkos kintamieji -- API raktai niekada neturi būti įtraukiami į saugyklą -- Naudokite `.env` failus (jau įtraukti į `.gitignore`) -- Reikalingi aplinkos kintamieji dokumentuojami projekto README +- API raktai neturi būti įtraukti į saugyklą +- Naudokite `.env` failus (jau įtrauktus į `.gitignore`) +- Projekto README failuose dokumentuokite reikiamus aplinkos kintamuosius ### Python projektai - Naudokite virtualias aplinkas: `python -m venv venv` -- Laikykite priklausomybes atnaujintas -- GitHub tokenai turėtų turėti minimalias būtinas teises +- Nuolat atnaujinkite priklausomybes +- GitHub tokenai turi turėti minimalias reikalingas teises ### GitHub Models prieiga -- Reikalingi asmeniniai prieigos raktai (PAT) -- Raktai turi būti saugomi kaip aplinkos kintamieji -- Niekada neįtraukti jų į saugyklą ar viešinti +- Reikalingi Asmeninės prieigos raktai (PAT) +- Tokenai turi būti laikomi aplinkos kintamuosiuose +- Niekada neįtraukti tokenų ar kredencialų į saugyklą -## Papildomos pastabos +## Papildomi pastabos ### Tikslinė auditorija -- Visiškai pradedantieji interneto kūrime -- Studentai ir savarankiški besimokantieji -- Mokytojai, naudojantys programą klasėje -- Turinys sukonstruotas prieinamumui ir nuosekliam įgūdžių įgijimui +- Pilni pradedantieji internetinių svetainių kūrime +- Studentai ir savarankiški mokiniai +- Mokytojai, naudojantys programą klasėse +- Turinys sukurtas prieinamumui ir palaipsniui įgyjamai kompetencijai -### Švietimo filosofija +### Edukacinė filosofija -- Mokymasis pagrįstas projektais -- Dažni žinių patikrinimai (testai) -- Praktiniai kodavimo užsiėmimai -- Realių projektų pavyzdžiai -- Dėmesys pagrindams prieš frameworks +- Projektine mokymosi metodika +- Dažni žinių tikrinimai (testai) +- Praktiniai kodo užduotys +- Realūs taikymo pavyzdžiai +- Dėmesys pagrindams prieš naudojant frameworks -### Saugyklos priežiūra +### Saugyklos palaikymas - Aktyvi mokinių ir prisidėjusių bendruomenė - Reguliarūs priklausomybių ir turinio atnaujinimai -- Klausimai ir diskusijos prižiūrimi saugyklos savininkų -- Vertimų atnaujinimai automatizuoti per GitHub Actions +- Problemos ir diskusijos prižiūrimos +- Vertimų atnaujinimai automatiškai per GitHub Actions ### Susiję ištekliai - [Microsoft Learn moduliai](https://docs.microsoft.com/learn/) -- [Studentų centras](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) rekomenduojamas besimokantiesiems -- Papildomi kursai: Generatyvioji AI, Duomenų mokslas, ML, IoT programos +- [Student Hub ištekliai](https://docs.microsoft.com/learn/student-hub/) +- Rekomenduojama naudojant [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) +- Papildomi kursai: Generatyvus DIR, Duomenų mokslas, ML, IoT programos ### Darbas su konkrečiais projektais -Išsamios individualių projektų instrukcijos pateiktos README failuose: -- `quiz-app/README.md` - Vue 3 testų programėlė +Išsamioms instrukcijoms apie atskirus projektus žr. README failus: +- `quiz-app/README.md` - Vue 3 testavimo programa - `7-bank-project/README.md` - Banko programa su autentifikacija - `5-browser-extension/README.md` - Naršyklės plėtinių kūrimas -- `6-space-game/README.md` - Žaidimas su Canvas -- `9-chat-project/README.md` - AI pokalbių asistento projektas +- `6-space-game/README.md` - Žaidimo su Canvas kūrimas +- `9-chat-project/README.md` - DI pokalbių asistento projektas ### Monorepo struktūra -Nors tai nėra tradicinis monorepo, ši saugykla turi kelis nepriklausomus projektus: -- Kiekviena pamoka yra savarankiška +Nors tai nėra tradicinis monorepo, ši saugykla talpina kelis nepriklausomus projektus: +- Kiekviena pamoka yra atskira - Projektai nesidalina priklausomybėmis -- Darbai su atskirais projektais neturi įtakos kitiems -- Klonuokite visą saugyklą pilnam kursui gauti +- Dirbkite su atskiromis dalimis nedarydami įtakos kitoms +- Norint naudotis visa programa, reikalingas visos saugyklos klonavimas --- -**Atsakomybės ribojimas**: -Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, atkreipkite dėmesį, kad automatizuoti vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba yra laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojamas profesionalus žmogiškasis vertimas. Mes neatsakome už bet kokius nesusipratimus ar klaidingas interpretacijas, kylančias naudojant šį vertimą. +**Atsakomybės apribojimas**: +Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, atkreipkite dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turi būti laikomas autoritetingu šaltiniu. Dėl svarbios informacijos rekomenduojame naudotis profesionalaus žmogaus vertimu. Mes neatsakome už jokius nesusipratimus ar netinkamus aiškinimus, kylantčius iš šio vertimo naudojimo. \ No newline at end of file diff --git a/translations/lt/README.md b/translations/lt/README.md index a287550d48..7f7831687c 100644 --- a/translations/lt/README.md +++ b/translations/lt/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Interneto svetainių kūrimas pradedantiesiems – mokymo planas +# Tinklalapių kūrimas pradedantiesiems – Mokymo programa -Išmokite interneto svetainių kūrimo pagrindus per mūsų 12 savaičių išsamų kursą, kurį veda Microsoft Cloud Advocates komanda. Kiekviena iš 24 pamokų detalizuojama JavaScript, CSS ir HTML temas, dirbant su praktiniais projektais, tokiais kaip terariumai, naršyklės plėtiniai ir erdvės žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą naudojant mūsų efektyvią projektinę pedagogiką. Pradėkite savo programavimo kelionę jau šiandien! +Išmokite tinklalapių kūrimo pagrindus mūsų 12 savaičių išsamiame kurse, kurį rengia Microsoft Cloud Advocates. Kiekviena iš 24 pamokų gilina žinias apie JavaScript, CSS ir HTML per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosmoso žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite įgūdžius ir optimizuokite žinių įsisavinimą su mūsų efektyvia projektais pagrįsta pedagogika. Pradėkite programavimo kelionę šiandien! -Prisijunkite prie Azure AI Foundry Discord bendruomenės +Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais programuotojais. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Atlikite šiuos žingsnius, kad pradėtumėte naudotis šiomis priemonėmis: -1. **Padarykite Forką**: Spauskite [![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. **Klonuokite Saugyklą**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Prisijunkite prie Azure AI Foundry Discord ir susitikite su ekspertais bei kitais kūrėjais**](https://discord.com/invite/ByRwuEEgH4) +Sekite šiuos veiksmus, kad pradėtumėte naudotis šiomis priemonėmis: +1. **Padarykite Repository fork’ą**: Spustelėkite [![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. **Klonuokite Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais programuotojais**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Daugiakalbė parama +### 🌐 Daugiakalbė palaikymas -#### Palaikoma per GitHub Action (automatizuota ir visuomet atnaujinta) +#### Palaikoma per GitHub Action (automatiškai ir visuomet atnaujinta) [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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](./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](../es/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) -> **Norite klonuoti lokalizuotai?** +> **Norite klonuoti lokaliai?** > -> Šioje saugykloje yra daugiau kaip 50 kalbų vertimų, dėl ko labai padidėja atsisiuntimo dydis. Jei norite klonuoti be vertimų, naudokite sparse checkout: +> Šiame repositorijoje yra virš 50 kalbų vertimų, kas ženkliai padidina atsisiuntimo dydį. Norėdami klonuoti be vertimų, naudokite sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,170 +48,169 @@ Atlikite šiuos žingsnius, kad pradėtumėte naudotis šiomis priemonėmis: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Taip gausite viską, ko reikia kursui atlikti, žymiai greičiau atsisiųsdami. +> Tai suteiks jums viską, ko reikia kursui užbaigti, žymiai greičiau atsisiuntus. -**Jei norite, kad būtų pridedamos papildomos palaikomos kalbos, jos išvardytos [čia](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Jei norite papildomų vertimų, palaikomos kalbos yra čia. [čia](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _Ar esi studentas?_ +#### 🧑‍🎓 _Ar esate studentas?_ -Aplankyk [**Studentų centrą puslapį**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kur rasi pradedančiųjų resursus, studentų paketus ir net galimybes gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta pažymėti ir periodiškai tikrinti, nes mes kas mėnesį atnaujiname turinį. +Apsilankykite [**Studentų centras puslapyje**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kur rasite pradedančiųjų išteklius, studentų rinkinius ir net būdus gauti nemokamą sertifikato kuponą. Šį puslapį verta įsidėti į žymes ir kartais patikrinti, nes turinys kas mėnesį keičiasi. ### 📣 Pranešimas – Nauji GitHub Copilot Agent režimo iššūkiai! -Pridėtas naujas iššūkis – ieškokite "GitHub Copilot Agent Challenge 🚀" daugelyje skyrių. Tai naujas iššūkis, skirtas atlikti naudojant GitHub Copilot ir Agent režimą. Jei dar nenaudojote Agent režimo, jis ne tik generuoja tekstą, bet gali ir kurti bei redaguoti failus, vykdyti komandas ir daugiau. +Pridėtas naujas iššūkis, ieškokite „GitHub Copilot Agent Challenge 🚀“ daugelyje skyrių. Tai naujas iššūkis, kurį turite atlikti naudodami GitHub Copilot ir Agent režimą. Jei anksčiau nenaudojote Agent režimo, jis gali ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir daugiau. -### 📣 Pranešimas – _Naujas projektas generuojant dirbtiniu intelektu_ +### 📣 Pranešimas – _Naujas projektas naudojant Generatyviąją AI_ -Pridėtas naujas AI Asistento projektas, pažiūrėkite [projektą](./9-chat-project/README.md) +Pridėtas naujas AI Asistento projektas, pasižiūrėkite [projektą](./9-chat-project/README.md) -### 📣 Pranešimas – _Naujasis Generatyvinio DI kursas JavaScript buvo ką tik išleistas_ +### 📣 Pranešimas – _Nauja mokymo programa_ apie Generatyviąją AI JavaScript kalboje ką tik išleista -Nepraleiskite mūsų naujo Generatyvinio DI mokymo plano! +Nepraleiskite mūsų naujos Generatyviosios AI mokymo programos! -Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite! +Apsilankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite mokytis! ![Background](../../translated_images/lt/background.148a8d43afde5730.webp) -- Pamokos, apimančios viską nuo pagrindų iki RAG. -- Sąveikaukite su istorinių veikėjų personažais naudodami GenAI ir mūsų palydovinę programėlę. -- Linksma ir įtraukianti istorija, keliausite laiku! +- Pamokos nuo pagrindų iki RAG. +- Bendravimas su istoriniais personažais naudojant GenAI ir mūsų palydovinę programėlę. +- Smagi ir įtraukianti pasakojimo forma – keliausite laiku! ![character](../../translated_images/lt/character.5c0dd8e067ffd693.webp) -Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, kuris padės išmokti: -- Užklausų ir užklausų inžinerijos -- Teksto ir vaizdo programėlių generavimo -- Paieškos programėlių +Kiekvienoje pamokoje yra užduotis, žinių patikra ir iššūkis, padėsiantys mokytis šia tema: +- Užklausų pateikimas ir jų kūrimas +- Teksto ir vaizdų programėlių kūrimas +- Paieškos programėlės -Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite! +Apsilankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite mokytis! ## 🌱 Pradžia -> **Mokytojai**, mes paruošėme [kelias rekomendacijas](for-teachers.md), kaip naudotis šiuo mokymo planu. Labai laukiame jūsų atsiliepimų [mūsų diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Mokytojai**, mes pateikėme [kelias rekomendacijas](for-teachers.md), kaip naudoti šią mokymo programą. Labai lauktume jūsų atsiliepimų [mūsų diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Mokiniai](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kiekvienos pamokos pradžioje pradėkite nuo priešpaskaitinės viktorinos, vėliau peržiūrėkite paskaitos medžiagą, atlikite įvairias užduotis ir pasitikrinkite savo supratimą paskaitos pabaigos viktorinoje. +**[Mokiniai](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, paskui skaitykite paskaitos medžiagą, atlikite įvairias veiklas ir pasitikrinkite supratimą po paskaitos viktorinoje. -Siekiant pagerinti mokymosi patirtį, susisiekite su savo bendraamžiais ir dirbkite kartu prie projektų! Skatintinos diskusijos mūsų [diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kuriame dirba mūsų moderatorių komanda, pasirengusi atsakyti į jūsų klausimus. +Norėdami geriau mokytis, jungkitės prie savo bendramokslio ir dirbkite kartu su projektais! Diskusijos skatinamos mūsų [diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kur mūsų moderatorių komanda bus pasirengusi atsakyti į jūsų klausimus. -Norėdami toliau tobulėti, rekomenduojame peržiūrėti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) papildomoms mokomosioms medžiagoms. +Norėdami gilinti žinias, rekomenduojame naršyti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) papildomoms mokymosi priemonėms. -### 📋 Aplinkos paruošimas +### 📋 Aplinkos sąranka -Šiam mokymo planui yra paruošta plėtros aplinka! Pradėdami galite pasirinkti vykdyti kursą [Codespace](https://github.com/features/codespaces/) aplinkoje (_naršyklėje, nereikia diegti jokių programų_), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pvz., [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ši mokymo programa turi paruoštą kūrimo aplinką! Pradėdami galite rinktis vykdyti kursą [Codespace](https://github.com/features/codespaces/) (naršyklėje veikianti aplinka be diegimo), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pavyzdžiui, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Sukurkite savo saugyklą -Kad lengvai išsaugotumėte savo darbus, rekomenduojama sukurti savo šios saugyklos kopiją. Tai galite padaryti paspaudę mygtuką **Use this template** šio puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje su šio mokymo plano kopija. +#### Sukurkite savo repository +Kad galėtumėte lengvai išsaugoti savo darbą, rekomenduojama sukurti savo kopiją šio repository. Tai galite padaryti paspausdami mygtuką **Use this template** puslapio viršuje. Tai sukurs naują repository jūsų GitHub paskyroje su mokymo programos kopija. -Atlikite šiuos veiksmus: -1. **Padarykite Fork**: Spauskite "Fork" mygtuką viršutiniame dešiniajame puslapio kampe. -2. **Klonuokite Saugyklą**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Sekite šiuos žingsnius: +1. **Padarykite Repository fork’ą**: Paspauskite mygtuką „Fork“ šio puslapio viršutiniame dešiniajame kampe. +2. **Klonuokite Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Kursą vykdykite Codespace aplinkoje +#### Kursų vykdymas Codespace aplinkoje -Jūsų sukurtos saugyklos lange spauskite **Code** mygtuką ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace, kuriame galėsite dirbti. +Jūsų sukurtame repository paspauskite mygtuką **Code** ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace, dirbti jame. ![Codespace](../../translated_images/lt/createcodespace.0238bbf4d7a8d955.webp) -#### Kursą vykdykite lokaliai savo kompiuteryje +#### Kursų vykdymas lokaliai jūsų kompiuteryje -Norėdami vykdyti kursą lokaliai savo kompiuteryje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Mūsų pirma pamoka [Programavimo kalbų ir darbo įrankių įvadas](../../1-getting-started-lessons/1-intro-to-programming-languages) supažindins jus su įvairiomis šių įrankių pasirinkimo galimybėmis, kad galėtumėte pasirinkti tinkamiausią. +Kad galėtumėte vykdyti mokymo programą lokaliai, jums reikės teksto redaktoriaus, naršyklės ir komandinės eilutės įrankio. Mūsų pirma pamoka, [Įvadas į programavimo kalbas ir įrankius](../../1-getting-started-lessons/1-intro-to-programming-languages), jus supažindins su galimybėmis kiekvienam iš šių įrankių, kad pasirinktumėte tinkamiausius sau. -Rekomenduojame naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kaip redaktorių, kuris taip pat turi integruotą [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code galite parsisiųsti [čia](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Nuklonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką **Code** ir nukopijavę URL: +Rekomenduojame naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) redaktorių, kuris turi integruotą [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code galite atsisiųsti [čia](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Klonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką **Code** ir nukopijavę URL: [CodeSpace](./images/createcodespace.png) - Tada atidarykite [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) aplinkoje ir vykdykite šią komandą, pakeisdami `` į ką tik nukopijuotą URL: + Tada atidarykite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) „Visual Studio Code“ aplinkoje ir paleiskite šią komandą, pakeisdami `` tuo URL, kurį ką tik nukopijavote: ```bash git clone ``` -2. Atidarykite aplanką Visual Studio Code. Tai galite padaryti spustelėję **File** > **Open Folder** ir pasirinkdami ką tik nuklonuotą aplanką. +2. Atidarykite katalogą „Visual Studio Code“. Tai galite padaryti spustelėję **File** > **Open Folder** ir pasirinkę ką tik nuklonuotą katalogą. -> Rekomenduojami Visual Studio Code plėtiniai: +> Rekomenduojami „Visual Studio Code“ plėtiniai: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML puslapių peržiūrai Visual Studio Code aplinkoje -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - padeda greičiau rašyti kodą +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – HTML puslapių peržiūrai „Visual Studio Code“ aplinkoje +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – padeda greičiau rašyti kodą ## 📂 Kiekviena pamoka apima: -- neprivalomą sketchnote užrašą +- neprivalomą brėžinį (sketchnote) - neprivalomą papildomą vaizdo įrašą -- šiltinimo viktoriną prieš pamoką +- apšilimo testą prieš pamoką - rašytinę pamoką -- projektinėse pamokose – žingsnis po žingsnio instrukcijas, kaip sukurti projektą +- projektinėms pamokoms – žingsnis po žingsnio gidas, kaip sukurti projektą - žinių patikrinimus - iššūkį - papildomą skaitymą - užduotį -- [pamokos pabaigos viktoriną](https://ff-quizzes.netlify.app/web/) +- [testą po pamokos](https://ff-quizzes.netlify.app/web/) -> **Pastaba apie viktorinas**: Visos viktorinos yra Quiz-app aplanke, iš viso 48 viktorinos po tris klausimus kiekvienoje. Jas rasite [čia](https://ff-quizzes.netlify.app/web/) – viktorinų programėlę galima paleisti lokaliai arba diegti Azure; sekite nurodymus `quiz-app` aplanke. +> **Pastaba apie testus**: Visi testai yra saugomi Quiz-app kataloge, yra iš viso 48 testai po tris klausimus kiekviename. Jie pasiekiami [čia](https://ff-quizzes.netlify.app/web/), testų programėlę galima paleisti lokaliai arba publikuoti „Azure“; vadovaukitės nurodymais `quiz-app` kataloge. ## 🗃️ Pamokos -| | Projekto pavadinimas | Mokomi konceptai | Mokymosi tikslai | Susietos pamokos | Autorius | -| :-: | :---------------------------------------------------------------: | :-------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :-----------------------: | -| 01 | Pradžia | Programavimo pagrindai ir naudojami įrankiai | Sužinokite pagrindinius daugumos programavimo kalbų pagrindus ir apie programinę įrangą, padedančią profesionalams | [Įvadas į programavimo kalbas ir įrankius](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Pradžia | GitHub pagrindai, įskaitant komandinius darbus | Kaip naudotis GitHub projekte, kaip bendradarbiauti dirbant su kodo baze | [Įvadas į GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Pradžia | Prieinamumas | Sužinokite interneto prieinamumo pagrindus | [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS pagrindai | JavaScript duomenų tipai | JavaScript duomenų tipų pagrindai | [Duomenų tipai](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS pagrindai | Funkcijos ir metodai | Sužinokite apie funkcijas ir metodus, valdančius programos logikos eigą | [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md) | Jasmine ir Christopher | -| 06 | JS pagrindai | Sprendimų priėmimas JS | Sužinokite, kaip sukurti sąlygas savo kode naudojant sprendimų priėmimo būdus | [Sprendimų kūrimas](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS pagrindai | Masyvai ir ciklai | Darbas su duomenimis naudojant masyvus ir ciklus JavaScript | [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML praktikoje | Sukurkite HTML, kad sukurtumėte internetinį terariumą, koncentruojantis į išdėstymo kūrimą | [Įvadas į HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS praktikoje | Sukurkite CSS, kad stilizuotumėte internetinį terariumą, įskaitant pagrindus ir atsaką į skirtingų ekranų dydžius | [Įvadas į CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closure ir DOM manipuliavimas | Parašykite JavaScript, kad terariumas veiktų kaip vilkimo / metimo sąsaja, koncentruojantis į closure ir DOM manipuliavimą | [JavaScript Closure ir DOM manipuliavimas](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Rašymo žaidimas](./4-typing-game/solution/README.md) | Sukurkite rašymo žaidimą | Sužinokite, kaip naudoti klaviatūros įvykius valdyti jūsų JavaScript programos logiką | [Įvykių valdymas](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Darbas su naršyklėmis | Sužinokite, kaip veikia naršyklės, jų istoriją ir kaip sukurti pirmuosius naršyklės plėtinio elementus | [Apie naršykles](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Formos kūrimas, API kvietimas ir kintamųjų saugojimas local storage | Parašykite naršyklės plėtinio JavaScript elementus, kad kvietumėte API naudodami kintamuosius saugojamus local storage | [API, formos ir local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Naršyklės fono procesai, žiniatinklio našumas | Naudokite naršyklės foninius procesus plėtinio ikonų valdymui; sužinokite apie žiniatinklio našumą bei optimizacijas | [Fono darbai ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Sudėtingesnis žaidimų kūrimas su JavaScript | Sužinokite apie paveldėjimą naudojant klases ir kompoziciją, taip pat Pub/Sub modelį žaidimo kūrimui | [Įvadas į pažangų žaidimų kūrimą](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Piešimas ant drobės | Sužinokite apie Canvas API, kuris leidžia piešti elementus ekrane | [Piešimas ant drobės](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Elementų judinimas ekrane | Sužinokite, kaip elementai gali judėti naudojant kartezines koordinates ir Canvas API | [Elementų judinimas ekrane](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Kolizijos aptikimas | Sukurkite elementų susidūrimus ir reakcijas į rakto paspaudimus, įdiekite „cooldown“ funkciją žaidimo našumui užtikrinti | [Kolizijos aptikimas](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Taškų skaičiavimas | Atlikite matematikos skaičiavimus pagal žaidimo būseną ir rezultatus | [Taškų skaičiavimas](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Žaidimo pabaiga ir paleidimas iš naujo | Sužinokite apie žaidimo pabaigą ir iš naujo paleidimą, įskaitant išteklių valymą ir kintamųjų reikšmių atstatymą | [Pabaigos sąlyga](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banko programa](./7-bank-project/solution/README.md) | HTML šablonai ir maršrutizacija web programoje | Sužinokite, kaip sukurti daugiapusės svetainės architektūrą naudojant maršrutizavimą ir HTML šablonus | [HTML šablonai ir maršrutizacija](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banko programa](./7-bank-project/solution/README.md) | Prisijungimo ir registracijos formos kūrimas | Sužinokite apie formų kūrimą ir validacijos tvarkymą | [Formos](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banko programa](./7-bank-project/solution/README.md) | Duomenų gavimo ir naudojimo būdai | Kaip duomenys teka jūsų programoje, kaip juos gauti, saugoti ir išmesti | [Duomenys](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banko programa](./7-bank-project/solution/README.md) | Būsenos valdymo konceptai | Sužinokite, kaip jūsų programa saugo būseną ir kaip ją valdyti programiškai | [Būsenos valdymas](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Naršyklės / VScode kodas](../../8-code-editor) | Darbas su VScode | Išmokite naudotis kodo redaktoriumi | [Naudokite VScode redaktorių](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI asistentai](./9-chat-project/README.md) | Darbas su AI | Išmokite sukurti savo AI asistentą | [AI asistento projektas](./9-chat-project/README.md) | Chris | +| | Projekto pavadinimas | Mokomi konceptai | Mokymosi tikslai | Susieta pamoka | Autorius | +| :-: | :----------------------------------------------------------------: | :----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------: | :----------------------: | +| 01 | Pradžia | Įvadas į programavimą ir įrankiai | Sužinoti pagrindus, kurie slypi daugumoje programavimo kalbų, ir apie programinę įrangą, kuri padeda profesionaliems kūrėjams dirbti | [Įvadas į programavimo kalbas ir įrankius](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Pradžia | GitHub pagrindai, komandinio darbo ypatumai | Kaip naudoti GitHub projekte, kaip bendradarbiauti dirbant su kodo baze | [Įvadas į GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Pradžia | Prieinamumas | Susipažinti su interneto prieinamumo pagrindais | [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS pagrindai | JavaScript duomenų tipai | JavaScript duomenų tipų pagrindai | [Duomenų tipai](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS pagrindai | Funkcijos ir metodai | Sužinoti apie funkcijas ir metodus, valdant programos logikos srautą | [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md) | Jasmine ir Christopher | +| 06 | JS pagrindai | Sprendimų kūrimas su JS | Kaip kurti sąlygas savo kode naudojant sprendimų priėmimo būdus | [Sprendimų kūrimas](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS pagrindai | Masyvai ir ciklai | Dirbti su duomenimis naudojant masyvus ir ciklus JavaScript | [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarijus](./3-terrarium/solution/README.md) | HTML praktikoje | Sukurti HTML, kad sukurtumėte internetinį terarijų, daugiausia dėmesio skiriant maketui | [Įvadas į HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarijus](./3-terrarium/solution/README.md) | CSS praktikoje | Kurti CSS stiliaus taisykles internetiniam terarijui, daugiausia dėmesio skiriant CSS pagrindams, įskaitant puslapio adaptaciją | [Įvadas į CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarijus](./3-terrarium/solution/README.md) | JavaScript closure’ai, DOM manipuliacija | Kurti JavaScript, kuris užtikrintų terarijaus veikimą per tempimą/paleidimą, daugiausia dėmesio skiriant closure’ams ir DOM manipuliacijai | [JavaScript closure’ai, DOM manipuliacija](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Rašymo žaidimas](./4-typing-game/solution/README.md) | Sukurti rašymo žaidimą | Sužinoti, kaip naudoti klaviatūros įvykius, kad valdytumėte savo JavaScript programos logiką | [Įvykių valdymas](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Darbas su naršyklėmis | Sužinoti, kaip veikia naršyklės, jų istoriją ir kaip sukurti pirmuosius naršyklės plėtinio elementus | [Apie naršykles](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Forma, API iškvietimas ir kintamųjų saugojimas local storage | Kurti naršyklės plėtinio JavaScript elementus, kurie kviečia API naudojant local storage | [API, formos ir local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Fono procesai naršyklėje, interneto našumas | Naudoti naršyklės fono procesus plėtinio piktogramai valdyti; sužinoti apie interneto našumą ir optimizacijas | [Fono užduotys ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Pažangesnė žaidimų kūrimo su JavaScript dalis | Sužinoti apie paveldėjimą naudojant klases ir kompoziciją bei pub/sub modelį, pasirengti žaidimo kūrimui | [Įvadas į pažangią žaidimų kūrimą](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Piešimas ant drobės | Sužinoti apie Canvas API, naudojamą elementų piešimui ekrane | [Piešimas ant drobės](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Elementų judinimas ekrane | Sužinoti, kaip elementai gali judėti naudojant Dekartines koordinates ir Canvas API | [Judinamų elementų valdymas](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Susidūrimo atpažinimas | Leisti elementams susidurti ir reaguoti vienam į kitą, naudoti klavišų paspaudimus ir suteikti atšildymo funkciją, užtikrinančią našumą | [Susidūrimo atpažinimas](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Balansavimas | Atlikti matematikos skaičiavimus pagal žaidimo būseną ir veikimą | [Balansavimas](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Žaidimo pabaiga ir paleidimas iš naujo | Sužinoti apie žaidimo pabaigą ir paleidimą iš naujo, įskaitant išteklių valymą ir kintamųjų reikšmių atstatymą | [Pabaigos sąlyga](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banko programėlė](./7-bank-project/solution/README.md) | HTML šablonai ir maršrutai interneto programoje | Sužinoti, kaip sukurti daugiasluoksnio tinklalapio struktūrą, naudojant maršrutizavimą ir HTML šablonus | [HTML šablonai ir maršrutai](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banko programėlė](./7-bank-project/solution/README.md) | Prisijungimo ir registracijos formos kūrimas | Sužinoti apie formų kūrimą ir validacijos vykdymą | [Formos](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banko programėlė](./7-bank-project/solution/README.md) | Duomenų užklausų ir panaudojimo būdai | Kaip duomenys teka programoje, kaip juos gauti, saugoti ir atsikratyti | [Duomenys](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banko programėlė](./7-bank-project/solution/README.md) | Būsenos valdymo pagrindai | Sužinoti, kaip programa išlaiko būseną ir kaip ją valdyti programiškai | [Būsenos valdymas](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Darbas su VScode | Sužinoti, kaip naudotis kodo redaktoriumi | [Naudok VScode kodo redaktorių](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Dirbtiniai intelektai](./9-chat-project/README.md) | Darbas su DI | Sužinoti, kaip sukurti savo dirbtinio intelekto asistentą | [DI asistento projektas](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogika Mūsų mokymo programa sukurta remiantis dviem pagrindinėmis pedagoginėmis taisyklėmis: -* mokymasis per projektus -* dažnos viktorinos +* projektinis mokymasis +* dažni testai -Programa moko JavaScript, HTML ir CSS pagrindus bei naujausius įrankius ir metodus, kuriuos naudoja šių dienų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kuriant rašymo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosmoso invazijos tipo žaidimą ir verslo banko programėlę. Baigus šį ciklą studentai įgis tvirtą supratimą apie interneto kūrimą. +Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir metodų, kuriuos naudoja šių laikų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kurdami rašymo žaidimą, virtualų terarijų, ekologišką naršyklės plėtinį, kosminį invazijos stiliaus žaidimą ir banko programėlę verslui. Baigus šį ciklą, studentai turės tvirtą žinių pagrindą apie interneto kūrimą. -> 🎓 Pirmas kelias šios programos pamokas galite atlikti kaip [Mokymosi kelią](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platformoje! +> 🎓 Pirmas kelias pamokas galite išklausyti kaip [mokymosi kelią](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platformoje! -Užtikrinant, kad turinys atitiktų projektus, procesas tampa labiau įtraukiantis studentams, o konceptų įsisavinimas pagerėja. Taip pat parašėme keletą pradinio lygio pamokų JavaScript pagrindams supažindinti, jas lydi video iš „[Pradedančiųjų serijos į JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“ kolekcijos, kurios autorių dalyvavo ir šioje programoje. +Uždraudžiant turinį susieti su projektais, procesas tampa įdomesnis studentams, o konceptų įsisavinimas – geresnis. Taip pat parašėme keletą pradiniams JavaScript pagrindų orientuotų pamokų, supažindinančių su konceptais, papildytų vaizdo įrašu iš „Beginners Series to: JavaScript“ mokymų serijos, kurių kai kurie autoriai prisidėjo prie šios programos. -Be to, žemesnio slenksčio viktorina prieš pamoką nukreipia studentų dėmesį mokytis temą, o antroji viktorina po pamokos užtikrina geresnį įsisavinimą. Ši programa sukurta taip, kad būtų lanksti ir smagi, ją galima atlikti visa arba dalimis. Projektai prasideda nedideli ir pamažu tampa vis sudėtingesni per visą 12 savaičių ciklą. +Be to, žemo slenksčio testas prieš pamoką nukreipia studentus į mokymosi temą, o antras testas po pamokos padeda įsisavinti žinias dar geriau. Ši programa sukurta būti lanksti ir smagi, ją galima įgyti visą arba iš dalies. Projektai prasideda nuo paprastų ir turi vis didėjančią sudėtingumo laipsnį per 12 savaičių ciklą. -Nors sąmoningai vengėme įvesti JavaScript karkasus, kad susikoncentruotume į pagrindinius įgūdžius, reikalingus kaip interneto kūrėjui prieš pereinant prie karkasų, gera tolesnė žingsnis būtų išmokti apie Node.js per kitą video kolekciją: „[Pradedančiųjų serija į Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)“. - -> Apsilankykite mūsų [Elgesio kodekse](CODE_OF_CONDUCT.md) ir [Dalyvavimo taisyklėse](CONTRIBUTING.md). Laukiame jūsų konstruktyvių atsiliepimų! +Nors sąmoningai vengėme pristatyti JavaScript karkasus, kad susitelktume į pagrindinius įgūdžius, reikalingus interneto kūrėjui prieš perėjimą prie karkaso, kitas geras žingsnis po šios programos būtų susipažinti su Node.js per vaizdo įrašų seriją: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> Apsilankykite mūsų [Elgesio kodekse](CODE_OF_CONDUCT.md) ir [Prisidėjimo](CONTRIBUTING.md) gairėse. Laukiame jūsų konstruktyvaus grįžtamojo ryšio! ## 🧭 Offline prieiga -Šią dokumentaciją galite naudoti offline naudodami [Docsify](https://docsify.js.org/#/). Nuklonuokite šį repo, [įdiekite Docsify](https://docsify.js.org/#/quickstart) savo vietinėje mašinoje, tada šio repo šakniniame aplanke paleiskite `docsify serve`. Svetainė bus pasiekiama per 3000 prievadą jūsų localhost: `localhost:3000`. +Šią dokumentaciją galite naudoti neprisijungę, naudodami [Docsify](https://docsify.js.org/#/). Sukurkite šaką (fork) šios saugyklos, [įdiekite Docsify](https://docsify.js.org/#/quickstart) savo vietiniame įrenginyje, tada įeiname į šios saugyklos pagrindinį katalogą ir įveskite komandą `docsify serve`. Svetainė bus pateikta jūsų localhost:3000 prievade: `localhost:3000`. ## 📘 PDF -Visų pamokų PDF galite rasti [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Visų pamokų PDF galima rasti [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Kiti kursai @@ -229,52 +228,52 @@ Mūsų komanda kuria ir kitus kursus! Pažiūrėkite: [![AZD pradedantiesiems](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 pradedantiesiems](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 pradedantiesiems](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 agentai pradedantiesiems](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) +[![DI agentai pradedantiesiems](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) --- -### Generatyviosios AI serija -[![Generatyvi AI pradedantiesiems](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) -[![Generatyvi 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) -[![Generatyvi 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) -[![Generatyvi 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) +### Generatyvinio DI serija +[![Generatyvinis DI pradedantiesiems](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) +[![Generatyvinis DI (.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) +[![Generatyvinis DI (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) +[![Generatyvinis DI (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) --- -### Pagrindiniai mokymai -[![ML pradedantiesiems](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) +### Pagrindinis mokymasis +[![DI mokymasis pradedantiesiems](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) [![Duomenų mokslas pradedantiesiems](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 pradedantiesiems](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) +[![DI pradedantiesiems](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) [![Kibernetinis saugumas pradedantiesiems](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) -[![Tinklapių kūrimas pradedantiesiems](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) +[![Internetinių svetainių kūrimas pradedantiesiems](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 pradedantiesiems](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 kūrimas pradedantiesiems](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- ### Copilot serija -[![Copilot AI programuotojams](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot C#/.NET programuotojams](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 DI poriniam programavimui](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) +[![Copilot C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot nuotykiai](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) ## Pagalba -Jei užstrigote arba turite klausimų apie AI programėlių kūrimą. Prisijunkite prie bendraminčių ir patyrusių programuotojų diskusijų apie MCP. Tai palaikanti bendruomenė, kurioje klausimai laukiami, o žinios laisvai dalijamos. +Jei sustojote arba turite klausimų apie DI programų kūrimą. Prisijunkite prie kitų besimokančiųjų ir patyrusių programuotojų diskusijose apie MCP. Tai palaikanti bendruomenė, kurioje klausimai yra laukiami, o žinios dalijamos laisvai. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Jei turite produktų atsiliepimų arba randate klaidų kūrimo metu, apsilankykite: +Jei turite produkto atsiliepimų arba radote klaidų kūrimo metu, apsilankykite: [![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) ## Licencija -Šis saugykla licencijuota pagal MIT licenciją. Daugiau informacijos žr. faile [LICENSE](../../LICENSE). +Šis saugykla yra licencijuota pagal MIT licenciją. Daugiau informacijos žr. faile [LICENSE](../../LICENSE). --- -**Atsakomybės apribojimas**: -Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritiškai svarbiai informacijai rekomenduojamas profesionalus žmogiškas vertimas. Mes neatsakome už jokius nesusipratimus ar neteisingus aiškinimus, kilusius naudojant šį vertimą. +**Atsakomybės apribojimas**: +Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, prašome atkreipti dėmesį, kad automatizuoti vertimai gali būti su klaidomis ar netikslumais. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Esant kritinei informacijai, rekomenduojamas profesionalus žmogaus vertimas. Mes neatsakome už bet kokius nesusipratimus ar klaidingą interpretavimą, kylančius dėl šio vertimo naudojimo. \ No newline at end of file diff --git a/translations/lt/lesson-template/README.md b/translations/lt/lesson-template/README.md index 376a9f4b5a..d483770a18 100644 --- a/translations/lt/lesson-template/README.md +++ b/translations/lt/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Pamokos tema] +# Pamokos tema -![Įterpkite vaizdo įrašą čia](../../../lesson-template/video-url) +## 🎥 Vaizdo įrašas -## [Prieš paskaitą viktorina](../../../lesson-template/quiz-url) +> Pridėkite įterptą vaizdo įrašą arba pamokos nuorodą čia. -[Aprašykite, ką išmoksime] +--- + +## Priešpaskaitinis testas + +> Pridėkite testo nuorodą čia, kai ji bus prieinama. + +--- + +Trumpai aprašykite, ko studentai išmoks šioje pamokoje. + +--- ### Įvadas -Aprašykite, kas bus aptarta +Trumpai pristatykite, kas bus aptariama šioje pamokoje. > Pastabos -### Būtinos žinios +--- + +### Išankstinės žinios -Kokius žingsnius reikėjo atlikti prieš šią pamoką? +Išvardykite sąvokas ar temas, su kuriomis studentai turėtų būti susipažinę prieš pradėdami šią pamoką. + +--- -### Pasiruošimas +### Paruošimas -Parengiamieji žingsniai, kad galėtumėte pradėti šią pamoką +Išvardykite nustatymo veiksmus ar įrankius, reikalingus prieš pradedant pamoką. --- -[Turinio peržiūra blokais] +### Turinys + +Žingsnis po žingsnio pereikite pamokos turinį struktūrizuotose dalyse. + +--- -## [Tema 1] +## Tema 1 ### Užduotis: -Dirbkite kartu, kad palaipsniui patobulintumėte savo kodų bazę ir sukurtumėte projektą su bendru kodu: +Dirbkite kartu, kad palaipsniui patobulintumėte savo kodo bazę ir sukurtumėte projektą su bendro naudojimo kodu: ```html code blocks ``` -✅ Žinių patikrinimas - pasinaudokite šia akimirka, kad praplėstumėte studentų žinias atvirais klausimais +✅ Žinių patikrinimas +Pasinaudokite šia proga išplėsti studentų žinias atvirais klausimais. -## [Tema 2] +## Tema 2 +## Tema 3 -## [Tema 3] +🚀 Iššūkis +Pridėkite bendradarbiavimo iššūkį studentams, kad patobulintų projektą. -🚀 Iššūkis: Pasiūlykite studentams klasėje bendradarbiaujant dirbti su projektu ir jį patobulinti +Pasirinktinai: pridėkite ekrano nuotrauką, kurioje matomas baigtos pamokos UI, jei tinkama. -Pasirinktinai: pridėkite ekrano nuotrauką su baigtos pamokos sąsaja, jei tai tinkama +## Po paskaitos testas -## [Po paskaitos viktorina](../../../lesson-template/quiz-url) +Pridėkite testo nuorodą po pamokos pabaigos. -## Apžvalga ir savarankiškas mokymasis +## Peržiūra ir savarankiškas mokymasis -**Užduoties terminas [MM/YY]**: [Užduoties pavadinimas](assignment.md) +**Uždavinys turi būti atliktas iki [MM/YY]**: [Uždavinio pavadinimas](assignment.md) --- + **Atsakomybės apribojimas**: -Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritinei informacijai rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą. \ No newline at end of file +Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatizuoti vertimai gali turėti klaidų arba netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojame naudotis profesionalaus žmogaus vertimu. Mes neatsakome už jokius nesusipratimus ar neteisingus aiškinimus, atsiradusius dėl šio vertimo naudojimo. + \ No newline at end of file diff --git a/translations/ml/.co-op-translator.json b/translations/ml/.co-op-translator.json index 873b08545e..c7dc1085d4 100644 --- a/translations/ml/.co-op-translator.json +++ b/translations/ml/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:16:47+00:00", + "translation_date": "2026-04-24T14:05:32+00:00", "source_file": "AGENTS.md", "language_code": "ml" }, @@ -516,8 +516,8 @@ "language_code": "ml" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:33:20+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T13:57:00+00:00", "source_file": "README.md", "language_code": "ml" }, @@ -564,8 +564,8 @@ "language_code": "ml" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2026-01-08T11:41:28+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T13:57:12+00:00", "source_file": "lesson-template/README.md", "language_code": "ml" }, diff --git a/translations/ml/AGENTS.md b/translations/ml/AGENTS.md index e35cf66ff2..d8b68cdbbe 100644 --- a/translations/ml/AGENTS.md +++ b/translations/ml/AGENTS.md @@ -1,65 +1,65 @@ # AGENTS.md -## പ്രോജക്ട് അവലോകനം +## Project Overview -ഈ പ്രോജക്ട് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ ആരംഭക്കാർക്ക് പഠിപ്പിക്കാൻ വേണ്ടി തയ്യാറാക്കിയ ഒരു വിദ്യാഭ്യാസ പാഠ്യവിഷയ രേഖകളുടെ സംഭരമാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റ്സ് വികസിപ്പിച്ചെടുത്ത 12 ആഴ്‌ചകളിലായി 24 പ്രായോഗിക പാഠങ്ങൾ ഉൾക്കൊള്ളുന്ന സമഗ്ര കോഴ്സ് ഇത്, ജാവസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ ഉൾക്കൊള്ളുന്നു. +ഇത് ആരംഭികൾക്ക് വെബ് ഡെവലപ്‌മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിപ്പിക്കാൻ നിർമ്മിച്ച ഒരു വിദ്യാഭ്യാസ പാഠ്യപദ്ധതി റിപ്പോസിറ്ററിയാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അവോകേറ്റേഴ്സ് വികസിപ്പിച്ചുള്ള ഈ പാഠ്യപരമായ കോഴ്സ് 24 ഹാൻഡ്‌സ്-ഓൺ പാഠങ്ങൾ ഉൾക്കൊണ്ട് ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ അടങ്ങിയ ഏകദേശം 12 ആഴ്ചകൾക്കുള്ള പാഠ്യപദ്ധതിയാണ്. -### പ്രധാന ഘടകങ്ങൾ +### Key Components -- **വിദiately**: പ്രോജക്ട് അടിസ്ഥാന മോഡ്യൂളുകളിൽ ക്രമീകരിച്ച 24 ഘടനയുള്ള പാഠങ്ങൾ -- **പ്രായോഗിക പ്രോജക്ടുകൾ**: ടെററിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിങ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ് -- **ഇന്ററാക്ടീവ് ക്വിസുകൾ**: ഓരോ പാഠത്തിനും മുൻ, ശേഷിയും 3 ചോദ്യങ്ങളുമായി 48 ക്വിസുകൾ -- **ബഹുഭാഷ സഹായം**: GitHub ആക്ഷനുകൾ ഉപയോഗിച്ച് 50+ ഭാഷകളിൽ ഓട്ടോമാറ്റിക് വിവർത്തനങ്ങൾ -- **ടെക്നോളജികൾ**: HTML, CSS, ജാവാസ്ക്രിപ്റ്റ്, Vue.js 3, Vite, Node.js, Express, Python (AI പ്രോജക്ടുകൾക്കായി) +- **വിദ്യാഭ്യാസ ഉള്ളടക്കം**: പ്രോജക്ട് അധിഷ്ഠിത മഡ്യൂളുകളായി ക്രമീകരിച്ച 24 ഘടിച്ച പാഠങ്ങൾ +- **പ്രായോഗിക പ്രോജക്ടുകൾ**: ടെററിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിംങ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ് +- **ഇന്ററാക്ടീവ് ക്വിസുകൾ**: 48 ക്വിസുകൾ, ഓരോതിലും 3 ചോദ്യങ്ങൾ (പഠനത്തിന് മുൻപ്/പഠനത്തിന് ശേഷം നിർവഹിക്കുന്ന വിലയിരുത്തൽ) +- **ബഹുവിധഭാഷാ പിന്തുണ**: GitHub Actions വഴി 50+ ഭാഷകൾക്ക് സ്വയം പരിഭാഷ +- **സാങ്കേതിക വിദ്യകൾ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI പ്രോജക്ടുകൾക്കായി) -### ആർക്കിടെക്ചർ +### Architecture -- പാഠ്യ അടിസ്ഥാനമുള്ള വിദ്യാഭ്യാസ സംഭരം -- ഓരോ പാഠ ഫോളഡറിലും README, കോഡ് ഉദാഹരണങ്ങൾ, പരിഹാരങ്ങൾ -- വേറിട്ട ഡയറക്ടറികളിൽ സ്റ്റാൻഡ്എലോൺ പ്രോജക്ടുകൾ (quiz-app, വിവിധ പാഠ പ്രോജക്ടുകൾ) -- GitHub ആക്ഷനുകൾ ഉപയോഗിക്കുന്ന വിവർത്തന സംവിധാനം (co-op-translator) -- ഡോക്യുമെന്റേഷൻ Docsify വഴി ലഭ്യമാണ്, PDF ആയി ലഭ്യമായിരിക്കും +- പാഠ്യപരമായ ഘടനയിലുള്ള വിദ്യാഭ്യാസ റിപ്പോസിറ്ററി +- ഓരോ പാഠം ഫോൾഡർ README, കോഡ് ഉദാഹരണങ്ങൾ, പരിഹാരങ്ങൾ ഉൾക്കൊള്ളുന്നു +- വേർതിരിച്ചിട്ട പ്രോജക്ടുകൾ വ്യത്യസ്ത ഡയറക്ടറികളിൽ (quiz-app, വ്യത്യസ്ത പാഠം പ്രോജക്ടുകൾ) +- GitHub Actions ഉപയോഗിച്ച് പരിഭാഷാ സംവിധാനം (co-op-translator) +- ഡോക്യുമെന്റേഷൻ Docsify ഉപയോഗിച്ച് സേർവ് ചെയ്തും PDF ആയി ലഭ്യമാകുന്നു -## സെറ്റപ് കമാൻഡുകൾ +## Setup Commands -ഈ സംഭരം പ്രാഥമികമായി വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കലിനാണ്. പ്രത്യേക പ്രോജക്ടുകളുമായി ജോലി ചെയ്യാനായി: +ഈ റിപ്പോസിറ്ററി പ്രധാനമായും വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കാനാണ്. പ്രത്യേക പ്രോജക്ടുകളുമായി പ്രവർത്തിക്കേണ്ടത് വേണ്ടിയുള്ള നിർദ്ദേശങ്ങൾ: -### മുഖ്യ സംഭരം സെറ്റപ്പ് +### Main Repository Setup ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### ക്വിസ് ആപ്പ് സെറ്റപ്പ് (Vue 3 + Vite) +### Quiz App Setup (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # വികസന സർവർ ആരംഭിക്കുക -npm run build # ഉത്പാദനത്തിനായി നിർമാണം +npm run dev # വികസന സെർവർ ആരംഭിക്കുക +npm run build # ഉത്പാദനത്തിന് നിർമ്മിക്കുക npm run lint # ESLint പ്രവർത്തിപ്പിക്കുക ``` -### ബാങ്ക് പ്രോജക്ട് API (Node.js + Express) +### Bank Project API (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # API സർവർ ആരംഭിക്കുക -npm run lint # ESLint ഓടി +npm start # എപി ഐ സർവർ ആരംഭിക്കുക +npm run lint # ESLint പ്രവർത്തിപ്പിക്കുക npm run format # Prettier ഉപയോഗിച്ച് ഫോർമാറ്റ് ചെയ്യുക ``` -### ബ്രൗസർ എക്സ്റ്റൻഷൻ പ്രോജക്ടുകൾ +### Browser Extension Projects ```bash cd 5-browser-extension/solution npm install -# ബ്രൗസർ-നിർദ്ദിഷ്ട വിപുലീകരണം ലോഡിംഗ് നിർദ്ദേശങ്ങൾ പാലിക്കുക +# ബ്രൗസർ-നിർദിഷ്ട എക്സ്റ്റൻഷൻ ലോഡിംഗ് നിർദ്ദേശങ്ങൾ പിന്‌മുടിക്കുക ``` -### സ്പേസ് ഗെയിം പ്രോജക്ടുകൾ +### Space Game Projects ```bash cd 6-space-game/solution @@ -67,216 +67,216 @@ npm install # ബ്രൗസറിൽ index.html തുറക്കുക അല്ലെങ്കിൽ ലൈവ് സർവർ ഉപയോഗിക്കുക ``` -### ചാറ്റ് പ്രോജക്ട് (Python ബാക്ക്‌എൻഡ്) +### Chat Project (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN പരിസ്ഥിതി ചുരുക്കുവചനം സജ്ജീകരിക്കുക +# GITHUB_TOKEN പാരിസ്ഥിതിക ചൊല്ല് സജ്ജീകരിക്കുക python api.py ``` -## ഡെവലപ്പ്മെന്റ് വർക്ഫ്ലോ +## Development Workflow -### ഉള്ളടക്കം സംഭാവകരും +### For Content Contributors -1. നിങ്ങളുടെ GitHub അക്കൗണ്ടിലേക്ക് **റിപ്പോസിറ്ററി fork ചെയ്യുക** -2. **ഫോർക്കിന്റെ clone ചെയ്യുക** -3. മാറ്റങ്ങൾക്കായി ഒരു **പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക** -4. പാഠ.CONTENT അല്ലെങ്കിൽ കോഡ് ഉദാഹരണങ്ങളിൽ മാറ്റം വരുത്തുക -5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ പരിശോധന നടത്തുക -6. സംഭാവക നിർദ്ദേശങ്ങൾ പാലിച്ച് പുൾ റിക്വസ്റ്റ് സമർപ്പിക്കുക +1. നിങ്ങളുടെ GitHub അക്കൗണ്ടിലേക്ക് റിപ്പോസിറ്ററി ഫോർക് ചെയ്യുക +2. ഫോർക്ക് ചെയ്ത റിപ്പോസിറ്ററി ലോക്കലായി ക്ലോൺ ചെയ്യുക +3. നിങ്ങളുടെ മാറ്റങ്ങൾക്ക് പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക +4. പാഠം ഉള്ളടക്കം അല്ലെങ്കിൽ കോഡ് ഉദാഹരണങ്ങളിൽ മാറ്റങ്ങൾ വരുത്തുക +5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ പരീക്ഷിക്കുക +6. പങ്കുവെക്കൽ മാർഗനിർദ്ദേശങ്ങൾ പാലിച്ചു പുൾ റിക്വസ്റ്റുകൾ സമർപ്പിക്കുക -### പഠിയ്ക്കുന്നവർക്ക് +### For Learners -1. Fork ചെയ്യുക അല്ലെങ്കിൽ റിപ്പോസിറ്ററി clone ചെയ്യുക -2. പാഠ ഡയറക്ടറികൾ പര്യവേക്ഷണം ചെയ്യുക -3. ഓരോ പാഠത്തിന്റെയും README ഫയലുകൾ വായിക്കുക -4. https://ff-quizzes.netlify.app/web/ ൽ മുൻകൂറുള്ള ക്വിസുകൾ പൂർത്തിയാക്കുക -5. പാഠ ഫോളഡറിലെ കോഡ് ഉദാഹരണങ്ങളിൽ പ്രവർത്തിക്കുക -6. അസൈൻമെന്റുകളും ചലഞ്ചുകളും പൂർത്തിയാക്കുക -7. പാഠത്തിനു ശേഷം ക്വിസുകൾ എടുക്കുക +1. റിപ്പോസിറ്ററി Fork അല്ലെങ്കിൽ clone ചെയ്യുക +2. പാഠം ഡയറക്ടറികളിലൂടെ ക്രമമായി പുറപ്പെടുക +3. ഓരോ പാഠത്തിനും README ഫയലുകൾ വായിക്കുക +4. https://ff-quizzes.netlify.app/web/ ല്‍ പ്രി-പാഠം ക്വിസുകൾ പൂർത്തിയാക്കുക +5. പാഠം ഫോള്ഡറിലെ കോഡ് ഉദാഹരണങ്ങളിൽ പ്രവർത്തിക്കുക +6. അസൈൻമെന്റുകളും ചലഞ്ചുകളും പൂർത്തിയാക്കുക +7. പോസ്റ്റ്-പാഠം ക്വിസുകൾ എടുക്കുക -### ലൈവ് ഡെവലപ്പ്മെന്റ് +### Live Development -- **ഡോക്യുമെന്റ്**: റൂട്ടിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000) -- **ക്വിസ് ആപ്പ്**: `quiz-app` ഡയറക്ടറിയിൽ `npm run dev` റൺ ചെയ്യുക -- **പ്രോജക്ടുകൾ**: HTML പ്രോജക്ടുകൾക്കായി VS Code ലൈവ് സെർവർ വിപുലീകരണം ഉപയോഗിക്കുക -- **API പ്രോജക്ടുകൾ**: അനുയായിയായ API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക +- **ഡോക്യുമെന്റേഷൻ**: റൂട്ടിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000) +- **Quiz App**: quiz-app ഡയറക്ടറിയിൽ `npm run dev` ഓടിക്കുക +- **Projects**: HTML പ്രോജക്ടുകൾക്ക് VS Code Live Server എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക +- **API Projects**: അനുയോജ്യമായ API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക -## ടസ്റ്റിംഗ് നിർദ്ദേശങ്ങൾ +## Testing Instructions -### ക്വിസ് ആപ്പ് ടെസ്റ്റിംഗ് +### Quiz App Testing ```bash cd quiz-app npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക -npm run build # ബിൽഡ് വിജയകരമാണെന്ന് ഉറപ്പാക്കുക +npm run build # നിർമ്മാണം വിജയിക്കുന്നുവെന്ന് സ്ഥിരീകരിക്കുക ``` -### ബാങ്ക് API ടെസ്റ്റിംഗ് +### Bank API Testing ```bash cd 7-bank-project/api npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക -node server.js # പിഴവുകൾ ഇല്ലാതെ സെർവർ തുടങ്ങുന്നത് സ്ഥിരീകരിക്കുക +node server.js # പിഴവുകൾ കൂടാതെ സെർവർ ആരംഭിക്കുന്നു എന്ന് സ്ഥിരീകരിക്കുക ``` -### പൊതുവായ ടെസ്റ്റിംഗ് സമീപനം +### General Testing Approach -- ഇത് സമഗ്രമായ ഓട്ടോമാറ്റഡ് ടെസ്റ്റുകൾ ഇല്ലാത്ത ഒരു വിദ്യാഭ്യാസ സംഭരമാണ് -- മാനുവൽ ടെസ്റ്റിംഗ് ശ്രദ്ധ നൽകുന്നത്: - - കോഡ് ഉദാഹരണങ്ങൾ തെറ്റുകൾ കൂടാതെ ഓടുന്നു - - ഡോക്യുമെന്റേഷന്‍ ലിങ്കുകൾ ശരിയായി പ്രവർത്തിക്കുന്നു - - പ്രോജക്ട് വിജയകരമായി പൂർത്തീകരിക്കുന്നു - - ഉദാഹരണങ്ങൾ മികച്ച രീതികൾ പാലിക്കുന്നു +- ഇത് പരിപൂർണ സ്വയംക്രമിത പരിശോധനകളില്ലാത്ത ഒരു വിദ്യാഭ്യാസ റിപ്പോസിട്ടറിയാണ് +- മാനുവൽ പരിശോധന ശ്രദ്ധിക്കുന്ന കാര്യങ്ങൾ: + - കോഡ് ഉദാഹരണങ്ങൾ പിഴച്ചില്ലാതെ പ്രവർത്തിക്കുന്നു + - ഡോക്യുമെന്റേഷൻ ലിങ്കുകൾ ശരിയായി പ്രവർത്തിക്കുന്നു + - പ്രോജക്ട് ബിൽഡുകൾ വിജയകരമായി പൂർത്തിയായി + - ഉദാഹരണങ്ങൾ മികച്ച രീതികൾ പാലിക്കുന്നു -### മുൻസമർപ്പണ പരിശോധനകൾ +### Pre-submission Checks -- `npm run lint` പാക്കേജ്.json ഉള്ള ഡയറക്ടറികളിൽ റൺ ചെയ്യുക -- മാർക്ക്ഡൗൺ ലിങ്കുകൾ സാധുവാണെന്ന് പരിശോധന നടത്തുക -- കോഡ് ഉദാഹരണങ്ങൾ ബ്രൗസർ അല്ലെങ്കിൽ Node.js ൽ ടെസ്റ്റ് ചെയ്യുക -- വിവർത്തനങ്ങൾ ശരിയായ ഘടന നിലനിർത്തുന്നുവെന്ന് ഉറപ്പാക്കുക +- package.json ഉള്ള ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക +- മാർക്ക്ഡൗൺ ലിങ്കുകൾ ശരിയായവയാണെന്ന് ഉറപ്പാക്കുക +- ബ്രൗസറിൽ അല്ലെങ്കിൽ Node.js-ൽ കോഡ് ഉദാഹരണങ്ങൾ പരീക്ഷിക്കുക +- പരിഭാഷകൾ ശാസ്ത്രീയ രൂപത്തിൽ നിലനിർത്തുന്നുണ്ടെന്ന് പരിശോദിക്കുക -## കോഡ് സ്റ്റൈൽ മാർഗനിർദ്ദേശങ്ങൾ +## Code Style Guidelines -### ജാവാസ്ക്രിപ്റ്റ് +### JavaScript -- ആധുനിക ES6+ സിന്താക്‌സ് ഉപയോഗിക്കുക -- പ്രോജക്ടുകളിൽ നൽകിയ സ്റ്റാൻഡേർഡ് ESLint കോൺഫിഗറേഷൻ പിന്തുടരുക -- ശാസ്ത്രീയ പഠനത്തിന് പ്രസക്തമായ വേരിയബിൾ, ഫംഗ്ഷൻ നാമങ്ങൾ ഉപയോഗിക്കുക -- പഠിക്കുന്നവർക്കായി ആശയങ്ങൾ വിശദീകരിക്കുന്ന കമന്റുകൾ ചേർക്കുക -- നിർദ്ദിഷ്ട Prettier ഫോർമാറ്റർ ഉപയോഗിക്കുക +- ആധുനിക ES6+ സിന്റാക്സ് ഉപയോഗിക്കുക +- പ്രോജക്ടുകളിൽ നൽകിയ സ്റ്റാൻഡേർഡ് ESLint കോൺഫിഗറേഷനുകൾ പിന്തുടരുക +- വിദ്യാഭ്യാസിത്വത്തിന് பொரുത്തമായ വ്യത്യസ്തമായ വേരിയബിൾ, ഫംഗ്ഷൻ പേരുകൾ ഉപയോഗിക്കുക +- പഠനാർത്ഥികൾക്കായി ആശയങ്ങൾ വിശദീകരിക്കുന്ന കമന്റുകൾ ചേർക്കുക +- Prettier ഉപയോഗിച്ച് ഫോർമാറ്റ് ചെയ്യുക; പ്രയോഗം ഉള്ള പ്രോജക്ടുകളിൽ ### HTML/CSS -- സെമാന്റിക് HTML5 ഘടകങ്ങൾ -- റെസ്പോൺസീവ് ഡിസൈൻ സിദ്ധാന്തങ്ങൾ -- വ്യക്തമായ ക്ലാസ് നാമം നൽകൽ -- CSS സാങ്കേതികവിദ്യകൾ വിശദീകരിക്കുന്ന കമന്റുകൾ +- സെമാൻറിക് HTML5 ഘടകങ്ങൾ +- സ്പന്ദനശേഷിയുള്ള ഡിസൈൻ പ്രിൻസിപ്പിൾസ് +- വ്യക്തമായ ക്ലാസ് നാമകരണ രീതി +- CSS സാങ്കേതികതകൾ വിശദീകരിക്കുന്ന കമന്റുകൾ ### Python -- PEP 8 സ്റ്റൈൽ മാർഗനിർദ്ദേശങ്ങൾ -- ശാസ്ത്രീയമായ കോഡ് ഉദാഹരണങ്ങൾ -- പഠനാശ്വാസത്തിന് ടൈപ്പ് ഹിന്റുകൾ +- PEP 8 ശൈലിക നിർദ്ദേശങ്ങൾ +- സുതാര്യമായ വിദ്യാഭ്യാസ കോഡ് ഉദാഹരണങ്ങൾ +- പഠനത്തിനു സഹായകരമായ ടൈപ് ഹിൻറുകൾ -### മാർക്ക്ഡൗൺ ഡോക്യുമെന്റേഷൻ +### Markdown Documentation -- വ്യക്തമായ തലക്കെട്ട് ക്രമീകരണം -- ഭാഷാ പ്രതിരൂപത്തോടെ കോഡ് ബ്ലോക്ക് -- അധിക സ്രോതസ്സുകളിലേക്ക് ലിങ്കുകൾ -- `images/` ഡയറക്ടറികളിലെ സ്ക്രീൻഷോട്ടുകളും ചിത്രങ്ങളും -- ആക്‌സസിബിലിറ്റിക്കായി ചിത്രങ്ങൾക്ക് Alt ടെക്‌സ്‌റ്റ് +- വ്യക്തമായ തലവാചക ക്രമവ്യവസ്ഥ +- ഭാഷാ നിർദ്ദേശത്തോടുകൂടിയ കോഡ് ബ്ലോകുകൾ +- അധിക സ്രോതസ്സ് ലിങ്കുകൾ +- `images/` ഡയറക്ടറികളിലുള്ള സ്ക്രീൻഷോട്ടുകളും ചിത്രങ്ങളും +- ആക്സസിബിലിറ്റിക്ക് വേണ്ടി ചിത്രങ്ങളുടെ Alt ടെക്‌സ്‌റ്റുകൾ -### ഫയൽ സംഘടന +### File Organization -- പാഠങ്ങൾ ക്രമത്തിൽ നമ്പർ ചെയ്തിരിക്കുന്നു (1-getting-started-lessons, 2-js-basics മുതലായവ) -- ഓരോ പ്രോജക്ടിനും `solution/` ഫോളഡറും, ഒരുപാട് കേസുകളിൽ `start/` അല്ലെങ്കിൽ `your-work/` ഫോളഡറുകളും -- പാഠ-പ്രത്യേക `images/` ഫോൾഡറുകളിൽ ചിത്രങ്ങൾ സൂക്ഷിക്കുക -- `translations/{language-code}/` ഘടനയിൽ വിവർത്തനങ്ങൾ +- പാഠങ്ങൾ ഒരു ക്രമത്തിലാക്കിയ നമ്പറിംഗ് (1-getting-started-lessons, 2-js-basics, തുടങ്ങിയവ) +- ഓരോ പ്രോജക്ടിന്റെയും `solution/` ലും പലപ്പോഴും `start/` അല്ലെങ്കിൽ `your-work/` ഡയറക്ടറികൾ +- പാഠം പ്രത്യേകം `images/` ഫോൾഡറുകളിൽ ചിത്രങ്ങൾ സേവ് ചെയ്യുക +- പരിഭാഷകൾ `translations/{language-code}/` ഘടനയിൽ സൂക്ഷിക്കുക -## കെട്ടിടം, വിനിയോഗം +## Build and Deployment -### ക്വിസ് ആപ്പ് വിനിയോഗം (Azure Static Web Apps) +### Quiz App Deployment (Azure Static Web Apps) -കോ quiz-app-ന് Azure Static Web Apps വിനിയോഗം കോൺഫിഗർ ചെയ്തിരിക്കുന്നു: +quiz-app Azure Static Web Apps ഡിപ്ലോയ്മെന്റിന് കോൺഫിഗർ ചെയ്തിരിക്കുന്നു: ```bash cd quiz-app npm run build # dist/ ഫോൾഡർ സൃഷ്ടിക്കുന്നു -# main ൽ push ചെയ്യുമ്പോൾ GitHub Actions workflow വഴി വിന്യസിക്കുന്നു +# മെయిన్ ബ്രാഞ്ചിലേക്ക് പുഷ് ചെയ്യുന്ന സമയത്ത് GitHub Actions പ്രവൃത്തി ഫ്ലോ വഴി വിന്യാസം നിർവഹിക്കുന്നു ``` -Azure Static Web Apps ക്രമീകരണം: -- **ആപ്പ് സ്ഥലം**: `/quiz-app` -- **ഔട്ട്പുട്ട് സ്ഥലം**: `dist` -- **വർക്‌ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Azure Static Web Apps കോൺഫിഗറേഷൻ: +- **ആപ്പ് സ്ഥലം**: `/quiz-app` +- **ഔട്ട്പുട്ട് സ്ഥലം**: `dist` +- **വർക്ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### ഡോക്യുമെന്റേഷൻ PDF സൃഷ്ടി +### Documentation PDF Generation ```bash -npm install # docsify-to-pdf ഇന്‍സ്റ്റാള്‍ ചെയ്യുക -npm run convert # ഡോക്‌സില്‍ നിന്ന് PDF സൃഷ്ടിക്കുക +npm install # docsify-to-pdf ഇൻസ്റ്റാൾ ചെയ്യുക +npm run convert # ഡോക്സിൽ നിന്ന് PDF സൃഷ്ടിക്കുക ``` -### Docsify ഡോക്യുമെന്റേഷൻ +### Docsify Documentation ```bash -npm install -g docsify-cli # ഡോക്‌സ്ഫൈ ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക -docsify serve # ലോക്കൽഹോസ്റ്റിൽ 3000ിനു സർവ് ചെയ്യുക +npm install -g docsify-cli # Docsify ആഗോളമായി ഇൻസ്റ്റാൾ ചെയ്യുക +docsify serve # localhost:3000 ലിൽ സർവ് ചെയ്യുക ``` -### പ്രോജക്ട് പ്രത്യേകമായ കെട്ടിടങ്ങൾ +### Project-specific Builds -ഓരോ പ്രോജക്ട് ഡയറക്ടറിയിലും തികച്ചും വേറിട്ട കെട്ടിട പ്രക്രിയ ഉണ്ടാകാം: -- Vue പ്രോജക്ടുകൾ: `npm run build` പ്രൊഡക്ഷൻ ബണ്ടിലുകൾ സൃഷ്ടിക്കുന്നു -- സ്റ്റാറ്റിക് പ്രോജക്ടുകൾ: കെട്ടിടം ഇല്ലാതെ ഉടൻ സർവ് ചെയ്യുന്നു +ഓരോ പ്രോജക്ട് ഡയറക്ടറിയിലും സ്വന്തം ബിൽഡ് പ്രക്രിയയുണ്ടാകാം: +- Vue പ്രോജക്ടുകൾ: `npm run build` പ്രൊഡക്ഷൻ ബണ്ടുംകൾ സൃഷ്ടിക്കുന്നു +- സ്റ്റാറ്റിക് പ്രോജക്ടുകൾ: ബിൽഡ് ഘട്ടമില്ല, ഫയലുകൾ നേരിട്ട് സേർവ് ചെയ്യുക -## പുൾ റിക്ക്വസ്റ്റ് മാർഗനിർദ്ദേശങ്ങൾ +## Pull Request Guidelines -### തലക്കെട്ട് ഫോർമാറ്റ് +### Title Format -മാറ്റത്തിന്റെ മേഖല വ്യക്തമാക്കുന്ന ശുദ്ധമായ ശീർഷകങ്ങൾ ഉപയോഗിക്കുക: -- `[Quiz-app] ലെഷൻ X ന് പുതിയ ക്വിസ് ചേർക്കുക` -- `[Lesson-3] Terrarium പ്രോജക്ടിൽ ടൈपो നിഷേധിക്കുക` -- `[Translation] ലെഷൻ 5 ന് സ്പാൻസിഷ് വിവർത്തനം ചേർക്കുക` -- `[Docs] സെറ്റപ്പ് നിർദ്ദേശങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക` +മാറ്റത്തിന്റെ മേഖലം വ്യക്തമാക്കുന്ന വ്യക്തമായ, വിവരണാത്മക തലക്കെട്ടുകൾ ഉപയോഗിക്കുക: +- `[Quiz-app] Add new quiz for lesson X` +- `[Lesson-3] Fix typo in terrarium project` +- `[Translation] Add Spanish translation for lesson 5` +- `[Docs] Update setup instructions` -### ആവശ്യമായ പരിശോധനകൾ +### Required Checks -PR സമർപ്പിക്കുന്നതിന് മുമ്പ്: +PR സമർപ്പിക്കുന്നതിന് മുമ്പ്: -1. **കോഡ് ഗുണമേന്മ**: - - ബാധിക്കപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` റൺ ചെയ്യുക - - എല്ലാ ലിന്റിംഗ് പിശകുകളും മുന്നറിയിപ്പുകളും പരിഹരിക്കുക +1. **കോഡ് ഗുണമേൻമ**: + - ബാധകമായ പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക + - എല്ലാ ലിൻറ് പിഴവുകളും മുന്നറിയിപ്പുകളും ശരിയാക്കുക -2. **കെട്ടിട പരിശോധന**: - - പ്രയോഗിക്കാവുന്നുവെങ്കിൽ `npm run build` റൺ ചെയ്യുക - - കോഡ് പിഴവുകൾ ഇല്ലെന്ന് ഉറപ്പാക്കുക +2. **ബിൽഡ് പരിശോധന**: + - ബാധകമെങ്കിൽ `npm run build` ഓടിക്കുക + - ബിൽഡ് പിശകുകൾ ഇല്ലാതിരിക്കണം -3. **ലിങ്ക് പരിശോധന**: - - എല്ലാ മാർക്ക്ഡൗൺ ലിങ്കുകളും പരിശോധിക്കുക - - ചിത്രം റഫറൻസുകൾ പ്രവർത്തിക്കുന്നുവെന്ന് ഉറപ്പാക്കുക +3. **ലിങ്ക് സാധുത**: + - എല്ലാ മാർക്ക്ഡൗൺ ലിങ്കുകളും പരീക്ഷിക്കുക + - ചിത്ര റഫറൻസുകൾ ശരിയായിരിക്കണം -4. **ഉള്ളടക്കം അവലോകനം**: - - ഉച്ചാരണം, വ്യാകരണപരമായി പരിശോധിക്കുക - - കോഡ് ഉദാഹരണങ്ങൾ ശരിയായി, ശാസ്ത്രീയമായി ഉണ്ട് എന്നതിനായി - - വിവർത്തനങ്ങൾ യഥാർത്ഥ അർത്ഥം നിലനിർത്തുന്നുവെന്ന് ഉറപ്പാക്കുക +4. **ഉള്ളടക്കം അവലോകനം**: + - ഭാഷാപിശകുകളും രേഖാശാഖകളും പരിശോധിക്കുക + - കോഡ് ഉദാഹരണങ്ങൾ ശരിയെന്നും വിദ്യാഭ്യാസപ്രധാനമാണെന്ന് ഉറപ്പാക്കുക + - പരിഭാഷകൾ അസ്ഥിരം അർത്ഥം സൂക്ഷിക്കുന്നിടത്തോളം പരിശോധിക്കുക -### സംഭാവക ആവശ്യകതകൾ +### Contribution Requirements -- മൈക്രോസോഫ്റ്റ് CLA സമ്മതിക്കുക (ആദ്യ PR ന് ഓട്ടോമാറ്റിക് പരിശോധന) -- [മൈക്രോസോഫ്റ്റ് ഓപ്പൺ സോഴ്‌സ് കോഡ് ഓഫ് കംഡക്ട്](https://opensource.microsoft.com/codeofconduct/) പാലിക്കുക -- വിശദ മാർഗനിർദ്ദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) കാണുക -- PR വിവരണത്തിൽ കാര്യങ്ങൾ സംബന്ധിച്ച(issue-numbers) ഉദ്ധരിക്കുക +- Microsoft CLA യിൽ അംഗീകാരം (ആദ്യ PR-ൽ സ്വയം പരിശോധന) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) പാലിക്കുക +- വിശദമായ മാർഗനിർദ്ദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) കാണുക +- PR വിവരണത്തിൽ ബന്ധപ്പെട്ട(issue) നമ്പറുകൾ ഉൾപ്പെടുത്തുക (ഉണ്ടെങ്കിൽ) -### അവലോകന പ്രക്രിയ +### Review Process -- PRകൾ സംരക്ഷകരും സമൂഹവും പരിശോധിക്കും -- വിദ്യാഭ്യാസമാണ് മുൻഗണന -- കോഡ് ഉദാഹരണങ്ങൾ നിലവിലെ മികച്ച പ്രാക്ടീസുകൾ പാലിക്കണം -- വിവർത്തനങ്ങൾ കൃത്യതയ്ക്കും സാംസ്കാരിക അനുയോജ്യതയ്ക്കും പരിശോധിക്കപ്പെടും +- PR പുനഃപരിശോധന സംരക്ഷകരും സമൂഹവും നടത്തുന്നു +- വിദ്യാഭ്യാസ സമഗ്രത മുൻഗണനയുള്ളതാണ് +- കോഡ് ഉദാഹരണങ്ങൾ ഇപ്പോഴത്തെ മികച്ച ആചാരങ്ങൾ പാലിക്കണം +- പരിഭാഷകൾ കൃത്യതയ്ക്കും സാംസ്‌ക്കാരിക അനുയോജ്യതയ്ക്കും അവലോകനം ചെയ്യപ്പെടുന്നു -## വിവർത്തന സംവിധാനം +## Translation System -### ഓട്ടോമാറ്റഡ് വിവർത്തനം +### Automated Translation -- GitHub ആക്ഷനുകൾ ഉപയോഗിച്ച് co-op-translator വർക്‌ഫ്ലോ -- 50+ ഭാഷകളിലേക്ക് സ്വയം വിവർത്തനങ്ങൾ -- പ്രധാന ഡയറക്ടറികളിലെ സോഴ്‌സ് ഫയലുകൾ -- `translations/{language-code}/` ഡയറക്ടറികളിലെ വിവർത്തന ഫയലുകൾ +- GitHub Actions സഹിതം co-op-translator വർക്ഫ്ലോ ഉപയോഗിക്കുന്നു +- 50+ ഭാഷകളിലേക്ക് സ്വയം പരിഭാഷ +- പ്രാഥമിക ഡയറക്ടറികളിലുള്ള ആസ്പദ ഫയലുകൾ +- `translations/{language-code}/` ഡയറക്ടറികളിൽ പരിഭാഷ ഫയലുകൾ -### മാനുവൽ വിവർത്തന മെച്ചപ്പെടുത്തലുകൾ ചേർക്കൽ +### Adding Manual Translation Improvements -1. `translations/{language-code}/` ൽ ഫയൽ കണ്ടെത്തുക -2. ഘടന നിലനിർത്തി മെച്ചപ്പെടുത്തലുകൾ വരുത്തുക -3. കോഡ് ഉദാഹരണങ്ങൾ പ്രവർത്തനക്ഷമമാണെന്ന് ഉറപ്പാക്കുക -4. ലൊക്കലൈസ്ഡ് ക്വിസ് ഉള്ളടക്കം ടെസ്റ്റ് ചെയ്യുക +1. `translations/{language-code}/`-ൽ ഫയൽ കണ്ടെത്തുക +2. ഘടനയ്ക്ക് പൊരുത്തം പാലിച്ചുകൊണ്ട് മെച്ചപ്പെടുത്തലുകൾ ചെയ്യുക +3. കോഡ് ഉദാഹരണങ്ങൾ സജീവമാണെന്ന് ഉറപ്പാക്കുക +4. പ്രാദേശിക ക്വിസ് ഉള്ളടക്കം പരീക്ഷിക്കുക -### വിവർത്തന മെറ്റാഡാറ്റ +### Translation Metadata -വിവർത്തന ഫയലുകളിൽ മെറ്റാഡാറ്റ ഹെഡർ ഉൾപ്പെടുന്നു: +പരിഭാഷ ഫയലുകൾ metadata ഹെഡറും ഉൾക്കൊള്ളുന്നു: ```markdown ``` -## ഡീബഗിങ്ങും പ്രശ്നപരിഹാരവും +## Debugging and Troubleshooting -### സാധാരണ പ്രശ്നങ്ങൾ +### Common Issues -**ക്വിസ് ആപ്പ് തുടങ്ങുന്നതിൽ പരാജയം**: -- Node.js പതിപ്പ് പരിശോധിക്കുക (v14+ ശുപാർശ) -- `node_modules` , `package-lock.json` ഇല്ലാതാക്കി പുനഃസ്ഥാപിക്കുക `npm install` -- പോർട്ട് കോഴുത്തുകൾ പരിശോധിക്കുക (ഡിഫോൾട്ട്: Vite പോർട്ട് 5173) +**Quiz app fails to start**: +- Node.js വേർഷൻ പരിശോധിക്കുക (v14+ ശുപാർശ) +- `node_modules`യും `package-lock.json`ഉം മായ്ക്കുക, പിന്നീട് `npm install` ഓടിക്കുക +- പോർട്ട് സംഘർഷങ്ങൾ പരിശോധിക്കുക (ഡിഫോൾട്ട്: Vite പോർട്ട് 5173) -**API സെർവർ തുടങ്ങാനില്ല**: -- കുറഞ്ഞ Node.js പതിപ്പ് ഉറപ്പാക്കുക (node >=10) -- പോർട്ട് ഉപയോഗത്തിൽ ആണോ എന്ന് പരിശോധിക്കുക -- എല്ലാ ആശ്രിതങ്ങൾ `npm install` ഉപയോഗിച്ച് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക +**API server won't start**: +- Node.js വേർഷൻ കുറഞ്ഞത് (node >=10) ആണെന്ന് ഉറപ്പാക്കുക +- പോർട്ട് ഉപയോഗത്തിൽ ആണോ എന്ന് പരിശോധിക്കുക +- എല്ലാ ആശ്രിതങ്ങളുടെയും ഇൻസ്റ്റാൾ ഉറപ്പാക്കുക `npm install` വഴി -**ബ്രൗസർ എക്സ്റ്റൻഷൻ ലോഡ് ആവുന്നില്ല**: -- manifest.json ശരിയായി ഫോർമാറ്റ് ചെയ്‌തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക -- ബ്രൗസർ കോൺസോൾ പിശകുകൾ കാണുക -- ബ്രൗസർ-സ്പെസിഫിക് എക്സ്റ്റൻഷൻ ഇൻസ്റ്റലേഷൻ നിർദ്ദേശങ്ങൾ പാലിക്കുക +**Browser extension won't load**: +- manifest.json ശരിയായി ഫോർമാറ്റ് ചെയ്തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക +- ബ്രഹ്മാണ്ടം കോൺസോളിൽ പിശകുകൾ പരിശോധിക്കുക +- ബ്രൗസർ-സ്വഭാവമുള്ള എക്സ്റ്റൻഷൻ ഇൻസ്റ്റലേഷൻ നിർദ്ദേശങ്ങൾ പാലിക്കുക -**Python ചാറ്റ് പ്രോജക്ട് പ്രശ്നങ്ങൾ**: -- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെങ്കിൽ: `pip install openai` -- GITHUB_TOKEN എൻവയ്റൺമെന്റ് വെരിയബിൾ സജ്ജമാണെന്ന് സ്ഥിരീകരിക്കുക -- GitHub മോഡലുകളുടെ ആക്‌സസ് അനുമതി പരിശോധിക്കുക +**Python chat project issues**: +- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടോ: `pip install openai` +- GITHUB_TOKEN അന്തരീക്ഷ변数(എൺവയോൺമെന്റ് വെരിയബിൾ) സെറ്റ് ചെയ്തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക +- GitHub Models ആക്‌സസ് അനുമതികൾ പരിശോധിക്കുക -**Docsify ഡോക്യുമെന്റുകൾ സർവ് ചെയ്യാത്തത്**: -- docsify-cli ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli` -- റിപ്പോസിറ്ററി റൂട്ടിൽ നിന്നും ഓടിക്കുക -- `docs/_sidebar.md` ഉണ്ട് എന്ന് ഉറപ്പാക്കുക +**Docsify not serving docs**: +- docsify-cli ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli` +- റിപ്പോസിറ്ററി റൂട്ടിൽ നിന്ന് ഓടിക്കുക +- `docs/_sidebar.md` ഫയൽ നിലവിലുണ്ടെന്ന് പരിശോധിക്കുക -### ഡെവലപ്മെന്റ് ആൻvirons +### Development Environment Tips -- HTML പ്രോജക്ടുകൾക്കായി VS Code ലൈവ് സെർവർ വിപുലീകരണം ഉപയോഗിക്കുക -- സ്ഥിരമായ ഫോർമാറ്റിംഗിനായി ESLint, Prettier വിപുലീകരണങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്യുക -- ജാവാസ്ക്രിപ്റ്റിന്റെ ഡീബഗിംഗിന് ബ്രൗസർ ഡെവ് ടൂളുകൾ ഉപയോഗിക്കുക -- Vue പ്രോജക്ടുകൾക്കായി Vue DevTools ബ്രൗസർ എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക +- HTML പ്രോജക്ടുകൾക്കായി VS Code Live Server എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക +- സ്ഥിരതയുള്ള ഫോർമാറ്റിംഗിന് ESLint, Prettier എക്സ്റ്റൻഷനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക +- ജാവാസ്ക്രിപ്റ്റ് ഡീബഗിനായി ബ്രൗസർ ഡെവ് ടൂളുകൾ ഉപയോഗിക്കുക +- Vue പ്രോജക്ടുകൾക്ക് Vue DevTools ബ്രൗസർ എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക -### പെർഫോർമൻസ് പരിഗണനകൾ +### Performance Considerations -- 50+ ഭാഷകളിൽ വിവർത്തനം ഉള്ളതിനാൽ ഫുൾ ക്ലോണുകൾ വലിയവയാണ് -- ഉള്ളടക്കത്തിൽ മാത്രം ജോലിക്കായി ഷാലോ ക്ലോൺ ഉപയോഗിക്കുക: `git clone --depth 1` -- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ ജോലി ചെയ്യുമ്പോൾ വിവർത്തനങ്ങൾ തിരച്ചിൽ ഒഴിവാക്കുക -- സ്ഥാപനങ്ങൾ ആദ്യ റണ്ണിൽ (npm install, Vite build) മന്ദഗതിയിലായിരിക്കും +- 50+ ഭാഷകളിൽ അനേകം പരിഭാഷാ ഫയലുകൾ ഉള്ളതിനാൽ പൂർണ്ണ ക്ലോണുകൾ വലുതാണ് +- ഉള്ളടക്കത്തിൽ മാത്രം ജോലി ചെയ്‌ക്കുമ്പോൾ `git clone --depth 1` പോലുള്ള ഷാലോ ക്ലോണിംഗ് ഉപയോഗിക്കുക +- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ ജോലി ചെയ്‌തുകൊണ്ടിരിക്കുമ്പോൾ പരിഭാഷകളെ തിരച്ചിൽ നിന്നും ഒഴിവാക്കുക +- ആദ്യ ഓടgurila npm install, Vite build തുടങ്ങിയവയിൽ ബിൽഡ് പ്രക്രിയകൾ മന്ദഗതിയിലുള്ളതാണ് -## സുരക്ഷാ പരിഗണനകൾ +## Security Considerations -### എൻവയ(amount)ന്റ variables +### Environment Variables -- API കീകൾ റിപ്പോസിറ്ററിയിൽ ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത് -- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (.gitignore-യിൽ ഉണ്ട്) -- ആവശ്യമായ എൻവയ(amount)ന്റ് വെരിയബിൾ(READMEs)-ൽ രേഖപ്പെടുത്തുക +- API കീകൾ റിപ്പോസിറ്ററിയിലേക്ക് കമിറ്റ് ചെയ്യരുത് +- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (ഇതിന്റെ സാഹചര്യത്തിൽ `.gitignore` നല്കപ്പെട്ടിരിക്കുന്നു) +- ആവശ്യമായ അന്തരീക്ഷ변数കൾ പ്രോജക്ട് README-കളിൽ രേഖപ്പെടുത്തുക -### Python പ്രോജക്ടുകൾ +### Python Projects -- വെർച്ച്വൽ എൻവയ(amount)മെന്റ് ഉപയോഗിക്കുക: `python -m venv venv` -- ആശ്രിതങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക -- GitHub ടോക്കൺകൾ കുറഞ്ഞ അനുമതികൾ მქონതായിരിക്കണം +- വേർച്വൽ എന്വയോൺമെന്റുകൾ ഉപയോഗിക്കുക: `python -m venv venv` +- ആശ്രിതങ്ങൾ പുതുക്കിപ്പിടിക്കുക +- GitHub ടോക്കണുകൾ ഏറ്റവും കുറഞ്ഞ അനുമതികളോടെ ജീവനത്തോട് ചേർക്കുക -### GitHub മോഡലുകൾ ആക്‌സസ് +### GitHub Models Access -- GitHub മോഡലുകൾക്കായി വ്യക്തിഗത ആക്‌സസ് ടോക്കണുകൾ (PAT) ആവശ്യമാണ് -- ടോക്കണുകൾ എൻവയ(amount)ന്റ് വെരിയബിളുകളായി സൂക്ഷിക്കുക -- ടോക്കൺ അല്ലെങ്കിൽ ക്രെഡൻഷ്യൽസ് ഒടുക്കെയുള്ള റിപ്പോർട്ടിംഗിൽ അടക്കം ചെയ്തരുത് +- GitHub മോഡലുകൾക്ക് വ്യക്തിഗത ആക്‌സസ് ടോക്കണുകൾ (PAT) ആവശ്യമാണ് +- ടോക്കണുകൾ അന്തരീക്ഷ변数കളായി സൂക്ഷിക്കുക +- ടോക്കൺ അല്ലെങ്കിൽ ക്രെഡൻഷ്യലുകൾ ഒരിക്കലും കമിറ്റുചെയ്യരുത് -## അധിക കുറിപ്പുകൾ +## Additional Notes -### ലക്ഷ്യ പ്രേക്ഷകർ +### Target Audience -- വെബ് ഡെവലപ്പ്മെന്റിൽ പുത്തൻ തുടക്കം കുറിക്കുന്നവർ -- വിദ്യാർത്ഥികളും സ്വയം പഠിക്കുന്നവരും -- ക്ലാസുകളിൽ പാഠ്യകാര്യം ഉപയോഗിക്കുന്ന അധ്യാപകർ -- ആക്‌സസിബിലിറ്റിക്കും ക്രമികമായ നൈപുണ്യ വികസനത്തിനും രൂപപ്പെടുത്തിയ ഉള്ളടക്കം +- വെബ് ഡെവലപ്‌മെന്റിൽ പുത്തൻ തുടങ്ങുന്നവർക്ക് +- വിദ്യാർത്ഥികൾക്കും സ്വയം പഠിക്കുന്നവർക്കും +- തദ്ദേശീയ ക്ലാസ്റൂമുകളിൽ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്ന അദ്ധ്യാപകർക്ക് +- ആക്സസിബിലിറ്റിയും സംവിത്തിക്കാൻ സാധിക്കുന്ന മൃദുവായ കായപാടും ഉള്ള ഉള്ളടക്കം -### വിദ്യാഭ്യാസ തത്വചിന്തനം +### Educational Philosophy -- പ്രോജക്ട് അടിസ്ഥാന പഠന രീതി -- നിരന്തരമായ അറിവ് പരിശോധനകൾ (ക്വിസുകൾ) -- പ്രായോഗിക കോഡിംഗ് വ്യായാമങ്ങൾ -- യഥാർത്ഥ ലോക പ്രയോഗ ഉദാഹരണങ്ങൾ -- ഫ്രെയിംവർക്കുകൾക്കു മുമ്പുള്ള അടിസ്ഥാനങ്ങൾക്കു ശ്രദ്ധ +- പ്രോജക്ട് അധിഷ്ഠിത പഠനം +- പതിവായി അറിവ് പരിശോധിക്കൽ (ക്വിസുകൾ) +- പ്രായോഗിക കോഡിംഗ് അഭ്യാസങ്ങൾ +- യഥാർത്ഥ ലോക ആവശ്യങ്ങളില്‍ പ്രയോഗം +- ഫ്രെയിംവര്‍ക്കുകൾക്കുമുമ്പുള്ള അടിസ്ഥാനങ്ങൾ പ്രാധാന്യം -### സംരക്ഷണ പ്രവർത്തനം +### Repository Maintenance -- പഠിയ്ക്കുന്നവരുടെ, സംഭാവകരുടെ സജീവ സമൂഹം -- ആശ്രിതങ്ങളും ഉള്ളടക്കവും സ്ഥിരം അപ്ഡേറ്റുകൾ -- നിലനിൽപ്പുകാർ പ്രശ്നങ്ങൾക്കും ചർച്ചകൾക്കും ശ്രദ്ധ നൽകുന്നു -- വിവർത്തന അപ്ഡേറ്റുകൾ GitHub ആക്ഷനുകൾ വഴി ഓട്ടോമാറ്റിക് ചെയ്യുന്നു +- പഠനാർ‍ത്ഥികളും സംഭാവനകർത്താക്കളുമായി സജീവമായ സമൂഹം +- ആശ്രിതങ്ങളും ഉള്ളടക്കവും നിരന്തരമായി നവീകരണം +- പ്രശ്നങ്ങൾക്കും ചർച്ചകൾക്കും സംരക്ഷകർ നിരീക്ഷണം +- GitHub Actions വഴി പരിഭാഷാ അപ്ഡേറ്റുകൾക്ക് ഓട്ടോമേഷൻ -### ബന്ധപ്പെട്ട വിഭവങ്ങൾ +### Related Resources -- [Microsoft Learn modules](https://docs.microsoft.com/learn/) -- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) -- പഠിയ്ക്കുന്നവർക്കായി ശുപാർശ: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) -- അധിക കോഴ്സുകൾ: Generative AI, Data Science, ML, IoT പാഠ്യപദ്ധതികൾ ലഭ്യമാണ് +- [Microsoft Learn modules](https://docs.microsoft.com/learn/) +- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) വിദ്യാര്‍ത്ഥികൾക്ക് ശുപാർശ ചെയ്തിരിക്കുന്നു +- അധിക കോഴ്സുകൾ: Generative AI, Data Science, ML, IoT പാഠ്യപദ്ധതികൾ ലഭ്യമാണ് -### പ്രത്യേക പ്രോജക്ടുകളുമായി ജോലി ചെയ്യൽ +### Working with Specific Projects -വിവരങ്ങൾക്ക് ഓരോ പ്രോജക്റ്റിൻറെ README ഫയലുകൾ കാണുക: -- `quiz-app/README.md` - Vue 3 ക്വിസ് ആപ്പ് -- `7-bank-project/README.md` - ഓതന്റിക്കേഷൻ ഉള്ള ബാങ്കിങ് ആപ്പ് -- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റെൻഷൻ വികസനം -- `6-space-game/README.md` - കാന്‍വാസ് അടിസ്ഥാന ഗെയിം ഡെവലപ്പ്മെന്റ് -- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് +വിവിധ പ്രോജക്ടുകൾക്കുള്ള വിശദമായ നിർദ്ദേശങ്ങൾക്കായി താഴെ കാണുന്ന README ഫയലുകൾ കാണുക: +- `quiz-app/README.md` - Vue 3 ക്വിസ് അപ്ലിക്കേഷൻ +- `7-bank-project/README.md` - ഓത്തൻറ്റിക്കേഷൻ ഉൾമുള്ള ബാങ്കിംഗ് അപ്ലിക്കേഷൻ +- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റൻഷൻ ഡെവലപ്‌മെന്റ് +- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാനത്തിലുള്ള ഗെയിം ഡെവലപ്‌മെന്റ് +- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്ട് -### മൊണൊറെപോ ഘടന +### Monorepo Structure -പാരമ്പര്യമുള്ള മൊണൊറെപോ ആയിരിക്കmasaില്ലെങ്കിലും, ഈ സംഭരത്തിൽ ഒട്ടനവധി സ്വതന്ത്ര പ്രോജക്ടുകൾ വേണ്ടിയാണ്: -- ഓരോ പാഠവും സ്വതന്ത്രമാണ് -- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കിടാറില്ല -- മറ്റുള്ളവയെ ബാധിക്കാതെ നേരിട്ട് ഓരോ പ്രോജക്ടിലും ജോലി ചെയ്യാം -- സമ്പൂർണ പാഠ്യാനുഭവത്തിനായിഹ് ഈ മുഴുവൻ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക +പാരമ്പര്യമായ മൊണോറെപ്പോ അല്ലെങ്കിലും, ഈ റിപ്പോസിറ്ററിയിൽ പല സ്വതന്ത്ര പ്രോജക്ടുകൾ അടങ്ങുന്നു: +- ഓരോ പാഠവും സ്വയം സാങ്കേതികമായി പൂർണ്ണമാണ് +- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കുവയ്ക്കുന്നില്ല +- വ്യത്യസ്ത പ്രോജക്ടുകളിൽ പരസ്പരം പ്രഭാവം ഇല്ലാതെ ജോലി ചെയ്യാം +- പൂർണ പാഠ്യകൂട്ടാനുഭവത്തിനായി മുഴുവൻ റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക --- -**പോരായ്മയൊപ്പമെന്ന് അറിയിപ്പ്**: -ഈ ഡോക്യൂമെന്റ് [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. നാം കൃത്യതയ്ക്ക് പരിശ്രമിച്ചാലും, യന്ത്രം വിവർത്തനത്തിൽ പിഴവുകളോ നിർവചനഭ്രമങ്ങളോ ഉണ്ടാകാമെന്ന നിർദ്ദേശം മനസിലാക്കുക. അതിന്റെ മാതൃഭാഷയിലുള്ള മൗലിക ഡോക്യുമെന്റ് മാത്രമാണ് വിശ്വസനീയമായ ഉറവിടം എന്നു കരുതേണ്ടതാണ്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിന് പശ്ചാത്തലത്തിൽ ഉണ്ടാകുന്ന ബോധക്കേടുകൾക്കും വ്യാഖ്യാനഭ്രമങ്ങൾക്കും നാം ഉത്തരവാദികളല്ല. +**അസ്വീകരണം**: +ഈ ഡോക്യുമെന്റ് AI പരിഭാഷാ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തു. നാം കൃത്യതയ്ക്കായി പരിശ്രമിക്കുന്നുണ്ടെങ്കിലും, സ്വയംഭരണ വിവർത്തനങ്ങളിലും പിശകുകൾ ഉണ്ടായിരിക്കാമെന്നത് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷയിലുള്ള യഥാർത്ഥ ഡോക്യുമെന്റ് അധികാരമുള്ള ഉറവിടമായിരിക്കണം. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം നടത്തുന്നതാണ് ഉത്തമം. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തിൽ നിന്നു് ഉണ്ടാകാവുന്ന അസംയോജനങ്ങളിലോ തെറ്റായ വ്യാഖ്യാനങ്ങളിലോ നാം ഉത്തരവാദിത്വം വഹിക്കുന്നില്ല. \ No newline at end of file diff --git a/translations/ml/README.md b/translations/ml/README.md index c945f69e2a..ce585c1bbd 100644 --- a/translations/ml/README.md +++ b/translations/ml/README.md @@ -1,38 +1,38 @@ -[![GitHub ലൈസൻസ്](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) -[![GitHub സംഭാവനക്കാർ](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) -[![GitHub പ്രശ്നങ്ങൾ](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) -[![GitHub പുൾ-റിക്വസ്റ്റുകൾ](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) -[![പുൾ-റിക്ക്വെസ്റ്റുകൾ സ്വാഗതം](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) +[![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 വാച്ചേഴ്സ്](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 ഫോർക്സ്](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) -[![GitHub താരക്കൾ](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) +[![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) -# പുതിയവർക്കുള്ള വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു പാഠ്യപദ്ധതി +# Web Development for Beginners - ഒരു പാഠ്യപദ്ധതി -Microsoft Cloud Advocates ഒരുക്കുന്ന 12-വാര വ്യാപ്തിയുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിലായി ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയെ ഇവിടെ തൊട്ടു പഠിക്കുന്ന പ്രാക്ടിക്കൽ പ്രോജക്ടുകൾ മുഖേന അടിയുറച്ചു പഠനമാണ്, ഉദാഹരണമായി ടെറേറിയം, ബ്രൗസർ എക്സടൻഷനുകൾ, സ്പേസ് ഗെയിംസ് എന്നിവ. ക്വിസുകൾ, സംവാദങ്ങൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളികളാകുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്തുകയും നിങ്ങൾ പഠിച്ച കാര്യങ്ങൾ നല്ല രീതിയിൽ പകർന്നു വെക്കുകയും ചെയ്യുക നമ്മുടെ ഫലപ്രദമായ പ്രോജക്ട് അധിഷ്ഠിത പഠനരീതികൾ ഉപയോഗിച്ച്. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കൂ! +Microsoft Cloud Advocates ഒരുക്കുന്ന 12 ആഴ്‌ചകളുള്ള സമഗ്ര കോഴ്സിനൊപ്പം വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളുടെ ഓരോതും ടെറേറിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്‌പേസ് ഗെയിമുകൾ പോലുള്ള പ്രായോഗിക പ്രോജക്ടുകൾ വഴിയുള്ള ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയിൽ ആഴത്തിലുള്ള പഠനം നൽകുന്നു. ക്വിസുകളും, ചർച്ചകളും, പ്രായോഗിക അസൈൻമെന്റുകളും നിങ്ങളെ സജീവമാക്കും. പ്രൊജക്ട് അടിസ്ഥാനമുള്ള ഈ പാഠരീതിയോടെ നിങ്ങളുടെ വിദ്യയുയർത്തി പരിപൂർണമായി മനസ്സിലാക്കുക. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കുക! -Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേർക്കുക +Azure AI Foundry Discord-ലേക്ക് ചേരുക, വിദഗ്ധരുമായും മറ്റ് ഡവലപ്പർമാരുമായും പരിചയപ്പെടുക. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ഈ വിഭവങ്ങൾ ഉപയോഗിച്ച് ആരംഭിക്കാൻ ഈ പടികളേ പിന്തുടരുക: -1. **റിപോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ക്ലിക്ക് ചെയ്യൂ [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord-ലേക്ക് ചേരുക, വിദഗ്ധരും മറ്റ് ഡെവലപ്പർമാരും കണ്ടുമുട്ടുക**](https://discord.com/invite/ByRwuEEgH4) +ഈ സ്രോതസുകൾ ഉപയോഗിച്ച് ആരംഭിക്കാൻ ഈ ചുവടുകളെ പിന്തുടരുക: +1. **റിപ്പോസിറ്ററി Fork ചെയ്യുക**: ക്ലിക്ക് ചെയ്യുക [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord-ലേക്ക് ചേരുക, വിദഗ്ധരുമായും മറ്റ് ഡവലപ്പർമാരുമായും പരിചയപ്പെടുക**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 ബഹുഭാഷാ പിന്തുണ +### 🌐 බഹു-ഭാഷാ പിന്തുണ -#### GitHub ആക്‌ഷൻ വഴി പിന്തുണ (സ്വയം പ്രവർത്തിക്കുകയും എപ്പോഴും പുതുക്കുകയാണ്) +#### GitHub Action വഴി പിന്തുണ (സ്വയം ക്രമീകരണമായും സ്ഥിരമായി അപ്‌ഡേറ്റ് ചെയ്യുന്നവ) [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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](./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](../es/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) -> **ഏകദേശം ക്ലോൺ ചെയ്യാൻ ആഗ്രഹമുണ്ടോ?** +> **പ്രാദേശികമായി ക്ലോൺ ചെയ്യാമോ?** > -> ഈ റിപോസിട്ടറിയിൽ 50-മായ ഭാഷാ തർജ്ജമകൾ ഉൾപ്പെടുത്തിയിരിക്കുന്നതിനാൽ ഡൗൺലോഡ് വലുതാണ്. തർജ്ജമകൾ ഒഴിവാക്കി ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക: +> ഈ റിപോസിറ്ററിയിൽ 50+ ഭാഷാ പരിഭാഷകളും അടങ്ങിയിട്ടുണ്ട്, ഇത് ഡൗൺലോഡ് വലിപ്പം വളരെയധികം വർദ്ധിപ്പിക്കുന്നു. പരിഭാഷകൾ ഇല്ലാതെ ക്ലോൺ ചെയ്യാൻ, സ്‌പാർസ് ചെക്ക്ഔട്ട് ഉപയോഗിക്കുക: > > **Bash / macOS / Linux:** > ```bash @@ -48,175 +48,175 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> ഇതുകൊണ്ട് കോഴ്സിന്റെ പൂര്‍ത്തീകരണത്തിന് ആവശ്യമുള്ള എല്ലാം വളരെ വേഗത്തില്‍ ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും. +> ഇത് നിങ്ങൾക്ക് കോഴ്‌സ് പൂർത്തിയാക്കാൻ വേണ്ടതെല്ലാം ഒരു വേഗത്തിലുള്ള ഡൗൺലോഡുമായി നൽകും. -**നിങ്ങൾക്ക് കൂടുതൽ തർജ്ജമാ ഭാഷകൾ വേണ്ടെങ്കിൽ അവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) പട്ടികപ്പെടുത്തിയിട്ടുണ്ട്** +**മേറെ വിവർത്തനങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, പിന്തുണയുള്ള ഭാഷകൾ ഇവിടെ കൊടുക്കപ്പെട്ടിരിക്കുന്നു. [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![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) -#### 🧑‍🎓 _നീങ്ങൾ വിദ്യാർത്ഥിയാണോ?_ +#### 🧑‍🎓 _നിങ്ങൾ ഒരു വിദ്യാർത്ഥിയാണോ?_ -[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കൂ, ഇവിടെ നിങ്ങൾക്ക് തുടക്കദിശാസൂചനുകൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചറുകൾ ലഭിക്കും. മാസത്തിലെ മാറ്റങ്ങൾക്കനുസരിച്ച് ഇതു താങ്കളുടെ ബുക്ക്‌മാർക്കാക്കി ഇടയ്ക്ക് പരിശോധിക്കേണ്ട ഈ പേജ് ആണ്. +[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അവിടെ നിങ്ങൾക്ക് തുടക്കക്കാരൻ ആയതിനുള്ള ഉറവിടങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, ഒപ്പം സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചർ നേടാനുള്ള മാർഗങ്ങൾ ലഭിക്കും. ഓരോ മാസവും ഉള്ളടക്കം മാറ്റുമ്പോൾ ഇവിടെ ബുക്ക്‌മാർക്ക് ചെയ്യുകയും ഇടയ്ക്കിടെ പരിശോധിക്കുകയുമാണ് ഏറ്റവും നല്ലത്. -### 📣 പ്രഖ്യാപനo - GitHub Copilot Agent മോഡ് വെല്ലുവിളികൾ പൂർത്തിയാക്കൂ! +### 📣 പ്രഖ്യാപനം - പുതിയ GitHub Copilot Agent മോഡ് ചലഞ്ചുകൾ പൂർത്തിയാക്കണം! -പുതിയ വെല്ലുവിളി ചേർക്കപ്പെട്ടിരിക്കുന്നു, അധികം അധ്യായങ്ങളിൽ "GitHub Copilot Agent Challenge 🚀" എന്ന് നോക്കൂ. GitHub Copilot-ഉം Agent മോഡും ഉപയോഗിച്ച് പൂർത്തിയാക്കാവുന്ന പുതിയ വെല്ലുവിളിയാണ് ഇത്. Agent മോഡ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ വായിച്ച് നോക്കൂ, ഇത് ടെക്സ്റ്റ് സൃഷ്ടിക്കുന്നതിനുപുറവും ഫയലുകൾ സൃഷ്ടിക്കുകയും തിരുത്തുകയും കമാൻഡുകൾ चलിപ്പിക്കുകയും മുതലായവ ചെയ്യാൻ കഴിയും. +പുതിയ ചലഞ്ച് ചേർത്തിട്ടുണ്ട്, മിക്ക അധ്യായങ്ങളിലും "GitHub Copilot Agent Challenge 🚀" കാണുക. GitHub Copilot, Agent മോഡ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് പൂർത്തിയാക്കാനുള്ള പുതിയ ഒരു ചലഞ്ച് ആണ് ഇത്. Agent മോഡിന്റെ ഉപയോഗം ഇല്ലെങ്കിൽ, ഇത് തീരുവടക്കം എഴുത്ത് സൃഷ്‌ടിക്കുക മാത്രമല്ല, ഫയലുകൾ സൃഷ്‌ടിക്കുകയും എഡിറ്റ് ചെയ്യുകയും, കമാൻഡുകൾ ഓടിക്കുകയും മറ്റും ചെയ്യാൻ കഴിയും. -### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI ഉപയോഗിച്ച് പുതിയ പ്രോജക്ട് നിർമ്മിക്കൂ_ +### 📣 പ്രഖ്യാപനം - _Generative AI ഉപയോഗിച്ച് നിർമ്മിക്കാനുള്ള പുതിയ പ്രോജക്ട്_ -പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പേസ്റ്റ് ചെയ്തിരിക്കുന്നു, [പ്രോജക്ട്](./9-chat-project/README.md) നിരീക്ഷിക്കുക +പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് ചേർത്തിട്ടുണ്ട്, പരിശോധിക്കുക [project](./9-chat-project/README.md) -### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI-യ്ക്കായി ജാവാസ്ക്രിപ്റ്റ് പുതിയ പാഠ്യപദ്ധതി_ +### 📣 പ്രഖ്യാപനം - _Generative AI-നുള്ള പുതിയ പാഠ്യപദ്ധതി_ ജാവാസ്ക്രിപ്റ്റിനായുള്ളത് പുറത്തിറങ്ങിയിരിക്കുന്നു -പുതിയ ജനറേറ്റീവ് AI പാഠ്യപദ്ധതി പുറത്തിറക്കി! +പുതിയ Generative AI പാഠ്യപദ്ധതി ഒഴിവാക്കേണ്ടതില്ല! -തുടങ്ങാൻ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) സന്ദർശിക്കൂ! +[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) സന്ദർശിച്ച് തുടങ്ങിയെടുക്കുക! -![പശ്ചാത്തലം](../../translated_images/ml/background.148a8d43afde5730.webp) +![Background](../../translated_images/ml/background.148a8d43afde5730.webp) -- അടിസ്ഥാനങ്ങളിൽ നിന്നും RAG വരെ മുഴുവൻ പാഠങ്ങൾ. -- GenAI-ഉം, നമ്മുടെ കൂട്ടുആപ്പ് ഉപയോഗിച്ചുള്ള ചരിത്ര കഥാപാത്രങ്ങളുമായ സംവാദങ്ങൾ. -- രസകരവും ആകർഷകവുമായ കഥാപ്രസംഗം, നിങ്ങൾ സമയ യാത്ര ചെയ്യുന്നു! +- അടിസ്ഥാനങ്ങൾ മുതൽ RAG-വരെ ഉൾക്കൊള്ളുന്ന പാഠങ്ങൾ. +- GenAI-യുടേയും നമ്മുടെ കൂട്ടിച്ചേർത്ത ആപ്ലിക്കേഷന്റേയും സഹായത്തോടെ ചരിത്ര കഥാപാത്രങ്ങളുമായി സംവദിക്കുക. +- രസകരവും ആകർഷകവുമായ കഥാപ്രവാഹം, നിങ്ങൾക്കൊരു കാലയാത്ര! -![കഥാപാത്രം](../../translated_images/ml/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/ml/character.5c0dd8e067ffd693.webp) -ഓരോ പാഠത്തിലും അസൈൻമെന്റും, പരിജ്ഞാനപരിശോധനയും, വെല്ലുവിളിയും ഉണ്ട്, ഇരക്കുന്നതിൽ: -- പ്രോംപ്റ്റിംഗ്, പ്രോംപ്റ്റ് എന്‍‌ജിനീയറിംഗ് -- ടെക്സ്റ്റ്, ഇമേജ് ആപ്പ് സൃഷ്ടിക്കൽ -- സെർച്ച് ആപ്പുകൾ +ഓരോ പാഠവും ഒരു അസൈൻമെന്റ്, ഒരു വിജ്ഞാന പരിശോധന, ഒരു ചോദ്യോത്തര ചലഞ്ച് എന്നിവ ഉൾക്കൊള്ളുന്നു, പഠിക്കാനുള്ള വിഷയങ്ങൾ: +- പ്രോംപ്റ്റിങ്, പ്രോംപ്റ്റ് എഞ്ചിനീയറിംഗ് +- ടെക്സ്റ്റ്, ഇമേജ് ആപ് ജനറേഷൻ +- സെർച്ച് ആപ്ലിക്കേഷനുകൾ -തുടങ്ങാൻ സന്ദർശിക്കൂ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) +[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) സന്ദർശിച്ച് തുടങ്ങിയെടുക്കുക! -## 🌱 ആരംഭിക്കൽ +## 🌱 ആരംഭിക്കാം -> **ടീച്ചർമാർക്ക്**, ഈ പాఠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിൽ കുറച്ച് നിർദ്ദേശങ്ങളും ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് [for-teachers.md](for-teachers.md). നിങ്ങളുടെ അഭിപ്രായങ്ങൾ [സംവാദ ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) പ്രതീക്ഷിക്കുന്നു! +> **അദ്ധ്യാപകർ**, ഈ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിന് ചില നിർദ്ദേശങ്ങൾ ഞങ്ങൾ [ഉൾപ്പെടുത്തിയിട്ടുണ്ട്](for-teachers.md). നിങ്ങളുടെ പ്രതികരണം [നമ്മുടെ ചർച്ച ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) നാം ആഗ്രഹിക്കുന്നു! -**[പഠിതാക്കൾ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠവും പ്രീ-ലെക്ചർ ക്വിസിലൂടെ തുടങ്ങുക, മുൻപിൽ നൽകുന്ന പാഠവസ്തു വായിച്ചുക, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കി, പിന്നീട് പോസ്റ്റ്-ലെക്ചർ ക്വിസ് ചെയ്താൽ തിരിച്ചറിയൽ ഉറപ്പാക്കാം. +**[പഠിക്കുന്നവർ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠത്തിനും തുടക്കത്തിൽ ഒരു പ്രീ-ലെക്ചർ ക്വിസ് നടത്തുകയും പാഠഭാഗം വായിക്കുകയും വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കുകയും പോസ്റ്റ്-ലെക്ചർ ക്വിസ് വഴി മനസ്സിലാക്കിയ കാര്യങ്ങളെ പരിശോധിക്കുകയും ചെയ്യുക. -നിങ്ങളുടെ പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, കൂട്ടരോടൊപ്പം ചേർന്നു പ്രോജക്ടുകൾ നിർവ്വഹിക്കൂ! സംവാദങ്ങൾക്ക് ഞങ്ങളുടെ [സംവാദ ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, അവിടെ ഞങ്ങളുടെ മോദറേറ്റിംഗ് ടീം നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് മറുപടി നൽകുന്നതാണ്. +പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, സഹപാഠികളുമായി ചേർന്ന് പ്രോജക്ടുകൾ രൂപകരിക്കാൻ ശ്രമിക്കുക! ചർച്ചകൾക്ക് ഞങ്ങളുടെ [ചർച്ച ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, അവിടെ ഒരു നിരന്തരമായ നിരീക്ഷക സംഘം നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകാൻ സന്നദ്ധമാണ്. -കൂടുതൽ പഠനം ആഗ്രഹിക്കുന്നവർക്ക്, Microsoft Learn [ഇവിടെ](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ച് കൂടുതൽ പഠനപദ്ധതികൾ തേടാൻ ഞങ്ങൾ നിർദേശിക്കുന്നു. +കൂടുതൽ വിദ്യാഭ്യാസത്തിനും മൈക്രോസോഫ്റ്റ് ലേൺ ([Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)) ഉപയോഗിച്ച് കൂടുതൽ പഠനസാധനങ്ങൾ തേടാൻ ഞങ്ങൾ ശക്തമായി നിർദ്ദേശിക്കുന്നു. -### 📋 നിങ്ങളുടെ പരിസരമൊരുക്കൽ +### 📋 നിങ്ങളുടെ പരിസ്ഥിതി സജ്ജീകരിക്കൽ -ഈ പാഠ്യപദ്ധതിക്ക് തയ്യാറായ വികസന പരിസരം ഉണ്ട്! തുടങ്ങുമ്പോൾ, ഇത് ഒരു [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അധിഷ്ഠിത, ഇൻസ്റ്റാൾ ആവശ്യമില്ലാത്ത പരിസരം_) എന്ന നിലയിൽ ഓടിക്കാൻ അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് ലോക്കൽ ആയി ഓടിക്കാം. +ഈ പാഠ്യപദ്ധതിയിൽ വികസന പരിസ്ഥിതി തയ്യാറാണ്! പഠനം തുടങ്ങിയാൽ [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസറിലെ, ഇൻസ്റ്റാളേഷൻ ഇല്ലാതെ പ്രവർത്തിക്കുന്ന ഒരു പരിസ്ഥിതി_) അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രാദേശികമായി [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് കോഴ്സ് ഓടിക്കാം. #### നിങ്ങളുടെ റിപോസിറ്ററി സൃഷ്ടിക്കുക -നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ ബുക്ക് ചെയ്യാൻ, ഈ റിപോസിറ്ററിയുടെ ഒരു കോപ്പി സൃഷ്ടിക്കാൻ ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്യുമ്പോൾ ഇത് നിങ്ങളുടെ GitHub അക്കൗട്ടിൽ പുതിയ റിപോസിറ്ററി സൃഷ്ടിക്കും, അതിൽ ഈ പാഠ്യപദ്ധതി ഉൾപ്പെടും. +നിങ്ങളുടെ പ്രവൃത്തി സ്ത്രസപ്പെടുത്താതെ സംരക്ഷിക്കാനായി, ഈ റെപ്പോസിറ്ററിയുടെ സ്വന്തം കോപ്പി സൃഷ്ടിക്കേണ്ടതുണ്ട്. പേജിന്റെ മുകളിലുള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്താൽ ഇത് നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ പുതിയ റിപോസിറ്ററി ആയി സൃഷ്ടിക്കും. -പടികൾ അനുസരിച്ച്: -1. **റിപോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിൽ വലത് കോണിൽ "Fork" ബട്ടണിൽ ക്ലിക്കുചെയ്യുക. -2. **റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +ഈ ചുവടുകൾ പിന്തുടരുക: +1. **റിപ്പോസിറ്ററി Fork ചെയ്യുക**: ഈ പേജിന്റെ മുകളിലേയ്ക്ക് വലതുവശത്തുള്ള "Fork" ബട്ടൺ ക്ലിക്ക് ചെയ്യുക. +2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace-ലാണ് പാഠ്യപദ്ധതി ഓടിക്കൽ +#### Codespace-ൽ പാഠ്യപദ്ധതി ഓടിക്കുക -നിങ്ങൾ സൃഷ്ടിച്ച ഈ കോപ്പി റിപോസിറ്ററിയിൽ, **Code** ബട്ടൺ ക്ലിക്കുചെയ്യുക, പിന്‌വീട് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. നിങ്ങളുടെ പ്രവർത്തനത്തിന് പുതിയ ഒരു Codespace സൃഷ്ടിക്കും. +നിങ്ങളുടെ സൃഷ്ടിച്ച കോപ്പിയിൽ, **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. ഇതു വഴി നിങ്ങൾക്കായി പുതിയ Codespace സൃഷ്ടിക്കപ്പെടും. ![Codespace](../../translated_images/ml/createcodespace.0238bbf4d7a8d955.webp) -#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലോക്കൽ ആയി പാഠ്യപദ്ധതി ഓടിക്കൽ +#### പ്രാദേശികമായി പാഠ്യപദ്ധതി ഓടിക്കുക -ഈ പാഠ്യപദ്ധതി ലോക്കലായി ഓടിക്കാൻ, നിങ്ങൾക്ക് ഒരു ടെക്സ്റ്റ് എഡിറ്ററും ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും ആവശ്യമാണ്. ആദ്യം പാഠം [Programming Languages and Tools of the Trade-ലേക്ക് പരിചയം](../../1-getting-started-lessons/1-intro-to-programming-languages) എന്നതിൽ ഈ ഉപകരണങ്ങളിൽ നിന്നെ തിരഞ്ഞെടുക്കാനുള്ള വഴികൾ വിശദമാക്കും. +നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പാഠ്യപദ്ധതി ഓടിക്കാൻ, ഒരു ടെക്സ്റ്റ് എഡിറ്റർ, ഒരു ബ്രൗസർ, ഒരു കമാൻഡ് ലൈൻ ടൂൾ എന്നിവ ആവശ്യമാണ്. ആദ്യ പാഠം, [പ്രോഗ്രാമിംഗ് ഭാഷകളും ഉപകരണങ്ങളുമായുള്ള പരിചയം](../../1-getting-started-lessons/1-intro-to-programming-languages) സഹായത്തോടെ എല്ലാ ടൂള്‍ ഓപ്ഷനുകളും പരിചയപ്പെടാം, നിങ്ങൾക്ക് ഏറ്റവും അനുയോജ്യം തിരഞ്ഞെടുക്കാം. -ഞങ്ങളുടെ ശുപാർശ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ആണ്, ഇതിൽ നിർമ്മിച്ച [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ഉണ്ട്. Visual Studio Code [ഇവിടെയായാണ് ഡൗൺലോഡ് ചെയ്യുക](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. നിങ്ങളുടെ റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. ഇത് ചെയ്യാൻ **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL കോപ്പി ചെയ്യാം: +ഞങ്ങളുടെ ശുപാർശ: [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ആണ്, അതിൽ ഉൾക്കൊള്ളുന്ന [ടർമിനൽ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) അനുബദ്ധമാണ്. Visual Studio Code [ഇവിടെ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) നിന്നും ഡൗൺലോഡ് ചെയ്യാം. +1. നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് നിങ്ങളുടെ റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക. നിങ്ങൾക്ക് ഇത് **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL പകര്‍ത്തി ചെയ്യാം: [CodeSpace](./images/createcodespace.png) - ശേഷം, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ൽ ഉള്ള [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്ന് താഴെയുള്ള കമാൻഡ് പ്രവർത്തിപ്പിക്കുക, `` എന്നിടത്തു കോപ്പി ചെയ്ത URL അടിക്കുക: + പിന്നീട്, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)–യിലെ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്നുകൊണ്ട്, മേൽപ്പറഞ്ഞാൽ URL ബଦലായി `` ഉപയോഗിച്ച് താഴെ പറയുന്ന കമാൻഡ് റൺ ചെയ്യുക: ```bash git clone ``` -2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. ഇതിനു **File** > **Open Folder** ക്ലിക്ക് ചെയ്ത് നിങ്ങൾ നിലവിൽ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്താൽ മതി. +2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്ത് **File** > **Open Folder** ക്ലിക്ക് ചെയ്യുക. > ശുപാർശ ചെയ്യുന്ന Visual Studio Code എക്സ്റ്റൻഷനുകൾ: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ലുള്ള HTML പേജുകൾ സമീപകാലത്ത് കാണാൻ -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - നിങ്ങൾക്ക് പെട്ടെന്ന് കോഡ് എഴുതാൻ സഹായിക്കാൻ +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതാൻ വേഗത കൂട്ടാൻ സഹായിക്കുന്നു ## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്: -- ഐച്ഛിക സ്കെച്‌నോട്ട് -- ഐച്ഛിക സവഹായ വീഡിയോ -- പാഠത്തിന് മുൻപ് വെയർം-അപ്പ് ക്വിസ് -- എഴുത്തുകാരന്‍റെ പാഠം -- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്ക്, പ്രോജക്ട് നിർമ്മിക്കാൻ ഘട്ടം ഘട്ടമായുള്ള മാർഗനിർദ്ദേശങ്ങൾ -- നോളേജ് ചെക്കുകൾ -- ഒരു ചാലഞ്ച് -- യാത്രക്കാർ വായന +- നിർബന്ധമല്ലാത്ത സ്കെച്ച് നോട്ട് +- നിർബന്ധമല്ലാത്ത സഹായക വീഡിയോ +- പാഠത്തിന് മുമ്പുള്ള വാര്മപ്പ് ക്വിസ് +- എഴുത്തുപരമായ പാഠം +- പ്രൊജക്റ്റ് അടിസ്ഥാനമാക്കിയുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്റ്റ് നിർമ്മിക്കാൻ ഘട്ടം ഘട്ടമായ മാർഗനിർദ്ദേശങ്ങൾ +- അറിവ് പരിശോദനകൾ +- ഒരു ചൈലഞ്ച് +- സഹായക വായന - അസൈൻമെന്റ് -- [പാഠത്തിനുശേഷം ക്വിസ്](https://ff-quizzes.netlify.app/web/) +- [പാഠത്തിന് ശേഷം ക്വിസ്](https://ff-quizzes.netlify.app/web/) -> **ക്വിസുകളുടെ കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ സമാഹരിച്ചിരിക്കുന്നു, മொത്തം 48 ക്വിസുകൾ, ഓരോത് മുക്കാൽ ചോദ്യങ്ങൾ ഉൾക്കൊണ്ട്. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്. ക്വിസ് ആപ്പ് ലോക്കലായി ഓടിക്കാനോ അഥവാ Azure-ലേക്കു ഡിപ്ലോയ്ചെയ്യാനോ കഴിയും; “quiz-app” ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പിന്തുടരുക. +> **ക്വിസുകളെക്കുറിച്ച് ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ സഞ്ചയിച്ചിരിക്കുന്നു, മൂന്ന് ചോദ്യങ്ങളുള്ള 48 ക്വിസുകൾ. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്, ക്വിസ് ആപ്പ് ലോക്കലായി ഓടിക്കാനോ അല്ലെങ്കിൽ ആസ്യൂറിലേക്ക് വിന്യസ്തമാക്കാനോ കഴിയും; `quiz-app` ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പാലിക്കുക. ## 🗃️ പാഠങ്ങൾ -| | പ്രോജക്ട് പേര് | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപെട്ട പാഠം | എഴുത്തുകാരൻ | +| | പ്രോജക്റ്റ് നാമം | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ട പാഠം | രചയിതാവ് | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | ആരംഭിക്കൽ | പ്രോഗ്രാമിങ്ങ് പരിചയം, തൊഴിലാളി ഉപകരണങ്ങൾ | മിക്ക പ്രോഗ്രാമിങ്ങ് ഭാഷകൾക്ക് അടിസ്ഥാനം തരും ആശയങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർക്കുള്ള സഹായകരമായ സോഫ്റ്റ്‌വെയർക്കുറിച്ച് അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ | -| 02 | ആരംഭിക്കൽ | GitHub അടിസ്ഥാനങ്ങൾ, ടീമിൽ പ്രവർത്തിക്കലും | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാം, മറ്റുള്ളവരുമായി എങ്ങനെ ചേർന്ന് പ്രവർത്തിക്കാം | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ | -| 03 | ആരംഭിക്കൽ | ആക്സസിബിലിറ്റി | വെബ് ആക്സസിബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റോഫർ | -| 04 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ | -| 05 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ഫങ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലൊജിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫങ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റോഫർ | -| 06 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാനം എടുക്കൽ | decision making രീതികൾ ഉപയോഗിച്ച് കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ | -| 07 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | അറെയ്‌സ്, ലൂപ്പുകൾ | JS-യിൽ അറെയ്‌സും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ പ്രവർത്തനം | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ | -| 08 | [ടെറേറിയം](./3-terrarium/solution/README.md) | HTML പ്രായോഗികം | ഒരു ഓൺലൈൻ ടെറേറിയം രൂപപ്പെടുത്താനുള്ള HTML നിർമ്മാണം, ലേഔട്ടിനെ കേന്ദ്രീകരിച്ച് | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ | -| 09 | [ടെറേറിയം](./3-terrarium/solution/README.md) | CSS പ്രായോഗികം | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലിംഗിനു CSS നിർമ്മിക്കുക, പ്രധാനമായ CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആക്കൽ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ | -| 10 | [ടെറേറിയം](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മ্যানിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ് ഇൻറർഫേസ് ആകാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോഷറുകൾക്കും DOM-ഉം കേന്ദ്രീകരിച്ചുള്ള പ്രവർത്തനം | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ | -| 11 | [ടൈപ്പിംഗ് ഗെയിം](./4-typing-game/solution/README.md) | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക | കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിച്ച് ജാവാസ്ക്രിപ്റ്റ് ലൊജിക് ചലിപ്പിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റോഫർ | -| 12 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി പ്രവൃത്തി | ബ്രൗസറുകളും അവയുടെ ചരിത്രവും എങ്ങനെ പ്രവർത്തിക്കുന്നു, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ മുഖ്യ ഘടകങ്ങൾ നിർമ്മിക്കാനന്ത്രം | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ | -| 13 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മിച്ച് API വിളിക്കുകയും ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സേവ് ചെയ്യുകയും ചെയ്യൽ | API-നെ വിളിക്കാൻ Local Storage-ൽ സൂക്ഷിച്ച വേരിയബിളുകൾ ഉപയോഗിച്ച് ബ്രൗസർ എക്സ്റ്റൻഷൻ ജാവാസ്ക്രിപ്റ്റ് വിഷയങ്ങൾ തയ്യാറാക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ | -| 14 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷനിന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും അതിന്റെ ഓപ്റ്റിമൈസേഷനുകളും അറിയുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ | -| 15 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് മെച്ചപ്പെട്ട ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനിൽ കാണപ്പെടുന്ന ഇൻഹെറിറ്റൻസ്, പബ്/സബ് പാറ്റേൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിനു തയ്യാറെടുക്കൽ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് | -| 16 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | കാൻവാസിൽ വരയ്ക്കൽ | സ്‌ക്രീനിൽ എലമെന്റുകൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന Canvas APIക്കുറിച്ച് പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് | -| 17 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്‌ക്രീനിൽ എലമെന്റുകൾ നീക്കം ചെയ്യൽ | കോട്ടേഷ്യൻ Coordinates ഉപയോഗിച്ച് ഇലമെന്റുകൾക്ക് ചലനമുണ്ടാക്കാൻ പഠിക്കുക, Canvas API ഉപയോഗിച്ച് | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് | -| 18 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | തകരാഴ് കണ്ടെത്തൽ | കീപ്രസ്സ് മുഖാന്തിരം എലമെന്റുകൾ തമ്മിൽ തകരാറിലാക്കുകയും അവർ പരസ്പരം പ്രതികരിക്കുകയും ചെയ്യുക; ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ കൂള്‍ഡൗൺ ഫങ്ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് | -| 19 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്‌കോർ നൽകൽ | ഗെയിമിന്റെ സ്ഥിതി പ്രകാരം ഗണിത കണക്കുകൂട്ടലുകൾ ചെയ്യുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് | -| 20 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ, ആസ്തുക്കൾ സംസ്‌കരിക്കൽ, വേരിയബിൾ മൂല്യങ്ങൾ റീസെറ്റ് ചെയ്യൽ എന്നിവ പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് | -| 21 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടেম്പ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിംഗ് ഉപയോഗിച്ച് മൾട്ടി‌പേജ് വെബ്‌സൈറ്റിന്റെ സ്കാഫോൾഡ് നിർമ്മിക്കുന്നത്, HTML ടেম്പ്ലേറ്റുകൾ നിർമ്മിക്കുന്നത് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ | -| 22 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കൽ | ഫോമുകൾ നിർമ്മിക്കുന്നതും വെരിഫിക്കേഷൻ നടപടിക്രമങ്ങളും കൈകാര്യം ചെയ്യുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ | -| 23 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ഡാറ്റാ നേടുകയും ഉപയോഗിക്കുകയും ചെയ്യുന്നതിനുള്ള രീതികൾ | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ പ്രവേശിക്കുകയും പുറത്തുവിടുകയും ചെയ്യുന്നു, എങ്ങനെ ഡാറ്റ നേടുന്നു, സൂക്ഷിക്കുന്നു, ഒഴിവാക്കുന്നു രൂപം പഠിക്കുക | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ | -| 24 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് എങ്ങനെ സ്റ്റേറ്റ് സൂക്ഷിക്കുന്നു, അത് പ്രോഗ്രാമാറ്റിക് ആയി എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു എന്നത് പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് ജോലി | കോഡ് എഡിറ്റർ എങ്ങനെ ഉപയോഗിക്കുന്നത് | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് | -| 26 | [AI അസിസ്റ്റന്റുകൾ](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് ജോലി ചെയ്യൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് എങ്ങനെ നിർമ്മിക്കാം | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് | - -## 🏫 പാഠ്യരീതി - -നമ്മുടെ പാഠക്രമം രണ്ട് പ്രധാന പാഠ്യേതര സിദ്ധാന്തങ്ങളാൽ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു: -* പ്രോജക്റ്റ് അടിസ്ഥാന പഠനം -* പലതവണ ക്വിസുകൾ നടത്തൽ - -ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾ മാത്രമല്ല ഇന്നത്തെ വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, ഇക്കോ-ഫ്രണ്ട്ലി ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ്-ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസ്സ് ലക്ഷ്യമിട്ടുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈയിൽ പ്രായോഗിക അനുഭവം നേടാൻ അവസരം ഉണ്ടായിരിക്കും. പരമ്പരയുടെ അവസാനം, വിദ്യാർത്ഥികൾക്ക് വെബ്ഡെവലപ്പ്മെന്റിന്റെ ഉറച്ച് മനസ്സിലാക്കൽ ഉണ്ടാകും. - -> 🎓 Microsoft Learn-ൽ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) എന്നിങ്ങനെ ഈ പാഠ്യരീതി ആരംഭിക്കാൻ ആഗ്രഹിക്കുന്നവർക്ക് ഏതാനും പാഠങ്ങൾ തിരഞ്ഞെടുക്കാം! - -പദ്ധതികളുമായി ഉള്ള ഉള്ളടക്കം പൊരുത്തപ്പെടുന്നതിനാൽ, വിദ്യാർത്ഥികൾക്ക് പഠന പ്രക്രിയ കൂടുതൽ ആകർഷകവും ആശയങ്ങളുടെ ദൃઢമായ നിലനിൽക്കും. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ പരിചയപ്പെടുത്താൻ ഞങ്ങൾ നിരവധി സ്റ്റാർട്ടർ പാഠങ്ങൾ തയ്യാറാക്കി, അവയ്ക്ക് "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ ട്യൂട്ടോർസിന്റെ വിഡിയോ കൂടെ നൽകിയിട്ടുണ്ട്. ഇതിലെ ചില രചയിതാക്കൾ ഈ പാഠകുറിപ്പ് രൂപകൽപ്പന ചെയ്യുന്നതിൽ പങ്കെടുത്തു. - -ക്ലാസിന് മുൻപ് കുറുപ്പാം ക്വിസ് ഒരു വിഷയത്തിൽ വിദ്യാർഥിയുടെ മനോഭാവം സജ്ജമാക്കുകയും, ക്ലാസിന് ശേഷം സംഗ്രഹിക്കാനുള്ള രണ്ടാം ക്വിസ് ആശയം നിലനിർത്താൻ സഹായിക്കുകയും ചെയ്യും. ഈ പാഠ്യരീതി സൗകര്യപ്രദവും രസകരവുമായതാണ്, പൂർണ്ണമായി അല്ലെങ്കിൽ ഭാഗികമായി സ്വീകരിക്കാം. പ്രോജക്റ്റുകൾ തുടക്കത്തിൽ ചെറിയതായിട്ട് ഒടുവിൽ കൂടുതൽ സങ്കീർണ്ണമാവും, 12 ആഴ്ചകളുടെ ചക്രത്തിൽ. - -ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് പരിചയപ്പെടുത്തലുകൾ ഉൾപ്പെടുത്താതെ വെബ് ഡെവലപ്പർക്ക് അ ബേസ്‌ലൈൻ സ്കിൽ കാത്തു നിൽക്കാൻ തയ്യാറായിട്ടുള്ള ഈ പാഠ്യക്രമം കഴിഞ്ഞ് അടുത്ത് പഠിക്കേണ്ടത് Node.js ജോലികൾ അറിയുന്നതിനായുള്ള "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ സ്കൂളാണ്. - -> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md) ഉം [Contributing](CONTRIBUTING.md) നയങ്ങളും സന്ദർശിക്കുക. നിങ്ങളുടെ സാമ്പത്തിക സംവൃത്തിക്കുള്ള നല്ല അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു! +| 01 | തുടങ്ങി കൊള്ളാം | പ്രോഗ്രാമിംഗിന്റെയും 工 herramientasതുൽനിൽപുകൾ പരിചയം | പല പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാനങ്ങളും പ്രൊഫഷണൽ വികസകരുടെ ജോലി സഹായിക്കുന്ന സോഫ്റ്റ്‌വെയർ പഠിക്കുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ | +| 02 | തുടങ്ങി കൊള്ളാം | GitHub അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ ടീം പ്രവർത്തനം | നിങ്ങളുടെ പ്രോജക്റ്റിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാമെന്ന് അറിയുക, മറ്റുമായി സഹകരിക്കൽ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്‌ലോർ | +| 03 | തുടങ്ങി കൊള്ളാം | പ്രാപ്യത | വെബ് പ്രാപ്യതയുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റോഫർ | +| 04 | JS അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ | +| 05 | JS അടിസ്ഥാനങ്ങൾ | ഫംഗ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലജിക് ഫ്ലോ നിയന്ത്രിക്കാൻ ഫംഗ്ഷനുകളും മെഥഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ, ക്രിസ്റ്റോഫർ | +| 06 | JS അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കൽ | കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ തീരുമാനമെടുക്കൽ രീതി പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ | +| 07 | JS അടിസ്ഥാനങ്ങൾ | അറേസും ലൂപ്പുകളും | ജാവാസ്ക്രിപ്റ്റിൽ അറേകളും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ | +| 08 | [ടെറേറിയം](./3-terrarium/solution/README.md) | പ്രായോഗികത്തിൽ HTML | ഓൺലൈൻ ടെറേറിയത്തിനായി HTML നിർമ്മിക്കുക, ലേയൗട്ട് നിർമ്മിക്കാൻ കേന്ദ്രീകരിക്കുന്നു | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ | +| 09 | [ടെറേറിയം](./3-terrarium/solution/README.md) | പ്രായോഗികത്തിൽ CSS | ഓൺലൈൻ ടെറേറിയത്തിന് മിക്കസിലായി CSS നിർമ്മിക്കുക, പേജ് റെസ്പോൺസീവ് ആക്കാൻ കേന്ദ്രസഹായം നൽകുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ | +| 10 | [ടെറേറിയം](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോസറുകൾ, DOM മാനിപ്പുലേഷൻ | ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് പോലെ പ്രവർത്തിക്കാൻ ടെറേറിയം ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോസറുകളും DOM മാനിപ്പുലേഷനും കേന്ദ്രീകരിച്ച് | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ | +| 11 | [ടൈപ്പിങ് ഗേം](./4-typing-game/solution/README.md) | ഒരു ടൈപ്പിങ് ഗെയിം നിർമ്മിക്കൽ | കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിച്ച് ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലജിക് നിയന്ത്രിക്കുന്നത് പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റോഫർ | +| 12 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി ജോലിചെയ്യൽ | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവരുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷൻ ആദ്യ ഘടകങ്ങൾ നിർമ്മിക്കല് | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ | +| 13 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ഫോം പ്ലാൻ ചെയ്യൽ, API കോൾ ചെയ്യൽ, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിളുകൾ സൂക്ഷിക്കൽ | ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ API കോൾ ചെയ്യാനും വേരിയബിളുകൾ ലോക്കൽ സ്റ്റോറേജിൽ സൂക്ഷിക്കാനും നിർമ്മിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ | +| 14 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രവർത്തനം | എക്സ്റ്റൻഷന്റെ ഐകോൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനം കുറിചറിയുക, ചില മെച്ചപ്പെടുത്തലുകൾ പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ | +| 15 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ചുള്ള ഉയർന്ന തലത്തിലുള്ള ഗെയിം വികസനം | ക്ലാസ്സുകളും കംപോസിഷനും ഉപയോഗിച്ച് ഇൻഹെറിറ്റൻസ് പഠിക്കുക, പബ്ലിഷർ/സബ്സ്ക്രൈബർ പാറ്റേൺ പഠിച്ച് ഗെയിം നിർമ്മിക്കാൻ തയ്യാറെടുക്കുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് | +| 16 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | കാൻവാസിലേക്ക് ചിത്രങ്ങൾ ആകുക | സ്ക്രീനിൽ ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് API പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് | +| 17 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്ക്രീനിലുടനീളം ഘടകങ്ങൾ പ്രയാണം ചെയ്യൽ | ഘടകങ്ങൾ ചലിപ്പിക്കാൻ കാർട്ടീഷ്യൻ കോർഡിനേറ്റുകളും കാൻവാസ് API-യും ഉപയോഗിക്കുന്നത് അറിയുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് | +| 18 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഘടകങ്ങൾ കൂട്ടിയിടിക്കൽ | കീപ്രസ് ഉപയോഗിച്ച് ഘടകങ്ങൾ കൂട്ടിയിടിക്കാനും പ്രതികരിക്കാനും കളിയുടെ പ്രകടനം ഉറപ്പാക്കാൻ കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകാനും പഠിക്കുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് | +| 19 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്‌കോർ ക്രമീകരിക്കൽ | ഗെയിമിന്റെ നിലയും പ്രകടനവും അടിസ്ഥാനമാക്കിയുള്ള ഗണിത സൂചനകൾ നിർവഹിച്ചു പഠിക്കുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് | +| 20 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കുകയും വീണ്ടും തുടങ്ങുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുന്നതിനെക്കുറിച്ച് പഠിക്കുകയും അസറ്റുകൾ ശുചീകരിക്കുകയും വേരിയബിളുകൾ റീസെറ്റ് ചെയ്യുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് | +| 21 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | മൾട്ടിപേജ് വെബ്സൈറ്റിന്റെ ഘടന സൃഷ്ടിക്കാൻ റൂട്ടിംഗും HTML ടെംപ്ലേറ്റുകളും ഉപയോഗിച്ച് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഗന് | +| 22 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ലോഗിൻ/രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കൽ | ഫോമുകൾ നിർമ്മിക്കൽ, സാധുത പരിശോധനയുമായി ബന്ധപ്പെട്ട നടപടികൾ പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഗന് | +| 23 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ഡാറ്റ ഓങ്ങനെ സ്വീകരിക്കുകയും ഉപയോഗിക്കുകയോ | നിങ്ങളുടെ ആപ്പിലേക്ക് ഡാറ്റ എങ്ങനെ പ്രവേശിക്കുന്നു, എങ്ങനെ സ്വീകരിക്കുന്നു, സംഭരിക്കുന്നു, നശിപ്പിക്കുന്നു പഠിക്കുക | [Data](./7-bank-project/3-data/README.md) | യോഗന് | +| 24 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് സ്റ്റേറ്റ് എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു, പ്രോഗ്രാമാറ്റിക്കായി അതിനെ നിയന്ത്രിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഗന് | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode-ഉം ഉപയോഗിച്ച് ജോലി ചെയ്യൽ | കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്നത് പഠിക്കുക| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് | +| 26 | [AI അസിസ്റ്റൻറുകൾ](./9-chat-project/README.md) | AI-യുമായി ജോലി ചെയ്യൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കാൻ പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് | + +## 🏫 പാഠശാസ്ത്രം + +നമ്മുടെ പാഠ്യപദ്ധതി രണ്ട് പ്രധാന പാഠശാസ്ത്ര സിദ്ധാന്തങ്ങളെ അടിസ്ഥാനമാക്കിയാണ് രൂപകല്പന ചെയ്തിരിക്കുന്നത്: +* പ്രോജക്റ്റ്-ആധാരിത പഠനം +* തുടർച്ചയായ ക്വിസുകൾ + +ജാവാസ്ക്രിപ്റ്റും HTML-ഉം CSS-ഉം ഉൾപ്പെടെയുള്ള അടിസ്ഥാനങ്ങൾ, ഇന്നത്തെ വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും ഈ പ്രോഗ്രാം പഠിപ്പിക്കുന്നു. വിദ്യാര്‍ഥികൾ ടൈപ്പിങ് ഗെയിം, വിർച്വൽ ടെറേറിയം, പാരിസ്ഥിതിക സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്‌പേസ്-ഇന്വേഡർ-ശൈലിയുടെ ഗെയിം, ബിസിനസ്സുകൾക്കുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ചുകൊണ്ട് പ്രായോഗിക പരിചയം നേടും. പരമ്പര അവസാനത്തിൽ, വിദ്യാർത്ഥികൾക്ക് വെബ് ഡെവലപ്‌മെന്റിന്റെ സുതാര്യമായ ബോധം ഉണ്ടാകും. + +> 🎓 നിങ്ങൾക്ക് Microsoft Learn-ൽ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ആയി ഈ പാഠ്യപദ്ധതിയിലെ ആദ്യ പാഠങ്ങൾ സ്വീകരിക്കാൻ കഴിയും! + +ഉള്ളടക്കം പ്രോജക്റ്റുകളുമായി സങ്കലിപ്പിക്കപ്പെട്ടിട്ടുള്ളതുകൊണ്ട് വിദ്യാര്‍ഥികൾക്ക് എളുപ്പത്തിലാണ് ആസ്വദിക്കാൻ സാധിക്കുന്നത്, ആശയങ്ങളുടെ ഉറപ്പുള്ള പകർത്തൽ ഉറപ്പാക്കുന്നു. കൂടാതെ ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനപരമായ ആശയങ്ങൾ പരിചയപ്പെടുത്താൻ വിവിധ തുടക്ക പാഠങ്ങൾ നമ്മൾ തയ്യാറാക്കിയിട്ടുണ്ട്, കൂടാതെ “[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” വീഡിയോ ട്യൂട്ടോറിയലുകളിൽ നിന്നുള്ള ചില രചയിതാക്കൾ ഈ പാഠ്യപദ്ധതിയിൽ സംഭാവന നൽകിയിട്ടുണ്ട്. + +ക്ലാസിനുമുന്‍പ് കുറഞ്ഞമാപ്പുള്ള ക്വിസ് ഒരു വിഷയം പഠിക്കാനുള്ള മനോഭാവം സജ്ജമാക്കുകയും, ക്ലാസിനുശേഷം രണ്ടാം ക്വിസ് അറിവിന്റെ ഉറപ്പാക്കൽ ഉറപ്പാക്കുകയും ചെയ്യുന്നു. ഈ പാഠ്യപദ്ധതി ലവണീയവും രസകരവും ആക്കാൻ രൂപകല്പന ചെയ്തതാണ്, മുഴുവനായോ ഭാഗങ്ങളായോ സ്വീകരിക്കാം. പ്രോജക്റ്റുകൾ ചെറിയതായിരിക്കുമ്പോഴുതന്നെ 12 ആഴ്ചകളുടെ കാലയളവിൽ അതിഗംഭീരമായി വികസിക്കുന്നു. + +നാം ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക്‌സുകൾ നീക്കം ചെയ്യാതിരിക്കുകയാണ് വെബ് ഡെവലപ്പർക്ക് അഭ്യസിക്കേണ്ട അടിസ്ഥാന കഴിവുകൾക്ക് ആദ്യം ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ; ഈ പാഠ്യപദ്ധതി പൂര്‍ത്തിയാക്കിയതിന് പിന്മടങ്ങ്, Node.js പഠിക്കാനായി "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ ശേഖരം ഉപയോഗിച്ച് പഠനം തുടരുന്നത് നല്ലതാകും. + +> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md) മുറിച്ചു [Contributing](CONTRIBUTING.md) മാർഗനിർദ്ദേശങ്ങൾ സന്ദർശിക്കുക. നിങ്ങളുടെ നിർമാണാത്മക പ്രതികരണം സ്വീകരിക്കുന്നു! ## 🧭 ഓഫ്‌ലൈൻ ആക്സസ് -[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്‌ലൈൻ പ്രവർത്തിപ്പിക്കാം. ഈ റിപൊ ഫോർക്ക് ചെയ്യുക, നിങ്ങളുടെ ലൊക്കൽ മെഷീനിൽ [Docsify ഇൻസ്റ്റാൾ ചെയ്യുക](https://docsify.js.org/#/quickstart), പിന്നീട് ഈ റിപൊയുടെ മൂല ഫോൾഡറിൽ `docsify serve` എന്ന കമാൻഡ് ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് your localhost ൽ പോർട്ട് 3000ൽ ലഭിക്കും: `localhost:3000`. +[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈനായി റൺ ചെയ്യാം. ഈ റിപ്പോ ഫോർക്ക് ചെയ്യുക, നിങ്ങളുടെ ലോക്കൽ മെഷീനിൽ [Docsify ഇൻസ്റ്റാൾ](https://docsify.js.org/#/quickstart) ചെയ്യുക, തുടർന്ന് ഈ റിപ്പോയുടെ റൂട്ട് ഫോൾഡറിലേക്ക് പോയി `docsify serve` ടൈപ്പ് ചെയ്യുക. പോർട്ട് 3000-ൽ വെബ്സൈറ്റ് ലോക്കൽഹോസ്റ്റിൽ ലഭ്യമാകും: `localhost:3000`. ## 📘 PDF -എല്ലാ പാഠങ്ങളും അടങ്ങിയ ഒരു PDF ഇവിടെ ലഭ്യമാണ് [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +ഏതാനും പാഠങ്ങളുടെ PDF ഇവിടെ ലഭ്യമാണ് [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 മറ്റ് കോഴ്സുകൾ -ഞങ്ങളുടെ ടീം മറ്റ് കോഴ്സുകളും ഒരുക്കുന്നു! കാണുക: +നമ്മൾ മറ്റു കോഴ്സുകളും നിർമ്മിക്കുന്നു! പരിശോധിക്കുക: ### LangChain @@ -225,7 +225,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / ഏജന്റുമാർ [![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) @@ -233,7 +233,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ --- -### Genเരative AI Series +### ജനറേറ്റീവ് AI സിരീസ് [![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) @@ -241,7 +241,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ --- -### കേർ ലേണിംഗ് +### കോർ ലേണിംഗ് [![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) @@ -252,29 +252,29 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ --- -### കോപ്പൈലറ്റ് സീരീസ് +### കോപൈലറ്റ് സിരീസ് [![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) -## സഹായം നേടുന്നു +## സഹായം ലഭ്യമാക്കൽ -നിങ്ങൾ കുടുങ്ങുകയാണെങ്കിൽ അല്ലെങ്കിൽ AI ആപ്പുകൾ നിർമ്മിക്കാൻ പറ്റിയ ചോദ്യങ്ങളുണ്ടെങ്കിൽ. MCP യുമായി ബന്ധപ്പെട്ട ചർച്ചകളിൽ അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും അനുഭവ പ്രവർത്തകരും ചേർന്ന് പഠിക്കുക. ചോദ്യങ്ങൾ സ്വാഗതം ചെയ്യുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്, അറിവ് സ്വതന്ത്രമായി പങ്കിടുന്നു. +നിങ്ങൾ പിഴച്ചോ അല്ലെങ്കിൽ AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിൽ ഏതെങ്കിലും സംശയങ്ങളുണ്ടെങ്കിൽ MCP সম্পর্কে fellow learners နှင့် അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരുമായി ചർച്ചകളിൽ ചേർന്നു. സംശയങ്ങൾ സ്വാഗതം ചെയ്യുന്ന, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -നിർമാണസമയം ഉൽപ്പന്ന ഫീഡ്ബാക്കും പിശകുകളും ഉണ്ടെങ്കിൽ സന്ദർശിക്കുക: +നിങ്ങൾക്ക് ഉൽപ്പന്ന പ്രതികരണം അല്ലെങ്കിൽ പിശകുകൾ ഉണ്ടെങ്കിൽ, സന്ദർശിക്കുക: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## ലൈസൻസ് -ഈ സംഭരണിയിലെവലം MIT ലൈസൻസെയുടെ অধീനമാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക. +ഈ റിപോസിറ്ററി MIT ലൈസൻസിന് കീഴിലാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ നോക്കുക. --- -**സ്പഷ്ടികരണം**: -ഈ പ്രമാണം [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്‌തതാണ്. നമ്മൾ ക്രമാണുസൃതതയ്ക്ക് ശ്രമിച്ചിരുന്നാലും, സ്വയം പ്രവർത്തിക്കുന്ന വിവർത്തനങ്ങളിൽ തെറ്റുകൾ അല്ലെങ്കിൽ അശുദ്ധതകൾ ഉള്ളതായി ശ്രദ്ധിക്കുക. സ്വതന്ത്ര ഭാഷയിൽ ഉള്ള ഓരിജിനൽ പ്രമാണം പ്രാമാണിക ഉറവിടമായി വേണമെന്ന് കണ്ടവം പ്രധാനമാണ്. പ്രാധാന്യമർഹിക്കുന്ന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിൽ നിന്നുണ്ടാകുന്ന തെറ്റിദ്ധാരണകൾക്കോ വ്യാഖ്യാനങ്ങളിലോ ഞങ്ങൾ ബാധ്യത വഹിക്കുന്നില്ല. +**പരിഭവം**: +ഈ പ്രമാണം AI വിവർത്തന സേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ചുകൊണ്ട് വിവർത്തനം ചെയ്തതാണ്. ഞങ്ങൾ ശുദ്ധതയ്ക്കായി പരിശ്രമിച്ചാലും, സ്വയംഘടിത വിവർത്തനത്തിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായവ ഉണ്ടാകാമെന്നും ദയവായി ശ്രദ്ധിക്കുക. പ്രമാണത്തിന്റെ മാതൃഭാഷയിലെ ആദ്യരൂപം തന്നെയാണ് സർവ്വ്വാധികാരSOURCE ആയി കണക്കാക്കേണ്ടത്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയുന്നു. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തിൽ ഉണ്ടാകുന്ന തെറ്റായ മനസ്സിലാക്കലുകൾക്കോ തെറ്റായ വ്യാഖ്യാനങ്ങൾക്കോ നാം ഉത്തരവാദികളല്ല. \ No newline at end of file diff --git a/translations/ml/lesson-template/README.md b/translations/ml/lesson-template/README.md index d757991982..7fbcd22e63 100644 --- a/translations/ml/lesson-template/README.md +++ b/translations/ml/lesson-template/README.md @@ -1,58 +1,79 @@ -# [പാഠ വിഷയം] +# പാഠ വിഷയം -![ഇവിടെ ഒരു വീഡിയോ എംബെഡ് ചെയ്യുക](../../../lesson-template/video-url) +## 🎥 വീഡിയോ -## [പാഠത്തിന് മുമ്പുള്ള ക്വിസ്](../../../lesson-template/quiz-url) +> ഇവിടെ ഒരു ഇംബെഡഡ് വീഡിയോ അല്ലെങ്കിൽ പാഠ ലിങ്ക് ചേർക്കുക. -[നാം പഠിക്കാനുള്ളത് വിവരിക്കുക] +--- + +## പ്രീ-ലക്ചർ ക്വിസ് + +> ലഭ്യമായപ്പോൾ ഇവിടെ ഒരു ക്വിസ് ലിങ്ക് ചേർക്കുക. + +--- + +ഈ പാഠത്തിൽ വിദ്യാർത്ഥികൾ എന്തെന്ത് പഠിക്കുമെന്നും കുറിച്ച് ഒരു സംക്ഷിപ്ത അവലോകനം നൽകുക. + +--- ### പരിചയം -എന്തെന്താം വിഷയങ്ങൾ ഉൾപ്പെടുമെന്ന് വിവരിക്കുക +ഈ പാഠത്തിൽ എന്തെന്ത് ഉൾപ്പെടുന്നതെന്ന് വിശദീകരിക്കുന്ന ഒരു ലഘു പരിചയം നൽകുക. > കുറിപ്പുകൾ -### മുൻഷരതുകൾ +--- + +### മുൻ знаний -ഈ പാഠത്തിനു മുമ്പായി ഏതെല്ലാം നടപടി ക്രമങ്ങൾ പൂർത്തിയാക്കണമായിരിക്കും? +ഈ പാഠം ആരംഭിക്കുന്നതിന് മുമ്പ് വിദ്യാർത്ഥികൾ അറിയിരിക്കേണ്ട ആശയങ്ങൾ അല്ലെങ്കിൽ വിഷയങ്ങൾ പട്ടികപ്പെടുത്തുക. + +--- -### തയ്യാറെടുപ്പ് +### ഒരുക്കം -ഈ പാഠം ആരംഭിക്കാൻ വേണ്ട തയ്യാറെടുപ്പ് നടപടികൾ +പാഠം തുടങ്ങുന്നതിനുമുമ്പ് ആവശ്യമുള്ള സജ്ജീകരണങ്ങളോ ടൂളുകളോ പട്ടികപ്പെടുത്തുക. --- -[തടങ്ങളായി ഉള്ളടക്കം പരിശോധിക്കുക] +### ഉള്ളടക്കം + +സംരചിതമായ വിഭാഗങ്ങളായി പാഠത്തിന്റെ ഉള്ളടക്കം ക്രമീകരിച്ച് മുന്നോട്ടു പോകുക. + +--- -## [വിഷയം 1] +## വിഷയം 1 -### താസ്‌ക്: +### തസ്തിക: -പങ്കിടപ്പെട്ട കോഡോടുകൂടി പ്രോജക്ട് നിർമ്മിക്കാൻ നിങ്ങളുടെ കോഡ്ബെയ്സ് ക്രമം ക്രമമായി മെച്ചപ്പെടുത്താൻ ഒത്തു ചേരുക: +പങ്കുവെക്കുന്ന കോഡുമായി ചേർന്ന് പ്രക്രിയാത്മകമായി നിങ്ങളുടെ കോഡ്ബേസ് മെച്ചപ്പെടുത്തുന്നതിലൂടെ പ്രോജക്റ്റ് നിർമ്മിക്കുക: ```html code blocks ``` -✅ അറിവ് പരിശോധന - തുറന്ന ചോദ്യംകൾ ഉപയോഗിച്ച് വിദ്യാർത്ഥികളുടെ അറിവ് വ്യാപിപ്പിക്കാൻ ഈ അവസരം ഉപയോഗിക്കൂ +✅ അറിവ് പരിശോധിക്കൽ +വിദ്യാർത്ഥികളുടെ അറിവ് പരീക്ഷിക്കാൻ ഈ സമയത്ത് തുറന്നചോദ്യങ്ങൾ ഉപയോഗിക്കുക. -## [വിഷയം 2] +## വിഷയം 2 +## വിഷയം 3 -## [വിഷയം 3] +🚀 ചലഞ്ച് +വിദ്യാർത്ഥികൾക്ക് പ്രോജക്റ്റ് മെച്ചപ്പെടുത്താൻ സഹായിക്കുന്ന ഒരു സഹകരണ ചലഞ്ച് ചേർക്കുക. -🚀 വെല്ലുവിളി: ക്ലാസിൽ സഹകരിച്ച് പ്രോജക്ട് മെച്ചപ്പെടുത്താൻ വിദ്യാർത്ഥികൾക്ക് വെല്ലുവിളി ചേർക്കുക +ആവശ്യമായ പക്ഷം: പൂർത്തിയാക്കിയ പാഠത്തിന്റെ UIയുടെ സ്‌ക്രീൻഷോട്ട് ചേർക്കുക. -ഓപ്ഷണൽ: പൂർത്തിയായ പാഠത്തിന്റെ UI-യുടെ സ്ക്രീൻഷോട്ട് ആവശ്യമായെങ്കിൽ ചേർക്കുക +## പോസ്റ്റ്-ലക്ചർ ക്വിസ് -## [പഠനത്തിന് ശേഷമുള്ള ക്വിസ്](../../../lesson-template/quiz-url) +പാഠം പൂർത്തിയായ ശേഷം ഇവിടെ ഒരു ക്വിസ് ലിങ്ക് ചേർക്കുക. -## അവലോകനം & സ്വയം പഠനം +## അവലോകനവും സ്വയം പഠനവും -**അസൈൻമെന്റ് സമർപ്പണ നിശ്ചിത തിയ്യതി [MM/YY]**: [അസൈൻമെന്റ് പേര്](assignment.md) +**അസൈൻമെന്റ് സമർപ്പിക്കേണ്ട തീയതി [മാസം/വർഷം]**: [അസൈൻമെന്റ് നാമം](assignment.md) --- -**അസാധുവാക്കൽ**: -ഈ രേഖ AI പരിഭാഷ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിച്ചാലും, യന്ത്രപരിഭാഷയിൽ പിഴവുകൾ അല്ലെങ്കിൽ അകുറ്റ സമയങ്ങൾ ഉണ്ടാകാമെന്ന് ശ്രദ്ധിക്കുക. യഥാർത്ഥ രേഖ അവരുടെ സ്വദേശഭാഷയിൽ ഉള്ളത് അവധാരിത ഉറവിടമായി കണക്കാക്കേണ്ടതാണ്. സുപ്രധാന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ ശുപാർശ ചെയ്യുന്നു. ഈ പരിഭാഷ ഉപയോഗത്തിൽ ഉണ്ടായ misunderstandings അല്ലെങ്കിൽ തെറ്റിദ്ധാരണകൾക്കെതിരെ ഞങ്ങൾ ഉത്തരവാദിത്തം ഏറ്റെടുക്കില്ല. +**ജാഗ്രതാ കുറിപ്പ്**: +ഈ രേഖ [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI പരിഭാഷാ സേവനം ഉപയോഗിച്ച് പരിഭാഷപ്പെടുത്തിയതാണ്. ഞങ്ങൾ ശരിയായ വിവർത്തനത്തിന് ശ്രമിക്കുന്നു, പക്ഷെ യാന്ത്രിക പരിഭാഷകളിൽ പിഴവുകൾ वा തെറ്റുകൾ ഉണ്ടാകാമെന്നുറപ്പാക്കുക. അതിന്റെ ദേശഭാഷയിലുള്ള മൗലിക രേഖയെ അതിന്റെ അധികാരമുള്ള ഉറവിടമായിരിക്കണമെന്ന് പരിഗണിക്കുക. പ്രധാന വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ പരിഭാഷ ഉപയോഗിക്കുന്നതിലൂടെ ഉണ്ടാകുന്ന ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്ക് ഞങ്ങൾ ഉത്തരവാദിത്തം സ്വീകരിക്കുന്നില്ല. \ No newline at end of file diff --git a/translations/mr/.co-op-translator.json b/translations/mr/.co-op-translator.json index 67cb1c9c04..e34f4a2299 100644 --- a/translations/mr/.co-op-translator.json +++ b/translations/mr/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:35:45+00:00", + "translation_date": "2026-04-24T21:56:22+00:00", "source_file": "AGENTS.md", "language_code": "mr" }, @@ -516,8 +516,8 @@ "language_code": "mr" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:15:29+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T21:51:02+00:00", "source_file": "README.md", "language_code": "mr" }, @@ -564,8 +564,8 @@ "language_code": "mr" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T00:51:06+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T21:51:11+00:00", "source_file": "lesson-template/README.md", "language_code": "mr" }, diff --git a/translations/mr/AGENTS.md b/translations/mr/AGENTS.md index 25165a56d6..f3dbb7f71b 100644 --- a/translations/mr/AGENTS.md +++ b/translations/mr/AGENTS.md @@ -2,42 +2,42 @@ ## प्रकल्पाचा आढावा -हा वेब विकास मूलतत्त्वे शिकवण्यासाठी सुरुवातीच्या स्तरासाठी शैक्षणिक अभ्यासक्रम संग्रह आहे. हा अभ्यासक्रम Microsoft Cloud Advocates यांनी विकसित केलेला एक सर्वसमावेशक १२ आठवड्यांचा कोर्स आहे, ज्यामध्ये JavaScript, CSS आणि HTML या विषयांवर २४ प्रत्यक्ष शिकण्याच्या धड्यांचा समावेश आहे. +हा प्रकल्प वेब विकासाच्या मूलभूत तत्त्वांचे शिक्षण घेणाऱ्या नवशिक्यांसाठी शैक्षणिक अभ्यासक्रमाचा साठा आहे. हा अभ्यासक्रम Microsoft Cloud Advocates यांनी विकसित केलेला 12 आठवड्यांचा सखोल कोर्स आहे, ज्यामध्ये JavaScript, CSS, आणि HTML या विषयांवर आधारित 24 व्यावहारिक धडे आहेत. ### मुख्य घटक -- **शैक्षणिक सामग्री**: प्रकल्प-आधारित मॉड्यूलमध्ये आयोजित २४ संरचित धडे -- **प्रायोगिक प्रकल्प**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, आणि AI Chat Assistant -- **परस्पर संवादात्मक प्रश्नमंजुषा**: प्रत्येकी ३ प्रश्नांसह ४८ प्रश्नमंजुषा (धडा आधी/नंतरचे मूल्यमापन) -- **बहुभाषिक समर्थन**: GitHub Actions द्वारे ५०+ भाषा स्वयंचलित भाषांतर +- **शैक्षणिक सामग्री**: प्रकल्प-आधारित मॉड्यूलमध्ये संघटित 24 रचनात्मक धडे +- **व्यावहारिक प्रकल्प**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, आणि AI Chat Assistant +- **परस्परसंवादी क्विझ**: प्रत्येका 3 प्रश्नांसह 48 क्विझ (पाठांच्या आधी/नंतर चाचण्या) +- **बहुभाषिक समर्थन**: GitHub Actions द्वारे 50+ भाषांसाठी स्वयंचलित भाषांतर - **तंत्रज्ञान**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI प्रकल्पांसाठी) -### वास्तुकला +### आर्किटेक्चर -- धड्यावर आधारित संरचनेसह शैक्षणिक संग्रहालय -- प्रत्येक धडा फोल्डरमध्ये README, कोड उदाहरणे आणि उपाय असतात -- स्वतंत्र प्रकल्प वेगळ्या डिरेक्टरीजमध्ये (quiz-app, विविध धडा प्रकल्प) +- शैक्षणिक साठा ज्यामध्ये धड्यानुसार रचना आहे +- प्रत्येका धड्याच्या फोल्डरमध्ये README, कोडचे उदाहरण, आणि समाधान आहे +- स्वतंत्र प्रकल्प स्वतंत्र निर्देशिकांमध्ये (quiz-app, विविध धड्यांचे प्रकल्प) - GitHub Actions वापरून भाषांतर प्रणाली (co-op-translator) -- Docsify वापरून दस्तऐवजीकरण सेवा आणि PDF स्वरूपात उपलब्ध +- Docsify द्वारे दस्तऐवजीकरण आणि PDF स्वरूपात उपलब्ध -## सेटअप कमांड +## सेटअप आदेश -हा संग्रह मुख्यतः शैक्षणिक सामग्री वापरासाठी आहे. विशिष्ट प्रकल्पांसाठी काम करण्यासाठी: +हा साठा मुख्यत्वे शैक्षणिक सामग्रीच्या वापरासाठी आहे. विशिष्ट प्रकल्पांसाठी काम करण्यासाठी: -### मुख्य संग्रह सेटअप +### मुख्य साठा सेटअप ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### प्रश्नमंजुषा अ‍ॅप सेटअप (Vue 3 + Vite) +### क्विझ अॅप सेटअप (Vue 3 + Vite) ```bash cd quiz-app npm install npm run dev # विकास सर्व्हर सुरू करा -npm run build # उत्पादनासाठी बांधा +npm run build # उत्पादनासाठी तयार करा npm run lint # ESLint चालवा ``` @@ -48,15 +48,15 @@ cd 7-bank-project/api npm install npm start # API सर्व्हर सुरू करा npm run lint # ESLint चालवा -npm run format # Prettier सह स्वरूप करा +npm run format # Prettier ने फॉरमॅट करा ``` -### ब्राउझर विस्तार प्रकल्प +### ब्राउझर एक्स्टेंशन प्रकल्प ```bash cd 5-browser-extension/solution npm install -# ब्राउझर-विशिष्ट विस्तार लोडिंग सूचना अनुसरा +# ब्राउझर-विशिष्ट विस्तार लोडिंग सूचना पाळा ``` ### स्पेस गेम प्रकल्प @@ -80,38 +80,38 @@ python api.py ### सामग्री योगदानकर्त्यांसाठी -1. आपल्या GitHub खात्यावर संग्रह फोर्क करा -2. आपल्या फोर्कची स्थानिक क्लोन करा -3. बदलांसाठी नवीन शाखा तयार करा -4. धडा सामग्री किंवा कोड उदाहरणांमध्ये बदल करा -5. संबंधित प्रकल्प डिरेक्टरीजमध्ये कोणतेही कोड बदल चाचणी करा -6. योगदान मार्गदर्शक सूचनांनुसार पुल विनंत्या सादर करा +1. **आपल्या GitHub खात्यात साठा फोर्क करा** +2. **आपला फोर्क स्थानिक क्लोन करा** +3. **आपल्या बदलांसाठी नवीन शाखा तयार करा** +4. धडा सामग्री किंवा कोड उदाहरणे बदला +5. संबंधित प्रकल्प निर्देशिकांमध्ये कोड बदल तपासा +6. योगदान मार्गदर्शकानुसार पुल विनंत्या सादर करा ### शिकणाऱ्यांसाठी -1. संग्रह फोर्क किंवा क्लोन करा -2. धडा डिरेक्टरीज क्रमवार प्रवेश करा -3. प्रत्येक धड्याचा README फायली वाचा -4. पूर्व-धडा प्रश्नमंजुषा https://ff-quizzes.netlify.app/web/ येथे पूर्ण करा -5. धडा फोल्डर्समधील कोड उदाहरणे काम करा +1. साठा फोर्क करा किंवा क्लोन करा +2. अनुक्रमे धड्यांच्या निर्देशिकांमध्ये जा +3. प्रत्येका धड्याचा README वाचा +4. https://ff-quizzes.netlify.app/web/ येथे प्राथमिक क्विझ पूर्ण करा +5. धड्याच्या फोल्डरमध्ये कोड उदाहरणांचा अभ्यास करा 6. असाइनमेंट्स आणि आव्हाने पूर्ण करा -7. पश्चात धडा प्रश्नमंजुषा द्या +7. पाठांनंतरचे क्विझ घ्या ### लाइव्ह विकास -- **दस्तऐवजीकरण**: `docsify serve` कमांड रूटमध्ये चालवा (पोर्ट 3000) -- **प्रश्नमंजुषा अ‍ॅप**: `npm run dev` quiz-app डिरेक्टरीमध्ये चालवा +- **दस्तऐवजीकरण**: रूटमध्ये `docsify serve` चालवा (पोर्ट 3000) +- **क्विझ अॅप**: quiz-app निर्देशिकेत `npm run dev` चालवा - **प्रकल्प**: HTML प्रकल्पांसाठी VS Code Live Server विस्तार वापरा -- **API प्रकल्प**: संबंधित API डिरेक्टरीमध्ये `npm start` चालवा +- **API प्रकल्प**: संबंधित API निर्देशिकेत `npm start` चालवा -## चाचणी सूचना +## चाचणी सूचनाः -### प्रश्नमंजुषा अ‍ॅप चाचणी +### क्विझ अॅप चाचणी ```bash cd quiz-app -npm run lint # कोड शैलीच्या समस्यांसाठी तपासा -npm run build # बिल्ड यशस्वी होते की नाही हे पडताळा +npm run lint # कोड शैलीच्या समस्या तपासा +npm run build # बिल्ड यशस्वी होते का ते तपासा ``` ### बँक API चाचणी @@ -122,161 +122,161 @@ npm run lint # कोड शैलीच्या समस्यांस node server.js # त्रुटीशिवाय सर्व्हर सुरू होतो का ते तपासा ``` -### सामान्य चाचणी पद्धत +### सर्वसाधारण चाचणी दृष्टिकोन -- हा एक शैक्षणिक संग्रह आहे ज्यामध्ये संपूर्ण स्वयंचलित चाचण्या नाहीत -- मॅन्युअल चाचणीवर लक्ष केंद्रित: - - कोड उदाहरणे चुका न करता चालतील - - दस्तऐवजीकरणातील दुवे योग्यरित्या काम करतील - - प्रकल्प यशस्वीरित्या बिल्ड होतील - - उदाहरणे सर्वोत्तम सराव पाळतील +- हा शैक्षणिक साठा असून पूर्ण स्वयंचलित चाचण्या नाहीत +- मॅन्युअल चाचणीवर भर: + - कोड उदाहरणे त्रुटीशिवाय चालत आहेत + - दस्तऐवजात लिंक व्यवस्थित कार्यरत आहेत + - प्रकल्पांचे बिल्ड यशस्वीपणे पूर्ण होत आहेत + - उदाहरणे उत्तम पद्धतींचे पालन करतात -### आधी-सबमिशन तपासणी +### सादर करण्यापूर्वी तपासणी -- package.json असलेल्या डिरेक्टरीजमध्ये `npm run lint` चालवा +- package.json असलेल्या निर्देशिकांत `npm run lint` चालवा - Markdown लिंक वैध आहेत का तपासा - ब्राउझर किंवा Node.js मध्ये कोड उदाहरणे तपासा -- भाषांतरातील संरचना व्यवस्थित आहे का निश्चित करा +- भाषांतरे थोडक्यात सुसंगत आहेत का तपासा ## कोड शैली मार्गदर्शक ### JavaScript - आधुनिक ES6+ सिंटॅक्स वापरा -- प्रकल्पांत दिलेल्या मानक ESLint कॉन्फिगरेशनचे पालन करा -- शैक्षणिक स्पष्टतेसाठी अर्थपूर्ण व्हेरिएबल व फंक्शन नावे वापरा -- शिकणाऱ्यांसाठी संकल्पना समजाविणारे टिप्पणी जोडा -- जेथे प्रीटियर कॉन्फिगर आहे तिथे फॉरमॅट करा +- प्रकल्पांमध्ये दिलेल्या ESLint कॉन्फिगरेशनचे पालन करा +- शैक्षणिक स्पष्टतेसाठी अर्थपूर्ण व्हेरिएबल आणि फंक्शन नावे वापरा +- शिकणाऱ्यांसाठी संकल्पना स्पष्ट करणारे टिपण्णी जोडा +- जिथे कॉन्फिगर आहे तिथे Prettier वापरा ### HTML/CSS -- सांकेतिक HTML5 घटक वापरा -- प्रतिसादात्मक डिज़ाइन तत्त्वे पाळा -- स्पष्ट वर्ग नावकरण परंपरा वापरा -- शिकणाऱ्यांसाठी CSS तंत्र आत्मसात करण्यासाठी टिप्पणी द्या +- सिमॅन्टिक HTML5 घटक वापरा +- प्रतिसादात्मक डिझाईन तत्त्वे +- स्पष्ट क्लास नावे वापरा +- CSS तंत्रे स्पष्ट करणाऱ्या टिपण्णी ### Python -- PEP 8 शैली मार्गदर्शक +- PEP 8 शैली मार्गदर्शने - स्पष्ट, शैक्षणिक कोड उदाहरणे -- शिकण्यासाठी मदत करणाऱ्या ठिकाणी टाइप संकेत जोडा +- शिकण्यासाठी उपयुक्त तिथे प्रकार इशारे ### Markdown दस्तऐवजीकरण -- स्पष्ट शीर्षक स्तर संरचना -- भाषा निर्दिष्ट कोड ब्लॉक्स -- अतिरिक्त संसाधनांसाठी दुवे -- `images/` डिरेक्टरीजमधील स्क्रीनशॉट आणि प्रतिमा -- अ‍ॅक्सेसिबिलिटीसाठी प्रतिमांसाठी Alt टेक्स्ट +- स्पष्ट हेडिंग अनुक्रम +- भाषा निर्दिष्ट केलेले कोड ब्लॉक +- अतिरिक्त संसाधनांची लिंक +- `images/` निर्देशिकांमध्ये स्क्रीनशॉट आणि प्रतिमा +- प्रवेशयोग्यतेसाठी प्रतिमांना Alt मजकूर -### फाइल संगठन +### फाइल संघटना -- क्रमवार क्रमांकांकित धडे (1-getting-started-lessons, 2-js-basics आदि) -- प्रत्येक प्रकल्पासाठी `solution/` आणि सहसा `start/` किंवा `your-work/` डिरेक्टरीज -- धडा-विशिष्ट `images/` फोल्डर्समध्ये प्रतिमा साठविल्या जातात -- भाषांतर `translations/{language-code}/` संरचनेत +- धडे क्रमाने क्रमांकांकित (1-getting-started-lessons, 2-js-basics, इ.) +- प्रत्येक प्रकल्पात `solution/` आणि बहुधा `start/` किंवा `your-work/` निर्देशिका +- धड्यांची स्वतंत्र `images/` फोल्डरमध्ये प्रतिमा साठविल्या जातात +- भाषांतरे `translations/{language-code}/` संरचनेत -## बिल्ड आणि तैनाती +## बिल्ड आणि तैनात करणे -### प्रश्नमंजुषा अ‍ॅप तैनाती (Azure Static Web Apps) +### क्विझ अॅप तैनात करणे (Azure Static Web Apps) -प्रश्नमंजुषा अ‍ॅप Azure Static Web Apps तैनात करण्यासाठी कॉन्फिगर केले आहे: +क्विझ-अॅप Azure Static Web Apps साठी कॉन्फिगर केलेले आहे: ```bash cd quiz-app npm run build # dist/ फोल्डर तयार करतो -# मुख्य ब्रांचवर push झाल्यावर GitHub Actions वर्कफ्लोद्वारे तैनात करतो +# मुख्य शाखेवर push केल्यावर GitHub Actions workflow द्वारे तैनात करतो ``` Azure Static Web Apps कॉन्फिगरेशन: -- **अ‍ॅप स्थान**: `/quiz-app` +- **App स्थान**: `/quiz-app` - **आउटपुट स्थान**: `dist` -- **कार्यप्रवाह**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **वर्कफ्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### दस्तऐवजीकरण PDF निर्मिती +### दस्तऐवज PDF निर्मिती ```bash -npm install # docsify-to-pdf स्थापित करा +npm install # docsify-to-pdf प्रतिष्ठापित करा npm run convert # docs मधून PDF तयार करा ``` ### Docsify दस्तऐवजीकरण ```bash -npm install -g docsify-cli # Docsify जागतिक पातळीवर स्थापित करा -docsify serve # localhost:3000 वर सेवा द्या +npm install -g docsify-cli # Docsify ग्लोबली इंस्टॉल करा +docsify serve # localhost:3000 वर सर्व्ह करा ``` -### प्रकल्प-विशिष्ट बिल्ड +### प्रकल्पानुसार बिल्ड -प्रत्येक प्रकल्प डिरेक्टरीची स्वतःची बिल्ड प्रक्रिया असू शकते: -- Vue प्रकल्प: `npm run build` उत्पादन बंडल तयार करतो -- स्थिर प्रकल्प: बिल्ड टप्पा नाही, फायली थेट सेवा करा +प्रत्येक प्रकल्प निर्देशिकेकडे स्वतःचा बिल्ड प्रक्रिया असू शकते: +- Vue प्रकल्प: `npm run build` द्वारे प्रोडक्शन बंडल तयार करणे +- स्टॅटिक प्रकल्प: बिल्ड टप्पा नाही, फाईल्स थेट सर्व्ह करा ## पुल विनंती मार्गदर्शक ### शीर्षक स्वरूप -बदल क्षेत्र दर्शविणारी स्पष्ट, वर्णनात्मक शीर्षके वापरा: -- `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo in terrarium project` -- `[Translation] Add Spanish translation for lesson 5` -- `[Docs] Update setup instructions` +परिवर्तन क्षेत्र स्पष्ट करणारी शीर्षक वापरा: +- `[Quiz-app] धडा X साठी नवीन क्विझ जोडा` +- `[Lesson-3] Terrarium प्रकल्पातील टायपो दुरुस्त करा` +- `[Translation] धडा 5 साठी स्पॅनिश भाषांतर जोडा` +- `[Docs] सेटअप सूचना अद्यतनित करा` -### आवश्यक तपासण्या +### आवश्यक तपासणी PR सादर करण्यापूर्वी: 1. **कोड गुणवत्ता**: - - प्रभावित प्रकल्प डिरेक्टरीजमध्ये `npm run lint` चालवा - - सर्व लिंटिंग त्रुटी व चेतावण्या दुरुस्त करा + - प्रभावित प्रकल्प निर्देशिकांमध्ये `npm run lint` चालवा + - सर्व लिंटिंग त्रुटी आणि इशारे दुरुस्त करा -2. **बिल्ड तपासणी**: +2. **बिल्ड पडताळणी**: - लागू असल्यास `npm run build` चालवा - - बिल्ड त्रुटी नाही याची खात्री करा + - कोणतीही बिल्ड त्रुटी नसल्याची खात्री करा -3. **लिंक पुष्टीकरण**: - - सर्व markdown लिंक तपासा - - प्रतिमा संदर्भ कार्यरत आहेत का तपासा +3. **लिंक वैधता**: + - सर्व Markdown लिंक तपासा + - प्रतिमा संदर्भ कार्यरत आहेत का याची पुष्टी करा 4. **सामग्री पुनरावलोकन**: - - स्पेलिंग आणि व्याकरण तपासा - - कोड उदाहरणे बरोबर आणि शैक्षणिक आहेत याची खात्री करा - - भाषांतरांमध्ये मूळ अर्थ जपला गेला आहे का तपासा + - शब्दलेखन आणि व्याकरण तपासा + - कोड उदाहरणे योग्य आणि शैक्षणिक आहेत याची खात्री करा + - भाषांतर मूळ अर्थ राखत आहे याची खात्री करा -### योगदान आवश्यकता +### योगदानाची अटी -- Microsoft CLA सह सहमती (पहिल्या PR वर स्वयंचलित तपासणी) -- [Microsoft Open Source कोड ऑफ कंडक्ट](https://opensource.microsoft.com/codeofconduct/) चे पालन करा -- तपशीलवार मार्गदर्शकांसाठी [CONTRIBUTING.md](./CONTRIBUTING.md) पहा -- PR वर्णनामध्ये संदर्भ असलेल्या मुद्दा क्रमांकांचा उल्लेख करा +- Microsoft CLA सह सहमती (प्रथम PR वर स्वयंचलित तपासणी) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) चे पालन करा +- तपशीलवार मार्गदर्शनासाठी [CONTRIBUTING.md](./CONTRIBUTING.md) पहा +- PR वर्णनात प्रश्न क्रमांक उल्लेखित करा (असल्यास) ### पुनरावलोकन प्रक्रिया -- PR प्रशासक आणि समुदायाकडून पुनरावलोकन -- शैक्षणिक स्पष्टतेला प्राधान्य -- कोड उदाहरणे विद्यमान सर्वोत्तम सरावांचे पालन करतात -- भाषांतर अचूकता आणि सांस्कृतिक सुसंगततेसाठी पुनरावलोकन केली जातात +- PR मध्ये मेंटेनर आणि समुदायाकडून पुनरावलोकन +- शैक्षणिक स्पष्टतेस प्राधान्य +- कोड उदाहरणे सद्य सर्वोत्तम पद्धतींचे अनुसरण करावीत +- भाषांतर अचूकता आणि सांस्कृतिक योग्यतेसाठी पाहणी ## भाषांतर प्रणाली ### स्वयंचलित भाषांतर -- co-op-translator workflow सह GitHub Actions वापरतो -- ५०+ भाषांमध्ये स्वयंचलित भाषांतर करते -- मुख्य डिरेक्टरीजमधील स्रोत फाइल्स -- `translations/{language-code}/` डिरेक्टरीजमध्ये भाषांतरित फाइल्स +- GitHub Actions सह co-op-translator वर्कफ्लो वापरते +- 50+ भाषांमध्ये स्वयंचलित भाषांतर +- मुख्य निर्देशिकांमधील स्त्रोत फाईल्स +- `translations/{language-code}/` निर्देशिकांमध्ये भाषांतरित फाईल्स -### मॅन्युअल भाषांतर सुधारणा जोडणे +### मॅन्युअल भाषांतर सुधारणा कशी करा -1. `translations/{language-code}/` मध्ये फाइल शोधा -2. संरचना जपत सुधारणा करा -3. कोड उदाहरणे कार्यरत ठेवावे -4. स्थानिकृत प्रश्नमंजुषा सामग्री तपासा +1. `translations/{language-code}/` मधील फाईल शोधा +2. संरचना जपून सुधारणा करा +3. कोड उदाहरणे कार्यरत राहतील याची खात्री करा +4. स्थानिक क्विझ सामग्री चाचणी करा ### भाषांतर मेटाडेटा -भाषांतरित फाइल्समध्ये मेटाडेटा हेडर असतो: +भाषांतरित फाईलमध्ये मेटाडेटा हेडर असतो: ```markdown ``` -## डीबगिंग आणि त्रुटी निराकरण +## डिबगिंग आणि समस्या निवारण ### सामान्य समस्या -**प्रश्नमंजुषा अ‍ॅप सुरू होत नाही**: -- Node.js आवृत्ती तपासा (v14+ शिफारसीय) -- `node_modules` आणि `package-lock.json` हटवा, नंतर `npm install` चालवा +**क्विझ अॅप सुरू होत नाही**: +- Node.js ची आवृत्ती तपासा (v14+ शिफारस) +- `node_modules` आणि `package-lock.json` हटवा, नंतर `npm install` करा - पोर्ट संघर्ष तपासा (डिफॉल्ट: Vite पोर्ट 5173 वापरतो) **API सर्व्हर सुरू होत नाही**: -- Node.js किमान आवृत्ती पूर्ण होते का तपासा (node >=10) -- पोर्ट आधीपासून वापरात आहे का तपासा -- सर्व अवलंबित्वे `npm install` ने इन्स्टॉल आहेत याची खात्री करा +- Node.js आवृत्ती तपासा (node >=10 आवश्यक) +- पोर्ट आधी वापरात आहे का ते पहा +- सर्व अवलंबन `npm install` ने स्थापित केले आहेत का तपासा -**ब्राउझर विस्तार लोड होत नाही**: -- manifest.json योग्यरित्या स्वरूपित आहे का तपासा -- ब्राउझर कन्सोल त्रुटी पाहा -- ब्राउझर-विशिष्ट विस्तार स्थापना सूचना पालन करा +**ब्राउझर एक्स्टेंशन लोड होत नाही**: +- manifest.json योग्यरित्या फॉरमॅट केले आहे का तपासा +- ब्राउझर कन्सोलमध्ये त्रुटी तपासा +- ब्राउझरसाठी एक्स्टेंशन इन्स्टॉलेशन सूचनांचे पालन करा **Python चॅट प्रकल्प समस्या**: -- OpenAI पॅकेज इन्स्टॉल आहे का तपासा: `pip install openai` -- GITHUB_TOKEN पर्यावरणीय चल सेट आहे का तपासा -- GitHub मॉडेल्स प्रवेश परवानग्या तपासा +- OpenAI पॅकेज इन्स्टॉल आहे का: `pip install openai` +- GITHUB_TOKEN पर्यावरण चल सेट आहे का तपासा +- GitHub Models प्रवेश परवानग्या तपासा -**Docsify दस्तऐवज सेवा करत नाही**: -- docsify-cli जागतिकरित्या इन्स्टॉल करा: `npm install -g docsify-cli` -- संग्रह रूट डिरेक्टरीतून चालवा +**Docsify सेवा करत नाही**: +- docsify-cli जागतिकपणे इन्स्टॉल करा: `npm install -g docsify-cli` +- साठ्याच्या रूट निर्देशिकेतून चालवा - `docs/_sidebar.md` अस्तित्वात आहे का तपासा ### विकास पर्यावरण टिपा -- HTML प्रकल्पांसाठी VS Code Live Server विस्तार वापरा -- सतत फॉरमॅटिंगसाठी ESLint आणि Prettier विस्तार इन्स्टॉल करा -- JavaScript डीबगिंगसाठी ब्राउझर DevTools वापरा +- HTML प्रकल्पांसाठी VS Code मध्ये Live Server विस्तार वापरा +- एकसारखा स्वरूपनासाठी ESLint आणि Prettier विस्तार इन्स्टॉल करा +- JavaScript डिबगिंगसाठी ब्राउझर डेव्हटूल्स वापरा - Vue प्रकल्पांसाठी Vue DevTools ब्राउझर विस्तार इन्स्टॉल करा ### कार्यक्षमता विचार -- ५०+ भाषांमध्ये अनुवाद असल्यामुळे संपूर्ण क्लोन मोठा होतो -- फक्त सामग्रीवर काम करत असल्यास शालो क्लोन वापरा: `git clone --depth 1` -- इंग्रजी सामग्रीसाठी काम करताना भाषांतर शोधांमध्ये वगळा -- पहिल्या वेळी बिल्ड प्रक्रिया (npm install, Vite build) हळू असू शकते +- भाषांतरित फाईल्सची संख्या (50+ भाषा) ज्यामुळे पूर्ण क्लोन मोठा आहे +- फक्त सामग्रीवर काम करत असल्यास शैलो क्लोन वापरा: `git clone --depth 1` +- इंग्रजी सामग्रीवर काम करताना भाषांतर शोधांतून वगळा +- पहिल्या चालवणीमध्ये बिल्ड प्रक्रिया मोकळी नाही (npm install, Vite build) ## सुरक्षा विचार -### पर्यावरणीय चल +### पर्यावरण चल -- API की संग्रहात कधीही कमिट करू नयेत -- `.env` फायली वापरा (आधीपासून `.gitignore` मध्ये आहेत) -- प्रकल्प README मध्ये आवश्यक पर्यावरणीय चलांचे दस्तऐवजीकरण करा +- API की कधीही साठ्यात कमिट करू नका +- `.env` फाईल्स वापरा (आधीच `.gitignore` मध्ये आहे) +- प्रकल्पाच्या README मध्ये आवश्यक पर्यावरण चलांचे दस्तऐवजीकरण करा ### Python प्रकल्प -- वर्च्युअल वातावरण वापराः `python -m venv venv` -- अवलंबित्वे अद्ययावत ठेवा -- GitHub टोकन्सना किमान आवश्यक परवानग्या द्या +- व्हर्चुअल एन्व्हायर्नमेंट वापरा: `python -m venv venv` +- अवलंबन अद्ययावत ठेवा +- GitHub टोकन्स कमीतकमी आवश्यक परवानग्यांसह असावेत ### GitHub Models प्रवेश -- GitHub मॉडेल्ससाठी वैयक्तिक प्रवेश टोकन्स (PAT) आवश्यक -- टोकन्स पर्यावरणीय चलांमध्ये साठवा -- टोकन्स किंवा क्रेडेन्शियल कधीही कमिट करू नका +- GitHub Models साठी Personal Access Tokens (PAT) आवश्यक +- टोकन पर्यावरण चलांमध्ये संग्रहित करा +- कधीही टोकन्स किंवा प्रमाणपत्रे कमिट करू नका -## अतिरिक्त नोंदी +## अतिरिक्त नोट्स -### लक्ष्य प्रेक्षक +### लक्षित प्रेक्षक -- वेब विकासातील पूर्ण नवीन प्रारंभिक -- विद्यार्थी आणि स्वअध्ययन करणारे -- वर्गखोल्यासाठी शिक्षक -- सामग्री प्रवेशयोग्यता आणि हळूहळू कौशल्य सुधारासाठी तयार +- वेब विकासासाठी पूर्ण नवशिके +- विद्यार्थी आणि स्वअभ्यासक +- वर्गांमध्ये या अभ्यासक्रमाचा वापर करणारे शिक्षक +- सामग्री प्रवेशयोग्यता आणि हळूहळू कौशल्य वाढीसाठी डिझाइन केलेली ### शैक्षणिक तत्वज्ञान - प्रकल्प-आधारित शिकण्याचा दृष्टिकोन -- वारंवार ज्ञान चाचण्या (प्रश्नमंजुषा) -- प्रत्यक्ष कोडिंग व्यायाम -- प्रत्यक्ष वापराच्या उदाहरणांवर लक्ष -- फ्रेमवर्क वापरण्याआधी मूलभूत गोष्टींवर भर +- वारंवार ज्ञान तपासणी (क्विझ) +- व्यावहारिक कोडिंग सराव +- प्रत्यक्ष जगाच्या वापराचे उदाहरणे +- फ्रेमवर्कसाठी आधी मूलभूत गोष्टींवर लक्ष केंद्रित -### संग्रह देखभाल +### साठा देखभाल -- सक्रिय शिकणाऱ्यांचा व योगदानकर्त्यांचा समुदाय -- अवलंबित्व व सामग्री नियमित अद्यतने -- प्रशासकांद्वारे मुद्दे व चर्चा तपासल्या जातात -- GitHub Actions द्वारे भाषांतर अद्यतने स्वयंचलित +- शिकणारे आणि योगदानकर्त्यांची सक्रिय समुदाय +- अवलंबन आणि सामग्री नियमित अद्यतने +- तक्रारी आणि चर्चांची देखरेख मेंटेनर्सद्वारे +- भाषांतर अद्यतने GitHub Actions द्वारे स्वयंचलित ### संबंधित संसाधने @@ -383,26 +383,26 @@ CO_OP_TRANSLATOR_METADATA: - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) शिकणाऱ्यांसाठी शिफारस - अतिरिक्त कोर्सेस: Generative AI, Data Science, ML, IoT अभ्यासक्रम उपलब्ध -### विशिष्ट प्रकल्पांसह काम +### विशिष्ट प्रकल्पांसोबत काम -सूक्ष्म सूचना साठी खालील README फायली पहा: -- `quiz-app/README.md` - Vue 3 प्रश्नमंजुषा अ‍ॅप्लिकेशन -- `7-bank-project/README.md` - प्रमाणीकरणासह बँकिंग अ‍ॅप्लिकेशन -- `5-browser-extension/README.md` - ब्राउझर विस्तार विकास +विवरणात्मक सूचना साठी प्रत्येक प्रकल्पाच्या README फाइल पहा: +- `quiz-app/README.md` - Vue 3 क्विझ अॅप्लिकेशन +- `7-bank-project/README.md` - प्रमाणीकरण असलेले बँकिंग अॅप्लिकेशन +- `5-browser-extension/README.md` - ब्राउझर एक्स्टेंशन विकास - `6-space-game/README.md` - कॅनव्हास-आधारित गेम विकास - `9-chat-project/README.md` - AI चॅट सहाय्यक प्रकल्प -### मोनोरिपो संरचना +### मोनोरेपो रचना -पारंपरिक मोनोरिपो नसले तरी, या संग्रहात अनेक स्वतंत्र प्रकल्प आहेत: -- प्रत्येक धडा स्वतंत्र आहे -- प्रकल्प एकमेकांशी अवलंबून नाहीत -- स्वतंत्र प्रकल्पांवर काम करा ज्याचा इतरांवर परिणाम होणार नाही -- पूर्ण अभ्यासक्रम अनुभवासाठी संपूर्ण संग्रह क्लोन करा +पारंपरिक मोनोरेपो नसले तरी, हा साठा अनेक स्वतंत्र प्रकल्पांचा समावेश करतो: +- प्रत्येका धडा स्वतंत्र आहे +- प्रकल्प अवलंबन शेअर करत नाहीत +- स्वतंत्र प्रकल्पांवर काम करा; एकमेकांवर परिणाम न करता +- पूर्ण अभ्यासक्रमाचा अनुभव घेण्यासाठी संपूर्ण साठा क्लोन करा --- -**अस्वीकरण**: -हे दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित करण्यात आले आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, परंतु कृपया लक्षात घ्या की स्वयंचलित अनुवादांमध्ये चुका किंवा असत्यता असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्त्रोत मानला गेला पाहिजे. महत्त्वाची माहिती असलेल्या बाबतीत व्यावसायिक मानवी अनुवादाची शिफारस केली जाते. या अनुवादाच्या वापरामुळे उद्भवणाऱ्या कोणत्याही गैरसमजुती किंवा चुकीच्या समजुतीसाठी आम्ही जबाबदार नाही. +**संपर्क सूचना**: +हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, परंतु कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेच्या चुका असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतर शिफारस केली जाते. या भाषांतराच्या वापरामुळे उद्भवलेल्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थलागीसंबंधी आम्ही जबाबदार नाही. \ No newline at end of file diff --git a/translations/mr/README.md b/translations/mr/README.md index 2cf49fe673..f608cc711c 100644 --- a/translations/mr/README.md +++ b/translations/mr/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# नवीनकारांसाठी वेब विकास - एक अभ्यासक्रम +# नवशिक्यांसाठी वेब विकास - एक अभ्यासक्रम -Microsoft Cloud Advocates द्वारे सादर केलेल्या 12 आठवड्यांच्या व्यापक कोर्ससह वेब विकासाच्या मूलतत्त्वांची शिकवण घ्या. 24 धड्यांपैकी प्रत्येकात आपण टेरारियम्स, ब्राउझर विस्तार, आणि स्पेस गेम्स सारख्या प्रोजेक्ट्सच्या माध्यमातून JavaScript, CSS, आणि HTML शिकाल. क्विझ, चर्चा, आणि व्यावहारिक असाइनमेंट्समध्ये भाग घ्या. आमच्या परिणामकारक प्रोजेक्ट-आधारित शिक्षण पद्धतीने आपली कौशल्ये सुधारित करा आणि ज्ञान टिकवून ठेवा. आपली कोडिंग यात्रा आजच सुरू करा! +Microsoft Cloud Advocates द्वारे आमच्या 12 आठवड्यांच्या सविस्तर कोर्ससह वेब विकासाच्या मूलभूत गोष्टी शिका. 24 धड्यांपैकी प्रत्येकात JavaScript, CSS, आणि HTML यांचा समावेश आहे ज्यामध्ये terrariums, browser extensions, आणि space games ईसारख्या प्रॅक्टिकल प्रोजेक्ट्सद्वारे शिकवले जाते. क्विझ, चर्चासत्रं, आणि प्रॅक्टिकल असाइनमेंट्समध्ये सहभागी व्हा. आमच्या प्रभावी प्रोजेक्ट-आधारित शिक्षण पद्धतीने आपले कौशल्य वाढवा आणि ज्ञान अधिक चांगल्या प्रकारे आत्मसात करा. आजच आपली कोडिंग यात्रा सुरू करा! -Azure AI Foundry Discord समुदायात सामील व्हा +Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ व सह-विकसकांशी भेटा. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -या संसाधनांसह सुरुवात करण्यासाठी खालील चरणांचे अनुसरण करा: -1. **रिपॉझिटरी फोर्क करा**: वर क्लिक करा [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +या संसाधनांचा वापर सुरू करण्यासाठी खालील टप्पे फॉलो करा: +1. **रिपॉझिटरी फोर्क करा**: क्लिक करा [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **रिपॉझिटरी क्लोन करा**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord मध्ये सहभागी व्हा आणि तज्ज्ञ व सहकारी विकसकांना भेटा**](https://discord.com/invite/ByRwuEEgH4) +3. [**Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ, सह-विकसकांशी भेटा**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 बहुभाषिक समर्थन -#### GitHub Action द्वारे समर्थित (स्वयंपूर्ण आणि नेहमी अद्ययावत) +#### GitHub Action द्वारे समर्थित (स्वयंचलित आणि नेहमी अद्ययावत) [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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](./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](../es/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) -> **स्थानिकरित्या क्लोन करण्यास प्राधान्य देता?** +> **स्थानिकरित्या क्लोन करायला प्राधान्य देता?** > -> या रिपॉझिटरीमध्ये ५०+ भाषांमधील अनुवाद आहेत ज्यामुळे डाउनलोडचा आकार मोठा होतो. अनुवादांशिवाय क्लोन करण्यासाठी sparse checkout वापरा: +> या रिपॉझिटरीमध्ये 50+ भाषांतील अनुवाद आहेत जे डाउनलोड आकार लक्षणीय वाढवतात. अनुवादांशिवाय क्लोन करण्यासाठी sparse checkout वापरा: > > **Bash / macOS / Linux:** > ```bash @@ -48,175 +48,172 @@ Azure AI Foundry Discord समुदायात सामील व्हा > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> हे आपल्याला कोर्स पूर्ण करण्यासाठी आवश्यक सर्व काही अधिक वेगाने डाउनलोड करण्यास मदत करेल. +> यामुळे कोर्स पूर्ण करण्यासाठी आवश्यक सर्वकाही आपल्याला लवकर डाउनलोड होईल. -**जर आपल्याला अतिरिक्त भाषांमध्ये अनुवाद हवेत तर ते [इथे](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) शोधा** +**आपल्याला अतिरिक्त भाषांतर हवे असल्यास, समर्थन केलेल्या भाषा येथे नमूद आहेत. [येथे](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _तुम्ही विद्यार्थी आहात का?_ +#### 🧑‍🎓 _तुम्ही विद्यार्थी आहात काय?_ -[**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) येथे भेट द्या जिथे आपल्याला नवीनकरांसाठी संसाधने, विद्यार्थी पॅक आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळविण्यास मार्ग सापडतील. हे पृष्ठ तुम्हाला जपावे लागेल आणि वेळोवेळी तपासावे कारण आम्ही सामग्री दरमहिना बदलतो. +[**Student Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) येथे भेट द्या जिथे तुम्हाला नवशिक्यासाठीचे संसाधने, विद्यार्थी पॅक्स आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळवण्याचे मार्गही सापडतील. हा पृष्ठ तुम्ही आवर्जून बुकमार्क करा आणि वेळोवेळी तपासत रहा कारण आपल्याला दर महिन्याला कंटेंट बदलत असतो. -### 📣 जाहिरात - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करा! +### 📣 घोषणा - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करायला! -नवीन आव्हान जोडले आहे, बहुतेक अध्यायांमध्ये "GitHub Copilot Agent Challenge 🚀" पहा. हे GitHub Copilot आणि Agent मोड वापरून पूर्ण करण्यासाठी नवीन आव्हान आहे. तुम्ही आधी Agent मोड वापरला नसेल तर हे फक्त मजकूर तयार करत नाही तर फायली तयार करणं, संपादित करणं, कमांड्स चालवणं आणि बरेच काही करू शकतं. +नवीन आव्हान समाविष्ट केले गेले आहे, बहुतेक प्रकरणांमध्ये "GitHub Copilot Agent Challenge 🚀" शोधा. हे GitHub Copilot आणि Agent मोड वापरून पूर्ण करण्यासाठी नवीन आव्हान आहे. जर तुम्ही Agent मोड पूर्वी वापरला नसेल तर तो केवळ टेक्स्ट निर्माण करण्यापुरता मर्यादित नसून फाइल्स तयार करणे आणि संपादित करणं, कमांड्स चालवणे आणि बरेच काही करू शकतो. -### 📣 जाहिरात - _जनरेटिव्ह AI वापरून नवीन प्रोजेक्ट तयार करा_ +### 📣 घोषणा - Generative AI वापरून नवीन प्रोजेक्ट तयार करा -नवीन AI सहाय्यक प्रोजेक्ट नुकताच जोडले गेले आहे, याची पाहणी करा [project](./9-chat-project/README.md) +नवीन AI Assistant प्रोजेक्ट नुकताच समाविष्ट केला गेला आहे, ते बघा [प्रोजेक्ट](./9-chat-project/README.md) -### 📣 जाहिरात - _JavaScript साठी नवीन जनरेटिव्ह AI अभ्यासक्रम_ नुकताच प्रदर्शित केला गेला +### 📣 घोषणा - Generative AI साठी नवीन अभ्यासक्रम JavaScript यासाठी नुकताच रिलीज झाला आहे -आमचा नवीन जनरेटिव्ह AI अभ्यासक्रम हरवू नका! +आमचा नवीन Generative AI अभ्यासक्रम चुकवू नका! -सुरुवात करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +सुरू करण्यासाठी भेट द्या: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/mr/background.148a8d43afde5730.webp) -- मूलभूत गोष्टींपासून आरएजीपर्यंतचे धडे. -- GenAI आणि आमच्या साथी अॅपचा वापर करून ऐतिहासिक पात्रांशी संवाद करा. -- मजेदार आणि आकर्षक कथा, तुम्ही काळ प्रवास कराल! +- मूलभूत गोष्टींपासून RAG पर्यंतचे धडे. +- GenAI आणि आमच्या साथीदार अॅपसह ऐतिहासिक पात्रांशी संवाद साधा. +- मजेशीर आणि आकर्षक कथा, तुम्ही समय प्रवास करत असाल! ![character](../../translated_images/mr/character.5c0dd8e067ffd693.webp) - -प्रत्येक धड्यात पूर्ण करण्यासाठी असाइनमेंट, ज्ञान तपासणी आणि आव्हान आहेत जे तुम्हाला पुढील विषय शिकवतील: -- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग -- मजकूर आणि प्रतिमांचा अॅप जनरेशन +प्रत्येक धड्यात एक असाइनमेंट पूर्ण करायला मिळते, ज्ञान तपासणी आणि एक आव्हान तुमच्या शिकण्याच्या मार्गदर्शनासाठी, जसे की: +- प्रॉम्प्टिंग आणि प्रॉम्प्ट अभियांत्रिकी +- टेक्स्ट व प्रतिमा अॅप निर्मिती - शोध अॅप्स -सुरुवात करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! - - +सुरू करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -## 🌱 सुरुवात कशी करावी +## 🌱 सुरुवात करणे -> **शिक्षकांनो**, आम्ही या अभ्यासक्रमाचा वापर कसा करावा यावर [सल्ले](for-teachers.md) दिले आहेत. कृपया आपल्या अभिप्रायांसाठी [आमच्या चर्चेच्या फोरममध्ये](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) सामील व्हा! +> **शिक्षकांनो**, आम्ही [शिक्षकांसाठी काही सूचना समाविष्ट केल्या आहेत](for-teachers.md) या अभ्यासक्रमाचा कसा वापर करावा यासाठी. तुमचा अभिप्राय आम्हाला आवडेल [आमच्या चर्चासत्रात](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[शिकणारे](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक धड्यासाठी सुरुवातीला प्री-लेक्चर क्विझ पूर्ण करा, नंतर लेक्चर सामग्री वाचा, विविध क्रियाकलाप पूर्ण करा आणि नंतर पोस्ट-लेक्चर क्विझद्वारे आपले समज तपासा. +**[शिकणारे](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक धडा सुरू करण्यापूर्वी प्री-लेक्चर क्विझ घ्या आणि मग व्याख्यानाचे साहित्य वाचा, विविध उपक्रम पूर्ण करा आणि तुमची समज पोस्ट-लेक्चर क्विझने तपासा. -आपल्या शिक्षणाचा अनुभव सुधारण्यासाठी सहपाठ्यांशी जुळा आणि प्रोजेक्ट्सवर एकत्र काम करा! चर्चांसाठी आमच्या [चर्चा फोरम](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) मध्ये सहभागी व्हा जिथे आमच्या मॉडरेटर टीम तुमचे प्रश्न उत्तरे देण्यासाठी उपलब्ध असेल. +आपल्या शिकण्याच्या अनुभवाला सुधारण्यासाठी, सहकार्याने प्रोजेक्ट्सवर काम करण्यासाठी तुमच्या सहपाठींशी संपर्क करा! चर्चा आमच्या [चर्चा फोरममध्ये](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) प्रोत्साहित केल्या जातात जिथे आमच्या मॉडरेटर संघ सदस्य तुमचे प्रश्न सोडवण्यासाठी उपलब्ध राहतील. -आपले शिक्षण पुढे नेण्यासाठी आम्ही [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) मध्ये अतिरिक्त अभ्यास साहित्य पाहण्याची शिफारस करतो. +शिक्षण सखोल करण्यासाठी, आम्ही [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) या अतिरिक्त अभ्यास साहित्याचा शोध घेण्याची शिफारस करतो. -### 📋 आपले वातावरण सेट करणे +### 📋 तुमचे वातावरण सेट करा -हा अभ्यासक्रम वापरण्यास तयार विकास वातावरणासह येतो! सुरुवात करताना आपण हा अभ्यासक्रम [Codespace](https://github.com/features/codespaces/) मध्ये चालवत असाल (_ब्राउझर-आधारित, कोणतेही इंस्टॉल न करता काम करणारे वातावरण_) किंवा [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) सारख्या टेक्स्ट एडिटरचा वापर करून स्थानिक पद्धतीने आपल्या संगणकावर चालवू शकता. +हा अभ्यासक्रम थेट विकासासाठी एका वातावरणासह तयार आहे! सुरू करताना तुम्ही [Codespace](https://github.com/features/codespaces/) (_ब्राउझर-आधारित, कोणतीही इन्स्टॉलेशन आवश्यक नाही असा वातावरण_) मध्ये चालवू शकता किंवा तुमच्या कॉम्प्युटरवर स्थानिकरित्या [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) सारख्या टेक्स्ट एडिटरचा वापर करून चालवू शकता. -#### आपली रिपॉझिटरी तयार करा -आपले कार्य सहजपणे जतन करण्यासाठी, आपण आपली स्वतःची कॉपी तयार करणे शिफारस केले आहे. यासाठी पृष्ठाच्या वरच्या भागात **Use this template** बटणावर क्लिक करा. यामुळे आपल्या GitHub खात्यात अभ्यासक्रमाची कॉपी असलेली नवीन रिपॉझिटरी तयार होईल. +#### तुमची रिपॉझिटरी तयार करा +तुमचे काम सुलभतेने जतन करण्यासाठी, याची प्रक्रिया आहे की तुम्ही स्वतःची कॉपी तयार कील पाहिजे. हे करण्यासाठी, या पानाच्या वरच्या बाजूला असलेल्या **Use this template** बटणावर क्लिक करा. यामुळे तुमच्या GitHub खात्यात एक नवीन रिपॉझिटरी तयार होईल ज्यामध्ये हा अभ्यासक्रम असलेली कॉपी असेल. -हे चरण पाळा: -1. **रिपॉझिटरी फोर्क करा**: या पृष्ठाच्या वरच्या उजव्या कोपऱ्यातील "Fork" बटणावर क्लिक करा. +हे टप्पे फॉलो करा: +1. **रिपॉझिटरी फोर्क करा**: या पानाच्या उजव्या वरच्या कोपऱ्यातील "Fork" बटणावर क्लिक करा. 2. **रिपॉझिटरी क्लोन करा**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace मध्ये अभ्यासक्रम चालविणे +#### Codespace मध्ये अभ्यासक्रम चालवणे -तुमच्या तयार केलेल्या कॉपीमध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे आपल्यासाठी नवीन Codespace तयार होईल. +तुमच्या तयार केलेल्या कॉपीमध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे तुमच्यासाठी नवीन Codespace तयार होईल. ![Codespace](../../translated_images/mr/createcodespace.0238bbf4d7a8d955.webp) -#### आपल्या संगणकावर स्थानिक पद्धतीने अभ्यासक्रम चालविणे +#### स्थानिकरित्या तुमच्या कॉम्प्युटरवर अभ्यासक्रम चालवणे -स्थानिक पद्धतीने हा अभ्यासक्रम चालविण्यास, आपल्याला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन साधन आवश्यक आहे. आमचा पहिला धडा, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), तुम्हाला प्रत्येक साधनासाठी विविध पर्यायांबद्दल मार्गदर्शन करेल आणि आपल्या गरजेनुसार सर्वोत्तम पर्याय निवडण्यास मदत करेल. +हा अभ्यासक्रम तुमच्या कॉम्प्युटरवर स्थानिकपणे चालवण्यासाठी, तुम्हाला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन टूल लागेल. आमचा पहिला धडा, [प्रोग्रॅमिंग भाषा आणि साधनांची ओळख](../../1-getting-started-lessons/1-intro-to-programming-languages), तुम्हाला प्रत्येक प्रकारच्या टूलसाठी विविध पर्यायांबद्दल मार्गदर्शन करेल जे तुम्हाला सर्वोत्तम कामासाठी निवडायला मदत करतील. -आमची शिफारस आहे की आपण [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) आपल्या एडिटर म्हणून वापरावा, ज्यात एक अंगभूत [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) देखील आहे. आपण Visual Studio Code [येथून](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) डाउनलोड करू शकता. -1. आपले रिपॉझिटरी आपल्या संगणकावर क्लोन करा. हे करण्यासाठी **Code** बटणावर क्लिक करा आणि URL कॉपी करा: +आमची सूचना आहे की [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) वापरा, ज्यामध्ये अंतर्निहित [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) देखील आहे. तुम्ही Visual Studio Code येथे डाउनलोड करू शकता [इथे](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. आपल्या संगणकावर आपले रेपॉझिटरी क्लोन करा. आपण हे करण्यासाठी **Code** बटणावर क्लिक करून URL कॉपी करू शकता: [CodeSpace](./images/createcodespace.png) - नंतर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) मध्ये [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) उघडा आणि खालील कमांड चालवा, `` मध्ये आपण नुकतीच कॉपी केलेली URL टाका: + नंतर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) मध्ये [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) उघडा आणि पुढील कमांड चालवा, `` ला आपण नुकतीच कॉपी केलेल्या URL ने बदला: ```bash git clone ``` -2. Visual Studio Code मध्ये फोल्डर उघडा. हे करण्यासाठी **File** > **Open Folder** वर क्लिक करा आणि आपण क्लोन केलेला फोल्डर निवडा. +2. Visual Studio Code मध्ये फोल्डर उघडा. आपण हे करण्यासाठी **File** > **Open Folder** क्लिक करा आणि जो फोल्डर आपण क्लोन केला आहे तो निवडा. -> शिफारस केलेले Visual Studio Code एक्सटेंशन्स: +> शिफारसीत Visual Studio Code विस्तार: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code मध्ये HTML पृष्ठांचे प्रीव्ह्यू पाहण्यासाठी -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड लवकर लिहिण्यात मदत करण्यासाठी +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code मध्ये HTML पृष्ठांचे पूर्वावलोकन करण्यासाठी +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - आपला कोड लवकर लिहिण्यास मदत करण्यासाठी -## 📂 प्रत्येक धडा खालील गोष्टी समाविष्ट करतो: +## 📂 प्रत्येक धडा यामध्ये असतो: -- ऐच्छिक स्केचनोट +- ऐच्छिक स्केच नोट - ऐच्छिक पूरक व्हिडिओ -- धड्यापूर्वीची वॉर्मअप क्विझ +- पूर्व-धडा वॉर्मअप क्विझ - लेखी धडा -- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावर टप्प्याटप्प्याने मार्गदर्शक +- प्रोजेक्ट-आधारित धड्यांसाठी, प्रोजेक्ट तयार करण्यासाठी चरण-दर-चरण मार्गदर्शक - ज्ञान तपासणी - एक आव्हान - पूरक वाचन - असाइनमेंट -- [धड्यानंतरची क्विझ](https://ff-quizzes.netlify.app/web/) +- [धडा नंतरचे क्विझ](https://ff-quizzes.netlify.app/web/) -> **क्विझ बद्दल नोंद**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, जवळजवळ 48 क्विझ तीन प्रश्नांसह. ते [इथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत. क्विझ अॅप स्थानिकरित्या चालवता येऊ शकतो किंवा Azure वर डिप्लॉय केला जाऊ शकतो; `quiz-app` फोल्डरमधील सूचनांचे पालन करा. +> **क्विझंबद्दल एक टीप**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, एकूण 48 क्विझ ज्यामध्ये प्रत्येकात तीन प्रश्न आहेत. ते येथे उपलब्ध आहेत [येथे](https://ff-quizzes.netlify.app/web/) क्विझ अॅप स्थानिकरित्या चालवता येतो किंवा Azure वर तैनात करता येतो; `quiz-app` फोल्डरमधील सूचना पाळा. ## 🗃️ धडे -| | प्रकल्पाचे नाव | शिकवले जाणारे संकल्पना | शिकण्याचे उद्दिष्टे | लिंक केलेला धडा | लेखक | +| | प्रोजेक्ट नाव | शिकवले जाणारे संकल्पना | शैक्षणिक उद्दिष्टे | लिंक केलेला धडा | लेखक | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | सुरुवात करणे | प्रोग्रामिंगची ओळख आणि वापरासाठी साधने | बहुसंख्य प्रोग्रामिंग भाषा आणि व्यावसायिक विकासकांसाठी मदत करणारे सॉफ्टवेअर याबद्दल मूलभूत माहिती मिळवा | [प्रोग्रामिंग भाषा आणि साधने ओळख](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | सुरुवात करणे | GitHub चे मूलभूत तत्त्व, टीम सोबत काम करणे | आपल्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे | [GitHub ओळख](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | सुरुवात करणे | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेच्या मूलभूत गोष्टी शिकणे | [प्रवेशयोग्यता मूलभूत तत्त्वे](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS मूलभूत | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलभूत माहिती | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS मूलभूत | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्स विषयी जाणून घ्या | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher | -| 06 | JS मूलभूत | JS ने निर्णय घेणे | निर्णय घेण्याच्या पद्धती वापरून आपल्या कोडमध्ये अटी निर्माण करणे शिकणे | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS मूलभूत | अ‍ॅरे आणि लूप्स | JavaScript मध्ये अ‍ॅरे आणि लूप्स वापरून डेटा काम करणे | [अ‍ॅरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML प्रॅक्टिस | ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउट बनवण्यावर लक्ष केंद्रित करून | [HTML ओळख](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS प्रॅक्टिस | ऑनलाइन टेरारियमसाठी CSS तयार करा, पृष्ठ प्रतिसादात्मक करण्यासाठी CSS च्या मूलभूत गोष्टी समजून घ्या | [CSS ओळख](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर्स, DOM मॅनिप्युलेशन | टेरारियमसाठी ड्रॅग/ड्रॉप इंटरफेस तयार करण्यासाठी JavaScript तयार करा, क्लोजर्स आणि DOM मॅनिप्युलेशनवर लक्ष केंद्रित करून | [JavaScript क्लोजर्स, DOM मॅनिप्युलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [टायपिंग गेम](./4-typing-game/solution/README.md) | टायपिंग गेम तयार करणे | आपल्या JavaScript अॅपसाठी लॉजिक चालविण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे ते शिका | [इव्हेंट-चालित प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझर्ससोबत काम करणे | ब्राउझर्स कसे कार्य करतात, त्यांचा इतिहास, आणि ब्राउझर एक्सटेंशनचे पहिले घटक कसे तयार करायचे ते शिका | [ब्राउझर्स विषयी](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि लोकल स्टोरेजमध्ये व्हेरिएबल्स संग्रहित करणे | आपल्या ब्राउझर एक्सटेंशनसाठी JavaScript घटक तयार करा जे API कॉल करतील आणि लोकल स्टोरेजमधील व्हेरिएबल्स वापरतात | [API, फॉर्म्स आणि लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरमधील बॅकग्राऊंड प्रोसेसेस, वेबपरफॉर्मन्स | एक्सटेंशन आयकॉन व्यवस्थापित करण्यासाठी ब्राउझरच्या बॅकग्राऊंड प्रोसेसेस वापरा; वेबक्षमता आणि काही ऑप्टिमायझेशन्स बद्दल शिका | [बॅकग्राऊंड टास्क आणि परफॉर्मन्स](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript वापरून अधिक प्रगत गेम विकास | क्लासेस आणि कंपोझिशन वापरून वारसा घेणे आणि Pub/Sub पॅटर्न शिकून गेम तयार करण्यासाठी तयार व्हा | [अधिक प्रगत गेम विकासाचा परिचय](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटन | स्क्रीनवर घटक रेखाटण्यासाठी वापरले जाणारे कॅनव्हास API विषयी शिका | [कॅनव्हासवर रेखाटन](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवरील घटक हलविणे | घटकांना कॉर्टेशियन निर्देशांक आणि कॅनव्हास API वापरून कसे हालचाल करता येते ते शोधा | [घटक हलविणे](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर शोधणे | तपकिरी आणि प्रतिक्रिया कसे घडवायची ते शिका ज्यासाठी कीप्रेस वापरून आणि गेमच्या कामगिरीसाठी कूलडाउन फंक्शन पुरवा | [टक्कर शोधणे](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | गुणधर्म सांभाळणे | गेमच्या स्थितीवर आधारित गणिती गणना करा आणि कामगिरी सांभाळा | [गुणधर्म सांभाळणे](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | गेम समाप्त करणे आणि पुन्हा सुरू करणे | गेम समाप्त करणे आणि पुन्हा सुरू करण्याविषयी शिका, त्यात मालमत्ता साफसफाईसह व्हेरिएबल मूल्ये रीसेट करणेही समाविष्ट आहे | [समाप्तीची अट](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | वेब अॅपमध्ये HTML टेम्प्लेट आणि रूट्स | मल्टीपेज वेबसाइटची आर्किटेक्चर रूटिंग आणि HTML टेम्प्लेट वापरून तयार करणे शिका | [HTML टेम्प्लेट्स आणि रूट्स](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करणे | फॉर्म तयार करण्याबद्दल आणि वैधता व्यवस्थापित करण्याबद्दल शिका | [फॉर्म्स](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | डेटा प्राप्त करणे आणि वापरण्याच्या पद्धती | आपल्या अॅपमध्ये डेटा कसा प्रवाहित होतो, कसा मिळवायचा, कसा संग्रहित करायचा व कसा नष्ट करायचा याबद्दल माहिती | [डेटा](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | स्टेट मॅनेजमेंटची संकल्पना | आपला अॅप स्टेट कसा ठेवतो आणि प्रोग्रामनुसार ते कसे व्यवस्थापित करायचे ते शिका | [स्टेट मॅनेजमेंट](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सोबत काम करणे | कोड एडिटर वापरण्याबद्दल शिका| [VScode Code Editor वापरा](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI असिस्टंट्स](./9-chat-project/README.md) | AI सोबत काम करणे | स्वतःचा AI असिस्टंट कसा तयार करायचा ते शिका | [AI Assistant प्रकल्प](./9-chat-project/README.md) | Chris | - -## 🏫 शिक्षणशास्त्र - -आमच्या अभ्यासक्रमामध्ये दोन मुख्य शिक्षणशास्त्रीय तत्त्वे लक्षात घेतली आहेत: -* प्रकल्प-आधारित शिक्षण +| 01 | Getting Started | प्रोग्रामिंगची ओळख आणि कामासाठी वापरलेले साधन | बहुतेक प्रोग्रामिंग भाषांमागील मूलभूत तत्त्वे आणि व्यावसायिक विकासक त्यांच्या कामासाठी वापरतात असे सॉफ्टवेअर जाणून घ्या | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | GitHub चे मूलतत्त्व, टीमसोबत काम करणे | आपल्या प्रोजेक्टमध्ये GitHub कसा वापरायचा, कोड बेसवर इतरांशी सहकार्य कसे करायचे | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेचे मूलतत्त्वे शिका | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलतत्त्वे | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | फंक्शन्स आणि मेथड्स | एक अॅप्लिकेशनच्या लॉजिक फ्लोचे नियमन करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिका | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | JS ने निर्णय कसे घ्यायचे | आपल्या कोडमध्ये निर्णय घेण्याच्या पद्धती कशा तयार करायच्या हे शिका | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | Arrays आणि Loops | JavaScript मध्ये डेटा हाताळण्यासाठी अ‍ॅरे आणि लूप्स वापरणे | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML वर व्यवहार | ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउटवर भर देऊन | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS वर व्यवहार | ऑनलाइन टेरारियमसाठी CSS तयार करा, CSS चे मूलतत्त्वे आणि पृष्ठ प्रतिसादक बनविण्यावर जोर देऊन | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर्स, DOM हाताळणी | टेरारियमसाठी ड्रॅग/ड्रॉप इंटरफेस तयार करण्यासाठी JavaScript लिहा, क्लोजर्स आणि DOM हाताळणीवर लक्ष केंद्रित करा | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | टायपिंग गेम तयार करा | JavaScript अॅप्लिकेशनच्या लॉजिकला कीबोर्ड इव्हेंट्स चा वापर करून चालवा | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरसोबत काम करणे | ब्राउझर कसे कार्य करतात, त्याचा इतिहास आणि ब्राउझर विस्तार घटकांची प्राथमिक रचना कशी तयार करायची हे शिका | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहात व्हेरिएबल साठवणे | आपले ब्राउझर विस्तार तयार करा जे API कॉल करेल आणि स्थानीय संग्रहात सीरियलाइज्ड व्हेरिएबल्स वापरेल | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरमधील पार्श्वभूमी प्रक्रिया, वेब कार्यक्षमता | ब्राउझरच्या पार्श्वभूमी प्रक्रियांचा वापर करून विस्ताराचा आयकॉन व्यवस्थापित करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशन शिका | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript सह अधिक प्रगत गेम विकास | क्लास आणि कंपोझिशन वापरून इनहेरिटेंस आणि पब/सब पॅटर्न बद्दल शिका, गेम बनविण्याच्या तयारीसाठी | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटणे | कॅनव्हास API चा अभ्यास करा, ज्याचा वापर करून स्क्रीनवर घटक रेखाटले जातात | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलविणे | घटकांना चळवळ देण्यासाठी कॅर्टेशियन निर्देशांक आणि कॅनव्हास API यांचा वापर जाणून घ्या | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | धडक ओळखणे | कीप्रेस वापरून घटकांना एकमेकांशी धडकवून त्यावर प्रतिक्रिया देण्यासाठी कोल्डडाउन फंक्शन तयार करा जेणेकरून गेमची कार्यक्षमता टिकेल | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर ठेवणे | गेमच्या स्थिती आणि कार्यक्षमतेच्या आधारावर गणितीय गणना करा | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | गेम संपवणे आणि पुन्हा सुरू करणे | गेम संपवणे आणि पुन्हा सुरू करण्याबद्दल शिका, तसेच संसाधने साफ करणे आणि व्हेरिएबल किंमती रीसेट करणे | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब अॅपमधील HTML टेंप्लेट्स आणि राऊट्स | मल्टीपेज वेबसाईट संरचना तयार करण्यासाठी राऊटिंग आणि HTML टेंप्लेट वापरणे शिका | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करण्याबद्दल आणि मूल्यांकन प्रक्रिया हाताळण्याबाबत शिका | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा घेण्याचे आणि वापरण्याचे पद्धती | आपला अॅपमध्ये डेटा कसा येतो व जातो, तो कसा मिळवायचा, साठवायचा आणि नष्ट करायचा | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | स्टेट व्यवस्थापन संकल्पना | आपल्या अॅपची स्थिती कशी टिकवून ठेवायची आणि त्याचे प्रोग्रामिंगद्वारे व्यवस्थापन कसे करायचे हे शिका | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सोबत काम करणे | कोड संपादक वापरणे शिका| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | AI सोबत काम करणे | आपला स्वतःचा AI असिस्टंट कसा बनवायचा ते शिका | [AI Assistant project](./9-chat-project/README.md) | Chris | + +## 🏫 पेडागॉजी + +आमचा अभ्यासक्रम दोन प्रमुख शैक्षणिक तत्त्वांवर आधारित आहे: +* प्रोजेक्ट-आधारित शिक्षण * वारंवार क्विझ -हा कार्यक्रम JavaScript, HTML, आणि CSS च्या मुलभूत गोष्टी तसेच आजच्या वेब विकासकांनी वापरलेल्या नवीनतम साधने आणि तंत्रे शिकवतो. विद्यार्थ्यांना टायपिंग गेम, वर्चुअल टेरारियम, पर्यावरणपूरक ब्राउझर एक्सटेंशन, स्पेस-इन्व्हेडर-स्टाईल गेम, आणि व्यवसायांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव घेण्याची संधी मिळेल. मालिकेच्या अखेरीस, विद्यार्थ्यांना वेब विकासाचा मजबूत समज निर्माण होईल. +हा कार्यक्रम JavaScript, HTML आणि CSS चे मूलभूत तत्त्वे तसेच आजच्या वेब विकासकांनी वापरलेली नवीन साधने आणि तंत्रे शिकवतो. विद्यार्थी टायपिंग गेम, आभासी टेरारियम, पर्यावरणपूरक ब्राउझर विस्तार, स्पेस-इन्व्हेडर-शैलीतील गेम आणि व्यवसायांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव घेतील. मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाचा सखोल समज प्राप्त होईल. -> 🎓 तुम्ही Microsoft Learn वरील [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) म्हणून या अभ्यासक्रमातील काही पहिले धडे घेऊ शकता! +> 🎓 आपण Microsoft Learn वर या अभ्यासक्रमातील पहिले काही धडे [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) म्हणून घेऊ शकता! -सामग्री प्रकल्पांसोबत अनुरूप ठेवून, विद्यार्थ्यांच्या संलग्नतेत सुधारणा होते आणि संकल्पनांची जप्ती वाढते. आम्ही JavaScript मूलभूत गोष्टी ओळखण्यासाठी काही प्रारंभिक धडे लिहिले आहेत, ज्यांना "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ ट्यूटोरियल कलेक्शनचा व्हिडिओ जोडलेला आहे, ज्यातील काही लेखकांनी या अभ्यासक्रमात योगदान दिले आहे. +विषय आविष्कार प्रोजेक्ट्सशी सुसंगत ठेवून, प्रक्रिया विद्यार्थ्यांसाठी अधिक आकर्षक केली आहे आणि संकल्पनांचा दीर्घकालीन समज वाढवला गेला आहे. आम्ही JavaScript चे मूलभूत तत्त्वे समजावून सांगण्यासाठी अनेक प्रारंभीक धडे लिहिले आहेत, जे "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ मालिकेतील व्हिडिओसह जोडले गेले आहेत, ज्यातील काही लेखकांनी या अभ्यासक्रमात योगदान दिले आहे. -शिवाय, वर्गापूर्वी कमी धोक्याचे क्विझ विद्यार्थ्यांच्या विषयात रस निर्माण करण्यासाठी आणि वर्गानंतर दुसरे क्विझ अधिक चांगली जप्ती सुनिश्चित करण्यासाठी डिझाइन केलेले आहे. हा अभ्यासक्रम लवचीक आणि मनोरंजक असावा म्हणून तयार केलेला आहे आणि पूर्णपणे किंवा भागामध्ये घेतला जाऊ शकतो. प्रकल्प लहानापासून सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिक क्लिष्ट होतात. +याशिवाय, वर्गाच्या आधीचा कमी-दाबाचा क्विझ विद्यार्थ्यांच्या लक्षात विषय शिकण्याचा उद्देश सेट करतो, तर वर्गानंतरचा दुसरा क्विझ अधिक चांगल्या समजसपाटीसाठी मदत करतो. हा अभ्यासक्रम लवचिक आणि मजेदार ठेवण्यासाठी डिझाइन केला आहे आणि संपूर्ण किंवा भागांमध्ये घेतला जाऊ शकतो. प्रोजेक्ट प्रारंभी लहान सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिक जटिल होतात. -JavaScript फ्रेमवर्क वापरण्याऐवजी मूलभूत कौशल्ये सक्रिय करण्यावर भर देण्यासाठी आम्ही जाणीवपूर्वक ते टाळले आहे; या अभ्यासक्रमानंतरचा उत्कृष्ट पुढील टप्पा Node.js शिकणे होय, ज्यासाठी "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ कलेक्शन उपयुक्त आहे. +जावास्क्रिप्ट फ्रेमवर्क परिचय टाळण्यामागील कारण म्हणजे वेब विकासक म्हणून मूलभूत कौशल्यांवर लक्ष केंद्रित करणे, फ्रेमवर्क वापरण्याआधी. या अभ्यासक्रमानंतर पुढील चांगला पाऊल Node.js बद्दल शिकणे असू शकते, "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" या व्हिडिओ मालिकेद्वारे. -> आमचे [आचारसंहिता](CODE_OF_CONDUCT.md) आणि [योगदान कसे करावे](CONTRIBUTING.md) मार्गदर्शक प्रभावी अभिप्रायासाठी तुमचे स्वागत करतात! +> आमचे [वर्तन संकेतशास्त्र](CODE_OF_CONDUCT.md) आणि [योगदान](CONTRIBUTING.md) मार्गदर्शक पहा. आपले रचनात्मक अभिप्राय स्वागतार्ह आहे! ## 🧭 ऑफलाइन प्रवेश -तुम्ही [Docsify](https://docsify.js.org/#/) वापरून हे दस्तऐवज ऑफलाइन चालवू शकता. हे रेपो फोर्क करा, आपल्या स्थानिक संगणकावर [Docsify स्थापित करा](https://docsify.js.org/#/quickstart), आणि नंतर या रेपोच्या मूळ फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाईट लोकलहोस्टवर पोर्ट 3000 वर सेवा देईल: `localhost:3000`. +आपण हा दस्तऐवज [Docsify](https://docsify.js.org/#/) वापरून ऑफलाइन चालवू शकता. हा रेपो फोर्क करा, आपली स्थानिक यंत्रावर [Docsify स्थापित करा](https://docsify.js.org/#/quickstart), आणि नंतर या रेपॉच्या वरच्या फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाईट आपल्याला पोर्ट 3000 वर `localhost:3000` या पत्त्यावर मिळेल. ## 📘 PDF -सर्व धड्यांचा एक PDF [इथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) सापडू शकतो. +सर्व धड्यांचे PDF [येथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) उपलब्ध आहे. -## 🎒 इतर अभ्यासक्रम +## 🎒 इतर कोर्सेस -आमचा संघ इतर अभ्यासक्रम देखील तयार करतो! तपासा: +आमची टीम इतर कोर्सेस सुद्धा तयार करते! पहा: ### LangChain @@ -233,7 +230,7 @@ JavaScript फ्रेमवर्क वापरण्याऐवजी म --- -### जनरेटिव AI सिरीज +### 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) @@ -241,7 +238,7 @@ JavaScript फ्रेमवर्क वापरण्याऐवजी म --- -### कोअर शिक्षण +### 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) @@ -252,29 +249,29 @@ JavaScript फ्रेमवर्क वापरण्याऐवजी म --- -### कोपायलट सिरीज +### 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) -## मदत मिळवणे +## मदत घेणे -जर तुम्हाला अडचण येत असेल किंवा AI अॅप्स तयार करण्याबाबत कोणतेही प्रश्न असतील. MCP बद्दल चर्चा करण्यासाठी सहकारी शिकणारे आणि अनुभवी विकसकांमध्ये सहभागी व्हा. हे एक सहायक समुदाय आहे जिथे प्रश्न स्वागतार्ह आहेत आणि ज्ञान मुक्तपणे शेअर केले जाते. +जर तुम्हाला अडचण येत असेल किंवा AI अ‍ॅप्स तयार करताना काही प्रश्न असतील, तर MCP विषयी चर्चा करण्यासाठी इतर शिकणाऱ्या आणि अनुभवी विकासकांसोबत सहभागी व्हा. हे एक सहकार्यशील समुदाय आहे जिथे प्रश्न विचारणे स्वागतार्ह आहे आणि ज्ञान मोकळेपणाने शेअर केले जाते. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -तुमच्याकडे उत्पादक अभिप्राय किंवा तयार करताना त्रुटी असल्यास खाली भेट द्या: +जर तुम्हाला उत्पादनाबाबत अभिप्राय किंवा चुका आढळल्या तर येथे भेट द्या: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## परवाना -ही रिपॉझिटरी MIT परवान्याअंतर्गत परवानाधारक आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाइल पहा. +हा रेपॉझिटरी MIT परवान्याखाली प्रकाशित आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाईल पहा. --- -**अस्वीकरण**: -हा दस्तऐवज AI भाषांतर सेव्हिस [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित केला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, परंतु कृपया लक्षात ठेवा की स्वयंचलीत भाषांतरांमध्ये चुका किंवा अपूर्णता असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला पाहिजे. महत्त्वपूर्ण माहिती साठी व्यावसायिक मानवी भाषांतर शिफारस केली जाते. या भाषांतराच्या वापरामुळे होणाऱ्या गैरसमज किंवा चुकीच्या अर्थग्रहणासाठी आम्ही जबाबदार नाही. +**अस्वीकरण**: +हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) चा वापर करून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, तरी कृपया लक्षात घ्या की स्वयंचलित भाषांतरांमध्ये चुका किंवा अचूकतेत तफावत असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत म्हणून पाहावा. महत्त्वपूर्ण माहितीसाठी व्यावसायिक मानवी भाषांतर शिफारस केले जाते. या भाषांतराच्या वापरामुळे उद्भवणाऱ्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थसंग्रहासाठी आम्ही उत्तरदायी नाही. \ No newline at end of file diff --git a/translations/mr/lesson-template/README.md b/translations/mr/lesson-template/README.md index 985115f5a0..9e807cf025 100644 --- a/translations/mr/lesson-template/README.md +++ b/translations/mr/lesson-template/README.md @@ -1,54 +1,79 @@ -# [पाठाचा विषय] +# धडे विषय -![येथे व्हिडिओ एम्बेड करा](../../../lesson-template/video-url) +## 🎥 व्हिडिओ -## [पाठपूर्व प्रश्नमंजूषा](../../../lesson-template/quiz-url) +> येथे एम्बेड केलेला व्हिडिओ किंवा धडे लिंक जोडा. -[आपण काय शिकणार आहोत याचे वर्णन करा] +--- + +## पूर्व लेक्चर क्विझ + +> उपलब्ध असताना येथे क्विझ लिंक जोडा. + +--- + +विद्यार्थ्यांना या धड्यात काय शिकता येईल याचा संक्षिप्त आढावा द्या. + +--- ### परिचय -या पाठात काय समाविष्ट असेल याचे वर्णन करा +या धड्यात काय कव्हर केले जाईल याचे थोडक्यात परिचय द्या. -> टीप +> नोट्स -### पूर्वतयारी +--- -या पाठापूर्वी कोणते टप्पे पूर्ण केलेले असावेत? +### पूर्वअट + +विद्यार्थ्यांनी या धड्यापूर्वी कोणत्या संकल्पना किंवा विषयांची ओळख असावी ते यादी करा. + +--- ### तयारी -या पाठाची सुरुवात करण्यासाठी आवश्यक तयारीचे टप्पे +धडा सुरू करण्यापूर्वी कोणतीही सेटअप पावले किंवा साधने आवश्यक आहेत का ते यादी करा. --- -[सामग्री ब्लॉक्समध्ये सादर करा] +### सामग्री + +धड्याची सामग्री संरचित विभागांत टप्प्याटप्प्याने मांडणी करा. -## [विषय 1] +--- + +## विषय 1 ### कार्य: -सहकार्याने तुमच्या कोडबेसमध्ये प्रगत सुधारणा करा आणि सामायिक कोडसह प्रकल्प तयार करा: +आपल्या कोडबेसला प्रगत करण्यासाठी एकत्र कार्य करा आणि प्रकल्प तयार करा जे सामायिक कोड वापरते: ```html code blocks ``` -✅ ज्ञान तपासणी - विद्यार्थ्यांचे ज्ञान वाढवण्यासाठी खुले प्रश्न विचारण्याची संधी वापरा +✅ ज्ञान तपासणी +विद्यार्थ्यांचे ज्ञान वाढवण्यासाठी खुले प्रश्न विचारून हा क्षण वापरा. -## [विषय 2] +## विषय 2 +## विषय 3 -## [विषय 3] +🚀 आव्हान +विद्यार्थ्यांसाठी प्रकल्प सुधारण्यासाठी एक सहकार्यात्मक आव्हान जोडा. -🚀 आव्हान: विद्यार्थ्यांना वर्गात सहकार्याने प्रकल्प सुधारण्यासाठी काम करण्याचे आव्हान द्या +पर्यायी: पूर्ण झालेल्या धड्याच्या UI चा स्क्रीनशॉट योग्य असल्यास जोडा. -पर्यायी: पूर्ण झालेल्या पाठाच्या UI चे स्क्रीनशॉट जोडणे, जर योग्य वाटले तर +## पोस्ट-लेक्चर क्विझ -## [पाठोत्तर प्रश्नमंजूषा](../../../lesson-template/quiz-url) +धडा पूर्ण केल्यावर येथे क्विझ लिंक जोडा. -## पुनरावलोकन आणि स्वअभ्यास +## पुनरावलोकन व स्वयंअध्ययन -**असाइनमेंट देय [MM/YY]**: [असाइनमेंटचे नाव](assignment.md) +**असाइनमेंट जमा करण्याची तारीख [माह/वर्ष]**: [असाइनमेंटचे नाव](assignment.md) + +--- -**अस्वीकरण**: -हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही. \ No newline at end of file + +**अस्वीकरण**: +हा दस्तऐवज एआय अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील आहोत, पण कृपया लक्षात ठेवा की स्वयंचलित अनुवादांमध्ये चुका किंवा त्रुटी असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वाची माहिती असल्यास, व्यावसायिक मानवी अनुवाद शिफारसीय आहे. या अनुवादाच्या वापराबाबत उद्भवलेल्या कोणत्याही गैरसमजांबाबत आम्ही जबाबदार नाही. + \ No newline at end of file diff --git a/translations/ms/.co-op-translator.json b/translations/ms/.co-op-translator.json index a8e22b26ed..1b548de553 100644 --- a/translations/ms/.co-op-translator.json +++ b/translations/ms/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:45:17+00:00", + "translation_date": "2026-04-24T22:06:14+00:00", "source_file": "AGENTS.md", "language_code": "ms" }, @@ -516,8 +516,8 @@ "language_code": "ms" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:45:54+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T22:02:49+00:00", "source_file": "README.md", "language_code": "ms" }, @@ -564,8 +564,8 @@ "language_code": "ms" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:55:02+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T22:02:58+00:00", "source_file": "lesson-template/README.md", "language_code": "ms" }, diff --git a/translations/ms/AGENTS.md b/translations/ms/AGENTS.md index 0214b88940..c7bd365e86 100644 --- a/translations/ms/AGENTS.md +++ b/translations/ms/AGENTS.md @@ -2,27 +2,27 @@ ## Gambaran Projek -Ini adalah repositori kurikulum pendidikan untuk mengajar asas pembangunan web kepada pemula. Kurikulum ini merupakan kursus menyeluruh selama 12 minggu yang dibangunkan oleh Microsoft Cloud Advocates, menampilkan 24 pelajaran praktikal yang merangkumi JavaScript, CSS, dan HTML. +Ini adalah repositori kurikulum pendidikan untuk mengajar asas pembangunan web kepada pemula. Kurikulum ini adalah kursus menyeluruh selama 12 minggu yang dibangunkan oleh Microsoft Cloud Advocates, yang menampilkan 24 pelajaran praktik meliputi JavaScript, CSS, dan HTML. ### Komponen Utama -- **Kandungan Pendidikan**: 24 pelajaran tersusun yang dianjurkan dalam modul berasaskan projek -- **Projek Praktikal**: Terrarium, Permainan Mengetik, Sambungan Pelayar, Permainan Angkasa, Aplikasi Perbankan, Penyunting Kod, dan Pembantu Chat AI -- **Kuis Interaktif**: 48 kuiz dengan 3 soalan setiap satu (penilaian sebelum/selepas pelajaran) -- **Sokongan Pelbagai Bahasa**: Terjemahan automatik untuk lebih 50 bahasa melalui GitHub Actions -- **Teknologi**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (untuk projek AI) +- **Kandungan Pendidikan**: 24 pelajaran berstruktur yang diatur dalam modul berasaskan projek +- **Projek Praktikal**: Terrarium, Permainan Mengetik, Sambungan Pelayar, Permainan Angkasa, Aplikasi Perbankan, Penyunting Kod, dan Pembantu Sembang AI +- **Kuis Interaktif**: 48 kuis dengan 3 soalan setiap satu (penilaian pra/pasca pelajaran) +- **Sokongan Pelbagai Bahasa**: Terjemahan automatik untuk 50+ bahasa melalui GitHub Actions +- **Teknologi**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (untuk projek AI) -### Seni Bina +### Arkitektur -- Repositori pendidikan dengan struktur berasaskan pelajaran -- Setiap folder pelajaran mengandungi README, contoh kod, dan penyelesaian -- Projek bebas di direktori berasingan (quiz-app, pelbagai projek pelajaran) -- Sistem terjemahan menggunakan GitHub Actions (co-op-translator) -- Dokumentasi disajikan melalui Docsify dan tersedia dalam format PDF +- Repositori pendidikan dengan struktur berasaskan pelajaran +- Setiap folder pelajaran mengandungi README, contoh kod, dan penyelesaian +- Projek berdiri sendiri dalam direktori berasingan (quiz-app, pelbagai projek pelajaran) +- Sistem terjemahan menggunakan GitHub Actions (co-op-translator) +- Dokumentasi disajikan melalui Docsify dan tersedia dalam bentuk PDF ## Perintah Persediaan -Repositori ini terutamanya untuk penggunaan kandungan pendidikan. Untuk bekerja dengan projek tertentu: +Repositori ini terutamanya untuk penggunaan kandungan pendidikan. Untuk bekerja dengan projek khusus: ### Persediaan Repositori Utama @@ -31,22 +31,22 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Persediaan Aplikasi Kuis (Vue 3 + Vite) +### Persediaan Quiz App (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # Mula pelayan pembangunan +npm run dev # Mulakan pelayan pembangunan npm run build # Bina untuk pengeluaran npm run lint # Jalankan ESLint ``` -### API Projek Bank (Node.js + Express) +### Projek API Bank (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # Mula pelayan API +npm start # Mulakan server API npm run lint # Jalankan ESLint npm run format # Format dengan Prettier ``` @@ -56,7 +56,7 @@ npm run format # Format dengan Prettier ```bash cd 5-browser-extension/solution npm install -# Ikuti arahan pemuatan pelanjutan khusus pelayar +# Ikuti arahan pemuatan sambungan khusus pelayar ``` ### Projek Permainan Angkasa @@ -64,10 +64,10 @@ npm install ```bash cd 6-space-game/solution npm install -# Buka index.html dalam pelayar atau guna Live Server +# Buka index.html dalam pelayar atau gunakan Live Server ``` -### Projek Chat (Backend Python) +### Projek Sembang (Backend Python) ```bash cd 9-chat-project/solution/backend/python @@ -80,37 +80,37 @@ python api.py ### Untuk Penyumbang Kandungan -1. **Fork repositori** ke akaun GitHub anda -2. **Clone fork anda** secara lokal -3. **Buat cawangan baru** untuk perubahan anda -4. Lakukan perubahan pada kandungan pelajaran atau contoh kod -5. Uji sebarang perubahan kod dalam direktori projek berkaitan -6. Hantar pull request mengikut garis panduan sumbangan +1. **Fork repositori** ke akaun GitHub anda +2. **Clone fork anda** secara lokal +3. **Cipta cawangan baru** untuk perubahan anda +4. Buat perubahan pada kandungan pelajaran atau contoh kod +5. Uji sebarang perubahan kod dalam direktori projek berkaitan +6. Hantar pull request mengikut panduan sumbangan ### Untuk Pelajar -1. Fork atau clone repositori -2. Navigasi ke direktori pelajaran secara berurutan -3. Baca fail README untuk setiap pelajaran -4. Selesaikan kuiz pra-pelajaran di https://ff-quizzes.netlify.app/web/ -5. Kerjakan contoh kod dalam folder pelajaran -6. Selesaikan tugasan dan cabaran -7. Ambil kuiz pasca-pelajaran +1. Fork atau clone repositori +2. Navigasi ke direktori pelajaran secara berurutan +3. Baca fail README untuk setiap pelajaran +4. Lengkapkan kuiz pra-pelajaran di https://ff-quizzes.netlify.app/web/ +5. Kerjakan contoh kod dalam folder pelajaran +6. Selesaikan tugasan dan cabaran +7. Ambil kuiz pasca-pelajaran ### Pembangunan Langsung -- **Dokumentasi**: Jalankan `docsify serve` di root (port 3000) -- **Aplikasi Kuis**: Jalankan `npm run dev` di direktori quiz-app -- **Projek**: Gunakan sambungan VS Code Live Server untuk projek HTML -- **Projek API**: Jalankan `npm start` di direktori API berkaitan +- **Dokumentasi**: Jalankan `docsify serve` dalam root (port 3000) +- **Quiz App**: Jalankan `npm run dev` dalam direktori quiz-app +- **Projek**: Gunakan sambungan VS Code Live Server untuk projek HTML +- **Projek API**: Jalankan `npm start` dalam direktori API yang berkaitan ## Arahan Ujian -### Ujian Aplikasi Kuis +### Ujian Quiz App ```bash cd quiz-app -npm run lint # Periksa isu gaya kod +npm run lint # Semak untuk isu gaya kod npm run build # Sahkan pembinaan berjaya ``` @@ -124,159 +124,159 @@ node server.js # Sahkan pelayan bermula tanpa ralat ### Pendekatan Ujian Umum -- Ini adalah repositori pendidikan tanpa ujian automatik menyeluruh -- Ujian manual fokus pada: - - Contoh kod berjalan tanpa ralat - - Pautan dalam dokumentasi berfungsi dengan betul - - Pembinaan projek selesai dengan jayanya - - Contoh mengikuti amalan terbaik +- Ini adalah repositori pendidikan tanpa ujian automatik yang menyeluruh +- Ujian manual memberi tumpuan pada: + - Contoh kod berjalan tanpa ralat + - Pautan dalam dokumentasi berfungsi dengan betul + - Pembinaan projek selesai dengan jayanya + - Contoh mengikuti amalan terbaik -### Semakan Pra-penghantaran +### Semakan Pra-Penghantaran -- Jalankan `npm run lint` di direktori yang mengandungi package.json -- Sahkan pautan markdown sah -- Uji contoh kod dalam pelayar atau Node.js -- Periksa terjemahan mengekalkan struktur betul +- Jalankan `npm run lint` dalam direktori yang ada package.json +- Sahkan pautan markdown adalah sah +- Uji contoh kod dalam pelayar atau Node.js +- Periksa terjemahan mengekalkan struktur yang betul ## Garis Panduan Gaya Kod ### JavaScript -- Gunakan sintaks ES6+ moden -- Ikuti konfigurasi ESLint standard yang disediakan dalam projek -- Gunakan nama pemboleh ubah dan fungsi yang bermakna untuk kejelasan pendidikan -- Tambah komen yang menerangkan konsep untuk pelajar -- Format menggunakan Prettier di mana dikonfigurasi +- Gunakan sintaks ES6+ moden +- Ikuti konfigurasi ESLint piawai yang disediakan dalam projek +- Gunakan nama pembolehubah dan fungsi yang bermakna untuk kejelasan pendidikan +- Tambah komen yang menerangkan konsep untuk pelajar +- Format menggunakan Prettier jika dikonfigurasi ### HTML/CSS -- Elemen HTML5 semantik -- Prinsip reka bentuk responsif -- Konvensyen penamaan kelas yang jelas -- Komen menerangkan teknik CSS untuk pelajar +- Elemen HTML5 semantik +- Prinsip reka bentuk responsif +- Konvensyen penamaan kelas yang jelas +- Komen menerangkan teknik CSS untuk pelajar ### Python -- Garis panduan gaya PEP 8 -- Contoh kod yang jelas dan pendidikan -- Petunjuk jenis di mana berguna untuk pembelajaran +- Panduan gaya PEP 8 +- Contoh kod jelas dan pendidikan +- Petunjuk jenis jika membantu pembelajaran ### Dokumentasi Markdown -- Hirarki tajuk yang jelas -- Blok kod dengan spesifikasi bahasa -- Pautan ke sumber tambahan -- Tangkapan skrin dan imej dalam direktori `images/` -- Teks alt untuk imej bagi kebolehcapaian +- Hierarki tajuk yang jelas +- Blok kod dengan spesifikasi bahasa +- Pautan ke sumber tambahan +- Tangkapan skrin dan imej dalam direktori `images/` +- Teks alternatif untuk imej untuk aksesibiliti -### Pengurusan Fail +### Organisasi Fail -- Pelajaran dinomborkan secara berurutan (1-getting-started-lessons, 2-js-basics, dll.) -- Setiap projek mempunyai direktori `solution/` dan sering `start/` atau `your-work/` -- Imej disimpan dalam folder `images/` khusus pelajaran -- Terjemahan dalam struktur `translations/{language-code}/` +- Pelajaran dinombor secara berurutan (1-getting-started-lessons, 2-js-basics, dll.) +- Setiap projek mempunyai direktori `solution/` dan sering `start/` atau `your-work/` +- Imej disimpan dalam folder `images/` khusus pelajaran +- Terjemahan dalam struktur `translations/{language-code}/` ## Pembinaan dan Penghantaran -### Penghantaran Aplikasi Kuis (Azure Static Web Apps) +### Penghantaran Quiz App (Azure Static Web Apps) quiz-app dikonfigurasi untuk penghantaran Azure Static Web Apps: ```bash cd quiz-app npm run build # Membuat folder dist/ -# Melakukan deploy melalui workflow GitHub Actions apabila ada push ke main +# Melakukan deploy melalui aliran kerja GitHub Actions apabila push ke main ``` -Konfigurasi Azure Static Web Apps: -- **Lokasi aplikasi**: `/quiz-app` -- **Lokasi output**: `dist` -- **Aliran kerja**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Konfigurasi Azure Static Web Apps: +- **Lokasi aplikasi**: `/quiz-app` +- **Lokasi output**: `dist` +- **Aliran kerja**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Penjanaan PDF Dokumentasi ```bash npm install # Pasang docsify-to-pdf -npm run convert # Hasilkan PDF daripada docs +npm run convert # Jana PDF dari docs ``` ### Dokumentasi Docsify ```bash npm install -g docsify-cli # Pasang Docsify secara global -docsify serve # Hidangkan pada localhost:3000 +docsify serve # Hidangkan di localhost:3000 ``` -### Pembinaan Khusus Projek +### Pembinaan Projek-spesifik -Setiap direktori projek mungkin mempunyai proses binaan sendiri: -- Projek Vue: `npm run build` menghasilkan bundle pengeluaran -- Projek statik: Tiada langkah binaan, hidangkan fail secara langsung +Setiap direktori projek mungkin mempunyai proses binaan sendiri: +- Projek Vue: `npm run build` menghasilkan bundel produksi +- Projek statik: Tiada langkah binaan, hidangkan fail terus ## Garis Panduan Pull Request ### Format Tajuk -Gunakan tajuk jelas dan deskriptif yang menunjukkan bidang perubahan: -- `[Quiz-app] Tambah kuiz baru untuk pelajaran X` -- `[Lesson-3] Betulkan ejaan dalam projek terrarium` -- `[Translation] Tambah terjemahan Sepanyol untuk pelajaran 5` -- `[Docs] Kemas kini arahan persediaan` +Gunakan tajuk yang jelas dan deskriptif menunjukkan kawasan perubahan: +- `[Quiz-app] Tambah kuiz baru untuk pelajaran X` +- `[Lesson-3] Betulkan salah ejaan dalam projek terrarium` +- `[Translation] Tambah terjemahan Sepanyol untuk pelajaran 5` +- `[Docs] Kemas kini arahan persediaan` ### Semakan Diperlukan Sebelum menghantar PR: -1. **Kualiti Kod**: - - Jalankan `npm run lint` di direktori projek terjejas - - Betulkan semua ralat dan amaran linting +1. **Kualiti Kod**: + - Jalankan `npm run lint` dalam direktori projek yang terlibat + - Betulkan semua ralat dan amaran lintingan -2. **Pengesahan Pembinaan**: - - Jalankan `npm run build` jika berkaitan - - Pastikan tiada ralat binaan +2. **Pengesahan Binaan**: + - Jalankan `npm run build` jika berkenaan + - Pastikan tiada ralat binaan -3. **Pengesahan Pautan**: - - Uji semua pautan markdown - - Sahkan rujukan imej berfungsi +3. **Pengesahan Pautan**: + - Uji semua pautan markdown + - Sahkan rujukan imej berfungsi -4. **Semakan Kandungan**: - - Semak ejaan dan tatabahasa - - Pastikan contoh kod tepat dan pendidikan - - Sahkan terjemahan mengekalkan maksud asal +4. **Semakan Kandungan**: + - Semak ejaan dan tatabahasa + - Pastikan contoh kod betul dan pendidikan + - Periksa terjemahan mengekalkan makna asal -### Keperluan Penyumbangan +### Keperluan Sumbangan -- Setuju dengan Microsoft CLA (semakan automatik pada PR pertama) -- Ikuti [Kod Etika Sumber Terbuka Microsoft](https://opensource.microsoft.com/codeofconduct/) -- Lihat [CONTRIBUTING.md](./CONTRIBUTING.md) untuk garis panduan terperinci -- Rujuk nombor isu dalam penerangan PR jika berkenaan +- Setuju dengan Microsoft CLA (semakan automatik pada PR pertama) +- Ikut [Kod Tingkah Laku Sumber Terbuka Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Lihat [CONTRIBUTING.md](./CONTRIBUTING.md) untuk garis panduan terperinci +- Rujuk nombor isu dalam keterangan PR jika berkenaan ### Proses Semakan -- PR disemak oleh penyelenggara dan komuniti -- Kejelasan pendidikan diutamakan -- Contoh kod harus mengikuti amalan terbaik terkini -- Terjemahan disemak ketepatan dan kesesuaian budaya +- PR disemak oleh penyelenggara dan komuniti +- Kejelasan pendidikan diutamakan +- Contoh kod harus mengikuti amalan terbaik semasa +- Terjemahan disemak untuk ketepatan dan kesesuaian budaya ## Sistem Terjemahan ### Terjemahan Automatik -- Menggunakan GitHub Actions dengan aliran kerja co-op-translator -- Menterjemah ke 50+ bahasa secara automatik -- Fail sumber dalam direktori utama -- Fail terjemahan dalam direktori `translations/{language-code}/` +- Menggunakan GitHub Actions dengan aliran kerja co-op-translator +- Menterjemah ke 50+ bahasa secara automatik +- Fail sumber dalam direktori utama +- Fail terjemahan dalam direktori `translations/{language-code}/` ### Menambah Penambahbaikan Terjemahan Manual -1. Cari fail dalam `translations/{language-code}/` -2. Lakukan penambahbaikan sambil mengekalkan struktur -3. Pastikan contoh kod kekal berfungsi -4. Uji sebarang kandungan kuiz yang dialih bahasa +1. Cari fail dalam `translations/{language-code}/` +2. Buat penambahbaikan sambil mengekalkan struktur +3. Pastikan contoh kod kekal berfungsi +4. Uji sebarang kandungan kuiz yang dialih bahasa ### Metadata Terjemahan -Fail terjemahan termasuk tajuk metadata: +Fail terjemahan termasuk header metadata: ```markdown ``` -## Pengesanan dan Penyelesaian Masalah +## Pengesanan Ralat dan Penyelesaian Masalah -### Isu Biasa +### Isu Umum -**Aplikasi kuiz gagal dimulakan**: -- Periksa versi Node.js (disyorkan v14+) -- Padamkan `node_modules` dan `package-lock.json`, jalankan `npm install` semula -- Semak konflik port (lalai: Vite guna port 5173) +**Aplikasi kuiz gagal mula**: +- Periksa versi Node.js (disyorkan v14+) +- Padam `node_modules` dan `package-lock.json`, jalankan `npm install` semula +- Periksa konflik port (lalai: Vite menggunakan port 5173) -**Pelayan API tidak mula**: -- Sahkan versi Node.js memenuhi minimum (node >=10) -- Periksa jika port sudah digunakan -- Pastikan semua kebergantungan dipasang dengan `npm install` +**Pelayan API gagal mula**: +- Sahkan versi Node.js memenuhi minimum (node >=10) +- Periksa jika port sudah digunakan +- Pastikan semua kebergantungan dipasang dengan `npm install` -**Sambungan pelayar tidak dimuat**: -- Periksa manifest.json diformat dengan betul -- Semak konsol pelayar untuk ralat -- Ikuti arahan pemasangan sambungan khusus pelayar +**Sambungan pelayar gagal dimuat**: +- Sahkan manifest.json diformat dengan betul +- Periksa konsol pelayar untuk ralat +- Ikuti arahan pemasangan sambungan pelayar khusus -**Isu projek chat Python**: -- Pastikan pakej OpenAI dipasang: `pip install openai` -- Sahkan pembolehubah persekitaran GITHUB_TOKEN diset -- Periksa kebenaran akses GitHub Models +**Isu projek sembang Python**: +- Pastikan pakej OpenAI dipasang: `pip install openai` +- Sahkan pembolehubah persekitaran GITHUB_TOKEN ditetapkan +- Semak kebenaran akses GitHub Models -**Docsify tidak menyajikan dokumen**: -- Pasang docsify-cli secara global: `npm install -g docsify-cli` -- Jalankan dari direktori root repositori -- Semak bahawa `docs/_sidebar.md` wujud +**Docsify tidak menyajikan docs**: +- Pasang docsify-cli secara global: `npm install -g docsify-cli` +- Jalankan dari direktori root repositori +- Periksa bahawa `docs/_sidebar.md` wujud -### Tips Persekitaran Pembangunan +### Tip Persekitaran Pembangunan -- Gunakan VS Code dengan sambungan Live Server untuk projek HTML -- Pasang sambungan ESLint dan Prettier untuk format konsisten -- Gunakan DevTools pelayar untuk debug JavaScript -- Untuk projek Vue, pasang sambungan Vue DevTools pelayar +- Gunakan VS Code dengan sambungan Live Server untuk projek HTML +- Pasang sambungan ESLint dan Prettier untuk format konsisten +- Gunakan DevTools pelayar untuk debug JavaScript +- Untuk projek Vue, pasang sambungan pelayar Vue DevTools ### Pertimbangan Prestasi -- Bilangan fail terjemahan yang banyak (50+ bahasa) menyebabkan klon penuh besar -- Gunakan clone cetek jika hanya bekerja dengan kandungan: `git clone --depth 1` -- Kecualikan terjemahan dari carian ketika bekerja pada kandungan Inggeris -- Proses binaan mungkin perlahan pada kali pertama (npm install, binaan Vite) +- Bilangan fail terjemahan yang besar (50+ bahasa) menjadikan clone penuh besar +- Gunakan shallow clone jika hanya bekerja pada kandungan: `git clone --depth 1` +- Kecualikan terjemahan dari carian apabila bekerja pada kandungan Bahasa Inggeris +- Proses binaan mungkin lambat pada run pertama (npm install, binaan Vite) ## Pertimbangan Keselamatan ### Pembolehubah Persekitaran -- Kunci API tidak boleh dimuat naik ke repositori -- Gunakan fail `.env` (sudah disenarai dalam `.gitignore`) -- Dokumentasikan pembolehubah persekitaran yang diperlukan dalam README projek +- Kunci API tidak harus dikomit ke repositori +- Gunakan fail `.env` (sudah dalam `.gitignore`) +- Dokumenkan pembolehubah persekitaran yang diperlukan dalam README projek ### Projek Python -- Gunakan persekitaran maya: `python -m venv venv` -- Kemas kini kebergantungan secara berkala -- Token GitHub hendaklah mempunyai kebenaran minimum diperlukan +- Gunakan persekitaran maya: `python -m venv venv` +- Kekalkan kebergantungan sentiasa dikemas kini +- Token GitHub harus mempunyai kebenaran minimum diperlukan ### Akses GitHub Models -- Token Akses Peribadi (PAT) diperlukan untuk GitHub Models -- Token disimpan sebagai pembolehubah persekitaran -- Jangan sesekali memuat naik token atau kelayakan +- Token Akses Peribadi (PAT) diperlukan untuk GitHub Models +- Token harus disimpan sebagai pembolehubah persekitaran +- Jangan sekali-kali komit token atau kelayakan ## Nota Tambahan -### Sasaran Pengguna +### Sasaran Audiens -- Pemula lengkap dalam pembangunan web -- Pelajar dan pembelajar kendiri -- Guru yang menggunakan kurikulum dalam bilik darjah -- Kandungan direka untuk kebolehcapaian dan pembinaan kemahiran secara berperingkat +- Pemula lengkap kepada pembangunan web +- Pelajar dan pembelajar sendiri +- Guru yang menggunakan kurikulum dalam bilik darjah +- Kandungan direka untuk aksesibiliti dan pembinaan kemahiran secara berperingkat ### Falsafah Pendidikan -- Pendekatan pembelajaran berasaskan projek -- Pemeriksaan pengetahuan kerap (kuiz) -- Latihan amali pengkodan -- Contoh aplikasi dunia sebenar -- Fokus pada asas sebelum kerangka kerja +- Pendekatan pembelajaran berasaskan projek +- Pemeriksaan pengetahuan kerap (kuiz) +- Latihan pengkodan praktikal +- Contoh aplikasi dunia sebenar +- Fokus pada asas sebelum kerangka kerja ### Penyelenggaraan Repositori -- Komuniti pelajar dan penyumbang aktif -- Kemas kini kandungan dan kebergantungan secara berkala -- Isu dan perbincangan dipantau oleh penyelenggara -- Kemas kini terjemahan automatik melalui GitHub Actions +- Komuniti pelajar dan penyumbang yang aktif +- Kemas kini biasa pada kebergantungan dan kandungan +- Isu dan perbincangan dipantau oleh penyelenggara +- Kemas kini terjemahan automatik melalui GitHub Actions ### Sumber Berkaitan -- [Modul Microsoft Learn](https://docs.microsoft.com/learn/) -- [Sumber Pelajar Student Hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) disyorkan untuk pelajar -- Kursus tambahan: AI Generatif, Sains Data, ML, kurikulum IoT tersedia +- [Modul Microsoft Learn](https://docs.microsoft.com/learn/) +- [Sumber Student Hub](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) disarankan untuk pelajar +- Kursus tambahan: Generative AI, Data Science, ML, IoT kurikulum tersedia -### Bekerja dengan Projek Tertentu +### Bekerja dengan Projek Spesifik -Untuk arahan terperinci projek individu, rujuk fail README di: -- `quiz-app/README.md` - aplikasi kuiz Vue 3 -- `7-bank-project/README.md` - aplikasi perbankan dengan pengesahan -- `5-browser-extension/README.md` - pembangunan sambungan pelayar -- `6-space-game/README.md` - pembangunan permainan berasaskan canvas -- `9-chat-project/README.md` - projek pembantu chat AI +Untuk arahan terperinci mengenai projek individu, rujuk fail README dalam: +- `quiz-app/README.md` - aplikasi kuiz Vue 3 +- `7-bank-project/README.md` - aplikasi perbankan dengan pengesahan +- `5-browser-extension/README.md` - pembangunan sambungan pelayar +- `6-space-game/README.md` - pembangunan permainan berasaskan kanvas +- `9-chat-project/README.md` - projek pembantu sembang AI ### Struktur Monorepo -Walaupun bukan monorepo tradisional, repositori ini mengandungi pelbagai projek bebas: -- Setiap pelajaran berdiri sendiri -- Projek tidak berkongsi kebergantungan -- Kerja pada projek individu tanpa menjejaskan yang lain -- Clone keseluruhan repositori untuk pengalaman kurikulum penuh +Walaupun bukan monorepo tradisional, repositori ini mengandungi pelbagai projek berdikari: +- Setiap pelajaran berdikari +- Projek tidak berkongsi kebergantungan +- Bekerja pada projek individu tanpa menjejaskan yang lain +- Clone keseluruhan repositori untuk pengalaman kurikulum penuh --- **Penafian**: -Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila maklum bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang sahih. Untuk maklumat penting, terjemahan profesional oleh manusia adalah disyorkan. Kami tidak bertanggungjawab terhadap sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini. +Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila maklum bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang sahih. Untuk maklumat penting, terjemahan profesional oleh manusia adalah digalakkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini. \ No newline at end of file diff --git a/translations/ms/README.md b/translations/ms/README.md index d4659df073..b2938f680a 100644 --- a/translations/ms/README.md +++ b/translations/ms/README.md @@ -12,27 +12,27 @@ # Pembangunan Web untuk Pemula - Kurikulum -Pelajari asas pembangunan web dengan kursus komprehensif 12 minggu kami oleh Microsoft Cloud Advocates. Setiap 24 pelajaran menyelami JavaScript, CSS, dan HTML melalui projek praktikal seperti terrarium, sambungan pelayar, dan permainan angkasa. Ikuti kuiz, perbincangan, dan tugasan praktikal. Tingkatkan kemahiran anda dan optimakan pengekalan ilmu dengan pedagogi berasaskan projek kami yang berkesan. Mulakan perjalanan pengkodan anda hari ini! +Belajar asas pembangunan web dengan kursus komprehensif 12 minggu oleh Microsoft Cloud Advocates. Setiap daripada 24 pelajaran menyelami JavaScript, CSS, dan HTML melalui projek hands-on seperti terrarium, peluasan pelayar, dan permainan angkasa. Sertai kuiz, perbincangan, dan tugasan praktikal. Tingkatkan kemahiran anda dan optimakan pengekalan pengetahuan dengan pedagogi berasaskan projek yang berkesan. Mulakan perjalanan pengkodan anda hari ini! -Sertai Komuniti Discord Azure AI Foundry +Sertai Discord Azure AI Foundry dan temui pakar serta pembangun lain. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ikuti langkah-langkah berikut untuk memulakan menggunakan sumber ini: +Ikuti langkah-langkah ini untuk mula menggunakan sumber-sumber ini: 1. **Fork Repositori**: Klik [![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. **Clone Repositori**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**Sertai Azure AI Foundry Discord dan temui pakar serta pembangun lain**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Sokongan Pelbagai Bahasa -#### Disokong melalui GitHub Action (Automatik & Sentiasa Terkini) +#### Disokong melalui GitHub Action (Automatik & Sentiasa Dikemas Kini) -[Arab](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgaria](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Cina (Dipermudahkan)](../zh-CN/README.md) | [Cina (Tradisional, Hong Kong)](../zh-HK/README.md) | [Cina (Tradisional, Macau)](../zh-MO/README.md) | [Cina (Tradisional, Taiwan)](../zh-TW/README.md) | [Croatia](../hr/README.md) | [Czech](../cs/README.md) | [Denmark](../da/README.md) | [Belanda](../nl/README.md) | [Estonia](../et/README.md) | [Finland](../fi/README.md) | [Perancis](../fr/README.md) | [Jerman](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungary](../hu/README.md) | [Indonesia](../id/README.md) | [Itali](../it/README.md) | [Jepun](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korea](../ko/README.md) | [Lithuania](../lt/README.md) | [Melayu](./README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Pidgin Nigeria](../pcm/README.md) | [Norway](../no/README.md) | [Farsi (Parsi)](../fa/README.md) | [Poland](../pl/README.md) | [Portugis (Brazil)](../pt-BR/README.md) | [Portugis (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romania](../ro/README.md) | [Rusia](../ru/README.md) | [Serbia (Sirilik)](../sr/README.md) | [Slovakia](../sk/README.md) | [Slovenia](../sl/README.md) | [Sepanyol](../es/README.md) | [Swahili](../sw/README.md) | [Sweden](../sv/README.md) | [Tagalog (Filipina)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turki](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnam](../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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](./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](../es/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) -> **Lebih suka Clone Secara Tempatan?** +> **Lebih Suka Clone Secara Tempatan?** > -> Repositori ini merangkumi lebih daripada 50 terjemahan bahasa yang meningkatkan saiz muat turun dengan ketara. Untuk clone tanpa terjemahan, gunakan sparse checkout: +> Repositori ini termasuk lebih 50+ terjemahan bahasa yang secara signifikan meningkatkan saiz muat turun. Untuk clone tanpa terjemahan, gunakan sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,20 +48,20 @@ Ikuti langkah-langkah berikut untuk memulakan menggunakan sumber ini: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Ini memberi anda semua yang anda perlukan untuk melengkapkan kursus dengan muat turun lebih pantas. +> Ini memberi anda semua yang anda perlukan untuk menamatkan kursus dengan muat turun lebih pantas. -**Jika anda ingin bahasa terjemahan tambahan disokong, senarai disediakan [di sini](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Jika anda ingin terjemahan tambahan, bahasa yang disokong disenaraikan di sini. [di sini](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Adakah anda pelajar?_ -Lawati [**halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) di mana anda akan menemui sumber untuk pemula, Pakej Pelajar dan juga cara untuk mendapatkan baucar sijil percuma. Ini adalah halaman yang anda perlu tandai dan semak dari semasa ke semasa kerana kandungan akan ditukar setiap bulan. +Lawati [**Halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) di mana anda akan dapati sumber permulaan, pek Pelajar dan juga cara untuk mendapatkan baucar sijil percuma. Ini adalah halaman yang anda ingin tandai dan semak dari masa ke masa kerana kami menukar kandungan setiap bulan. -### 📣 Pengumuman - Cabaran Mod Ejen GitHub Copilot Baru untuk diselesaikan! +### 📣 Pengumuman - Cabaran mod GitHub Copilot Agent Baru untuk diselesaikan! -Cabaran Baru ditambah, cari "Cabaran Ejen GitHub Copilot 🚀" dalam kebanyakan bab. Ini adalah cabaran baharu untuk anda selesaikan menggunakan GitHub Copilot dan mod Ejen. Jika anda belum pernah menggunakan mod Ejen sebelum ini, ia mampu bukan sahaja menjana teks tetapi juga mencipta dan mengedit fail, menjalankan arahan dan banyak lagi. +Cabaran baru ditambah, cari "GitHub Copilot Agent Challenge 🚀" di kebanyakan bab. Itu cabaran baru untuk anda selesaikan menggunakan GitHub Copilot dan mod Agent. Jika anda belum pernah menggunakan mod Agent sebelum ini, ia mampu bukan sahaja menjana teks tetapi juga mencipta dan mengedit fail, menjalankan arahan dan banyak lagi. ### 📣 Pengumuman - _Projek Baru untuk dibina menggunakan Generative AI_ @@ -69,71 +69,71 @@ Projek Pembantu AI baru sahaja ditambah, semak [projek](./9-chat-project/README. ### 📣 Pengumuman - _Kurikulum Baru_ tentang Generative AI untuk JavaScript baru sahaja dikeluarkan -Jangan ketinggalan kurikulum baru Generative AI kami! +Jangan terlepas kurikulum Generative AI kami yang baru! -Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk memulakan! +Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk mula! ![Background](../../translated_images/ms/background.148a8d43afde5730.webp) -- Pelajaran merangkumi segala-galanya dari asas hingga RAG. +- Pelajaran meliputi segala dari asas hingga RAG. - Berinteraksi dengan watak sejarah menggunakan GenAI dan aplikasi pendamping kami. -- Naratif yang menyeronokkan dan menarik, anda akan mengembara masa! +- Naratif yang menyeronokkan dan menarik, anda akan melakukan perjalanan masa! ![character](../../translated_images/ms/character.5c0dd8e067ffd693.webp) -Setiap pelajaran termasuk tugasan untuk diselesaikan, pemeriksaan pengetahuan dan cabaran untuk membimbing anda dalam topik seperti: -- Prompting dan kejuruteraan arahan +Setiap pelajaran termasuk tugasan untuk diselesaikan, pemeriksaan pengetahuan dan cabaran untuk membimbing anda tentang topik seperti: +- Prompting dan kejuruteraan prompt - Penjanaan aplikasi teks dan imej - Aplikasi carian -Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk memulakan! +Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk mula! ## 🌱 Memulakan -> **Guru-guru**, kami telah [menyertakan beberapa cadangan](for-teachers.md) tentang cara menggunakan kurikulum ini. Kami ingin mendapatkan maklum balas anda [di forum perbincangan kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Guru**, kami telah [sertakan beberapa cadangan](for-teachers.md) bagaimana untuk menggunakan kurikulum ini. Kami sangat menghargai maklum balas anda [di forum perbincangan kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Pelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulakan dengan kuiz pra-ceramah dan ikuti dengan membaca bahan kuliah, melengkapkan pelbagai aktiviti dan periksa pemahaman anda dengan kuiz pasca-ceramah. +**[Pelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulakan dengan kuiz pra-ceramah dan ikuti dengan membaca bahan ceramah, melengkapkan pelbagai aktiviti dan periksa pemahaman anda dengan kuiz pasca-ceramah. -Untuk meningkatkan pengalaman pembelajaran anda, berhubunglah dengan rakan-rakan anda untuk bekerja pada projek bersama! Perbincangan digalakkan di [forum perbincangan kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) di mana pasukan moderator kami akan tersedia untuk menjawab soalan anda. +Untuk meningkatkan pengalaman pembelajaran anda, berhubung dengan rakan-rakan anda untuk bekerjasama dalam projek-projek! Perbincangan digalakkan di [forum perbincangan kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) di mana pasukan moderator kami akan sedia membantu menjawab soalan anda. -Untuk memajukan pendidikan anda, kami sangat mengesyorkan meneroka [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) untuk bahan pembelajaran tambahan. +Untuk memperluaskan pendidikan anda, kami sangat mengesyorkan menerokai [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) untuk bahan pembelajaran tambahan. ### 📋 Menyediakan persekitaran anda -Kurikulum ini mempunyai persekitaran pembangunan yang sudah siap! Semasa anda mula, anda boleh memilih untuk menjalankan kurikulum di [Codespace](https://github.com/features/codespaces/) (_persekitaran berasaskan pelayar, tiada pemasangan diperlukan_), atau secara tempatan di komputer anda menggunakan penyunting teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Kurikulum ini mempunyai persekitaran pembangunan yang sedia digunakan! Semasa memulakan anda boleh memilih untuk menjalankan kurikulum dalam [Codespace](https://github.com/features/codespaces/) (_persekitaran berasaskan pelayar tanpa perlu pasang apa-apa_), atau secara tempatan pada komputer anda menggunakan penyunting teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Cipta repositori anda -Untuk memudahkan anda menyimpan kerja anda, disyorkan anda membuat salinan sendiri repositori ini. Anda boleh lakukan ini dengan mengklik butang **Use this template** di bahagian atas halaman. Ini akan mencipta repositori baru di akaun GitHub anda dengan salinan kurikulum. +Untuk memudahkan anda menyimpan kerja anda, disarankan agar anda mencipta salinan repositori ini. Anda boleh lakukan ini dengan klik butang **Use this template** di atas halaman. Ini akan mencipta repositori baru dalam akaun GitHub anda dengan salinan kurikulum. -Ikut langkah ini: -1. **Fork Repositori**: Klik butang "Fork" di penjuru kanan atas halaman ini. +Ikuti langkah ini: +1. **Fork Repositori**: Klik pada butang "Fork" di sudut kanan atas halaman ini. 2. **Clone Repositori**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Menjalankan kurikulum di Codespace +#### Menjalankan kurikulum dalam Codespace Dalam salinan repositori yang anda cipta, klik butang **Code** dan pilih **Open with Codespaces**. Ini akan mencipta Codespace baru untuk anda bekerja. ![Codespace](../../translated_images/ms/createcodespace.0238bbf4d7a8d955.webp) -#### Menjalankan kurikulum secara tempatan di komputer anda +#### Menjalankan kurikulum secara tempatan pada komputer anda -Untuk menjalankan kurikulum ini secara tempatan di komputer anda, anda memerlukan penyunting teks, pelayar dan alat baris arahan. Pelajaran pertama kami, [Pengenalan kepada Bahasa Pengaturcaraan dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan membimbing anda melalui pelbagai pilihan untuk setiap alat agar anda memilih yang paling sesuai untuk anda. +Untuk menjalankan kurikulum ini secara tempatan pada komputer anda, anda akan memerlukan penyunting teks, pelayar dan alat baris perintah. Pelajaran pertama kami, [Pengenalan kepada Bahasa Pengaturcaraan dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan membimbing anda melalui pelbagai pilihan untuk setiap alat ini supaya anda dapat memilih yang paling sesuai untuk anda. Cadangan kami ialah menggunakan [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sebagai penyunting anda, yang juga mempunyai [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) terbina dalam. Anda boleh muat turun Visual Studio Code [di sini](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Klon repositori anda ke komputer anda. Anda boleh melakukan ini dengan mengklik butang **Code** dan menyalin URL: +1. Klon repositori anda ke komputer anda. Anda boleh lakukan ini dengan mengklik butang **Code** dan menyalin URL: [CodeSpace](./images/createcodespace.png) - Kemudian, buka [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dalam [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) dan jalankan arahan berikut, gantikan `` dengan URL yang baru anda salin: + Kemudian, buka [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dalam [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) dan jalankan perintah berikut, gantikan `` dengan URL yang baru anda salin: ```bash git clone ``` -2. Buka folder dalam Visual Studio Code. Anda boleh melakukan ini dengan mengklik **File** > **Open Folder** dan memilih folder yang baru anda klon. +2. Buka folder dalam Visual Studio Code. Anda boleh lakukan ini dengan mengklik **File** > **Open Folder** dan memilih folder yang baru anda klon. > Sambungan Visual Studio Code yang disyorkan: @@ -141,74 +141,74 @@ Cadangan kami ialah menggunakan [Visual Studio Code](https://code.visualstudio.c > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - untuk pratonton halaman HTML dalam Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - untuk membantu anda menulis kod dengan lebih pantas -## 📂 Setiap pelajaran merangkumi: +## 📂 Setiap pelajaran termasuk: - sketchnote pilihan - video tambahan pilihan -- kuiz pemanasan pra-pelajaran +- kuiz pemanasan sebelum pelajaran - pelajaran bertulis -- untuk pelajaran berasaskan projek, panduan langkah demi langkah tentang cara membina projek +- untuk pelajaran berasaskan projek, panduan langkah demi langkah cara membina projek - pemeriksaan pengetahuan -- satu cabaran +- cabaran - bacaan tambahan - tugasan -- [kuiz pasca-pelajaran](https://ff-quizzes.netlify.app/web/) +- [kuiz pasca pelajaran](https://ff-quizzes.netlify.app/web/) -> **Nota tentang kuiz**: Semua kuiz terkandung dalam folder Quiz-app, jumlah 48 kuiz dengan tiga soalan setiap satu. Ia tersedia [di sini](https://ff-quizzes.netlify.app/web/) aplikasi kuiz boleh dijalankan secara tempatan atau diterapkan ke Azure; ikut arahan dalam folder `quiz-app`. +> **Nota tentang kuiz**: Semua kuiz terkandung dalam folder Quiz-app, sebanyak 48 kuiz dengan tiga soalan setiap satu. Ia boleh didapati [di sini](https://ff-quizzes.netlify.app/web/) serta aplikasi kuiz boleh dijalankan secara tempatan atau dikerahkan ke Azure; ikut arahan dalam folder `quiz-app`. ## 🗃️ Pelajaran -| | Nama Projek | Konsep yang Diajarkan | Objektif Pembelajaran | Pelajaran Berpaut | Pengarang | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Bermula | Pengenalan kepada Pengaturcaraan dan Alat-alat Perdagangan | Pelajari asas-asas yang mendasari kebanyakan bahasa pengaturcaraan dan tentang perisian yang membantu pembangun profesional melakukan tugas mereka | [Pengenalan Kepada Bahasa Pengaturcaraan dan Alat-alat Perdagangan](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Bermula | Asas GitHub, termasuk bekerja dengan pasukan | Cara menggunakan GitHub dalam projek anda, cara bekerjasama dengan orang lain pada kod asas | [Pengenalan kepada GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Bermula | Aksesibiliti | Pelajari asas aksesibiliti web | [Asas Aksesibiliti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Asas JS | Jenis Data JavaScript | Asas jenis data JavaScript | [Jenis Data](./2-js-basics/1-data-types/README.md) | Jasmine | +| | Nama Projek | Konsep Diajarkan | Objektif Pembelajaran | Pelajaran Berkaitan | Penulis | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Memulakan | Pengenalan kepada Pengaturcaraan dan Alat-alat Kerja | Pelajari asas di sebalik kebanyakan bahasa pengaturcaraan dan tentang perisian yang membantu pembangun profesional menjalankan kerja mereka | [Pengenalan kepada Bahasa Pengaturcaraan dan Alatan Kerja](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Memulakan | Asas GitHub, termasuk bekerja dengan pasukan | Cara menggunakan GitHub dalam projek anda, cara bekerjasama dengan orang lain pada pangkalan kod | [Pengenalan kepada GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Memulakan | Kebolehcapaian | Pelajari asas kebolehcapaian web | [Asas Kebolehcapaian](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Asas JS | Jenis Data JavaScript | Asas jenis data dalam JavaScript | [Jenis Data](./2-js-basics/1-data-types/README.md) | Jasmine | | 05 | Asas JS | Fungsi dan Kaedah | Pelajari tentang fungsi dan kaedah untuk mengurus aliran logik aplikasi | [Fungsi dan Kaedah](./2-js-basics/2-functions-methods/README.md) | Jasmine dan Christopher | -| 06 | Asas JS | Membuat Keputusan dengan JS | Pelajari cara membuat syarat dalam kod anda menggunakan kaedah membuat keputusan | [Membuat Keputusan](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Asas JS | Tatasusun dan Gelung | Bekerja dengan data menggunakan tatasusun dan gelung dalam JavaScript | [Tatasusun dan Gelung](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML dalam Praktik | Bina HTML untuk membuat terrarium dalam talian, menumpukan pada membina susun atur | [Pengenalan kepada HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS dalam Praktik | Bina CSS untuk menghias terrarium dalam talian, menumpukan pada asas CSS termasuk membuat halaman responsif | [Pengenalan kepada CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Penutupan JavaScript, manipulasi DOM | Bina JavaScript untuk menjadikan terrarium berfungsi sebagai antara muka seret/lepas, menumpukan pada penutupan dan manipulasi DOM | [Penutupan JavaScript, manipulasi DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Permainan Taip](./4-typing-game/solution/README.md) | Bina Permainan Taip | Pelajari cara menggunakan acara papan kekunci untuk menggerakkan logik aplikasi JavaScript anda | [Pengaturcaraan Berpandukan Acara](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) | Bekerja dengan Pelayar | Pelajari cara pelayar berfungsi, sejarahnya, dan bagaimana membina elemen pertama sambungan pelayar | [Mengenai Pelayar](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) | Bina borang, memanggil API dan menyimpan pemboleh ubah dalam penyimpanan tempatan | Bina elemen JavaScript bagi sambungan pelayar anda untuk memanggil API menggunakan pemboleh ubah yang disimpan dalam penyimpanan tempatan | [API, Borang, dan Penyimpanan Tempatan](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) | Proses latar belakang dalam pelayar, prestasi web | Gunakan proses latar belakang pelayar untuk mengurus ikon sambungan; pelajari tentang prestasi web dan beberapa pengoptimuman untuk meningkatkan | [Tugas Latar Belakang dan Prestasi](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Permainan Angkasa](./6-space-game/solution/README.md) | Pembangunan Permainan Lebih Lanjut dengan JavaScript | Pelajari tentang Pewarisan menggunakan Kelas dan Komposisi serta corak Pub/Sub, sebagai persiapan membina permainan | [Pengenalan kepada Pembangunan Permainan Lanjutan](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Permainan Angkasa](./6-space-game/solution/README.md) | Melukis pada kanvas | Pelajari tentang API Canvas, digunakan untuk melukis elemen pada skrin | [Melukis pada Kanvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Permainan Angkasa](./6-space-game/solution/README.md) | Menggerakkan elemen di sekitar skrin | Temui cara elemen memperoleh pergerakan menggunakan koordinat kartesian dan API Canvas | [Menggerakkan Elemen](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Permainan Angkasa](./6-space-game/solution/README.md) | Pengesanan pertembungan | Buat elemen bertembung dan bertindak balas antara satu sama lain menggunakan tekan kekunci dan sediakan fungsi had masa untuk memastikan prestasi permainan | [Pengesanan Pertembungan](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Permainan Angkasa](./6-space-game/solution/README.md) | Menjaga skor | Lakukan pengiraan matematik berdasarkan status dan prestasi permainan | [Menjaga Skor](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Permainan Angkasa](./6-space-game/solution/README.md) | Mengakhiri dan memulakan semula permainan | Pelajari tentang mengakhiri dan memulakan semula permainan, termasuk membersihkan aset dan menetapkan semula nilai pemboleh ubah | [Keadaan Penamat](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Templat HTML dan Laluan dalam Aplikasi Web | Pelajari bagaimana membuat kerangka seni bina laman web berbilang halaman menggunakan laluan dan templat HTML | [Templat HTML dan Laluan](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Bina Borang Log Masuk dan Pendaftaran | Pelajari tentang membina borang dan mengendalikan rutin pengesahan | [Borang](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Kaedah Mengambil dan Menggunakan Data | Bagaimana data mengalir masuk dan keluar dari aplikasi anda, cara mengambil, menyimpan, dan membuangnya | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Konsep Pengurusan Negeri | Pelajari bagaimana aplikasi anda mengekalkan negeri dan cara menguruskannya secara berprogram | [Pengurusan Negeri](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Kod Pelayar/VScode](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan penyunting kod | [Gunakan Penyunting Kod VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Pembantu AI](./9-chat-project/README.md) | Bekerja dengan AI | Pelajari cara membina pembantu AI sendiri | [Projek Pembantu AI](./9-chat-project/README.md) | Chris | +| 06 | Asas JS | Membuat Keputusan dengan JS | Pelajari cara mencipta syarat dalam kod anda menggunakan kaedah membuat keputusan | [Membuat Keputusan](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Asas JS | Larik dan Gelung | Bekerja dengan data menggunakan larik dan gelung dalam JavaScript | [Larik dan Gelung](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML dalam Amalan | Bina HTML untuk mencipta terrarium dalam talian, fokus pada pembinaan tata letak | [Pengenalan kepada HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS dalam Amalan | Bina CSS untuk menggayakan terrarium dalam talian, fokus pada asas CSS termasuk menjadikan halaman responsif | [Pengenalan kepada CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Penutupan JavaScript, manipulasi DOM | Bina JavaScript untuk menjadikan terrarium berfungsi sebagai antara muka seret/jatuh, fokus pada penutupan dan manipulasi DOM | [Penutupan JavaScript, manipulasi DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Permainan Mengetik](./4-typing-game/solution/README.md) | Bina Permainan Mengetik | Pelajari cara menggunakan acara papan kekunci untuk menggerakkan logik aplikasi JavaScript anda | [Pengaturcaraan Berpandu Acara](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) | Bekerja dengan Pelayar | Pelajari cara pelayar berfungsi, sejarahnya, dan cara membina elemen pertama sambungan pelayar | [Mengenai Pelayar](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) | Membangun borang, memanggil API dan menyimpan pembolehubah dalam storan tempatan | Bina elemen JavaScript sambungan pelayar anda untuk memanggil API menggunakan pembolehubah yang disimpan dalam storan tempatan | [API, Borang, dan Storan Tempatan](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) | Proses latar belakang dalam pelayar, prestasi web | Gunakan proses latar belakang pelayar untuk mengurus ikon sambungan; belajar tentang prestasi web dan beberapa pengoptimuman agar | [Tugas Latar Belakang dan Prestasi](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Permainan Angkasa](./6-space-game/solution/README.md) | Pembangunan Permainan Lebih Lanjut dengan JavaScript | Pelajari mengenai Pewarisan menggunakan kedua-dua Kelas dan Komposisi serta corak Pub/Sub, sebagai persiapan untuk membina permainan | [Pengenalan kepada Pembangunan Permainan Lanjutan](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Permainan Angkasa](./6-space-game/solution/README.md) | Melukis pada kanvas | Pelajari tentang API Canvas, digunakan untuk melukis elemen pada skrin | [Melukis pada Kanvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Permainan Angkasa](./6-space-game/solution/README.md) | Menggerakkan elemen di sekitar skrin | Temui bagaimana elemen boleh bergerak menggunakan koordinat kartesian dan API Canvas | [Menggerakkan Elemen Sekitar](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Permainan Angkasa](./6-space-game/solution/README.md) | Pengesanan perlanggaran | Buat elemen bertembung dan bertindak balas antara satu sama lain menggunakan kekunci dan sediakan fungsi cooldown untuk memastikan prestasi permainan | [Pengesanan Perlanggaran](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Permainan Angkasa](./6-space-game/solution/README.md) | Menjaga skor | Lakukan pengiraan matematik berdasarkan status dan prestasi permainan | [Menjaga Skor](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Permainan Angkasa](./6-space-game/solution/README.md) | Mengakhiri dan memulakan semula permainan | Pelajari cara mengakhiri dan memulakan semula permainan, termasuk membersihkan aset dan menetapkan semula nilai pembolehubah | [Keadaan Akhir](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Templat HTML dan Laluan dalam Aplikasi Web | Pelajari cara membuat struktur laman web berbilang halaman menggunakan laluan dan templat HTML | [Templat HTML dan Laluan](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Bina Borang Log Masuk dan Pendaftaran | Pelajari mengenai membina borang dan mengendalikan rutin pengesahan | [Borang](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Kaedah Mendapatkan dan Menggunakan Data | Bagaimana data masuk dan keluar dari aplikasi anda, cara mengambilnya, menyimpannya dan menghapusnya | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Aplikasi Perbankan](./7-bank-project/solution/README.md) | Konsep Pengurusan Keadaan | Pelajari bagaimana aplikasi anda mengekalkan keadaan dan cara mengurusnya secara programatik | [Pengurusan Keadaan](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Kod Penyemak Imbas/VScode](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan penyunting kod| [Gunakan Penyunting Kod VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Pembantu AI](./9-chat-project/README.md) | Bekerja dengan AI | Pelajari cara membina pembantu AI anda sendiri | [Projek Pembantu AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogi -Kurikulum kami direka dengan dua prinsip pedagogi utama: +Kurikulum kami direka dengan dua prinsip pedagogi utama dalam fikiran: * pembelajaran berasaskan projek -* kuiz kerap +* kuiz yang kerap -Program ini mengajar asas JavaScript, HTML, dan CSS, serta alat dan teknik terkini yang digunakan oleh pembangun web hari ini. Pelajar akan berpeluang membangunkan pengalaman praktikal dengan membina permainan menaip, terrarium maya, sambungan pelayar mesra alam, permainan gaya penyerang angkasa, dan aplikasi perbankan untuk perniagaan. Menjelang akhir siri ini, pelajar akan memperoleh pemahaman kukuh tentang pembangunan web. +Program ini mengajar asas-asas JavaScript, HTML, dan CSS, serta alat dan teknik terkini yang digunakan oleh pembangun web masa kini. Pelajar akan berpeluang mengembangkan pengalaman praktikal dengan membina permainan menaip, terrarium maya, sambungan pelayar mesra alam, permainan gaya penyerang angkasa, dan aplikasi perbankan untuk perniagaan. Pada akhir siri ini, pelajar akan memperoleh pemahaman yang kukuh tentang pembangunan web. -> 🎓 Anda boleh mengambil beberapa pelajaran pertama dalam kurikulum ini sebagai [Jalur Pembelajaran](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) di Microsoft Learn! +> 🎓 Anda boleh mengikuti beberapa pelajaran pertama dalam kurikulum ini sebagai [Jalur Pembelajaran](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) di Microsoft Learn! -Dengan memastikan kandungan selaras dengan projek, proses menjadi lebih menarik bagi pelajar dan pengekalan konsep akan dipertingkatkan. Kami juga menulis beberapa pelajaran permulaan dalam asas JavaScript untuk memperkenalkan konsep, dipadankan dengan video dari koleksi video tutorial "[Siri Permulaan ke: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", beberapa pengarangnya turut menyumbang kepada kurikulum ini. +Dengan memastikan kandungan selaras dengan projek, proses pembelajaran menjadi lebih menarik untuk pelajar dan pengingatan konsep akan dipertingkatkan. Kami juga menulis beberapa pelajaran permulaan dalam asas JavaScript untuk memperkenalkan konsep, dipadankan dengan video dari koleksi tutorial video "[Siri Pemula kepada: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", beberapa pengarangnya menyumbang kepada kurikulum ini. -Selain itu, kuiz berisiko rendah sebelum kelas menetapkan niat pelajar terhadap pembelajaran sesuatu topik, manakala kuiz kedua selepas kelas memastikan pengekalan lanjut. Kurikulum ini direka agar fleksibel dan menyeronokkan serta boleh diambil sepenuhnya atau sebahagian. Projek bermula dari kecil dan menjadi semakin kompleks menjelang akhir kitaran 12 minggu. +Selain itu, kuiz bertaraf rendah sebelum kelas menetapkan niat pelajar untuk mempelajari topik, manakala kuiz kedua selepas kelas memastikan pengingatan lebih kukuh. Kurikulum ini direka untuk fleksibel dan menyeronokkan serta boleh diikuti secara keseluruhan atau sebahagian. Projek bermula kecil dan menjadi semakin kompleks menjelang akhir kitaran 12 minggu. -Walaupun kami sengaja mengelakkan memperkenalkan rangka kerja JavaScript untuk menumpukan kepada kemahiran asas yang diperlukan sebagai pembangun web sebelum menggunakan rangka kerja, langkah seterusnya yang baik untuk melengkapkan kurikulum ini adalah mempelajari Node.js melalui koleksi video lain: "[Siri Permulaan ke: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Walaupun kami sengaja mengelak memperkenalkan rangka kerja JavaScript untuk menumpukan pada kemahiran asas yang diperlukan sebagai pembangun web sebelum menggunakan rangka kerja, langkah seterusnya yang baik selepas melengkapkan kurikulum ini adalah mempelajari tentang Node.js melalui koleksi video lain: "[Siri Pemula kepada: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Lawati [Kod Etika](CODE_OF_CONDUCT.md) dan panduan [Penyumbang](CONTRIBUTING.md) kami. Kami mengalu-alukan maklum balas membina anda! +> Lawati [Kod Tingkah Laku](CODE_OF_CONDUCT.md) dan garis panduan [Menyumbang](CONTRIBUTING.md) kami. Kami mengalu-alukan maklum balas yang membina daripada anda! -## 🧭 Akses luar talian +## 🧭 Akses Luar Talian -Anda boleh menjalankan dokumentasi ini secara luar talian dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repositori ini, [pasang Docsify](https://docsify.js.org/#/quickstart) pada mesin tempatan anda, dan kemudian di folder akar repositori ini, taip `docsify serve`. Laman web akan dihidangkan pada port 3000 di localhost anda: `localhost:3000`. +Anda boleh menjalankan dokumentasi ini secara luar talian dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repositori ini, [pasang Docsify](https://docsify.js.org/#/quickstart) pada mesin tempatan anda, dan kemudian di folder akar repositori ini, taip `docsify serve`. Laman web akan disajikan pada port 3000 di localhost anda: `localhost:3000`. ## 📘 PDF PDF bagi semua pelajaran boleh didapati [di sini](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -260,11 +260,11 @@ Pasukan kami menghasilkan kursus lain! Semak: ## Mendapatkan Bantuan -Jika anda tersekat atau mempunyai sebarang soalan tentang membina aplikasi AI. Sertai para pelajar lain dan pembangun berpengalaman dalam perbincangan tentang MCP. Ia adalah komuniti yang menyokong di mana soalan dialu-alukan dan ilmu dikongsi dengan bebas. +Jika anda tersekat atau mempunyai sebarang pertanyaan mengenai membina aplikasi AI. Sertai pelajar lain dan pembangun berpengalaman dalam perbincangan mengenai MCP. Ia adalah komuniti yang menyokong di mana soalan dialu-alukan dan pengetahuan dikongsi dengan bebas. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Jika anda mempunyai maklum balas produk atau ralat semasa membina lawati: +Jika anda mempunyai maklum balas produk atau ralat semasa membina, lawati: [![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) @@ -275,6 +275,6 @@ Repositori ini dilesenkan di bawah lesen MIT. Lihat fail [LICENSE](../../LICENSE --- -**Penafian**: -Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila ambil maklum bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya hendaklah dianggap sebagai sumber yang sahih. Untuk maklumat penting, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini. +**Penafian**: +Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila maklum bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang sahih. Untuk maklumat penting, terjemahan profesional oleh manusia adalah disarankan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini. \ No newline at end of file diff --git a/translations/ms/lesson-template/README.md b/translations/ms/lesson-template/README.md index a522897820..c017cd7a58 100644 --- a/translations/ms/lesson-template/README.md +++ b/translations/ms/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Topik Pelajaran] +# Topik Pelajaran -![Sisipkan video di sini](../../../lesson-template/video-url) +## 🎥 Video -## [Kuiz Pra-Kuliah](../../../lesson-template/quiz-url) +> Tambahkan video terbenam atau pautan pelajaran di sini. -[Terangkan apa yang akan kita pelajari] +--- + +## Kuiz Pra-ceramah + +> Tambahkan pautan kuiz di sini apabila tersedia. + +--- + +Berikan gambaran ringkas tentang apa yang pelajar akan pelajari dalam pelajaran ini. + +--- ### Pengenalan -Terangkan apa yang akan dibincangkan +Berikan pengenalan ringkas yang menerangkan apa yang akan dibincangkan dalam pelajaran ini. > Nota +--- + ### Prasyarat -Langkah-langkah apa yang sepatutnya telah diselesaikan sebelum pelajaran ini? +Senaraikan konsep atau topik yang pelajar harus sudah biasa sebelum memulakan pelajaran ini. + +--- ### Persediaan -Langkah-langkah persediaan untuk memulakan pelajaran ini +Senaraikan sebarang langkah penyediaan atau alat yang diperlukan sebelum memulakan pelajaran. --- -[Langkah-langkah melalui kandungan dalam blok] +### Kandungan + +Terangkan kandungan pelajaran secara berstruktur dalam seksyen-seksyen. + +--- -## [Topik 1] +## Topik 1 -### Tugasan: +### Tugas: -Bekerjasama untuk meningkatkan kod anda secara progresif bagi membina projek dengan kod yang dikongsi: +Bekerjasama untuk meningkatkan kod anda secara berperingkat untuk membina projek dengan kod bersama: ```html code blocks ``` -✅ Semakan Pengetahuan - gunakan masa ini untuk mengembangkan pengetahuan pelajar dengan soalan terbuka +✅ Semakan Pengetahuan +Gunakan masa ini untuk menguji pengetahuan pelajar dengan soalan terbuka. -## [Topik 2] +## Topik 2 +## Topik 3 -## [Topik 3] +🚀 Cabaran +Tambah cabaran kolaboratif untuk pelajar meningkatkan projek. -🚀 Cabaran: Tambahkan cabaran untuk pelajar bekerjasama dalam kelas bagi meningkatkan projek +Pilihan: Tambah tangkapan skrin UI pelajaran yang telah selesai jika sesuai. -Pilihan: tambahkan tangkapan skrin UI pelajaran yang telah siap jika sesuai +## Kuiz Pasca-ceramah -## [Kuiz Pasca-Kuliah](../../../lesson-template/quiz-url) +Tambah pautan kuiz di sini selepas menyelesaikan pelajaran. -## Ulasan & Kajian Kendiri +## Semakan & Kajian Kendiri -**Tugasan Perlu Diserahkan [MM/YY]**: [Nama Tugasan](assignment.md) +**Penyerahan Tugasan [MM/YY]**: [Nama Tugasan](assignment.md) --- + **Penafian**: -Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk memastikan ketepatan, sila ambil perhatian bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang berwibawa. Untuk maklumat yang kritikal, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini. \ No newline at end of file +Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila ambil maklum bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidakakuratan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang berwibawa. Untuk maklumat kritikal, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini. + \ No newline at end of file diff --git a/translations/my/.co-op-translator.json b/translations/my/.co-op-translator.json index 9c68ab25ec..18e3edd3df 100644 --- a/translations/my/.co-op-translator.json +++ b/translations/my/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:09:05+00:00", + "translation_date": "2026-04-24T13:02:08+00:00", "source_file": "AGENTS.md", "language_code": "my" }, @@ -516,8 +516,8 @@ "language_code": "my" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:44:35+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:54:23+00:00", "source_file": "README.md", "language_code": "my" }, @@ -564,8 +564,8 @@ "language_code": "my" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:34:12+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:54:42+00:00", "source_file": "lesson-template/README.md", "language_code": "my" }, diff --git a/translations/my/AGENTS.md b/translations/my/AGENTS.md index 2c4ebb2368..65f42fe169 100644 --- a/translations/my/AGENTS.md +++ b/translations/my/AGENTS.md @@ -2,27 +2,27 @@ ## Project Overview -ဒါဟာ ဝဘ်ဒီဗလပ်မှန်အခြေခံမှုများကို စတင်လေ့လာသူများအတွက် သင်ကြားပေးရန် အရည်အချင်းမြှင့်ပညာရေး သင်ရိုးညွှန်းလမ်းကြောင်း ရှည်လျားသော ထောက်ပံ့မှုပလက်ဖောင်းတစ်ခု ဖြစ်သည်။ သင်ရိုးညွှန်းလမ်းကြောင်းမှာ Microsoft Cloud Advocates မှ ဖန်တီးထားသော 12 နာရီကြာ သင်တန်း ၁၂ ပတ် တစ်ခု ဖြစ်ပြီး JavaScript, CSS, နှင့် HTML ကို မျက်နှာသာသော သင်ခန်းစာ ၂၄ ခု ပါဝင်သည်။ +ဒီဟာက သင်ပုန်းများအတွက် ဝဘ်ဖွံ့ဖြိုးမှုအခြေခံများကို သင်ကြားပေးရန် အသုံးပြုသော ပညာရေး သင္ခန်းစာအစီအစဉ် repository တစ်ခုဖြစ်သည်။ ဒီသင်ခန်းစာအစီအစဉ်မှာ Microsoft Cloud Advocates မှ ဖန်တီးထားတဲ့ အာရုံစိုက်မှု ၁၂ ပတ်စာ comprehensive သင်ခန်းစာတစ်ခုဖြစ်ပြီး JavaScript၊ CSS၊ HTML တို့ကို ဖုံးလွှမ်းသည့် လက်တွေ့ ၂၄ ခုသော သင်ခန်းစာများ ပါဝင်သည်။ ### Key Components -- **ပညာရေး အကြောင်းအရာများ**: စီစဉ်ထားသော သင်ခန်းစာ ၂၄ ခန်းများ၊ စီမံကိန်းလိုက် မော်ဂျူလ်များအဖြစ် -- **လက်တွေ့ ပရောဂျက်များ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, နှင့် AI Chat Assistant -- **အပြန်အလှန် စာမေးပွဲများ**: တစ်ခုခြင်း သင်ခန်းစာ မတိုင်မီ နှင့် သင်ခန်းစာပြီးနောက် အကဲဖြတ်ရန် မေးခွန်း ၃ မျိုး ပါဝင်သည့် စာမေးပွဲ ၄၈ ခု -- **ဘာသာစကားပေါင်းများစွာ အထောက်အပံ့**: GitHub Actions မှ တစ်ဆင့် ဘာသာစကား ၅၀ ကျော် အလိုအလျောက် ဘာသာပြန်ခြင်း +- **ပညာရေးအကြောင်းအရာ**: စီမံဆောင်ရွက်ခြင်းအခြေခံ module များအဖြစ် စီစဉ်ထားသော ၂၄ ခုသော သင်ခန်းစာများ +- **လက်တွေ့ ပရောဂျက်များ**: Terrarium၊ Typing Game၊ Browser Extension၊ Space Game၊ Banking App၊ Code Editor နှင့် AI Chat Assistant တို့ +- **အပြန်အလှန် စိစစ်မေးခွန်းများ**: စာမေးပွဲ ၄၈ ခု၊ မေးခွန်း ၃ ခုစီဖြင့် (သင်ခန်းစာမတိုင်မီ / မပြီးစဉ် စိစစ်ခြင်းများ) +- **ဘာသာစကား များစွာ ဆက်သွယ်မှု**: GitHub Actions မှတစ်ဆင့် ၅၀ ကျော်သော ဘာသာစကားများအလိုက် အလိုအလျောက် ဘာသာပြန်ခြင်း - **နည်းပညာများ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ပရောဂျက်များအတွက်) ### Architecture -- သင်ခန်းစာအခြေခံ ပညာရေး ဒေတာဗေ့စ် -- သင်ခန်းစာ တစ်ခုချင်း အတွင်း README, ကုဒ်နမူနာများ နှင့် နည်းလမ်း ဖြေရှင်းချက်များ ပါဝင်သည် -- စကြာ ဝင်ပေါက်ရှိသော ပရောဂျက်များ ကို ထူးခြားသော ဖိုလ်ဒါများတွင် ထားရှိသည် (quiz-app, စသည်) -- GitHub Actions (co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်စနစ် -- Docsify ဖြင့် စာရွက်စာတမ်းများကို ဝန်ဆောင်မှုပေးပြီး PDF အဖြစ်လည်းရနိုင်သည် +- သင်ခန်းစာအခြေခံပညာရေး repository +- သင်ခန်းစာ တစ်ခုချင်းစီအတွက် README၊ code နမူနာများနှင့် ဖြေရှင်းနည်းများပါရှိသည် +- project များကို သီးသန့် ဖိုလ်ဒါများတွင်ထားသည် (quiz-app, အမျိုးမျိုးသော သင်ခန်းစာပရောဂျက်များ) +- GitHub Actions (co-op-translator) ဖြင့် ဘာသာပြန် စနစ် +- Docsify ဖြင့် စာရွက်စာတမ်းများ ပေးပို့ပြီး PDF အဖြစ် ရနိုင်သည် ## Setup Commands -ဒီ ဒေတာဗေ့စ်ကို စင်စစ်ပညာရေး အကြောင်းအရာ အသုံးပြုရုံအတွက် အဓိက ရည်ရွယ်သည်။ အထူးပရောဂျက်များနှင့် လုပ်ကိုင်ရန်အတွက်: +ဒီ repository ကို ပညာရေးအကြောင်းအရာ သုံးစွဲရန်အဓိက ဖြစ်သည်။ ဖတ်ရှုလိုသော ပရောဂျက်များ အတွက် - ### Main Repository Setup @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # ဖွံ့ဖြိုးမှုဆာဗာကို စတင်ပါ +npm run dev # ဖွံ့ဖြိုးတိုးတက်မှုဆာဗာကို စတင်ပါ npm run build # ထုတ်လုပ်မှုအတွက် တည်ဆောက်ပါ -npm run lint # ESLint ကို chạyပါ +npm run lint # ESLint ကို chạyပါ။ ``` ### Bank Project API (Node.js + Express) @@ -46,9 +46,9 @@ npm run lint # ESLint ကို chạyပါ ```bash cd 7-bank-project/api npm install -npm start # API ဆာဗာ စတင်ပါ -npm run lint # ESLint ကို ပြေးပါ -npm run format # Prettier ဖြင့် ပုံစံစစ်ဆေးပါ +npm start # API ဆားဗာကို စတင်ပါ +npm run lint # ESLint ကို chạy run ပါ +npm run format # Prettier နဲ့ ဖော်မက်လုပ်ပါ ``` ### Browser Extension Projects @@ -56,7 +56,7 @@ npm run format # Prettier ဖြင့် ပုံစံစစ်ဆေး ```bash cd 5-browser-extension/solution npm install -# ဘရောက်ဇာအသီးသီးထည့်သွင်းနည်းလမ်းညွှန်များကိုလိုက်နာပါ +# ေဘရာဇာအလိုက္ပင္ပိတ္ခ်ထားသည့္ အေသးစိတ္ညႊန္ၾကားခ်က္မ်ားကို လိုက္နာပါ ``` ### Space Game Projects @@ -64,7 +64,7 @@ npm install ```bash cd 6-space-game/solution npm install -# index.html ကို browser မှာဖွင့်ပါ သို့မဟုတ် Live Server ကိုအသုံးပြုပါ +# index.html ကို browser တွင်ဖွင့်ပါ သို့မဟုတ် Live Server ကို အသုံးပြုပါ ``` ### Chat Project (Python Backend) @@ -72,7 +72,7 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN ပတ်ဝန်းကျင်အပြောင်းအလဲ ကို သတ်မှတ်ပါ +# GITHUB_TOKEN ပတ်ဝန်းကျင်တန်ဖိုးကိုသတ်မှတ်ပါ python api.py ``` @@ -80,29 +80,29 @@ python api.py ### For Content Contributors -1. **ရိုက်နှိပ်ပြီး fork လုပ်ရန်** မိမိ၏ GitHub အကောင့်သို့ -2. **fork ကို clone လုပ်ပါ** ဒေသခံစနစ်သို့ -3. **သင်ပြင်ဆင်လိုသော ဗားရှင်း အသစ် ဖန်တီးပါ** -4. သင်ခန်းစာ အကြောင်းအရာ သို့မဟုတ် ကုဒ်နမူနာများ ပြင်ဆင်ပါ -5. ပရောဂျက်တွင် ကုဒ်ပြင်ဆင်မှုများ ရရှိပါက စမ်းသပ်ပါ -6. အကူအညီအဖွဲ့ ဆောင်ရွက်နေသော လမ်းညွှန်ချက်များအတိုင်း pull request တင်သွင်းပါ +1. **Repository ကို fork** လုပ်၍ သင်၏ GitHub အကောင့်သို့ ယူပါ +2. **Fork ကို ဒေသဆိုင်ရာ clone** လုပ်ပါ +3. ပြင်ဆင်မှုများအတွက် အသစ်သော branch တစ်ခုဖန်တီးပါ +4. သင်ခန်းစာအကြောင်းအရာ သို့မဟုတ် code နမူနာများ ပြင်ဆင်ပါ +5. ပရောဂျက်ဖိုလ်ဒါများတွင် code ပြင်ဆင်မှုများ စမ်းသပ်ပါ +6. ကူညီပံ့ပိုးမှု လမ်းညွှန်ချက်များ အတိုင်း pull request များ တင်ပါ ### For Learners -1. Fork လုပ် သို့မဟုတ် clone လုပ်ပါ -2. သင်ခန်းစာ ဖိုလ်ဒါများကို နောက်တတ်တိုက် တိုင်ရွက်ပါ -3. သင်ခန်းစာမျက်နှာများကို ဖတ်ရှုပါ -4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီ စာမေးပွဲ ဖြေဆိုပါ -5. သင်ခန်းစာဖိုလ်ဒါများတွင် ကုဒ်နမူနာများကို လေ့လာပါ -6. အလုပ်အပ်နှင့် စိန်ခေါ်မှုများ ပြီးမြောက်အောင် ဆောင်ရွက်ပါ -7. သင်ခန်းစာပြီးနောက် စာမေးပွဲများ ဖြေဆိုပါ +1. Repository ကို fork သို့မဟုတ် clone လုပ်ပါ +2. သင်ခန်းစာ ဖိုလ်ဒါများကို အဆင့်လိုက် သွားပါ +3. သင်ခန်းစာတစ်ခုချင်း ရေးထားသော README ဖတ်ပါ +4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီ စိစစ်မေးခွန်းများ ဖြေဆိုပါ +5. သင်ခန်းစာ ဖိုလ်ဒါများမှ code နမူနာများ အသုံးပြုပါ +6. ဖြေကြားချက်များနှင့် စိန်ခေါ်မှုများ ပြီးမြောက်အောင်လုပ်ပါ +7. သင်ခန်းစာပြီးနောက် စိစစ်မေးခွန်းများ ဖြေဆိုပါ ### Live Development -- **စာရွက်စာတမ်းများ**: ကိုယ်ပိုင် `docsify serve` ကို root တွင်ချပြရန် (port 3000) -- **Quiz App**: quiz-app ဖိုလ်ဒါတွင် `npm run dev` ဖြစ်စေပါ -- **ပရောဂျက်များ**: VS Code ရဲ့ Live Server extension ကို HTML ပရောဂျက်များအတွက် အသုံးပြုပါ -- **API ပရောဂျက်များ**: အဆိုပါ API ဖိုလ်ဒါများတွင် `npm start` ချပြပါ +- **စာရွက်စာတမ်းများ**: repository အမြောက်မှာ `docsify serve` ကို ကြိုးပမ်းတင်ပါ (port 3000) +- **Quiz App**: quiz-app ဖိုလ်ဒါတွင် `npm run dev` ကို ပြေးပါ +- **Projects**: HTML ပရောဂျက်များအတွက် VS Code Live Server extension အသုံးပြုပါ +- **API Projects**: API ဖိုလ်ဒါများ၌ `npm start` ကို ပြေးပါ ## Testing Instructions @@ -110,173 +110,172 @@ python api.py ```bash cd quiz-app -npm run lint # ကုဒ်ပုံစံ ပြဿနာများကို စစ်ဆေးပါ -npm run build # ဖွဲ့စည်းမှု အောင်မြင်မှုကို အတည်ပြုပါ +npm run lint # ကုဒ်ပုံစံပြဿနာများကို စစ်ဆေးပါ +npm run build # တည်ဆောက်မှုအောင်မြင်မှုကို သေချာစေပါ ``` ### Bank API Testing ```bash cd 7-bank-project/api -npm run lint # ကုဒ်စတိုင်ပြဿနာများကို စစ်ဆေးပါ -node server.js # အမှားများမရှိဘဲ ဆာဗာစတင်သည်ကို သေချာစစ်ဆေးပါ +npm run lint # ကုဒ်ပုံစံပြဿနာများစစ်ဆေးပါ +node server.js # error မဖြစ်ဘဲ server စတင်နိုင်မှုကိုအတည်ပြုပါ ``` ### General Testing Approach -- ဒေတာဗေ့စ်သည် အလိုအလျောက် စမ်းသပ်မှု ပုံမှန် မပါဝင်သော ပညာရေးစနစ်ဖြစ်သည် -- စမ်းသပ်မှုများကို လက်မှုပုံစံဖြင့် အောက်ပါအတိုင်း အာရုံစိုက်ပါသည် - - - ကုဒ်နမူနာများ အမှားမဖြစ်စေဘဲ ပြေးပါခြင်း - - စာရွက်စာတမ်းတွင် မျှဝေထားသော လင့်ခ်များ အလုပ်လုပ်ရခြင်း - - ပရောဂျက်တည်ဆောက်မှု ပြီးမြောက်ခြင်း - - နမူနာများသည် ကောင်းမွန်သော လေ့လာမှုနည်းလမ်းများကို လိုက်နာခြင်း +- ဒီဟာက ကျယ်ပြန့်သော အလိုအလျောက်စမ်းသပ်မှု မပါဝင်သည့် ပညာရေး repository ဖြစ်သည် +- လက်မောင်းဖြင့် စမ်းသပ်မှုတွင် အဓိကထားသည်မှာ - + - Code နမူနာများ အမှားမရှိစွာ ပြေးနိုင်မှု + - စာရွက်စာတမ်း link များ တိကျမှန်ကန်မှု + - ပရောဂျက်များ build ပြီးမြောက်မှု + - နမူနာများသည် လေ့လာသူများအတွက် ပညာရေး အခြေခံမူများနှင့် ကိုက်ညီစွာ ရေးသားထားမှု ### Pre-submission Checks -- package.json ပါဝင်သော ဖိုလ်ဒါများတွင် `npm run lint` ကို တင်သတ်ပါ -- markdown လင့်ခ်များကို မှန်ကန်ပြည့်စုံကြောင်း အတည်ပြုပါ -- ဘရောက်ဇာ နှင့် Node.js တို့တွင် ကုဒ်နမူနာများကို စမ်းသပ်ပါ -- ဘာသာပြန်မှုများ၏ ဖွဲ့စည်းမှု မြောက်မြားမှု ထိန်းသိမ်းထားမှု စိစစ်ပါ +- package.json ရှိသော ဖိုလ်ဒါများတွင် `npm run lint` ကို run ပါ +- markdown link များ အတည်ပြုပါ +- Browser သို့မဟုတ် Node.js တွင် code နမူနာများ စမ်းသပ်ပါ +- ဘာသာပြန်ထားမှုများ ပုံစံတိကျမှု ထိန်းသိမ်းထားမှုစစ်ဆေးပါ ## Code Style Guidelines ### JavaScript -- ခေတ်မီ ES6+ စာရေးနည်းကို အသုံးပြုပါ -- ပရောဂျက်အတွင်း ပါရှိသည့် standard ESLint ပြဿနာစနစ်ကို လိုက်နာပါ -- ပညာရေး ရည်ရွယ်ချက်အတွက် သီးခြား နာမည်များ အသုံးပြုပါ -- လေ့လာသူများအတွက် အဓိပ္ပာယ်ဖွင့်ရှင်းချက်များ စာသားတွေ ထည့်ပါ -- Prettier ဖြင့် ပုံစံ စနစ်တကျ ပြုပြင်ထားပါ (configured ရှိလျှင်သာ) +- နောက်ဆုံး ES6+ syntax များ အသုံးပြုပါ +- Project များတွင် ရှိသော standard ESLint configuration ကို လိုက်နာပါ +- ပညာရေး ရည်ရွယ်ချက်ဖြင့် အဓိကရှိသော variable နေရာများနှင့် function နာမည်များ အဓိကထားသုံးပါ +- လေ့လာသူများအတွက် အကြောင်းအရာ ရှင်းလင်းစွာ မှတ်ချက် ထည့်ပါ +- Prettier ဖြင့် ဖော်မက်နှိပ်ထားသောနေရာများ၌ အသုံးပြုပါ ### HTML/CSS -- Semantic HTML5 element များအသုံးပြုခြင်း -- တုန့်ပြန်မှု ဒီဇိုင်း များကို ဆောင်ရွက်ခြင်း -- Class နာမည်များကို ရှင်းလင်းသတိပြုအသုံးပြုပါ -- CSS နည်းကျများအတွက် သင်ယူသူများအတွက် ရှင်းလင်းရေးသားချက်များ ထည့်ပါ +- Semantic HTML5 ណ် များ အသုံးပြုပါ +- တုန့်ပြန်မှုရှိသည့် ဒီဇိုင်း များ +- ရှင်းလင်းသည့် class နာမည် စနစ်များ +- CSS နည်းဗျူဟာများ အတွက် မှတ်ချက်များ ထည့်ရေးသားပါ ### Python -- PEP 8 စံချိန်စံညွှန်းများ လိုက်နာပါ -- တိကျမြောက်မရှိ ပညာရေးကုဒ်နမူနာများ -- သင်ယူမှု အတွက် အကူအညီဖြစ်စေသည့် Type hints များထည့်ပါ +- PEP 8 စတိုင် လမ်းညွှန်ချက်များလိုက်နာပါ +- ပညာရေး ရည်ရွယ်ချက်ဖြင့် ရှင်းလင်းသော code နမူနာများ +- လေ့လာသူများအတွက် အထောက်အကူဖြစ်နိုင်သော type hints များ ထည့်ပါ ### Markdown Documentation -- ခေါင်းစဥ် အဆင့်လိုက် ရှင်းလင်းမှု -- ဝါကျဘာသာပြန်ထားသော ကုဒ် ဘလော့တွေ -- အသေးစိတ် ရင်းမြစ်များအတွက် လင့်ခ်များ -- `images/` ဖိုလ်ဒါများတွင် ပုံရိပ်များနှင့် စာရင်းများ -- ရှာဖွေသူများအတွက် ပုံများ၏ Alt စာသားများ +- ရှင်းလင်းသော ခေါင်းစဉ်အဆင့်မြှင့်များ +- ဘာသာပြန်အသုံးပြုထားသော code blocks များ +- ထပ်ဆောင်း အရင်းအမြစ်များသို့ ချိတ်ဆက်ထားမှု +- `images/` ဖိုလ်ဒါထဲ screenshot နှင့် ရုပ်ပုံများ +- ရုပ်ပုံများအတွက် အလေးထား သတ်မှတ်ချက်များ ### File Organization -- သင်ခန်းစာများ ကို နံပါတ်လိုက် စီစဉ်ထား (1-getting-started-lessons, 2-js-basics, စသည်) -- ပရောဂျက်တစ်ခုချင်းစီတွင် `solution/` နှင့် တခုခုသော `start/` သို့မဟုတ် `your-work/` ဖိုလ်ဒါများပါဝင်သည် -- ပုံရိပ်များသည် သင်ခန်းစာအလိုက် `images/` ဖိုလ်ဒါများတွင် သိမ်းဆည်းထားသည် -- ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ဖိုလ်ဒါတွင် သိမ်းဆည်းထားသည် +- သင်ခန်းစာများကို အဆင့်လိုက် နံပါတ်စဉ်ထားခြင်း (1-getting-started-lessons, 2-js-basics, စသည်) +- Project တစ်ခုချင်းစီတွင် `solution/` နှင့် တစ်ခါတစ်ရံ `start/` သို့မဟုတ် `your-work/` ဖိုလ်ဒါများ ပါဝင် +- Lesson-specific `images/` ဖိုလ်ဒါထဲတွင် ရုပ်ပုံများ သိမ်းဆည်းထားခြင်း +- ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ဖိုလ်ဒါတွင် ထားရှိခြင်း ## Build and Deployment ### Quiz App Deployment (Azure Static Web Apps) -quiz-app သည် Azure Static Web Apps အဆောက်အအုံအတွက် ဆက်တင်ပြုလုပ်ထားသည် - +Quiz-app ကို Azure Static Web Apps များအတွက် ပြင်ဆင်ထားသည် - ```bash cd quiz-app -npm run build # dist/ အဖိုင်ထည် ဆောက်သည် -# main ထိ တင်သွင်းသောအခါ GitHub Actions workflow ဖြင့် တင်စစ်သည်။ +npm run build # dist/ ဖိုလ်ဒါကိုဖန်တီးသည် +# main သို့ push ပြုလုပ်သည်နှင့်အမျှ GitHub Actions workflow ဖြင့် ဖြန့်ချိသည် ``` -Azure Static Web Apps ဆက်တင်များ: -- **App ရှေ့နေရာ**: `/quiz-app` -- **အထွက် ရှေ့နေရာ**: `dist` +Azure Static Web Apps ပြင်ဆင်မှုများ: +- **App location**: `/quiz-app` +- **Output location**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Documentation PDF Generation ```bash -npm install # docsify-to-pdf ကို ထည့်သွင်းပါ -npm run convert # docs မှ PDF ကို ထုတ်လုပ်ပါ +npm install # docsify-to-pdf ကိုထည့်သွင်းပါ +npm run convert # docs မှ PDF ဖန်တီးပါ ``` ### Docsify Documentation ```bash -npm install -g docsify-cli # Docsify ကို ကမ္ဘာလုံးဆိုင်ရာ ထည့်သွင်းပါ -docsify serve # localhost:3000 တွင် ဝန်ဆောင်မှုပေးပါ +npm install -g docsify-cli # Docsify ကို ကမ္ဘာလုံးဆိုင်ရာတွင် တပ်ဆင်ရန် +docsify serve # localhost:3000 တွင် ဆာဗ်လုပ်ရန် ``` ### Project-specific Builds -ပရောဂျက် တစ်ခုချင်းစီ၏ build လုပ်ငန်းစဉ်သည် မတူကွဲပြားနိုင်ပါသည် - -- Vue ပရောဂျက်များ: `npm run build` နှင့် production bundle များ ဖန်တီးသည် -- Static ပရောဂျက်များ: build လုပ်ခြင်းမရှိဘဲ ဖိုင်များကို တိုက်ရိုက် ဝန်ဆောင်မှု ပြုလုပ်သည် +Project တစ်ခုချင်းစီတွင် build လုပ်ငန်းစဉ် ရှိနိုင်သည်။ +- Vue ပရောဂျက်များ: `npm run build` ဖြင့် production bundle များ ဖန်တီးခြင်း +- Static ပရောဂျက်များ: build လိုအပ်မှု မရှိ၊ ဖိုင်များကို တိုက်ရိုက်ထည့်ပေးခြင်း ## Pull Request Guidelines ### Title Format -ပြင်ဆင်ချက် အကွာအဝေးပြသနိုင်စေရန် ခေါင်းစဉ်များကို ရှင်းလင်းဖော်ပြပါ: -- `[Quiz-app] သင်ခန်းစာ X အတွက် စာမေးပွဲ အသစ် ထည့်သွင်းပါ` -- `[Lesson-3] Terrarium ပရောဂျက်တွင် သိပ်ချောင်းမှုတစ်ခု ပြင်ဆင်သည်` -- `[Translation] သင်ခန်းစာ 5 အတွက် စပိန်ဘာသာပြန် ထည့်သွင်းပါ` -- `[Docs] အဆင်ပြေမှု နည်းလမ်းညွှန်ချက် များ ထပ်မံ ပြင်ဆင်ပါ` +ပြင်ဆင်မှု အမျိုးအစားကို သေချာဖော်ပြသည့် အမည်တပ်ပါ - +- `[Quiz-app] သင်ခန်းစာ X အတွက် quiz အသစ် ထည့်ခြင်း` +- `[Lesson-3] terrarium ပရောဂျက်မှ တစ်အချက် ပြင်ဆင်မှု` +- `[Translation] သင်ခန်းစာ 5 အတွက် စပိန် ဘာသာပြန် ဆက်စပ်မှု` +- `[Docs] အသုံးပြုမှု လမ်းညွှန်အချက် ပြင်ဆင်မှု` ### Required Checks -PR တင်မတိုင်မီ လူအတတ်ဆုံး စစ်ဆေးမှုများ - +PR တင်မီလုပ်ဆောင်ရန် - -1. **ကုဒ်အရည်အသွေး**: - - ဒဏ်ရာရှိသော ပရောဂျက် ဖိုလ်ဒါများတွင် `npm run lint` ထည့်ပြေးပါ - - lint အမှားများနှင့် သတိပေးချက်များအားလုံး ပြင်ဆင်သည် +1. **Code Quality**: + - ပြင်ဆင်မှုရှိသော project directory များတွင် `npm run lint` ပြေးပါ + - အမှားနှင့် သတိပေးချက်များကို ပြင်ဆင်ပါ -2. **Build အတည်ပြုမှု**: - - မည်သည့် အခါတွင်မဆို `npm run build` ကို ပြေးပါ - - Build အမှား မရှိကြောင်း သေချာစေပါ +2. **Build Verification**: + - သင့်လျော်ပါက `npm run build` ပြေးပြီး၊ build error မရှိစေပါ -3. **လင့်ခ် စစ်ဆေးမှု**: - - Markdown လင့်ခ်များအားလုံးကို စမ်းသပ်ပါ - - ပုံရိပ်ကိုင်တွယ်မှုများ ကို စစ်ဆေးပါ +3. **Link Validation**: + - markdown link များ စမ်းသပ်ပါ + - image ဖိုင်များ ရှိမှု အတည်ပြုပါ -4. **အကြောင်းအရာ ပြန်လည်သုံးသပ်မှု**: - - စာလုံးပေါင်းနှင့် အသံဖွဲ့မှု စစ်ဆေးပါ - - ကုဒ် နမူနာများ မှန်ကန်ပြီး ပညာရေးအတွက်သင့်တော်သည်ကို သေချာစေပါ - - ဘာသာပြန်မှုများသည် မူရင်း အဓိပ္ပါယ်ကို ထိန်းသိမ်းထားသည်ကို အတည်ပြုပါ +4. **Content Review**: + - စာလုံးပေါင်းနှင့် 문법 ပြည့်စုံမှု စစ်ဆေးပါ + - Code နမူနာများ မှန်ကန်ပြီး ပညာရေးအတွက် သင့်တော်မှုရှိသည်ကို သေချာစေပါ + - ဘာသာပြန်ထားမှုများ အဓိပ္ပါယ်ကို ထိန်းသိမ်းထားသည်ကို စစ်ဆေးပါ ### Contribution Requirements -- Microsoft CLA (အသစ် PR အတွက် အလိုအလျောက် စစ်ဆေးမှု) ပေးအပ်ရန် သဘောတူပါရန် -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ကို လိုက်နာပါ -- အသေးစိတ် လမ်းညွှန်မှုအတွက် [CONTRIBUTING.md](./CONTRIBUTING.md) ဖတ်ရှုပါ -- PR ဖေါ်ပြချက်တွင် ဆိုင်သော ပြဿနာအမှတ်များ ကို ပြုလုပ်ပါ +- Microsoft CLA (ပထမဆုံး PR တင်သည်နှင့်အလိုအလြော့ စစ်ဆေးမည်) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)ကို လိုက်နာပါ +- [CONTRIBUTING.md](./CONTRIBUTING.md) တွင် အသေးစိတ် လမ်းညွှန်ချက်များ ကြည့်ရှုပါ +- Bug report / feature request ပြုလုပ်ပြီး PR ဖော်ပြချက်တွင် အချိန်နှင့်ကျေရာ issue နံပါတ် ရေးပါ ### Review Process -- PR များကို မိမိ ဦးဆောင်သူများ နှင့် အသိုင်းအဝိုင်းက ရှင်းလင်း ပြန်လည်သုံးသပ်သည် -- ပညာရေး အပြည့်အဝ ရနိုင်ရေးကို ဦးစားပေးသည် -- ကုဒ် နမူနာများသည် လက်ရှိ အကောင်းဆုံးနည်းလမ်းများနှင့် ကိုက်ညီရမည် -- ဘာသာပြန်မှုများကို တိကျမှုနဲ့ ယဉ်ကျေးမှုသဘောထား အရ အကဲဖြတ်သည် +- PR များကို maintainers နှင့် community မှ စိစစ်သုံးသပ် +- ပညာရေး ရည်ရွယ်ချက်အခြေခံ၍ ရှင်းလင်းမှု ဦးစားပေး +- Code နမူနာများမှာ လက်ရှိ နည်းပညာများနှင့် အကောင်းဆုံးလေ့ကျင့်မှုများလိုက်နာမှုရှိခြင်း +- ဘာသာပြန်အဖြစ်မှန် ပြုလုပ်မှုကို စိစစ် ## Translation System ### Automated Translation -- GitHub Actions နှင့် co-op-translator workflow ကို အသုံးပြုသည် -- ဘာသာစကား ၅၀ ကျော်သို့ အလိုအလျောက် ဘာသာပြန်ပေးသည် -- မူရင်းဖိုင်များကို မူရင်း ဖိုလ်ဒါများတွင် တင်ရှိသည် -- ဘာသာပြန်သော ဖိုင်များကို `translations/{language-code}/` ကုဒ်လမ်းကြောင်းတွင်ထားသည် +- GitHub Actions နှင့် co-op-translator workflow ကိုအသုံးပြုသည် +- ၅၀ ကျော် ဘာသာစကား အလိုအလျောက် ဘာသာပြန် ပေးသည် +- ဇာတိ ဖိုင်များသည် main directory များအတွင်းရှိသည် +- ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ထဲမှာ သိမ်းဆည်းသည် ### Adding Manual Translation Improvements -1. `translations/{language-code}/` ဖိုလ်ဒါအတွင်း ဖိုင်ရှာဖွေပါ -2. ဖွဲ့စည်းမှု မဖျက်ဆီးဘဲ တိုးတက်အောင် ပြင်ဆင်ပါ -3. ကုဒ်နမူနာများ အလုပ်လုပ်နိုင်မှု ထိန်းသိမ်းပါ -4. ဒေသဆိုင်ရာ စာမေးပွဲအကြောင်းအရာများ တင်ပြပါ +1. `translations/{language-code}/` ထဲမှ ဖိုင် ရှာပါ +2. ဖိုင်ပုံစံနှင့် ဖွဲ့စည်းမှု မပျက်စီးစေဘဲ ပြင်ဆင်ချက်များ ပြုလုပ်ပါ +3. Code နမူနာများ သည် လိပ်ပြာစွာ လည်ပတ်နေရသည်ကို သေချာစိစစ်ပါ +4. ဒေသဆိုင်ရာ quiz အကြောင်းအရာများ လည်း စမ်းသပ်ပါ ### Translation Metadata -ဘာသာပြန်ထားသော ဖိုင်များတွင် metadata ခေါင်းစီးပါရှိသည် - +ဘာသာပြန်ထားသော ဖိုင်များတွင် metadata header ပါဝင်သည်- ```markdown -**ကြေညာချက်**: -ဤစာတမ်းကို AI ဘာသာပြန်ခြင်းဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) မှ အသုံးပြုပြီး ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးပမ်းနေသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်ချက်များတွင် အမှားများ သို့မဟုတ် တိကျမှု လျော့နည်းချက်များ ရှိနိုင်သည်ကို သတိပြုပါ။ မူရင်းစာတမ်းကို မူရင်းဘာသာဖြင့်သာ စံချိန်စံညွှန်းအားဖြင့် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက်တော့ ပညာရှင်လူ့ဘာသာပြန်ခြင်းကို အကြံပြုပါသည်။ ဤဘာသာပြန်ချက် အသုံးပြုမှုကြောင့် ဖြစ်ပေါ်နိုင်သည့် မတိကျမှုများ သို့မဟုတ် နားမလည်မှုများအတွက် ကျွန်ုပ်တို့၏ တာဝန်မရှိပါကြောင်း အသိပေးအပ်ပါသည်။ +**အကြောင်းကြားချက်**: +ဤစာတမ်းကို AI ဘာသာပြန်စနစ် [Co-op Translator](https://github.com/Azure/co-op-translator) အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ တိကျမှန်ကန်မှုအတွက် ကြိုးစားပေမယ့် အလိုအလျောက် ဘာသာပြန်ခြင်းသည် အမှားများ သို့မဟုတ် မှားယွင်းမှုများ ပါဝင်နိုင်ကြောင်း သတိပြုပါ။ မူလစာတမ်းကို သူ့၏ မူလဘာသာဖြင့် ထုတ်ပြန်ထားသော စာတမ်းကို ကိုးကားသင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် ပရော်ဖက်ရှင်နယ် လူသားဘာသာပြန်ခြင်းကို အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုမှုမှ ဖြစ်ပေါ်နိုင်သည့် မနားမလည်မှုများ သို့မဟုတ် မွမ်းမံသည့် အနက်မန္တလေးများအတွက် ကျွန်ုပ်တို့ ဘာသာ တာဝန်မခံပါ။ \ No newline at end of file diff --git a/translations/my/README.md b/translations/my/README.md index 376ff47abf..d83b962deb 100644 --- a/translations/my/README.md +++ b/translations/my/README.md @@ -1,24 +1,38 @@ -# Web Development for Beginners - အတန်းအစီအစဉ် +[![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) -Microsoft Cloud Advocates မှ ပံ့ပိုးပေးသော ၁၂ ပတ်ကြာ သီးသန့်သင်တန်းဖြင့် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်ရေး၏ အခြေခံအဆောက်အအုံများကို သင်ယူပါ။ သင်ခန်းစာ ၂၄ ခုစီတွင် JavaScript, CSS နှင့် HTML ကို terrariums, browser extensions, နှင့် space games ကဲ့သို့သော လက်တွေ့ပေါင်းစပ်စက်မှုများဖြင့် မျက်နှာစာချင်းဆိုင် ကျယ်ပြန့်စွာ ရှင်းလင်းပြသထားသည်။ စစ်ဆေးမှုများ၊ ဆွေးနွေးမှုများနှင့် လက်တွေ့တာဝန်များနှင့် လေ့လာသင်ယူပါ။ ကျွမ်းကျင်မှုများအတိုးအမြှင့်နှင့် သင်ယူမှု ထိန်းသိမ်းမှုအား ရရှိစေရန် ကျွန်ုပ်တို့၏ အကျိုးရှိသော စီမံကိန်းအခြေပြု သင်ကြားမှုနည်းလမ်းဖြင့် တိုးတက်စေပါမည်။ ဒီနေ့မှ စ၍ သင်ယူရန် စတင်လိုက်ပါ! +[![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/) -Azure AI Foundry Discord Community တွင် တက်ရောက်ပါ +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) + +# အင်တာနက်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံသင်တန်း - သင်ခန်းစာအစီအစဉ် -Follow these steps to get started using these resources: -1. **Fork the Repository**: Click [![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. **Clone the Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Join The Azure AI Foundry Discord and meet experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4) +Microsoft Cloud Advocates မှ ၁၂ ပတ်ကြာ လေ့လာသင်ယူနိုင်သော အပြည့်အစုံသင်တန်းဖြင့် အင်တာနက်ဖွံ့ဖြိုးတိုးတက်မှု၏နိယာမများကို သင်ယူပါ။ သင်ခန်းစာ ၂၄ ခန်းစီတွင် JavaScript, CSS နဲ့ HTML ကို terrariums, browser extensions, လေ့လာရေးကစားနည်းများ ကဲ့သို့ လက်တွေ့ အသုံးပြုနိုင်သောပရောဂျက်များမှတဆင့် အနက်သိရှိစွာ သင်ကြားပေးသည်။ စိတ်ဝင်စားဖွယ်ရာ ရေးဆွဲမှုများ၊ ဆွေးနွေးပွဲများနှင့် လက်တွေ့ လေ့ကျင့်မှုများတွင်ပါဝင်မည်။ စွမ်းရည်တိုးတက်စေပြီး သင့်အတတ်ပညာ သိမြောက်မြန်ဆန်စေရန် ပရောဂျက်အခြေပြု သင်ကြားပေးမှုနည်းလမ်း အကျိုးရှိစွာ အသုံးချလိုက်ပါ။ ယနေ့မှ စတင် ကုဒ်ရေးထွက်စဉ်ကို စတင်လိုက်ပါ! -### 🌐 အများဘာသာစကား ပံ့ပိုးမှု +Azure AI Foundry Discord သို့ ဝင်ရောက်ပြီး ကျွမ်းကျင်သူများနှင့် အတူတကွ ဖွံ့ဖြိုးတိုးတက်သူများနှင့် တွေ့ဆုံလိုက်ပါ။ + +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -#### GitHub Action ဖြင့် ပံ့ပိုးထားပြီး (အလိုအလျောက်နှင့် အမြဲ Update ဖြစ်သည်) +ဤရင်းမြစ်များကို အသုံးပြုရန် စတင်လိုက်ပါရန် အောက်ပါအဆင့်များကို လိုက်နာပါ: +1. **Repository ကို Fork လုပ်ခြင်း**: [![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. **Repository ကို Clone ခြင်း**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord သို့ ဝင်ရောက်ပြီး ကျွမ်းကျင်သူများနှင့် ဖွံ့ဖြိုးတိုးတက်သူများနှင့် တွေ့ဆုံရန်**](https://discord.com/invite/ByRwuEEgH4) + +### 🌐 ဘာသာစကားများစွာကို ထောက်ပံ့ခြင်း + +#### GitHub Action မှတဆင့် ထောက်ပံ့သည် (အလိုအလျောက်နှင့် အမြဲတမ်း အသစ်ထားရှိမှု) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](./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) | [Khmer](../km/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](../es/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) -> **ဒေသခံတွင် Clone လုပ်ချင်ပါသလား?** +> **ဒေသတွင်းတွင် Clone လုပ်ချင်ပါသလား?** > -> ဤ Repository တွင် ဘာသာစကားဘာသာပြန် ၅၀ ကျော်ပါဝင်နေပြီး ဒေါင်းယူမှုအား တိုးမြှင့်သည်။ ဘာသာပြန် မပါဘဲ Clone လုပ်ရန် sparse checkout ကို အသုံးပြုပါ။ +> ဤ repository တွင် ဘာသာစကား ၅၀ ကျော်အတွက် ဘာသာပြန်ထားခြင်းများပါဝင်ပြီး ဒါကြောင့် ဒေါင်းလုပ်အရွယ်အစား ကြီးထွားသည်။ ဘာသာပြန်မှုများမပါဘဲ clone လုပ်ရန် sparse checkout ကို အသုံးပြုနိုင်သည်။ > > **Bash / macOS / Linux:** > ```bash @@ -34,171 +48,171 @@ Follow these steps to get started using these resources: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> သင်သည် သင်တန်းကို မြန်ဆန်စွာပြီးမြောက်စေရန်အတွက် လိုအပ်သည့် အရာအားလုံးကို ရရှိသွားပါလိမ့်မည်။ +> ဒါကြောင့် သင်သင်ယူဖို့လိုအပ်သမျှ အချက်အလက်တွေကို ပိုမိုလျင်မြန်စွာ ဒေါင်းလုပ်လုပ်နိုင်မှာ ဖြစ်သည်။ -**ထပ်မံ ဘာသာပြန် ဘာသာစကားများလိုပါက [ဒီမှာ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) မှာ ဝင်ကြည့်ပါ** +**အကယ်၍ သင်လိုအပ်တာထက်ပိုမိုသော ဘာသာပြန်မှုများလိုအပ်ပါက အောက်ပါနေရာတွင် မှတ်ချက်ထည့်ထားသော ထောက်ပံ့ထားသည့် ဘာသာစကားများကို ကြည့်ရှုနိုင်ပါသည်။ [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _သင်တန်းသားဖြစ်ပါသလား?_ +#### 🧑‍🎓 _သင်တန်းသားလား?_ -[**Student Hub စာမျက်နှာ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) သို့ သွားပြီး စတင်သူအရင်းအမြစ်များ၊ သင်တန်းသား အစားထိုးအထုပ်များနှင့် အခမဲ့ အထောက်အထားပေးလက်မှတ် ရရှိနိုင်သော နည်းလမ်းများကို ရှာဖွေလိုက်ပါ။ ဤစာမျက်နှာသည် လစဉ် အကြောင်းအရာများကို ပြောင်းလဲနေသည့်ကြောင့် သင့်အနေဖြင့် Bookmark ထားပြီး အချိန်အခါအခါ ကြည့်ရှုစစ်ဆေးရန် လိုအပ်သည်။ +ရန် [**Student Hub စာမျက်နှာ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) သို့ သွားရောက်လေ့လာပါ၊ အခြေခံသင်ခန်းစာများ၊ သင်တန်းသားအထုပ်များ နဲ့ အခမဲ့လက်မှတ် သက်တမ်းလက်မှတ် ရနိုင်ခြင်းဖြင့် ပိုမိုကြည့်ရှုနိုင်သည်။ ဒီစာမျက်နှာကို မကြာခဏ bookmark ထားပြီး content ပြောင်းလဲသည့်အခါ마다 စစ်ဆေးပါ။ -### 📣 ကြေညာချက် - GitHub Copilot Agent mode စိန်ခေါ်မှု အသစ်များ ပြီးစီးရန်! +### 📣 ကြေညာချက် - GitHub Copilot Agent အခြေအနေ ဆန့်ကျင်မှုစိန်ခေါ်မှုအသစ်များ -အသစ်ထပ် မည်သည့် စိန်ခေါ်မှု ဖြစ်သည်မှာ "GitHub Copilot Agent Challenge 🚀" ဟု အများဆုံး အခန်းများ၌ တွေ့ရပါသည်။ GitHub Copilot နှင့် Agent mode ကို အသုံးပြု၍ ပြီးစီးရန် သင့်ကြားမွမ်းမံမှုအသစ် ဖြစ်သည်။ Agent mode ကို ယခုအချိန်အထိ မသုံးဖူးလျှင်၊ စာသားကို များပြားစွာ ဖန်တီးပေးနိုင်သည့်အပြင် ဖိုင်များ ကို ဖန်တီးပြီး တည်းဖြတ်ခြင်း၊ ကွန်မန်များ chạyခြင်း နှင့် အခြား ဆောင်ရွက်ချက်များ ပြုလုပ်နိုင်သည်။ +အသစ် ထပ်မံထည့်သွင်းခြင်း၊ "GitHub Copilot Agent Challenge 🚀" ကို များသောအခန်းများတွင် ရှာဖွေပါ။ GitHub Copilot နဲ့ Agent mode ကို အသုံးပြုပြီး သင်ပြီးစီးရန် စိန်ခေါ်မှုအသစ်တစ်ခု ဖြစ်သည်။ Agent mode ကို ပြီးခဲ့သည်မဟုတ်သေးလျှင်၊ စာသား ပုံစံရေးဆွဲခြင်းသာမက ဖိုင်ဖန်တီးခြင်း၊ ပြင်ဆင်ခြင်း၊ command များကို လုပ်ဆောင်ခြင်း စသည့် လုပ်ငန်းများ လည်း ဆောင်ရွက်နိုင်သည်။ -### 📣 ကြေညာချက် - _Generative AI ဖြင့် တည်ဆောက်ရမည့် အသစ်သော စီမံကိန်း_ +### 📣 ကြေညာချက် - Generative AI ကို အသုံးပြု၍ စာမျက်နှာအသစ် တည်ဆောက်ခြင်း -အသစ်ထပ်ပါဝင်သည့် AI အကူအညီ စီမံကိန်းကို စစ်ဆေးပါ [project](./9-chat-project/README.md) +အသစ်သော AI အကူအညီပရောဂျက် သင်္ကေတထည့်သွင်းပြီးပြီ၊ [project](./9-chat-project/README.md) ကို စစ်ဆေးပါ။ -### 📣 ကြေညာချက် - _Generative AI အတွက် JavaScript အခြေပြု အသစ်သော အတန်းအစီအစဉ်_ ထွက်ရှိခဲ့ပြီ +### 📣 ကြေညာချက် - JavaScript အတွက် Generative AI များအတွက် သင်ခန်းစာအစီအစဉ်အသစ် ထွက်ရှိခြင်း -ကျွန်ုပ်တို့၏ Generative AI အတန်းအစီအစဉ် အသစ်ကို မလွဲမသွေ မရှုပ်မိစေရန် မလွဲမသွေ လေ့လာလိုက်ပါ! +ကျွန်ုပ်တို့ရဲ့ Generative AI သင်ခန်းစာအစီအစဉ်အသစ်ကို မလွတ်တမ်းကြည့်ရှုပါ! စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားပါ။ ![Background](../../translated_images/my/background.148a8d43afde5730.webp) -- အခြေခံမှ RAG ထိ လေ့လာမှုများ ပါဝင်သည်။ -- GenAI နှင့် ကျွန်ုပ်တို့၏ အဖော်အစည်း app ကိုအသုံးပြု၍ သမိုင်းက လူမှုဇာတ်ကောင်များနှင့် ဆက်သွယ်နိုင်သည်။ -- စိတ်လှုပ်ရှားဖွယ် အကြောင်းအရာဖြင့် သင်ခရီး တုန့်ပြန်မောင်းနှင်မှု။ +- အခြေခံမှ RAG အထိ အခန်းတွေ ပါဝင်သည်။ +- GenAI နှင့် ကျွန်ုပ်တို့နှင့် အတူလည်ပတ်သော အက်ပ်သည် သမိုင်းဝင်ဇာတ်ကောင်များနှင့် ဆက်သွယ်နိုင်သည်။ +- ပျော်စရာနှင့် စိတ်ဝင်စားဖွယ် အကြောင်းအရာဖြင့် သင်ခန်းစာကို အချိန်ခရီးသွားကြမည်! ![character](../../translated_images/my/character.5c0dd8e067ffd693.webp) -တစ်ခုချင်းစီသင်ခန်းစာတွင် တာဝန်များ ပြီးမြောက်စေရန်လိုအပ်ပြီး နားလည်မှု စစ်ဆေးမှုနှင့် စိန်ခေါ်မှုများ ပါဝင်သည်၊ ဥပမာ - -- Prompting နှင့် prompt engineering -- စာသားနှင့် ပုံ app ဖန်တီးခြင်း -- ရှာဖွေရေး app များ -စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) တွင် ဝင်ပါ။ +အသေးစိတ်အတွက် သင်ခန်းစာတိုင်းတွင် တာဝန်ပေး သင်ခန်းစာ စစ်ဆေးရေး နှင့် စိန်ခေါ်မှု ပါဝင်ပြီး အောက်ပါအကြောင်းအရာများလေ့လာရာတွင် လမ်းညွှန်ပေးသည်။ +- prompt နှင့် prompt အင်ဂျင်နီယာလုပ်ခြင်း +- စာသား၊ ပုံစံအက်ပ်တီထွင်ခြင်း +- ရှာဖွေရေးအက်ပ်များ + +စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားပါ! + + ## 🌱 စတင်ခြင်း -> **ဆရာ/ဆရာမများအတွက်**၊ ဤ အတန်းအစီအစဉ်ကို မည်သို့ အသုံးပြုရမည်ကို [အကြံပြုချက်များ](for-teachers.md) ပါဝင်သည်။ ကျွန်ုပ်တို့၏ ဆွေးနွေးမှုပိုင်းတွင် [တုံ့ပြန်ချက် ပေးပါ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)။ +> **ဆရာ/ဆရာမများ**၊ ဤသင်ခန်းစာအစီအစဉ်ကို မည်သို့ အသုံးပြုရမည်ဆိုသည်ကို [အကြံပြုချက်များ](for-teachers.md) ပါဝင်သည်။ သင်၏တုံ့ပြန်ချက်ကို [ဆွေးနွေးပွဲဖိုရမ်တွင်](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) စိတ်ဝင်စားစွာ လက်ခံရယူပါမည်! -**[သင်တန်းသားများ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**၊ သင်ခန်းစာစီစဉ်ရာတွင် လေ့လာမှုမတိုင်မီ စစ်ဆေးမှုဖြင့် စတင်ပြီး သင်ခန်းစာ စာသားများ ဖတ်ရှု၊ လုပ်ငန်းစဉ် အမျိုးမျိုး ပြီးမြောက်စေရန် လိုက်နာပြီး သင်ခန်းစာပြီးမြောက်ပြီးနောက် စစ်ဆေးမှု ဖြင့် နားလည်မှုကို စစ်ဆေးပါ။ +**[သင်ယူသူများ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**၊ သင်ခန်းစာအားလုံးအတွက် မတိုင်မီ စစ်ဆေးမေးခွန်း ဖြေဆိုပြီး နောက်ပိုင်း သင်ခန်းစာကို ဖတ်ရှု၊ လုပ်ငန်းများ ပြီးစီးပြီး နောက်ပိုင်း စစ်ဆေးမေးခွန်း ဖြေဆိုပါ။ -သင်ယူမှုကို မြှင့်တင်ရန် အတူတူ စီမံကိန်းများအတွက် စေ့စပ်သူများနှင့် ဆက်သွယ်ပါ။ ဆွေးနွေးမှုများမှာ ကျွန်ုပ်တို့၏ [ဆွေးနွေးမှုပိုင်း](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) တွင် ကျင့်သုံးနိုင်ပြီး ကျွန်ုပ်တို့၏ မော်ဒရေတာ အဖွဲ့က မေးခွန်းများကို ဖြေကြားပေးပါမည်။ +သင်၏ သင်ယူမှု အတွေ့အကြုံမြှင့်တင်ရန်၊ မိတ်ဆွေများနှင့် ပရောဂျက်များအတူတကွ ဆော့ဖက်ဖလှယ်ပါ! ဆွေးနွေးပွဲ အသိုင်းအဝိုင်းတွင် ဆွေးနွေးမှုများ လွှမ်းမိုးရန် အားပေးပြီး မေးခွန်းများအတွက် မော်ဒရေတာ အဖွဲ့က မြန်မြန်ဆန်ဆန် ဖြေကြားပေးပါမည်။ -ထပ်ဆင့်ပညာသင်ယူမှုအတွက် [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) တွင် ပိုမိုလေ့လာနိုင်သော ပစ္စည်းများ ရှာဖွေလိုက်ပါ။ +သင်၏ ပညာရေးကို တိုးတက်စေရန်အတွက် အပိုလေ့လာမှုအတွက် [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ကို အကြံပြုပါတယ်။ -### 📋 သင့်ပတ်ဝန်းကျင် ပြင်ဆင်ခြင်း +### 📋 သင့်ပတ်ဝန်းကျင်ကို စတင်ပြင်ဆင်ခြင်း -ဤ အတန်းအစီအစဉ်သည် ဖွံ့ဖြိုးရေးပတ်ဝန်းကျင် ပြင်ဆင်ထားပြီးဖြစ်သည်။ စတင်ရာတွင် [Codespace](https://github.com/features/codespaces/) (ဘရောက်ဇာမပါ အပ်ဒိတ် မလိုအပ်သော စနစ်) အသုံးပြု၍ ဒါမှမဟုတ် သင့် ကွန်ပျူတာတွင် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကဲ့သို့သော စာသားဖြည့် စက်ကိရိယာဖြင့် အလုပ်လုပ်နိုင်သည်။ +ဤသင်ခန်းစာတစ်ခုတွင် ဖွံ့ဖြိုးတိုးတက်မှု ပတ်ဝန်းကျင်တစ်ခု ပြင်ဆင်ပြီးစီးပြီဖြစ်သည်! စတင်မည့်အခါ Codespace တစ်ခုတွင် (browser အခြေပြု၊ အပ်ဒိတ်မလိုအပ်သော ပတ်ဝန်းကျင်) သို့မဟုတ် သင့် ကွန်ပျူတာတွင် Visual Studio Code ကဲ့သို့သော စာသားရိုက်တည်းဖြတ်ရန် အပ်ပလီကေးရှင်းအသုံးပြု၍ နေရာဒေသတွင် အသုံးပြုနိုင်ပါသည်။ -#### သင့်ကိုယ်ပိုင် Repository ဖန်တီးခြင်း -အလုပ်များကို အဆင်ပြေထိန်းသိမ်းနိုင်ရန် ဤ Repository ၏ ကိုယ်ပိုင် မိတ္တူကို ဖန်တီးရန် အကြံပြုသည်။ စာမျက်နှာအပေါ်တွင် ရှိသော **Use this template** ခလုတ်ကို နှိပ်ခြင်းဖြင့် သင့် GitHub အကောင့်တွင် အသစ်တစ်ခုဖန်တီးပေးပါမည်။ +#### သင့် repository ကိုဖန်တီးပါ +သင့် ဇာတ်သိမ်းစနစ်ကို သင့်တင်ပြရန်လွယ်ကူရန် repository အကြောင်းအလက်တစ်ခု ကိုယ်တိုင် ဖန်တီးရန် အကြံပြုသည်။ မူရင်းစာမျက်နှာ အပေါ်တွင် **Use this template** ခလုတ်ကို နှိပ်ပြီး လုပ်ဆောင်နိုင်သည်။ ဒါမှ သင့် GitHub အကောင့်တွင် သင်ခန်းစာတန်း၏ မိတ္တူပါသော repository အသစ်တစ်ခု ဖန်တီးမည်။ -အောက်ပါအဆင့်များ ဦးတည်လိုက်ပါ- -1. **Repository ကို Fork လုပ်ပါ** - ဤစာမျက်နှာ၏ ထောင့်ညာဘက်အပေါ်မှာရှိသည့် "Fork" ခလုတ်ကို နှိပ်ပါ။ -2. **Repository ကို Clone လုပ်ပါ** - `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +အဆင့်များအတိုင်း လုပ်ဆောင်ပါ: +1. **Repository ကို Fork လုပ်ပါ**: စာမျက်နှာ အပေါ်ညာထောင့်ရှိ “Fork” ခလုတ်ကို ကလစ်ပါ။ +2. **Repository ကို Clone လုပ်ပါ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace တွင် အတန်းစီအစဉ် လည်ပတ်ခြင်း +#### Codespace တွင် သင်ခန်းစာတန်းကို ရှေ့ဆောင်အသုံးပြုခြင်း -သင့်ဖန်တီးထားသော Repository မိတ္တူတွင် **Code** ခလုတ်ကိုနှိပ်ပြီး **Open with Codespaces** ကို ရွေးချယ်ပါ။ သင့်အတွက် Codespace အသစ်တစ်ခု ဖန်တီးပေးပါမည်။ +သင်ဖန်တီးထားသော repository မိတ္တူတွင် **Code** ခလုတ်ကို နှိပ်ပြီး **Open with Codespaces** ကို ရွေးချယ်ပါ။ ဒါမှ Codespace အသစ်တစ်ခုဖန်တီးပြီး သင့်အနေဖြင့် လုပ်ဆောင်နိုင်ပါမည်။ ![Codespace](../../translated_images/my/createcodespace.0238bbf4d7a8d955.webp) -#### သင့် ကွန်ပျူတာတွင် ဒေသခံအနေနဲ့ အတန်းများ လည်ပတ်ခြင်း +#### သင့်ကွန်ပျူတာတွင် သင်ခန်းစာတန်းကို ကိုယ်ပိုင်အသုံးပြုခြင်း -ဤအတန်းအစီအစဉ်ကို ဒေသခံအနေဖြင့် လည်ပတ်ရန် လိုအပ်ချက်မှာ စာသားရေး တည်းဖြတ်စက်, browser နှင့် command line ကိရိယာဖြစ်သည်။ ကျွန်ုပ်တို့၏ ပထမဆုံး သင်ခန်းစာ [Programming Languages သင်ခန်းစာ မိတ်ဆက်](../../1-getting-started-lessons/1-intro-to-programming-languages) တွင် ယင်းအရာများ၏ အမျိုးမျိုးရွေးချယ်မှုနှင့် သင့်တပ်ဆင်ချက်အတွက် လမ်းညွှန်ချက်များ ပါဝင်ပါသည်။ +သင့် ကွန်ပျူတာတွင် ဤသင်ခန်းစာတန်းကို အသုံးပြုရန် စာသားရိုက်တည်းဖြတ်သူ၊ ဘရောက်ဇာ နှင့် command line ကိရိယာ တိုက်ရိုက် လိုအပ်ပါသည်။ ပထမဆုံး သင်ခန်းစာဖြစ်သော [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) တွင် သင့်အတွက် သင့်လျော်သော ကိရိယာများကို ရွေးချယ်ရန် လမ်းညွှန်ပေးပါမည်။ -ကျွန်ုပ်တို႔ အကြံပြုနေသည်မှာ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) တည်းဖြတ်စက်ကို အသုံးပြုရန်ဖြစ်ပြီး ထိုတွင် အတွင်းတွင် ပါဝင်သော [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ပါရှိသည်။ Visual Studio Code ကို [ဤနေရာတွင်](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ဒေါင်းလုပ်ဆွဲနိုင်ပါသည်။ -1. သင့်ရဲ့ repository ကို သင့်ကွန်ပျူတာပေါ်သို့ အကူးအပြောင်းလုပ်ပါ။ ဒီလို့လုပ်ဖို့ **Code** ခလုတ်ကိုနှိပ်ပြီး URL ကို ကူးယူနိုင်ပါတယ်- +ကျွန်ုပ်တို့၏ အကြံပြုချက်မှာ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကို သင်တည်းဖြတ်သူအဖြစ် အသုံးပြုရန်ဖြစ်ပြီး၊ ထို့အပြင် [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ကို builtin အဖြစ် ပါဝင်သည်။ Visual Studio Code ကို [ဒီမှာ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ထံမှ ဒေါင်းလုပ်လုပ်နိုင်ပါတယ်။ +1. သင့်ရဲ့ repository ကို သင့်ကွန်ပျူတာသို့ clone လုပ်ပါ။ [Code] ခလုတ်ကိုနှိပ်ပြီး URL ကိုကူးယူခြင်းဖြင့် လုပ်ဆောင်နိုင်ပါတယ်။ [CodeSpace](./images/createcodespace.png) - အဲဒီနောက်, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) အတွင်း [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ကို ဖွင့်ပြီး၊ အောက်ပါ command ကို ရိုက်ထည့်ပါ၊ `` ကို သင့်ကူးယူထားသော URL နဲ့ ချိန်ညှိသွားပါ- + ထို့နောက် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) အတွင်းရှိ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ကိုဖွင့်ပြီး `` ကို မိမိကူးယူထားသော URL နဲ့ ပြောင်း၍ အောက်ပါ command ကို run လိုက်ပါ။ ```bash git clone ``` -2. ပြီးလျှင် အဲဒီ folder ကို Visual Studio Code မှာ ဖွင့်ပါ။ **File** > **Open Folder** ကိုနှိပ်ပြီး မကြာသေးမီက clone လုပ်ထားသော folder ကို ရွေးချယ်နိုင်ပါတယ်- - +2. Visual Studio Code တွင် ဖိုလ်ဒါကိုဖွင့်ပါ။ [File] > [Open Folder] ကိုနှိပ်ပြီး သင့် clone လုပ်ထားသောဖိုလ်ဒါကို ရွေးချယ်နိုင်ပါတယ်။ -> ညွှန်ကြားချက် ပေးသည့် Visual Studio Code extensions: +> ဖြေရှင်းရန် အကြံပြု Visual Studio Code extension များ - > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code အတွင်း HTML စာမျက်နာများကို ကြည့်ရှုရန် -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ကုဒ်ကို ပိုမိုမြန်ဆန်စွာ ရေးသားရန်ကူညီပေးသည် +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code အတွင်း HTML စာမျက်နှာများကို ကြည့်ရှုရန် +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ကုဒ်ရေးသားရာတွင် အကူအညီဖြစ်စေရန် -## 📂 လေ့လာခန်းတိုင်းတွင် ပါဝင်သည်မှာ- +## 📂 သင်ခန်းစာတစ်ခုချင်းစီတွင် ပါဝင်သောအရာများ -- ရွေးချယ်နိုင်သည့် စကက်ချ်မှတ်စု -- ရွေးချယ်နိုင်သည့် အပိုဗွီဒီယို -- မတိုင်မီ အပတ်အတွင်း စစ်တမ်း -- လေ့လာခန်းစာ များ -- စီမံကိန်းအခြေပြုလေ့လာခန်းများအတွက် စီမံကိန်းတည်ဆောက်ရန် ဆက်လက် လမ်းညွှန်ချက်များ +- ရွေးချယ်နိုင်သည့် sketchnote +- ရွေးချယ်နိုင်သည့် သက်ဆိုင်ရာ ဗီဒီယို +- သင်ခန်းစာမတိုင်မီ အပန်းဖြေကွစ်စ် +- စာဖြင့်ရေးသားထားသော သင်ခန်းစာ +- ပရောဂျက်အခြေပြုသင်ခန်းစာများအတွက် ပရောဂျက်ကို တည်ဆောက်နည်း ခြေလှမ်းတိုင်း - အသိပညာစစ်ဆေးခြင်းများ -- စိန်ခေါ်မှုတစ်ရပ် -- အပို ဖတ်ရှုရန် -- အလုပ်အပ်ရန် -- [မတိုင်မီ စစ်တမ်း](https://ff-quizzes.netlify.app/web/) - -> **စစ်တမ်းများအကြောင်း သတင်းအချက်အလက်**: စစ်တမ်းများအားလုံးကို Quiz-app folder တွင် ရှိပြီး၊ စစ်တမ်း ၄၈ များ ဖြစ်ပြီး တစ်ခုလျှင် ၃ မေးခွန်း ပါဝင်သည်။ [ဤနေရာမှ](https://ff-quizzes.netlify.app/web/) တွင် ရနိုင်ပြီး၊ quiz app ကို locally တွင် သို့မဟုတ် Azure တွင် deploy ပြုလုပ်နိုင်သည်; `quiz-app` folder အတွင်း ညွှန်ကြားချက်အတိုင်း လိုက်နာပါ။ - -## 🗃️ လေ့လာခန်းများ - -| | စီမံကိန်းအမည် | သင်ကြားမည့် အကြောင်းအရာများ | သင်ယူရမည့်ရည်မှန်းချက်များ | ချိတ်ဆက်ထားသော လေ့လာခန်း | စာရေးသူ | -| :-: | :----------------------------------------------------------: | :----------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | စတင် လေ့လာခြင်း | ပရိုဂရမ်မင်းနှင့် ကိရိယာများအကြောင်း ရှင်းလင်းချက် | ပရိုဂရမ်မင်းဘာသာစကားများ၏ အခြေခံ အကြောင်းအရာများနှင့် ကိုယ့်အလုပ်ကို အကောင်းဆုံးဆောင်ရွက်ရန် အသုံးပြုသည့် ဆော့ဖ်ဝဲများအကြောင်း လေ့လာခြင်း | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | စတင် လေ့လာခြင်း | GitHub ၏ အခြေခံများ၊ အဖွဲ့လိုက် လုပ်ဆောင်ခြင်းပါဝင်သည် | ကိုယ့်စီမံကိန်းအတွက် GitHub ကို ဘယ်လိုအသုံးပြုမလဲ၊ ကုဒ်ဘေ့စ်ပေါ်တွင်အခြားသူများနှင့် ပူးပေါင်းရန်နည်းလမ်းများ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | စတင် လေ့လာခြင်း | လျှောက်လွှာ လမ်းညွှန်မှု | ဝက်ဘ်လျှောက်လွှာများတွင် အဝင်လမ်းလျှောက်လမ်းများအခြေခံများကိုသင်ကြားခြင်း | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS အခြေခံ | JavaScript ဒေတာအမျိုးအစားများ | JavaScript data types များ၏ အခြေခံများ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS အခြေခံ | Functions နှင့် Methods | application ၏ logic flow ကို စီမံရန် functions နှင့် methods များအကြောင်း လေ့လာခြင်း | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS အခြေခံ | JS နဲ့ ဆုံးဖြတ်ချက်ချခြင်း | သင့်ကုဒ်အတွင်းတွင် ဆုံးဖြတ်ချက်များ ဖန်တီးမှုကို decision-making methods အသုံးပြုပုံသင်ယူခြင်း | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS အခြေခံ | Arrays နှင့် Loops | JavaScript တွင် data များအား arrays နှင့် loops ဖြင့် ကိုင်တွယ်ခြင်း | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML လက်တွေ့လုပ်ငန်း | online terrarium တည်ဆောက်ခြင်းအတွက် HTML ကို တည်ဆောက်ခြင်း၊ layout အတွက်အာရုံစိုက်ခြင်း | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS လက်တွေ့လုပ်ငန်း | online terrarium ၏ CSS ကို တည်ဆောက်ခြင်း၊ page ၏ responsiveness အတွက် CSS အခြေခံများအာရုံစိုက်ခြင်း | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures နှင့် DOM ကိုင်တွယ်ခြင်း | terrarium ကို drag/drop အင်တာဖေ့စ်အဖြစ် လုပ်ဆောင်ဖို့ JavaScript ကို တည်ဆောက်ခြင်း၊ closures နှင့် 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) | ကီးဘုတ်အားအသုံးပြုပြီး အကြောင်းအရာ တည်ဆောက်ခြင်း | JavaScript app ၏ logic ကို ကီးဘုတ်နှိပ်မှု event များဖြင့် ထိန်းချုပ်သုံးစွဲနည်း | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Browser များဖြင့် လုပ်ဆောင်ခြင်း | ဘရောက်ဇာများလုပ်ဆောင်ပုံ၊ သမိုင်းကြောင်းနှင့် browser extension ထုတ်လုပ်မှုအခြေခံ အစီအစဉ်အလုပ်များ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ဖောင်တစ်ခု ဖန်တီးခြင်း၊ API ခေါ်ယူခြင်းနှင့် ဒေတာကို local storage တွင် သိမ်းဆည်းခြင်း | သင့် browser extension ၏ JavaScript element များကို အသုံးပြုပြီး API ခေါ်ယူခြင်း၊ local storage တွင် သိမ်းဆည်းထားသော variable များကိုအသုံးပြုခြင်း | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ဘရောက်ဇာအတွင်းနောက်ခံလုပ်ဆောင်မှုများ၊ ဝက်ဘ်ကွန်ပျူတာကောင်းမွန်မှု | extension icon ကို ထိန်းချုပ်ရန် browser ၏ နောက်ခံလုပ်ဆောင်မှုများ အသုံးပြုခြင်း၊ ဝက်ဘ်ကွန်ပျူတာကောင်းမွန်မှုနှင့် စွမ်းဆောင်ရည်မြှင့်တင်ခြင်းနည်းလမ်းများ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript ဖြင့် ဂိမ်း တိုးတက်စွာဖန်တီးခြင်း | Classes နှင့် Composition ကို သုံး၍ Inheritance နှင့် Pub/Sub pattern အကြောင်း သင်ယူခြင်း၊ ဂိမ်း တည်ဆောက်မှုအတွက် အသင့်ပြင်ဆင်ခြင်း | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas ပေါ်တွင် ပန်းချီဆွဲခြင်း | screen ပေါ်တွင် အရာဝတ္ထုများ ဆွဲဆောင်ရန် အသုံးပြုသော Canvas API အကြောင်း သင်ယူခြင်း | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | အရာဝတ္ထုများကို မျက်နှာပြင်ပေါ် ပတ်လည်တည်နေရာပြောင်းခြင်း | cartesian coordinates နဲ့ Canvas API အသုံးပြုပြီး အရာဝတ္ထုများ ရွေ့လျားမှုကို လေ့လာခြင်း | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | အရာဝတ္ထုပေါ်တိုက်ဆက်မှုဖြစ်စဉ် | ကီးနှိပ်မှုများအသုံးပြုပြီးအရာဝတ္ထုများ တိုက်ဆက်အောင်လုပ်ခြင်း၊ ဂိမ်းစွမ်းဆောင်ရည်အတွက် cooldown function ပေးခြင်း | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | အမှတ်ရင်းနှင့် ထိန်းသိမ်းခြင်း | ဂိမ်း၏ အခြေအနေ နှင့် စွမ်းဆောင်ရည်အခြေခံ၍ သင်္ချာတွက်ချက်မှုများ ဆောင်ရွက်ခြင်း | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | ဂိမ်းအဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | ဂိမ်း အဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်းအကြောင်း၊ asset များသန့်ရှင်းခြင်းနှင့် variable value များ reset လုပ်ခြင်း | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | ဝက်ဘ်လျှောက်လွှာတွင် HTML Template နှင့် Route များ | routing နှင့် HTML templates အသုံးပြုပြီး များစွာသော စာမျက်နှာပါဝင်သော ဝက်ဘ်ဆိုဒ် စက်လည်ပတ်မှု ဖန်တီးခြင်း | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Login နှင့် Registration ဖောင် တည်ဆောက်ခြင်း | form များဖန်တီးခြင်းနှင့် validation routine များ ကိုင်တွယ်နည်း | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | ဒေတာ ရယူခြင်းနှင့် အသုံးပြုနည်း | သင့်အက်ပ်ထဲသို့ ဒေတာ ဝင်နှင့် ထွက်တစ်လျှောက် လည်ပတ်ပုံ၊ ဒေတာ ရယူခြင်း၊ သိမ်းဆည်းခြင်း၊ ဖျက်ပစ်ခြင်း | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | State Management အကြောင်း | သင့်အက်ပ်အတွက် state ကို ဘယ်လိုစနစ်တကျ သိမ်းဆည်းပြီး အမျိုးမျိုးဖြင့် စီမံခန့်ခွဲရမည် ဆိုတာသင်ယူခြင်း | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode နဲ့ လုပ်ဆောင်ခြင်း | ကုဒ် တည်းဖြတ်စက်အသုံးပြုနည်း သင်ယူပါ| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | AI နည်းပညာ အသုံးပြုခြင်း | ကိုယ့်ကိုယ်ပိုင် AI အကူအညီသူ တည်ဆောက်နည်း သင်ယူပါ | [AI Assistant project](./9-chat-project/README.md) | Chris | - -## 🏫 သင်ကြားနည်း ပြောကြားချက် - -ကျွန်ုပ်တို့၏ သင်တန်းအစီအစဉ်သည် အောက်ပါ ပညာသင်ကြားမှု အခြေခံသဘောတရား နှစ်ခုဖြင့် ဖန်တီးထားသည်- -* စီမံကိန်းအခြေပြုပြုသင်ယူမှု -* မကြာခဏရှိသော စစ်တမ်းများ - -ပရိုဂရမ်သည် JavaScript, HTML, CSS အခြေခံများနှင့် လက်ရှိ ဝက်ဘ် developer များ အသုံးပြုသည့် နောက်ဆုံးပေါ် ကိရိယာများနှင့် နည်းစနစ်များကို သင်ကြားပေးသည်။ ကျောင်းသားများသည် typing game, virtual terrarium, eco-friendly browser extension, space-invader ပုံစံဂိမ်း နှင့် စီးပွားရေးလုပ်ငန်းများအတွက် ဘဏ်လုပ်ငန်း အက်ပ် တည်ဆောက်ခြင်းတို့ဖြင့် လက်တွေ့ကျွမ်းကျင်မှု ရရှိနိုင်မည်ဖြစ်သည်။ အစီအစဉ်၏ အဆုံးသတ်အချိန်တွင် ဝက်ဘ်ဖွံ့ဖြိုးမှုကို ပြင်းထန်စွာ နားလည်မှု ရရှိစေမည် ဖြစ်သည်။ - -> 🎓 သင်တန်းအစိတ်အပိုင်း ကျော်တက်၍ Microsoft Learn တွင်ရှိသည့် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် သင်ယူနိုင်သည်! - -အကြောင်းအရာများကို project များနှင့် ကိုက်ညီစေရန် ကြိုးစားခြင်းကြောင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားမှုရှိကာ သင်ယူမှုအတွင်း ပါဝင်မှုတိုးတက်စေသည်။ JavaScript အခြေခံများသင်ကြားရန် စတင်လေ့လာခန်းများ၊ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယို သင်ခန်းစာ စီးရီးများဖြင့် တွဲဖက်ရေးသားထားသည်။ အချို့သောစာရေးသူများက ဒီအစီအစဉ်တွင် ပါဝင်ခဲ့သည်။ - -ဒီအစီအစဉ်တွင် နည်းပညာတစ်ခုကို သင်ယူနိုင်ရန် စစ်တမ်းအနည်းငယ် မတိုင်မီနှင့် စစ်တမ်း တစ်ခုအပြီး သုံးကွင်းစစ်တမ်းတို့ဟာ သင်ယူမည့် အကြောင်းအရာများ၌ အားပြုထားခြင်းဖြစ်သည်။ ဒီအစီအစဉ်ကို လေးနက်စွာ လေ့လာရန် တစ်ခုလုံး သို့မဟုတ် အစိတ်အပိုင်း တစ်စိတ်တစ်ဒေသယူပြီး ရင်းနှီးနိုင်သည်။ ၁၂ ပတ်အတွင်း သင်ယူရာတွင် စီမံကိန်းများသည် ဆက်တိုက် ရှင်းလင်းကောင်းကောင်းဖြစ်လာမည်။ - -JavaScript framework များကို မသွင်းယူဘဲ web developer အနေဖြင့် အခြေခံကျကျ လေ့ကျင့်ဖို့ ဗဟုသုတ ရစေမည့်အတွက် framework မသုံးမီ အခြေခံကျကျ လေ့လာပုံ အစီအစဉ် ဖြစ်သည်။ ဒီအစီအစဉ်ပြီးဆုံးပြီးရင် Node.js သင်ခန်းစာများ သင်ယူရန် ကောင်းမည့် နောက်တခုအနေဖြင့် "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယိုအစီအစဉ်များကို တက်ရောက်နိုင်သည်။ - -> ကျွန်ုပ်တို့၏ [Code of Conduct](CODE_OF_CONDUCT.md) နှင့် [Contributing](CONTRIBUTING.md) လမ်းညွှန်ချက်များကို ကြည့်ရှုနိုင်ပါသည်။ သင့်တန်ဖိုးရှိ အကြံဉာဏ်များကို ကြိုဆိုပါသည်! - - -## 🧭 အော့ဖ်လိုင်း ခွင့်ပြုချက် - -[Docsify](https://docsify.js.org/#/) ကို အသုံးပြု၍ ဒီစာတမ်းကို အော့ဖ်လိုင်းတွင် လည်ပတ်နိုင်သည်။ ဒီ repo ကို fork လုပ်ပြီး၊ သင့်ကိုယ်ပိုင်စက်သို့ [Docsify](https://docsify.js.org/#/quickstart) ကို install ပြုလုပ်ပါ၊ ထို့နောက် ဒီ repo root folder တွင် `docsify serve` ဟု ရိုက်ထည့်ပါ။ ဝက်ဘ်ဆိုက်သည် နေရာတိုင်းသုံး localhost ၏ 3000 port တွင် ရရှိနိုင်ပါမည် - `localhost:3000`။ +- စိန်ခေါ်မှုတစ်ခု +- ပံ့ပိုးစာဖတ်ရန် +- တာဝန်ပေးအပ်ချက် +- [သင်ခန်းစာပြီးနောက် quix](https://ff-quizzes.netlify.app/web/) + +> **ကွစ်စ်များအကြောင်းမှတ်သားချက်**: ဖိလ် Quiz-app ဖိုလ်ဒါတွင် ကွစ်စ် ၄၈ ခုရှိပြီး တစ်ခုစီတွင် မေးခွန်းသုံးခုပါဝင်သည်။ ၎င်းကို [ဤနေရာ](https://ff-quizzes.netlify.app/web/) တွင် ရယူ၍ ကွစ်စ်အက်ပ်ကို ဒေသဆိုင်ရာ run ပြုလုပ်ခြင်း သို့မဟုတ် Azure တွင် deploy လုပ်နိုင်ပါသည်။ `quiz-app` ဖိုလ်ဒါအတွင်း လမ်းညွှန်ချက်များကိုလိုက်နာပါ။ + +## 🗃️ သင်ခန်းစာများ + +| | ပရောဂျက်အမည် | သင်ကြားမည့်အထွေထွေ အကြောင်းအရာများ | သင်ယူရန် ရည်ရွယ်ချက်များ | ပတ်သက်သည့်သင်ခန်းစာ | အဆိုပြုသူ | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | ဖြစ်စဉ် စတင်ခြင်း | Programming နှင့် ကိရိယာများအကြောင်း နိဒါန်း | အများစုသော programming languages များ၏ အခြေခံပုံစံများနှင့် professional developer များ၏ အလုပ်ကို ကူညီပေးသော ဆော့ဖ်ဝဲများအကြောင်း သင်ယူရမည့်အထောက်အကူ | [Programming Language နှင့် ကိရိယာများနိဒါန်း](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | ဖြစ်စဉ် စတင်ခြင်း | GitHub အခြေခံများ၊ အဖွဲ့လိုက်အလုပ်လုပ်ခြင်းပါဝင်သည် | သင့်ပရောဂျက်တွင် GitHub ကို အသုံးပြုနည်း၊ ကုဒ်ဘေ့စ်တွင် အဖွဲ့လိုက် ပူးပေါင်းဆောင်ရွက်နည်း | [GitHub အခြေခံ](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | ဖြစ်စဉ် စတင်ခြင်း | ဝက်ဘ်အနားလက်မှတ်ထိန်းခြင်း | ဝက်ဘ်အနားလက်မှတ် စံချိန်များ အခြေခံသိရှိရန် | [ဝက်ဘ်အနားလက်မှတ် အခြေခံ](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS အခြေခံ | JavaScript အချက်အလက်အမျိုးအစား | JavaScript အချက်အလက် အမျိုးအစား အခြေခံ | [အချက်အလက်အမျိုးအစား](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS အခြေခံ | ฟင်ရှင်နှင့် မက်သက်များ | application logic flow ကို စီမံခန့်ခွဲရန် function များနှင့် method များအကြောင်းသိရှိရန် | [ฟင်ရှင်နှင့် မက်သက်များ](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS အခြေခံ | JS နဲ့ ဆုံးဖြတ်ချက် တွက်ချက်ခြင်း | decision-making method များကို အသုံးပြု၍ အခြေအနေများ ဖန်တီးနည်း သင်ယူရန် | [ဆုံးဖြတ်ချက် တွက်ချက်ခြင်း](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS အခြေခံ | အကြောင်းအရာများနှင့် Loop များ | JavaScript တွင် array များနှင့် loops များ အသုံးပြု၍ data များကို ကိုင်တွယ်ရန် | [အကြောင်းအရာများနှင့် Loop များ](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML လက်တွေ့အသုံး | online terrarium တည်ဆောက်ရန် HTML တည်ဆောက်ခြင်း၊ layout ဖန်တီးခြင်း အပေါ် အာရုံစိုက်ခြင်း | [HTML နိဒါန်း](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS လက်တွေ့အသုံး | online terrarium အတွက် CSS style လုပ်ခြင်း၊ အခြေခံ CSS နှင့် responsive စာမျက်နှာ ဖန်တီးခြင်း | [CSS နိဒါန်း](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | drag/drop interface အဖြစ် terrarium တွင် JavaScript ကို အသုံးပြု၍ closure နှင့် DOM ပြုပြင်ခြင်းအပေါ် အာရုံစိုက်၍ ဖန်တီးခြင်း | [JavaScript Closures, DOM manipulations](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | typing game တည်ဆောက်ခြင်း | keyboard event များကို အသုံးပြုပြီး JavaScript app ၏ logic မောင်းနှင်နည်း သင်ယူရန် | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | browser များနှင့်အလုပ်လုပ်ခြင်း | browser များ၏ အလုပ်လုပ်ပုံ၊ သမိုင်း၊ ပထမဆုံး browser extension အပိုင်းများ scaffold လုပ်နည်း သင်ယူရန် | [Browser များအကြောင်း](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | form တည်ဆောက်ခြင်း၊ API ခေါ်ယူခြင်းနှင့် local storage တွင် variables သိမ်းဆည်းခြင်း | browser extension ၏ JavaScript element များကို API ခေါ်ရန်နှင့် local storage တွင် သိမ်းဆည်းထားသော variables အသုံးပြု၍ ဖန်တီးခြင်း | [API များ၊ Form များ၊ Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | browser ၏ background processes နှင့် web performance | browser ရဲ့ background process များ အသုံးပြုပြီး extension ၏ icon ကို စီမံခန့်ခွဲရန်၊ web performance နှင့် optimization များ အကြောင်း သင်ယူရန် | [Background Tasks နှင့် Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript အသုံးပြု၍ ပိုမိုတိုးတက်သော ဂိမ်းဖန်တီးခြင်း | Class များနှင့် Composition တို့ကဲ့သို့ Inheritance နဲ့ Pub/Sub pattern များအကြောင်း သင်ယူပြီး ဂိမ်းတစ်ခု တည်ဆောက်ရန် အဆင်သင့်ဖြစ်ကြောင်း | [တိုးတက်ပြင်ဆင်ထားသော ဂိမ်း ဖန်တီးခြင်းနိဒါန်း](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas သို့ ဆွဲဆောင်ခြင်း | မျက်နှာပြင်အပေါ် عناصرများ ဆွဲရန် အသုံးပြုသော Canvas API အကြောင်း သင်ယူရန် | [Canvas သို့ ဆွဲဆောင်ခြင်း](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | 화면ပေါ်အရာများ ရွေ့လျားအောင်လုပ်ခြင်း | cartesian coordinates နှင့် Canvas API ကို အသုံးပြု၍ element များ ပြောင်းလဲချိန်လိုက်နည်း ရှာဖွေရန် | [element များ ကို ရွေ့လျားခြင်း](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | 충돌 감지 | keypress များ အသုံးပြုပြီး တိုက်မှုများ ဖြစ်ပေါ်စေခြင်းနှင့် game performance အား ထိန်းသိမ်းရန် cooldown function ထည့်သွင်းခြင်း | [충돌 감지](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | 점수 관리 | ဂိမ်းအခြေအနေ နှင့် performance အပေါ် မှ သင်္ချာတွက်ချက်မှုများ ပြုလုပ်ခြင်း | [점수 관리](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | ဂိမ်းဆုံးဖြတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | ဂိမ်း ပြီးဆုံးခြင်းနှင့် ပြန်စတင်ရေးခြင်း၊ assets ကို သန့်ရှင်းပြီး variable များအား reset ပြုလုပ်ခြင်း အကြောင်း သင်ယူရန် | [끝맺는 조건](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | ဝက်ဘ် app တွင် HTML templates နှင့် route များ | multipage website architecture scaffold ဖန်တီးသည့် routing နှင့် HTML templates တည်ဆောက်နည်း သင်ယူရန် | [HTML Templates နှင့် Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Login နှင့် Registration form တည်ဆောက်ခြင်း | form များဖန်တီးခြင်းနှင့် validation စစ်ဆေးခြင်း အကြောင်း | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | ဒေတာ ရယူခြင်းနှင့် သုံးစွဲနည်း | app အတွင်း ဒေတာ စီးဆင်းမှု၊ ရယူနည်း၊ သိမ်းဆည်းနည်းနှင့် ဖယ်ရှားနည်း | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | State Management အကြောင်း | app ၏ state ကို ထိန်းသိမ်းနည်းနှင့် စီမံခန့်ခွဲနည်း | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode အသုံးပြုခြင်း | Code editor အသုံးပြုပုံ သင်ယူရန်| [VScode Code Editor အသုံးပြုခြင်း](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | AI နှင့် ပတ်သက်ပြီးအလုပ်လုပ်ခြင်း | ကိုယ်ပိုင် AI assistant တစ်ခု တည်ဆောက်နည်း သင်ယူရန် | [AI Assistant project](./9-chat-project/README.md) | Chris | + +## 🏫 သင်ကြားမှုနည်းလမ်း + +ကျွန်ုပ်တို့၏ သင်ရိုးညွှန်းတမ်းသည် အဓိက ပညာသင်ကြားမှုမူဝါဒ အကြောင်းအရာနှစ်ခုဖြင့် ဖန်တီးထားသည် - +* ပရောဂျက်အခြေပြုသင်ယူမှု +* ကြိမ်မှတ်မဲ့ ကွစ်စ်များဖြင့် ဖြေရှင်းမှု + +အစီအစဉ်က JavaScript, HTML နှင့် CSS ၏ အခြေခံအကြောင်းအရာများကိုသင်ကြားပေးပြီး၊ ယနေ့ခေတ် web developer များအသုံးပြုကြတဲ့ နည်းပညာများနှင့် ကိရိယာအသစ်များအကြောင်းလည်းပါဝင်သည်။ ကျောင်းသား/သူများသည် typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, နှင့် banking app စသည့် ပရောဂျက်များ ဖန်တီးခြင်းအတွေ့အကြုံကို လက်တွေ့ရှေ့ပြေးနည်းဖြင့် သင်ယူနိုင်မည်ဖြစ်သည့်အပြင်၊ အတန်းအဆုံးတွင် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှုကို ကျွမ်းကျင်စွာ နားလည်နိုင်သည်။ + +> 🎓 ကျွန်ုပ်တို့၏ သင်ရိုး၌ ပါဝင်သော သင်ခန်းစာများကို Microsoft Learn တွင် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် ပထမသင်ခန်းစာများစတင်စဉ်းစားနိုင်ပါတယ်။ + +အကြောင်းအရာများပရောဂျက်များနှင့် ကိုက်ညီစေရန် ဒီလုပ်ငန်းစဉ်က ကျောင်းသား/သူများအတွက်ပိုမိုစိတ်ဝင်စားဖွယ်ဖြစ်သည့်အတွက် သင်ယူမှုကို ထိရောက်စေသည်။ JavaScript အခြေခံသင်ခန်းစာအချို့ကို "Beginners Series to: JavaScript" ဗီဒီယို tutorials တွင် ပါဝင်သော ဗီဒီယိုတစ်ခုနှင့်တွဲဖက်၍ရေးသားပေးထားသည်။ ထို့အပြင် သင်တန်းမတိုင်မီ လျှော့တောင်း ပျော့ပါးသည့် quiz တစ်ခု သင်ယူသူ၏ စိတ်အာရုံကို တာဝန်ယူစေနိုင်ပြီး၊ အတန်းပြီးပြီးနောက် quiz ဒုတိယတစ်ခုက ပိုမိုထိရောက်စေသည်။ ဒီသင်ရိုးသစ်အားလုံးကို အားလုံးသို့မဟုတ် အပိုင်းအစအနည်းငယ် သင်ယူနိုင်ပြီး ပရောဂျက်များသည် ခဏခဏပေါ်လာပြီး အဆုံးမကျရောက်သည်အထိ ပိုမိုရှုပ်ထွေးလာသည်။ + +JavaScript frameworks များကို စတင်မသုံးသင့်ပါက၊ web developer အလေ့အထ စွမ်းရည်ပညာများကို အထူးအားထားဖို့ ဖြစ်သည်။ ဒီသင်ရိုးကိုပြီးမြောက်ရန်ကိုင်တွယ်မှုတစ်ခုအနေနဲ့ Node.js အကြောင်း "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယိုသင်တန်းများအဖြစ် လေ့လာသင့်ပါသည်။ + +> ကျွန်ုပ်တို့၏ [Code of Conduct](CODE_OF_CONDUCT.md) နှင့် [Contributing](CONTRIBUTING.md) လမ်းညွှန်ချက်များကို လာရောက်ကြည့်ရှုနိုင်ပါသည်။ သင်၏ တည်ဆောက်မှုကောင်းမွန်သော မှတ်ချက်များကို ကြိုဆိုပါသည်။ + +## 🧭 အွန်လိုင်းမလိုအပ်ပဲ အသုံးပြုနိုင်ခြင်း + +[Docsify](https://docsify.js.org/#/) ကိုအသုံးပြု၍ ဒီစာရွက်စာတမ်းကို အော့ဖ်လိုင်းထားပြီး အသုံးပြုနိုင်ပါသည်။ ဤ repository ကို Fork လုပ်ပြီး၊ [Docsify ကို install](https://docsify.js.org/#/quickstart) ပြုလုပ်ကာ ဒီ repository ၏ root ဖိုလ်ဒါတွင် `docsify serve` ဟု ရိုက်ထည့်ပါ။ ဝဘ်ဆိုက်သည် သင့် localhost ၏ port 3000 တွင် `localhost:3000` အဖြစ် ဝင်ရောက်ကြည့်ရှုနိုင်မည်ဖြစ်သည်။ ## 📘 PDF -သင်ခန်းစာအားလုံးသို့မဟုတ် PDF ကို ဒီမှာတွေ့နိုင်ပါတယ် [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)။ +သင်ခန်းစာများအားလုံးပါဝင်သော PDF ကို [ဒီမှာ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) တွေ့နိုင်ပါသည်။ + ## 🎒 အခြားသင်တန်းများ -ကျွန်ုပ်တို့အဖွဲ့သည် အခြားသင်တန်းများကို ထုတ်လုပ်လျက်ရှိပါသည်။ စစ်ဆေးကြည့်ပါ- +ကျွန်ုပ်တို့အဖွဲ့သည် အခြားသင်တန်းများကို ထုတ်လုပ်ထားသည်! စစ်ဆေးကြည့်ပါ: ### LangChain @@ -223,7 +237,7 @@ JavaScript framework များကို မသွင်းယူဘဲ web de --- -### 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) @@ -234,29 +248,29 @@ JavaScript framework များကို မသွင်းယူဘဲ web de --- -### Copilot Series +### 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) -## ကူညီမှုရယူခြင်း +## အကူအညီရယူခြင်း -AI အက်ပ်များ တည်ဆောက်ရာတွင် ဖိအားခံရလျှင် သို့မဟုတ် မေးခွန်းရှိချိန်တွင် MCP အကြောင်း ညှိနှိုင်းမှုများတွင် တွဲဖက်သင်ယူနေကြသည့် လေ့လာသူများ နှင့် အတွေ့အကြုံရှိသော developer များနှင့် တွဲဖက်ရောကြသည်။ မေးခွန်းများ လက်ခံသော ပံ့ပိုးထောက်ပံ့မှုရှိသော အသိုင်းအဝိုင်းဖြစ်ပြီး သတင်းအချက်အလက်များ ကိုလည်း လွတ်လပ်စွာမျှဝေကြသည်။ +AI အပလီကေးရှင်းများ ဆောက်လုပ်ရာတွင် အကူအညီလိုပါက သို့မဟုတ် မေးခွန်းများရှိပါက MCP အကြောင်း ဆွေးနွေးချက်များတွင် တက်ရောက်ပါ။ ၎င်းသည် မေးမြန်းလိုသူများနှင့် ကျွမ်းကျင်သူများ ရင်းနှီးသည့် ပတ်ဝန်းကျင်တစ်ခုဖြစ်ပြီး မေးခွန်းများအား လက်ခံပြီး သိမြင်မှုများကို အလွတ်တန်း မျှဝေသည့် အသိုင်းအဝိုင်း ဖြစ်သည်။ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ထုတ်ကုန်အကြံပြုချက် သို့မဟုတ် အမှားများ အကြောင်း ကြိုတင်ပြောဆိုလိုပါက: +ထုတ်ကုန်အသုံးပြုသည့် အကြံပြုချက်များ သို့မဟုတ် အမှားများ ရှိပါက လာရောက်ကြည့်ရှုနိုင်ပါသည်- [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## လိုင်စင် -ဤ repository သည် MIT လိုင်စင်ဖြင့် လိုင်စင်ပေးထားပါသည်။ ပိုမိုသိရှိလိုပါက [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။ +ဤဂိုဒေါင်ကို MIT လိုင်စင်ဖြင့် ခွင့်ပြုထားသည်။ အသေးစိတ်အချက်အလက်များအတွက် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။ --- -**ပယ်ချခြင်း**: -ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှုဖြစ်သော [Co-op Translator](https://github.com/Azure/co-op-translator) အသုံးပြု၍ ဘာသာပြန်ထားသည်။ ကျွန်ုပ်တို့သည် မှန်ကန်မှုအတွက်ကြိုးစားပါသည်၊ သို့သော် အလိုအလျောက်ဘာသာပြန်ခြင်းများတွင် အမှားများ သို့မဟုတ် မှားယွင်းချက်များ ပါဝင်နိုင်ကြောင်း ယခင်သိရှိထားပါ။ မူရင်းစာရွက်စာတမ်းကို နိုင်ငံသူဘာသာဖြင့်သာ အတည်ပြုရမည့် အရင်းအမြစ်ဟုလုပ်ဆောင်သင့်ပါသည်။ အရေးကြီးသောသတင်းအချက်အလက်များအတွက် လူကြီးမင်းက စက်မှုလက်မှုကြွယ်ဝသော လူသားဘာသာပြန်ဝန်ဆောင်မှုကို အသုံးပြုရန် အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုရာမှ ဖြစ်ပေါ်လာနိုင်သော နားလည်မှုမမှန်ခြင်း သို့မဟုတ် မှားယွင်းမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။ +**အတည်မပြုချက်**: +ဤစာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) အသုံးပြုကာ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် မှန်ကန်မှုအတွက် ကြိုးစားသော်လည်း အလိုအလျောက် ဘာသာပြန်ခြင်းများတွင် အမှားများ သို့မဟုတ် မှားယွင်းမှုများ ပါရှိနိုင်ကြောင်း သတိပြုပါ။ မူလစာတမ်းကို ရိုးရာဘာသာစကားဖြင့်သာ တရားဝင်အရင်းအမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် ပရော်ဖက်ရှင်နယ် လူသားဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုရာတွင် ဖြစ်ပေါ်နိုင်သော မသိမြင်မှုများ သို့မဟုတ် မှားယွင်းဖော်ပြမှုများအတွက် ကျွန်ုပ်တို့ တာဝန်မယူပါ။ \ No newline at end of file diff --git a/translations/my/lesson-template/README.md b/translations/my/lesson-template/README.md index b2f3c69356..68415c5bca 100644 --- a/translations/my/lesson-template/README.md +++ b/translations/my/lesson-template/README.md @@ -1,56 +1,79 @@ -# [သင်ခန်းစာအကြောင်းအရာ] +# သင်ခန်းစာ ခေါင်းစဉ် -![ဗီဒီယိုတစ်ခုထည့်ပါ](../../../lesson-template/video-url) +## 🎥 ဗီဒီယို -## [သင်ခန်းစာမတိုင်မီမေးခွန်း](../../../lesson-template/quiz-url) +> ဒီနေရာမှာ ထည့်သွင်းထားသော ဗီဒီယို သို့မဟုတ် သင်ခန်းစာလင့်ခ်ဖြစ်သည်။ -[ဒီသင်ခန်းစာမှာ ဘာတွေသင်ယူမလဲဆိုတာဖော်ပြပါ] +--- + +## သင်ကြားမှုမတိုင်မီ စစ်တမ်း + +> ရနိုင်သောအခါ စစ်တမ်းလင့်ခ်ကို ဒီမှာ ထည့်ပါ။ + +--- + +ဤသင်ခန်းစာတွင် ကျောင်းသားများ သင်ယူမည့်အကြောင်းအရာများ အကျဉ်းချုပ်ပေးပါ။ + +--- -### အနိမ့်ဆုံးအကျဉ်းချုပ် +### နိဒါန်း -ဒီသင်ခန်းစာမှာ ဘာတွေဖော်ပြမလဲဆိုတာရှင်းပြပါ +ဤသင်ခန်းစာတွင် ကိုယ်တိုင် လေ့လာမည့် အကြောင်းအရာများကို အတိုချုံးဖော်ပြပါ။ > မှတ်ချက်များ -### ကြိုတင်လိုအပ်ချက် +--- + +### ဦးစွာသိရှိထားရမည့်အချက်များ -ဒီသင်ခန်းစာမတိုင်မီ ဘာအဆင့်တွေကိုပြီးစီးထားရမလဲ? +ဤသင်ခန်းစာ စတင်မတိုင်မီ ကျောင်းသားများ သိရှိထားသင့်သည့် သဘောတရားများ သို့မဟုတ် ခေါင်းစဉ်များကို ဖော်ပြပါ။ + +--- ### ပြင်ဆင်မှု -ဒီသင်ခန်းစာကိုစတင်ဖို့အတွက် ပြင်ဆင်ရမယ့်အဆင့်များ +သင်ခန်းစာ စတင်ရန် မတိုင်မီ လိုအပ်သော ပြင်ဆင်မှုများ သို့မဟုတ် ကိရိယာများကို ဖော်ပြပါ။ --- -[အကြောင်းအရာကို အပိုင်းလိုက်ဆွဲဆောင်ပါ] +### အကြောင်းအရာ -## [အကြောင်းအရာ ၁] +သင်ခန်းစာ အကြောင်းအရာကို မျဉ်းစည်းတကျ အပိုင်းများဖြင့် တင်ပြပါ။ -### လုပ်ငန်းတာဝန်: +--- + +## ခေါင်းစဉ် ၁ -အတူတကွလုပ်ဆောင်ပြီး သင့် codebase ကို တိုးတက်အောင်လုပ်ပြီး ပရောဂျက်ကို မျှဝေထားတဲ့ code နဲ့တည်ဆောက်ပါ: +### တာဝန်: + +ပူးပေါင်းလက်တွဲကာ သင့်ကုဒ်ဘေ့့(စ်) ကို တိုးတက်စေပြီး စီမံကိန်းကို အများပြန်ကုဒ်ဖြင့် တည်ဆောက်ပါ။ ```html code blocks ``` + +✅ အသိပညာ စစ်ဆေးမှု +ကျောင်းသားများ၏ အသိပညာကို ကျယ်ပြန့်စွာ ထိန်းသိမ်းရန် အခွင့်အရေးအဖြစ် မေးခွန်းဖွင့်ပါ။ -✅ အသိပညာစစ်ဆေး - ဒီအချိန်ကို အသုံးပြုပြီး ကျောင်းသားများကို အခွင့်အရေးပေးကာ ဖွင့်မေးခွန်းများဖြင့် အသိပညာကို တိုးတက်စေပါ - -## [အကြောင်းအရာ ၂] +## ခေါင်းစဉ် ၂ +## ခေါင်းစဉ် ၃ -## [အကြောင်းအရာ ၃] +🚀 စိန်ခေါ်မှု +ကျောင်းသားများ စီမံကိန်းအား တိုးတက်အောင် ပူးပေါင်းဆောင်ရွက်ရန် စိန်ခေါ်မှုတစ်ခု ထည့်ပါ။ -🚀 စိန်ခေါ်မှု: ကျောင်းသားများအတူတကွ လုပ်ဆောင်နိုင်ဖို့ စိန်ခေါ်မှုတစ်ခုထည့်ပါ၊ ပရောဂျက်ကို တိုးတက်အောင်လုပ်ဆောင်ရန် +လိုအပ်သလောက်: အကောင်းဆုံးအနေဖြင့် ပြီးဆုံးသည့် သင်ခန်းစာ UI ရဲ့ ရုပ်ပုံကို ထည့်နိုင်ပါသည်။ -Optional: သင်ခန်းစာပြီးဆုံးပြီး UI ရဲ့ screenshot တစ်ခုထည့်ပါ (လိုအပ်ပါက) +## သင်ကြားမှုပြီးစီးပြီးနောက် စစ်တမ်း -## [သင်ခန်းစာပြီးဆုံးပြီး မေးခွန်း](../../../lesson-template/quiz-url) +သင်ခန်းစာပြီးစီးပါက ဒီမှာ စစ်တမ်းလင့်ခ် ထည့်ပါ။ -## ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာခြင်း +## ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာမှု -**အလုပ်အကိုင်အပ်နှံရက် [MM/YY]**: [အလုပ်အကိုင်အမည်](assignment.md) +**တာဝန် မတ်/နှစ် [MM/YY]**: [Assignment Name](assignment.md) --- -**အကြောင်းကြားချက်**: -ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူရင်းဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာတရားရှိသော ရင်းမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များမှ ပရော်ဖက်ရှင်နယ် ဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအလွတ်များ သို့မဟုတ် အနားလွဲမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။ \ No newline at end of file + +**သတင်းမှတ်ချက်**: +ဤစာရွက်ကို AI ဘာသာပြန်ပြုလုပ်မှု ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) အသုံးပြု၍ ဘာသာပြန်ထားသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးပမ်းကြသည်ဖြစ်ပေမယ့် အလိုအလျောက်ဘာသာပြန်မှုများတွင် မှားယွင်းချက်များ သို့မဟုတ် မှန်ကန်မှုမရှိမှုများ ရှိနိုင်ကြောင်း သတိပြုပါ။ မူရင်းစာရွက်ကို မိမိ၏ ဒေသိယဘာသာဖြင့် သက်ဆိုင်ရာ အတည်ပြုနေရာအဖြစ် ယူဆရမည်ဖြစ်သည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်အတတ်ပညာရှင်အား စိတ်ချရစွာ အသုံးပြုရန် အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်နိုင်သည့် နားလည်မှားယွင်းမှုများ သို့မဟုတ် မမှန်ကန်မှုများအတွက် ကျွန်ုပ်တို့တာဝန်ယူမည်မဟုတ်ပါ။ + \ No newline at end of file diff --git a/translations/ne/.co-op-translator.json b/translations/ne/.co-op-translator.json index c853cab0ca..ae81c8c87c 100644 --- a/translations/ne/.co-op-translator.json +++ b/translations/ne/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:36:59+00:00", + "translation_date": "2026-04-24T21:57:19+00:00", "source_file": "AGENTS.md", "language_code": "ne" }, @@ -516,8 +516,8 @@ "language_code": "ne" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:21:15+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T21:54:13+00:00", "source_file": "README.md", "language_code": "ne" }, @@ -564,8 +564,8 @@ "language_code": "ne" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T00:51:13+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T21:54:21+00:00", "source_file": "lesson-template/README.md", "language_code": "ne" }, diff --git a/translations/ne/AGENTS.md b/translations/ne/AGENTS.md index 3909feac95..5961b810b3 100644 --- a/translations/ne/AGENTS.md +++ b/translations/ne/AGENTS.md @@ -2,29 +2,29 @@ ## परियोजना अवलोकन -यो शुरुआतीहरूलाई वेब विकासका आधारहरू सिकाउन बनाइएको शैक्षिक पाठ्यक्रम भण्डार हो। यो पाठ्यक्रम माइक्रोसफ्ट क्लाउड एड्भोकेटहरूले विकास गरेको १२ हप्ताको व्याप्त छ, जसमा २४ अभ्यासात्मक पाठहरू छन् जसले JavaScript, CSS, र HTML कभर गर्दछ। +यो वेब विकासको आधारभूत सिद्धान्तहरू सिकाउनका लागि शैक्षिक पाठ्यक्रमको संग्रहालय हो। पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकास गरिएको १२ हप्ताको समग्र कोर्स हो, जसमा JavaScript, CSS, र HTML कभर गर्ने २४ व्यावहारिक पाठहरू छन्। -### प्रमुख अङ्गहरू +### प्रमुख घटकहरू -- **शैक्षिक सामग्री**: २४ संरचित पाठहरू परियोजना-आधारित मोड्युलहरूमा व्यवस्थित -- **व्यावहारिक परियोजनाहरू**: टेरारियम, टाइपिङ खेल, ब्राउजर एक्सटेन्सन, स्पेस गेम, बैंकिङ एप, कोड सम्पादक, र AI च्याट सहायक -- **इन्टरऐक्टिभ क्विजहरू**: प्रत्येकमा ३ प्रश्न सहित ४८ क्विजहरू (पाठभन्दा पहिले/पछि मूल्याङ्कन) -- **धेरै भाषाहरूको समर्थन**: GitHub Actions मार्फत ५०+ भाषाहरूमा स्वचालित अनुवाद +- **शैक्षिक सामग्री**: परियोजना आधारित मोड्युलहरूमा व्यवस्थित २४ संरचित पाठहरू +- **व्यावहारिक परियोजनाहरू**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, र AI Chat Assistant +- **परस्पर प्रतिक्रिया क्विजहरू**: ४८ क्विजहरू जहाँ प्रत्येकमा ३ प्रश्नहरू (पाठ अघि र पछि मापन) +- **बहुभाषिक समर्थन**: GitHub Actions मार्फत ५०+ भाषाहरूको स्वचालित अनुवाद - **प्रविधिहरू**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI परियोजनाहरूका लागि) ### वास्तुकला -- पाठ-आधारित संरचना भएको शैक्षिक भण्डार -- प्रत्येक पाठ फोल्डरमा README, कोड उदाहरणहरू, र समाधानहरू छन् -- विभिन्न परियोजनाहरू अलग-अलग निर्देशिकाहरूमा (quiz-app, विभिन्न पाठ परियोजनाहरू) +- पाठ-आधारित संरचना भएको शैक्षिक रिपोजिटरी +- प्रत्येक पाठ फोल्डरमा README, कोड उदाहरणहरू, र समाधानहरू +- अलग फोल्डरहरूमा स्वतन्त्र परियोजनाहरू (quiz-app, विभिन्न पाठ परियोजनाहरू) - GitHub Actions (co-op-translator) प्रयोग गरी अनुवाद प्रणाली -- Docsify मार्फत दस्तावेज सेवा र PDF उपलव्ध +- Docsify मार्फत डकुमेन्टेशन सेवा र PDF रूपमा उपलब्ध -## सेटअप कमाण्डहरू +## सेटअप आदेशहरू -यो भण्डार मुख्य रूपमा शैक्षिक सामग्री उपभोगका लागि हो। विशेष परियोजनाहरूमा काम गर्नका लागि: +यो रिपोजिटरी मुख्य रूपमा शैक्षिक सामग्री प्रयोगका लागि हो। विशेष परियोजनाहरूमा काम गर्नका लागि: -### मुख्य भण्डार सेटअप +### मुख्य रिपोजिटरी सेटअप ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -46,9 +46,9 @@ npm run lint # ESLint चलाउनुहोस् ```bash cd 7-bank-project/api npm install -npm start # API सर्भर सुरु गर्नुहोस् +npm start # एपीआई सर्भर सुरु गर्नुहोस् npm run lint # ESLint चलाउनुहोस् -npm run format # Prettier सँग फर्म्याट गर्नुहोस् +npm run format # Prettier सँग ढाँचा मिलाउनुहोस् ``` ### ब्राउजर एक्सटेन्सन परियोजनाहरू @@ -56,7 +56,7 @@ npm run format # Prettier सँग फर्म्याट गर्नु ```bash cd 5-browser-extension/solution npm install -# ब्राउजर-विशेष एक्सटेन्सन लोड गर्ने निर्देशनहरू पालना गर्नुहोस् +# ब्राउजर-विशिष्ट एक्सटेन्सन लोड गर्ने निर्देशनहरू पालना गर्नुहोस् ``` ### स्पेस गेम परियोजनाहरू @@ -64,10 +64,10 @@ npm install ```bash cd 6-space-game/solution npm install -# ब्राउजरमा index.html खोल्नुहोस् वा लाइभ सर्भर प्रयोग गर्नुहोस् +# index.html ब्राउजरमा खोल्नुहोस् वा Live Server प्रयोग गर्नुहोस् ``` -### च्याट परियोजना (Python ब्याकएण्ड) +### च्याट परियोजना (Python Backend) ```bash cd 9-chat-project/solution/backend/python @@ -80,29 +80,29 @@ python api.py ### सामग्री योगदानकर्ताहरूका लागि -1. **भगवानलाई आफ्नो GitHub खातामा फोर्क गर्नुहोस्** -2. **फोर्क लोकली क्लोन गर्नुहोस्** -3. **आफ्ना परिवर्तनहरूको लागि नयाँ ब्रान्च बनाउनुहोस्** +1. **रिपोजिटरीलाई Fork गर्नुहोस्** आफ्नो GitHub खातामा +2. **आफ्नो Fork क्लोन गर्नुहोस्** स्थानीय रूपमा +3. **आफ्नो परिवर्तनहरूका लागि नयाँ शाखा बनाउनुहोस्** 4. पाठ सामग्री वा कोड उदाहरणहरूमा परिवर्तन गर्नुहोस् -5. सम्बन्धित परियोजना निर्देशिकाहरूमा कोड परिवर्तनहरू परीक्षण गर्नुहोस् -6. योगदान दिशा-निर्देश अनुसार पुल अनुरोधहरू पठाउनुहोस् +5. सम्बन्धित परियोजना फोल्डरहरूमा कोड परिवर्तनहरू परीक्षण गर्नुहोस् +6. योगदान दिशानिर्देशहरू अनुसरण गरी pull request पेश गर्नुहोस् ### सिक्नेहरूका लागि -1. भण्डार फोर्क वा क्लोन गर्नुहोस् -2. पाठ निर्देशिकाहरू अनुसन्धान गर्दै जानुहोस् -3. प्रत्येक पाठको README फाइल पढ्नुहोस् -4. https://ff-quizzes.netlify.app/web/ मा पूर्व-पाठ क्विजहरू पूरा गर्नुहोस् -5. पाठ फोल्डरहरूमा कोड उदाहरणहरूमा काम गर्नुहोस् -6. असाइनमेन्ट र चुनौतीहरू पूरा गर्नुहोस् -7. पाठपछि क्विजहरू लिनुहोस् +1. रिपोजिटरी Fork वा क्लोन गर्नुहोस् +2. पाठ फोल्डरहरू अनुक्रममा जानुहोस् +3. प्रत्येक पाठका README फाइलहरू पढ्नुहोस् +4. https://ff-quizzes.netlify.app/web/ मा पाठ अघि क्विजहरू पूरा गर्नुहोस् +5. पाठ फोल्डरहरूमा कोड उदाहरणहरू कार्यान्वयन गर्नुहोस् +6. असाइनमेन्ट र चुनौतिहरू पूरा गर्नुहोस् +7. पाठ पछि क्विजहरू लिनुहोस् ### प्रत्यक्ष विकास -- **दस्तावेजीकरण**: मूल फोल्डरमा `docsify serve` चलाउनुहोस् (पोर्ट ३०००) -- **क्विज एप**: quiz-app निर्देशिकामा `npm run dev` चलाउनुहोस् -- **परियोजनाहरू**: HTML परियोजनाहरू लागि VS Code Live Server एक्सटेन्सन प्रयोग गर्नुहोस् -- **API परियोजनाहरू**: संबंधित API निर्देशिकामा `npm start` चलाउनुहोस् +- **डकुमेन्टेशन**:रुटमा `docsify serve` चलाउनुहोस् (पोर्ट ३०००) +- **क्विज एप**: `quiz-app` फोल्डरमा `npm run dev` चलाउनुहोस् +- **परियोजनाहरू**: HTML परियोजनाहरूका लागि VS Code Live Server एक्सटेन्सन प्रयोग गर्नुहोस् +- **API परियोजनाहरू**: सम्बन्धित API फोल्डरहरूमा `npm start` चलाउनुहोस् ## परीक्षण निर्देशनहरू @@ -111,7 +111,7 @@ python api.py ```bash cd quiz-app npm run lint # कोड शैली समस्याहरू जाँच गर्नुहोस् -npm run build # सुनिश्चित गर्नुहोस् कि बिल्ड सफल हुन्छ +npm run build # बिल्ड सफल हुन्छ भन्ने पक्का गर्नुहोस् ``` ### बैंक API परीक्षण @@ -119,160 +119,160 @@ npm run build # सुनिश्चित गर्नुहोस् क ```bash cd 7-bank-project/api npm run lint # कोड शैलीका समस्याहरू जाँच गर्नुहोस् -node server.js # सर्भर त्रुटी बिना सुरु हुन्छ कि भनी प्रमाणित गर्नुहोस् +node server.js # सर्भर त्रुटिहरू बिना सुरु हुन्छ कि छैन जाँच गर्नुहोस् ``` ### सामान्य परीक्षण दृष्टिकोण -- यो शैक्षिक भण्डार हो जसमा व्यापक स्वचालित परीक्षणहरू छैनन् +- यो शैक्षिक रिपोजिटरी हो, यसमा पूर्ण स्वचालित परीक्षणहरू छैनन् - म्यानुअल परीक्षण मुख्य रूपमा: - कोड उदाहरणहरू बिना त्रुटि चल्ने - - दस्तावेजीकरणका लिंकहरू काम गर्ने + - डकुमेन्टेशनमा लिंकहरू सही काम गर्ने - परियोजना सफलतापूर्वक बिल्ड हुने - - उदाहरणहरू राम्रा अभ्यासहरू अनुसार हुने + - उदाहरणहरू उत्कृष्ट अभ्यासहरू अनुसरण गर्ने -### पूर्व-पेशगी जाँचहरू +### पठाउने अघि जाँचहरू -- जसमा package.json छ त्यस निर्देशिकामा `npm run lint` चलाउनुहोस् -- मार्कडाउन लिंकहरू मान्य छन् भनेर जाँच गर्नुहोस् +- पस_PACKAGE.JSON भएका फोल्डरहरूमा `npm run lint` चलाउनुहोस् +- मार्कडाउन लिंकहरू मान्य छन् कि छैनन् जाँच्नुहोस् - ब्राउजर वा Node.js मा कोड उदाहरणहरू परीक्षण गर्नुहोस् -- अनुवादहरू संरचना कायम राख्ने हो कि होइन जाँच गर्नुहोस् +- अनुवादहरूले उचित संरचना कायम राखेका छन् कि छैनन् जाँच गर्नुहोस् -## कोड शैली निर्देशनहरू +## कोड शैली दिशानिर्देशहरू ### JavaScript - आधुनिक ES6+ सिन्ट्याक्स प्रयोग गर्नुहोस् -- परियोजनामा दिइएको मानक ESLint कन्फिगरेसन अनुसार चल्नुहोस् -- शैक्षिक स्पष्टताका लागि अर्थपूर्ण भेरिएबल र फङ्क्शन नामहरू प्रयोग गर्नुहोस् -- सिक्नेहरूका लागि अवधारणाहरू व्याख्या गर्ने टिप्पणीहरू थप्नुहोस् -- जहाँ कन्फिगर गरिएको हो त्यहाँ Prettier द्वारा फर्म्याट गर्नुहोस् +- परियोजनाहरूमा दिइएको मानक ESLint सेटिङहरू अनुसरण गर्नुहोस् +- शिक्षार्थीहरूको स्पष्टताका लागि अर्थपूर्ण भेरिएबल र फंक्शन नामहरू प्रयोग गर्नुहोस् +- सिकाउनका लागि अवधारणाहरू व्याख्या गर्ने टिप्पणीहरू थप्नुहोस् +- जहाँ सेट गरिएको छ त्यहाँ Prettier द्वारा फर्म्याटिङ गर्नुहोस् ### HTML/CSS -- सांकेतिक HTML5 तत्वहरू -- अनुक्रियाशील डिजाइन सिद्धान्तहरू -- स्पष्ट क्लास नामकरण कन्वेन्सनहरू -- CSS प्रविधिहरू व्याख्यात्मक टिप्पणीहरू +- सेमेन्टिक HTML5 तत्त्वहरू प्रयोग गर्नुहोस् +- उत्तरदायी डिजाइन सिद्धान्तहरू अवलम्बन गर्नुहोस् +- स्पष्ट वर्ग नामकरण प्रणालीहरू +- CSS प्रविधिहरू व्याख्या गर्ने टिप्पणीहरू ### Python -- PEP 8 शैली निर्देशनहरू +- PEP 8 शैली दिशानिर्देशहरू पालना गर्नुहोस् - स्पष्ट, शैक्षिक कोड उदाहरणहरू -- सिकाइको लागि जहाँ उपयोगी हो टाइप हिंटहरू +- सिकाइमा मद्दत पुर्‍याउने थाइप संकेतहरू जहाँ उपयोगी हुन्छन् -### मार्कडाउन दस्तावेजीकरण +### Markdown डकुमेन्टेशन -- स्पष्ट शीर्षक पदानुक्रम -- भाषा निर्दिष्ट गरेर कोड ब्लकहरू -- अतिरिक्त स्रोतहरूमा लिंकहरू -- `images/` निर्देशिकामा स्क्रिनसट र तस्बिरहरू -- पहुँचयोग्यताको लागि तस्बिरहरूमा Alt टेक्स्ट +- स्पष्ट शीर्षक अनुक्रम +- भाषा निर्दिष्ट गरिएको कोड ब्लकहरू +- थप स्रोत सामग्रीका लागि लिंकहरू +- `images/` फोल्डरहरूमा स्क्रिनशट र चित्रहरू +- पहुँचको लागि छविहरूमा Alt पाठ ### फाइल संगठन -- पाठहरू लगातार नम्बर गरिएको (1-getting-started-lessons, 2-js-basics, आदि) -- प्रत्येक परियोजनामा `solution/` र प्रायः `start/` वा `your-work/` निर्देशिकाहरू हुन्छन् -- पाठ-विशिष्ट `images/` फोल्डरहरूमा तस्बिरहरू संग्रहित +- पाठहरू क्रमिक रूपमा नम्बर गरिएको (1-getting-started-lessons, 2-js-basics आदि) +- प्रत्येक परियोजनामा `solution/` र प्रायः `start/` वा `your-work/` फोल्डरहरू +- पाठ विशिष्ट `images/` फोल्डरहरूमा छविहरू संग्रहित - अनुवादहरू `translations/{language-code}/` संरचनामा -## निर्माण र परिनियोजन +## निर्माण र तैनाथी -### क्विज एप परिनियोजन (Azure Static Web Apps) +### क्विज एप तैनाथी (Azure Static Web Apps) -क्विज एप Azure Static Web Apps परिनियोजनका लागि कन्फिगर गरिएको छ: +क्विज एप Azure Static Web Apps मा तैनाथीका लागि कन्फिगर गरिएको छ: ```bash cd quiz-app npm run build # dist/ फोल्डर सिर्जना गर्दछ -# main मा पुश गर्दा GitHub Actions workflow मार्फत डिप्लोय गर्दछ +# मुख्यमा पुश हुँदा GitHub Actions वर्कफ्लो मार्फत परिनियोजन गर्दछ ``` Azure Static Web Apps कन्फिगरेसन: - **एप स्थान**: `/quiz-app` - **आउटपुट स्थान**: `dist` -- **वर्कफ्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **कार्यप्रवाह**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### दस्तावेजी PDF उत्पादन +### डकुमेन्टेशन PDF निर्माण ```bash npm install # docsify-to-pdf स्थापना गर्नुहोस् -npm run convert # docs बाट PDF निर्माण गर्नुहोस् +npm run convert # डकहरूबाट PDF निर्माण गर्नुहोस् ``` -### Docsify दस्तावेजीकरण +### Docsify डकुमेन्टेशन ```bash -npm install -g docsify-cli # Docsify लाई विश्वव्यापी रूपमा इन्स्टल गर्नुहोस् -docsify serve # localhost:3000 मा सेवा गर्नुहोस् +npm install -g docsify-cli # Docsify लाई ग्लोबली इन्स्टल गर्नुहोस् +docsify serve # localhost:3000 मा सेवा दिनुहोस् ``` -### परियोजना-विशिष्ट निर्माणहरू +### परियोजना-विशिष्ट निर्माण -हरेक परियोजनाले सायद आफ्नो निर्माण प्रक्रिया हुन सक्छ: -- Vue परियोजनाहरू: `npm run build` ले उत्पादन बन्डलहरू बनाउँछ -- स्थिर परियोजनाहरू: कुनै निर्माण चरण हुँदैन, फाइलहरू सिधै सेवा गरिन्छ +प्रत्येक परियोजना फोल्डरले आफ्नै निर्माण प्रक्रिया राख्न सक्छ: +- Vue परियोजनाहरू: `npm run build` ले उत्पादन बन्डलहरू सिर्जना गर्छ +- स्थिर परियोजनाहरू: कुनै निर्माण चरण छैन, फाइलहरू सिधै सेवा गर्नुहोस् -## पुल अनुरोध निर्देशनहरू +## पुल अनुरोध दिशानिर्देशहरू ### शीर्षक ढाँचा -परिवर्तनको क्षेत्र वर्णन गर्ने स्पष्ट, वर्णनात्मक शीर्षकहरू प्रयोग गर्नुहोस्: +परिवर्तन क्षेत्र स्पष्ट गर्ने शीर्षक प्रयोग गर्नुहोस्: - `[Quiz-app] पाठ X को लागि नयाँ क्विज थप्नुहोस्` -- `[Lesson-3] टेरारियम परियोजनामा टाइपो फिक्स गर्नुहोस्` -- `[Translation] पाठ ५ का लागि स्पेनिश अनुवाद थप्नुहोस्` -- `[Docs] सेटअप निर्देशनहरू अपडेट गर्नुहोस्` +- `[Lesson-3] टेरारियम परियोजनामा टाइपो सच्याउनुहोस्` +- `[Translation] पाठ 5 का लागि स्पेनिश अनुवाद थप्नुहोस्` +- `[Docs] सेटअप निर्देशनहरू अद्यावधिक गर्नुहोस्` ### आवश्यक जाँचहरू -PR पठाउनु अघि: +PR पेश गर्नु अघि: 1. **कोड गुणस्तर**: - - प्रभावित परियोजना निर्देशिकामा `npm run lint` चलाउनुहोस् - - सबै लिंटिंग त्रुटि र चेतावनीहरू फिक्स गर्नुहोस् + - प्रभावित परियोजना फोल्डरहरूमा `npm run lint` चलाउनुहोस् + - सबै लिङ्टिंग त्रुटि र चेतावनीहरू सच्याउनुहोस् 2. **निर्माण प्रमाणीकरण**: - - जहाँ लागू हुन्छ `npm run build` चलाउनुहोस् + - लागू भएमा `npm run build` चलाउनुहोस् - कुनै निर्माण त्रुटि नभएको सुनिश्चित गर्नुहोस् -3. **लिंक मान्यता**: +3. **लिङ्क जाँच**: - सबै मार्कडाउन लिंकहरू परीक्षण गर्नुहोस् - - तस्बिर सन्दर्भहरू काम गर्छन् भनि पुष्टि गर्नुहोस् + - छवि सन्दर्भहरू काम गर्ने सुनिश्चित गर्नुहोस् 4. **सामग्री समीक्षा**: - - वर्तनी र व्याकरणका लागि प्रमाणापन गर्नुहोस् - - कोड उदाहरणहरू सही र शैक्षिक छन् भनि सुनिश्चित गर्नुहोस् - - अनुवादहरू मूल अर्थ कायम राख्छन् भनि सुनिश्चित गर्नुहोस् + - वर्तनी र व्याकरणको प्रूफ रिडिंग गर्नुहोस् + - कोड उदाहरणहरू सही र शैक्षिक छन् कि छैनन् सुनिश्चित गर्नुहोस् + - अनुवादहरूले मूल अर्थ कायम राखेका छन् कि छैनन् जाँच गर्नुहोस् ### योगदान आवश्यकताहरू - Microsoft CLA मा सहमति जनाउनुहोस् (पहिलो PR मा स्वचालित जाँच) -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) पालना गर्नुहोस् -- विस्तृत निर्देशनहरूको लागि [CONTRIBUTING.md](./CONTRIBUTING.md) हेर्नुहोस् -- लागू भएमा PR वर्णनमा मुद्दा नम्बरहरू उल्लेख गर्नुहोस् +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) अनुसरण गर्नुहोस् +- विस्तृत दिशानिर्देशहरूका लागि [CONTRIBUTING.md](./CONTRIBUTING.md) हेर्नुहोस् +- आवश्यकता अनुसार PR विवरणमा इश्यू नम्बर उल्लेख गर्नुहोस् ### समीक्षा प्रक्रिया -- PR समीक्षा संरक्षकहरू र समुदायद्वारा गरिन्छ -- शैक्षिक स्पष्टतालाई प्राथमिकता दिइन्छ +- PR हरू मर्मतकर्ता र समुदायले समीक्षा गर्नेछन् +- शैक्षिक स्पष्टता प्राथमिकता दिइनेछ - कोड उदाहरणहरूले वर्तमान उत्कृष्ट अभ्यासहरू अनुसरण गर्नुपर्छ -- अनुवादहरू सटीकता र सांस्कृतिक उपयुक्तता अनुसार समीक्षा गरिन्छ +- अनुवादहरू सटीकता र सांस्कृतिक उपयुक्तताका लागि समीक्षा गरिनेछ ## अनुवाद प्रणाली ### स्वचालित अनुवाद -- GitHub Actions र co-op-translator वर्कफ्लो प्रयोग गर्दछ -- ५०+ भाषाहरूमा स्वतः अनुवाद गर्छ -- मुख्य निर्देशिकाहरूमा स्रोत फाइलहरू -- अनुवादित फाइलहरू `translations/{language-code}/` निर्देशिकामा राखिएको +- GitHub Actions सँग co-op-translator कार्यप्रवाह प्रयोग गर्दछ +- ५०+ भाषामा स्वचालित रूपमा अनुवाद गर्दछ +- मुख्य फोल्डरहरूमा स्रोत फाइलहरू +- अनुवादित फाइलहरू `translations/{language-code}/` फोल्डरमा -### म्यानुअल अनुवाद सुधारहरू थप्ने +### म्यानुअल अनुवाद सुधारहरू थप्ने तरिका 1. `translations/{language-code}/` मा फाइल खोज्नुहोस् -2. संरचना जोगाउँदै सुधारहरू गर्नुहोस् -3. कोड उदाहरणहरू कार्यशील अवस्थामा राख्नुहोस् -4. स्थानीयकृत क्विज सामग्री परीक्षण गर्नुहोस् +2. संरचना कायम राख्दै सुधार गर्नुहोस् +3. कोड उदाहरणहरू कार्यशील छन् कि छैनन् सुनिश्चित गर्नुहोस् +4. कुनै स्थानीयकृत क्विज सामग्री भए परीक्षण गर्नुहोस् ### अनुवाद मेटाडाटा @@ -294,115 +294,115 @@ CO_OP_TRANSLATOR_METADATA: ### सामान्य समस्याहरू **क्विज एप सुरु हुँदैन**: -- Node.js संस्करण जाँच गर्नुहोस् (v14+ सिफारिस) -- `node_modules` र `package-lock.json` हटाएर `npm install` पुन: चलाउनुहोस् -- पोर्ट द्वन्द्व जाँच गर्नुहोस् (पूर्वनिर्धारित: Vite पोर्ट 5173 प्रयोग गर्छ) +- Node.js संस्करण जाँच्नुहोस् (v14+ सिफारिस गरिएको) +- `node_modules` र `package-lock.json` मेटेर फेरि `npm install` चलाउनुहोस् +- पोर्ट द्वन्द्व जाँच्नुहोस् (पूर्वनिर्धारित: Vite पोर्ट 5173) **API सर्भर सुरु हुँदैन**: -- Node.js संस्करण न्यूनतम (node >=10) पूरा गर्दछ भनि सुनिश्चित गर्नुहोस् -- पोर्ट पहिले नै प्रयोगमा छ कि छैन जाँच गर्नुहोस् -- सबै निर्भरताहरू `npm install` द्वारा स्थापना भइसकेको हुनुपर्छ +- Node.js संस्करण कम्तिमा node >=10 छ कि छैन जाँच्नुहोस् +- पोर्ट पहिल्यै प्रयोगमा छ कि छैन देख्नुहोस् +- सबै निर्भरताहरू `npm install` बाट इन्स्टल गरिएको सुनिश्चित गर्नुहोस् **ब्राउजर एक्सटेन्सन लोड हुँदैन**: -- manifest.json ठिकसँग फर्म्याट गरिएको छ कि छैन जाँच गर्नुहोस् -- ब्राउजर कन्सोलमा त्रुटिहरू हेर्नुहोस् -- ब्राउजर-विशिष्ट एक्सटेन्सन स्थापना निर्देशनहरू पालना गर्नुहोस् +- manifest.json सही ढंगले तयार छ कि छैन जाँच गर्नुहोस् +- ब्राउजर कन्सोलमा त्रुटि हेर्नुहोस् +- ब्राउजर विशेष एक्सटेन्सन स्थापना निर्देशनहरू पालना गर्नुहोस् -**Python च्याट परियोजना समस्याहरू**: -- OpenAI प्याकेज स्थापना गरिएको छ: `pip install openai` -- GITHUB_TOKEN वातावरण चर सेट गरिएको छ -- GitHub मोडेल पहुँच अनुमति जाँच गर्नुहोस् +**Python च्याट परियोजनामा समस्या**: +- OpenAI प्याकेज इन्स्टल गरिएको छ: `pip install openai` +- GITHUB_TOKEN वातावरण चर सेट गरिएको छ कि छैन जाँच्नुहोस् +- GitHub Models पहुँच अनुमतिहरू ठीक छन् कि हेर्नुहोस् -**Docsify दस्तावेज सेवा हुँदैन**: -- docsify-cli ग्लोबली स्थापना गर्नुहोस्: `npm install -g docsify-cli` -- भण्डार मूल निर्देशिकाबाट चलाउनुहोस् -- `docs/_sidebar.md` अवस्थित छ कि छैन जाँच गर्नुहोस् +**Docsify डकुमेन्टेशन सेवा दिदैन**: +- docsify-cli ग्लोबली इन्स्टल गर्नुहोस्: `npm install -g docsify-cli` +- रिपोजिटरीको रुटबाट चलाउनुहोस् +- `docs/_sidebar.md` अस्तित्वमा छ कि छैन जाँच्नुहोस् -### विकास वातावरण सुझावहरू +### विकास वातावरणका सुझावहरू - HTML परियोजनाहरूका लागि VS Code Live Server एक्सटेन्सन प्रयोग गर्नुहोस् -- ESLint र Prettier एक्सटेन्सनहरू स्थापना गरेर एकरूप फर्म्याटिंग सुनिश्चित गर्नुहोस् -- JavaScript डिबगिङका लागि ब्राउजर DevTools प्रयोग गर्नुहोस् -- Vue परियोजनाहरूका लागि Vue DevTools ब्राउजर एक्सटेन्सन स्थापना गर्नुहोस् +- स्थिर फर्म्याटिङका लागि ESLint र Prettier एक्सटेन्सनहरू इन्स्टल गर्नुहोस् +- JavaScript डिबगिङका लागि ब्राउजरका DevTools प्रयोग गर्नुहोस् +- Vue परियोजनाहरूका लागि Vue DevTools ब्राउजर एक्सटेन्सन इन्स्टल गर्नुहोस् -### प्रदर्शन विचारहरू +### प्रदर्शन सम्बन्धी विचारहरू -- ठूलो संख्यामा अनुवादित फाइलहरू (५०+ भाषाहरू) हुँदा पूर्ण क्लोनहरू ठूला हुन्छन् +- धेरै अनुवादित फाइलहरू (५०+ भाषा) को कारण पूर्ण क्लोन ठूलो हुन्छ - केवल सामग्रीमा काम गर्दा shallow clone प्रयोग गर्नुहोस्: `git clone --depth 1` -- अंग्रेजी सामग्रीमा काम गर्दा अनुवादहरू खोजीबाट बाहिर राख्नुहोस् -- पहिलो पटक रन गर्दा निर्माण प्रक्रिया सुस्त हुन सक्छ (npm install, Vite build) +- अंग्रेजी सामग्रीमा काम गर्दा अनुवादहरू खोजबाट अलग गर्नुहोस् +- पहिलो रनमा निर्माण प्रक्रिया ढिलो हुन सक्छ (npm install, Vite build) -## सुरक्षा विचारहरू +## सुरक्षा सम्बन्धी विचारहरू ### वातावरण चरहरू -- API कुञ्जीहरू कहिल्यै भण्डारमा कमिट नगर्नुहोस् +- API कुञ्जीहरू रिपोजिटरीमा कहिल्यै कमिट गर्नु हुँदैन - `.env` फाइलहरू प्रयोग गर्नुहोस् (पहिले नै `.gitignore` मा छन्) -- परियोजनाका README हरूमा आवश्यक वातावरण चरहरू दस्तावेज गर्नुहोस् +- परियोजना README मा आवश्यक वातावरण चरहरू उल्लेख गर्नुहोस् ### Python परियोजनाहरू - भर्चुअल वातावरणहरू प्रयोग गर्नुहोस्: `python -m venv venv` -- निर्भरताहरू अपडेट राख्नुहोस् -- GitHub टोकनहरू न्यूनतम आवश्यक अनुमति राख्नुहोस् +- निर्भरता अपडेट राख्नुहोस् +- GitHub टोकनहरू न्यूनतम आवश्यक अनुमति मात्र राख्नुपर्छ -### GitHub मोडेल पहुँच +### GitHub Models पहुँच -- GitHub मोडेलहरूका लागि व्यक्तिगत पहुँच टोकनहरू (PAT) आवश्यक हुन्छन् -- टोकनहरू वातावरण चरको रूपमा भण्डारण गर्नुहोस् +- GitHub Models का लागि Personal Access Tokens (PAT) आवश्यक +- टोकनहरू वातावरण चरको रूपमा राख्नुहोस् - टोकन वा प्रमाणपत्र कहिल्यै कमिट नगर्नुहोस् -## अतिरिक्त नोटहरू +## थप नोटहरू ### लक्षित दर्शक -- वेब विकासका लागि पूर्ण शुरुआतीहरू -- विद्यार्थी र स्व-सिक्नेहरू -- कक्षाकोठामा पाठ्यक्रम प्रयोग गर्ने शिक्षकहरू -- समावेशी र चरणबद्ध सीप विकासका लागि डिजाइन गरिएको सामग्री +- वेब विकासका नयाँ सुरूवातकर्ताहरू +- विद्यार्थी र स्वतः सिक्नेहरू +- कक्षाहरूमा यो पाठ्यक्रम प्रयोग गर्ने शिक्षकहरू +- सामग्री पहुँचयोग्य र क्रमबद्ध सीप विकासका लागि डिजाइन गरिएको ### शैक्षिक दर्शन -- परियोजना-आधारित सिकाइ दृष्टिकोण -- बारम्बार ज्ञान जाँच (क्विजहरू) -- अभ्यासात्मक कोडिङ अभ्यासहरू -- वास्तविक-विश्व अनुप्रयोग उदाहरणहरू -- फ्रेमवर्कहरू अगाडि आधारहरूमा ध्यान केन्द्रित +- परियोजना आधारित सिकाइ पद्धति +- बारम्बार ज्ञान परीक्षण (क्विज) +- हात-बाट कोडिङ अभ्यासहरू +- वास्तविक कार्यान्वयन उदाहरणहरू +- फ्रेमवर्क अघि आधारभूतमा केन्द्रित -### भण्डार मर्मतसम्भार +### रिपोजिटरी मर्मत -- सिक्नेहरू र योगदानकर्ताहरूको सक्रिय समुदाय -- निर्भरता र सामग्रीमा नियमित अपडेटहरू -- मुद्दाहरू र छलफलहरू संरक्षकहरूले अनुगमन गर्छन् -- अनुवाद अपडेटहरू GitHub Actions द्वारा स्वचालित +- सिक्ने र योगदान गर्ने सक्रिय समुदाय +- निर्भरता र सामग्री नियमित अपडेट +- मर्मतकर्ताद्वारा समस्याहरू र छलफलहरू अनुगमन +- GitHub Actions मार्फत अनुवाद अपडेट स्वचालित ### सम्बन्धित स्रोतहरू -- [Microsoft Learn मोड्युल](https://docs.microsoft.com/learn/) -- [विद्यार्थी हब स्रोतहरू](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) सिक्नेहरूका लागि सिफारिस -- अतिरिक्त कोर्सहरू: जेनेरेटिभ AI, डेटा साइन्स, ML, IoT पाठ्यक्रमहरू उपलब्ध +- [Microsoft Learn मोड्युलहरू](https://docs.microsoft.com/learn/) +- [Student Hub स्रोतहरू](https://docs.microsoft.com/learn/student-hub/) +- सिक्नेहरूका लागि सिफारिस: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) +- थप पाठ्यक्रमहरू: जनरेटिभ AI, डेटा विज्ञान, ML, IoT पाठ्यक्रमहरू उपलब्ध -### विशेष परियोजनाहरूमा काम गर्ने +### विशेष परियोजनाहरूमा काम गर्ने तरिका -विशिष्ट परियोजनाहरूका लागि विस्तृत निर्देशनहरू हेर्नुहोस्: -- `quiz-app/README.md` - Vue 3 क्विज एप्लिकेसन -- `7-bank-project/README.md` - प्रमाणीकरण सहितको बैंकिङ एप्लिकेसन +व्यक्तिगतरूपमा परियोजनाहरूको विस्तृत निर्देशनका लागि निम्न फोल्डरहरूमा README हेर्नुहोस्: +- `quiz-app/README.md` - Vue 3 क्विज एप्लिकेशन +- `7-bank-project/README.md` - प्रमाणीकरण सहित बैंकिङ एप्लिकेशन - `5-browser-extension/README.md` - ब्राउजर एक्सटेन्सन विकास -- `6-space-game/README.md` - क्यानभास-आधारित खेल विकास -- `9-chat-project/README.md` - AI च्याट सहायक परियोजना +- `6-space-game/README.md` - क्यानभास आधारित खेल विकास +- `9-chat-project/README.md` - AI च्याट सहयोगी परियोजना -### मोनोरेपो संरचना +### मोनोरिपोजिटरी संरचना -यो परम्परागत मोनोरेपो नभए तापनि, यसमा धेरै स्वतन्त्र परियोजनाहरू छन्: -- प्रत्येक पाठ स्वयṁ-निहित छ -- परियोजनाहरूले निर्भरता साझा गर्दैनन् -- अन्य परियोजनाहरूलाई असर नगरी व्यक्तिगत परियोजनामा काम गर्न सकिन्छ -- पूर्ण पाठ्यक्रम अनुभवका लागि पूरै भण्डार क्लोन गर्नुहोस् +यो परम्परागत मोनोरिपोजिटरी होइन, तर यसमा धेरै स्वतन्त्र परियोजनाहरू छन्: +- प्रत्येक पाठ स्वयंपूर्ण छ +- परियोजनाहरू निर्भरता साझा गर्दैनन् +- व्यक्तिगत परियोजनामा काम गर्दा अरूलाई असर पर्ने छैन +- सम्पूर्ण पाठ्यक्रम अनुभवका लागि सम्पूर्ण रिपोजिटरी क्लोन गर्नुहोस् --- -**अस्वीकरण**: -यस कागजातलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको हो। हामी शुद्धताका लागि प्रयास गर्छौं, तर कृपया जानकार रहनुहोस् कि स्वचालित अनुवादमा त्रुटि वा गलत जानकारी हुनसक्छ। मूल कागजात यसको स्थानीय भाषामा नै आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीका लागि व्यावसायिक मानव अनुवादको सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलत बुझाइ वा व्याख्याका लागि हामी जवाफदेही हुनेछैनौं। +**अस्वीकरण**: +यस कागजातलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरी अनुवाद गरिएको हो। हामी शुद्धताको लागि प्रयास गरिरहेका छौं, तर कृपया बुझ्नुहोस् कि स्वचालित अनुवादमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छन्। मूल कागजात यसको स्वदेशी भाषामा नै आधिकारिक स्रोत मानिनु पर्छ। गम्भीर जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा दृष्टिकोण त्रुटिहरूको लागि हामी जिम्मेवार छैनौं। \ No newline at end of file diff --git a/translations/ne/README.md b/translations/ne/README.md index f6a2a25730..85ec6832ed 100644 --- a/translations/ne/README.md +++ b/translations/ne/README.md @@ -1,26 +1,26 @@ -# वेब विकास शुरुआतीहरूको लागि - एक पाठ्यक्रम +# वेब विकास आरम्भकर्ताहरूका लागि - एक पाठ्यक्रम -माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा तयार गरिएको हाम्रो १२ हप्ते व्यापक पाठ्यक्रमसँग वेब विकासका आधारभूत कुरा सिक्नुहोस्। २४ वटा पाठहरू मध्ये प्रत्येक JavaScript, CSS, र HTML लाई व्यावहारिक परियोजनाहरू जस्तै टेरारियम, ब्राउजर एक्स्टेन्सन, र स्पेस गेमहरू मार्फत गहिरोसँग बुझिन्छ। क्विजहरू, छलफलहरू, र व्यावहारिक कार्यहरूमा सहभागी हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षण विधिका साथ आफ्नो सीपहरू बढाउनुहोस् र आफ्नो ज्ञानको स्थायित्व बढाउनुहोस्। आजै आफ्नो कोडिङ यात्रा सुरू गर्नुहोस्! +Microsoft Cloud Advocates द्वारा तयार गरिएको हाम्रो १२ हप्ते समग्र कोर्स संग वेब विकासका आधारहरू सिक्नुहोस्। २४ पाठहरू मध्ये प्रत्येकले JavaScript, CSS, र HTML मा हातेमालो प्रोजेक्टहरू जस्तै कि टेरारियमहरू, ब्राउजर एक्सटेन्सनहरू, र स्पेस गेमहरू मार्फत डुबकी मार्छ। क्विजहरू, छलफलहरू, र व्यावहारिक असाइन्मेन्टहरूसँग संलग्न हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षाशैलीसँग तपाईंको क्षमताहरू बढाउनुहोस् र ज्ञान धारणालाई अधिकतम गर्नुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्! -Azure AI Foundry Discord समुदायमा सामेल हुनुहोस् +Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्ताहरूसँग भेटघाट गर्नुहोस्। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -यी स्रोतहरू प्रयोग गर्न सुरू गर्नका लागि यी कदमहरू पछ्याउनुहोस्: -1. **रिपोजिटरीलाई फोर्क गर्नुहोस्**: क्लिक गर्नुहोस् [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **रिपोजिटरीलाई क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्ताहरूलाई भेट्नुहोस्**](https://discord.com/invite/ByRwuEEgH4) +यी स्रोतहरू प्रयोग गर्न सुरु गर्न यी कदमहरू पालना गर्नुहोस्: +1. **रिपोजिटरी फरक गर्नुहोस्**: क्लिक गर्नुहोस् [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **रिपोजिटरी क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्ताहरूसँग भेट्नुहोस्**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 बहुभाषिक समर्थन +### 🌐 बहुभाषा समर्थन -#### GitHub Action मार्फत समर्थित (स्वचालित र सधैं अद्यावधिक) +#### GitHub Action द्वारा समर्थन (स्वचालित र सँधै अपडेट रहने) [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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](./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](../es/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) -> **स्थानीय रूपमा क्लोन गर्न चाहनुहुन्छ?** +> **स्थानीय रूपमा क्लोन गर्न मन पराउनुहुन्छ?** > -> यो रिपोजिटरीमा ५० भन्दा बढी भाषामा अनुवादहरू छन् जसले डाउनलोड साइजलाई धेरै बढाउँछ। अनुवादहरू बिना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्: +> यो रिपोजिटरीमा ५०+ भाषा अनुवादहरू समावेश छन् जसले डाउनलोड साइजलाई निकै बढाउँछ। अनुवादहरू बिना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्: > > **Bash / macOS / Linux:** > ```bash @@ -36,43 +36,43 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> यसले तपाईंलाई सबै आवश्यक सामग्री छिटो डाउनलोडको साथ दिन्छ। +> यसले तपाईलाई कोर्स पूरा गर्न आवश्यक सबै कुरा छिटो डाउनलोड गर्ने सुविधा दिन्छ। -**यदि तपाईं थप भाषाहरू समर्थित गर्न चाहनुहुन्छ भने ती यहाँ सूचीबद्ध छन् [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**यदि थप अनुवादहरू चाहानुहुन्छ भने, समर्थन भएका भाषाहरू यहाँ सूचीबद्ध छन्। [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _तिमी विद्यार्थी हौ?_ +#### 🧑‍🎓 _के तपाईं विद्यार्थी हुनुहुन्छ?_ -[**Student Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईं प्रारम्भिक स्रोतहरू, विद्यार्थी प्याकहरू, र निशुल्क प्रमाणपत्र भाउचर प्राप्त गर्ने तरिका पाउनुहुनेछ। यो पृष्ठ तपाईंले बुकमार्क गर्न र महिनावारी नयाँ सामग्री आउँदा जाँच गर्न चाहिने छ। +[**Student Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईंलाई आरम्भकर्ताका स्रोतहरू, विद्यार्थी प्याकहरू र निशुल्क प्रमाणपत्र भौचर प्राप्त गर्ने तरिकाहरू फेला पर्नेछन्। यो पृष्ठ बुकमार्क गर्नुहोस् र हरेक महिना सामग्री परिवर्तन हुँदा समय-समयमा जाँच गर्नुहोस्। -### 📣 सूचना - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्ने! +### 📣 घोषणा - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्न! -नयाँ चुनौती थपिएको छ, प्रायः अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो GitHub Copilot र Agent मोड प्रयोग गरी पूरा गर्न नयाँ चुनौती हो। यदि तपाईंले पहिले Agent मोड प्रयोग गर्नुभएको छैन भने, यो केवल टेक्स्ट मात्र उत्पन्न गर्न सक्दैन, फाइलहरू सिर्जना र सम्पादन गर्न, कमाण्डहरू चलाउन र धेरै गर्न सक्षम छ। +नयाँ चुनौती थपिएको छ, अधिकांश अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो तपाईंले GitHub Copilot र Agent मोड प्रयोग गरेर पूरा गर्नु पर्ने नयाँ चुनौती हो। यदि तपाईंले पहिले Agent मोड प्रयोग गर्नुभएको छैन भने यो केवल पाठ उत्पन्न मात्र गर्दैन, यसले फाइलहरू सिर्जना र सम्पादन, कमाण्डहरू चलाउने आदि पनि गर्न सक्छ। -### 📣 सूचना - _Generative AI प्रयोग गरेर नयाँ परियोजना बनाउने_ +### 📣 घोषणा - _Generative AI प्रयोग गरी नयाँ परियोजना तयार गर्ने_ -नयाँ AI सहायक परियोजना हालै थपियो, जाँच गर्नुहोस् [परियोजना](./9-chat-project/README.md) +नयाँ AI सहायक परियोजना थपिएको छ, यहाँ हेर्नुहोस् [project](./9-chat-project/README.md) -### 📣 सूचना - _Generative AI को लागि नयाँ पाठ्यक्रम_ हालै जारी भयो +### 📣 घोषणा - _Generative AI को लागि नयाँ पाठ्यक्रम_ JavaScript को लागि अहिले मात्र जारी गरिएको छ -हाम्रो नयाँ Generative AI पाठ्यक्रम नछुटाउनुहोस्! +हामीले नयाँ Generative AI पाठ्यक्रम जारी गरेका छौं, यो नछुटाउनुहोस्! सुरु गर्न [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) भ्रमण गर्नुहोस्! ![Background](../../translated_images/ne/background.148a8d43afde5730.webp) -- आधारभूतदेखि RAG सम्मका सबै विषयहरू समेटिएको पाठहरू। -- GenAI र हाम्रो सहायक एपको माध्यमले ऐतिहासिक पात्रहरू सँग अन्तरक्रिया गर्नुहोस्। -- रमाईलो र आकर्षक कथा, तपाईं समय यात्रा गर्दै हुनुहुन्छ! +- आधारभूतदेखि RAG सम्म सबै कुरा समेट्ने पाठहरू। +- GenAI र हाम्रो सहायक एपको माध्यमबाट ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्। +- रमाइलो र पदार्पणात्मक कथा, तपाईं समय यात्रा गर्दै हुनुहुनेछ! ![character](../../translated_images/ne/character.5c0dd8e067ffd693.webp) -प्रत्येक पाठमा पूरा गर्नुपर्ने असाइनमेन्ट, ज्ञान जाँच, र चुनौतीहरू छन्, जस्तै: -- प्रम्प्टिङ र प्रम्प्ट ईन्जिनियरिङ -- टेक्स्ट र छवि एप निर्माण -- खोज एपहरू +प्रत्येक पाठमा एउटा असाइन्मेन्ट पूरा गर्न, ज्ञान जाँच गर्न र चुनौती समावेश छ, जसले तपाईंलाई यी विषयहरू सिक्न मार्गदर्शन गर्छ: +- प्रम्प्टिंग र प्रम्प्ट इन्जिनियरिङ +- पाठ र छवि अनुप्रयोग सिर्जना +- खोज अनुप्रयोगहरू सुरु गर्न [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) भ्रमण गर्नुहोस्! @@ -80,129 +80,129 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु ## 🌱 सुरु गर्ने तरिका -> **शिक्षकहरू**, हामीले यस पाठ्यक्रम प्रयोग गर्ने सल्लाहहरू समावेश गरेका छौं [यहाँ](for-teachers.md)। कृपया तपाईंहरूको प्रतिक्रिया [हामीलाई हाम्रो छलफल फोरममा दिनुहोस्](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **शिक्षकहरू**, हामीले यस पाठ्यक्रमलाई कसरी प्रयोग गर्ने भन्ने बारेमा [केही सुझावहरू समावेश गरेका छौं](for-teachers.md)। कृपया हामीलाई तपाईंको प्रतिक्रिया दिनुहोस् [हाम्रो छलफल फोरममा](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[शिक्षार्थीहरू](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठको लागि, प्रि-लेक्चर क्विजबाट सुरु गर्नुहोस् र त्यसपछि व्याख्या सामग्री पढ्नुहोस्, विभिन्न गतिविधिहरू पूरा गर्नुहोस् र पोष्ट-लेक्चर क्विजसँग आफ्नो बुझाइ जाँच गर्नुहोस्। +**[शिक्षार्थीहरू](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठका लागि, पूर्व-लेक्चर क्विजबाट सुरु गर्नुहोस् र त्यसपछि लेक्चर सामग्री पढ्दै, विभिन्न क्रियाकलापहरू पूरा गर्दै, र पष्ट-लेक्चर क्विजबाट आफ्नो बुझाइ जाँच गर्नुहोस्। -तपाईंको सिकाइ अनुभव बढाउन, आफ्ना साथीहरू सँग परियोजनाहरुमा सँगै काम गर्न जडान हुनुहोस्! छलफलहरू हाम्रो [चर्चा फोरम](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) मा प्रोत्साहित छन् जहाँ हाम्रो मोडरेटर टोली तपाईंका प्रश्नहरूको जवाफ दिन उपलब्ध हुनेछ। +तपाईंको सिकाइ अनुभवलाई अझ राम्रो बनाउन, साथीहरू सँग मिलेर परियोजनाहरूमा काम गर्नुहोस्! छलफलहरू हाम्रो [छलफल फोरम](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) मा प्रोत्साहित गरिन्छ जहाँ हाम्रो मॉडरेटरहरूको टोली तपाईंको प्रश्नहरूको उत्तर दिन उपलब्ध हुनेछ। -आफ्नो अध्ययनलाई अझ अघि बढाउन, हामी [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) मा थप अध्ययन सामग्री अन्वेषण गर्न अत्यन्त सिफारिस गर्दछौं। +तपाईंको शिक्षालाई थप अघि बढाउन, हामी [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) बाट थप अध्ययन सामग्रीहरू अन्वेषण गर्न अत्यधिक सिफारिस गर्छौं। -### 📋 तपाईंको वातावरण सेटअप गर्ने तरिका +### 📋 तपाईंको वातावरण सेटअप गर्ने -यो पाठ्यक्रमसँग विकास वातावरण तयार छ! तपाईं सुरु गर्दा तपाईं [Codespace](https://github.com/features/codespaces/) (एक ब्राउजर-आधारित, कुनै इन्स्टल आवश्यक नभएको वातावरण) मा चलाउन सक्छौं, वा आफ्नो कम्प्युटरमा [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) जस्तै टेक्स्ट सम्पादक प्रयोग गरी स्थानीय रूपमा चलाउन सक्नुहुन्छ। +यो पाठ्यक्रमले विकास वातावरण तयार गरेको छ! सुरु गर्दा तपाईं कूरिकुलमलाई [Codespace](https://github.com/features/codespaces/) (ब्राउजरमा आधारित, कुनै इन्स्टल आवश्यक पर्ने छैन) मा चलाउन वा स्थानीय रूपमा आफ्नो कम्प्युटरमा [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) जस्ता टेक्स्ट सम्पादकको प्रयोग गरी चलाउन रोज्न सक्नुहुन्छ। #### आफ्नो रिपोजिटरी सिर्जना गर्नुहोस् -तपाईंले आफ्नो काम सजिलै सुरक्षित गर्नका लागि, यो रिपोजिटरीको आफ्नो प्रतिलिपि सिर्जना गर्नु सिफारिस गरिन्छ। तपाईंले यो पृष्ठको माथि रहेको **Use this template** बटन थिचेर गर्न सक्नुहुन्छ। यसले तपाईंको GitHub खातामा पाठ्यक्रमको प्रतिलिपि सहित नयाँ रिपोजिटरी सिर्जना गर्नेछ। +तपाईंका काम सजिलै सुरक्षित गर्नको लागि, आफ्नै प्रतिलिपि बनाउन सिफारिस गरिन्छ। यसका लागि, पृष्ठको माथिल्लो भागमा रहेको **Use this template** बटन थिच्नुहोस्। यसले तपाईंको GitHub खातामा पाठ्यक्रमको प्रतिलिपि भएको नयाँ रिपोजिटरी सिर्जना गर्दछ। -यी कदमहरू पछ्याउनुहोस्: -1. **रिपोजिटरीलाई फोर्क गर्नुहोस्**: यो पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटन क्लिक गर्नुहोस्। -2. **रिपोजिटरीलाई क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +यी चरणहरू पालना गर्नुहोस्: +1. **रिपोजिटरी फरक गर्नुहोस्**: यस पृष्ठको माथिल्लो-दायाँ कुनामा रहेको "Fork" बटन क्लिक गर्नुहोस्। +2. **रिपोजिटरी क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace मा पाठ्यक्रम चलाउँदै +#### Codespace मा कूरिकुलम चलाउने -तपाईंले सिर्जना गरेको यस रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गर्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंका लागि नयाँ Codespace सिर्जना गर्नेछ। +तपाईंले सिर्जना गरेको रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गरेर **Open with Codespaces** छनौट गर्नुहोस्। यसले तपाईंको लागि नयाँ Codespace सिर्जना गर्नेछ जहाँ तपाईं काम गर्न सक्नुहुन्छ। ![Codespace](../../translated_images/ne/createcodespace.0238bbf4d7a8d955.webp) -#### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउँदै +#### आफ्नो कम्प्युटरमा स्थानीय रूपमा कूरिकुलम चलाउने -यो पाठ्यक्रम स्थानीय रूपमा चलाउन तपाईंलाई टेक्स्ट सम्पादक, ब्राउजर र कमाण्ड लाइन उपकरण आवश्यक पर्छ। हाम्रो पहिलो पाठ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), तपाईंलाई यी उपकरणहरूको विभिन्न विकल्पहरू मार्फत जानकारी दिनेछ, जसले तपाईंलाई उत्तम काम गर्ने छनोट गर्न मद्दत पुर्‍याउनेछ। +कंप्युटरमा स्थानीय रूपमा यो कूरिकुलम चलाउन, तपाईंलाई टेक्स्ट सम्पादक, ब्राउजर र कमाण्ड लाइन उपकरण आवश्यक पर्छ। हाम्रो पहिलो पाठ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages),ले यी उपकरणहरु मध्ये प्रत्येकका विभिन्न विकल्पहरू प्रस्ताव गर्नेछ र तपाईंलाई सबैभन्दा उपयुक्त चयन गर्न मद्दत गर्नेछ। -हामी यसको लागि [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) प्रयोग गर्न सिफारिस गर्छौं, जससँग बिल्ट-इन [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) पनि छ। Visual Studio Code यहाँबाट डाउनलोड गर्न सकिन्छ [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। -1. तपाईंको रिपोजिटरीलाई आफ्नो कम्प्युटरमा क्लोन गर्नुहोस्। तपाईं **Code** बटनमा क्लिक गरी URL कपी गरेर यो गर्न सक्नुहुन्छ: +हाम्रो सिफारिस [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) प्रयोग गर्नु हो, जसमा [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) पनि भित्रै छ। तपाईं Visual Studio Code यहाँबाट डाउनलोड गर्न सक्नुहुन्छ: [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। +1. आफ्नो रिपोजिटोरीलाई तपाईंको कम्प्युटरमा क्लोन गर्नुहोस्। तपाईं यो गर्न सक्नुहुन्छ **Code** बटन क्लिक गरेर र URL कपी गरेर: [CodeSpace](./images/createcodespace.png) - त्यसपछि, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) भित्र [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोल्नुहोस् र तलको कमाण्ड चलाउनुहोस्, जहाँ `` लाई तपाईंले भर्खर कपी गर्नुभएको URL सँग परिवर्तन गर्नुहोस्: + त्यसपछि, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) भित्र [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोल्नुहोस् र तल दिइएको कमाण्ड चलाउनुहोस्, `` लाई तपाईंले कपी गरेको URL ले प्रतिस्थापित गर्दै: ```bash git clone ``` -2. Visual Studio Code मा फोल्डर खोल्नुहोस्। तपाईं यो गर्न सक्नुहुन्छ **File** > **Open Folder** मा क्लिक गरी क्लोन गरिएको फोल्डर छानेर। - +2. Visual Studio Code मा फोल्डर खोल्नुहोस्। तपाईं यसलाई **File** > **Open Folder** क्लिक गरेर र पहिले क्लोन गरेको फोल्डर छान्दै गर्न सक्नुहुन्छ। > सिफारिस गरिएको Visual Studio Code एक्सटेन्सनहरू: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code भित्र HTML पेजहरू पूर्वावलोकन गर्न +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code भित्र HTML पृष्ठहरू पूर्वावलोकन गर्न > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - तपाईंलाई छिटो कोड लेख्न मद्दत गर्न -## 📂 प्रत्येक पाठले समावेश गर्छ: +## 📂 प्रत्येक पाठ समावेश गर्दछ: - वैकल्पिक स्केचनोट - वैकल्पिक पूरक भिडियो -- पाठ पूर्वको वार्मअप क्विज +- पूर्व-पाठ वार्मअप क्विज - लिखित पाठ -- परियोजना आधारित पाठहरूमा, परियोजना निर्माण गर्ने चरण-द्वारा-चरण मार्गदर्शन -- ज्ञान परीक्षणहरू +- परियोजना-आधारित पाठहरूको लागि, परियोजना बनाउन चरण-द्वारा-चरण गाइडहरू +- ज्ञान जाँचहरू - एउटा चुनौती -- पूरक पठन सामग्री +- पूरक पढाइ - असाइनमेन्ट -- [पाठ पश्चात क्विज](https://ff-quizzes.netlify.app/web/) +- [पाठपछि क्विज](https://ff-quizzes.netlify.app/web/) -> **क्विजहरूको बारेमा एक नोट**: सबै क्विजहरू Quiz-app फोल्डरमा समावेश छन्, तीन प्रश्नहरु भएका ४८ कुल क्विजहरू। तिनीहरू [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध छन् र क्विज एप्लिकेशन स्थानीय रूपमा चलाउन वा Azure मा डिप्लोय गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू अनुसरण गर्नुहोस्। +> **क्विजहरूको बारेमा एउटा नोट**: सबै क्विजहरू Quiz-app फोल्डरमा राखिएका छन्, कुल ४८ क्विजहरू तीन प्रश्नहरू सहित। तिनीहरू यहाँ उपलब्ध छन् [यहाँ](https://ff-quizzes.netlify.app/web/), क्विज एप्लिकेसन स्थानीय रूपमा चलाउन वा Azure मा परिनियोजन गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू पालना गर्नुहोस्। ## 🗃️ पाठहरू -| | परियोजनाको नाम | सिकाइका अवधारणाहरू | सिकाइ उद्देश्यहरू | सम्बन्धित पाठ | लेखक | -| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: | -| 01 | Getting Started | प्रोग्रामिङ परिचय र उपकरणहरूको आधारभूत ज्ञान | प्रायः प्रोग्रामिङ भाषाहरूको आधार बुझ्न र व्यावसायिक विकासकर्ताहरूले प्रयोग गर्ने सफ्टवेयरबारे जानकारी लिनुहोस् | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | GitHub को आधारभूत कुराहरू, टिमसँग काम गर्ने तरिका | तपाईंको परियोजनामा GitHub कसरी प्रयोग गर्ने, र कोड आधारमा अरू सँग सहकार्य गर्ने तरिका | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुराहरू सिक्नुहोस् | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScript डेटा प्रकारहरू | JavaScript डेटा प्रकारहरूको आधारभूत कुरा | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | कार्यहरू र विधिहरू | अनुप्रयोगको तर्क प्रवाह व्यवस्थापन गर्ने कार्यहरू र विधिहरूका बारेमा सिक्नुहोस् | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | JS सँग निर्णय लिनु | कोडमा निर्णय प्रक्रियाका लागि सर्तहरू कसरी सिर्जना गर्ने सिक्नुहोस् | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | एर्रेहरू र लूपहरू | JavaScript मा एर्रे र लूपहरूसँग काम गर्ने तरिका | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML व्यवहारमा | अनलाइन टेरारियम बनाउन HTML निर्माण गर्नुहोस्, लेआउट निर्माणमा ध्यान केन्द्रित गर्दै | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS व्यवहारमा | अनलाइन टेरारियमलाई CSS द्वारा स्टाइल गर्नुहोस्, पृष्ठलाई प्रतिक्रियाशील बनाउन CSS का आधार सिक्दै | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजरहरू, DOM हेरफेर | टेरारियमलाई ड्र्याग/ड्रप इन्टरफेस बनाउन JavaScript लेख्नुहोस्, क्लोजर र DOM हेरफेरमा ध्यान दिँदै | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | टाइपिङ खेल बनाउने | JavaScript एप्सको तर्क चलाउन किबोर्ड घटनाहरू कसरी प्रयोग गर्ने सिक्नुहोस् | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउजरसँग काम गर्ने | ब्राउजर कसरि काम गर्दछ, इतिहास, र ब्राउजर एक्स्टेन्सनका पहिलो तत्वहरू कसरी तयार गर्ने | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फारम बनाउने, API कल गर्ने र स्थानिय भण्डारणमा भेरिएबल राख्ने तरीका | API कल गर्न र स्थानिय भण्डारणमा राखिएका भेरिएबलहरू प्रयोग गर्न ब्राउजर एक्स्टेन्सनाका JavaScript तत्वहरू तयार पार्नुहोस् | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउजरमा पृष्ठभूमि प्रक्रियाहरू, वेब प्रदर्शन | एक्स्टेन्सन आइकन व्यवस्थापनका लागि ब्राउजरको पृष्ठभूमि प्रक्रियाहरू प्रयोग गर्नुहोस्; वेब प्रदर्शन र केही अनुकूलनहरूका बारेमा सिक्नुहोस् | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript सँग उन्नत खेल विकास | क्लासहरू, कम्पोजिशन, र Pub/Sub ढाँचा प्रयोग गरी इनहेरिटेन्सका बारेमा जान्नुहोस्, खेल विकासको तयारीका लागि | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | क्यानभासमा चित्र बनाउने | क्यानभास API को उपयोगबाट स्क्रिनमा तत्वहरू कसरी चित्रित गर्ने जान्नुहोस् | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रिनभरि तत्वहरू सार्ने तरिका | कर्टिशियन कोअर्डिनेट र क्यानभास API मार्फत तत्वहरूलाई गति दिन सिक्नुहोस् | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | ठोक्किने पहिचान | तत्वहरूलाई ठोक्किन लगाएर एक अर्कामा प्रतिक्रिया जनाउन, किप्रेसिङ प्रयोग गरी र खेलको प्रदर्शन सुनिश्चित गर्न कोल्डडाउन फंक्सन सहित | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर राख्ने | खेलको स्थिति र प्रदर्शनको आधारमा गणना गर्ने | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | खेल अन्त्य गर्ने र पुन: सुरु गर्ने | खेल अन्त्य र पुन: सुरु गर्ने तरिका सिक्न, स्रोतहरू सफा गर्ने र भेरिएबल मानहरू रिसेट गर्ने | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब एपको HTML टेम्प्लेट र राउटहरू | मल्टिपेज वेबसाइटको आयोजना तयार गर्न राउटिङ र HTML टेम्प्लेट कसरी प्रयोग गर्ने सिक्नुहोस् | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | लगइन र दर्ता फारम बनाउने | फारम बनाउने र मान्यकरण प्रक्रिया ह्यान्डल गर्ने बारेमा सिक्नुहोस् | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | डाटा प्राप्त गर्ने र प्रयोग गर्ने तरिका | तपाईंको एपमा डाटा कसरी आउने जाने, कसरी प्राप्त गर्ने, भण्डारण गर्ने, र नष्ट गर्ने सिक्नुहोस् | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | State Management का अवधारणाहरू | तपाईंको एपले कसरी स्टेट राख्छ र यसलाई कार्यक्रमबाट कसरी व्यवस्थापन गर्ने सिक्नुहोस् | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सँग काम गर्ने | कोड एडिटर कसरी प्रयोग गर्ने जान्नुहोस् | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | AI सँग काम गर्ने | आफ्नै AI सहायक कसरी निर्माण गर्ने | [AI Assistant project](./9-chat-project/README.md) | Chris | +| | परियोजनाको नाम | सिकाइ गराउने अवधारणाहरू | सिकाइका उद्देश्यहरू | लिंक गरिएको पाठ | लेखक | +| :-: | :----------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | सुरु गर्दै | प्रोग्रामिङ र उपकरणहरूको परिचय | प्रायः प्रोग्रामिङ भाषाहरूको आधारभूत ज्ञान र व्यावसायिक विकासकर्ताहरूले आफ्नो काम गर्न प्रयोग गर्ने सफ्टवेयरहरूका बारेमा सिक्नुहोस् | [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | सुरु गर्दै | GitHub का आधारहरू, टोलीसँग काम गर्ने समावेश | आफ्नो परियोजनामा GitHub कसरी प्रयोग गर्ने, कोड आधारमा अरू व्यक्ति संग कसरी सहकार्य गर्ने | [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | सुरु गर्दै | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुरा सिक्नुहोस् | [पहुँचयोग्यता आधारहरू](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS आधारहरू | JavaScript डाटा प्रकारहरू | JavaScript डाटा प्रकारहरूका आधारभूत कुरा | [डाटा प्रकारहरू](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS आधारहरू | फङ्सन र मेथडहरू | अनुप्रयोगको तर्क प्रवाह व्यवस्थापन गर्न फङ्सन र मेथडहरूको बारेमा सिक्नुहोस् | [फङ्सन र मेथडहरू](./2-js-basics/2-functions-methods/README.md) | Jasmine र Christopher | +| 06 | JS आधारहरू | JS संग निर्णय लिनु | निर्णय लिन्ने विधिहरू प्रयोग गरेर आफूले कोडमा सर्तहरू कसरी सिर्जना गर्ने सिक्नुहोस् | [निर्णय लिनु](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS आधारहरू | एर्रे र लूपहरू | JavaScript मा एर्रे र लूपहरू प्रयोग गरेर डाटा संग काम गर्नुहोस् | [एर्रे र लूपहरू](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | व्यावहारिक HTML | अनलाइन टेरेरियमको लेआउट निर्माण गर्दै HTML बनाउनुहोस् | [HTML परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | व्यावहारिक CSS | अनलाइन टेरेरियमको शैली बनाउन CSS प्रयोग गर्नुहोस्, CSS को आधारहरू सहित पृष्ठलाई प्रतिक्रियाशील बनाउने | [CSS परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर, DOM हेरफेर | टेरेरियमलाई ड्र्याग/ड्रप इन्टरफेस बनाउन JavaScript लेख्नुहोस्, क्लोजर र DOM हेरफेरमा केन्द्रित भएर | [JavaScript क्लोजर, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [टाइपिङ्ग खेल](./4-typing-game/solution/README.md) | एक टाइपिङ्ग खेल बनाउनुहोस् | किबोर्ड घटनाहरूको प्रयोगबाट JavaScript अनुप्रयोगको तर्क चलाउनु कसरी गर्ने सिक्नुहोस् | [घटना-चालित प्रोग्रामिङ](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | ब्राउजरसँग काम गर्दै | ब्राउजरहरू कसरी काम गर्छन्, इतिहास, र पहिलो ब्राउजर एक्सटेन्सनको तत्वहरू तयार गर्ने विधि सिक्नुहोस् | [ब्राउजरका बारेमा](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | फारम बनाउनु, API कल गर्नु र लोकल स्टोरेजमा भेरिएबलहरू राख्नु | API कल गर्न र लोकल स्टोरेजमा भेरिएबलहरू भण्डारण गर्न JavaScript प्रयोग गरेर ब्राउजर एक्सटेन्सनका तत्वहरू निर्माण गर्नुहोस् | [API, फारम, र लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | ब्राउजरका पृष्ठभूमि प्रक्रियाहरू, वेब प्रदर्शन | एक्सटेन्सनको आइकन व्यवस्थापन गर्न ब्राउजरको पृष्ठभूमि प्रक्रियाहरू प्रयोग गर्नुहोस्; वेब प्रदर्शन र केही अप्टिमाइजेसनहरूको बारेमा जान्नुहोस् | [पृष्ठभूमि कार्य र प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [स्पेस खेल](./6-space-game/solution/README.md) | JavaScript संग अझ बढी उन्नत खेल विकास | क्लास र कम्पोजिशन दुवै प्रयोग गरी इनहेरिटेन्स र Pub/Sub ढाँचा सिक्नुहोस्, खेल विकासको तयारीका लागि | [उन्नत खेल विकासमा परिचय](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [स्पेस खेल](./6-space-game/solution/README.md) | क्यानभासमा चित्र बनाउने | क्यानभास API को बारेमा सिक्नुहोस्, जसले स्क्रिनमा तत्त्वहरू चित्रित गर्छ | [क्यानभासमा चित्र बनाउने](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [स्पेस खेल](./6-space-game/solution/README.md) | स्क्रिनमा तत्त्वहरू सार्नु | तत्त्वहरूलाई गति प्राप्त कसरी हुन्छ कार्टेसियन निर्देशांक र क्यानभास API प्रयोग गरेर पत्ता लगाउनुहोस् | [तत्त्वहरू सार्ने](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [स्पेस खेल](./6-space-game/solution/README.md) | ठोक्किने पहिचान | तत्त्वहरूलाई ठोक्कन र एक अर्कामा प्रतिक्रिया गर्न बनाउनुहोस्, कीप्रेस प्रयोग गरेर र खेलको प्रदर्शन सुनिश्चित गर्न कूलडाउन फङ्सन प्रदान गर्नुहोस् | [ठोक्किने पहिचान](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [स्पेस खेल](./6-space-game/solution/README.md) | स्कोर राख्न | खेलको स्थिति र प्रदर्शनमा आधारित गणितीय गणना गर्नुहोस् | [स्कोर राख्ने](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [स्पेस खेल](./6-space-game/solution/README.md) | खेल समाप्त र पुनः सुरु गर्ने | खेल समाप्त गर्ने र पुनः सुरु गर्ने बारे जान्नुहोस्, जसमा स्रोतहरू क्लीनअप र भेरिएबल मानहरू रिसेट गर्ने पनि समावेश छ | [समापन अवस्था](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [बैंकिङ एप](./7-bank-project/solution/README.md) | वेब एपमा HTML टेम्प्लेट र रुटहरू | मल्टिपेज वेबसाइटको संरचना स्क्याफोल्ड गर्न रुटिङ र HTML टेम्प्लेटहरू कसरी बनाउन सिक्नुहोस् | [HTML टेम्प्लेट र रुटहरू](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [बैंकिङ एप](./7-bank-project/solution/README.md) | लगइन र दर्ता फारम बनाउने | फारमहरू बनाउन र मान्यता प्रक्रिया कसरी सम्हाल्ने जान्नुहोस् | [फारमहरू](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [बैंकिङ एप](./7-bank-project/solution/README.md) | डाटा ल्याउने र प्रयोग गर्ने विधिहरू | तपाईंको एपमा डाटा कसरी आउँछ र जान्छ, कसरी ल्याउने, भण्डारण गर्ने र डिस्पोज गर्ने | [डाटा](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [बैंकिङ एप](./7-bank-project/solution/README.md) | राज्य व्यवस्थापन अवधारणाहरू | तपाईंको एपले कसरी राज्य राख्छ र प्रोग्रामबाट कसरी व्यवस्थापन गर्ने सिक्नुहोस् | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [ब्राउजर / VScode कोड](../../8-code-editor) | VScode सँग काम गर्दै | कोड सम्पादक प्रयोग गर्न सिक्नुहोस्| [VScode कोड सम्पादक प्रयोग गर्नुहोस्](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI सहायकहरू](./9-chat-project/README.md) | AI सँग काम गर्दै | आफ्नो AI सहायक बनाउने तरिका सिक्नुहोस् | [AI सहायक परियोजना](./9-chat-project/README.md) | Chris | ## 🏫 शिक्षाशास्त्र -हाम्रो पाठ्यक्रम दुई प्रमुख शिक्षाशास्त्रीय सिद्धान्तहरूसँग डिजाइन गरिएको छ: -* परियोजना आधारित सिकाइ +हाम्रो पाठ्यक्रम दुई मुख्य शिक्षाशास्त्रीय सिद्धान्तहरूका साथ डिजाइन गरिएको छ: +* परियोजना-आधारित सिकाइ * बारम्बार क्विजहरू -कार्यक्रमले JavaScript, HTML, CSS का आधारभूत कुरा र आजको वेब विकासकर्ताहरूले प्रयोग गर्ने आधुनिक उपकरण र प्रविधिहरू सिकाउँछ। विद्यार्थीहरूले टाइपिङ खेल, भर्चुअल टेरारियम, पर्यावरणमैत्री ब्राउजर एक्स्टेन्सन, अन्तरिक्ष आक्रमण खेल, र व्यवसायका लागि बैंकिङ एप निर्माण गरेर व्यावहारिक अनुभव प्राप्त गर्ने मौका पाउनेछन्। पाठ्यक्रमको अन्त्यसम्म विद्यार्थीहरूले वेब विकासको राम्रो बुझाइ हासिल गर्नेछन्। +यो कार्यक्रम JavaScript, HTML, र CSS का आधारभूत कुरा सिकाउँछ, साथै आजका वेब विकासकर्ताहरूले प्रयोग गर्ने नयाँतम उपकरण र प्रविधिहरू पनि सिकाउँछ। विद्यार्थीहरूले टाइपिङ्ग खेल, भर्चुअल टेरेरियम, इको-मैत्री ब्राउजर एक्सटेन्सन, स्पेस-इन्वाडर शैली खेल, र बैंकिङ एप व्यवसायहरूका लागि निर्माण गरेर व्यवहारिक अनुभव प्राप्त गर्ने मौका पाउँछन्। श्रृंखलाको अन्त्यसम्म विद्यार्थीहरूले वेब विकासको दृढ बुझाइ हासिल गर्नेछन्। -> 🎓 तपाईंले यस पाठ्यक्रमका पहिला केही पाठहरू Microsoft Learn मा [Learning Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ! +> 🎓 तपाईं यस पाठ्यक्रमका पहिलो केही पाठहरूलाई Microsoft Learn मा [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ! -सामग्री परियोजनासँग मेल खाने हुँदा विद्यार्थीहरूले सिकाइमा थप रुचि लिने र अवधारणाहरूको अवधारण क्षमता बढ्नेछ। हामीले JavaScript आधारभूत विषयहरूमा प्रारम्भिक पाठहरू तयार पारेका छौं, जसमा "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" भिडियो ट्युटोरियलहरूको संग्रहबाट भिडियो समावेश गरिएको छ, जसका केही लेखकहरूले यो पाठ्यक्रमको निर्माणमा योगदान दिएका छन्। +सामग्री परियोजनाहरू संग मेल खाने गरी सुनिश्चित गरिएर, प्रक्रिया विद्यार्थीहरूका लागि थप आकर्षक बनेको छ र अवधारणाहरूको सम्प्रेषण बढ्छ। हामीले धेरै सुरुवाती पाठहरू JavaScript आधारभूतहरूमा पनि लेखेका छौं अवधारणाहरू परिचय गराउनका लागि, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" भिडियो ट्युटोरियलहरूको संग्रहबाट भिडियोसँग मिलाएर, जसका केही लेखकहरूले यो पाठ्यक्रममा योगदान दिएका छन्। -थप रूपमा, कक्षाको पहिले सानो क्विज विद्यार्थीलाई विषय सिक्ने मानसिकतामा तयार पार्छ भने कक्षा पछि अर्को क्विजले अवधारणालाई मजबुत बनाउँछ। यो पाठ्यक्रम लचिलो र रमाइलो हुने गरी डिजाइन गरिएको छ र पूर्ण वा अंशमा लिन सकिन्छ। परियोजनाहरू सानोबाट सुरु भएर १२ हप्ताको समापनमा थप जटिल बन्दै जान्छन्। +थप रूपमा, एउटा कक्षा अगाडि गुमाएर सिकाईको उद्देश्य सेट गर्ने कम-जोखिम क्विज र कक्षा पछि अर्को क्विजले थप अवधारणाहरू सम्बन्धी सम्झनशीलता सुनिश्चित गर्दछ। यो पाठ्यक्रम लचिलो र रमाइलो हुने गरी डिजाइन गरिएको छ र पूर्ण वा अंशमा लिन सकिन्छ। परियोजनाहरू सानोतिनोतर्फ सुरु भएर १२ हप्ते चक्रको अन्त्यसम्म क्रमशः जटिल बन्दै जान्छन्। -हामीले जानबुझेर JavaScript फ्रेमवर्कहरू परिचय गराउन छाडेका छौं ताकि वेब विकासकर्ताको रूपमा आवश्यक आधारभूत सीपहरूमा केन्द्रित रहन सकियोस्, तर यस पाठ्यक्रम पूरा गरेपछि अर्को राम्रो कदम Node.js सिक्नु हुनेछ, जुन अर्को भिडियो संग्रह "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" बाट प्राप्त गर्न सकिन्छ। +हामीले जानाजानी JavaScript फ्रेमवर्कहरू परिचय नगरि वेब विकासकर्ताका रूपमा चाहिने आधारभूत कौशलहरूमा ध्यान केन्द्रित गर्न चाहेका छौं, फ्रेमवर्क अपनाउनु अघि, यस पाठ्यक्रम पूरा गर्ने अर्को राम्रो चरण Node.js सिक्नु हुनसक्छ अर्को भिडियो सङ्ग्रहमार्फत: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> हाम्रो [Code of Conduct](CODE_OF_CONDUCT.md) र [Contributing](CONTRIBUTING.md) दिशानिर्देशनहरू अवलोकन गर्नुहोस्। हामी तपाईंको रचनात्मक प्रतिक्रिया स्वागत गर्दछौं! +> हाम्रो [आचार संहिता](CODE_OF_CONDUCT.md) र [योगदान गर्ने](CONTRIBUTING.md) दिशानिर्देशहरू भ्रमण गर्नुहोस्। हामी तपाईंका रचनात्मक सुझावहरूलाई स्वागत गर्दछौं! ## 🧭 अफलाइन पहुँच -तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरेर यो दस्तावेज अफलाइन चलाउन सक्नुहुन्छ। यो रिपो फोर्क गरी आफ्नो स्थानीय मेसिनमा [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस्, अनि यस रिपोको रुट फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेब साइट पोर्ट ३००० मा चल्नेछ: `localhost:3000`। +तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरी यो दस्तावेजीकरण अफलाइनमा चलाउन सक्नुहुन्छ। यस रेपो लाइ फोर्क गर्नुहोस्, स्थानिय मेसिनमा [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस्, र त्यसपछि यस रेपोको रुट फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट पोर्ट ३००० मा तपाईंको लोकलहोस्टमा सेवा हुनेछ: `localhost:3000`। ## 📘 PDF -सबै पाठहरूको PDF यहाँ पाउन सकिन्छ [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)। +सबै पाठहरूको PDF [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) फेला पार्न सकिन्छ। + ## 🎒 अन्य पाठ्यक्रमहरू -हाम्रो टोलीले अन्य पाठ्यक्रमहरू उत्पादन गर्दछ! हेर्नुहोस्: +हाम्रो टोलीले अन्य पाठ्यक्रमहरू पनि उत्पादन गर्छ! जाँच गर्नुहोस्: ### LangChain @@ -211,7 +211,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / एजेन्टहरू [![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) @@ -227,7 +227,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु --- -### मूल सिकाइ +### कोर सिकाइ [![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) @@ -238,29 +238,29 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु --- -### कोपाइलट सिरिज +### 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) -## मद्दत पाउने तरिका +## सहयोग पाउने तरिका -यदि तपाईं अड्किनु भयो वा AI एपहरू निर्माण गर्दा कुनै प्रश्न छ भने। MCP सम्बन्धी छलफलमा सहपाठी सिक्नेहरू र अनुभवी विकासकर्ताहरूमा सामेल हुनुहोस्। यो एक सहयोगी समुदाय हो जहाँ प्रश्नहरू स्वागत योग्य छन् र ज्ञान स्वतन्त्र रूपमा साझा गरिन्छ। +यदि तपाईं अड्कनुभयो वा AI एप्स बनाउन कुनै प्रश्नहरू छन् भने। MCP मा फेला साथी सिक्दै गर्नुहुनेहरू र अनुभवी विकासकर्ताहरूको छलफलमा सहभागी हुनुहोस्। यो एक सहयोगात्मक समुदाय हो जहाँ प्रश्नहरू स्वागत हुन्छन् र ज्ञान स्वतन्त्र रूपमा साझा गरिन्छ। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -यदि तपाईंलाई उत्पादन सुझाव वा निर्माण गर्दा त्रुटिहरू छन् भने भ्रमण गर्नुहोस्: +यदि तपाईंसँग उत्पादन प्रतिक्रिया वा निर्माण गर्ने क्रममा त्रुटिहरू छन् भने भ्रमण गर्नुहोस्: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) -## अनुमति पत्र +## लाइसेन्स -यो भण्डार MIT अनुमति पत्र अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीको लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्। +यस रिपोजिटोरीलाई MIT लाइसेन्स अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीका लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्। --- **अस्वीकरण**: -यस दस्तावेजलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको हो। हामी शुद्धताका लागि प्रयासरत छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटि वा अशुद्धिहरू हुन सक्छन्। मूल भाषामा रहेको दस्तावेजलाई आधिकारिक स्रोतको रूपमा मानिनु पर्दछ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार छैनौं। +यो दस्तावेज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) को प्रयोग गरी अनुवाद गरिएको हो। हामी शुद्धताको प्रयास गर्छौं भने पनि कृपया जानकार हुनुहोस् कि स्वचालित अनुवादहरूमा त्रुटि वा असावधानी हुनसक्छ। मूल दस्तावेज यसको मूल भाषामा आधिकारिक स्रोत मानिन्छ। महत्वपूर्ण जानकारीको लागि, विज्ञ व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलत बुझाई वा गलत व्याख्याका लागि हामी जिम्मेवार छैनौं। \ No newline at end of file diff --git a/translations/ne/lesson-template/README.md b/translations/ne/lesson-template/README.md index f079127a5c..974ac08d29 100644 --- a/translations/ne/lesson-template/README.md +++ b/translations/ne/lesson-template/README.md @@ -1,54 +1,79 @@ -# [पाठको विषयवस्तु] +# पाठ विषय -![यहाँ भिडियो राख्नुहोस्](../../../lesson-template/video-url) +## 🎥 भिडियो -## [पाठ अघि क्विज](../../../lesson-template/quiz-url) +> यहाँ एम्बेड गरिएको भिडियो वा पाठ लिङ्क थप्नुस्। -[हामीले के सिक्नेछौं भन्ने वर्णन गर्नुहोस्] +--- + +## पूर्व-व्याख्यान प्रश्नोत्तरी + +> उपलब्ध हुँदा यहाँ प्रश्नोत्तरीको लिङ्क थप्नुस्। + +--- + +विद्यार्थीहरूले यस पाठमा के सिक्नेछन् भन्ने छोटो अवलोकन प्रदान गर्नुस्। + +--- ### परिचय -यस पाठमा समेटिने विषयवस्तुहरूको वर्णन गर्नुहोस् +यस पाठमा के समेटिनेछ भनेर छोटो परिचय दिनुहोस्। > नोटहरू -### पूर्वआवश्यकता +--- -यस पाठ अघि कस्ता चरणहरू पूरा गरिएका हुनुपर्छ? +### पूर्वापेक्षा + +यस पाठ सुरु गर्नुअघि विद्यार्थीहरूले परिचित हुनु पर्ने अवधारणाहरू वा विषयवस्तुहरूको सूची दिनुस्। + +--- ### तयारी -यस पाठ सुरु गर्नका लागि आवश्यक तयारीका चरणहरू +पाठ सुरु गर्नुअघि आवश्यक कुनै सेटअप कदम वा उपकरणहरूको सूची बनाउनुहोस्। --- -[सामग्रीलाई ब्लकहरूमा विभाजन गर्दै अघि बढ्नुहोस्] +### सामग्री + +पाठ सामग्रीलाई संरचित खण्डहरूमा चरणबद्ध रूपमा व्याख्या गर्नुहोस्। -## [विषय १] +--- + +## विषय १ ### कार्य: -आफ्नो कोडबेसलाई क्रमिक रूपमा सुधार गर्दै साझा कोडको प्रयोग गरेर परियोजना निर्माण गर्नुहोस्: +तपाईंको कोडबेसलाई क्रमशः सुधार गर्दै साझा कोडसहित परियोजना निर्माण गर्न मिलेर काम गर्नुहोस्: ```html code blocks ``` -✅ ज्ञान जाँच - विद्यार्थीहरूको ज्ञानलाई खुला प्रश्नहरूको माध्यमबाट विस्तार गर्न यो क्षण प्रयोग गर्नुहोस् +✅ ज्ञान जाँच +विद्यार्थीहरूको ज्ञानलाई खुला प्रश्नहरू मार्फत विस्तार गर्ने अवसरको रूपमा यो प्रयोग गर्नुहोस्। -## [विषय २] +## विषय २ +## विषय ३ -## [विषय ३] +🚀 चुनौती +परियोजनालाई सुधार गर्ने सहयोगात्मक चुनौती थप्नुस्। -🚀 चुनौती: विद्यार्थीहरूले कक्षामा सहकार्य गर्दै परियोजनालाई सुधार गर्नका लागि चुनौती थप्नुहोस् +ऐच्छिक: उपयुक्त भएमा सम्पन्न पाठको UI को स्क्रीनशट थप्नुस्। -वैकल्पिक: यदि उपयुक्त छ भने पूरा पाठको UI को स्क्रिनसट थप्नुहोस् +## पोस्ट-व्याख्यान प्रश्नोत्तरी -## [पाठ पछि क्विज](../../../lesson-template/quiz-url) +पाठ पूरा गरेपछि यहाँ प्रश्नोत्तरीको लिङ्क थप्नुस्। -## समीक्षा र आत्म अध्ययन +## समीक्षा र स्वअध्ययन -**कार्य पूरा गर्ने मिति [MM/YY]**: [कार्यको नाम](assignment.md) +**कार्य निर्धारणको म्याद [MM/YY]**: [कार्य निर्धारण नाम](assignment.md) + +--- + **अस्वीकरण**: -यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको छ। हामी यथार्थताको लागि प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छ। यसको मूल भाषा मा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं। \ No newline at end of file +यो दस्तावेज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) द्वारा अनुवादित गरिएको छ। हामी शुद्धताको लागि प्रयास गर्छौं, तर कृपया जान्नुस् कि स्वत: अनुवादहरूमा त्रुटिहरू वा अशुद्धिहरू हुनसक्छन्। मूल दस्तावेज यसको मूल भाषामा आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याहरूको लागि हामी जिम्मेवार छैनौं। + \ No newline at end of file diff --git a/translations/no/.co-op-translator.json b/translations/no/.co-op-translator.json index 93cc4d2651..0b08d8f60e 100644 --- a/translations/no/.co-op-translator.json +++ b/translations/no/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:55:04+00:00", + "translation_date": "2026-04-24T12:30:20+00:00", "source_file": "AGENTS.md", "language_code": "no" }, @@ -516,8 +516,8 @@ "language_code": "no" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:11:05+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:25:48+00:00", "source_file": "README.md", "language_code": "no" }, @@ -564,8 +564,8 @@ "language_code": "no" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T23:13:57+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:26:00+00:00", "source_file": "lesson-template/README.md", "language_code": "no" }, diff --git a/translations/no/AGENTS.md b/translations/no/AGENTS.md index 5011abd8dd..b00fdad3e2 100644 --- a/translations/no/AGENTS.md +++ b/translations/no/AGENTS.md @@ -2,29 +2,29 @@ ## Prosjektoversikt -Dette er et utdanningspensum-repositorium for å lære grunnleggende webutvikling til nybegynnere. Pensumet er et omfattende 12-ukers kurs utviklet av Microsoft Cloud Advocates, med 24 praktiske leksjoner som dekker JavaScript, CSS og HTML. +Dette er et utdanningsrepositorium for å lære grunnleggende webutvikling til nybegynnere. Pensumet er et omfattende 12-ukers kurs utviklet av Microsoft Cloud Advocates, med 24 praktiske leksjoner som dekker JavaScript, CSS og HTML. ### Nøkkelkomponenter - **Utdanningsinnhold**: 24 strukturerte leksjoner organisert i prosjektbaserte moduler -- **Praktiske Prosjekter**: Terrarium, Typingspill, Nettleserutvidelse, Romspill, Bankapp, Kodeditor og AI Chat-assistent -- **Interaktive Quizzer**: 48 quizzer med 3 spørsmål hver (før- og etter-leksjon vurderinger) -- **Flerspråklig Støtte**: Automatiske oversettelser til 50+ språk via GitHub Actions +- **Praktiske prosjekter**: Terrarium, Typing Game, Nettleserutvidelse, Space Game, Bankapp, Kodeeditor og AI Chat Assistant +- **Interaktive quizer**: 48 quizer med 3 spørsmål hver (før/etter leksjon) +- **Flerspråklig støtte**: Automatiserte oversettelser til 50+ språk via GitHub Actions - **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (for AI-prosjekter) ### Arkitektur -- Utdanningsrepo med leksjonsbasert struktur +- Utdanningsrepositorium med leksjonsbasert struktur - Hver leksjonsmappe inneholder README, kodeeksempler og løsninger -- Selvstendige prosjekter i separate kataloger (quiz-app, ulike leksjonsprosjekter) -- Oversettelsessystem med GitHub Actions (co-op-translator) -- Dokumentasjon levert via Docsify og tilgjengelig som PDF +- Frittstående prosjekter i separate kataloger (quiz-app, ulike leksjonsprosjekter) +- Oversettelsessystem ved bruk av GitHub Actions (co-op-translator) +- Dokumentasjon servert via Docsify og tilgjengelig som PDF ## Oppsettkommandoer -Dette repositoriet er hovedsakelig for konsum av utdanningsinnhold. For arbeid med spesifikke prosjekter: +Dette repositoriet er primært for konsum av utdanningsinnhold. For å jobbe med spesifikke prosjekter: -### Hovedrepo-setup +### Hovedoppsett for Repository ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -41,7 +41,7 @@ npm run build # Bygg for produksjon npm run lint # Kjør ESLint ``` -### Bank Prosjekt API (Node.js + Express) +### Bankprosjekt API (Node.js + Express) ```bash cd 7-bank-project/api @@ -59,76 +59,76 @@ npm install # Følg nettleserspesifikke instruksjoner for lasting av utvidelser ``` -### Romspillprosjekter +### Space Game-prosjekter ```bash cd 6-space-game/solution npm install -# Åpne index.html i nettleser eller bruk Live Server +# Åpne index.html i nettleseren eller bruk Live Server ``` -### Chatprosjekt (Python Backend) +### Chat-prosjekt (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Sett GITHUB_TOKEN-miljøvariabelen +# Sett miljøvariabelen GITHUB_TOKEN python api.py ``` ## Utviklingsarbeidsflyt -### For Innholdsbidragsytere +### For innholdsbidragsytere -1. **Fork repositoriet** til din GitHub-konto +1. **Lag en fork** av repositoriet til din GitHub-konto 2. **Klon din fork** lokalt 3. **Opprett en ny gren** for dine endringer 4. Gjør endringer i leksjonsinnhold eller kodeeksempler -5. Test eventuelle kodeendringer i relevante prosjektmapper -6. Send inn pull requests i samsvar med bidragsretningslinjer +5. Test eventuelle kodeendringer i relevante prosjektkataloger +6. Send inn pull requests i henhold til retningslinjer for bidrag -### For Lærende +### For lærende -1. Fork eller klon repositoriet +1. Lag en fork eller klon repositoriet 2. Naviger gjennom leksjonskatalogene sekvensielt -3. Les README-filer for hver leksjon -4. Fullfør før-leksjonsquizzer på https://ff-quizzes.netlify.app/web/ -5. Arbeid gjennom kodeeksempler i leksjonsmapper +3. Les README-filene for hver leksjon +4. Fullfør forhånds-leksjonsquizer på https://ff-quizzes.netlify.app/web/ +5. Arbeid med kodeeksempler i leksjonsmappene 6. Fullfør oppgaver og utfordringer -7. Ta etter-leksjonsquizzer +7. Ta quizer etter leksjonen ### Live utvikling -- **Dokumentasjon**: Kjør `docsify serve` i rotkatalog (port 3000) -- **Quiz App**: Kjør `npm run dev` i quiz-app katalogen -- **Prosjekter**: Bruk VS Code Live Server extension for HTML-prosjekter -- **API Prosjekter**: Kjør `npm start` i respektive API-kataloger +- **Dokumentasjon**: Kjør `docsify serve` i rotmappen (port 3000) +- **Quiz App**: Kjør `npm run dev` i quiz-app-katalogen +- **Prosjekter**: Bruk VS Code Live Server-utvidelsen for HTML-prosjekter +- **API-prosjekter**: Kjør `npm start` i respektive API-kataloger ## Testinstruksjoner -### Quiz App Testing +### Test av Quiz App ```bash cd quiz-app -npm run lint # Sjekk for problemer med kodestil -npm run build # Verifiser at byggingen lykkes +npm run lint # Sjekk for kode stil problemer +npm run build # Bekreft at bygging lykkes ``` ### Bank API Testing ```bash cd 7-bank-project/api -npm run lint # Sjekk for problemer med kodestil +npm run lint # Sjekk etter kode stil problemer node server.js # Bekreft at serveren starter uten feil ``` -### Generell Testtilnærming +### Generell testtilnærming -- Dette er et utdanningsrepo uten omfattende automatiske tester +- Dette er et utdanningsrepositorium uten omfattende automatiserte tester - Manuell testing fokuserer på: - Kodeeksempler kjører uten feil - Lenker i dokumentasjon fungerer korrekt - - Prosjektbygg fullføres suksessfullt + - Prosjektbygninger fullføres suksessfullt - Eksempler følger beste praksis ### Forhåndssjekker før innsending @@ -136,71 +136,71 @@ node server.js # Bekreft at serveren starter uten feil - Kjør `npm run lint` i kataloger med package.json - Verifiser at markdown-lenker er gyldige - Test kodeeksempler i nettleser eller Node.js -- Sjekk at oversettelser beholder riktig struktur +- Kontroller at oversettelser opprettholder korrekt struktur -## Kode-stilretningslinjer +## Retningslinjer for kodestil ### JavaScript - Bruk moderne ES6+ syntaks -- Følg standard ESLint-konfigurasjoner gitt i prosjektene +- Følg standard ESLint-konfigurasjoner som finnes i prosjektene - Bruk meningsfulle variabel- og funksjonsnavn for pedagogisk klarhet - Legg til kommentarer som forklarer konsepter for lærende -- Formater med Prettier der konfigurert +- Formater med Prettier der det er konfigurert ### HTML/CSS - Semantiske HTML5-elementer - Responsive designprinsipper -- Klare klasse-navnekonvensjoner +- Klare navnekonvensjoner for klasser - Kommentarer som forklarer CSS-teknikker for lærende ### Python - PEP 8 stilretningslinjer - Klare, pedagogiske kodeeksempler -- Typehint der nyttig for læring +- Typeangivelser der det er hjelpsomt for læring -### Markdown Dokumentasjon +### Markdown-dokumentasjon -- Klar overskriftsstruktur -- Kodeblokker med språkspesifikasjon -- Lenker til tilleggsmateriale -- Skjermbilder og bilder i `images/` kataloger +- Tydelig overskriftshierarki +- Kodeblokker med språkspecificasjon +- Lenker til tilleggsmaterialer +- Skjermbilder og bilder i `images/`-mapper - Alt-tekst for bilder for tilgjengelighet ### Filorganisering - Leksjoner nummerert sekvensielt (1-getting-started-lessons, 2-js-basics, osv.) - Hvert prosjekt har `solution/` og ofte `start/` eller `your-work/` kataloger -- Bilder lagres i leksjonsspesifikke `images/` mapper +- Bilder lagret i leksjonsspesifikke `images/`-mapper - Oversettelser i `translations/{language-code}/` struktur -## Bygging og Distribusjon +## Bygging og distribusjon -### Quiz App distribusjon (Azure Static Web Apps) +### Quiz App-distribusjon (Azure Static Web Apps) -quiz-app er konfigurert for Azure Static Web Apps-distribusjon: +quiz-app er konfigurert for Azure Static Web Apps distribusjon: ```bash cd quiz-app -npm run build # Oppretter dist/-mappen -# Distribuerer via GitHub Actions-arbeidsflyt ved push til main +npm run build # Oppretter dist/ mappe +# Distribuerer via GitHub Actions arbeidsflyt ved push til main ``` -Azure Static Web Apps-konfigurasjon: -- **App-lokasjon**: `/quiz-app` -- **Output-lokasjon**: `dist` +Azure Static Web Apps konfigurasjon: +- **App plassering**: `/quiz-app` +- **Utdata plassering**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Dokumentasjons PDF-generering +### Generering av dokumentasjon PDF ```bash npm install # Installer docsify-to-pdf npm run convert # Generer PDF fra docs ``` -### Docsify Dokumentasjon +### Docsify dokumentasjon ```bash npm install -g docsify-cli # Installer Docsify globalt @@ -209,74 +209,74 @@ docsify serve # Server på localhost:3000 ### Prosjektspesifikke bygg -Hver prosjektmappe kan ha egen byggprosess: +Hver prosjektmappe kan ha egen byggeprosess: - Vue-prosjekter: `npm run build` lager produksjonspakker -- Statisk prosjekter: Ingen byggesteg, tjen filer direkte +- Statiske prosjekter: Ingen byggeprosess, server filene direkte -## Retningslinjer for Pull Requests +## Retningslinjer for pull request ### Tittelformat -Bruk klare, beskrivende titler som angir endringsområdet: +Bruk klare, beskrivende titler som angir endringsområde: - `[Quiz-app] Legg til ny quiz for leksjon X` - `[Lesson-3] Rett skrivefeil i terrarium-prosjektet` - `[Translation] Legg til spansk oversettelse for leksjon 5` -- `[Docs] Oppdater oppsettinstruksjoner` +- `[Docs] Oppdater oppsettsinstruksjoner` -### Påkrevde Sjekker +### Nødvendige sjekker Før innsending av PR: 1. **Kodekvalitet**: - Kjør `npm run lint` i berørte prosjektmapper - - Rett alle lintfeil og advarsler + - Fiks alle linting-feil og advarsler -2. **Byggverifisering**: - - Kjør `npm run build` om aktuelt - - Sørg for ingen byggefeil +2. **Byggeverifisering**: + - Kjør `npm run build` om relevant + - Sørg for at det ikke er byggefeil 3. **Lenkevalidering**: - Test alle markdown-lenker - - Verifiser bildehenvisninger fungerer + - Verifiser at bildefiler fungerer -4. **Innholdsrevisjon**: +4. **Innholdsreview**: - Korrekturles for rettskrivning og grammatikk - - Sørg for at kodeeksempler er korrekte og pedagogiske - - Kontroller at oversettelser beholder opprinnelig mening + - Kontroller at kodeeksempler er korrekte og lærerike + - Verifiser at oversettelser opprettholder original betydning ### Bidragskrav -- Aksepter Microsoft CLA (automatisk sjekk ved første PR) +- Godta Microsoft CLA (automatisk sjekk på første PR) - Følg [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Se [CONTRIBUTING.md](./CONTRIBUTING.md) for detaljerte retningslinjer -- Referer til issues i PR-beskrivelse om aktuelt +- Referer til issues i PR-beskrivelsen hvis aktuelt ### Gjennomgangsprosess -- PR-er gjennomgås av vedlikeholdere og community +- PR-er blir vurdert av vedlikeholdere og fellesskapet - Pedagogisk klarhet prioriteres -- Kodeeksempler skal følge gjeldende beste praksis -- Oversettelser vurderes for nøyaktighet og kulturell hensiktsmessighet +- Kodeeksempler bør følge gjeldende beste praksis +- Oversettelser vurderes for nøyaktighet og kulturtilpasning ## Oversettelsessystem -### Automatisk Oversettelse +### Automatisert oversettelse - Bruker GitHub Actions med co-op-translator workflow -- Oversetter til 50+ språk automatisk +- Oversetter automatisk til 50+ språk - Kildefiler i hovedkataloger - Oversatte filer i `translations/{language-code}/` kataloger -### Legge til Manuelle Oversettelsesforbedringer +### Legge til manuelle oversettelsesforbedringer 1. Finn fil i `translations/{language-code}/` -2. Gjør forbedringer mens du bevarer struktur +2. Gjør forbedringer mens struktur bevares 3. Sørg for at kodeeksempler fortsatt fungerer -4. Test eventuelt lokalt quiz-innhold +4. Test eventuelt lokalisert quizinnhold ### Oversettelsesmetadata -Oversatte filer inkluderer metadataheader: +Oversatte filer inkluderer metadata header: ```markdown ``` - -## Feilsøking og Problemløsning -### Vanlige Problemer +## Feilsøking og problemløsning -**Quiz-app starter ikke**: -- Sjekk Node.js-versjon (v14+ anbefalt) +### Vanlige problemer + +**Quiz app starter ikke**: +- Sjekk Node.js versjon (v14+ anbefalt) - Slett `node_modules` og `package-lock.json`, kjør `npm install` på nytt - Sjekk for portkonflikter (standard: Vite bruker port 5173) **API-server starter ikke**: -- Bekreft Node.js-versjon møter minimumskrav (node >=10) +- Verifiser at Node.js-versjon møter minimumskrav (node >=10) - Sjekk om port allerede er i bruk - Sørg for at alle avhengigheter er installert med `npm install` **Nettleserutvidelse lastes ikke**: -- Verifiser at manifest.json er riktig formatert -- Sjekk nettleserkonsollen for feil -- Følg nettleserspesifikke installasjonsinstrukser for utvidelser +- Kontroller at manifest.json er riktig formatert +- Se etter feil i nettleserkonsollen +- Følg nettleserspesifikke installasjonsinstruksjoner for utvidelser -**Python chat-prosjekt problemer**: +**Problemer med Python chat-prosjekt**: - Sørg for at OpenAI-pakken er installert: `pip install openai` -- Bekreft at GITHUB_TOKEN miljøvariabel er satt -- Sjekk GitHub Models adgangstillatelser +- Verifiser at GITHUB_TOKEN miljøvariabel er satt +- Sjekk GitHub Models-tilgangstillatelser -**Docsify server ikke dokumentasjon**: +**Docsify serverer ikke dokumentasjon**: - Installer docsify-cli globalt: `npm install -g docsify-cli` -- Kjør fra repos rotkatalog -- Sjekk at `docs/_sidebar.md` eksisterer +- Kjør fra repositoriets rotmappe +- Kontroller at `docs/_sidebar.md` finnes -### Tips for Utviklingsmiljø +### Tips for utviklingsmiljø -- Bruk VS Code med Live Server extension for HTML-prosjekter -- Installer ESLint og Prettier extensions for konsistent formatering -- Bruk nettleserens DevTools for JavaScript-feilsøking -- For Vue-prosjekter, installer Vue DevTools nettleser-utvidelse +- Bruk VS Code med Live Server-utvidelse for HTML-prosjekter +- Installer ESLint og Prettier-utvidelser for konsistent formatering +- Bruk nettleserens devtools for JavaScript-feilsøking +- For Vue-prosjekter, installer Vue DevTools nettleserutvidelse -### Ytelsesbetraktninger +### Ytelseshensyn -- Mange oversatte filer (50+ språk) gjør full kloning stor +- Stort antall oversatte filer (50+ språk) gjør fulle kloner store - Bruk shallow clone hvis du kun jobber med innhold: `git clone --depth 1` -- Ekskluder oversettelser i søk når du jobber med engelsk innhold -- Byggeprosesser kan være treg ved første kjøring (npm install, Vite build) +- Ekskluder oversettelser fra søk ved arbeid med engelsk innhold +- Byggeprosesser kan være trege ved første kjøring (npm install, Vite build) -## Sikkerhetsbetraktninger +## Sikkerhetshensyn ### Miljøvariabler -- API-nøkler må aldri legges i repositoriet +- API-nøkler skal aldri forplantes til repositoriet - Bruk `.env` filer (allerede i `.gitignore`) -- Dokumenter nødvendige miljøvariabler i prosjekt-READMEer +- Dokumenter nødvendige miljøvariabler i prosjektets README-er -### Python Prosjekter +### Python-prosjekter - Bruk virtuelle miljøer: `python -m venv venv` - Hold avhengigheter oppdatert -- GitHub-tokens bør ha minimale nødvendige rettigheter +- GitHub-tokens bør ha minimale nødvendige tillatelser -### GitHub Models-adgang +### GitHub Models-tilgang -- Personlige tilgangstokener (PAT) kreves for GitHub Models +- Personal Access Tokens (PAT) kreves for GitHub Models - Tokens skal lagres som miljøvariabler -- Aldri legg tokens eller credentials i repositoriet +- Aldri forplante tokens eller legitimasjon -## Tilleggsnotater +## Ytterligere merknader ### Målgruppe -- Helt komplette nybegynnere til webutvikling +- Fullstendige nybegynnere til webutvikling - Studenter og selvstudenter - Lærere som bruker pensum i klasserom -- Innhold designet for tilgjengelighet og gradvis ferdighetsbygging +- Innhold er designet for tilgjengelighet og gradvis ferdighetsbygging -### Pedagogisk Filosofi +### Utdanningsfilosofi -- Prosjektbasert læringsmetode -- Hyppige kunnskapssjekker (quizzer) -- Praktiske kodingøvelser -- Virkelighetsnære eksempler -- Fokus på grunnprinsipper før rammeverk +- Prosjektbasert læringstilnærming +- Hyppige kunnskapssjekker (quizer) +- Praktiske kodeøvelser +- Virkelighetstilpassede eksempler +- Fokus på grunnleggende ferdigheter før rammeverk -### Repositorieveiledning +### Repository-vedlikehold -- Aktiv community av lærende og bidragsytere -- Regelmessige oppdateringer av avhengigheter og innhold +- Aktivt fellesskap av lærende og bidragsytere +- Regelmessige oppdateringer til avhengigheter og innhold - Issues og diskusjoner overvåkes av vedlikeholdere - Oversettelsesoppdateringer automatisert via GitHub Actions -### Relaterte Ressurser +### Relaterte ressurser - [Microsoft Learn moduler](https://docs.microsoft.com/learn/) -- [Student Hub-ressurser](https://docs.microsoft.com/learn/student-hub/) +- [Student Hub ressurser](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) anbefalt for lærende -- Flere kurs: Generative AI, Data Science, ML, IoT pensum tilgjengelig +- Ytterligere kurs: Generativ AI, Data Science, ML, IoT pensum tilgjengelig -### Arbeid med Spesifikke Prosjekter +### Arbeid med spesifikke prosjekter -For detaljerte instrukser om enkeltprosjekter, se README-filene i: -- `quiz-app/README.md` - Vue 3 quiz-applikasjon +For detaljerte instruksjoner om enkeltprosjekter, se README-filene i: +- `quiz-app/README.md` - Vue 3 quizapplikasjon - `7-bank-project/README.md` - Bankapplikasjon med autentisering - `5-browser-extension/README.md` - Nettleserutvidelsesutvikling - `6-space-game/README.md` - Canvas-basert spillutvikling -- `9-chat-project/README.md` - AI chat-assistent prosjekt +- `9-chat-project/README.md` - AI chat assistent prosjekt ### Monorepo-struktur -Selv om det ikke er et tradisjonelt monorepo, inneholder dette repositoriet flere uavhengige prosjekter: +Selv om det ikke er en tradisjonell monorepo, inneholder dette repositoriet flere uavhengige prosjekter: - Hver leksjon er selvstendig -- Prosjekter deler ikke avhengigheter -- Arbeid med individuelle prosjekter uten å påvirke andre +- Prosjektene deler ikke avhengigheter +- Arbeid på individuelle prosjekter uten å påvirke andre - Klon hele repo for full pensumopplevelse --- -**Ansvarsfraskrivelse**: -Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiserte oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på originalspråket skal anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforståelser eller feiltolkninger som følge av bruken av denne oversettelsen. +**Ansvarsfraskrivelse**: +Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på dets opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen. \ No newline at end of file diff --git a/translations/no/README.md b/translations/no/README.md index f7ef52e930..50e33160bd 100644 --- a/translations/no/README.md +++ b/translations/no/README.md @@ -12,27 +12,27 @@ # Webutvikling for nybegynnere - En læreplan -Lær det grunnleggende innen webutvikling med vårt 12-ukers omfattende kurs av Microsoft Cloud Advocates. Hver av de 24 leksjonene dykker inn i JavaScript, CSS og HTML gjennom praktiske prosjekter som terrarier, nettleserutvidelser og romspill. Engasjer deg med quizzer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser kunnskapsinnhentingen med vår effektive prosjektbaserte pedagogikk. Start kodingen din i dag! +Lær det grunnleggende innen webutvikling med vårt 12-ukers omfattende kurs levert av Microsoft Cloud Advocates. Hver av de 24 leksjonene går i dybden på JavaScript, CSS og HTML gjennom praktiske prosjekter som terrarier, nettleserutvidelser og romspill. Delta med quizer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser kunnskapsbevaringen med vår effektive prosjektbaserte pedagogikk. Start kodingsreisen din i dag! -Bli med i Azure AI Foundry Discord-samfunnet +Bli med i Azure AI Foundry Discord og møt eksperter og andre utviklere. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Følg disse trinnene for å komme i gang med disse ressursene: -1. **Fork repositoriet**: Klikk [![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 repositoriet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Bli med i Azure AI Foundry Discord og møt eksperter og medutviklere**](https://discord.com/invite/ByRwuEEgH4) +1. **Lag en fork av depotet**: Klikk [![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. **Klon depotet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Bli med i Azure AI Foundry Discord og møt eksperter og andre utviklere**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Støtte for flere språk +### 🌐 Flerspråklig støtte -#### Støttet via GitHub Action (Automatisert og alltid oppdatert) +#### Støttes via GitHub Action (Automatisk og alltid oppdatert) [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) | [Khmer](../km/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](./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](../es/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) > **Foretrekker du å klone lokalt?** > -> Dette repositoriet inkluderer 50+ språkoversettelser som betydelig øker nedlastingsstørrelsen. For å klone uten oversettelser, bruk sparsom utsjekking: +> Dette depotet inkluderer over 50 språkoversettelser som øker nedlastingsstørrelsen betydelig. For å klone uten oversettelser, bruk sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -51,41 +51,41 @@ Følg disse trinnene for å komme i gang med disse ressursene: > Dette gir deg alt du trenger for å fullføre kurset med en mye raskere nedlasting. -**Hvis du ønsker at flere oversettelser skal støttes, er de oppført [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Hvis du ønsker flere oversettelser, er de støttede språkene listet opp [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Er du student?_ -Besøk [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) hvor du finner nybegynnerressurser, studentpakker og til og med måter å få et gratis sertifikatkupong på. Dette er siden du vil bokmerke og sjekke fra tid til annen da vi bytter ut innhold månedlig. +Besøk [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) hvor du finner nybegynnerressurser, studentpakker og til og med måter å få et gratis sertifikatkupong på. Dette er siden du vil bokmerke og sjekke fra tid til annen, siden vi bytter ut innhold månedlig. ### 📣 Kunngjøring - Nye utfordringer i GitHub Copilot Agent-modus å fullføre! -Ny utfordring lagt til, se etter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny utfordring for deg å gjennomføre ved bruk av GitHub Copilot og Agent-modus. Hvis du ikke har brukt Agent-modus før, kan den ikke bare generere tekst, men også opprette og redigere filer, kjøre kommandoer og mer. +Ny utfordring lagt til, se etter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitlene. Det er en ny utfordring for deg å fullføre ved å bruke GitHub Copilot og Agent-modus. Hvis du ikke har brukt Agent-modus før, kan den ikke bare generere tekst, men også opprette og redigere filer, kjøre kommandoer og mer. -### 📣 Kunngjøring - _Nytt prosjekt å bygge med generativ AI_ +### 📣 Kunngjøring - _Nytt prosjekt å bygge med Generativ AI_ -Nytt AI Assistant prosjekt lagt til, sjekk det ut [prosjekt](./9-chat-project/README.md) +Nytt AI-assistentprosjekt nettopp lagt til, sjekk det ut [prosjekt](./9-chat-project/README.md) -### 📣 Kunngjøring - _Ny læreplan_ om generativ AI for JavaScript ble nettopp lansert +### 📣 Kunngjøring - _Ny læreplan_ om Generativ AI for JavaScript ble nettopp lansert -Ikke gå glipp av vår nye læreplan for generativ AI! +Ikke gå glipp av vår nye Generativ AI-læreplan! Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å komme i gang! ![Background](../../translated_images/no/background.148a8d43afde5730.webp) - Leksjoner som dekker alt fra grunnleggende til RAG. -- Interager med historiske karakterer ved hjelp av GenAI og vår følgesvenn-app. -- Morsom og engasjerende fortelling, du vil tidsreise! +- Samhandle med historiske karakterer ved hjelp av GenAI og vår følgesvenn-app. +- Gøyalt og engasjerende narrativ, du vil tidsreise! ![character](../../translated_images/no/character.5c0dd8e067ffd693.webp) -Hver leksjon inkluderer en oppgave som må fullføres, en kunnskapskontroll og en utfordring for å veilede deg i læringstemaer som: -- Prompting og prompt engineering -- Tekst- og bildeapp-generering -- Søkeapper +Hver leksjon inkluderer en oppgave som skal fullføres, en kunnskapskontroll og en utfordring for å veilede deg i temaer som: +- Prompting og promptengineering +- Tekst- og bildeappgenerering +- Søk-apper Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å komme i gang! @@ -93,41 +93,41 @@ Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å k ## 🌱 Komme i gang -> **Lærere**, vi har [inkludert noen forslag](for-teachers.md) om hvordan bruke denne læreplanen. Vi setter pris på din tilbakemelding [i vårt diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Lærere**, vi har [inkludert noen forslag](for-teachers.md) til hvordan du kan bruke denne læreplanen. Vi setter pris på tilbakemeldinger [i vårt diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en forhånds-quiz og følg opp med å lese forelesningsmaterialet, fullføre de ulike aktivitetene og sjekk forståelsen din med post-forelesningsquizen. +**[Elever](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en quiz før forelesningen og les deretter forelesningsmaterialet, fullfør de forskjellige aktivitetene og sjekk forståelsen din med quiz etter forelesningen. -For å forbedre læringsopplevelsen, koble deg til med jevnaldrende for å jobbe sammen på prosjektene! Diskusjoner oppmuntres i vårt [diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) der vårt team av moderatorer er tilgjengelige for å svare på spørsmålene dine. +For å forbedre læringsopplevelsen, knytt kontakt med medelever for å jobbe sammen på prosjektene! Diskusjoner oppmuntres i vårt [diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) hvor vårt team av moderatorer vil være tilgjengelig for å svare på spørsmål. -For å fremme utdanningen din anbefaler vi sterkt å utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for ekstra studiemateriell. +For å utdype utdanningen anbefaler vi sterkt å utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for ytterligere studiemateriell. -### 📋 Sette opp ditt miljø +### 📋 Sette opp miljøet ditt -Denne læreplanen har et utviklingsmiljø klart til bruk! Når du starter kan du velge å kjøre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et nettleserbasert miljø uten behov for installasjoner_), eller lokalt på din maskin ved å bruke en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Denne læreplanen har et utviklingsmiljø klart til bruk! Når du begynner kan du velge å kjøre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et nettleserbasert miljø uten behov for installasjoner_), eller lokalt på din egen datamaskin ved bruk av en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Opprett ditt eget repository -For at du enkelt skal lagre arbeidet ditt, anbefales det at du lager din egen kopi av dette repositoriet. Du kan gjøre dette ved å klikke på **Use this template**-knappen øverst på siden. Dette vil opprette et nytt repository i din GitHub-konto med en kopi av læreplanen. +#### Opprett ditt depot +For å enkelt kunne lagre arbeidet ditt anbefales det at du lager din egen kopi av dette depotet. Du kan gjøre dette ved å klikke på **Bruk denne malen**-knappen øverst på siden. Dette vil opprette et nytt depot i din GitHub-konto med en kopi av læreplanen. Følg disse trinnene: -1. **Fork repositoriet**: Klikk på "Fork"-knappen øverst til høyre på denne siden. -2. **Klone repositoriet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Lag en fork av depotet**: Klikk på "Fork" knappen øverst til høyre på denne siden. +2. **Klon depotet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Kjøre læreplanen i en Codespace -I din kopi av dette repositoriet som du laget, klikk på **Code**-knappen og velg **Open with Codespaces**. Dette oppretter en ny Codespace for deg å jobbe i. +I din kopi av dette depotet som du opprettet, trykk på **Code**-knappen og velg **Open with Codespaces**. Dette vil lage en ny Codespace hvor du kan jobbe. ![Codespace](../../translated_images/no/createcodespace.0238bbf4d7a8d955.webp) -#### Kjøre læreplanen lokalt på din datamaskin +#### Kjøre læreplanen lokalt på din egen datamaskin -For å kjøre denne læreplanen lokalt trenger du en teksteditor, en nettleser og et kommandolinjeverktøy. Vår første leksjon, [Introduksjon til programmeringsspråk og verktøy](../../1-getting-started-lessons/1-intro-to-programming-languages), vil veilede deg gjennom ulike alternativer for hver av disse verktøyene slik at du kan velge det som passer best for deg. +For å kjøre denne læreplanen lokalt trenger du en teksteditor, en nettleser og et kommandolinjeverktøy. Vår første leksjon, [Introduksjon til programmeringsspråk og verktøy for faget](../../1-getting-started-lessons/1-intro-to-programming-languages), vil veilede deg gjennom forskjellige alternativer for hvert av disse verktøyene slik at du kan velge det som passer deg best. -Vår anbefaling er å bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som editor, som også har en innebygd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan laste ned Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Vår anbefaling er å bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som editor, som også har innebygd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan laste ned Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). 1. Klon depotet ditt til datamaskinen. Du kan gjøre dette ved å klikke på **Code**-knappen og kopiere URL-en: [CodeSpace](./images/createcodespace.png) - Åpne deretter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kjør følgende kommando, og erstatt `` med URL-en du nettopp kopierte: + Deretter åpner du [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kjører følgende kommando, hvor du erstatter `` med URL-en du nettopp kopierte: ```bash git clone @@ -139,76 +139,76 @@ Vår anbefaling er å bruke [Visual Studio Code](https://code.visualstudio.com/? > Anbefalte Visual Studio Code-utvidelser: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for å forhåndsvise HTML-sider i Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for å hjelpe deg med å skrive kode raskere +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for å hjelpe deg å skrive kode raskere -## 📂 Hver leksjon inkluderer: +## 📂 Hver leksjon inneholder: -- valgfri sketchnote +- valgfri skisse-notat - valgfri supplerende video -- oppvarmingsquiz før leksjonen -- skriftlig leksjon -- for prosjektbaserte leksjoner, trinnvise guider for hvordan bygge prosjektet -- kunnskapstester +- quiz som oppvarming før leksjonen +- skrevet leksjon +- for prosjektbaserte leksjoner, trinnvise veiledninger for hvordan bygge prosjektet +- kunnskapssjekker - en utfordring - supplerende lesing - oppgave - [quiz etter leksjonen](https://ff-quizzes.netlify.app/web/) -> **En merknad om quizer**: Alle quizene finnes i Quiz-app-mappen, totalt 48 quizer med tre spørsmål hver. De er tilgjengelige [her](https://ff-quizzes.netlify.app/web/) quiz-appen kan kjøres lokalt eller distribueres til Azure; følg instruksjonene i `quiz-app`-mappen. +> **En merknad om quizer**: Alle quizer er samlet i Quiz-app-mappen, totalt 48 quizer med tre spørsmål hver. De er tilgjengelige [her](https://ff-quizzes.netlify.app/web/). Quiz-appen kan kjøres lokalt eller publiseres til Azure; følg instruksjonene i `quiz-app`-mappen. ## 🗃️ Leksjoner -| | Prosjektnavn | Lærte konsept | Læringsmål | Tilknyttet leksjon | Forfatter | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Komme i gang | Introduksjon til programmering og verktøy | Lær de grunnleggende prinsippene bak de fleste programmeringsspråk og programvare som hjelper profesjonelle utviklere | [Intro til programmeringsspråk og verktøy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Komme i gang | Grunnleggende GitHub, inklusive å jobbe i team | Hvordan bruke GitHub i prosjektet ditt, hvordan samarbeide med andre på en kodebase | [Intro til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Komme i gang | Tilgjengelighet | Lær det grunnleggende om webtilgjengelighet | [Tilgjengelighetsgrunnlag](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Grunnleggende | JavaScript datatyper | Grunnleggende om JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Grunnleggende | Funksjoner og metoder | Lær om funksjoner og metoder for å styre logikkflyten i en applikasjon | [Funksjoner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher | -| 06 | JS Grunnleggende | Å ta beslutninger med JS | Lær hvordan du lager betingelser i koden ved å bruke metoder for beslutningstaking | [Å ta beslutninger](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Grunnleggende | Arrays og løkker | Arbeid med data ved hjelp av arrays og løkker i JavaScript | [Arrays og løkker](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praksis | Bygg HTML for å lage et online terrarium, med fokus på layout | [Introduksjon til HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praksis | Bygg CSS for å style det online terrariet, med fokus på grunnleggende CSS inkludert å gjøre siden responsiv | [Introduksjon til CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript closures, DOM-manipulasjon | Lag JavaScript for å gjøre terrariet funksjonelt som et dra/slipp-grensesnitt, med fokus på closures og DOM-manipulasjon | [JavaScript Closures, DOM-manipulasjon](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Lag et skrive-spill | Lær hvordan du bruker tastaturhendelser for å styre logikken i din JavaScript-app | [Event-Drevet programmering](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Grønn Nettleserutvidelse](./5-browser-extension/solution/README.md) | Arbeide med nettlesere | Lær hvordan nettlesere fungerer, deres historie, og hvordan du bygger de første elementene i en nettleserutvidelse | [Om nettlesere](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Grønn Nettleserutvidelse](./5-browser-extension/solution/README.md) | Lage et skjema, kalle et API og lagre variabler lokalt | Bygg JavaScript-elementene i nettleserutvidelsen din for å kalle et API med variabler lagret i lokal lagring | [APIer, skjemaer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Grønn Nettleserutvidelse](./5-browser-extension/solution/README.md) | Bakgrunnsprosesser i nettleseren, webytelse | Bruk nettleserens bakgrunnsprosesser til å styre utvidelsens ikon; lær om webytelse og noen optimaliseringer | [Bakgrunnsprosesser og ytelse](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Mer avansert spillutvikling med JavaScript | Lær om arv ved bruk av både klasser og komposisjon og Pub/Sub-mønsteret i forberedelse til å bygge et spill | [Introduksjon til avansert spillutvikling](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Tegning til canvas | Lær om Canvas API, brukt for å tegne elementer på skjermen | [Tegning til canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Flytte elementer rundt på skjermen | Oppdag hvordan elementer kan få bevegelse ved bruk av kartesiske koordinater og Canvas API | [Flytte elementer rundt](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisjonsdeteksjon | Få elementer til å kollidere og reagere på hverandre ved bruk av tastetrykk og lag en nedkjølingsfunksjon for å sikre ytelse | [Kollisjonsdeteksjon](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Holde poengsum | Utfør matematiske beregninger basert på spillets status og ytelse | [Holde poengsum](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Avslutte og starte spillet på nytt | Lær om å avslutte og starte spillet på nytt, inkludert å rydde opp ressurser og tilbakestille variabler | [Avslutningsbetingelsen](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Bank App](./7-bank-project/solution/README.md) | HTML-maler og ruter i en webapp | Lær hvordan lage strukturen av en flersidig nettside ved bruk av ruting og HTML-maler | [HTML-maler og ruter](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Bank App](./7-bank-project/solution/README.md) | Lag en innloggings- og registreringsskjema | Lær om å bygge skjemaer og håndtere valideringsrutiner | [Skjemaer](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Bank App](./7-bank-project/solution/README.md) | Metoder for henting og bruk av data | Hvordan data flyter inn og ut av appen din, hvordan hente, lagre og kassere den | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Bank App](./7-bank-project/solution/README.md) | Konsepter for tilstandshåndtering | Lær hvordan appen din beholder tilstand og hvordan styre den programmatisk | [Tilstandshåndtering](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeide med VScode | Lær hvordan du bruker en kodeeditor| [Bruke VScode kodeeditor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeide med AI | Lær hvordan du bygger din egen AI-assistent | [AI-assistentprosjekt](./9-chat-project/README.md) | Chris | +| | Prosjektnavn | Lærte konsepter | Læringsmål | Lenket leksjon | Forfatter | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :------------------------: | +| 01 | Komme i gang | Introduksjon til programmering og verktøy | Lær det grunnleggende bak de fleste programmeringsspråk og om programvare som hjelper profesjonelle utviklere med jobben deres | [Introduksjon til programmeringsspråk og verktøy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Komme i gang | Grunnleggende GitHub, inkludert arbeid i team | Hvordan bruke GitHub i prosjektet ditt, hvordan samarbeide med andre på kodebasis | [Introduksjon til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Komme i gang | Tilgjengelighet | Lær det grunnleggende om webtilgjengelighet | [Tilgjengelighetsgrunnlag](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Grunnleggende | JavaScript-datatyper | Det grunnleggende om JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Grunnleggende | Funksjoner og metoder | Lær om funksjoner og metoder for å styre et applikasjons logikkflyt | [Funksjoner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher | +| 06 | JS Grunnleggende | Beslutninger med JS | Lær hvordan du lager betingelser i koden ved hjelp av beslutningsmetoder | [Å gjøre beslutninger](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Grunnleggende | Arrays og løkker | Arbeid med data ved bruk av arrays og løkker i JavaScript | [Arrays og løkker](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praksis | Bygg HTML for å lage et online terrarium med fokus på layout | [Introduksjon til HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praksis | Bygg CSS for å style det online terrariet, med fokus på grunnleggende CSS inkludert responsivt design | [Introduksjon til CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript closures, DOM-manipulering | Bygg JavaScript for å gjøre terrariet til en dra-og-slipp-grensesnitt, med fokus på closures og DOM-manipulering | [JavaScript Closures, DOM-manipulering](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Lag et skrive-spill | Lær å bruke tastaturhendelser til å drive logikken i JavaScript-appen din | [Hendelsesdrevet programmering](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Arbeid med nettlesere | Lær hvordan nettlesere fungerer, deres historie, og hvordan du lager grunnleggende elementer i en nettleserutvidelse | [Om nettlesere](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygge skjema, kalle API og lagre variabler i lokal lagring | Bygg de JavaScript-elementene i nettleserutvidelsen din for å kalle et API med variabler lagret i lokal lagring | [APIer, skjemaer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bakgrunnsprosesser i nettleseren, webytelse | Bruk nettleserens bakgrunnsprosesser til å håndtere utvidelsens ikon; lær om webytelse og optimaliseringer | [Bakgrunnsoppgaver og ytelse](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Mer avansert spillutvikling med JavaScript | Lær om arv ved både klasser og sammensetning samt Pub/Sub-mønsteret, som forberedelse til å lage et spill | [Introduksjon til avansert spillutvikling](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Tegning på canvas | Lær om Canvas API, brukt til å tegne elementer på skjermen | [Tegning på canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Flytte elementer rundt på skjermen | Oppdag hvordan elementer kan få bevegelse ved bruk av kartesiske koordinater og Canvas API | [Flytte elementer rundt](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisjonsdeteksjon | Få elementer til å kollidere og reagere på hverandre med tastehendelser og tilby en nedkjølingsfunksjon for å sikre ytelse i spillet | [Kollisjonsdeteksjon](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Poengtelling | Utfør matematiske beregninger basert på spillets status og ytelse | [Poengtelling](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Avslutte og starte spillet på nytt | Lær om å avslutte og starte spillet på nytt, inkludert å rydde opp ressurser og tilbakestille variabelverdier | [Avslutningsbetingelsen](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-maler og ruter i et nettprogram | Lær hvordan lage skjelettet for en fler-sides nettsides arkitektur ved bruk av ruting og HTML-maler | [HTML-maler og ruter](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Lage innlogging og registreringsskjema | Lær om å bygge skjemaer og håndtere valideringsrutiner | [Skjemaer](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Metoder for henting og bruk av data | Hvordan data flyter inn og ut av appen din, hvordan hente, lagre og kvitte seg med den | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Konsepter for tilstandsadministrasjon | Lær hvordan appen din beholder tilstand og hvordan du kan styre den programmessig | [Tilstandsadministrasjon](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeide med VScode | Lær å bruke en kodeditor| [Bruke VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeide med AI | Lær å bygge din egen AI-assistent | [AI Assistant project](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogikk -Vår læreplan er designet med to viktige pedagogiske prinsipper i tankene: +Vårt pensum er utformet med to viktige pedagogiske prinsipper i tankene: * prosjektbasert læring * hyppige quizer -Programmet underviser grunnleggende JavaScript, HTML og CSS, samt de nyeste verktøy og teknikker som dagens webutviklere bruker. Studentene får muligheten til å utvikle praktisk erfaring ved å bygge et skrive-spill, virtuelt terrarium, miljøvennlig nettleserutvidelse, et rom-invasjonsspill og en bankapp for bedrifter. Ved slutten av serien vil studentene ha fått en solid forståelse av webutvikling. +Programmet lærer grunnleggende JavaScript, HTML og CSS, i tillegg til de nyeste verktøyene og teknikkene som dagens webutviklere bruker. Studenter får muligheten til å utvikle praktisk erfaring ved å lage et skrive-spill, virtuelt terrarium, miljøvennlig nettleserutvidelse, rom-invasjonsspill og en bankapp for bedrifter. Når serien er fullført har studentene fått en solid forståelse av webutvikling. -> 🎓 Du kan ta de første leksjonene i denne læreplanen som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! +> 🎓 Du kan ta de første leksjonene i dette pensumet som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! -Ved å sikre at innholdet samsvarer med prosjekter, blir prosessen mer engasjerende for studentene og konseptene blir lettere å huske. Vi har også skrevet flere introduksjonsleksjoner i JavaScript grunnleggende for å introdusere konsepter, sammen med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samling av videotutorials, hvorav noen av forfatterne bidro til denne læreplanen. +Ved å sikre at innholdet samsvarer med prosjekter, blir prosessen mer engasjerende for studentene og konseptene sitter bedre. Vi skrev også flere introduksjonsleksjoner i JavaScript-grunnleggende for å introdusere konsepter, sammen med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samlingen av videotutorials, hvor noen av forfatterne bidro til dette pensumet. -I tillegg setter en lavrisiko quiz før en klasse intensjonen til studenten mot å lære et emne, mens en andre quiz etter klassen sikrer videre innlæring. Denne læreplanen er designet for å være fleksibel og morsom og kan tas helt eller delvis. Prosjektene starter smått og blir gradvis mer kompliserte etter hvert som 12-ukers syklusen skrider frem. +I tillegg setter en lavterskel-quiz før timen studentens intensjon mot å lære et tema, mens en andre quiz etter timen sikrer bedre læringsutbytte. Dette pensumet er designet for å være fleksibelt og morsomt og kan tas i sin helhet eller i deler. Prosjektene starter smått og blir mer komplekse mot slutten av 12-ukers syklusen. -Selv om vi bevisst har unngått å introdusere JavaScript-rammeverk for å konsentrere oss om grunnleggende ferdigheter som trengs som webutvikler før man tar i bruk et rammeverk, vil et godt neste steg for å fullføre denne læreplanen være å lære om Node.js via en annen videosamling: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Selv om vi bevisst unngikk å introdusere JavaScript-rammeverk for å fokusere på grunnleggende ferdigheter som webutvikler før man tar i bruk rammeverk, er et godt neste steg etter å ha fullført dette pensumet å lære om Node.js via en annen samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Besøk våre retningslinjer for [Atferdskodeks](CODE_OF_CONDUCT.md) og [Bidrag](CONTRIBUTING.md). Vi setter pris på konstruktive tilbakemeldinger! +> Besøk våre retningslinjer for [Oppførselskodeks](CODE_OF_CONDUCT.md) og [Bidrag](CONTRIBUTING.md). Vi tar imot konstruktive tilbakemeldinger! ## 🧭 Offline-tilgang -Du kan kjøre denne dokumentasjonen offline ved å bruke [Docsify](https://docsify.js.org/#/). Fork dette repoet, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskin, og skriv så `docsify serve` i rotmappen til dette repoet. Nettstedet vil bli servert på port 3000 på din localhost: `localhost:3000`. +Du kan kjøre denne dokumentasjonen offline ved å bruke [Docsify](https://docsify.js.org/#/). Fork dette repoet, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskin, og så i rotmappen for dette repoet, skriv `docsify serve`. Nettstedet vil da serveres på port 3000 på din lokale maskin: `localhost:3000`. ## 📘 PDF En PDF av alle leksjonene kan finnes [her](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -233,7 +233,7 @@ Vårt team produserer andre kurs! Sjekk ut: --- -### Generativ AI Serie +### Generativ AI-serie [![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) @@ -241,7 +241,7 @@ Vårt team produserer andre kurs! Sjekk ut: --- -### Kjerne Læring +### Kjerne-læring [![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) @@ -252,7 +252,7 @@ Vårt team produserer andre kurs! Sjekk ut: --- -### Copilot Serie +### Copilot-serie [![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,7 +260,7 @@ Vårt team produserer andre kurs! Sjekk ut: ## Få hjelp -Hvis du sitter fast eller har spørsmål om å lage AI-apper. Bli med andre lærende og erfarne utviklere i diskusjoner om MCP. Det er et støttende fellesskap hvor spørsmål er velkomne og kunnskap deles fritt. +Hvis du sitter fast eller har spørsmål om å bygge AI-apper. Bli med andre elever og erfarne utviklere i diskusjoner om MCP. Det er et støttende fellesskap hvor spørsmål er velkomne og kunnskap deles fritt. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) @@ -275,6 +275,6 @@ Dette depotet er lisensiert under MIT-lisensen. Se [LICENSE](../../LICENSE)-file --- -**Ansvarsfraskrivelse**: -Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på sitt opprinnelige språk bør betraktes som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforståelser eller feiltolkninger som følge av bruk av denne oversettelsen. +**Ansvarsfraskrivelse**: +Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på originalspråket skal anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som følge av bruk av denne oversettelsen. \ No newline at end of file diff --git a/translations/no/lesson-template/README.md b/translations/no/lesson-template/README.md index e694a99459..6c7c8b0a37 100644 --- a/translations/no/lesson-template/README.md +++ b/translations/no/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Leksjonstema] +# Emnetema -![Legg til en video her](../../../lesson-template/video-url) +## 🎥 Video -## [Quiz før forelesning](../../../lesson-template/quiz-url) +> Legg til en innebygd video eller lenke til leksjonen her. -[Beskriv hva vi skal lære] +--- + +## Quiz før forelesning + +> Legg til en quizlenke her når den er tilgjengelig. + +--- + +Gi en kort oversikt over hva studentene vil lære i denne leksjonen. + +--- ### Introduksjon -Beskriv hva som vil bli dekket +Gi en kort introduksjon som beskriver hva som vil bli dekket i denne leksjonen. > Notater +--- + ### Forutsetninger -Hvilke steg bør ha blitt gjennomgått før denne leksjonen? +List opp begreper eller emner studentene bør være kjent med før de starter denne leksjonen. + +--- ### Forberedelse -Forberedende steg for å starte denne leksjonen +List opp eventuelle oppsettstrinn eller verktøy som kreves før leksjonen starter. --- -[Jobb gjennom innholdet i blokker] +### Innhold + +Gå gjennom leksjonsinnholdet i strukturerte seksjoner. + +--- -## [Tema 1] +## Emne 1 ### Oppgave: -Jobb sammen for å gradvis forbedre kodebasen din for å bygge prosjektet med delt kode: +Arbeid sammen for gradvis å forbedre kodebasen for å bygge prosjektet med delt kode: ```html code blocks ``` -✅ Kunnskapssjekk - bruk dette øyeblikket til å utfordre studentenes kunnskap med åpne spørsmål +✅ Kunnskapssjekk +Bruk dette øyeblikket til å utfordre studentenes kunnskap med åpne spørsmål. -## [Tema 2] +## Emne 2 +## Emne 3 -## [Tema 3] +🚀 Utfordring +Legg til en samarbeidsutfordring for at studentene skal kunne forbedre prosjektet. -🚀 Utfordring: Legg til en utfordring for studentene å jobbe med i fellesskap i klassen for å forbedre prosjektet +Valgfritt: Legg til et skjermbilde av UI-en til den fullførte leksjonen hvis det er passende. -Valgfritt: legg til et skjermbilde av den fullførte leksjonens brukergrensesnitt hvis det er relevant +## Quiz etter forelesning -## [Quiz etter forelesning](../../../lesson-template/quiz-url) +Legg til en quizlenke her etter at leksjonen er fullført. -## Oppsummering og selvstudium +## Gjennomgang & Selvstudium -**Innlevering [MM/ÅÅ]**: [Oppgavenavn](assignment.md) +**Innlevering forfall [MM/ÅÅ]**: [Oppgave Navn](assignment.md) --- -**Ansvarsfraskrivelse**: -Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vær oppmerksom på at automatiserte oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på sitt opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen. \ No newline at end of file + +**Ansvarsfraskrivelse**: +Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på originalspråket bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som følge av bruk av denne oversettelsen. + \ No newline at end of file diff --git a/translations/pa/.co-op-translator.json b/translations/pa/.co-op-translator.json index 7950527afc..ea7e6b5040 100644 --- a/translations/pa/.co-op-translator.json +++ b/translations/pa/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:48:43+00:00", + "translation_date": "2026-04-24T18:14:00+00:00", "source_file": "AGENTS.md", "language_code": "pa" }, @@ -516,8 +516,8 @@ "language_code": "pa" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:33:42+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T18:06:16+00:00", "source_file": "README.md", "language_code": "pa" }, @@ -564,8 +564,8 @@ "language_code": "pa" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T00:51:21+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T18:06:33+00:00", "source_file": "lesson-template/README.md", "language_code": "pa" }, diff --git a/translations/pa/AGENTS.md b/translations/pa/AGENTS.md index 4760856654..9b2b741313 100644 --- a/translations/pa/AGENTS.md +++ b/translations/pa/AGENTS.md @@ -1,282 +1,282 @@ # AGENTS.md -## ਪ੍ਰੋਜੈਕਟ ਓਵਰਵਿਊ +## ਪ੍ਰੋਜੈਕਟ ਸਾਰਾਂਸ਼ -ਇਹ शुरुआਤੀ ਵੈੱਬ ਵਿੱਕਾਸ਼ ਮੂਲਾਂਕਣ ਸਿਖਾਉਣ ਲਈ ਇੱਕ ਸਿੱਖਣਯੋਗ ਸਿਲੇਬਸ ਰਿਪੋਜ਼ਿਟਰੀ ਹੈ। ਇਹ ਸਿਲੇਬਸ ਮਾਈਕ੍ਰੋਸਾਫਟ ਕਲਾਉਡ ਅਡਵੋਕੇਟਸ ਵੱਲੋਂ ਵਿਕਸੀਤ ਇੱਕ ਸਮੱਗਰੀਤ 12 ਹਫ਼ਤਿਆਂ ਦਾ ਕੋਰਸ ਹੈ, ਜਿਸ ਵਿੱਚ JavaScript, CSS, ਅਤੇ HTML ਦੀਆਂ 24 ਪ੍ਰਯੋਗਸ਼ੀਲ ਲੈਸਨਾਂ ਸ਼ਾਮਲ ਹਨ। +ਇਹ ਸ਼ੁਰੂਆਤੀ ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਮੁਢਲੇ ਤੱਤ ਸਿਖਾਉਣ ਲਈ ਇੱਕ ਸਿੱਖਿਆਮੁਖ ਰੀਪੋਜ਼ਟਰੀ ਹੈ। ਇਹ ਕੋਰਸ ਮਾਈਕ੍ਰੋਸਾਫਟ ਕਲਾਉਡ ਐਡਵੋਕੇਟਸ ਦੁਆਰਾ ਵਿਕਸਤ ਕੀਤੀ ਗਈ 12 ਹਫਤਿਆਂ ਦੀ ਇੱਕ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਹੈ, ਜਿਸ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਦੇ 24 ਪ੍ਰਯੋਗਾਤਮਕ ਪਾਠ ਸ਼ਾਮਲ ਹਨ। -### ਮੁੱਖ ਘਟਕ +### ਮੁੱਖ ਹਿੱਸੇ -- **ਸਿੱਖਣਯੋਗ ਸਮੱਗਰੀ**: ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਮੋਡਿਊਲਾਂ ਵਿੱਚ ਵਿਵਸਥਿਤ 24 ਪਾਠ -- **ਪ੍ਰਯੋਗਸ਼ੀਲ ਪ੍ਰੋਜੈਕਟ**: ਟੈਰੀਆਰਿਯਮ, ਟਾਈਪਿੰਗ ਗੇਮ, ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ ਗੇਮ, ਬੈਂਕਿੰਗ ਐਪ, ਕੋਡ ਐਡੀਟਰ, ਅਤੇ AI ਚੈਟ ਅਸਿਸਟੈਂਟ -- **ਇੰਟਰਐਕਟਿਵ ਕਵਿਜ਼**: 48 ਕਵਿਜ਼, ਹਰ ਇੱਕ ਵਿੱਚ 3 ਸਵਾਲ (ਪਹਿਲਾਂ/ਬਾਅਦ ਲੈਸਨ ਮੁਲਾਂਕਣ) -- **ਬਹੁ-ਭਾਸ਼ਾ ਸਹਾਇਤਾ**: GitHub Actions ਦੁਆਰਾ 50+ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ -- **ਤਕਨੀਕਾਂ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ) +- **ਸਿੱਖਣੀ ਸਮੱਗਰੀ**: 24 ਸਤੰਰਬੱਧ ਪਾਠ ਜੋ ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਮੋਡਿਊਲਾਂ ਵਿੱਚ ਵੰਡੇ ਹੋਏ ਹਨ +- **ਪ੍ਰਯੋਗਾਤਮਕ ਪ੍ਰੋਜੈਕਟ**: ਟੈਰੀਰੀਅਮ, ਟਾਈਪਿੰਗ ਗੇਮ, ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਨਸ਼ਨ, ਸਪੇਸ ਗੇਮ, ਬੈਂਕਿੰਗ ਐਪ, ਕੋਡ ਐਡੀਟਰ, ਅਤੇ ਏਆਈ ਚੈਟ ਅਸਿਸਟੈਂਟ +- **ਇੰਟਰੈਕਟਿਵ ਕੁਇਜ਼**: 48 ਕੁਇਜ਼, ਹਰ ਇੱਕ ਵਿੱਚ 3 ਸਵਾਲ (ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਦੇ ਪਾਠ ਮੁਅਾਇਨੇ) +- **ਬਹੁ-ਭਾਸ਼ਾ ਸਹਾਇਤਾ**: GitHub Actions ਰਾਹੀਂ 50+ ਭਾਸ਼ਾਵਾਂ ਲਈ ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ +- **ਤਕਨਾਲੋਜੀਆਂ**: HTML, CSS, ਜਾਵਾਸਕ੍ਰਿਪਟ, Vue.js 3, Vite, Node.js, Express, ਪਾਇਥਨ (ਏਆਈ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ) -### ਵਿਸ਼ੇਸ਼ ਰਚਨਾ +### ਢਾਂਚਾ -- ਪਾਠ ਅਧਾਰਿਤ ਸਿੱਖਣਯੋਗ ਰਿਪੋਜ਼ਿਟਰੀ -- ਹਰ ਪਾਠ ਫੋਲਡਰ README, ਕੋਡ ਉਦਾਹਰਣਾਂ, ਅਤੇ ਸਮਾਧਾਨਾਂ ਨਾਲ ਭਰਪੂਰ -- ਵੱਖ-ਵੱਖ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਅਲੱਗ ਪ੍ਰੋਜੈਕਟ (quiz-app, ਅਨੇਕ ਪਾਠ ਪ੍ਰੋਜੈਕਟ) -- GitHub Actions (co-op-translator) ਨਾਲ ਅਨੁਵਾਦ ਸਿਸਟਮ -- Docsify ਰਾਹੀਂ ਦਸਤਾਵੇਜ਼ ਸੇਵਾ ਅਤੇ PDF ਉਪਲਬਧ +- ਪਾਠਾਂ ਅਧਾਰਿਤ ਸਿਖਿਆਮੁਖ ਰੀਪੋਜ਼ਟਰੀ +- ਹਰ ਪਾਠ ਫੋਲਡਰ ਵਿੱਚ README, ਕੋਡ ਉਦਾਹਰਣਾਂ ਅਤੇ ਹੱਲ ਹੁੰਦੇ ਹਨ +- ਖ਼ਾਸ ਪ੍ਰੋਜੈਕਟ ਅਲੱਗ ਫੋਲਡਰਾਂ ਵਿੱਚ (quiz-app, ਵੱਖ-ਵੱਖ ਪਾਠ ਪ੍ਰੋਜੈਕਟ) +- GitHub Actions ਵਰਤੋਂ ਕਰ ਕੇ ਅਨੁਵਾਦ ਪ੍ਰਣਾਲੀ (co-op-translator) +- ਡੌਕੂਮੈਂਟੇਸ਼ਨ Docsify ਰਾਹੀਂ ਸੇਵਾ ਅਤੇ PDF ਰੂਪ ਵਿੱਚ ਉਪਲਬਧ -## ਸੈਟਅਪ ਕਮਾਂਡਾਂ +## ਸੈਟਅਪ ਕਮਾਂਡز -ਇਹ ਰਿਪੋਜ਼ਿਟਰੀ ਮੁੱਖ ਤੌਰ ਤੇ ਸਿੱਖਣਯੋਗ ਸਮੱਗਰੀ ਦੇ ਪ੍ਰਯੋਗ ਲਈ ਹੈ। ਨਿਰਧਾਰਿਤ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ: +ਇਹ ਰੀਪੋਜ਼ਟਰੀ ਮੁੱਖ ਤੌਰ 'ਤੇ ਸਿੱਖਣੀ ਸਮੱਗਰੀ ਲਈ ਹੈ। ਵਿਸ਼ੇਸ਼ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ: -### ਮੁੱਖ ਰਿਪੋਜ਼ਿਟਰੀ ਸੈਟਅਪ +### ਮੁੱਖ ਰੀਪੋਜ਼ਟਰੀ ਸੈਟਅਪ ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` - -### ਕਵਿਜ਼ ਐਪ ਸੈਟਅਪ (Vue 3 + Vite) + +### ਕੁਇਜ਼ ਐਪ ਸੈਟਅਪ (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # ਵਿਕਾਸ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ -npm run build # ਉਤਪਾਦਨ ਲਈ ਬਿਲਡ ਕਰੋ +npm run dev # ਵਿਕਾਸ ਸਰਵਰ ਚਾਲੂ ਕਰੋ +npm run build # ਉਤਪਾਦਨ ਲਈ ਬਣਾਓ npm run lint # ESLint ਚਲਾਓ ``` - -### ਬੈਂਕ ਪ੍ਰੋਜੈਕਟ API (Node.js + Express) + +### ਬੈਂਕ ਪਰੋਜੈਕਟ API (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # ਏਪੀਆਈ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ npm run lint # ESLint ਚਲਾਓ -npm run format # ਪ੍ਰੀਟੀਅਰ ਨਾਲ ਫਾਰਮੇਟ ਕਰੋ +npm run format # Prettier ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ ``` - -### ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਪ੍ਰੋਜੈਕਟ + +### ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਨਸ਼ਨ ਪ੍ਰੋਜੈਕਟ ```bash cd 5-browser-extension/solution npm install -# ਬਰਾਊਜ਼ਰ-ਵਿਸ਼ੇਸ਼ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕਰਨ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਦਾ ਪਾਲਣ ਕਰੋ +# ਬ੍ਰਾਉਜ਼ਰ-ਖਾਸ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡਿੰਗ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ ``` - + ### ਸਪੇਸ ਗੇਮ ਪ੍ਰੋਜੈਕਟ ```bash cd 6-space-game/solution npm install -# ਇੰਡੈਕਸ.html ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਖੋਲ੍ਹੋ ਜਾਂ ਲਾਈਵ ਸਰਵਰ ਵਰਤੋਂ +# index.html ਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਖੋਲ੍ਹੋ ਜਾਂ ਲਾਈਵ ਸਰਵਰ ਦੀ ਵਰਤੋਂ ਕਰੋ ``` - -### ਚੈਟ ਪ੍ਰੋਜੈਕਟ (Python ਬੈਕਏਂਡ) + +### ਚੈਟ ਪ੍ਰੋਜੈਕਟ (ਪਾਇਥਨ ਬੈਕਇੰਡ) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN ਵਾਤਾਵਰਣ ਚਲ ਬਦਲੋ ਸੈਟ ਕਰੋ +# GITHUB_TOKEN ਵਾਤਾਵਰਣ ਚਰ ਵੈਰੀਏਬਲ ਸੈੱਟ ਕਰੋ python api.py ``` + +## ਵਿਕਾਸ ਕਰਮਸ਼ੀਲਤਾ -## ਵਿਕਾਸ ਵਰਕਫਲੋ - -### ਸਮੱਗਰੀ ਯੋਗਦਾਨਕਾਰਾਂ ਲਈ +### ਸਮੱਗਰੀ ਯੋਗਦਾਨਕਾਰੀਆਂ ਲਈ -1. ਆਪਣਾ GitHub ਖਾਤਾ ਵਿੱਚ ਰਿਪੋਜ਼ਿਟਰੀ ਨੂੰ ਫੌਰਕ ਕਰੋ -2. ਲੋ컬ੀ ਆਪਣੇ ਫੌਰਕ ਨੂੰ ਕਲੋਨ ਕਰੋ -3. ਆਪਣੇ ਬਦਲਾਅ ਲਈ ਨਵੀਂ ਬ੍ਰਾਂਚ ਬਣਾਓ -4. ਪਾਠ ਸਮੱਗਰੀ ਜਾਂ ਕੋਡ ਉਦਾਹਰਣਾਂ ਵਿੱਚ ਬਦਲਾਅ ਕਰੋ -5. ਸੰਬੰਧਿਤ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਕੋਡ ਬਦਲਾਅ ਦੀ ਜਾਂਚ ਕਰੋ -6. ਯੋਗਦਾਨ ਦਿਓ ਧਿਆਨ ਦਿੰਦੇ ਹੋਏ ਪੂਲ ਰਿਕਵੇਸਟ ਸਬਮਿਟ ਕਰੋਂ +1. ਆਪਣਾ GitHub ਖਾਤਾ ਤੇ ਰੀਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ +2. ਆਪਣੀ ਫੋਰਕ ਕਲੋਨ ਕਰੋ +3. ਆਪਣੀਆਂ ਤਬਦੀਲੀਆਂ ਲਈ ਨਵਾਂ ਬ੍ਰਾਂਚ ਬਣਾਓ +4. ਪਾਠ ਸਮੱਗਰੀ ਜਾਂ ਕੋਡ ਉਦਾਹਰਣਾਂ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਕਰੋ +5. ਸੰਬੰਧਿਤ ਪ੍ਰੋਜੈਕਟ ਫੋਲਡਰਾਂ ਵਿੱਚ ਕੋਈ ਕੋਡ ਤਬਦੀਲੀਆਂ ਟੈਸਟ ਕਰੋ +6. ਯੋਗਦਾਨ ਦਿੰਦੇ ਸਮੇਂ ਪੁਲ ਰਿਕਵੇਸਟ ਜਮ੍ਹਾਂ ਕਰੋ ### ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ -1. ਰਿਪੋਜ਼ਿਟਰੀ ਨੂੰ ਫੌਰਕ ਜਾਂ ਕਲੋਨ ਕਰੋ -2. ਲੈਸਨ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਕ੍ਰਮਵਾਰ ਜਾਓ -3. ਹਰ ਪਾਠ ਲਈ README ਫਾਇਲਾਂ ਪੜ੍ਹੋ -4. ਪਹਿਲਾਂ ਲੈਸਨ ਬਣਾਉਣ ਵਾਲੇ ਕਵਿਜ਼ ਨੂੰ https://ff-quizzes.netlify.app/web/ ਤੇ ਪੂਰਾ ਕਰੋ -5. ਪਾਠ ਫੋਲਡਰਾਂ ਵਿੱਚ ਕੋਡ ਉਦਾਹਰਣਾਂ 'ਤੇ ਕੰਮ ਕਰੋ -6. ਅਸਾਇਨਮੈਂਟ ਅਤੇ ਚੈਲੇਂਜ ਪੂਰੇ ਕਰੋ -7. ਬਾਅਦ ਦੇ ਲੈਸਨ ਕਵਿਜ਼ ਲਵੋ +1. ਰੀਪੋਜ਼ਟਰੀ ਫੋਰਕ ਜਾਂ ਕਲੋਨ ਕਰੋ +2. ਪਾਠ ਫੋਲਡਰਾਂ ਵਿੱਚ ਲੜੀਵਾਰ ਜਾਓ +3. ਹਰ ਪਾਠ ਲਈ README ਫਾਈਲਾਂ ਪੜ੍ਹੋ +4. https://ff-quizzes.netlify.app/web/ 'ਤੇ ਪਹਿਲਾਂ ਵਾਲੇ ਕੁਇਜ਼ ਪੂਰੇ ਕਰੋ +5. ਪਾਠ ਫੋਲਡਰਾਂ ਵਿੱਚ ਕੋਡ ਉਦਾਹਰਣਾਂ 'ਤੇ ਕੰਮ ਕਰੋ +6. ਅਸਾਈਨਮੈਂਟ ਅਤੇ ਚੈਲੈਂਜ ਪੂਰੇ ਕਰੋ +7. ਬਾਅਦ ਵਾਲੇ ਕੁਇਜ਼ ਪੂਰੇ ਕਰੋ ### ਲਾਈਵ ਵਿਕਾਸ -- **ਦਸਤਾਵੇਜ਼**: ਰੂਟ ਵਿੱਚ `docsify serve` ਚਲਾਓ (ਪੋਰਟ 3000) -- **ਕਵਿਜ਼ ਐਪ**: `quiz-app` ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ `npm run dev` ਚਲਾਓ -- **ਪ੍ਰੋਜੈਕਟਾਂ**: HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS Code Live Server ਐਕਸਟੈਂਸ਼ਨ ਵਰਤੋਂ -- **API ਪ੍ਰੋਜੈਕਟ**: ਸੰਬੰਧਿਤ API ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ `npm start` ਚਲਾਓ +- **ਡੌਕੂਮੈਂਟੇਸ਼ਨ**: ਰੂਟ ਵਿੱਚ `docsify serve` ਲਗਾਓ (ਪੋਰਟ 3000) +- **ਕੁਇਜ ਐਪ**: quiz-app ਡਿਰੈਕਟਰੀ ਵਿੱਚ `npm run dev` ਚਲਾਓ +- **ਪ੍ਰੋਜੈਕਟ**: HTML ਪ੍ਰੋਜੈਕਟ ਲਈ VS Code Live Server ਐਕਸਟੈਂਸ਼ਨ ਲਗਾਓ +- **API ਪ੍ਰੋਜੈਕਟ**: ਸੰਬੰਧਿਤ API ਡਿਰੈਕਟਰੀ ਵਿੱਚ `npm start` ਚਲਾਓ -## ਟੈਸਟਿੰਗ ਨਿਰਦੇਸ਼ +## ਟੈਸਟਿੰਗ ਦਿਸ਼ਾ-निर्दੇਸ਼ -### ਕਵਿਜ਼ ਐਪ ਟੈਸਟਿੰਗ +### ਕੁਇਜ਼ ਐਪ ਟੈਸਟਿੰਗ ```bash cd quiz-app -npm run lint # ਕੋਡ ਸਟਾਈਲ ਸਮੱਸਿਆਵਾਂ ਲਈ ਜਾਂਚ ਕਰੋ -npm run build # ਨਿਰਮਾਣ ਸਫਲ ਹੋਣਾ ਪੁਸ਼ਟੀ ਕਰੋ +npm run lint # ਕੋਡ ਸ਼ੈਲੀ ਸਮੱਸਿਆਵਾਂ ਦੀ ਜਾਂਚ ਕਰੋ +npm run build # ਬਣਤਰ ਸਫਲ ਹੋਣ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ ``` - + ### ਬੈਂਕ API ਟੈਸਟਿੰਗ ```bash cd 7-bank-project/api -npm run lint # ਕੋਡ ਅੰਦਾਜ਼ ਸਮੱਸਿਆਵਾਂ ਦੀ ਜਾਂਚ ਕਰੋ -node server.js # ਬਿਨਾਂ ਗਲਤੀਆਂ ਦੇ ਸਰਵਰ ਸ਼ੁਰੂ ਹੋਣ ਦੀ ਜਾਂਚ ਕਰੋ +npm run lint # ਕੋਡ ਸਟਾਈਲ ਸਮੱਸਿਆਵਾਂ ਲਈ ਜਾਂਚੋ +node server.js # ਸਰਵਰ ਨੂੰ ਬਿਨਾਂ ਗਲਤੀਆਂ ਦੇ ਚਾਲੂ ਹੋਣ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ ``` + +### ਆਮ ਟੈਸਟਿੰਗ ਉਪਗ੍ਰਹ -### ਆਮ ਟੈਸਟਿੰਗ ਪਹੁੰਚ - -- ਇਹ ਇੱਕ ਸਿੱਖਣਯੋਗ ਰਿਪੋਜ਼ਿਟਰੀ ਹੈ ਜਿਸ ਵਿੱਚ ਪੂਰਨ ਆਟੋਮੈਟਿਕ ਟੈਸਟ ਨਹੀਂ ਹਨ -- ਮੈਨੁਅਲ ਟੈਸਟਿੰਗ ‘ਤੇ ਧਿਆਨ: - - ਕੋਡ ਉਦਾਹਰਣਾਂ ਬਿਨਾਂ ਗਲਤੀਆਂ ਚੱਲ ਰਹੇ ਹੋਣ - - ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਲਿੰਕ ਠੀਕ ਕੰਮ ਕਰ ਰਹੇ ਹੋਣ - - ਪ੍ਰੋਜੈਕਟ ਬਿਲਡ ਸਫਲਤਾਪੂਰਵਕ ਹੋਣ - - ਉਦਾਹਰਣਾਂ ਵਧੀਆ ਪ੍ਰਥਾਵਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਰਹੇ ਹੋਣ +- ਇਹ ਸਿੱਖਿਆਮੁਖ ਰੀਪੋਜ਼ਟਰੀ ਵਿੱਚ ਵਿਆਪਕ ਆਟੋਮੈਟਿਕ ਟੈਸਟ ਸ਼ਾਮਲ ਨਹੀਂ ਹਨ +- ਮੈਨੂਅਲ ਟੈਸਟਿੰਗ ਤੇ ਧਿਆਨ ਹੈ: + - ਕੋਡ ਉਦਾਹਰਣ ਗਲਤੀਆਂ ਤੋਂ ਮੁਕਤ ਚੱਲਦੇ ਹਨ + - ਡੌਕੂਮੈਂਟੇਸ਼ਨ ਵਿੱਚ ਲਿੰਕ ਸਹੀ ਕੰਮ ਕਰਦੇ ਹਨ + - ਪ੍ਰੋਜੈਕਟ ਸਫਲਤਾਪੂਰਵਕ ਬਿਲਡ ਹੁੰਦੇ ਹਨ + - ਉਦਾਹਰਣਾਂ ਨੂੰ ਵਧੀਆ ਅਮਲ ਦੀ ਪਾਲਣਾ ਹੁੰਦੀ ਹੈ -### ਪੂਰਵ-ਦਾਖਲਾ ਚੈੱਕ +### ਪਹਿਲਾਂ ਜਮ੍ਹਾਂ ਕਰਨ ਵਾਲੀਆਂ ਜਾਂਚਾਂ -- `package.json` ਵਾਲੇ ਫੋਲਡਰਾਂ ਵਿੱਚ `npm run lint` ਚਲਾਓ -- ਮਾਰਕਡਾਊਨ ਲਿੰਕਾਂ ਦੀ ਸੰਪੂਰਨਤਾ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ -- ਕੋਡ ਉਦਾਹਰਣ ਬ੍ਰਾਉਜ਼ਰ ਜਾਂ Node.js ਵਿੱਚ ਟੈਸਟ ਕਰੋ -- ਅਨੁਵਾਦਾਂ ਦੀ ਸਠਿਕ ਰਚਨਾ ਬਰਕਰਾਰ ਰਹਿੰਦੀ ਹੈ ਜਾਂ ਨਹੀਂ ਚੈੱਕ ਕਰੋ +- ਜਿੱਥੇ package.json ਹੈ ਉਥੇ `npm run lint` ਚਲਾਓ +- ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਦੀ ਸਹੀਤਾ ਚੈੱਕ ਕਰੋ +- ਕੋਡ ਉਦਾਹਰਣਾਂ ਨੂੰ ਬਰਾਉਜ਼ਰ ਜਾਂ Node.js ਵਿੱਚ ਟੈਸਟ ਕਰੋ +- ਅਨੁਵਾਦ ਕੁਝ ਨੁਕਸਾਨ ਨਾ ਪਹੁੰਚਾਵੇ ਇਹ ਯਕੀਨੀ ਬਣਾਓ -## ਕੋਡ ਸਟਾਈਲ ਨਿਰਦੇਸ਼ +## ਕੋਡ ਸਟਾਈਲ ਦਿਸ਼ਾ-निर्दੇਸ਼ ### JavaScript -- ਆਧੁਨਿਕ ES6+ ਵਾਕਯਾਂ ਨੂੰ ਵਰਤੋਂ -- ਪ੍ਰਾਜੈਕਟਾਂ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ESLint ਵਿਵਸਥਾਪਨ ਦੀ ਪਾਲਣਾ ਕਰੋ -- ਸਿੱਖਣ ਦੀ ਸਪਸ਼ਟਤਾ ਲਈ ਮਾਇਨੇਵਾਲੇ ਵੈਰੀਅਬਲ ਅਤੇ ਫੰਕਸ਼ਨ ਨਾਮ ਵਰਤੋਂ -- ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ਧਾਰਨਾ ਸਮਝਾਉਣ ਵਾਲੇ ਟਿੱਪਣੀਆਂ ਜੋੜੋ -- ਜਿੱਥੇ ਲਾਗੂ ਹੋਵੇ ਪ੍ਰੀਟੀਅਰ ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ +- ਆਧੁਨਿਕ ES6+ ਸਿੰਟੈਕਸ ਵਰਤੋਂ +- ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ESLint ਸੈਟਿੰਗਸ ਦੀ ਪਾਲਣਾ ਕਰੋ +- ਸਿੱਖਿਆ ਲਈ ਮਾਣੇ ਵਾਲੇ ਵੈਰੀਏਬਲ ਅਤੇ ਫੰਕਸ਼ਨ ਨਾਂ ਵਰਤੋਂ +- ਸਿੱਖਿਅਕਲ ਲਈ ਟਿੱਪਣੀਆਂ ਕਰੋ +- ਜਿੱਥੇ ਸੰਭਵ ਪ੍ਰੀਟੀਅਰ ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ ### HTML/CSS -- ਸਮਾਂਤਾਰਕ HTML5 ਤੱਤ -- ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਇਨ ਨੀਤੀ -- ਸਾਫ਼ ਸਿੱਧੇ ਕਲਾਸ ਨਾਂਮ -- CSS ਤਕਨੀਕਾਂ ਸਿੱਖਾਉਂਦੀਆਂ ਟਿੱਪਣੀਆਂ +- ਅਰਥਪੂਰਨ HTML5 ਤੱਤ +- ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਨੀਤੀਆਂ +- ਕਲਾਸ ਨਾਮਕਰਨ ਵਿੱਚ ਸਾਫ਼ ਲੋੜਾਂ +- ਉਪਯੋਗਕਤਾਮੁਖ CSS ਤਕਨੀਕਾਂ ਲਈ ਟਿੱਪਣੀਆਂ ### Python -- PEP 8 ਸਟਾਈਲ ਧਾਰਾਵਾਂ -- ਸਿੱਖਣ ਲਈ ਸਾਫ਼ ਕੋਡ ਉਦਾਹਰਣ -- ਜਿੱਥੇ ਲਾਗੂ ਹੋਵੇ ਟਾਈਪ ਉਹ ਘੁੱਟਨ ਸਮੇਤ +- PEP 8 ਅਨੁਕੂਲਤਾ +- ਸਿੱਖਣ ਲਈ ਸਾਫ਼ ਉਦਾਹਰਣ +- ਸਮਝ ਵਧਾਉਣ ਲਈ ਟਾਈਪ ਹਿੰਟਸ -### ਮਾਰਕਡਾਊਨ ਦਸਤਾਵੇਜ਼ +### Markdown ਡੌਕੂਮੈਂਟੇਸ਼ਨ -- ਸਪਸ਼ਟ ਸਿਰਲੇਖਾਂ ਦੀ ਵਰਕਿਰਤਾ -- ਭਾਸ਼ਾ ਨਾਲ ਕੋਡ ਬਲਾਕ -- ਵਾਧੂ ਸਰੋਤਾਂ ਲਈ ਲਿੰਕ -- `images/` ਫੋਲਡਰਾਂ ਵਿੱਚ ਸਕ੍ਰੀਨਸ਼ਾਟ ਅਤੇ ਚਿੱਤਰ -- ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਚਿੱਤਰਾਂ ਦਾ Alt ਟੈਕਸਟ +- ਸਪਸ਼ਟ ਸਿਰਲੇਖ ਹਾਇਰਾਰਕੀ +- ਭਾਸ਼ਾ ਬਾਰੇ ਜਾਣਕਾਰੀ ਸਮੇਤ ਕੋਡ ਬਲੌਕ +- ਵਾਧੂ ਸਾਧਨਾਂ ਲਈ ਲਿੰਕ +- `images/` ਡਿਰੈਕਟਰੀ ਵਿੱਚ ਸਕ੍ਰੀਨਸ਼ਾਟ ਅਤੇ ਚਿੱਤਰ +- ਵਰਣਣਾਤਮਕ Alt ਪਾਠ ਚਿੱਤਰ ਲਈ -### ਫਾਇਲ ਸੰਗਠਨ +### ਫਾਈਲ ਸੰਗਠਨ -- ਲੈਸਨ ਕ੍ਰਮਵਾਰ ਨੰਬਰਿਤ (1-getting-started-lessons, 2-js-basics, ਆਦਿ) -- ਹਰ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ `solution/` ਅਤੇ ਅਕਸਰ `start/` ਜਾਂ `your-work/` ਡਾਇਰੈਕਟਰੀਆਂ -- ਪਾਠ-ਵਿਸ਼ੇਸ਼ `images/` ਫੋਲਡਰਾਂ ਵਿੱਚ ਚਿੱਤਰ ਸਟੋਰ ਹੁੰਦੇ ਹਨ -- ਤਰਜਮੇ ਨੂੰ `translations/{language-code}/` ਵਿੱਚ ਸੰਗ੍ਰਹਿਤ ਕਰਨਾ +- ਲੜੀਵਾਰ ਨੰਬਰਬੰਦੀ (1-getting-started-lessons, 2-js-basics, ਆਦਿ) +- ਹਰ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ `solution/` ਅਤੇ ਅਕਸਰ `start/` ਜਾਂ `your-work/` ਫੋਲਡਰ +- ਪਾਠ-ਵਿਸ਼ੇਸ਼ `images/` ਫੋਲਡਰਾਂ ਵਿੱਚ ਚਿੱਤਰ +- `translations/{language-code}/` ਅਨੁਵਾਦ ਸੰਰਚਨਾ -## ਬਿਲਡ ਅਤੇ ਡਿਪਲੋਇਮੈਂਟ +## ਨਿਰਮਾਣ ਅਤੇ ਤਿਆਰ ਕਰਨਾ -### ਕਵਿਜ਼ ਐਪ ਡਿਪਲੋਇਮੈਂਟ (Azure Static Web Apps) +### ਕੁਇਜ਼ ਐਪ ਤਿਆਰ ਕਰਨਾ (Azure Static Web Apps) -quiz-app ਨੂੰ Azure Static Web Apps ਡਿਪਲੋਇਮੈਂਟ ਲਈ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ: +ਕੁਇਜ਼-ਐਪ ਨੂੰ Azure Static Web Apps ਲਈ ਸੰਰਚਿਤ ਕੀਤਾ ਗਿਆ ਹੈ: ```bash cd quiz-app npm run build # dist/ ਫੋਲਡਰ ਬਣਾਉਂਦਾ ਹੈ -# ਮੈਨ branch 'ਤੇ push ਕਰਨ 'ਤੇ GitHub Actions ਵਰਕਫਲੋ ਰਾਹੀਂ ਡਿਪਲੌਏਂਡ ਕਰਦਾ ਹੈ +# ਮੈਂਨ ਵਿਚ ਧੱਕਣ 'ਤੇ GitHub Actions ਵਰਕਫਲੋ ਰਾਹੀਂ ਤਾਇਨਾਤ ਕਰਦਾ ਹੈ ``` + +Azure Static Web Apps ਸੰਰਚਨਾ: +- **ਐਪ ਦੀ ਖੇਤਰਫਲ**: `/quiz-app` +- **ਆਉਟਪੁੱਟ ਖੇਤਰ**: `dist` +- **ਵਰਕਫਲੋ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -Azure Static Web Apps ਸੰਰਚਨਾ: -- **ਐਪ ਸਥਿਤੀ**: `/quiz-app` -- **ਆਉਟਪੁੱਟ ਸਥਿਤੀ**: `dist` -- **ਵਰਕਫਲੋ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - -### ਦਸਤਾਵੇਜ਼ PDF ਬਣਾਉਣਾ +### ਡੌਕੂਮੈਂਟੇਸ਼ਨ PDF ਪੈਦਾ ਕਰਨਾ ```bash npm install # docsify-to-pdf ਨੂੰ ਇੰਸਟਾਲ ਕਰੋ -npm run convert # docs ਤੋਂ PDF ਬਣਾਓ +npm run convert # ਡੌਕਸ ਤੋਂ PDF ਬਣਾਓ ``` - -### Docsify ਦਸਤਾਵੇਜ਼ + +### Docsify ਡੌਕੂਮੈਂਟੇਸ਼ਨ ```bash -npm install -g docsify-cli # ਡੌਕਸੀਫਾਈ ਨੂੰ ਗਲੋਬਲੀ ਇੰਸਟਾਲ ਕਰੋ +npm install -g docsify-cli # ਡੌਕਸਿਫਾਈ ਨੂੰ ਗਲੋਬਲੀ ਇੰਸਟਾਲ ਕਰੋ docsify serve # ਲੋਕਲਹੋਸਟ:3000 'ਤੇ ਸਰਵ ਕਰੋ ``` - + ### ਪ੍ਰੋਜੈਕਟ-ਵਿਸ਼ੇਸ਼ ਬਿਲਡ -ਹਰ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਦਾ ਆਪਣਾ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਹੋ ਸਕਦਾ ਹੈ: -- Vue ਪ੍ਰੋਜੈਕਟ: `npm run build` ਨਾਲ ਉਤਪਾਦਨ ਬੰਨਲ ਬਣਾਓ -- ਸਟੈਟਿਕ ਪ੍ਰੋਜੈਕਟ: ਕੋਈ ਬਿਲਡ ਨਹੀਂ, ਸਿੱਧੇ ਫਾਇਲਾਂ ਸੇਵਾ ਕਰੋ +ਹਰ ਪ੍ਰੋਜੈਕਟ ਡਿਰੈਕਟਰੀ ਦਾ ਆਪਣਾ ਬਣਾਉਣ ਦਾ ਪ੍ਰਕ੍ਰਿਆ ਹੋ ਸਕਦੀ ਹੈ: +- Vue ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ: `npm run build` ਪ੍ਰੋਡਕਸ਼ਨ ਬੰਡਲ ਬਣਾਉਂਦਾ ਹੈ +- ਸਥਿਰ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ: ਬਣਾਉਣ ਦਾ ਕੋਈ ਕਦਮ ਨਹੀਂ, ਸਿੱਧਾ ਫਾਈਲਾਂ ਸੇਵਾ ਕਰੋ -## ਪੂਲ ਰਿਕਵੇਸਟ ਨਿਯਮ +## ਪੁਲ ਰਿਕਵੇਸਟ ਦਿਸ਼ਾ-निर्दੇਸ਼ -### ਸਿਰਲੇਖ ਫਾਰਮੈਟ +### ਸਿਰਲੇਖ ਦਾ ਫਾਰਮੈਟ -ਸਪਸ਼ਟ, ਵਰਣਨਾਤਮਕ ਸਿਰਲੇਖ ਜੋ ਬਦਲਾਅ ਦੇ ਖੇਤਰ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ: -- `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo in terrarium project` -- `[Translation] Add Spanish translation for lesson 5` -- `[Docs] Update setup instructions` +ਸਪਸ਼ਟ, ਵਰਣਨਾਤਮਕ ਸਿਰਲੇਖ ਵਰਤੋਂ ਜੋ ਬਦਲਾਅ ਦੇ ਖੇਤਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੋਵੇ: +- `[Quiz-app] ਪਾਠ X ਲਈ ਨਵਾਂ ਕੁਇਜ਼ ਸ਼ਾਮਲ ਕਰੋ` +- `[Lesson-3] ਟੈਰੀਰੀਅਮ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਟਾਈਪੋ ਠੀਕ ਕਰੋ` +- `[Translation] ਪਾਠ 5 ਲਈ ਸਪੈਨਿਸ਼ ਅਨੁਵਾਦ ਸ਼ਾਮਲ ਕਰੋ` +- `[Docs] ਸੈਟਅਪ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਅਪਡੇਟ ਕਰੋ` -### ਲੋੜੀਂਦੇ ਚੈੱਕਸ +### ਲਾਜ਼ਮੀ ਜਾਂਚਾਂ -ਪੂਲ ਰਿਕਵੇਸਟ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ: +ਪੁਲ ਰਿਕਵੇਸਟ ਜਮ੍ਹਾਂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ: -1. **ਕੋਡ ਕੁਆਲਿਟੀ**: - - ਪ੍ਰਭਾਵਿਤ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ `npm run lint` ਚਲਾਓ - - ਸਾਰੇ ਲਿੰਟ ਗਲਤੀਆਂ ਅਤੇ ਚੇਤਾਵਨੀ ਦੂਰ ਕਰੋ +1. **ਕੋਡ ਗੁਣਵੱਤਾ**: + - ਪ੍ਰਭਾਵਿਤ ਪ੍ਰੋਜੈਕਟ ਡਿਰੈਕਟਰੀ ਵਿੱਚ `npm run lint` ਚਲਾਓ + - ਸਾਰੇ ਲਿੰਟ ਸੁਝਾਵ ਅਤੇ ਚੇਤਾਵਨੀਆਂ ਠੀਕ ਕਰੋ -2. **ਬਿਲਡ ਪੁਸ਼ਟੀ**: - - ਜੇ ਲਾਗੂ ਹੋਵੇ ਤਾਂ `npm run build` ਚਲਾਓ - - ਕੋਈ ਬਿਲਡ ਗਲਤੀ ਨਹੀਂ ਹੋਣ +2. **ਨਿਰਮਾਣ ਪੱਕੇ ਕਰੋ**: + - ਲਾਗੂ ਹੋਣ 'ਤੇ `npm run build` ਚਲਾਓ + - ਕੋਈ ਬਣਾਉਣ ਵਾਲੀ ਗਲਤੀ ਨਾ ਹੋਵੇ -3. **ਲਿੰਕ ਵੈਧਤਾ**: - - ਸਾਰੇ ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਟੈਸਟ ਕਰੋ - - ਚਿੱਤਰ ਸੰਦਰਭਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ +3. **ਲਿੰਕ ਦੀ ਸਹੀਤਾ**: + - ਸਾਰੇ ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਟੈਸਟ ਕਰੋ + - ਚਿੱਤਰਾਂ ਦੇ ਰੈਫਰੈਂਸ ਕੰਮ ਕਰਦੇ ਹੋਣ -4. **ਸਮੱਗਰੀ ਸਮੀਖਿਆ**: - - ਸਪੈਲਿੰਗ ਅਤੇ ਵਿਆਕਰਨ ਲਈ ਪ੍ਰੂਫਰੀਡ ਕਰੋ - - ਕੋਡ ਉਦਾਹਰਣ ਸਹੀ ਅਤੇ ਸਿੱਖਣਯੋਗ ਹੋਣ - - ਅਨੁਵਾਦਾਂ ਦਾ ਮੂਲ ਅਰਥ ਬਣਿਆ ਰਹੇ ਇਹ ਚੈੱਕ ਕਰੋ +4. **ਸਮੱਗਰੀ ਸਮੀਖਿਆ**: + - ਵਿਆਕਰਨ ਅਤੇ ਸਪੈਲਿੰਗ ਦੀ ਜਾਂਚ ਕਰੋ + - ਕੋਡ ਉਦਾਹਰਣ ਸਹੀ ਅਤੇ ਸਿੱਖਣਯੋਗ ਹੋਣ + - ਅਨੁਵਾਦ ਅਸਲੀ ਅਰਥ ਬਣਾਏ ਰੱਖਣ -### ਯੋਗਦਾਨ ਲੈਣ ਦੀਆਂ ਸ਼ਰਤਾਂ +### ਯੋਗਦਾਨ ਲੈਣ ਦੇ ਨਿਯਮ -- ਮਾਈਕ੍ਰੋਸਾਫਟ CLA (ਸਵੈਚਾਲਿਤ ਜਾਂਚ ਪਹਿਲੀ PR ‘ਤੇ) ਨੂੰ ਮਨਜ਼ੂਰ ਕਰੋ -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ਦੀ ਪਾਲਣਾ ਕਰੋ -- ਵਿਸਥਾਰ ਲਈ [CONTRIBUTING.md](./CONTRIBUTING.md) ਵੇਖੋ -- ਜੇ ਲਾਗੂ ਹੋਵੇ ਤਾਂ PR ਵੇਰਵੇ ਵਿੱਚ ਮੁੱਦੇ ਨੰਬਰ ਦਰਜ ਕਰੋ +- Microsoft CLA ਨਾਲ ਸਹਿਮਤ ਹੋਵੋ (ਪਹਿਲੀ PR ’ਤੇ ਆਟੋਮੈਟਿਕ ਜਾਂਚ) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ਦੀ ਪਾਲਣਾ ਕਰੋ +- ਵਿਸਥਾਰ ਲਈ [CONTRIBUTING.md](./CONTRIBUTING.md) ਵੇਖੋ +- ਜੇ ਮੌਜੂਦ ਹੋਵੇ ਤਾਂ PR ਵਰਣਨ ਵਿੱਚ ਮਸਲੇ ਦੀ ਸੰਖਿਆ ਦਰਜ ਕਰੋ ### ਸਮੀਖਿਆ ਪ੍ਰਕਿਰਿਆ -- PRs ਨੂੰ ਮੇਂਟੇਨਰਾਂ ਅਤੇ ਕਮਿਊਨਿਟੀ ਵੱਲੋਂ ਸਮੀਖਿਆ ਕੀਤੀ ਜਾਂਦੀ ਹੈ -- ਸਿੱਖਣਯੋਗ ਸਪਸ਼ਟਤਾ ਪ੍ਰਾਥਮਿਕਤਾ ਹੈ -- ਕੋਡ ਉਦਾਹਰਣ ਮੌਜੂਦਾ ਵਧੀਆ ਅਭਿਆਸਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨੇ ਚਾਹੀਦੇ ਹਨ -- ਅਨੁਵਾਦਾਂ ਦੀ ਸੁਨਿਸ਼ਚਿਤਤਾ ਅਤੇ ਸਾਂਸਕ੍ਰਿਤਿਕ ਉਚਿਤਤਾ ਲਈ ਸਮੀਖਿਆ +- PRs ਦਾ ਸਮੀਖਿਆਕ ਫਰਨ ਅਤੇ ਸਮੁਦਾਇ ਵੱਲੋਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ +- ਸਿੱਖਿਆਮੁਖ ਸਪਸ਼ਟਤਾ ਨੂੰ ਤਰਜੀਹ +- ਕੋਡ ਉਦਾਹਰਨ ਆਧੁਨਿਕ ਸਰਵੋਤਮ ਅਭਿਆਸ ਫਾਲੋ ਕਰਨ +- ਅਨੁਵਾਦਾਂ ਦੀ ਸ਼ੁੱਧਤਾ ਅਤੇ ਸਾਂਸਕ੍ਰਿਤਕ ਯੋਗਤਾ ਲਈ ਸਮੀਖਿਆ -## ਅਨੁਵਾਦ ਸਿਸਟਮ +## ਅਨੁਵਾਦ ਪ੍ਰਣਾਲੀ -### ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦ +### ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ -- GitHub Actions ਨਾਲ co-op-translator ਵਰਕਫਲੋ ਵਰਤਦਾ ਹੈ -- 50+ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਸਵੈਚਾਲਿਤ ਤੌਰ 'ਤੇ ਅਨੁਵਾਦ ਕਰਦਾ ਹੈ -- ਸੋ스 ਫਾਇਲਾਂ ਮੁੱਖ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਹਨ -- ਅਨੁਵਾਦ ਕੀਤੀਆਂ ਫਾਇਲਾਂ `translations/{language-code}/` ਵਿੱਚ ਹਨ +- GitHub Actions ਨਾਲ co-op-translator ਵਰਕਫਲੋ ਵਰਤਦਾ ਹੈ +- 50+ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦ +- ਮੁੱਢਲੇ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਸਰੋਤ ਫਾਈਲਾਂ +- `translations/{language-code}/` ਵਿੱਚ ਅਨੁਵਾਦ ਫਾਈਲਾਂ -### ਮੈਨੁਅਲ ਅਨੁਵਾਦ ਸੁਧਾਰ ਜੋੜਨਾ +### ਮੈਨੂਅਲ ਅਨੁਵਾਦ ਸੁਧਾਰ ਸ਼ਾਮਲ ਕਰਨਾ -1. `translations/{language-code}/` ਵਿੱਚ ਫਾਇਲ ਲੱਭੋ -2. ਸੰਰਚਨਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦਿਆਂ ਸੁਧਾਰ ਕਰੋ -3. ਕੋਡ ਉਦਾਹਰਣ ਕੰਮਕਾਜ਼ ਹੁੰਦੇ ਰਹਿੰਦੇ ਹਨ ਇਹ ਯਕੀਨੀ ਬਣਾਓ -4. ਕਿਸੇ ਵੀ ਸਥਾਨਕ ਕਵਿਜ਼ ਸਮੱਗਰੀ ਦੀ ਜਾਂਚ ਕਰੋ +1. `translations/{language-code}/` ਵਿੱਚ ਫਾਈਲ ਲੱਭੋ +2. ਸੰਰਚਨਾ ਬਰਕਰਾਰ ਰੱਖਦੇ ਹੋਏ ਸੁਧਾਰ ਕਰੋ +3. ਕੋਡ ਉਦਾਹਰਣ ਕੁਝ ਕੰਮ ਕਰਦੇ ਰਹਿਣ ਇਹ ਯਕੀਨੀ ਬਣਾਓ +4. ਕੋਈ ਵੀ ਸਥਾਨਕ ਕੁਇਜ਼ ਸਮੱਗਰੀ ਟੈਸਟ ਕਰੋ -### ਅਨੁਵਾਦ ਮੈਟਾ ਡੇਟਾ +### ਅਨੁਵਾਦ ਮੈਟਾਡੇਟਾ -ਅਨੁਵਾਦ ਕੀਤੀਆਂ ਫਾਇਲਾਂ metadata ਹੈੱਡਰ ਸ਼ਾਮਲ ਕਰਦੀਆਂ ਹਨ: +ਅਨੁਵਾਦ ਫਾਈਲਾਂ ਵਿੱਚ ਮੈਟਾਡੇਟਾ ਹੈਡਰ ਸ਼ਾਮਲ: ```markdown ``` - -## ਡੀਬੱਗਿੰਗ ਅਤੇ ਸਮੱਸਿਆਵਾਂ ਦਾ ਨਿਵਾਰਣ + +## ਡਿਬੱਗਿੰਗ ਅਤੇ ਸਮੱਸਿਆ ਸੂਚਨਾ ### ਆਮ ਸਮੱਸਿਆਵਾਂ -**ਕਵਿਜ਼ ਐਪ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦਾ**: -- Node.js ਵਰਜਨ ਚੈੱਕ ਕਰੋ (v14+ ਸਿਫਾਰਸ਼ੀ ਹੈ) -- `node_modules` ਅਤੇ `package-lock.json` ਮਿਟਾਓ, ਫਿਰ `npm install` ਚਲਾਓ -- ਪੋਰਟ ਟਕਰਾਅ ਚੈੱਕ ਕਰੋ (ਮੂਲ: Vite 5173 ਪੋਰਟ ਵਰਤਦਾ ਹੈ) +**ਕੁਇਜ਼ ਐਪ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦਾ**: +- Node.js ਵਰਜ਼ਨ ਦੀ ਜਾਂਚ ਕਰੋ (v14+ ਸਿਫਾਰਸ਼ੀ) +- `node_modules` ਅਤੇ `package-lock.json` ਮਿਟਾ ਕੇ `npm install` ਚਲਾਓ +- ਪੋਰਟ ਸੰਘਰਸ਼ ਦੀ ਜਾਂਚ (ਡਿਫੌਲਟ: Vite ਪੋਰਟ 5173 ਵਰਤਦਾ ਹੈ) -**API ਸਰਵਰ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦਾ**: -- Node.js ਵਰਜਨ ਨਿਰੀਖਣ ਕਰੋ (node >=10) -- ਜੇ ਪੋਰਟ ਪਹਿਲਾਂ ਹੀ ਵਰਤਿਆ ਜਾ ਰਿਹਾ ਹੈ ਤਾਂ ਚੈੱਕ ਕਰੋ -- ਸਾਰੀਆਂ ਡਿਪੈਂਡੈਂਸੀਜ਼ `npm install` ਨਾਲ ਇੰਸਟਾਲ ਹੋਈਆਂ ਹਨ ਜਾਂ ਨਹੀਂ +**API ਸਰਵਰ ਚੱਲਦਾ ਨਹੀਂ**: +- Node.js ਵਰਜ਼ਨ (node >= 10) ਸਹੀ ਹੋਵੇ ਜਾਂ ਨਾ +- ਪੋਰਟ ਪਹਿਲਾਂ ਹੀ ਵਰਤਿਆ ਜਾ ਰਿਹਾ ਹੈ ਕਿ ਨਹੀਂ +- ਸਾਰੇ ਡਿਪੈਂਡੈਂਸੀਆਂ `npm install` ਨਾਲ ਇੰਸਟਾਲ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ -**ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਨਹੀਂ ਹੁੰਦਾ**: -- manifest.json ਢੰਗ ਨਾਲ ਫਾਰਮੈਟਡ ਹੈ ਜਾਂ ਨਹੀਂ ਜਾਂਚੋ -- ਬਰਾਊਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਗਲਤੀਆਂ ਦੇਖੋ -- ਵਰਤੇ ਜਾ ਰਹੇ ਬਰਾਊਜ਼ਰ ਲਈ ਵਿਸ਼ੇਸ਼ ਐਕਸਟੈਂਸ਼ਨ ਇੰਸਟਾਲੇਸ਼ਨ ਅਨੁਸਾਰ ਕੰਮ ਕਰੋ +**ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਨਸ਼ਨ ਲੋਡ ਨਹੀਂ ਹੁੰਦਾ**: +- manifest.json ਠੀਕ ਫਾਰਮੈਟ ਕੀਤਾ ਹੋਇਆ ਹੈ ਜਾਂ ਨਹੀਂ +- ਬਰਾਊਜ਼ਰ ਕੰਸੋਲ ਵਿੱਚ ਗਲਤੀਆਂ ਦੀ ਜਾਂਚ +- ਬਰਾਊਜ਼ਰ-ਖ਼ਾਸ ਐਕਸਟੈਨਸ਼ਨ ਇੰਸਟਾਲੇਸ਼ਨ ਹਦਾਇਤਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ -**Python ਚੈਟ ਪ੍ਰੋਜੈਕਟ ਸਮੱਸਿਆਵਾਂ**: -- OpenAI ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰੋ: `pip install openai` -- GITHUB_TOKEN ਵਾਤਾਵਰਣ ਚਰ (environment variable) ਸੈੱਟ ਹੈ ਜਾਂ ਨਹੀਂ -- GitHub ਮਾਡਲਜ਼ ਐਕਸੈਸ ਪਰਮਿਸ਼ਨਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ +**ਪਾਇਥਨ ਚੈਟ ਪ੍ਰੋਜੈਕਟ ਸਮੱਸਿਆਵਾਂ**: +- OpenAI ਪੈਕੇਜ ਇੰਸਟਾਲ ਹੈ: `pip install openai` +- GITHUB_TOKEN ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਸੈੱਟ ਹੈ +- GitHub ਮਾਡਲ ਐਕਸੈਸ ਪਰਮੀਸ਼ਨ ਦੀ ਜਾਂਚ ਕਰੋ -**Docsify ਦਸਤਾਵੇਜ਼ ਸੇਵਾ ਨਹੀਂ ਕਰ ਰਿਹਾ**: -- docsify-cli ਗਲੋਬਲ ਇੰਸਟਾਲ ਕਰੋ: `npm install -g docsify-cli` -- ਰਿਪੋਜ਼ਿਟਰੀ ਰੂਟ ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਚਲਾਓ -- `docs/_sidebar.md` ਮੌਜੂਦ ਹੈ ਜਾਂ ਨਹੀਂ ਜਾਂਚੋ +**Docsify ਡੌਕੂਮੈਂਟ ਸੇਵਾ ਨਹੀਂ ਦੇ ਰਿਹਾ**: +- docsify-cli ਗਲੋਬਲੀ ਇੰਸਟਾਲ ਕਰੋ: `npm install -g docsify-cli` +- ਰੀਪੋਜ਼ਟਰੀ ਦੇ Root ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਚਲਾਓ +- `docs/_sidebar.md` ਮੌਜੂਦ ਹੋਵੇ ਇਹ ਯਕੀਨੀ ਬਣਾਓ -### ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਟਿਪਸ +### ਵਿਕਾਸ ਵਾਤਾਵਰਨ ਸੁਝਾਵ -- HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS Code ਵਿੱਚ Live Server ਐਕਸਟੈਂਸ਼ਨ ਵਰਤੋਂ -- ESLint ਅਤੇ Prettier ਐਕਸਟੈਂਸ਼ਨਾਂ ਨੂੰ ਅਨੁਕੂਲ ਫਾਰਮੈਟਿੰਗ ਲਈ ਇੰਸਟਾਲ ਕਰੋ -- ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ ਬਰਾਊਜ਼ਰ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ ਵਰਤੋਂ -- Vue ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ Vue DevTools ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਸਟਾਲ ਕਰੋ +- HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS Code Live Server ਐਕਸਟੈਂਸ਼ਨ ਵਰਤੋਂ +- ESLint ਅਤੇ Prettier ਐਕਸਟੈਂਸ਼ਨ ਸਥਾਪਤ ਕਰੋ +- ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਿਬੱਗਿੰਗ ਲਈ ਬਰਾਊਜ਼ਰ DevTools ਵਰਤੋਂ +- Vue ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ Vue DevTools ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਜਮ੍ਹਾ ਕਰੋ -### ਪ੍ਰਦਰਸ਼ਨ ਦੀਆਂ ਗੱਲਾਂ +### ਪ੍ਰਦਰਸ਼ਨ ਜ਼ਰੂਰੀਆਤ -- ਵੱਡੀ ਗਿਣਤੀ ਵਿੱਚ ਅਨੁਵਾਦਤ ਫਾਇਲਾਂ (50+ ਭਾਸ਼ਾਵਾਂ) ਦੀ ਵਜੇ ਨਾਲ ਪੂਰੇ ਕਲੋਨ ਵੱਡੇ ਹਨ -- ਕੇਵਲ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹੋ ਤਾਂ shallow clone ਵਰਤੋਂ: `git clone --depth 1` -- ਅੰਗਰੇਜ਼ੀ ਸਮੱਗਰੀ ’ਤੇ ਕੰਮ ਕਰਦਿਆਂ ਅਨੁਵਾਦਾਂ ਨੂੰ ਖੋਜ ਤੋਂ ਬਾਹਰ ਰੱਖੋ -- ਪਹਿਲੀ ਵਾਰੀ npm install ਅਤੇ Vite build ਦੇ ਕਾਰਨ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਧੀਮੀ ਹੋ ਸਕਦੀ ਹੈ +- ਬਹੁਤ ਸਾਰੇ ਅਨੁਵਾਦ (50+ ਭਾਸ਼ਾਵਾਂ) ਨਾਲ ਫੁੱਲ ਕਲੋਨ ਵੱਡਾ ਹੁੰਦਾ ਹੈ +- ਸਿਰਫ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਕਰਨ ਲਈ ਸ਼ੈਲੋ ਕਲੋਨ ਵਰਤੋਂ: `git clone --depth 1` +- ਅਨੁਵਾਦਾਂ ਨੂੰ ਇੰਗਲਿਸ਼ ਸਮੱਗਰੀ ਵੇਲੇ ਖੋਜ ਤੋਂ ਬਾਹਰ ਰੱਖੋ +- ਪਹਿਲੀ ਵਾਰ npm install ਅਤੇ Vite build ਦੇ ਨਾਲ ਬਿਲਡ ਸਲੋ ਹੋ ਸਕਦਾ ਹੈ -## ਸੁਰੱਖਿਆ ਦੀਆਂ ਗੱਲਾਂ +## ਸੁਰੱਖਿਆ ਬਾਰੇ -### ਵਾਤਾਵਰਣ ਚਰ +### ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ -- API ਕੁੰਜੀਆਂ ਕਦੇ ਵੀ ਰਿਪੋਜ਼ਿਟਰੀ ਵਿੱਚ ਕਮਿੱਟ ਨਾ ਕਰੋ -- `.env` ਫਾਇਲਾਂ ਵਰਤੋ (ਜੋ `.gitignore` ਵਿੱਚ ਹਨ) -- ਲੋੜੀਂਦੇ ਵਾਤਾਵਰਣ ਚਰ ਨੂੰ ਪ੍ਰੋਜੈਕਟ README ਫਾਇਲਾਂ ਵਿੱਚ ਦਰਜ ਕਰੋ +- API ਕੁੰਜੀਆਂ ਕਦੇ ਵੀ ਰੀਪੋਜ਼ਟਰੀ ਵਿਚ ਕਮਿੱਟ ਨਾ ਕਰੋ +- `.env` ਫਾਈਲਾਂ ਵਰਤੋਂ (ਪਹਿਲਾਂ ਹੀ `.gitignore` ਵਿੱਚ ਹਨ) +- ਲੋੜੀਂਦੇ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲGORITHੰ ਨੂੰ ਪ੍ਰੋਜੈਕਟ README ਵਿੱਚ ਦਰਜ ਕਰੋ -### Python ਪ੍ਰੋਜੈਕਟ +### ਪਾਇਥਨ ਪ੍ਰੋਜੈਕਟ -- ਵਰਚੁਅਲ ਵਾਤਾਵਰਣ ਵਰਤੋ: `python -m venv venv` -- ਡਿਪੇਂਡੈਂਸੀਜ਼ ਅਪਡੇਟ ਰੱਖੋ -- GitHub ਟੋਕੇਨ ਨੂੰ ਘੱਟੋ ਘੱਟ ਲੋੜੀਂਦੇ ਅਧਿਕਾਰਾਂ ਨਾਲ ਵਰਤੋਂ +- ਵਰਚੁਅਲ ਐਨਵਾਇਰੰਮੈਂਟ ਵਰਤੋਂ: `python -m venv venv` +- ਡਿਪੈਂਡੈਂਸੀਆਂ ਅਪਡੇਟ ਰੱਖੋ +- GitHub ਟੋਕਨ ਨੂਕਤੇ ਘੱਟੋ ਘੱਟ ਲੋੜੀਂਦੇ ਪਰਮੀਸ਼ਨਾਂ ਨਾਲ ਰੱਖੋ -### GitHub ਮਾਡਲ ਐਕਸੈਸ +### GitHub ਮਾਡਲ ਐਕਸੇਸ -- GitHub ਮਾਡਲਾਂ ਲਈ ਪਰਸਨਲ ਐਕਸੈਸ ਟੋਕੇਨ (PAT) ਲੋੜੀਂਦੇ ਹਨ -- ਟੋਕੇਨ ਵਾਤਾਵਰਣ ਚਰ ਵਜੋਂ ਰੱਖੋ -- ਟੋਕੇਨ ਜਾਂ ਪ੍ਰਮਾਣ ਪੱਤਰ ਕਦੇ ਵੀ ਕਮਿੱਟ ਨਾ ਕਰੋ +- GitHub ਮਾਡਲ ਲਈ Personal Access Tokens (PAT) ਲਾਜ਼ਮੀ +- ਟੋਕਨ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਵਜੋਂ ਸੁਰੱਖਿਅਤ ਰੱਖੋ +- ਕਦੇ ਵੀ ਟੋਕਨ ਜਾਂ ਸਨਦ ਨਾ ਕਮਿੱਟ ਕਰੋ -## ਵਧੂ ਨੋਟਸ +## ਵਧੀਕ ਟਿੱਪਣੀਆਂ -### ਲਕੜਾਰਥ ਸੰਗ੍ਰਾਹਕ +### ਟਾਰਗੇਟ ਦਰਸ਼ਕ -- ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ ਪੂਰਨ ਸ਼ੁਰੂਆਤੀ -- ਵਿਦਿਆਰਥੀ ਅਤੇ ਖੁਦ ਸਿੱਖਣ ਵਾਲੇ -- ਕਲਾਸਰੂਮਾਂ ਵਿੱਚ ਸਿਲੇਬਸ ਦਾ ਉਪਯੋਗ ਕਰਨ ਵਾਲੇ ਅਧਿਆਪਕ -- ਸਮੱਗਰੀ ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਕਦਮ-ਦਰ-ਕਦਮ ਕੌਸ਼ਲ ਵਿਕਾਸ ਲਈ ਤਿਆਰ ਕੀਤੀ ਗਈ ਹੈ +- ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਮੁੱਢਲੇ ਸਿੱਖਿਅਕ +- ਵਿਦਿਆਰਥੀ ਅਤੇ ਸਵੈ-ਸਿੱਖਣ ਵਾਲੇ +- ਕਲਾਸਰੂਮ ਵਿੱਚ ਇਸ ਕੋਰਸ ਨੂੰ ਵਰਤਣ ਵਾਲੇ ਅਧਿਆਪਕ +- ਯੋਗਤਾ ਅਨੁਸਾਰ ਸੁਗਮਤਾ ਅਤੇ ਕਦਮ ਬਦ ਕਦਮ ਸਿੱਖਣ ਲਈ ਡਿਜ਼ਾਇਨ ਕੀਤਾ ਮਾਦਾ -### ਸਿੱਖਣ ਦੀ ਦਾਰਸ਼ਨਿਕਤਾ +### ਸਿੱਖਿਆਮੁਖ ਨਜ਼ਰੀਆ -- ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਸਿੱਖਣ ਦੀ ਪਢ਼ਤਾਲ -- ਮੁੜ-ਮੁੜ ਗਿਆਨ ਦੀ ਜਾਂਚ (ਕਵਿਜ਼) -- ਹੱਥ-ਵਿੱਚ ਕੋਡਿੰਗ ਅਭਿਆਸ -- ਅਸਲੀ ਦੁਨੀਆ ਦੇ ਉਦਾਹਰਣ -- ਫਰੇਮਵਰਕਾਂ ਤੋਂ ਪਹਿਲਾਂ ਬੁਨਿਆਦੀ ਜਾਣਕਾਰੀ ’ਤੇ ਧਿਆਨ +- ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਸਿੱਖਣ ਦੀ ਪੱਧਤੀ +- ਨਿਯਮਤ ਗਿਆਨ ਦੇ ਮੁਆਇਨੇ (ਕੁਇਜ਼) +- ਹੱਥੋਂ-ਹੱਥ ਕੋਡਿੰਗ ਅਭਿਆਸ +- ਅਸਲੀ ਜ਼ਿੰਦਗੀ ਦੇ ਉਦਾਹਰਣ +- ਫਰੇਮਵਰਕ ਤੋਂ ਪਹਿਲਾਂ ਬੁਨਿਆਦੀ ਗੱਲਾਂ ਤੇ ਧਿਆਨ -### ਰਿਪੋਜ਼ਿਟਰੀ ਦਾ ਸੰਭਾਲ +### ਰੀਪੋਜ਼ਟਰੀ ਦੇਖਭਾਲ -- ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਯੋਗਦਾਨਕਾਰਾਂ ਦੀ ਸਰਗਰਮ ਸਮੁਦਾਇ -- ਡਿਪੈਂਡੈਂਸੀਜ਼ ਅਤੇ ਸਮੱਗਰੀ ਦਾ ਨਿਯਮਤ ਅੱਪਡੇਟ -- ਮੈਨਟੇਨਰਾਂ ਵੱਲੋਂ ਮੁੱਦੇ ਅਤੇ ਗੱਲਬਾਤਨੂੰ ਨਿਗਰਾਨੀ -- ਅਨੁਵਾਦਾਂ ਦੇ ਅੱਪਡੇਟ GitHub Actions ਰਾਹੀਂ ਆਟੋਮੈਟਿਕ +- ਸਿੱਖਿਅਕ ਅਤੇ ਯੋਗਦਾਨਕਾਰੀਆਂ ਦੀ ਸਰਗਰਮ ਕਮਿਉਨਿਟੀ +- ਡਿਪੈਂਡੈਂਸੀਅਾਂ ਅਤੇ ਸਮੱਗਰੀ ਦੀ ਨਿਯਮਤ ਅਪਡੇਟ +- ਮੈਨਟੇਨਰਾਂ ਵੱਲੋਂ ਮਸਲੇ ਅਤੇ ਚਰਚਾ ਦੀ ਨਿਗਰਾਨੀ +- GitHub Actions ਨਾਲ ਅਨੁਵਾਦ ਅਪਡੇਟ ਆਟੋਮੈਟਿਕ -### ਸੰਬੰਧਤ ਸਰੋਤ +### ਸਬੰਧਤ ਸਰੋਤ -- [Microsoft Learn ਮੋਡਿਊਲ](https://docs.microsoft.com/learn/) -- [ਵਿਦਿਆਰਥੀ ਹੋਬ ਸਰੋਤ](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ਸੁਝਾਇਆ ਗਿਆ -- ਵਾਧੂ ਕੋਰਸ: ਜਨਰੇਟਿਵ AI, ਡੇਟਾ ਸਾਇੰਸ, ML, IoT ਸਿਲੇਬਸ ਉਪਲਬਧ +- [Microsoft Learn ਮਾਪਡੰਡ](https://docs.microsoft.com/learn/) +- [Student Hub ਸਰੋਤ](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ਸਿਫਾਰਸ਼ੀ +- ਵਧੀਕ ਕੋਰਸ: ਜਨਰੇਟਿਵ ਏਆਈ, ਡੇਟਾ ਸਾਇੰਸ, ML, IoT ਕੋਰਸ ਉਪਲਬਧ -### ਨਿਰਧਾਰਿਤ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ +### ਖ਼ਾਸ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ -ਵਿਸਥਾਰਿਤ ਨਿਰਦੇਸ਼ਾਂ ਲਈ ਹਰੇਕ ਪ੍ਰੋਜੈਕਟ README ਫਾਇਲਾਂ ਨੂੰ ਵੇਖੋ: -- `quiz-app/README.md` - Vue 3 ਕਵਿਜ਼ অ্যਪਲੀਕੇਸ਼ਨ -- `7-bank-project/README.md` - ਪ੍ਰਮਾਣਿਕਤਾ ਨਾਲ ਬੈਂਕਿੰਗ ਐਪਲੀਕੇਸ਼ਨ -- `5-browser-extension/README.md` - ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਵਿਕਾਸ -- `6-space-game/README.md` - ਕੈਨਵਾਸ ਆਧਾਰਤ ਗੇਮ ਵਿਕਾਸ -- `9-chat-project/README.md` - AI ਚੈਟ ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ +ਵਿਸ਼ੇਸ਼ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਵਧੇਰੇ ਜਾਣਕਾਰੀ ਹੇਠਾਂ ਦੀਆਂ README ਫਾਈਲਾਂ ਵਿੱਚ: +- `quiz-app/README.md` - Vue 3 ਕੁਇਜ਼ ਐਪਲੀਕੇਸ਼ਨ +- `7-bank-project/README.md` - ਅਥੇਨਟੀਕੇਸ਼ਨ ਵਾਲੀ ਬੈਂਕਿੰਗ ਐਪ +- `5-browser-extension/README.md` - ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਨਸ਼ਨ ਵਿਕਾਸ +- `6-space-game/README.md` - ਕੈਂਵਸ ਆਧਾਰਿਤ ਖੇਡ ਵਿਕਾਸ +- `9-chat-project/README.md` - ਏਆਈ ਚੈਟ ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ -### ਮੋਨੋਰੇਪੋ ਸੰਰਚਨਾ +### ਮੋਨੋਰਿਪੋ ਢਾਂਚਾ -ਇਹ ਪਾਰੰਪਰਿਕ ਮੋਨੋਰੇਪੋ ਨਹੀਂ ਹੈ ਪਰ ਇਸ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਸੁਤੰਤਰ ਪ੍ਰੋਜੈਕਟ ਹਨ: -- ਹਰ ਪਾਠ ਖੁਦਮੁਖਤਿਆਰ ਹੈ -- ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਸਾਂਝੇ ਡਿਪੈਂਡੈਂਸੀਜ਼ ਨਹੀਂ ਹਨ -- ਇਕ-ਦੂਜੇ ਉੱਤੇ ਪ੍ਰਭਾਵ ਨਾ ਪਾਉਂਦੇ ਹੋਏ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਜੈਕਟਾਂ ’ਤੇ ਕੰਮ ਕਰੋ -- ਪੂਰਾ ਸਿਲੇਬਸ ਅਨੁਭਵ ਲਈ ਸਾਰੀ ਰਿਪੋ ਕਲੋਨ ਕਰੋ +ਇਹ ਪਾਰੰਪਰਿਕ ਮੋਨੋਰਿਪੋ ਨਹੀਂ ਹੈ, ਪਰ ਐਸਾ ਹੈਰਾਰਕੀ ਹੈ ਜਿੱਥੇ ਕਈ ਸਵਤੰਤਰ ਪ੍ਰੋਜੈਕਟ ਹਨ: +- ਹਰ ਪਾਠ ਖੁਦਮੁਖਤਿਆਰ ਹੁੰਦਾ ਹੈ +- ਪ੍ਰੋਜੈਕਟ ਆਪਣੀਆਂ ਡਿਪੈਂਡੈਂਸੀਆਂ ਸਾਂਝੀਆਂ ਨਹੀਂ ਕਰਦੇ +- ਇੱਕ ਪ੍ਰੋਜੈਕਟ ’ਤੇ ਕੰਮ ਕਰੋ ਬਿਨਾਂ ਦੂਜੇ ਪ੍ਰਭਾਵਿਤ ਹੋਏ +- ਪੂਰੇ ਕੋਰਸ ਦੇ ਅਨੁਭਵ ਲਈ ਪੂਰਾ ਰੀਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ --- -**ਅਸਵੀਕਾਰੋpetition**: -ਇਸ ਦਸਤਾਵੇਜ਼ ਦਾ ਅਨੁਵਾਦ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਨਾਲ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸ਼ੁੱਧਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਰੱਖੋ ਕਿ ਸਵਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੰਸ਼ੋਧਿਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਦਾ ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਇਸਦਾ ਪ੍ਰਮਾਣਿਕ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਣ ਜਾਣਕਾਰੀ ਲਈ ਵਿਸ਼ੇਸ਼ਗੀ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਉਪਜਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫ਼ਹਮੀ ਜਾਂ ਗਲਤ ਵਿਵਿਚਾਰ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। +**ਡਿਸਕਲੇਮਰ**: +ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਨਾਲ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਯਤਨ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ ਸਵੈਚਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਮਰਥਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਪ੍ਰਮਾਣਿਤ ਸਰੋਤ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਸਿਫਾਰਸ਼ੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਕਾਰਨ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀਆਂ ਜਾਂ ਗਲਤ ਅਰਥ ਲਗਾਅ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। \ No newline at end of file diff --git a/translations/pa/README.md b/translations/pa/README.md index 53d1c0ba72..ba2ebb05ec 100644 --- a/translations/pa/README.md +++ b/translations/pa/README.md @@ -10,212 +10,210 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# ਬਿਗਿਨਰਜ਼ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇੱਕ ਸਿਲੇਬਸ +# ਬੇਗ਼ਿਨਰਜ਼ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇਕ ਸਿਲੇਬਸ -ਮਾਇਕ੍ਰੋਸੌਫਟ ਕਲਾਉਡ ਅਡਵੋਕੇਟਸ ਵੱਲੋਂ ਸਾਡੇ 12 ਹਫਤਿਆਂ ਦੇ ਵਿਸਥਾਰਪੂਰਨ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਸਿੱਖੋ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਹਥਿਆਰ-ਵਿੱਚ-ਪ੍ਰੋਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰੇਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਵਿਸ਼ਤਾਰ ਅਤੇ ਅੰਤਰਿਕਸ਼ ਖੇਡਾਂ ਰਾਹੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਨੂੰ ਪਰਖਦਾ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰਯੋਗਕਾਰੀ ਕਾਰਜਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ। ਸਾਡੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਤ ਪੇਡਾਗੋਜੀ ਨਾਲ ਆਪਣੀਆਂ ਕੌਸ਼ਲਾਂ ਨੂੰ ਬਿਹਤਰ ਬਨਾਓ ਅਤੇ ਆਪਣੀ ਗਿਆਨ ਸਥਾਈਤਾ ਨੂੰ ਸਧਾਰੋ। ਆਪਣੀ ਕੋਡਿੰਗ ਯਾਤਰਾ ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ! +ਸਾਡੇ 12-ਹਫ਼ਤੇ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੁੱਢਲੇ ਸਿਧਾਂਤ ਸਿੱਖੋ ਜੋ ਮਾਈਕਰੋਸਾਫਟ ਕਲਾਊਡ ਐਡਵੋਕੇਟਸ ਵਲੋਂ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਜਾਵਾਸਕ੍ਰਿਪਟ, ਸੀਐੱਸਐਸ ਅਤੇ ਐਚ.ਟੀ.ਐਮ.ਐਲ ਨੂੰ ਟੇਰਰੀਰੀਅਮਜ਼, ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨਜ਼ ਅਤੇ ਸਪੇਸ ਗੇਮਜ਼ ਵਰਗੇ ਹੱਥ-ਵਰਤੇ ਪ੍ਰੋਜੈਕਟਾਂ ਰਾਹੀਂ ਸਮਝਾਉਂਦਾ ਹੈ। ਕੁਇਜ਼, ਚਰਚਾਂ ਅਤੇ ਪ੍ਰਯੋਗਕਾਰੀ ਅਸਾਈਨਮੈਂਟਾਂ ਵਿੱਚ ਹੈਸਾ ਲਵੋ। ਸਾਡੀ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਪੇਡਾਗੋਗੀ ਨਾਲ ਆਪਣੀਆਂ ਕੌਸ਼ਲਾਂ ਨੂੰ ਵਧਾਓ ਅਤੇ ਆਪਣੀ ਜਾਣਕਾਰੀ ਨੂੰ ਸੁਧਾਰੋ। ਅੱਜ ਹੀ ਆਪਣੇ ਕੋਡਿੰਗ ਯਾਤਰਾ ਦੀ ਸ਼ੁਰੂਆਤ ਕਰੋ! -ਐਜ਼ਯੂਰ ਏਆਈ ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਕਮਿਊਨਿਟੀ ਨਾਲ ਜੁੜੋ +ਅਜ਼ੁਰ ਏ.ਆਈ. ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਹੋਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਮਿਲੋ। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ਇਹ ਸਾਧਨਾਂ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਇਹ ਕਦਮ ਫੋਲੋ ਕਰੋ: -1. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) ਤੇ ਕਲਿੱਕ ਕਰੋ +ਇਹ ਸਰੋਤ ਵਰਤਣ ਦੀ ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ ਹੇਠ ਲਿਖੇ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ: +1. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 'ਤੇ ਕਲਿਕ ਕਰੋ 2. **ਰਿਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**ਐਜ਼ਯੂਰ ਏਆਈ ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਸਾਥੀ ਡਿਵੈਲਪਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4) +3. [**ਅਜ਼ੁਰ ਏ.ਆਈ. ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਹੋਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 ਬਹੁ-ਭਾਸ਼ਾਈ ਸਹਾਇਤਾ +### 🌐 ਬਹੁ-ਭਾਸ਼ਾ ਸਮਰਥਨ -#### GitHub ਐਕਸ਼ਨ ਰਾਹੀਂ ਸਹਾਇਤਾ (ਆਟੋਮੇਟਿਕ ਅਤੇ ਸਦਾ ਅੱਪ-ਟੂ-ਡੇਟ) +#### GitHub Action ਰਾਹੀਂ ਸਮਰਥਤ (ਸਵਚਾਲਿਤ ਅਤੇ ਸਦਾ ਅੱਪ-ਟੂ-ਡੇਟ) [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) | [Khmer](../km/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)](./README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/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) -> **ਕੀ ਤੁਸੀਂ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕਲੋਨ ਕਰਨਾ ਪ੍ਰਾਥਮਿਕ ਕਰਦੇ ਹੋ?** +> **ਕੀ ਤੁਸੀਂ ਇਸਨੂੰ ਲੋਕਲੀ ਕਲੋਨ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ?** > -> ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਵਿੱਚ 50+ ਭਾਸ਼ਾਈ ਅਨੁਵਾਦ ਸ਼ਾਮਲ ਹਨ ਜੋ ਡਾਊਨਲੋਡ ਦੇ ਆਕਾਰ ਨੂੰ ਕਾਫੀ ਵਧਾਉਂਦੇ ਹਨ। ਅਨੁਵਾਦਾਂ ਦੇ ਬਿਨਾ ਕਲੋਨ ਕਰਨ ਲਈ, ਸਪਾਰਸ ਚੈਕਆਊਟ ਦੀ ਵਰਤੋਂ ਕਰੋ: +> ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਵਿੱਚ 50+ ਭਾਸ਼ਾ ਅਨੁਵਾਦ ਹਨ ਜੋ ਡਾਊਨਲੋਡ ਦਾ ਆਕਾਰ ਵੱਡਾ ਕਰਦੇ ਹਨ। ਬਿਨਾਂ ਅਨੁਵਾਦਾਂ ਦੇ ਕਲੋਨ ਕਰਨ ਲਈ ਸਪਾਰਸ ਚੈੱਕਆਊਟ ਵਰਤੋ: > -> **Bash / macOS / Linux:** +> **ਬੈਸ਼ / ਮੈਕਓਐਸ / ਲਿਨਕਸ:** > ```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' > ``` > -> **CMD (Windows):** +> **CMD (ਵਿੰਡੋਜ਼):** > ```cmd > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> ਇਹ ਤੁਹਾਨੂੰ ਕੋਰਸ ਪੂਰਾ ਕਰਨ ਲਈ ਸਭ ਕੁਝ ਤੇਜ਼ੀ ਨਾਲ ਡਾਊਨਲੋਡ ਕਰਕੇ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। +> ਇਸ ਤਰ੍ਹਾਂ ਤੁਹਾਨੂੰ ਕੋਰਸ ਪੂਰਾ ਕਰਨ ਲਈ ਸਾਰਾ ਕੁਝ ਤੇਜ਼ ਡਾਊਨਲੋਡ ਮਿਲੇਗਾ। -**ਜੇ ਤੁਸੀਂ ਹੋਰ ਅਨੁਵਾਦ ਭਾਸ਼ਾਵਾਂ ਦੀ ਸਹਾਇਤਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਉਹ [ਇੱਥੇ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ਦਿੱਤੀ ਗਈ ਹੈ** +**ਜੇ ਤੁਸੀਂ ਹੋਰ ਅਨੁਵਾਦ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਸਮਰਥਿਤ ਭਾਸ਼ਾਵਾਂ ਇੱਥੇ ਲਿਸਟ ਕੀਤੀਆਂ ਹਨ। [ਇੱਥੇ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_ -[**ਸਟੂਡੈਂਟ ਹੱਬ ਪੇਜ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਸੀਂ ਬਿਗਿਨਰ ਰਿਸੋਰਸਜ਼, ਸਟੂਡੈਂਟ ਪੈਕਸ ਅਤੇ ਇੱਕ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਵੀ ਲੱਭੋਗੇ। ਇਹ ਉਹ ਪੇਜ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਆਪਣੇ ਬੁੱਕਮਾਰਕ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਮਹੀਨਾਵਾਰ ਸਮੱਗਰੀ ਬਦਲਦੇ ਸਮੇਂ ਤੁਹਾਡੇ ਲਈ ਜ਼ਰੂਰੀ ਹੈ। +[**ਸਟੂਡੈਂਟ ਹੱਬ ਪੇਜ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) 'ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਬੇਗਿਨਰ ਸਰੋਤ, ਸਟੂਡੈਂਟ ਪੈਕ ਅਤੇ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਪੇਜ ਤੁਹਾਨੂੰ ਬੁੱਕਮਾਰਕ ਕਰਨੀ ਚاهيਦੀ ਹੈ ਅਤੇ ਸਮੇਂ-ਸਮੇਂ ਤੇ ਜਾਂਚਣੀ ਚਾਹੀਦੀ ਹੈ ਕਿਉਂਕਿ ਹਰ ਮਹੀਨੇ ਸਮੱਗਰੀ ਬਦਲੀ ਜਾਂਦੀ ਹੈ। -### 📣 ਐਲਾਨ - ਨਵੇਂ GitHub ਕੋਪਾਇਲਟ ਏਜੰਟ ਮੋਡ ਚੈਲੰਜ ਮੁਕੰਮਲ ਕਰਨ ਲਈ! +### 📣 ਐਲਾਨ - ਨਵੇਂ GitHub Copilot ਏਜੰਟ ਮੋਡ ਚੈਲੇਂਜ ਪੂਰੇ ਕਰੋ! -ਨਵਾਂ ਚੈਲੰਜ ਜੋੜਿਆ ਗਿਆ ਹੈ, ਬਹੁਤ ਸਾਰੇ ਅਧਿਆਆਾਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਲੱਭੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ GitHub Copilot ਅਤੇ ਏਜੰਟ ਮੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੰਜ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ ਕਦੇ ਏਜੰਟ ਮੋਡ ਦੀ ਵਰਤੋਂ ਨਹੀ ਕਿਤੀ ਤਾਂ ਇਹ ਕੇਵਲ ਲਿਖਤ ਹੀ ਨਹੀਂ ਬਣਾਉਂਦਾ, ਬਲਕਿ ਫਾਈਲਾਂ ਬਣਾਉਣ ਅਤੇ ਸੰਪਾਦਨ, ਕਮਾਂਡ ਚਲਾਉਣ ਅਤੇ ਹੋਰ ਵੀ ਕਰ ਸਕਦਾ ਹੈ। +ਨਵਾਂ ਚੈਲੇਂਜ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਯਾਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਵੇਖੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੇਂਜ ਹੈ ਜੋ ਤੁਸੀਂ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਪੂਰਾ ਕਰ ਸਕਦੇ ਹੋ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਵਰਤਿਆ ਨਹੀਂ ਹੈ ਤਾਂ ਇਹ ਸਿਰਫ਼ ਲਿਖਤ ਹੀ ਨਹੀਂ ਬਣਾਉਂਦਾ ਪਰ ਫਾਇਲਾਂ ਬਣਾਉਂਦਾ, ਸੋਧਦਾ ਅਤੇ ਕਮਾਂਡਾਂ ਚਲਾ ਸਕਦਾ ਹੈ। -### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ ਏਆਈ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ_ +### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ AI ਦੀ ਵਰਤੋਂ ਨਾਲ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ_ -ਨਵਾਂ ਏਆਈ ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ ਜੋੜਿਆ ਗਿਆ ਹੈ, ਇਸਨੂੰ ਵੇਖੋ [ਪ੍ਰੋਜੈਕਟ](./9-chat-project/README.md) +ਨਵਾਂ AI ਸਹਾਇਕ ਪ੍ਰੋਜੈਕਟ ਹਾਲ ਹੀ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ, ਇਸ ਨੂੰ ਦੇਖੋ [ਪ੍ਰੋਜੈਕਟ](./9-chat-project/README.md) -### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ ਏਆਈ ਲਈ ਨਵਾਂ ਸਿਲੇਬਸ_ ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ ਹੁਣ ਜਾਰੀ ਹੋਇਆ +### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ AI ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਉਪਰ ਨਵਾਂ ਸਿਲੇਬਸ ਜਾਰੀ ਹੋਇਆ ਹੈ_ -ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ ਏਆਈ ਸਿਲੇਬਸ ਨੂੰ ਨਾ ਗਵਾਓ! +ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ AI ਸਿਲੇਬਸ ਨੂੰ ਨਾ ਗਵਾਓ! -ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਜਾਓ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +ਆਰੰਭ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ! ![Background](../../translated_images/pa/background.148a8d43afde5730.webp) -- ਬੇਸਿਕ ਤੋਂ ਲੈ ਕੇ RAG ਤੱਕ ਸਾਰਿਆਂ ਵਿਸ਼ਿਆਂ ਤੇ ਪਾਠ। -- ਜਨਏਆਈ ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਨਾਲ ਇਤਿਹਾਸਕ ਪ੍ਰਸਿੱਧੀਆਂ ਨਾਲ ਗੱਲਬਾਤ ਕਰੋ। -- ਮਜ਼ੇਦਾਰ ਅਤੇ ਮਨੋਰੰਜਕ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦੀ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋ! +- ਮੁੱਢਲੇ ਤੋਂ ਲੈ ਕੇ RAG ਤੱਕ ਸਾਰੇ ਪਾਠ +- ਜਨਰੇਟਿਵ AI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਨਾਲ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਸੰਵਾਦ ਕਰੋ +- ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੋਚਕ ਕਥਾ, ਤੁਸੀਂ ਸਮੇਂ ਦੀ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ! ![character](../../translated_images/pa/character.5c0dd8e067ffd693.webp) -ਹਰ ਪਾਠ ਵਿੱਚ ਇੱਕ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਚੈੱਕ ਅਤੇ ਇੱਕ ਚੈਲੰਜ ਸ਼ਾਮਲ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਸ਼ਿਆਂ ਵਿੱਚ ਸਿੱਖਣ ਲਈ ਮਦਦ ਕਰਦਾ ਹੈ: -- ਪ੍ਰਾਂਪਟਿੰਗ ਅਤੇ ਪ੍ਰਾਂਪਟ ਇੰਜੀਨੀਅਰਿੰਗ -- ਲਿਖਤ ਅਤੇ ਚਿੱਤਰ ਐਪ ਬਣਾਉਣਾ +ਹਰ ਪਾਠ ਵਿੱਚ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਚੈਲੇਂਜ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਸਿੱਖਣ ਵਾਲੇ ਵਿਸ਼ਿਆਂ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ: +- ਪ੍ਰੌਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੌਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ +- ਲਿਖਤ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ - ਖੋਜ ਐਪ -ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਜਾਓ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +ਆਰੰਭ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ! + ## 🌱 ਸ਼ੁਰੂਆਤ -> **ਅਧਿਆਪਕ**, ਅਸੀਂ [ਇਸ ਸਿਲੇਬਸ ਦੀ ਵਰਤੋਂ ਦੇ ਤੱਤਾਂ](for-teachers.md) ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਹੈ। ਸਾਨੂੰ ਤੁਹਾਡਾ ਫੀਡਬੈਕ [ਸਾਡੇ ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ਵਿੱਚ ਮਿਲੇਗਾ! +> **ਅਧਿਆਪਕ**, ਅਸੀਂ [ਕੁਝ ਸੁਝਾਅ ਸ਼ਾਮਲ ਕੀਤੇ ਹਨ](for-teachers.md) ਕਿ ਇਸ ਸਿਲੇਬਸ ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ। ਸਾਡੀ ਚਰਚਾ ਫੋਰਮ ਵਿੱਚ ਆਪਣੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਿਓ [ਇੱਥੇ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[ਛਾਤਰ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ਹਰ ਪਾਠ ਲਈ, ਪਹਿਲਾਂ ਪ੍ਰੀ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਅਤੇ ਫਿਰ ਲੈਕਚਰ ਸਮੱਗਰੀ ਨੂੰ ਪੜ੍ਹੋ, ਵੱਖ-ਵੱਖ ਕਿਰਿਆਸ਼ੀਲਤਾਵਾਂ ਨੂੰ ਪੂਰਾ ਕਰੋ ਅਤੇ ਪੋਸਟ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਆਪਣੀ ਸਮਝ ਦੀ ਜਾਂਚ ਕਰੋ। +**[ਵਿਦਿਆਰਥੀ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ਹਰ ਪਾਠ ਲਈ, ਪੜ੍ਹਾਈ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਕੁਇਜ਼ ਸੋਲ੍ਹੋ ਅਤੇ ਫਿਰ ਲੈਕਚਰ ਮੈਟੀਰੀਅਲ ਪੜ੍ਹੋ, ਵੱਖਰੇ ਕਾਰਜ ਪੂਰੇ ਕਰੋ ਅਤੇ ਪਾਠ ਦੇ ਬਾਅਦ ਕੁਇਜ਼ ਦੇ ਨਾਲ ਆਪਣੀ ਸਮਝ ਦੀ ਜਾਂਚ ਕਰੋ। -ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਅਨੁਭਵ ਨੂੰ ਵਧਾਉਣ ਲਈ, ਆਪਣੇ ਸਾਥੀਆਂ ਨਾਲ ਪ੍ਰੋਜੈਕਟਾਂ ਉੱਤੇ ਮਿਲ ਕੇ ਕੰਮ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੋ! ਚਰਚਾ ਸਾਡੇ [ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ਵਿੱਚ ਉਤਸ਼ਾਹਿਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜਿੱਥੇ ਸਾਡੇ ਮਾਡਰੇਟਰਾਂ ਦੀ ਟੀਮ ਤੁਹਾਡੇ ਪ੍ਰਸ਼ਨਾਂ ਦੇ ਜਵਾਬ ਦੇਣ ਲਈ ਉਪਲਬਧ ਰਹਿੰਦੀ ਹੈ। +ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਤਜਰਬੇ ਨੂੰ ਵਧਾਉਣ ਲਈ, ਆਪਣੀ ਟੀਮ ਦੇ ਨਾਲ ਮਿਲ ਕੇ ਪ੍ਰੋਜੈਕਟਾਂ ’ਤੇ ਕੰਮ ਕਰੋ! ਸਾਡੀ [ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ਵਿੱਚ ਚਰਚਾ ਕਰਨੀ ਪ੍ਰੋਤਸਾਹਿਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜਿੱਥੇ ਸਾਡੇ ਮੋਡਰੇਟਰ ਟੀਮ ਤੁਹਾਡੇ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦੇਣ ਲਈ ਮੌਜੂਦ ਰਹੇਗੀ। -ਆਪਣੀ ਸਿੱਖਿਆ ਨੂੰ ਹੋਰ ਅੱਗੇ ਵਧਾਉਣ ਲਈ, ਅਸੀਂ ਸ਼ਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਸੀਂ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ ਹੋਰ ਅਧਿਐਨ ਸਮੱਗਰੀ ਦੀ ਖੋਜ ਕਰੋ। +ਹੋਰ ਅਧਿਐਨ ਲਈ, ਅਸੀਂ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਸੀਂ ਵਧੀਆ ਅਧਿਐਨ ਸਮੱਗਰੀ ਲਈ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ਦਾ ਅਧਿਐਨ ਕਰੋ। -### 📋 ਆਪਣਾ ਵਾਤਾਵਰਣ ਸੈੱਟ ਕਰੋ +### 📋 ਆਪਣਾ ਵਾਤਾਵਰਣ ਸੈਟਅਪ ਕਰਨਾ -ਇਸ ਸਿਲੇਬਸ ਲਈ ਵਿਕਾਸ ਦਾ ਵਾਤਾਵਰਣ ਤਿਆਰ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰ ਰਹੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਕੋਰਸ ਨੂੰ ਇੱਕ [Codespace](https://github.com/features/codespaces/) (_ਇੱਕ ਬਰਾਊਜ਼ਰ ਆਧਾਰਿਤ, ਕਿਸੇ ਸਥਾਪਨਾ ਦੀ ਲੋੜ ਨਹੀਂ ਵਾਤਾਵਰਣ_) ਵਿੱਚ ਚਲਾ ਸਕਦੇ ਹੋ, ਜਾਂ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਟੈਕਸਟ ਐਡੀਟਰ ਜਿਵੇਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਨਾਲ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾ ਸਕਦੇ ਹੋ। +ਇਸ ਸਿਲੇਬਸ ਲਈ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਪਹਿਲਾਂ ਹੀ ਤਿਆਰ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ [Codespace](https://github.com/features/codespaces/) (_ਇੱਕ ਬਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ, ਬਿਨਾਂ ਇੰਸਟਾਲੇਸ਼ਨ ਵਾਲਾ ਵਾਤਾਵਰਣ_) ਦੌੜਾ ਸਕਦੇ ਹੋ ਜਾਂ ਆਪਣੀ ਮਸ਼ੀਨ 'ਤੇ ਕਿਸੇ ਟੈਕਸਟ ਐਡੀਟਰ ਜਿਵੇਂ ਕਿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਨਾਲ ਸਥਾਨਕ ਤੌਰ ਤੇ ਚਲਾ ਸਕਦੇ ਹੋ। -#### ਆਪਣੀ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਓ -ਆਪਣਾ ਕੰਮ ਆਸਾਨੀ ਨਾਲ ਸੇਵ ਕਰਨ ਲਈ, ਸਾਡੇ ਵਲੋਂ ਇਹ ਸੁਝਾਇਆ ਜਾਂਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਆਪਣੀ ਨਕਲ ਬਣਾਓ। ਇਹ ਕਰਨ ਲਈ, ਸਫ਼ੇ ਦੇ ਸਿਖਰ ਵਿੱਚ ਮੌਜੂਦ **Use this template** ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ। ਇਸ ਨਾਲ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਇਸ ਕੋਰਸ ਦੀ ਇੱਕ ਨਕਲ ਵਾਲੀ ਨਵੀਂ ਰਿਪੋਜ਼ਟਰੀ ਬਣ ਜਾਵੇਗੀ। +#### ਆਪਣਾ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਉਣਾ +ਆਪਣੇ ਕੰਮ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਸੰਭਾਲਣ ਲਈ, ਇਹ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਆਪਣੀ ਕਾਪੀ ਬਣਾਓ। ਤੁਸੀਂ ਪੰਨੇ ਦੇ ਉੱਪਰ "Use this template" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਇਹ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਸਿਲੇਬਸ ਦੀ ਕਾਪੀ ਦੇ ਨਾਲ ਇੱਕ ਨਵਾਂ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਏਗਾ। -ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਦਾ ਪਾਲਣ ਕਰੋ: -1. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: ਇਸ ਪੇਜ ਦੇ ਸੱਜੇ-ਉੱਪਰਲੇ ਕੋਣ 'Fork' ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ। +ਇਹ ਕਦਮ ਪ徧ੋ: +1. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: ਇਸ ਪੰਨੇ ਦੇ ਸੱਜੇ-ਉੱਪਰ ਕੋਨੇ ਵਿੱਚ "Fork" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ। 2. **ਰਿਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### ਕੋਡਸਪੇਸ ਵਿੱਚ ਕੋਰਸ ਚਲਾਉਣਾ +#### Codespace ਵਿੱਚ ਸਿਲੇਬਸ ਚਲਾਉਣਾ -ਜੋ ਰਿਪੋਜ਼ਟਰੀ ਤੁਸੀਂ ਬਣਾਈ ਹੈ, ਉਸ ਵਿੱਚ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ **Open with Codespaces** ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਨਵਾਂ Codespace ਬਣਾਏਗਾ। +ਤੁਹਾਡੇ ਬਣਾਏ ਗਏ ਰਿਪੋਜ਼ਟਰੀ ਕਾਪੀ ਵਿੱਚ, "Code" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ "Open with Codespaces" ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਨਵਾਂ Codespace ਬਣਾਏਗਾ ਜਿਸ ‘ਚ ਕੰਮ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ![Codespace](../../translated_images/pa/createcodespace.0238bbf4d7a8d955.webp) -#### ਆਪਣੇ ਕੰਪਿਊਟਰ ‘ਤੇ ਸਥਾਨਕ ਤੌਰ ‘ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ +#### ਸਥਾਨਕ ਤੌਰ ‘ਤੇ ਸਿਲੇਬਸ ਚਲਾਉਣਾ -ਇਸ ਕੋਰਸ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ ‘ਤੇ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਪਏਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [ਟ੍ਰੇਡ ਦੇ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਸੰਦਾਂ ਦਾ ਪਰਿਚਯ](../../1-getting-started-lessons/1-intro-to-programming-languages), ਤੁਹਾਡੇ ਲਈ ਹਰ ਜ਼ਰੂਰੀ ਵਾਪਰ ਅਤੇ ਵਿਕਲਪਾਂ ਨੂੰ ਪਰਤਾਲੇਗਾ ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਅਸਲੀ ਟੂਲ ਚੁਣ ਸਕੋ। +ਆਪਣੀ ਮਸ਼ੀਨ 'ਤੇ ਇਹ ਸਿਲੇਬਸ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਸੰਦਾਂ ਦਾ ਪਰਚਿਆ](../../1-getting-started-lessons/1-intro-to-programming-languages), ਤੁਹਾਨੂੰ ਇਹਨਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਲਈ ਵੱਖ-ਵੱਖ ਵਿਕਲਪ ਦੱਸਕੇ ਤੁਹਾਡੇ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਚੁਣਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ। -ਸਾਡੇ ਸੁਝਾਅ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਐਡੀਟਰ ਵਜੋਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਦੀ ਵਰਤੋਂ ਕਰੋ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਬਿਲਟ-ਇਨ [ਟਰਮੀਨਲ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਵੀ ਹੁੰਦਾ ਹੈ। ਤੁਸੀਂ Visual Studio Code ਨੂੰ ਇਥੇ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ: [https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। -1. ਆਪਣੀ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ URL ਨਕਲ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ: +ਸਾਡੀ ਸਿਫਾਰਸ਼ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਐਡੀਟਰ ਵੱਜੋਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਰਤੋਂ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਅੰਦਰੂਨੀ [ਟਰਮੀਨਲ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਵੀ ਸ਼ਾਮਲ ਹੈ। ਤੁਸੀਂ Visual Studio Code [ਇਥੇ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਤੋਂ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ। +1. ਆਪਣਾ ਰਿਪੋਜੀਟਰੀ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ URL ਕਾਪੀ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ: [CodeSpace](./images/createcodespace.png) - ਫਿਰ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤਾ ਕਮਾਂਡ ਚਲਾਓ, `` ਨੂੰ ਉਸ URL ਨਾਲ ਬਦਲਦੇ ਹੋਏ ਜੋ ਤੁਸੀਂ ਹਾਲ ਹੀ ਵਿੱਚ ਕਾਪੀ ਕੀਤਾ ਹੈ: + ਫਿਰ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤਾ ਕਮਾਂਡ ਚਲਾਓ, ਜਿਸ ਵਿੱਚ `` ਨੂੰ ਤੁਸੀਂ ਹੁਣੇ ਕਾਪੀ ਕੀਤਾ URL ਨਾਲ ਬਦਲੋ: ```bash git clone ``` -2. ਫੋਲਡਰ ਨੂੰ Visual Studio Code ਵਿੱਚ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ **File** > **Open Folder** 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ ਜੋ ਫੋਲਡਰ ਤੁਸੀਂ ਕਲੋਨ ਕੀਤਾ ਹੈ, ਉਸਨੂੰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ। - +2. Visual Studio Code ਵਿੱਚ ਫੋਲਡਰ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ **File** > **Open Folder** 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ ਹੁਣੇ ਕਲੋਨ ਕੀਤਾ ਫੋਲਡਰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ। -> ਸਿਫਾਰਸ਼ੀ Visual Studio Code ਐਕਸਟੇਂਸ਼ਨ: +> ਸਿਫਾਰਸ਼ੀ Visual Studio Code ਐਕਸਟੈਨਸ਼ਨਜ਼: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ਵਿੱਚ HTML ਪੇਜ ਦੇਖਣ ਲਈ -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ਤੁਹਾਨੂੰ ਜ਼ਿਆਦਾ ਤੇਜ਼ੀ ਨਾਲ ਕੋਡ ਲਿਖਣ ਵਿੱਚ ਮਦਦ ਲਈ +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ਵਿੱਚ HTML ਪੇਜ਼ਾਂ ਦਾ ਪ੍ਰੀਵਿਊ ਕਰਨ ਲਈ +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ਤੁਹਾਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਕੋਡ ਲਿਖਣ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ -## 📂 ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ: +## 📂 ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ: -- ਵਿਕਲਪਿਕ ਸਕੈਚਨੋਟ +- ਵਿਕਲਪਿਕ ਸਕੇਚਨੋਟ - ਵਿਕਲਪਿਕ ਸਹਾਇਕ ਵੀਡੀਓ -- ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਤਿਆਰੀ ਕਵਿਜ਼ -- ਲਿਖਿਆ ਹੋਇਆ ਪਾਠ -- ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਪਾਠਾਂ ਲਈ, ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣ ਲਈ ਕਦਮ-ਦਰ-कਦਮ ਗਾਈਡਾਂ -- ਗਿਆਨ ਦੀ ਜਾਂਚਾਂ -- ਇੱਕ ਚੁਣੌਤੀ -- ਸਹਾਇਕ ਪੜ੍ਹਾਈ -- ਅਸਾਈਨਮੈਂਟ -- [ਪਾਠ ਬਾਅਦ ਵਾਲਾ ਕਵਿਜ਼](https://ff-quizzes.netlify.app/web/) +- ਪੂਰਵ-ਪਾਠ ਵਰਮਅੱਪ ਕੁਇਜ਼ +- ਲਿਖਤੀ ਪਾਠ +- ਪ੍ਰੋਜੈਕਟ ਆਧਾਰਿਤ ਪਾਠਾਂ ਲਈ, ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣ ਲਈ ਕਦਮ-ਦਰ-কਦਮ ਮਾਰਗਦਰਸ਼ਨ +- ਗਿਆਨ ਦੀ ਜਾਂਚ +- ਇੱਕ ਚੈਲنج +- ਸਹਾਇਕ ਪਾਠ +- ਕਿਸੇ ਅਸਾਈਨਮੈਂਟ +- [ਪੋਸਟ-ਪਾਠ ਕੁਇਜ਼](https://ff-quizzes.netlify.app/web/) -> **ਕਵਿਜ਼ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੇ ਕਵਿਜ਼ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, ਕੁੱਲ 48 ਕਵਿਜ਼ ਤਿੰਨ ਸਵਾਲਾਂ ਦੇ ਹਨ। ਉਹ ਇੱਥੇ ਉਪਲਬਧ ਹਨ [ਇੱਥੇ](https://ff-quizzes.netlify.app/web/)। ਕਵਿਜ਼ ਐਪ ਨੂੰ ਲੋਕਲ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ ਐਜ਼ੂਰ 'ਤੇ ਡਿਪਲੌਯ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦੀਆਂ ਹਦਾਇਤਾਂ ਨੂੰ ਫਾਲੋ ਕਰੋ। +> **ਕੁਇਜ਼ਾਂ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੇ ਕੁਇਜ਼ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, ਕੁੱਲ 48 ਕੁਇਜ਼, ਹਰ ਇੱਕ ਵਿੱਚ ਤਿੰਨ ਸਵਾਲ ਹਨ। ਇਹ ਇੱਥੇ ਉਪਲਬਧ ਹਨ [ਇਥੇ](https://ff-quizzes.netlify.app/web/) ਅਤੇ ਕੁਇਜ਼ ਐਪ ਨੂੰ ਲੋਕਲ ਤੌਰ 'ਤੇ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ Azure ਤੇ ਡਿਪਲੋਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; ਹਦਾਇਤਾਂ `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਮੌਜੂਦ ਹਨ। ## 🗃️ ਪਾਠ -| | ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਾਏ ਗਏ ਸਿਧਾਂਤ | ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼ | ਲਿੰਕ ਕੀਤਾ ਪਾਠ | ਲੇਖਕ | +| | ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖੇ ਗਏ ਧਾਰਣਾਵਾਂ | ਸਿੱਖਣ ਦੇ мақਸਦ | ਲਿੰਕਡ ਪਾਠ | ਲੇਖਕ | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | ਸ਼ੁਰੂਆਤ ਕਰਨਾ | ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਰਿਚય | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਅਤੇ ਉਹ ਸਾਫਟਵੇਅਰ ਜਿਸ ਨਾਲ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰ ਆਪਣਾ ਕੰਮ ਕਰਦੇ ਹਨ ਨੂੰ ਸਮਝੋ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | ਸ਼ੁਰੂਆਤ ਕਰਨਾ | GitHub ਦੇ ਬੁਨਿਆਦੀ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਸਮੇਤ | ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ, ਇੱਕ ਕੋਡ ਆਧਾਰ 'ਤੇ ਦੂਜਿਆਂ ਨਾਲ ਸਹਿਯੋਗ ਕਿਵੇਂ ਕਰਨਾ ਹੈ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | ਸ਼ੁਰੂਆਤ ਕਰਨਾ | ਐਕਸੈੱਸਬਿਲਿਟੀ | ਵੈੱਬ ਐਕਸੈੱਸਬਿਲਿਟੀ ਦੇ ਮੂਢ ਸਿੱਧਾਂਤ ਸਿੱਖੋ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS ਬੁਨਿਆਦੀ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ ਦੇ ਬੁਨਿਆਦੀ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS ਬੁਨਿਆਦੀ | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਲੌਜਿਕ ਫਲੋ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਸਿੱਖੋ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine ਅਤੇ Christopher | -| 06 | JS ਬੁਨਿਆਦੀ | JS ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ | ਫੈਸਲੇ ਲੈਣ ਦੇ ਤਰੀਕੇ ਵਰਤ ਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਕਿਵੇਂ ਬਣਾਉਣੀਆਂ ਹਨ ਸਿੱਖੋ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS ਬੁਨਿਆਦੀ | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਐਰੇ ਅਤੇ ਲੂਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਡਾਟਾ ਨਾਲ ਕੰਮ ਕਰੋ | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ਅਮਲੀਅਤ ਵਿੱਚ | ਇੱਕ ਔਨਲਾਈਨ ਟੇਰੀਰੀਅਮ ਬਣਾਉਣ ਲਈ HTML ਤਿਆਰ ਕਰੋ, ਖਾਸ ਤੌਰ 'ਤੇ ਲੇਆਉਟ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕਰਕੇ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ਅਮਲੀਅਤ ਵਿੱਚ | ਔਨਲਾਈਨ ਟੇਰੀਰੀਅਮ ਨੂੰ ਸਜਾਉਣ ਲਈ CSS ਤਿਆਰ ਕਰੋ, CSS ਦੇ ਮੁਢਲੀ ਅਸਲੀਅਤ ਸਮੇਤ ਪੰਨਾ ਰਿਸਪਾਂਸਿਵ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕਰਕੇ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਪਰਬੰਧਨ | ਟੇਰੀਰੀਅਮ ਨੂੰ ਡਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ, ਕਲੋਜ਼ਰ ਅਤੇ DOM ਪਰਬੰਧਨ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕਰਕੇ | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣਾ | ਕੀਬੋਰਡ ਇਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੀ ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲਾਜਿਕ ਚਲਾਉਣਾ ਸਿੱਖੋ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬਰਾਊਜ਼ਰਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਬਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਹਨਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਇੱਕ ਬਰਾਊਜ਼ਰ ਵਿਸਥਾਰ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਕਿਵੇਂ ਤਿਆਰ ਕਰਨਾ ਸਿੱਖੋ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਕਾਲ ਕਰਨਾ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਵੇਰੀਏਬਲ ਸੰਭਾਲਣਾ | ਆਪਣੇ ਬਰਾਊਜ਼ਰ ਵਿਸਥਾਰ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤ ਬਣਾਓ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ਼ ਵਿੱਚ ਸੰਭਾਲੇ ਵੇਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ API ਕਾਲ ਕਰੋ | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬਰਾਊਜ਼ਰ ਦੀ ਪਿਛੋਕੜ ਦੀ ਪ੍ਰਕਿਰਿਆਵਾਂ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਵਰਸਤਾਰ ਦੇ ਆਈਕਨ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਬਰਾਊਜ਼ਰ ਦੀ ਪਿਛੋਕੜ ਦੀ ਪ੍ਰਕਿਰਿਆਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਬਾਰੇ ਜਾਣੋ ਅਤੇ ਕੁਝOptਮਾਈਜ਼ੇਸ਼ਨ ਬਾਰੇ ਵੀ ਸਿੱਖੋ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਉੱਚ ਪੱਧਰ ਦਾ ਗੇਮ ਵਿਕਾਸ | ਇਨਹੈਰੀਟੈਂਸ ਬਾਰੇ ਜਾਣੋ ਜੋ ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਨਾਲ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ, ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਲਈ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇਇੰਗ | ਕੈਨਵਸ API ਬਾਰੇ ਜਾਣੋ, ਜੋ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡ੍ਰਾਇ ਕਰਦਾ ਹੈ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | ਸਕ੍ਰੀਨ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਦਿਖੋ ਕਿ ਤੱਤ Cartesian ਕੋਆਰਡੀਨੇਟ ਅਤੇ ਕੈਨਵਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਵੇਂ ਮੋਸ਼ਨ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | ਟਕਰਾਅ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਇੱਕ-ਦੂਜੇ ਨਾਲ ਟਕਰਾਉਣ ਅਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਨ ਲਈ ਕੀ-ਪ੍ਰੈੱਸ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਇੱਕ ਕੂਲਡਾਊਨ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰੋ ਤਾਂ ਜੋ ਗੇਮ ਦੀ ਕਾਰਗੁਜ਼ਾਰੀ ਯਕੀਨੀ ਹੋ ਜਾਵੇ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਕਾਰਗੁਜ਼ਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਗਣਿਤ ਮੁਕੰਮਲ ਕਰੋ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | ਗੇਮ ਦਾ ਅੰਤ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ | ਗੇਮ ਖਤਮ ਕਰਨ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਜਿਸ ਵਿੱਚ ਅਧਾਰਸ਼ਾਂ ਸਾਫ਼ ਕਰਨਾ ਅਤੇ ਵੇਰੀਏਬਲ ਮੁੱਲ ਰੀਸੈੱਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | ਵੈੱਬ ਐਪ ਵਿੱਚ HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟਸ | ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਹੁ-ਪੰਨਾ ਵੈੱਬਸਾਈਟ ਦੀ ਢਾਂਚਾ ਬਣਾਉਣਾ ਸਿੱਖੋ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | ਲਾਗਇਨ ਅਤੇ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣ ਅਤੇ ਵੈਧਤਾ ਚਲਾਉਣ ਬਾਰੇ ਸਿੱਖੋ | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | ਡਾਟਾ ਲੈਣ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਡਾਟਾ ਕਿਵੇਂ ਆਉਂਦਾ ਅਤੇ ਜਾਂਦਾ ਹੈ, ਇਸਨੂੰ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਨਾ, ਸਟੋਰ ਕਰਨਾ ਅਤੇ ਖਤਮ ਕਰਨਾ ਸਿੱਖੋ | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | ਸਟੇਟ ਪ੍ਰਬੰਧਨ ਦੇ ਸਿਧਾਂਤ | ਜਾਣੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ ਨੂੰ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਪ੍ਰੋਗਰਾਮਾਤਮਕ ਤੌਰ 'ਤੇ ਇਸਦਾ ਪ੍ਰਬੰਧਨ ਕਿਵੇਂ ਕਰਨਾ ਹੈ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ਨਾਲ ਕੰਮ ਕਰਨਾ | ਜਾਣੋ ਕਿਵੇਂ ਇੱਕ ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਹੈ | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 01 | Getting Started | ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਤੇ ਟੂਲਾਂ ਦਾ ਪਰਚਾਰਕ ਤਾਰੂਫ | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੂਲ ਤੱਤ ਅਤੇ ਸਾਫਟਵੇਅਰ ਦੀ ਜਾਣਕਾਰੀ, ਜੋ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰਾਂ ਦੀ ਮਦਦ ਕਰਦੇ ਹਨ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | GitHub ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਸਮੇਤ | ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ, ਹੋਰਾਂ ਨਾਲ ਸਾਂਝੇਦਾਰੀ ਕਿਵੇਂ ਕੀਤੀ ਜਾਵੇ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | ਸਹੂਲਤਮੰਦਤਾ | ਵੈੱਬ ਉਪਲੱਬਧਤਾਦਾਰਤਾ ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ ਸਿੱਖੋ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਕਿਸਮਾਂ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਕਿਸਮਾਂ ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲੋਜਿਕ ਫਲੋ ਨੂੰ ਸੰਭਾਲਨ ਲਈ ਫੰਕਸ਼ਨਾਂ ਅਤੇ ਮੈਥਡਾਂ ਬਾਰੇ ਸਿੱਖੋ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਫੈਸਲੇ ਕਰਨਾ | ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਫੈਸਲਾ ਬਣਾਉਣ ਦੀਆਂ ਵਿਧੀਆਂ ਵਰਤ ਕੇ ਸ਼ਰਤਾਂ ਬਣਾਉਣ ਸਿੱਖੋ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡੇਟਾ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਐਰੇ ਅਤੇ ਲੂਪ ਵਰਤੋਂ | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | ਸਹੀ ਤਰੀਕੇ ਨਾਲ HTML | ਔਨਲਾਈਨ ਟੈਰੀਰਿਯਮ ਬਣਾਉਣ ਲਈ HTML ਦੇਣ ਵਾਲਾ ਕੋਡ ਬਣਾਓ, ਜੋ ਲੇਆਉਟ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰੇ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | ਸਹੀ ਤਰੀਕੇ ਨਾਲ CSS | ਔਨਲਾਈਨ ਟੈਰੀਰਿਯਮ ਨੂੰ ਸਜਾਉਣ ਲਈ CSS ਬਣਾਓ, CSS ਦੇ ਬੁਨਿਆਦੀ ਤੱਤਾਂ ਸਮੇਤ ਪੇਜ ਨੂੰ ਰਿਸਪਾਂਸਿਵ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਦੇ ਹੋਏ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਨੂੰ ਬਦਲਣਾ | ਟੈਰੀਰਿਯਮ ਨੂੰ ਡ੍ਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ, ਕਲੋਜ਼ਰ ਅਤੇ DOM ਮੈਨਿਪੂਲੇਸ਼ਨ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣਾ | ਆਪਣੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲੋਜਿਕ ਚਲਾਉਣ ਲਈ ਕੀਬੋਰਡ ਘਟਨਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਸਿੱਖੋ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਉਜ਼ਰਾਂ ਨਾਲ ਕੰਮ | ਬ੍ਰਾਉਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਇਤਿਹਾਸ ਅਤੇ ਬ੍ਰਾਉਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਤਿਆਰ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਕਾਲ ਕਰਨਾ ਅਤੇ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸੰਭਾਲਣਾ | ਆਪਣੇ ਬ੍ਰਾਉਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤ ਬਣਾਓ ਜੋ ਇੱਕ API ਕਾਲ ਕਰਨ ਲਈ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਰਤਦੇ ਹਨ | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪਰੋਸੈਸ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਆਇਕਨ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਬ੍ਰਾਉਜ਼ਰ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਤਹਿ ਕਰਮ ਵਰਤੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਕੁਝ ਸੁਧਾਰਾਂ ਬਾਰੇ ਜਾਣੋ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਵਿਕਸਿਤ ਗੇਮ ਵਿਕਾਸ | ਕਲਾਸ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੋਹਾਂ ਦੀ ਵਰਤੋਂ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ ਬਾਰੇ ਜਾਣੋ, ਜੋ ਕਿ ਇੱਕ ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਵਿੱਚ ਹੈ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | ਕੈਨਵਾਸ 'ਤੇ ਡਰਾਇੰਗ | ਕੈਨਵਾਸ API ਬਾਰੇ ਸਿੱਖੋ, ਜੋ ਸਕਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡਰਾਇ ਕਰਦਾ ਹੈ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | ਸਕਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਸਿੱਖੋ ਕਿ ਕਿਵੇਂ ਤੱਤ ਕਾਰਟੀਸੀਅਨ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਕੈਨਵਾਸ API ਲਈ ਮੋਸ਼ਨ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | ਟੱਕਰ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਦਰਮਿਆਨ ਟੱਕਰ ਅਤੇ ਪਰਤੀਕਿਰਿਆ ਕਰਨ ਲਈ ਬਣਾਓ, ਕੀਪ੍ਰੈੱਸ ਸਹਾਇਤਾ ਨਾਲ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਠੰਡੀ ਸਮੇਂ ਦਾ ਫੰਕਸ਼ਨ ਦਿਓ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | ਅੰਕ ਸਟੋਰ ਕਰਨਾ | ਖੇਡ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਅਧਾਰ 'ਤੇ ਗਣਿਤ ਕਰਨਗੇ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | ਖੇਡ ਖਤਮ ਕਰਨਾ ਅਤੇ ਦੁਬਾਰਾ ਸ਼ੁਰੂ ਕਰਨਾ | ਖੇਡ ਖਤਮ ਕਰਨ ਅਤੇ ਦੁਬਾਰਾ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਸਾਥ ਹੀ ਐਸੈਟਸ ਨੂੰ ਸਾਫ਼ ਕਰਨ ਅਤੇ ਵੈਰੀਏਬਲ ਮੁਲਿਆਂ ਨੂੰ ਰੀਸੈਟ ਕਰਨ ਬਾਰੇ | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | ਵੈੱਬ ਐਪ ਵਿੱਚ HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟ | ਮਲਟੀਪੇਜ ਵੈੱਬਸਾਈਟ ਦਾ ਡھانਚਾ ਬਣਾਉਣ ਲਈ ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੇ ਜ਼ਰੀਏ ਜਾਨੋ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | ਲੌਗਇਨ ਅਤੇ ਰਜਿਸਟਰ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣਾ ਅਤੇ ਵੈਧਤਾ ਚੈੱਕ ਕਰਨ ਦੇ ਰੂਟੀਆਂ ਬਾਰੇ ਸਿੱਖੋ | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | ਡੇਟਾ ਪ੍ਰਾਪਤ ਕਰਨ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਸਮਝੋ ਕਿ ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਡੇਟਾ ਕਿਵੇਂ ﬇ਲਦਾ ਹੈ, ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰੋ, ਸਟੋਰ ਕਰੋ ਅਤੇ ਨਿਕਾਸ ਕਰੋ | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਧਾਰਣਾਏਂ | ਸਮਝੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਥਿਤੀ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸ ਦੀ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਨਾਲ ਕਿਵੇਂ ਪ੍ਰਬੰਧਨ ਕਰਦੇ ਹਨ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VSCode ਨਾਲ ਕੰਮ ਕਰਨਾ | ਇੱਕ ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | AI ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣਾ ਖੁਦ ਦਾ AI ਸਹਾਇਕ ਬਣਾਉਣਾ ਸਿੱਖੋ | [AI Assistant project](./9-chat-project/README.md) | Chris | ## 🏫 ਪੈਡਾਗੋਜੀ -ਸਾਡੇ ਕੋਰਸ ਨੂੰ ਦੋ ਮੁੱਖ ਪੈਡਾਗੋਜੀਕਲ ਸਿਧਾਂਤਾਂ ਦੇ ਧਿਆਨ ਨਾਲ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ: -* ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਸਿੱਖਿਆ -* ਬਾਰੰਬਾਰ ਕਵਿਜ਼ - -ਇਹ ਕਾਰਜਕ੍ਰਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਮੂਲ ਤੱਤ ਅਤੇ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਵੱਲੋਂ ਇਸਤੇਮਾਲ ਹੋਣ ਵਾਲੇ ਤਾਜ਼ਾ ਟੂਲ ਅਤੇ ਤਕਨੀਕਾਂ ਸਿੱਖਾਉਂਦਾ ਹੈ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਹੱਥ-ਮੇਂਹਦੇ ਤਜਰਬਾ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ, ਜਿਸ ਵਿੱਚ ਇਕ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੇਰੀਰੀਅਮ, ਪਰਿਵਾਰਕ ਬਰਾਊਜ਼ਰ ਵਿਸਥਾਰ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟੀਲ ਗੇਮ, ਅਤੇ ਵਿਅਵਸਾਈਆਂ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਤਿਆਰ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ। ਸਿਰੀਜ਼ ਦੇ ਅੰਤ ਤੱਕ, ਵਿਦਿਆਰਥੀ ਵੈੱਬ ਵਿਕਾਸ ਬਾਰੇ ਪੱਕੀ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰ ਚੁੱਕਣਗੇ। +ਸਾਡਾ ਕੋਰਸ ਦੋ ਮੁੱਖ ਪੈਡਾਗੋਗੀ ਸਿਧਾਂਤਾਂ 'ਤੇ ਆਧਾਰਿਤ ਹੈ: +* ਪ੍ਰੋਜੈਕਟ ਆਧਾਰਿਤ ਸਿੱਖਣਾ +* ਬਾਰੰਬਾਰ ਕੁਇਜ਼ -> 🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ Microsoft Learn 'ਤੇ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ਵਜੋਂ ਵੀ ਲੈ ਸਕਦੇ ਹੋ! +ਇਹ ਪ੍ਰੋਗ੍ਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਮੂਲ ਤੱਤ ਸਿਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਵੱਲੋਂ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਨਵੀਂ ਟੂਲਾਂ ਅਤੇ ਤਕਨੀਕਾਂ ਵੀ ਸਿੱਖਾਉਂਦਾ ਹੈ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਹੱਥੋਂ-ਹੱਥ ਅਨੁਭਵ ਮਿਲੇਗਾ ਜਿਵੇਂ ਕਿ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੈਰੀਰਿਯਮ, ਈਕੋ-ਫ੍ਰੈਂਡਲੀ ਬ੍ਰਾਉਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ, ਅਤੇ ਕਾਰੋਬਾਰੀ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਂਦੇ ਹੋਏ। ਸਿਰਿਜ਼ ਦੇ ਅੰਤ ਵਿੱਚ, ਵਿਦਿਆਰਥੀ ਵੈੱਬ ਵਿਕਾਸ ਦੀ ਮਜ਼ਬੂਤ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰਨਗੇ। -ਜਦੋਂ ਸਮੱਗਰੀ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਸੰਗਤ ਹੁੰਦੀ ਹੈ, ਤਦ ਪ੍ਰਕਿਰਿਆ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਹੋਰ ਰੁਚਿਕਰ ਬਣਦੀ ਹੈ ਅਤੇ ਸਿਧਾਂਤਾਂ ਦਾ ਧਿਆਨ ਜ਼ਿਆਦਾ ਸਮੇਂ ਤੱਕ ਰਹਿੰਦਾ ਹੈ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੇ ਬੁਨਿਆਦੀ ਪਾਠਾਂ ਦੀਆਂ ਕਈ ਸ਼ੁਰੂਆਤੀ ਪਾਠਾਂ ਲਿਖੀਆਂ ਹਨ, ਜੋ ਕੁਝ ਵੀਡੀਓਜ਼ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ਤੋਂ ਮਿਲ ਕੇ ਸਿੱਖਦੇ ਹਨ, ਜਿਨ੍ਹਾਂ ਦੇ ਲੇਖਕਾਂ ਨੇ ਇਸ ਕੋਰਸ ਵਿੱਚ ਯੋਗਦਾਨ ਦਿੱਤਾ ਹੈ। +> 🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ Microsoft Learn 'ਤੇ ਇੱਕ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ਵਜੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ! -ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਘੱਟ-ਦਬਾਅ ਵਾਲਾ ਕਵਿਜ਼ ਵਿਦਿਆਰਥੀ ਦੇ ਸਿੱਖਣ ਦਾ ਮਕਸਦ ਸੈਟ ਕਰਦਾ ਹੈ, ਜਦਕਿ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਦੂਜਾ ਕਵਿਜ਼ ਹੋਰ ਕਨਸੈਪਟਾਂ ਦੀ ਸਮਝ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਕੋਰਸ ਲਚਕੀਲਾ ਅਤੇ ਮਨੋਰੰਜਕ ਬਣਾਉਣ ਲਈ ਬਣਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਇਸਨੂੰ ਪੂਰਾ ਜਾਂ ਹਿੱਸਾ-ਹਿੱਸਾ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰੋਜੈਕਟ ਛੋਟੇ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12 ਹਫਤਿਆਂ ਦੇ ਚੱਕਰ ਦੇ ਅੰਤ ਤੱਕ ਵੱਧ ਸਖ਼ਤ ਹੋ ਜਾਂਦੇ ਹਨ। +ਉਹਨਾਂ ਨੂੰ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਜੋੜ ਕੇ, ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਹੋਰ ਰੁਚਿਕਰ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਧਾਰਣਾਵਾਂ ਦੀ ਸਮਝ ਬਰਕਰਾਰ ਰਹਿੰਦੀ ਹੈ। ਅਸੀਂ ਕੁਝ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ ਦੇ ਸ਼ੁਰੂਆਤੀ ਪਾਠ ਵੀ ਲਿਖੇ ਹਨ ਜੋ ਧਾਰਣਾਵਾਂ ਪੇਸ਼ ਕਰਦੇ ਹਨ, ਜਿਹੜੇ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ਵੀਡੀਓ ਟਿਊਟੋਰਿਅਲ ਕਲੈਕਸ਼ਨ ਤੋਂ ਇਕ ਵੀਡੀਓ ਨਾਲ ਜੋੜੇ ਗਏ ਹਨ, ਜਿਨ੍ਹਾਂ ਦੇ ਕੁਝ ਲੇਖਕਾਂ ਨੇ ਇਸ ਕੋਰਸ ਦੇ ਵਿਕਾਸ ਵਿੱਚ ਯੋਗਦਾਨ ਦਿੱਤਾ ਹੈ। -ਜਦ ਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਾਂ ਨੂੰ ਜਾਣ-ਬੁਝ ਕੇ ਇਸ ਕੋਰਸ ਵਿੱਚ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤਾ ਤਾਕਿ ਇੱਕ ਵੈੱਬ ਡਿਵੈਲਪਰ ਲਈ ਬੁਨਿਆਦੀ ਕੌਸ਼ਲਾਂ ਉੱਤੇ ਧਿਆਨ ਦਿੱਤਾ ਜਾ ਸਕੇ, ਇਸ ਕੋਰਸ ਨੂੰ ਪੂਰਾ ਕਰਨ ਦਾ ਅਗਲਾ ਵਧੀਆ ਕਦਮ ਹੋਵੇਗਾ Node.js ਬਾਰੇ ਹੋਰ ਵੀਡੀਓਜ਼ ਦੀ ਕਲੈਕਸ਼ਨ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ਤੋਂ ਸਿੱਖਣਾ। +ਇਸਦੇ ਨਾਲ-ਨਾਲ, ਇੱਕ ਘٽ-ਦਾਅਵਾ ਵਾਲਾ ਕੁਇਜ਼ ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਵਿਦਿਆਰਥੀ ਨੂੰ ਵਿਸ਼ਾ ਸਿੱਖਣ ਲਈ ਪ੍ਰੇਰਿਤ ਕਰਦਾ ਹੈ, ਅਤੇ ਦੂਜਾ ਕੁਇਜ਼ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਵਧੀਕ ਸਮਝਦਾਰੀ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਕੋਰਸ ਲਚੀਲਾ ਅਤੇ ਮਨੋਰੰਜਕ ਬਣਾਉਣ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਪੂਰਾ ਜਾਂ ਕਿਸੇ ਹਿੱਸੇ ਵਜੋਂ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰੋਜੈਕਟ ਛੋਟੇ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12 ਹਫ਼ਤੇ ਦੇ ਪਹਿਰੇ ਦੇ ਅੰਤ ਤੱਕ ਵੱਧ-ਵਧੀਕ ਕਰਮਾਤਮਕ ਬਣ ਜਾਂਦੇ ਹਨ। -> ਸਾਡੇ [Code of Conduct](CODE_OF_CONDUCT.md) ਅਤੇ [Contributing](CONTRIBUTING.md) ਨਿਦੇਸ਼ਾਂ ਨੂੰ ਜ਼ਰੂਰ ਵੇਖੋ। ਅਸੀਂ ਤੁਹਾਡੇ ਸਰਗਰਮ ਸੁਝਾਵਾਂ ਦਾ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ! +ਜਦੋਂ ਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਸ ਲਿਆਉਣ ਤੋਂ ਸਾਵਧਾਨ ਰਹੇ ਕਿਉਂਕਿ ਵੈੱਬ ਡਿਵੈਲਪਰ ਬਣਨ ਲਈ ਬੁਨਿਆਦੀ ਸਿੱਖਿਆ ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ, ਇੱਕ ਵਧੀਆ ਅਗਲਾ ਕਦਮ Node.js ਬਾਰੇ ਵਧੀਆ ਸਿੱਖਣਾ ਹੋਵੇਗਾ ਜੋ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ਵੀਡੀਓ ਕਲੈਕਸ਼ਨ ਰਾਹੀਂ ਮਿਲਦਾ ਹੈ। +> ਸਾਡੇ [Code of Conduct](CODE_OF_CONDUCT.md) ਅਤੇ [Contributing](CONTRIBUTING.md) ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਵੇਖੋ। ਅਸੀਂ ਤੁਹਾਡਾ ਰचनਾਤਮਕ ਫੀਡਬੈਕ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ! ## 🧭 ਆਫਲਾਈਨ ਪਹੁੰਚ -ਤੁਸੀਂ [Docsify](https://docsify.js.org/#/) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸ ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ ਨੂੰ ਆਫਲਾਈਨ ਚਲਾ ਸਕਦੇ ਹੋ। ਇਸ ਰਿਪੋ ਨੂੰ ਫੋਰਕ ਕਰੋ, [Docsify ਇੰਸਟਾਲ ਕਰੋ](https://docsify.js.org/#/quickstart) ਆਪਣੇ ਲੋਕਲ ਮਸ਼ੀਨ 'ਤੇ, ਅਤੇ ਫਿਰ ਇਸ ਰਿਪੋ ਦੇ ਰੂਟ ਫੋਲਡਰ ਵਿੱਚ `docsify serve` ਲਿਖੋ। ਵੈੱਬਸਾਈਟ ਤੁਹਾਡੇ ਲੋਕਲਸਰਵਰ 'ਤੇ ਪੋਰਟ 3000 'ਤੇ ਚਲੇਗੀ: `localhost:3000`। +ਤੁਸੀਂ ਇਸ ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ ਨੂੰ ਆਫਲਾਈਨ ਚਲਾ ਸਕਦੇ ਹੋ [Docsify](https://docsify.js.org/#/) ਦੀ ਵਰਤੋਂ ਕਰਕੇ। ਇਸ ਰਿਪੋ ਨੂੰ ਫੋਰਕ ਕਰੋ, ਆਪਣੇ ਲੋਕਲ ਮਸ਼ੀਨ 'ਤੇ [Docsify ਇੰਸਟਾਲ](https://docsify.js.org/#/quickstart) ਕਰੋ, ਅਤੇ ਫਿਰ ਇਸ ਰਿਪੋ ਦੇ ਰੂਟ ਫੋਲਡਰ ਵਿੱਚ `docsify serve` ਟਾਈਪ ਕਰੋ। ਵੈੱਬਸਾਈਟ ਤੁਹਾਡੇ ਲੋਕਲਹੋਸਟ `localhost:3000` ਦੇ ਪੋਰਟ 3000 'ਤੇ ਸੇਵਾ ਕੀਤੀ ਜਾਵੇਗੀ। ## 📘 PDF -ਸਾਰੇ ਪਾਠਾਂ ਦੀ PDF ਤੁਸੀਂ [ਇਥੇ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ਲੱਭ ਸਕਦੇ ਹੋ। - +ਸਾਰੇ ਪਾਠਾਂ ਦੀ ਇੱਕ PDF ਇੱਥੇ ਮਿਲ ਸਕਦੀ ਹੈ [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)। ## 🎒 ਹੋਰ ਕੋਰਸ -ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਵੀ ਬਣਾਉਂਦੀ ਹੈ! ਚੈੱਕ ਕਰੋ: +ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਵੀ ਤਿਆਰ ਕਰਦੀ ਹੈ! ਵੇਖੋ: ### LangChain @@ -240,7 +238,7 @@ --- -### ਕੋਰ ਸਿੱਖਿਆ +### ਮੁੱਖ ਸਿੱਖਿਆ [![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,7 +249,7 @@ --- -### ਕੋਪਾਇਲਟ ਸੀਰੀਜ਼ +### 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) @@ -259,17 +257,21 @@ ## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ -ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI ਐਪ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ, ਤਾਂ MCP ਬਾਰੇ ਚਰਚਾਵਾਂ ਵਿੱਚ ਸਿਖਿਅਰਥੀਆਂ ਅਤੇ ਅਨੁਭਵੀ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਜੁੜੋ। ਇਹ ਇਕ ਸਮਰਥਕ ਸਮੁਦਾਇ ਹੈ ਜਿੱਥੇ ਸਵਾਲ ਸਵਾਗਤਯੋਗ ਹਨ ਅਤੇ ਗਿਆਨ ਖੁੱਲ੍ਹੇ ਮਨ ਨਾਲ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। +ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI অ্যਪ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ, ਤਾਂ MCP ਬਾਰੇ ਚਰਚਾਵਾਂ ਵਿੱਚ ਹੋਰ ਸਿੱਖਣ ਵਾਲੇ ਅਤੇ ਤਜ਼ਰਬੇਕਾਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਜੁੜੋ। ਇਹ ਇੱਕ ਸਮਰਥਨਸ਼ੀਲ ਭਾਈਚਾਰਾ ਹੈ ਜਿੱਥੇ ਸਵਾਲਾਂ ਦਾ ਸਵਾਗਤ ਹੈ ਅਤੇ ਗਿਆਨ ਖੁੱਲ੍ਹ ਕੇ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਬਨਾਉਣ ਦੌਰਾਨ ਕੋਈ ਗਲਤੀਆਂ ਹਨ ਤਾਂ ਦੇਖੋ: +ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਤਿਆਰ ਕਰਦੇ ਸਮੇਂ ਕੋਈ ਗਲਤੀ ਹੋਵੇ ਤਾਂ ਦਰਜ ਕਰੋ: + +[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) + +## ਲਾਇਸੈਂਸ -[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Devel +ਇਹ ਰਿਪੋਜ਼ਟਰੀ MIT ਲਾਇਸੈਂਸ ਹੇਠ ਲਾਇਸੈਂਸ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE](../../LICENSE) ਫਾਈਲ ਵੇਖੋ। --- -**ਅਸਵੀਕਾਰੋਪਣ**: -ਇਹ ਦਸਤਾਵੇਜ਼ ਏਆਈ ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ ਸਵਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੂਚਨਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਜਿਸਦੀ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਹੈ, ਉਸਨੂੰ ਪ੍ਰਧਾਨ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਜਰੂਰੀ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਨਾਲ ਪੈਦਾ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀਆਂ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆਵਾਂ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। +**ਅਸਵੀਕਾਰੋक्ति**: +ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਜਾਣੋਂ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਤੀਕਤਾ ਹੋ ਸਕਦੀ ਹੈ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੇ ਮੁੱਖ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਣ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ਾਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤ ਫਹਿਮੀਆਂ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆਵਾਂ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। \ No newline at end of file diff --git a/translations/pa/lesson-template/README.md b/translations/pa/lesson-template/README.md index 8ea828a520..139b01cf6f 100644 --- a/translations/pa/lesson-template/README.md +++ b/translations/pa/lesson-template/README.md @@ -1,54 +1,79 @@ -# [ਪਾਠ ਦਾ ਵਿਸ਼ਾ] +# ਪਾਠ ਦਾ ਵਿਸ਼ਾ -![ਇੱਥੇ ਇੱਕ ਵੀਡੀਓ ਸ਼ਾਮਲ ਕਰੋ](../../../lesson-template/video-url) +## 🎥 ਵੀਡੀਓ -## [ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਕਵੀਜ਼](../../../lesson-template/quiz-url) +> ਇੱਥੇ ਇੱਕ ਐम्बੇਡ ਕੀਤੀ ਵੀਡੀਓ ਜਾਂ ਪਾਠ ਲਿੰਕ ਸ਼ਾਮਿਲ ਕਰੋ। -[ਅਸੀਂ ਕੀ ਸਿੱਖਾਂਗੇ ਇਸਦਾ ਵੇਰਵਾ ਦਿਓ] +--- + +## ਪੂਰਵ-ਵਿਆਖਿਆਨ ਕਵਿਜ਼ -### ਪਰਿਚਯ +> ਉਪਲਬਧ ਹੋਣ ਤੇ ਇੱਥੇ ਕਵਿਜ਼ ਲਿੰਕ ਸ਼ਾਮਿਲ ਕਰੋ। -ਇਸ ਪਾਠ ਵਿੱਚ ਕੀ ਕਵਰ ਕੀਤਾ ਜਾਵੇਗਾ ਇਸਦਾ ਵੇਰਵਾ ਦਿਓ +--- + +ਵਿਦਿਆਰਥੀਆਂ ਇਸ ਪਾਠ ਵਿੱਚ ਕੀ ਸਿੱਖਣਗੇ ਦਾ ਇੱਕ ਸੰਖੇਪ ਲੇਖ ਦਿਓ। + +--- + +### ਜਾਣੂ + +ਇਸ ਪਾਠ ਵਿੱਚ ਕੀ ਕਵਰੇਜ ਕੀਤਾ ਜਾਵੇਗਾ ਇਸ ਦਾ ਇੱਕ ਛੋਟਾ ਪਰਿਚਯ ਦਿਓ। > ਨੋਟਸ -### ਪੂਰਵ ਸ਼ਰਤਾਂ +--- -ਇਸ ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਕਿਹੜੇ ਕਦਮ ਪੂਰੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ? +### ਪੂਰਵ-ਅਧਿਐਨ + +ਉਹ ਸੰਕਲਪ ਜਾਂ ਵਿਸ਼ਿਆਂ ਦੀ ਸੂਚੀ ਦਿਓ ਜਿਨ੍ਹਾਂ ਨਾਲ ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਪਾਠ ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਜਾਣੂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ। + +--- ### ਤਿਆਰੀ -ਇਸ ਪਾਠ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਤਿਆਰੀ ਦੇ ਕਦਮ +ਕੋਈ ਵੀ ਸੈਟਅਪ ਕਦਮ ਜਾਂ ਔਜ਼ਾਰਾਂ ਦੀ ਸੂਚੀ ਦਿਓ ਜੋ ਪਾਠ ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਲੋੜੀਂਦੇ ਹਨ। --- -[ਸਮੱਗਰੀ ਨੂੰ ਬਲਾਕਾਂ ਵਿੱਚ ਕਵਰ ਕਰੋ] +### ਸਮੱਗਰੀ + +ਪਾਠ ਸਮੱਗਰੀ ਨੂੰ ਸ੍ਰੰਖਲਬੱਧ ਭਾਗਾਂ ਵਿੱਚ ਕਦਮ ਦਰ ਕਦਮ ਪੇਸ਼ ਕਰੋ। -## [ਵਿਸ਼ਾ 1] +--- + +## ਵਿਸ਼ਾ 1 ### ਕੰਮ: -ਇਕੱਠੇ ਕੰਮ ਕਰਦੇ ਹੋਏ ਆਪਣੇ ਕੋਡਬੇਸ ਨੂੰ ਤਰੱਕੀਸ਼ੀਲ ਢੰਗ ਨਾਲ ਸੁਧਾਰੋ ਤਾਂ ਜੋ ਸਾਂਝੇ ਕੋਡ ਨਾਲ ਪ੍ਰੋਜੈਕਟ ਬਣਾਇਆ ਜਾ ਸਕੇ: +ਆਪਣੇ ਕੋਡਬੇਸ ਨੂੰ ਪ੍ਰਗਟਾਇਆੁਂਦੇ ਹੋਏ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਂਝਾ ਕੋਡ ਨਾਲ ਬਣਾਉਣ ਲਈ ਸਹਿਯੋਗੀ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰੋ: ```html code blocks ``` -✅ ਗਿਆਨ ਦੀ ਜਾਂਚ - ਵਿਦਿਆਰਥੀਆਂ ਦੇ ਗਿਆਨ ਨੂੰ ਖੁੱਲੇ ਸਵਾਲਾਂ ਨਾਲ ਵਧਾਉਣ ਦਾ ਇਹ ਮੌਕਾ ਲਓ +✅ ਗਿਆਨ ਦੀ ਜਾਂਚ +ਖੁੱਲ੍ਹੇ ਸਵਾਲਾਂ ਨਾਲ ਵਿਦਿਆਰਥੀਆਂ ਦੇ ਗਿਆਨ ਨੂੰ ਵਧਾਉਣ ਲਈ ਇਹ ਸਮਾਂ ਵਰਤੋ। -## [ਵਿਸ਼ਾ 2] +## ਵਿਸ਼ਾ 2 +## ਵਿਸ਼ਾ 3 -## [ਵਿਸ਼ਾ 3] +🚀 ਚੁਣੌਤੀ +ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਇਕ ਸਹਿਯੋਗੀ ਚੁਣੌਤੀ ਸ਼ਾਮਿਲ ਕਰੋ। -🚀 ਚੁਣੌਤੀ: ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਕਲਾਸ ਵਿੱਚ ਸਾਂਝੇ ਤੌਰ 'ਤੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸੁਧਾਰਨ ਲਈ ਇੱਕ ਚੁਣੌਤੀ ਦਿਓ +ਵਿਕਲਪਿਕ: ਜੇ ਯੋਗ ਹੋਵੇ ਤਾਂ ਪੂਰੇ ਕੀਤੇ ਪਾਠ ਦੀ UI ਦਾ ਸਕਰੀਨਸ਼ਾਟ ਸ਼ਾਮਿਲ ਕਰੋ। -ਵਿਕਲਪਿਕ: ਜੇ ਉਚਿਤ ਹੋਵੇ ਤਾਂ ਪੂਰੇ ਪਾਠ ਦੇ UI ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ ਸ਼ਾਮਲ ਕਰੋ +## ਪਾਠ-ਮਗਰੋਂ ਕਵਿਜ਼ -## [ਪਾਠ ਤੋਂ ਬਾਅਦ ਕਵੀਜ਼](../../../lesson-template/quiz-url) +ਪਾਠ ਪੂਰਾ ਕਰਨ ਤੋਂ ਬਾਅਦ ਇੱਥੇ ਕਵਿਜ਼ ਲਿੰਕ ਸ਼ਾਮਿਲ ਕਰੋ। -## ਸਮੀਖਿਆ ਅਤੇ ਖੁਦ ਅਧਿਐਨ +## ਸਮੀਖਿਆ ਅਤੇ ਸਵਅਧਿਐਨ -**ਅਸਾਈਨਮੈਂਟ ਦੀ ਮਿਆਦ [MM/YY]**: [ਅਸਾਈਨਮੈਂਟ ਦਾ ਨਾਮ](assignment.md) +**ਅਸਾਈਨਮੈਂਟ ਦੀ ਮਿਆਦ [ਮ੍ਹ/ਸ]**: [ਅਸਾਈਨਮੈਂਟ ਦਾ ਨਾਮ](assignment.md) + +--- -**ਅਸਵੀਕਾਰਨ**: -ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚਨਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼, ਜੋ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਹੈ, ਨੂੰ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। \ No newline at end of file + +**ਅਸਵੀਕਾਰਤਾ**: +ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਥਿਰਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੇ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਹੀ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫ਼ਾਰਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੇ ਇਸਤੇਮਾਲ ਤੋਂ ਉੱਪਜੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆਵਾਂ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। + \ No newline at end of file diff --git a/translations/pcm/.co-op-translator.json b/translations/pcm/.co-op-translator.json index 7f80762ff6..21afa38795 100644 --- a/translations/pcm/.co-op-translator.json +++ b/translations/pcm/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:06:12+00:00", + "translation_date": "2026-04-24T13:50:25+00:00", "source_file": "AGENTS.md", "language_code": "pcm" }, @@ -516,8 +516,8 @@ "language_code": "pcm" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:25:08+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T13:45:54+00:00", "source_file": "README.md", "language_code": "pcm" }, @@ -564,8 +564,8 @@ "language_code": "pcm" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2026-01-08T11:40:47+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T13:46:03+00:00", "source_file": "lesson-template/README.md", "language_code": "pcm" }, diff --git a/translations/pcm/AGENTS.md b/translations/pcm/AGENTS.md index 3aeb98896b..6dc150e24f 100644 --- a/translations/pcm/AGENTS.md +++ b/translations/pcm/AGENTS.md @@ -2,27 +2,27 @@ ## Project Overview -Dis na wan educational curriculum repository wey dem dey use teach web development fundamentals to beginners. Di curriculum na big 12-week course wey Microsoft Cloud Advocates make, get 24 hands-on lessons covering JavaScript, CSS, and HTML. +Dis na wan educational curriculum repository wey dem use teach web development fundamentals to beginners. Di curriculum na one complete 12-week course wey Microsoft Cloud Advocates develop, e get 24 hands-on lessons wey cover JavaScript, CSS, and HTML. ### Key Components -- **Educational Content**: 24 structured lessons wey dem organize inside project-based modules +- **Educational Content**: 24 structured lessons wey dem organize into project-based modules - **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant - **Interactive Quizzes**: 48 quizzes wey get 3 questions each (pre/post-lesson assessments) -- **Multi-language Support**: Automated translations for 50+ languages through GitHub Actions +- **Multi-language Support**: Automated translations for 50+ languages via GitHub Actions - **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (for AI projects) ### Architecture - Educational repository wey get lesson-based structure -- Every lesson folder get README, code examples, and solutions +- Each lesson folder get README, code examples, and solutions - Standalone projects dey for separate directories (quiz-app, various lesson projects) - Translation system dey use GitHub Actions (co-op-translator) - Documentation dey serve through Docsify and e dey available as PDF ## Setup Commands -Dis repository na mainly for educational content consumption. For to work with specific projects: +Dis repository mainly for educational content consumption. If you wan work with specific projects: ### Main Repository Setup @@ -36,7 +36,7 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # Start di development server +npm run dev # Begin development server npm run build # Build for production npm run lint # Run ESLint ``` @@ -46,9 +46,9 @@ npm run lint # Run ESLint ```bash cd 7-bank-project/api npm install -npm start # Start API server +npm start # Start di API server npm run lint # Run ESLint -npm run format # Format wit Prettier +npm run format # Format am wit Prettier ``` ### Browser Extension Projects @@ -56,7 +56,7 @@ npm run format # Format wit Prettier ```bash cd 5-browser-extension/solution npm install -# Follow di browser-specific extension loading instructions +# Follow how for put extension for browser wey you dey use ``` ### Space Game Projects @@ -80,29 +80,29 @@ python api.py ### For Content Contributors -1. **Fork di repository** go your GitHub account -2. **Clone your fork** for your machine -3. **Create new branch** for your changes -4. Make changes for lesson content or code examples +1. **Fork di repository** to your GitHub account +2. **Clone your fork** for your local machine +3. **Create wan new branch** for your changes +4. Change lesson content or code examples 5. Test any code changes inside the relevant project directories -6. Submit pull requests based on contribution guidelines +6. Submit pull requests wey follow contribution guidelines ### For Learners 1. Fork or clone di repository -2. Go through lesson directories one by one +2. waka go lesson directories one by one 3. Read README files for each lesson -4. Do pre-lesson quizzes at https://ff-quizzes.netlify.app/web/ +4. Complete pre-lesson quizzes at https://ff-quizzes.netlify.app/web/ 5. Work through code examples inside lesson folders -6. Finish assignments and challenges -7. Do post-lesson quizzes +6. Complete assignments and challenges +7. Take post-lesson quizzes ### Live Development - **Documentation**: Run `docsify serve` for root (port 3000) - **Quiz App**: Run `npm run dev` inside quiz-app directory - **Projects**: Use VS Code Live Server extension for HTML projects -- **API Projects**: Run `npm start` for the API directories +- **API Projects**: Run `npm start` for the correct API folders ## Testing Instructions @@ -111,7 +111,7 @@ python api.py ```bash cd quiz-app npm run lint # Check for code style wahala -npm run build # Make sure build dey successful +npm run build # Make sure build go succeed ``` ### Bank API Testing @@ -119,73 +119,73 @@ npm run build # Make sure build dey successful ```bash cd 7-bank-project/api npm run lint # Check for code style wahala -node server.js # Make sure say server fit start without any kasala +node server.js # Make sure server start without any gbege ``` ### General Testing Approach -- Dis na educational repository wey no get full automatic tests +- Dis na educational repository wey no get full automated tests - Manual testing dey focus on: - - Code examples dey run without wahala + - Code examples wey run without wahala - Links for documentation dey work well - - Project build dey complete successful + - Project builds complete normally - Examples follow best practices ### Pre-submission Checks - Run `npm run lint` for directories wey get package.json - Check say markdown links dey valid -- Test code examples for browser or Node.js -- Confirm say translations keep correct structure +- Test code examples inside browser or Node.js +- Make sure translations keep proper structure ## Code Style Guidelines ### JavaScript - Use modern ES6+ syntax -- Follow standard ESLint config wey projects get +- Follow standard ESLint rules wey projects provide - Use meaningful variable and function names for educational clarity - Add comments wey explain concepts for learners -- Format using Prettier if e dey setup +- Format with Prettier where e dey setup ### HTML/CSS -- Use semantic HTML5 elements +- Semantic HTML5 elements - Responsive design principles - Clear class naming conventions - Comments wey dey explain CSS techniques for learners ### Python -- PEP 8 style guidelines +- PEP 8 style guide - Clear, educational code examples -- Type hints where e go help learning +- Type hints where e fit help learning ### Markdown Documentation - Clear heading hierarchy -- Code blocks with language specification +- Code blocks wey get language tag - Links to extra resources -- Screenshots and images inside `images/` directories -- Alt text for images to support accessibility +- Screenshots and images for `images/` folders +- Alt text for images so e go accessible ### File Organization -- Lessons dey numbered one by one (1-getting-started-lessons, 2-js-basics, etc.) -- Every project get `solution/` and sometimes `start/` or `your-work/` directories -- Images for lesson-specific `images/` folders -- Translations dey inside `translations/{language-code}/` structure +- Lessons dey number one by one (1-getting-started-lessons, 2-js-basics, etc.) +- Each project get `solution/` and often `start/` or `your-work/` directories +- Images dey store inside lesson-specific `images/` folders +- Translations for `translations/{language-code}/` folder structure ## Build and Deployment ### Quiz App Deployment (Azure Static Web Apps) -The quiz-app dey configured for Azure Static Web Apps deployment: +The quiz-app dey setup for Azure Static Web Apps deployment: ```bash cd quiz-app npm run build # Dey create dist/ folder -# Dey put for ground wit GitHub Actions workflow wen dem push for main +# Dey deploy wit GitHub Actions workflow wen you push to main ``` Azure Static Web Apps configuration: @@ -203,23 +203,23 @@ npm run convert # Make PDF from docs ### Docsify Documentation ```bash -npm install -g docsify-cli # Install Docsify all over di system -docsify serve # Run for localhost:3000 +npm install -g docsify-cli # Install Docsify for everywhere +docsify serve # Make e dey serve for localhost:3000 ``` ### Project-specific Builds -Every project directory fit get their own build process: -- Vue projects: `npm run build` dey create production bundles -- Static projects: No build step, just serve files directly +Each project directory fit get im own build process: +- Vue projects: `npm run build` go create production bundles +- Static projects: No build step, serve files directly ## Pull Request Guidelines ### Title Format -Use clear, descriptive titles wey show wetin change be: +Use clear, descriptive titles wey show the area wey you change: - `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo for terrarium project` +- `[Lesson-3] Fix typo inside terrarium project` - `[Translation] Add Spanish translation for lesson 5` - `[Docs] Update setup instructions` @@ -228,51 +228,51 @@ Use clear, descriptive titles wey show wetin change be: Before you submit PR: 1. **Code Quality**: - - Run `npm run lint` for the project directories wey e concern - - Fix all lint errors and warnings + - Run `npm run lint` for the project directories weh change dey + - Fix every linting errors and warnings 2. **Build Verification**: - - Run `npm run build` if e necessary - - Make sure no build errors + - Run `npm run build` if e dey apply + - Make sure no build error dey 3. **Link Validation**: - - Test all markdown links - - Confirm image refs work + - Test every markdown links + - Verify image references dey work 4. **Content Review**: - Proofread for spelling and grammar - - Ensure code examples correct and educational - - Confirm translations keep original meaning + - Make sure code examples dey correct and educational + - Verify say translations keep di original meaning ### Contribution Requirements - Agree to Microsoft CLA (automatic check for first PR) -- Follow [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- See [CONTRIBUTING.md](./CONTRIBUTING.md) for details -- Reference issue numbers for PR description if e get +- Follow the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Check [CONTRIBUTING.md](./CONTRIBUTING.md) for full guidelines +- Reference issue numbers for PR description if e apply ### Review Process -- PRs go through maintainer and community review -- Educational clarity dey important -- Code examples suppose follow current best practices -- Translations go through accuracy and cultural appropriateness check +- PRs dey review by maintainers and community +- Educational clarity na priority +- Code examples suppose follow latest best practices +- Translations go check for accuracy and cultural fit ## Translation System ### Automated Translation -- Dey use GitHub Actions with co-op-translator workflow -- Translates to 50+ languages automatically +- Use GitHub Actions with co-op-translator workflow +- Translate go more than 50 languages automatically - Source files dey main directories -- Translated files dey inside `translations/{language-code}/` +- Translated files dey `translations/{language-code}/` directories ### Adding Manual Translation Improvements 1. Find file for `translations/{language-code}/` -2. Make improvements but keep structure intact -3. Make sure code examples still dey run well -4. Test any quiz content wey localized +2. Make improvements, keep structure safe +3. Make sure code examples still dey work well +4. Test any local quiz content ### Translation Metadata @@ -293,72 +293,72 @@ CO_OP_TRANSLATOR_METADATA: ### Common Issues -**Quiz app no fit start**: -- Check Node.js version (v14+ recommended) +**Quiz app no dey start**: +- Check Node.js version (v14+ na recommended) - Delete `node_modules` and `package-lock.json`, run `npm install` again -- Check for port wahala (default: Vite dey use port 5173) +- Check if port dey busy (default: Vite dey use port 5173) -**API server no go start**: -- Confirm Node.js version dey at least (node >=10) -- Check if port don already dey use +**API server no dey start**: +- Check Node.js version (node >=10) +- Check if port don already use - Make sure all dependencies install with `npm install` -**Browser extension no go load**: -- Confirm manifest.json format correct +**Browser extension no dey load**: +- Check manifest.json make e correct - Check browser console for errors -- Follow browser extension installation instructions +- Follow browser-specific extension install instructions **Python chat project wahala**: -- Confirm OpenAI package install: `pip install openai` -- Confirm GITHUB_TOKEN environment variable set -- Check GitHub Models permission +- Make sure OpenAI package install: `pip install openai` +- Confirm GITHUB_TOKEN environment variable dey set +- Check GitHub Models access permissions **Docsify no dey serve docs**: - Install docsify-cli globally: `npm install -g docsify-cli` -- Run am from root directory +- Run from repository root - Check say `docs/_sidebar.md` dey ### Development Environment Tips - Use VS Code with Live Server extension for HTML projects -- Install ESLint and Prettier extensions for proper formatting -- Use browser DevTools for JavaScript debugging +- Install ESLint and Prettier extensions for consistent style +- Use browser DevTools for debugging JavaScript - For Vue projects, install Vue DevTools browser extension ### Performance Considerations -- Plenty translated files (50+ languages) mean big clones -- Use shallow clone if na content only: `git clone --depth 1` -- Exclude translations from searches if you dey focus on English -- Build steps fit slow for first time (npm install, Vite build) +- Plenty translated files (50+ languages) mean full clones go big +- Use shallow clone if you only dey work on content: `git clone --depth 1` +- Exclude translations from search when working on English content +- Build processes fit slow for first run (npm install, Vite build) ## Security Considerations ### Environment Variables -- API keys no suppose commit to repository -- Use `.env` files (already for `.gitignore`) -- Document needed environment variables inside project READMEs +- API keys make sure no dey commit to repository +- Use `.env` files (wey dey `.gitignore` already) +- Document required environment variables for project READMEs ### Python Projects - Use virtual environments: `python -m venv venv` -- Keep dependencies updated -- GitHub tokens need minimal permissions +- Keep dependencies up to date +- GitHub tokens suppose get minimal permissions only ### GitHub Models Access -- Personal Access Tokens (PAT) required for GitHub Models -- Tokens suppose dey stored as environment variables -- Never commit tokens or credentials +- Personal Access Tokens (PAT) dey needed for GitHub Models +- Tokens suppose dey store as environment variables +- No commit tokens or credentials ## Additional Notes ### Target Audience -- Complete beginners to web development -- Students and self-learners -- Teachers wey use the curriculum for classroom +- Absolute beginners to web development +- Students and people wey dey learn by themselves +- Teachers wey dey use curriculum for classroom - Content dey designed for accessibility and gradual skill building ### Educational Philosophy @@ -366,26 +366,26 @@ CO_OP_TRANSLATOR_METADATA: - Project-based learning style - Frequent knowledge checks (quizzes) - Hands-on coding exercises -- Real-life application examples -- Focus on fundamentals before frameworks +- Real-world application examples +- Focus on fundamentals before framework waka ### Repository Maintenance -- Active learner and contributor community +- Active community of learners and contributors - Regular updates to content and dependencies -- Maintainers dey monitor issues and discussions -- Translation updates automated via GitHub Actions +- Issues and discussions dey managed by maintainers +- Translation updates automatic by GitHub Actions ### Related Resources - [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) dey recommended for learners -- Other courses: Generative AI, Data Science, ML, IoT curricula dey available +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) wey dey recommended for learners +- Extra courses: Generative AI, Data Science, ML, IoT curricula dey available ### Working with Specific Projects -For detailed instructions on individual projects, check README files for: +For detailed instructions on each project, see README files for: - `quiz-app/README.md` - Vue 3 quiz application - `7-bank-project/README.md` - Banking app with authentication - `5-browser-extension/README.md` - Browser extension development @@ -394,15 +394,15 @@ For detailed instructions on individual projects, check README files for: ### Monorepo Structure -Even though dis no be traditional monorepo, dis repository get many independent projects: -- Every lesson dey self-contained +Even though e no be traditional monorepo, this repository get many independent projects: +- Each lesson na self-contained - Projects no dey share dependencies -- You fit work on individual projects without affect others -- Clone whole repo for full curriculum experience +- You fit work on individual projects without wahala +- Clone entire repo for full curriculum experience --- **Disclaimer**: -Dis dokument don translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even tho we dey try make am correct, abeg sabi say automated translations fit get errors or mistakes. Di original dokument for im own language na di correct source. For important information, better human translation na di best. We no get fault if any misunderstanding or wrong understanding happen because of dis translation. +Dis document don translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even tho we dey try make am correct, abeg sabi say automated translation fit get mistake or no too correct. Di original document for im own language na di correct one to trust. For important tin dem, e better make professional human translation do am. We no responsible for any misunderstanding or wrong meaning wey fit come from using dis translation. \ No newline at end of file diff --git a/translations/pcm/README.md b/translations/pcm/README.md index 56bed8311e..f59162a637 100644 --- a/translations/pcm/README.md +++ b/translations/pcm/README.md @@ -1,24 +1,21 @@ -# Web Development for Beginners - Curriculum +# Web Development for Beginners - A Curriculum -Learn di fundamentals of web development wit our 12-week complete course by Microsoft Cloud Advocates. Each of di 24 lessons dey dig into JavaScript, CSS, and HTML wit hands-on projects lak terrariums, browser extensions, and space games. Take part for quizzes, discussions, and praktikal assignments. Sharpen your skills and make sure say you sabi well wit our effective project-based learning method. Begin your coding journey today! +Learn di fundamentals of web development wit our 12-week comprehensive course by Microsoft Cloud Advocates. Each of di 24 lessons go deep inside JavaScript, CSS, and HTML wit hand-on projects like terrariums, browser extensions, and space games. Join quizzes, discussions, and practical assignments. Make your skills better and make you sabi more wit our correct project-based way to learn. Start your coding journey today! -Join di Azure AI Foundry Discord Community +Join di Azure AI Foundry Discord and meet experts and other developers dem. Follow these steps to start to use these resources: 1. **Fork di Repository**: Click [![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. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Join Di Azure AI Foundry Discord and meet experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4) +2. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Join The Azure AI Foundry Discord and meet experts and other developers dem**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Multi-Language Support #### Supported via GitHub Action (Automated & Always Up-to-Date) - -[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) | [Khmer](../km/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](./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](../es/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) - -> **You Prefer To Clone Locally?** +> **Prefer to Clone Locally?** > -> Dis repository get 50+ language translations wey go make the download size plenty. If you want clone without translations, try sparse checkout: +> This repository get over 50 language translations wey increase di download size well-well. To clone without translations, use sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -34,99 +31,87 @@ Follow these steps to start to use these resources: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Dis one go give you everything wey you need to complete the course wit faster download. - - -**If you want to add more translations languages wey dem support dey listed [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +> This one go give you everything you need to complete di course wit faster download. -[![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) +**If you want make we add more translations, di languages wey we support dey here. [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -#### 🧑‍🎓 _You be student?_ +#### 🧑‍🎓 _You student?_ -Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) wey you go find beginner resources, Student packs and ways to get free certificate voucher. Na dis page you go want bookmark and dey check every time as we dey change content monthly. +Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) wey go get beginning resources, student packs and even chance to collect free certificate voucher. Na page for you to bookmark and check from time to time as we dey change content monthly. ### 📣 Announcement - New GitHub Copilot Agent mode challenges to complete! -New Challenge dey inside, look for "GitHub Copilot Agent Challenge 🚀" inside most chapters. Na new challenge for you to complete wit GitHub Copilot and Agent mode. If you never use Agent mode before, e fit not just generate text but e fit create and edit files, run commands and more. +New Challenge don add, look for "GitHub Copilot Agent Challenge 🚀" inside plenty chapters. Na new challenge for you to complete using GitHub Copilot and Agent mode. If you never use Agent mode before e fit no only generate text but fit also create and edit files, run commands and more. -### 📣 Announcement - _New Project to build using Generative AI_ +### 📣 Announcement - _New Project to build using Generative AI_ -New AI Assistant project don add, check am [project](./9-chat-project/README.md) +New AI Assistant project just add, try am [project](./9-chat-project/README.md) -### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript don release +### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript just released No miss our new Generative AI curriculum! -Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) make you start! - -![Background](../../translated_images/pcm/background.148a8d43afde5730.webp) +Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start! -- Lessons cover everything from basics to RAG. -- Interact wit historical characters using GenAI and our companion app. -- Fun and interesting story, you go dey time travel! +- Lessons wey cover everything from basics to RAG. +- Talk with historical characters using GenAI and our companion app. +- Fun and interesting story, you go like time travel! -![character](../../translated_images/pcm/character.5c0dd8e067ffd693.webp) - -Each lesson get assignment to complete, knowledge check and challenge to guide you as you dey learn topics like: +Each lesson get assignment to complete, knowledge check and challenge wey go guide you for di learning of topics like: - Prompting and prompt engineering - Text and image app generation - Search apps -Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) make you start! - +Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start! +## 🌱 Getting Started -## 🌱 How To Start +> **Teachers**, we don [include some suggestions](for-teachers.md) on how to use this curriculum. We go like hear your feedback [for our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -> **Teachers**, we don [include some suggestions](for-teachers.md) on how you fit use dis curriculum. We go like hear your feedback [for our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +**[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for every lesson, start wit pre-lecture quiz come follow wit reading the lecture material, complete the different activities and check your understanding with post-lecture quiz. -**[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for each lesson, start wit pre-lecture quiz then follow by reading the lecture material, finish the different activities and check if you sabi well wit post-lecture quiz. +To make your learning better, join with your friends to work on the projects together! Discussions dey encouraged for our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) where our moderators go dey ready to answer your questions. -Make your learning sweet, join wit your classmates make una work on di projects together! Discussions dey encouraged for our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) where our moderators team go ready to answer your questions. +To increase your education, we highly recommend to explore [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for more study materials. -To take your education go higher, we strongly recommend make you check [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for extra study materials. +### 📋 Setting up your environment -### 📋 How to set up your environment - -Dis curriculum get development environment wey ready! As you start, you fit choose to run di curriculum for inside [Codespace](https://github.com/features/codespaces/) (_browser-base, no need install environment_), or run am for your computer using text editor like [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +This curriculum get development environment wey ready to go! As you dey start, you fit choose to run the curriculum for [Codespace](https://github.com/features/codespaces/) (_browser-based, no install needed environment_), or locally for your computer using text editor like [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Create your repository -To make e easy for you to save your work, e better make you create your own copy of dis repository. You fit do am by clicking di **Use this template** button for top of di page. E go create new repository for your GitHub account wey get copy of di curriculum. - -Follow dis steps: -1. **Fork di Repository**: Click di "Fork" button for top-right corner of dis page. -2. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +To make e easy for you to save your work, e good make you create your own copy of this repository. You fit do am by clicking **Use this template** button dey top of the page. This go create new repository for your GitHub account with copy of the curriculum. -#### Run di curriculum for Codespace +Follow these steps: +1. **Fork di Repository**: Click di "Fork" button for top-right corner of this page. +2. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -For your copy of dis repository wey you create, click di **Code** button then select **Open with Codespaces**. E go create new Codespace for you to work inside. +#### Running curriculum in Codespace -![Codespace](../../translated_images/pcm/createcodespace.0238bbf4d7a8d955.webp) +Inside your copy of this repository wey you create, click **Code** button then select **Open with Codespaces**. This go create new Codespace for you to work inside. -#### Run di curriculum locally for your computer +#### Running curriculum locally on your computer -To run dis curriculum for your computer, you need text editor, browser and command line tool. Our first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), go show you different options for all these tools make you fit choose wetin go work best for you. +To run this curriculum for your computer, you need text editor, browser and command line tool. Our first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), go show you different options for each of these tools to choose which one work best for you. -We recommend make you use [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as editor, because e get built-in [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You fit download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clone your repository for your computer. You fit do dis by clicking di **Code** button den copy di URL: +We recommend to use [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as your editor wey get built-in [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You fit download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Clone your repository for your computer. You fit do dis by clicking the **Code** button and copy di URL: [CodeSpace](./images/createcodespace.png) - Den, open [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) inside [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) and run dis command dem, change `` wit di URL wey you just copy: + Den, open [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) for [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) and run dis command, replace `` wit di URL wey you just copy: ```bash git clone ``` -2. Open di folder inside Visual Studio Code. You fit do dis by clicking **File** > **Open Folder** and select di folder wey you just clone. - +2. Open di folder for Visual Studio Code. You fit do dis by clicking **File** > **Open Folder** and select di folder wey you just clone. > Recommended Visual Studio Code extensions: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - to preview HTML pages inside Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - to help you write code quick quick +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - to preview HTML pages within Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - to help you write code faster -## 📂 Every lesson get: +## 📂 Each lesson includes: - optional sketchnote - optional supplemental video @@ -134,74 +119,73 @@ We recommend make you use [Visual Studio Code](https://code.visualstudio.com/?WT - written lesson - for project-based lessons, step-by-step guides on how to build the project - knowledge checks -- challenge +- a challenge - supplemental reading - assignment - [post-lesson quiz](https://ff-quizzes.netlify.app/web/) -> **One note about quizzes**: All di quizzes dey for di Quiz-app folder, 48 total quizzes wey get three questions each. Dem available [here](https://ff-quizzes.netlify.app/web/) di quiz app fit run locally or dem fit deploy am for Azure; follow instruction wey dey inside `quiz-app` folder. +> **A note about quizzes**: All quizzes dey inside di Quiz-app folder, 48 total quizzes wey get three questions each. Dem dey available [here](https://ff-quizzes.netlify.app/web/) di quiz app fit run locally or e fit deployed to Azure; follow di instruction wey dey di `quiz-app` folder. ## 🗃️ Lessons | | Project Name | Concepts Taught | Learning Objectives | Linked Lesson | Author | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Introduction to Programming and Tools of the Trade | Learn di basic foundation wey dey behind most programming languages and about software wey dey help professional developers do their jobs | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | Basics of GitHub, including how to work with team | How to use GitHub for your project, how to collaborate wit other people for code base | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 01 | Getting Started | Introduction to Programming and Tools of the Trade | Learn di basic underpinnings behind most programming languages and about software wey dey help professional developers do their jobs | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | Basics of GitHub, includes working with a team | How to use GitHub for your project, how to collaborate wit others for code base | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 03 | Getting Started | Accessibility | Learn di basics of web accessibility | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 04 | JS Basics | JavaScript Data Types | Di basics of JavaScript data types | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Functions and Methods | Learn about functions and methods to manage app logic flow | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | Making Decisions with JS | Learn how to create conditions for your code using decision-making methods | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Arrays and Loops | Work with data using arrays and loops inside JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in Practice | Build di HTML to create online terrarium, focus on building layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in Practice | Build di CSS to style the online terrarium, focus on di basics of CSS including how to make di page responsive | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Build di JavaScript to make di terrarium work as drag/drop interface, focus on closures and 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) | Build a Typing Game | Learn how to use keyboard events to drive di logic of your JavaScript app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Working with Browsers | Learn how browsers dey work, dem history, and how to scaffold first elements of browser extension | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building form, calling API and storing variables for local storage | Build JavaScript parts for your browser extension to call API using variables wey you store for local storage | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Background processes for browser, web performance | Use browser background processes to manage extension icon; learn about web performance and some optimization to make | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | More Advanced Game Development with JavaScript | Learn about Inheritance using both Classes and Composition and Pub/Sub pattern, prepare for building game | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Drawing to canvas | Learn about Canvas API, wey dem dey use draw elements for screen | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Moving elements around screen | Discover how elements fit waka using cartesian coordinates and Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Collision detection | Make elements collide and react to each other using keypresses and add cooldown function to help game performance | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Keeping score | Do math calculations based on game status and performance | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Ending and restarting the game | Learn about how to end and restart game, including cleaning assets and resetting variable values | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Templates and Routes for Web App | Learn how to create scaffold of multipage website architecture using routing and HTML templates | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Build Login and Registration Form | Learn about form building and handling validation | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Methods of Fetching and Using Data | How data flows in and out of your app, how to fetch am, store am, and dispose am | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepts of State Management | Learn how your app dey retain state and how to manage am programmatically | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to use code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 05 | JS Basics | Functions and Methods | Learn about functions and methods to manage application logic flow | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | Making Decisions with JS | Learn how to create conditions for your code using decision-making methods | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | Arrays and Loops | Work with data using arrays and loops in JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in Practice | Build di HTML to create online terrarium, focus on building layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in Practice | Build di CSS to style di online terrarium, focus on di basics of CSS including making di page responsive | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Build di JavaScript to make di terrarium function as drag/drop interface, focus on closures and 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) | Build a Typing Game | Learn how to use keyboard events to drive di logic of your JavaScript app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Working with Browsers | Learn how browsers work, their history, and how to scaffold di first elements of browser extension | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Build di JavaScript elements of your browser extension to call API using variables wey dem store inside local storage | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Background processes in the browser, web performance | Use di browser background processes to manage di extension’s icon; learn about web performance and some optimizations to make | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | More Advanced Game Development with JavaScript | Learn about Inheritance using both Classes and Composition and di Pub/Sub pattern, to prepare for building game | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Drawing to canvas | Learn about di Canvas API, wey dem dey use to draw elements for screen | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Moving elements around the screen | Discover how elements fit get motion using cartesian coordinates and di Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Collision detection | Make elements collide and react to each other using keypresses and provide cooldown function to make sure say di game perform well | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Keeping score | Perform math calculations based on di game’s status and performance | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Ending and restarting the game | Learn about ending and restarting di game, including cleaning up assets and resetting variable values | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Templates and Routes in a Web App | Learn how to create scaffold of multipage website architecture using routing and HTML templates | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Build a Login and Registration Form | Learn about building forms and handling validation routines | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Methods of Fetching and Using Data | How data dey flow in and out of your app, how to fetch am, store am, and dispose am | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepts of State Management | Learn how your app retain state and how to manage am programmatically | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to Using a code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Working with AI | Learn how to build your own AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogy -Our curriculum design based on two main pedagogy principles: +Our curriculum design get two major pedagogical principles wey dey mind: * project-based learning * frequent quizzes -Di program teach fundamentals of JavaScript, HTML, and CSS, plus di latest tools and techniques wey web developers dey use nowadays. Students go get chance to develop hands-on experience by building typing game, virtual terrarium, eco-friendly browser extension, space-invader style game, plus banking app for business. By di end of di series, students go get solid understanding of web development. - -> 🎓 You fit take di first few lessons for dis curriculum as [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) for Microsoft Learn! +Di program dey teach fundamentals of JavaScript, HTML, and CSS, as well as di latest tools and techniques wey today's web developers dey use. Students go get chance to develop hands-on experience by building typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and banking app for business. By end of di series, students go get solid understanding of web development. -By making sure say di content dey align wit projects, di process go dey more engaging for students and e go help dem hold di concepts well well. We still write some starter lessons for JavaScript basics to introduce concepts dem, plus video from di "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collection of video tutorials, some authors self contribute to dis curriculum. +> 🎓 You fit take di first few lessons inside this curriculum as [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) for Microsoft Learn! -Also, low-stakes quiz before class set student mind for learning topic, while second quiz after class help increase retention. Dis curriculum get flexible design and na fun to use and you fit take am full or just part. Projects start small and dey grow complex by end of di 12-week cycle. +By making sure say content match projects, di process dey more interesting for students and dem go remember di concepts better. We also write some starter lessons for JavaScript basics to introduce concepts, paired with video from "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video tutorials collection, some authors for am help write dis curriculum. -Even though we try avoid introducing JavaScript frameworks so that you fit focus for basic skills wey web developer need before to adopt framework, next good step to complete dis curriculum na to learn Node.js through another video collection call "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Plus, low-stakes quiz before class set student intention to learn topic, while second quiz after class dey help retention. This curriculum design to be flexible and fun and students fit take am all or part. Projects start small and dey increase in complexity by end of 12-week cycle. -> Visit we [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We welcome your constructive feedback! +Even though we purposely no add JavaScript frameworks to focus on basic skills wey web developer need before e start to use framework, the next step after dis curriculum na to learn Node.js using another video collection: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> Visit our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We dey welcome your constructive feedback! ## 🧭 Offline access -You fit run dis documentation offline by using [Docsify](https://docsify.js.org/#/). Fork dis repo, [install Docsify](https://docsify.js.org/#/quickstart) for your local machine, then for di root folder for dis repo, type `docsify serve`. Website go dey serve for port 3000 for your localhost: `localhost:3000`. +You fit run dis documentation offline by using [Docsify](https://docsify.js.org/#/). Fork dis repo, [install Docsify](https://docsify.js.org/#/quickstart) for your local machine, then for di root folder of dis repo, type `docsify serve`. Di website go dey served for port 3000 on your localhost: `localhost:3000`. ## 📘 PDF -You fit find PDF of all di lessons [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +A PDF of all di lessons fit waka find [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 Other Courses +## 🎒 Odda Kurs -Our team dey make oda courses too! Check am out: +Our team dey produce oda kurs dem! Check am out: ### LangChain @@ -245,21 +229,21 @@ Our team dey make oda courses too! Check am out: ## Getting Help -If you jam gbe or get any question about how to build AI apps. Join other learners and beta developers for talk about MCP. Na supportive community wey dey welcome questions and dey share knowledge freely. +If you jam or get any question about how to build AI apps. Join other learners and experienced developers to yan about MCP. Na supportive community wey dey open for questions and wey knowledge dey share freely. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -If you get product feedback or find errors while you dey build, make you visit: +If you get product feedback or error while you dey build, waka go: [![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) ## License -Dis repository get MIT license. See di [LICENSE](../../LICENSE) file for more info. +Dis repository dey licensed under di MIT license. See di [LICENSE](../../LICENSE) file for more info. --- -**Disclaimer**: -Dis document don translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we try make e correct, abeg sabi say automated translations fit get mistakes or wahala. Di original document for im own language na di main correct source. If na serious matter, better make human pro translate am. We no go responsible for any wrong understanding or wrong meaning wey fit show because of dis translation. +**Disclaimer**: +Dis dokument don get translate wit AI translation service wey dem call [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we dey try make am correct, abeg sabi say automated translations fit get mistake or no too correct. Di original dokument wey dey im original language na di true correct source. For important matter dem, e good make professional human translator do am. We no go nor carry any kain blame if person no understand well or if e misinterpret di translation wey we provide. \ No newline at end of file diff --git a/translations/pcm/lesson-template/README.md b/translations/pcm/lesson-template/README.md index 7983209b6d..6b504837e3 100644 --- a/translations/pcm/lesson-template/README.md +++ b/translations/pcm/lesson-template/README.md @@ -1,50 +1,71 @@ -# [Lesson Topic] +# Lesson Topic -![Embed a video here](../../../lesson-template/video-url) +## 🎥 Video -## [Pre-lecture quiz](../../../lesson-template/quiz-url) +> Put wan embedded video or lesson link here. -[Tok say wetin we go learn] +--- + +## Pre-lecture quiz + +> Put quiz link here wen e dey available. + +--- + +Give small overview of wetin students go learn for dis lesson. + +--- ### Introduction -Tok wetin we go cover +Give short introduction wey talk wetin dis lesson go cover. > Notes +--- + ### Prerequisite -Which steps dem suppose don cover before dis lesson? +Make list of concepts or topics wey students suppose sabi before dem start dis lesson. + +--- ### Preparation -Steps to take before you start dis lesson +Make list of any setup steps or tools wey dem need before dem start the lesson. --- -[Step through content in blocks] +### Content + +Go through the lesson content in organized sections. + +--- -## [Topic 1] +## Topic 1 ### Task: -Make una work together make una dey improve your codebase small small to fit build the project with shared code: +Work together to dey improve your codebase step by step to fit build the project with shared code: ```html code blocks ``` -✅ Knowledge Check - use dis time to test students knowledge with open questions +✅ Knowledge Check +Use dis time to test students knowledge wit open-ended questions. -## [Topic 2] +## Topic 2 +## Topic 3 -## [Topic 3] +🚀 Challenge +Add collaborative challenge make students fit improve the project. -🚀 Challenge: Add one challenge make students work on am together for class to improve the project +Optional: Add screenshot of the lesson UI wen e don complete if e good. -Optional: add screenshot of the finished lesson UI if e make sense +## Post-lecture quiz -## [Post-lecture quiz](../../../lesson-template/quiz-url) +Add quiz link here after you don finish the lesson. ## Review & Self Study @@ -53,6 +74,6 @@ Optional: add screenshot of the finished lesson UI if e make sense --- -**Disclaimer**: -Dis document na AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator) wey translate am. Even though we dey try make am correct, abeg sabi say automated translation fit get some mistakes or no too correct. The original document wey e for im own language still be di real source. If na serious matter, make you use professional human translation. We no go responsible for any wahala or misinterpretation wey fit happen from using dis translation. +**Disclaimer**: +Dis document don translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even tho we dey try make am correct, abeg sabi say automated translations fit get mistake or no too clear. Di original document for im own language na di correct tori. For important mata, e better make professional human translation do am. We no go responsible if person missunderstand or misunderstandin show because of dis translation. \ No newline at end of file diff --git a/translations/pl/.co-op-translator.json b/translations/pl/.co-op-translator.json index bf3924ce46..3245680d76 100644 --- a/translations/pl/.co-op-translator.json +++ b/translations/pl/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:40:39+00:00", + "translation_date": "2026-04-24T17:01:42+00:00", "source_file": "AGENTS.md", "language_code": "pl" }, @@ -516,8 +516,8 @@ "language_code": "pl" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:44:55+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T16:56:52+00:00", "source_file": "README.md", "language_code": "pl" }, @@ -564,8 +564,8 @@ "language_code": "pl" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-24T13:48:40+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T16:57:05+00:00", "source_file": "lesson-template/README.md", "language_code": "pl" }, diff --git a/translations/pl/AGENTS.md b/translations/pl/AGENTS.md index 9a43a136e7..26179c8777 100644 --- a/translations/pl/AGENTS.md +++ b/translations/pl/AGENTS.md @@ -1,30 +1,30 @@ # AGENTS.md -## Przegląd Projektu +## Przegląd projektu -To repozytorium edukacyjne służące do nauczania podstaw web developmentu dla początkujących. Program nauczania to kompleksowy 12-tygodniowy kurs opracowany przez Microsoft Cloud Advocates, obejmujący 24 praktyczne lekcje dotyczące JavaScript, CSS i HTML. +To repozytorium kursu edukacyjnego do nauczania podstaw tworzenia stron internetowych dla początkujących. Program nauczania to kompleksowy, 12-tygodniowy kurs opracowany przez Microsoft Cloud Advocates, zawierający 24 praktyczne lekcje obejmujące JavaScript, CSS i HTML. -### Kluczowe Komponenty +### Kluczowe elementy -- **Treści edukacyjne**: 24 ustrukturyzowane lekcje zorganizowane w moduły oparte na projektach -- **Projekty praktyczne**: Terrarium, Gra Typowania, Rozszerzenie przeglądarki, Gra Kosmiczna, Aplikacja Bankowa, Edytor kodu i Asystent czatu AI -- **Interaktywne quizy**: 48 quizów po 3 pytania (oceny przed i po lekcji) -- **Wsparcie wielojęzyczne**: Automatyczne tłumaczenia na 50+ języków za pomocą GitHub Actions -- **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (dla projektów AI) +- **Treści edukacyjne**: 24 uporządkowane lekcje zorganizowane w moduły oparte na projektach +- **Projekty praktyczne**: Terrarium, Gra w Pisanie na Klawiaturze, Rozszerzenie przeglądarki, Gra Kosmiczna, Aplikacja Bankowa, Edytor Kodów i Asystent czatu AI +- **Interaktywne quizy**: 48 quizów po 3 pytania każdy (testy przed i po lekcji) +- **Wsparcie wielojęzyczne**: Automatyczne tłumaczenia na ponad 50 języków dzięki GitHub Actions +- **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (do projektów AI) ### Architektura -- Edukacyjne repozytorium o strukturze opartej na lekcjach -- Każdy folder lekcji zawiera README, przykłady kodu i rozwiązania -- Samodzielne projekty w osobnych katalogach (quiz-app, różne projekty lekcji) +- Edukacyjne repozytorium z strukturą opartą na lekcjach +- Każdy folder lekcji zawiera plik README, przykłady kodu i rozwiązania +- Samodzielne projekty w osobnych katalogach (quiz-app, różne projekty lekcyjne) - System tłumaczeń wykorzystujący GitHub Actions (co-op-translator) - Dokumentacja serwowana przez Docsify i dostępna jako PDF -## Komendy do Ustawienia +## Polecenia konfiguracji -To repozytorium jest głównie do konsumpcji treści edukacyjnych. Do pracy z konkretnymi projektami: +To repozytorium jest przeznaczone głównie do konsumpcji treści edukacyjnych. W celu pracy nad konkretnymi projektami: -### Podstawowa konfiguracja repozytorium +### Konfiguracja głównego repozytorium ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -37,11 +37,11 @@ cd Web-Dev-For-Beginners cd quiz-app npm install npm run dev # Uruchom serwer deweloperski -npm run build # Buduj na produkcję +npm run build # Zbuduj do produkcji npm run lint # Uruchom ESLint ``` -### Bank Project API (Node.js + Express) +### API Projekt Bankowy (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,7 +51,7 @@ npm run lint # Uruchom ESLint npm run format # Sformatuj za pomocą Prettier ``` -### Projekty Rozszerzenia Przeglądarki +### Projekty rozszerzeń przeglądarki ```bash cd 5-browser-extension/solution @@ -67,7 +67,7 @@ npm install # Otwórz index.html w przeglądarce lub użyj Live Server ``` -### Projekt Czat (Backend Python) +### Projekt czatu (backend Python) ```bash cd 9-chat-project/solution/backend/python @@ -76,45 +76,45 @@ pip install openai python api.py ``` -## Przebieg Rozwoju +## Przepływ pracy przy tworzeniu -### Dla wniesienia treści +### Dla osób wnoszących treść -1. **Zrób fork repozytorium** na swoje konto GitHub -2. **Sklonuj swojego forka** lokalnie -3. **Utwórz nową gałąź** na swoje zmiany +1. **Utwórz fork repozytorium** na swoim koncie GitHub +2. **Sklonuj swój fork** lokalnie +3. **Utwórz nową gałąź** dla swoich zmian 4. Wprowadź zmiany w treści lekcji lub przykładach kodu -5. Testuj zmiany kodu w odpowiednich katalogach projektów -6. Prześlij pull requesty zgodnie z wytycznymi contribution +5. Przetestuj zmiany kodu w odpowiednich katalogach projektów +6. Prześlij pull request zgodnie z wytycznymi dotyczącymi wkładu ### Dla uczących się 1. Zrób fork lub sklonuj repozytorium -2. Przechodź przez katalogi lekcji kolejno +2. Przechodź kolejno do folderów lekcji 3. Czytaj pliki README dla każdej lekcji -4. Wykonaj quizy przed lekcjami na https://ff-quizzes.netlify.app/web/ -5. Pracuj z przykładami kodu w folderach lekcji -6. Wykonuj zadania i wyzwania -7. Przejdź quizy po lekcji +4. Wykonaj quizy przed lekcją na https://ff-quizzes.netlify.app/web/ +5. Przerabiaj przykłady kodu w folderach lekcji +6. Wykonaj zadania i wyzwania +7. Zrób quizy po lekcji -### Live Development +### Programowanie na żywo - **Dokumentacja**: Uruchom `docsify serve` w katalogu głównym (port 3000) - **Quiz App**: Uruchom `npm run dev` w katalogu quiz-app - **Projekty**: Użyj rozszerzenia VS Code Live Server dla projektów HTML - **Projekty API**: Uruchom `npm start` w odpowiednich katalogach API -## Instrukcje Testowania +## Instrukcje testowania ### Testowanie Quiz App ```bash cd quiz-app npm run lint # Sprawdź problemy ze stylem kodu -npm run build # Zweryfikuj, czy kompilacja zakończyła się sukcesem +npm run build # Zweryfikuj, czy budowanie powiodło się ``` -### Testowanie Bank API +### Testowanie API Bankowego ```bash cd 7-bank-project/api @@ -124,80 +124,80 @@ node server.js # Sprawdź, czy serwer uruchamia się bez błędów ### Ogólne podejście do testowania -- To repozytorium edukacyjne bez rozbudowanych testów automatycznych -- Testowanie ręczne skupia się na: +- To jest repozytorium edukacyjne bez kompleksowych automatycznych testów +- Testowanie manualne koncentruje się na: - Przykłady kodu działają bez błędów - Linki w dokumentacji działają poprawnie - - Budowy projektów kończą się sukcesem - - Przykłady są zgodne z najlepszymi praktykami + - Budowy projektów przebiegają pomyślnie + - Przykłady stosują najlepsze praktyki -### Kontrole przed wysłaniem +### Sprawdzenia przed wysłaniem -- Uruchom `npm run lint` w katalogach z package.json +- Uruchom `npm run lint` w katalogach zawierających package.json - Sprawdź poprawność linków markdown -- Testuj przykłady kodu w przeglądarce lub Node.js -- Zweryfikuj, że tłumaczenia zachowują właściwą strukturę +- Przetestuj przykłady kodu w przeglądarce lub Node.js +- Sprawdź, czy tłumaczenia zachowują odpowiednią strukturę -## Zasady Stylu Kodu +## Wytyczne dotyczące stylu kodu ### JavaScript - Używaj nowoczesnej składni ES6+ -- Stosuj standardowe konfiguracje ESLint podane w projektach -- Używaj czytelnych nazw zmiennych i funkcji dla jasności edukacyjnej -- Dodawaj komentarze objaśniające koncepcje dla uczących się -- Formatuj przy użyciu Prettier tam, gdzie jest skonfigurowany +- Stosuj standardowe konfiguracje ESLint dostarczone w projektach +- Używaj znaczących nazw zmiennych i funkcji dla jasności edukacyjnej +- Dodawaj komentarze wyjaśniające koncepcje dla uczących się +- Formatuj kod przy pomocy Prettier tam, gdzie jest skonfigurowany ### HTML/CSS - Semantyczne elementy HTML5 -- Zasady projektowania responsywnego -- Jasna konwencja nazewnictwa klas -- Komentarze objaśniające techniki CSS dla uczących +- Zasady responsywnego projektowania +- Jasne konwencje nazywania klas +- Komentarze wyjaśniające techniki CSS dla uczniów ### Python -- Zasady stylu PEP 8 +- Wytyczne stylu PEP 8 - Jasne, edukacyjne przykłady kodu -- Adnotacje typów tam, gdzie pomagają w nauce +- Wskazówki typów tam, gdzie pomocne dla nauki -### Dokumentacja w Markdown +### Dokumentacja Markdown - Jasna hierarchia nagłówków - Bloki kodu z określeniem języka - Linki do dodatkowych zasobów -- Zrzuty ekranów i obrazy w katalogach `images/` -- Tekst alternatywny dla obrazów dla dostępności +- Zrzuty ekranu i obrazy w katalogach `images/` +- Teksty alternatywne dla obrazów dla dostępności -### Organizacja Plików +### Organizacja plików -- Lekcje numerowane kolejno (1-getting-started-lessons, 2-js-basics, itd.) -- Każdy projekt posiada katalogi `solution/` oraz często `start/` lub `your-work/` +- Lekcje ponumerowane kolejno (1-getting-started-lessons, 2-js-basics itd.) +- Każdy projekt ma katalog `solution/` i często `start/` lub `your-work/` - Obrazy przechowywane w folderach `images/` specyficznych dla lekcji - Tłumaczenia w strukturze `translations/{language-code}/` -## Budowa i Wdrożenie +## Kompilacja i wdrożenie ### Wdrożenie Quiz App (Azure Static Web Apps) -Quiz-app jest skonfigurowany do wdrożenia na Azure Static Web Apps: +quiz-app jest skonfigurowany do wdrożenia jako Azure Static Web Apps: ```bash cd quiz-app npm run build # Tworzy folder dist/ -# Wdraża za pomocą workflow GitHub Actions przy pushu do gałęzi main +# Wdraża za pomocą workflow GitHub Actions przy pushu do main ``` Konfiguracja Azure Static Web Apps: - **Lokalizacja aplikacji**: `/quiz-app` -- **Lokalizacja outputu**: `dist` +- **Lokalizacja wyjściowa**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Generowanie dokumentacji PDF ```bash npm install # Zainstaluj docsify-to-pdf -npm run convert # Wygeneruj plik PDF z docs +npm run convert # Wygeneruj PDF z docs ``` ### Dokumentacja Docsify @@ -207,76 +207,76 @@ npm install -g docsify-cli # Zainstaluj Docsify globalnie docsify serve # Serwuj na localhost:3000 ``` -### Budowy specyficzne dla projektów +### Budowy specyficzne dla projektu Każdy katalog projektu może mieć własny proces budowy: -- Projekty Vue: `npm run build` tworzy produkcyjne bundlery -- Projekty statyczne: brak kroku budowania, serwuj pliki bezpośrednio +- Projekty Vue: `npm run build` tworzy pakiety produkcyjne +- Projekty statyczne: brak kroku budowy, serwuj pliki bezpośrednio -## Wytyczne dla Pull Requestów +## Wytyczne dotyczące pull requestów ### Format tytułu Używaj jasnych, opisowych tytułów wskazujących obszar zmian: - `[Quiz-app] Dodaj nowy quiz do lekcji X` - `[Lesson-3] Popraw literówkę w projekcie terrarium` -- `[Translation] Dodaj tłumaczenie na hiszpański dla lekcji 5` +- `[Translation] Dodaj tłumaczenie na hiszpański do lekcji 5` - `[Docs] Aktualizuj instrukcje konfiguracji` ### Wymagane kontrole -Przed wysłaniem PR: +Przed złożeniem PR: 1. **Jakość kodu**: - - Uruchom `npm run lint` w katalogach projektów - - Napraw wszystkie błędy i ostrzeżenia lintingu + - Uruchom `npm run lint` w dotkniętych katalogach projektów + - Napraw wszystkie błędy i ostrzeżenia lint -2. **Weryfikacja builda**: +2. **Weryfikacja budowy**: - Uruchom `npm run build` jeśli dotyczy - Upewnij się, że brak błędów budowania 3. **Walidacja linków**: - - Testuj wszystkie linki markdown - - Sprawdź działanie odwołań do obrazów + - Przetestuj wszystkie linki w markdown + - Zweryfikuj działanie odwołań do obrazów -4. **Przegląd zawartości**: - - Korekta ortografii i gramatyki - - Upewnij się, że przykłady kodu są poprawne i edukacyjne - - Sprawdź, czy tłumaczenia zachowują oryginalne znaczenie +4. **Przegląd treści**: + - Korekta pod względem ortografii i gramatyki + - Sprawdzenie, czy przykłady kodu są poprawne i edukacyjne + - Weryfikacja tłumaczeń pod kątem zachowania oryginalnego znaczenia ### Wymagania dotyczące wkładu -- Zgoda na Microsoft CLA (automatyczna kontrola przy pierwszym PR) -- Przestrzeganie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Szczegółowe wytyczne w [CONTRIBUTING.md](./CONTRIBUTING.md) -- W referencji do PR podaj numery zgłoszeń, jeśli dotyczy +- Zgoda na Microsoft CLA (automatyczne sprawdzenie przy pierwszym PR) +- Stosowanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Zapoznaj się z [CONTRIBUTING.md](./CONTRIBUTING.md) dla szczegółowych wskazówek +- Odnoś się do numerów issue w opisie PR, jeśli dotyczy ### Proces przeglądu -- PRy recenzowane przez opiekunów i społeczność -- Priorytetem jest jasność edukacyjna -- Przykłady kodu powinny korzystać z aktualnych najlepszych praktyk -- Tłumaczenia sprawdzane pod kątem dokładności i odpowiedniości kulturowej +- PR poddawane recenzji przez opiekunów i społeczność +- Priorytet na jasność edukacyjną +- Przykłady kodu powinny stosować aktualne najlepsze praktyki +- Tłumaczenia weryfikowane pod kątem dokładności i odpowiedniości kulturowej -## System Tłumaczeń +## System tłumaczeń -### Automatyczne tłumaczenie +### Automatyczne tłumaczenia - Wykorzystuje GitHub Actions z workflow co-op-translator -- Automatyczne tłumaczenie na ponad 50 języków +- Automatycznie tłumaczy na ponad 50 języków - Pliki źródłowe w głównych katalogach -- Pliki tłumaczeń w katalogach `translations/{language-code}/` +- Przetłumaczone pliki w katalogach `translations/{language-code}/` -### Dodawanie ręcznych poprawek tłumaczeń +### Dodawanie ręcznych ulepszeń tłumaczeń -1. Znajdź plik w `translations/{language-code}/` -2. Dokonaj poprawek zachowując strukturę -3. Upewnij się, że przykłady kodu działają -4. Testuj wszelkie zlokalizowane treści quizowe +1. Zlokalizuj plik w `translations/{language-code}/` +2. Wprowadź poprawki, zachowując strukturę +3. Upewnij się, że przykłady kodu pozostają funkcjonalne +4. Przetestuj lokalizowane treści quizów ### Metadane tłumaczenia -Pliki przetłumaczone zawierają nagłówek metadanych: +Przetłumaczone pliki zawierają nagłówek metadanych: ```markdown ``` -## Debugowanie i Rozwiązywanie Problemów +## Debugowanie i rozwiązywanie problemów -### Najczęstsze problemy +### Częste problemy -**Quiz app nie startuje**: -- Sprawdź wersję Node.js (zalecana v14+) -- Usuń `node_modules` i `package-lock.json`, uruchom ponownie `npm install` +**Quiz app nie uruchamia się**: +- Sprawdź wersję Node.js (zalecane v14+) +- Usuń `node_modules` i `package-lock.json`, potem uruchom ponownie `npm install` - Sprawdź konflikty portów (domyślnie Vite używa portu 5173) -**Serwer API nie uruchamia się**: +**Serwer API nie startuje**: - Sprawdź, czy wersja Node.js spełnia minimum (node >=10) -- Sprawdź, czy port nie jest już zajęty -- Upewnij się, że wszystkie zależności zainstalowane `npm install` +- Sprawdź, czy port nie jest zajęty +- Upewnij się, że wszystkie zależności zainstalowane przez `npm install` **Rozszerzenie przeglądarki się nie ładuje**: -- Sprawdź poprawność manifest.json -- Sprawdź konsolę przeglądarki pod kątem błędów -- Postępuj zgodnie z instrukcjami instalacji rozszerzeń specyficznych dla przeglądarki +- Sprawdź, czy manifest.json jest poprawnie sformatowany +- Sprawdź błędy w konsoli przeglądarki +- Postępuj zgodnie z instrukcjami instalacji dla danej przeglądarki -**Problemy z projektem czatu w Pythonie**: +**Problemy z projektem czatu Python**: - Upewnij się, że pakiet OpenAI jest zainstalowany: `pip install openai` - Sprawdź, czy zmienna środowiskowa GITHUB_TOKEN jest ustawiona - Zweryfikuj uprawnienia dostępu do GitHub Models -**Docsify nie serwuje dokumentów**: +**Docsify nie serwuje dokumentacji**: - Zainstaluj docsify-cli globalnie: `npm install -g docsify-cli` -- Uruchom z katalogu root repozytorium -- Sprawdź, czy istnieje `docs/_sidebar.md` +- Uruchom z katalogu głównego repozytorium +- Sprawdź, czy istnieje plik `docs/_sidebar.md` -### Wskazówki dotyczące środowiska programistycznego +### Wskazówki dotyczące środowiska deweloperskiego - Używaj VS Code z rozszerzeniem Live Server dla projektów HTML -- Zainstaluj rozszerzenia ESLint i Prettier dla spójnego formatowania -- Korzystaj z DevTools przeglądarki do debugowania JavaScript -- Dla projektów Vue zainstaluj rozszerzenie Vue DevTools do przeglądarki +- Zainstaluj rozszerzenia ESLint i Prettier dla jednolitego formatowania +- Korzystaj z narzędzi developerskich przeglądarki do debugowania JavaScript +- Dla projektów Vue zainstaluj Vue DevTools jako rozszerzenie przeglądarki -### Względy wydajnościowe +### Wydajność -- Duża liczba plików tłumaczeń (50+ języków) powoduje duże klony -- Używaj płytkiego klonu jeśli pracujesz tylko nad treścią: `git clone --depth 1` -- Wyklucz tłumaczenia z wyszukiwań podczas pracy nad angielską wersją +- Duża liczba przetłumaczonych plików (ponad 50 języków) powoduje duże klony repozytorium +- Używaj płytkiego klonowania, jeśli pracujesz tylko na treści: `git clone --depth 1` +- Wyłącz tłumaczenia z wyszukiwania podczas pracy nad angielską wersją - Procesy budowania mogą być wolne przy pierwszym uruchomieniu (npm install, build Vite) -## Aspekty Bezpieczeństwa +## Aspekty bezpieczeństwa ### Zmienne środowiskowe -- Klucze API nie powinny być nigdy commitowane do repozytorium +- Klucze API nigdy nie powinny być zapisywane w repozytorium - Używaj plików `.env` (już w `.gitignore`) -- Udokumentuj wymagane zmienne środowiskowe w README projektów +- Dokumentuj wymagane zmienne środowiskowe w README projektów ### Projekty Python - Używaj wirtualnych środowisk: `python -m venv venv` -- Aktualizuj zależności na bieżąco -- Tokenty GitHub powinny mieć minimalne wymagane uprawnienia +- Aktualizuj zależności +- Tokeny GitHub powinny mieć minimalne wymagane uprawnienia ### Dostęp do GitHub Models -- Personal Access Tokens (PAT) wymagane do GitHub Models -- Tokenty powinny być przechowywane jako zmienne środowiskowe -- Nigdy nie commituj tokenów ani danych uwierzytelniających +- Wymagane są Personal Access Tokens (PAT) do modeli GitHub +- Tokeny przechowuj jako zmienne środowiskowe +- Nigdy nie commituj tokenów ani poświadczeń -## Dodatkowe Uwagi +## Dodatkowe uwagi ### Grupa docelowa -- Całkowici początkujący w web developmencie +- Kompletnie początkujący w tworzeniu stron internetowych - Studenci i samoucy -- Nauczyciele korzystający z programu w klasie -- Treść zaprojektowana z myślą o dostępności i stopniowym rozwoju umiejętności +- Nauczyciele wykorzystujący program nauczania na zajęciach +- Treści zaprojektowane z uwzględnieniem dostępności i stopniowego rozwoju umiejętności ### Filozofia edukacyjna -- Nauka oparta na projektach +- Podejście oparte na projektach - Częste sprawdzanie wiedzy (quizy) - Praktyczne ćwiczenia kodowania - Przykłady zastosowań w realnym świecie -- Skupienie na podstawach przed frameworkami +- Skupienie na fundamentach przed frameworkami ### Utrzymanie repozytorium - Aktywna społeczność uczących się i współtwórców - Regularne aktualizacje zależności i treści -- Monitorowane zgłoszenia i dyskusje przez opiekunów -- Automatyczne aktualizacje tłumaczeń przez GitHub Actions +- Monitorowanie zgłoszeń i dyskusji przez opiekunów +- Aktualizacje tłumaczeń automatyzowane przez GitHub Actions ### Powiązane zasoby - [Moduły Microsoft Learn](https://docs.microsoft.com/learn/) - [Zasoby Student Hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) rekomendowane dla uczących się +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) polecany dla uczących się - Dodatkowe kursy: Generative AI, Data Science, ML, IoT dostępne ### Praca z konkretnymi projektami -Dla szczegółowych instrukcji dot. poszczególnych projektów zobacz pliki README w: +Szczegółowe instrukcje dotyczące poszczególnych projektów znajdują się w plikach README: - `quiz-app/README.md` - aplikacja quizowa Vue 3 -- `7-bank-project/README.md` - aplikacja bankowa z autentykacją -- `5-browser-extension/README.md` - rozwój rozszerzenia przeglądarki -- `6-space-game/README.md` - rozwój gry na canvasie +- `7-bank-project/README.md` - aplikacja bankowa z uwierzytelnianiem +- `5-browser-extension/README.md` - rozwój rozszerzeń przeglądarki +- `6-space-game/README.md` - tworzenie gry na Canvas - `9-chat-project/README.md` - projekt asystenta czatu AI -### Struktura Monorepo +### Struktura monorepo -Chociaż to nie jest tradycyjne monorepo, repozytorium zawiera wiele niezależnych projektów: -- Każda lekcja jest autonomiczna -- Projekty nie dzielą zależności -- Pracuj nad pojedynczymi projektami bez wpływu na inne -- Sklonuj całe repo dla pełnego doświadczenia kursu +Chociaż nie jest to tradycyjne monorepo, to repozytorium zawiera wiele niezależnych projektów: +- Każda lekcja jest samodzielna +- Projekty nie współdzielą zależności +- Pracuj nad poszczególnymi projektami nie wpływając na inne +- Sklonuj całe repozytorium, aby przejść cały kurs --- -**Zastrzeżenie**: -Niniejszy dokument został przetłumaczony przy użyciu usługi tłumaczeń AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż dążymy do dokładności, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w języku źródłowym powinien być uważany za źródło autorytatywne. W przypadku istotnych informacji zaleca się profesjonalne tłumaczenie przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. +**Zastrzeżenie**: +Niniejszy dokument został przetłumaczony przy użyciu usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż staramy się zapewnić dokładność, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego rodzimym języku powinien być uważany za źródło autorytatywne. W przypadku informacji krytycznych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. \ No newline at end of file diff --git a/translations/pl/README.md b/translations/pl/README.md index d91e58e9d0..b7fbd78a88 100644 --- a/translations/pl/README.md +++ b/translations/pl/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Web Development for Beginners - Program nauczania +# Programowanie stron internetowych dla początkujących - Program nauczania -Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu, kompleksowemu kursowi prowadzonemu przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML za pomocą praktycznych projektów, takich jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Weź udział w quizach, dyskusjach oraz praktycznych zadaniach. Doskonal swoje umiejętności i zoptymalizuj przyswajanie wiedzy dzięki naszej skutecznej, projektowej metodzie nauczania. Rozpocznij swoją podróż z kodowaniem już dziś! +Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu, kompleksowemu kursowi prowadzonemu przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML poprzez praktyczne projekty, takie jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Angażuj się w quizy, dyskusje i praktyczne zadania. Rozwijaj swoje umiejętności i optymalizuj zapamiętywanie wiedzy dzięki naszej efektywnej, opartej na projektach metodyce nauczania. Rozpocznij swoją przygodę z programowaniem już dziś! -Dołącz do społeczności Azure AI Foundry Discord +Dołącz do Discorda Azure AI Foundry i poznaj ekspertów oraz innych programistów. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Postępuj zgodnie z poniższymi krokami, aby rozpocząć korzystanie z tych zasobów: -1. **Utwórz forka repozytorium**: Kliknij [![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. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Dołącz do Azure AI Foundry Discord i poznaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4) +Wykonaj te kroki, aby zacząć korzystać z tych zasobów: +1. **Rozgałęź Repozytorium**: Kliknij [![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. **Sklonuj Repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Dołącz do Discorda Azure AI Foundry i poznaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Wsparcie wielu języków +### 🌐 Wsparcie wielojęzyczne -#### Obsługiwane przez GitHub Action (automatyczne i zawsze aktualne) +#### Wspierane przez GitHub Action (Automatyczne i zawsze aktualne) [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) | [Khmer](../km/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](./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](../es/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) > **Wolisz klonować lokalnie?** > -> To repozytorium zawiera tłumaczenia na ponad 50 języków, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj sparsowanego checkout: +> To repozytorium zawiera ponad 50 tłumaczeń językowych, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,167 +48,167 @@ Postępuj zgodnie z poniższymi krokami, aby rozpocząć korzystanie z tych zaso > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> To zapewni Ci wszystko, czego potrzebujesz, aby ukończyć kurs, przy znacznie szybszym pobieraniu. +> To zapewni Ci wszystko, co potrzebne do ukończenia kursu, z dużo szybszym pobieraniem. -**Jeśli chcesz, aby obsługiwane były dodatkowe języki tłumaczeń, są one wymienione [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Jeśli chcesz mieć dodatkowe tłumaczenia, obsługiwane języki są wymienione tutaj. [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Jesteś studentem?_ -Odwiedź [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz zasoby dla początkujących, pakiety studenckie oraz sposoby na zdobycie darmowego vouchera na certyfikat. To jest strona, którą warto dodać do zakładek i regularnie odwiedzać, ponieważ co miesiąc zmieniamy zawartość. +Odwiedź stronę [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a także sposoby na uzyskanie bezpłatnego vouchera na certyfikat. To strona, którą warto dodać do ulubionych i odwiedzać regularnie, ponieważ co miesiąc aktualizujemy zawartość. -### 📣 Ogłoszenie - Nowe wyzwania z trybu agenta GitHub Copilot do wykonania! +### 📣 Ogłoszenie - Nowe wyzwania w trybie GitHub Copilot Agent do wykonania! -Dodano nowe wyzwanie, znajdziesz je pod nazwą "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie do wykonania za pomocą GitHub Copilot i trybu agenta. Jeśli nie korzystałeś wcześniej z trybu agenta, umożliwia on nie tylko generowanie tekstu, ale także tworzenie i edytowanie plików, uruchamianie poleceń i wiele więcej. +Dodano nowe wyzwanie, szukaj "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie dla Ciebie do wykonania z użyciem GitHub Copilot i trybu Agent. Jeśli wcześniej nie korzystałeś z trybu Agent, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i więcej. -### 📣 Ogłoszenie - _Nowy projekt do zbudowania z wykorzystaniem sztucznej inteligencji generatywnej_ +### 📣 Ogłoszenie - _Nowy projekt do zbudowania z użyciem Generative AI_ -Dodano nowy projekt AI Assistant, sprawdź go [projekt](./9-chat-project/README.md) +Nowy projekt asystenta AI właśnie dodany, sprawdź [projekt](./9-chat-project/README.md) -### 📣 Ogłoszenie - _Nowy program nauczania_ o Generatywnej AI dla JavaScript został właśnie wydany +### 📣 Ogłoszenie - _Nowy program nauczania_ dotyczący Generative AI dla JavaScript właśnie został wydany -Nie przegap naszego nowego programu nauczania Generatywnej AI! +Nie przegap naszego nowego programu nauczania Generative AI! Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć! ![Background](../../translated_images/pl/background.148a8d43afde5730.webp) -- Lekcje obejmujące wszystko od podstaw po RAG. -- Interakcja z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej. -- Zabawna i angażująca narracja, będziesz podróżować w czasie! +- Lekcje obejmujące wszystko, od podstaw po RAG. +- Interakcja z postaciami historycznymi z wykorzystaniem GenAI i naszej aplikacji towarzyszącej. +- Zabawa i angażująca narracja, będziesz podróżować w czasie! ![character](../../translated_images/pl/character.5c0dd8e067ffd693.webp) -Każda lekcja zawiera zadanie do wykonania, sprawdzian wiedzy i wyzwanie, które pomogą Ci nauczyć się takich tematów jak: -- Promptowanie i inżynieria promptów +Każda lekcja zawiera zadanie do wykonania, sprawdzenie wiedzy oraz wyzwanie, które poprowadzą Cię w nauce zagadnień takich jak: +- Tworzenie promptów i inżynieria promptów - Generowanie aplikacji tekstowych i obrazkowych -- Aplikacje wyszukujące +- Aplikacje do wyszukiwania Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć! -## 🌱 Rozpoczynamy +## 🌱 Rozpoczęcie -> **Nauczyciele**, zamieściliśmy [kilka sugestii](for-teachers.md) dotyczących korzystania z tego programu nauczania. Chętnie poznamy Wasze opinie [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Nauczyciele**, przygotowaliśmy [kilka sugestii](for-teachers.md) dotyczących korzystania z tego programu nauczania. Chętnie usłyszymy Waszą opinię [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Uczący się](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, na każdą lekcję zacznij od quizu przed wykładem, potem zapoznaj się z materiałem wykładowym, wykonuj różne aktywności i sprawdź swoją wiedzę przy pomocy quizu po wykładzie. +**[Uczniowie](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, na każdą lekcję zacznij od quizu przed wykładem, następnie przeczytaj materiał, wykonaj różne aktywności i sprawdź swoje zrozumienie w quizie po wykładzie. -Aby wzbogacić swoje doświadczenie edukacyjne, połącz się z rówieśnikami, aby wspólnie pracować nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie zespół moderatorów będzie dostępny, by odpowiadać na pytania. +Aby zwiększyć efektywność nauki, współpracuj ze swoimi kolegami nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie zespół moderatorów będzie dostępny, aby odpowiedzieć na Twoje pytania. -Aby poszerzyć swoją edukację, gorąco polecamy eksplorację [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) w celu zdobycia dodatkowych materiałów do nauki. +Aby pogłębić swoją edukację, zdecydowanie polecamy eksplorację [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) dla dodatkowych materiałów do nauki. ### 📋 Konfiguracja środowiska -Ten program nauczania ma gotowe środowisko programistyczne! Na początku możesz wybrać uruchomienie kursu w [Codespace](https://github.com/features/codespaces/) (_środowisko działające w przeglądarce, bez potrzeby instalacji_), albo lokalnie na swoim komputerze, używając edytora tekstu takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ten program nauczania ma gotowe środowisko deweloperskie! Na start możesz wybrać uruchomienie programu w [Codespace](https://github.com/features/codespaces/) (_środowisku przeglądarkowym, bez potrzeby instalacji_) lub lokalnie na swoim komputerze, używając edytora tekstu takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Utwórz własne repozytorium -Aby łatwo zapisywać swoją pracę, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** na górze strony. Utworzy to nowe repozytorium na Twoim koncie GitHub z kopią kursu. +Aby wygodnie zapisywać swoje postępy, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** u góry strony. Utworzy to nowe repozytorium na Twoim koncie GitHub z kopią programu nauczania. -Wykonaj następujące kroki: -1. **Utwórz forka repozytorium**: Kliknij przycisk "Fork" w prawym górnym rogu tej strony. -2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Wykonaj te kroki: +1. **Rozgałęź Repozytorium**: Kliknij przycisk "Fork" w prawym górnym rogu tej strony. +2. **Sklonuj Repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Uruchamianie kursu w Codespace +#### Uruchamianie programu w Codespace -W swojej kopii repozytorium kliknij przycisk **Code** i wybierz **Open with Codespaces**. To utworzy nowy Codespace do pracy. +W swojej kopii repozytorium kliknij przycisk **Code** i wybierz **Open with Codespaces**. Utworzy to nowe środowisko Codespace do pracy. ![Codespace](../../translated_images/pl/createcodespace.0238bbf4d7a8d955.webp) -#### Uruchamianie kursu lokalnie na komputerze +#### Uruchamianie programu lokalnie na komputerze -Aby uruchomić kurs lokalnie na komputerze, potrzebujesz edytora tekstu, przeglądarki i narzędzia wiersza poleceń. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi pracy](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi Cię przez różne opcje dla każdego z tych narzędzi, abyś mógł wybrać te, które najlepiej Ci odpowiadają. +Aby uruchomić program lokalnie na swoim komputerze, potrzebujesz edytora tekstu, przeglądarki i narzędzia wiersza polecenia. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi Cię przez różne opcje tych narzędzi, abyś mógł wybrać to, co Ci najbardziej odpowiada. -Naszą rekomendacją jest użycie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który zawiera również wbudowany [terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code możesz pobrać [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Zalecamy używanie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który posiada wbudowany [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code możesz pobrać [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). 1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić, klikając przycisk **Code** i kopiując URL: [CodeSpace](./images/createcodespace.png) - Następnie otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zamieniając `` na skopiowany wcześniej URL: + Następnie otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zamieniając `` na URL, który właśnie skopiowałeś: ```bash git clone ``` -2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **File** > **Open Folder** i wybierając właśnie sklonowany folder. +2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **File** > **Open Folder** i wybierając folder, który właśnie sklonowałeś. -> Polecane rozszerzenia Visual Studio Code: +> Zalecane rozszerzenia Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - do podglądu stron HTML w Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aby pomóc Ci szybciej pisać kod ## 📂 Każda lekcja zawiera: -- opcjonalną notatkę szkicową -- opcjonalny film uzupełniający +- opcjonalną sketchnotkę +- opcjonalne dodatkowe wideo - quiz rozgrzewkowy przed lekcją -- lekcję pisaną -- w lekcjach projektowych, przewodniki krok po kroku jak zbudować projekt -- kontrole wiedzy +- pisemną lekcję +- w lekcjach projektowych, instrukcje krok po kroku, jak zbudować projekt +- sprawdziany wiedzy - wyzwanie - dodatkową lekturę - zadanie domowe - [quiz po lekcji](https://ff-quizzes.netlify.app/web/) -> **Notatka o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/), aplikacja quizowa może być uruchomiona lokalnie lub wdrożona w Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`. +> **Informacja o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/). Aplikację quizu można uruchomić lokalnie lub wdrożyć na Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`. ## 🗃️ Lekcje -| | Nazwa Projektu | Wprowadzone Pojęcia | Cele Nauki | Powiązana Lekcja | Autor | -| :-: | :--------------------------------------------------------: | :----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Wstęp do programowania i narzędzi pracy | Poznaj podstawowe założenia większości języków programowania oraz oprogramowanie wspomagające pracę profesjonalnych developerów | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | Podstawy GitHub, w tym praca zespołowa | Jak korzystać z GitHub w projekcie oraz jak współpracować z innymi nad bazą kodu | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Dostępność | Naucz się podstaw dostępności stron internetowych | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | Typy danych w JavaScript | Podstawy typów danych w JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funkcje i metody | Poznaj funkcje i metody do zarządzania logiką aplikacji | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | Podejmowanie decyzji w JS | Naucz się tworzyć warunki w swoim kodzie za pomocą metod podejmowania decyzji | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Tablice i pętle | Pracuj z danymi używając tablic i pętli w JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML w praktyce | Zbuduj HTML tworzący terrarium online, skupiając się na budowie układu | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS w praktyce | Zbuduj CSS stylizujący terrarium online, skupiając się na podstawach CSS oraz responsywności strony | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Domknięcia JavaScript, manipulacja DOM | Zbuduj JavaScript, który sprawi, że terrarium będzie działać jako interfejs drag/drop, skupiając się na domknięciach i manipulacji DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Budowanie gry w pisanie | Naucz się wykorzystywać zdarzenia klawiatury do sterowania logiką aplikacji JavaScript | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Praca z przeglądarkami | Naucz się jak działają przeglądarki, poznaj ich historię i jak tworzyć szkielety elementów rozszerzeń przeglądarki | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tworzenie formularzy, wywoływanie API i przechowywanie zmiennych w local storage | Stwórz elementy JavaScript w rozszerzeniu do przeglądarki, aby wywoływać API używając zmiennych przechowywanych lokalnie | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesy w tle w przeglądarce, wydajność witryn webowych | Wykorzystaj procesy w tle przeglądarki do zarządzania ikoną rozszerzenia; poznaj wydajność stron oraz optymalizacje | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Zaawansowany development gier w JavaScript | Poznaj dziedziczenie przy użyciu klas i kompozycji oraz wzorzec Pub/Sub, przygotowując się do budowy gry | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Rysowanie na canvas | Poznaj API Canvas, wykorzystywane do rysowania elementów na ekranie | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Przemieszczanie elementów | Odkryj, jak elementy mogą się poruszać korzystając ze współrzędnych kartezjańskich i API Canvas | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Wykrywanie kolizji | Spraw, by elementy się zderzały i reagowały na siebie przy pomocy naciśnięć klawiszy, dodaj funkcję cooldown dla wydajności gry | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Liczenie punktów | Wykonuj obliczenia matematyczne bazujące na stanie i wydajności gry | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Zakończenie i ponowne uruchomienie gry | Naucz się kończyć i restartować grę, w tym sprzątać zasoby i resetować zmienne | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Szablony HTML i routingi w aplikacji webowej | Naucz się tworzyć szkielet architektury wielostronicowej strony internetowej używając routingu i szablonów HTML | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Tworzenie formularza logowania i rejestracji | Naucz się tworzyć formularze i obsługiwać rutyny walidacji | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metody pobierania i używania danych | Jak dane przepływają do i z aplikacji, jak je pobierać, przechowywać i usuwać | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepcje zarządzania stanem | Naucz się, jak Twoja aplikacja przechowuje stan i jak nim zarządzać programistycznie | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Praca z VScode | Naucz się korzystać z edytora kodu | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Praca z SI | Naucz się tworzyć własnego asystenta AI | [AI Assistant project](./9-chat-project/README.md) | Chris | +| | Nazwa projektu | Omawiane zagadnienia | Cele nauki | Powiązana lekcja | Autor | +| :-: | :---------------------------------------------------------: | :--------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Rozpoczynamy | Wprowadzenie do programowania i narzędzia pracy | Poznaj podstawy większości języków programowania oraz oprogramowanie, które pomaga profesjonalnym programistom w ich pracy | [Wprowadzenie do języków programowania i narzędzi pracy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Rozpoczynamy | Podstawy GitHub, w tym praca zespołowa | Jak korzystać z GitHub w projekcie, jak współpracować z innymi nad bazą kodu | [Wprowadzenie do GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Rozpoczynamy | Dostępność | Nauka podstaw dostępności sieci web | [Podstawy dostępności](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Podstawy JS | Typy danych w JavaScript | Podstawy typów danych w JavaScript | [Typy danych](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Podstawy JS | Funkcje i metody | Nauka o funkcjach i metodach do zarządzania przepływem logiki aplikacji | [Funkcje i metody](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher | +| 06 | Podstawy JS | Podejmowanie decyzji w JS | Nauka tworzenia warunków w kodzie za pomocą metod podejmowania decyzji | [Podejmowanie decyzji](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Podstawy JS | Tablice i pętle | Praca z danymi za pomocą tablic i pętli w JavaScript | [Tablice i pętle](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML w praktyce | Tworzenie HTML do budowy terrarium online, ze szczególnym uwzględnieniem układu strony | [Wprowadzenie do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS w praktyce | Tworzenie CSS do stylizowania terrarium online, ze szczególnym uwzględnieniem podstaw CSS i responsywności strony | [Wprowadzenie do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulacja DOM | Tworzenie JavaScript do funkcji terrarium jako interfejs przeciągania i upuszczania, skupiając się na closures i manipulacji DOM | [JavaScript Closures, manipulacja DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Tworzenie gry pisania | Nauka korzystania z zdarzeń klawiatury do sterowania logiką aplikacji JavaScript | [Programowanie zdarzeniowe](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Praca z przeglądarkami | Poznaj działanie przeglądarek, ich historię i szkicuj pierwsze elementy rozszerzenia przeglądarki | [O przeglądarkach](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Budowa formularza, wywoływanie API i przechowywanie zmiennych lokalnie | Tworzenie elementów JavaScript rozszerzenia przeglądarki do wywołania API z wykorzystaniem zmiennych przechowywanych lokalnie | [API, formularze i lokalne przechowywanie](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesy w tle przeglądarki, wydajność webowa | Wykorzystanie procesów w tle przeglądarki do zarządzania ikoną rozszerzenia; nauka o wydajności webowej i optymalizacjach jej działania | [Procesy w tle i wydajność](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Bardziej zaawansowany rozwój gier w JavaScript | Nauka o dziedziczeniu z wykorzystaniem klas i kompozycji oraz wzorca Pub/Sub, do budowy gry | [Wprowadzenie do zaawansowanego tworzenia gier](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Rysowanie na kanwie | Poznanie Canvas API, używanego do rysowania elementów na ekranie | [Rysowanie na kanwie](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Poruszanie elementami po ekranie | Odkrywanie, jak elementy mogą zyskać ruch, korzystając z układu kartezjańskiego i Canvas API | [Poruszanie elementów](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Wykrywanie kolizji | Spraw, aby elementy kolidowały i reagowały na siebie z użyciem naciśnięć klawiszy oraz funkcji przerwy, zapewniając wydajność gry | [Wykrywanie kolizji](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Liczenie punktów | Wykonuj obliczenia matematyczne na podstawie statusu i wydajności gry | [Liczenie punktów](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Kończenie i restartowanie gry | Nauka zakończenia i restartowania gry, w tym sprzątania zasobów i resetowania wartości zmiennych | [Warunek zakończenia](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | Szablony HTML i trasy w aplikacji webowej | Nauka jak stworzyć szkielet architektury wielostronicowej strony internetowej za pomocą routingu i szablonów HTML | [Szablony HTML i trasy](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Budowa formularza logowania i rejestracji | Nauka budowy formularzy i obsługi mechanizmów walidacji | [Formularze](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Metody pobierania i używania danych | Jak dane przepływają do aplikacji i z niej, jak je pobierać, przechowywać i usuwać | [Dane](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepcje zarządzania stanem | Nauka, jak aplikacja przechowuje stan i jak nim zarządzać programowo | [Zarządzanie stanem](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Praca z VScode | Nauka korzystania z edytora kodu | [Korzystanie z edytora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Praca z AI | Nauka budowy własnego asystenta AI | [Projekt asystenta AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogika Nasz program nauczania opiera się na dwóch kluczowych zasadach pedagogicznych: -* nauka przez projekty +* nauka oparta na projektach * częste quizy -Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik używanych przez współczesnych twórców stron internetowych. Uczniowie będą mieli okazję zdobyć praktyczne doświadczenie, budując grę pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu najeźdźców kosmicznych oraz aplikację bankową dla firm. Pod koniec serii uczniowie zdobędą solidną wiedzę na temat tworzenia stron internetowych. +Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik używanych przez współczesnych web developerów. Uczestnicy będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę do pisania, wirtualne terrarium, ekologiczne rozszerzenie do przeglądarki, grę w stylu Space Invader oraz aplikację bankowości dla firm. Po zakończeniu serii uczniowie zyskają solidne podstawy tworzenia stron internetowych. -> 🎓 Możesz rozpocząć od kilku pierwszych lekcji tego programu nauczania jako [ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! +> 🎓 Możesz zacząć od kilku pierwszych lekcji tego programu jako [Ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -Dzięki zapewnieniu, że zawartość jest zgrana z projektami, proces nauki jest bardziej angażujący dla uczniów, a utrwalenie koncepcji zostaje zwiększone. Przygotowaliśmy również kilka wprowadzających lekcji z podstaw JavaScript, uzupełnionych filmem z serii "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", której autorzy przyczynili się do tego programu. +Zapewniając zgodność treści z projektami, proces nauki jest dla uczniów bardziej angażujący, a utrwalenie pojęć zostaje wzmocnione. Napisaliśmy również kilka lekcji startowych z podstaw JavaScript, aby wprowadzić pojęcia, zestawione z wideo z kolekcji "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", których autorzy przyczynili się do tego programu nauczania. -Ponadto quiz niskiego ryzyka przed lekcją ustawia intencję ucznia na naukę danego tematu, a drugi quiz po lekcji zapewnia dalsze utrwalenie wiedzy. Ten program był zaprojektowany tak, aby był elastyczny i przyjemny i może być realizowany w całości lub częściowo. Projekty zaczynają się od małych i stopniowo stają się coraz bardziej złożone w ciągu 12-tygodniowego cyklu. +Ponadto niskostresowy quiz przed zajęciami ustawia intencję ucznia do nauki tematu, a drugi quiz po zajęciach zapewnia dalsze utrwalenie. Ten program został zaprojektowany tak, aby był elastyczny i przyjemny, można go realizować zarówno w całości, jak i częściowo. Projekty zaczynają się od prostych i stają się coraz bardziej zaawansowane na koniec 12-tygodniowego cyklu. -Chociaż celowo unikaliśmy wprowadzania frameworków JavaScript, aby skoncentrować się na podstawowych umiejętnościach potrzebnych programiście webowemu przed przyjęciem frameworka, dobrym następnym krokiem po ukończeniu tego programu jest nauka Node.js za pomocą innej serii filmów: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Choć celowo unikaliśmy wprowadzania frameworków JavaScript, aby skupić się na podstawowych umiejętnościach potrzebnych web developerowi przed adaptacją frameworka, dobrym kolejnym krokiem po ukończeniu tego programu byłoby zapoznanie się z Node.js dzięki innej kolekcji wideo: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Odwiedź nasze wytyczne [Code of Conduct](CODE_OF_CONDUCT.md) i [Contributing](CONTRIBUTING.md). Czekamy na Twoje konstruktywne uwagi! +> Odwiedź nasze wytyczne [Kodeks postępowania](CODE_OF_CONDUCT.md) oraz [Wkład](CONTRIBUTING.md). Czekamy na Twoje konstruktywne opinie! ## 🧭 Dostęp offline -Możesz korzystać z tej dokumentacji offline, używając [Docsify](https://docsify.js.org/#/). Sklonuj to repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim komputerze lokalnym, a następnie w katalogu głównym tego repozytorium wpisz `docsify serve`. Strona zostanie uruchomiona na porcie 3000 na Twoim localhost: `localhost:3000`. +Możesz uruchomić tę dokumentację offline, korzystając z [Docsify](https://docsify.js.org/#/). Sklonuj to repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim komputerze, a następnie w katalogu głównym repozytorium wpisz `docsify serve`. Strona będzie serwowana na porcie 3000 pod adresem localhost: `localhost:3000`. ## 📘 PDF PDF ze wszystkimi lekcjami można znaleźć [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -216,7 +216,7 @@ PDF ze wszystkimi lekcjami można znaleźć [tutaj](https://microsoft.github.io/ ## 🎒 Inne kursy -Nasz zespół tworzy również inne kursy! Sprawdź: +Nasz zespół tworzy także inne kursy! Sprawdź: ### LangChain @@ -225,7 +225,7 @@ Nasz zespół tworzy również inne kursy! Sprawdź: [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / Agenci [![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) @@ -241,7 +241,7 @@ Nasz zespół tworzy również inne kursy! Sprawdź: --- -### Podstawowe nauki +### Podstawowe nauczanie [![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) @@ -260,7 +260,7 @@ Nasz zespół tworzy również inne kursy! Sprawdź: ## Uzyskiwanie pomocy -Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI. Dołącz do innych uczniów i doświadczonych programistów w dyskusjach o MCP. To wspierająca społeczność, w której pytania są mile widziane, a wiedza jest swobodnie dzielona. +Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI, dołącz do innych uczących się i doświadczonych programistów w dyskusjach na temat MCP. To wspierająca społeczność, gdzie pytania są mile widziane, a wiedza jest chętnie dzielona. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) @@ -270,11 +270,11 @@ Jeśli masz uwagi dotyczące produktu lub napotkasz błędy podczas tworzenia, o ## Licencja -To repozytorium jest licencjonowane na podstawie licencji MIT. Więcej informacji znajdziesz w pliku [LICENSE](../../LICENSE). +To repozytorium jest licencjonowane na podstawie licencji MIT. Szczegóły znajdują się w pliku [LICENSE](../../LICENSE). --- **Zastrzeżenie**: -Dokument ten został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mimo że dokładamy starań, aby tłumaczenie było jak najdokładniejsze, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub niedokładności. Oryginalny dokument w jego rodzimym języku powinien być traktowany jako źródło autorytatywne. W przypadku informacji o krytycznym znaczeniu zaleca się skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. +Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Choć dążymy do dokładności, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być uważany za wiarygodne źródło. W przypadku istotnych informacji zalecane jest skorzystanie z profesjonalnego tłumaczenia przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. \ No newline at end of file diff --git a/translations/pl/lesson-template/README.md b/translations/pl/lesson-template/README.md index 3aad15ed8d..e808c6981d 100644 --- a/translations/pl/lesson-template/README.md +++ b/translations/pl/lesson-template/README.md @@ -1,54 +1,79 @@ -# [Temat Lekcji] +# Temat lekcji -![Osadź tutaj wideo](../../../lesson-template/video-url) +## 🎥 Wideo -## [Quiz przed wykładem](../../../lesson-template/quiz-url) +> Dodaj tutaj osadzone wideo lub link do lekcji. -[Opisz, czego się nauczymy] +--- + +## Quiz przed wykładem + +> Dodaj tutaj link do quizu, gdy będzie dostępny. + +--- + +Podaj krótkie podsumowanie tego, czego uczniowie nauczą się na tej lekcji. + +--- ### Wprowadzenie -Opisz, co zostanie omówione +Podaj krótkie wprowadzenie opisujące, co zostanie omówione na tej lekcji. -> Notatki +> Uwagi + +--- ### Wymagania wstępne -Jakie kroki powinny zostać wykonane przed tą lekcją? +Wymień pojęcia lub tematy, z którymi uczniowie powinni być już zaznajomieni przed rozpoczęciem lekcji. + +--- ### Przygotowanie -Kroki przygotowawcze do rozpoczęcia tej lekcji +Wymień wszelkie kroki przygotowawcze lub narzędzia wymagane przed rozpoczęciem lekcji. --- -[Przejdź przez treść w blokach] +### Treść + +Przeprowadź lekcję w uporządkowanych sekcjach. -## [Temat 1] +--- + +## Temat 1 ### Zadanie: -Pracujcie razem, aby stopniowo ulepszać swoją bazę kodu i zbudować projekt z wykorzystaniem wspólnego kodu: +Pracujcie razem, aby stopniowo rozwijać bazę kodu i zbudować projekt z współdzielonym kodem: ```html code blocks ``` -✅ Sprawdzenie wiedzy - wykorzystaj ten moment, aby poszerzyć wiedzę uczniów za pomocą otwartych pytań +✅ Sprawdzenie wiedzy +Wykorzystaj ten moment, aby rozciągnąć wiedzę uczniów pytaniami otwartymi. -## [Temat 2] +## Temat 2 +## Temat 3 -## [Temat 3] +🚀 Wyzwanie +Dodaj współpracujące wyzwanie dla uczniów, aby ulepszyć projekt. -🚀 Wyzwanie: Dodaj wyzwanie dla uczniów, aby wspólnie pracowali w klasie nad ulepszeniem projektu +Opcjonalnie: Dodaj zrzut ekranu interfejsu ukończonej lekcji, jeśli to stosowne. -Opcjonalnie: dodaj zrzut ekranu interfejsu ukończonej lekcji, jeśli to stosowne +## Quiz po wykładzie -## [Quiz po wykładzie](../../../lesson-template/quiz-url) +Dodaj link do quizu po ukończeniu lekcji. -## Podsumowanie i samodzielna nauka +## Przegląd i samodzielna nauka -**Termin oddania zadania [MM/RR]**: [Nazwa zadania](assignment.md) +**Termin zadania [MM/RR]**: [Nazwa zadania](assignment.md) + +--- + **Zastrzeżenie**: -Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż staramy się zapewnić dokładność, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego rodzimym języku powinien być uznawany za wiarygodne źródło. W przypadku informacji krytycznych zaleca się skorzystanie z profesjonalnego tłumaczenia przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia. \ No newline at end of file +Niniejszy dokument został przetłumaczony przy użyciu usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż dążymy do dokładności, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być traktowany jako autorytatywne źródło. W przypadku informacji o krytycznym znaczeniu zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. + \ No newline at end of file diff --git a/translations/pt-BR/.co-op-translator.json b/translations/pt-BR/.co-op-translator.json index 9d5ec2ec89..d7e6d102fd 100644 --- a/translations/pt-BR/.co-op-translator.json +++ b/translations/pt-BR/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:51:19+00:00", + "translation_date": "2026-04-24T18:16:20+00:00", "source_file": "AGENTS.md", "language_code": "pt-BR" }, @@ -516,8 +516,8 @@ "language_code": "pt-BR" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:37:04+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T18:11:32+00:00", "source_file": "README.md", "language_code": "pt-BR" }, @@ -564,8 +564,8 @@ "language_code": "pt-BR" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T00:51:31+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T18:11:41+00:00", "source_file": "lesson-template/README.md", "language_code": "pt-BR" }, diff --git a/translations/pt-BR/AGENTS.md b/translations/pt-BR/AGENTS.md index 402cb603b9..e0db085b48 100644 --- a/translations/pt-BR/AGENTS.md +++ b/translations/pt-BR/AGENTS.md @@ -2,27 +2,27 @@ ## Visão Geral do Projeto -Este é um repositório educacional para ensinar fundamentos de desenvolvimento web a iniciantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 aulas práticas abordando JavaScript, CSS e HTML. +Este é um repositório curricular educativo para ensinar fundamentos de desenvolvimento web para iniciantes. O currículo é um curso completo de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 aulas práticas que cobrem JavaScript, CSS e HTML. ### Componentes Principais - **Conteúdo Educacional**: 24 aulas estruturadas organizadas em módulos baseados em projetos -- **Projetos Práticos**: Terrarium, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, App Bancário, Editor de Código e Assistente de Chat de IA -- **Quizzes Interativos**: 48 quizzes com 3 perguntas cada (avaliações pré e pós-lesson) +- **Projetos Práticos**: Terrarium, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, App Bancário, Editor de Código e Assistente de Chat AI +- **Quizzes Interativos**: 48 quizzes com 3 perguntas cada (avaliações pré/pós-aula) - **Suporte Multilíngue**: Traduções automáticas para mais de 50 idiomas via GitHub Actions -- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos de IA) +- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos AI) ### Arquitetura -- Repositório educacional com estrutura baseada em lições -- Cada pasta de lição contém README, exemplos de código e soluções -- Projetos independentes em diretórios separados (quiz-app, vários projetos de lição) +- Repositório educacional com estrutura baseada em aulas +- Cada pasta de aula contém README, exemplos de código e soluções +- Projetos independentes em diretórios separados (quiz-app, vários projetos de aula) - Sistema de tradução usando GitHub Actions (co-op-translator) - Documentação servida via Docsify e disponível em PDF -## Comandos de Configuração +## Comandos para Configuração -Este repositório é principalmente para consumo de conteúdo educacional. Para trabalhar com projetos específicos: +Este repositório é primariamente para consumo do conteúdo educacional. Para trabalhar com projetos específicos: ### Configuração Principal do Repositório @@ -41,14 +41,14 @@ npm run build # Construir para produção npm run lint # Executar ESLint ``` -### Projeto API Bancária (Node.js + Express) +### API do Projeto Bancário (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # Iniciar servidor API npm run lint # Executar ESLint -npm run format # Formatar com Prettier +npm run format # Formatado com Prettier ``` ### Projetos de Extensão de Navegador @@ -59,12 +59,12 @@ npm install # Siga as instruções específicas do navegador para carregar extensões ``` -### Projetos de Jogo Espacial +### Projetos do Jogo Espacial ```bash cd 6-space-game/solution npm install -# Abra index.html no navegador ou use o Live Server +# Abra o index.html no navegador ou use o Live Server ``` ### Projeto de Chat (Backend Python) @@ -78,43 +78,43 @@ python api.py ## Fluxo de Desenvolvimento -### Para Contribuidores de Conteúdo +### Para Colaboradores de Conteúdo -1. **Fork o repositório** para sua conta no GitHub +1. **Faça fork do repositório** na sua conta do GitHub 2. **Clone seu fork** localmente -3. **Crie uma nova branch** para suas alterações -4. Faça mudanças no conteúdo das lições ou exemplos de código -5. Teste quaisquer alterações de código nos diretórios dos projetos relevantes +3. **Crie um novo branch** para suas alterações +4. Faça mudanças no conteúdo das aulas ou exemplos de código +5. Teste quaisquer alterações de código nos diretórios de projetos relacionados 6. Envie pull requests seguindo as diretrizes de contribuição -### Para Aprendizes +### Para Alunos 1. Faça fork ou clone do repositório -2. Navegue sequencialmente pelos diretórios das lições -3. Leia os arquivos README de cada lição -4. Complete os quizzes pré-lição em https://ff-quizzes.netlify.app/web/ -5. Trabalhe nos exemplos de código nas pastas da lição +2. Navegue pelas pastas das aulas sequencialmente +3. Leia os arquivos README de cada aula +4. Complete os quizzes pré-aula em https://ff-quizzes.netlify.app/web/ +5. Trabalhe nos exemplos de código nas pastas das aulas 6. Complete as tarefas e desafios -7. Faça os quizzes pós-lição +7. Faça os quizzes pós-aula ### Desenvolvimento ao Vivo -- **Documentação**: Rode `docsify serve` na raiz (porta 3000) -- **Quiz App**: Rode `npm run dev` no diretório quiz-app +- **Documentação**: Execute `docsify serve` na raiz (porta 3000) +- **Quiz App**: Execute `npm run dev` no diretório quiz-app - **Projetos**: Use a extensão Live Server do VS Code para projetos HTML -- **Projetos API**: Rode `npm start` nos diretórios das APIs respectivas +- **Projetos API**: Execute `npm start` nos diretórios API respectivos -## Instruções de Teste +## Instruções para Testes -### Teste do Quiz App +### Testes do Quiz App ```bash cd quiz-app -npm run lint # Verificar problemas de estilo de código -npm run build # Verificar se a compilação foi bem-sucedida +npm run lint # Verifique problemas de estilo de código +npm run build # Verifique se a compilação foi bem-sucedida ``` -### Teste da API Bancária +### Testes da API Bancária ```bash cd 7-bank-project/api @@ -122,46 +122,46 @@ npm run lint # Verificar problemas de estilo de código node server.js # Verificar se o servidor inicia sem erros ``` -### Abordagem Geral de Teste +### Abordagem Geral para Testes - Este é um repositório educacional sem testes automatizados abrangentes -- Teste manual foca em: - - Exemplos de código executando sem erros - - Links na documentação funcionando corretamente - - Builds dos projetos completando com sucesso - - Exemplos seguindo as melhores práticas +- Testes manuais focam em: + - Exemplos de código executam sem erros + - Links na documentação funcionam corretamente + - Builds dos projetos completam com sucesso + - Exemplos seguem as melhores práticas -### Checagens Pré-envio +### Verificações Antes de Enviar PR -- Execute `npm run lint` em diretórios com package.json +- Execute `npm run lint` nas pastas que contêm package.json - Verifique se os links markdown são válidos - Teste exemplos de código no navegador ou Node.js -- Verifique que as traduções mantêm a estrutura adequada +- Certifique-se que traduções mantêm a estrutura correta ## Diretrizes de Estilo de Código ### JavaScript - Use sintaxe moderna ES6+ -- Siga as configurações padrão do ESLint fornecidas nos projetos +- Siga as configurações padrão ESLint fornecidas nos projetos - Use nomes significativos para variáveis e funções para clareza educacional -- Adicione comentários explicando conceitos para os aprendizes -- Formate usando Prettier quando configurado +- Adicione comentários explicando conceitos para os alunos +- Formate usando Prettier onde configurado ### HTML/CSS - Elementos semânticos HTML5 - Princípios de design responsivo -- Convenções claras de nomenclatura de classes -- Comentários explicando técnicas CSS para aprendizes +- Convenções claras para nomeação de classes +- Comentários que explicam técnicas CSS para os aprendizes ### Python - Diretrizes de estilo PEP 8 -- Exemplos de código claros e educacionais -- Dicas de tipo onde úteis para aprendizagem +- Exemplos claros e educativos +- Tipagem quando útil para aprendizado -### Documentação em Markdown +### Documentação Markdown - Hierarquia clara de títulos - Blocos de código com especificação de linguagem @@ -169,27 +169,27 @@ node server.js # Verificar se o servidor inicia sem erros - Capturas de tela e imagens nas pastas `images/` - Texto alternativo para imagens para acessibilidade -### Organização de Arquivos +### Organização dos Arquivos -- Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.) +- Aulas numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.) - Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/` -- Imagens armazenadas em pastas `images/` específicas da lição +- Imagens armazenadas em pastas `images/` específicas da aula - Traduções na estrutura `translations/{language-code}/` -## Build e Deploy +## Build e Implantação -### Deploy do Quiz App (Azure Static Web Apps) +### Implantação do Quiz App (Azure Static Web Apps) -O quiz-app está configurado para deploy no Azure Static Web Apps: +O quiz-app está configurado para implantação no Azure Static Web Apps: ```bash cd quiz-app npm run build # Cria a pasta dist/ -# Implanta via workflow do GitHub Actions ao enviar para a branch main +# Faz o deploy via workflow do GitHub Actions ao enviar para o main ``` -Configuração Azure Static Web Apps: -- **Localização da app**: `/quiz-app` +Configuração do Azure Static Web Apps: +- **Localização do app**: `/quiz-app` - **Localização de saída**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` @@ -200,79 +200,79 @@ npm install # Instalar docsify-to-pdf npm run convert # Gerar PDF a partir do docs ``` -### Documentação Docsify +### Documentação com Docsify ```bash -npm install -g docsify-cli # Instalar Docsify globalmente -docsify serve # Servir em localhost:3000 +npm install -g docsify-cli # Instale o Docsify globalmente +docsify serve # Sirva em localhost:3000 ``` -### Builds específicos de projetos +### Builds Específicos de Projetos Cada diretório de projeto pode ter seu próprio processo de build: -- Projetos Vue: `npm run build` cria bundles para produção -- Projetos estáticos: Sem etapa de build, servem arquivos diretamente +- Projetos Vue: `npm run build` cria bundles de produção +- Projetos estáticos: Nenhuma etapa de build, serve os arquivos diretamente ## Diretrizes para Pull Requests ### Formato do Título -Use títulos claros e descritivos indicando a área de mudança: -- `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo in terrarium project` -- `[Translation] Add Spanish translation for lesson 5` -- `[Docs] Update setup instructions` +Use títulos claros e descritivos indicando a área da mudança: +- `[Quiz-app] Adicionar novo quiz para aula X` +- `[Lesson-3] Corrigir erro de digitação no projeto terrarium` +- `[Translation] Adicionar tradução em espanhol para a aula 5` +- `[Docs] Atualizar instruções de configuração` -### Checagens Necessárias +### Verificações Obrigatórias Antes de enviar um PR: 1. **Qualidade do Código**: - - Rode `npm run lint` nos diretórios afetados - - Corrija todos os erros e avisos de lint + - Execute `npm run lint` nos diretórios afetados + - Corrija todos os erros e avisos do lint -2. **Verificação de Build**: - - Rode `npm run build` se aplicável - - Garanta que não ocorram erros no build +2. **Verificação do Build**: + - Execute `npm run build`, se aplicável + - Garanta que não haja erros no build 3. **Validação de Links**: - Teste todos os links markdown - - Verifique referências a imagens + - Verifique referências de imagens 4. **Revisão de Conteúdo**: - Revise ortografia e gramática - - Assegure que exemplos de código estão corretos e educativos - - Verifique que as traduções mantêm o significado original + - Garanta que exemplos de código estejam corretos e educativos + - Verifique se traduções mantêm o significado original ### Requisitos de Contribuição -- Aceite o CLA da Microsoft (verificação automática no primeiro PR) -- Siga o [Código de Conduta Open Source da Microsoft](https://opensource.microsoft.com/codeofconduct/) -- Veja [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas +- Concordar com o CLA da Microsoft (verificação automática no primeiro PR) +- Seguir o [Código de Conduta de Código Aberto da Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Consulte o [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas - Referencie números de issues na descrição do PR, se aplicável ### Processo de Revisão -- PRs são revisados por mantenedores e comunidade -- Clareza educacional tem prioridade +- PRs revisados por mantenedores e comunidade +- Clareza educacional é priorizada - Exemplos de código devem seguir melhores práticas atuais -- Traduções revisadas quanto à precisão e adequação cultural +- Traduções são revisadas quanto à precisão e adequação cultural ## Sistema de Tradução -### Tradução Automatizada +### Tradução Automática - Usa GitHub Actions com workflow co-op-translator - Traduz para mais de 50 idiomas automaticamente -- Arquivos originais nos diretórios principais -- Arquivos traduzidos em `translations/{language-code}/` +- Arquivos fonte nos diretórios principais +- Arquivos traduzidos nas pastas `translations/{language-code}/` -### Adicionando Melhorias Manuais nas Traduções +### Adicionando Melhorias Manuais de Tradução 1. Localize o arquivo em `translations/{language-code}/` 2. Faça melhorias preservando a estrutura -3. Garanta que exemplos de código permanecem funcionais -4. Teste qualquer conteúdo de quiz localizado +3. Garanta que exemplos de código continuem funcionais +4. Teste quaisquer conteúdos localizados de quizzes ### Metadados de Tradução @@ -293,86 +293,86 @@ CO_OP_TRANSLATOR_METADATA: ### Problemas Comuns -**O quiz app não inicia**: -- Verifique a versão do Node.js (recomendado v14+) +**App de quiz não inicia**: +- Verifique a versão do Node.js (v14+ recomendado) - Apague `node_modules` e `package-lock.json`, rode `npm install` novamente -- Verifique conflitos de portas (padrão: Vite usa porta 5173) +- Verifique conflito de porta (padrão: Vite usa porta 5173) **Servidor API não inicia**: -- Confirme a versão mínima do Node.js (node >=10) -- Verifique se a porta não está em uso -- Garanta que todas as dependências foram instaladas com `npm install` +- Verifique se a versão do Node.js atende o mínimo (node >=10) +- Confira se a porta já está em uso +- Assegure que todas as dependências estejam instaladas com `npm install` **Extensão de navegador não carrega**: -- Verifique se o manifest.json está formatado corretamente -- Verifique erros no console do navegador -- Siga as instruções específicas de instalação da extensão para o navegador +- Verifique se o manifest.json está corretamente formatado +- Confira o console do navegador para erros +- Siga as instruções específicas do navegador para instalação da extensão -**Problemas no projeto de chat Python**: +**Problemas no projeto chat Python**: - Certifique-se que o pacote OpenAI está instalado: `pip install openai` - Verifique se a variável de ambiente GITHUB_TOKEN está definida -- Confirme as permissões de acesso ao GitHub Models +- Verifique permissões de acesso aos Modelos GitHub **Docsify não serve a documentação**: -- Instale docsify-cli globalmente: `npm install -g docsify-cli` -- Rode a partir do diretório raiz do repositório -- Confira se `docs/_sidebar.md` existe +- Instale o docsify-cli globalmente: `npm install -g docsify-cli` +- Execute a partir do diretório raiz do repositório +- Verifique se `docs/_sidebar.md` existe -### Dicas para Ambiente de Desenvolvimento +### Dicas do Ambiente de Desenvolvimento - Use VS Code com extensão Live Server para projetos HTML -- Instale as extensões ESLint e Prettier para formatação consistente +- Instale extensões ESLint e Prettier para formatação consistente - Use DevTools do navegador para depurar JavaScript - Para projetos Vue, instale a extensão Vue DevTools para navegador ### Considerações de Performance -- Grande número de arquivos traduzidos (50+ idiomas) torna clones completos grandes -- Use clone raso se estiver trabalhando apenas no conteúdo: `git clone --depth 1` -- Exclua traduções das buscas ao trabalhar no conteúdo em inglês +- Grande número de arquivos traduzidos (50+ idiomas) faz com que clones completos sejam grandes +- Use clone superficial se trabalhar apenas com conteúdo: `git clone --depth 1` +- Exclua traduções das buscas quando trabalhar no conteúdo em inglês - Processos de build podem ser lentos na primeira execução (npm install, build Vite) ## Considerações de Segurança ### Variáveis de Ambiente -- Chaves de API nunca devem ser commitadas no repositório -- Use arquivos `.env` (já listados no `.gitignore`) -- Documente variáveis de ambiente necessárias nos READMEs dos projetos +- Chaves API nunca devem ser commitadas no repositório +- Use arquivos `.env` (já incluídos no `.gitignore`) +- Documente variáveis de ambiente requeridas nos READMEs dos projetos ### Projetos Python - Use ambientes virtuais: `python -m venv venv` -- Mantenha as dependências atualizadas +- Mantenha dependências atualizadas - Tokens GitHub devem ter permissões mínimas necessárias -### Acesso GitHub Models +### Acesso aos Modelos GitHub -- Tokens de Acesso Pessoal (PAT) são exigidos para GitHub Models -- Os tokens devem ser armazenados como variáveis de ambiente +- Tokens de Acesso Pessoal (PAT) são necessários para Modelos GitHub +- Tokens devem ser armazenados como variáveis de ambiente - Nunca commit tokens ou credenciais ## Notas Adicionais -### Público-alvo +### Público Alvo - Iniciantes completos em desenvolvimento web - Estudantes e autodidatas -- Professores utilizando o currículo em salas de aula -- Conteúdo desenhado para acessibilidade e construção gradual de habilidades +- Professores usando o currículo em salas de aula +- Conteúdo projetado para acessibilidade e construção gradual de habilidades ### Filosofia Educacional - Abordagem de aprendizado baseada em projetos -- Verificações frequentes de conhecimento (quizzes) +- Verificação frequente de conhecimento (quizzes) - Exercícios práticos de codificação - Exemplos de aplicação no mundo real -- Foco em fundamentos antes de frameworks +- Foco nos fundamentos antes dos frameworks ### Manutenção do Repositório -- Comunidade ativa de aprendizes e contribuintes -- Atualizações regulares em dependências e conteúdo +- Comunidade ativa de alunos e colaboradores +- Atualizações regulares de dependências e conteúdo - Issues e discussões monitoradas por mantenedores - Atualizações de tradução automatizadas via GitHub Actions @@ -386,23 +386,23 @@ CO_OP_TRANSLATOR_METADATA: ### Trabalhando com Projetos Específicos Para instruções detalhadas sobre projetos individuais, consulte os arquivos README em: -- `quiz-app/README.md` - Aplicação de quiz Vue 3 -- `7-bank-project/README.md` - Aplicação bancária com autenticação -- `5-browser-extension/README.md` - Desenvolvimento de extensão de navegador -- `6-space-game/README.md` - Desenvolvimento de jogo baseado em canvas -- `9-chat-project/README.md` - Projeto assistente de chat IA +- `quiz-app/README.md` - aplicação de quiz Vue 3 +- `7-bank-project/README.md` - aplicativo bancário com autenticação +- `5-browser-extension/README.md` - desenvolvimento de extensão de navegador +- `6-space-game/README.md` - desenvolvimento de jogo baseado em Canvas +- `9-chat-project/README.md` - projeto assistente de chat AI ### Estrutura Monorepo Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes: -- Cada lição é autocontida +- Cada aula é autocontida - Projetos não compartilham dependências -- Trabalhe em projetos individuais sem afetar outros -- Faça clone do repositório completo para experiência total do currículo +- Trabalhe nos projetos individualmente sem impactar os demais +- Clone o repositório completo para a experiência curricular inteira --- **Aviso Legal**: -Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução. +Este documento foi traduzido utilizando o serviço de tradução AI [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução. \ No newline at end of file diff --git a/translations/pt-BR/README.md b/translations/pt-BR/README.md index 3b03d85dcc..2843574f4f 100644 --- a/translations/pt-BR/README.md +++ b/translations/pt-BR/README.md @@ -1,38 +1,38 @@ -[![Licença GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) -[![Colaboradores GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) -[![Problemas 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 Bem-vindos](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) +[![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) -[![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/) -[![Forks GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) -[![Estrelas 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 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) # Desenvolvimento Web para Iniciantes - Um Currículo -Aprenda os fundamentos do desenvolvimento web com nosso curso abrangente de 12 semanas ministrado pelos Advocates da Microsoft Cloud. Cada uma das 24 aulas explora JavaScript, CSS e HTML por meio de projetos práticos como terrários, extensões de navegador e jogos espaciais. Envolva-se com quizzes, discussões e tarefas práticas. Aprimore suas habilidades e otimize a retenção de conhecimento com nossa pedagógica eficaz baseada em projetos. Comece sua jornada de programação hoje! +Aprenda os fundamentos do desenvolvimento web com nosso curso abrangente de 12 semanas ministrado por Microsoft Cloud Advocates. Cada uma das 24 lições mergulha em JavaScript, CSS e HTML por meio de projetos práticos, como terrários, extensões para navegadores e jogos espaciais. Participe de questionários, discussões e tarefas práticas. Aprimore suas habilidades e otimize a retenção do conhecimento com nossa pedagogia eficaz baseada em projetos. Comece sua jornada na programação hoje! -Participe da Comunidade Azure AI Foundry no Discord +Participe do Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Siga estes passos para começar a usar esses recursos: -1. **Faça um Fork do Repositório**: Clique em [![Forks GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +1. **Faça um Fork do Repositório**: Clique em [![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. **Clone o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Participe do Discord Azure AI Foundry e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4) +3. [**Participe do Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Suporte Multilíngue -#### Suportado via GitHub Action (Automatizado & Sempre Atualizado) +#### Suportado via GitHub Action (Automatizado e Sempre Atualizado) -[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Tcheco](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estoniano](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaiala](../ml/README.md) | [Marata](../mr/README.md) | [Nepalês](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polonês](../pl/README.md) | [Português (Brasil)](./README.md) | [Português (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tâmil](../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) +[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Tcheco](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estoniano](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaialam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polonês](../pl/README.md) | [Português (Brasil)](./README.md) | [Português (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tâmil](../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) -> **Prefere clonar localmente?** +> **Prefere Clonar Localmente?** > -> Este repositório inclui mais de 50 traduções de idiomas, o que aumenta significativamente o tamanho do download. Para clonar sem as traduções, use sparse checkout: +> Este repositório inclui traduções para mais de 50 idiomas, o que aumenta significativamente o tamanho do download. Para clonar sem as traduções, use a checagem esparsa: > > **Bash / macOS / Linux:** > ```bash @@ -48,41 +48,41 @@ Siga estes passos para começar a usar esses recursos: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Isso fornece tudo que você precisa para completar o curso com um download muito mais rápido. +> Isso oferece tudo que você precisa para completar o curso com um download muito mais rápido. -**Se desejar que línguas adicionais sejam suportadas, elas estão listadas [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Se desejar traduções adicionais, os idiomas suportados estão listados aqui. [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Abrir no 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) #### 🧑‍🎓 _Você é estudante?_ -Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde você encontrará recursos para iniciantes, pacotes estudantis e até maneiras de obter um voucher gratuito para certificação. Esta é a página que você deve salvar nos favoritos e consultar de tempos em tempos, pois o conteúdo é atualizado mensalmente. +Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde você encontrará recursos para iniciantes, pacotes para estudantes e até maneiras de obter um voucher de certificado gratuito. Esta é a página que você deve adicionar aos favoritos e consultar de tempos em tempos, pois o conteúdo é atualizado mensalmente. ### 📣 Anúncio - Novos desafios do modo GitHub Copilot Agent para completar! -Novo desafio adicionado, procure por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. É um novo desafio para você completar usando o GitHub Copilot e o modo Agent. Se você nunca usou o modo Agent antes, ele é capaz não apenas de gerar texto, mas também criar e editar arquivos, executar comandos e muito mais. +Novo desafio adicionado, procure por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. Este é um novo desafio para você completar usando o GitHub Copilot e o modo Agent. Se você nunca usou o modo Agent antes, ele é capaz de não apenas gerar texto, mas também criar e editar arquivos, executar comandos e mais. ### 📣 Anúncio - _Novo Projeto para construir usando IA Generativa_ -Novo projeto Assistente de IA adicionado, confira o [projeto](./9-chat-project/README.md) +Novo projeto de Assistente AI adicionado, confira o [projeto](./9-chat-project/README.md) -### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript acaba de ser lançado +### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript foi lançado 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! -![Fundo](../../translated_images/pt-BR/background.148a8d43afde5730.webp) +![Background](../../translated_images/pt-BR/background.148a8d43afde5730.webp) -- Aulas cobrindo tudo desde o básico até RAG. +- Lições que cobrem desde o básico até RAG. - Interaja com personagens históricos usando GenAI e nosso aplicativo acompanhante. - Narrativa divertida e envolvente, você vai viajar no tempo! -![personagem](../../translated_images/pt-BR/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/pt-BR/character.5c0dd8e067ffd693.webp) -Cada aula inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para orientar você em tópicos como: +Cada lição inclui uma tarefa para completar, uma checagem de conhecimento e um desafio para guiá-lo em tópicos como: - Prompting e engenharia de prompt - Geração de aplicativos de texto e imagem - Aplicativos de busca @@ -93,20 +93,20 @@ Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para com ## 🌱 Começando -> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos seu feedback [em nosso fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos seu feedback [em nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Alunos](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada aula, comece com um quiz pré-aula e continue lendo o material da aula, completando as várias atividades e verificando seu entendimento com o quiz pós-aula. +**[Aprendizes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, comece com um quiz pré-aula e siga lendo o material da palestra, completando as várias atividades e confira sua compreensão com o quiz pós-aula. -Para aprimorar sua experiência de aprendizado, conecte-se com seus colegas para trabalharem juntos nos projetos! Discussões são incentivadas em nosso [fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde nossa equipe de moderadores estará disponível para responder suas perguntas. +Para melhorar sua experiência de aprendizado, conecte-se com seus colegas para trabalhar juntos nos projetos! Discussões são incentivadas em nosso [fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), onde nossa equipe de moderadores estará disponível para responder às suas perguntas. -Para aprofundar sua educação, recomendamos fortemente explorar o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais adicionais de estudo. +Para aprofundar sua educação, recomendamos fortemente explorar o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais. ### 📋 Configurando seu ambiente -Este currículo já possui um ambiente de desenvolvimento pronto para uso! Ao começar, você pode escolher executar o currículo em um [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em navegador, sem necessidade de instalações_), ou localmente em seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Este currículo tem um ambiente de desenvolvimento pronto para uso! Ao começar, você pode optar por executar o currículo em um [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em navegador, sem necessidade de instalação_), ou localmente no seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Crie seu repositório -Para facilitar o salvamento do seu trabalho, recomenda-se criar sua própria cópia deste repositório. Você pode fazer isso clicando no botão **Use this template** no topo da página. Isso criará um novo repositório em sua conta do GitHub com uma cópia do currículo. +Para facilitar salvar seu trabalho, recomenda-se criar sua própria cópia deste repositório. Você pode fazer isso clicando no botão **Usar este modelo** no topo da página. Isso criará um novo repositório em sua conta do GitHub com uma cópia do currículo. Siga estes passos: 1. **Faça um Fork do Repositório**: Clique no botão "Fork" no canto superior direito desta página. @@ -120,9 +120,9 @@ Na sua cópia deste repositório que você criou, clique no botão **Code** e se #### Executando o currículo localmente no seu computador -Para executar este currículo localmente no seu computador, você precisará de um editor de texto, um navegador e uma ferramenta de linha de comando. Nossa primeira aula, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), apresentará várias opções para cada uma dessas ferramentas para você escolher a que melhor funciona para você. +Para executar este currículo localmente no seu computador, você precisará de um editor de texto, um navegador e uma ferramenta de linha de comando. Nossa primeira lição, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), irá guiá-lo por várias opções para cada uma dessas ferramentas para você selecionar o que funciona melhor para você. -Nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como seu editor, que também possui um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Você pode baixar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como seu editor, que também tem um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Você pode baixar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). 1. Clone seu repositório para o seu computador. Você pode fazer isso clicando no botão **Code** e copiando a URL: [CodeSpace](./images/createcodespace.png) @@ -139,76 +139,76 @@ Nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.co > Extensões recomendadas para o Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para pré-visualizar páginas HTML dentro do Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ajudar a escrever código mais rápido +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ajudar você a escrever código mais rapidamente ## 📂 Cada lição inclui: -- sketchnote opcional +- esboço opcional - vídeo suplementar opcional -- quiz de aquecimento pré-licão +- quiz de aquecimento pré-lição - lição escrita -- para lições baseadas em projeto, guias passo a passo sobre como construir o projeto -- checagens de conhecimento +- para lições baseadas em projetos, guias passo a passo sobre como construir o projeto +- verificações de conhecimento - um desafio - leitura suplementar - tarefa - [quiz pós-lição](https://ff-quizzes.netlify.app/web/) -> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, totalizando 48 quizzes com três perguntas cada. Eles estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/); o aplicativo de quiz pode ser executado localmente ou implantado no Azure; siga as instruções na pasta `quiz-app`. +> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, com um total de 48 quizzes com três perguntas cada. Eles estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/); o aplicativo de quiz pode ser executado localmente ou implantado no Azure; siga as instruções na pasta `quiz-app`. ## 🗃️ Lições -| | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Lição Vinculada | Autor | -| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Introdução à Programação e Ferramentas do Ofício | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre software que ajuda desenvolvedores profissionais | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | Noções básicas do GitHub, inclui trabalho em equipe | Como usar o GitHub em seu projeto, como colaborar com outros em uma base de código | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Acessibilidade | Aprender o básico sobre acessibilidade web | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | Tipos de Dados em JavaScript | Os fundamentos dos tipos de dados em JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funções e Métodos | Aprender sobre funções e métodos para gerenciar o fluxo lógico de uma aplicação | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | -| 06 | JS Basics | Tomando Decisões com JS | Aprender como criar condições no seu código usando métodos de tomada de decisão | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Arrays e Loops | Trabalhar com dados usando arrays e loops em JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, focando na construção de um layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS na Prática | Criar o CSS para estilizar o terrário online, focando no básico do CSS, incluindo tornar a página responsiva | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures em JavaScript, manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface de arrastar e soltar, focando em closures e manipulação do DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construindo um Jogo de Digitação | Aprender a usar eventos do teclado para conduzir a lógica do seu app em JavaScript | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Trabalhando com Navegadores | Aprender como os navegadores funcionam, sua história e como estruturar os primeiros elementos de uma extensão de navegador | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construindo um formulário, chamada a uma API e armazenamento local | Construir os elementos em JavaScript da sua extensão para navegador para chamar uma API usando variáveis armazenadas localmente | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Processos em segundo plano no navegador, desempenho web | Usar processos em segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre desempenho web e algumas otimizações para melhorar | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Desenvolvimento de Jogos Mais Avançado com JavaScript | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, preparando para construir um jogo | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Desenho no canvas | Aprender sobre a API Canvas, usada para desenhar elementos na tela | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Movendo elementos na tela | Descobrir como elementos podem se mover usando coordenadas cartesianas e a API Canvas | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Detecção de colisões | Fazer elementos colidirem e reagirem uns aos outros usando pressionamento de teclas e fornecer uma função cooldown para garantir o desempenho do jogo | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Mantendo a pontuação | Realizar cálculos matemáticos baseados no status e desempenho do jogo | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Finalizando e reiniciando o jogo | Aprender sobre encerrar e reiniciar o jogo, incluindo limpar ativos e redefinir valores de variáveis | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Templates HTML e Rotas em um App Web | Aprender a criar a estrutura arquitetural de um website multipáginas usando roteamento e templates HTML | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Construir um Formulário de Login e Registro | Aprender sobre construção de formulários e rotinas de validação | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Métodos para Buscar e Usar Dados | Como os dados fluem para dentro e fora do seu app, como buscá-los, armazená-los e descartá-los | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Conceitos de Gerenciamento de Estado | Aprender como seu app mantém o estado e como gerenciá-lo programaticamente | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Trabalhando com VScode | Aprender a usar um editor de código | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Trabalhando com IA | Aprender a construir seu próprio assistente de IA | [AI Assistant project](./9-chat-project/README.md) | Chris | +| | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Lição Relacionada | Autor | +| :-: | :---------------------------------------------------------: | :----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Começando | Introdução à Programação e Ferramentas do Ofício | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre o software que ajuda desenvolvedores | [Introdução às Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Começando | Noções básicas de GitHub, incluindo trabalho em equipe | Como usar GitHub em seu projeto, como colaborar com outros em uma base de código | [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Começando | Acessibilidade | Aprender o básico de acessibilidade na web | [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Básicos de JS | Tipos de Dados em JavaScript | O básico sobre tipos de dados em JavaScript | [Tipos de Dados](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Básicos de JS | Funções e Métodos | Aprender sobre funções e métodos para gerenciar o fluxo lógico de um aplicativo | [Funções e Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | +| 06 | Básicos de JS | Tomando Decisões com JS | Aprender como criar condições em seu código usando métodos para tomada de decisão | [Tomando Decisões](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Básicos de JS | Arrays e Loops | Trabalhar com dados usando arrays e loops em JavaScript | [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, com foco no layout | [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS na Prática | Construir o CSS para estilizar o terrário online, focando no básico de CSS, incluindo tornar a página responsiva | [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures em JavaScript e manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface de arrastar e soltar, focando em closures e manipulação do DOM | [Closures em JavaScript e manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construir um Jogo de Digitação | Aprender a usar eventos de teclado para controlar a lógica do seu app JavaScript | [Programação Baseada em Eventos](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) | Trabalhando com Navegadores | Aprender como os navegadores funcionam, sua história e como criar os primeiros elementos de uma extensão de navegador | [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) | Construção de formulário, chamada a API e armazenamento local de variáveis | Construir os elementos JavaScript da sua extensão para chamar uma API usando variáveis armazenadas localmente | [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) | Processos em segundo plano no navegador, performance na web | Usar os processos em segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre performance na web e algumas otimizações | [Tarefas em Segundo Plano e Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenvolvimento de Jogos mais Avançado com JavaScript | Aprender sobre herança usando Classes e Composição e o padrão Pub/Sub, preparando para construir um jogo | [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenhando no canvas | Aprender sobre a API Canvas, usada para desenhar elementos na tela | [Desenhando no Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Jogo Espacial](./6-space-game/solution/README.md) | Movendo elementos pela tela | Descobrir como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas | [Movendo Elementos](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Jogo Espacial](./6-space-game/solution/README.md) | Detecção de colisões | Fazer elementos colidirem e reagirem entre si usando pressionamentos de tecla e fornecer função de cooldown para garantir performance | [Detecção de Colisões](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Jogo Espacial](./6-space-game/solution/README.md) | Mantendo a pontuação | Realizar cálculos matemáticos baseados no estado e na performance do jogo | [Mantendo a Pontuação](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Jogo Espacial](./6-space-game/solution/README.md) | Terminando e reiniciando o jogo | Aprender sobre como terminar e reiniciar o jogo, incluindo limpeza de recursos e reset de valores de variáveis | [A Condição de Término](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Templates HTML e Rotas em um aplicativo Web | Aprender a criar a arquitetura de um site multipágina usando roteamento e templates HTML | [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Construir um formulário de login e registro | Aprender sobre construir formulários e lidar com rotinas de validação | [Formulários](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Métodos para buscar e usar dados | Como os dados entram e saem do seu app, como buscá-los, armazená-los e descartá-los | [Dados](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Conceitos de Gerenciamento de Estado | Aprender como seu app retém estado e como gerenciá-lo programaticamente | [Gerenciamento de Estado](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Trabalhando com VScode | Aprender a usar um editor de código | [Usar o editor de código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Assistentes de IA](./9-chat-project/README.md) | Trabalhando com IA | Aprender a construir seu próprio assistente de IA | [Projeto Assistente de IA](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogia -Nosso currículo é projetado com dois princípios pedagógicos principais em mente: -* aprendizagem baseada em projetos +Nosso currículo é elaborado com dois princípios pedagógicos principais em mente: +* aprendizagem baseada em projects * quizzes frequentes -O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web atuais. Os alunos terão a oportunidade de adquirir experiência prática construindo um jogo de digitação, terrário virtual, extensão de navegador ecológica, jogo no estilo space-invader e um aplicativo bancário para empresas. Ao final da série, os alunos terão uma sólida compreensão do desenvolvimento web. +O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web hoje. Os estudantes terão a oportunidade de desenvolver experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de navegador ecológica, um jogo estilo space-invaders e um aplicativo bancário para negócios. Ao final da série, os estudantes terão adquirido uma sólida compreensão do desenvolvimento web. -> 🎓 Você pode fazer as primeiras aulas deste currículo como um [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn! +> 🎓 Você pode fazer as primeiras lições deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn! -Ao garantir que o conteúdo esteja alinhado com projetos, o processo torna-se mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais sobre conceitos básicos de JavaScript para introduzir conceitos, combinadas com um vídeo da coleção de tutoriais em vídeo "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos autores dos quais contribuíram para este currículo. +Ao garantir que o conteúdo esteja alinhado com os projetos, o processo se torna mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais sobre os básicos de JavaScript para introduzir conceitos, combinadas com um vídeo da coleção "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" de tutoriais em vídeo, alguns cujos autores contribuíram para este currículo. -Além disso, um quiz de baixo impacto antes da aula define a intenção do aluno em aprender um tema, enquanto um segundo quiz após a aula assegura maior retenção. Este currículo foi projetado para ser flexível e divertido e pode ser feito inteiro ou em partes. Os projetos começam pequenos e tornam-se progressivamente mais complexos ao longo do ciclo de 12 semanas. +Além disso, um quiz de baixa pressão antes da aula define a intenção do aluno para aprender um tópico, enquanto um segundo quiz após a aula assegura a retenção adicional. Este currículo foi projetado para ser flexível e divertido e pode ser feito completo ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos até o final do ciclo de 12 semanas. -Embora tenhamos evitado propositalmente a introdução de frameworks JavaScript para concentrar-se nas habilidades básicas necessárias para um desenvolvedor web antes de adotar um framework, um próximo passo interessante para completar este currículo seria aprender sobre Node.js por meio de outra coleção de vídeos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Embora tenhamos evitado propositalmente introduzir frameworks JavaScript para concentrar nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, o próximo passo recomendado para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Visite nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Agradecemos seu feedback construtivo! +> Visite nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Aguardamos seu feedback construtivo! -## 🧭 Acesso Offline +## 🧭 Acesso offline -Você pode executar esta documentação offline usando o [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) em sua máquina local e então, na pasta raiz deste repositório, digite `docsify serve`. O site será servido na porta 3000 no seu localhost: `localhost:3000`. +Você pode executar esta documentação offline usando [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) em sua máquina local e então, na pasta raiz deste repositório, digite `docsify serve`. O site será servido na porta 3000 no seu localhost: `localhost:3000`. ## 📘 PDF Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -241,7 +241,7 @@ Nossa equipe produz outros cursos! Confira: --- -### Aprendizado Fundamental +### Aprendizado Básico [![ML para Iniciantes](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) [![Ciência de Dados para Iniciantes](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 para Iniciantes](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) @@ -253,20 +253,20 @@ Nossa equipe produz outros cursos! Confira: --- ### Série Copilot -[![Copilot para Programação Emparelhada com 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 para Programação em Pares com 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 para 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) [![Aventura 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) ## Obter Ajuda -Se você ficar travado ou tiver dúvidas sobre como construir aplicativos de IA, junte-se a outros aprendizes e desenvolvedores experientes em discussões sobre MCP. É uma comunidade receptiva onde perguntas são bem-vindas e o conhecimento é compartilhado livremente. +Se você ficar preso ou tiver alguma dúvida sobre como criar aplicativos de IA. Junte-se a outros aprendizes e desenvolvedores experientes em discussões sobre MCP. É uma comunidade acolhedora onde perguntas são bem-vindas e o conhecimento é compartilhado livremente. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Se você tiver feedback sobre o produto ou encontrar erros durante a criação, visite: +Se você tiver feedback de produto ou encontrar erros durante o desenvolvimento, visite: -[![Fórum de Desenvolvedores Microsoft Foundry](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) +[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Licença @@ -276,5 +276,5 @@ Este repositório está licenciado sob a licença MIT. Veja o arquivo [LICENSE]( **Aviso Legal**: -Este documento foi traduzido usando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional feita por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução. +Este documento foi traduzido usando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas que possam surgir do uso desta tradução. \ No newline at end of file diff --git a/translations/pt-BR/lesson-template/README.md b/translations/pt-BR/lesson-template/README.md index 406c54e493..cd34ee5627 100644 --- a/translations/pt-BR/lesson-template/README.md +++ b/translations/pt-BR/lesson-template/README.md @@ -1,54 +1,79 @@ -# [Tópico da Aula] +# Tópico da Aula -![Incorporar um vídeo aqui](../../../lesson-template/video-url) +## 🎥 Vídeo -## [Questionário pré-aula](../../../lesson-template/quiz-url) +> Adicione aqui um vídeo incorporado ou link da aula. -[Descreva o que será aprendido] +--- + +## Questionário pré-aula + +> Adicione um link para o questionário aqui quando disponível. + +--- + +Forneça uma visão geral breve do que os estudantes aprenderão nesta aula. + +--- ### Introdução -Descreva o que será abordado +Forneça uma breve introdução descrevendo o que será abordado nesta aula. > Notas -### Pré-requisitos +--- -Quais etapas devem ter sido concluídas antes desta aula? +### Pré-requisito + +Liste os conceitos ou tópicos com os quais os estudantes devem estar familiarizados antes de começar esta aula. + +--- ### Preparação -Etapas preparatórias para iniciar esta aula +Liste quaisquer etapas de configuração ou ferramentas necessárias antes de iniciar a aula. --- -[Avance pelo conteúdo em blocos] +### Conteúdo + +Percorra o conteúdo da aula em seções estruturadas. -## [Tópico 1] +--- + +## Tópico 1 ### Tarefa: -Trabalhem juntos para aprimorar progressivamente sua base de código e construir o projeto com código compartilhado: +Trabalhem juntos para aprimorar progressivamente sua base de código para construir o projeto com código compartilhado: ```html code blocks ``` -✅ Verificação de Conhecimento - aproveite este momento para expandir o conhecimento dos alunos com perguntas abertas +✅ Verificação de Conhecimento +Aproveite este momento para desafiar o conhecimento dos estudantes com perguntas abertas. -## [Tópico 2] +## Tópico 2 +## Tópico 3 -## [Tópico 3] +🚀 Desafio +Adicione um desafio colaborativo para os estudantes aprimorarem o projeto. -🚀 Desafio: Adicione um desafio para os alunos trabalharem colaborativamente em sala de aula para aprimorar o projeto +Opcional: Adicione uma captura de tela da interface concluída da aula, se apropriado. -Opcional: adicione uma captura de tela da interface do usuário da aula concluída, se for apropriado +## Questionário pós-aula -## [Questionário pós-aula](../../../lesson-template/quiz-url) +Adicione um link para o questionário aqui após concluir a aula. -## Revisão e Estudo Individual +## Revisão & Autoestudo -**Entrega da Tarefa [MM/AA]**: [Nome da Tarefa](assignment.md) +**Trabalho para entrega [MM/AA]**: [Nome do Trabalho](assignment.md) + +--- + **Aviso Legal**: -Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução. \ No newline at end of file +Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução. + \ No newline at end of file diff --git a/translations/pt-PT/.co-op-translator.json b/translations/pt-PT/.co-op-translator.json index 37185a66a2..6d1dcb520f 100644 --- a/translations/pt-PT/.co-op-translator.json +++ b/translations/pt-PT/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:49:55+00:00", + "translation_date": "2026-04-24T18:15:12+00:00", "source_file": "AGENTS.md", "language_code": "pt-PT" }, @@ -516,8 +516,8 @@ "language_code": "pt-PT" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:35:12+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T18:08:47+00:00", "source_file": "README.md", "language_code": "pt-PT" }, @@ -564,8 +564,8 @@ "language_code": "pt-PT" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-24T13:48:13+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T18:08:58+00:00", "source_file": "lesson-template/README.md", "language_code": "pt-PT" }, diff --git a/translations/pt-PT/AGENTS.md b/translations/pt-PT/AGENTS.md index b6510ce39f..41c17b7267 100644 --- a/translations/pt-PT/AGENTS.md +++ b/translations/pt-PT/AGENTS.md @@ -2,27 +2,27 @@ ## Visão Geral do Projeto -Este é um repositório de currículo educativo para ensinar fundamentos do desenvolvimento web a iniciantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, apresentando 24 lições práticas que cobrem JavaScript, CSS e HTML. +Este é um repositório curricular educativo para ensinar fundamentos do desenvolvimento web a principiantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 lições práticas cobrindo JavaScript, CSS e HTML. ### Componentes Principais - **Conteúdo Educativo**: 24 lições estruturadas organizadas em módulos baseados em projetos -- **Projetos Práticos**: Terrarium, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, Aplicação Bancária, Editor de Código e Assistente de Chat IA -- **Questionários Interativos**: 48 questionários com 3 perguntas cada (avaliações pré/pós-lição) +- **Projetos Práticos**: Terrário, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, Aplicação Bancária, Editor de Código e Assistente de Chat AI +- **Questionários Interativos**: 48 questionários com 3 perguntas cada (avaliações pré/pós-licão) - **Suporte Multilíngue**: Traduções automáticas para mais de 50 idiomas via GitHub Actions -- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos de IA) +- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos AI) ### Arquitetura - Repositório educativo com estrutura baseada em lições - Cada pasta de lição contém README, exemplos de código e soluções -- Projetos independentes em diretórios separados (quiz-app, vários projetos de lição) +- Projetos independentes em diretórios separados (quiz-app, vários projetos das lições) - Sistema de tradução usando GitHub Actions (co-op-translator) - Documentação servida via Docsify e disponível em PDF -## Comandos de Configuração +## Comandos para Configuração -Este repositório destina-se principalmente ao consumo de conteúdo educativo. Para trabalhar com projetos específicos: +Este repositório é principalmente para consumo de conteúdo educacional. Para trabalhar com projetos específicos: ### Configuração Principal do Repositório @@ -31,7 +31,7 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Configuração do Quiz App (Vue 3 + Vite) +### Configuração da Aplicação de Questionários (Vue 3 + Vite) ```bash cd quiz-app @@ -48,7 +48,7 @@ cd 7-bank-project/api npm install npm start # Iniciar servidor API npm run lint # Executar ESLint -npm run format # Formatar com Prettier +npm run format # Formatado com Prettier ``` ### Projetos de Extensão de Navegador @@ -59,94 +59,94 @@ npm install # Siga as instruções específicas do navegador para carregar extensões ``` -### Projetos de Jogo Espacial +### Projetos do Jogo Espacial ```bash cd 6-space-game/solution npm install -# Abra index.html no navegador ou use o Live Server +# Abra index.html no navegador ou utilize o Live Server ``` -### Projeto de Chat (Backend em Python) +### Projeto de Chat (Backend Python) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Definir variável de ambiente GITHUB_TOKEN +# Definir a variável de ambiente GITHUB_TOKEN python api.py ``` -## Fluxo de Trabalho de Desenvolvimento +## Workflow de Desenvolvimento ### Para Contribuidores de Conteúdo -1. **Faça fork do repositório** na sua conta GitHub -2. **Clone o seu fork** localmente -3. **Crie uma nova branch** para as suas alterações -4. Faça alterações no conteúdo da lição ou nos exemplos de código -5. Teste quaisquer alterações de código nos diretórios de projeto relevantes -6. Submeta pull requests seguindo as diretrizes de contribuição +1. **Fazer fork do repositório** para sua conta no GitHub +2. **Clonar o seu fork** localmente +3. **Criar uma nova branch** para as suas alterações +4. Fazer alterações no conteúdo da lição ou exemplos de código +5. Testar quaisquer alterações de código nos diretórios dos projetos relevantes +6. Submeter pull requests seguindo as diretrizes de contribuição ### Para Aprendizes -1. Faça fork ou clone o repositório -2. Navegue sequencialmente pelos diretórios das lições -3. Leia os ficheiros README de cada lição -4. Complete os quizzes pré-lição em https://ff-quizzes.netlify.app/web/ -5. Trabalhe os exemplos de código nas pastas das lições -6. Complete trabalhos e desafios -7. Realize os quizzes pós-lição +1. Fazer fork ou clonar o repositório +2. Navegar sequencialmente pelas pastas das lições +3. Ler os arquivos README de cada lição +4. Completar os questionários pré-lição em https://ff-quizzes.netlify.app/web/ +5. Trabalhar os exemplos de código nas pastas das lições +6. Completar tarefas e desafios +7. Realizar os questionários pós-lição -### Desenvolvimento ao Vivo +### Desenvolvimento em Tempo Real -- **Documentação**: Execute `docsify serve` na raiz (porta 3000) -- **Quiz App**: Execute `npm run dev` no diretório quiz-app -- **Projetos**: Use a extensão Live Server do VS Code para projetos HTML -- **Projetos API**: Execute `npm start` nos diretórios API respetivos +- **Documentação**: Executar `docsify serve` na raiz (porta 3000) +- **Aplicação de Questionários**: Executar `npm run dev` no diretório quiz-app +- **Projetos**: Usar extensão Live Server do VS Code para projetos HTML +- **Projetos API**: Executar `npm start` nos respetivos diretórios API -## Instruções de Teste +## Instruções de Testes -### Teste do Quiz App +### Testes da Aplicação de Questionários ```bash cd quiz-app npm run lint # Verificar problemas de estilo de código -npm run build # Verificar se a compilação é bem-sucedida +npm run build # Verificar se a compilação tem sucesso ``` -### Teste da API Bancária +### Testes da API Bancária ```bash cd 7-bank-project/api -npm run lint # Verificar problemas de estilo de código -node server.js # Verificar se o servidor inicia sem erros +npm run lint # Verifique problemas de estilo de código +node server.js # Verifique se o servidor inicia sem erros ``` ### Abordagem Geral de Testes -- Este é um repositório educativo sem testes automatizados abrangentes -- O teste manual foca-se em: - - Exemplos de código que executam sem erros +- Este é um repositório educativo sem testes automatizados completos +- Testes manuais focam em: + - Exemplos de código executados sem erros - Links na documentação funcionam corretamente - Builds dos projetos completam com sucesso - - Exemplos seguem as boas práticas + - Exemplos seguem boas práticas -### Verificações Pré-Submissão +### Verificações Antes da Submissão -- Execute `npm run lint` nos diretórios com package.json -- Verifique que os links markdown são válidos -- Teste exemplos de código no navegador ou Node.js -- Confirme que as traduções mantêm a estrutura adequada +- Executar `npm run lint` nas pastas com package.json +- Verificar que os links markdown são válidos +- Testar exemplos de código no browser ou Node.js +- Confirmar que traduções mantêm a estrutura correta ## Diretrizes de Estilo de Código ### JavaScript -- Use sintaxe moderna ES6+ -- Siga as configurações padrão do ESLint fornecidas nos projetos -- Use nomes significativos de variáveis e funções para clareza educativa -- Adicione comentários explicativos para os conceitos -- Formate com Prettier onde estiver configurado +- Usar sintaxe moderna ES6+ +- Seguir configurações padrão ESLint fornecidas nos projetos +- Usar nomes de variáveis e funções significativos para clareza educativa +- Adicionar comentários explicando conceitos para aprendizes +- Formatar código com Prettier onde configurado ### HTML/CSS @@ -159,7 +159,7 @@ node server.js # Verificar se o servidor inicia sem erros - Diretrizes de estilo PEP 8 - Exemplos de código claros e educativos -- Anotações de tipo onde ajudarem na aprendizagem +- Anotações de tipos onde forem úteis para aprendizado ### Documentação Markdown @@ -173,14 +173,14 @@ node server.js # Verificar se o servidor inicia sem erros - Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.) - Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/` -- Imagens guardadas nas pastas `images/` específicas da lição -- Traduções em estrutura `translations/{language-code}/` +- Imagens guardadas nas pastas `images/` específicas de cada lição +- Traduções na estrutura `translations/{language-code}/` -## Construção e Implementação +## Construção e Deployment -### Deploy do Quiz App (Azure Static Web Apps) +### Deployment da Aplicação de Questionários (Azure Static Web Apps) -O quiz-app está configurado para deploy em Azure Static Web Apps: +A quiz-app está configurada para deployment em Azure Static Web Apps: ```bash cd quiz-app @@ -189,8 +189,8 @@ npm run build # Cria a pasta dist/ ``` Configuração Azure Static Web Apps: -- **Localização da app**: `/quiz-app` -- **Localização de saída**: `dist` +- **Local da aplicação**: `/quiz-app` +- **Local de output**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Geração de PDF da Documentação @@ -203,76 +203,76 @@ npm run convert # Gerar PDF a partir do docs ### Documentação Docsify ```bash -npm install -g docsify-cli # Instalar Docsify globalmente +npm install -g docsify-cli # Instalar o Docsify globalmente docsify serve # Servir em localhost:3000 ``` -### Builds Específicos por Projeto +### Builds Específicos de Projetos -Cada diretório de projeto pode ter seu próprio processo de build: -- Projetos Vue: `npm run build` cria bundles para produção -- Projetos estáticos: Sem etapa de build, servir ficheiros diretamente +Cada diretório de projeto pode ter o seu próprio processo de build: +- Projetos Vue: `npm run build` cria bundles de produção +- Projetos estáticos: Sem passo de build, servir ficheiros diretamente ## Diretrizes para Pull Requests -### Formato do Título +### Formato de Título -Use títulos claros e descritivos indicativos da área de alteração: -- `[Quiz-app] Adicionar novo quiz para lição X` -- `[Lesson-3] Corrigir erro tipográfico no projeto terrarium` -- `[Translation] Adicionar tradução para espanhol na lição 5` +Usar títulos claros e descritivos indicando a área de alteração: +- `[Quiz-app] Adicionar novo quiz para a lição X` +- `[Lesson-3] Corrigir erro tipográfico no projeto terrário` +- `[Translation] Adicionar tradução em Espanhol para a lição 5` - `[Docs] Atualizar instruções de configuração` -### Verificações Necessárias +### Verificações Obrigatórias Antes de submeter um PR: 1. **Qualidade do Código**: - - Execute `npm run lint` nos diretórios de projeto afetados - - Corrija todos os erros e avisos de lint + - Executar `npm run lint` nas pastas de projeto afetadas + - Corrigir todos os erros e avisos de lint 2. **Verificação do Build**: - - Execute `npm run build` se aplicável - - Garanta ausência de erros no build + - Executar `npm run build`, se aplicável + - Confirmar que não há erros de build -3. **Validação de Links**: - - Teste todos os links markdown - - Verifique referências de imagens +3. **Validação dos Links**: + - Testar todos os links markdown + - Verificar referências de imagens funcionam 4. **Revisão de Conteúdo**: - - Revise ortografia e gramática - - Confirme que os exemplos de código estão corretos e educativos - - Verifique que as traduções mantêm o significado original + - Revisar ortografia e gramática + - Garantir que exemplos de código estão corretos e educativos + - Confirmar que traduções mantêm o significado original -### Requisitos de Contribuição +### Requisitos para Contribuição -- Concordar com o CLA da Microsoft (verificação automática no primeiro PR) -- Seguir o [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Consultar [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas +- Aceitar o Microsoft CLA (verificação automática ao primeiro PR) +- Seguir o [Código de Conduta Open Source da Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Ver [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas - Referenciar números de issues na descrição do PR, se aplicável ### Processo de Revisão -- PRs revistos por mantenedores e comunidade -- Clareza educativa é prioridade +- PRs são revistos por mantenedores e comunidade +- Clareza educativa é prioritária - Exemplos de código devem seguir as melhores práticas atuais -- Traduções revisadas quanto a exatidão e adequação cultural +- Traduções revisadas quanto à precisão e adequação cultural ## Sistema de Tradução ### Tradução Automática - Usa GitHub Actions com workflow co-op-translator -- Traduz para mais de 50 idiomas automaticamente -- Ficheiros fonte nos diretórios principais +- Tradução automática para mais de 50 idiomas +- Ficheiros fonte nas pastas principais - Ficheiros traduzidos em `translations/{language-code}/` -### Adição de Melhorias Manuais de Tradução +### Adição de Melhorias Manuais à Tradução -1. Localize o ficheiro em `translations/{language-code}/` -2. Faça melhorias preservando a estrutura -3. Garanta que exemplos de código permanecem funcionais -4. Teste qualquer conteúdo de quizzes localizado +1. Localizar ficheiro em `translations/{language-code}/` +2. Fazer melhorias preservando a estrutura +3. Garantir que exemplos de código mantém funcionalidade +4. Testar conteúdos de quiz localizados ### Metadados de Tradução @@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA: ### Problemas Comuns -**App do Quiz não inicia**: -- Verifique a versão do Node.js (recomendado v14+) -- Apague `node_modules` e `package-lock.json`, execute `npm install` novamente -- Verifique conflitos de porta (padrão: Vite usa porta 5173) +**Aplicação de quiz não inicia**: +- Verificar versão do Node.js (recomenda-se v14+) +- Apagar `node_modules` e `package-lock.json`, executar `npm install` novamente +- Verificar conflitos de porta (padrão: Vite usa porta 5173) -**Servidor API não inicia**: -- Confirme que a versão do Node.js é mínima (node >=10) -- Verifique se a porta já está em uso -- Certifique-se de que todas as dependências foram instaladas com `npm install` +**Servidor API não arranca**: +- Confirmar versão mínima do Node.js (node >=10) +- Verificar se a porta já está em uso +- Garantir todas dependências instaladas com `npm install` **Extensão de navegador não carrega**: -- Verifique se o manifest.json está formatado corretamente -- Consulte o console do navegador para erros -- Siga as instruções específicas do navegador para instalação de extensões +- Confirmar que manifest.json está formatado corretamente +- Verificar consola do navegador para erros +- Seguir instruções específicas para instalação de extensões no navegador -**Problemas no projeto de chat em Python**: -- Certifique-se de que o pacote OpenAI está instalado: `pip install openai` -- Verifique se a variável de ambiente GITHUB_TOKEN está definida -- Confirme as permissões de acesso aos GitHub Models +**Problemas no projeto de chat Python**: +- Confirmar pacote OpenAI instalado: `pip install openai` +- Verificar variável de ambiente GITHUB_TOKEN está configurada +- Checar permissões de acesso aos Modelos GitHub -**Docsify não serve documentação**: -- Instale docsify-cli globalmente: `npm install -g docsify-cli` -- Execute desde o diretório raiz do repositório -- Verifique se `docs/_sidebar.md` existe +**Docsify não serve a documentação**: +- Instalar docsify-cli globalmente: `npm install -g docsify-cli` +- Executar na raiz do repositório +- Confirmar existência do ficheiro `docs/_sidebar.md` -### Dicas para o Ambiente de Desenvolvimento +### Dicas para Ambiente de Desenvolvimento -- Use VS Code com a extensão Live Server para projetos HTML -- Instale extensões ESLint e Prettier para formatação consistente -- Utilize DevTools do navegador para depurar JavaScript -- Para projetos Vue, instale a extensão Vue DevTools no navegador +- Usar VS Code com extensão Live Server para projetos HTML +- Instalar extensões ESLint e Prettier para formatação consistente +- Usar DevTools do navegador para depurar JavaScript +- Para projetos Vue, instalar extensão Vue DevTools no navegador ### Considerações de Performance -- Grande quantidade de ficheiros traduzidos (50+ idiomas) torna os clones completos pesados -- Use clone superficial se trabalhar apenas com conteúdo: `git clone --depth 1` -- Exclua traduções de pesquisas ao trabalhar com conteúdo em inglês +- Grande número de ficheiros traduzidos (50+ idiomas) torna clones completos grandes +- Usar clone superficial se estiver a trabalhar apenas no conteúdo: `git clone --depth 1` +- Excluir traduções de pesquisas quando trabalhar conteúdo em Inglês - Processos de build podem ser lentos na primeira execução (npm install, build Vite) ## Considerações de Segurança ### Variáveis de Ambiente -- Chaves API nunca devem ser commitadas no repositório -- Use ficheiros `.env` (já listados no `.gitignore`) -- Documente as variáveis de ambiente necessárias nos READMEs dos projetos +- Chaves de API nunca devem ser submetidas ao repositório +- Usar ficheiros `.env` (já listados no `.gitignore`) +- Documentar variáveis de ambiente necessárias nos READMEs dos projetos ### Projetos Python -- Utilize ambientes virtuais: `python -m venv venv` -- Mantenha dependências atualizadas +- Usar ambientes virtuais: `python -m venv venv` +- Manter dependências atualizadas - Tokens GitHub devem ter permissões mínimas necessárias -### Acesso aos GitHub Models +### Acesso a Modelos GitHub -- São necessários tokens de acesso pessoal (PAT) para GitHub Models -- Armazene os tokens como variáveis de ambiente -- Nunca faça commit de tokens ou credenciais +- Tokens de Acesso Pessoal (PAT) necessários para os Modelos GitHub +- Tokens devem ser armazenados como variáveis de ambiente +- Nunca commitar tokens ou credenciais ## Notas Adicionais -### Público-Alvo +### Público-alvo -- Iniciantes completos em desenvolvimento web +- Principiantes completos em desenvolvimento web - Estudantes e autodidatas - Professores que usam o currículo em sala de aula -- Conteúdo desenhado para acessibilidade e construção gradual de competências +- Conteúdo desenhado para acessibilidade e desenvolvimento gradual de competências ### Filosofia Educativa - Abordagem de aprendizagem baseada em projetos -- Verificação frequente do conhecimento (quizzes) -- Exercícios práticos de codificação -- Exemplos de aplicação real +- Verificações frequentes de conhecimento (quizzes) +- Exercícios práticos de código +- Exemplos de aplicações reais - Foco nos fundamentos antes dos frameworks ### Manutenção do Repositório - Comunidade ativa de aprendizes e contribuidores -- Atualizações regulares de dependências e conteúdo -- Issues e discussões monitorizadas por mantenedores -- Atualizações de tradução automatizadas via GitHub Actions +- Atualizações regulares de dependências e conteúdos +- Issues e discussões monitoradas por mantenedores +- Atualizações de traduções automatizadas via GitHub Actions ### Recursos Relacionados - [Módulos Microsoft Learn](https://docs.microsoft.com/learn/) -- [Recursos do Student Hub](https://docs.microsoft.com/learn/student-hub/) +- [Recursos Student Hub](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendizes -- Cursos adicionais: AI Generativa, Ciência de Dados, ML, IoT disponíveis +- Cursos adicionais: Currículos de IA Generativa, Ciência de Dados, ML, IoT disponíveis ### Trabalhar com Projetos Específicos -Para instruções detalhadas sobre projetos individuais, consulte os ficheiros README em: -- `quiz-app/README.md` - Aplicação de quiz Vue 3 -- `7-bank-project/README.md` - Aplicação bancária com autenticação -- `5-browser-extension/README.md` - Desenvolvimento de extensão de navegador -- `6-space-game/README.md` - Desenvolvimento de jogo em canvas -- `9-chat-project/README.md` - Projeto de assistente de chat IA +Para instruções detalhadas sobre projetos individuais, consultar os README em: +- `quiz-app/README.md` - aplicação de quiz com Vue 3 +- `7-bank-project/README.md` - aplicação bancária com autenticação +- `5-browser-extension/README.md` - desenvolvimento de extensão de navegador +- `6-space-game/README.md` - desenvolvimento de jogo em canvas +- `9-chat-project/README.md` - projeto de assistente de chat AI ### Estrutura Monorepo Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes: -- Cada lição é autocontida +- Cada lição é autónoma - Projetos não partilham dependências -- Trabalhe em projetos individuais sem afetar outros -- Clone todo o repositório para a experiência completa do currículo +- Trabalhar em projetos individuais sem afetar os outros +- Clonar o repositório completo para experiência curricular completa --- **Aviso Legal**: -Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte oficial. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações erradas decorrentes do uso desta tradução. +Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes do uso desta tradução. \ No newline at end of file diff --git a/translations/pt-PT/README.md b/translations/pt-PT/README.md index 3288a193ac..fdd004e470 100644 --- a/translations/pt-PT/README.md +++ b/translations/pt-PT/README.md @@ -12,27 +12,27 @@ # Desenvolvimento Web para Iniciantes - Um Currículo -Aprende os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 lições aprofunda JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participa em questionários, discussões e tarefas práticas. Melhora as tuas competências e otimiza a tua retenção de conhecimento com a nossa pedagógica eficaz baseada em projetos. Começa a tua jornada de programação hoje! +Aprenda os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 lições aprofunda-se em JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participe em quizzes, discussões e tarefas práticas. Melhore as suas competências e otimize a retenção do conhecimento com a nossa pedagogia eficaz baseada em projetos. Comece a sua jornada de programação hoje! -Junta-te à Comunidade Discord do Azure AI Foundry +Junte-se ao Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Segue estes passos para começar a usar estes recursos: -1. **Faz Fork do Repositório**: Clica [![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 o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Junta-te ao Discord do Azure AI Foundry e conhece especialistas e outros programadores**](https://discord.com/invite/ByRwuEEgH4) +Siga estes passos para começar a usar estes recursos: +1. **Fork o Repositório**: Clique [![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. **Clone o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Junte-se ao Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Suporte Multilíngue #### Suportado via GitHub Action (Automatizado e Sempre Atualizado) -[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Checo](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estónio](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaiala](../ml/README.md) | [Marata](../mr/README.md) | [Nepalês](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polaco](../pl/README.md) | [Português (Brasil)](../pt-BR/README.md) | [Português (Portugal)](./README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tâmil](../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) | [Khmer](../km/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)](./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](../es/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) > **Prefere Clonar Localmente?** > -> Este repositório inclui traduções em mais de 50 idiomas, o que aumenta significativamente o tamanho do download. Para clonar sem traduções, usa sparse checkout: +> Este repositório inclui mais de 50 traduções que aumentam significativamente o tamanho do download. Para clonar sem as traduções, utilize o checkout esparso: > > **Bash / macOS / Linux:** > ```bash @@ -48,82 +48,82 @@ Segue estes passos para começar a usar estes recursos: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Isto dá-te tudo o que precisas para completar o curso com um download muito mais rápido. +> Isto dá-lhe tudo o que precisa para completar o curso com um download muito mais rápido. -**Se desejas que idiomas adicionais sejam suportados, estão listados [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Se desejar traduções adicionais, as línguas suportadas estão listadas [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _És estudante?_ +#### 🧑‍🎓 _É estudante?_ -Visita a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde encontrarás recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher gratuito para certificado. Esta é a página que deves guardar nos favoritos e consultar de vez em quando, pois o conteúdo é atualizado mensalmente. +Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde encontrará recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher gratuito para certificado. Esta é a página que deve adicionar aos favoritos e consultar regularmente, pois o conteúdo é atualizado mensalmente. -### 📣 Anúncio - Novos desafios modo Agente GitHub Copilot para completar! +### 📣 Anúncio - Novos desafios do modo GitHub Copilot Agent para completar! -Novo desafio adicionado, procura por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. É um novo desafio para completares usando GitHub Copilot e o modo Agente. Se nunca usaste o modo Agente, ele pode não só gerar texto como criar e editar ficheiros, executar comandos e muito mais. +Novo desafio adicionado, procure por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. Este é um novo desafio para completar usando o GitHub Copilot e o modo Agent. Se nunca usou o modo Agent antes, ele é capaz não só de gerar texto, mas também pode criar e editar ficheiros, executar comandos e mais. -### 📣 Anúncio - _Novo projeto para construir usando IA Generativa_ +### 📣 Anúncio - _Novo Projeto para construir usando IA Generativa_ -Novo projeto Assistente IA acaba de ser adicionado, confere o [projeto](./9-chat-project/README.md) +Novo projeto de Assistente AI acabado de adicionar, veja o [projeto](./9-chat-project/README.md) -### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript foi lançado +### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript acaba de ser lançado -Não percas o nosso novo currículo de IA Generativa! +Não perca o nosso novo currículo sobre IA Generativa! -Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começares! +Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar! ![Background](../../translated_images/pt-PT/background.148a8d43afde5730.webp) -- Lições que cobrem tudo, desde o básico até RAG. -- Interage com personagens históricos usando GenAI e a nossa aplicação acompanhante. -- Narrativa divertida e envolvente, estarás a viajar no tempo! +- Lições que cobrem desde o básico até RAG. +- Interaja com personagens históricos usando GenAI e a nossa app acompanhante. +- Narrativa divertida e envolvente, irá viajar no tempo! ![character](../../translated_images/pt-PT/character.5c0dd8e067ffd693.webp) -Cada lição inclui um exercício para completares, um teste de conhecimento e um desafio para te guiar na aprendizagem de tópicos como: +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: - Prompting e engenharia de prompts - Geração de aplicações de texto e imagem - Aplicações de pesquisa -Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começares! +Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar! ## 🌱 Começar -> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos o vosso feedback [no nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Apreciaríamos o seu feedback [no nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Estudantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, começa com um questionário pré-lectura e segue lendo o material da aula, completando as várias atividades e verifica a tua compreensão com o questionário pós-lectura. +**[Alunos](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, comece com um quiz pré-enciclopédia e continue lendo o material da aula, completando as várias atividades e verificando a sua compreensão com o quiz pós-enciclopédia. -Para melhorar a tua experiência de aprendizagem, conecta-te com os seus pares para trabalharem juntos nos projetos! As discussões são encorajadas no nosso [fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde a nossa equipa de moderadores estará disponível para responder às tuas perguntas. +Para melhorar a sua experiência de aprendizagem, conecte-se com os seus colegas para trabalharem juntos nos projetos! São incentivadas discussões no nosso [fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde a nossa equipa de moderadores estará disponível para responder às suas perguntas. -Para aprofundares a tua educação, recomendamos vivamente que explores o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais. +Para aprofundar os seus conhecimentos, recomendamos vivamente explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais. -### 📋 Configurar o teu ambiente +### 📋 Configurar o seu ambiente -Este currículo tem um ambiente de desenvolvimento pronto a usar! Ao começares, podes optar por executar o currículo num [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado no navegador, sem necessidade de instalações_), ou localmente no teu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Este currículo tem um ambiente de desenvolvimento pronto a usar! Ao começar, pode optar por executar o currículo num [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado no navegador, sem necessidade de instalações_), ou localmente no seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Cria o teu repositório -Para guardares facilmente o teu trabalho, recomenda-se que cries a tua própria cópia deste repositório. Podes fazer isso clicando no botão **Use this template** no topo da página. Isso criará um novo repositório na tua conta GitHub com uma cópia do currículo. +#### Crie o seu repositório +Para guardar facilmente o seu trabalho, é recomendado que crie a sua própria cópia deste repositório. Pode fazer isso clicando no botão **Use this template** no topo da página. Isto criará um novo repositório na sua conta GitHub com uma cópia do currículo. -Segue estes passos: -1. **Faz Fork do Repositório**: Clica no botão "Fork" no canto superior direito desta página. -2. **Clona o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Siga estes passos: +1. **Fork o Repositório**: Clique no botão "Fork" no canto superior direito desta página. +2. **Clone o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Executar o currículo num Codespace -Na tua cópia do repositório que criaste, clica no botão **Code** e seleciona **Open with Codespaces**. Isso criará um novo Codespace para trabalhares. +Na sua cópia do repositório que criou, clique no botão **Code** e selecione **Open with Codespaces**. Isto vai criar um novo Codespace para si trabalhar. ![Codespace](../../translated_images/pt-PT/createcodespace.0238bbf4d7a8d955.webp) -#### Executar o currículo localmente no teu computador +#### Executar o currículo localmente no seu computador -Para executares este currículo localmente no teu computador, precisas de um editor de texto, um navegador e uma ferramenta de linha de comandos. A nossa primeira lição, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), irá guiar-te por várias opções para cada uma destas ferramentas para selecionares o que melhor te convém. +Para correr este currículo localmente no seu computador, irá necessitar de um editor de texto, um navegador e uma ferramenta de linha de comandos. A nossa primeira lição, [Introdução a Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), irá guiá-lo por várias opções para cada uma destas ferramentas para que possa selecionar aquilo que funciona melhor para si. -A nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que também tem um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) incorporado. Podes descarregar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clone o seu repositório para o seu computador. Pode fazer isto clicando no botão **Code** e copiando a URL: +A nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que também tem um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Pode descarregar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Clone o seu repositório para o seu computador. Pode fazer isso clicando no botão **Code** e copiando a URL: [CodeSpace](./images/createcodespace.png) @@ -144,71 +144,71 @@ A nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio. ## 📂 Cada aula inclui: - sketchnote opcional -- vídeo suplementar opcional -- quiz de aquecimento pré-aula +- vídeo complementar opcional +- quiz de preparação pré-aula - aula escrita -- para aulas baseadas em projetos, guias passo-a-passo sobre como construir o projeto +- para aulas baseadas em projetos, guias passo a passo sobre como construir o projeto - verificações de conhecimento - um desafio - leitura suplementar - tarefa - [quiz pós-aula](https://ff-quizzes.netlify.app/web/) -> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, com um total de 48 quizzes de três perguntas cada. Estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/) e a aplicação de quiz pode ser executada localmente ou implantada no Azure; siga as instruções na pasta `quiz-app`. +> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, um total de 48 quizzes com três perguntas cada. Estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/) e a app de quizzes pode ser executada localmente ou implantada no Azure; siga as instruções na pasta `quiz-app`. ## 🗃️ Aulas -| | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Aula Ligada | Autor | -| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | A Começar | Introdução à Programação e Ferramentas do Ofício | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre o software que ajuda desenvolvedores profissionais a fazerem o seu trabalho | [Introdução a Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | A Começar | Noções básicas de GitHub, inclui trabalho em equipa | Como usar o GitHub no seu projeto, como colaborar com outros numa base de código | [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | A Começar | Acessibilidade | Aprender os fundamentos da acessibilidade web | [Fundamentos da Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Fundamentos de JS | Tipos de Dados em JavaScript | Os fundamentos dos tipos de dados em JavaScript | [Tipos de Dados](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Fundamentos de JS | Funções e Métodos | Aprender sobre funções e métodos para gerir o fluxo lógico de uma aplicação | [Funções e Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | -| 06 | Fundamentos de JS | Tomando Decisões com JS | Aprender a criar condições no seu código usando métodos de tomada de decisão | [Tomando Decisões](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Fundamentos de JS | Arrays e Loops | Trabalhar com dados usando arrays e loops em JavaScript | [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrário](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, focando na construção do layout | [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrário](./3-terrarium/solution/README.md) | CSS na Prática | Construir o CSS para estilizar o terrário online, focando no básico do CSS incluindo tornar a página responsiva | [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrário](./3-terrarium/solution/README.md) | Closures em JavaScript, manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface de arrastar e largar, focando em closures e manipulação do DOM | [Closures em JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Jogo de Digitação](./4-typing-game/solution/README.md) | Construir um Jogo de Digitação | Aprender a usar eventos do teclado para conduzir a lógica da sua app em JavaScript | [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Trabalhar com Browsers | Aprender como os browsers funcionam, a sua história, e como estruturar os primeiros elementos de uma extensão de browser | [Sobre Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Construir um formulário, chamar uma API e armazenar variáveis localmente | Construir os elementos JavaScript da extensão do browser para chamar uma API usando variáveis armazenadas em local storage | [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Processos em background no browser, performance web | Usar os processos em background do browser para gerir o ícone da extensão; aprender sobre performance web e algumas otimizações para melhorar | [Tarefas em Background e Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenvolvimento Avançado de Jogos com JavaScript | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, em preparação para construir um jogo | [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md) | Chris | +| | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Aula Associada | Autor | +| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | A Começar | Introdução à Programação e Ferramentas do Ofício | Conhecer os fundamentos básicos por trás da maioria das linguagens de programação e sobre software que ajuda os programadores profissionais | [Intro às Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | A Começar | Noções básicas de GitHub, incluindo trabalho em equipa | Como usar GitHub no seu projeto e como colaborar com outros numa base de código | [Intro ao GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | A Começar | Acessibilidade | Aprender os conceitos básicos sobre acessibilidade web | [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Noções de JS | Tipos de Dados em JavaScript | Os fundamentos dos tipos de dados em JavaScript | [Tipos de Dados](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Noções de JS | Funções e Métodos | Aprender sobre funções e métodos para gerir o fluxo lógico de uma aplicação | [Funções e Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | +| 06 | Noções de JS | Tomar Decisões com JS | Aprender a criar condições no seu código usando métodos de tomada de decisão | [Tomar Decisões](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Noções de JS | Arrays e Loops | Trabalhar com dados usando arrays e ciclos em JavaScript | [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrário](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, focando na criação do layout | [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrário](./3-terrarium/solution/README.md) | CSS na Prática | Construir o CSS para estilizar o terrário online, focando nos conceitos básicos de CSS, incluindo tornar a página responsiva | [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrário](./3-terrarium/solution/README.md) | Fechos em JavaScript, manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface drag/drop, focando em fechos e manipulação do DOM | [Fechos em JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Jogo da Digitação](./4-typing-game/solution/README.md) | Construir um Jogo de Digitação | Aprender como usar eventos do teclado para conduzir a lógica da sua aplicação JavaScript | [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Extensão Verde para Navegadores](./5-browser-extension/solution/README.md) | Trabalhar com Navegadores | Aprender como funcionam os navegadores, sua história e como estruturar os primeiros elementos de uma extensão para navegador | [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Extensão Verde para Navegadores](./5-browser-extension/solution/README.md) | Construir um formulário, chamar uma API e armazenar variáveis no armazenamento local | Construir os elementos em JavaScript da sua extensão de navegador para chamar uma API usando variáveis armazenadas localmente | [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Extensão Verde para Navegadores](./5-browser-extension/solution/README.md) | Processos em segundo plano no navegador, desempenho web | Usar os processos em segundo plano do navegador para gerir o ícone da extensão; aprender sobre desempenho web e otimizações para melhorar performance | [Tarefas em Segundo Plano e Desempenho](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenvolvimento de Jogos Mais Avançado com JavaScript | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, em preparação para construir um jogo | [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md) | Chris | | 16 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenhar no canvas | Aprender sobre a API Canvas, usada para desenhar elementos num ecrã | [Desenhar no Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 17 | [Jogo Espacial](./6-space-game/solution/README.md) | Mover elementos pelo ecrã | Descobrir como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas | [Mover Elementos](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Jogo Espacial](./6-space-game/solution/README.md) | Detetar colisões | Fazer os elementos colidirem e reagirem uns aos outros usando pressionar de teclas e fornecer uma função de cooldown para garantir o desempenho do jogo | [Deteção de Colisões](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Jogo Espacial](./6-space-game/solution/README.md) | Contabilizar pontos | Realizar cálculos matemáticos baseados no estado e desempenho do jogo | [Contabilização de Pontos](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Jogo Espacial](./6-space-game/solution/README.md) | Terminar e reiniciar o jogo | Aprender sobre terminar e reiniciar o jogo, incluindo limpar recursos e reiniciar valores de variáveis | [Condição de Termino](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [App Bancária](./7-bank-project/solution/README.md) | Templates HTML e Rotas numa Web App | Aprender como criar a estrutura da arquitetura de um website multipágina usando rotas e templates HTML | [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [App Bancária](./7-bank-project/solution/README.md) | Construir um Formulário de Login e Registro | Aprender sobre construir formulários e gerir rotinas de validação | [Formulários](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [App Bancária](./7-bank-project/solution/README.md) | Métodos de Obter e Usar Dados | Como os dados entram e saem da aplicação, como obtê-los, armazená-los e descartá-los | [Dados](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [App Bancária](./7-bank-project/solution/README.md) | Conceitos de Gestão de Estado | Aprender como a sua app mantém estado e como gerir isso programaticamente | [Gestão de Estado](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Código do Browser/VScode](../../8-code-editor) | Trabalhar com VScode | Aprender a usar um editor de código| [Usar Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Assistentes de IA](./9-chat-project/README.md) | Trabalhar com IA | Aprender a construir o seu próprio assistente de IA | [Projeto Assistente de IA](./9-chat-project/README.md) | Chris | +| 18 | [Jogo Espacial](./6-space-game/solution/README.md) | Detecção de colisões | Fazer elementos colidirem e reagirem uns com os outros usando pressões de tecla e fornecer uma função cooldown para garantir o desempenho do jogo | [Detecção de Colisões](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Jogo Espacial](./6-space-game/solution/README.md) | Contar pontos | Realizar cálculos matemáticos baseados no estado e desempenho do jogo | [Contagem de Pontos](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Jogo Espacial](./6-space-game/solution/README.md) | Terminar e reiniciar o jogo | Aprender sobre terminar e reiniciar o jogo, incluindo limpar recursos e redefinir valores das variáveis | [Condição de Termino](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [App Bancário](./7-bank-project/solution/README.md) | Templates HTML e Rotas numa App Web | Aprender como criar a estrutura de um website multipágina usando rotas e templates HTML | [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [App Bancário](./7-bank-project/solution/README.md) | Construir um Formulário de Login e Registo | Aprender sobre construir formulários e gerir rotinas de validação | [Formulários](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [App Bancário](./7-bank-project/solution/README.md) | Métodos para Obter e Usar Dados | Como os dados entram e saem da sua aplicação, como obtê-los, armazená-los e descartá-los | [Dados](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [App Bancário](./7-bank-project/solution/README.md) | Conceitos de Gestão de Estado | Aprender como a sua aplicação retém estado e como geri-lo programaticamente | [Gestão de Estado](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Código Browser/VScode](../../8-code-editor) | Trabalhar com VScode | Aprender a usar um editor de código| [Usar o Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [Assistentes AI](./9-chat-project/README.md) | Trabalhar com AI | Aprender a construir o seu próprio assistente AI | [Projeto Assistente AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogia -O nosso currículo foi concebido com dois princípios pedagógicos fundamentais em mente: +O nosso currículo foi desenhado com dois princípios pedagógicos fundamentais em mente: * aprendizagem baseada em projetos * quizzes frequentes -O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as últimas ferramentas e técnicas usadas pelos desenvolvedores web de hoje. Os alunos terão a oportunidade de desenvolver experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de browser ecológica, um jogo estilo invasores do espaço e uma app bancária para negócios. No final da série, os alunos terão adquirido uma sólida compreensão do desenvolvimento web. +O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web atuais. Os alunos terão a oportunidade de ganhar experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de navegador ecológica, um jogo ao estilo invasores do espaço e uma aplicação bancária para empresas. No final da série, os alunos terão adquirido um sólido entendimento do desenvolvimento web. > 🎓 Pode fazer as primeiras aulas deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -Ao garantir que o conteúdo está alinhado com projetos, o processo torna-se mais envolvente para os alunos e a retenção de conceitos será aumentada. Também escrevemos várias aulas introdutórias aos fundamentos de JavaScript para introduzir conceitos, combinadas com um vídeo da coleção de tutoriais em vídeo "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos quais os autores contribuíram para este currículo. +Ao garantir que o conteúdo está alinhado com projetos, o processo torna-se mais envolvente para os alunos e a retenção de conceitos será aumentada. Também escrevemos várias aulas introdutórias em JavaScript para introduzir conceitos, acompanhadas de um vídeo da coleção de tutoriais em vídeo "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos quais os seus autores contribuíram para este currículo. -Além disso, um quiz de baixo risco antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula assegura uma retenção adicional. Este currículo foi desenhado para ser flexível e divertido e pode ser feito na totalidade ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos até ao final do ciclo de 12 semanas. +Além disso, um quiz de baixo risco antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula assegura maior retenção. Este currículo foi desenhado para ser flexível e divertido e pode ser feito total ou parcialmente. Os projetos começam pequenos e tornam-se progressivamente mais complexos até ao fim do ciclo de 12 semanas. -Embora tenhamos evitado propositadamente introduzir frameworks JavaScript para nos concentrarmos nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, um bom próximo passo para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Embora tenhamos evitado intencionalmente introduzir frameworks JavaScript para nos concentrar nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, o próximo passo para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Visite as nossas diretrizes [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Agradecemos o seu feedback construtivo! +> Visite as nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuições](CONTRIBUTING.md). Agradecemos o seu feedback construtivo! ## 🧭 Acesso Offline -Pode executar esta documentação offline usando o [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) na sua máquina local e depois, na pasta raiz deste repositório, escreva `docsify serve`. O site será servido na porta 3000 no seu localhost: `localhost:3000`. +Pode executar esta documentação offline usando [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) na sua máquina local e depois, na pasta raiz deste repositório, digite `docsify serve`. O website será servido na porta 3000 no seu localhost: `localhost:3000`. ## 📘 PDF Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -225,7 +225,7 @@ A nossa equipa produz outros cursos! Veja: [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### 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) @@ -241,7 +241,7 @@ A nossa equipa produz outros cursos! Veja: --- -### Aprendizagem Base +### Aprendizagem Central [![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) @@ -260,11 +260,11 @@ A nossa equipa produz outros cursos! Veja: ## Obter Ajuda -Se ficar bloqueado ou tiver alguma pergunta sobre como construir aplicações de IA, junte-se a outros alunos e desenvolvedores experientes em discussões sobre MCP. É uma comunidade de apoio onde as perguntas são bem-vindas e o conhecimento é partilhado livremente. +Se ficar preso ou tiver alguma dúvida sobre como criar aplicações de IA. Junte-se a outros aprendizes e programadores experientes em discussões sobre o MCP. É uma comunidade solidária onde as perguntas são bem-vindas e o conhecimento é partilhado livremente. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Se tiver comentários sobre o produto ou erros durante a construção, visite: +Se tiver feedback sobre o produto ou encontrar erros durante o desenvolvimento, visite: [![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) @@ -276,5 +276,5 @@ Este repositório está licenciado sob a licença MIT. Veja o ficheiro [LICENSE] **Aviso Legal**: -Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, tenha em conta que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações erradas resultantes do uso desta tradução. +Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, por favor tenha em atenção que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes da utilização desta tradução. \ No newline at end of file diff --git a/translations/pt-PT/lesson-template/README.md b/translations/pt-PT/lesson-template/README.md index 45dc2aedc8..4df4c56b49 100644 --- a/translations/pt-PT/lesson-template/README.md +++ b/translations/pt-PT/lesson-template/README.md @@ -1,54 +1,79 @@ -# [Tópico da Aula] +# Tópico da Lição -![Incorporar um vídeo aqui](../../../lesson-template/video-url) +## 🎥 Vídeo -## [Questionário pré-aula](../../../lesson-template/quiz-url) +> Adicione aqui um vídeo incorporado ou um link da lição. -[Descreva o que iremos aprender] +--- + +## Questionário pré-aula + +> Adicione um link para o questionário aqui, quando disponível. + +--- + +Forneça uma breve visão geral do que os estudantes irão aprender nesta lição. + +--- ### Introdução -Descreva o que será abordado +Forneça uma curta introdução descrevendo o que será abordado nesta lição. > Notas +--- + ### Pré-requisitos -Que passos devem ter sido concluídos antes desta aula? +Liste os conceitos ou tópicos com os quais os estudantes deverão estar familiarizados antes de iniciar esta lição. + +--- ### Preparação -Passos preparatórios para começar esta aula +Liste quaisquer passos de configuração ou ferramentas necessárias antes de iniciar a lição. --- -[Avance pelo conteúdo em blocos] +### Conteúdo + +Percorra o conteúdo da lição em secções estruturadas. -## [Tópico 1] +--- + +## Tópico 1 ### Tarefa: -Trabalhem juntos para melhorar progressivamente a vossa base de código e construir o projeto com código partilhado: +Trabalhem juntos para melhorar progressivamente a base do código de forma a construir o projeto com código partilhado: ```html code blocks ``` -✅ Verificação de Conhecimento - aproveite este momento para expandir o conhecimento dos alunos com perguntas abertas +✅ Verificação de Conhecimento +Aproveite este momento para expandir o conhecimento dos estudantes com perguntas abertas. -## [Tópico 2] +## Tópico 2 +## Tópico 3 -## [Tópico 3] +🚀 Desafio +Adicione um desafio colaborativo para os estudantes melhorarem o projeto. -🚀 Desafio: Adicione um desafio para os alunos trabalharem colaborativamente em aula para melhorar o projeto +Opcional: Adicione uma captura de ecrã da interface do utilizador da lição concluída, se apropriado. -Opcional: adicione uma captura de ecrã da interface do utilizador da aula concluída, se apropriado +## Questionário pós-aula -## [Questionário pós-aula](../../../lesson-template/quiz-url) +Adicione um link para o questionário aqui após a conclusão da lição. -## Revisão e Estudo Autónomo +## Revisão & Autoestudo -**Entrega do Trabalho [MM/AA]**: [Nome do Trabalho](assignment.md) +**Entrega da Tarefa [MM/AA]**: [Nome da Tarefa](assignment.md) + +--- -**Aviso Legal**: -Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original no seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se uma tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes do uso desta tradução. \ No newline at end of file + +**Aviso Legal**: +Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, tenha em atenção que as traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução. + \ No newline at end of file diff --git a/translations/ro/.co-op-translator.json b/translations/ro/.co-op-translator.json index dd33f0ee70..d4b1b0fc97 100644 --- a/translations/ro/.co-op-translator.json +++ b/translations/ro/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:44:09+00:00", + "translation_date": "2026-04-24T12:02:57+00:00", "source_file": "AGENTS.md", "language_code": "ro" }, @@ -516,8 +516,8 @@ "language_code": "ro" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:08:55+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:57:34+00:00", "source_file": "README.md", "language_code": "ro" }, @@ -564,8 +564,8 @@ "language_code": "ro" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T08:10:38+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:57:47+00:00", "source_file": "lesson-template/README.md", "language_code": "ro" }, diff --git a/translations/ro/AGENTS.md b/translations/ro/AGENTS.md index bfd5ca518d..1298c9c89d 100644 --- a/translations/ro/AGENTS.md +++ b/translations/ro/AGENTS.md @@ -2,29 +2,29 @@ ## Prezentare generală a proiectului -Acesta este un depozit curricular educațional pentru predarea elementelor fundamentale ale dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni, dezvoltat de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind JavaScript, CSS și HTML. +Acesta este un depozit curricular educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni, dezvoltat de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind JavaScript, CSS și HTML. ### Componente cheie -- **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte -- **Proiecte practice**: Terrarium, Joc de tastare, Extensie pentru browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent chat AI -- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție) -- **Suport multi-limbă**: Traduceri automate pentru peste 50 de limbi prin GitHub Actions -- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiectele AI) +- **Conținut educațional**: 24 de lecții structurate, organizate în module bazate pe proiecte +- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent chat AI +- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lectie) +- **Suport multilingv**: Traduceri automate în peste 50 de limbi prin GitHub Actions +- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiecte AI) ### Arhitectură - Depozit educațional cu structură bazată pe lecții - Fiecare folder de lecție conține README, exemple de cod și soluții -- Proiecte autonome în directoare separate (quiz-app, diverse proiecte din lecții) +- Proiecte independente în directoare separate (quiz-app, proiecte diverse de lecții) - Sistem de traducere folosind GitHub Actions (co-op-translator) -- Documentația este servită prin Docsify și disponibilă ca PDF +- Documentație servită prin Docsify și disponibilă ca PDF ## Comenzi de configurare -Acest depozit este destinat în principal consumului de conținut educațional. Pentru a lucra cu proiecte specifice: +Acest depozit este destinat în principal pentru consumul conținutului educațional. Pentru a lucra cu proiecte specifice: -### Configurare depozit principal +### Configurare principală a depozitului ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -37,11 +37,11 @@ cd Web-Dev-For-Beginners cd quiz-app npm install npm run dev # Pornește serverul de dezvoltare -npm run build # Compilează pentru producție +npm run build # Construiește pentru producție npm run lint # Rulează ESLint ``` -### API Proiect Bancar (Node.js + Express) +### API proiect bancar (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,7 +51,7 @@ npm run lint # Rulează ESLint npm run format # Formatează cu Prettier ``` -### Proiecte Extensie de Browser +### Proiecte extensie de browser ```bash cd 5-browser-extension/solution @@ -59,7 +59,7 @@ npm install # Urmați instrucțiunile specifice browserului pentru încărcarea extensiilor ``` -### Proiecte Joc Spațial +### Proiecte joc spațial ```bash cd 6-space-game/solution @@ -67,7 +67,7 @@ npm install # Deschide index.html în browser sau folosește Live Server ``` -### Proiect Chat (backend Python) +### Proiect chat (backend Python) ```bash cd 9-chat-project/solution/backend/python @@ -78,31 +78,31 @@ python api.py ## Flux de dezvoltare -### Pentru contribuitori de conținut +### Pentru contribuitorii de conținut -1. **Furcați depozitul** în contul vostru GitHub -2. **Clonați furca local** -3. **Creați un nou branch** pentru modificările voastre -4. Faceți modificări la conținutul lecțiilor sau la exemplele de cod -5. Testați orice modificare de cod în directoarele relevante ale proiectului -6. Trimiteți pull request-uri respectând ghidul de contribuție +1. **Fork-uiți depozitul** în contul dvs. GitHub +2. **Clonați fork-ul** local +3. **Creați un nou branch** pentru modificările dvs. +4. Modificați conținutul lecțiilor sau exemplele de cod +5. Testați orice modificare de cod în directoarele proiectelor relevante +6. Trimiteți pull request-uri urmând ghidurile de contribuție ### Pentru cursanți -1. Fork sau clonează depozitul +1. Faceți fork sau clonați depozitul 2. Navigați secvențial prin directoarele lecțiilor 3. Citiți fișierele README pentru fiecare lecție -4. Completați chestionarele pre-lecție la https://ff-quizzes.netlify.app/web/ +4. Completați chestionarele pre-lectie la https://ff-quizzes.netlify.app/web/ 5. Parcurgeți exemplele de cod din folderele lecțiilor 6. Finalizați temele și provocările -7. Susțineți chestionarele post-lecție +7. Susțineți chestionarele post-lectie -### Dezvoltare Live +### Dezvoltare live -- **Documentație**: Rulați `docsify serve` din rădăcină (port 3000) +- **Documentație**: Rulați `docsify serve` în rădăcină (port 3000) - **Quiz App**: Rulați `npm run dev` în directorul quiz-app - **Proiecte**: Folosiți extensia VS Code Live Server pentru proiectele HTML -- **Proiecte API**: Rulați `npm start` în directoarele API relevante +- **Proiecte API**: Rulați `npm start` în directoarele specifice API ## Instrucțiuni de testare @@ -110,42 +110,42 @@ python api.py ```bash cd quiz-app -npm run lint # Verifică problemele de stil ale codului +npm run lint # Verifică problemele de stil în cod npm run build # Verifică dacă compilarea reușește ``` -### Testare Bank API +### Testare API bancar ```bash cd 7-bank-project/api -npm run lint # Verifica problemele de stil de cod +npm run lint # Verifică problemele de stil de cod node server.js # Verifică dacă serverul pornește fără erori ``` -### Abordare generală a testării +### Abordare generală de testare -- Acesta este un depozit educațional fără teste automate complete +- Acesta este un depozit educațional fără teste automate comprehensive - Testarea manuală se concentrează pe: - - Exemplele de cod să ruleze fără erori - - Linkurile din documentație să funcționeze corect - - Construirea proiectelor să fie finalizată cu succes - - Exemplele să respecte cele mai bune practici + - Rularea exemplelor de cod fără erori + - Funcționarea corectă a linkurilor din documentație + - Complectarea cu succes a compilărilor proiectelor + - Exemplele urmează cele mai bune practici ### Verificări înainte de trimitere - Rulați `npm run lint` în directoarele cu package.json -- Verificați dacă linkurile markdown sunt valide -- Testați exemplele de cod în browser sau în Node.js -- Asigurați-vă că traducerile păstrează structura corectă +- Verificați validitatea linkurilor markdown +- Testați exemplele de cod în browser sau Node.js +- Verificați dacă traducerile păstrează structura corectă -## Ghid de stil pentru cod +## Ghid de stil de cod ### JavaScript - Folosiți sintaxa modernă ES6+ -- Respectați configurațiile standard ESLint oferite în proiecte -- Utilizați nume de variabile și funcții semnificative pentru claritate educațională -- Adăugați comentarii explicative pentru cursanți +- Respectați configurațiile ESLint standard furnizate în proiecte +- Folosiți nume de variabile și funcții semnificative pentru claritatea educațională +- Adăugați comentarii explicative pentru concepte pentru cursanți - Formatați folosind Prettier acolo unde este configurat ### HTML/CSS @@ -153,47 +153,47 @@ node server.js # Verifică dacă serverul pornește fără erori - Elemente semantice HTML5 - Principii de design responsive - Convenții clare de denumire a claselor -- Comentarii care explică tehnicile CSS pentru cursanți +- Comentarii explicative pentru tehnici CSS pentru cursanți ### Python -- Respectați ghidurile de stil PEP 8 -- Exemple de cod clare și educaționale -- Indicații de tip unde sunt utile pentru învățare +- Ghiduri de stil PEP 8 +- Exemple clare și educaționale de cod +- Tipări de tip unde sunt utile pentru învățare ### Documentație Markdown - Ierarhie clară a titlurilor -- Blocuri de cod cu specificație de limbaj +- Blocuri de cod cu specificare a limbajului - Linkuri către resurse suplimentare - Capturi de ecran și imagini în directoarele `images/` - Text alternativ pentru imagini pentru accesibilitate ### Organizarea fișierelor -- Lecțiile numerotate secvențial (1-getting-started-lessons, 2-js-basics etc.) +- Lecții numerotate secvențial (1-getting-started-lessons, 2-js-basics etc.) - Fiecare proiect are directoare `solution/` și adesea `start/` sau `your-work/` -- Imaginile sunt stocate în foldere specifice lecțiilor `images/` -- Traducerile în structura `translations/{language-code}/` +- Imaginile sunt stocate în foldere `images/` specifice lecțiilor +- Traducerile sunt în structura `translations/{cod-limbă}/` -## Build și implementare +## Compilare și implementare -### Implementarea Quiz App (Azure Static Web Apps) +### Implementare Quiz App (Azure Static Web Apps) -quiz-app este configurat pentru implementarea pe Azure Static Web Apps: +quiz-app este configurat pentru implementarea Azure Static Web Apps: ```bash cd quiz-app npm run build # Creează folderul dist/ -# Face deploy prin workflow-ul GitHub Actions la push în main +# Publică prin fluxul de lucru GitHub Actions la împingerea pe main ``` -Configurare Azure Static Web Apps: -- **Locația aplicației**: `/quiz-app` -- **Locația de output**: `dist` -- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Configurarea Azure Static Web Apps: +- **Locație aplicație**: `/quiz-app` +- **Locație output**: `dist` +- **Flux de lucru**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Generarea PDF documentație +### Generare PDF documentație ```bash npm install # Instalează docsify-to-pdf @@ -203,80 +203,80 @@ npm run convert # Generează PDF din docs ### Documentație Docsify ```bash -npm install -g docsify-cli # Instalează Docsify la nivel global +npm install -g docsify-cli # Instalează Docsify global docsify serve # Servește pe localhost:3000 ``` -### Build-uri specifice proiectelor +### Construiri specifice proiectelor -Fiecare director de proiect poate avea propriul proces de build: -- Proiecte Vue: `npm run build` creează pachete de producție +Fiecare director de proiect poate avea propriul proces de compilare: +- Proiecte Vue: `npm run build` creează bundle-uri de producție - Proiecte statice: Fără pas de build, se servesc fișierele direct ## Ghid pentru pull request-uri -### Formatul titlului +### Format titlu -Folosiți titluri clare și descriptive care indică zona de modificare: -- `[Quiz-app] Adaugă chestionar nou pentru lecția X` -- `[Lesson-3] Corectează greșeală de scriere în proiectul terrarium` -- `[Translation] Adaugă traducere în spaniolă pentru lecția 5` -- `[Docs] Actualizează instrucțiuni de configurare` +Folosiți titluri clare, descriptive, indicând aria de schimbare: +- `[Quiz-app] Adăugare quiz nou pentru lecția X` +- `[Lesson-3] Corectare greșeală de tipar în proiectul terrarium` +- `[Translation] Adăugare traducere în spaniolă pentru lecția 5` +- `[Docs] Actualizare instrucțiuni de configurare` -### Verificări obligatorii +### Verificări necesare -Înainte de a trimite un PR: +Înainte de trimiterea PR: 1. **Calitatea codului**: - Rulați `npm run lint` în directoarele proiectului afectat - - Remediați toate erorile și avertismentele lint + - Remediați toate erorile și avertismentele de lint 2. **Verificarea build-ului**: - Rulați `npm run build` dacă este cazul - - Asigurați-vă că nu apar erori în build + - Asigurați-vă că nu există erori de compilare -3. **Validarea linkurilor**: +3. **Validare link-uri**: - Testați toate linkurile markdown - - Verificați că referințele imaginilor funcționează + - Verificați referințele imaginilor 4. **Revizuirea conținutului**: - Corectați ortografia și gramatica - Asigurați-vă că exemplele de cod sunt corecte și educaționale - Verificați dacă traducerile păstrează sensul original -### Cerințe pentru contribuții +### Cerințe de contribuție - Acceptați CLA Microsoft (verificare automată la primul PR) - Respectați [Codul de conduită Microsoft Open Source](https://opensource.microsoft.com/codeofconduct/) -- Consultați [CONTRIBUTING.md](./CONTRIBUTING.md) pentru detalii -- Referiți numerele issue-urilor în descrierea PR-ului, dacă este cazul +- Consultați [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate +- Referiți numere de issue în descrierea PR-ului dacă este cazul -### Procesul de revizuire +### Proces de revizuire -- PR-urile sunt revizuite de mentori și comunitate -- Prioritate pentru claritatea educațională -- Exemplele de cod trebuie să urmeze cele mai bune practici actuale -- Traducerile sunt verificate pentru acuratețe și adaptare culturală +- PR-urile sunt revizuite de către mentori și comunitate +- Claritatea educațională este prioritară +- Exemplele de cod ar trebui să urmeze cele mai bune practici actuale +- Traducerile sunt revizuite pentru acuratețe și adecvare culturală ## Sistem de traducere ### Traducere automată -- Folosește GitHub Actions cu workflow co-op-translator +- Folosește GitHub Actions cu flux de lucru co-op-translator - Traduce automat în peste 50 de limbi - Fișiere sursă în directoarele principale -- Fișiere traduse în directoarele `translations/{language-code}/` +- Fișiere traduse în directoarele `translations/{cod-limba}/` -### Adăugarea îmbunătățirilor manuale +### Adăugarea de îmbunătățiri manuale la traduceri -1. Găsiți fișierul în `translations/{language-code}/` +1. Localizați fișierul în `translations/{cod-limba}/` 2. Faceți îmbunătățiri păstrând structura 3. Asigurați-vă că exemplele de cod rămân funcționale -4. Testați eventualele conținuturi locale din chestionare +4. Testați orice conținut localizat pentru chestionare -### Metadate traducere +### Metadata traducerii -Fișierele traduse includ antet cu metadate: +Fișierele traduse includ un antet metadata: ```markdown ``` -## Depanare și rezolvarea problemelor +## Depanare și rezolvare probleme ### Probleme comune **Quiz app nu pornește**: - Verificați versiunea Node.js (recomandat v14+) -- Ștergeți `node_modules` și `package-lock.json`, rulați iar `npm install` -- Verificați conflictele de port (implict: Vite folosește portul 5173) +- Ștergeți `node_modules` și `package-lock.json`, rulați din nou `npm install` +- Verificați conflictele de port (implicit: Vite folosește portul 5173) **Serverul API nu pornește**: -- Asigurați-vă că versiunea Node.js este minim node >=10 -- Verificați dacă portul este ocupat -- Verificați că toate dependențele sunt instalate cu `npm install` +- Verificați dacă versiunea Node.js este minim (node >=10) +- Verificați dacă portul este deja utilizat +- Asigurați-vă că toate dependențele sunt instalate cu `npm install` -**Extensia de browser nu se încarcă**: -- Verificați formatul corect al manifest.json -- Consultați consola browserului pentru erori +**Extensia browser nu se încarcă**: +- Verificați dacă manifest.json este corect formatat +- Verificați consola browserului pentru erori - Urmați instrucțiunile specifice browserului pentru instalarea extensiei **Probleme proiect chat Python**: - Asigurați-vă că pachetul OpenAI este instalat: `pip install openai` - Verificați dacă variabila de mediu GITHUB_TOKEN este setată -- Verificați permisiunile de acces la GitHub Models +- Verificați permisiunile de acces GitHub Models **Docsify nu servește documentația**: -- Instalați global docsify-cli: `npm install -g docsify-cli` +- Instalați docsify-cli global: `npm install -g docsify-cli` - Rulați din directorul rădăcină al depozitului -- Verificați existența fișierului `docs/_sidebar.md` +- Verificați că există `docs/_sidebar.md` ### Sfaturi pentru mediul de dezvoltare - Folosiți VS Code cu extensia Live Server pentru proiectele HTML - Instalați extensiile ESLint și Prettier pentru formatare consistentă -- Folosiți DevTools ale browserului pentru depanarea JavaScript -- Pentru proiecte Vue, instalați extensia Vue DevTools în browser +- Folosiți DevTools din browser pentru depanarea JavaScript +- Pentru proiectele Vue, instalați extensia Vue DevTools pentru browser ### Considerații de performanță -- Numărul mare de fișiere traduse (50+ limbi) face clonările totale mari -- Folosiți clonarea superficială dacă lucrați doar pe conținut: `git clone --depth 1` -- Excludeți traducerile din căutări când lucrați pe conținut în engleză +- Numărul mare de fișiere traduse (50+ limbi) face clonele complete mari +- Folosiți clone shallow dacă lucrați doar cu conținut: `git clone --depth 1` +- Excludeți traducerile din căutări când lucrați cu conținutul în engleză - Procesele de build pot fi lente la prima rulare (npm install, build Vite) ## Considerații de securitate ### Variabile de mediu -- Cheile API nu trebuie niciodată comise în depozit -- Folosiți fișiere `.env` (deja în `.gitignore`) +- Cheile API nu trebuie niciodată să fie comise în depozit +- Folosiți fișiere `.env` (explicit ignorate în `.gitignore`) - Documentați variabilele de mediu necesare în README-urile proiectelor ### Proiecte Python @@ -348,31 +348,31 @@ CO_OP_TRANSLATOR_METADATA: ### Acces GitHub Models -- Sunt necesare token-uri personale de acces (PAT) pentru GitHub Models -- Token-urile trebuie păstrate ca variabile de mediu -- Nu comiteți niciodată token-uri sau credențiale +- Sunt necesare token-uri de acces personal (PAT) pentru GitHub Models +- Tokenurile trebuie stocate ca variabile de mediu +- Nu comiteți niciodată tokenurile sau credențialele ## Note suplimentare ### Public țintă -- Începători compleți în dezvoltare web +- Începători compleți în dezvoltarea web - Studenți și autodidacți - Profesori care folosesc curriculumul în săli de clasă -- Conținut gândit pentru accesibilitate și dezvoltare graduală a competențelor +- Conținut creat pentru accesibilitate și dezvoltare graduală a abilităților -### Filosofie educațională +### Filosofia educațională -- Abordare bazată pe proiecte +- Abordare bazată pe învățare prin proiecte - Verificări frecvente ale cunoștințelor (chestionare) - Exerciții practice de codare -- Exemple aplicate din lumea reală -- Accent pe elementele fundamentale înaintea framework-urilor +- Exemple de aplicații din lumea reală +- Accent pe fundamente înainte de framework-uri -### Mentenanță depozit +### Mentenanța depozitului - Comunitate activă de cursanți și contribuitori -- Actualizări regulate ale dependențelor și conținutului +- Actualizări regulate ale dependințelor și conținutului - Probleme și discuții monitorizate de mentori - Actualizări automate ale traducerilor prin GitHub Actions @@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA: - [Module Microsoft Learn](https://docs.microsoft.com/learn/) - [Resurse Student Hub](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru cursanți -- Cursuri suplimentare: AI Generativ, Știința datelor, ML, curricula IoT disponibile +- Cursuri suplimentare: AI generativ, Data Science, ML, curriculum IoT disponibile ### Lucrul cu proiecte specifice -Pentru instrucțiuni detaliate despre proiectele individuale, consultați fișierele README din: +Pentru instrucțiuni detaliate despre proiectele individuale consultați fișierele README din: - `quiz-app/README.md` - aplicație quiz Vue 3 - `7-bank-project/README.md` - aplicație bancară cu autentificare -- `5-browser-extension/README.md` - dezvoltarea extensiilor pentru browser -- `6-space-game/README.md` - dezvoltarea jocurilor canvas +- `5-browser-extension/README.md` - dezvoltare extensie browser +- `6-space-game/README.md` - dezvoltare joc canvas - `9-chat-project/README.md` - proiect asistent chat AI ### Structura monorepo Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente: -- Fiecare lecție este autonomă +- Fiecare lecție este auto-conținută - Proiectele nu împart dependențe -- Lucrați pe proiectele individuale fără a afecta altele -- Clonați întregul repo pentru experiența completă a curriculumului +- Se poate lucra pe proiecte individuale fără a afecta altele +- Clonați întregul depozit pentru experiența completă a curriculumului --- -**Declinare a responsabilității**: -Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de o persoană. Nu ne asumăm responsabilitatea pentru eventuale neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri. +**Declinare a responsabilității**: +Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). În timp ce ne străduim pentru acuratețe, vă rugăm să fiți conștienți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite apărute în urma utilizării acestei traduceri. \ No newline at end of file diff --git a/translations/ro/README.md b/translations/ro/README.md index fb076c7a29..496d1d6ecc 100644 --- a/translations/ro/README.md +++ b/translations/ro/README.md @@ -12,27 +12,27 @@ # Dezvoltare Web pentru Începători - Un Curriculum -Învață noțiunile fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni creat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Participă la chestionare, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează-ți retenția cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi! +Învățați elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni oferit de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Participați la chestionare, discuții și teme practice. Îmbunătățiți-vă abilitățile și optimizați reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începeți-vă călătoria în programare astăzi! -Alătură-te comunității Azure AI Foundry pe Discord +Alăturați-vă Discord-ului Azure AI Foundry și întâlniți experți și colegi dezvoltatori. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Urmărește acești pași pentru a începe folosirea acestor resurse: -1. **Clonează depozitul**: Click pe [![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. **Clonează depozitul local**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Alătură-te Discordului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4) +Urmați acești pași pentru a începe să utilizați aceste resurse: +1. **Faceți Fork la Repositoriu**: Click pe [![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ți Repositoriu**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Alăturați-vă Discord Azure AI Foundry și întâlniți experți și colegi dezvoltatori**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Suport Multilingv -#### Suportat prin GitHub Action (automatizat și întotdeauna actualizat) +#### Suportat prin GitHub Action (Automat și Întotdeauna la Zi) [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) | [Khmer](../km/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](./README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/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) > **Preferi să clonezi local?** > -> Acest depozit include peste 50 de traduceri care cresc semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout: +> Acest repository include peste 50 de traduceri în limbi diferite, ceea ce crește semnificativ dimensiunea descarcării. Pentru a clona fără traduceri, folosește sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,26 +48,26 @@ Urmărește acești pași pentru a începe folosirea acestor resurse: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Acest lucru îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă. +> Aceasta vă oferă tot ce aveți nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă. -**Dacă dorești să fie suportate alte limbi pentru traduceri, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Dacă doriți să aveți traduceri suplimentare, limbile suportate sunt listate aici. [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Ești student?_ -Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar modalități de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o salvezi la favorite și să o verifici din când în când deoarece conținutul este actualizat lunar. +Vizitează pagina [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar modalități de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o adaugi la favorite și să o verifici din când în când, pentru că schimbăm conținutul lunar. -### 📣 Anunț - Noi provocări GitHub Copilot Agent de completat! +### 📣 Anunț - Provocări noi în GitHub Copilot Agent mode de completat! -Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în cele mai multe capitole. Este o provocare nouă pentru tine de finalizat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta nu doar generează text, ci poate crea și edita fișiere, rula comenzi și multe altele. +Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Este o provocare nouă pentru tine să o completezi folosind GitHub Copilot și modul Agent. Dacă nu ai folosit înainte modul Agent, acesta poate nu doar să genereze text, ci și să creeze și să editeze fișiere, să ruleze comenzi și altele. -### 📣 Anunț - _Proiect nou de construit folosind Generative AI_ +### 📣 Anunț - _Proiect Nou de construit folosind Generative AI_ -Proiect nou pentru Asistent AI tocmai adăugat, verifică [proiectul](./9-chat-project/README.md) +Proiectul nou AI Assistant tocmai a fost adăugat, vezi detalii [project](./9-chat-project/README.md) -### 📣 Anunț - _Curriculum nou_ despre Generative AI pentru JavaScript a fost lansat recent +### 📣 Anunț - _Curriculum Nou_ despre Generative AI pentru JavaScript a fost lansat Nu rata noul nostru curriculum Generative AI! @@ -75,16 +75,16 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent ![Background](../../translated_images/ro/background.148a8d43afde5730.webp) -- Lecții care acoperă totul, de la bazele până la RAG. +- Lecții care acoperă totul, de la elementele de bază până la RAG. - Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion. - Narațiune amuzantă și captivantă, vei călători în timp! ![character](../../translated_images/ro/character.5c0dd8e067ffd693.webp) -Fiecare lecție include o temă de completat, un test de verificare a cunoștințelor și o provocare pentru a te ghida în învățarea unor subiecte precum: +Fiecare lecție include o temă de completat, un test de verificare a cunoștințelor și o provocare pentru a te ghida în învățarea subiectelor precum: - Promptarea și ingineria prompturilor -- Generarea aplicațiilor de text și imagine +- Generarea de aplicații text și imagine - Aplicații de căutare Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe! @@ -93,122 +93,122 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent ## 🌱 Începutul -> **Profesori**, am inclus [unele sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedback-ul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedbackul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un chestionar pre-lectură și continuați cu lectura materialului, realizarea activităților și verificarea înțelegerii cu chestionarul post-lectură. +**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un chestionar pre-lecture și continuați cu lectura materialului de curs, realizați diverse activități și verificați-vă înțelegerea cu chestionarul post-lecture. -Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), unde echipa noastră de moderatori vă va răspunde la întrebări. +Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă pentru a răspunde întrebărilor voastre. -Pentru a vă extinde educația, recomandăm cu tărie explorarea [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu. +Pentru aprofundare, vă recomandăm să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu. -### 📋 Configurarea mediului tău +### 📋 Configurarea mediului tău de lucru -Acest curriculum vine cu un mediu de dezvoltare gata de folosit! Pe măsură ce începi, poți alege să rulezi curriculum-ul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără necesitatea instalărilor_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Acest curriculum are un mediu de dezvoltare gata pentru utilizare! Pe măsură ce începi, poți alege să rulezi curriculumul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu în browser, fără nevoie de instalări_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Creează-ți repository-ul -Pentru a-ți salva ușor munca, se recomandă să-ți creezi propria copie a acestui depozit. Poți face acest lucru făcând click pe butonul **Use this template** din partea de sus a paginii. Aceasta va crea un repository nou în contul tău de GitHub cu o copie a curriculum-ului. +#### Creează-ți propriul repository +Pentru a-ți salva ușor munca, se recomandă să creezi propria copie a acestui repository. Poți face asta dând click pe butonul **Use this template** din partea de sus a paginii. Aceasta va crea un nou repository în contul tău de GitHub cu o copie a curriculumului. Urmează acești pași: -1. **Fork the Repository**: Apasă butonul "Fork" din colțul din dreapta sus al acestei pagini. -2. **Clonează repository-ul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Faceți Fork la Repositoriu**: Apasă pe butonul „Fork” din colțul dreapta sus al acestei pagini. +2. **Clonați Repositoriu**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Rularea curriculum-ului într-un Codespace +#### Rularea curriculumului într-un Codespace -În copia ta a acestui repository pe care ai creat-o, apasă pe butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace unde să lucrezi. +În copia ta a repository-ului creată, dă click pe butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace în care să lucrezi. ![Codespace](../../translated_images/ro/createcodespace.0238bbf4d7a8d955.webp) -#### Rularea curriculum-ului local pe calculatorul tău +#### Rularea curriculumului local pe calculatorul tău -Pentru a rula acest curriculum local, ai nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în limbajele de programare și uneltele din domeniu](../../1-getting-started-lessons/1-intro-to-programming-languages), îți va prezenta diverse opțiuni pentru fiecare dintre aceste unelte astfel încât să le poți alege pe cele care ți se potrivesc cel mai bine. +Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument linie de comandă. Prima noastră lecție, [Introducere în Limbajele de Programare și Unelte](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare dintre aceste unelte, pentru a alege ce ți se potrivește cel mai bine. -Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrat. Poți descărca Visual Studio Code [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru făcând clic pe butonul **Code** și copiind URL-ul: +Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) încorporat. Poți descărca Visual Studio Code [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru apăsând butonul **Code** și copiind URL-ul: [CodeSpace](./images/createcodespace.png) - Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și rulează următoarea comandă, înlocuind `` cu URL-ul pe care tocmai l-ai copiat: + Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și execută următoarea comandă, înlocuind `` cu URL-ul copiat: ```bash git clone ``` -2. Deschide folderul în Visual Studio Code. Poți face acest lucru făcând clic pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat. +2. Deschide folderul în Visual Studio Code. Poți face acest lucru apăsând pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat. > Extensii recomandate pentru Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru previzualizarea paginilor HTML direct în Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru previzualizarea paginilor HTML în Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pentru a te ajuta să scrii cod mai rapid ## 📂 Fiecare lecție include: -- notițe grafice opționale -- videoclip suplimentar opțional -- quiz de încălzire înainte de lecție +- schiță opțională +- video suplimentar opțional +- test preliminar de încălzire înaintea lecției - lecție scrisă -- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru a construi proiectul +- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru construirea proiectului - verificări de cunoștințe - o provocare -- lecturi suplimentare +- lectură suplimentară - temă -- [quiz post-lecție](https://ff-quizzes.netlify.app/web/) +- [test post-lectie](https://ff-quizzes.netlify.app/web/) -> **O notă despre quiz-uri**: Toate quiz-urile se află în folderul Quiz-app, 48 de quiz-uri în total, fiecare cu câte trei întrebări. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/). Aplicația quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`. +> **O notă despre teste**: Toate testele sunt conținute în folderul Quiz-app, în total 48 de teste cu câte trei întrebări fiecare. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/); aplicația de teste poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`. ## 🗃️ Lecții -| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Asociată | Autor | -| :-: | :------------------------------------------------------------: | :----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Începutul | Introducere în Programare și Unelte de Lucru | Învață bazele fundamentale ale majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști să-și facă treaba | [Intro în limbaje de programare și unelte](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Începutul | Bazele GitHub, inclusiv colaborarea într-o echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod | [Intro în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Începutul | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamente ale accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Bazele JS | Tipuri de date în JavaScript | Bazele tipurilor de date în JavaScript | [Tipuri de date](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Bazele JS | Funcții și metode | Învață despre funcții și metode pentru a gestiona fluxul logic al unei aplicații | [Funcții și metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher | -| 06 | Bazele JS | Luarea deciziilor în JavaScript | Cum să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Bazele JS | Array-uri și bucle | Lucrează cu date folosind array-uri și bucle în JavaScript | [Array-uri și bucle](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în practică | Construiește HTML-ul pentru crearea unui terrariu online, concentrându-te pe construirea unui layout | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în practică | Construiește CSS-ul pentru a stiliza terrariul online, concentrându-te pe bazele CSS, inclusiv realizarea unei pagini responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipulare DOM | Construiește JavaScript-ul pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipulare DOM | [Închideri JavaScript, manipulare DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construirea unui joc de tastare | Învață cum să folosești evenimente de tastatură pentru a conduce logica aplicației JavaScript | [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrul cu browsere | Învață cum funcționează browserele, istoria lor și cum să schițezi primele elemente ale unei extensii de browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală | Construiește elementele JavaScript ale extensiei de browser pentru a apela un API folosind variabile stocate local | [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procese de fundal în browser, performanța web | Folosește procesele din background ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și optimizări | [Task-uri de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare mai avansată de jocuri cu JavaScript | Învață despre moștenire folosind atât clase cât și compoziție și modelul Pub/Sub, pregătindu-te pentru construirea unui joc | [Introducere în dezvoltarea avansată de jocuri](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran | [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot căpăta mișcare folosind coordonate carteziene și API-ul Canvas | [Mutarea elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă elementele să se ciocnească și să reacționeze între ele folosind apăsări de taste și oferă o funcție cooldown pentru performanța jocului | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Efectuează calcule matematice bazate pe statusul și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și repornirea jocului | Învață despre terminarea și repornirea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de terminare](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și rute într-o aplicație web | Învață cum să creezi arhitectura unei pagini web cu mai multe pagini folosind rutare și șabloane HTML | [Șabloane HTML și rute](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Construirea unui formular de autentificare | Învață despre construire de formulare și gestionarea validărilor | [Formulare](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le preiei, stochezi și elimini | [Date](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de gestionare a stării | Învață cum reține aplicația ta starea și cum să o gestionezi programatic | [Managementul stării](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosirea editorului VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să-ți construiești propriul asistent AI | [Proiect asistent AI](./9-chat-project/README.md) | Chris | +| | Numele Proiectului | Concepte Prezentate | Obiective de Învățare | Lecția Legată | Autor | +| :-: | :------------------------------------------------------------: | :-----------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Începutul Programării | Introducere în Programare și Unelte | Învață elementele de bază ale majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști | [Introducere în Limbaje de Programare și Unelte](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Începutul Programării | Bazele GitHub, inclusiv colaborarea în echipă | Cum se folosește GitHub în proiectul tău, cum să colaborezi cu alții pe o bază de cod | [Introducere în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Începutul Programării | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamentele Accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | Tipuri de date în JavaScript | Elementele de bază ale tipurilor de date JavaScript | [Tipuri de Date](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | Funcții și Metode | Învață despre funcții și metode pentru gestionarea fluxului logic al aplicației | [Funcții și Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher | +| 06 | JS Basics | Luarea Deciziilor cu JS | Învață să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea Deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | Array-uri și Buclă | Lucrează cu date folosind array-uri și bucle în JavaScript | [Array-uri și Buclă](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în Practică | Construiește HTML pentru a crea un terariu online, concentrându-te pe construirea unui layout | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în Practică | Construiește CSS pentru a stiliza terariul online, concentrându-te pe bazele CSS inclusiv realizarea paginii responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipularea DOM | Construiește JavaScript-ul pentru a face funcțional terariul ca o interfață drag/drop, concentrându-te pe închideri și manipularea DOM | [Închideri JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construiește un joc de tastare | Învață cum să folosești evenimentele de tastatură pentru a conduce logica aplicației tale JavaScript | [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrul cu browsere | Învață cum funcționează browserele, istoria lor, și cum să creezi elementele inițiale ale unei extensii de browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în local storage | Construiește elementele JavaScript ale extensiei browser-ului pentru a apela un API folosind variabile stocate în local storage | [API-uri, formulare și local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procese de fundal în browser, performanța web | Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și unele optimizări | [Sarcini de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare jocuri avansată cu JavaScript | Învață despre moștenire folosind atât clase, cât și compoziție, și modelul Pub/Sub, în pregătirea construirii unui joc | [Introducere în dezvoltarea jocurilor avansate](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru desenarea elementelor pe ecran | [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot căpăta mișcare folosind coordonate carteziene și API-ul Canvas | [Mutarea elementelor pe ecran](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă ca elementele să se ciocnească și să reacționeze unele la altele folosind apăsări de taste și oferă o funcție de cooldown | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Realizează calcule matematice bazate pe statusul și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și repornirea jocului | Învață despre terminarea și repornirea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de terminare](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și Rute într-o aplicație web | Învață cum să creezi scheletul arhitecturii unui website multipagină folosind rutare și șabloane HTML | [Șabloane HTML și rute](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Construiește un formular de autentificare și înregistrare | Învață despre construirea formularelor și gestionarea validărilor | [Formulare](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le preiei, să le stochezi și să le elimini | [Date](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de Management al Stării | Învață cum aplicația ta păstrează starea și cum să o gestionezi programatic | [Managementul stării](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosește editorul de cod VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Lucru cu AI | Învață cum să construiești propriul asistent AI | [Proiect Asistent AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogie -Curriculumul nostru este conceput cu două principii pedagogice cheie în minte: -* învățare bazată pe proiecte -* quiz-uri frecvente +Curriculum-ul nostru este conceput având în vedere două principii pedagogice cheie: +* învățarea bazată pe proiecte +* teste frecvente -Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web din prezent. Studenții vor avea oportunitatea să dezvolte experiență practică construind un joc de tastare, un terrariu virtual, o extensie de browser eco-friendly, un joc în stil space-invader și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor fi dobândit o înțelegere solidă a dezvoltării web. +Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de azi. Studenții vor avea oportunitatea să dobândească experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser ecologică, un joc de tip space invader și o aplicație bancară pentru afaceri. Până la finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web. -> 🎓 Poți parcurge primele lecții din acest curriculum ca un [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn! +> 🎓 Poți parcurge primele lecții din acest curriculum ca un [Curs de învățare](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn! -Prin asigurarea alinierii conținutului cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor va fi îmbunătățită. De asemenea, am scris mai multe lecții introductive în bazele JavaScript pentru a introduce conceptele, împreună cu un videoclip din colecția de tutoriale video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", a căror autori au contribuit la acest curriculum. +Prin asigurarea alinierii conținutului cu proiectele, procesul devine mai captivant pentru studenți și reținerea conceptelor este îmbunătățită. Am scris, de asemenea, câteva lecții introductive în elementele de bază ale JavaScript pentru a introduce conceptele, alături de un video din colecția de tutoriale video "[Seria pentru Începători la: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", al cărei autori au contribuit și la acest curriculum. -În plus, un quiz cu miză redusă înaintea unei clase stabilește intenția studentului pentru învățarea unui subiect, în timp ce un al doilea quiz după clasă asigură o retenție suplimentară. Acest curriculum a fost conceput să fie flexibil și distractiv, putând fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni. +În plus, un test cu miză mică înaintea unei clase setează intenția studentului de a învăța un subiect, în timp ce un al doilea test după clasă asigură o reținere suplimentară. Acest curriculum a fost conceput să fie flexibil și amuzant și poate fi parcurs integral sau parțial. Proiectele sunt mici la început și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni. -Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un pas bun următor după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare unui dezvoltator web înainte de a adopta un framework, un pas următor bun după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Seria pentru Începători la: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Vizitează [Codul nostru de Conduită](CODE_OF_CONDUCT.md) și ghidul [Contribuie](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv! +> Vizitează [Codul nostru de Conduită](CODE_OF_CONDUCT.md) și [Ghidul de Contribuție](CONTRIBUTING.md). Apreciem feedback-ul tău constructiv! ## 🧭 Acces offline -Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fork-uiește acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală, apoi în folderul rădăcină al acestui repo, tastează `docsify serve`. Site-ul va fi servit pe portul 3000 la localhost-ul tău: `localhost:3000`. +Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă un fork al acestui depozit, [instalează Docsify](https://docsify.js.org/#/quickstart) pe calculatorul tău local, apoi în folderul rădăcină al acestui depozit tastează `docsify serve`. Site-ul va fi servit pe portul 3000 pe localhost-ul tău: `localhost:3000`. ## 📘 PDF Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -216,7 +216,7 @@ Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web ## 🎒 Alte Cursuri -Echipa noastră produce și alte cursuri! Verifică: +Echipa noastră produce și alte cursuri! Aruncă o privire: ### LangChain @@ -225,7 +225,7 @@ Echipa noastră produce și alte cursuri! Verifică: [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agenți +### Azure / Edge / MCP / Agents [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI 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) @@ -233,7 +233,7 @@ Echipa noastră produce și alte cursuri! Verifică: --- -### Seria Inteligență Artificială Generativă +### Seria AI Generativ [![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) @@ -241,7 +241,7 @@ Echipa noastră produce și alte cursuri! Verifică: --- -### Învățare De Bază +### Învățare de Bază [![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) @@ -260,11 +260,11 @@ Echipa noastră produce și alte cursuri! Verifică: ## Obținerea Ajutorului -Dacă te blochezi sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate suportivă unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber. +Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate de suport unde întrebările sunt binevenite, iar cunoștințele sunt împărtășite liber. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Dacă ai feedback despre produs sau erori în timpul construirii, vizitează: +Dacă ai feedback despre produs sau întâmpini erori în timpul dezvoltării, vizitează: [![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) @@ -275,6 +275,6 @@ Acest depozit este licențiat sub licența MIT. Vezi fișierul [LICENSE](../../L --- -**Declinare a responsabilității**: -Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru orice neînțelegeri sau interpretări greșite rezultând din utilizarea acestei traduceri. +**Declinare a responsabilității**: +Acest document a fost tradus utilizând serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un traducător uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite care decurg din utilizarea acestei traduceri. \ No newline at end of file diff --git a/translations/ro/lesson-template/README.md b/translations/ro/lesson-template/README.md index 08f4cca4d8..c5f4203974 100644 --- a/translations/ro/lesson-template/README.md +++ b/translations/ro/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Subiectul Lecției] +# Subiectul Lecției -![Încorporează un videoclip aici](../../../lesson-template/video-url) +## 🎥 Video -## [Chestionar înainte de lecție](../../../lesson-template/quiz-url) +> Adaugă aici un video încorporat sau un link către lecție. -[Descrie ce vom învăța] +--- + +## Chestionar pre-lectură + +> Adaugă aici un link către chestionar când este disponibil. + +--- + +Oferă o prezentare succintă a ceea ce vor învăța studenții în această lecție. + +--- ### Introducere -Descrie ce va fi acoperit +Oferă o scurtă introducere care descrie ce va fi acoperit în această lecție. > Note -### Cerințe preliminare +--- + +### Cerințe -Ce pași ar fi trebuit să fie parcurși înainte de această lecție? +Listează conceptele sau subiectele cu care studenții ar trebui să fie deja familiarizați înainte de a începe această lecție. + +--- ### Pregătire -Pași pregătitori pentru a începe această lecție +Listează pașii de configurare sau uneltele necesare înainte de a începe lecția. --- -[Parcurge conținutul în blocuri] +### Conținut + +Parcurge conținutul lecției în secțiuni structurate. + +--- -## [Subiectul 1] +## Subiectul 1 ### Sarcină: -Lucrați împreună pentru a îmbunătăți progresiv baza de cod și pentru a construi proiectul cu cod partajat: +Lucrați împreună pentru a îmbunătăți progresiv baza de cod pentru a construi proiectul cu cod partajat: ```html code blocks ``` -✅ Verificare cunoștințe - folosiți acest moment pentru a extinde cunoștințele studenților cu întrebări deschise +✅ Verificare a cunoștințelor +Folosește acest moment pentru a stimula cunoștințele studenților cu întrebări deschise. -## [Subiectul 2] +## Subiectul 2 +## Subiectul 3 -## [Subiectul 3] +🚀 Provocare +Adaugă o provocare colaborativă pentru studenți în vederea îmbunătățirii proiectului. -🚀 Provocare: Adăugați o provocare pentru ca studenții să lucreze colaborativ în clasă pentru a îmbunătăți proiectul +Opțional: Adaugă o captură de ecran cu interfața lecției finalizate dacă este cazul. -Opțional: adăugați o captură de ecran a interfeței lecției finalizate, dacă este cazul +## Chestionar post-lectură -## [Chestionar după lecție](../../../lesson-template/quiz-url) +Adaugă aici un link către chestionar după finalizarea lecției. -## Recapitulare și Studiu Individual +## Recapitulare & Auto-studiu -**Temă datorată [MM/YY]**: [Numele Temei](assignment.md) +**Temă de predat [LL/AA]**: [Numele temei](assignment.md) --- -**Declinarea responsabilității**: -Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși depunem eforturi pentru a asigura acuratețea, vă rugăm să aveți în vedere că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă ar trebui considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite care pot apărea din utilizarea acestei traduceri. \ No newline at end of file + +**Disclaimer**: +Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original, în limba sa nativă, trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri. + \ No newline at end of file diff --git a/translations/sk/.co-op-translator.json b/translations/sk/.co-op-translator.json index b31b6f3bbd..00e1608f36 100644 --- a/translations/sk/.co-op-translator.json +++ b/translations/sk/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:42:57+00:00", + "translation_date": "2026-04-24T12:01:41+00:00", "source_file": "AGENTS.md", "language_code": "sk" }, @@ -516,8 +516,8 @@ "language_code": "sk" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:06:57+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:54:50+00:00", "source_file": "README.md", "language_code": "sk" }, @@ -564,8 +564,8 @@ "language_code": "sk" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:43:58+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:55:01+00:00", "source_file": "lesson-template/README.md", "language_code": "sk" }, diff --git a/translations/sk/AGENTS.md b/translations/sk/AGENTS.md index 5b918af44c..e44630374c 100644 --- a/translations/sk/AGENTS.md +++ b/translations/sk/AGENTS.md @@ -2,23 +2,23 @@ ## Prehľad projektu -Toto je vzdelávací repozitár pre výučbu základov webového vývoja pre začiatočníkov. Kurz je komplexný 12-týždňový program vyvinutý Microsoft Cloud Advocates, obsahujúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML. +Toto je vzdelávací repozitár kurikula na výučbu základov webového vývoja pre začiatočníkov. Kurikulum je komplexný 12-týždňový kurz vytvorený Microsoft Cloud Advocates, ktorý obsahuje 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML. ### Kľúčové komponenty - **Vzdelávací obsah**: 24 štruktúrovaných lekcií usporiadaných do modulov založených na projektoch -- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Vesmírna hra, Banková aplikácia, Code Editor a AI Chat Asistent -- **Interaktívne kvízy**: 48 kvízov s 3 otázkami v každom (pred/po lekcii) -- **Podpora viacerých jazykov**: Automatizované preklady do 50+ jazykov cez GitHub Actions +- **Praktické projekty**: Terrárium, Typing Game, Rozšírenie prehliadača, Space Game, Banková aplikácia, Editor kódu a AI chat asistent +- **Interaktívne kvízy**: 48 kvízov s 3 otázkami každý (pred a po lekcii) +- **Podpora viacerých jazykov**: Automatické preklady do 50+ jazykov pomocou GitHub Actions - **Technológie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pre AI projekty) ### Architektúra - Vzdelávací repozitár so štruktúrou založenou na lekciách -- Každý priečinok lekcie obsahuje README, ukážky kódu a riešenia +- Každý priečinok lekcie obsahuje README, príklady kódu a riešenia - Samostatné projekty v oddelených adresároch (quiz-app, rôzne projekty lekcií) - Prekladový systém využívajúci GitHub Actions (co-op-translator) -- Dokumentácia podávaná cez Docsify a dostupná ako PDF +- Dokumentácia podávaná cez Docsify a dostupná aj ako PDF ## Príkazy na nastavenie @@ -37,11 +37,11 @@ cd Web-Dev-For-Beginners cd quiz-app npm install npm run dev # Spustiť vývojový server -npm run build # Vytvoriť pre produkciu +npm run build # Vytvoriť build pre produkciu npm run lint # Spustiť ESLint ``` -### API Bankového projektu (Node.js + Express) +### Bankový projekt API (Node.js + Express) ```bash cd 7-bank-project/api @@ -59,7 +59,7 @@ npm install # Postupujte podľa pokynov na načítanie rozšírenia špecifických pre prehliadač ``` -### Projekty vesmírnej hry +### Projekty Space Game ```bash cd 6-space-game/solution @@ -67,7 +67,7 @@ npm install # Otvorte index.html v prehliadači alebo použite Live Server ``` -### Projekt Chat (Python Backend) +### Chat projekt (Python backend) ```bash cd 9-chat-project/solution/backend/python @@ -76,26 +76,26 @@ pip install openai python api.py ``` -## Vývojový proces +## Vývojový pracovný tok ### Pre prispievateľov obsahu -1. **Forknite repozitár** do svojho GitHub účtu -2. **Skloňujte svoj fork** lokálne +1. **Rozvetvite repozitár** do svojho GitHub účtu +2. **Naklonujte svoj fork** lokálne 3. **Vytvorte novú vetvu** pre svoje zmeny -4. Robte zmeny v obsahu lekcií alebo príkladoch kódu -5. Testujte akékoľvek zmeny kódu v relevantných projektových adresároch -6. Podajte pull request podľa pravidiel prispievania +4. Urobte zmeny v obsahu lekcií alebo príkladoch kódu +5. Otestujte akékoľvek zmeny kódu v príslušných adresároch projektov +6. Podajte pull requesty podľa pokynov na prispievanie ### Pre študentov -1. Forknite alebo naklonujte repozitár -2. Postupne prechádzajte adresáre lekcií -3. Čítajte README súbory pre každú lekciu -4. Vyplňte pre-lekčné kvízy na https://ff-quizzes.netlify.app/web/ -5. Prejdite si príklady kódu v adresároch lekcií -6. Dokončite úlohy a výzvy -7. Absolvujte po-lekčné kvízy +1. Rozvetvite alebo naklonujte repozitár +2. Navigujte postupne do adresárov lekcií +3. Prečítajte si README súbory ku každej lekcii +4. Vyplňte predlekčné kvízy na https://ff-quizzes.netlify.app/web/ +5. Pracujte s príkladmi kódu v priečinkoch lekcií +6. Dokončite zadania a výzvy +7. Vyplňte poprojektové kvízy ### Živý vývoj @@ -104,7 +104,7 @@ python api.py - **Projekty**: Použite VS Code Live Server rozšírenie pre HTML projekty - **API projekty**: Spustite `npm start` v príslušných API adresároch -## Inštrukcie na testovanie +## Pokyny na testovanie ### Testovanie Quiz App @@ -119,107 +119,107 @@ npm run build # Overte, či zostavenie prebehne úspešne ```bash cd 7-bank-project/api npm run lint # Skontrolujte problémy so štýlom kódu -node server.js # Overte, či server štartuje bez chýb +node server.js # Overte, či sa server spustí bez chýb ``` ### Všeobecný prístup k testovaniu -- Ide o vzdelávací repozitár bez komplexných automatizovaných testov -- Manuálne testovanie sa zameriava na: - - Príklady kódu bez chýb - - Funkčnosť odkazov v dokumentácii - - Úspešnosť buildov projektov - - Dodržiavanie najlepších praktík v príkladoch +- Toto je vzdelávací repozitár bez komplexných automatizovaných testov +- Manuálne testovanie sa sústreďuje na: + - Príklady kódu bežia bez chýb + - Odkazy v dokumentácii fungujú správne + - Projekty sa úspešne zostavujú + - Príklady dodržiavajú osvedčené postupy -### Kontroly pred odoslaním +### Kontroly pred podaním - Spustite `npm run lint` v adresároch s package.json - Overte platnosť markdown odkazov - Testujte príklady kódu v prehliadači alebo Node.js - Skontrolujte, či preklady zachovávajú správnu štruktúru -## Pravidlá štýlu kódu +## Pokyny pre štýl kódu ### JavaScript -- Používajte moderný ES6+ syntax +- Používajte modernú syntax ES6+ - Dodržiavajte štandardné ESLint konfigurácie v projektoch -- Používajte zrozumiteľné názvy premenných a funkcií pre vzdelávaciu jasnosť +- Používajte zmysluplné názvy premenných a funkcií pre edukatívnu jasnosť - Pridávajte komentáre vysvetľujúce koncepty pre študentov -- Formátujte kód pomocou Prettier kde je nastavený +- Formátujte pomocou Prettier tam, kde je nakonfigurovaný ### HTML/CSS -- Semantické HTML5 prvky -- Principy responzívneho dizajnu -- Čisté pomenovanie tried +- Semantické HTML5 elementy +- Princípy responzívneho dizajnu +- Jasné pomenovanie tried - Komentáre vysvetľujúce CSS techniky pre študentov ### Python -- Štýlové pravidlá PEP 8 -- Jasné, vzdelávacie príklady kódu +- Pokyny štýlu PEP 8 +- Jasné, edukatívne príklady kódu - Typové anotácie tam, kde pomáhajú pri učení ### Markdown dokumentácia - Jasná hierarchia nadpisov -- Kódové bloky s určením jazyka -- Odkazy na doplnkové zdroje -- Snímky obrazovky a obrázky v adresároch `images/` -- Alt text pre obrázky pre prístupnosť +- Kódové bloky so špecifikáciou jazyka +- Odkazy na dodatočné zdroje +- Snímky obrazovky a obrázky v adresári `images/` +- Alternatívny text pre obrázky pre prístupnosť ### Organizácia súborov - Lekcie číslované postupne (1-getting-started-lessons, 2-js-basics, atď.) - Každý projekt má adresáre `solution/` a často `start/` alebo `your-work/` -- Obrázky uložené v špecifických priečinkoch lekcií `images/` +- Obrázky uložené v adresároch `images/` podľa lekcií - Preklady v štruktúre `translations/{language-code}/` -## Build a nasadenie +## Skladanie a nasadenie ### Nasadenie Quiz App (Azure Static Web Apps) -quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps: +Quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps: ```bash cd quiz-app npm run build # Vytvára priečinok dist/ -# Nasadzuje cez GitHub Actions workflow pri push do main +# Nasadzuje cez GitHub Actions workflow pri push na main ``` Konfigurácia Azure Static Web Apps: - **Umiestnenie aplikácie**: `/quiz-app` -- **Výstupné miesto**: `dist` +- **Výstupné umiestnenie**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Generovanie PDF dokumentácie ```bash -npm install # Inštalujte docsify-to-pdf +npm install # Nainštalujte docsify-to-pdf npm run convert # Vygenerujte PDF z docs ``` -### Dokumentácia cez Docsify +### Docsify dokumentácia ```bash npm install -g docsify-cli # Nainštalujte Docsify globálne -docsify serve # Spustite na localhost:3000 +docsify serve # Spustiť na localhost:3000 ``` -### Buildy špecifické pre projekt +### Skladby špecifické pre projekty -Každý projektový adresár môže mať svoj vlastný build proces: +Každý adresár projektu môže mať vlastný build proces: - Vue projekty: `npm run build` vytvára produkčné balíky -- Statické projekty: žiadny build krok, súbory sa servujú priamo +- Statické projekty: Žiadny build krok, súbory sa podávajú priamo -## Pravidlá pre pull requesty +## Pokyny k pull requestom -### Formát názvov +### Formát názvu -Používajte jasné a popisné názvy, ktoré indikujú oblasť zmeny: +Používajte jasné, popisné názvy indikujúce oblasť zmeny: - `[Quiz-app] Pridanie nového kvízu pre lekciu X` -- `[Lesson-3] Oprava preklepu v projekte terrarium` +- `[Lesson-3] Oprava preklepu v projekte terrárium` - `[Translation] Pridanie španielskeho prekladu pre lekciu 5` - `[Docs] Aktualizácia inštrukcií na nastavenie` @@ -229,54 +229,54 @@ Pred podaním PR: 1. **Kvalita kódu**: - Spustite `npm run lint` v dotknutých projektových adresároch - - Opravte všetky linting chyby a varovania + - Opravte všetky chyby a varovania lintovania -2. **Overenie build procesu**: - - Spustite `npm run build` ak je to potrebné - - Zabezpečte, že neexistujú chyby pri buildovaní +2. **Overenie zostavenia**: + - Ak je to vhodné, spustite `npm run build` + - Overte, či nie sú chyby zostavenia -3. **Validácia odkazov**: +3. **Overenie odkazov**: - Otestujte všetky markdown odkazy - - Overte funkčnosť referencií obrázkov + - Overte, či referencie na obrázky fungujú 4. **Kontrola obsahu**: - - Korektúra pravopisných a gramatických chýb - - Overte správnosť a vzdelávací charakter príkladov kódu - - Skontrolujte, či preklady zachovávajú pôvodný význam + - Korektúra pravopisu a gramatiky + - Overte správnosť a vzdelávaciu hodnotu príkladov kódu + - Skontrolujte presnosť a význam prekladov ### Požiadavky na príspevky - Súhlas s Microsoft CLA (automatická kontrola pri prvom PR) -- Dodržiavanie [Microsoft Open Source Kódexu správania](https://opensource.microsoft.com/codeofconduct/) -- Viac informácií v [CONTRIBUTING.md](./CONTRIBUTING.md) -- Pri PR uvádzať čísla issues, ak sú relevantné +- Dodržiavanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Pozrite [CONTRIBUTING.md](./CONTRIBUTING.md) pre detailné pokyny +- Pri opisoch PR uvádzajte čísla issues, ak sa vzťahujú ### Proces recenzie -- PR sú kontrolované správcami a komunitou -- Priorita na vzdelávaciu jasnosť -- Príklady kódu musia dodržiavať aktuálne najlepšie praktiky -- Preklady recenzované na presnosť a kultúrnu vhodnosť +- PR sú recenzované správcami a komunitou +- Uprednostňuje sa vzdelávacia jasnosť +- Príklady kódu by mali dodržiavať aktuálne osvedčené postupy +- Preklady sa recenzujú z hľadiska presnosti a kultúrnej vhodnosti ## Prekladový systém ### Automatizovaný preklad - Používa GitHub Actions s workflow co-op-translator -- Automaticky prekladá do 50+ jazykov +- Prekladá automaticky do 50+ jazykov - Zdrojové súbory v hlavných adresároch - Preložené súbory v adresároch `translations/{language-code}/` -### Pridávanie manuálnych vylepšení prekladu +### Pridanie manuálnych vylepšení prekladu -1. Nájdite súbor v `translations/{language-code}/` -2. Vylepšujte obsah so zachovaním štruktúry -3. Zaistite, aby príklady kódu boli funkčné -4. Otestujte lokalizovaný kvízový obsah +1. Vyhľadajte súbor v `translations/{language-code}/` +2. Urobte vylepšenia so zachovaním štruktúry +3. Zabezpečte funkčnosť príkladov kódu +4. Otestujte lokalizovaný obsah kvízov ### Metaúdaje prekladu -Preložené súbory obsahujú metaúdajový záhlavok: +Preložené súbory obsahujú metaúdajový nadpis: ```markdown ``` -## Ladenie a riešenie problémov +## Ladění a riešenie problémov ### Bežné problémy **Quiz app sa nespustí**: - Skontrolujte verziu Node.js (odporúčané v14+) -- Vymažte `node_modules` a `package-lock.json`, znova spustite `npm install` -- Skontrolujte konflikty portov (predvolené: Vite používa port 5173) +- Odstráňte `node_modules` a `package-lock.json`, potom spustite `npm install` znova +- Skontrolujte konflikty portov (štandardne Vite používa port 5173) **API server sa nespustí**: -- Overte, že verzia Node.js je minimálne node >=10 +- Overte, či je verzia Node.js minimálne (node >=10) - Skontrolujte, či port nie je už obsadený - Uistite sa, že všetky závislosti sú nainštalované cez `npm install` **Rozšírenie prehliadača sa nenačíta**: -- Skontrolujte správne naformátovanie manifest.json -- Prehliadačový konzolový výstup pre chyby -- Postupujte podľa inštrukcií inštalácie podľa prehliadača +- Overte, že manifest.json je správne naformátovaný +- Skontrolujte chyby v konzole prehliadača +- Postupujte podľa inštrukcií na inštaláciu rozšírení špecifických pre prehliadač **Problémy s Python chat projektom**: -- Skontrolujte inštaláciu balíčka OpenAI: `pip install openai` -- Overte nastavenie premennej prostredia GITHUB_TOKEN -- Skontrolujte oprávnenia prístupu k GitHub modelom +- Uistite sa, že balík OpenAI je nainštalovaný: `pip install openai` +- Overte nastavenie environmentálnej premennej GITHUB_TOKEN +- Skontrolujte oprávnenia na prístup k GitHub Models -**Docsify neservíruje dokumentáciu**: +**Docsify neslúži dokumentáciu**: - Nainštalujte docsify-cli globálne: `npm install -g docsify-cli` -- Spusťte príkaz v koreňovom adresári repozitára -- Skontrolujte, že existuje `docs/_sidebar.md` +- Spustite z koreňového adresára repozitára +- Overte existenciu `docs/_sidebar.md` ### Tipy pre vývojové prostredie - Používajte VS Code s Live Server rozšírením pre HTML projekty -- Nainštalujte ESLint a Prettier rozšírenia pre konzistentné formátovanie -- Použite DevTools v prehliadači na ladenie JavaScriptu -- Pre Vue projekty nainštalujte Vue DevTools rozšírenie prehliadača +- Nainštalujte rozšírenia ESLint a Prettier pre jednotné formátovanie +- Používajte DevTools prehliadača na ladenie JavaScriptu +- Pre Vue projekty, nainštalujte Vue DevTools rozšírenie prehliadača -### Výkonnostné aspekty +### Výkonnostné úvahy -- Veľký počet prekladových súborov (50+ jazykov) robí kompletné klony veľkými -- Pre prácu len s obsahom použite plytký klon: `git clone --depth 1` -- Vylúčte preklady z vyhľadávania pri práci s anglickým obsahom +- Veľký počet preložených súborov (50+ jazykov) znamená veľké kompletné klony +- Používajte shallow clone, ak pracujete len s obsahom: `git clone --depth 1` +- Pri práci na anglickom obsahu vylúčte preklady z vyhľadávania - Build procesy môžu byť pomalé pri prvom spustení (npm install, Vite build) -## Bezpečnostné aspekty +## Bezpečnostné úvahy -### Premenné prostredia +### Environmentálne premenné -- API kľúče nikdy neukladajte do repozitára -- Používajte `.env` súbory (už zahrnuté v `.gitignore`) -- Požadované premenné prostredia dokumentujte v README projektov +- API kľúče by nikdy nemali byť commitované do repozitára +- Používajte `.env` súbory (už v `.gitignore`) +- Dokumentujte požadované environmentálne premenné v README projektov ### Python projekty - Používajte virtuálne prostredia: `python -m venv venv` - Udržiavajte závislosti aktuálne -- GitHub tokeny majte s minimálnymi potrebnými právami +- GitHub tokeny by mali mať minimálne potrebné povolenia -### Prístup k GitHub Modelom +### Prístup k GitHub Models -- Vyžadujú sa osobné prístupové tokeny (PAT) -- Tokeny ukladajte ako premenné prostredia -- Nikdy neukladajte tokeny alebo prihlasovacie údaje do repozitára +- Osobné prístupové tokeny (PAT) potrebné pre GitHub Models +- Tokeny ukladajte ako environmentálne premenné +- Nikdy necommitujte tokeny alebo prihlasovacie údaje -## Doplnkové poznámky +## Ďalšie poznámky ### Cieľová skupina - Úplní začiatočníci vo webovom vývoji -- Študenti a samoštudenti -- Učitelia používajúci kurz v triedach -- Obsah je navrhnutý pre prístupnosť a postupné zlepšovanie zručností +- Študenti a samouci +- Učitelia využívajúci kurikulum v triedach +- Obsah je navrhnutý pre prístupnosť a postupné budovanie zručností -### Vzdelávacia filozofia +### Edukačná filozofia -- Projektovo orientované učenie -- Časté kontrolné testy (kvízy) -- Praktické cvičenia v písaní kódu -- Príklady z reálneho sveta -- Zameranie na základy pred frameworkami +- Prístup založený na projektoch +- Časté overovanie vedomostí (kvízy) +- Praktické cvičenia v kódovaní +- Príklady reálnych aplikácií +- Zameranie na základy pred frameworkmi ### Údržba repozitára - Aktívna komunita študentov a prispievateľov - Pravidelné aktualizácie závislostí a obsahu -- Sledovanie issues a diskusií správcami +- Issues a diskusie monitorované správcom - Automatizované aktualizácie prekladov cez GitHub Actions ### Súvisiace zdroje @@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA: - [Microsoft Learn moduly](https://docs.microsoft.com/learn/) - [Student Hub zdroje](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) odporúčaný pre študentov -- Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT dostupné +- Ďalšie kurzy: Generative AI, Data Science, ML, IoT kurikula dostupné ### Práca s konkrétnymi projektmi -Podrobné inštrukcie k jednotlivým projektom nájdete v README súboroch: -- `quiz-app/README.md` - Vue 3 quiz aplikácia +Pre podrobné inštrukcie o jednotlivých projektoch pozrite README súbory v: +- `quiz-app/README.md` - Vue 3 kvíz aplikácia - `7-bank-project/README.md` - Banková aplikácia s autentifikáciou - `5-browser-extension/README.md` - Vývoj rozšírenia prehliadača -- `6-space-game/README.md` - Vývoj hry na canvas -- `9-chat-project/README.md` - Projekt AI chat asistenta +- `6-space-game/README.md` - Vývoj hry založenej na Canvas +- `9-chat-project/README.md` - AI chat asistent projekt ### Štruktúra monorepa Aj keď nejde o tradičné monorepo, tento repozitár obsahuje viacero nezávislých projektov: - Každá lekcia je samostatná -- Projekty nesdielajú závislosti -- Pracujte na jednotlivých projektoch bez ovplyvnenia ostatných -- Naklonujte celý repozitár pre kompletný kurzový zážitok +- Projekty nezdieľajú závislosti +- Pracujte na jednotlivých projektoch bez vplyvu na ostatné +- Klonujte celý repozitár pre kompletný zážitok z kurikula --- -**Zrieknutie sa zodpovednosti**: -Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, majte, prosím, na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nepochopenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu. +**Vyhlásenie o zodpovednosti**: +Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, vezmite prosím na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Považuje sa, že originálny dokument v jeho pôvodnom jazyku je autoritatívnym zdrojom. Pre kľúčové informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo chybné interpretácie vyplývajúce z použitia tohto prekladu. \ No newline at end of file diff --git a/translations/sk/README.md b/translations/sk/README.md index b136aa940f..8d4d2a7a79 100644 --- a/translations/sk/README.md +++ b/translations/sk/README.md @@ -1,192 +1,188 @@ -# Web Development pre začiatočníkov - Kurz +# Vývoj webu pre začiatočníkov - učebný plán -Naučte sa základy webového vývoja v rámci nášho 12-týždňového komplexného kurzu od Microsoft Cloud Advocates. Každá z 24 lekcií skúma JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zúčastnite sa kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte si udržanie vedomostí s našou efektívnou projektovo orientovanou pedagogikou. Začnite svoju programátorskú cestu ešte dnes! +Naučte sa základy vývoja webu s naším komplexným 12-týždňovým kurzom od Microsoft Cloud Advocates. Každá zo 24 lekcií sa venuje JavaScriptu, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia prehliadača a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje schopnosti a optimalizujte si osvojenie vedomostí efektívnou projektovo orientovanou pedagogikou. Začnite svoju programátorskú cestu ešte dnes! -Pridajte sa do komunity Azure AI Foundry Discord +Pridajte sa k Discordu Azure AI Foundry a stretnite sa s odborníkmi a ďalšími vývojármi. -Nasledujte tieto kroky, aby ste začali používať tieto zdroje: -1. **Vytvorte Fork úložiska**: Kliknite na [![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. **Naklonujte úložisko**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Pridajte sa do Azure AI Foundry Discord a spoznajte odborníkov a ostatných vývojárov**](https://discord.com/invite/ByRwuEEgH4) +Nasledujte tieto kroky, aby ste začali využívať tieto zdroje: +1. **Forknite si repozitár**: Kliknite na [![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. **Naklonujte si repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Pridajte sa k Discordu Azure AI Foundry a stretnite sa s odborníkmi a ďalšími vývojármi**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Podpora viacerých jazykov -#### Podporované cez GitHub Action (automatizované a vždy aktuálne) +#### Podporované cez GitHub Action (automatické a vždy aktuálne) -> **Radšej klonovať lokálne?** -> -> Toto úložisko obsahuje viac ako 50 jazykových prekladov, ktoré výrazne zväčšujú veľkosť sťahovania. Pre klonovanie bez prekladov použite sparse checkout: -> -> **Bash / macOS / Linux:** -> > ```bash +> **Preferujete klonovať lokálne?** +> +> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčšuje veľkosť na stiahnutie. Ak chcete klonovať bez prekladov, použite sparse checkout: +> +> **Bash / macOS / Linux:** +> ```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' > ``` -> -> **CMD (Windows):** -> > ```cmd +> +> **CMD (Windows):** +> ```cmd > 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" > ``` -> -> Táto možnosť vám umožní získať všetko potrebné na dokončenie kurzu s oveľa rýchlejším sťahovaním. +> +> Takto získate všetko potrebné na dokončenie kurzu oveľa rýchlejším stiahnutím. -**Ak chcete pridať ďalšie prekladové jazyky, podporované jazyky nájdete [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Ak chcete mať ďalšie preklady, podporované jazyky sú uvedené tu. [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** #### 🧑‍🎓 _Ste študent?_ -Navštívte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, balíčky pre študentov a dokonca možnosti získať bezplatný certifikát. Túto stránku si uložíte do záložiek a občas skontrolujte, pretože každý mesiac meníme obsah. - -### 📣 Oznámenie - Nové výzvy GitHub Copilot Agent módu na dokončenie! - -Pridaná nová výzva, nájdete ju pod názvom "GitHub Copilot Agent Challenge 🚀" v niektorých kapitolách. Ide o novú výzvu, ktorú môžete splniť použitím GitHub Copilot a Agent módu. Ak ste Agent mód ešte nepoužili, vie nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a ďalšie. +Navštívte [**študentský portál**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca možnosti, ako získať poukaz na bezplatný certifikát. Túto stránku si odporúčame uložiť medzi obľúbené a občas skontrolovať, pretože mesačne aktualizujeme obsah. -### 📣 Oznámenie - _Nový projekt na vývoj pomocou generatívnej AI_ +### 📣 Oznámenie - Nové výzvy s režimom GitHub Copilot Agent! -Práve bol pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md) +Pridaná nová výzva, hľadajte "GitHub Copilot Agent Challenge 🚀" v niektorých kapitolách. Je to nová výzva, ktorú dokončíte pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužívali, dokáže nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a viac. -### 📣 Oznámenie - _Nový kurz_ o generatívnej AI pre JavaScript práve vydaný +### 📣 Oznámenie - _Nový projekt na tvorbu pomocou Generatívnej AI_ -Nezmeškajte náš nový kurz o generatívnej AI! +Pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md) -Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite! +### 📣 Oznámenie - _Nový učebný plán_ o Generatívnej AI pre JavaScript práve vydaný -![Background](../../translated_images/sk/background.148a8d43afde5730.webp) +Nezmeškajte náš nový učebný plán Generatívnej AI! -- Lekcie pokrývajú všetko od základov až po RAG. -- Interagujte s historickými postavami pomocou GenAI a našej doplnkovej aplikácie. -- Zábavný a pútavý príbeh, budete cestovať časom! +Začnite na [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! -![character](../../translated_images/sk/character.5c0dd8e067ffd693.webp) +- Lekcie pokrývajú všetko od základov po RAG. +- Interagujte s historickými postavami pomocou GenAI a našej sprievodnej aplikácie. +- Zábavný a pútavý príbeh, zažijete cestovanie časom! -Každá lekcia obsahuje úlohu na dokončenie, test vedomostí a výzvu, ktorá vás prevedie témami ako: -- Vytváranie promptov a prompt engineering -- Generovanie textových a obrazových aplikácií +Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás prevedie témami ako: +- Promptovanie a návrh promptov +- Generovanie textových a obrazových aplikácií - Vyhľadávacie aplikácie -Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite! +Začnite na [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! ## 🌱 Začíname -> **Učitelia**, pripravili sme [niekoľko návrhov](for-teachers.md) na používanie tohto kurikula. Budeme radi za vaše pripomienky [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Učitelia**, pripravili sme [niekoľko odporúčaní](for-teachers.md), ako tento učebný plán využiť. Radi uvítame vaše názory [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite kvízom pred prednáškou, prečítajte si prednáškový materiál, dokončite rôzne aktivity a overte si porozumenie pomocou kvízu po prednáške. +**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite prednáškovým kvízom, pokračujte čítaním materiálov, plnením rôznych aktivít a svoju znalosť si overte záverečným kvízom. -Pre lepší zážitok z učenia sa spojte so svojimi rovesníkmi a pracujte na projektoch spoločne! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde sú dostupní naši moderátori, ktorí vám radi zodpovedia otázky. +Pre lepší zážitok z učenia sa spojte so spolužiakmi a pracujte na projektoch spoločne! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde sú naši moderátori pripravení odpovedať na vaše otázky. -Pre ďalšie štúdium vám vrelo odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre doplnkové študijné materiály. +Pre ďalšie vzdelávanie odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre doplnkové študijné materiály. ### 📋 Nastavenie prostredia -Tento kurz má pripravené vývojové prostredie! Na začiatku si môžete vybrať spustenie kurzu v prostredí [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači bez potreby inštalácie_), alebo lokálne na vašom počítači pomocou textového editora ako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Tento učebný plán je pripravený na spustenie vývojového prostredia! Na začiatku si môžete vybrať spustenie v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači bez nutnosti inštalácie_) alebo lokálne na počítači v textovom editore ako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Vytvorte si vlastné úložisko +#### Vytvorte si svoj repozitár -Pre jednoduché ukladanie vašej práce sa odporúča vytvoriť si vlastnú kópiu tohto úložiska. Môžete to spraviť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Takto sa vytvorí nové úložisko vo vašom GitHub konte s kópiou kurikula. +Pre jednoduché ukladanie práce je odporúčané vytvoriť si vlastnú kópiu tohto repozitára. Urobíte to kliknutím na tlačidlo **Use this template** v hornej časti stránky. Tým sa vám vytvorí nový repozitár vo vašom GitHub konte s kópiou učebného plánu. -Postupujte podľa týchto krokov: -1. **Vytvorte Fork úložiska**: Kliknite na tlačidlo "Fork" v pravom hornom rohu tejto stránky. -2. **Naklonujte úložisko**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Postupujte podľa týchto krokov: +1. **Forknite repozitár**: Kliknite na tlačidlo „Fork“ v pravom hornom rohu tejto stránky. +2. **Naklonujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Spustenie kurzu v Codespace +#### Spustenie učebného plánu v Codespace -Vo vašej kópii úložiska kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Týmto vytvoríte nový Codespace, v ktorom môžete pracovať. +Vo svojej kópii repozitára kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa vytvorí nový Codespace, v ktorom môžete pracovať. ![Codespace](../../translated_images/sk/createcodespace.0238bbf4d7a8d955.webp) -#### Spustenie kurzu lokálne na počítači +#### Spustenie učebného plánu lokálne na vašom počítači -Na spustenie kurzu lokálne budete potrebovať textový editor, prehliadač a nástroj príkazového riadku. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre tieto nástroje, aby ste si mohli vybrať, čo vám najviac vyhovuje. +Na spustenie učebného plánu na počítači budete potrebovať textový editor, prehliadač a príkazový riadok. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre tieto nástroje, aby ste si vybrali, čo vám najviac vyhovuje. -Odporúčame použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý obsahuje aj zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Naklonujte si svoj repozitár do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL: +Odporúčame použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý obsahuje aj vstavaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Klonujte si svoje úložisko do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL adresy: [CodeSpace](./images/createcodespace.png) - Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v rámci [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `` nahraďte URL, ktorú ste práve skopírovali: + Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `` nahradíte URL, ktorú ste práve skopírovali: ```bash git clone ``` -2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **File** > **Open Folder** a výberom práve naklonovaného priečinka. +2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **File** > **Open Folder** a výberom práve sklonovaného priečinka. -> Odporúčané rozšírenia pre Visual Studio Code: +> Odporúčané rozšírenia Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - na náhľad HTML stránok priamo vo Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - na rýchlejšie písanie kódu ## 📂 Každá lekcia obsahuje: -- voliteľnú skicovaciu poznámku +- voliteľnú náčrtok (sketchnote) - voliteľné doplnkové video -- rozcvičku pred lekciou formou kvízu +- rozcvičku pred lekciou (warmup quiz) - písanú lekciu -- pre lekcie založené na projektoch, krok za krokom návody, ako projekt vybudovať -- kontroly vedomostí +- pre projektové lekcie podrobné návody krok za krokom, ako projekt vytvoriť +- kontrolu vedomostí - výzvu - doplnkové čítanie -- zadanie -- [kvíz po lekcii](https://ff-quizzes.netlify.app/web/) +- zadanie úlohy +- [test po lekcii](https://ff-quizzes.netlify.app/web/) -> **Poznámka o kvízoch**: Všetky kvízy sú uložené v priečinku Quiz-app, celkovo 48 kvízov so štyrmi otázkami každý. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/), kvízová aplikácia môže byť spustená lokálne alebo nasadená na Azure; postupujte podľa inštrukcií v priečinku `quiz-app`. +> **Poznámka k testom:** Všetky testy sa nachádzajú v priečinku Quiz-app, spolu 48 testov so štruktúrou troch otázok v každom. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/), aplikáciu testu možno spustiť lokálne alebo nasadiť do Azure; postupujte podľa inštrukcií v priečinku `quiz-app`. ## 🗃️ Lekcie -| | Názov projektu | Konzepte vyučované | Ciele učenia | Prepojená lekcia | Autor | -| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Začínáme | Úvod do programovania a nástroje remesla | Naučte sa základné princípy väčšiny programovacích jazykov a o softvéri, ktorý pomáha profesionálnym vývojárom pri práci | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Začínáme | Základy GitHubu, vrátane práce v tíme | Ako používať GitHub vo svojom projekte, ako spolupracovať s inými na kóde | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Začínáme | Prístupnosť | Naučte sa základy prístupnosti webu | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Základy JS | Typy dát v JavaScript | Základy typov dát v JavaScript | [Typy dát](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Základy JS | Funkcie a metódy | Naučte sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher | -| 06 | Základy JS | Tvorba rozhodnutí v JS | Naučte sa vytvárať podmienky vo svojom kóde pomocou rozhodovacích metód | [Tvorba rozhodnutí](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Základy JS | Polia a cykly | Práca s dátami pomocou polí a cyklov v JavaScript | [Polia a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvorte HTML pre online terrárium, zamerajte sa na tvorbu rozloženia | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvorte CSS pre štýlovanie online terrária, naučte sa základy CSS vrátane responzívneho návrhu stránky | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrárium](./3-terrarium/solution/README.md) | Uzávierky JavaScriptu, manipulácia s DOMom | Vytvorte JavaScript, ktorý umožní terráriu fungovať ako drag/drop rozhranie, zamerajte sa na uzávierky a manipuláciu s DOMom | [Uzávierky JavaScriptu, manipulácia s DOMom](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytvorte hru na písanie | Naučte sa používať udalosti klávesnice na riadenie logiky vašej JavaScriptovej aplikácie | [Programovanie založené na udalostiach](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučte sa, ako fungujú prehliadače, ich históriu a ako vytvoriť základné prvky rozšírenia prehliadača | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Vytvorenie formulára, volanie API a uchovávanie premenných v lokálnom úložisku | Vytvorte JavaScriptové prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom úložisku | [API, formuláre a lokálne úložisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Systémové procesy na pozadí v prehliadači, výkon webu | Použite systémové procesy prehliadača na správu ikony rozšírenia; učte sa o výkone webu a niektorých optimalizáciách | [Úlohy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Hra v priestore](./6-space-game/solution/README.md) | Pokročilý vývoj hier v JavaScripte | Naučte sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, ako prípravu na tvorbu hry | [Úvod k pokročilému vývoju hier](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Hra v priestore](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučte sa o Canvas API používanom na kreslenie prvkov na obrazovku | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Hra v priestore](./6-space-game/solution/README.md) | Pohyb prvkov po obrazovke | Objavte, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API | [Pohyb prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Hra v priestore](./6-space-game/solution/README.md) | Detekcia kolízií | Urobte, aby sa prvky zrážali a reagovali na seba pomocou stlačenia kláves a zabezpečte funkciu cooldown pre výkon hry | [Detekcia kolízií](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Hra v priestore](./6-space-game/solution/README.md) | Uchovávanie skóre | Vykonávajte matematické výpočty na základe stavu a výkonu hry | [Uchovávanie skóre](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Hra v priestore](./6-space-game/solution/README.md) | Ukončenie a reštart hry | Naučte sa o ukončení a reštarte hry vrátane čistenia zdrojov a resetovania premenných | [Podmienka ukončenia](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | HTML šablóny a routovanie vo webovej aplikácii | Naučte sa vytvoriť kostru viacstránkovej webovej architektúry pomocou routovania a HTML šablón | [HTML šablóny a routovanie](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytvorenie prihlasovacieho a registračného formulára | Naučte sa vytvárať formuláre a spracovávať validačné rutiny | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a používania dát | Ako dáta prúdia dovnútra a von z vašej aplikácie, ako ich získavať, ukladať a likvidovať | [Dáta](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty správy stavu | Naučte sa, ako si vaša aplikácia udržiava stav a ako ho programovo spravovať | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Prehliadač/VScode Kód](../../8-code-editor) | Práca s VScode | Naučte sa používať kódový editor| [Použitie VScode kódového editora](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučte sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | - -## 🏫 Pedagogika - -Naše učebné osnovy sú navrhnuté so dvoma kľúčovými pedagogickými princípmi: +| | Názov projektu | Učené koncepty | Učebné ciele | Prepojená lekcia | Autor | +| :-: | :------------------------------------------------------: | :------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Začíname | Úvod do programovania a nástroje remesla | Naučiť sa základné princípy väčšiny programovacích jazykov a softvér, ktorý pomáha profesionálnym vývojárom | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Začíname | Základy GitHubu, vrátane práce v tíme | Ako používať GitHub v projekte a spolupracovať s ostatnými na kóde | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Začíname | Prístupnosť | Naučiť sa základy prístupnosti webu | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Základy JS | Typy údajov v JavaScripte | Základy typov údajov v JavaScripte | [Typy údajov](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Základy JS | Funkcie a metódy | Naučiť sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher | +| 06 | Základy JS | Rozhodovanie v JS | Naučiť sa vytvárať podmienky v kóde pomocou metód rozhodovania | [Rozhodovanie](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Základy JS | Polia a cykly | Pracovať s údajmi pomocou polí a cyklov v JavaScripte | [Polia a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvoriť HTML pre online terárium so zameraním na tvorbu rozloženia | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvoriť CSS na štýlovanie online terária so zameraním na základy CSS vrátane responzívneho dizajnu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terárium](./3-terrarium/solution/README.md) | JavaScriptové uzávierky, manipulácia s DOM | Vytvoriť JavaScript pre terárium, aby fungovalo ako drag/drop rozhranie, so zameraním na uzávierky a manipuláciu s DOM | [JavaScriptové uzávierky a manipulácia s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytváranie hry na písanie | Naučiť sa používať udalosti z klávesnice na riadenie logiky JavaScriptovej aplikácie | [Programovanie na základe udalostí](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučiť sa, ako pracujú prehliadače, ich históriu, a ako vytvoriť prvé elementy rozšírenia prehliadača | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Vytváranie formulára, volanie API a ukladanie premenných lokálne | Vytvoriť JavaScriptové prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom úložisku | [API, formuláre a lokálne úložisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Pozadie procesov v prehliadači, výkon webu | Použiť pozadie procesov prehliadača na správu ikony rozšírenia; naučiť sa o výkone webu a optimalizáciách | [Pozadie úloh a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Pokročilejší vývoj hier s JavaScriptom | Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, na prípravu tvorby hry | [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučiť sa o API Canvas na kreslenie prvkov na obrazovku | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Pohybovanie prvkov na obrazovke | Objaviť, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API | [Pohybovanie prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Detekcia kolízie | Zabezpečiť kolízie a reakcie prvkov na seba navzájom pomocou stláčania kláves a poskytnúť cooldown funkciu pre zabezpečenie výkonu | [Detekcia kolízie](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Udržiavanie skóre | Vykonať matematické výpočty na základe stavu a výkonu hry | [Udržiavanie skóre](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Ukončenie a restartovanie hry | Naučiť sa o ukončení a reštartovaní hry vrátane čistenia zdrojov a resetovania premenných | [Ukončenie hry](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | HTML šablóny a trasy v webovej aplikácii | Naučiť sa vytvárať skelet viacstránkovej webovej architektúry pomocou routingu a HTML šablón | [HTML šablóny a trasy](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytváranie prihlasovacieho a registračného formulára | Naučiť sa o tvorbe formulárov a spracovaní validačných rutin | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a používania údajov | Ako údaje prúdia dnu a von z aplikácie, ako ich načítať, uložiť a odstrániť | [Údaje](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty správy stavu | Naučiť sa, ako vaša aplikácia uchováva stav a ako s ním programovo pracovať | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode kód](../../8-code-editor) | Práca s VScode | Naučiť sa používať kódový editor | [Použitie kódového editoru VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučiť sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | + +## 🏫 Pedagógia + +Naše vzdelávacie programy sú navrhnuté s ohľadom na dva kľúčové pedagogické princípy: * učenie založené na projektoch -* časté kvízy +* časté testy -Program učí základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky, ktoré používajú dnešní weboví vývojári. Študenti budú mať príležitosť získať praktické skúsenosti tým, že vyvinú hru na písanie, virtuálne terárium, ekologické rozšírenie prehliadača, hru v štýle vesmírneho dobyvateľa a bankovú aplikáciu pre podniky. Na konci série budú mať pevné pochopenie webového vývoja. +Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky, ktoré dnes používajú weboví vývojári. Študenti budú mať príležitosť získať praktické skúsenosti tvorbou hry na písanie, virtuálneho terária, ekologického rozšírenia prehliadača, hry v štýle Space Invaders a bankovej aplikácie pre firmy. Na konci série študenti získajú pevné základy webového vývoja. -> 🎓 Prvé lekcie tohto kurzu môžete absolvovať ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! +> 🎓 Prvé lekcie v tomto kurze si môžete prejsť ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -Zabezpečením zladenia obsahu s projektmi je proces pre študentov pútavejší a uchovávanie konceptov sa zlepší. Tiež sme napísali niekoľko úvodných lekcií v základoch JavaScriptu, ktoré predstavujú koncepty, sprevádzané videom zo série "[Začiatočnícka séria: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorého niektorí autori prispeli do týchto osnov. +Zabezpečením prepojenia obsahu s projektmi sa proces výučby stáva zábavnejší pre študentov a zvyšuje sa ich zapamätateľnosť. Tiež sme napísali niekoľko úvodných lekcií o základoch JavaScriptu na predstavenie konceptov, doplnených videom zo série "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorej niektorí autori prispeli do tohto kurikula. -Okrem toho nízko náročný kvíz pred triedou nastavuje študentovi zámer učiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečuje ďalšie uchovanie vedomostí. Tento kurz bol navrhnutý tak, aby bol flexibilný a zábavný a môže byť absolvovaný celý alebo čiastočne. Projekty začínajú jednoducho a do 12-týždňového cyklu sú čoraz zložitejšie. +Okrem toho nízko náročný test pred triedou nastavuje študentom zámer učiť sa danú tému, zatiaľ čo druhý test po hodine zabezpečuje lepšie zapamätanie. Tento kurz bol navrhnutý tak, aby bol flexibilný a zábavný a možno ho absolvovať celý alebo po častiach. Projekty sa začínajú malé a postupne sa stávajú zložitejšími do konca 12-týždňového cyklu. -Zatiaľ čo sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred prijatím frameworku, dobrým ďalším krokom po dokončení tohto kurzu by bolo naučiť sa Node.js prostredníctvom inej kolekcie videí: "[Začiatočnícka séria: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Hoci sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred prijatím frameworku, dobrou ďalšou voľbou na dokončenie tohto kurikula je naučiť sa o Node.js prostredníctvom ďalšej zbierky videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Navštívte naše pravidlá správania [Code of Conduct](CODE_OF_CONDUCT.md) a zásady prispievania [Contributing](CONTRIBUTING.md). Vitajte vašu konštruktívnu spätnú väzbu! +> Navštívte naše pravidlá [Code of Conduct](CODE_OF_CONDUCT.md) a pokyny [Contributing](CONTRIBUTING.md). Tešíme sa na vaše konštruktívne názory! -## 🧭 Prístup offline +## 🧭 Offline prístup -Môžete spustiť túto dokumentáciu offline pomocou [Docsify](https://docsify.js.org/#/). Forknite tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svojom lokálnom počítači a potom v koreňovom priečinku tohto repozitára zadajte `docsify serve`. Webová stránka bude dostupná na porte 3000 na vašom localhoste: `localhost:3000`. +Túto dokumentáciu si môžete prezerať offline pomocou [Docsify](https://docsify.js.org/#/). Forknite si tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na vašom lokálnom počítači a potom v koreňovom priečinku repozitára zadajte príkaz `docsify serve`. Webová stránka bude sprístupnená na porte 3000 na vašom localhoste: `localhost:3000`. ## 📘 PDF PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -194,7 +190,7 @@ PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For ## 🎒 Iné kurzy -Náš tím produkuje aj iné kurzy! Pozrite si: +Náš tím produkuje aj iné kurzy! Pozrite sa: ### LangChain @@ -203,56 +199,56 @@ Náš tím produkuje aj iné kurzy! Pozrite si: [![LangChain pre začiatočníkov](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agenti +### Azure / Edge / MCP / Agentov [![AZD pre začiatočníkov](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 pre začiatočníkov](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 pre začiatočníkov](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 Agentov pre začiatočníkov](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) +[![AI agenti pre začiatočníkov](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) --- -### Generatívna AI séria -[![Generatívna AI pre začiatočníkov](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) -[![Generatívna 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) -[![Generatívna 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) -[![Generatívna 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) +### Séria Generatívne AI +[![Generatívne AI pre začiatočníkov](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) +[![Generatívne 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) +[![Generatívne 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) +[![Generatívne 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) --- ### Základné učenie [![ML pre začiatočníkov](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) -[![Dátová veda pre začiatočníkov](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) +[![Data Science pre začiatočníkov](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 pre začiatočníkov](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) [![Kybernetická bezpečnosť pre začiatočníkov](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) -[![Webové vývoj pre začiatočníkov](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) +[![Webový vývoj pre začiatočníkov](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 pre začiatočníkov](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 vývoj pre začiatočníkov](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- -### Copilot séria -[![Copilot pre AI programovanie v pároch](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) +### Séria Copilot +[![Copilot pre AI párované programovanie](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 pre 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 dobrodružstvo](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 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) ## Získanie pomoci -Ak sa zaseknete alebo máte otázky ohľadom budovania AI aplikácií. Pridajte sa k ostatným študentom a skúseným vývojárom v diskusiách o MCP. Je to podporná komunita, kde sú otázky vítané a vedomosti sa slobodne zdieľajú. +Ak ste uviazli alebo máte otázky ohľadom tvorby AI aplikácií. Pridajte sa k ďalším študentom a skúseným vývojárom do diskusií o MCP. Je to podporná komunita, kde sú otázky vítané a vedomosti sa voľne zdieľajú. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ak máte spätnú väzbu k produktu alebo narazíte na chyby pri vývoji, navštívte: +Ak máte spätnú väzbu alebo chyby pri vývoji navštívte: [![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 -Táto repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE). +Tento repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE). --- **Zrieknutie sa zodpovednosti**: -Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, berte prosím na vedomie, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu. +Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, berte, prosím, na vedomie, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z používania tohto prekladu. \ No newline at end of file diff --git a/translations/sk/lesson-template/README.md b/translations/sk/lesson-template/README.md index cdf9a085c1..9bd8a3901a 100644 --- a/translations/sk/lesson-template/README.md +++ b/translations/sk/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Téma lekcie] +# Téma lekcie -![Vložte video sem](../../../lesson-template/video-url) +## 🎥 Video -## [Kvíz pred prednáškou](../../../lesson-template/quiz-url) +> Sem pridajte vložené video alebo odkaz na lekciu. -[Opíšte, čo sa naučíme] +--- + +## Prednáškový kvíz + +> Sem pridajte odkaz na kvíz, keď bude dostupný. + +--- + +Poskytnite stručný prehľad toho, čo sa študenti v tejto lekcii naučia. + +--- ### Úvod -Opíšte, čo bude pokryté +Poskytnite krátky úvod, ktorý popisuje, čo bude v tejto lekcii pokryté. > Poznámky +--- + ### Predpoklady -Aké kroky by mali byť splnené pred touto lekciou? +Uveďte koncepty alebo témy, s ktorými by mali študenti už byť oboznámení pred začatím tejto lekcie. + +--- ### Príprava -Prípravné kroky na začatie tejto lekcie +Uveďte akékoľvek kroky na prípravu alebo nástroje potrebné pred začatím lekcie. --- -[Prejdite obsahom v blokoch] +### Obsah + +Prejdite obsah lekcie v štruktúrovaných sekciách. + +--- -## [Téma 1] +## Téma 1 ### Úloha: -Spolupracujte na postupnom vylepšovaní vášho kódu, aby ste vytvorili projekt so zdieľaným kódom: +Spolupracujte na postupnom vylepšovaní vášho kódu, aby ste vybudovali projekt so zdieľaným kódom: ```html code blocks ``` -✅ Kontrola vedomostí - využite tento moment na rozšírenie vedomostí študentov otvorenými otázkami +✅ Overenie znalostí +Využite tento okamih na precvičenie vedomostí študentov pomocou otvorených otázok. -## [Téma 2] +## Téma 2 +## Téma 3 -## [Téma 3] +🚀 Výzva +Pridajte spoločnú výzvu pre študentov na vylepšenie projektu. -🚀 Výzva: Pridajte výzvu pre študentov, aby na projekte spolupracovali v triede a vylepšili ho +Voliteľné: Pridajte screenshot dokončeného užívateľského rozhrania lekcie, ak je to vhodné. -Voliteľné: pridajte snímku obrazovky dokončeného používateľského rozhrania lekcie, ak je to vhodné +## Povodná prednášková kontrola -## [Kvíz po prednáške](../../../lesson-template/quiz-url) +Pridajte sem odkaz na kvíz po dokončení lekcie. ## Prehľad a samostatné štúdium -**Termín odovzdania úlohy [MM/RR]**: [Názov úlohy](assignment.md) +**Deadline zadania [MM/RR]**: [Názov zadania](assignment.md) --- -**Upozornenie**: -Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu. \ No newline at end of file + +**Zrieknutie sa zodpovednosti**: +Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, berte prosím na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku sa považuje za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nezodpovedáme za žiadne nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu. + \ No newline at end of file diff --git a/translations/sl/.co-op-translator.json b/translations/sl/.co-op-translator.json index 9716ee75be..551199d767 100644 --- a/translations/sl/.co-op-translator.json +++ b/translations/sl/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:23:49+00:00", + "translation_date": "2026-04-24T12:19:38+00:00", "source_file": "AGENTS.md", "language_code": "sl" }, @@ -516,8 +516,8 @@ "language_code": "sl" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:58:40+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:15:27+00:00", "source_file": "README.md", "language_code": "sl" }, @@ -564,8 +564,8 @@ "language_code": "sl" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:44:13+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:15:39+00:00", "source_file": "lesson-template/README.md", "language_code": "sl" }, diff --git a/translations/sl/AGENTS.md b/translations/sl/AGENTS.md index d786fb3568..0a085fa58f 100644 --- a/translations/sl/AGENTS.md +++ b/translations/sl/AGENTS.md @@ -2,46 +2,46 @@ ## Pregled projekta -To je učni učni načrt za poučevanje osnov spletnega razvoja za začetnike. Učni načrt je obsežen 12-tedenski tečaj, ki so ga razvili Microsoft Cloud Advocates, in vsebuje 24 praktičnih lekcij o JavaScriptu, CSS in HTML. +To je izobraževalni kurikulum repozitorij za poučevanje osnov spletnega razvoja začetnikom. Kurikulum je obsežen 12-tedenski tečaj, razvit s strani Microsoft Cloud Advocates, ki vsebuje 24 praktičnih lekcij, ki zajemajo JavaScript, CSS in HTML. -### Ključne sestavine +### Ključne komponente -- **Izobraževalna vsebina**: 24 strukturiranih lekcij, organiziranih v modulih na osnovi projektov -- **Praktični projekti**: Terarij, Tipkovniška igra, Razširitev brskalnika, Vesoljska igra, Bančna aplikacija, Urejevalnik kode in AI klepetalni pomočnik -- **Interaktivni kvizi**: 48 kvizov s 3 vprašanji vsak (pred in po lekciji) -- **Podpora za več jezikov**: Avtomatizirani prevodi za več kot 50 jezikov preko GitHub Actions -- **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte) +- **Izobraževalna vsebina**: 24 strukturiranih lekcij, organiziranih v modulih, temelječih na projektih +- **Praktični projekti**: Terrarium, igra tipkanja, razširitev brskalnika, igra v vesolju, bančna aplikacija, urejevalnik kode in AI klepetalni pomočnik +- **Interaktivni kvizi**: 48 kvizov s po 3 vprašanji (pred/po lekciji) +- **Večjezična podpora**: Samodejni prevodi za več kot 50 jezikov preko GitHub Actions +- **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte) ### Arhitektura -- Učni skladišče z strukturo na osnovi lekcij -- Vsaka mapa lekcije vsebuje README, primere kode in rešitve -- Samostojni projekti v ločenih imenikih (quiz-app, različni lekcijski projekti) -- Sistem za prevajanje z uporabo GitHub Actions (co-op-translator) -- Dokumentacija, postrežena preko Docsify in dostopna kot PDF +- Izobraževalni repozitorij z organizacijo po lekcijah +- Vsaka mapa lekcije vsebuje README, primeri kode in rešitve +- Samostojni projekti v ločenih imenikih (quiz-app, različni projekti lekcij) +- Sistem prevajanja z GitHub Actions (co-op-translator) +- Dokumentacija strežena preko Docsify in dostopna kot PDF ## Ukazi za nastavitev -To skladišče je primarno namenjeno za uživanje izobraževalne vsebine. Za delo z določenimi projekti: +Ta repozitorij je namenjen predvsem za porabo izobraževalne vsebine. Za delo s specifičnimi projekti: -### Nastavitev glavnega skladišča +### Glavna nastavitev repozitorija ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Nastavitev Quiz App (Vue 3 + Vite) +### Nastavitev Quiz Aplikacije (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # Zaženi razvojni strežnik -npm run build # Zgradi za produkcijo +npm run dev # Začni razvojni strežnik +npm run build # Sestavi za proizvodnjo npm run lint # Zaženi ESLint ``` -### API projekta Banka (Node.js + Express) +### API bančnega projekta (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,15 +51,15 @@ npm run lint # Zaženi ESLint npm run format # Oblikuj s Prettierjem ``` -### Projekti razširitev brskalnika +### Projekti razširitve brskalnika ```bash cd 5-browser-extension/solution npm install -# Upoštevajte navodila za nalaganje razširitev, specifična za brskalnik +# Sledite navodilom za nalaganje razširitve, specifičnim za brskalnik ``` -### Projekti vesoljske igre +### Projekti igre v vesolju ```bash cd 6-space-game/solution @@ -67,7 +67,7 @@ npm install # Odprite index.html v brskalniku ali uporabite Live Server ``` -### Projekt klepeta (Python Backend) +### Klepetalni projekt (Python backend) ```bash cd 9-chat-project/solution/backend/python @@ -78,120 +78,120 @@ python api.py ## Razvojni potek dela -### Za prispevatele vsebine +### Za prispevne vsebine -1. **Razvezi skladišče (fork)** v svoj GitHub račun -2. **Kloniraj svoj fork** lokalno -3. **Ustvari nov podal (branch)** za svoje spremembe -4. Naredi spremembe v vsebini lekcij ali primerih kode -5. Testiraj spremembe kode v ustreznih mapah projektov -6. Pošlji pull requeste v skladu z navodili za prispevanje +1. **Razveji repozitorij (fork)** na svoj GitHub račun +2. **Kloniraj svoj fork** lokalno +3. **Ustvari novo vejo** za spremembe +4. Naredi spremembe vsebine lekcije ali primerov kode +5. Preizkusi spremembe kode v ustreznih mapah projektov +6. Pošlji pull request po navodilih za prispevke ### Za učence -1. Razvezi ali kloniraj skladišče -2. Pomakni se zaporedno skozi mape lekcij -3. Preberi README datoteke za vsako lekcijo -4. Reši predlečnične kvize na https://ff-quizzes.netlify.app/web/ -5. Delaj skozi primere kode v mapah lekcij -6. Dokončaj naloge in izzive -7. Reši postlečnične kvize +1. Razveji ali kloniraj repozitorij +2. Pomikaj se po lekcijah zaporedoma +3. Preberi README datoteke za vsako lekcijo +4. Reši pred-kvizove na https://ff-quizzes.netlify.app/web/ +5. Delo z jeziki primeri v mapah lekcij +6. Opravi naloge in izzive +7. Reši post-kvizove -### Živ razvoj +### Živi razvoj -- **Dokumentacija**: Zaženi `docsify serve` v korenu projekta (port 3000) -- **Quiz App**: Zaženi `npm run dev` v mapi quiz-app -- **Projekti**: Uporabi razširitev VS Code Live Server za HTML projekte -- **API projekti**: Zaženi `npm start` v ustreznih API mapah +- **Dokumentacija**: Zaženi `docsify serve` v korenski mapi (port 3000) +- **Quiz App**: Zaženi `npm run dev` v mapi quiz-app +- **Projekti**: Uporabi VS Code Live Server razširitev za HTML projekte +- **API Projekti**: Zaženi `npm start` v ustreznih API mapah ## Navodila za testiranje -### Testiranje Quiz App +### Testiranje Quiz Aplikacije ```bash cd quiz-app npm run lint # Preveri težave s slogom kode -npm run build # Preveri, ali je gradnja uspešna +npm run build # Preveri, ali je sestavljanje uspešno ``` ### Testiranje Bank API ```bash cd 7-bank-project/api -npm run lint # Preveri težave s slogom kode -node server.js # Preveri, ali strežnik zažene brez napak +npm run lint # Preverite težave s slogom kode +node server.js # Preverite, ali se strežnik zažene brez napak ``` -### Splošni pristop k testiranju +### Splošni pristop testiranja -- To je učni repozitorij brez celovitega avtomatskega testiranja -- Ročno testiranje se osredotoča na: - - Primeri kode tečejo brez napak - - Povezave v dokumentaciji delujejo pravilno - - Projekti se uspešno zgradijo - - Primeri sledijo najboljšim praksam +- To je izobraževalni repozitorij brez obsežnih avtomatiziranih testov +- Ročno testiranje se osredotoča na: + - Primeri kode tečejo brez napak + - Povezave v dokumentaciji delujejo pravilno + - Projekti se uspešno zgradijo + - Primeri sledijo najboljšim praksam ### Preverjanje pred oddajo -- Zaženi `npm run lint` v mapah z datoteko package.json -- Preveri veljavnost povezav v markdownu -- Testiraj primere kode v brskalniku ali Node.js -- Preveri, da prevodi ohranjajo pravilno strukturo +- Zaženi `npm run lint` v mapah z datoteko package.json +- Preveri, da so povezave v markdownu veljavne +- Testiraj primere kode v brskalniku ali Node.js +- Preveri, da prevodi ohranjajo pravilno strukturo ## Smernice za stil kode ### JavaScript -- Uporaba sodobne sintakse ES6+ -- Sledenje standardnim ESLint konfiguracijam, podanim v projektih -- Uporaba pomenljivih imen spremenljivk in funkcij za lažje razumevanje -- Dodajanje komentarjev za pojasnitev konceptov za učence -- Formatiranje z uporabo Prettier kjer je konfigurirano +- Uporabi sodobno ES6+ sintakso +- Upoštevaj standardne ESLint konfiguracije v projektih +- Uporabi smiselna imena spremenljivk in funkcij za jasnost izobraževanja +- Dodaj komentarje za razlago konceptov učencem +- Formatiraj z orodjem Prettier, kjer je nastavljeno ### HTML/CSS -- Semantični elementi HTML5 -- Principi odzivnega oblikovanja -- Jasne konvencije poimenovanja razredov -- Komentarji, ki pojasnjujejo CSS tehnike za učence +- Semantični HTML5 elementi +- Načela odzivnega oblikovanja +- Jasne konvencije imen razredov +- Komentarji za razlago CSS tehnik učencem ### Python -- Slediti smernicam sloga PEP 8 -- Jasni, izobraževalni primeri kode -- Tipiziranje (type hints) kjer je koristno za učenje +- Smernice stila PEP 8 +- Jasni, izobraževalni primeri kode +- Tipne namige, kjer pomagajo pri učenju ### Dokumentacija v Markdownu -- Jasna hierarhija naslovov -- Bloki kode z navedbo jezika -- Povezave do dodatnih virov -- Posnetki zaslona in slike v mapah `images/` -- Alt besedilo za slike zaradi dostopnosti +- Jasna hierarhija naslovov +- Bloki kode z določitvijo jezika +- Povezave do dodatnih virov +- Posnetki zaslona in slike v mapah `images/` +- Alt besedilo za slike za dostopnost ### Organizacija datotek -- Lekcije označene zaporedno (1-getting-started-lessons, 2-js-basics itd.) -- Vsak projekt ima mape `solution/` in pogosto `start/` ali `your-work/` -- Slike so shranjene v lekcijsko specifičnih mapah `images/` -- Prevodi v strukturi `translations/{jezikovna-koda}/` +- Lekcije zaporedno številčene (1-getting-started-lessons, 2-js-basics itd.) +- Vsak projekt ima `solution/` in pogosto tudi `start/` ali `your-work/` mape +- Slike shranjene v lekcijsko specifičnih mapah `images/` +- Prevodi v strukturi `translations/{language-code}/` -## Sestavljanje in nameščanje +## Gradnja in nameščanje -### Namestitev Quiz App (Azure Static Web Apps) +### Namestitev Quiz Aplikacije (Azure Static Web Apps) quiz-app je konfiguriran za nameščanje v Azure Static Web Apps: ```bash cd quiz-app npm run build # Ustvari mapo dist/ -# Izvede namestitev prek GitHub Actions poteka ob potisku na main +# Izvedba z GitHub Actions potekom dela ob pushu na main ``` -Konfiguracija Azure Static Web Apps: -- **Lokacija aplikacije**: `/quiz-app` -- **Izhodna lokacija**: `dist` -- **Delovni tok**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Konfiguracija Azure Static Web Apps: +- **Lokacija aplikacije**: `/quiz-app` +- **Izhodna lokacija**: `dist` +- **Potek dela**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Generiranje PDF dokumentacije @@ -204,79 +204,79 @@ npm run convert # Ustvari PDF iz docs ```bash npm install -g docsify-cli # Namestite Docsify globalno -docsify serve # Strežnik na localhost:3000 +docsify serve # Postrezi na localhost:3000 ``` -### Gradnje specifične za projekte +### Gradnje za posamezne projekte -Vsaka mapa projekta lahko ima lasten postopek gradnje: -- Vue projekti: `npm run build` ustvari produkcijske pakete -- Statični projekti: brez koraka gradnje, postreže se datoteke neposredno +Vsaka projektna mapa ima lahko svoj postopek gradnje: +- Vue projekti: `npm run build` ustvari produkcijske pakete +- Statični projekti: Brez koraka gradnje, neposredno strežemo datoteke -## Smernice za pull requeste +## Smernice za Pull Requeste ### Oblika naslova -Uporabi jasne, opisne naslove, ki označujejo področje spremembe: -- `[Quiz-app] Dodaj nov kviz za lekcijo X` -- `[Lesson-3] Popravi tipkarsko napako v projektu terarij` -- `[Translation] Dodaj španski prevod za lekcijo 5` -- `[Docs] Posodobi navodila za nastavitev` +Uporabi jasne in opisne naslove, ki označujejo področje spremembe: +- `[Quiz-app] Dodaj nov kviz za lekcijo X` +- `[Lesson-3] Popravi tipkarsko napako v projektu terrarium` +- `[Translation] Dodaj španski prevod za lekcijo 5` +- `[Docs] Posodobi navodila za nastavitev` ### Zahtevani pregledi -Pred oddajo PR: +Pred oddajo PR: -1. **Kakovost kode**: - - Zaženi `npm run lint` v prizadetih projektnih mapah - - Odpravi vse napake in opozorila linterja +1. **Kakovost kode**: + - Zaženi `npm run lint` v prizadetih projektnih mapah + - Odpravi vse napake in opozorila pri lintingu -2. **Preverjanje gradnje**: - - Zaženi `npm run build` če je potrebno - - Prepričaj se, da ni napak pri gradnji +2. **Preverjanje gradnje**: + - Zaženi `npm run build`, če je potrebno + - Poskrbi, da ni napak pri gradnji -3. **Preverjanje povezav**: - - Testiraj vse markdown povezave - - Preveri delovanje referenc slik +3. **Validacija povezav**: + - Preizkusi vse markdown povezave + - Preveri delovanje referenc slik -4. **Pregled vsebine**: - - Preveri pravopis in slovnico - - Zagotovi, da so primeri kode pravilni in poučni - - Preveri, da prevodi ohranjajo originalni pomen +4. **Pregled vsebine**: + - Preveri pravopis in slovnico + - Zagotovi, da so primeri kode pravilni in izobraževalni + - Preveri, da prevodi ohranjajo prvotni pomen -### Zahteve za prispevanje +### Zahteve za prispevke -- Strinjanje z Microsoft CLA (avtomatizirana kontrola ob prvem PR) -- Sledenje [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Glej [CONTRIBUTING.md](./CONTRIBUTING.md) za podrobna navodila -- Navedi številke issue-ov v opisu PR, če je primerno +- Strinjanje z Microsoft CLA (avtomatizirana preveritev ob prvem PR) +- Sledenje [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Podrobna pravila so v [CONTRIBUTING.md](./CONTRIBUTING.md) +- V opisu PR navedi številke izdaj, če je relevantno -### Pregledni postopek +### Postopek pregleda -- PR-je pregledajo vzdrževalci in skupnost -- Prioriteta je izobraževalna jasnost -- Primeri kode sledijo najboljšim trenutnim praksam -- Prevodi se pregledajo za natančnost in kulturno ustreznost +- PR pregledujejo vzdrževalci in skupnost +- Prioriteta je jasnost izobraževalne vsebine +- Primeri kode morajo slediti trenutnim najboljšim praksam +- Prevodi se pregledajo za točnost in kulturno primernost ## Sistem prevajanja -### Avtomatizirani prevod +### Samodejni prevod -- Uporablja GitHub Actions z delovnim tokom co-op-translator -- Samodejno prevaja v več kot 50 jezikov -- Izvorne datoteke so v glavnih direktorijih -- Prevedene datoteke v `translations/{jezikovna-koda}/` +- Uporablja GitHub Actions z delovnim tokom co-op-translator +- Samodejno prevaja v več kot 50 jezikov +- Izvorne datoteke v glavnih mapah +- Prevedene datoteke v `translations/{language-code}/` mapah ### Dodajanje ročnih izboljšav prevodov -1. Najdi datoteko v `translations/{jezikovna-koda}/` -2. Naredi izboljšave, ob ohranitvi strukture -3. Poskrbi, da primeri kode ostanejo funkcionalni -4. Testiraj lokalizirano vsebino kvizov +1. Poišči datoteko v `translations/{language-code}/` +2. Naredi izboljšave ob ohranitvi strukture +3. Poskrbi, da primeri kode ostanejo funkcionalni +4. Testiraj vso lokalizirano vsebino kvizov ### Metapodatki prevodov -Prevedene datoteke vključujejo meta glavo: +Prevedene datoteke vsebujejo glavo z metapodatki: ```markdown ``` - -## Razhroščevanje in odpravljanje težav + +## Odpravljanje napak in reševanje težav ### Pogoste težave -**Quiz app ne zažene**: -- Preveri verzijo Node.js (priporočena v14+) -- Izbriši `node_modules` in `package-lock.json`, ponovno zaženi `npm install` -- Preveri morebitne konflikte vrat (privzeto: Vite uporablja port 5173) +**Quiz app se ne zažene**: +- Preveri verzijo Node.js (priporočeno v14+) +- Izbriši `node_modules` in `package-lock.json`, ponovno zaženi `npm install` +- Preveri konflikte portov (privzeto: Vite uporablja port 5173) -**API strežnik se ne zažene**: -- Preveri verzijo Node.js (node >=10) -- Preveri, če je port že v uporabi -- Poskrbi, da so vse odvisnosti nameščene z `npm install` +**API strežnik se ne zažene**: +- Preveri, da je verzija Node.js zadostna (node >=10) +- Preveri, če je port že v uporabi +- Poskrbi, da so vse odvisnosti nameščene z `npm install` -**Razširitev brskalnika se ne naloži**: -- Preveri, da je manifest.json pravilno oblikovan -- Preveri konzolo brskalnika za napake -- Sledi navodilom za namestitev specifičnim za brskalnik +**Razširitev brskalnika se ne naloži**: +- Preveri, da je manifest.json pravilno oblikovan +- Preveri napake v konzoli brskalnika +- Sledi navodilom za nameščanje razširitev za določen brskalnik -**Težave s projektom klepeta v Pythonu**: -- Namesti paket OpenAI: `pip install openai` -- Preveri, da je okoljska spremenljivka GITHUB_TOKEN nastavljena -- Preveri dovoljenja za dostop do GitHub modelov +**Težave s Python klepetalnim projektom**: +- Poskrbi, da je paket OpenAI nameščen: `pip install openai` +- Preveri, da je okoljska spremenljivka GITHUB_TOKEN nastavljena +- Preveri dovoljenja za dostop do GitHub modelov -**Docsify ne postreže dokumentacije**: -- Namesti docsify-cli globalno: `npm install -g docsify-cli` -- Zaženi v korenski mapi skladišča -- Preveri obstoj `docs/_sidebar.md` +**Docsify ne streže dokumentacije**: +- Namesti docsify-cli globalno: `npm install -g docsify-cli` +- Zaženi iz korenske mape repozitorija +- Preveri, da `docs/_sidebar.md` obstaja ### Nasveti za razvojno okolje -- Uporabljaj VS Code z razširitvijo Live Server za HTML projekte -- Namesti razširitve ESLint in Prettier za skladno oblikovanje -- Uporabljaj DevTools brskalnika za razhroščevanje JavaScript-a -- Za Vue projekte namesti Vue DevTools brskalniško razširitev +- Uporabi VS Code z Live Server razširitvijo za HTML projekte +- Namesti ESLint in Prettier razširitve za dosledno oblikovanje +- Uporabi brskalniška razvojna orodja za odpravljanje napak v JavaScriptu +- Za Vue projekte namesti Vue DevTools brskalniško razširitev -### Upoštevanje zmogljivosti +### Premisleki o zmogljivosti -- Veliko število prevedenih datotek (več kot 50 jezikov) pomeni velike polne klone -- Uporabi plitki klon, če delaš le na vsebini: `git clone --depth 1` -- Izključi prevode iz iskanj, ko delaš na angleški vsebini -- Procesi gradnje so lahko počasnejši ob prvem zagonu (npm install, Vite build) +- Veliko število prevedenih datotek (više kot 50 jezikov) pomeni velike kloniranja +- Uporabi plitev klon, če delaš le z vsebino: `git clone --depth 1` +- Izključi prevode iz iskanj, ko delaš na angleški vsebini +- Procesi gradnje so lahko počasni ob prvem izvajanju (npm install, Vite build) -## Varnostni vidiki +## Varnostni premisleki ### Okoljske spremenljivke -- Ključi API ne smejo biti nikoli vključeni v repozitorij -- Uporabljaj `.env` datoteke (že vključene v `.gitignore`) -- Dokumentiraj potrebne okoljske spremenljivke v README-jih projektov +- API ključi nikoli ne smejo biti v repozitoriju +- Uporabi `.env` datoteke (že vključene v `.gitignore`) +- Dokumentiraj zahtevane okoljske spremenljivke v README projektov ### Python projekti -- Uporabljaj virtualna okolja: `python -m venv venv` -- Posodabljaj odvisnosti -- GitHub tokeni naj imajo minimalne potrebne pravice +- Uporabi virtualna okolja: `python -m venv venv` +- Ohrani odvisnosti posodobljene +- GitHub tokeni naj imajo minimalne potrebne pravice ### Dostop do GitHub modelov -- Za GitHub modele so potrebni osebni dostopni tokeni (PAT) -- Tokeni morajo biti shranjeni kot okoljske spremenljivke -- Tokenov ali poverilnic nikoli ne vključi v repozitorij +- Potrebni so osebni dostopni tokeni (PAT) za GitHub modele +- Tokeni naj bodo shranjeni kot okoljske spremenljivke +- Nikoli ne komitiraj tokenov ali poverilnic ## Dodatne opombe ### Ciljna publika -- Popolni začetniki v spletni razvoj -- Študenti in samouki -- Učitelji, ki uporabljajo učni načrt v razredih -- Vsebina je zasnovana za dostopnost in postopno gradnjo veščin +- Popolni začetniki v spletnem razvoju +- Študenti in samouki +- Učitelji, ki uporabljajo kurikulum v učilnicah +- Vsebina je zasnovana za dostopnost in postopno gradnjo veščin ### Izobraževalna filozofija -- Pristop učenja na osnovi projektov -- Pogoste preveritve znanja (kvizi) -- Praktične vaje programiranja -- Primeri uporabe iz realnega sveta -- Osredotočenost na osnove pred ogrodji +- Pristop učenja preko projektov +- Pogoste preveritve znanja (kvizi) +- Praktične vaje s kodiranjem +- Primeri uporabe v resničnem svetu +- Osredotočenost na osnove pred ogrodji -### Vzdrževanje skladišča +### Vzdrževanje repozitorija -- Aktivna skupnost učencev in prispevajočih -- Redne posodobitve odvisnosti in vsebine -- Vzdrževalci nadzorujejo težave in razprave -- Prevodi se posodabljajo avtomatsko preko GitHub Actions +- Aktivna skupnost učencev in prispevnikov +- Redne posodobitve odvisnosti in vsebine +- Izzivi in razprave nadzirani s strani vzdrževalcev +- Posodobitve prevodov avtomatizirane preko GitHub Actions ### Sorodni viri -- [Moduli Microsoft Learn](https://docs.microsoft.com/learn/) -- [Viri Student Hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) priporočeno za učence -- Dodatni tečaji: Generativna AI, Data Science, ML, IoT učni načrti na voljo +- [Microsoft Learn moduli](https://docs.microsoft.com/learn/) +- [Student Hub viri](https://docs.microsoft.com/learn/student-hub/) +- Priporočeno za učence: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) +- Dodatni tečaji: Generativna AI, podatkovna znanost, ML, IoT kurikuli -### Delo z določenimi projekti +### Delo s specifičnimi projekti -Za podrobna navodila o posameznih projektih glej README datoteke v: -- `quiz-app/README.md` - Vue 3 aplikacija kviza -- `7-bank-project/README.md` - Bančna aplikacija z avtentikacijo -- `5-browser-extension/README.md` - Razvoj razširitve brskalnika -- `6-space-game/README.md` - Razvoj igre na platnu (Canvas) -- `9-chat-project/README.md` - Projekt AI klepetalnega pomočnika +Za podrobna navodila glede posameznih projektov glej README datoteke v: +- `quiz-app/README.md` - Vue 3 kviz aplikacija +- `7-bank-project/README.md` - Bančna aplikacija z avtentikacijo +- `5-browser-extension/README.md` - Razvoj razširitve brskalnika +- `6-space-game/README.md` - Razvoj igre na platnu (canvas) +- `9-chat-project/README.md` - AI klepetalni pomočnik -### Struktura monorepo +### Struktura monorepa -Čeprav ni tradicionalni monorepo, to skladišče vsebuje več samostojnih projektov: -- Vsaka lekcija je samostojna -- Projekti ne delijo odvisnosti -- Delo na posameznih projektih brez vpliva na druge -- Kloniraj celotno skladišče za celotno učni izkušnjo +Čeprav ni klasični monorepo, ta repozitorij vsebuje več neodvisnih projektov: +- Vsaka lekcija je samostojna +- Projekti ne delijo odvisnosti +- Delo na posameznih projektih brez vpliva na ostale +- Kloniraj celoten repozitorij za celotno kurikulum izkušnjo --- **Omejitev odgovornosti**: -Ta dokument je bil preveden z uporabo storitve za prevajanje z umetno inteligenco [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za točnost, vas opozarjamo, da avtomatizirani prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo strokovni človeški prevod. Nismo odgovorni za morebitna nesporazume ali nepravilne interpretacije, ki izhajajo iz uporabe tega prevoda. +Ta dokument je bil preveden z uporabo storitve za AI prevajanje [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, prosimo, upoštevajte, da avtomatizirani prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku je treba šteti za avtoritativni vir. Za ključne informacije je priporočljivo uporabiti strokovni človeški prevod. Nismo odgovorni za morebitna nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda. \ No newline at end of file diff --git a/translations/sl/README.md b/translations/sl/README.md index 94caf04494..6e6ed4b316 100644 --- a/translations/sl/README.md +++ b/translations/sl/README.md @@ -1,38 +1,21 @@ -[![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) +# Spletni razvoj za začetnike - učni načrt -[![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/) +Naučite se osnov spletnega razvoja s 12-tedenskim podrobnim tečajem, ki ga pripravljajo Microsoft Cloud Advocates. Vsaj ena od 24 lekcij poglobi znanje JavaScripta, CSS in HTML skozi praktične projekte, kot so terariji, razširitve brskalnika in vesoljske igre. Vključite se v kvize, razprave in praktične naloge. Izboljšajte svoje sposobnosti in optimizirajte zadrževanje znanja s pomočjo naše učinkovite projektno usmerjene pedagogike. Začnite svojo kodo danes! -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) - -# Spletni razvoj za začetnike – učni načrt - -Naučite se osnov spletnega razvoja z našim obsežnim 12-tedenskim tečajem, ki ga vodijo Microsoft Cloud Advocates. Vsaka izmed 24 lekcij poglobi znanje JavaScript-a, CSS-a in HTML-a skozi praktične projekte, kot so terariji, razširitve za brskalnike in vesoljske igre. Vključuje kvize, razprave in praktične naloge. Izboljšajte svoje spretnosti in optimizirajte zadrževanje znanja z našo učinkovito pedagoško metodo, ki temelji na projektih. Začnite svojo kodojersko pot še danes! - -Pridružite se skupnosti Azure AI Foundry Discord - -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) +Pridružite se Discord kanalu Azure AI Foundry in spoznajte strokovnjake ter druge razvijalce. Sledite tem korakom, da začnete uporabljati te vire: -1. **Razvezi repozitorij**: Kliknite [![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) +1. **Razvejite repozitorij**: Kliknite [![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. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Pridružite se Discordu Azure AI Foundry in spoznajte strokovnjake ter druge razvijalce**](https://discord.com/invite/ByRwuEEgH4) +3. [**Pridružite se Azure AI Foundry Discord kanalu in spoznajte strokovnjake ter druge razvijalce**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Podpora več jezikov +### 🌐 Podpora za več jezikov -#### Podprto prek GitHub Action (avtomatizirano in vedno posodobljeno) - - -[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) | [Khmer](../km/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](./README.md) | [Spanish](../es/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) +#### Podprto preko GitHub akcije (samodejno in vedno ažurno) > **Raje klonirate lokalno?** > -> Ta repozitorij vsebuje več kot 50 prevodov jezikov, kar znatno poveča velikost prenosa. Če želite klonirati brez prevodov, uporabite sparse checkout: +> Ta repozitorij vključuje več kot 50 prevodov, kar znatno poveča velikost prenosa. Za kloniranje brez prevodov uporabite sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,92 +31,78 @@ Sledite tem korakom, da začnete uporabljati te vire: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Tako boste imeli vse, kar potrebujete za dokončanje tečaja z veliko hitrejšim prenosom. - - -**Če želite, da so podprti dodatni jeziki prevodov, so navedeni [tukaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +> Tako boste dobili vse, kar potrebujete, da zaključite tečaj, z veliko hitrejšim prenosom. -[![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) +**Če želite dodatne prevode, so podprti jeziki tu. [tukaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -#### 🧑‍🎓 _Si študent?_ +#### 🧑‍🎓 _Ste študent?_ -Obišči [**stran študentskega središča**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kjer najdeš začetne vire, študentske pakete in celo načine, kako pridobiti brezplačen potrdilni bon. To je stran, ki jo želiš shraniti med zaznamke in jo občasno preverjati, saj mesečno menjamo vsebino. +Obiščite [**Student Hub stran**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kjer boste našli vire za začetnike, študentske pakete in celo možnosti za brezplačni certifikatni kupon. To je stran, ki si jo želite shraniti med zaznamke in redno preverjati, saj vsebine mesečno osvežujemo. -### 📣 Napoved – nove izzive načinov GitHub Copilot Agenta za dokončanje! +### 📣 Obvestilo - Novi izzivi režima GitHub Copilot Agent za dokončanje! -Dodan je nov izziv, poišči "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv, ki ga moraš dokončati z uporabo GitHub Copilot-a in načina Agent. Če prej nisi uporabljal načina Agent, je ta zmožen ne samo generirati besedilo, ampak tudi ustvarjati in urejati datoteke, izvajati ukaze in več. +Dodali smo nov izziv, poiščite "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv, ki ga dokončate z uporabo GitHub Copilot in režima Agent. Če režima Agent še niste uporabljali, zmore ne le generirati besedilo, ampak tudi ustvarjati in urejati datoteke, izvajati ukaze in več. -### 📣 Napoved – _nov projekt za gradnjo z generativno AI_ +### 📣 Obvestilo - _Nov projekt za izdelavo z uporabo Generativne AI_ -Novi AI Assistant projekt je pravkar dodan, poglej [projekt](./9-chat-project/README.md) +Novo projekt AI asistenta je pravkar dodan, poglejte [projekt](./9-chat-project/README.md) -### 📣 Napoved – _nov učni načrt_ o generativni AI za JavaScript je pravkar izšel +### 📣 Obvestilo - _Novi učni načrt_ o Generativni AI za JavaScript je pravkar izdan -Ne zamudite naš novi učni načrt o generativni AI! +Ne zamudite našega novega učnega načrta o Generativni AI! -Obišči [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), da začneš! +Obiščite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za začetek! -![Background](../../translated_images/sl/background.148a8d43afde5730.webp) - -- Lekcije pokrivajo vse od osnov do RAG (retrieval-augmented generation). -- Interakcija z zgodovinskimi osebami preko GenAI in naše spremljevalne aplikacije. -- Zabavno in privlačno pripovedovanje zgodb, kot da potuješ skozi čas! - -![character](../../translated_images/sl/character.5c0dd8e067ffd693.webp) - - -Vsaka lekcija vključuje nalogo za dokončanje, preverjanje znanja in izziv, ki te vodi pri učenju tem kot so: -- Uporaba pozivov in inženiring pozivov +Vsaka lekcija vsebuje nalogo za dokončanje, preverjanje znanja in izziv, ki vas vodi pri učenju tem, kot so: +- Uporaba navodil in inženiring navodil - Generiranje aplikacij za besedilo in slike -- Aplikacije za iskanje - -Obišči [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), da začneš! +- Iskalne aplikacije +Obiščite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) in začnite! ## 🌱 Začetek -> **Učitelji**, vključili smo [nekaj predlogov](for-teachers.md), kako uporabljati ta učni načrt. Veseli bomo vaših povratnih informacij [v našem forumu za razprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Učitelji**, vključili smo [nekaj predlogov](for-teachers.md), kako uporabiti ta učni načrt. Z veseljem sprejemamo vaše povratne informacije [na našem forumu za razprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Učenci](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za vsako lekcijo začnite s predavanjem in kvizom ter nadaljujte z branjem predavanjskega gradiva, izpolnjevanjem različnih aktivnosti in preverjanjem razumevanja s kvizom po predavanju. +**[Učenci](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za vsako lekcijo začnite s predpredavanjsko vajo in sledite gradivu predavanja, opravite različne dejavnosti in preverite svoje razumevanje s po-predavanjsko vajo. -Za izboljšanje učenja se povežite s sovrstniki in skupaj delajte na projektih! Razprave so dobrodošle v našem [diskusijskem forumu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kjer vam bodo na voljo naši moderatorji za odgovore na vaša vprašanja. +Za izboljšanje vaše učne izkušnje se povežite s sovrstniki in skupaj delajte na projektih! Razprave so spodbujene v našem [forumu za razprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kjer je naša ekipa moderatorjev na voljo za vaša vprašanja. -Za nadaljnje izobraževanje močno priporočamo raziskovanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne študijske materiale. +Za nadaljnjo izobrazbo priporočamo raziskovanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne študijske materiale. -### 📋 Namestitev razvojnega okolja +### 📋 Nastavitev vašega okolja -Ta učni načrt že ima pripravljeno razvojno okolje! Ko začnete, se lahko odločite, ali boste učni načrt izvajali v [Codespace](https://github.com/features/codespaces/) (_okolje, ki deluje v brskalniku in ne zahteva namestitev_), ali lokalno na svojem računalniku z urejevalnikom besedila, kot je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ta učni načrt že vsebuje razvojno okolje! Ko začnete, lahko izberete zagon učnega načrta v [Codespace](https://github.com/features/codespaces/) (_brskalniško okolje brez potrebe po namestitvi_), ali lokalno na svojem računalniku z urejevalnikom besedil, kot je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Ustvarite svoj repozitorij -Da boste lahko enostavno shranjevali svoje delo, vam priporočamo, da ustvarite svojo kopijo tega repozitorija. To lahko storite tako, da kliknete gumb **Uporabi ta predlogo** na vrhu strani. To bo ustvarilo nov repozitorij v vašem GitHub računu s kopijo učnega načrta. +Da boste lahko zlahka shranjevali svoje delo, je priporočljivo, da ustvarite svojo kopijo tega repozitorija. To lahko naredite s klikom na gumb **Use this template** zgoraj na strani. S tem se bo ustvaril nov repozitorij na vašem GitHub računu s kopijo učnega načrta. Sledite tem korakom: -1. **Razvezi repozitorij**: Kliknite na gumb "Razvezi" (Fork) zgoraj desno na tej strani. +1. **Razvejite repozitorij**: Kliknite na gumb "Fork" v zgornjem desnem kotu te strani. 2. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Izvajanje učnega načrta v Codespace +#### Zagon učnega načrta v Codespace -V svoji kopiji tega repozitorija, ki ste jo ustvarili, kliknite gumb **Code** in izberite **Open with Codespaces**. To bo ustvarilo nov Codespace za delo. +V svoji kopiji tega repozitorija, ki ste jo ustvarili, kliknite na gumb **Code** in izberite **Open with Codespaces**. Tako boste ustvarili nov Codespace, v katerem boste delali. ![Codespace](../../translated_images/sl/createcodespace.0238bbf4d7a8d955.webp) -#### Izvajanje učnega načrta lokalno na svojem računalniku - -Za izvajanje tega učnega načrta lokalno na svojem računalniku boste potrebovali urejevalnik besedila, brskalnik in orodje ukazne vrstice. Naša prva lekcija, [Uvod v programske jezike in orodja stroke](../../1-getting-started-lessons/1-intro-to-programming-languages), vas bo vodila skozi različne možnosti za vsako od teh orodij, da izberete, kaj vam najbolj ustreza. +#### Zagon učnega načrta lokalno na vašem računalniku -Priporočamo uporabo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kot urejevalnika, ki ima tudi vgrajen [terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code lahko prenesete [tukaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Za zagon tega učnega načrta lokalno na računalniku boste potrebovali urejevalnik besedil, brskalnik in orodje ukazne vrstice. Naša prva lekcija, [Uvod v programske jezike in orodja](../../1-getting-started-lessons/1-intro-to-programming-languages), vas bo popeljala skozi različne možnosti za vsako od teh orodij, da izberete tisto, kar vam najbolj ustreza. -1. Klonirajte svoj repozitorij na svoj računalnik. To lahko storite tako, da kliknete na gumb **Code** in kopirate URL: +Priporočamo uporabo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kot urejevalnika, ki ima tudi vgrajen [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code lahko prenesete [tukaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Klonirajte svoj repozitorij na svoj računalnik. To lahko storite s klikom na gumb **Code** in kopiranjem URL-ja: [CodeSpace](./images/createcodespace.png) - Nato odprite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) in zaženite naslednji ukaz, pri čemer zamenjajte `` z URL-jem, ki ste ga pravkar kopirali: + Nato odprite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) znotraj [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) in zaženite naslednji ukaz, pri čemer `` zamenjate z URL-jem, ki ste ga pravkar kopirali: ```bash git clone ``` -2. Odprite mapo v Visual Studio Code. To lahko storite tako, da kliknete **File** > **Open Folder** in izberete mapo, ki ste jo pravkar klonirali. +2. Odprite mapo v Visual Studio Code. To lahko storite s klikom na **File** > **Open Folder** in izbiro mape, ki ste jo pravkar klonirali. > Priporočene razširitve Visual Studio Code: @@ -143,71 +112,72 @@ Priporočamo uporabo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_i ## 📂 Vsaka lekcija vključuje: -- neobvezno skiciranje +- neobvezno skicirkno beležko - neobvezni dodatni video -- ogrevalni kviz pred lekcijo +- predhodni kviz za ogrevanje pred lekcijo - pisno lekcijo -- pri lekcijah, temelječih na projektih, vodnike korak za korakom za izdelavo projekta +- za projektno usmerjene lekcije, vodnike korak za korakom za izdelavo projekta - preverjanja znanja - izziv - dodatno branje - nalogo - [kviz po lekciji](https://ff-quizzes.netlify.app/web/) -> **Opomba o kvizih**: Vsi kvizi so zbrani v mapi Quiz-app, skupaj 48 kvizov s po tremi vprašanji. Na voljo so [tukaj](https://ff-quizzes.netlify.app/web/), kviz aplikacijo lahko zaženete lokalno ali objavite na Azure; sledite navodilom v mapi `quiz-app`. +> **Opomba o kvizih**: Vsi kvizi so shranjeni v mapi Quiz-app, skupaj 48 kvizov s po tremi vprašanji. Na voljo so [tukaj](https://ff-quizzes.netlify.app/web/), kviz aplikacijo je mogoče zagnati lokalno ali jo namestiti na Azure; sledite navodilom v mapi `quiz-app`. ## 🗃️ Lekcije -| | Ime projekta | Poučeni koncepti | Cilji učenja | Povezana lekcija | Avtor | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Začetek | Uvod v programiranje in orodja poklica | Naučite se osnov, na katerih temeljijo večina programskih jezikov, in o programski opremi, ki pomaga profesionalnim razvijalcem | [Uvod v programske jezike in orodja poklica](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Začetek | Osnove GitHub, vključuje delo v ekipi | Kako uporabljati GitHub v svojem projektu, kako sodelovati z drugimi na kodi | [Uvod v GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Začetek | Dostopnost | Naučite se osnov spletne dostopnosti | [Osnove dostopnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Osnove | Tipi podatkov v JavaScript | Osnove tipov podatkov v JavaScript | [Tipi podatkov](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Osnove | Funkcije in metode | Naučite se o funkcijah in metodah za upravljanje logike aplikacije | [Funkcije in metode](./2-js-basics/2-functions-methods/README.md) | Jasmine in Christopher | -| 06 | JS Osnove | Sprejemanje odločitev v JS | Naučite se, kako ustvariti pogoje v kodi z uporabo metod odločanja | [Sprejemanje odločitev](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Osnove | Tabele in zanke | Delo s podatki z uporabo tabel in zank v JavaScript | [Tabele in zanke](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarij](./3-terrarium/solution/README.md) | HTML v praksi | Zgradite HTML za ustvarjanje spletnega terrarija, osredotočite se na izdelavo postavitve | [Uvod v HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarij](./3-terrarium/solution/README.md) | CSS v praksi | Naredite CSS za oblikovanje spletnega terrarija, osredotočite se na osnove CSS in odzivno oblikovanje strani | [Uvod v CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarij](./3-terrarium/solution/README.md) | JavaScript sklope, manipulacija DOM | Naredite JavaScript, da bo terrarij deloval kot vmesnik za povleci/spusti, osredotočite se na sklope in manipulacijo DOM | [JavaScript sklope, manipulacija DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Igra tipkanja](./4-typing-game/solution/README.md) | Izdelava igre tipkanja | Naučite se uporabljati dogodke tipkovnice za upravljanje logike vaše JavaScript aplikacije | [Dogodkovno usmerjeno programiranje](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Zeleni brskalnik dodatek](./5-browser-extension/solution/README.md) | Delo z brskalniki | Naučite se, kako brskalniki delujejo, njihova zgodovina in kako pripraviti prve elemente brskalniškega dodatka | [O brskalnikih](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Zeleni brskalnik dodatek](./5-browser-extension/solution/README.md) | Izdelava obrazca, klic API-ja in shranjevanje spremenljivk v lokalno shrambo | Naredite JavaScript elemente vašega brskalniškega dodatka za klic API-ja, ki uporablja spremenljivke shranjene v lokalni shrambi | [API-ji, obrazci in lokalna shramba](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Zeleni brskalnik dodatek](./5-browser-extension/solution/README.md) | Ozadinski procesi v brskalniku, spletna zmogljivost | Uporabite ozadinske procese brskalnika za upravljanje ikone dodatka; spoznajte spletno zmogljivost in nekatere optimizacije | [Ozadna opravila in zmogljivost](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Igra vesolja](./6-space-game/solution/README.md) | Naprednejši razvoj iger z JavaScript | Naučite se o dedovanju z uporabo razredov in kompozicije ter o vzorcu Pub/Sub, kot priprava na izdelavo igre | [Uvod v napredni razvoj iger](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Igra vesolja](./6-space-game/solution/README.md) | Risanje na platno | Spoznajte Canvas API, ki se uporablja za risanje elementov na zaslon | [Risanje na platno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Igra vesolja](./6-space-game/solution/README.md) | Premikanje elementov po zaslonu | Spoznajte, kako lahko elementi pridobijo gibanje z uporabo kartiznih koordinat in Canvas API | [Premikanje elementov](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Igra vesolja](./6-space-game/solution/README.md) | Zaznavanje trkov | Poskrbite, da se elementi trkajo in odzivajo drug na drugega s pritiski tipk in dodajte funkcijo za ohlajanje za boljšo zmogljivost igre | [Zaznavanje trkov](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Igra vesolja](./6-space-game/solution/README.md) | Vodenje rezultatov | Izvedite matematične izračune na podlagi stanja in zmogljivosti igre | [Vodenje rezultatov](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Igra vesolja](./6-space-game/solution/README.md) | Zaključevanje in ponovni zagon igre | Spoznajte, kako zaključiti in znova zagnati igro, vključno s čiščenjem sredstev in ponastavitvijo vrednosti spremenljivk | [Pogoj za zaključek](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Bančna aplikacija](./7-bank-project/solution/README.md) | HTML predloge in poti v spletni aplikaciji | Naučite se ustvariti osnovno arhitekturo večstranične spletne strani z uporabo poti in HTML predlog | [HTML predloge in poti](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Bančna aplikacija](./7-bank-project/solution/README.md) | Izdelava prijavnega in registracijskega obrazca | Naučite se izdelovati obrazce in upravljati validacijske rutine | [Obrazci](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Bančna aplikacija](./7-bank-project/solution/README.md) | Metode pridobivanja in uporabe podatkov | Kako podatki tečejo v in iz vaše aplikacije, kako jih pridobiti, shraniti in odstraniti | [Podatki](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Bančna aplikacija](./7-bank-project/solution/README.md) | Koncepti upravljanja stanja | Naučite se, kako vaša aplikacija ohranja stanje in kako ga programsko upravljati | [Upravljanje stanja](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Brskalnik/VScode Koda](../../8-code-editor) | Delo z VScode | Naučite se uporabljati urejevalnik kode | [Uporaba VScode urejevalnika kode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| | Ime projekta | Proučevani koncepti | Cilji učenja | Povezana lekcija | Avtor | +| :-: | :------------------------------------------------------: | :------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------: | :--------------------: | +| 01 | Začetek | Uvod v programiranje in osnovna orodja | Spoznajte osnovne temelje večine programskih jezikov in programske opreme, ki pomaga profesionalnim razvijalcem opravljati delo | [Uvod v programske jezike in orodja](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Začetek | Osnove GitHub-a, delo v skupini | Kako uporabljati GitHub v svojem projektu, kako sodelovati z drugimi na kodi | [Uvod v GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Začetek | Dostopnost | Naučite se osnov spletne dostopnosti | [Osnove dostopnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Osnove JS | Podatkovni tipi v JavaScript | Osnove podatkovnih tipov v JavaScript | [Podatkovni tipi](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Osnove JS | Funkcije in metode | Spoznajte funkcije in metode za upravljanje logike aplikacije | [Funkcije in metode](./2-js-basics/2-functions-methods/README.md) | Jasmine in Christopher | +| 06 | Osnove JS | Sprejemanje odločitev z JS | Naučite se ustvarjati pogoje v kodi z uporabo metod odločanja | [Sprejemanje odločitev](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Osnove JS | Polja in zanke | Delo s podatki z uporabo polj in zank v JavaScript | [Polja in zanke](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML v praksi | Ustvarite HTML za spletni terarij, osredotočite se na izdelavo postavitve | [Uvod v HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS v praksi | Ustvarite CSS za oblikovanje spletnega terarija, osredotočite se na osnove CSS in odzivnost strani | [Uvod v CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript closures, manipulacija DOM | Izdelajte JavaScript za delovanje terarija z vmesnikom povleci-in-spusti, osredotočeno na closures in manipulacijo DOM | [JavaScript closures, manipulacija DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Izdelava igre tipkanja | Naučite se uporabljati dogodke tipkovnice za upravljanje logike vaše JavaScript aplikacije | [Programiranje na podlagi dogodkov](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Zeleni brskalniški vtičnik](./5-browser-extension/solution/README.md) | Delo z brskalniki | Naučite se, kako brskalniki delujejo, njihovo zgodovino in kako pripraviti prvi elemente brskalniškega vtičnika | [O brskalnikih](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Zeleni brskalniški vtičnik](./5-browser-extension/solution/README.md) | Gradnja obrazca, klic API-ja in shranjevanje spremenljivk v lokalno shrambo | Izdelajte JavaScript elemente brskalniškega vtičnika za klic API-ja z uporabo spremenljivk, shranjenih v lokalni shrambi | [API, obrazci in lokalna shramba](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Zeleni brskalniški vtičnik](./5-browser-extension/solution/README.md) | Ozadnji procesi v brskalniku, spletna zmogljivost | Uporabite ozadnje procese brskalnika za upravljanje ikone vtičnika; spoznajte spletno zmogljivost in nekatere optimizacije | [Ozadna opravila in zmogljivost](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Igra v vesolju](./6-space-game/solution/README.md) | Naprednejši razvoj iger z JavaScript | Spoznajte dedovanje z uporabo razredov in sestave ter vzorec Pub/Sub, v pripravah na izdelavo igre | [Uvod v napredni razvoj iger](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Igra v vesolju](./6-space-game/solution/README.md) | Risanje na platno | Spoznajte Canvas API, ki se uporablja za risanje elementov na zaslon | [Risanje na platno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Igra v vesolju](./6-space-game/solution/README.md) | Premikanje elementov po zaslonu | Odkrijte, kako lahko elementi pridobijo gibanje z uporabo kartezičnih koordinat in Canvas API-ja | [Premikanje elementov](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Igra v vesolju](./6-space-game/solution/README.md) | Zaznavanje trkov | Naredite, da elementi trkajo in medsebojno reagirajo z uporabo pritiskov tipk in zagotovite funkcijo ohlajevanja za večjo zmogljivost igre | [Zaznavanje trkov](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Igra v vesolju](./6-space-game/solution/README.md) | Beleženje rezultatov | Izvedite matematične izračune glede na stanje in uspešnost igre | [Beleženje rezultatov](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Igra v vesolju](./6-space-game/solution/README.md) | Zaključek in ponovni začetek igre | Spoznajte zaključek in ponovni začetek igre, vključno s čiščenjem virov in ponastavitvijo vrednosti spremenljivk | [Pogoj zaključka](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | HTML predloge in poti v spletni aplikaciji | Naučite se ustvariti ogrodje večstranske spletne strani z uporabo usmerjanja in HTML predlog | [HTML predloge in poti](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Izdelava obrazca za prijavo in registracijo | Spoznajte izdelavo obrazcev in obravnavo validacijskih rutin | [Obrazci](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Metode pridobivanja in uporabe podatkov | Kako podatki tečejo v in iz vaše aplikacije, kako jih pridobiti, shraniti in odstraniti | [Podatki](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Koncepti upravljanja stanja | Naučite se, kako vaša aplikacija ohranja stanje in kako ga programsko upravljati | [Upravljanje stanja](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Koda brskalnika/VScode](../../8-code-editor) | Delo z VScode | Naučite se uporabljati urejevalnik kode | [Uporaba urejevalnika VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI asistenti](./9-chat-project/README.md) | Delo z umetno inteligenco | Naučite se izdelati svojega AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogika -Naš učni načrt je zasnovan z dvema ključnima pedagoškima načeloma: -* učenje, usmerjeno v projekte +Naš kurikulum je oblikovan z dvema ključnima pedagoškima načeloma v mislih: +* učenje na podlagi projektov * pogosti kvizi -Program uči osnove JavaScript, HTML in CSS ter najnovejša orodja in tehnike, ki jih uporabljajo današnji spletni razvijalci. Učenci bodo imeli priložnost pridobiti praktične izkušnje z izdelavo igre tipkanja, virtualnega terrarija, okolju prijaznega brskalniškega dodatka, igre v slogu Space Invaders in bančne aplikacije za podjetja. Ob koncu serije bodo udeleženci pridobili trdno razumevanje spletnega razvoja. +Program uči osnove JavaScript, HTML in CSS, pa tudi najnovejša orodja in tehnike, ki jih uporabljajo sodobni spletni razvijalci. Študenti bodo imeli priložnost pridobiti praktične izkušnje z izdelavo igre tipkanja, virtualnega terarija, okolju prijaznega brskalniškega vtičnika, igre v slogu vesoljskih osvajačev in bančne aplikacije za podjetja. Ob koncu serije bodo pridobili trdno razumevanje spletnega razvoja. + +> 🎓 Prve lekcije tega kurikuluma lahko opravite kot [učno pot](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -> 🎓 Prve lekcije tega učnega načrta lahko opravite kot [Pot učenja](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! +Z zagotavljanjem usklajenosti vsebine s projekti je proces za študente bolj zanimiv, prav tako se izboljša zadrževanje konceptov. Poleg tega smo napisali več uvodnih lekcij o osnovah JavaScript, ki uvajajo pojme, povezane z videoposnetkom iz zbirke "[Serija za začetnike: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", katere avtorji so prispevali k temu kurikulumu. -S tem, ko vsebina sovpada s projekti, je proces za učence bolj zanimiv in krepi zapomnitev konceptov. Prav tako smo napisali več začetnih lekcij o osnovah JavaScript-a, ki uvajajo koncepte, skupaj z videoposnetkom iz zbirke "[Serija za začetnike: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", katere avtorji so prispevali k temu učnemu načrtu. +Poleg tega nizkorizični kviz pred razredom usmerja namen študenta k učenju teme, medtem ko drugi kviz po pouku zagotavlja nadaljnjo zadržnost. Ta kurikulum je zasnovan kot prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in postopoma postajajo bolj zapleteni do konca 12-tedenskega cikla. -Poleg tega nizkobetno kviz pred razredom usmeri pozornost študenta na učenje teme, medtem ko drugi kviz po razredu zagotovi dodatno pomnjenje. Ta učni načrt je zasnovan tako, da je prilagodljiv in zabaven, ter ga je mogoče opraviti v celoti ali delno. Projekti so na začetku majhni in postajajo po 12-tedenskem ciklu vse bolj kompleksni. +Čeprav smo namerno izpustili uvajanje ogrodij JavaScript, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred uporabo ogrodja, je dober naslednji korak po dokončanju tega kurikuluma učenje Node.js preko druge zbirke videoposnetkov: "[Serija za začetnike: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -Čeprav smo namerno opustili uvajanje JavaScript okvirov, da se osredotočimo na osnovne spretnosti, potrebne kot spletni razvijalec pred uporabo okvira, bi bil dober naslednji korak za zaključek tega učnega načrta učenje o Node.js preko druge video zbirke: "[Serija za začetnike: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> Oglejte si naše smernice [Kodeksa ravnanja](CODE_OF_CONDUCT.md) in [Prispevkov](CONTRIBUTING.md). Veselimo se vaših konstruktivnih povratnih informacij! -> Oglejte si naše [Pravila obnašanja](CODE_OF_CONDUCT.md) in [Prispevanje](CONTRIBUTING.md). Veselimo se vaših konstruktivnih povratnih informacij! ## 🧭 Dostop brez povezave -To dokumentacijo lahko zaženete brez povezave z uporabo [Docsify](https://docsify.js.org/#/). Razvejajte ta repozitorij, [namestite Docsify](https://docsify.js.org/#/quickstart) na svojem lokalnem računalniku, nato pa v korenski mapi tega repozitorija vnesite `docsify serve`. Spletna stran bo dostopna na vratih 3000 na vašem lokalnem računalniku: `localhost:3000`. +To dokumentacijo lahko uporabljate brez povezave z uporabo [Docsify](https://docsify.js.org/#/). Razvežite ta repozitorij, [namestite Docsify](https://docsify.js.org/#/quickstart) na svojo lokalno napravo, nato pa v osnovni mapi tega repozitorija vnesite `docsify serve`. Spletna stran bo na voljo na vratih 3000 na vašem lokalnem računalniku: `localhost:3000`. ## 📘 PDF PDF vseh lekcij lahko najdete [tukaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -215,7 +185,7 @@ PDF vseh lekcij lahko najdete [tukaj](https://microsoft.github.io/Web-Dev-For-Be ## 🎒 Drugi tečaji -Naša ekipa pripravlja še druge tečaje! Oglejte si: +Naša ekipa pripravlja tudi druge tečaje! Oglejte si: ### LangChain @@ -224,56 +194,56 @@ Naša ekipa pripravlja še druge tečaje! Oglejte si: [![LangChain za začetnike](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agentje +### Azure / Edge / MCP / Agenti [![AZD za začetnike](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 za začetnike](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 za začetnike](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 agenti za začetnike](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) +[![AI Agent za začetnike](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) --- -### Generativni AI serija -[![Generativni AI za začetnike](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) -[![Generativni 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) -[![Generativni 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) -[![Generativni 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) +### Serija Generativna AI +[![Generativna AI za začetnike](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) +[![Generativna 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) +[![Generativna 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) +[![Generativna 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) --- ### Osnovno učenje [![ML za začetnike](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) -[![Podatkovna znanost za začetnike](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) +[![Podatkovne znanosti za začetnike](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 za začetnike](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) [![Kibernetska varnost za začetnike](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) [![Spletni razvoj za začetnike](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 za začetnike](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) -[![Razvoj XR za začetnike](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) +[![XR razvoj za začetnike](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- -### Copilot serija -[![Copilot za AI programiranje v paru](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) +### Serija Copilot +[![Copilot za AI vzporedno programiranje](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 za 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 avantura](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) ## Iskanje pomoči -Če se zataknete ali imate kakršnakoli vprašanja o ustvarjanju AI aplikacij. Pridružite se drugim učencem in izkušenim razvijalcem v razpravah o MCP. To je podpirajoča skupnost, kjer so vprašanja dobrodošla in se znanje prosto deli. +Če naletite na težave ali imate vprašanja o ustvarjanju AI aplikacij, se pridružite drugim učencem in izkušenim razvijalcem v razpravah o MCP. To je podpirajoča skupnost, kjer so vprašanja dobrodošla in kjer se znanje prosto deli. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Če imate povratne informacije o izdelku ali napake med ustvarjanjem, obiščite: +Če imate povratne informacije o izdelku ali naletite na napake med razvojem, obiščite: [![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) ## Licenca -Ta repozitorij je licenciran pod licenco MIT. Za več informacij glejte datoteko [LICENSE](../../LICENSE). +To skladišče je licencirano pod licenco MIT. Za več informacij glejte datoteko [LICENSE](../../LICENSE). --- -**Omejitev odgovornosti**: -Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, upoštevajte, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v izvirnem jeziku velja za avtoritativni vir. Za kritične informacije priporočamo strokovni človeški prevod. Ne odgovarjamo za morebitne nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda. +**Omejitev odgovornosti**: +Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, upoštevajte, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku je treba obravnavati kot glavni vir. Za ključne informacije priporočamo strokovni človeški prevod. Nismo odgovorni za morebitna nesporazumevanja ali napačne razlage, ki izhajajo iz uporabe tega prevoda. \ No newline at end of file diff --git a/translations/sl/lesson-template/README.md b/translations/sl/lesson-template/README.md index 934f8d926d..274395fe72 100644 --- a/translations/sl/lesson-template/README.md +++ b/translations/sl/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Tema lekcije] +# Tema lekcije -![Vstavi video tukaj](../../../lesson-template/video-url) +## 🎥 Video -## [Pred-predavanje kviz](../../../lesson-template/quiz-url) +> Dodajte vgrajeno video ali povezavo do lekcije tukaj. -[Opis, kaj bomo spoznali] +--- + +## Predpredavalni kviz + +> Dodajte povezavo do kviza tukaj, ko bo na voljo. + +--- + +Podajte kratek pregled, kaj se bodo študenti naučili v tej lekciji. + +--- ### Uvod -Opis, kaj bo zajeto v tej lekciji +Podajte kratki uvod, ki opisuje, kaj bo zajeto v tej lekciji. > Opombe -### Predpogoji +--- + +### Predpogoj -Kateri koraki bi morali biti zaključeni pred to lekcijo? +Naštejte pojme ali teme, s katerimi naj bi študenti že bili seznanjeni pred začetkom te lekcije. + +--- ### Priprava -Pripravljalni koraki za začetek te lekcije +Naštejte vse korake nastavitev ali orodja, potrebna pred začetkom lekcije. --- -[Korak za korakom skozi vsebino] +### Vsebina + +Korak za korakom predstavite vsebino lekcije v strukturiranih odsekih. + +--- -## [Tema 1] +## Tema 1 ### Naloga: -Sodelujte pri postopnem izboljševanju svoje kode, da zgradite projekt s skupno kodo: +Sodelujte, da postopoma izboljšate svojo kodo in zgradite projekt z deljeno kodo: ```html code blocks ``` -✅ Preverjanje znanja - izkoristite ta trenutek za razširitev znanja študentov z odprtimi vprašanji +✅ Preverjanje znanja +Izkoristite ta trenutek, da razširite znanje študentov z odprtimi vprašanji. -## [Tema 2] +## Tema 2 +## Tema 3 -## [Tema 3] +🚀 Izziv +Dodajte skupinski izziv za študente, da izboljšajo projekt. -🚀 Izziv: Dodajte izziv, na katerem študenti sodelujejo v razredu, da izboljšajo projekt +Neobvezno: Dodajte posnetek zaslona dokončane uporabniške izkušnje lekcije, če je primerno. -Neobvezno: dodajte posnetek zaslona dokončanega uporabniškega vmesnika lekcije, če je primerno +## Po predavanju kviz -## [Po-predavanje kviz](../../../lesson-template/quiz-url) +Dodajte tukaj povezavo do kviza po zaključku lekcije. ## Pregled in samostojno učenje -**Rok za oddajo [MM/YY]**: [Ime naloge](assignment.md) +**Rok oddaje [MM/LL]**: [Ime naloge](assignment.md) --- -**Omejitev odgovornosti**: -Ta dokument je bil preveden z uporabo storitve za prevajanje z umetno inteligenco [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem maternem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo profesionalni človeški prevod. Ne prevzemamo odgovornosti za morebitna nesporazumevanja ali napačne razlage, ki bi nastale zaradi uporabe tega prevoda. \ No newline at end of file + +**Omejitev odgovornosti**: +Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, prosimo, upoštevajte, da avtomatizirani prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v maternem jeziku je treba šteti kot pooblaščeni vir. Za ključne informacije priporočamo strokovni človeški prevod. Nismo odgovorni za morebitna nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda. + \ No newline at end of file diff --git a/translations/sr/.co-op-translator.json b/translations/sr/.co-op-translator.json index 30ea5a2d9c..d5e2814e07 100644 --- a/translations/sr/.co-op-translator.json +++ b/translations/sr/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:20:52+00:00", + "translation_date": "2026-04-24T12:17:01+00:00", "source_file": "AGENTS.md", "language_code": "sr" }, @@ -516,8 +516,8 @@ "language_code": "sr" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:54:36+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:07:58+00:00", "source_file": "README.md", "language_code": "sr" }, @@ -564,8 +564,8 @@ "language_code": "sr" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T10:22:46+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:08:10+00:00", "source_file": "lesson-template/README.md", "language_code": "sr" }, diff --git a/translations/sr/AGENTS.md b/translations/sr/AGENTS.md index 5ae7bea81c..ef30b5ce3d 100644 --- a/translations/sr/AGENTS.md +++ b/translations/sr/AGENTS.md @@ -2,27 +2,27 @@ ## Преглед пројекта -Ово је репозиторијум едукативног курикулума за подучавање основа веб развоја почетницима. Курикулум је свеобухватан курс у трајању од 12 недеља, развијен од стране Microsoft Cloud Advocates-а, који садржи 24 практичне лекције које обухватају JavaScript, CSS и HTML. +Ово је репозиторијум образовног курикулума за подучавање основа веб развоја почетницима. Курикулум је свеобухватан курс од 12 недеља који су развили Microsoft Cloud Advocates, и садржи 24 практична часа покривајући JavaScript, CSS и HTML. ### Кључне компоненте -- **Едукативни садржај**: 24 структурисане лекције организоване у модуле засноване на пројектима -- **Практични пројекти**: Терраријум, Игра куцања, Прегледачки екстензија, Свемирска игра, Банкарска апликација, Уређивач кода и AI чат асистент -- **Интерактивни квизови**: 48 квизова са по 3 питања (пре/после лекције) -- **Подршка за више језика**: Аутоматизовани преводи за више од 50 језика преко GitHub Actions -- **Технолошки стек**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI пројекте) +- **Образовни садржај**: 24 структурирана часа организована у модуле засноване на пројектима +- **Практични пројекти**: Терраријум, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant +- **Интерактивни квизови**: 48 квизова са по 3 питања (процена пре и после часа) +- **Подршка за више језика**: Аутоматски преводи за 50+ језика преко GitHub Actions +- **Технологије**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI пројекте) ### Архитектура -- Едукативни репозиторијум са структуром заснованом на лекцијама -- Свако говорно место садржи README, примере кода и решења -- Самостални пројекти у посебним директивама (quiz-app, разни пројекти лекција) +- Образовни репозиторијум са структуром базираном на часовима +- Свакa фасцикла часа садржи README, примере кода и решења +- Самостални пројекти у засебним фасциклама (quiz-app, различити пројекти часова) - Систем превођења користећи GitHub Actions (co-op-translator) -- Документација се сервира преко Docsify и доступна је као PDF +- Документација служена преко Docsify-а и доступна као PDF ## Команде за подешавање -Овај репозиторијум је првенствено намењен за коришћење едукативног садржаја. За рад са одређеним пројектима: +Овај репозиторијум је углавном намењен конзумирању образовног садржаја. За рад са специфичним пројектима: ### Главно подешавање репозиторијума @@ -37,29 +37,29 @@ cd Web-Dev-For-Beginners cd quiz-app npm install npm run dev # Покрени сервер за развој -npm run build # Изгради за продукцију +npm run build # Направи продукциону верзију npm run lint # Покрени ESLint ``` -### API за банкарски пројекат (Node.js + Express) +### Bank Project API (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # Покрени API сервер npm run lint # Покрени ESLint -npm run format # Форматирај помоћу Prettier-а +npm run format # Форматирај са Prettier-ом ``` -### Пројекти прегледачких екстензија +### Пројекти Browser Extension-а ```bash cd 5-browser-extension/solution npm install -# Следите упутства за учитавање екстензија специфичних за прегледач +# Пратите упутства за учитавање проширења специфичних за прегледач ``` -### Пројекти свемирске игре +### Пројекти Space Game-а ```bash cd 6-space-game/solution @@ -67,12 +67,12 @@ npm install # Отворите index.html у прегледачу или користите Live Server ``` -### Чат пројекат (Python backend) +### Chat Project (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Поставите GITHUB_TOKEN променљиву окружења +# Подеси GITHUB_TOKEN променљиву окружења python api.py ``` @@ -80,29 +80,29 @@ python api.py ### За сараднике на садржају -1. **Направите форк репозиторијума** на свој GitHub налог +1. **Форк-ујте репозиторијум** на ваш GitHub налог 2. **Клонирајте свој форк** локално 3. **Креирајте нову грану** за ваше измене -4. Уредите садржај лекција или примере кода -5. Тестирајте измене кода у одговарајућим проектним директоријумима -6. По савету упућујте pull request-ове према правилима доприноса +4. Урадите измене у садржају часова или примерима кода +5. Тестирајте све измене кода у одговарајућим фасциклама пројеката +6. Пошаљите pull request-ове у складу са смерницама за допринос ### За ученике 1. Форкујте или клонирајте репозиторијум -2. Идите кроз директоријуме лекција по редоследу -3. Читајте README фајлове за сваку лекцију -4. Завршите квизове пре лекције на https://ff-quizzes.netlify.app/web/ -5. Радите на примерима кода у директоријумима лекција +2. Навигација до фасцикли часова редом +3. Читајте README фајлове за сваки час +4. Попуните квизове пре часа на https://ff-quizzes.netlify.app/web/ +5. Прођите кроз примере кода у фасциклама часова 6. Завршите задатке и изазове -7. Полажите квизове после лекције +7. Попуните квизове после часа -### Ливе развој +### Живи развој - **Документација**: Покрените `docsify serve` у корену (порт 3000) -- **Quiz App**: Покрените `npm run dev` у директоријуму quiz-app +- **Quiz App**: Покрените `npm run dev` у фасцикли quiz-app - **Пројекти**: Користите VS Code Live Server екстензију за HTML пројекте -- **API пројекти**: Покрените `npm start` у одговарајућим API директоријумима +- **API пројекти**: Покрените `npm start` у одговарајућим API фасциклама ## Упутства за тестирање @@ -110,43 +110,43 @@ python api.py ```bash cd quiz-app -npm run lint # Провери да ли постоје проблеми са стилом кода -npm run build # Потврди да ли је изградња успешна +npm run lint # Проверите проблеме у стилу кода +npm run build # Потврдити да се изградња успешно завршава ``` ### Тестирање Bank API-ја ```bash cd 7-bank-project/api -npm run lint # Проверите проблеме са стилом кода -node server.js # Проверите да ли сервер почиње без грешака +npm run lint # Провери проблеме са стилом кода +node server.js # Верификуј да сервер стартује без грешака ``` ### Општи приступ тестирању -- Ово је едукативни репозиторијум без обимних аутоматизованих тестова +- Ово је образовни репозиторијум без комплетних аутоматизованих тестова - Ручно тестирање се фокусира на: - - Покретање примера кода без грешки - - Провера исправности линкова у документацији - - Успешно компајлирање пројеката + - Примери кода се извршавају без грешака + - Везе у документацији раде исправно + - Пројекти се успешно граде - Примери прате најбоље праксе ### Провере пре слања -- Покрените `npm run lint` у директоријумима са package.json -- Верификујте да су markdown линкови важећи +- Покрените `npm run lint` у фасциклама са package.json +- Потврдите да су markdown везе валидне - Тестирајте примере кода у прегледачу или Node.js -- Проверите да преводи одржавају исправну структуру +- Проверите да преводи одржавају правилну структуру -## Смјернице за стил кода +## Смернице за стил кода ### JavaScript -- Користите савремени ES6+ синтакс -- Пратите ESLint конфигурације које су укључене у пројекте -- Користите смислене називе варијабли и функција ради едукативне јасноће -- Додајте коментаре који објашњавају концепте ученицима -- Форматирајте помоћу Prettier-а где је подешено +- Користите модерни ES6+ синтакс +- Пратите стандардне ESLint конфигурације у пројектима +- Коришћење смислених имена променљивих и функција за образовну јасноћу +- Додајте коментаре који објашњавају концепте за ученике +- Форматирајте користећи Prettier где је конфигурисано ### HTML/CSS @@ -157,41 +157,41 @@ node server.js # Проверите да ли сервер почиње бе ### Python -- Пратите PEP 8 смернице -- Јасни, едукативни пример кода -- Типске наговештаје где су корисни за учење +- ПЕП 8 смернице за стил +- Јасан, образовни пример кода +- Типске наговештаје тамо где помажу учењу ### Markdown документација -- Јасна хијерархија заглавља -- Блокови кода са спецификацијом језика -- Линкови ка додатним ресурсима -- Снимци екрана и слике у директоријуму `images/` -- Алт текст за слике ради приступачности +- Јасна хијерархија наслова +- Блокови кода са навођењем језика +- Везе ка додатним ресурсима +- Снимци екрана и слике у `images/` фасциклама +- Alt текст за слике ради приступачности ### Организација фајлова -- Лекције нумерисане секвенцијално (1-getting-started-lessons, 2-js-basics, итд.) -- Свaki пројекат има `solution/` и често `start/` или `your-work/` директоријуме -- Слике се чувају у директоријумима лекција `images/` +- Часови нумерисани узастопно (1-getting-started-lessons, 2-js-basics, итд.) +- Сваки пројекат има `solution/`, а често и `start/` или `your-work/` фасцикле +- Слике смештене у фасцикле `images/` специфичне за часове - Преводи у структури `translations/{language-code}/` -## Састављање и деплојмент +## Градња и деплои -### Деплоyмент Quiz App-а (Azure Static Web Apps) +### Деплојирање Quiz App-а (Azure Static Web Apps) -quiz-app је конфигурисан за деплоyмент на Azure Static Web Apps: +quiz-app је конфигурисан за деплој на Azure Static Web Apps: ```bash cd quiz-app -npm run build # Креира фолдер dist/ -# Деплојује путем GitHub Actions workflow-а приликом пуша на main +npm run build # Креира dist/ фолдер +# Реформира путем GitHub Actions радног тока на push у main ``` Конфигурација Azure Static Web Apps: - **Локација апликације**: `/quiz-app` -- **Локација излаза**: `dist` -- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **Излазна локација**: `dist` +- **Радни ток**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Генерисање PDF документације @@ -204,79 +204,79 @@ npm run convert # Генеришите PDF из докса ```bash npm install -g docsify-cli # Инсталирајте Docsify глобално -docsify serve # Покрените на localhost:3000 +docsify serve # Послужите на localhost:3000 ``` -### Састављање специфично за пројекат +### Градње по пројектима -Свaki директоријум пројекта може имати свој процес састављања: -- Vue пројекти: `npm run build` креира продукцијске пакете -- Статички пројекти: нема корака састављања, сервирање фајлова директно +Свака фасцикла пројекта може имати свој грађевински процес: +- Vue пројекти: `npm run build` прави production bundle-ове +- Статички пројекти: нема градње, служи се фајлови директно -## Смјернице за pull request-ове +## Смернице за Pull Request-ове ### Формат наслова Користите јасне, описне наслове који указују на област измене: -- `[Quiz-app] Додај нови квиз за лекцију X` -- `[Lesson-3] Поправи правописну грешку у терраријум пројекту` -- `[Translation] Додај шпански превод за лекцију 5` +- `[Quiz-app] Додај нови квиз за час X` +- `[Lesson-3] Исправи типо у терраријум пројекту` +- `[Translation] Додај шпански превод за час 5` - `[Docs] Ажурирај упутства за подешавање` ### Обавезне провере -Пре слања PR-а: +Пре слања PR-а: 1. **Квалитет кода**: - - Покрените `npm run lint` у погођеним пројектним директоријумима - - Исправите све грешке и упозорења + - Покрените `npm run lint` у страним фасциклама пројекта + - Исправите све линт грешке и упозорења -2. **Верификација састављања**: - - Покрените `npm run build` ако је примењиво - - Уверите се да нема грешки у састављању +2. **Верификација градње**: + - Покрените `npm run build` ако је потребно + - Обезбедите да нема грешака при градњи -3. **Провера линкова**: - - Тестирајте све markdown линкове - - Проверите да референце гу сликама раде +3. **Валидност линкова**: + - Тестирајте све markdown везе + - Потврдите да слике раде исправно 4. **Преглед садржаја**: - - Прегледајте правопис и граматику - - Уверите се да су примери кода исправни и едукативни - - Верификујте да преводи одржавају оригинално значење + - Коригујте правопис и граматику + - Проверите да су примери кода исправни и образовни + - Потврдите да преводи задржавају оригинално значење ### Захтеви за допринос - Прихватите Microsoft CLA (аутоматска провера при првом PR-у) - Пратите [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Погледајте [CONTRIBUTING.md](./CONTRIBUTING.md) за детаљна упутства -- Наведите бројеве issue-ја у опису PR-а ако је применљиво +- Наведите бројеве issue-ова у опису PR-а ако је применљиво ### Процес рецензије -- PR-ове рецензирају одржаваоци и заједница -- Приоритет је јасноћа едукације -- Примери кода треба да прате савремене најбоље праксе -- Преводи су рецензирани за тачност и културну прикладност +- PR-ове прегледају одржаваоци и заједница +- Приоритет је образовна јасноћа +- Примери кода треба да прате најбоље праксе +- Преводи се прегледају за тачност и културолошку прикладност ## Систем превођења ### Аутоматски превод - Користи GitHub Actions са co-op-translator workflow-ом -- Аутоматски преводи на више од 50 језика -- Изворни фајлови у главним директоријумима -- Преведени фајлови у директоријумима `translations/{language-code}/` +- Преводи на 50+ језика аутоматски +- Изворни фајлови су у главним директоријумима +- Преведени фајлови у `translations/{language-code}/` фасциклама ### Додавање ручних побољшања превода 1. Пронађите фајл у `translations/{language-code}/` -2. Унесите побољшања уз очување структуре -3. Уверите се да примери кода и даље функционишу -4. Тестирајте преведене квиз садржаје +2. Урадите побољшања уз очување структуре +3. Проверите да примери кода остају функционални +4. Тестирајте било који локализовани квиз садржај -### Мета подаци о преводима +### Мета подаци о преводу -Преведени фајлови садрже мета заглавље: +Преведени фајлови садрже заглавље с мета подацима: ```markdown -**Одрицање од одговорности**: -Овај документ је преведен коришћењем услуге за машински превод [Co-op Translator](https://github.com/Azure/co-op-translator). Иако се трудимо да превод буде прецизан, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати ауторитетом. За критичне информације препоручује се професионални превод који изводи стручни преводилац. Нисмо одговорни за било какве неспоразуме или погрешне тумачења која могу настати коришћењем овог превода. +**Ограничење одговорности**: +Овај документ је преведен помоћу AI преводилачке услуге [Co-op Translator](https://github.com/Azure/co-op-translator). Иако тежимо тачности, имајте у виду да аутоматски преводи могу садржати грешке или неточности. Оригинални документ на његовом изворном језику треба сматрати ауторитативним извором. За критичне информације препоручује се професионални, људски превод. Нисмо одговорни за било какве неспоразуме или неправилна тумачења настала коришћењем овог превода. \ No newline at end of file diff --git a/translations/sr/README.md b/translations/sr/README.md index f94cac89a2..7ace1d82eb 100644 --- a/translations/sr/README.md +++ b/translations/sr/README.md @@ -10,27 +10,27 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Веб развој за почетнике - Наставни програм +# Веб развој за почетнике - Наставни план -Научите основе веб развоја уз наш свеобухватни курс од 12 недеља који воде Microsoft Cloud Advocates. Сваких 24 лекције дубоко улази у JavaScript, CSS и HTML кроз пројекте попут тераријума, проширења за прегледаче и свемирских игара. Учествујте у квизовима, дискусијама и практичним задацима. Унапредите своје вештине и оптимизујте задржавање знања уз нашу ефикасну педагогју засновану на пројектима. Започните своје кодирање већ данас! +Научите основе веб развоја уз наш свеобухватни курс од 12 недеља који воде Microsoft Cloud Advocates. Свакa од 24 лекције дубоко истражује JavaScript, CSS и HTML кроз практичне пројекте као што су тераријуми, проширења прегледача и свемирске игре. Укључите се кроз квизове, дискусије и практичне задатке. Унапредите своје вештине и оптимизујте задржавање знања ефективном педагогијом заснованом на пројектима. Започните своје кодерско путовање данас! -Придружите се Azure AI Foundry Discord заједници +Придружите се Azure AI Foundry Discord-у и упознајте стручњаке и друге програмере. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Пратите ове кораке да бисте започели коришћење ових ресурса: -1. **Форкујте репозиторијум**: Кликните [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Клонирајте репозиторијум**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Придружите се Azure AI Foundry Discord-у и упознајте стручњаке и колеге програмере**](https://discord.com/invite/ByRwuEEgH4) +Пратите ове кораке да бисте почели да користите ове ресурсе: +1. **Форкујте Репозиторијум**: Кликните [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Клонирајте Репозиторијум**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Придружите се Azure AI Foundry Discord и упознајте стручњаке и друге програмере**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Подршка за више језика -#### Подржано преко GitHub Action (аутоматски и увек ажурирано) +#### Подржано преко GitHub Action-а (Аутоматизовано и увек ажурирано) [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) | [Khmer](../km/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)](./README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/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) -> **Претпочитате да клонирате локално?** +> **Више волите да копирате локално?** > > Овај репозиторијум укључује преко 50 превода што значајно повећава величину преузимања. Да бисте клонирали без превода користите sparse checkout: > @@ -48,233 +48,233 @@ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Ово вам даје све што вам треба да завршите курс са знатно бржим преузимањем. +> Ово Вам даје све што Вам је потребно за завршетак курса са много бржим преузимањем. -**Ако желите да буду подржани додатни језици превода, они су наведени [овде](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Уколико желите додатне преводе, подржани језици су наведени овде. [овде](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Да ли сте студент?_ -Посетите [**Student Hub страницу**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) где ћете наћи ресурсе за почетнике, Student пакете па чак и начине да добијете бесплатан сертификат. Ово је страница коју треба да обележите и са времена на време проверите како бисте пратити новине јер месечно мењамо садржај. +Посетите [**Student Hub страницу**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) где ћете пронаћи ресурсе за почетнике, студентске пакете па чак и начине да добијете бесплатан ваучер за сертификат. Ово је страница коју желите да означите и повремено проверите јер ми месечно мењамо садржај. -### 📣 Објава – Нови изазови у GitHub Copilot Agent режиму! +### 📣 Објава - НОВИ изазови за GitHub Copilot Agent мод за завршавање! -Додат је нови изазов, потражите "GitHub Copilot Agent Challenge 🚀" у већини поглавља. То је нови изазов који треба да завршите користећи GitHub Copilot и Agent режим. Ако раније нисте користили Agent режим, он није способан само да генерише текст, већ и да креира и уређује фајлове, извршава команде и још много тога. +Додат је нови изазов, потражите "GitHub Copilot Agent Challenge 🚀" у већини поглавља. То је нови изазов који треба да завршите користећи GitHub Copilot и Agent режим. Ако раније нисте користили Agent режим, он није само за генерисање текста већ може и креирати и уређивати датотеке, извршавати команде и још много тога. -### 📣 Објава – _Нови пројекат за израду користећи Генеративну вештачку интелигенцију_ +### 📣 Објава - _Нови пројекат за прављење користећи Генеративни AI_ -Нови AI Assistant пројекат је управо додат, погледајте [проект](./9-chat-project/README.md) +Нови пројекат AI асистента је управо додат, погледајте [пројекат](./9-chat-project/README.md) -### 📣 Објава – _Нови наставни програм_ о Генеративној AI за JavaScript је управо објављен +### 📣 Објава - _Нови наставни план_ за Генеративни AI за JavaScript је управо објављен -Не пропустите наш нови наставни програм о Генеративној AI! +Не пропустите наш нови курс за Генеративни AI! -Посетите [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) да почнете! +Посетите [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) да бисте почели! ![Background](../../translated_images/sr/background.148a8d43afde5730.webp) -- Лекције обухватају све од основа до RAG-а. -- Интеракција са историјским ликовима користећи GenAI и нашу пратећу апликацију. -- Забавна и занимљива прича, путоваћете кроз време! +- Лекције које покривају све од основа до RAG-а. +- Играјте са историјским ликовима користећи GenAI и нашу пратњу апликацију. +- Забаван и занимљив наратив, путоваћете кроз време! ![character](../../translated_images/sr/character.5c0dd8e067ffd693.webp) -Свака лекција укључује задатак за завршетак, проверу знања и изазов који вас води у учењу тема као што су: -- Креирање упита и инжењеринг упита +Свака лекција укључује задатак за завршетак, проверу знања и изазов који вас води кроз теме као што су: +- Формулисање упита и инжењеринг упита - Генерисање апликација за текст и слике -- Апликације за претрагу +- Претрага апликација -Посетите [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) да започнете! +Посетите [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) да бисте почели! -## 🌱 Почетак рада +## 🌱 Како почети -> **Наставници**, укључили смо [неке предлоге](for-teachers.md) о томе како да користите овај наставни програм. Волео би да добијемо ваше повратне информације [на нашем форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Наставници**, укључили смо [неке предлоге](for-teachers.md) о томе како користити овај наставни план. Волео/ла бих да добијемо ваше повратне информације [на нашем форуму за дискусије](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Ученици](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за сваку лекцију, започните квизом пре предавања и наставите читањем материјала, обављањем различитих активности и проверите разумевање након предавања уз пост-лекцијски квиз. +**[Ученици](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за сваку лекцију започните са квизом пре предавања и наставите читањем материјала, извођењем различитих активности и проверавањем разумевања кроз квиз након предавања. -Да бисте побољшали своје искуство учења, повежите се са вршњацима и радите на пројектима заједно! Подстицајемо дискусију у нашем [форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) где ће наш тим модератора бити доступан да одговори на ваша питања. +Да бисте побољшали своје учење, повежите се са својим вршњацима да радите на пројектима заједно! Дискусије су охрабрене у нашем [форуму за дискусије](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) где ће тим модератора бити доступан да одговори на ваша питања. -Да бисте додатно унапредили своје образовање, препоручујемо вам да истражите [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за додатне студијске материјале. +Да бисте даље усавршавали образовање, топло препоручујемо да истражите [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за додатни материјал за учење. -### 📋 Постављање окружења +### 📋 Подешавање вашег окружења -Овај наставни програм има спремно окружење за развој! Када почнете, можете да изаберете да покренете наставни програм у [Codespace-у](https://github.com/features/codespaces/) (_окружење засновано на претраживачу без потребе за инсталацијом_) или локално на свом рачунару користећи уређивач текста као што је [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Овај наставни план има спремно развојно окружење! Када почнете, можете изабрати да курс покренете у [Codespace-у](https://github.com/features/codespaces/) (_окружење које ради у прегледачу без потребе за инсталацијом_), или локално на вашем рачунару користећи уређивач текста као што је [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Креирајте свој репозиторијум -Да бисте лако сачували свој рад, препоручује се да направите своју копију овог репозиторијума. То можете урадити кликом на дугме **Use this template** на врху странице. То ће направити нови репозиторијум у вашем GitHub налогу са копијом наставног програма. +Да бисте лакше сачували свој рад, препоручује се да направите своју копију овог репозиторијума. То можете урадити кликом на дугме **Use this template** на врху странице. Ово ће креирати нови репозиторијум на вашем GitHub налогу са копијом наставног плана. Пратите ове кораке: -1. **Форкујте репозиторијум**: Кликните на дугме "Fork" у горњем десном углу ове странице. +1. **Форк репозиторијум**: Кликните на дугме "Fork" у горњем десном углу ове странице. 2. **Клонирајте репозиторијум**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Покретање наставног програма у Codespace-у +#### Покретање наставног плана у Codespace-у -У својој копији овог репозиторијума коју сте направили, кликните на дугме **Code** и изаберите **Open with Codespaces**. То ће створити нови Codespace за рад. +У својој копији овог репозиторијума коју сте направили, кликните на дугме **Code** и изаберите **Open with Codespaces**. Ово ће вам креирати нови Codespace за рад. ![Codespace](../../translated_images/sr/createcodespace.0238bbf4d7a8d955.webp) -#### Покретање наставног програма локално на рачунару +#### Локално покретање наставног плана на вашем рачунару -Да бисте покренули овај наставни програм локално на рачунару, потребан вам је уређивач текста, прегледач и алатка командне линије. Наша прва лекција, [Увод у програмске језике и алате заната](../../1-getting-started-lessons/1-intro-to-programming-languages), водиће вас кроз различите опције за сваки од ових алата како бисте изабрали оно што вам највише одговара. +Да бисте локално покренули овај курс на вашем рачунару, биће вам потребан уређивач текста, прегледач и командна линија. Наша прва лекција, [Увод у програмске језике и алате](../../1-getting-started-lessons/1-intro-to-programming-languages), биће вам водич кроз различите опције за сваки од ових алата да изаберете оно што вам највише одговара. -Наш предлог је да користите [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) као свој уређивач, који такође има уграђени [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code можете преузети [овде](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Клонирајте свој репозиторијум на рачунар. То можете учинити кликом на дугме **Code** и копирањем URL-а: +Препоручујемо коришћење [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) као вашег уређивача, који уједно има уграђени [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code можете преузети [овде](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Клонирајте свој репозиторијум на рачунар. То можете урадити кликом на дугме **Code** и копирањем URL-а: [CodeSpace](./images/createcodespace.png) - Затим, отворите [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) унутар [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и покрените следећу команду, замењујући `` URL-ом који сте управо копирали: + Затим, отворите [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) унутар [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и покрените следећу команду, замењујући `` са URL-ом који сте управо копирали: ```bash git clone ``` -2. Отворите фасциклу у Visual Studio Code-у. То можете учинити кликом на **File** > **Open Folder** и одабиром фасцикле коју сте управо клонирали. +2. Отворите фасциклу у Visual Studio Code-у. То можете урадити кликом на **File** > **Open Folder** и одабиром фасцикле коју сте управо клонирали. -> Препоручене Visual Studio Code екстензије: +> Препоручени Visual Studio Code додаци: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед HTML страница унутар Visual Studio Code-а -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за брже писање кода +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за помоћ у бржем писању кода -## 📂 Свaка лекција укључује: +## 📂 Свака лекција укључује: -- опционалну скетчноту -- опционални додатни видео -- квиз за загревање пре лекције +- опциони оловкрис +- опциони додатни видео +- припремни квиз пре лекције - писану лекцију -- за пројектно оријентисане лекције, корак-по-корак упутства како направити пројекат +- за лекције засноване на пројектима, корак-по-корак приручнике како изградити пројекат - провере знања - изазов - додатно читање - задатак - [квиз након лекције](https://ff-quizzes.netlify.app/web/) -> **Напомена о квизовима**: Сви квизови се налазе у фасцикли Quiz-app, укупно 48 квизова са по три питања сваки. Доступни су [овде](https://ff-quizzes.netlify.app/web/), апликација за квизове може се покренути локално или објавити на Azure; следите упутства у `quiz-app` фасцикли. +> **Напомена о квизовима**: Сви квизови се налазе у Quiz-app фасцикли, укупно 48 квизова са по три питања. Доступни су [овде](https://ff-quizzes.netlify.app/web/), апликацију за квизове можете покренути локално или је објавити на Azure; следите упутства у `quiz-app` фасцикли. ## 🗃️ Лекције -| | Назив пројекта | Концепти који се уче | Циљеви учења | Повезана лекција | Аутор | -| :-: | :--------------------------------------------------------: | :---------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------: | :--------------------: | -| 01 | Почетак рада | Увод у програмирање и алате заната | Научите основне основе иза већине програмских језика и о софтверу који помаже професионалним програмерима у њиховом раду | [Увод у програмске језике и алате](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Јасмин | -| 02 | Почетак рада | Основе GitHub-а, укључује рад у тиму | Како користити GitHub у пројекту, како сарађивати са другима на основу кода | [Увод у GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Флор | -| 03 | Почетак рада | Приступачност | Научите основе веб приступачности | [Основе приступачности](./1-getting-started-lessons/3-accessibility/README.md) | Кристофер | -| 04 | JS Основе | Типови података у JavaScript | Основе типова података у JavaScript | [Типови података](./2-js-basics/1-data-types/README.md) | Јасмин | -| 05 | JS Основе | Функције и методе | Научите о функцијама и методама за управљање логиком апликације | [Функције и методе](./2-js-basics/2-functions-methods/README.md) | Јасмин и Кристофер | -| 06 | JS Основе | Одлучивање у JS | Научите како да користите услове у кодирању користећи методе одлучивања | [Одлучивање](./2-js-basics/3-making-decisions/README.md) | Јасмин | -| 07 | JS Основе | Низови и петље | Рад са подацима користећи низове и петље у JavaScript | [Низови и петље](./2-js-basics/4-arrays-loops/README.md) | Јасмин | -| 08 | [Тераријум](./3-terrarium/solution/README.md) | HTML у пракси | Направите HTML за онлайн тераријум, фокусирајући се на изградњу распореда | [Увод у HTML](./3-terrarium/1-intro-to-html/README.md) | Џен | -| 09 | [Тераријум](./3-terrarium/solution/README.md) | CSS у пракси | Направите CSS за стилизовање онлајн тераријума, фокус на основама CSS-а укључујући и прилагођавање странице | [Увод у CSS](./3-terrarium/2-intro-to-css/README.md) | Џен | -| 10 | [Тераријум](./3-terrarium/solution/README.md) | JavaScript закључци, манипулација DOM-ом | Направите JavaScript који омогућава превлачење тераријума, фокусирајући се на закључке и рад са DOM-ом | [JavaScript закључци, манипулација DOM-ом](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Џен | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Направити игру куцања | Научите како да користите догађаје са тастатуре за вођење логике у вашој JavaScript апликацији | [Програмска логика заснована на догађајима](./4-typing-game/typing-game/README.md) | Кристофер | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Рад са прегледачима | Научите како прегледачи раде, њихову историју и како направити прве елементе проширења прегледача | [О прегледачима](./5-browser-extension/1-about-browsers/README.md) | Џен | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Израда форме, позив API-ја и чување података у локалном складишту | Направите JavaScript елементе вашег проширења за позивање API-ја користећи варијабле у локалном складишту | [API-ји, форме и локално складиште](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Џен | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Позадински процеси у прегледачу, веб перформансе | Користите позадинске процесе прегледача за управљање иконицом проширења; научите о оптимизацијама и перформансама веба | [Позадински задаци и перформансе](./5-browser-extension/3-background-tasks-and-performance/README.md) | Џен | -| 15 | [Space Game](./6-space-game/solution/README.md) | Напреднија израда игара са JavaScript | Научите о наслеђивању користећи и класе и композицију и Pub/Sub обрасце, као припрему за прављење игре | [Увод у напреднију израду игара](./6-space-game/1-introduction/README.md) | Крис | -| 16 | [Space Game](./6-space-game/solution/README.md) | Цртање на canvas-у | Научите о Canvas API-ју који се користи за цртање елемената на екрану | [Цртање на Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Крис | -| 17 | [Space Game](./6-space-game/solution/README.md) | Померање елемената по екрану | Откријте како елементи могу добити кретање коришћењем декартових координата и Canvas API-ја | [Померање елемената](./6-space-game/3-moving-elements-around/README.md) | Крис | -| 18 | [Space Game](./6-space-game/solution/README.md) | Препознавање судара | Направите да се елементи сударају и реагују једни на друге користећи притиске тастера и обезбедите cooldown функцију за перформансе игре | [Препознавање судара](./6-space-game/4-collision-detection/README.md) | Крис | -| 19 | [Space Game](./6-space-game/solution/README.md) | Бодовање | Извршите математичке прорачуне на основу статуса и перформанси игре | [Бодовање](./6-space-game/5-keeping-score/README.md) | Крис | -| 20 | [Space Game](./6-space-game/solution/README.md) | Завршетак и поновно покретање игре | Научите о завршетку и поновном покретању игре, укључујући чишћење ресурса и ресетовање вредности променљивих | [Услов завршетка](./6-space-game/6-end-condition/README.md) | Крис | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML шаблони и руте у веб апликацији | Научите како направити скелет вишестраначне архитектуре вебсајта коришћењем рутирања и HTML шаблона | [HTML шаблони и руте](./7-bank-project/1-template-route/README.md) | Јохан | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Израда форме за пријаву и регистрацију | Научите о изградњи форми и руковању валидирањем | [Форми](./7-bank-project/2-forms/README.md) | Јохан | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Методе преузимања и коришћења података | Како подаци улазе и излазе из ваше апликације, како их преузети, чувати и уклонити | [Подаци](./7-bank-project/3-data/README.md) | Јохан | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепти управљања стањем | Научите како апликација чува стање и како га програмски управљати | [Управљање стањем](./7-bank-project/4-state-management/README.md) | Јохан | -| 25 | [Browser/VScode Code](../../8-code-editor) | Рад са Visual Studio Code | Научите како користити уређивач кода | [Коришћење VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Крис | -| 26 | [AI Assistants](./9-chat-project/README.md) | Рад са вештачком интелигенцијом | Научите како да направите свог AI асистента | [Пројекат AI асистента](./9-chat-project/README.md) | Крис | +| | Назив пројекта | Концепти који се уче | Циљеви учења | Повезана лекција | Аутор | +| :-: | :--------------------------------------------------------: | :------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Почетак | Увод у програмирање и алате струке | Научите основне основе које стоје иза већине програмских језика и о софтверу који помаже професионалним програмерима да раде | [Увод у програмске језике и алате струке](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Почетак | Основе GitHub-а, укључујући рад у тиму | Како користити GitHub у свом пројекту, како сарађивати са другима на коду | [Увод у GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Почетак | Приступачност | Научите основе веб приступачности | [Основе приступачности](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | ЈС основе | Типови података у JavaScript-у | Основе типова података у JavaScript-у | [Типови података](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | ЈС основе | Функције и методе | Научите о функцијама и методама које управљају логиком апликације | [Функције и методе](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher | +| 06 | ЈС основе | Доношење одлука са JS | Научите како да креирате услове у свом коду користећи методе доношења одлука | [Доношење одлука](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | ЈС основе | Низови и петље | Рад са подацима користећи низове и петље у JavaScript-у | [Низови и петље](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML у пракси | Израдите HTML за креирање онлајн тераријума, фокусирајући се на изградњу распореда | [Увод у HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS у пракси | Израдите CSS за стилизовање онлајн тераријума, фокусирајући се на основе CSS укључујући прилагођавање странице | [Увод у CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript затварања, рад са DOM-ом | Израдите JavaScript за функционисање тераријума као drag/drop интерфејса, са фокусом на затварања и рад са DOM-ом | [JavaScript затварања, рад са DOM-ом](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Креирање игре куцања | Научите како да користите догађаје са тастатуре за управљање логиком JavaScript апликације | [Програмирање вођено догађајима](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Рад са прегледачима | Научите како прегледачи раде, њихову историју и како направити прве елементе проширења за прегледач | [О прегледачима](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Креирање форме, позивање API-ја и чување променљивих у локалној меморији | Израдите JavaScript елементе проширења прегледача за позивање API-ја користећи променљиве чуване у локалној меморији | [API-ји, форме и локална меморија](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Позадински процеси у прегледачу, веб перформансе | Користите позадинске процесе прегледача за управљање иконицом проширења; научите о веб перформансама и оптимизацијама | [Позадински задаци и перформансе](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Напреднији развој игара са JavaScript-ом | Научите о наследству користећи класе и композицију и публиковање/поверене образац, за припрему израде игре | [Увод у напредни развој игара](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Цртање на canvas-у | Научите о Canvas API-ју, који се користи за цртање елемената на екрану | [Цртање на Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Премештање елемената око екрана | Откријте како елементи добијају покрет коришћењем декартових координата и Canvas API-ја | [Премештање елемената](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Детекција судара | Учините да се елементи сударају и реагују једни на друге користећи притиске тастера и обезбедите cooldown функцију ради перформанси | [Детекција судара](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Вођење резултата | Изведите математичке прорачуне на основу статуса и перформанси игре | [Вођење резултата](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Завршавање и поновно покретање игре | Научите о завршетку и поновном покретању игре, укључујући чишћење ресурса и ресетовање променљивих вредности | [Услов завршетка](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML шаблони и руте у веб апликацији | Научите како да креирате структуру више страница веб сајта коришћењем рутирања и HTML шаблона | [HTML шаблони и руте](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Креирање форме за пријаву и регистрацију | Научите о креирању форми и руковању валидацијом | [Форми](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Методе дохватања и коришћења података | Како подаци улазе и излазе из ваше апликације, како их дохватити, чувати и одбацити | [Подаци](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепти управљања стањем | Научите како ваша апликација задржава стање и како се оно управља програмски | [Управљање стањем](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Рад са VScode | Научите како да користите едитор кода | [Коришћење VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Рад са вештачком интелигенцијом | Научите како да направите свог AI асистента | [Пројекат AI асистента](./9-chat-project/README.md) | Chris | -## 🏫 Педагошка метода +## 🏫 Педагошија -Наш наставни план је дизајниран уз два кључна педагошка принципа: -* учење кроз пројекте -* чести квизови +Наш наставни програм је дизајниран са два кључна педагошка принципа на уму: +* учење засновано на пројектима +* честе провере знања -Програм учи основе JavaScript-а, HTML-а и CSS-а, као и најновије алате и технике које користе данашњи веб програмери. Студенти ће имати прилику да стекну практично искуство кроз прављење игре куцања, виртуелног тераријума, еколошки прихватљивог проширења прегледача, игре у стилу освајача свемира и банковне апликације за послове. На крају серије, студенти ће имати чврсто разумевање веб развоја. +Програм учи основе JavaScript-а, HTML-а и CSS-а, као и најновије алате и технике које данашњи веб програмери користе. Студенти ће имати прилику да стекну практично искуство кроз креирање игре куцања, виртуелног тераријума, еколошки прихватљивог проширења прегледача, игре у стилу свемирског нападача и банкарске апликације за пословне кориснике. До краја серије, студенти ће стећи чврсто разумевање веб развоја. -> 🎓 Прве неколико лекција из овог програма можете проћи као [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn! +> 🎓 Прве неколико лекција у овом курикулуму можете узети као [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn! -Обезбеђивањем упаривања садржаја са пројектима, процес је занимљивији за студенте и повећава задржавање концепата. Такође смо написали неколико уводних лекција о основама JavaScript-а и пар њих повезали са видео серјом "[Беџинер серија за: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чији су неки аутори допринели овом курикулуму. +Обезбеђујући да садржај буде усклађен са пројектима, процес је за студенте занимљивији, а задржавање појмова ће бити појачано. Такође смо написали неколико уводних лекција о основама JavaScript-а да бисмо представили концепте, у пару са видео записом из колекције видео туторијала "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", од којих су неки аутори допринели овом наставном плану. -Поред тога, ниско-притисни квиз пре часа поставља намјеру студента према учењу теме, док други квиз након часа осигурава даље задржавање. Овај курикулум је дизајниран да буде флексибилан и забаван и може се проћи у целини или делимично. Пројекти почињу мали и постају све комплекснији до краја 12-недељног циклуса. +Поред тога, неутежани квиз пре часа поставља студентову намеру за учење теме, док други квиз након часа осигурава даље задржавање. Овај наставни програм је дизајниран да буде флексибилан и забаван и може се пратити целина или делимично. Пројекти почињу једноставни и постају све сложенији током 12-недељног циклуса. -Иако смо намерно избегли увод у JavaScript оквире да бисмо се концентрисали на основне вештине потребне као веб програмер пре прихватања оквира, добар следећи корак у завршетку овог курикулума био би учење о Node.js преко друге серије видеа: "[Беџинер серија за: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Иако смо намерно избегли увођење JavaScript оквира да бисмо се концентрисали на основне вештине потребне веб програмеру пре усвајања оквира, добар следећи корак након завршетка овог курикулума било би учење о Node.js кроз другу колекцију видео записа: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Посетите наша упутства о [Коду понашања](CODE_OF_CONDUCT.md) и [Прилози](CONTRIBUTING.md). Добродошли су ваши конструктивни коментари! +> Посетите наше смернице о [Code of Conduct](CODE_OF_CONDUCT.md) и [Contributing](CONTRIBUTING.md). Добродошла је ваша конструктивна повратна информација! -## 🧭 Оффлине приступ +## 🧭 Приступ ван мреже -Ову документацију можете користити оффлине уз помоћ [Docsify](https://docsify.js.org/#/). Форкујте овај репозиторијум, [инсталирајте Docsify](https://docsify.js.org/#/quickstart) на свом рачунару, а затим у коренском фолдеру репозиторијума укуцајте `docsify serve`. Вебсајт ће бити доступан на порту 3000 локално на вашем рачунару: `localhost:3000`. +Ову документацију можете покренути ван мреже користећи [Docsify](https://docsify.js.org/#/). Форкујте овај репозиторијум, [инсталирајте Docsify](https://docsify.js.org/#/quickstart) на свом локалном рачунару, и онда у главној фасцикли овог репозиторијума укуцајте `docsify serve`. Веб сајт ће бити доступан на порту 3000 на вашем localhost-u: `localhost:3000`. ## 📘 PDF -PDF svih lekcija možete pronaћи [овде](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +PDF svih lekcija možete pronaћи [ovde](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 Остали курсеви +## 🎒 Ostali kursevi -Наш тим производи и друге курсеве! Погледајте: +Naš tim proizvodi i druge kurseve! Pogledajte: ### LangChain -[![LangChain4j за почетнике](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) -[![LangChain.js за почетнике](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) -[![LangChain за почетнике](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-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) +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Агенти -[![AZD за почетнике](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Edge AI за почетнике](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![MCP за почетнике](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) -[![AI Agenti за почетнике](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) +### Azure / Edge / MCP / Agenti +[![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) --- -### Серія генеративног АИ -[![Генеративни AI за почетнике](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Генеративни AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) -[![Генеративни AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) -[![Генеративни AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) +### Serija Generativne AI +[![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) --- -### Основно учење -[![ML за почетнике](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) -[![Наука о подацима за почетнике](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) -[![AI за почетнике](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) -[![Компјутерска безбедност за почетнике](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) -[![Веб развој за почетнике](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) -[![IoT за почетнике](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) -[![XR развој за почетнике](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) +### Osnovno učenje +[![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) --- -### Серія Copilot -[![Copilot за AI парно програмирање](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot за C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) -[![Copilot авантура](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) +### Serija 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) -## Како добити помоћ +## Dobijanje pomoći -Ако запнете или имате питања о прављењу AI апликација. Придружите се другим ученицима и искусним програмерима у дискусијама о MCP. Ово је подржавајућа заједница где су питања добродошла и знање се слободно дели. +Ako zapnete ili imate bilo kakva pitanja u vezi pravljenja AI aplikacija. Pridružite se ostalim učenicima i iskusnim programerima u diskusijama o MCP. To je podržavajuća zajednica gde su pitanja dobrodošla, a znanje se slobodno deli. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ако имате повратне информације о производу или грешке током развоја посетите: +Ako imate povratne informacije o proizvodu ili greške tokom izrade, posetite: [![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) -## Лиценца +## Licenca -Овај репозиторијум је лиценциран под MIT лиценцом. Погледајте датотеку [LICENSE](../../LICENSE) за више информација. +Ovaj repozitorijum je licenciran pod MIT licencom. Više informacija potražite u [LICENSE](../../LICENSE) fajlu. --- **Одрицање од одговорности**: -Овај документ је преведен помоћу AI сервиса за превођење [Co-op Translator](https://github.com/Azure/co-op-translator). Иако се трудимо да превод буде тачан, имајте у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на његовом материњем језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални људски превод. Не сносимо одговорност за било каква неразумевања или погрешне интерпретације настале употребом овог превода. +Овај документ је преведен коришћењем AI сервиса за превођење [Co-op Translator](https://github.com/Azure/co-op-translator). Док тежимо тачности, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Изворни документ на његовом оригиналном језику треба сматрати ауторитетним извором. За критичне информације препоручује се стручни људски превод. Нисмо одговорни за било каква неразумевања или погрешне интерпретације које произлазе из коришћења овог превода. \ No newline at end of file diff --git a/translations/sr/lesson-template/README.md b/translations/sr/lesson-template/README.md index fe07eceba2..ca445d1e41 100644 --- a/translations/sr/lesson-template/README.md +++ b/translations/sr/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Тема лекције] +# Тема лекције -![Убаците видео овде](../../../lesson-template/video-url) +## 🎥 Видео -## [Квиз пре предавања](../../../lesson-template/quiz-url) +> Додајте уграђени видео или линк ка лекцији овде. -[Опис онога што ћемо научити] +--- + +## Пре-лекцијски квиз + +> Додајте линк ка квизу овде када буде доступан. + +--- + +Презентујте кратак преглед онога што ће студенти научити на овој лекцији. + +--- ### Увод -Опис онога што ће бити обухваћено +Унесите кратак увод који описује шта ће бити покривено у овој лекцији. > Белешке -### Предуслови +--- + +### Предзнање -Који кораци су требали бити обрађени пре ове лекције? +Наведите појмове или теме које студенти треба да већ познају пре почетка ове лекције. + +--- ### Припрема -Припремни кораци за почетак ове лекције +Наведите кораке за припрему или алате потребне пре почетка лекције. --- -[Прођите кроз садржај у блоковима] +### Садржај + +Пролазите кроз садржај лекције у структурираним одељцима. + +--- -## [Тема 1] +## Тема 1 ### Задатак: -Радите заједно на постепеном унапређивању вашег кода како бисте изградили пројекат са заједничким кодом: +Заједно радите на постепеном унапређењу вашег кода како бисте направили пројекат са заједничким кодом: ```html code blocks ``` -✅ Провера знања - искористите овај тренутак да проширите знање студената отвореним питањима +✅ Провера знања +Искористите овај тренутак да проверите знање студената кроз отворена питања. -## [Тема 2] +## Тема 2 +## Тема 3 -## [Тема 3] +🚀 Изазов +Додајте заједнички изазов за студенте да унапреде пројекат. -🚀 Изазов: Додајте изазов за студенте да раде заједно у настави на унапређивању пројекта +Опционо: Додајте снимак екрана готовог корисничког интерфејса ове лекције ако је прикладно. -Опционо: додајте снимак екрана корисничког интерфејса завршене лекције ако је прикладно +## После-лекцијски квиз -## [Квиз после предавања](../../../lesson-template/quiz-url) +Додајте линк ка квизу овде након завршетка лекције. -## Преглед и самостално учење +## Ревизија и самосталан рад -**Рок за предају [MM/YY]**: [Назив задатка](assignment.md) +**Рок за задатак [MM/YY]**: [Назив задатка](assignment.md) --- + **Одрицање од одговорности**: -Овај документ је преведен коришћењем услуге за превођење помоћу вештачке интелигенције [Co-op Translator](https://github.com/Azure/co-op-translator). Иако настојимо да обезбедимо тачност, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати меродавним извором. За критичне информације препоручује се професионални превод од стране људи. Не преузимамо одговорност за било каква погрешна тумачења или неспоразуме који могу настати услед коришћења овог превода. \ No newline at end of file +Овај документ је преведен коришћењем АИ сервиса за превод [Co-op Translator](https://github.com/Azure/co-op-translator). Док тежимо прецизности, молимо вас да имате у виду да аутоматизовани преводи могу садржати грешке или нетачности. Изворни документ на његовом изворном језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални људски превод. Нисмо одговорни за било каква неспоразуме или погрешне тумачења која могу произићи из коришћења овог превода. + \ No newline at end of file diff --git a/translations/sv/.co-op-translator.json b/translations/sv/.co-op-translator.json index 04ba021ad2..d5d7679791 100644 --- a/translations/sv/.co-op-translator.json +++ b/translations/sv/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:32:07+00:00", + "translation_date": "2026-04-24T16:49:31+00:00", "source_file": "AGENTS.md", "language_code": "sv" }, @@ -516,8 +516,8 @@ "language_code": "sv" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:35:19+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T16:18:52+00:00", "source_file": "README.md", "language_code": "sv" }, @@ -564,8 +564,8 @@ "language_code": "sv" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T23:13:43+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T16:19:07+00:00", "source_file": "lesson-template/README.md", "language_code": "sv" }, diff --git a/translations/sv/AGENTS.md b/translations/sv/AGENTS.md index 57d4a74552..a68e7f182e 100644 --- a/translations/sv/AGENTS.md +++ b/translations/sv/AGENTS.md @@ -2,36 +2,36 @@ ## Projektöversikt -Detta är ett utbildningscurriculum för att lära ut grunderna i webbutveckling till nybörjare. Curriculumet är en omfattande 12-veckorskurs utvecklad av Microsoft Cloud Advocates, med 24 praktiska lektioner som täcker JavaScript, CSS och HTML. +Detta är ett utbildningsprogram för att lära ut grunderna i webbutveckling för nybörjare. Kursplanen är en omfattande 12-veckors kurs utvecklad av Microsoft Cloud Advocates, med 24 praktiska lektioner som täcker JavaScript, CSS och HTML. -### Viktiga komponenter +### Huvudkomponenter - **Utbildningsinnehåll**: 24 strukturerade lektioner organiserade i projektbaserade moduler -- **Praktiska projekt**: Terrarium, Skrivspel, Webbläsartillägg, Rymdspel, Bankapp, Kodredigerare och AI-chattassistent -- **Interaktiva quiz**: 48 quiz med 3 frågor vardera (före- och efter-lektionsbedömningar) -- **Flerspråkigt stöd**: Automatiska översättningar till 50+ språk via GitHub Actions +- **Praktiska projekt**: Terrarium, Typningsspel, Browser Extension, Rymdspel, Bankapp, Kodeditor och AI-chattassistent +- **Interaktiva quiz**: 48 quiz med 3 frågor vardera (före/efter lektionstest) +- **Fler språkstöd**: Automatiska översättningar till 50+ språk via GitHub Actions - **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (för AI-projekt) ### Arkitektur -- Utbildningsrepository med lektionsbaserad struktur +- Utbildningsförråd med lektionsbaserad struktur - Varje lektionsmapp innehåller README, kodexempel och lösningar -- Självständiga projekt i separata kataloger (quiz-app, olika lektionsprojekt) -- Översättningssystem som använder GitHub Actions (co-op-translator) -- Dokumentation tillgänglig via Docsify och som PDF +- Fristående projekt i separata kataloger (quiz-app, olika lektionsprojekt) +- Översättningssystem med GitHub Actions (co-op-translator) +- Dokumentation serveras via Docsify och finns som PDF -## Installationskommandon +## Setup-kommandon -Detta repository är främst för konsumtion av utbildningsinnehåll. För arbete med specifika projekt: +Detta förråd är främst för utbildningsinnehållskonsumtion. För arbete med specifika projekt: -### Huvudrepositoryinstallation +### Huvudförrådets installation ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Quiz App Installation (Vue 3 + Vite) +### Quiz App Setup (Vue 3 + Vite) ```bash cd quiz-app @@ -51,7 +51,7 @@ npm run lint # Kör ESLint npm run format # Formatera med Prettier ``` -### Webbläsartilläggsprojekt +### Browser Extension-projekt ```bash cd 5-browser-extension/solution @@ -59,7 +59,7 @@ npm install # Följ webbläsarspecifika instruktioner för att ladda tillägg ``` -### Rymdspelsprojekt +### Rymdspel-projekt ```bash cd 6-space-game/solution @@ -67,7 +67,7 @@ npm install # Öppna index.html i webbläsaren eller använd Live Server ``` -### Chattprojekt (Python Backend) +### Chattprojekt (Python backend) ```bash cd 9-chat-project/solution/backend/python @@ -78,43 +78,43 @@ python api.py ## Utvecklingsarbetsflöde -### För innehållsbidragare +### För innehållsbidragsgivare -1. **Forka repositoryt** till ditt GitHub-konto +1. **Fork:a förrådet** till ditt GitHub-konto 2. **Klona din fork** lokalt 3. **Skapa en ny branch** för dina ändringar -4. Gör ändringar av lektioninnehåll eller kodexempel -5. Testa kodändringar i relevanta projektmappar -6. Skicka pull requests enligt riktlinjerna för bidrag +4. Gör ändringar i lektionsinnehåll eller kodexempel +5. Testa eventuella kodändringar i relevanta projektmappar +6. Skicka in pull-requests enligt riktlinjer för bidrag ### För elever -1. Forka eller klona repositoryt -2. Navigera sekventiellt till lektionsmappar +1. Fork:a eller klona förrådet +2. Navigera till lektionsmapparna i ordning 3. Läs README-filer för varje lektion -4. Genomför quiz före lektioner på https://ff-quizzes.netlify.app/web/ -5. Arbeta igenom kodexempel i lektionsmappar +4. Gör för-lektionsquiz på https://ff-quizzes.netlify.app/web/ +5. Arbeta igenom kodexempel i lektionsmapparna 6. Slutför uppgifter och utmaningar -7. Gör quiz efter lektioner +7. Gör efter-lektionsquiz -### Live-utveckling +### Liveutveckling -- **Dokumentation**: Kör `docsify serve` i rotmappen (port 3000) -- **Quiz App**: Kör `npm run dev` i quiz-app-katalogen -- **Projekt**: Använd VS Code Live Server-tillägg för HTML-projekt +- **Dokumentation**: Kör `docsify serve` i root (port 3000) +- **Quiz App**: Kör `npm run dev` i quiz-app-mappen +- **Projekt**: Använd VS Codes Live Server-tillägg för HTML-projekt - **API-projekt**: Kör `npm start` i respektive API-katalog ## Testinstruktioner -### Quiz App-testning +### Test av Quiz App ```bash cd quiz-app -npm run lint # Kontrollera kodstilproblem -npm run build # Verifiera att kompilering lyckas +npm run lint # Kontrollera efter kodstilproblem +npm run build # Verifiera att bygget lyckas ``` -### Bank API-testning +### Test av Bank API ```bash cd 7-bank-project/api @@ -124,19 +124,19 @@ node server.js # Verifiera att servern startar utan fel ### Allmän testmetod -- Detta är ett utbildningsrepository utan omfattande automatiserade tester +- Detta är ett utbildningsförråd utan omfattande automatiserade tester - Manuell testning fokuserar på: - Kodexempel körs utan fel - - Länkar i dokumentation fungerar korrekt - - Projekt bygger klart utan problem + - Länkar i dokumentationen fungerar korrekt + - Projekt bygger klart utan fel - Exempel följer bästa praxis -### Kontroll före inskickning +### Kontroll före inskick -- Kör `npm run lint` i kataloger med package.json -- Verifiera att markdown-länkar är giltiga +- Kör `npm run lint` i mappar med package.json +- Kontrollera att markdown-länkar är giltiga - Testa kodexempel i webbläsare eller Node.js -- Kontrollera att översättningar behåller korrekt struktur +- Kontrollera att översättningar bibehåller korrekt struktur ## Kodstilriktlinjer @@ -144,22 +144,22 @@ node server.js # Verifiera att servern startar utan fel - Använd modern ES6+ syntax - Följ standard ESLint-konfigurationer i projekten -- Använd meningsfulla variabel- och funktionsnamn för tydlighet i utbildningen +- Använd meningsfulla variabel- och funktionsnamn för utbildningsklarhet - Lägg till kommentarer som förklarar koncept för elever - Formatera med Prettier där det är konfigurerat ### HTML/CSS - Semantiska HTML5-element -- Responsiva designprinciper -- Klara och tydliga klassnamn +- Responsiv designprinciper +- Tydliga namngivningskonventioner för klasser - Kommentarer som förklarar CSS-tekniker för elever ### Python -- Följ PEP 8-stilriktlinjer -- Tydliga, pedagogiska kodexempel -- Typanvisningar där det är hjälpsamt för lärande +- PEP 8 kodstilriktlinjer +- Tydliga, utbildande kodexempel +- Typangivelser där det är hjälpsamt för lärande ### Markdown-dokumentation @@ -167,33 +167,33 @@ node server.js # Verifiera att servern startar utan fel - Kodblock med språkangivelse - Länkar till ytterligare resurser - Skärmdumpar och bilder i `images/`-mappar -- Alt-text för bilder för tillgänglighet +- Alt-text på bilder för tillgänglighet ### Filorganisation -- Lektioner numrerade sekventiellt (1-getting-started-lessons, 2-js-basics, etc.) -- Varje projekt har `solution/` och ofta `start/` eller `your-work/`-mappar -- Bilder lagras i lektion-specifika `images/`-mappar +- Lektioner numrerade i följd (1-getting-started-lessons, 2-js-basics, osv.) +- Varje projekt har `solution/` och ofta `start/` eller `your-work/` mappar +- Bilder lagras i lektionsspecifika `images/`-mappar - Översättningar i `translations/{language-code}/`-struktur ## Bygg och distribution -### Distribution av Quiz App (Azure Static Web Apps) +### Quiz App-distribution (Azure Static Web Apps) -quiz-app är konfigurerad för deployment via Azure Static Web Apps: +Quiz-appen är konfigurerad för distribution till Azure Static Web Apps: ```bash cd quiz-app -npm run build # Skapar dist/-mappen +npm run build # Skapar dist/ mapp # Distribuerar via GitHub Actions arbetsflöde vid push till main ``` Azure Static Web Apps-konfiguration: -- **App-lokalisation**: `/quiz-app` -- **Output-lokalisation**: `dist` +- **App-läge**: `/quiz-app` +- **Utmatningsplats**: `dist` - **Arbetsflöde**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### PDF-generering av dokumentation +### Generering av PDF för dokumentation ```bash npm install # Installera docsify-to-pdf @@ -207,76 +207,76 @@ npm install -g docsify-cli # Installera Docsify globalt docsify serve # Servera på localhost:3000 ``` -### Projekt-specifika byggprocesser +### Projektsspecifika byggsteg -Varje projektkatalog kan ha sin egen byggprocess: -- Vue-projekt: `npm run build` skapar produktionspaket -- Statiska projekt: Ingen byggsteg, servera filer direkt +Varje projektkatalog kan ha egen byggprocess: +- Vue-projekt: `npm run build` skapar produktionsbundlar +- Statiska projekt: Ingen byggsteg, filer serveras direkt -## Pull Request-riktlinjer +## Pull request-riktlinjer ### Titelformat Använd tydliga, beskrivande titlar som anger ändringsområde: - `[Quiz-app] Lägg till nytt quiz för lektion X` -- `[Lesson-3] Åtgärda stavfel i terrariumprojekt` +- `[Lesson-3] Rätta stavfel i terrarium-projektet` - `[Translation] Lägg till spansk översättning för lektion 5` - `[Docs] Uppdatera installationsinstruktioner` ### Obligatoriska kontroller -Innan PR skickas: +Innan PR skickas in: 1. **Kodkvalitet**: - - Kör `npm run lint` i berörda projektmappar - - Åtgärda alla lintfel och varningar + - Kör `npm run lint` i påverkade projektmappar + - Åtgärda alla lint-fel och varningar 2. **Byggverifiering**: - Kör `npm run build` om tillämpligt - - Säkerställ att inga byggfel uppstår + - Säkerställ inga byggfel 3. **Länkvalidering**: - Testa alla markdown-länkar - - Verifiera bildreferenser fungerar + - Verifiera att bildreferenser fungerar 4. **Innehållsgranskning**: - Korrekturläs för stavning och grammatik - - Säkerställ kodexempel är korrekta och pedagogiska - - Kontrollera att översättningar bevarar ursprungligt budskap + - Säkerställ att kodexempel är korrekta och pedagogiska + - Kontrollera att översättningar bibehåller ursprunglig mening -### Bidragskrav +### Krav på bidrag -- Acceptera Microsoft CLA (automatisk kontroll vid första PR) +- Godkänn Microsoft CLA (automatisk kontroll vid första PR) - Följ [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Se [CONTRIBUTING.md](./CONTRIBUTING.md) för detaljerade riktlinjer -- Referera ärendenummer i PR-beskrivning om tillämpligt +- Referera ärendenummer i PR-beskrivning vid behov ### Granskningsprocess -- PR granskas av underhållare och community +- PR granskas av underhållare och gemenskap - Pedagogisk tydlighet prioriteras -- Kodexempel ska följa aktuella bästa praxis -- Översättningar granskas för korrekthet och kulturell anpassning +- Kodexempel bör följa aktuell bästa praxis +- Översättningar granskas för korrekthet och kulturell lämplighet ## Översättningssystem ### Automatisk översättning -- Använder GitHub Actions med co-op-translator arbetsflöde -- Översätter automatiskt till 50+ språk +- Använder GitHub Actions med co-op-translator-arbetsflöde +- Översätter till 50+ språk automatiskt - Källfiler i huvudkataloger -- Översatta filer i `translations/{language-code}/`-mappar +- Översatta filer i `translations/{language-code}/` kataloger -### Lägga till manuella förbättringar +### Lägga till manuella förbättringar av översättningar 1. Lokalisera fil i `translations/{language-code}/` -2. Gör förbättringar med bibehållen struktur -3. Säkerställ att kodexempel fortsätter att fungera -4. Testa lokaliserat quiz-innehåll +2. Gör förbättringar utan att ändra struktur +3. Säkerställ att kodexempel förblir fungerande +4. Testa eventuellt lokaliserat quiz-innehåll -### Metadata för översättningar +### Översättningsmetadata -Översatta filer inkluderar metadata-header: +Översatta filer innehåller metadata-header: ```markdown -**Ansvarsfriskrivning**: -Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, var vänlig notera att automatiska översättningar kan innehålla fel eller felaktigheter. Det ursprungliga dokumentet på dess modersmål bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som uppstår från användningen av denna översättning. +**Ansvarsfriskrivning**: +Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, bör du vara medveten om att automatiska översättningar kan innehålla fel eller brister. Det ursprungliga dokumentet på dess modersmål bör anses vara den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som uppstår från användningen av denna översättning. \ No newline at end of file diff --git a/translations/sv/README.md b/translations/sv/README.md index c23086b79f..b508c59d42 100644 --- a/translations/sv/README.md +++ b/translations/sv/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Webbplatsutveckling för nybörjare - En läroplan +# Webbuteckling för nybörjare - Ett läroplan -Lär dig grunderna i webbplatsutveckling med vår 12-veckors omfattande kurs av Microsoft Cloud Advocates. Varje av de 24 lektionerna går på djupet i JavaScript, CSS och HTML genom praktiska projekt som terrarier, webbläsartillägg och rymdspel. Engagera dig i quiz, diskussioner och praktiska uppgifter. Förbättra dina färdigheter och optimera din kunskapsbehållning med vår effektiva projektbaserade pedagogik. Starta din kodningsresa idag! +Lär dig grunderna i webbuteckling med vår 12-veckors omfattande kurs av Microsoft Cloud Advocates. Varje av de 24 lektionerna dyker ner i JavaScript, CSS och HTML genom praktiska projekt som terrarier, webbläsartillägg och rymdspel. Delta i quiz, diskussioner och praktiska uppgifter. Förbättra dina färdigheter och optimera din kunskapsbevaring med vår effektiva projektbaserade pedagogik. Börja din kodningsresa idag! -Gå med i Azure AI Foundry Discord Community +Gå med i Azure AI Foundry Discord och möt experter och andra utvecklare. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Följ dessa steg för att komma igång med att använda dessa resurser: -1. **Fork:a repot**: Klicka [![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. **Klona repot**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Gå med i Azure AI Foundry Discord och träffa experter och andra utvecklare**](https://discord.com/invite/ByRwuEEgH4) +1. **Fork:a Repositoriet**: Klicka [![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. **Klona Repositoriet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Gå med i Azure AI Foundry Discord och möt experter och andra utvecklare**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Flerspråkigt stöd -#### Stöds via GitHub Action (Automatiserat & Alltid Uppdaterat) +#### Stöds via GitHub Action (Automatiserat och alltid uppdaterat) [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) | [Khmer](../km/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](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](./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) > **Föredrar du att klona lokalt?** > -> Detta repo inkluderar 50+ språköversättningar vilket avsevärt ökar storleken på nedladdningen. För att klona utan översättningar, använd sparsamt incheckning: +> Detta repository inkluderar 50+ språköversättningar vilket avsevärt ökar nedladdningsstorleken. För att klona utan översättningar, använd sparsamt checkout: > > **Bash / macOS / Linux:** > ```bash @@ -51,83 +51,83 @@ Följ dessa steg för att komma igång med att använda dessa resurser: > Detta ger dig allt du behöver för att slutföra kursen med en mycket snabbare nedladdning. -**Om du önskar stöd för flera översättningsspråk finns listade [här](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Om du önskar fler översättningar, finns de stödda språken listade [här](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Är du student?_ -Besök [**Student Hub-sidan**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) där du hittar nybörjarresurser, studentpaket och till och med sätt att få en gratis certifikatkupong. Detta är sidan du vill bokmärka och kolla av med jämna mellanrum eftersom vi byter ut innehåll varje månad. +Besök [**Student Hub-sidan**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) där du hittar nybörjarresurser, studentpaket och till och med sätt att få ett gratis certifikat-voucher. Detta är sidan du vill bokmärka och kolla av då och då eftersom vi byter innehåll varje månad. -### 📣 Tillkännagivande - Nya GitHub Copilot Agent-läges utmaningar att slutföra! +### 📣 Meddelande - Nya GitHub Copilot Agent-lägesutmaningar att slutföra! -Ny utmaning tillagd, leta efter "GitHub Copilot Agent Challenge 🚀" i de flesta kapitel. Det är en ny utmaning för dig att klara av med GitHub Copilot och Agent-läge. Om du inte har använt Agent-läget tidigare kan det inte bara generera text utan också skapa och redigera filer, köra kommandon med mera. +Ny utmaning tillagd, leta efter "GitHub Copilot Agent Challenge 🚀" i de flesta kapitel. Det är en ny utmaning för dig att slutföra med GitHub Copilot och Agent-läget. Om du inte har använt Agent-läget tidigare kan det inte bara generera text utan kan även skapa och redigera filer, köra kommandon och mer. -### 📣 Tillkännagivande - _Nytt projekt att bygga med Generativ AI_ +### 📣 Meddelande - _Nytt projekt att bygga med Generativ AI_ -Nytt AI Assistant-projekt precis tillagt, kolla in det [projekt](./9-chat-project/README.md) +Nytt AI-assistentprojekt precis tillagt, kolla in det [projektet](./9-chat-project/README.md) -### 📣 Tillkännagivande - _Ny läroplan_ för Generativ AI för JavaScript har just släppts +### 📣 Meddelande - _Ny läroplan_ om Generativ AI för JavaScript släpptes just -Missa inte vår nya läroplan för Generativ AI! +Missa inte vår nya Generativ AI-läroplan! Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att komma igång! ![Background](../../translated_images/sv/background.148a8d43afde5730.webp) - Lektioner som täcker allt från grunder till RAG. -- Interagera med historiska karaktärer med GenAI och vår följeslagar-app. -- Roligt och engagerande berättande, du kommer att tidsresa! +- Interagera med historiska karaktärer med GenAI och vår följeslagarapp. +- Rolig och engagerande berättelse, du kommer tidsresa! ![character](../../translated_images/sv/character.5c0dd8e067ffd693.webp) -Varje lektion inkluderar en uppgift att slutföra, en kunskapskontroll och en utmaning för att guida dig i ämnen som: -- Prompting och prompt-engineering +Varje lektion inkluderar en uppgift att slutföra, en kunskapskontroll och en utmaning för att guida dig i att lära dig ämnen som: +- Prompting och promptengineering - Text- och bildappsgenerering -- Sökningsappar +- Sökappar Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att komma igång! -## 🌱 Komma igång +## 🌱 Kom Igång -> **Lärare**, vi har [inkluderat några förslag](for-teachers.md) på hur man kan använda denna läroplan. Vi vill gärna ha din feedback [i vårt diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Lärare**, vi har [inkluderat några förslag](for-teachers.md) på hur ni kan använda denna läroplan. Vi tar gärna emot er feedback [i vårt diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Studenter](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, för varje lektion, börja med ett för-quiz och fortsätt sedan med att läsa lektionsmaterialet, slutföra olika aktiviteter och kontrollera din förståelse med efter-quizet. +**[Studerande](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, för varje lektion, börja med ett för-lektionsquiz och fortsätt sedan med att läsa föreläsningsmaterialet, slutföra de olika aktiviteterna och kontrollera din förståelse med ett efter-lektionsquiz. -För att förbättra din lärandeupplevelse, koppla ihop dig med dina kamrater för att arbeta på projekten tillsammans! Diskussioner uppmuntras i vårt [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) där vårt team av moderatorer kommer att finnas tillgängliga för att svara på dina frågor. +För att förbättra din inlärningsupplevelse, koppla samman med dina kamrater för att samarbeta med projekten! Diskussioner uppmuntras i vårt [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) där vårt team av moderatorer finns tillgängliga för att svara på dina frågor. -För att fördjupa din utbildning rekommenderar vi starkt att du utforskar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) för ytterligare studiematerial. +För att fördjupa din utbildning rekommenderar vi starkt att utforska [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) för ytterligare studiematerial. ### 📋 Sätta upp din miljö -Denna läroplan har en utvecklingsmiljö klar att använda! När du kommer igång kan du välja att köra läroplanen i en [Codespace](https://github.com/features/codespaces/) (_en webbläsarbaserad miljö utan krav på installation_), eller lokalt på din dator med en textredigerare som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Denna läroplan har en utvecklingsmiljö redo att användas! När du börjar kan du välja att köra läroplanen i en [Codespace](https://github.com/features/codespaces/) (_en webbläsarbaserad miljö utan installationer_), eller lokalt på din dator med en textredigerare som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Skapa ditt arkiv -För att du enkelt ska kunna spara ditt arbete rekommenderas det att du skapar en egen kopia av detta arkiv. Det kan du göra genom att klicka på knappen **Use this template** högst upp på sidan. Detta skapar ett nytt arkiv på ditt GitHub-konto med en kopia av läroplanen. +#### Skapa ditt repository +För att du enkelt ska kunna spara ditt arbete rekommenderas det att du skapar en egen kopia av detta repository. Du kan göra det genom att klicka på knappen **Use this template** högst upp på sidan. Detta skapar ett nytt repository i ditt GitHub-konto med en kopia av läroplanen. Följ dessa steg: -1. **Fork:a arkivet**: Klicka på "Fork"-knappen i övre högra hörnet på denna sida. -2. **Klona arkivet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Fork:a Repositoriet**: Klicka på knappen "Fork" längst upp till höger på sidan. +2. **Klona Repositoriet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Köra läroplanen i en Codespace -I din kopia av detta arkiv som du skapade, klicka på **Code**-knappen och välj **Open with Codespaces**. Detta kommer att skapa en ny Codespace för dig att arbeta i. +I din kopia av detta repository som du skapade, klicka på **Code**-knappen och välj **Open with Codespaces**. Detta skapar en ny Codespace för dig att arbeta i. ![Codespace](../../translated_images/sv/createcodespace.0238bbf4d7a8d955.webp) #### Köra läroplanen lokalt på din dator -För att köra denna läroplan lokalt på din dator behöver du en textredigerare, en webbläsare och ett kommandoradsverktyg. Vår första lektion, [Introduktion till programmeringsspråk och verktyg](../../1-getting-started-lessons/1-intro-to-programming-languages), kommer att guida dig genom olika alternativ för varje verktyg så att du kan välja det som passar dig bäst. +För att köra denna läroplan lokalt på din dator behöver du en textredigerare, en webbläsare och ett kommandoradsverktyg. Vår första lektion, [Introduktion till programmeringsspråk och verktyg för yrket](../../1-getting-started-lessons/1-intro-to-programming-languages), går igenom olika val för varje av dessa verktyg så att du kan välja vad som passar dig bäst. -Vår rekommendation är att använda [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din redigerare, som också har en inbyggd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan ladda ner Visual Studio Code [här](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Vår rekommendation är att använda [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din redigerare, som även har en inbyggd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan ladda ner Visual Studio Code [här](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). 1. Klona ditt repository till din dator. Du kan göra detta genom att klicka på **Code**-knappen och kopiera URL:en: [CodeSpace](./images/createcodespace.png) - Öppna sedan [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) och kör följande kommando, ersätt `` med URL:en du precis kopierade: + Öppna sedan [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) och kör följande kommando, ersätt `` med URL:en du just kopierade: ```bash git clone @@ -135,7 +135,6 @@ Vår rekommendation är att använda [Visual Studio Code](https://code.visualstu 2. Öppna mappen i Visual Studio Code. Du kan göra detta genom att klicka på **File** > **Open Folder** och välja den mapp du just klonade. - > Rekommenderade Visual Studio Code-tillägg: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - för att förhandsgranska HTML-sidor inom Visual Studio Code @@ -143,75 +142,74 @@ Vår rekommendation är att använda [Visual Studio Code](https://code.visualstu ## 📂 Varje lektion innehåller: -- valfri sketchnote +- valfri skissnote - valfri kompletterande video -- uppvärmningsquiz före lektionen +- för-lektions uppvärmningsquiz - skriftlig lektion -- steg-för-steg guider för projektbaserade lektioner om hur man bygger projektet +- för projektbaserade lektioner, steg-för-steg guiden om hur man bygger projektet - kunskapskontroller - en utmaning - kompletterande läsning - uppgift -- [quiz efter lektionen](https://ff-quizzes.netlify.app/web/) +- [post-lektionsquiz](https://ff-quizzes.netlify.app/web/) -> **En notis om quiz**: Alla quiz finns i Quiz-app mappen, totalt 48 quiz med tre frågor vardera. De finns tillgängliga [här](https://ff-quizzes.netlify.app/web/). Quiz-appen kan köras lokalt eller distribueras till Azure; följ instruktionerna i `quiz-app` mappen. +> **En notering om quiz:** Alla quiz finns i Quiz-app mappen, totalt 48 quiz med tre frågor vardera. De finns tillgängliga [här](https://ff-quizzes.netlify.app/web/), quiz-appen kan köras lokalt eller distribueras till Azure; följ instruktionerna i `quiz-app` mappen. ## 🗃️ Lektioner -| | Projektnamn | Undervisade Begrepp | Läromål | Länkad lektion | Författare | -| :-: | :------------------------------------------------------: | :----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :-------------------------: | -| 01 | Komma igång | Introduktion till programmering och verktyg | Lära sig grunderna bakom de flesta programmeringsspråk och om programvara som hjälper professionella utvecklare i deras arbete | [Intro till programmeringsspråk och verktyg](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Komma igång | Grunderna i GitHub, inklusive samarbete i team | Hur man använder GitHub i ditt projekt och samarbetar med andra på en kodbas | [Introduktion till GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Komma igång | Tillgänglighet | Lära sig grunderna i webbtillgänglighet | [Grundläggande tillgänglighet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Grunder | JavaScript-datatyper | Grunderna för JavaScript datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Grunder | Funktioner och Metoder | Lära sig om funktioner och metoder för att hantera en applikations logik | [Funktioner och Metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine och Christopher | -| 06 | JS Grunder | Beslutsfattande med JS | Lära sig skapa villkor i koden med beslutsfattandemetoder | [Beslutsfattande](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Grunder | Arrayer och Loopar | Arbeta med data genom arrayer och loopar i JavaScript | [Arrayer och Loopar](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praktiken | Bygga HTML för att skapa ett online-terrarium, med fokus på layoutbygge | [Introduktion till HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praktiken | Bygga CSS för att styla online-terrarium, med fokus på grundläggande CSS och responsiv design | [Introduktion till CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript closures och DOM-manipulation | Bygga JavaScript för att göra terrariet funktionellt med drag/drop, med fokus på closures och DOM-manipulation | [JavaScript closures och DOM-manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Bygga ett skrivspel | Lära sig använda tangentbords-händelser för att driva logiken i JavaScript-appen | [Händelsestyrd programmering](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Grönt webbläsartillägg](./5-browser-extension/solution/README.md) | Arbeta med webbläsare | Lära sig hur webbläsare fungerar, deras historia och bygga de första elementen i en tillägg | [Om webbläsare](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Grönt webbläsartillägg](./5-browser-extension/solution/README.md) | Bygga ett formulär, anropa API och lagra variabler i lokal lagring | Bygga JavaScript-elementen i ditt tillägg för att anropa ett API med variabler sparade i lokal lagring | [API:er, formulär och lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Grönt webbläsartillägg](./5-browser-extension/solution/README.md) | Bakgrundsprocesser i webbläsaren, webbprestanda | Använd webbläsarens bakgrundsprocesser för att hantera tilläggets ikon; lära sig om webbprestanda och optimeringar | [Bakgrundsprocesser och prestanda](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Rymdspel](./6-space-game/solution/README.md) | Mer avancerad spelutveckling med JavaScript | Lära sig om arv med både klasser och komposition och Pub/Sub-mönstret inför spelbyggande | [Introduktion till avancerad spelutveckling](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Rymdspel](./6-space-game/solution/README.md) | Rita på canvas | Lära sig om Canvas API, som används för att rita element på en skärm | [Rita på canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Rymdspel](./6-space-game/solution/README.md) | Flytta element runt på skärmen | Upptäck hur element kan få rörelse med hjälp av kartesiska koordinater och Canvas API | [Flytta element runt](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Rymdspel](./6-space-game/solution/README.md) | Kollisiondetektion | Få element att kollidera och reagera på varandra med knapptryckningar och ge en cooldown-funktion för att säkerställa prestanda | [Kollisiondetektion](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Rymdspel](./6-space-game/solution/README.md) | Hålla poäng | Utför matematiska beräkningar baserat på spelets status och prestation | [Hålla poäng](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Rymdspel](./6-space-game/solution/README.md) | Avsluta och starta om spelet | Lära sig om att avsluta och starta om spelet, inklusive städning av resurser och återställning av variabler | [Avslutningsvillkor](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Bankapp](./7-bank-project/solution/README.md) | HTML-mallar och rutthantering i en webbapp | Lära sig skapa stommen för en flersidig webbplats arkitektur med routing och HTML-mallar | [HTML-mallar och routing](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Bankapp](./7-bank-project/solution/README.md) | Bygga inloggning och registreringsformulär | Lära sig bygga formulär och hantera valideringsrutiner | [Formulär](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Bankapp](./7-bank-project/solution/README.md) | Metoder för att hämta och använda data | Hur data flödar in och ut ur appen, hur man hämtar, sparar och gör sig av med den | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Bankapp](./7-bank-project/solution/README.md) | Begrepp för state-hantering | Lära sig hur appen behåller state och hur man hanterar detta programmässigt | [State-hantering](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeta med VScode | Lära dig använda en kodeditor | [Använd VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeta med AI | Lära dig bygga din egen AI-assistent | [AI Assistant project](./9-chat-project/README.md) | Chris | +| | Projekt Namn | Begrepp som lärs ut | Lärandemål | Länkad Lektion | Författare | +| :-: | :------------------------------------------------------: | :----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :-------------------------: | +| 01 | Komma igång | Introduktion till programmering och verktyg | Lära sig de grundläggande principerna bakom de flesta programmeringsspråk och om mjukvara som hjälper professionella utvecklare i deras arbete | [Intro till programmeringsspråk och verktyg](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Komma igång | Grundläggande GitHub, inklusive samarbete i team | Hur man använder GitHub i sitt projekt, hur man samarbetar med andra i en kodbas | [Intro till GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Komma igång | Tillgänglighet | Lär dig grunderna i webbåtkomst | [Grundläggande tillgänglighet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Grundläggande | JavaScript datatyper | Grunderna i JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Grundläggande | Funktioner och metoder | Lär dig om funktioner och metoder för att hantera applikationens logik | [Funktioner och Metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine och Christopher | +| 06 | JS Grundläggande | Beslutsfattande med JS | Lär dig att skapa villkor i din kod med hjälp av beslutsfattandemetoder | [Beslutsfattande](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Grundläggande | Arrayer och loopar | Arbeta med data med hjälp av arrayer och loopar i JavaScript | [Arrayer och Loopar](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praktiken | Bygg HTML för att skapa ett online-terrarium med fokus på layout | [Introduktion till HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praktiken | Bygg CSS för att styla online-terrarium med fokus på grunderna i CSS inklusive responsiv sida | [Introduktion till CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM-manipulation | Bygg JavaScript för att göra terrariet som ett drag/drop-gränssnitt, med fokus på closures och DOM-manipulation | [JavaScript Closures, DOM-manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Skrivspel](./4-typing-game/solution/README.md) | Bygg ett skrivspel | Lär dig använda tangentbordevenemang för att styra logiken i din JavaScript-app | [Händelsestyrd programmering](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Grön webbläsartillägg](./5-browser-extension/solution/README.md) | Arbeta med webbläsare | Lär dig hur webbläsare fungerar, deras historia och hur man skapar de första elementen i ett webbläsartillägg | [Om webbläsare](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Grön webbläsartillägg](./5-browser-extension/solution/README.md) | Bygga ett formulär, anropa ett API och lagra variabler i lokal lagring | Bygg JavaScript-elementen i ditt webbläsartillägg för att anropa ett API med variabler lagrade i lokal lagring | [API:er, formulär och lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Grön webbläsartillägg](./5-browser-extension/solution/README.md) | Bakgrundsprocesser i webbläsaren, webbprestanda | Använd webbläsarens bakgrundsprocesser för att hantera tilläggets ikon; lär dig om webbprestanda och optimeringar | [Bakgrundsuppgifter och prestanda](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Rymdspel](./6-space-game/solution/README.md) | Mer avancerad spelutveckling med JavaScript | Lär dig om arv med både klasser och komposition och Pub/Sub-mönstret, som förberedelse för att bygga ett spel | [Introduktion till avancerad spelutveckling](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Rymdspel](./6-space-game/solution/README.md) | Rita på canvas | Lär dig om Canvas API, som används för att rita element på skärmen | [Rita på Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Rymdspel](./6-space-game/solution/README.md) | Flytta element runt på skärmen | Upptäck hur element kan få rörelse med kartesiska koordinater och Canvas API | [Flytta element](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Rymdspel](./6-space-game/solution/README.md) | Kollisiondetektion | Få element att kollidera och reagera på varandra med tangenttryckningar och ge en cooldown-funktion för att säkra prestanda i spelet | [Kollisiondetektion](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Rymdspel](./6-space-game/solution/README.md) | Poängräkning | Utför matematiska beräkningar baserade på spelets status och prestation | [Poängräkning](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Rymdspel](./6-space-game/solution/README.md) | Avsluta och starta om spelet | Lär dig om att avsluta och starta om spelet, inklusive att städa upp resurser och återställa variabelvärden | [Avslutningsvillkor](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Bankapp](./7-bank-project/solution/README.md) | HTML-mallar och rutter i en webbapp | Lär dig hur man skapar stommen för en flersidig webbplats arkitektur med routing och HTML-mallar | [HTML-mallar och rutter](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Bankapp](./7-bank-project/solution/README.md) | Bygg inloggnings- och registreringsformulär | Lär dig om att bygga formulär och hantera valideringsrutiner | [Formulär](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Bankapp](./7-bank-project/solution/README.md) | Metoder för att hämta och använda data | Hur data flödar in och ut ur din app, hur man hämtar, lagrar och kassera det | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Bankapp](./7-bank-project/solution/README.md) | Begrepp om tillståndshantering | Lär dig hur din app behåller tillstånd och hur du hanterar det programmässigt | [Tillståndshantering](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeta med VScode | Lär dig hur man använder en kodredigerare | [Använd VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeta med AI | Lär dig bygga din egen AI-assistent | [AI Assistant projekt](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogik -Vår läroplan är utformad med två viktiga pedagogiska principer i åtanke: +Vårt läroplan är utformat med två viktiga pedagogiska principer: * projektbaserat lärande * frekventa quiz -Programmet lär ut grunderna i JavaScript, HTML och CSS samt de senaste verktygen och teknikerna som dagens webbutvecklare använder. Studenter får möjlighet att utveckla praktisk erfarenhet genom att bygga ett skrivspel, ett virtuellt terrarium, ett miljövänligt webbläsartillägg, ett rymdinvasionsspel och en bankapp för företag. I slutet av serien kommer studenterna ha fått en solid förståelse för webbutveckling. - -> 🎓 Du kan ta de första lektionerna i denna läroplan som en [Lärandeväg](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! +Programmet lär ut grunderna i JavaScript, HTML och CSS, samt de senaste verktyg och tekniker som webb utvecklare använder idag. Studenter kommer att få möjlighet att utveckla praktisk erfarenhet genom att skapa ett skrivspel, virtuellt terrarium, miljövänligt webbläsartillägg, rymdinspirerat spel och en bankapp för företag. I slutet av serien kommer studenterna att ha fått en gedigen förståelse för webbutveckling. -Genom att säkerställa att innehållet är kopplat till projekt görs processen mer engagerande för studenter och retentionen av koncept förstärks. Vi har också skapat flera startlektioner i JavaScript-grunder för att introducera koncept, kombinerade med en video från "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samling av videotutorials, varav flera författare bidrog till denna läroplan. +> 🎓 Du kan ta de första lektionerna i detta läroplan som en [Lärstig](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! -Dessutom sätter ett låginsats-quiz före en lektion studentens fokus på att lära sig ett ämne, medan ett andra quiz efter lektionen säkerställer ytterligare retention. Denna läroplan är designad för att vara flexibel och rolig och kan genomföras helt eller delvis. Projekten börjar små och blir alltmer komplexa under den 12-veckorscykeln. +Genom att säkerställa att innehållet är kopplat till projekt blir processen mer engagerande för elever och konceptbevarandet stärks. Vi har också skrivit flera introduktionslektioner i JavaScript-grunder för att introducera koncepten, ihop med en video från "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samling av videotutorials, där några av författarna bidragit till detta läroplan. -Medan vi medvetet har undvikit att introducera JavaScript-ramverk för att koncentrera oss på grundläggande färdigheter som krävs som webbutvecklare innan ett ramverk tas i bruk, är ett bra nästa steg efter denna läroplan att lära sig om Node.js via en annan videosamling: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Dessutom sätter ett lågintensivt quiz före en klassning elevens intention att lära sig ett ämne, medan ett andra quiz efter klassen säkerställer ytterligare beständighet. Detta läroplan är designat för att vara flexibelt och roligt och kan tas i sin helhet eller delvis. Projekten börjar små och blir alltmer komplexa mot slutet av en 12-veckors cykel. -> Besök våra riktlinjer för [Uppförandekod](CODE_OF_CONDUCT.md) och [Bidragande](CONTRIBUTING.md). Vi välkomnar din konstruktiva feedback! +Vi har medvetet undvikit att introducera JavaScript-ramverk för att koncentrera oss på de grundläggande färdigheter som behövs som webb utvecklare innan man tar till sig ett ramverk, ett bra nästa steg efter att ha slutfört detta läroplan är att lära sig om Node.js via en annan samling videor: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> Besök våra riktlinjer för [Uppförandekod](CODE_OF_CONDUCT.md) och [Bidrag](CONTRIBUTING.md). Vi välkomnar din konstruktiva feedback! -## 🧭 Offlineåtkomst +## 🧭 Offline tillgång -Du kan köra denna dokumentation offline med hjälp av [Docsify](https://docsify.js.org/#/). Forka detta repo, [installera Docsify](https://docsify.js.org/#/quickstart) på din lokala maskin och skriv sedan `docsify serve` i roten av detta repo. Webbplatsen tjänstgörs på port 3000 på din localhost: `localhost:3000`. +Du kan köra denna dokumentation offline genom att använda [Docsify](https://docsify.js.org/#/). Fork'a detta repo, [installera Docsify](https://docsify.js.org/#/quickstart) på din lokala maskin, och kör sedan `docsify serve` i rotmappen i detta repo. Webbplatsen kommer att serveras på port 3000 på din localhost: `localhost:3000`. ## 📘 PDF -En PDF av alla lektioner finns [här](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +En PDF med alla lektioner finns [här](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Andra kurser @@ -241,7 +239,7 @@ Vårt team producerar andra kurser! Kolla in: --- -### Kärnundervisning +### Kärninlärning [![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) @@ -260,21 +258,21 @@ Vårt team producerar andra kurser! Kolla in: ## Få hjälp -Om du kör fast eller har några frågor om att bygga AI-appar. Gå med i diskussioner med andra elever och erfarna utvecklare om MCP. Det är en stödjande gemenskap där frågor välkomnas och kunskap delas fritt. +Om du kör fast eller har några frågor om att bygga AI-appar. Gå med andra elever och erfarna utvecklare i diskussioner om MCP. Det är en stöttande gemenskap där frågor är välkomna och kunskap delas fritt. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Om du har produktfeedback eller fel vid byggande, besök: +Om du har produktfeedback eller hittar fel under utvecklingen besök: [![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) ## Licens -Det här arkivet är licensierat under MIT-licensen. Se filen [LICENSE](../../LICENSE) för mer information. +Detta arkiv är licensierat under MIT-licensen. Se [LICENSE](../../LICENSE)-filen för mer information. --- -**Ansvarsfriskrivning**: -Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, vänligen var medveten om att automatiska översättningar kan innehålla fel eller brister. Det ursprungliga dokumentet på dess modersmål bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som uppstår vid användning av denna översättning. +**Ansvarsfriskrivning**: +Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, var vänlig notera att automatiska översättningar kan innehålla fel eller brister. Det ursprungliga dokumentet på dess modersmål bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som kan uppstå vid användning av denna översättning. \ No newline at end of file diff --git a/translations/sv/lesson-template/README.md b/translations/sv/lesson-template/README.md index 0abf26295f..a7d8123a64 100644 --- a/translations/sv/lesson-template/README.md +++ b/translations/sv/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Lektionens ämne] +# Lektion Ämne -![Bädda in en video här](../../../lesson-template/video-url) +## 🎥 Video -## [Quiz före föreläsningen](../../../lesson-template/quiz-url) +> Lägg till en inbäddad video eller lektionslänk här. -[Beskriv vad vi kommer att lära oss] +--- + +## Förföreläsningsquiz + +> Lägg till en quizlänk här när den är tillgänglig. + +--- + +Ge en kort översikt över vad studenterna kommer att lära sig i denna lektion. + +--- ### Introduktion -Beskriv vad som kommer att tas upp +Ge en kort introduktion som beskriver vad som kommer att täckas i denna lektion. > Anteckningar +--- + ### Förkunskaper -Vilka steg bör ha täckts innan denna lektion? +Lista de koncept eller ämnen som studenterna bör vara bekanta med innan de börjar denna lektion. + +--- ### Förberedelse -Förberedande steg för att starta denna lektion +Lista eventuella installationssteg eller verktyg som krävs innan lektionen påbörjas. --- -[Stega igenom innehållet i block] +### Innehåll + +Stega igenom lektionens innehåll i strukturerade avsnitt. + +--- -## [Ämne 1] +## Ämne 1 ### Uppgift: -Arbeta tillsammans för att successivt förbättra er kodbas och bygga projektet med delad kod: +Arbeta tillsammans för att successivt förbättra er kodbas för att bygga projektet med delad kod: ```html code blocks ``` -✅ Kunskapskontroll - använd detta tillfälle för att utmana elevernas kunskaper med öppna frågor +✅ Kunskapskontroll +Använd detta tillfälle för att sträcka studenternas kunskaper med öppna frågor. -## [Ämne 2] +## Ämne 2 +## Ämne 3 -## [Ämne 3] +🚀 Utmaning +Lägg till en samarbetsutmaning för studenter att förbättra projektet. -🚀 Utmaning: Lägg till en utmaning för eleverna att arbeta med tillsammans i klassen för att förbättra projektet +Valfritt: Lägg till en skärmdump av den färdiga lektionens användargränssnitt om lämpligt. -Valfritt: lägg till en skärmdump av den färdiga lektionens användargränssnitt om det är lämpligt +## Efterföreläsningsquiz -## [Quiz efter föreläsningen](../../../lesson-template/quiz-url) +Lägg till en quizlänk här efter att ha slutfört lektionen. -## Granskning & Självstudier +## Översikt & Självstudier -**Uppgift ska lämnas in [MM/YY]**: [Uppgiftsnamn](assignment.md) +**Uppgift Inlämningsdatum [MM/ÅÅ]**: [Uppgiftsnamn](assignment.md) --- + **Ansvarsfriskrivning**: -Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, bör du vara medveten om att automatiserade översättningar kan innehålla fel eller felaktigheter. Det ursprungliga dokumentet på dess originalspråk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår vid användning av denna översättning. \ No newline at end of file +Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, vänligen observera att automatiska översättningar kan innehålla fel eller brister. Det ursprungliga dokumentet på dess modersmål bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som uppstår från användningen av denna översättning. + \ No newline at end of file diff --git a/translations/sw/.co-op-translator.json b/translations/sw/.co-op-translator.json index 73db262140..1a1429f9db 100644 --- a/translations/sw/.co-op-translator.json +++ b/translations/sw/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:53:47+00:00", + "translation_date": "2026-04-24T11:41:35+00:00", "source_file": "AGENTS.md", "language_code": "sw" }, @@ -516,8 +516,8 @@ "language_code": "sw" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:44:10+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T11:34:35+00:00", "source_file": "README.md", "language_code": "sw" }, @@ -564,8 +564,8 @@ "language_code": "sw" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-28T04:12:10+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T11:34:46+00:00", "source_file": "lesson-template/README.md", "language_code": "sw" }, diff --git a/translations/sw/AGENTS.md b/translations/sw/AGENTS.md index bc47352df7..6df9833836 100644 --- a/translations/sw/AGENTS.md +++ b/translations/sw/AGENTS.md @@ -2,42 +2,42 @@ ## Muhtasari wa Mradi -Huu ni hazina ya mtaala wa elimu kwa ajili ya kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala ni kozi kamili ya wiki 12 iliyotengenezwa na Microsoft Cloud Advocates, ikiwa na masomo 24 ya vitendo yanayohusu JavaScript, CSS, na HTML. +Huu ni hifadhidata ya mtaala wa kielimu kwa kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala ni kozi kamili ya wiki 12 iliyotengenezwa na Microsoft Cloud Advocates, inayojumuisha masomo 24 ya vitendo yanayochukua JavaScript, CSS, na HTML. ### Vipengele Muhimu -- **Yaliyomo ya Elimu**: Masomo 24 yaliyopangwa kwa muundo wa moduli za miradi -- **Miradi ya Vitendo**: Terrarium, Mchezo wa Kuandika, Upanuzi wa Kivinjari, Mchezo wa Anga, Programu ya Benki, Mhariri wa Msimbo, na Msaidizi wa AI wa Mazungumzo -- **Maswali Shindani Ya Kihusianisho**: Maswali 48 kila moja ikiwa na maswali 3 (majaribio kabla/baada ya somo) -- **Msaada wa Lugha Nyingi**: Tafsiri za moja kwa moja za lugha zaidi ya 50 kupitia GitHub Actions +- **Maudhui ya Kielimu**: Masomo 24 yaliyoandaliwa kwa mfululizo katika moduli za miradi +- **Miradi ya Vitendo**: Terrarium, Mchezo wa Kuandika, Kiongezeo cha Kivinjari, Mchezo wa Anga, Programu ya Benki, Mhariri wa Msimbo, na Msaidizi wa AI wa Mazungumzo +- **Mtihani wa Kuelewa**: Mitihani 48 yenye maswali 3 kila moja (kipimo kabla/baada ya somo) +- **Msaada wa Lugha Nyingi**: Tafsiri za kiotomatiki kwa lugha zaidi ya 50 kupitia GitHub Actions - **Teknolojia**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (kwa miradi ya AI) -### Miundo-Mbinu +### Mifumo ya Ujenzi -- Hazina ya elimu yenye muundo wa masomo -- Kila folda ya somo ina README, mifano ya msimbo, na suluhisho -- Miradi huru katika saraka tofauti (quiz-app, miradi mbalimbali ya masomo) -- Mfumo wa tafsiri ukitumia GitHub Actions (co-op-translator) -- Nyaraka zinatolewa kupitia Docsify na zinapatikana kama PDF +- Hifadhidata ya kielimu yenye muundo wa masomo +- Kila saraka ya somo ina README, mifano ya msimbo, na suluhisho +- Miradi huru katika saraka tofauti (quiz-app, miradi mbalimbali ya somo) +- Mfumo wa tafsiri unaotumia GitHub Actions (co-op-translator) +- Nyaraka zinatolewa kwa kupitia Docsify na zinapatikana kama PDF ## Amri za Kuanzisha -Hazina hii ni hasa kwa kutumia yaliyomo ya elimu. Kwa kufanya kazi na miradi maalum: +Hifadhidata hii ni kwa matumizi hasa ya maudhui ya kielimu. Kwa kufanya kazi na miradi maalum: -### Kuanzisha Hazina Kuu +### Usanidi wa Hifadhidata Kuu ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Kuanzisha Quiz App (Vue 3 + Vite) +### Usanidi wa Quiz App (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # Anzisha seva ya maendeleo -npm run build # Tengeneza kwa ajili ya uzalishaji +npm run dev # Anza seva ya maendeleo +npm run build # Jenga kwa ajili ya uzalishaji npm run lint # Endesha ESLint ``` @@ -48,15 +48,15 @@ cd 7-bank-project/api npm install npm start # Anzisha seva ya API npm run lint # Endesha ESLint -npm run format # Pangilia kwa Prettier +npm run format # Fomati kwa Prettier ``` -### Miradi ya Upanuzi wa Kivinjari +### Miradi ya Kiongezeo cha Kivinjari ```bash cd 5-browser-extension/solution npm install -# Fuata maagizo ya kupakia upanuzi maalum kwa kivinjari +# Fuata maelekezo maalum ya pili ya upakiaji ya kivinjari ``` ### Miradi ya Mchezo wa Anga @@ -64,7 +64,7 @@ npm install ```bash cd 6-space-game/solution npm install -# Fungua index.html katika kivinjari au tumia Live Server +# Fungua index.html kwenye kivinjari au tumia Live Server ``` ### Mradi wa Mazungumzo (Python Backend) @@ -72,36 +72,36 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# Weka kigezo cha mazingira cha GITHUB_TOKEN +# Weka mabadiliko ya mazingira ya GITHUB_TOKEN python api.py ``` -## Mtiririko wa Maendeleo +## Mchakato wa Maendeleo -### Kwa Wasaidizi wa Yaliyomo +### Kwa Watoa Maudhui -1. **Fungua hazina kwa fork** kwa akaunti yako ya GitHub -2. **Nakili fork yako** mahali hapo ndani +1. **Fungua hifadhidata** kwa akaunti yako ya GitHub +2. **Dondoa nakala ya hifadhidata** mahali pako pa kazi 3. **Tengeneza tawi jipya** kwa mabadiliko yako -4. Fanya mabadiliko kwenye yaliyomo ya masomo au mifano ya msimbo -5. Jaribu mabadiliko yoyote ya msimbo katika saraka za miradi husika -6. Wasilisha rufaa za kuchukua mabadiliko kuzingatia miongozo ya mchango +4. Fanya mabadiliko kwenye maudhui ya somo au mifano ya msimbo +5. Jaribu mabadiliko ya msimbo katika saraka za miradi husika +6. Wasilisha maombi ya Pull Requests kufuatilia miongozo ya michango ### Kwa Wanafunzi -1. Funga au nakili hazina -2. Elekea kwenye saraka za masomo kwa mpangilio -3. Soma faili za README kwa kila somo -4. Maliza maswali ya kabla ya somo huko https://ff-quizzes.netlify.app/web/ -5. Fanyia kazi mifano ya msimbo katika folda za masomo -6. Maliza kazi za nyumbani na changamoto -7. Fanya maswali ya baada ya somo +1. Fanya fork au clone hifadhidata +2. Tembelea saraka za masomo mfululizo +3. Soma mafaili ya README kwa kila somo +4. Kamilisha mtihani wa kuelewa kabla ya somo kwenye https://ff-quizzes.netlify.app/web/ +5. Fanya kazi kupitia mifano ya msimbo katika saraka za somo +6. Kamilisha mazoezi na changamoto +7. Chukua mitihani ya kuelewa baada ya somo -### Maendeleo Hai +### Maendeleo Moja kwa Moja -- **Nyaraka**: Endesha `docsify serve` kwenye saraka ya juu (bandari 3000) -- **Quiz App**: Endesha `npm run dev` kwenye folda ya quiz-app -- **Miradi**: Tumia upanuzi wa VS Code Live Server kwa miradi ya HTML +- **Nyaraka**: Endesha `docsify serve` kwenye mzizi (bandari 3000) +- **Quiz App**: Endesha `npm run dev` katika saraka ya quiz-app +- **Miradi**: Tumia kiendelezi cha VS Code Live Server kwa miradi ya HTML - **Miradi ya API**: Endesha `npm start` katika saraka husika za API ## Maelekezo ya Kupima @@ -110,7 +110,7 @@ python api.py ```bash cd quiz-app -npm run lint # Angalia kwa matatizo ya mtindo wa msimbo +npm run lint # Angalia kwa masuala ya mtindo wa msimbo npm run build # Thibitisha ujenzi unafanikiwa ``` @@ -118,82 +118,82 @@ npm run build # Thibitisha ujenzi unafanikiwa ```bash cd 7-bank-project/api -npm run lint # Angalia kwa masuala ya mtindo wa msimbo -node server.js # Thibitisha seva inaanza bila makosa +npm run lint # Kagua kwa matatizo ya mtindo wa msimbo +node server.js # Hakikisha seva inaanza bila makosa ``` -### Mbinu ya Kupima kwa Ujumla +### Mbinu za Kupima kwa Jumla -- Hii ni hazina ya elimu isiyo na majaribio ya moja kwa moja ya kina -- Kupima kwa mikono kunalenga: - - Mifano ya msimbo inakimbia bila makosa - - Viungo vya nyaraka vinafanya kazi kikamilifu - - Miradi kujengwa kikamilifu bila hitilafu +- Hii ni hifadhidata ya kielimu bila vipimo vya kiotomatiki kamilifu +- Kupima kwa mkono kunazingatia: + - Mifano ya msimbo inafanya kazi bila makosa + - Viungo katika nyaraka vinatumika kikamilifu + - Ujenzi wa miradi unakamilika kwa mafanikio - Mifano inafuata mbinu bora ### Ukaguzi Kabla ya Kuwasilisha -- Endesha `npm run lint` katika saraka zilizo na package.json -- Hakiki viungo vya markdown vipate usahihi -- Jaribu mifano ya msimbo kwenye kivinjari au Node.js -- Hakikisha tafsiri zinahifadhi muundo sahihi +- Endesha `npm run lint` katika saraka zenye package.json +- Hakiki viungo vya markdown kama vinavyofaa +- Jaribu mifano ya msimbo katika kivinjari au Node.js +- Hakikisha tafsiri zinaifuata muundo mzuri ## Miongozo ya Mtindo wa Msimbo ### JavaScript -- Tumia lugha ya kisasa ya ES6+ -- Fuata mipangilio ya kawaida ya ESLint iliyopo katika miradi -- Tumia majina yenye maana kwa mabadiliko na kazi kwa ajili ya ufafanuzi wa elimu +- Tumia sarufi za kisasa za ES6+ +- Fuata usanidi wa ESLint uliotolewa katika miradi +- Tumia majina ya maana kwa mabadiliko na kazi kwa ufafanuzi wa kielimu - Ongeza maelezo kuelezea dhana kwa wanafunzi -- Tengeneza kwa kutumia Prettier pale panapopangwa +- Panga kwa kutumia Prettier pale panapowezekana ### HTML/CSS -- Vipengele vya semantic vya HTML5 -- Kanuni za muundo wa kujibadilisha (responsive) -- Viwango vya uandishi vya darasa wazi +- Vipengele vya maana vya HTML5 +- Kanuni za muundo unaobadilika katika skrini tofauti +- Mipangilio wazi ya majina ya madarasa - Maelezo kuelezea mbinu za CSS kwa wanafunzi ### Python -- Miongozo ya mtindo ya PEP 8 -- Mifano ya msimbo wazi, ya elimu -- Vidokezo vya aina inapobidi kwa kujifunza +- Miongozo ya mtindo wa PEP 8 +- Mifano ya msimbo iliyo wazi na ya kielimu +- Dalili za aina inapofaa kwa ajili ya kujifunza ### Nyaraka za Markdown -- Muundo wa vichwa vya habari kwa uwazi -- Mifumo ya msimbo yenye lugha maalum -- Viungo kwenye rasilimali za ziada +- Hieraki wazi ya vichwa +- Vizuizi vya msimbo vyenye lugha ya kuainisha +- Viungo vya rasilimali za ziada - Picha na picha ndogo katika saraka za `images/` -- Maandishi ya alt ya picha kwa upatikanaji +- Maandishi ya alt kwa picha kwa ajili ya ufikiaji rahisi -### Mpangilio wa Faili +### Usanidi wa Faili -- Masomo yamenumberwa kwa mfuatano (1-getting-started-lessons, 2-js-basics, nk) +- Masomo nambari mfululizo (1-getting-started-lessons, 2-js-basics, nk.) - Kila mradi una saraka za `solution/` na mara nyingi `start/` au `your-work/` -- Picha zimehifadhiwa katika saraka maalum za masomo `images/` -- Tafsiri ziko katika muundo wa `translations/{language-code}/` +- Picha huhifadhiwa katika saraka za `images/` za masomo binafsi +- Tafsiri zinaweza kupatikana katika muundo wa `translations/{language-code}/` ## Ujenzi na Uenezaji ### Uenezaji wa Quiz App (Azure Static Web Apps) -Quiz-app imewekwa kwa ajili ya uenezaji wa Azure Static Web Apps: +quiz-app imewekwa kwa ajili ya uenezaji wa Azure Static Web Apps: ```bash cd quiz-app npm run build # Inaunda folda ya dist/ -# Inaendesha kupitia mtiririko wa kazi wa GitHub Actions wakati wa kusukuma kwenye main +# Inaweka kupitia workflow ya GitHub Actions wakati wa kushinikiza kwenye main ``` -Mipangilio ya Azure Static Web Apps: -- **Eneo la app**: `/quiz-app` -- **Eneo la matokeo**: `dist` -- **Mtiririko wa kazi**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Usanidi wa Azure Static Web Apps: +- **Mahali pa App**: `/quiz-app` +- **Mahali pa matokeo**: `dist` +- **Mchakato**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Uzalishaji wa PDF wa Nyaraka +### Uundaji wa PDF wa Nyaraka ```bash npm install # Sakinisha docsify-to-pdf @@ -203,76 +203,76 @@ npm run convert # Tengeneza PDF kutoka kwa docs ### Nyaraka za Docsify ```bash -npm install -g docsify-cli # Sakinisha Docsify kote duniani +npm install -g docsify-cli # Sakinisha Docsify kimataifa docsify serve # Tumikia kwenye localhost:3000 ``` ### Ujenzi wa Miradi Maalum Kila saraka ya mradi inaweza kuwa na mchakato wake wa ujenzi: -- Miradi ya Vue: `npm run build` huunda vifurushi vya uzalishaji -- Miradi isiyohitaji ujenzi: Hakuna hatua ya ujenzi, hudumisha faili moja kwa moja +- Miradi ya Vue: `npm run build` hutengeneza vifurushi vya uzalishaji +- Miradi ya Static: Hakuna hatua ya ujenzi, hudumu faili moja kwa moja -## Miongozo ya Rufaa za Kuchukua Mabadiliko (Pull Requests) +## Miongozo ya Maombi ya Pull ### Muundo wa Kichwa -Tumia vichwa wazi, vinavyoelezea maeneo ya mabadiliko: -- `[Quiz-app] Ongeza mtihani mpya kwa somo X` -- `[Lesson-3] Rekebisha tahajia katika mradi wa terrarium` -- `[Translation] Ongeza tafsiri ya Kihispania kwa somo 5` -- `[Docs] Sasisha maelekezo ya kuanzisha` +Tumia vichwa wazi, vinavyoelezea eneo la mabadiliko: +- `[Quiz-app]ongeza mtihani mpya wa somo X` +- `[Lesson-3]rekebisha makosa ya herufi katika mradi wa terrarium` +- `[Translation]ongeza tafsiri ya Kihispania kwa somo 5` +- `[Docs]sasisha maelekezo ya usanidi` -### Vyakati Vinavyohitajika +### Ukaguzi Unaohitajika Kabla ya kuwasilisha PR: 1. **Ubora wa Msimbo**: - - Endesha `npm run lint` katika saraka zilizoathirika + - Endesha `npm run lint` katika saraka za miradi zilizoathirika - Rekebisha makosa na onyo zote za lint 2. **Uhakiki wa Ujenzi**: - - Endesha `npm run build` inapohitajika + - Endesha `npm run build` ikiwa inafaa - Hakikisha hakuna makosa ya ujenzi 3. **Uhakiki wa Viungo**: - Jaribu viungo vyote vya markdown - - Thibitisha marejeo ya picha zinafanya kazi + - Hakiki marejeleo ya picha yanafanya kazi -4. **Ukaguzi wa Yaliyomo**: - - Soma kwa makini kwa makosa ya tahajia na sarufi +4. **Ukaguzi wa Maudhui**: + - Soma kwa makini kwa makosa ya sarufi na tahajia - Hakikisha mifano ya msimbo ni sahihi na ya kielimu - - Hakikisha tafsiri zinahifadhi maana asilia + - Hakiki tafsiri zinahifadhi maana asilia -### Masharti ya Michango +### Mahitaji ya Michango -- Kubali Microsoft CLA (ukaguzi wa moja kwa moja kwa PR ya kwanza) -- Fuata [Sheria za Maadili za Chanzo Huria za Microsoft](https://opensource.microsoft.com/codeofconduct/) -- Angalia [CONTRIBUTING.md](./CONTRIBUTING.md) kwa miongozo ya kina -- Taja nambari za masuala katika maelezo ya PR inapowezekana +- Kubali CLA ya Microsoft (ukaguzi wa moja kwa moja kwenye PR ya kwanza) +- Fuata Kanuni ya Maadili ya Chanzo Huria ya Microsoft [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Tazama [CONTRIBUTING.md](./CONTRIBUTING.md) kwa miongozo ya kina +- Taja nambari za masuala katika maelezo ya PR ikiwa inahitajika ### Mchakato wa Ukaguzi -- PR hurejelewa na waendelezaji na jamii -- Uwazi wa elimu unaangaziwa +- PR hupitiwa na watunza na jamii +- Ufafanuzi wa kielimu unazingatiwa kipaumbele - Mifano ya msimbo inapaswa kufuata mbinu bora za sasa -- Tafsiri hurejelewa kwa usahihi na utamaduni unaofaa +- Tafsiri hupitiwa kwa usahihi na uangalifu wa kitamaduni ## Mfumo wa Tafsiri -### Tafsiri ya Moja kwa Moja (Automated) +### Tafsiri za Kiotomatiki -- Inatumia GitHub Actions na mtiririko wa co-op-translator -- Inatafsiri hadi lugha zaidi ya 50 moja kwa moja +- Inatumia GitHub Actions na mchakato wa co-op-translator +- Hutatfsiri kwa lugha zaidi ya 50 kiotomatiki - Faili za chanzo ziko katika saraka kuu - Faili za tafsiri ziko katika saraka za `translations/{language-code}/` -### Kuongeza Maboresho ya Tafsiri Kwa Mkono +### Kuongeza Maboresho ya Tafsiri za Mkono 1. Tafuta faili katika `translations/{language-code}/` 2. Fanya maboresho huku ukihifadhi muundo -3. Hakikisha mifano ya msimbo inabaki kutumika -4. Jaribu yaliyomo ya mitihani iliyotafsiriwa +3. Hakikisha mifano ya msimbo bado inafanya kazi +4. Jaribu maudhui ya mtihani yaliyotafsiriwa ### Metadata ya Tafsiri @@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA: --> ``` -## Kurekebisha na Kutatua Matatizo +## Ugunduzi na Utatuzi wa Matatizo -### Changamoto Zaidi Zaidi +### Masuala ya Kawaida -**App ya Quiz haianzi**: -- Hakiki toleo la Node.js (inashauriwa v14+) +**Programu ya Quiz haianzi**: +- Angalia toleo la Node.js (inapendekezwa v14+) - Futa `node_modules` na `package-lock.json`, endesha tena `npm install` -- Angalia migongano ya bandari (kawaida: Vite hutumia bandari 5173) +- Angalia mkatano wa bandari (chaguo-msingi: Vite hutumia bandari 5173) **Server ya API haianzi**: -- Hakiki toleo la Node.js linakidhi (node >=10) -- Angalia kama bandari tayari inatumika -- Hakikisha utegemezi wote umetolewa kwa `npm install` +- Hakiki toleo la Node.js linatosha (node >=10) +- Hakiki kama bandari tayari imetumika +- Hakikisha utegemezi wote umewekwa kwa `npm install` -**Upanuzi wa kivinjari hauanziki**: -- Hakiki manifest.json imepandishwa vema -- Angalia console ya kivinjari kwa makosa -- Fuata maelekezo ya usanidi wa upanuzi wa kivinjari +**Kiongezeo cha kivinjari hakianzi**: +- Hakiki json ya manifest ni sahihi +- Angalia makosa kwenye console ya kivinjari +- Fuata maelekezo ya usakinishaji ya kiongezeo cha kivinjari -**Matatizo ya Mradi wa Mazungumzo wa Python**: -- Hakikisha kifurushi cha OpenAI kimesakinishwa: `pip install openai` -- Hakiki kuwa mabadiliko ya mazingira ya GITHUB_TOKEN yamewekwa -- Hakiki vibali vya ufikiaji kwa GitHub Models +**Masuala ya mradi wa mazungumzo ya Python**: +- Hakikisha kifurushi cha OpenAI kimewekwa: `pip install openai` +- Hakiki maadili ya mazingira ya GITHUB_TOKEN yamewekwa +- Angalia ruhusa za kufikia GitHub Models -**Docsify haisikilizi nyaraka**: -- Sakinisha docsify-cli ulimwenguni: `npm install -g docsify-cli` -- Endesha kutoka saraka kuu ya hazina -- Hakiki `docs/_sidebar.md` ipo +**Docsify hautumikii nyaraka**: +- Sakinisha docsify-cli kimataifa: `npm install -g docsify-cli` +- Endesha kutoka saraka kuu ya hifadhidata +- Hakiki kama `docs/_sidebar.md` ipo ### Vidokezo vya Mazingira ya Maendeleo -- Tumia VS Code na upanuzi wa Live Server kwa miradi ya HTML -- Sakinisha upanuzi za ESLint na Prettier kwa mtindo thabiti -- Tumia DevTools wa kivinjari kwa kupata na kutatua makosa ya JavaScript -- Kwa miradi ya Vue, sakinisha upanuzi wa Vue DevTools kivinjari +- Tumia VS Code na kiendelezi cha Live Server kwa miradi ya HTML +- Sakinisha kiendelezi cha ESLint na Prettier kwa mtindo thabiti +- Tumia DevTools za kivinjari kwa ugunduzi wa makosa ya JavaScript +- Kwa miradi ya Vue, sakinisha kiendelezi cha Vue DevTools kwa kivinjari -### Mambo ya Kujali Kuhusu Utendaji +### Mambo ya Utendaji -- Idadi kubwa ya faili za tafsiri (za lugha 50+) huongeza ukubwa wa nakala kamili -- Tumia nakala ya chini (shallow) ikiwa unafanya kazi tu kwa yaliyomo: `git clone --depth 1` -- Epuka tafutiza za tafsiri wakati unafanya kazi na yaliyomo ya Kiingereza -- Mienendo ya ujenzi inaweza kuwa polepole mwanzoni (npm install, ujenzi wa Vite) +- Idadi kubwa ya faili zilizotafsiriwa (lugha 50+) hufanya nakala kamili kuwa kubwa +- Tumia nakala ya kina kidogo ikiwa unafanya kazi pekee na maudhui: `git clone --depth 1` +- Epuka tafutaji za tafsiri unaporatibu kazi kwa maudhui ya Kiingereza +- Mchakato wa ujenzi unaweza kuwa polepole mara ya kwanza (npm install, Vite build) -## Masuala ya Usalama +## Mambo ya Usalama -### Mabadiliko ya Mazingira +### Vigezo vya Mazingira -- Funguo za API hazipaswi kuwekwa moja kwa moja katika hazina -- Tumia faili za `.env` (zipo katika `.gitignore`) -- Elezea mabadiliko ya mazingira yanayohitajika katika README za miradi +- Mofadhi za API hazipaswi kuwekwa hifadhidanini +- Tumia faili za `.env` (ziko katika `.gitignore`) +- Andika vigezo vya mazingira vinavyohitajika katika README za miradi ### Miradi ya Python -- Tumia mazingira ya pekee: `python -m venv venv` -- Sasisha utegemezi mara kwa mara -- Tokeni za GitHub zinapaswa kuwa na vibali vidogo vinavyotakiwa tu +- Tumia mazingira ya kipengele: `python -m venv venv` +- Endelea kusasisha utegemezi +- Vidhibiti vya GitHub vinapaswa kuwa na ruhusa ndogo zinazohitajika ### Ufikiaji wa GitHub Models -- Mipangilio ya Ufikiaji wa Kibinafsi (PAT) inahitajika kwa GitHub Models -- Tokeni ziwe katika mabadiliko ya mazingira -- Kamwe usiweka tokeni au nyaraka katika hazina +- Vidhibiti vya Ufikiaji wa Binafsi (PAT) vinahitajika kwa GitHub Models +- Vidhibiti vinapaswa kuhifadhiwa kama vigezo vya mazingira +- Kamwe usiweka vidhibiti au nyaraka za siri kwenye hifadhidata -## Vidokezo Zaidi +## Vidokezo Ziada -### Hadhira Lengwa +### Watu Wanaolengwa -- Wananchi wapya kabisa katika maendeleo ya wavuti -- Wanafunzi na waelimishaji wa kujifunza peke yao -- Walimu wanaotumia mtaala darasani -- Yaliyomo yamebuniwa kwa kupatikana na kukuza hatua kwa hatua ujuzi +- Wanaoanza kabisa katika maendeleo ya wavuti +- Wanafunzi na wanaojifunza pekee +- Walimu wanaotumia mtaala huyu kwenye madarasa +- Maudhui yameundwa kwa ufikiaji rahisi na kujenga ujuzi kwa hatua ### Falsafa ya Elimu -- Mbinu ya kujifunza kwa miradi -- Ukaguzi wa mara kwa mara wa maarifa (maswali) -- Mazoezi ya kuandika msimbo kwa vitendo -- Mifano ya matumizi halisi ya dunia ya kweli -- Kuzingatia misingi kabla ya mifumo ngumu +- Mbinu za kujifunza kupitia mradi +- Ukaguzi wa mara kwa mara wa maarifa (mitihani) +- Mazoezi ya coding ya vitendo +- Mifano ya matumizi halisi duniani +- Kipaumbele katika misingi kabla ya mifumo ya kielekezi -### Matengenezo ya Hazina +### Matengenezo ya Hifadhidata -- Jamii hai ya wanafunzi na wasaidizi -- Sasisho za mara kwa mara za utegemezi na yaliyomo -- Masuala na majadiliano yanatazamwa na watunzaji -- Sasisho za tafsiri zimepangwa moja kwa moja kupitia GitHub Actions +- Jamii hai ya wanafunzi na wachangiaji +- Sasisho za mara kwa mara kwa utegemezi na maudhui +- Masuala na majadiliano huangaliwa na watunza +- Sasisho za tafsiri kiotomatiki kupitia GitHub Actions ### Rasilimali Zinazohusiana - [Moduli za Microsoft Learn](https://docs.microsoft.com/learn/) -- [Rasilimali za Kitovu cha Mwanafunzi](https://docs.microsoft.com/learn/student-hub/) +- [Rasilimali za Student Hub](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inashauriwa kwa wanafunzi -- Kozi zingine: AI ya kuzalisha, Sayansi ya Data, ML, na mtaala wa IoT zinapatikana +- Kozi za ziada: AI ya kuzalisha, Sayansi ya Data, ML, IoT zinazopatikana -### Kufanya kazi na Miradi Mahususi +### Kufanya Kazi na Miradi Maalum -Kwa maelekezo ya kina juu ya miradi binafsi, rejea faili za README katika: -- `quiz-app/README.md` - Programu ya mtihani ya Vue 3 +Kwa maagizo ya kina juu ya miradi binafsi, rejelea mafaili ya README katika: +- `quiz-app/README.md` - Programu ya quiz ya Vue 3 - `7-bank-project/README.md` - Programu ya benki yenye uthibitishaji -- `5-browser-extension/README.md` - Maendeleo ya upanuzi wa kivinjari -- `6-space-game/README.md` - Maendeleo ya mchezo wa Canvas +- `5-browser-extension/README.md` - Maendeleo ya kiongezeo cha kivinjari +- `6-space-game/README.md` - Maendeleo ya mchezo wa canvas - `9-chat-project/README.md` - Mradi wa msaidizi wa mazungumzo wa AI ### Muundo wa Monorepo -Ingawa sio monorepo ya kawaida, hazina hii ina miradi huru mingi: -- Kila somo limejitegemea -- Miradi haishiriki utegemezi +Ingawa si monorepo ya kawaida, hifadhidata hii ina miradi huru mingi: +- Kila somo lina utaratibu wake binafsi +- Miradi haigawani utegemezi - Fanya kazi kwenye miradi binafsi bila kuathiri mingine -- Nakili hazina nzima kwa uzoefu kamili wa mtaala +- Dondoa hifadhidata yote kwa uzoefu kamili wa mtaala --- -**Kinyang'anyiro**: -Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Wakati tunajitahidi kwa usahihi, tafadhali fahamu kwamba tafsiri za kiotomati zinaweza kuwa na makosa au upotoshaji. Hati ya asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya mtaalamu wa binadamu inapendekezwa. Hatubeba jukumu la kutokea kwa kutoelewana au tafsiri potofu kutokana na matumizi ya tafsiri hii. +**Kumbusho**: +Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Wakati tunajitahidi kwa usahihi, tafadhali fahamu kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au kasoro. Hati ya asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatubebei dhamana kwa kutokuelewana au tafsiri potofu zinazotokana na matumizi ya tafsiri hii. \ No newline at end of file diff --git a/translations/sw/README.md b/translations/sw/README.md index 0592b8cd8c..8bc7af49f5 100644 --- a/translations/sw/README.md +++ b/translations/sw/README.md @@ -1,38 +1,38 @@ -[![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) +[![Leseni ya GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) +[![Wachangiaji wa GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) +[![Maswala ya GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) +[![Maombi ya kuvuta ya GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) +[![Karibu maombi ya kuvuta](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/) +[![Wachunguzi wa 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/) +[![Mashina wa 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/) +[![Nyota za 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/) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) # Maendeleo ya Wavuti kwa Waanzilishi - Mtaala -Jifunze misingi ya maendeleo ya wavuti kupitia kozi yetu kamili ya wiki 12 inayotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linachunguza JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, nyongeza za kivinjari, na michezo ya anga. Shirikiana na maswali ya mtihani, mijadala, na kazi za vitendo. Boresha ujuzi wako na uboresha kumbukumbu yako kwa kutumia mfumo wetu mzuri wa kujifunza unaotegemea miradi. Anza safari yako ya kuandika msimbo leo! +Jifunze misingi ya maendeleo ya wavuti kwa kozi yetu kamili ya wiki 12 iliyotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linaangazia JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, nyongeza za kivinjari, na michezo ya anga. Shirikiana kupitia maswali ya kujitathmini, mijadala, na majukumu ya vitendo. Boresha ujuzi wako na ўboresha ukumbuzi wako wa maarifa kwa njia yetu madhubuti inayotegemea miradi. Anza safari yako ya kuandika msimbo leo! -Jiunge na Jamii ya Azure AI Foundry kwenye Discord +Jiunge na Azure AI Foundry Discord na kutana na wataalamu na wajasiriamali wenzako. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Fuata hatua hizi kuanza kutumia rasilimali hizi: -1. **Fanya Nakala ya Hifadhi**: Bonyeza [![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) +1. **Fungua Nakala ya Hifadhi**: Bonyeza [![Mashina wa 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. **Nakili Hifadhi**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Jiunge na Azure AI Foundry Discord na ukutane na wataalamu na watengenezaji wenzako**](https://discord.com/invite/ByRwuEEgH4) +3. [**Jiunge na Azure AI Foundry Discord na kutana na wataalamu na wajasiriamali wenzako**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Msaada wa Lugha Nyingi -#### Inasaidiwa kupitia GitHub Action (Moja kwa moja & daima Inayosasishwa) +#### Unaungwa Mkono Kupitia GitHub Action (Otomatiki & Daima Ikiwa Hivi Karibuni) -[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) | [Khmer](../km/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](../es/README.md) | [Swahili](./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) +[Arabuni](../ar/README.md) | [Kibengali](../bn/README.md) | [Kibulgaria](../bg/README.md) | [Kiburma (Myanmar)](../my/README.md) | [Kichina (Rahisi)](../zh-CN/README.md) | [Kichina (Kiasili, Hong Kong)](../zh-HK/README.md) | [Kichina (Kiasili, Macau)](../zh-MO/README.md) | [Kichina (Kiasili, Taiwan)](../zh-TW/README.md) | [Kikroeshia](../hr/README.md) | [Kicheki](../cs/README.md) | [Kidenmaki](../da/README.md) | [Kiholanzi](../nl/README.md) | [Kiestoniani](../et/README.md) | [Kifini](../fi/README.md) | [Kifaransa](../fr/README.md) | [Kijerumani](../de/README.md) | [Kigiriki](../el/README.md) | [Kiebrania](../he/README.md) | [Kihindi](../hi/README.md) | [Kihungari](../hu/README.md) | [Kiindonesia](../id/README.md) | [Kiitaliano](../it/README.md) | [Kijapani](../ja/README.md) | [Kikannada](../kn/README.md) | [Kikhemeri](../km/README.md) | [Kikorea](../ko/README.md) | [Kilithuania](../lt/README.md) | [Kimalayi](../ms/README.md) | [Kimalayalam](../ml/README.md) | [Kimarathi](../mr/README.md) | [Kinepali](../ne/README.md) | [Pijin ya Nigeria](../pcm/README.md) | [Kinorwe](../no/README.md) | [Kiajemi (Fasi)](../fa/README.md) | [Kipolandi](../pl/README.md) | [Kireno (Brazil)](../pt-BR/README.md) | [Kireno (Ureno)](../pt-PT/README.md) | [Kipunjabi (Gurmukhi)](../pa/README.md) | [Kiromania](../ro/README.md) | [Kirusi](../ru/README.md) | [Kiserbia (Cyrillic)](../sr/README.md) | [Kislovakia](../sk/README.md) | [Kislovenia](../sl/README.md) | [Kihispania](../es/README.md) | [Kiswahili](./README.md) | [Kiswidi](../sv/README.md) | [Kitagalog (Filipino)](../tl/README.md) | [Kitamili](../ta/README.md) | [Kitelugu](../te/README.md) | [Kithai](../th/README.md) | [Kituruki](../tr/README.md) | [Kiukrania](../uk/README.md) | [Kiurdu](../ur/README.md) | [Kivietinamu](../vi/README.md) -> **Ungependa Kwenye Nakala Kwenye Kompyuta?** +> **Unapendelea Kunakili Kwenye Kifaa Chako?** > -> Hifadhi hii ina tafsiri za lugha 50+ ambazo huongeza sana ukubwa wa kupakua. Ili kukopa bila tafsiri, tumia sparse checkout: +> Hifadhi hii ina tafsiri zaidi ya 50 za lugha zinazoongeza ukubwa wa kupakua. Ili kunakili bila tafsiri, tumia sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,82 +48,82 @@ Fuata hatua hizi kuanza kutumia rasilimali hizi: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Hii itakupa kila kitu unachohitaji kukamilisha kozi kwa usakinishaji wa haraka zaidi. +> Hii inakupa kila kitu unachohitaji kukamilisha kozi kwa upakuaji wa kasi zaidi. -**Ikiwa unataka lugha za ziada za tafsiri kuungwa mkono zimetajwa [hapa](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Ikiwa unataka kupata tafsiri za ziada, lugha zinazoungwa mkono ziko hapa. [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![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) +[![Fungua katika 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) #### 🧑‍🎓 _Je, wewe ni mwanafunzi?_ -Tembelea [**ukurasa wa Kituo cha Wanafunzi**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ambapo utapata rasilimali za wanaoanza, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ndio ukurasa unaotaka kuweka kama alama na kuangalia mara kwa mara tunapobadilisha maudhui kila mwezi. +Tembelea [**ukurasa wa Kituo cha Wanafunzi**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ambapo utapata rasilimali za waanzilishi, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ni ukurasa ungependa kuweka alama na kuangalia mara kwa mara kwani hubadilishwa kila mwezi. -### 📣 Tangazo - Changamoto Mpya za Mode ya GitHub Copilot Agent kukamilisha! +### 📣 Taarifa - Changamoto Mpya za Mode ya GitHub Copilot Agent za Kukamilisha! -Changamoto Mpya imeongezwa, tafuta "GitHub Copilot Agent Challenge 🚀" katika sura nyingi. Hiyo ni changamoto mpya kwako kukamilisha ukiwa unatumia GitHub Copilot na Mode ya Agent. Ikiwa hujawahi kutumia Mode ya Agent hapo awali, ina uwezo si tu wa kuandika maandishi bali pia kuunda na kuhariri mafaili, kuendesha amri na mengineyo. +Changamoto Mpya imeongezwa, tazama "Changamoto ya GitHub Copilot Agent 🚀" katika sura nyingi. Hii ni changamoto mpya ya kukamilisha ukitumia GitHub Copilot na mode ya Agent. Ikiwa hujawahi kutumia mode ya Agent, inauwezo wa si tu kuunda maandishi bali pia kuunda na kuhariri faili, kuendesha amri na zaidi. -### 📣 Tangazo - _Mradi Mpya wa kujenga kwa kutumia AI ya Kizazi_ +### 📣 Taarifa - _Mradi Mpya wa Kujenga kwa Kutumia AI ya Kuumbilia_ Mradi mpya wa Msaidizi wa AI umeongezwa, angalia [mradi](./9-chat-project/README.md) -### 📣 Tangazo - _Mtaala Mpya_ kuhusu AI ya Kizazi kwa JavaScript umeachiliwa +### 📣 Taarifa - _Mtaala Mpya_ juu ya AI ya Kuumbilia kwa JavaScript umebuniwa -Usikose mtaala wetu mpya wa AI ya Kizazi! +Usikose mtaala wetu mpya wa AI ya Kuumbilia! Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza! -![Background](../../translated_images/sw/background.148a8d43afde5730.webp) +![Mandhari](../../translated_images/sw/background.148a8d43afde5730.webp) -- Masomo yanayohusisha kila kitu tangu misingi hadi RAG. -- Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya mpenzi. -- Hadithi ya kufurahisha na kuvutia, utasafiri kwa wakati! +- Masomo yanayoshughulikia kila kitu kutoka misingi hadi RAG. +- Shiriki na wahusika wa kihistoria kwa kutumia GenAI na programu yetu ya rafiki. +- Hadithi ya kufurahisha na ya kuchochea, utasafiri wakati! -![character](../../translated_images/sw/character.5c0dd8e067ffd693.webp) +![mhusika](../../translated_images/sw/character.5c0dd8e067ffd693.webp) -Kila somo linajumuisha kazi za kukamilisha, mtihani wa maarifa na changamoto ya kukuongoza kujifunza mada kama: -- Kutoa maagizo na uhandisi wa maagizo -- Kutengeneza programu za maandishi na picha +Kila somo linajumuisha kazi ya kukamilisha, ukaguzi wa maarifa na changamoto itakayokuongoza kujifunza mada kama: +- Kuwahimiza na uhandisi wa kuhimiza +- Uzalishaji wa programu za maandishi na picha - Programu za utafutaji Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza! -## 🌱 Kuanzia +## 🌱 Kuanzisha -> **Walimu**, tumetoa [mapendekezo kadhaa](for-teachers.md) juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yako [katika jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Walimu**, tumetoa [mapendekezo kadhaa](for-teachers.md) juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yako [katika jukwaa letu la mijadala](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Wanafunzi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kwa kila somo, anza na mtihani kabla ya mihadhara na fuata kwa kusoma nyenzo za mihadhara, kukamilisha shughuli mbalimbali na hakikisha unaelewa kupitia mtihani baada ya mihadhara. +**[Wajifunzaji](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kwa kila somo, anza na jaribio la kabla ya mhadhara na fuata kwa kusoma vifaa vya mhadhara, kukamilisha shughuli mbalimbali na thibitisha uelewa wako kwa jaribio la baada ya mhadhara. -Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzako kufanya miradi pamoja! Majadiliano yanahimizwa katika [jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ambapo timu yetu ya wasimamizi itakuwepo kujibu maswali yako. +Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzako kufanya miradi pamoja! Mijadala inahimizwa katika [jukwaa letu la mijadala](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ambapo timu yetu ya wasimamizi itakuwepo kujibu maswali yako. -Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) kwa nyenzo zaidi za kusoma. +Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) kwa vifaa zaidi vya kujifunzia. -### 📋 Kuandaa mazingira yako +### 📋 Kuweka mazingira yako -Mtaala huu una mazingira ya maendeleo tayari! Unapoanza unaweza kuchagua kuendesha mtaala katika [Codespace](https://github.com/features/codespaces/) (_mazingira ya kivinjari, yasiyo na usakinishaji yanayohitajika_), au eneo la karibu kwenye kompyuta yako ukitumia mhariri wa maandishi kama [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Mtaala huu una mazingira ya maendeleo tayari! Unapoanza unaweza kuchagua kuendesha mtaala katika [Codespace](https://github.com/features/codespaces/) (_mazingira ya kivinjari, yasiyo na haja ya ufungaji_), au sehemu yako ya kazi kwenye kompyuta ukitumia mhariri wa maandishi kama [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Tengeneza hifadhi yako -Ili iwe rahisi kuhifadhi kazi yako, inapendekezwa kutengeneza nakala yako mwenyewe ya hifadhi hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha **Use this template** juu ya ukurasa. Hii itatengeneza hifadhi mpya katika akaunti yako ya GitHub yenye nakala ya mtaala. +Ili kuhifadhi kazi yako kwa urahisi, inashauriwa utengeneze nakala yako ya hifadhi hii. Unaweza kufanya hivi kwa kubonyeza kitufe cha **Tumia templeti hii** juu ya ukurasa. Hii itaunda hifadhi mpya kwenye akaunti yako ya GitHub pamoja na nakala ya mtaala. Fuata hatua hizi: -1. **Fanya Nakala ya Hifadhi**: Bonyeza kitufe cha "Fork" upande wa juu-mwenye kulia wa ukurasa huu. +1. **Fungua Nakala ya Hifadhi**: Bonyeza kitufe cha "Fork" upande wa juu kulia wa ukurasa huu. 2. **Nakili Hifadhi**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Kuendesha mtaala katika Codespace -Katika nakala yako ya hifadhi uliyotengeneza, bonyeza kitufe cha **Code** kisha chagua **Open with Codespaces**. Hii itatengeneza Codespace mpya utakaoweza kufanya kazi ndani yake. +Katika nakala yako ya hifadhi uliyotengeneza, bonyeza kitufe cha **Msimbo** na chagua **Fungua na Codespaces**. Hii itaunda Codespace mpya kwa ajili yako kufanya kazi ndani yake. ![Codespace](../../translated_images/sw/createcodespace.0238bbf4d7a8d955.webp) -#### Kuendesha mtaala eneo la karibu kwenye kompyuta yako +#### Kuendesha mtaala kwa sehemu yako ya kazi kwenye kompyuta -Ili kuendesha mtaala huu eneo la karibu kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na zana za mstari wa amri. Somo letu la kwanza, [Utangulizi wa Lugha za Programu na Zana za Kazi](../../1-getting-started-lessons/1-intro-to-programming-languages), litakuongoza kupitia chaguzi mbalimbali za kila zana ili kuchagua kama inakufaa. +Ili kuendesha mtaala huu kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na chombo cha amri. Somo letu la kwanza, [Utangulizi wa Lugha za Programu na Vifaa vya Kazi](../../1-getting-started-lessons/1-intro-to-programming-languages), litakuongoza kupitia chaguzi mbalimbali kwa kila chombo kwa ajili ya kuchagua kinachofaa kwako. -Pendekezo letu ni kutumia [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kama mhariri wako, ambao pia una [Terminali](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) iliyojengwa ndani. Unaweza kupakua Visual Studio Code [hapa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Nakili hazina yako kwenye kompyuta yako. Unaweza kufanya hivi kwa kubofya kitufe cha **Code** kisha kunakili URL: +Mapendekezo yetu ni kutumia [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kama mhariri wako, ambao pia una [Terminali](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) iliyojengwa ndani. Unaweza kupakua Visual Studio Code [hapa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Nakili hifadhidata yako kwenye kompyuta yako. Unaweza kufanya hivi kwa kubofya kitufe cha **Code** na kunakili URL: [CodeSpace](./images/createcodespace.png) @@ -133,82 +133,83 @@ Pendekezo letu ni kutumia [Visual Studio Code](https://code.visualstudio.com/?WT git clone ``` -2. Fungua folda katika Visual Studio Code. Unaweza kufanya hivi kwa kubofya **File** > **Open Folder** na kuchagua folda uliyoinakili hivi karibuni. +2. Fungua folda ndani ya Visual Studio Code. Unaweza kufanya hivi kwa kubofya **File** > **Open Folder** na kuchagua folda uliyoinakili hivi karibuni. -> Virahisi vinavyopendekezwa vya Visual Studio Code: +> Upanuzi wa Visual Studio Code unaopendekezwa: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - kutazama mapokeo ya kurasa za HTML ndani ya Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kusaidia kuandika msimbo haraka zaidi +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - kuangalia mapema kurasa za HTML ndani ya Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kusaidia kuandika code haraka zaidi ## 📂 Kila somo linajumuisha: - sketchnote hiari -- video ya ziada ya hiari -- zoezi la kuwajalia kabla ya somo +- video ya ziada hiari +- mtihani wa kuwasha kabla ya somo - somo lililoandikwa -- kwa masomo yanayotegemea miradi, miongozo ya hatua kwa hatua ya jinsi ya kujenga mradi +- kwa masomo yanayotegemea mradi, miongozo hatua kwa hatua jinsi ya kujenga mradi - ukaguzi wa maarifa - changamoto - usomaji wa ziada - kazi ya nyumbani -- [zoezi la baada ya somo](https://ff-quizzes.netlify.app/web/) +- [mtihani baada ya somo](https://ff-quizzes.netlify.app/web/) -> **Kumbukumbu kuhusu mazoezi ya maswali**: Mazoezi yote yapo katika folda ya Quiz-app, jumla ya mazoezi 48 yenye maswali matatu kila moja. Yapatikana [hapa](https://ff-quizzes.netlify.app/web/), programu ya mazoezi inaweza kuendeshwa kwa ndani au kutolewa Azure; fuata maelekezo katika folda `quiz-app`. +> **Kumbuka kuhusu mitihani**: Mitihani yote ipo katika folda ya Quiz-app, mitihani 48 yote yenye maswali matatu kila moja. Inapatikana [hapa](https://ff-quizzes.netlify.app/web/) programu ya mtihani inaweza kuendeshwa kwa ndani au kuwekwa kwenye Azure; fuata maelekezo katika folda ya `quiz-app`. ## 🗃️ Masomo -| | Jina la Mradi | Mada Zinazofundishwa | Malengo ya Kujifunza | Somo Lililohusishwa | Mwandishi | -| :-: | :----------------------------------------------------------: | :-----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------: | :-----------------------: | -| 01 | Kuanzia | Utangulizi wa Programu na Vifaa vya Kazi | Jifunze misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia waendelezaji wa kitaalamu kufanya kazi zao | [Utangulizi wa Lugha za Programu na Vifaa vya Kazi](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Kuanzia | Msingi wa GitHub, ikijumuisha kazi ya timu | Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine katika msimbo wa programu | [Utangulizi wa GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Kuanzia | Upatikanaji | Jifunze misingi ya upatikanaji wa wavuti | [Misingi ya Upatikanaji](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Misingi ya JS | Aina za Data za JavaScript | Misingi ya aina za data za JavaScript | [Aina za Data](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Misingi ya JS | Kazi na Mbinu | Jifunze kuhusu kazi na mbinu za kusimamia mtiririko wa mantiki ya programu | [Kazi na Mbinu](./2-js-basics/2-functions-methods/README.md) | Jasmine na Christopher | -| 06 | Misingi ya JS | Kufanya Maamuzi na JS | Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi | [Kufanya Maamuzi](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Misingi ya JS | Array na Loops | Fanya kazi na data kwa kutumia array na loops katika JavaScript | [Array na Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Katika Vitendo | Jenga HTML ili kuunda terrarium mtandaoni, ukizingatia ujenzi wa mpangilio | [Utangulizi wa HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Katika Vitendo | Jenga CSS kuunda mtindo wa terrarium mtandaoni, ukizingatia misingi ya CSS ikiwa pamoja na kufanya ukurasa uwe wa responsive | [Utangulizi wa CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Jifunze JavaScript Closures, na uendeshaji DOM | Jenga JavaScript ili terrarium ifanye kazi kama interface ya buruta/acha, ukizingatia closures na uendeshaji wa DOM | [JavaScript Closures, uendeshaji wa DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Jenga Mchezo wa Kuandika | Jifunze jinsi ya kutumia matukio ya keyboard kuendesha mantiki ya app yako ya JavaScript | [Programu Dhirio kwa Matukio](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kazi na Vivinjari | Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuunda vipengele vya awali vya kiendelezi cha kivinjari | [Kuhusu Vivinjari](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Jenga fomu, piga API na hifadhi mabadiliko kwenye hifadhi ya ndani | Jenga vipengele vya JavaScript vya kiendelezi chako cha kivinjari kupiga API kwa kutumia mabadiliko yaliyohifadhiwa kwenye hifadhi ya ndani | [API, Fomu, na Hifadhi ya Ndani](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Michakato ya nyuma katika kivinjari, utendaji wa wavuti | Tumia michakato ya nyuma ya kivinjari kusimamia ikoni ya kiendelezi; jifunze kuhusu utendaji wa wavuti na baadhi ya mbinu za kuboresha kufanya kazi vizuri | [Kazi za Nyuma na Utendaji](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Maendeleo ya Mchezo Zaidi kwa JavaScript | Jifunze kuhusu Urithi kwa kutumia madarasa na muundo pamoja na muundo wa Pub/Sub, tayari kwa kujenga mchezo | [Utangulizi kwa Maendeleo ya Mchezo Zaidi](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Kuchora kwenye Canvas | Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini | [Kuchora kwenye Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Kuhamisha vipengele kwenye skrini | Gundua jinsi vipengele vinaweza kupata mwendo kwa kutumia koordineti za Cartesian na API ya Canvas | [Kuhamisha Vipengele](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Ugunduzi wa Mgongano | Fanya vipengele vikagongane na kujibu kwa kila mmoja kwa kutumia vitufe vya kuandika na toa kazi ya hifadhi ili kuhakikisha utendaji mzuri wa mchezo | [Ugunduzi wa Mgongano](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Kuhifadhi alama | Fanya mahesabu ya hisabati kulingana na hali na utendaji wa mchezo | [Kuhifadhi alama](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Kumaliza na kuanza upya mchezo | Jifunze kuhusu kumaliza na kuanza upya mchezo, ikijumuisha kusafisha mali na kuweka tena thamani za mabadiliko | [Hali ya Kumaliza](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Violezo vya HTML na Njia katika Programu ya Wavuti | Jifunze jinsi ya kuunda miundo ya tovuti yenye kurasa nyingi kwa kutumia njia na violezo vya HTML | [Violezo vya HTML na Njia](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Jenga Fomu ya Kuingia na Usajili | Jifunze kuhusu ujenzi wa fomu na kushughulikia taratibu za uthibitishaji | [Fomu](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Mbinu za Kupata na Kutumia Data | Jinsi data inavyoingia na kutoka kwenye app yako, jinsi ya kuipata, kuihifadhi, na kuitupa | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Misingi ya Usimamizi wa Hali | Jifunze jinsi app yako inavyohifadhi hali na jinsi ya kuisimamia kwa njia ya programu | [Usimamizi wa Hali](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Kazi na VScode | Jifunze jinsi ya kutumia mhariri wa msimbo | [Tumia Mhariri wa VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| | Jina la Mradi | Maudhui Yanayofundishwa | Malengo ya Kujifunza | Somo Lililohusishwa | Mwandishi | +| :-: | :---------------------------------------------------------: | :--------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :------------------------: | +| 01 | Kuanzia Mwanzo | Utangulizi wa Uprogramu na Zana za Kitaalamu | Jifunze msingi wa lugha nyingi za programu na kuhusu programu zinazowasaidia waendelezaji wa kitaalamu kufanya kazi zao | [Utangulizi wa Lugha za Programu na Zana za Kitaalamu](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Kuanzia Mwanzo | Misingi ya GitHub, ikijumuisha kazi na timu | Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo wa programu | [Utangulizi wa GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Kuanzia Mwanzo | Upatikanaji | Jifunze misingi ya upatikanaji wa wavuti | [Misingi ya Upatikanaji](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Misingi ya JS | Aina za Data za JavaScript | Misingi ya aina za data za JavaScript | [Aina za Data](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Misingi ya JS | Funguo na Mbinu | Jifunze kuhusu funguo na mbinu za kudhibiti mtiririko wa mantiki ya programu | [Funguo na Mbinu](./2-js-basics/2-functions-methods/README.md) | Jasmine na Christopher | +| 06 | Misingi ya JS | Kufanya Maamuzi kwa JS | Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi | [Kufanya Maamuzi](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Misingi ya JS | Mipangilio na Mizunguko | Fanya kazi na data kwa kutumia mipangilio na mizunguko ndani ya JavaScript | [Mipangilio na Mizunguko](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML katika Vitendo | Jenga HTML ya kuunda terrarium mtandaoni, ukizingatia uundaji wa mpangilio | [Utangulizi wa HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS katika Vitendo | Jenga CSS ya kupanga terrarium mtandaoni, ukizingatia misingi ya CSS ikijumuisha kufanya ukurasa uwe wa kukabiliana na vifaa mbalimbali | [Utangulizi wa CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Funga JavaScript, uendeshaji DOM | Jenga JavaScript ili kufanya terrarium ifanye kazi kama kiolesura cha kukausha na kuachia, ukizingatia fungo na uendeshaji DOM | [Fungo JavaScript, uendeshaji DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Jenga Mchezo wa Kuandika Haraka | Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript | [Uprogramu Iendayo Kwa Matukio](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kazi na Vivinjari (Browsers) | Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya kwanza vya kiendelezi cha kivinjari | [Kuhusu Vivinjari](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kujenga fomu, kuitisha API na kuhifadhi vigezo katika hifadhi ya ndani | Tengeneza vipengele vya JavaScript vya kiendelezi chako cha kivinjari kuitisha API kwa kutumia vigezo vilivyo hifadhiwa katika hifadhi ya ndani | [APIs, Fomu, na Hifadhi ya Ndani](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Mchakato wa nyuma wa kivinjari, utendaji wa wavuti | Tumia michakato ya nyuma ya kivinjari kudhibiti ikoni ya kiendelezi; jifunze kuhusu utendaji wa wavuti na baadhi ya maboresho ya kufanya | [Kazi za Nyuma na Utendaji](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Maendeleo ya Mchezo wa Juu zaidi kwa JavaScript | Jifunze kuhusu Urithi kwa kutumia Mifumo (Classes) na Muundo pamoja na muundo wa Pub/Sub, kujiandaa kwa kujenga mchezo | [Utangulizi wa Maendeleo ya Mchezo wa Juu](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Kuchora kwenye kanvas | Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini | [Kuchora kwenye Kanvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Kuhamisha vipengele kwenye skrini | Gundua jinsi vipengele vinavyopata mwendo kwa kutumia uratibu wa kartsiani na API ya Canvas | [Kuhamisha Vipengele](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Ugundaji wa mgongano | Fanya vipengele vigonjane na kujibu kwa kila mmoja kwa kutumia vitufe vya kibodi na toa kazi ya kupumzika kuhakikisha utendaji wa mchezo | [Ugundaji wa Mgongano](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Kuhifadhi alama | Fanya mahesabu ya kihisabati kulingana na hali na utendaji wa mchezo | [Kuhifadhi Alama](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Kuisha na kuanza upya mchezo | Jifunze kuhusu kumaliza na kuanzisha upya mchezo, ikiwa ni pamoja na kusafisha mali na kuweka upya vigezo | [Hali ya Mwisho](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | Templeti za HTML na Njia za Web App | Jifunze jinsi ya kuunda muundo wa tovuti ya kurasa nyingi kwa kutumia njia za kuingia na templeti za HTML | [Templeti za HTML na Njia](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Jenga Fomu ya Kuingia na Usajili | Jifunze kuhusu kujenga fomu na kushughulikia utambuzi | [Fomu](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Mbinu za Kupata na Kutumia Data | Jinsi data inavyotiririka ndani na nje ya programu yako, jinsi ya kuipata, kuihifadhi, na kuiondoa | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Misingi ya Usimamizi wa Hali | Jifunze jinsi programu yako inavyoendelea kuweka hali na jinsi ya kuisimamia kwa njia za programu | [Usimamizi wa Hali](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Kazi na VScode | Jifunze jinsi ya kutumia mhariri wa msimbo | [Tumia Mhariri wa Code wa VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Kazi na AI | Jifunze jinsi ya kujenga msaidizi wako wa AI | [Mradi wa Msaidizi wa AI](./9-chat-project/README.md) | Chris | -## 🏫 Mbinu ya Kufundishia +## 🏫 Pedagojia -Mtaala wetu umeundwa kwa misingi miwili muhimu ya kielimu: -* kujifunza kupitia miradi -* mazoezi ya mara kwa mara +Mtaala wetu umeundwa kwa kanuni mbili za msingi za kifundisho: +* kujifunza kwa njia ya mradi +* mitihani mara kwa mara -Mpango huu hufundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za hivi karibuni zinazotumiwa na waendelezaji wa wavuti wa leo. Wanafunzi watapata fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika, terrarium wa kidijitali, kiendelezi cha kivinjari rafiki wa mazingira, mchezo wa wavamizi wa anga, na programu ya benki kwa biashara. Mwisho wa mfululizo huu, wanafunzi watakuwa na uelewa mzuri wa maendeleo ya wavuti. +Mpango hufundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za kisasa zinazotumiwa na waendelezaji wa wavuti wa sasa. Wanafunzi watapata fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika haraka, terrarium ya mtandaoni, kiendelezi kivinjari kinachohifadhi mazingira, mchezo wa kuwasiliana na wahasidi wa anga, na programu ya benki kwa biashara. Mwishoni mwa mfululizo huo, wanafunzi watakuwa na uelewa thabiti wa maendeleo ya wavuti. -> 🎓 Unaweza kuchukua masomo machache ya kwanza katika mtaala huu kama [Njia ya Kujifunza](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kwenye Microsoft Learn! +> 🎓 Unaweza kuchukua masomo ya kwanza kadhaa katika mtaala huu kama [Njia ya Kujifunza](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kwenye Microsoft Learn! -Kwa kuhakikisha kuwa maudhui yanaendana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na kuhifadhi dhana kutaboreshwa. Pia tuliandika masomo kadhaa ya mwanzo juu ya misingi ya JavaScript ili kuanzisha dhana, yanayounganishwa na video kutoka kwa mkusanyiko wa "[Mfululizo wa Waanzilishi kwa: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ambapo baadhi ya waandishi wake walichangia mtaala huu. +Kwa kuhakikisha kwamba maudhui yanahusiana na miradi, mchakato huu hufanya kuwa wa kuvutia zaidi kwa wanafunzi na kukumbuka kwa dhana kutaimarishwa. Pia tuliandika masomo kadhaa ya kuanzisha katika misingi ya JavaScript ili kuanzisha dhana, yakiwa na video kutoka kwa mkusanyiko wa mafundisho ya video ya "[Mfululizo wa Waanzilishi wa: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ambayo baadhi ya waandishi wake walichangia mtaala huu. -Aidha, zoezi la nyepesi kabla ya darasa hutoa nia kwa mwanafunzi kuelekea kujifunza mada, wakati zoezi la pili baada ya darasa linahakikisha uhifadhi wa zaidi. Mtaala huu umetengenezwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa mkamilifu au sehemu. Miradi huanza midogo na kuwa changamoto zaidi mwishoni mwa mzunguko wa wiki 12. +Zaidi ya hayo, mtihani wa chini kabla ya darasa huweka nia ya mwanafunzi kuelekea kujifunza mada, wakati mtihani wa pili baada ya darasa unahakikisha kukumbukwa zaidi. Mtaala huu uliundwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa jumla au sehemu tu. Miradi inaanza midogo na kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12. -Ingawa tuliepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama msanidi wa wavuti kabla ya kutumia mfumo, hatua nzuri inayofuata kumalizia mtaala huu ni kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "[Mfululizo wa Waanzilishi kwa: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Ingawa tumekwepa kwa makusudi kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama mendelezaji wa wavuti kabla ya kutumia mfumo, hatua nzuri inayofuata kukamilisha mtaala huu itakuwa kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "[Mfululizo wa Waanzilishi wa: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Tembelea [Kanuni zetu za Maadili](CODE_OF_CONDUCT.md) na mwongozo wa [Kushiriki](CONTRIBUTING.md). Tunakaribisha maoni yako ya kujenga! +> Tembelea miongozo yetu ya [Kanuni za Maadili](CODE_OF_CONDUCT.md) na [Kushiriki](CONTRIBUTING.md). Tunakaribisha maoni yako yenye kujenga! -## 🧭 Ufikiaji wa Kupatikana Bila Mtandao -Unaweza kuendesha nyaraka hii bila mtandao kwa kutumia [Docsify](https://docsify.js.org/#/). Fanya fork ya repo hii, [sakinisha Docsify](https://docsify.js.org/#/quickstart) kwenye kompyuta yako, kisha katika folda ya mizizi ya repo hii, andika `docsify serve`. Tovuti itapelekwa kwenye bandari 3000 kwenye localhost yako: `localhost:3000`. +## 🧭 Ufikiaji wa Nje ya Mtandao + +Unaweza kuendesha nyaraka hii ukiwa nje ya mtandao kwa kutumia [Docsify](https://docsify.js.org/#/). Tengeneza nakala ya hifadhidata hii, [weka Docsify](https://docsify.js.org/#/quickstart) kwenye kompyuta yako ya ndani, kisha katika folda kuu ya hifadhidata hii, andika `docsify serve`. Tovuti itaendeshwa kwenye mlimbwende 3000 kwenye localhost yako: `localhost:3000`. ## 📘 PDF PDF ya masomo yote inapatikana [hapa](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -216,65 +217,65 @@ PDF ya masomo yote inapatikana [hapa](https://microsoft.github.io/Web-Dev-For-Be ## 🎒 Kozi Nyingine -Timu yetu hutoa kozi nyingine! Angalia: +Timu yetu hutengeneza kozi nyingine! Angalia: ### LangChain -[![LangChain4j kwa Waanzilishi](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 kwa Waanzilishi](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) -[![LangChain kwa Waanzilishi](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-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) +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents -[![AZD kwa Waanzilishi](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 kwa Waanzilishi](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 kwa Waanzilishi](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) -[![Maajenti wa AI kwa Waanzilishi](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) --- -### Mfululizo wa AI ya Kizazi -[![AI ya Kizazi kwa Waanzilishi](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![AI ya Kizazi (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) -[![AI ya Kizazi (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) -[![AI ya Kizazi (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) +### Mfululizo wa AI Inayozalisha +[![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) --- -### Kujifunza Msingi -[![ML kwa Waanzilishi](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) -[![Sayansi ya Takwimu kwa Waanzilishi](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 kwa Waanzilishi](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) -[![Usalama wa Mtandao kwa Waanzilishi](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) -[![Uendelezaji wa Mtandao kwa Waanzilishi](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 kwa Waanzilishi](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) -[![Maendeleo ya XR kwa Waanzilishi](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) +### Mafunzo ya Msingi +[![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) --- ### Mfululizo wa Copilot -[![Copilot kwa Programu ya AI Paired](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 kwa 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) -[![Michezo ya 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) ## Kupata Msaada -Ikiwa unaenda kikwazo au una maswali yoyote kuhusu ujenzi wa programu za AI. Jiunge na wanafunzi wenzako na watengenezaji wenye uzoefu katika mijadala kuhusu MCP. Ni jamii ya kusaidia ambapo maswali yanakaribishwa na maarifa hushirikiwa kwa uhuru. +Ikiwa unashikwa au una maswali yoyote kuhusu kujenga programu za AI. Ungana na wanafunzi wenzako na waendelezaji waliobobea katika majadiliano kuhusu MCP. Ni jamii yenye msaada ambapo maswali yanakaribishwa na maarifa yanashirikiwa kwa uhuru. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ikiwa una maoni kuhusu bidhaa au makosa wakati wa kujenga tembelea: +Ikiwa una maoni au hitilafu wakati wa kujenga tembelea: [![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) ## Leseni -Hazina hii inalindwa chini ya leseni ya MIT. Tazama faili la [LICENSE](../../LICENSE) kwa maelezo zaidi. +Hifadhidata hii ina leseni chini ya leseni ya MIT. Tazama faili la [LICENSE](../../LICENSE) kwa maelezo zaidi. --- -**Sekela**: -Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kufikia usahihi, tafadhali fahamuni kwamba tafsiri za moja kwa moja zinaweza kuwa na makosa au upungufu. Hati asilia katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo chenye mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatubebwi dhamana kwa kutoelewana au tafsiri potofu zinazotokana na matumizi ya tafsiri hii. +**Maandishi ya Kukataa**: +Hati hii imetafsiriwa kwa kutumia huduma ya utafsiri wa AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kuwa tafsiri za moja kwa moja zinaweza kuwa na makosa au upotoshaji. Hati asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inashauriwa. Hatuwezi kuwajibika kwa maelewano au tafsiri potofu yoyote inayotokana na matumizi ya tafsiri hii. \ No newline at end of file diff --git a/translations/sw/lesson-template/README.md b/translations/sw/lesson-template/README.md index f3aa6c018d..934b4aced1 100644 --- a/translations/sw/lesson-template/README.md +++ b/translations/sw/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Mada ya Somo] +# Somo la Mada -![Weka video hapa](../../../lesson-template/video-url) +## 🎥 Video -## [Jaribio la kabla ya somo](../../../lesson-template/quiz-url) +> Ongeza video iliyojumuishwa au kiungo cha somo hapa. -[Eleza kile tutakachojifunza] +--- + +## Mtihani wa awali + +> Ongeza kiungo cha mtihani hapa unapopatikana. + +--- + +Toa muhtasari mfupi wa kile wanafunzi watajifunza katika somo hili. + +--- ### Utangulizi -Eleza kile kitakachojadiliwa +Toa utangulizi mfupi unaoelezea kile kitakachojadiliwa katika somo hili. > Vidokezo +--- + ### Mahitaji ya awali -Ni hatua zipi zinapaswa kuwa zimekamilika kabla ya somo hili? +Orodhesha dhana au mada ambazo wanafunzi wanapaswa kuwa tayari nazo kabla ya kuanza somo hili. + +--- ### Maandalizi -Hatua za maandalizi kuanza somo hili +Orodhesha hatua za maandalizi au zana zinazohitajika kabla ya kuanza somo. --- -[Pitisha maudhui kwa hatua] +### Yaliyomo + +Pitia yaliyomo kwenye somo kwa sehemu zilizopangwa. + +--- -## [Mada 1] +## Mada 1 ### Kazi: -Fanyeni kazi pamoja kuboresha msimbo wenu hatua kwa hatua ili kujenga mradi kwa kutumia msimbo wa pamoja: +Fanyeni kazi pamoja kuboresha hatua kwa hatua msimbo wenu kwa ajili ya kujenga mradi kwa kutumia msimbo unaoshirikiwa: ```html code blocks ``` -✅ Ukaguzi wa Maarifa - tumia muda huu kupanua uelewa wa wanafunzi kwa maswali ya wazi +✅ Kagua Maarifa +Tumia fursa hii kupanua maarifa ya wanafunzi kwa maswali ya wazi. -## [Mada 2] +## Mada 2 +## Mada 3 -## [Mada 3] +🚀 Changamoto +Ongeza changamoto ya ushirikiano kwa wanafunzi kuboresha mradi. -🚀 Changamoto: Ongeza changamoto kwa wanafunzi kufanya kazi kwa pamoja darasani ili kuboresha mradi +Hiari: Ongeza picha ya skrini ya UI ya somo lililokamilika ikiwa ni sahihi. -Hiari: ongeza picha ya skrini ya UI ya somo lililokamilika ikiwa inafaa +## Mtihani wa baada ya somo -## [Jaribio la baada ya somo](../../../lesson-template/quiz-url) +Ongeza kiungo cha mtihani hapa baada ya kumaliza somo. -## Mapitio na Kujisomea +## Mapitio & Kujifunza Binafsi -**Kazi Inayopaswa Kukamilika [MM/YY]**: [Jina la Kazi](assignment.md) +**Kazi ya Nyumbani Inayotarajiwa [MM/YY]**: [Jina la Kazi ya Nyumbani](assignment.md) --- -**Kanusho**: -Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kuhakikisha usahihi, tafsiri za kiotomatiki zinaweza kuwa na makosa au kutokuwa sahihi. Hati ya asili katika lugha yake ya awali inapaswa kuzingatiwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatutawajibika kwa kutoelewana au tafsiri zisizo sahihi zinazotokana na matumizi ya tafsiri hii. \ No newline at end of file + +**Kumbusho**: +Hati hii imefasirishwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kuwa tafsiri za kiotomatiki zinaweza kuwa na makosa au upotoshaji. Hati ya asili katika lugha yake halisi inapaswa kuzingatiwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatuna dhamana kwa kutoelewana au utofauti unaotokana na matumizi ya tafsiri hii. + \ No newline at end of file diff --git a/translations/ta/.co-op-translator.json b/translations/ta/.co-op-translator.json index 2fd3231833..1dfb772af8 100644 --- a/translations/ta/.co-op-translator.json +++ b/translations/ta/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:04:03+00:00", + "translation_date": "2026-04-24T13:48:06+00:00", "source_file": "AGENTS.md", "language_code": "ta" }, @@ -516,8 +516,8 @@ "language_code": "ta" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:20:21+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T13:39:15+00:00", "source_file": "README.md", "language_code": "ta" }, @@ -564,8 +564,8 @@ "language_code": "ta" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-10-11T11:47:58+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T13:39:29+00:00", "source_file": "lesson-template/README.md", "language_code": "ta" }, diff --git a/translations/ta/AGENTS.md b/translations/ta/AGENTS.md index b27ee4f56b..c82057499c 100644 --- a/translations/ta/AGENTS.md +++ b/translations/ta/AGENTS.md @@ -2,27 +2,27 @@ ## Project Overview -இது ஆரம்பத்துக்கு வலை மேம்பாட்டுக்கான அடிப்படைகளை கற்பிப்பதற்கான கல்வி பாடத்திட்டக் கோப்பகம். இந்த பாடத்திட்டம் மைக்ரோசாஃப்ட் கிளவுட் வழிகாட்டிகள் உருவாக்கிய 12 வார முழுமையான பாடநெறி ஆகும், இதில் ஜாவாஸ்கிரிப்ட், CSS மற்றும் HTML ஆகியவை ஆன 24 பயிற்சி பாடங்கள் உள்ளன. +இது துவக்கக்காரர்களுக்கு வலைத் தள மேம்பாட்டு அடிப்படைகளை கற்பிப்பதற்கான கல்வித் திட்ட இருப்பகம். இந்த பாடத்திட்டம் Microsoft Cloud Advocates உருவாக்கிய முழுமையான 12 வார பாடநெறி, இதில் JavaScript, CSS மற்றும் HTML என்ற 24 செயலில் குறைந்த பாடங்கள் உள்ளன. ### Key Components -- **கல்வி உள்ளடக்கம்**: திட்ட அடிப்படையான தொகுதிகளாக அமைக்கப்பட்ட 24 கட்டமைக்கப்பட்ட பாடங்கள் -- **பயிற்சி திட்டங்கள்**: டெர்ரேரியம், தைப் விளையாட்டு, உலாவி நீட்டிப்பு, விண்வெளி விளையாட்டு, வங்கி செயலி, குறியீடு தொகுப்பான், மற்றும் AI அரட்டை உதவியாளர் -- **இடையூறு தேர்வுகள்**: 3 கேள்விகளுடன் 48 தேர்வுகள் (பாட முன்னும்/பின்னும் மதிப்பீடுகள்) -- **பன்மொழி ஆதரவு**: GitHub Actions மூலம் 50+ மொழிகளுக்கு தானாக மொழிபெயர்ப்பு -- **தொழில்நுட்பங்கள்**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI திட்டங்களுக்கு) +- **கல்வி உள்ளடக்கம்**: திட்ட அடிப்படையிலான தொகுதிகளில் ஒழுங்குபடுத்தப்பட்ட 24 கட்டமைக்கப்பட்ட பாடங்கள் +- **உண்மையான திட்டங்கள்**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, மற்றும் AI Chat Assistant +- **இணையவழி வினாடி வினாக்கள்**: ஒவ்வொரு பாடத்திற்கும் முன்/பிறகு 3 கேள்விகளுடன் 48 வினாடி வினாக்கள் +- **பல மொழி ஆதரவு**: GitHub Actions மூலம் 50+ மொழிகளுக்கு தானாக மொழிபெயர்ப்பு செய்யப்படுகிறது +- **தொழில்நுட்பங்கள்**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI திட்டங்களுக்காக) ### Architecture -- பாடம் அடிப்படையிலான அமைப்புடன் கல்வி கோப்பகம் -- ஒவ்வொரு பாடலுக்கு README, குறியீடு எடுத்துக்காட்டுகள் மற்றும் தீர்வுகள் உள்ளன -- தனித்தனி திட்டங்கள் தனி அடைவுகளில் (quiz-app, பல்வேறு பாட திட்டங்கள்) -- GitHub Actions (co-op-translator) பயன்படுத்தி மொழிபெயர்ப்பு அமைப்பு -- Docsify மூலம் ஆவணங்கள் வழங்கப்படுகிறது மற்றும் PDF ஆகவும் கிடைக்கிறது +- பாடத்திட்ட அடிப்படையிலான கல்வி இருப்பகம் +- ஒவ்வொரு பாட பைல்டர் README, குறியீட்டு உதாரணங்கள், மற்றும் தீர்வுகள் கொண்டது +- quiz-app, பல்வேறு பாடத் திட்டங்களில் தனித்திட்ட திட்டங்கள் +- GitHub Actions (co-op-translator) பயன்படுத்தி மொழிபெயர்ப்பு முறை +- Docsify வழியே ஆவணப்படுத்தல் மற்றும் PDF வடிவில் கிடைக்கும் ## Setup Commands -இந்தக் கோப்பகம் முதன்மையாக கல்வி உள்ளடக்கம் பெறப்படுகிறது. குறிப்பிட்ட திட்டங்களுடன் வேலை செய்ய: +இந்த இருப்பகம் முதன்மையாக கல்வி உள்ளடக்கங்களைப் பயன்படுத்துவதற்காக உள்ளது. குறிப்பிட்ட திட்டங்களுடன் பணியாற்ற: ### Main Repository Setup @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # மேம்பாட்டு சேவையகத்தை துவக்கவும் +npm run dev # மேம்பாட்டு சர்வரைத் துவங்கவும் npm run build # உற்பத்திக்காக கட்டமைக்கவும் -npm run lint # ESLint ஐ இயக்கவும் +npm run lint # ESLint ஐ இயக்கு ``` ### Bank Project API (Node.js + Express) @@ -46,7 +46,7 @@ npm run lint # ESLint ஐ இயக்கவும் ```bash cd 7-bank-project/api npm install -npm start # API சேவையகம் துவங்கு +npm start # API சேவையகத்தை துவங்குங்கள் npm run lint # ESLint ஐ இயக்கவும் npm run format # Prettier உடன் வடிவமைக்கவும் ``` @@ -56,7 +56,7 @@ npm run format # Prettier உடன் வடிவமைக்கவும ```bash cd 5-browser-extension/solution npm install -# உலாவிச் சிறப்பான நீட்டிப்பு ஏற்றும் வழிமுறைகளைக் பின்பற்றவும் +# உலாவி-சிறப்பான நீட்டிப்பு ஏற்றும் வழிமுறைகளைப் பின்பற்றவும் ``` ### Space Game Projects @@ -72,7 +72,7 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN சுற்றுச்சூழல் மாறியினை அமைக்கவும் +# GITHUB_TOKEN சுற்றுப்புற மாறியை அமைக்கவும் python api.py ``` @@ -80,29 +80,29 @@ python api.py ### For Content Contributors -1. **கோப்பகத்தை** உங்கள் GitHub கணக்குக்கு fork செய்யவும் -2. **உங்கள் fork**-ஐ உள்ளூர் கணினியில் clone செய்யவும் -3. **புதிய கிளை** உருவாக்கி மாற்றங்களுக்காக வேலை செய்யவும் -4. பாட உள்ளடக்கம் அல்லது குறியீடு எடுத்துக்காட்டுகளில் மாற்றங்கள் செய்யவும் -5. சம்பந்தப்பட்ட திட்ட அடைவுகளில் குறியீடு பரிசோதனை செய்யவும் -6. பங்களிப்பு வழிகாட்டுதல்களை பின்பற்றி pull request-ஐ சமர்ப்பிக்கவும் +1. **உங்கள் GitHub கணக்குக்குள்** repositoryஐ fork செய்யவும் +2. **உங்கள் forkஐ** உள்ளகமாக clone செய்யவும் +3. **உங்கள் மாற்றங்களுக்கு** புதிய பிரஞ்சை உருவாக்கவும் +4. பாட உள்ளடக்கம் அல்லது குறியீடு உதாரணங்களில் மாற்றங்கள் செய்யவும் +5. தொடர்புடைய திட்ட அடைவு கோப்புகளில் எந்த குறியீடு மாற்றங்களையும் சோதிக்கவும் +6. பங்களிப்பு வழிகாட்டுதல்களை பின்பற்றி pull request சமர்ப்பிக்கவும் ### For Learners -1. கோப்பகத்தை fork அல்லது clone செய்யவும் -2. பாட அடைவுகளில் தொடர்ச்சியாக செல்லவும் -3. ஒவ்வொரு பாடத்திற்குமான README கோப்புகளை படியுங்கள் -4. பாட முன்னுரை தேர்வுகளை https://ff-quizzes.netlify.app/web/ என்ற இடத்தில் முடிக்கவும் -5. பாட அடைவுகளில் உள்ள குறியீடு எடுத்துக்காட்டுகளை செயல்படுத்தவும் -6. பணிகள் மற்றும் சவால்களை முடிக்கவும் -7. பாட பின் தேர்வுகளை எடுக்கவும் +1. Repositoryஐ fork அல்லது clone செய்யவும் +2. பாடக் கோப்புறைகளுக்கு தொடர்வதாக செல்லவும் +3. ஒவ்வொரு பாடத்திற்கான README கோப்புகளை படியவும் +4. https://ff-quizzes.netlify.app/web/ இல் முன்-பாட வினாடி வினாக்களை முடிக்கவும் +5. பாடக் கோப்புறையில் குறியீடு உதாரணங்களைக் கடைப்பிடிக்கவும் +6. கடமைகள் மற்றும் சவால்களை முடிக்கவும் +7. பாடத்துக்குப் பிறகு வினாடி வினாக்களில் கலந்து கொள்ளவும் ### Live Development -- **ஆவணங்கள்**: ரூட் ஃபோல்டரில் `docsify serve` இயக்கவும் (போர்ட் 3000) -- **Quiz App**: quiz-app அடைவில் `npm run dev` இயக்கவும் -- **திட்டங்கள்**: HTML திட்டங்களுக்கு VS Code Live Server நீட்டிப்பு பயன்படுத்தவும் -- **API திட்டங்கள்**: சம்பந்தப்பட்ட API அடைவுகளில் `npm start` இயக்கவும் +- **ஆவணப்படுத்தல்**: root இல் `docsify serve` இயக்கவும் (port 3000) +- **Quiz App**: quiz-app அடைவில் `npm run dev` இயக்கவும் +- **திட்டங்கள்**: HTML திட்டங்களுக்கு VS Code Live Server நீட்டிப்பைப் பயன்படுத்தவும் +- **API திட்டங்கள்**: தொடர்புடைய API அடைவுகளில் `npm start` இயக்கவும் ## Testing Instructions @@ -110,173 +110,173 @@ python api.py ```bash cd quiz-app -npm run lint # குறியீட்டு வடிவமைப்பு பிரச்சனைகளை சரிபார்க்கவும் -npm run build # கட்டமைப்பு வெற்றி பெறுகிறதா என்று உறுதி செய்யவும் +npm run lint # குறியீட்டு பாணி சிக்கல்களை சரிபார்க்கவும் +npm run build # கட்டுமானம் வெற்றிகரமாக நடந்ததா என்பதை உறுதிப்படுத்தவும் ``` ### Bank API Testing ```bash cd 7-bank-project/api -npm run lint # குறியீட்டு ஒழுங்குக்கான பிரச்சனைகளை சரிபார் -node server.js # சேவையகம் பிழைகளின்றி துவங்குகிறது என்பதை உறுதிப்படுத்துக +npm run lint # குறியீடு பாணி பிரச்சனைகள் இருப்பதை சரிபார்க்கவும் +node server.js # எர்ரர்கள் இல்லாமல் சர்வர் துவங்குமா என்று பரிசோதிக்கவும் ``` ### General Testing Approach -- இது முழுமையான தானியங்கி பரிசோதனைகள் இல்லாத கல்வி கோப்பகம் -- கைமுறை பரிசோதனையில் கவனம்: - - குறியீடு எடுத்துக்காட்டுகள் பிழையின்றி இயங்குவது - - ஆவணங்களில் உள்ள இணைப்புகள் சரியாக வேலை செய்வது - - திட்ட கட்டமைப்புகள் வெற்றிகரமாக முடிவடைவது - - எடுத்துக்காட்டுகள் சிறந்த நடைமுறைகளை பின்பற்றுவது +- இது முழுமையான தானியங்கி சோதனைகள் இல்லாத கல்விப்பொருள் இருப்பகம் +- கையேடு சோதனைகள் கவனம் செலுத்தும்: + - குறியீடு உதாரணங்கள் பிழைகள் இல்லாமல் ஓடுவது + - ஆவணங்களில் உள்ள இணைப்புகள் சரியாக செயல்படுவது + - திட்ட கட்டமைப்புகள் வெற்றிகரமாக கிடைக்கிறது + - உதாரணங்கள் சிறந்த நடைமுறைகளை பின்பற்றுகிறது ### Pre-submission Checks -- package.json உள்ள அடைவுகளில் `npm run lint` இயக்கவும் -- மார்க்டவுன் இணைப்புகள் செல்லுபடியாக தெரிந்து கொள்ளவும் -- குறியீடு எடுத்துக்காட்டுகளை உலாவி அல்லது Node.js-ல் சோதிக்கவும் -- மொழிபெயர்ப்புகள் சரியான கட்டமைப்பை பின்பற்றுவதை உறுதி செய்யவும் +- package.json உள்ள அடைவுகளில் `npm run lint` இயக்கவும் +- மாறி இணைப்புகள் சரியானதா என்று சோதிக்கவும் +- குறியீடு உதாரணங்களை உலாவியிலும் Node.js இலும் சோதிக்கவும் +- மொழிபெயர்ப்புகள் சரியான அமைப்போடு உள்ளதா பார்வையிடவும் ## Code Style Guidelines ### JavaScript -- நவீன ES6+ син்டக்ஸை பயன்படுத்தவும் -- திட்டங்களில் வழங்கப்பட்ட சாதாரண ESLint அமைப்புகளை பின்பற்றவும் -- கல்விக்கான தெளிவான மாறிகள் மற்றும் செயல்பாட்டு பெயர்கள் பயன்படுத்தவும் -- கற்றுக்கொள்ளும் மாணவர்களுக்கு கருத்துரைகள் சேர்க்கவும் -- Prettier மூலம் வடிவமைப்பு செய்யவும் (அமைக்கப்பட்டிருந்தால்) +- நவீன ES6+ இலக்கணத்தை பயன்படுத்தவும் +- திட்டங்களில் வழங்கப்பட்ட நிலையான ESLint கட்டமைப்புகளை பின்பற்றவும் +- கல்வி தெளிவிற்காக அர்த்தமுள்ள மாறி மற்றும் செயல்முறை பெயர்களைப் பயன்படுத்தவும் +- கற்றறிதலைக்கான கருத்துக்களைச் சேர் +- Prettier கொள்நிலைகளுக்கு உட்பட்டு வடிவமைக்கவும் ### HTML/CSS -- பொருத்தமான HTML5 கூறுகள் -- பதிலளிக்கும் வடிவமைப்பு 원칙ங்கள் -- தெளிவான வகுப்பு பெயரிடுதல் -- CSS தொழில்நுட்பங்களை விளக்கும் கருத்துரைகள் +- பொருத்தமான HTML5 கூறுகள் +- பதிலளிக்கும் வடிவமைப்பு 원칙ங்கள் +- தெளிவான வகுப்பு பெயரிடல்கள் +- CSS தொழில்நுட்பங்களை விளக்கும் கருத்துக்கள் ### Python -- PEP 8 நடைமுறைகள் -- தெளிவான, கல்வி குறியீடு எடுத்துக்காட்டுகள் -- கற்றல் உதவியாக கண்டிப்புகளுடன் +- PEP 8 வடிவமைப்பு கொள்கைகள் +- தெளிவான கல்வி குறியீடு உதாரணங்கள் +- கற்றல் உதவிக்கு தயாரிப்பு குறிப்புகள் ### Markdown Documentation -- தெளிவான தலைப்பு ஒழுங்கு -- மொழி குறிப்பிடப்பட்ட குறியீடு தொகுதிகள் -- கூடுதல் வளங்களுக்கான இணைப்புகள் -- படங்கள் மற்றும் ஸ்கிரீன்ஷாட்கள் `images/` அடைவுகளில் -- படங்களுக்கு அணுகலை உறுதி செய்ய alt உரை +- தெளிவான தலைப்பு அடிக்குறிச் சொத்து +- மொழி குறிப்பிடப்பட்ட குறியீடு தொகுதிகள் +- கூடுதல் வளங்களுக்கான இணைப்புகள் +- `images/` அடைவுகளில் திரைபடங்கள் மற்றும் புகைப்படங்கள் +- அணுகல் வசதிக்குப் படங்கள் க்கான alt உரை ### File Organization -- பாடங்கள் வரிசைப்படுத்தப்பட்ட இலக்குகளுடன் (1-getting-started-lessons, 2-js-basics, மற்றும் இலகு) -- ஒவ்வொரு திட்டத்திலும் `solution/` மற்றும் பெரும்பாலும் `start/` அல்லது `your-work/` அடைவுகள் -- படங்கள் பாடத்திற்கு தொடர்பான `images/` அடைவுகளில் சேமிக்கப்பட்டவை -- மொழிபெயர்ப்புகள் `translations/{language-code}/` கட்டமைப்பில் +- பாடங்கள் தொடர் எண்களுடன் (1-getting-started-lessons, 2-js-basics, மற்றும் பிற) +- ஒவ்வொரு திட்டத்தில் `solution/` மற்றும் பெரும்பாலும் `start/` அல்லது `your-work/` அடைவுகள் உள்ளன +- படங்கள் பாடங்களுக்கு ஏற்ப தனியான `images/` அடைவுகளில் சேமிக்கப்பட்டவை +- மொழிபெயர்ப்புகள் `translations/{language-code}/` அமைப்பில் உள்ளன ## Build and Deployment ### Quiz App Deployment (Azure Static Web Apps) -quiz-app Azure Static Web Apps அமைப்புடன் கூடியது: +quiz-app Azure Static Web Apps சட்டப்படியாக அமைக்கப்பட்டுள்ளது: ```bash cd quiz-app npm run build # dist/ கோப்புறை உருவாக்குகிறது -# முக்கிய கிளையில் தள்ளும்போது GitHub Actions பணிச்சுழற்சியினூடாக வெளியிடுகிறது +# முக்கிய கிளையில் (main) திருத்தங்களைச் செய்தால் GitHub Actions வேலைபாட்டின் மூலம் பயன்படுத்துகிறது ``` -Azure Static Web Apps அமைப்பு: -- **ஆபிள் இருப்பிடம்**: `/quiz-app` -- **வெளியீடு இருப்பிடம்**: `dist` -- **வேலைநடத்தை**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Azure Static Web Apps அமைப்புகள்: +- **App இடம்**: `/quiz-app` +- **வெளியீட்டு இடம்**: `dist` +- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Documentation PDF Generation ```bash npm install # docsify-to-pdf ஐ நிறுவவும் -npm run convert # docs இலிருந்து PDF உருவாக்கவும் +npm run convert # docs இல் இருந்து PDF உருவாக்கவும் ``` ### Docsify Documentation ```bash -npm install -g docsify-cli # Docsify-ஐ உலகளாவியமாக நிறுவவும் +npm install -g docsify-cli # Docsify-ஐ உலகளாவிய அளவில் நிறுவவும் docsify serve # localhost:3000-ல் சேவை செய்யவும் ``` ### Project-specific Builds -ஒவ்வொரு திட்ட அடைவுக்கும் தனித்துவமான கட்டுமான செயல்முறை இருக்கலாம்: -- Vue திட்டங்கள்: `npm run build` மூலம் தயாரிப்பு தொகுப்புகள் உருவாக்கப்படும் -- நிலையான திட்டங்கள்: கட்டுமான படிகள் இல்லாமல் நேரடியாக கோப்புகள் வழங்கப்படுvம் +ஒவ்வொரு திட்ட அடைவுக்கும் தனிப்பட்ட கட்டமைப்பு இருக்கலாம்: +- Vue திட்டங்கள்: `npm run build` மூலம் தயாரிப்பு தொகுதிகள் உருவாக்கப்படுகிறது +- நிலையான திட்டங்கள்: கட்டமைப்பு படிகள் வேண்டாம், கோப்புகளை நேரடியாக சேவை செய்கின்றன ## Pull Request Guidelines ### Title Format -மாற்றத்தின் பகுதியைப் பற்சொல்லும் தெளிவான தலைப்புகளைப் பயன்படுத்தவும்: -- `[Quiz-app] புதுப் பாடத்திற்கான புதிய தேர்வு சேர்க்கப்பட்டது` -- `[Lesson-3] டெர்ரேரியம் திட்டத்தில் எழுத்து பிழை திருத்தப்பட்டது` -- `[Translation] பாடம் 5 இல் ஸ்பானிஷ் மொழிபெயர்ப்பு இணைக்கப்பட்டது` -- `[Docs] அமைப்பு வழிகாட்டிகள் புதுப்பிக்கப்பட்டன` +மாற்றத் துறையை தெளிவாக வெளிப்படுத்தும் தலைப்புகள் பயன்படுத்தவும்: +- `[Quiz-app] புதிய பாடத்திற்கான வினாடி வினா சேர்க்கவும்` +- `[Lesson-3] terrarium திட்டத்தில் தட்டுப்பாடு சரி செய்யவும்` +- `[Translation] பாடம் 5க்கான ஸ்பானிஷ் மொழிபெயர்ப்பு சேர்க்கவும்` +- `[Docs] அமைப்புத் தகவல்களை புதுப்பிக்கவும்` ### Required Checks -PR சமர்ப்பிக்கும் முன்: +PR சமர்ப்பிக்கும்போது: -1. **குறியீடு தரம்**: - - பாதிக்கப்பட்ட திட்ட அடைவுகளில் `npm run lint` இயக்கவும் - - அனைத்து பிழைகள் மற்றும் எச்சரிக்கைகள் சரி செய்யப்பட வேண்டும் +1. **குறியீடு தரம்**: + - பாதிக்கப்பட்ட திட்ட அடைவுகளில் `npm run lint` இயக்கவும் + - அனைத்து நிலைபாடுகளையும் தவிர்க்கவும் -2. **கட்டுமான உறுதி**: - - பொருத்தமாக இருந்தால் `npm run build` இயக்கவும் - - கட்டுமான பிழைகள் இல்லாது இருக்க வேண்டும் +2. **கட்டமைப்பு சரிபார்**: + - தேவையானால் `npm run build` இயக்கவும் + - கட்டமைப்பு பிழைகள் இல்லாததைக் உறுதி செய்யவும் -3. **இணைப்பு சரிபார்ப்பு**: - - எல்லா மார்க்டவுன் இணைப்புகளும் சோதிக்கப்பட வேண்டும் - - பட இணைப்புகளும் சரியாக வேலை செய்ய வேண்டும் +3. **இணைப்பு சரிபார்**: + - அனைத்து மார்க்டவுன் இணைப்புகளையும் சோதிக்கவும் + - படங்கள் தொடர்பிலான இணைப்புகளை சரிபார்க்கவும் -4. **உள்ளடக்கம் மதிப்பாய்வு**: - - எழுத்துப்பிழைகள் மற்றும் இலக்கணம் சரிபார்க்கவும் - - குறியீடு எடுத்துக்காட்டுகள் சரியானவை மற்றும் கல்விக்கும் உகந்ததாக இருக்க வேண்டும் - - மொழிபெயர்ப்புகள் அசல் அர்த்தத்தை பராமரிக்க வேண்டும் +4. **உள்ளடக்கு மதிப்பீடு**: + - எழுத்துப்பிழைகள் மற்றும் இலக்கண பிழைகள் சரிபார்க்கவும் + - குறியீடு உதாரணங்கள் சரியதாகவும் கற்றலுக்குத் தகுதியதாகவும் இருக்க வேண்டும் + - மொழிபெயர்ப்புகள் உண்மையான பொருளை பறைய வைக்க வேண்டும் ### Contribution Requirements -- Microsoft CLA-க்கு சம்மதிக்க வேண்டும் (முதல் PR-க்கு தானாகச் சோதனை) -- [Microsoft Open Source நடைமுறை சட்டத்தை](https://opensource.microsoft.com/codeofconduct/) பின்பற்றவும் -- விரிவான வழிகாட்டிகளுக்கு [CONTRIBUTING.md](./CONTRIBUTING.md) பார்க்கவும் -- தொடர்புடைய பிரச்சினை எண்களை PR விளக்கத்தில் குறிப்பிடவும் (அதவாக இருந்தால்) +- Microsoft CLA (முதலாவது PRல் தானாக சரிபார்க்கப்படுகிறது) ஏற்க வேண்டும் +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) பின்பற்ற வேண்டும் +- விரிவான வழிகாட்டலுக்கு [CONTRIBUTING.md](./CONTRIBUTING.md) பார்க்கவும் +- சம்பந்தப்பட்ட.issue எண்களை PR விளக்கத்தில் குறிப்பிடவும் ### Review Process -- PR-கள் பராமரிப்பவர்களும் சமூகத்தினராலும் ஆய்வு செய்யப்படுகின்றன -- கல்விக்கான தெளிவை முன்னுரிமை வைக்கிறது -- குறியீடு எடுத்துக்காட்டுகள் இதய நடைமுறைகளை பின்பற்ற வேண்டும் -- மொழிபெயர்ப்புகள் துல்லியமும் பண்பாட்டு பொருத்தமும் கொண்டதாக இருக்க வேண்டும் +- PRகள் பராமரிப்பாளர்களாலும் சமூகவினராலும் மதிப்பாய்வு செய்யப்படுகின்றன +- கல்வி தெளிவு முதன்மை +- குறியீடு உதாரணங்கள் தற்போதைய சிறந்த நடைமுறைகளை பின்பற்ற வேண்டும் +- மொழிபெயர்ப்புகள் சரியானவை மற்றும் பண்பாட்டு பொருத்தமானவையாக இருக்க வேண்டும் ## Translation System ### Automated Translation -- GitHub Actions உடன் co-op-translator வேலை ஓட்டத்தை உபயோகிக்கிறது -- 50+ மொழிகளுக்கு தானாக மொழிபெயர்க்கின்றது -- மூல கோப்புகள் முக்கிய அடைவுகளில் உள்ளன -- மொழிபெயர்க்கப்பட்ட கோப்புகள் `translations/{language-code}/` அடைவுகளில் இருக்கும் +- GitHub Actions co-op-translator workflow பயன்படுத்துகிறது +- 50+ மொழிகளுக்கு தானாக மொழிபெயர்க்கிறது +- மூலம் கோப்புக்கள் மெயின் அடைவுகளில் உள்ளன +- மொழிபெயர்க்கப்பட்ட கோப்புகள் `translations/{language-code}/` அடைவுகளில் உள்ளன ### Adding Manual Translation Improvements -1. `translations/{language-code}/` இல் கோப்புகளை கண்டறியவும் -2. கட்டமைப்பை காப்பாற்றி மேம்பாடுகள் சேர்க்கவும் -3. குறியீடு எடுத்துக்காட்டுகள் செயல் திறன் இழக்காமல் இருக்க வேண்டும் -4. உள்ளூர் தேர்வு உள்ளடக்கம் இருப்பின் சோதனை செய்யவும் +1. `translations/{language-code}/` உள்ள கோப்புகளை கண்டறியவும் +2. அமைப்பை மாறாமல் மேம்படுத்துக +3. குறியீடு உதாரணங்கள் செயல்படுவதை உறுதி செய்யவும் +4. உள்ளூர் வினாடி வினா உள்ளடக்கத்தை சோதிக்கவும் ### Translation Metadata -மொழிபெயர்ப்பு கோப்புகளில் metadata தலைப்பு உள்ளடக்கம்: +மொழிபெயர்க்கப்பட்ட கோப்புகள் metadata தலைப்பை கொண்டுள்ளன: ```markdown -**பிரதி அறிவிப்பு**: -இந்த दस्तावेज़ம் AI மொழிபெயர்ப்பு சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிபெயர்க்கப்பட்டது. நாம் துல்லியத்திற்காக முயற்சித்தாலும், தானாக உருவாகும் மொழிபெயர்ப்புகளில் தவறுகள் அல்லது துல்லியமின்மைகள் இருக்கக்கூடும் என்பதை நினைவில் வைக்கவும். இதன் சொந்த மொழியில் உள்ள அசல் दस्तावेज़த்தை அதிகாரப்பூர்வ ஆதாரமாகக் கருத வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பை பரிந்துரைக்கிறோம். இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதிலிருந்து உருவாகும் எந்த தவறான புரிதல்களுக்கும் அல்லது தவிர்க்கும் விளக்கங்களுக்கு நாங்கள் பொறுப்பேற்கமாட்டோம். +**பிரதி நிபந்தனை**: +இந்த ஆவணம் AI மொழி மாற்ற சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்திற்காக முயலும்போதும், தானியங்கி மொழி மாற்றங்களில் பிழைகள் அல்லது தவறான தகவல்கள் இருக்க வாய்ப்பு உள்ளது என்பதை தயவுசெய்து நினைத்துக் கொள்ளவும். உண்மையான ஆவணம் அதன் சொந்த மொழியில் அதிகாரபூர்வ மூலமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பின் பயன்படுத்துதலால் ஏற்பட்ட எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கும் நாங்கள் பொறுப்பற்றவர்கள். \ No newline at end of file diff --git a/translations/ta/README.md b/translations/ta/README.md index 57bfe58935..dbca82f73b 100644 --- a/translations/ta/README.md +++ b/translations/ta/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# தொடக்கத்திற்கான வலை வளர்ப்பு - ஒரு பாடத்திட்டம் +# தொடக்கத்தரக்காரர்களுக்கான வலை மேம்பாடு - ஒரு பாடத்திட்டம் -Microsoft Cloud Advocates வழங்கும் 12 வார விரிவான பாடத்திட்டத்தில் வலை வளர்ப்பின் அடிப்படைகளை கற்றுக்கொள்ளுங்கள். 24 பாடங்களின் ஒவ்வொன்றும் JavaScript, CSS மற்றும் HTML-இன் நடைமுறை திட்டங்கள் மூலம் கற்கப்படுகின்றன, அவற்றில் டெரேரியம், உலாவி நீட்டிப்புகள் மற்றும் விண்வெளி விளையாட்டுகள் அடங்கும். கேள்வியெழுத்துக்கள், விவாதங்கள் மற்றும் நடைமுறை பணிகளைச் செய்து ஈடுபடுங்கள். எங்கள் விளைவு மிக்க திட்ட அடிப்படையிலான ஞானம் முறையால் உங்கள் திறன்களை மேம்படுத்தி, அறிவை சிறந்த முறையில் ரெட்டென்ஷன் செய்யுங்கள். உங்கள் குறியீட்டு பயணத்தை இன்று தொடங்குங்கள்! +மைக்ரோசாஃப்ட் கிளவுட் அட்வோகேட்ஸ் வழங்கும் 12 வார விரிவான பாடக்கருவியுடன் வலை மேம்பாட்டின் அடிப்படைகளை கற்றுக்கொள்ளுங்கள். 24 பாடங்களின் ஒவ்வொன்றும் ஜாவாச்கிரிப்ட், CSS மற்றும் HTML ஐ கொண்டு டெராரியம், பிரௌசர் நீட்சிகள் மற்றும் விண்வெளி விளையாட்டுகள் போன்ற 실험 பணிகள் மூலம் விரிவாக ஆய்வு செய்கிறது. வினாடி வினாக்கள், விவாதங்கள் மற்றும் நடைமுறை கடமைகளுடன் ஈடுபடுங்கள். உங்கள் திறன்களை மேம்படுத்தவும், அறிவை சிறந்த முறையில் பேண எங்கள் செயல்திறன் மிக்க திட்ட அடிப்படையுடைய கற்றல் முறையை அனுபவிக்கவும். உங்கள் குறியீட்டு பயணத்தை இன்று துவங்குங்கள்! -Azure AI Foundry Discord சமூகத்தில் இணையவும் +Azure AI Foundry Discord இல் சேர்ந்து நிபுணர்களையும் மற்றும் சக வலை மேம்பாட்டாளர்களையும் சந்திக்கவும். [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -இந்த வளங்களைப் பயன்படுத்த தொடங்கவிருந்து பின்வரும் படிகளை பின்பற்றவும்: -1. **பதிவகத்தை Fork செய்யவும்**: கிளிக் செய்யவும் [![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. **பதிவகத்தை Clone செய்யவும்**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord-இல் இணையவும் மற்றும் நிபுணர்களும் மற்ற டெவலப்பர்களும் சந்திக்கவும்**](https://discord.com/invite/ByRwuEEgH4) +இந்த வளங்களை பயன்படுத்த துவங்க கீழ்காணும் படிகளை பின்பற்றவும்: +1. **கண்காணிப்பை Fork செய்யுங்கள்**: கிளிக் செய்யவும் [![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. **கண்காணிப்பை Clone செய்யுங்கள்**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord இல் சேர்ந்து நிபுணர்களையும் சக வலை மேம்பாட்டாளர்களையும் சந்திக்கவும்**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 பல் மொழி ஆதரவு +### 🌐 பல மொழி ஆதரவு -#### GitHub Action மூலம் ஆதரிக்கப்படுகிறது (தானாகவும் எப்போதும் புதுப்பிக்கப்படும்) +#### GitHub செயல் இயக்கம் மூலம் ஆதரிக்கப்படுகிறது (தானாகவும் எப்போதும் புதுப்பிக்கப்படும்) [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) | [Khmer](../km/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](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](./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) -> **உள்ளூரில் Clone செய்ய விரும்புகிறீர்களா?** +> **உள்ளூரில் Clone செய்வது விரும்புவீர்களா?** > -> இந்த பதிவகம் 50+ மொழி மொழிபெயர்ப்புகளை உள்ளடக்கியது, இது பதிவிறக்கத்தின் அளவுக்கு பெரிதும் பொறுப்பாகிறது. மொழிபெயர்ப்புகள் இல்லாமல் கிளோன் செய்ய சிறப்பு தேர்வு பயன்பாடு பயன்படுத்தவும்: +> இந்த கண்காணிப்பு 50+ மொழி மொழிபெயர்ப்புகளை கொண்டுள்ளது, இது பதிவிறக்க அளவை மிகவும் அதிகரிக்கிறது. மொழிபெயர்ப்புகளின்றி clone செய்ய sparse checkout பயன்படுத்தவும்: > > **Bash / macOS / Linux:** > ```bash @@ -48,174 +48,175 @@ Azure AI Foundry Discord சமூகத்தில் இணையவும் > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> இது உங்களுக்கு பாடத்திட்டத்தை நிறைவேற்ற அவசியமான அனைத்தையும் வேகமாக பதிவிறக்க உதவும். +> இது உங்கள் பாடத்திட்டத்தை முடிக்க தேவையான அனைத்தையும் மிக விரைவான பதிவிறக்கத்தில் வழங்கும். -**மேலும் மொழிபெயர்ப்பு மொழிகள் ஆதரிக்கப்பட விரும்பின், அவை இங்கே பட்டியலிடப்பட்டுள்ளன [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**மேலும் மொழிபெயர்ப்புகளை விரும்பினால், ஆதரிக்கப்படும் மொழிகள் இங்கே பட்டியலிடப்பட்டுள்ளன. [இங்கே](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 நீங்கள் ஒரு மாணவரா? +#### 🧑‍🎓 _நீங்கள் மாணவரா?_ -[**Student Hub பக்கம்**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) பார்க்கவும். இதில் நீங்கள் தொடக்க வளங்கள், மாணவர் தொகுப்புகள் மற்றும் இலவச சான்றிதழ் வோச்சர் பெறும் வழிகளையும் காணலாம். மாதாந்திரமாக உள்ளடக்கத்தை மாற்றும் போது நீங்கள் அடிக்கடி இந்த பக்கத்தை புத்திசாலித்தனமாக சந்திக்கவும். +[**மாணவர் ஹப் பக்கம்**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) பார்வையிடவும், அங்கே ஆரம்ப நிலை வளங்கள், மாணவர் தொகுப்புகள் மற்றும் இலவச சான்றிதழ் வௌச்சர் பெற வழிகளும் உள்ளன. இது நீங்கள் புத்தக குறியாக்கம் செய்து காலக்கெட்டுக்குள் சரிபார்க்க விரும்பும் பக்கம் ஆகும். -### 📣 அறிவிப்பு - புதிய GitHub Copilot Agent பயன்முறை சவால்கள் உள்ளன! +### 📣 அறிவிப்பு - புதிய GitHub Copilot एजेंट் முறையின் சவால்கள் இப்போது தயார்! -புதிய சவால் சேர்க்கப்பட்டது, பெரும்பாலான அத்தியாயங்களில் "GitHub Copilot Agent Challenge 🚀" எனக் காணவும். இது GitHub Copilot மற்றும் Agent முறைபடி நீங்கள் நிறைவேற்ற வேண்டிய புதிய சவாலை குறிக்கிறது. நீங்கள் இதுவரை Agent முறைபயன்படுத்தவில்லை என்றால், இது உரை உருவாக்குவதற்கோ மட்டுமல்லாமல், கோப்புகளை உருவாக்கவும் திருத்தவும், கட்டளைகளை இயக்கவும் மற்றும் இன்னும் பலவற்றைக் கூடிய திறன் கொண்டது. +புதிய சவால் சேர்க்கப்பட்டுள்ளது, புதிய அதிகாரப்பூர்வ காகித GitHub Copilot Agent Challenge 🚀 என்பதை அனைத்து அத்தியாயங்களிலும் காணவும். இது GitHub Copilot மற்றும் Agent முறையைப் பயன்படுத்தி முடிக்க நீங்கள் வேண்டிய புதிய சவால் ஆகும். Agent முறையை இதுவரை பயன்படுத்தவில்லை என்றால், இது உரையாடல் உருவாக்க 뿐 아니라 கோப்புகளை உருவாக்கவும் திருத்தவும், கட்டளை இயக்கவும் முடியும். -### 📣 அறிவிப்பு - _புதிய திட்டம் ஜனரேட்டிவ் AI-யைப் பயன்படுத்தி கட்டும்_ +### 📣 அறிவிப்பு - _உருவாக்கும் AI கொண்டு புதிய திட்டம் உருவாக்கல்_ -புது AI உதவியாளர் திட்டம் இப்போது சேர்க்கப்பட்டது, பாருங்கள் [project](./9-chat-project/README.md) +புதிய AI உதவியாளர் திட்டம் இப்போது சேர்க்கப்பட்டுள்ளது, இதைப் பாருங்கள் [திட்டம்](./9-chat-project/README.md) -### 📣 அறிவிப்பு - _புதிய பாடத்திட்டம்_ ஜனரேட்டிவ் AI JavaScript க்கானவை வெளியிடப்பட்டது +### 📣 அறிவிப்பு - _JavaScript க்கான உருவாக்கும் AI பற்றிய புதிய பாடத்திட்டம்_ வெளியிடப்பட்டது -எங்கள் புதிய ஜனரேட்டிவ் AI பாடத்திட்டத்தை தவறவிட வேண்டாம்! +எங்கள் புதிய உருவாக்கும் AI பாடத்திட்டத்தை தவறவிடாதீர்கள்! -தொடங்க https://aka.ms/genai-js-course ஐ பார்வையிடவும்! +துவங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பார்வையிடவும்! -![Background](../../translated_images/ta/background.148a8d43afde5730.webp) +![பின்னணி](../../translated_images/ta/background.148a8d43afde5730.webp) -- அடிப்படைகளிலிருந்து RAG வரை அனைத்து பாடங்களும் உள்ளன. -- GenAI மற்றும் எங்கள் தொடை செயலியைப் பயன்படுத்தி வரலாற்று கதாப்பாத்திரங்களுடன் தொடர்பு கொள்ளுங்கள். -- வினோதமான மற்றும் ஈடுபடுத்தும் கதை, நீங்கள் நேரம் பயணம் செய்யப்படுவீர்கள்! +- அடிப்படையிலிருந்து RAG வரை உள்ள பாடங்கள். +- GenAI மற்றும் எங்கள் துணை செயலி மூலம் வரலாற்று கதாபாத்திரங்களுடன் தொடர்பு கொள்ளுங்கள். +- சுவாரஸ்யமான மற்றும் ஈடுபடுத்தும் கதை, நீங்கள் நேரத்தில் பயணம் செய்வீர்கள்! -![character](../../translated_images/ta/character.5c0dd8e067ffd693.webp) +![கதாபாத்திரம்](../../translated_images/ta/character.5c0dd8e067ffd693.webp) -ஒவ்வொரு பாடமும் ஒரு பணிகளை நிறைவேற்றவும், அறிவு சரிபார்ப்பையும் சவாலைச் சொல்லும், பின்வரும் தலைப்புகளில் கற்றல் வழிகாட்டியாக இருக்கும்: -- ப்ராம்ப்டிங் மற்றும் ப்ராம்ப்ட் பொறியியல் -- உரை மற்றும் உருவ பட செயலி உருவாக்கல் -- தேடல் செயலிகள் -தொடங்க https://aka.ms/genai-js-course ஐ பார்வையிடவும்! +ஒவ்வொரு பாடத்திலும் ஒரு பணியினை முடிக்க, அறிவு பரிசோதனை மற்றும் சவால் உண்டு, இதில் கற்றுக்கொள்ள வேண்டிய தலைப்புகள்: +- Prompting மற்றும் prompt பொறியியல் +- உரை மற்றும் படம் செயலி உருவாக்கல் +- தேடும் செயலிகள் +துவங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பார்வையிடவும்! -## 🌱 தொடங்குதல் -> **ஆசிரியர்கள்**, இந்த பாடத்திட்டத்தை எளிதாக பயன்படுத்த சில பரிந்துரைகளை [சேர்க்கப்பட்டுள்ளது](for-teachers.md). உங்கள் கருத்துக்களை எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிரவும்! +## 🌱 துவக்குவது -**[கற்றுக்கொள்பவர்கள்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்பு ஒரு முன்-வாய்ப்பு வினாடி வினா செய்யவும், அதன் பிறகு பாடக் குறிப்புகளைப் படியுங்கள், பல்வேறு செயல்பாடுகளை முடித்துக் கொண்டு உங்கள் புரிதலை பின்வரும் பிறகு வினாடி வினாக்களால் சரிபார்க்கவும். +> **ஆசிரியர்கள்**, இந்த பாடத்திட்டத்தை எப்படி பயன்படுத்துவது என்ற சில பரிந்துரைகளை நாங்கள் சேர்த்துள்ளோம். உங்கள் கருத்துக்களை [எங்கள் விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிர்வால் மகிழ்ச்சி அடைவோம்! -உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, உங்கள் தோழர்களுடன் இணைந்து திட்டங்களைச் செய்யவும்! எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) விவாதங்களை ஊக்குவிக்கின்றோம், இதற்காக நமது குழுவின் மேடிடர்கள் உங்களுடைய கேள்விக்கு பதிலளிக்க தயாராக இருப்பர். +**[கற்றலாளர்கள்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்-பாட வினாடி வினா மூலம் துவங்கி, அதன்பின் பாடப் பதிவுகளை வாசித்து, வெவ்வேறு செயல்பாடுகளை நிறைவேற்றுங்கள் மற்றும் பின்னர்-பாட வினாடி வினாவால் உங்கள் புரிதலაინის சோதனை செய்யுங்கள். -உங்களுடைய கல்வியை மேலும் மேம்படுத்த, மேலதிக படிப்பு வளங்களுக்கு [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ஆராய்வதை நாங்கள் மிகுந்த பரிந்துரைக்கிறோம். +உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, உங்கள் சக மாணவர்களுடன் இணைந்து திட்டங்களில் பணியாற்றுங்கள்! விவாதங்கள் எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ஊக்கப்படுகின்றன. அங்கு எங்கள் மோடரேட்டர் குழுவினர் உங்கள் கேள்விகளுக்கு பதிலளிக்க தயாராக இருப்பர். -### 📋 உங்கள் சுற்றுச்சூழலை அமைத்தல் +மேலும் உங்கள் கல்வியை மேம்படுத்த, கூடுதல் படிப்பு வசதிக்காக [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) அறிவுசார் உள்ளடக்கத்தை ஆராய பரிந்துரைக்கப்படுகிறது. -இந்த பாடத்திட்டம் ஒரு விரைவான மேம்பாட்டு சூழலை உடையது! தொடங்கும்போது, [Codespace](https://github.com/features/codespaces/) (_உலாவி அடிப்படையிலான, பரிந்துரைகள் தேவையற்ற சூழல்_), அல்லது உள்ளூர் உங்கள் கணினியில் [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) போன்ற உரை தொகுப்பியைப் பயன்படுத்தி இயக்க முடியும். +### 📋 உங்கள் சூழலை அமைத்தல் -#### உங்கள் பதிவகத்தை உருவாக்குதல் -உங்கள் பணிகளை எளிதாகச் சேமிப்பதற்கு, இந்த பதிவகத்தின் உங்கள் நகலை உருவாக்க பரிந்துரைக்கப்படுகிறது. இதனை இப்பட்டி பக்கத்தின் மேல் **Use this template** பொத்தானைக் கிளிக் செய்து செய்யலாம். இது உங்கள் GitHub கணக்கில் புதிய பதிவகத்தை உருவாக்கி பாடத்திட்டத்தின் நகலை ஏற்கும். +இந்த பாடத்திட்டத்திற்கு வளர்ச்சியாளர்கள் பணியிட சூழல் தயார் அவசியம்! துவங்கும்போது, இதை [Codespace](https://github.com/features/codespaces/) (_உலாவியில் இயங்கி, நிறுவல் தேவையில்லாத சூழல்_)ல் அல்லது உங்கள் கணினியில் உள்ள உரை தொகுப்பியில் [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) போன்றவற்றைப் பயன்படுத்தி இயக்கலாம். + +#### உங்கள் கண்காணிப்பை உருவாக்குங்கள் +உங்கள் பணியை எளிதாக சேமிக்க, இந்த கண்காணிப்பின் தனிப்பட்ட நகலை உருவாக்க பரிந்துரைக்கப்படுகிறது. இதை செய்ய, பக்கத்தின் மேல் பகுதியில் உள்ள **Use this template** பொத்தானை அழுத்தவும். இது உங்கள் GitHub கணக்கில் பாடத்திட்டத்தின் நகலை கொண்ட புதிய கண்காணிப்பை உருவாக்கும். பின்வரும் படிகளை பின்பற்றவும்: -1. **பதிவகத்தை Fork செய்யவும்**: இப்பட்டி பக்கத்தின் மேல் வலப்புற மூலையில் உள்ள "Fork" பொத்தானை கிளிக் செய்யவும். -2. **பதிவகத்தை Clone செய்யவும்**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **கண்காணிப்பை Fork செய்யுங்கள்**: இந்தப் பக்கத்தின் வலது மேல் பகுதியிலுள்ள "Fork" பொத்தானைக் கிளிக் செய்யவும். +2. **கண்காணிப்பை Clone செய்யுங்கள்**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace இல் பாடத்திட்டத்தை இயக்குதல் +#### Codespace இல் பாடத்திட்டத்தை இயக்கல் -உங்கள் உருவாக்கிய பதிவக நகலுக்கு சென்று, **Code** பொத்தானைக் கிளிக் செய்து **Open with Codespaces** தேர்வு செய்யவும். இது உங்களுக்கு வேலை செய்வதற்கான புதிய Codespace ஐ உருவாக்கும். +உங்கள் உருவாக்கிய கண்காணிப்பில் **Code** பொத்தானைக் கிளிக் செய்து **Open with Codespaces** என்பதைத் தேர்ந்தெடுக்கவும். இது உங்களுக்கு பணியாற்ற புதிய Codespace ஒன்றை உருவாக்கும். ![Codespace](../../translated_images/ta/createcodespace.0238bbf4d7a8d955.webp) -#### உங்கள் கணினியில் உள்ளூர் பாடத்திட்டத்தை இயக்குதல் +#### உங்கள் கணினியில் உள்ளூரில் பாடத்திட்டத்தைக் இயக்கல் -இந்த பாடத்திட்டத்தை உங்கள் கணினியில் இயக்க, நீங்கள் உரை தொகுப்பி, ஒரு உலாவி மற்றும் கட்டளை வரிசை கருவி தேவைப்படும். எங்கள் முதல் பாடம், [Programming Languages and Tools of the Trade அறிமுகம்](../../1-getting-started-lessons/1-intro-to-programming-languages), இவை ஒவ்வொன்றிற்கும் விருப்பங்களை விளக்குகிறது, நீங்கள் உங்களுக்கு ஏற்றதைத் தேர்வு செய்யலாம். +இந்த பாடத்திட்டத்தை உங்கள் கணினியில் இயக்க, ஒரு உரை தொகுப்பி, ஒரு உலாவி மற்றும் கட்டளை வரி கருவி தேவை. எங்களது முதல் பாடம் [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ஒவ்வொரு கருவிக்கும் உகந்த விருப்பங்களை நன்கு விளக்குகிறது. -எங்கள் பரிந்துரை [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) என்பதை உங்கள் தொகுப்பியாக பயன்படுத்துவது, இது உடன் ஒரு [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) கொண்டுள்ளது. Visual Studio Code-ஐ நீங்கள் [இங்கே](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இருந்து பதிவிறக்கம் செய்யலாம். -1. உங்கள் கணினிக்கு உங்கள் களஞ்சியத்தை நகலெடுக்கவும். இது செய்யும் போது **Code** பொத்தானை கிளிக் செய்து URL-ஐ நகலெடுக்கலாம்: +எங்களுக்கு பரிந்துரைக்கப்படும் உரை தொகுப்பி [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ஆகும், இதனுடன் உள்ளமைக்கப்பட்ட [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) உள்ளது. Visual Studio Code ஐ [இங்கிருந்து](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) பதிவிறக்கலாம். +1. உங்கள் சேமிப்பகத்தை (repository) உங்கள் கணினிக்கு கிளோன் (clone) செய்யவும். இதை செய்ய, **Code** பொத்தானை கிளிக் செய்து URL ஐ நகலெடுக்கலாம்: [CodeSpace](./images/createcodespace.png) - பின்னர், [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ஐ திறந்து, நீங்கள் இப்போது நகலெடுத்த URL யுடன் `` என்பதை மாற்றி கீழ்காணும் கட்டளையை இயக்கவும்: + பின்னர், [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ஐ திறந்து, கீழுள்ள கட்டளையை இயக்குங்கள், `` ஐ நீங்கள் தற்போது நகலெடுத்த URL கொண்டு மாற்றி: ```bash git clone ``` -2. Visual Studio Code இல் கோப்புறை திறக்கவும். இது செய்ய, **File** > **Open Folder** என்பதை கிளிக் செய்து நீங்கள் தற்போது நகலெடுத்த கோப்புறையை தேர்ந்தெடுக்கவும். +2. Visual Studio Code இல் அந்த கோப்புறையை திறக்கவும். இதை செய்ய, **File** > **Open Folder** என்பதைக் கிளிக் செய்து, நீங்கள் கிளோன் செய்த கோப்புறையைத் தேர்ந்தெடுக்கவும். -> பரிந்துரைக்கப்பட்ட Visual Studio Code விரிவாக்கங்கள்: +> பரிந்துரைக்கப்படும் Visual Studio Code நீட்டிப்புகள்: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code இல் HTML பக்கங்களை முன்னோட்டம் செய்ய -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - உங்கள் குறியீட்டை விரைவாக எழுத உதவும் +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code இல் HTML பக்கங்களை நேரலாக முன்னோட்டம் செய்ய +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - குறியீட்டை வேகமாக எழுத உதவும் -## 📂 ஒவ்வொரு பாடத்திலும் அடங்கும்: +## 📂 ஒவ்வொரு பாடத்திலும் உள்ளவை: - விருப்பமான ஸ்கெட்ச் நோட் -- விருப்பமான இணை වීடியோ -- பாடத்திற்கு முன் வெப்பப்பயிற்சி வினாத்தாள் -- எழுதப்பட்ட பாடம் -- திட்ட அடிப்படையிலான பாடங்களுக்கு, திட்டத்தை கட்டமைக்கும் படி படிநிலை வழிகாட்டிகள் -- அறிவு சோதனைகள் +- விருப்பமான கூடுதல் வீடியோ +- பாடத்திற்கு முன்னதாக பொருத்தமான வினாத்தாள் +- எழுதிய பாடம் +- திட்டம் அடிப்படையிலான பாடங்களுக்கு, படி படியாக திட்டத்தை உருவாக்கும் வழிகாட்டிகள் +- அறிவு பரிசோதனைகள் - ஒரு சவால் -- இணை வாசிப்பு -- பணியளிப்பு +- கூடுதல் வாசிப்பு +- பணிகள் - [பாடத்திற்குப் பிறகு வினாத்தாள்](https://ff-quizzes.netlify.app/web/) -> **வினாத்தாளர் குறிப்பு**: அனைத்து வினாத்தாள்களும் Quiz-app என்ற கோப்புறையில் உள்ளன, ஒவ்வொன்றிலும் மூன்று வினாக்கள் கொண்ட 48 வினாத்தாள்கள். இவை [இங்கே](https://ff-quizzes.netlify.app/web/) கிடைக்கின்றன. வினாத்தாள் பயன்பாடு உள்ளூர் ஆக இயக்க அல்லது Azure க்கு நியமிக்கலாம்; `quiz-app` கோப்புறையில் உள்ள விளக்கங்களை பின்பற்றவும். +> **வினாத்தாள்கள் தொடர்பான குறிப்பு**: அனைத்து வினாத்தாள்களும் Quiz-app கோப்புறையில் உள்ளன, ஒவ்வொன்றிலும் மூன்று கேள்விகள் கொண்ட 48 வினாத்தாள்கள் உள்ளன. அவைகள் இங்கே கிடைக்கின்றன [இங்கே](https://ff-quizzes.netlify.app/web/) . Quiz app ஐ உள்ளூர் ரீதியாக இயக்கலாம் அல்லது Azureக்கு ஒப்படைக்கலாம்; இதற்கான வழிகாட்டுதல்களை `quiz-app` கோப்புறையில் பின்பற்றவும். ## 🗃️ பாடங்கள் -| | திட்டத்தின் பெயர் | கற்றுக் கொடுக்கப்படும் கருத்துக்கள் | கற்றல் நோக்கங்கள் | இணைக்கப்பட்ட பாடம் | ஆசிரியர் | -| :-: | :----------------------------------------------------------: | :---------------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: | -| 01 | துவக்கம் | நிரல் மொழிகள் மற்றும் தொழில்நுட்பங்களுக்கான அறிமுகம் | பெரும்பாலான நிரல் மொழிகளின் அடிப்படைகளை கற்றல் மற்றும் தொழில்முறை டெவலப்பர்களுக்கு உதவும் மென்பொருள் பற்றி அறிதல் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ஜாஸ்மின் | -| 02 | துவக்கம் | GitHub அடிப்படைகள், குழுவுடன் பணியாற்றுவது | உங்கள் திட்டத்தில் GitHub பயன்படுத்துவது மற்றும் மற்றவர்களுடன் குறியீடு அடிப்படையில் கூட்டு செயல்பாடு செய்யும் விதம் | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ஃப்லோர் | -| 03 | துவக்கம் | அணுகல் மலிவு | வலை அணுகல் மலிவின் அடிப்படைகளை கற்றல் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | கிரிஸ்டோஃபர் | -| 04 | JS அடிப்படைகள் | JavaScript தரவுத் தகுதிகள் | JavaScript தரவுத் தகுதிகளின் அடிப்படைகள் | [Data Types](./2-js-basics/1-data-types/README.md) | ஜாஸ்மின் | -| 05 | JS அடிப்படைகள் | செயல்பாடுகள் மற்றும் முறைகள் | செயல்பாடுகள் மற்றும் செயல்முறைகள் மூலம் செயலியின் தர்க்கத்தை நிர்வகிப்பது | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ஜாஸ்மின் மற்றும் கிரிஸ்டோஃபர் | -| 06 | JS அடிப்படைகள் | JS மூலம் முடிவெடுக்குதல் | உங்கள் குறியீட்டில் முடிவெடுக்கும் விதிகளை உருவாக்கும் வழிகள் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ஜாஸ்மின் | -| 07 | JS அடிப்படைகள் | வரிசைகள் மற்றும் மடக்குகளும் | JavaScript இல் வரிசைகள் மற்றும் மடக்குகளுடன் தரவை கையாளுதல் | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ஜாஸ்மின் | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML நடைமுறை | ஆன்லைன் டெரேரியம் உருவாக்க HTML கட்டமைக்க, அமைப்பின் கட்டமைப்பில் கவனம் செலுத்தி | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ஜென் | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS நடைமுறை | ஆன்லைன் டெர்ரீரியத்தை ஸ்டைல் செய்ய CSS கட்டமைக்க, பெற்றோடியான CSS அடிப்படைகளுடன் பக்கம் பொறுத்து விளையாடுதல் | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ஜென் | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript மூடல்கள், DOM விளையாட்டுகள் | டெர்ரீரியத்தை டிராக்/ட்ராப் முகவரையாக செயல்படுத்த JavaScript கட்டமைக்க, மூடல்கள் மற்றும் DOM விளையாட்டுகளில் கவனம் செலுத்தி | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ஜென் | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | தட்டச்சு விளையாட்டை உருவாக்குதல் | உங்கள் JavaScript செயலிக்கு விசைப்பலகை நிகழ்வுகளைப் பயன்படுத்திக் குறியீட்டு தர்க்கத்தை இயக்குவது | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | கிரிஸ்டோஃபர் | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவிகள் பற்றிய அறிவு | உலாவிகள் எப்படிப் பணி செய்யின்றன, வரலாறு மற்றும் ஒரு உலாவி நீட்டிப்பை உருவாக்க ஆரம்ப நிலைப் பகுதிகளை உருவாக்குவது | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ஜென் | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவம் உருவாக்கல், API க்கு அழைப்பு மற்றும் உள்ளூர் சேமிப்பில் மாறிலிகளை சேமித்தல் | உங்கள் உலாவி நீட்டிப்பின் JavaScript கூறுகளை உருவாக்கி API அழைக்கிறது, உள்ளூர் சேமிப்பில் சேமிக்கப்பட்ட மாறிலிகளை இந்தச் செயலில் பயன்படுத்துகிறது | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ஜென் | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவி பின்னணி செயல்பாடுகள், வலை செயல்திறன் | நீட்டிப்பின் ஐகானை நிர்வகிக்க உலாவி பின்னணி செயல்பாடுகளைப் பயன்படுத்துதல்; வலை செயல்திறன் மற்றும் சில மேம்பாடுகள் பற்றி அறிதல் | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ஜென் | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript மூலம் மேம்பட்ட விளையாட்டு மேம்பாடு | வகுப்புகள் மற்றும் கூட்டு முறைகளைப் பயன்படுத்தி வாரிசாக பெற்றல் மற்றும் Pub/Sub முறை பற்றி கற்றல்; விளையாட்டை உருவாக்கும் முன்னேற்பாடு | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | கிரிஸ் | -| 16 | [Space Game](./6-space-game/solution/README.md) | கன்வாஸ் வரைத்தல் | திரையில் கூறுகளை வரைக்க Canvas API பற்றி கற்றல் | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | கிரிஸ் | -| 17 | [Space Game](./6-space-game/solution/README.md) | திரையில் கூறுகளை நகர்த்துதல் | கார்டீசியன் நிரல்களும் Canvas API பயன்படுத்தி கூறுகளுக்கு இயக்கம் பெறுவது எப்படி என்பது பற்றி அறிதல் | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | கிரிஸ் | -| 18 | [Space Game](./6-space-game/solution/README.md) | மோதல் கண்டறிதல் | விசைப்பலகை அழுத்தங்களைப் பயன்படுத்தி கூறுகளை மோதவைத்து, விளையாட்டின் செயல்திறனை உறுதி செய்ய குளிர் பொதி செயல்பாடு வழங்குதல் | [Collision Detection](./6-space-game/4-collision-detection/README.md) | கிரிஸ் | -| 19 | [Space Game](./6-space-game/solution/README.md) | மதிப்பெண் காப்பது | விளையாட்டு நிலை மற்றும் செயல்திறனை அடிப்படையாக கொண்டு கணித கணக்கீடுகளை செய்யுதல் | [Keeping Score](./6-space-game/5-keeping-score/README.md) | கிரிஸ் | -| 20 | [Space Game](./6-space-game/solution/README.md) | விளையாட்டை நிறுத்துதல் மற்றும் மறுதொடக்கம் | விளையாட்டை நிறுத்தவும் மறுதொடக்கம் செய்யவும் கற்றல், நேர்முகக் கூறுகளை சுத்தம் செய்தல் மற்றும் மாறிலி மதிப்புகளை மீட்டமைத்தல் | [The Ending Condition](./6-space-game/6-end-condition/README.md) | கிரிஸ் | -| 21 | [Banking App](./7-bank-project/solution/README.md) | வலை பயன்பாட்டில் HTML வடிவ naqைகள் மற்றும் பாதைகள் | வலைதள கட்டமைப்பை உருவாக்க HTML வடிவ naqைகள் மற்றும் பாதைகளைப் பயன்படுத்தி உருவாக்குதல் | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | யோஹான் | -| 22 | [Banking App](./7-bank-project/solution/README.md) | உள்நுழைவு மற்றும் பதிவு படிவம் கட்டமைத்தல் | படிவங்களை உருவாக்கவும் சரிபார்ப்பு நடைமுறைகளை கையாளவும் கற்றல் | [Forms](./7-bank-project/2-forms/README.md) | யோஹான் | -| 23 | [Banking App](./7-bank-project/solution/README.md) | தரவை எவ்வாறு கொண்டு மற்றும் பயன்படுத்துவது | உங்கள் பயன்பாட்டில் தரவு எவ்வாறு புகுந்து வெளியேறும், அதை எவ்வாறு பெறுவது, சேமிப்பது மற்றும் அகற்றுவது பற்றி | [Data](./7-bank-project/3-data/README.md) | யோஹான் | -| 24 | [Banking App](./7-bank-project/solution/README.md) | நிலை மேலாண்மை கருத்துக்கள் | உங்கள் பயன்பாடு நிலையை எவ்வாறு காக்கிறது மற்றும் அதனை நிரல்பாகமாக எவ்வாறு நிர்வகிப்பது | [State Management](./7-bank-project/4-state-management/README.md) | யோஹான் | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode உடன் பணிபுரிதல் | குறியீட்டுத்தொகுப்பி பயன்படுத்துவது கற்று கொள்| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | கிரிஸ் | -| 26 | [AI Assistants](./9-chat-project/README.md) | செயற்கைக்கையாக செயற்படும் உதவியாளர்கள் | உங்கள் சொந்த செயற்கைக் உதவியாளரை உருவாக்க கற்றல் | [AI Assistant project](./9-chat-project/README.md) | கிரிஸ் | +| | திட்டத்தின் பெயர் | கொடுக்கப்பட்ட கருத்துக்கள் | கற்றல் குறிக்கோள்கள் | இணைக்கப்பட்ட பாடம் | ஆசிரியர் | +| :-: | :----------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | தொடங்குதல் | நிரலாக்கத்தின் அறிமுகம் மற்றும் உபகரணங்கள் | பெரும்பாலான நிரலாக்க மொழிகளின் அடிப்படைகளை மற்றும் தொழில்நுட்ப வல்லுநர்கள் தங்கள் வேலை செய்ய உதவும் மென்பொருளைப் பற்றி கற்றுக்கொள்ளுங்கள் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ஜேஸ்மின் | +| 02 | தொடங்குதல் | GitHub அடிப்படைகள், குழுவுடன் வேலை செய்வது | உங்கள் திட்டத்தில் GitHub ஐ எப்படி பயன்படுத்துவது, குறியீட்டு அடித்தளத்தில் மற்றவர்களுடன் எவ்வாறு ஒத்துழைக்கலாம் என்பது பற்றி தெரிந்து கொள்ளவும் | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ஃப்ளோர் | +| 03 | தொடங்குதல் | அணுகல் வசதி | வலை அணுகல் வசதி அடிப்படைகளை கற்றுக்கொள்ளவும் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | கிறிஸ்டோபர் | +| 04 | JS அடிப்படைகள் | ஜாவாஸ்கிரிப்ட் தரவின் வகைகள் | ஜாவாஸ்கிரிப்ட் தரவின் அடிப்படைகளை கற்றுக்கொள்ளவும் | [Data Types](./2-js-basics/1-data-types/README.md) | ஜேஸ்மின் | +| 05 | JS அடிப்படைகள் | செயல்பாடுகள் மற்றும் முறைகள் | பயன்பாட்டின் செயல்திறன் வழிசெலுத்த செயல்பாடுகள் மற்றும் முறைகள் பற்றி கற்றுக்கொள்ளவும் | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ஜேஸ்மின் மற்றும் கிறிஸ்டோபர் | +| 06 | JS அடிப்படைகள் | JS மூலம் முடிவெடுக்கும் செயல்முறைகள் | செயல்பாட்டில் நிபந்தனைகளை உருவாக்க JS பயன்படுத்துவது எப்படி என்பதை கற்றுக்கொள்ளவும் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ஜேஸ்மின் | +| 07 | JS அடிப்படைகள் | வரிசைகள் மற்றும் சுற்றங்கள் | ஜாவாஸ்கிரிப்டில் வரிசைகள் மற்றும் சுற்றங்களைப் பயன்படுத்தி தரவுடன் செயல்படவும் | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ஜேஸ்மின் | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML நடைமுறை | ஆன்லைன் டெரேரியம் உருவாக்க HTML கட்டமைப்பை உருவாக்கவும், கட்டமைப்பை உருவாக்குவதில் கவனம் செலுத்தவும் | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ஜென் | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS நடைமுறை | ஆன்லைன் டெரேரியத்துக்கு CSS வடிவமைப்பை உருவாக்கவும், பக்கத்தை எதிர்மறையாக மாற்ற CSS அடிப்படைகளில் கவனம் செலுத்தவும் | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ஜென் | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | ஜாவாஸ்கிரிப்ட் கிளோசுர்கள், DOM செயலாக்கம் | டெரேரியம் செயல்படும் வகையில் JavaScript உருவாக்கவும், கிளோசுர்கள் மற்றும் DOM செயலாக்கத்தில் கவனம் செலுத்தவும் | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ஜென் | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | ஒரு டைப் விழுது விளையாட்டை உருவாக்குவது | உங்கள் JavaScript செயலிக்கு கீபோர்ட் நிகழ்வுகளை பயன்படுத்தி செயல்திறன் வழி நடத்துவது பற்றி கற்றுக்கொள்ளவும் | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | கிறிஸ்டோபர் | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவிகளுடன் வேலை செய்வது | உலாவிகள் எப்படி செயல்படுகின்றன, அவற்றின் வரலாறு மற்றும் உலாவி நீட்டிப்பின் முதல் மூலப்பொருட்களை உருவாக்குவது எப்படி என்பதை கற்றுக்கொள்ளவும் | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ஜென் | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவம் உருவாக்கல், API அழைப்பு மற்றும் உள்ளூர் நினைவக மாற்ற மாறிலிகள் | API ஐ அழைக்க உள்ளூர் நினைவகத்தில் மாறிலிகளை சேமித்துக் கொண்டு உலாவி நீட்டிப்பின் JavaScript கூறுகளை உருவாக்கவும் | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ஜென் | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவியின் பின்னணி செயல்முறைகள், வலை செயல்திறன் | நீட்டிப்பின் சின்னத்தை வழிமொழுவதற்கும் பின்னணி செயல்முறைகளை பயன்படுத்தவும்; வலை செயல்திறன் மற்றும் சிறிது மேம்பாடுகளைப் பற்றி கற்றுக்கொள்ளவும் | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ஜென் | +| 15 | [Space Game](./6-space-game/solution/README.md) | ஜாவாஸ்கிரிப்ட் மூலம் மேம்படுத்திய விளையாட்டு மேம்பாடு | வகுப்புகள் மற்றும் சேர்மத்தைப் பயன்படுத்தி மரபளிப்பை மற்றும் Pub/Sub முறையை கற்றுக்கொண்டு விளையாட்டை உருவாக்க தயாராகுங்கள் | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | கிறிஸ் | +| 16 | [Space Game](./6-space-game/solution/README.md) | பட்டத்தில் வரைதல் | திரையில் கூறுகளை வரைய Canvas API பற்றி கற்றுக்கொள்ளவும் | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | கிறிஸ் | +| 17 | [Space Game](./6-space-game/solution/README.md) | திரையில் கூறுகளை நகர்த்தல் | கார்டீசியன் ஒருங்குறிகள் மற்றும் Canvas API ஐ பயன்படுத்தி கூறுக்களை இயக்குவது எப்படி என்பதை அறியவும் | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | கிறிஸ் | +| 18 | [Space Game](./6-space-game/solution/README.md) | மோதல் கண்டறிதல் | விசைகள் அழுத்துதல்களைப் பயன்படுத்தி கூறுகள் மோதும் மற்றும் பதிலளிக்கும் முறையை உருவாக்கவும்; விளையாட்டு செயல்திறனை உறுதி செய்ய குளிர்ச்சி செயல்பாடு கொடுக்கவும் | [Collision Detection](./6-space-game/4-collision-detection/README.md) | கிறிஸ் | +| 19 | [Space Game](./6-space-game/solution/README.md) | மதிப்பெண்கள் நிர்ணயம் | விளையாட்டின் நிலை மற்றும் செயல்திறனை அடிப்படையாகக் கொண்டு கணக்கீடுகளைச் செய்க | [Keeping Score](./6-space-game/5-keeping-score/README.md) | கிறிஸ் | +| 20 | [Space Game](./6-space-game/solution/README.md) | விளையாட்டை நிறுத்துதல் மற்றும் மறுதொடக்கம் | விளையாட்டை நிறுத்துவது மற்றும் மறுதொடங்குவது, ஆதாரங்கள் சுத்தம் செய்தல் மற்றும் மாறிலிகளை மீட்டமைத்தல் பற்றியவை | [The Ending Condition](./6-space-game/6-end-condition/README.md) | கிறிஸ் | +| 21 | [Banking App](./7-bank-project/solution/README.md) | வலை பயன்பாட்டில் HTML வார்ப்புருக்கள் மற்றும் வழிகள் | பலபக்க வலைத்தளத் வடிவமைப்பின் விரிச்சட்டைத்தையும் HTML வார்ப்புருக்களையும் உருவாக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும் | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | யோஹான் | +| 22 | [Banking App](./7-bank-project/solution/README.md) | உள்நுழைவு மற்றும் பதிவு படிவத்தை உருவாக்குதல் | படிவங்களை உருவாக்குதல் மற்றும் சரிபார்ப்பு நடைமுறைகளை கையாளுதல் பற்றி கற்றுக்கொள்ளவும் | [Forms](./7-bank-project/2-forms/README.md) | யோஹான் | +| 23 | [Banking App](./7-bank-project/solution/README.md) | தரவை அறியும் மற்றும் பயன்படுத்தும் முறைகள் | உங்கள் பயன்பாட்டிற்கு தரவு எப்படி வந்து செல்கிறது, அதை எவ்வாறு பெறுவது, சேமிப்பது மற்றும் கழிப்பது பற்றி கற்றுக்கொள்ளவும் | [Data](./7-bank-project/3-data/README.md) | யோஹான் | +| 24 | [Banking App](./7-bank-project/solution/README.md) | நிலை மேலாண்மை கருத்துக்கள் | உங்கள் பயன்பாட்டின் நிலையை எப்படி காக்கிறது மற்றும் அதை நிரல்முறையாக எப்படி நிர்வகிப்பது என்பதை கற்றுக்கொள்ளவும் | [State Management](./7-bank-project/4-state-management/README.md) | யோஹான் | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode உடன் வேலை செய்வது | குறியீட்டு எடிட்டரைப் பயன்படுத்துவது கற்றுக்கொள்வது | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | கிறிஸ் | +| 26 | [AI Assistants](./9-chat-project/README.md) | எஐ உடன் வேலை செய்வது | உங்கள் சொந்த AI உதவியாளரை உருவாக்குவதை கற்றுக்கொள்ளவும் | [AI Assistant project](./9-chat-project/README.md) | கிறிஸ் | ## 🏫 கல்வி முறைகள் -எங்கள் பாடத் திட்டம் இரண்டு முக்கியக் கல்வித்தத்துவக் கொள்கைகளுடன் வடிவமைக்கப்பட்டுள்ளது: +எங்கள் பாடத்திட்டம் கீழ்க்காணும் இரண்டு முக்கிய கல்வித்தத்துவங்களை கொண்டுள்ளது: * திட்ட அடிப்படையிலான கற்றல் * அடிக்கடி வினாத்தாள்கள் -இந்த திட்டத்தில் JavaScript, HTML மற்றும் CSS அடிப்படைகள் மற்றும் இன்றைய வலை டெவலப்பர்களால் பயன்படுத்தப்படும் புதிய கருவிகள் மற்றும் தொழில்நுட்பங்கள் கற்றுக் கொடுக்கப்படுகின்றன. மாணவர்கள் தட்டி எழுதும் விளையாட்டு, இணையதள டெர்ரீரியம், சுற்றுச்சூழல் நட்பு உலாவி நீட்டிப்பு, விண்வெளி படைப்பு விளையாட்டு மற்றும் வணிகத்திற்கான வங்கியியல் செயலி ஆகியவற்றை உருவாக்கி கையாளும் வாய்ப்பு பெறுவர். தொடர் முடிந்து, மாணவர்கள் வலை மேம்பாட்டை நன்கு புரிந்துகொள்வர். +இந்த திட்டம் ஜாவாஸ்கிரிப்ட், HTML மற்றும் CSS அடிப்படைகளை, மேலும் இன்றைய வலை வளர்ச்சியாளர்களால் பயன்படுத்தப்படும் சமீபத்திய கருவிகள் மற்றும் நுட்பங்களை கற்பிக்கிறது. மாணவர்கள் ஒரு டைப் விளையாட்டு, மெய்நிகர் டெரேரியம், சுற்றுச்சூழல் நட்பான உலாவி நீட்டிப்பு, விண்வெளி-பேருள்ளி மாதிரிப்புள்ள விளையாட்டு மற்றும் வணிகங்களுக்கான வங்கி பயன்பாட்டை உருவாக்குவதன் மூலம் நேரடி அனுபவம் பெற்றுக்கொள்ள வாய்ப்பு பெறுவர். தொடரின் முடிவில், மாணவர்கள் வலை வளர்ச்சியில் வலுவான புரிதலை கொண்டிருப்பர். -> 🎓 இந்த பாடத்திட்டத்தின் முதல் சில பாடங்களை Microsoft Learn இல் உள்ள [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ஆகக் கற்றுக்கொள்ளலாம்! +> 🎓 இந்த பாடத்திட்டத்தில் முதல் சில பாடங்களை Microsoft Learn இல் உள்ள [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ஆக எடுத்துக்கொள்ளலாம்! -திட்டங்களுடன் உள்ளடக்கம் நன்றாக இணைக்கப்படுவதால் மாணவர்கள் மிகவும் ஈடுபடுவார்கள் மற்றும் கருத்துகள் எளிதில் மனசாட்சியாக்கப்படும். JavaScript அடிப்படைகளை அறிமுகப்படுத்த சில தொடக்க பாடங்களும், "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" என்ற வீடியோ பாடங்களின் தொகுப்புடன் இணைந்து வழங்கப்பட்டுள்ளன, இதில் சில ஆசிரியர்கள் இந்த பாடத்திட்ட உருவாக்கத்தில் பங்கு கொண்டனர். +திட்டங்களுக்கு உள்ளடக்கம் இணைக்கப்படுவதை உறுதி செய்வதன் மூலம், மாணவர்களுக்கு கற்றல் செயல்முறை More கடுமையானதும் மீட்டெடுக்கும் திறன் அதிகரிக்கும். மேலும், சில ஸ்டார்டர் பாடங்களை ஜாவாஸ்கிரிப்ட் அடிப்படைகளில் எழுதினோம், "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" குறும்பட தொகுப்பின் வீடியோவுடன் இணைத்து, சில ஆசிரியர்கள் இதில் பங்களித்தனர். -மேலும், வகுப்புக்கு முன் குறிமதிப்பற்ற வினாத்தாள் மாணவரின் சிந்தனை தலைப்பு கற்றல் நோக்கத்தில் அமைக்கிறது; வகுப்புக்கு பிறகு இரண்டாவது வினாத்தாள் இன்னும் ஆழமான மனசாட்சியைக் கொடுக்கும். இந்த பாடத்திட்டம் நெகிழ்வாகவும் சிலைக்குரியதாகவும் வடிவமைக்கப்பட்டுள்ளது மற்றும் முழுமையாக அல்லது அंशமாகக் கற்கப்படலாம். 12 வாரக் காலஒழுங்கின் கடைசியில் திட்டங்கள் சிறியதாக இருந்து வளர்ந்து பெரிதும் சிக்கலானதாக மாறும். +மேலும், வகுப்பிற்கு முன் குறைந்த அழுத்த வினாத்தாள் மூலம் மாணவர்கள் ஒரு தலைப்பை கற்பதில் நோக்கம் அர்ப்பணிக்கின்றனர்; வகுப்பிற்கு பின் இரண்டாவது வினாத்தாள் மேலதிக நினைவாற்றலை உறுதி செய்கிறது. இந்த பாடத்திட்டம் நெகிழ்வானதும் சுவாரஸ்யமாக இருப்பதாக வடிவமைக்கப்பட்டுள்ளது மற்றும் ஒரு முழுமையான இடையே எடுக்கலாம். 12 வார சுழற்சியின் இறுதியில் திட்டங்கள் சிறியதாக இருந்து மெதுவாக சிக்கலானதாக மாறுகின்றன. -JavaScript கட்டமைப்புகளை அறிமுகப்படுத்தாமல் இந்தக் கல்வித்திட்டம் வலை டெவலப்பராக தேவைப்படும் அடிப்படை திறன்களைக் கற்றுத்தர கவனம் செலுத்தியுள்ளது; அடுத்த கட்டமாக, Node.js-ஐப் பற்றிய "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" வீடியோ தொகுப்பைக் கற்றுக்கொள்ளலாம். +வலை வளர்ச்சியாளராக அடிப்படை திறன்கள் படைப்பதற்காக ஜாவாஸ்கிரிப்ட் கட்டமைப்புகளை அறிமுகப்படுத்துவதை நாங்கள் தவிர்த்திருக்கிறோம், அதனை அறிந்த பிறகு, வேறு வீடியோ தொகுப்பான "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" மூலம் Node.js பற்றி கற்றுக்கொள்ள பரிந்துரைகிறது. -> எங்களுடைய [Code of Conduct](CODE_OF_CONDUCT.md) மற்றும் [Contributing](CONTRIBUTING.md) வழிகாட்டுதல்களைப் பார்வையிடவும். உங்கள் கட்டுமானமான கருத்துக்களை எங்கள் குழு வரவேற்கிறது! +> எங்கள் [Code of Conduct](CODE_OF_CONDUCT.md) மற்றும் [Contributing](CONTRIBUTING.md) வழிகாட்டுதல்களைப் பார்வையிடுங்கள். உங்கள் கட்டமைப்பூட்டி கருத்துக்களை வரவேற்கிறோம்! -## 🧭 ஆஃப்லைன் அணுகல் +## 🧭 ஆணையற்ற அணுகல் -[Docsify](https://docsify.js.org/#/) பயன்படுத்தி இந்த ஆவணத்தை ஆஃப்லைனில் இயக்கலாம். இந்தக் களஞ்சியத்தை Fork செய்து, [Docsify-யை நிறுவி](https://docsify.js.org/#/quickstart) உங்கள் உள்ளூர் கணினியில் `docsify serve` என்ற கட்டளை மூலம் root கோப்புறையில் இயக்கவும். இணையதளம் உங்கள் கணினியில் $3000 போர்ட்-ல் சேவை செய்யப்படும்: `localhost:3000`. +[Docsify](https://docsify.js.org/#/) ஐ பயன்படுத்தி இந்த ஆவணத்தைக் கம்பியற்ற முறையில் இயக்கலாம். இந்த ரெப்போவை Fork செய்து, உங்கள் உள்ளூர் இயந்திரத்தில் [Docsify ஐ நிறுவி](https://docsify.js.org/#/quickstart), பின்னர் இந்த ரெப்போவின் ரூட் கோப்புறையில் `docsify serve` என টাইப் செய்யவும். இணையதளம் உங்கள் உள்ளூர் கணினியில் போர்ட் 3000 இல் வழங்கப்படும்: `localhost:3000`. ## 📘 PDF -A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +எல்லா பாடங்களின் ஒரு PDF இங்கே காணலாம் [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 மற்ற பாடங்கள் +## 🎒 பிற பாடநெறிகள் -எங்கள் குழு பிற பாடங்களையும் தயாரிக்கிறது! இதை சரிபார்க்கவும்: +எங்கள் குழு பிற பாடநெறிகளையும் உருவாக்குகிறது! பார்: ### LangChain @@ -224,7 +225,7 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web- [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / முகவர்கள் [![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) @@ -232,7 +233,7 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web- --- -### Generative AI தொடர் +### உருவாக்கும் AI தொடர் [![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 +241,7 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web- --- -### மைய கற்கை +### மூலக் கற்கை [![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,29 +252,29 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web- --- -### 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) -## உதவிக்குறிப்பு பெறுதல் +## உதவி பெறுவது எப்படி -நீங்கள் படிக்கும்போது சிக்கல் ஏற்பட்டால் அல்லது AI பயன்பாடுகளை உருவாக்குவதற்கு ஏதேனும் கேள்விகள் உள்ளவராக இருந்தால். MCP பற்றிய விவாதங்களில் துறையினர் மற்றும் அனுபவம் வாய்ந்த டெவலப்பர்களுடன் சேரவும். இது கேள்விகள் வரவேற்கப்படும் மற்றும் அறிவு சுதந்திரமாக பகிரப்படும் ஒரு ஆதரவான சமுதாயம் ஆகும். +நீங்கள் முடியாமல் போனால் அல்லது AI பயன்பாடுகளை உருவாக்குவதில் ஏதாவது கேள்விகள் இருந்தால் MCP பற்றி பேசும் நண்பர்கள் மற்றும் அனுபவம் வாய்ந்த வளர்ப்பவர்களுடன் இணைக. இது கேள்விகள் வரவேற்கப்படுகின்ற ஓர் ஆதரவு சமூகம் மற்றும் அறிவு சுதந்திரமாக பகிரப்படுகின்றது. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -உங்கள் தயாரிப்பின் பின்னூட்டங்கள் அல்லது பிழைகள் இருந்தால், இதில் செல்லவும்: +உங்கள் தயாரிப்பு கருத்துக்கள் அல்லது பிழைகள் இருந்தால் கட்டமைக்கும் போது: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) -## உரிமம் +## உரிமை -இந்த நிரலுக்கட்டமைப்பு MIT உரிமத்தில் வழங்கப்படுகிறது. மேலும் தகவலுக்கு [LICENSE](../../LICENSE) கோப்பைப் பார்க்கவும். +இந்த நிரல்கோப்பு MIT உரிமையுடன் உரிமம் பெற்றுள்ளது. மேலும் தகவலுக்கு [LICENSE](../../LICENSE) கோப்பை காணவும். --- -**தயவுசெய்து கவனிக்கவும்**: -இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) என்ற ஏ.ஐ மொழிபெயர்ப்பு சேவையை பயன்படுத்தி மொழி மாற்றப்பட்டுள்ளது. நாங்கள் துலலத்திற்காக முயற்சி செய்கிறோம் என்றாலும், தானியங்கி மொழிபெயர்ப்புகளில் தவறுகள் அல்லது பிழைகள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனிக்கவும். அடிப்படையான ஆவணத்தில் உள்ள மொழி ஆவணத்தையே அதிகாரப்பூர்வ வலுவான ஆதாரமாக கருத வேண்டும். மிக முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது அர்த்தவிவராதிகளுக்கும் நாம் பொறுப்பல்ல. +**பெயர்மறியல்**: +இந்த அறிக்கை AI மொழிபெயர்ப்பு சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிமாற்றம் செய்யப்பட்டதாகும். நாங்கள் சரியானதிற்கு முயற்சி செய்கிறோம் என்பதுடன், தானாகச் செய்யப்பட்ட மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்கக்கூடும் என்பதைக் கவனியுங்கள். அதன் தாய்மொழியில் உள்ள அசல் ஆவணம் அதிகாரபூர்வமான ஆதாரமாகக் கருதப்பட வேண்டியது முக்கியம். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதனால் உண்டாகக்கூடிய எந்த தவறான புரிதல்கள் அல்லது தவறான பொருள் வெளியீடுகளுக்கும் நாங்கள் பொறுப்பேற்க மாட்டோம். \ No newline at end of file diff --git a/translations/ta/lesson-template/README.md b/translations/ta/lesson-template/README.md index ead76c8a2b..2a6be4a627 100644 --- a/translations/ta/lesson-template/README.md +++ b/translations/ta/lesson-template/README.md @@ -1,56 +1,79 @@ -# [பாடம் தலைப்பு] +# பாட தலைப்பு -![இங்கே ஒரு வீடியோ இணைக்கவும்](../../../lesson-template/video-url) +## 🎥 வீடியோ -## [பாடம் முன் கேள்வி](../../../lesson-template/quiz-url) +> இங்கு ஒரு எம்பெடட் வீடியோ அல்லது பாட இணைப்பை சேர்க்கவும். -[நாம் என்ன கற்றுக்கொள்வோம் என்பதை விவரிக்கவும்] +--- + +## முன்-பாடச் சொற்பொருள் + +> கிடைக்கும் போது இங்கு ஒரு சோதனை இணைப்பை சேர்க்கவும். + +--- + +இந்த பாடத்தில் மாணவர்கள் என்ன கற்றுக்கொள்வார்கள் என்பதை சுருக்கமாக வழங்கவும். + +--- ### அறிமுகம் -இந்த பாடத்தில் என்ன கற்றுக்கொள்வோம் என்பதை விளக்கவும் +இந்த பாடத்தில் என்ன கற்பிக்கப்படும் என்பதைக் குறித்த ஒரு குறும்பட அறிமுகத்தை வழங்கவும். > குறிப்புகள் -### முன் தேவைகள் +--- + +### முன் பயிற்சி -இந்த பாடத்திற்கு முன் எந்த படிகள் முடிக்கப்பட்டிருக்க வேண்டும்? +இந்த பாடத்தைத் தொடங்குவதற்கு முன் மாணவர்கள் ஏற்கனவே அறிந்திருக்க வேண்டிய கருத்துக்கள் அல்லது தலைப்புகளை பட்டியலிடவும். + +--- -### தயாரிப்பு +### தயார் செய்யல் -இந்த பாடத்தை தொடங்குவதற்கு தேவையான தயாரிப்பு படிகள் +பாடத்தை தொடங்குவதற்கு முன் தேவையான எந்த அமைப்புச் படிநிலைகளோ அல்லது கருவிகளோ இருந்தால் பட்டியலிடவும். --- -[உள்ளடக்கத்தை கட்டங்களாகப் பிரித்து விளக்கவும்] +### உள்ளடக்கம் + +பாட உள்ளடக்கத்தை கட்டமைக்கப்பட்ட பகுதிகளாக ஒவ்வொன்றாக கடந்து செல்லவும். + +--- -## [தலைப்பு 1] +## தலைப்பு 1 -### பணிக்கூற்று: +### பணி: -உங்கள் கோட்பொருள் அடிப்படையை மேம்படுத்தி, பகிரப்பட்ட கோட்பொருளுடன் திட்டத்தை உருவாக்க இணைந்து வேலை செய்யவும்: +பகிரப்பட்டக் குறியீடுடன் திட்டத்தை கட்டிட உங்கள் குறியீடு அடிப்படையை முற்றிலும் மேம்படுத்த ஒன்றாக வேலை செய்யவும்: ```html code blocks ``` -✅ அறிவு சோதனை - மாணவர்களின் அறிவை விரிவாக்குவதற்கான திறந்த கேள்விகளை இந்த தருணத்தில் பயன்படுத்தவும் +✅ அறிவுப் சோதனை +மாணவர்களின் அறிவை திறந்தவெளி கேள்விகளுடன் விரிவுபடுத்த இந்த நேரத்தை பயன்படுத்தவும். -## [தலைப்பு 2] +## தலைப்பு 2 +## தலைப்பு 3 -## [தலைப்பு 3] +🚀 சவால் +திட்டத்தை மேம்படுத்த மாணவர்களுக்கு கூட்டு சவாலைச் சேர்க்கவும். -🚀 சவால்: மாணவர்கள் இணைந்து வகுப்பில் திட்டத்தை மேம்படுத்த வேலை செய்ய ஒரு சவாலை சேர்க்கவும் +விருப்பத்தேர்வு: தேவையானால், முடிக்கப்பட்ட பாடத்தின் UI-ஐ ஒரு ஸ்கிரீன்ஷாட்டாகச் சேர்க்கவும். -விருப்பத்தேர்வு: முடிக்கப்பட்ட பாடத்தின் UI-யின் ஸ்கிரீன்ஷாட்டை சேர்க்கவும், தேவையானால் +## பாடத்திற்குப் பின்வரும் சோதனை -## [பாடம் பின் கேள்வி](../../../lesson-template/quiz-url) +பாடத்தை முடித்த பிறகு இங்கு ஒரு சோதனை இணைப்பைக் கூட்டிக் கொள்ளவும். -## மதிப்பீடு & சுயபடிப்பு +## ஆய்வு மற்றும் தன்னுயிராகல் -**கட்டாயமாக சமர்ப்பிக்க வேண்டிய தேதி [MM/YY]**: [கட்டுரை பெயர்](assignment.md) +**வழங்கல் கடைசிநாள் [MM/YY]**: [வழங்கல் பெயர்](assignment.md) --- -**குறிப்பு**: -இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) என்ற AI மொழிபெயர்ப்பு சேவையைப் பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. எங்கள் தரச்செயல்முறைகளுக்கு முழு முயற்சி எடுத்தாலும், தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனத்தில் கொள்ளவும். அதன் இயல்பான மொழியில் உள்ள மூல ஆவணம் அதிகாரப்பூர்வ ஆதாரமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பல்ல. \ No newline at end of file + +**விரோதப்பறிப்பு**: +இந்த ஆவணம் AI மொழி மாற்ற சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழி பெயர்க்கப்பட்டுள்ளதைக் கூறுகின்றது. நாங்கள் துல்லியத்திற்காக முயலினாலும், தானாக மாற்றப்பட்ட மொழிபெயர்ப்புகளில் தவறுகள் அல்லது பிறச்சா நுட்பங்கள் இருக்க வாய்ப்பு உள்ளது என்பதை தயவுசெய்து கவனிக்கவும். மூல ஆவணம் அதன் இயற்கை மொழியில் அங்கீகாரமான மூலமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதில் ஏற்படும் எந்த தவறான புரிதல்களுக்கும் அல்லது தவறான விளக்கங்களுக்கும் நாங்கள் பொறுப்பில்லாதவர்களாக இருப்போம். + \ No newline at end of file diff --git a/translations/te/.co-op-translator.json b/translations/te/.co-op-translator.json index 0116314076..61c2982dbb 100644 --- a/translations/te/.co-op-translator.json +++ b/translations/te/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:15:02+00:00", + "translation_date": "2026-04-24T14:04:19+00:00", "source_file": "AGENTS.md", "language_code": "te" }, @@ -516,8 +516,8 @@ "language_code": "te" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T15:30:59+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T13:54:44+00:00", "source_file": "README.md", "language_code": "te" }, @@ -564,8 +564,8 @@ "language_code": "te" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2026-01-08T11:41:04+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T13:54:58+00:00", "source_file": "lesson-template/README.md", "language_code": "te" }, diff --git a/translations/te/AGENTS.md b/translations/te/AGENTS.md index acf179e983..6ac9d2b157 100644 --- a/translations/te/AGENTS.md +++ b/translations/te/AGENTS.md @@ -2,43 +2,43 @@ ## ప్రాజెక్ట్ అవలోకనం -ఇది ప్రారంభదశల వారికి వెబ్ డెవలప్‌మెంట్ నైపుణ్యాలపై బోధన కోసం విద్యా పాఠ్యాంశ గ్రంథాలయము. ఈ పాఠ్యాంశం Microsoft Cloud Advocates తయారు చేసిన సమగ్ర 12-వారాల కోర్సు, ఇందులో JavaScript, CSS, మరియు HTML ని కవర్ చేసే 24 హ్యాండ్-ఆన్ పాఠాలు ఉన్నాయి. +ఇది ప్రారంభికులకు వెబ్ డెవలప్‌మెంట్ మౌలికాంశాలను బోధించడానికి విద్యావేత్తా పాఠ్యక్రమం రిపోజిటరీ. ఈ పాఠ్యక్రమం మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వొకేట్స్ అభివృద్ధి చేసిన సమగ్ర 12 వారాల కోర్సు, 24 ప్రాక్టికల్ పాఠాలు JavaScript, CSS, మరియు HTML ప్రస్తావిస్తూ ఉంటుంది. ### ముఖ్య భాగాలు -- **విద్యా విషయాలు**: 24 నిర్మిత పాఠాలు ప్రాజెక్ట్ ఆధారిత మాడ్యూల్స్ లో కూర్పుచేసినవి -- **ప్రాక్టికల్ ప్రాజెక్టులు**: టెర్రేరియం, టైపింగ్గాేమ్, బ్రౌజర్ ఎక్స్‌టెన్షన్, స్పేస్ గేమ్, బ్యాంకింగ్ యాప్, కోడ్ ఎడిటర్, మరియు AI చాట్ సహాయకుడు -- **ఇంటరాక్టివ్ క్విజ్‌లు**: 48 క్విజ్‌లు ప్రతి ఒక్కటి 3 ప్రశ్నలతో (ముందు/తరువాత పాఠం మూల్యాంకనం) -- **బహుభాషా మద్దతు**: GitHub Actions ద్వార 50+ భాషలకు ఆటోమేటెడ్ అనువాదాలు -- **సాంకేతికతలు**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ప్రాజెక్టులకోసం) +- **విద్యా కంటెంట్**: ప్రాజెక్ట్ ఆధారిత మాడ్యూల్స్‌లో 24 సుసంవిద్ధ పాఠాలు +- **ప్రాయోగిక ప్రాజెక్ట్లు**: టెరేరియం, టైపింగ్ గేమ్, బ్రౌజర్ విస్తరణ, స్పేస్ గేమ్, బ్యాంకింగ్ యాప్, కోడ్ ఎడిటర్, మరియు AI చాట్ అసిస్టెంట్ +- **ఇంటరాక్టివ్ క్విజ్‌లు**: 48 క్విజ్‌లు, ప్రతి ఒక్కటిలో 3 ప్రశ్నలు (పాఠానికి ముందు/తర్వాత అంచనాలు) +- **బహుభాషా మద్దతు**: GitHub Actions ద్వారా 50+ భాషల స్వయంచాలక అనువాదాలు +- **సాంకేతికతలు**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ప్రాజెక్టుల కోసం) -### ఆర్కిటెక్చర్ +### నిర్మాణ సరళి -- పాఠం ఆధారిత నిర్మాణంతో విద్యా గ్రంథాలయం -- ప్రతి పాఠం ఫోల్డర్ లో README, కోడ్ ఉదాహరణలు, పరిష్కారాలు ఉంటాయి -- వేరే డైరెక్టరీలలో స్వతంత్ర ప్రాజెక్టులు (quiz-app, వివిధ పాఠాల ప్రాజెక్టులు) -- GitHub Actions ఉపయోగించి అనువాద సిస్టమ్ (co-op-translator) -- Docsify ద్వారా డాక్యుమెంటేషన్ అందబడుతుంది మరియు PDF రూపంలో అందుబాటులో ఉంటుంది +- పాఠ్య ఆధారిత స్ట్రక్చర్ ఉన్న విద్యా రిపోజిటరీ +- ప్రతి పాఠం ఫోల్డర్‌లో README, కోడ్ ఉదాహరణలు, మరియు పరిష్కారాలు ఉంటాయి +- స్వతంత్ర ప్రాజెక్ట్లు వేర్వేరు డైరక్టరీలలో (quiz-app, వివిధ పాఠ ప్రాజెక్టులు) +- GitHub Actions ఉపయోగించి అనువాద వ్యవస్థ (co-op-translator) +- Docsify ద్వారా డాక్యుమెంటేషన్ అందుబాటులో ఉంటుంది మరియు PDFగా సైతం అందుబాటులో ఉంది -## సెటప్ కమాండ్లు +## సెట్‌అప్ కమాండ్లు -ఈ గ్రంథాలయం ప్రధానంగా విద్యా విషయాల వినియోగకోసం. ప్రత్యేక ప్రాజెక్టుల పని కొరకు: +ఈ రిపోజిటరీ ప్రధానంగా విద్యా కంటెంట్ కోసం ఉపయోగిస్తారు. నిర్దిష్ట ప్రాజెక్టులతో పని చేయడానికి: -### మెయిన్ రిపాజిటరీ సెటప్ +### ప్రధాన రిపోజిటరీ సెట్‌అప్ ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### క్విజ్ యాప్ సెటప్ (Vue 3 + Vite) +### Quiz App సెట్‌అప్ (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # అభివృద్ధి సర్వర్ ప్రారంభించండి -npm run build # ఉత్పత్తి కోసం నిర్మించండి -npm run lint # ESLint నడుపండి +npm run dev # అభివృద్ధి సర్వర్‌ను ప్రారంభించండి +npm run build # ఉత్పత్తి కోసం బిల్డ్ చేయండి +npm run lint # ESLint నడపండి ``` ### బ్యాంక్ ప్రాజెక్ట్ API (Node.js + Express) @@ -47,16 +47,16 @@ npm run lint # ESLint నడుపండి cd 7-bank-project/api npm install npm start # API సర్వర్ ప్రారంభించండి -npm run lint # ESLint పనిచేయించండి -npm run format # Prettier తో ఆకృతి మార్చండి +npm run lint # ESLint నడపండి +npm run format # Prettier తో ఫార్మాట్ చేయండి ``` -### బ్రౌజర్ ఎక్స్‌టెన్షన్ ప్రాజెక్టులు +### బ్రౌజర్ విస్తరణ ప్రాజెక్టులు ```bash cd 5-browser-extension/solution npm install -# బ్రౌజర్-స్పెసిఫిక్ ఎక్స్‌టెన్షన్ లోడింగ్ సూచనలను అనుసరించండి +# బ్రౌజర్-ప్రత్యేక ఎక్స్‌టెన్షన్ లోడింగ్ సూచనలను అనుసరించండి ``` ### స్పేస్ గేమ్ ప్రాజెక్టులు @@ -64,219 +64,219 @@ npm install ```bash cd 6-space-game/solution npm install -# బ్రౌజర్‌లో index.html తెరవండి లేదా లైవ్ సర్వర్ ఉపయోగించండి +# బ్రౌజర్‌లో index.html ని తెరవండి లేదా Live Server ఉపయోగించండి ``` -### చాట్ ప్రాజెక్ట్ (Python బ్యాక్‌ఎండ్) +### చాట్ ప్రాజెక్ట్ (Python బ్యాక్ ఎండ్) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN'environnement משתנה సెట్ చేయండి +# GITHUB_TOKEN పర్యావరణ చ变数ను సెట్ చేయండి python api.py ``` -## అభివృద్ధి వర్క్‌ఫ్లో +## అభివృద్ధి కార్యకలాపం -### కంటెంట్ కాంట్రిబ్యూటర్లు కోసం +### కంటెంట్ కాంట్రిబ్యూటర్ల కోసం -1. మీ GitHub ఖాతాకు **రిపాజిటరీని ఫోర్క్ చేయండి** -2. **మీ ఫోర్క్‌ని లోకల్‌గా క్లోన్ చేయండి** -3. మీ మార్పులకు **కొత్త బ్రాంచ్ సృష్టించండి** -4. పాఠ అంశాలు లేదా కోడ్ ఉదాహరణలలో మార్పులు చేయండి -5. సంబంధిత ప్రాజెక్ట్ డైరెక్టరీలలో ఏ కోడ్ మార్పులు టెస్ట్ చేయండి -6. కాంట్రిబ్యూషన్ మార్గదర్శకాలు పాటిస్తూ పుల్ రిక్వెస్ట్‌లు సమర్పించండి +1. రిపోజిటరీని మీ GitHub అకౌంట్‌కు **fork** చేయండి +2. మీ forkను లోకలీ **clone** చేసుకోండి +3. మీ మార్పుల కోసం కొత్త బ్రాంచ్ **create** చేయండి +4. పాఠ కంటెంట్ లేదా కోడ్ ఉదాహరణలలో మార్పులు చేయండి +5. సంబంధిత ప్రాజెక్టు డైరెక్టరీలలో కోడ్ మార్పులను పరీక్షించండి +6. కాంట్రిబ్యూషన్ మార్గదర్శకాలు అనుసరించి pull requests సమర్పించండి -### నేర్చుకునేవారికి +### అభ్యాసకుల కోసం -1. రిపాజిటరీని ఫోర్క్ చేయండి లేదా క్లోన్ చేయండి -2. పాఠం డైరెక్టరీలను క్రమంగా నావిగేట్ చేయండి -3. ప్రతి పాఠం README ఫైల్స్ చదవండి -4. ముందస్తు పాఠం క్విజ్‌లు పూర్తి చేయండి https://ff-quizzes.netlify.app/web/ -5. పాఠ ఫోల్డర్లలో కోడ్ ఉదాహరణల పై పని చేయండి -6. అసైన్మెంట్లు, ఛాలెంజ్‌లు పూర్తి చేయండి -7. తరువాతి పాఠం క్విజ్‌లు చేయండి +1. రిపోజిటరీని fork లేదా clone చేయండి +2. పాఠం డైరెక్టరీల ద్వారా క్రమంగా వెళ్లండి +3. ప్రతి పాఠం README ఫైళ్లు చదవండి +4. ముందస్తు క్విజ్‌లను https://ff-quizzes.netlify.app/web/ వద్ద పూర్తి చేయండి +5. పాఠ ఫోల్డర్లలో కోడ్ ఉదాహరణలపై పని చేయండి +6. అసైన్మెంట్లు మరియు ఛాలెంజ్‌లను పూర్తి చేయండి +7. తరువాత క్విజ్‌లను పూర్తి చేయండి -### సజీవ అభివృద్ధి +### లైవ్ అభివృద్ధి -- **డాక్యుమెంటేషన్**: రూట్ లో `docsify serve` నడపండి (పోర్టు 3000) -- **క్విజ్ యాప్**: quiz-app డైరెక్టరీలో `npm run dev` నడపండి -- **ప్రాజెక్టులు**: HTML ప్రాజెక్టులకు VS Code Live Server ఎక్స్టెన్షన్ వాడండి -- **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీలలో `npm start` నడపండి +- **డాక్యుమెంటేషన్**: రూట్‌లో `docsify serve` నడపండి (పోర్ట్ 3000) +- **Quiz App**: quiz-app డైరెక్టరీలో `npm run dev` నడపండి +- **ప్రాజెక్టులు**: HTML ప్రాజెక్టుల కోసం VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి +- **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీలో `npm start` నడపండి -## పరీక్ష నిర్వహణ +## టెస్టింగ్ సూచనలు -### క్విజ్ యాప్ టెస్టింగ్ +### Quiz App టెస్టింగ్ ```bash cd quiz-app npm run lint # కోడ్ శైలి సమస్యల కోసం తనిఖీ చేయండి -npm run build # బిల్డ్ విజయవంతమవుతుందో నిర్ధారించండి +npm run build # నిర్మాణం విజయవంతమవుతుందో ధృవీకరించండి ``` ### బ్యాంక్ API టెస్టింగ్ ```bash cd 7-bank-project/api -npm run lint # కోడ్ శైలి సమస్యలు కోసం తనిఖీ చేయండి -node server.js # ఎటువంటి లోపాలు లేకుండా సర్వర్ ప్రారంభమవుతుందో నిర్ధారించండి +npm run lint # కోడ్ శైలి సమస్యలను తనిఖీ చేయండి +node server.js # సర్వర్ లోపాలు లేకుండా ప్రారంభిస్తుందో లేదో ధృవీకరించండి ``` -### సాధారణ పరీక్ష విధానం +### సాధారణ టెస్టింగ్ విధానం -- ఇది విద్యా రిపాజిటరీ కనుక పూర్తి ఆటోమేటెడ్ పరీక్షలు లేవు -- మాన్యువల్ పరీక్షలు ఈ క్రింది విషయాలపై దృష్టి: - - కోడ్ ఉదాహరణలు ఎర్రర్స్ లేవని నడవడం - - డాక్యుమెంటేషన్ లో లింకులు సరిగా పని చేయడం - - ప్రాజెక్ట్ బిల్డ్స్ విజయవంతంగా పూర్తవడం - - ఉదాహరణలు ఉత్తమ పద్ధతులు అనుసరించడం +- ఇది సమగ్ర స్వయంచాలక పరీక్షలేని విద్యా రిపోజిటరీ +- మానవీయ పరీక్షల్లో ప్రధానంగా: + - కోడ్ ఉదాహరణలు తప్పులెళ్లుండా నడవాలి + - డాక్యుమెంటేషన్‌లో లింకులు సరిగా పనిచేయాలి + - ప్రాజెక్ట్ బిల్డ్ విజయవంతంగా ముగియాలి + - ఉదాహరణలు ఉత్తమ ప్రాక్టీస్‌లకు అనుగుణంగా ఉండాలి -### సమర్పణకు ముందు తనిఖీలు +### సమర్పణకు ఇష్టం ముందు చెక్‌లిస్టు -- package.json ఉన్న డైరెక్టరీలలో `npm run lint` నడపండి -- మార్క్డౌన్ లింకులు చెలామణీ అవుతాయో చూడండి -- కాబ్భడిన కోడ్ ఉదాహరణలను బ్రౌజర్ లేదా Node.js లో పరీక్షించండి -- అనువాదాలు సరైన నిర్మాణం ఉంచుకున్నాయా చూడు +- package.json ఉన్న డైరెక్టరీల్లో `npm run lint` నడపండి +- Markdown లింకులు సరైనవిగా ఉన్నాయా చూడండి +- కోడ్ ఉదాహరణలను బ్రౌజర్ లేదా Node.js‌లో పరీక్షించండి +- అనువాదాలు సరైన నిర్మాణంతో ఉన్నాయా పరిశీలించండి -## కోడ్ శైలి మార్గదర్శకాలు +## కోడ్ శైలీ మార్గదర్శకాలు -### జావాస్క్రిప్ట్ +### JavaScript -- ఆధునిక ES6+ సింటాక్స్ వినియోగించండి -- ప్రాజెక్టుల్లో ఇచ్చిన ESLint కన్ఫిగరేషన్లను అనుసరించండి -- విద్యా స్పష్టం కోసం అర్థవంతమైన వేరియబుల్, ఫంక్షన్ పేర్లు ఇవ్వండి -- విద్యార్థులకి సਿਧాంతాలు వివరించే కామెంట్లు జత చేయండి -- Prettier ద్వారా ఇచ్చినది ఉంటే ఫార్మాటింగ్ చేయండి +- ఆధునిక ES6+ సింటాక్స్ ఉపయోగించండి +- ప్రాజెక్టుల్లో అందిన ESLint నియమాలను అనుసరించండి +- విద్యార్థులకు అర్థం కావాల్సిన విధంగా వరియబుల్ మరియు ఫంక్షన్ పేర్లను ఉంచండి +- నేర్చుకునేవారికి స్పష్టమైన వ్యాఖ్యలు జోడించండి +- Prettier తో ఫార్మాటింగ్ చేయండి (అక్కడ అమర్చి ఉంటే) ### HTML/CSS -- సేమాంటిక్ HTML5 ఎలిమెంట్స్ -- ప్రతిస్పందన డిజైన్ సూత్రాలు -- క్లియర్ క్లాస్ నామకరణాలు -- CSS సాంకేతికలను వివరిస్తూ కామెంట్లు +- Semantic HTML5 ఎలిమెంట్లు +- స్పందనాత్మక డిజైన్ సూత్రాలు +- పరిశుభ్రమైన క్లాస్ నామకరణ నియమాలు +- CSS సాంకేతికాలపై విధేయుల కోసం వ్యాఖ్య‌లు ### Python - PEP 8 శైలీ మార్గదర్శకాలు -- స్పష్టమైన, విద్యా అనుకూల కోడ్ ఉదాహరణలు -- నేర్చుకునేవారికి ఈజీగా టైప్ హింట్లు ఇవ్వడం +- స్పష్టమైన, విద్యా కోడ్ ఉదాహరణలు +- నేర్చుకోవడంలో సహాయమయ్యే తీప్ సూచనలు -### మార్క్డౌన్ డాక్యుమెంటేషన్ +### Markdown డాక్యుమెంటేషన్ -- స్పష్టమైన హెడ్డింగ్ హైరార్కీ -- భాషా స్పెసిఫికేషన్ తో కోడ్ బ్లాక్లు +- స్పష్టమైన శీర్షిక యథార్థ శ్రేణి +- భాషా స్పెసిఫికేషన్‌తో కోడ్ బ్లాక్‌లు - అదనపు వనరులకు లింకులు -- స్ర్కిన్షాట్లు, చిత్రాలు `images/` ఫోల్డర్లలో -- చిత్రాల కోసం యాక్సెసిబిలిటీకి Alt టెక్స్ట్ +- `images/` ఫోల్డర్‌లలో స్క్రీన్శాట్లు మరియు చిత్రాలు +- పిక్చర్లకు alt టెక్స్ accessibility కోసం -### ఫైల్ కూర్పు +### ఫైల్ అవసరం -- పాఠ్యాలు సీక్వెన్షియల్ గా నెంబర్ చేయబడి ఉంటాయి (1-getting-started-lessons, 2-js-basics, మొదలైనవి) -- ప్రతి ప్రాజెక్ట్ కు `solution/` మరియు తరచుగా `start/` లేదా `your-work/` డైరెక్టరీలు ఉంటాయి -- చిత్రాలు పాఠం-ప్రత్యేక `images/` ఫోల్డర్లలో నిల్వ చేయబడ్డాయి +- పాఠాలు ధారామూలంగా numbering(1-getting-started-lessons, 2-js-basics, ఇతరాలు) +- ప్రతి ప్రాజెక్టుకు `solution/` మరియు చాలాసార్లు `start/` లేదా `your-work/` ఫోల్డర్లు ఉంటాయి +- చిత్రాలు పాఠం-ప్రత్యేక `images/` ఫోల్డర్‌లలో నిల్వ ఉంటాయి - అనువాదాలు `translations/{language-code}/` నిర్మాణంలో ఉంటాయి -## బిల్డు మరియు డిప్లాయ్‌మెంట్ +## బిల్డ్ మరియు డిప్లాయ్‌మెంట్ -### క్విజ్ యాప్ డిప్లాయ్‌మెంట్ (Azure Static Web Apps) +### Quiz App డిప్లాయ్‌మెంట్ (Azure Static Web Apps) -క్విజ్ యాప్ Azure Static Web Apps కోసం కంఫిగర్ చేయబడింది: +quiz-app Azure Static Web Apps కు అమర్చబడింది: ```bash cd quiz-app npm run build # dist/ ఫోల్డర్ సృష్టిస్తుంది -# ప్రధాన బ్రాంచ్‌కు పుష్ చేసినప్పుడు GitHub Actions వర్క్‌ఫ్లో ద్వారా దానిని نشر చేస్తుంది +# మెయిన్‌కు పుష్ చేసినప్పుడు GitHub Actions వర్క్‌ఫ్లో ద్వారా డిప్లాయ్ చేస్తుంది ``` -Azure Static Web Apps సెట్ అప్: -- **యాప్ స్థానము**: `/quiz-app` -- **ఫలిత ఫోల్డర్**: `dist` +Azure Static Web Apps కాన్ఫిగరేషన్: +- **యాప్ స్థానం**: `/quiz-app` +- **ఫలిత స్థానం**: `dist` - **వర్క్‌ఫ్లో**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### డాక్యుమెంటేషన్ PDF ఉత్పత్తి ```bash -npm install # docsify-to-pdf ను ఇన్‌స్టాల్ చేయండి -npm run convert # డాక్స్ నుండి PDFను సృష్టించండి +npm install # docsify-to-pdf ఇన్‌స్టాల్ చేయండి +npm run convert # docs నుండి PDF సృష్టించండి ``` ### Docsify డాక్యుమెంటేషన్ ```bash -npm install -g docsify-cli # Docsify ను గ్లోబల్‌గా ఇన్‌స్టాల్ చేయండి -docsify serve # localhost:3000 పై సర్వ్ చేయండి +npm install -g docsify-cli # Docsifyని గ్లోబల్గా ఇన్‌స్టాల్ చేయండి +docsify serve # localhost:3000 వద్ద సేవ చేయండి ``` -### ప్రాజెక్ట్-వైజ్ బిల్డ్స్ +### ప్రాజెక్టు-ప్రత్యేక బిల్డ్‌లు -ప్రతి ప్రాజెక్ట్ డైరెక్టరీకి తగినట్లుగా బిల్డ్ ప్రక్రియ ఉండవచ్చు: -- Vue ప్రాజెక్టులు: `npm run build` తో ప్రొడక్షన్ బండిల్స్ తయారు చేయబడతాయి -- స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ లేకుండా ఫైళ్లను నేరుగా సర్వ్ చేస్తాయి +ప్రతి ప్రాజెక్ట్ డైరెక్టరీకు వారి బిల్డ్ ప్రక్రియ ఉండవచ్చు: +- Vue ప్రాజెక్టులు: `npm run build` ప్రొడక్షన్ బండిల్స్ సృష్టిస్తుంది +- స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ అవసరం లేదు, ఫైళ్లను నేరుగా సర్వ్ చేయండి ## పుల్ రిక్వెస్ట్ మార్గదర్శకాలు ### శీర్షిక ఫార్మాట్ -మార్పు వర్గం స్పష్టంగా సూచించే సాఫీగా వివరణాత్మక శీర్షికలు ఉపయోగించండి: +మార్పుల ప్రాంతాన్ని సూచించే స్పష్టమైన, వివరణాత్మక శీర్షికలు వాడండి: - `[Quiz-app] పాఠం X కోసం కొత్త క్విజ్ జోడించండి` -- `[Lesson-3] టెర్రేరియం ప్రాజెక్టులో టైపో సరి చేయండి` -- `[Translation] పాఠం 5 కి స్పానిష్ అనువాదం జోడించండి` -- `[Docs] సెటప్ సూచనలు నవీకరించండి` +- `[Lesson-3] టెరేరియం ప్రాజెక్ట్‌లో టైపో సరిచేయండి` +- `[Translation] పాఠం 5 కోసం స్పానిష్ అనువాదం జోడించండి` +- `[Docs] సెట్‌అప్ సూచనలను అప్‌డేట్ చేయండి` -### తప్పనిసరి తనిఖీలు +### అవసరమైన తనిఖీలు -పుల్లు రిక్వెస్ట్ సమర్పించే ముందు: +PR సమర్పణకు ముందు: 1. **కోడ్ నాణ్యత**: - - సంబంధిత ప్రాజెక్ట్ డైరెక్టరీలలో `npm run lint` నడపండి - - అన్ని లింట్ తప్పిదాలు, హెచ్చరికలు సరి చేయండి + - ప్రభావిత ప్రాజెక్ట్ డైరెక్టరీలలో `npm run lint` నడపండి + - అన్ని lint లోపాలు మరియు హెచ్చరికలను సరి చేయండి 2. **బిల్డ్ ధృవీకరణ**: - అవసరమైతే `npm run build` నడపండి - - ఎటువంటి బిల్డ్ లోపాలు లేవని నిర్ధారించండి + - ఎలాంటి బిల్డ్ లోపాలు లేనట్టు చూడండి 3. **లింక్ ధృవీకరణ**: - - మార్క్డౌన్ లింకులు పనిచేస్తున్నాయో పరీక్షించండి - - చిత్రం సూచనలు సరైనవేనా చూసుకోండి + - అన్ని Markdown లింకులను పరీక్షించండి + - చిత్ర సూచనలు పనిచేస్తాయా చూడండి 4. **కంటెంట్ సమీక్ష**: - - వ్యాకరణ, శైలి ప్రూఫ్ రీడింగ్ చేయండి - - కోడ్ ఉదాహరణలు సరైనవి మరియు విద్యా అనుకూలంగా ఉన్నాయి కదా చూడండి - - అనువాదాలు అసలు అర్థాన్ని సరిగ్గా ప్రతిబింబిస్తున్నాయో ధృవీకరించండి + - వ్రాతపూర్వక తప్పులు మరియు వ్యాకరణం చూడండి + - కోడ్ ఉదాహరణలు సరిగ్గా మరియు విద్యా ఉద్దేశ్యంతో ఉండాలి + - అనువాదాలు అసలు అర్థాన్ని నిలబెట్టుకోవాలి -### కాంట్రిబ్యూషన్ అవసరాలు +### సహకారం అవసరాలు -- Microsoft CLA కు అంగీకరించండి (మొదటి పుల్ రిక్వెస్ట్ సమయంలో ఆటోమేటెడ్ చెక్) -- [Microsoft Open Source కోడ్ ఆఫ్ కానడక్ట్](https://opensource.microsoft.com/codeofconduct/) అనుసరించండి -- [CONTRIBUTING.md](./CONTRIBUTING.md) లో వివరమైన మార్గదర్శకాలు చూడండి -- ఐచ్ఛికంగా PR వివరణలో సంబంధిత సమస్యల సంఖ్యలను సూచించండి +- Microsoft CLAకు అంగీకరించాలి (మొదటి PRలో ఆటోమేటెడ్ తనిఖీ) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) పాటించాలి +- వివరణాత్మక మార్గదర్శకాలకు [CONTRIBUTING.md](./CONTRIBUTING.md) చూడండి +- PR వివరణలో సంబంధిత ఇష్యూలను సూచించండి -### సమీక్షా ప్రక్రియ +### సమీక్ష ప్రక్రియ -- PR లను నిర్వహణకర్తలు మరియు కమ్యూనిటీ సమీక్షిస్తారు -- విద్యా స్పష్టతకు ప్రాధాన్యం ఇస్తారు -- కోడ్ ఉదాహరణలు నేటి ఉత్తమ పద్ధతులను అనుసరించాలి -- అనువాదాలు సక్రమత మరియు సాంస్కృతిక అనుకూలత కోసం సమీక్షిస్తారు +- PRలను నిర్వహకులు మరియు సమాజం సమీక్షిస్తారు +- విద్యా స్పష్టతకు ప్రాధాన్యం +- కోడ్ ఉదాహరణలు ప్రస్తుత ఉత్తమ పద్ధతులకు అనుగుణంగా ఉండాలి +- అనువాదాలు ఖచ్చితత్వం మరియు సాంస్కృతిక అనుసరించడానికి సమీక్షిస్తారు ## అనువాద వ్యవస్థ ### ఆటోమేటెడ్ అనువాదం -- GitHub Actions తో co-op-translator వర్క్‌ఫ్లో ఉపయోగించి నిర్వ హించబడుతుంది -- ఆటోమేటిగ్గా 50+ భాషలకు అనువదిస్తుంది -- మూల ఫైళ్లు మెయిన్ డైరెక్టరీలలో ఉంటాయి -- అనువాద ఫైళ్లు `translations/{language-code}/` డైరెక్టరీలలో ఉంటాయి +- GitHub Actions తో co-op-translator వర్క్‌ఫ్లో ఉపయోగిస్తోంది +- 50+ భాషలకు స్వయంచాలకంగా అనువదిస్తుంది +- మూల ఫైళ్లు ప్రధాన డైరెక్టరీలలో ఉంటాయి +- అనువాద ఫైళ్లు `translations/{language-code}/` లో ఉండతాయి ### మాన్యువల్ అనువాద మెరుగుదలలు జోడించడం 1. `translations/{language-code}/` లో ఫైల్ కనుగొనండి -2. నిర్మాణం ఉంచుతూ మెరుగుదలలు చేయండి -3. కోడ్ ఉదాహరణలు సరిగ్గా పనిచేస్తున్నాయా చూసుకోండి -4. లోకలైజ్డ్ క్విజ్ కంటెంట్ని పరీక్షించండి +2. నిర్మాణం పాటిస్తూ మెరుగుదలలు చేయండి +3. కోడ్ ఉదాహరణలు పని చేస్తూనే ఉండేలా చూసుకోండి +4. స్థానికీకృత క్విజ్ కంటెంట్‌ను పరీక్షించండి ### అనువాద మెటాడేటా -అనువదించబడిన ఫైళ్ళలో మెటాడేటా హెడ్డర్ ఉంటుంది: +అనువదించిన ఫైల్‌లు మెటాడేటా హెడర్ కలిగి ఉంటాయి: ```markdown -**అస్పష్టం**: -ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. నిజసంపూర్ణత కోసం మేము ప్రయత్నిస్తున్నా, ఆటోమేటెడ్ అనువాదాలలో తప్పిదాలు లేదా అసమర్థతలు ఉండవచ్చును. మూల పత్రం దాని స్వ దేశీ భాషలోనే అధికారిక మూలం గా పరిగణించాలి. కీలక సమాచారం కోసం, నిపుణుల చేత అనువాదం సిఫార్సు చేయబడుతుంది. ఈ అనువాదం వాడకంలో ప్రయోజనాలు లేదా తప్పు అవగాహనలపై మేము బాధ్యత పెట్టుకోము. +**అస्वीకారం**: +ఈ దస్తావేజును AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము ఖచ్చితత్వానికి ప్రయత్నిస్తున్నప్పటికీ, ఆటోమేటిక్ అనువాదంలో పొరపాట్లు లేదా అసమర్థతలు ఉండవచ్చు. మూల దస్తావేజు దాని స్వదేశీ భాషలో అధికారిక వనరుగా ఉండాలి. ముఖ్య సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సూచించబడింది. ఈ అనువాదాన్ని ఉపయోగించడంవల్ల కలిగే ఏవైనా అవగాహనలో పొరపాట్ల లేదా అపార్థాల కోసం మేము బాధ్యులు కాదు. \ No newline at end of file diff --git a/translations/te/README.md b/translations/te/README.md index dec15f541d..e2e5caedbd 100644 --- a/translations/te/README.md +++ b/translations/te/README.md @@ -1,218 +1,204 @@ -[![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/) +మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్స్ ద్వారా 12 వారాల సమగ్ర కోర్సుతో వెబ్ డెవలప్మెంట్ యొక్క మూలభూత విషయాలు నేర్చుకోండి. 24 పాఠాల ప్రతీది టెరేరియంలు, బ్రౌజర్ ఎక్స్‌టెన్షన్లు, స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్ట్‌ల ద్వారా జావాస్క్రిప్ట్, CSS, మరియు HTML లోకి లోతుగా ప్రవేశిస్తుంది. క్విజ్‌లు, చర్చలు మరియు వినియోగ విలువైన అసైన్మెంట్‌లలో పాల్గొనండి. మా సమర్థవంతమైన ప్రాజెక్ట్ ఆధారిత విద్యా విధానంతో మీ నైపుణ్యాలను మెరుగుపరుచుకొని, జ్ఞాన సంపాదనను ఉత్తమపరచండి. మీ కోడింగ్ ప్రయాణాన్ని ఈరోజే ప్రారంభించండి! -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) - -# Web Development for Beginners - ఒక పాఠ్యక్రమం - -Microsoft Cloud Advocates ద్వారా మా 12-వారం సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మూలసూత్రాలను నేర్చుకోండి. 24 పాఠములలో JavaScript, CSS, మరియు HTML ని టెర్రేరియమ్స్, బ్రౌజర్ ఎక్స్‌టెన్షన్స్, మరియు స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్టుల ద్వారా లోతుగా తెలుసుకుంటారు. క్విజ్‌లు, చర్చలు, మరియు ప్రాక్టికల్ అసైన్‌మెంట్‌లతో జాగ్రత్తగా పాల్గొనండి. మా సమర్థవంతమైన ప్రాజెక్ట్-ఆధారిత పాఠ్య విధానం ద్వారా మీ నెపుణ్యాలను పెంపొందించుకుని జ్ఞానం నిల్వను మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి! - -Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ లో చేరండి +ఆజ్యూర్ AI Foundry Discord లో చేరి నిపుణులు మరియు విభిన్న డెవలపర్లను కలుసుకోండి. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ఈ వనరులను ఉపయోగించడాన్ని ప్రారంభించడానికి ఈ దశలను అనుసరించండి: -1. **రిపోజిటరీని ఫోর্ক్ చేయండి**: క్లిక్ చేయండి [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **రిపోజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord లో చేరండి మరియు నిపుణులు మరియు ఇతర డెవలపర్లను కలవండి**](https://discord.com/invite/ByRwuEEgH4) +ఈ వనరులను ఉపయోగించడం ప్రారంభించడానికి ఈ అడుగులు పాటించండి: +1. **రిపోజిటరీని Fork చేయండి**: క్లిక్ చేయండి [![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. **రిపోజిటరీని Clone చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**ఆజ్యూర్ AI Foundry Discord లో చేరి నిపుణులు మరియు డెవలపర్లను కలుసుకోండి**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 బహుభాషా మద్దతు -#### GitHub Action ద్వారా మద్దతు (ఆటోమేటెడ్ & ఎప్పుడూ అప్డేట్) - - -[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) | [Khmer](../km/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](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](./README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) +#### GitHub Action ద్వారా మద్దతు (స్వయంచాలకంగా & ఎప్పుడూ నూతనమైనది) -> **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?** -> -> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, వాటివల్ల డౌన్‌లోడ్ పరిమాణం పెరుగుతుంది. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి: -> +> **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?** +> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, ఇవి డౌన్లోడ్ పరిమాణం పెంచుతాయి. అనువాదం లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి: +> > **Bash / macOS / Linux:** -> ```bash +> > ```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' > ``` > -> **CMD (విండోస్):** -> ```cmd +> **CMD (Windows):** +> > ```cmd > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమైన అన్ని ఫైళ్ళను వేగంగా డౌన్‌లోడ్ చేయడానికి సహాయపడుతుంది. - +> +> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమయ్యే ప్రతిదాన్ని తక్కువ సమయంతో డౌన్లోడ్ చేయడానికి సహాయపడుతుంది. -**మరింత అనువాద భాషలు మద్దతు కావాలంటే [ఇక్కడ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) చూడు** +**మీకు అదనపు అనువాదాలు కావాలనుకుంటే, మద్దతు పొందిన భాషల జాబితా ఇక్కడ ఉంది. [ఇక్కడ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _మీరు విద్యార్థి అయితే?_ +#### 🧑‍🎓 _మీరు ఒక విద్యార్థినిగా ఉన్నారా?_ -[**Student Hub పేజీ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ని దర్శించండి, అక్కడ మీరు ప్రారంభicke వనరులు, విద్యార్థి ప్యాక్‌లు మరియు మిద్దుకు ఉచిత సర్టిఫికెట్ వోచర్ పొందేందుకు మార్గాలును కనుగొనవచ్చు. ఈ పేజీని బుక్‌మార్క్ చేసి సమయంలోప్పుడు చూడండి, ఎందుకంటే మేము నెలవారీగా కాంటెంట్ మార్చిపోతుంటాము. +[**Student Hub పేజీ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ను సందర్శించండి, ఇక్కడ మీరు ప్రారంభ వనరులు, విద్యార్థి ప్యాక్లు మరియు ఉచిత సర్టిఫికెట్ వోచర్ పొందే మార్గాలను కనుగొనవచ్చు. ఇది మీరు బుక్‌మార్క్ చేసి నెలకూడా సమీక్షించదగ్గ పేజీ. -### 📣 ప్రకటన - GitHub Copilot Agent మోడ్ సవాళ్ళు పూర్తి చేయండి! +### 📣 ప్రకటనా - పూర్తి చేయాల్సిన కొత్త GitHub Copilot Agent మోడ్ సవాళ్లు! -కొత్త సవాలు జోడించబడింది, ఎక్కువ అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయదగిన కొత్త సవాలు ఇది. మీరు Agent మోడ్ ఇప్పటివరకూ ఉపయోగించని ఉంటే, ఇది టెక్స్ట్ మాత్రమే ఉత్పత్తి చేయడానికి కాదు, ఫైల్‌లను సృష్టించడం, సవరించడం, కమాండ్లను నడవించడం కూడా చేయగలదు. +కొత్త సవాలు జోడించబడింది, చాలా అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. ఇది GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి మీరు పూర్తి చేయవలసిన కొత్త సవాల్లలో ఒకటి. మీరు ఇప్పుడివరకు Agent మోడ్ ఉపయోగించకపోయినా, ఇది కేవలం టెక్స్ట్ సృష్టించడమే కాకుండా ఫైళ్ళను సృష్టించడం, సవరించడం, ఆజ్ఞలు నడుపడం తదితరాలు చేయగలదు. -### 📣 ప్రకటన - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్టు నిర్మించండి_ +### 📣 ప్రకటనా - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్ట్_ -కొత్త AI అసిస్టెంట్ ప్రాజెక్టు జోడించబడింది, చూడండి [ప్రాజెక్టు](./9-chat-project/README.md) +కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ జోడించబడింది, దీన్ని చూడండి [ప్రాజెక్ట్](./9-chat-project/README.md) -### 📣 ప్రకటన - జావాస్క్రిప్ట్ కోసం Generative AI పై _కొత్త పాఠ్యక్రమం_ విడుదల +### 📣 ప్రకటనా - _Generative AI కోసం కొత్త పాఠ్యక్రమం_ జావాస్క్రిప్ట్ కి -మా కొత్త Generative AI పాఠ్యక్రమం మిస్ కాకుండా చూడండి! +మా కొత్త Generative AI పాఠ్యక్రమం మిస్ కాకండి! -ప్రారంభించడానికి సందర్శించండి [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! +ప్రారంభించడానికి సందర్శించండి [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/te/background.148a8d43afde5730.webp) -- ప్రాథమిక అంశాలు నుండి RAG వరకూ పాఠాలు. -- GenAI మరియు మా లోబడి యాప్ తో చారిత్రక పాత్రలతో ఇంటరాక్ట్ అవ్వండి. -- రంజింపజేసే మరియు ఆసక్తికర కథనంతో, మీరు టైమ్ ట్రావెల్ చేస్తున్నట్లే అనుభూతి! +- ప్రాథమికాంశాల నుండి RAG వరకు అన్ని అంశాలను కవర్ చేసే పాఠాలు. +- GenAI మరియు మా సహాయక యాప్‌తో చరిత్రాత్మక పాత్రలతో సంభాషణ. +- సరదాగా, సజీవంగా, మీరు కాల ప్రయాణం చేస్తారు! ![character](../../translated_images/te/character.5c0dd8e067ffd693.webp) -ప్రతి పాఠంలో పూర్తి చేయాల్సిన అసైన్‌మెంట్, జ్ఞాన పరీక్ష మరియు సవాల్స్ ఉంటాయి, ఇవి మీరు నేర్చుకునే అంశాలపై మార్గనిర్దేశం చేస్తాయి: -- ప్రాంప్ట్ చేయడం మరియు ప్రాంప్ట్ ఇంజనీరింగ్ -- టెక్స్ట్ మరియు చిత్రం యాప్ జనరేషన్ -- శోధన యాప్‌లు +ప్రతి పాఠంలో పూర్తిచేయాల్సిన అసైన్మెంట్, జ్ఞాన తనిఖీ మరియు సవాలు ఉంటాయి, ఇవి ఈ విషయాలలో మీరు నేర్చుకోవడాన్ని గైడ్ చేస్తాయి: +- ప్రాంప్ట్ మరియు ప్రాంప్ట్ ఇంజనీరింగ్ +- టెక్స్ట్ మరియు ఇమేజ్ యాప్ జనరేషన్ +- సెర్చ్ యాప్‌లు + +ప్రారంభించడానికి సందర్శించండి [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -ప్రారంభించండి: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -## 🌱 ప్రారంభించడానికి +## 🌱 మొదలు పెట్టడం -> **ఉపాధ్యాయులు**, ఈ పాఠ్యక్రమాన్ని ఉపయోగించే కొన్ని సూచనలను [ఇక్కడ](for-teachers.md) మేము చేర్చాము. మీ అభిప్రాయాలను మా [చర్చా ఫోరమ్](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) లో తెలియజేయండి! +> **గురువులారా**, ఈ పాఠ్యక్రమాన్ని ఎలా ఉపయోగించాలో మేము కొన్ని సూచనలు [ఇక్కడ](for-teachers.md) చేర్చాము. మీ అభిప్రాయాన్ని [మా చర్చా వేదికలో](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) తెలియజేయండి! -**[అభ్యర్థులు](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ప్రతి పాఠం కోసం, ముందస్తు లెక్చర్ క్విజ్తో ప్రారంభించి, లెక్చర్ పదార్థం చదవడం, వివిధ కార్యకలాపాలు పూర్తి చేయడం మరియు తర్వాత లెక్చర్ క్విజ్తో మీ అర్థం తనిఖీ చేయండి. +**[శిక్షణార్థులు](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ప్రతి పాఠం కోసం ముందస్తు-వర్క్‌షీట్ క్విజ్‌తో ప్రారంభించి, ఉపన్యాస పదార్థం చదవండి, వివిధ కార్యకలాపాలు పూర్తి చేయండి మరియు తరువాతి-ఉపన్యాస క్విజ్‌తో మీ బోధనను పరిశీలించండి. -మీ అభ్యాసం అనుభవాన్ని మెరుగుపరచడానికి, మీ తోటి విద్యార్థులతో కలిసి ప్రాజెక్టుల మీద పనిచేయండి! మా [చర్చా ఫోరమ్](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) లో చర్చలు ప్రోత్సహింపబడతాయి, మా మోడరేటర్లు మీ ప్రశ్నలకు సమాధానాలను అందిస్తారు. +మీ నేర్చుకునే అనుభవాన్ని మెరుగుపరచడానికి, మీ సహచరులతో కలిసి ప్రాజెక్టులపై పనిచేయండి! చర్చలను ప్రోత్సహించడానికి మా [చర్చా వేదిక](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) లో మోడియేటర్ల టీమ్ మీ ప్రశ్నలకు సమాధానం ఇవ్వడానికి అందుబాటులో ఉంటుంది. -మీ విద్యను మరింత వృద్ధి చేయడానికి, అదనపు అధ్యయన్ పదార్థాల కోసం [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ను పరిశీలించండి. +మీ విద్యను గురించడానికి, అదనపు అర్థం చేసుకునే పదార్థాలు కోసం [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ను అన్వేషించమని మేము అందరికీ సిఫార్సు చేస్తాము. -### 📋 మీ పరిసరాలను ఏర్పాటు చేయడం +### 📋 మీ పరిసరాలను సెటప్ చేసుకోవడం -ఈ పాఠ్యక్రమానికి అభివృద్ధి పరిసరాలు సిద్ధంగా ఉన్నాయి! మీరు ప్రారంభించేటప్పుడు, మీరు [Codespace](https://github.com/features/codespaces/) లో (బ్రౌజర్ ఆధారిత, ఇన్‌స్టాల్ అవసరం లేని పరిసరం) లేదా మీ కంప్యూటర్లో [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) వంటి టెక్స్ట్ ఎడిటర్ ఉపయోగించి నేరుగా పాఠ్యక్రమాన్ని నడపవచ్చు. +ఈ పాఠ్యక్రమంతో ఒక అభివృద్ధి పరిసరము సిద్ధంగా ఉంది! మీరు మొదలుపెట్టిన సమయంలో, మీరు కోర్సును [Codespace](https://github.com/features/codespaces/) లో (బ్రౌజర్ ఆధారిత, ఇన్‌స్టాల్ అవసరం లేని పరిసరము), లేదా మీ కంప్యూటర్ పై స్థానికంగా [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లాంటి టెక్స్ట్ ఎడిటర్ ద్వారా నడుపుకోవచ్చు. -#### మీ రిపోజిటరీని సృష్టించండి -మీ పని సులభంగా సేవ్ చేయడానికి, మీ స్వంత కాపీని సృష్టించడం సిఫార్సు చేయబడింది. పేజీ పై భాగంలో "Use this template" బటన్‌ను క్లిక్ చేయండి. ఇది మీ GitHub ఖాతాలో ఈ పాఠ్యక్రమ పోతిన ఒక కొత్త రిపోజిటరీని సృష్టిస్తుంది. +#### మీ రిపోజిటరీ సృష్టించండి +మీ పని సులభంగా సేవ్ చేసుకునేందుకు, ఈ రిపోజిటరీ యొక్క మీ స్వంత కాపీని సృష్టించడం సిఫార్సు చేయబడింది. దీన్ని, పేజీ టాప్‌లో ఉన్న **Use this template** బటన్ క్లిక్ చేయడం ద్వారా చేయవచ్చు. ఇది మీ GitHub ఖాతాలో కొత్త రిపోజిటరీని సృష్టిస్తుంది, ఇందులో పాఠ్యక్రమం కాపీ ఉంటుంది. -ఈ దశలును అనుసరించండి: -1. **రిపోజిటరీని ఫోర్క్ చేయండి**: ఈ పేజీ యొక్క పై-కుడి మూలలో "Fork" బటన్‌ను క్లిక్ చేయండి. -2. **రిపోజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +ఈ క్రింది స్టెప్స్ పాటించండి: +1. **రిపోజిటరీని Fork చేయండి**: ఈ పేజీ టాప్-రైట్ మూలలో ఉన్న "Fork" బటన్ క్లిక్ చేయండి. +2. **రిపోజిటరీని Clone చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace లో పాఠ్య క్రమం నడపడం +#### Codespace లో పాఠ్యక్రమం నడపడం -మీ సృష్టించిన ఈ రిపోజిటరీ కాపీలో, **Code** బటన్ క్లిక్ చేసి **Open with Codespaces** ఎంచుకోండి. ఇది మీ పని కోసం కొత్త Codespace ని సృష్టిస్తుంది. +మీ సృష్టించిన రిపోజిటరీ కాపీ లో, **Code** బటన్ క్లిక్ చేసి **Open with Codespaces** ఎంచుకోండి. ఇది మీరు పని చేయడానికి కొత్త Codespace సృష్టిస్తుంది. ![Codespace](../../translated_images/te/createcodespace.0238bbf4d7a8d955.webp) -#### మీ కంప్యూటర్లో ఈ పాఠ్య క్రమం నడపడం +#### మీ కంప్యూటర్ లో స్థానికంగా పాఠ్యక్రమం నడపడం -మీ కంప్యూటర్లో ఈ పాఠ్యక్రమం నడపడానికి, ఒక టెక్స్ట్ ఎడిటర్, ఒక బ్రౌజర్ మరియు ఒక కమాండ్ లైన్ టూల్ అవసరం. మా మొదటి పాఠం [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) మీరు ఈ పరికరాల ఎంపికకు సంబంధించిన వివిధ ఎంపికలను చూపిస్తుంది. +ఈ పాఠ్యక్రమాన్ని మీ కంప్యూటర్ లో నడపడానికి, మీకు ఒక టెక్స్ట్ ఎడిటర్, బ్రౌజర్ మరియు క‌మాండ్ లైన్ టూల్ అవసరం. మా మొదటి పాఠం, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), మీరు ఎంపిక చేసుకునే ప్రతి టూల్ కోసం వివిధ ఆప్షన్లను చూపిస్తుంది. -మా సిఫార్సు [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ని ఎడిటర్ గా ఉపయోగించడం, ఇది బిల్ట్-ఇన్ [టెర్మినల్](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) సౌకర్యం కలిగి ఉంటుంది. Visual Studio Code ని [ఇక్కడ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) నుండి డౌన్లోడ్ చేసుకోవచ్చు. -1. మీ రిపాజిటరీని మీ కంప్యూటర్‌కు క్లోన్ చేయండి. దీన్ని మీరు **Code** బటన్‌పై క్లిక్ చేసి URLను కాపీచేయడం ద్వారా చేయవచ్చు: +మా సిఫార్సు [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ను ఎడిటర్‌గా ఉపయోగించడం, దీనిలో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) కూడా అంతర్బురించినది. మీరు Visual Studio Code [ఇక్కడ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) నుండి డౌన్లోడ్ చేసుకోవచ్చు. +1. మీ రెపోజిటరీని మీ కంప్యూటర్‌కు క్లోన్ చేయండి. మీరు దీన్ని **Code** బటన్ పై క్లిక్ చేయడం ద్వారా మరియు URL ని కాపీ చేయడం ద్వారా చేయవచ్చు: [CodeSpace](./images/createcodespace.png) - తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)ని తెరిచి, మీరు కాపీ చేసిన URLను `` గా బదిలీచేసి క్రింది కమాండ్‌ను నడపండి: + తర్వాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ను తెరచి, మీరు కాపీ చేసిన URLతో `` ను మ replacesి కింద ఇచ్చిన కమాండ్ రన్ చేయండి: ```bash git clone ``` -2. Visual Studio Codeలో ఫోల్డర్‌ను తెరవండి. మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంపిక చేసుకోవడానికి **File** > **Open Folder** పై క్లిక్ చేయండి. +2. Visual Studio Code లో ఫోల్డరును తెరవండి. మీరు దీన్ని **File** > **Open Folder** క్లిక్ చేసి మీరు క్లోన్ చేసిన ఫోల్డరును ఎన్నుకోవడం ద్వారా చేయవచ్చు. -> సూచించబడిన Visual Studio Code విస్తరణలు: +> సిఫార్సు చేసబడిన Visual Studio Code పొడిగింపులు: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeలో HTML పేజీలను ప్రివ్యూకు -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్‌ను మరింత వేగంగా రాయడంలో సహాయం +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - మీరు కోడ్ రాయడంలో వేగవంతం చేయడానికి -## 📂 ప్రతి పాఠంలో ఉంటుంది: +## 📂 ప్రతి పాఠంలో ఉన్నాయి: -- ఐచ్ఛిక స్కెచ్‌నోట్ -- ఐచ్ఛిక అనుబంధ వీడియో -- పాఠానికి ముందు వేడి పరించుకొనే క్విజ్ -- వ్రాసిన పాఠం -- ప్రాజెక్ట్-ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్‌ని నిర్మించడానికి స్టెప్-బై-స్టెప్ మార్గదర్శకాలు -- విజ్ఞాన పరీక్షలు +- ఐచ్ఛిక స్కెచ్ నోటు +- ఐచ్ఛిక సప్లిమెంటల్ వీడియో +- పాఠం ముందు వార్మప్ క్విజ్ +- రాసిన పాఠం +- ప్రాజెక్ట్ ఆధారిత పాఠాల్లో, ప్రాజెక్ట్ ని నిర్మించడానికి దశల వారీ మార్గదర్శకాలు +- జ్ఞాన పరీక్షలు - ఒక సవాలు -- అనుబంధ చదువు -- కఠినతరమైన [పోస్ట్-పాఠం క్విజ్](https://ff-quizzes.netlify.app/web/) +- సప్లిమెంటల్ పఠనం +- అసైన్‌మెంట్ +- [పాఠం తర్వాత క్విజ్](https://ff-quizzes.netlify.app/web/) -> **క్విజ్‌లు గురించి ఒక గమనిక**: అన్ని క్విజ్‌లు Quiz-app ఫোল్డర్ లో ఉంటాయి, 48 మొత్తం క్విజ్‌లు ఒక్కో మూడు ప్రశ్నలతో కూడాయి. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉంటాయి. క్విజ్ అప్లికేషన్‌ను స్థానికంగా నడిపించవచ్చు లేదా Azureకు పంపించవచ్చు; `quiz-app` ఫోల్డర్‌లో ఉన్న సూచనలను అనుసరించండి. +> **క్విజ్ల గురించి ఒక గమనిక**: అన్ని క్విజ్లు Quiz-app ఫోల్డర్ లో ఉన్నాయి, 48 మొత్తం క్విజ్లు, ప్రతి ఒక్కటి మూడు ప్రశ్నలతో. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉన్నాయి; క్విజ్ యాప్ స్థానికంగా రన్ చేయవచ్చు లేదా Azure కు పంపవచ్చు; `quiz-app` ఫోల్డరులో సూచనలనే అనుసరించండి. ## 🗃️ పాఠాలు -| | ప్రాజెక్ట్ పేరు | బోధించే భావాలు | నేర్చుకునే విషయాలు | లింక్ చేసిన పాఠం | రచయిత | +| | ప్రాజెక్ట్ పేరు | నేర్పే భావనలకు సంబంధించినవి | అభ్యసన లక్ష్యాలు | లింక్ చేసిన పాఠం | రచయిత | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | ప్రారంభం అవుతున్నది | ప్రోగ్రామింగ్ పరిచయం మరియు ఉపకరణాలు | ఎక్కువ భాగం ప్రోగ్రామింగ్ భాషల ఆధారాలు మరియు ప్రొఫెషనల్ డెవలపర్లు తమ పనులు చేయడానికి సహాయకంగా ఉండే సాఫ్ట్‌వేర్ గురించి తెలుసుకోండి | [ప్రోగ్రామింగ్ భాషలకు మరియు ఉపకరణాలకు పరిచయం](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | ప్రారంభం అవుతున్నది | GitHub యొక్క ప్రాధమికాలు, టీంతో సహకారం | మీ ప్రాజెక్టులో GitHubని ఎలా ఉపయోగించాలో, కోడ్ బేస్‌పై ఇతరులతో కలిసి ఎలా పని చేయాలో తెలుసుకోవడం | [GitHubకి పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | ప్రారంభం అవుతున్నది | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ ప్రాథమికాలను తెలుసుకోవడం | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాల | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS ప్రాథమికాలు | ఫంక్షన్లు మరియు మెథడ్స్ | ప్రోగ్రాం లాజిక్ ఫ్లో నిర్వహించడానికి ఫంక్షన్లు మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్లు మరియు మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine మరియు Christopher | -| 06 | JS ప్రాథమికాలు | JS తో నిర్ణయాలు తీసుకోవడం | మీ కోడులో షరతులను ఎలా సృష్టించాలో నిర్ణయాలు తీసుకునే పద్ధతులు ఉపయోగించి తెలుసుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS ప్రాథమికాలు | అర్రాలు మరియు లూపులు | JavaScriptలో అర్రాలు మరియు లూపులతో డేటాతో పని చేయడం | [అర్రాలు మరియు లూపులు](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ఆచరణలో | ఆన్‌లైన్ టెర్రేరియం సృష్టించడానికి HTMLని నిర్మించడం, లేఅవుట్‌ నిర్మాణంపై దృష్టి పెట్టడం | [HTMLకి పరిచయం](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ఆచరణలో | ఆన్‌లైన్ టెర్రేరియం స్టైల్ చేయడానికి CSS నిర్మించడం, CSS ప్రాథమికాలు మరియు పేజీని రిస్పాన్స్‌వ్‌గా చేసుకోవడం | [CSSకి పరిచయం](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | డ్రాగ్/డ్రాప్ ఇంటర్‌ఫేస్‌గా టెర్రేరియం పనిచేసేలా JavaScript నిర్మించడం, క్లోజర్‌లు మరియు DOM మానిప్యులేషన్‌పై దృష్టి పెట్టడం | [JavaScript క్లోజర్స్, DOM మానిప్యులేషన్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ నిర్మించడం | కీబోర్డ్ ఈవెంట్లను ఉపయోగించి మీ JavaScript యాప్లో లాజిక్‌ను నడిపించడం | [ఈవెంట్-డ్రివెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్‌లతో పని చేయడం | బ్రౌజర్‌లు ఎలా పనిచేస్తాయో, వాటి చరిత్ర మరియు బ్రౌజర్ ఎక్స్టెన్షన్ మొదటి ఆవృతాలను ఎలా స్కాఫోల్డ్ చేయాలో తెలుసుకోవడం | [బ్రౌజర్ల గురించి](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫామ్ నిర్మించడం, API కాలింగ్ మరియు స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేయడం | స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేసి APIకి కాల్ చేయడానికి మీ బ్రౌజర్ ఎక్స్టెన్షన్ యొక్క JavaScript మూలకాలను నిర్మించడం | [APIs, ఫారమ్లు మరియు స్థానిక నిల్వ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్‌లో బ్యాక్‌గ్రౌండ్ ప్రాసెస్లు, వెబ్ పనితీరు | ఎక్స్టెన్షన్ ఐకాన్‌ను నిర్వహించడానికి బ్రౌజర్ యొక్క బ్యాక్‌గ్రౌండ్ ప్రాసెస్లు ఉపయోగించడం; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోవడం | [బ్యాక్‌గ్రౌండ్ టాస్కులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScriptతో మరింత ఉన్నత స్థాయి గేమ్ డెవలప్‌మెంట్ | క్లాసులూ మరియు కంపోజిషన్‌ను ఉపయోగించి ఇన్హెరిటెన్స్ మరియు Pub/Sub నమూనా గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి సిద్ధమవ్వడంతో | [అధిక స్థాయి గేమ్ డెవలప్‌మెంట్ పరిచయం](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | కేన్వాస్ ఆ పైకి డ్రాయింగ్ | స్క్రీన్‌పై మూలకాలను గీయడానికి ఉపయోగించే Canvas API గురించి తెలుసుకోండి | [కేన్వాస్‌కు డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ మూలకాలను కదిలించడం | కార్టెసియన్ కోఆర్డినేట్లు మరియు Canvas API ఉపయోగించి మూలకాలు ఎలా కదులుతున్నాయో తెలుసుకోండి | [మూలకాలు కదిలించడం](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | ఢీకొట్టే గుర్తింపు | కీలను ఉపయోగించి మూలకాలు ఎలా ఢీకొంటున్నాయో మరియు పరస్పరం చర్యలు తీసుకుంటాయో గేమ్ పనితీరు కాపాడడానికి కూల్డౌన్ ఫంక్షన్‌ను ఎలా ఇవ్వాలో చేయడం | [ఢీకొట్టే గుర్తింపు](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోరు గమనించడం | గేమ్ పరిస్థితి మరియు పనితీపై ఆధారంగా గణనలు నిర్వహించడం | [స్కోరు గమనించడం](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు మళ్లీ ప్రారంభించడం | గేమ్ ముగింపు మరియు మళ్లీ ప్రారంభించడంపై తెలుసుకోండి, ఆస్తులను క్లీనప్ చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం | [ముగింపు షరతు](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్‌లో HTML టెంప్లేట్లు మరియు రూట్లు | బహుముఖ పేజీల వెబ్ సైట్ నిర్మాణానికి స్కాఫోల్డ్ తయారు చేయడం రూటింగ్ మరియు HTML టెంప్లేట్ల ద్వారా | [HTML టెంప్లేట్లు మరియు రూట్లు](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారమ్ నిర్మించడం | ఫారమ్లు నిర్మించడం మరియు ధృవీకరణ రుతీన్ల నిర్వహణపై తెలుసుకోండి | [ఫారములు](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటా పొందుట మరియు ఉపయోగించుట యొక్క విధానాలు | మీ యాప్‌లో డేటా ఎలా ప్రవహిస్తున్నదీ, దాన్ని ఎలా పొందాలి, నిల్వ చేయాలి మరియు తొలగించాలి తెలుసుకోండి | [డేటా](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్‌మెంట్ భావనలు | మీ యాప్ స్టేట్‌ను ఎలా నిలుపుకుంటుంది మరియు దాన్ని ప్రోగ్రామాటిక్‌గా ఎలా నిర్వహించాలో తెలుసుకోండి | [స్టేట్ మేనేజ్‌మెంట్](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeతో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం ఎలా నేర్చుకోవాలి| [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | AIతో పని చేయడం | మీ సొంత AI అసిస్టెంట్‌ను ఎలా నిర్మించాలో నేర్చుకోండి | [AI అసిస్టెంట్ ప్రాజెక్ట్](./9-chat-project/README.md) | Chris | +| 01 | Getting Started | ప్రోగ్రామింగ్ ప్రవేశం మరియు వృత్తి పనికి ఉపయోగించే టూల్స్ | ఎక్కువ ప్రోగ్రామింగ్ భాషల వెనుక ఉన్న ఆధారాలను మరియు ప్రొఫెషనల్ డెవలపర్స్ తమ పనులు చేయడానికి సహాయపడే సాఫ్ట్‌వేర్ గురించి నేర్చుకోండి | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | GitHub యొక్క ప్రాథమికాలు, టీమ్ తో కలిసి పనిచేసే విధానం | మీ ప్రాజెక్ట్‌లో GitHub ను ఎలా ఉపయోగించాలో, కోడ్ బేస్‌పై ఇతరులతో ఎలా కలిసి పనిచేసాలో నేర్చుకోండి | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ యొక్క ప్రాథమికాలు నేర్చుకోండి | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | JavaScript డేటా రకాలు | JavaScript డేటా రకాల ప్రాథమికాలు | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | ఫంక్షన్స్ మరియు మెథడ్స్ | అప్లికేషన్ యొక్క లాజిక్ ఫ్లోని నిర్వహించడానికి ఫంక్షన్స్ మరియు మెథడ్స్ గురించి నేర్చుకోండి | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | JS తో నిర్ణయాలు తీసుకోవడం | కోడ్‌లో షరతులు సృష్టించడానికి నిర్ణయ తీసుకోవడం పద్ధతులు నేర్చుకోండి | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | ఎర్రేస్ మరియు లూప్స్ | JavaScript లో డేటాతో పని చేయడానికి ఎర్రేస్ మరియు లూప్స్ ఉపయోగించండి | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ఆచరణలో | ఒక ఆన్‌లైన్ తెర్రేరియం సృష్టించేందుకూ HTML ను నిర్మించండి, లేఅవుట్ నిర్మాణంపై దృష్టి కేంద్రీకరించండి | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ఆచరణలో | ఆన్‌లైన్ తెర్రేరియానికి శైలి ఇవ్వడానికి CSS సృష్టించండి, ప్రతిస్పందించే పేజీ చేయటం సహా CSS ప్రాథమికాలు నేర్చుకోండి | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | తెర్రేరియాన్ని డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్‌గా పనిచేయించేలా JavaScript సృష్టించండి, క్లోజర్స్ మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టండి | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ సృష్టించడం | కీబోర్డ్ ఈవెంట్లను ఉపయోగించి మీ JavaScript యాప్ యొక్క లాజిక్ ని ఎలా నడిపించాలో నేర్చుకోండి | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లు ఎలా పనిచేస్తాయి | బ్రౌజర్లు ఎలా పని చేస్తాయి, వాటి చరిత్ర, మరియు బ్రౌజర్ ఎక్స్‌టెన్షన్ యొక్క మొదటి అంశాలను ఎలా సృష్టించాలో నేర్చుకోండి | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫారం సృష్టించడం, API ను కాల్ చేయడం మరియు స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేయడం | API ని కాల్ చేయడానికి బ్రౌజర్ ఎక్స్‌టెన్షన్ యొక్క JavaScript అంశాలను నిర్మించండి, స్థానిక నిల్వలో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్ బ్యాక్‌గ్రౌండ్ ప్రాసెస్‌లు, వెబ్ పనితీరు | ఎక్స్‌టెన్షన్ యొక్క చిహ్నాన్ని నిర్వహించడానికి బ్రౌజర్ బ్యాక్‌గ్రౌండ్ ప్రాసెస్‌లను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript తో మరింత అధునాతన గేమ్ అభివృద్ధి | క్లాసులు మరియు కంపోజిషన్ ఉపయోగించి వారసత్వం, మరియు Pub/Sub నమూనా గురించి నేర్చుకోండి, గేమ్ ప్రాజెక్ట్ కోసం సిద్ధం అవ్వండి | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | కాన్వాస్‌కు డ్రాయింగ్ | స్క్రీన్‌పై అంగుళాలను చిత్రించడానికి ఉపయోగించే కాన్వాస్ API గురించి నేర్చుకోండి | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్‌లో అంగుళాల చలనం | కార్టీసియన్ కోఆర్డినేట్లు మరియు కాన్వాస్ API ఉపయోగించి అంగుళాలకు చలనం ఎలా వస్తుందో తెలుసుకోండి | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | ఘర్షణ గుర్తింపు | కీప్రెస్సులను ఉపయోగించి అంగుళాలు ఒకదానితో ఒకటి టकरించడం మరియు స్పందించడం చేయండి; గేమ్ పనితీరు కోసం కోల్డౌన్ ఫంక్షన్ ఇవ్వండి | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోర్ నిర్వహణ | గేమ్ స్థితి మరియు పనితీరుపై ఆధారంగా గణిత గణనలను చేయండి | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు పునఃప్రారంభం | గేమ్ ముగింపులు మరియు పునఃప్రారంభం, అసెట్స్ క్లీనప్ చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం గురించి నేర్చుకోండి | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్‌లో HTML టెంప్లేట్లు మరియు మార్గాలు | మార్గదర్శకాలు మరియు HTML టెంప్లేట్లను ఉపయోగించి బహుళ పేజీల వెబ్‌సైట్ నిర్మాణాన్ని సృష్టించడం నేర్చుకోండి | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మించడం | ఫారాలు రూపొందించడం మరియు ధృవీకరణ రొటీన్‌ల నిర్వహణ గురించి నేర్చుకోండి | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటా తీసుకోవడం మరియు ఉపయోగించే పద్ధతులు | డేటా ఎలా మీ యాప్ లో ప్రవేశించి, నిల్వ చేయబడుతుందో మరియు తొలగించబడుతుందో తెలుసుకోండి | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ భావన | మీ యాప్ ఎలా స్టేట్ ని నిర్వహిస్తుందో, ప్రోగ్రామ్ ద్వారా దాన్ని ఎలా నియంత్రించాలో నేర్చుకోండి | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం నేర్చుకోండి| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI అసిస్టెంట్ ని ఎలా నిర్మించాలో నేర్చుకోండి | [AI Assistant project](./9-chat-project/README.md) | Chris | -## 🏫 విధాన శాస్త్రం +## 🏫 విద్యాశాస్త్రం -మా పాఠ్యक्रमం రెండు ముఖ్యమైన విద్యా సూత్రాలతో రూపొందించబడింది: -* ప్రాజెక్ట్-ఆధారిత అధ్యయనం -* తరచూ క్విజ్‌లు +మా విద్యాదర్శనం రెండు ముఖ్యమైన విద్యాశాస్త్ర సిద్ధాంతాలతో రూపొందించబడింది: +* ప్రాజెక్ట్ ఆధారిత అధ్యయనం +* తరచైన క్విజ్లు -ప్రోగ్రామ్ JavaScript, HTML మరియు CSS యొక్క ప్రాథమికాలను, అలాగే నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను బోధిస్తుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ టెర్రేరియం, పర్యావరణహిత బ్రౌజర్ ఎక్స్టెన్షన్, స్పేస్-ఇన్వేడర్-శైలి గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ వంటి అనుభవాలు అభివృద్ధి చేసుకునే అవకాశం ఉంటుందని ఉంటుంది. సిరీస్ చివరికి, విద్యార్థులు వెబ్ డెవలప్‌మెంట్‌పై గట్టైన అవగాహన పొందుతారు. +ఈ ప్రోగ్రామ్ JavaScript, HTML, CSS యొక్క ప్రాథమికాలు మరియు నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను నేర్పుతుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ తెర్రేరియం, పర్యావరణ అనుకూల బ్రౌజర్ ఎక్స్‌టెన్షన్, స్పేస్-ఇన్‌ వాడర్-శైలి గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ తయారుచేసేందుకు అనుభవాన్ని పొందడానికి అవకాశం కలుగుతుంది. సిరీస్ ముగింపులో, విద్యార్థులు వెబ్ అభివృద్ధిపై బలమైన అవగాహన పొందుతారు. -> 🎓 మీరు ఈ పాఠ్యక్రమంలో మొదటి కొన్ని పాఠాలను Microsoft Learnలోని [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)గా తీసుకోవచ్చు! +> 🎓 మీరు ఈ పాఠ్యక్రమంలో మొదటి కొన్ని పాఠాలను Microsoft Learn లో [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) గా అందుబాటులో ఉన్నాయి! -విషయాలు ప్రాజెక్టులకు సరిపోలేలా ఉండటంతో, విద్యార్థులకు మరింత ఆసక్తికరం అయ్యి, భావాల నిలుపుదల మెరుగుపడుతుంది. మేము JavaScript ప్రాథమికాల్లో కొంత ప్రారంభ పాఠాలు కూడా రాశాము మరియు "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ నుండి ఒక వీడియోతో జతచేసాము, ఆ కొంత రచయితలు ఈ పాఠ్యక్రమానికి తోడ్పడారు. +ప్రాజెక్ట్ లతో విద్యా విషయాలు అనుసరిస్తే, విద్యార్థులందరికీ ప్రాసెస్ మరింత ఆసక్తికరంగా మారుతుంది మరియు భావనలు మరింత కాలం నిలిచి ఉంటాయి. మేము JavaScript ప్రాథమికాలను పరిచయం చేయడానికి కొన్ని ప్రారంభ పాఠాలు కూడా వ్రాశాము, వీటితోపాటు "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ సేకరణలోని వీడియోలు జత చేసాము, ఇందులో కొన్ని రచయితలు ఈ పాఠ్యక్రమానికి సహాయం చేశారు. -అదేవిధంగా, తరగతికి ముందు ఒక తక్కువ-మప్కు క్విజ్ విద్యార్థి అభ్యాసం మీద దృష్టి పెట్టేలా మార్గదర్శనం చేస్తుంది, తరగతి తర్వాత రెండవ క్విజ్ భావాల నిలుపుదలని పెంచుతుంది. ఈ పాఠ్యక్రమం సౌకర్యవంతంగా మరియు హస్యం కలిగించాలనే ఉద్దేశంతో రూపొందించబడింది మరియు మొత్తం లేదా భాగంగా తీసుకోవచ్చు. ప్రాజెక్టులు చిన్నవిగా మొదలుకొని 12 వారాల చక్రం చివరికి క్రమంగా క్లిష్టమవతాయి. +క్లాస్ ప్రారంభంలో తక్కువ-పెట్టుబడి క్విజ్ ద్వారా విద్యార్థి ఆ విషయం నేర్చుకోవాలనుకునే ఉద్దేశ్యాన్ని సెట్ చేస్తారు, తరగతి అనంతరం మరొక క్విజ్ మరింత శ్రేణి నిలిపే సహాయపడుతుంది. ఈ పాఠ్యక్రమం అనువైనదిగా, సరదాగా ఉండేలా రూపొందించబడింది మరియు మొత్తంగా లేదా కొంత భాగంగా చేపట్టవచ్చు. ప్రాజెక్ట్లు చిన్నవి మరియు 12 వారాల చక్రం చివరికి సుదీర్ఘంగా కష్టతరంగా మారతాయి. -మేము జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్‌లను ఉద్దేశపూర్వకంగా పరిచయం చేయకుండా ఉంచాము, ఒక వెబ్ డెవలపర్‌గా అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టడానికి ఫ్రేమ్‌వర్క్‌ను అనుసరించే ముందు; ఈ పాఠ్యక్రమాన్ని పూర్తి చేయడానికి బాగా ఉన్నతమైన తదుపరి దశగా, ఇంకొక వీడియో సేకరణ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా Node.jsని నేర్చుకోవడం ఉంటుంది. +మేము ఉద్దేశపూర్వకంగా JavaScript ఫ్రేమ్‌వర్క్‌లను పరిచయం చేయకుండా వదిలివేస్తూ, ఒక ఫ్రేమ్‌వర్క్ అవలంబించే ముందు ఒక వెబ్ డెవలపర్ కావాల్సిన బేసిక్ నైపుణ్యాలపై దృష్టి పెట్టాము, దీని తర్వాతి మంచి దశ Node.js గురించి తెలుసుకోవడం, మరో వీడియో సిరీస్ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా. -> మాకు [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు ఉన్నాయి. మీ నిర్మాణాత్మక అభిప్రాయాన్ని మేము స్వాగతిస్తున్నాము! +> మా [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు చూడండి. మీ నిర్మాణాత్మక అభిప్రాయాలను స్వాగతిస్తాము! -## 🧭 ఆఫ్‌లైన్ ಪ್ರವೇಶం +## 🧭 ఆఫ్లైన్ యాక్సెస్ -[Docsify](https://docsify.js.org/#/) ఉపయోగించి మీరు ఈ డాక్యుమెంటేషన్‌ను ఆఫ్‌లైన్‌లో నడపవచ్చు. ఈ రెపోను ఫోర్క్ చేసుకోండి, మీ స్థానిక मशीनలో [Docsifyని ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేయండి, తదుపరి ఈ రెపో యొక్క రూట్ ఫోల్డర్‌లో `docsify serve` టైప్ చేయండి. వెబ్‌సైట్ 3000 పోర్ట్‌పై మీ లోకల్ హోస్ట్‌లో అందుబాటులో ఉంటుంది: `localhost:3000`. +మీరు ఈ డాక్యుమెంటేషన్ ను ఆఫ్లైన్ లో [Docsify](https://docsify.js.org/#/) ఉపయోగించి నడిపించవచ్చు. ఈ రిపోజిటరీని ఫోర్క్ చేసి, మీ స్థానిక పరికరంలో [Docsify ను ఇన్‍స్టాల్](https://docsify.js.org/#/quickstart) చేసి, తరువాత ఈ రిపోజిటరీ యొక్క రూట్ ఫోల్డరులో `docsify serve` టైపు చెయ్యండి. వెబ్సైట్ మీ లోకల్హోస్టు: 3000 పోర్ట్ లో సర్వ్ అవుతుంది: `localhost:3000`. ## 📘 PDF -పాఠాలన్నింటి PDFను [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) పొందొచ్చు. +అన్ని పాఠాల యొక్క PDF ను [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) చూసుకోవచ్చు. ## 🎒 ఇతర కోర్సులు -మా బృందం ఇతర కోర్సులు కూడా తయారుచేస్తోంది! చూడండి: +మన టీమ్ ఇతర కోర్సులకు సంబంధించినవి కూడా తయారు చేస్తుంది! వాటిని చూడండి: ### LangChain @@ -229,7 +215,7 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల --- -### Generative AI శ్రేణి +### Generative AI సిరీస్ [![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) @@ -248,7 +234,7 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల --- -### కోపిలట్ శ్రేణి +### కాపైలట్ సిరీస్ [![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) @@ -256,21 +242,21 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల ## సహాయం పొందడం -మీరు అడ్డుకట్ట పడితే లేదా AI యాప్‌లు నిర్మించడంపై ఏవైనా ప్రశ్నలు ఉంటే, MCP గురించి చర్చలలో ఇతర విద్యార్థులు మరియు అనుభవజ్ఞులైన డెవలపర్లతో చేరండి. ఇది ఒక మద్ధతుగా ఉండే కమ్యూనిటీ, అక్కడ ప్రశ్నలు స్వాగతం చేయబడతాయి మరియు జ్ఞానం స్వేచ్ఛగా పంచుకుంటారు. +మీరు ఏ సమస్యలో ఆపడితే లేదా AI యాప్స్ తయారీలో ఏవైనా ప్రశ్నలు ఉంటే, MCP గురించి చర్చల కోసం ఇతర నేర్చుకునే వారు మరియు అనుభవజ్ఞులైన అభివృద్ధికర్తలతో చేరండి. ఇది ప్రశ్నలు స్వాగతించే, మరియు జ్ఞానం స్వేచ్ఛగా పంచుకునే మద్దతు సముదాయం. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -మీకు ఉత్పత్తి అభిప్రాయం లేదా లోపాలు ఉంటే: +మీకు ఉత్పత్తి ఫీడ్‌బ్యాక్ లేదా మరుగు సందేశాలు ఉంటే: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## లైసెన్స్ -ఈ రిపోజిటరీ MIT లైసెన్సు క్రింద లైసెన్స్ చేయబడింది. మరింత సమాచారం కోసం [LICENSE](../../LICENSE) ఫయిల్ చూడండి. +ఈ రిపాజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ చేయబడి ఉంది. మరిన్ని వివరాలకు [LICENSE](../../LICENSE) ఫైల్‌ను చూడండి. --- **అస్పష్టత**: -ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగా ఉండేందుకు ప్రయత్నించినప్పటికీ, ఆటోమేటెడ్ అనువాదాల్లో తప్పిదాలు లేదా అసత్యతలు ఉండవచ్చు. స్థానిక భాషలో ఉన్న మౌలిక పత్రం అధికారిక మూలంగా పరిగణించాలి. ముఖ్యమైన సమాచారం కోసం, వృత్తి పరిజ్ఞానుల చేత అనువాదం చేయించడం ఉత్తమం. ఈ అనువాదం ఉపయోగించడంవల్ల ఏర్పడిన ఏవైనా అపర్థాలు లేదా తప్పుదారుల కోసం మేము బాధ్యుల్లో కాదు. +ఈ డాక్యుమెంట్ AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగ్గా ఉండేందుకు ప్రయత్నించగా, ఆటోమేటిక్డ్ అనువాదాలు తప్పులు లేదా అస్పష్టతలు కలిగి ఉండవచ్చు అని గమనించండి. స్థానిక భాషలో ఉన్న మౌలిక డాక్యుమెంట్ అధికారిక మూలంగా పరిగణించవలెను. ముఖ్యమైన సమాచారం కోసం, ప్రొఫెషనల్ మానవ అనువాదం సూచించబడుతుంది. ఈ అనువాదం వాడకం వల్ల వచ్చే ఏ శంకరింపులు లేదా తప్పుదారితీసిన అర్థమాలకి మేము బాధ్యత వహించము. \ No newline at end of file diff --git a/translations/te/lesson-template/README.md b/translations/te/lesson-template/README.md index 112471a411..58ec195cc6 100644 --- a/translations/te/lesson-template/README.md +++ b/translations/te/lesson-template/README.md @@ -1,58 +1,79 @@ -# [పాఠం విషయం] +# పాఠం విషయం -![ఇక్కడ వీడియో ఎంబెడ్ చేయండి](../../../lesson-template/video-url) +## 🎥 వీడియో -## [పాఠం ముందు క్విజ్](../../../lesson-template/quiz-url) +> ఇక్కడ ఒక ఎంబెడెడ్ వీడియో లేదా పాఠం లింక్ జోడించండి. -[మేము ఏమి నేర్చుకునామో వివరించండి] +--- + +## పాఠం ముందటి ప్రశ్నోత్తరము + +> అందుబాటులో ఉన్నప్పుడు ఇక్కడ ఒక ప్రశ్నోత్తర లింక్ జోడించండి. + +--- + +ఈ పాఠంలో విద్యార్థులు నేర్చుకునే విషయముల దారితీసే సంక్షిప్త అవలోకనం ఇవ్వండి. + +--- ### పరిచయం -ఏమి కవర్ అవుతుందో వివరించండి +ఈ పాఠంలో ఏమి చర్చించబడబోతుందో వివరిస్తూ చిన్న పరిచయాన్ని ఇవ్వండి. > గమనికలు -### ముందు అవసరం +--- + +### ముందస్తు జ్ఞానం -ఈ పాఠానికి ముందు ఏ దశలను చేపట్టాలి? +ఈ పాఠాన్ని ప్రారంభించే ముందు విద్యార్థులు తెలుసుకుని ఉండవలసిన సిద్దాంతాలు లేదా విషయాల జాబితా ఇవ్వండి. + +--- -### సిద్ధం +### సిద్ధమయ్యేందుకు -ఈ పాఠాన్ని ప్రారంభించడానికి సిద్ధం చర్యలు +పాఠం మొదలుపెట్టేముందు అవసరమైన ఏర్పాట్లు లేదా ఉపకరణాల జాబితా ఇవ్వండి. --- -[అంశాలను బ్లాక్‌లుగా దశలవారీగా మంచి] +### విషయము + +పాఠం విషయాన్ని నిర్మితమైన భాగాలుగా ముందుకు తీసుకువెళ్లండి. + +--- -## [విషయం 1] +## విషయం 1 -### పని: +### పనులు: -మీ కోడ్‌బేస్‌ను పాఠాన్ని పంచుకున్న కోడ్‌తో కలిపి ప్రాజెక్ట్‌ను నిర్మించేందుకు కలిసి పనిచేయండి: +మీ కోడ్ బేస్‌ను క్రమంగా మెరుగుపరచి, పంచుకున్న కోడ్‌తో ప్రాజెక్ట్‌ను నిర్మించడం కోసం కలిసి పని చేయండి: ```html code blocks ``` -✅ జ్ఞాన పరీక్ష - ఓపెన్ ప్రశ్నలతో విద్యార్థుల జ్ఞానాన్ని పరీక్షించడానికి ఈ సమయాన్ని ఉపయోగించండి +✅ జ్ఞాన పరీక్ష +పాఠ్యాంశం ప్రకృతి బట్టి విద్యార్థుల జ్ఞానాన్ని తెగువచోట్లు ఉన్న ప్రశ్నల ద్వారా పరీక్షించండి. -## [విషయం 2] +## విషయం 2 +## విషయం 3 -## [విషయం 3] +🚀 సవాలు +విద్యార్థులకు ప్రాజెక్టును మెరుగుపరచడానికి సహకార సవాలు జోడించండి. -🚀 సవాలు: తరగతిలో విద్యార్థులతో కలిసి పనిచేస్తూ ప్రాజెక్ట్‌ను మెరుగుపర్చేందుకు ఒక సవాలును జత చేయండి +ఐచ్ఛికం: పూర్తయిన పాఠం UI యొక్క స్క్రీన్‌షాట్ అవసరమైతే జోడించండి. -ఐచ్ఛికం: పూర్తి అయిన పాఠం UI యొక్క స్క్రీన్‌షాట్ అవసరమైతే జత చేయండి +## పాఠం తర్వాత ప్రశ్నోత్తరము -## [పాఠం తర్వాత క్విజ్](../../../lesson-template/quiz-url) +పాఠం పూర్తయిన తర్వాత ఇక్కడ ప్రశ్నోత్తర లింక్ జోడించండి. ## సమీక్ష & స్వీయ అధ్యయనం -**అస్సైన్‌మెంట్ సమయం [MM/YY]**: [అస్సైన్‌మెంట్ పేరు](assignment.md) +**అసైన్‌మెంట్ సమర్పణ తేదీ [MM/YY]**: [అసైన్‌మెంట్ పేరు](assignment.md) --- -**డిస్క్లైమర్**: -ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగా ఉండేందుకు ప్రయత్నిస్తున్నా, ఆటోమేటెడ్ అనువాదాలలో తప్పులు లేదా లోపాలు ఉండవచ్చు. మౌలిక భాషలో ఉన్న అసలు పత్రం అధికారిక మూలంగా పరిగణించాలి. ముఖ్యమైన సమాచారానికి, వృత్తిపరమైన మానవ అనువాదాన్ని అంచనా వేయడం మేలైనది. ఈ అనువాదం వాడకంలో ఏర్పడే ఏవైనా అవగాహన లోపాలు లేదా తప్పుడు అర్థాలు మాకు బాధ్యత లేదు. +**అవసర సూచన**: +ఈ పత్రం AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ద్వారా అనువదించబడింది. మేము సరిగా అనువదించేందుకు శ్రమిస్తున్నా, ఆటోమేటెడ్ అనువాదాలలో తప్పులు లేదా అసమ్మతులు ఉండవచ్చు గమనించండి. అసలు పత్రం దాని మాతృ భాషలోని అధికారిక రిపోర్టుగా పరిగణించాలి. ముఖ్యమైన సమాచారానికి, ప్రొఫెషనల్ మానవ అనువాదం చేయించుకోవడం ఉత్తమం. ఈ అనువాదం వాడడంవల్ల కలిగే ఏదైనా భ్రమ‌లు లేదా తప్పుదోవలోకి తీసుకెళ్లే వివరాల కోసం మేము బాధ్యత తీసుకోము. \ No newline at end of file diff --git a/translations/th/.co-op-translator.json b/translations/th/.co-op-translator.json index 42d86427d9..155ac6cbf1 100644 --- a/translations/th/.co-op-translator.json +++ b/translations/th/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:30:58+00:00", + "translation_date": "2026-04-24T16:48:21+00:00", "source_file": "AGENTS.md", "language_code": "th" }, @@ -516,8 +516,8 @@ "language_code": "th" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:33:28+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T16:15:58+00:00", "source_file": "README.md", "language_code": "th" }, @@ -564,8 +564,8 @@ "language_code": "th" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T23:13:33+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T16:16:09+00:00", "source_file": "lesson-template/README.md", "language_code": "th" }, diff --git a/translations/th/AGENTS.md b/translations/th/AGENTS.md index c8f51673c4..a937f92534 100644 --- a/translations/th/AGENTS.md +++ b/translations/th/AGENTS.md @@ -1,30 +1,30 @@ # AGENTS.md -## ภาพรวมของโครงการ +## ภาพรวมโครงการ -นี่คือที่เก็บหลักสูตรการศึกษาสำหรับการสอนพื้นฐานการพัฒนาเว็บสำหรับผู้เริ่มต้น หลักสูตรนี้เป็นหลักสูตรครบวงจร 12 สัปดาห์ที่พัฒนาโดย Microsoft Cloud Advocates ซึ่งประกอบด้วยบทเรียนลงมือทำทั้งหมด 24 บทเรียนที่ครอบคลุม JavaScript, CSS และ HTML +นี่คือรีโพสิตอรีหลักสูตรการศึกษาสำหรับสอนพื้นฐานการพัฒนาเว็บแก่ผู้เริ่มต้น หลักสูตรเป็นคอร์สครอบคลุม 12 สัปดาห์ที่พัฒนาโดย Microsoft Cloud Advocates มีบทเรียน 24 บทเรียนนำเสนอโครงการเชิงปฏิบัติที่ครอบคลุม JavaScript, CSS และ HTML -### ส่วนประกอบหลัก +### ส่วนสำคัญ -- **เนื้อหาการศึกษา**: บทเรียนที่มีโครงสร้าง 24 บทเรียน จัดเป็นโมดูลตามโครงการ -- **โครงการเชิงปฏิบัติ**: Terrarium, เกมพิมพ์ดีด, ส่วนขยายเบราว์เซอร์, เกมอวกาศ, แอปธนาคาร, ตัวแก้ไขโค้ด และผู้ช่วยแชท AI -- **แบบทดสอบเชิงโต้ตอบ**: แบบทดสอบ 48 ชุด โดยแต่ละชุดมี 3 คำถาม (สำหรับประเมินก่อนและหลังบทเรียน) -- **รองรับหลายภาษา**: การแปลอัตโนมัติสำหรับมากกว่า 50 ภาษา ผ่าน GitHub Actions +- **เนื้อหาการศึกษา**: 24 บทเรียนที่จัดโครงสร้างในรูปแบบโมดูลโปรเจค +- **โครงการเชิงปฏิบัติ**: Terrarium, เกมพิมพ์ดีด, ส่วนขยายเบราว์เซอร์, เกมอวกาศ, แอปธนาคาร, โปรแกรมแก้ไขโค้ด, และผู้ช่วยแชท AI +- **แบบทดสอบเชิงโต้ตอบ**: แบบทดสอบ 48 ชุด แต่ละชุดมี 3 คำถาม (ประเมินก่อน/หลังบทเรียน) +- **รองรับหลายภาษา**: แปลโดยอัตโนมัติสำหรับ 50+ ภาษา โดยใช้ GitHub Actions - **เทคโนโลยี**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (สำหรับโครงการ AI) ### สถาปัตยกรรม -- ที่เก็บการศึกษาที่มีโครงสร้างตามบทเรียน -- โฟลเดอร์แต่ละบทเรียนประกอบด้วย README, ตัวอย่างโค้ด และคำตอบ -- โครงการแยกต่างหากในไดเรกทอรีต่างหาก (quiz-app, โครงการบทเรียนต่างๆ) +- รีโพสิตอรีการศึกษาที่มีโครงสร้างตามบทเรียน +- แต่ละโฟลเดอร์บทเรียนประกอบด้วย README, ตัวอย่างโค้ด และวิธีแก้ไข +- โครงการเดี่ยวแยกอยู่ในไดเรกทอรีต่างหาก (quiz-app, โครงการบทเรียนต่างๆ) - ระบบแปลโดยใช้ GitHub Actions (co-op-translator) - เอกสารให้บริการผ่าน Docsify และมีในรูปแบบ PDF -## คำสั่งการตั้งค่า +## คำสั่งติดตั้ง -ที่เก็บนี้สำหรับการบริโภคเนื้อหาการศึกษาหลัก สำหรับการทำงานกับโครงการเฉพาะ: +รีโพสิตอรีนี้เน้นสำหรับการบริโภคเนื้อหาการศึกษาหลัก หากต้องการทำงานกับโครงการเฉพาะ: -### การตั้งค่าที่เก็บหลัก +### การตั้งค่าหลักของรีโพสิตอรี ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -36,17 +36,17 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # เริ่มเซิร์ฟเวอร์พัฒนา +npm run dev # เริ่มต้นเซิร์ฟเวอร์สำหรับพัฒนา npm run build # สร้างสำหรับการผลิต npm run lint # รัน ESLint ``` -### Bank Project API (Node.js + Express) +### API โครงการธนาคาร (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # เริ่มต้นเซิร์ฟเวอร์ API +npm start # เริ่มเซิร์ฟเวอร์ API npm run lint # รัน ESLint npm run format # จัดรูปแบบด้วย Prettier ``` @@ -56,7 +56,7 @@ npm run format # จัดรูปแบบด้วย Prettier ```bash cd 5-browser-extension/solution npm install -# ปฏิบัติตามคำแนะนำการโหลดส่วนขยายเฉพาะของเบราว์เซอร์ +# ทำตามคำแนะนำการโหลดส่วนขยายเฉพาะของเบราว์เซอร์ ``` ### โครงการเกมอวกาศ @@ -64,10 +64,10 @@ npm install ```bash cd 6-space-game/solution npm install -# เปิดไฟล์ index.html ในเบราว์เซอร์หรืใช้ Live Server +# เปิดไฟล์ index.html ในเบราว์เซอร์หรือใช้ Live Server ``` -### โครงการแชท (Backend Python) +### โครงการแชท (Python Backend) ```bash cd 9-chat-project/solution/backend/python @@ -76,33 +76,33 @@ pip install openai python api.py ``` -## ขั้นตอนการพัฒนา +## กระบวนการพัฒนา -### สำหรับผู้ร่วมสร้างเนื้อหา +### สำหรับผู้ร่วมเนื้อหา -1. **Fork ที่เก็บนี้** ไปยังบัญชี GitHub ของคุณ -2. **โคลน fork ของคุณ** ลงในเครื่อง +1. **Fork รีโพสิตอรี** ไปยังบัญชี GitHub ของคุณ +2. **โคลน fork** ลงในเครื่องของคุณ 3. **สร้างสาขาใหม่** สำหรับการเปลี่ยนแปลงของคุณ -4. ทำการเปลี่ยนแปลงเนื้อหาบทเรียนหรือโค้ดตัวอย่าง +4. แก้ไขเนื้อหาบทเรียนหรือตัวอย่างโค้ด 5. ทดสอบการเปลี่ยนแปลงโค้ดในไดเรกทอรีโครงการที่เกี่ยวข้อง -6. ส่ง pull request ตามแนวทางการร่วมมือ +6. ส่ง pull request ตามแนวทางการมีส่วนร่วม ### สำหรับผู้เรียน -1. Fork หรือโคลนที่เก็บนี้ -2. ไปยังไดเรกทอรีบทเรียนตามลำดับ +1. Fork หรือโคลนรีโพสิตอรี +2. ไปที่ไดเรกทอรีบทเรียนเรียงตามลำดับ 3. อ่านไฟล์ README สำหรับแต่ละบทเรียน 4. ทำแบบทดสอบก่อนบทเรียนที่ https://ff-quizzes.netlify.app/web/ -5. ทำงานกับตัวอย่างโค้ดในโฟลเดอร์บทเรียน -6. ทำแบบฝึกหัดและความท้าทายให้เสร็จ +5. ทำตัวอย่างโค้ดในโฟลเดอร์บทเรียน +6. ทำการบ้านและความท้าทาย 7. ทำแบบทดสอบหลังบทเรียน ### การพัฒนาแบบสด -- **เอกสาร**: รัน `docsify serve` ที่รากโปรเจ็ค (พอร์ต 3000) +- **เอกสาร**: รัน `docsify serve` ในโฟลเดอร์หลัก (พอร์ต 3000) - **Quiz App**: รัน `npm run dev` ในไดเรกทอรี quiz-app - **โครงการ**: ใช้ส่วนขยาย VS Code Live Server สำหรับโครงการ HTML -- **โครงการ API**: รัน `npm start` ในไดเรกทอรี API ตามลำดับ +- **โครงการ API**: รัน `npm start` ในไดเรกทอรี API ที่เกี่ยวข้อง ## คำแนะนำการทดสอบ @@ -111,7 +111,7 @@ python api.py ```bash cd quiz-app npm run lint # ตรวจสอบปัญหาสไตล์โค้ด -npm run build # ตรวจสอบการสร้างให้สำเร็จ +npm run build # ยืนยันการสร้างสำเร็จ ``` ### การทดสอบ Bank API @@ -119,81 +119,81 @@ npm run build # ตรวจสอบการสร้างให้ส ```bash cd 7-bank-project/api npm run lint # ตรวจสอบปัญหาสไตล์โค้ด -node server.js # ยืนยันว่าเซิร์ฟเวอร์เริ่มทำงานโดยไม่มีข้อผิดพลาด +node server.js # ตรวจสอบว่าเซิร์ฟเวอร์เริ่มต้นโดยไม่มีข้อผิดพลาด ``` ### แนวทางการทดสอบทั่วไป -- ที่เก็บนี้เป็นที่เก็บการศึกษาโดยไม่มีการทดสอบอัตโนมัติครบถ้วน +- นี่คือรีโพสิตอรีการศึกษาที่ไม่มีการทดสอบอัตโนมัติครบถ้วน - การทดสอบด้วยตนเองเน้นที่: - - ตัวอย่างโค้ดทำงานได้โดยไม่มีข้อผิดพลาด - - ลิงก์ในเอกสารทำงานอย่างถูกต้อง - - การสร้างโครงการสำเร็จ - - ตัวอย่างทำตามแนวปฏิบัติที่ดีที่สุด + - ตัวอย่างโค้ดทำงานโดยไม่มีข้อผิดพลาด + - ลิงก์ในเอกสารทำงานถูกต้อง + - การสร้างโครงการสมบูรณ์สำเร็จ + - ตัวอย่างตามแนวทางปฏิบัติที่ดีที่สุด ### การตรวจสอบก่อนส่ง - รัน `npm run lint` ในไดเรกทอรีที่มี package.json -- ตรวจสอบลิงก์ markdown ว่าถูกต้อง +- ตรวจสอบลิงก์ Markdown ให้ถูกต้อง - ทดสอบตัวอย่างโค้ดในเบราว์เซอร์หรือ Node.js -- ตรวจสอบว่าการแปลรักษาโครงสร้างที่ถูกต้อง +- ตรวจสอบว่าสิ่งแปลคงโครงสร้างเดิม -## แนวทางสไตล์โค้ด +## แนวทางการเขียนโค้ด ### JavaScript - ใช้ไวยากรณ์ ES6+ สมัยใหม่ -- ปฏิบัติตามการตั้งค่า ESLint มาตรฐานในโครงการ -- ใช้ชื่อตัวแปรและฟังก์ชันที่มีความหมายเพื่อความชัดเจนทางการศึกษา +- ตามการตั้งค่า ESLint มาตรฐานที่ให้มาในโครงการ +- ใช้ชื่อตัวแปรและฟังก์ชันที่มีความหมายเพื่อความชัดเจนในการศึกษา - เพิ่มคอมเมนต์อธิบายแนวคิดสำหรับผู้เรียน -- ฟอร์แมตโดยใช้ Prettier เมื่อมีการตั้งค่า +- จัดรูปแบบโดยใช้ Prettier เมื่อกำหนดไว้ ### HTML/CSS -- ใช้องค์ประกอบ HTML5 ตามความหมาย -- หลักการออกแบบตอบสนอง (Responsive) -- กฎการตั้งชื่อตัวแปรคลาสที่ชัดเจน +- ใช้องค์ประกอบ HTML5 เชิงความหมาย +- หลักการออกแบบตอบสนอง +- การตั้งชื่อคลาสที่ชัดเจน - คอมเมนต์อธิบายเทคนิค CSS สำหรับผู้เรียน ### Python -- ปฏิบัติตามแนวทางสไตล์ PEP 8 -- ตัวอย่างโค้ดที่ชัดเจนและเน้นการศึกษา -- ใช้ type hint เมื่อช่วยให้เรียนรู้ได้ดีขึ้น +- แนวทางสไตล์ PEP 8 +- ตัวอย่างโค้ดชัดเจนและเหมาะสำหรับการศึกษา +- ใส่ type hints เมื่อต้องการช่วยการเรียนรู้ ### เอกสาร Markdown -- ลำดับหัวข้อชัดเจน -- บล็อกโค้ดพร้อมระบุภาษา +- โครงสร้างหัวข้อที่ชัดเจน +- บล็อกโค้ดพร้อมการระบุภาษา - ลิงก์ไปยังแหล่งข้อมูลเพิ่มเติม -- ภาพหน้าจอและรูปภาพในโฟลเดอร์ `images/` -- ข้อความ alt ของภาพเพื่อการเข้าถึง +- รูปภาพและสกรีนช็อตในโฟลเดอร์ `images/` +- ข้อความ alt สำหรับรูปภาพเพื่อการเข้าถึง -### การจัดระเบียบไฟล์ +### การจัดการไฟล์ -- บทเรียนเรียงหมายเลข (1-getting-started-lessons, 2-js-basics, เป็นต้น) -- โครงการแต่ละอันมีไดเรกทอรี `solution/` และมักมี `start/` หรือ `your-work/` -- รูปภาพเก็บในโฟลเดอร์ `images/` ที่เฉพาะเจาะจงกับบทเรียน +- บทเรียนเรียงลำดับหมายเลข (1-getting-started-lessons, 2-js-basics, เป็นต้น) +- โครงการแต่ละอันมีโฟลเดอร์ `solution/` และมักจะมี `start/` หรือ `your-work/` +- รูปภาพเก็บในโฟลเดอร์ `images/` เฉพาะบทเรียน - การแปลอยู่ในโครงสร้าง `translations/{language-code}/` ## การสร้างและปรับใช้ ### การปรับใช้ Quiz App (Azure Static Web Apps) -quiz-app ถูกตั้งค่าสำหรับการปรับใช้กับ Azure Static Web Apps: +quiz-app ถูกตั้งค่าสำหรับการปรับใช้บน Azure Static Web Apps: ```bash cd quiz-app npm run build # สร้างโฟลเดอร์ dist/ -# ดีพลอยผ่าน workflow ของ GitHub Actions เมื่อ push ไปที่ main +# นำส่งผ่าน workflow ของ GitHub Actions เมื่อมีการ push ไปยัง main ``` การตั้งค่า Azure Static Web Apps: -- **ตำแหน่งแอป**: `/quiz-app` -- **ตำแหน่งผลลัพธ์**: `dist` +- **ที่ตั้งแอป**: `/quiz-app` +- **โฟลเดอร์เอาต์พุต**: `dist` - **เวิร์กโฟลว์**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### การสร้างไฟล์เอกสาร PDF +### การสร้างเอกสาร PDF ```bash npm install # ติดตั้ง docsify-to-pdf @@ -203,25 +203,25 @@ npm run convert # สร้าง PDF จาก docs ### เอกสาร Docsify ```bash -npm install -g docsify-cli # ติดตั้ง Docsify ทั่วระบบ -docsify serve # ให้บริการที่ localhost:3000 +npm install -g docsify-cli # ติดตั้ง Docsify ทั่วโลก +docsify serve # ให้บริการบน localhost:3000 ``` ### การสร้างเฉพาะโครงการ -แต่ละไดเรกทอรีโครงการอาจมีขั้นตอนการสร้างของตัวเอง: -- โครงการ Vue: `npm run build` สร้าง bundle สำหรับโปรดักชัน -- โครงการสแตติก: ไม่มีขั้นตอนการสร้าง ให้บริการไฟล์โดยตรง +ไดเรกทอรีโครงการแต่ละอันอาจมีขั้นตอนการสร้างของตัวเอง: +- โครงการ Vue: รัน `npm run build` เพื่อสร้างบันเดิลสำหรับผลิต +- โครงการสแตติก: ไม่มีขั้นตอนการสร้าง เสิร์ฟไฟล์โดยตรง -## แนวทางในการส่ง Pull Request +## แนวทางการส่ง Pull Request -### รูปแบบชื่อเรื่อง +### รูปแบบชื่อหัวข้อ -ใช้ชื่อเรื่องที่ชัดเจนและบอกบริเวณการเปลี่ยนแปลง: +ใช้หัวข้อชัดเจน บอกขอบเขตของการเปลี่ยนแปลง: - `[Quiz-app] เพิ่มแบบทดสอบใหม่สำหรับบทเรียน X` - `[Lesson-3] แก้ไขคำผิดในโครงการ terrarium` -- `[Translation] เพิ่มการแปลภาษาสเปนสำหรับบทเรียน 5` -- `[Docs] ปรับปรุงคำแนะนำการตั้งค่า` +- `[Translation] เพิ่มคำแปลภาษาสเปนสำหรับบทเรียน 5` +- `[Docs] อัปเดตคำแนะนำการตั้งค่า` ### การตรวจสอบที่จำเป็น @@ -229,54 +229,54 @@ docsify serve # ให้บริการที่ localhost:3 1. **คุณภาพโค้ด**: - รัน `npm run lint` ในไดเรกทอรีโครงการที่ได้รับผลกระทบ - - แก้ไขข้อผิดพลาดและคำเตือนทั้งหมด + - แก้ไขข้อผิดพลาดและคำเตือน lint ทั้งหมด 2. **ตรวจสอบการสร้าง**: - - รัน `npm run build` ถ้ามี - - ตรวจสอบว่าไม่มีข้อผิดพลาดจากการสร้าง + - รัน `npm run build` หากมี + - ตรวจสอบไม่มีข้อผิดพลาดการสร้าง 3. **ตรวจสอบลิงก์**: - - ทดสอบลิงก์ markdown ทั้งหมด - - ตรวจสอบการอ้างอิงภาพว่าใช้งานได้ + - ทดสอบลิงก์ Markdown ทั้งหมด + - ตรวจสอบอ้างอิงรูปภาพใช้งานได้ 4. **ตรวจสอบเนื้อหา**: - - ตรวจทานคำสะกดและไวยากรณ์ - - ตรวจสอบตัวอย่างโค้ดว่าถูกต้องและเหมาะสมสำหรับการศึกษา - - ตรวจสอบว่าแปลถูกต้องและรักษาความหมายต้นฉบับ + - พิสูจน์อักษรเรื่องการสะกดและไวยากรณ์ + - ตรวจสอบตัวอย่างโค้ดถูกต้องและเหมาะสมสำหรับการศึกษา + - ตรวจสอบการแปลรักษาความหมายต้นฉบับ -### ข้อกำหนดการมีส่วนร่วม +### ข้อกำหนดการร่วม -- ยอมรับ Microsoft CLA (ตรวจสอบอัตโนมัติใน PR แรก) +- ยอมรับ Microsoft CLA (มีการตรวจสอบอัตโนมัติใน PR แรก) - ปฏิบัติตาม [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - ดู [CONTRIBUTING.md](./CONTRIBUTING.md) สำหรับแนวทางรายละเอียด - อ้างถึงหมายเลข issue ในคำอธิบาย PR หากเกี่ยวข้อง ### กระบวนการตรวจสอบ -- PR ถูกตรวจสอบโดยผู้ดูแลและชุมชน -- เน้นความชัดเจนทางการศึกษาเป็นสำคัญ -- ตัวอย่างโค้ดควรเป็นไปตามแนวปฏิบัติที่ดีที่สุดปัจจุบัน -- การแปลต้องได้รับการตรวจสอบว่าถูกต้องและเหมาะสมทางวัฒนธรรม +- PR ถูกตรวจโดยผู้ดูแลและชุมชน +- ให้ความสำคัญกับความชัดเจนด้านการศึกษา +- ตัวอย่างโค้ดควรตามแนวปฏิบัติที่ดีที่สุดปัจจุบัน +- การแปลตรวจสอบความถูกต้องและเหมาะสมทางวัฒนธรรม ## ระบบแปลภาษา ### การแปลอัตโนมัติ - ใช้ GitHub Actions กับเวิร์กโฟลว์ co-op-translator -- แปลอัตโนมัติเป็นกว่า 50 ภาษา +- แปลเป็น 50+ ภาษาโดยอัตโนมัติ - ไฟล์ต้นทางในไดเรกทอรีหลัก - ไฟล์แปลในโครงสร้าง `translations/{language-code}/` -### การเพิ่มคุณภาพการแปลด้วยตนเอง +### การเพิ่มความสมบูรณ์ของการแปลด้วยตนเอง -1. ค้นหาไฟล์ใน `translations/{language-code}/` -2. ปรับปรุงโดยรักษาโครงสร้างเดิม -3. ตรวจสอบว่าตัวอย่างโค้ดยังทำงานได้ -4. ทดสอบเนื้อหาแบบทดสอบในท้องถิ่น +1. หาไฟล์ใน `translations/{language-code}/` +2. ปรับปรุงโดยเก็บโครงสร้างเดิม +3. ตรวจสอบให้ตัวอย่างโค้ดยังคงทำงานได้ +4. ทดสอบเนื้อหาแบบทดสอบแปลท้องถิ่น -### เมตาดาต้าแปลภาษา +### ข้อมูลเมตาของการแปล -ไฟล์แปลจะมีส่วนหัว metadata: +ไฟล์แปลมีส่วนหัวข้อมูลเมตา: ```markdown ``` -## การดีบักและแก้ปัญหา +## การดีบักและแก้ไขปัญหา ### ปัญหาทั่วไป -**แอปแบบทดสอบไม่เริ่มทำงาน**: +**Quiz app เริ่มต้นไม่ขึ้น**: - ตรวจสอบเวอร์ชัน Node.js (แนะนำ v14+) - ลบ `node_modules` และ `package-lock.json` แล้วรัน `npm install` ใหม่ -- ตรวจสอบพอร์ตว่าง (ค่าเริ่มต้น: Vite ใช้พอร์ต 5173) +- ตรวจสอบปัญหาพอร์ตซ้ำซ้อน (โดยปกติ Vite ใช้พอร์ต 5173) -**เซิร์ฟเวอร์ API ไม่เริ่มทำงาน**: -- ตรวจสอบเวอร์ชัน Node.js ให้เป็นไปตามขั้นต่ำ (node >=10) -- ตรวจสอบว่าพอร์ทยังว่างอยู่ -- ติดตั้ง dependencies ทั้งหมดด้วย `npm install` +**เซิร์ฟเวอร์ API เริ่มต้นไม่ขึ้น**: +- ตรวจสอบเวอร์ชัน Node.js ว่าตรงตามขั้นต่ำ (node >=10) +- ตรวจสอบว่าพอร์ตไม่ถูกใช้งานแล้ว +- แน่ใจว่าติดตั้ง dependencies ทั้งหมดด้วย `npm install` **ส่วนขยายเบราว์เซอร์ไม่โหลด**: -- ตรวจสอบว่า manifest.json ถูกฟอร์แมตอย่างถูกต้อง -- ดูข้อผิดพลาดในคอนโซลเบราว์เซอร์ -- ปฏิบัติตามคำแนะนำการติดตั้งของเบราว์เซอร์แต่ละตัว +- ตรวจสอบว่า manifest.json ฟอร์แมตถูกต้อง +- ตรวจดูคอนโซลเบราว์เซอร์หาข้อผิดพลาด +- ทำตามคำแนะนำการติดตั้งส่วนขยายที่เจาะจงเบราว์เซอร์ **ปัญหาโครงการแชท Python**: -- ตรวจสอบว่าติดตั้งแพ็กเกจ OpenAI แล้ว: `pip install openai` -- ตรวจสอบว่าตัวแปรสภาพแวดล้อม GITHUB_TOKEN ถูกตั้งค่าแล้ว -- ตรวจสอบสิทธิ์การเข้าถึงโมเดล GitHub +- ติดตั้งแพ็กเกจ OpenAI: `pip install openai` +- ตรวจสอบว่า environment variable GITHUB_TOKEN ถูกตั้งค่า +- ตรวจสอบสิทธิ์การเข้าถึง GitHub Models **Docsify ไม่ให้บริการเอกสาร**: -- ติดตั้ง docsify-cli ทั่วไป: `npm install -g docsify-cli` -- รันจากไดเรกทอรีรากของที่เก็บนี้ -- ตรวจสอบว่าไฟล์ `docs/_sidebar.md` มีอยู่ +- ติดตั้ง docsify-cli ทั่วโลก: `npm install -g docsify-cli` +- รันจากโฟลเดอร์หลักของรีโพสิตอรี +- ตรวจว่า `docs/_sidebar.md` มีอยู่ -### เคล็ดลับสภาพแวดล้อมการพัฒนา +### คำแนะนำสภาพแวดล้อมพัฒนา -- ใช้ VS Code กับส่วนขยาย Live Server สำหรับโครงการ HTML -- ติดตั้งส่วนขยาย ESLint และ Prettier สำหรับการฟอร์แมตที่สอดคล้อง -- ใช้ DevTools ของเบราว์เซอร์สำหรับดีบัก JavaScript -- สำหรับโปรเจ็กต์ Vue ให้ติดตั้งส่วนขยาย Vue DevTools บนเบราว์เซอร์ +- ใช้ VS Code พร้อมส่วนขยาย Live Server สำหรับโครงการ HTML +- ติดตั้งส่วนขยาย ESLint และ Prettier เพื่อรูปแบบโค้ดสม่ำเสมอ +- ใช้ DevTools ของเบราว์เซอร์ในการดีบัก JavaScript +- สำหรับโครงการ Vue ติดตั้งส่วนขยาย Vue DevTools ในเบราว์เซอร์ -### การพิจารณาด้านประสิทธิภาพ +### ข้อควรพิจารณาด้านประสิทธิภาพ -- จำนวนไฟล์แปลมาก (50+ ภาษา) ทำให้การโคลนครบถ้วนมีขนาดใหญ่ -- ใช้ shallow clone หากทำงานแค่เนื้อหา: `git clone --depth 1` -- งดการค้นหาในโฟลเดอร์แปลภาษาเมื่อทำงานกับเนื้อหาอังกฤษ -- ขั้นตอนการสร้างอาจช้าในครั้งแรก (npm install, สร้าง Vite) +- จำนวนไฟล์แปลมาก (50+ ภาษา) ทำให้การโคลนเต็มมีขนาดใหญ่ +- ใช้ shallow clone หากทำงานกับเนื้อหาอย่างเดียว: `git clone --depth 1` +- ยกเว้นการค้นหาในโฟลเดอร์แปลเมื่อทำงานกับเนื้อหาอังกฤษ +- กระบวนการสร้างอาจช้าในรอบแรก (npm install, การสร้าง Vite) -## การพิจารณาด้านความปลอดภัย +## ข้อควรระวังด้านความปลอดภัย ### ตัวแปรสภาพแวดล้อม -- ห้ามคีย์ API ถูกคอมมิตในที่เก็บ -- ใช้ไฟล์ `.env` (มีใน `.gitignore` แล้ว) -- อธิบายตัวแปรสภาพแวดล้อมที่ต้องใช้ใน README ของแต่ละโครงการ +- ไม่ควร commit คีย์ API ลงในรีโพสิตอรี +- ใช้ไฟล์ `.env` (ที่มีใน `.gitignore` แล้ว) +- แจ้งตัวแปรสภาพแวดล้อมที่จำเป็นใน README ของโครงการ ### โครงการ Python - ใช้สภาพแวดล้อมเสมือน: `python -m venv venv` -- อัปเดต dependencies อย่างสม่ำเสมอ -- โทเค็น GitHub ควรมีสิทธิ์ขั้นต่ำที่จำเป็น +- อัปเดต dependencies อยู่เสมอ +- โทเค็น GitHub ควรมีสิทธิ์จำกัดตามจำเป็น -### การเข้าถึงโมเดล GitHub +### การเข้าถึง GitHub Models -- ต้องใช้ Personal Access Tokens (PAT) สำหรับโมเดล GitHub +- ต้องใช้ Personal Access Tokens (PAT) เพื่อ GitHub Models - โทเค็นควรเก็บเป็นตัวแปรสภาพแวดล้อม -- ห้ามคอมมิตโทเค็นหรือข้อมูลประจำตัว +- ห้าม commit โทเค็นหรือข้อมูลรับรอง ## หมายเหตุเพิ่มเติม ### กลุ่มเป้าหมาย -- ผู้เริ่มต้นเรียนรู้การพัฒนาเว็บอย่างสมบูรณ์ +- ผู้เริ่มต้นใหม่ทั้งหมดในการพัฒนาเว็บ - นักเรียนและผู้เรียนด้วยตนเอง - ครูผู้ใช้หลักสูตรในห้องเรียน - เนื้อหาออกแบบเพื่อการเข้าถึงและสร้างทักษะทีละขั้น ### ปรัชญาการศึกษา -- วิธีการเรียนรู้แบบโครงการ -- มีการทดสอบความรู้บ่อยครั้ง (แบบทดสอบ) -- แบบฝึกหัดโค้ดแบบลงมือทำ -- ตัวอย่างการใช้งานจริง -- เน้นพื้นฐานก่อนใช้เฟรมเวิร์ก +- วิธีการเรียนรู้โดยโครงการ +- การตรวจสอบความรู้เป็นระยะ (แบบทดสอบ) +- แบบฝึกหัดเขียนโค้ดจริง +- ตัวอย่างการใช้งานโลกจริง +- เน้นพื้นฐานก่อนเฟรมเวิร์ก -### การดูแลรักษาที่เก็บ +### การบำรุงรักษารีโพสิตอรี -- ชุมชนผู้เรียนและผู้ร่วมมือที่แอคทีฟ -- อัปเดต dependencies และเนื้อหาอย่างสม่ำเสมอ -- มีผู้ดูแลคอยติดตามปัญหาและการสนทนา -- การอัปเดตการแปลอัตโนมัติผ่าน GitHub Actions +- ชุมชนผู้เรียนและผู้ร่วมพัฒนาอย่างแข็งขัน +- อัปเดต dependencies และเนื้อหาเป็นประจำ +- ติดตามปัญหาและการสนทนาโดยผู้ดูแล +- อัปเดตการแปลโดยอัตโนมัติผ่าน GitHub Actions -### ทรัพยากรที่เกี่ยวข้อง +### แหล่งข้อมูลที่เกี่ยวข้อง - [โมดูล Microsoft Learn](https://docs.microsoft.com/learn/) -- [ทรัพยากร Student Hub](https://docs.microsoft.com/learn/student-hub/) -- แนะนำ [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) สำหรับผู้เรียน -- หลักสูตรเพิ่มเติม: AI สร้างสรรค์, วิทยาศาสตร์ข้อมูล, ML, หลักสูตร IoT +- [แหล่งข้อมูล Student Hub](https://docs.microsoft.com/learn/student-hub/) +- แนะนำให้ใช้ [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) สำหรับผู้เรียน +- คอร์สเพิ่มเติม: Generative AI, Data Science, ML, หลักสูตร IoT พร้อมใช้งาน ### การทำงานกับโครงการเฉพาะ -สำหรับคำแนะนำเฉพาะเจาะจงของแต่ละโครงการ ดูไฟล์ README ใน: -- `quiz-app/README.md` - แอปแบบทดสอบด้วย Vue 3 +สำหรับคำแนะนำโดยละเอียดของแต่ละโครงการ ดูไฟล์ README ที่: +- `quiz-app/README.md` - แอปแบบทดสอบ Vue 3 - `7-bank-project/README.md` - แอปธนาคารพร้อมระบบยืนยันตัวตน - `5-browser-extension/README.md` - การพัฒนาส่วนขยายเบราว์เซอร์ - `6-space-game/README.md` - การพัฒนาเกมด้วย Canvas - `9-chat-project/README.md` - โครงการผู้ช่วยแชท AI -### โครงสร้าง Monorepo +### โครงสร้างมอนอรีโพ (Monorepo) -แม้จะไม่ใช่ monorepo แบบดั้งเดิม แต่ที่เก็บนี้ประกอบด้วยโครงการอิสระหลายชุด: -- แต่ละบทเรียนเป็นอิสระ -- โครงการไม่แชร์ dependencies ร่วมกัน -- ทำงานกับโครงการแต่ละอันโดยไม่กระทบโครงการอื่น -- โคลนที่เก็บทั้งหมดเพื่อประสบการณ์หลักสูตรเต็มรูปแบบ +แม้จะไม่ใช่มอนอรีโพแบบดั้งเดิม แต่รีโพสิตอรีนี้มีหลายโครงการอิสระ: +- บทเรียนแต่ละอันแยกตัวเอง +- โครงการไม่แชร์ dependencies กัน +- ทำงานกับโครงการแต่ละอันโดยไม่กระทบกัน +- โคลนรีโพสิตอรีทั้งชุดเพื่อประสบการณ์หลักสูตรเต็มรูปแบบ --- -**ข้อจำกัดความรับผิดชอบ**: -เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้เราจะพยายามให้ความถูกต้องสูงสุด โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาต้นทางควรถูกพิจารณาเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลสำคัญ แนะนำให้ใช้การแปลโดยมนุษย์ผู้เชี่ยวชาญ เราจะไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดใด ๆ ที่เกิดจากการใช้การแปลนี้ +**ข้อจำกัดความรับผิดชอบ**: +เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษาด้วย AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามรักษาความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความคลาดเคลื่อนได้ เอกสารต้นฉบับในภาษาดั้งเดิมถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้การแปลโดยมืออาชีพที่เป็นมนุษย์ เราจะไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดใด ๆ ที่เกิดขึ้นจากการใช้การแปลนี้ \ No newline at end of file diff --git a/translations/th/README.md b/translations/th/README.md index c5da301d9d..d42799519a 100644 --- a/translations/th/README.md +++ b/translations/th/README.md @@ -12,27 +12,27 @@ # การพัฒนาเว็บสำหรับผู้เริ่มต้น - หลักสูตร -เรียนรู้พื้นฐานการพัฒนาเว็บด้วยหลักสูตรครอบคลุม 12 สัปดาห์ของเราโดยกลุ่ม Microsoft Cloud Advocates แต่ละบทเรียน 24 บท ลงลึกใน JavaScript, CSS และ HTML ผ่านโครงการปฏิบัติ เช่น เทอราเรียม ส่วนขยายเบราว์เซอร์ และเกมอวกาศ มีส่วนร่วมกับแบบทดสอบ การสนทนา และงานจริง พัฒนาทักษะของคุณและเพิ่มประสิทธิภาพการเก็บความรู้ด้วยหลักสูตรที่เน้นการเรียนรู้ผ่านโครงการ เริ่มต้นการเขียนโค้ดของคุณวันนี้! +เรียนรู้พื้นฐานของการพัฒนาเว็บด้วยหลักสูตรครบวงจร 12 สัปดาห์โดย Microsoft Cloud Advocates แต่ละบทเรียนจากทั้งหมด 24 บทจะเจาะลึก JavaScript, CSS, และ HTML ผ่านโครงการที่ทำจริง เช่น เทอราเรียม, ส่วนขยายเบราว์เซอร์ และเกมอวกาศ เข้าร่วมกับแบบทดสอบ, การอภิปราย และงานปฏิบัติ เพื่อเพิ่มทักษะของคุณและเพิ่มประสิทธิภาพการจดจำความรู้ด้วยวิธีการสอนที่เน้นโครงการ เริ่มต้นเส้นทางการเขียนโค้ดของคุณวันนี้! -เข้าร่วมชุมชน Azure AI Foundry Discord +เข้าร่วม Discord ของ Azure AI Foundry เพื่อพบปะผู้เชี่ยวชาญและนักพัฒนาร่วมกัน [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ปฏิบัติตามขั้นตอนเหล่านี้เพื่อเริ่มใช้ทรัพยากรเหล่านี้: -1. **โฟร์กที่เก็บข้อมูล**: คลิก [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +ทำตามขั้นตอนเหล่านี้เพื่อเริ่มต้นใช้ทรัพยากรเหล่านี้: +1. **Fork ที่เก็บข้อมูล**: คลิก [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **โคลนที่เก็บข้อมูล**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**เข้าร่วม Azure AI Foundry Discord พบปะผู้เชี่ยวชาญและนักพัฒนาอื่นๆ**](https://discord.com/invite/ByRwuEEgH4) +3. [**เข้าร่วม The Azure AI Foundry Discord เพื่อพบผู้เชี่ยวชาญและนักพัฒนาร่วมกัน**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 รองรับหลายภาษา -#### รองรับผ่าน GitHub Action (อัตโนมัติ & อัปเดตเสมอ) +#### รองรับผ่าน GitHub Action (อัตโนมัติ & อัพเดทตลอดเวลา) [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) | [Khmer](../km/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](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](./README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **ต้องการโคลนในเครื่องไหม?** +> **ต้องการโคลนแบบโลคอล?** > -> ที่เก็บนี้รวมคำแปลมากกว่า 50 ภาษา ซึ่งเพิ่มขนาดการดาวน์โหลดอย่างมาก หากต้องการโคลนโดยไม่รวมคำแปล ใช้การสั่ง checkout แบบ sparse: +> ที่เก็บข้อมูลนี้มีการแปลมากกว่า 50 ภาษา ซึ่งจะเพิ่มขนาดดาวน์โหลดอย่างมาก หากต้องการโคลนโดยไม่มีการแปล ให้ใช้ sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,42 +48,42 @@ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> สิ่งนี้จะให้ทุกอย่างที่คุณต้องการเพื่อทำหลักสูตรจบด้วยการดาวน์โหลดที่เร็วขึ้นมาก +> วิธีนี้จะให้ทุกอย่างที่คุณต้องการเพื่อสำเร็จหลักสูตรด้วยการดาวน์โหลดที่เร็วขึ้นมาก -**หากคุณต้องการให้มีการสนับสนุนภาษาเพิ่มเติม รายชื่ออยู่ที่ [นี่](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**หากคุณต้องการมีการแปลเพิ่มเติม ภาษาที่รองรับจะแสดงอยู่ที่นี่ [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) -#### 🧑‍🎓 _คุณเป็นนักเรียนไหม?_ +#### 🧑‍🎓 _คุณเป็นนักเรียนหรือไม่?_ -เยี่ยมชม [**หน้าศูนย์นักเรียน**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ซึ่งคุณจะพบกับทรัพยากรสำหรับผู้เริ่มต้น, ชุดนักเรียน และแม้กระทั่งวิธีการรับคูปองใบรับรองฟรี นี่คือหน้าที่คุณควรบันทึกไว้และตรวจสอบเป็นระยะๆ เนื่องจากเราจะเปลี่ยนเนื้อหาเป็นรายเดือน +เยี่ยมชม [**หน้า Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ซึ่งคุณจะพบแหล่งข้อมูลสำหรับผู้เริ่มต้น, ชุดสำหรับนักเรียน และวิธีรับบัตรกำนัลใบรับรองฟรี นี่คือหน้าที่คุณควรบุ๊กมาร์กและตรวจสอบเป็นระยะ ๆ เนื่องจากเรามีการสลับเนื้อหาเป็นเดือน ๆ -### 📣 ประกาศ - มีความท้าทายใหม่โหมด GitHub Copilot Agent ให้ทำให้สำเร็จ! +### 📣 ประกาศ - โหมดท้าทาย GitHub Copilot Agent ใหม่ให้ได้ทำ! -เพิ่มความท้าทายใหม่ ค้นหาคำว่า "GitHub Copilot Agent Challenge 🚀" ในบทต่างๆ เป็นความท้าทายใหม่สำหรับคุณในการทำให้เสร็จโดยใช้ GitHub Copilot และโหมด Agent หากคุณไม่เคยใช้โหมด Agent มาก่อน มันสามารถไม่เพียงแค่สร้างข้อความแต่ยังสามารถสร้างและแก้ไขไฟล์, รันคำสั่ง และอื่นๆ ได้ +ท้าทายใหม่เพิ่มเข้ามา ดูคำว่า "GitHub Copilot Agent Challenge 🚀" ได้ในหลายบทเรียน นี่คือท้าทายใหม่สำหรับคุณที่จะทำโดยใช้ GitHub Copilot และโหมด Agent หากคุณไม่เคยใช้โหมด Agent มาก่อน โหมดนี้ไม่เพียงแต่สร้างข้อความได้ แต่ยังสามารถสร้างและแก้ไขไฟล์, รันคำสั่ง และอื่น ๆ ได้อีกด้วย ### 📣 ประกาศ - _โครงการใหม่ที่จะสร้างโดยใช้ Generative AI_ -เพิ่มโครงการผู้ช่วย AI ใหม่ล่าสุด ตรวจสอบโครงการได้ที่ [project](./9-chat-project/README.md) +โครงการผู้ช่วย AI ใหม่เพิ่งเพิ่มเข้ามา ดูได้ที่ [project](./9-chat-project/README.md) -### 📣 ประกาศ - _หลักสูตรใหม่_ สำหรับ Generative AI ใน JavaScript เพิ่งเปิดตัว +### 📣 ประกาศ - _หลักสูตรใหม่_ เกี่ยวกับ Generative AI สำหรับ JavaScript เปิดตัวแล้ว -อย่าพลาดหลักสูตร Generative AI ใหม่ของเรา! +อย่าพลาดหลักสูตรใหม่ของเราเกี่ยวกับ Generative AI! เยี่ยมชม [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) เพื่อเริ่มต้น! ![Background](../../translated_images/th/background.148a8d43afde5730.webp) -- บทเรียนครอบคลุมตั้งแต่พื้นฐานถึง RAG -- โต้ตอบกับตัวละครในประวัติศาสตร์ด้วย GenAI และแอป companion ของเรา -- เรื่องราวที่สนุกสนานและมีส่วนร่วม คุณจะได้เดินทางย้อนเวลา! +- บทเรียนครอบคลุมตั้งแต่พื้นฐานจนถึง RAG +- โต้ตอบกับตัวละครประวัติศาสตร์โดยใช้ GenAI และแอปคู่มือของเรา +- เล่าเรื่องสนุกและน่าติดตาม คุณจะได้เดินทางข้ามเวลา! ![character](../../translated_images/th/character.5c0dd8e067ffd693.webp) -แต่ละบทเรียนประกอบด้วยการบ้านให้ทำ แบบทดสอบความรู้ และความท้าทายเพื่อแนะนำคุณในหัวข้อต่างๆ เช่น: -- การเขียน prompt และวิศวกรรม prompt +แต่ละบทเรียนมีการมอบหมายให้ทำ, ตรวจสอบความรู้ และมีท้าทายเพื่อแนะนำคุณในการเรียนรู้หัวข้อต่าง ๆ เช่น: +- การตั้งค่า prompt และการออกแบบ prompt - การสร้างแอปข้อความและภาพ - แอปค้นหา @@ -91,131 +91,132 @@ -## 🌱 เริ่มต้นใช้งาน +## 🌱 เริ่มต้น -> **ครูผู้สอน** เราได้ [รวมคำแนะนำบางส่วน](for-teachers.md) เกี่ยวกับวิธีการใช้หลักสูตรนี้ เราขอรับฟังความคิดเห็นของคุณ [ในฟอรัมสนทนา](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **ครูผู้สอน**, เราได้ [เพิ่มข้อเสนอแนะบางอย่าง](for-teachers.md) เกี่ยวกับวิธีการใช้หลักสูตรนี้ เราต้องการฟังความคิดเห็นของคุณ [ในฟอรัมอภิปรายของเรา](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[ผู้เรียน](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** สำหรับแต่ละบท เริ่มต้นด้วยแบบทดสอบก่อนบรรยายแล้วอ่านเนื้อหาบรรยาย ทำกิจกรรมต่างๆ แล้วตรวจสอบความเข้าใจของคุณด้วยแบบทดสอบหลังบรรยาย +**[ผู้เรียน](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** สำหรับแต่ละบท เริ่มด้วยแบบทดสอบก่อนบรรยายและอ่านเนื้อหาบรรยาย พร้อมทำกิจกรรมต่าง ๆ และตรวจสอบความเข้าใจด้วยแบบทดสอบหลังบรรยาย -เพื่อเพิ่มประสบการณ์การเรียนรู้ของคุณ ให้เชื่อมต่อกับเพื่อนร่วมชั้นเพื่อทำโครงการร่วมกัน! เราสนับสนุนการสนทนาใน [ฟอรัมสนทนา](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ซึ่งทีมผู้ดูแลของเราจะพร้อมตอบคำถามคุณ +เพื่อเพิ่มประสบการณ์การเรียนรู้ของคุณ เชื่อมต่อกับเพื่อนของคุณเพื่อทำโปรเจกต์ด้วยกัน! สนับสนุนให้มีการอภิปรายใน [ฟอรัมอภิปราย](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ซึ่งทีมผู้ดูแลของเราจะพร้อมตอบคำถามของคุณ -เพื่อการศึกษาต่อเพิ่มเติม เราขอแนะนำให้สำรวจ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) สำหรับวัสดุเรียนรู้เพิ่มเติม +เพื่อการศึกษาต่อ เราขอแนะนำอย่างยิ่งให้สำรวจ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) สำหรับวัสดุการศึกษาที่เพิ่มเติม -### 📋 การติดตั้งสภาพแวดล้อมการพัฒนา +### 📋 การตั้งค่าสภาพแวดล้อมของคุณ -หลักสูตรนี้เตรียมสภาพแวดล้อมสำหรับการพัฒนาไว้ให้แล้ว! ขณะเริ่มต้น คุณสามารถเลือกที่จะรันหลักสูตรใน [Codespace](https://github.com/features/codespaces/) (_สภาพแวดล้อมผ่านเบราว์เซอร์ ไม่ต้องติดตั้ง_) หรือรันในเครื่องของคุณด้วยโปรแกรมแก้ไขข้อความ เช่น [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) +หลักสูตรนี้มีสภาพแวดล้อมสำหรับการพัฒนาให้พร้อมใช้งาน! เมื่อต้องการเริ่มต้น คุณสามารถเลือกที่จะรันหลักสูตรใน [Codespace](https://github.com/features/codespaces/) (_สภาพแวดล้อมที่ใช้งานผ่านเบราว์เซอร์โดยไม่ต้องติดตั้งอะไร_) หรือรันแบบโลคอลบนคอมพิวเตอร์ของคุณโดยใช้โปรแกรมแก้ไขข้อความเช่น [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) #### สร้างที่เก็บข้อมูลของคุณ -เพื่อความสะดวกในการบันทึกงานของคุณ แนะนำให้สร้างสำเนาของที่เก็บนี้ คุณสามารถทำได้โดยคลิกปุ่ม **Use this template** ที่ด้านบนของหน้า ซึ่งจะสร้างที่เก็บใหม่ในบัญชี GitHub ของคุณที่มีสำเนาของหลักสูตร +เพื่อให้คุณบันทึกงานของคุณได้ง่าย ๆ แนะนำให้คุณสร้างสำเนาของที่เก็บข้อมูลนี้ คุณสามารถทำได้โดยคลิกปุ่ม **Use this template** ที่ด้านบนของหน้า ซึ่งจะสร้างที่เก็บข้อมูลใหม่ในบัญชี GitHub ของคุณพร้อมสำเนาของหลักสูตรนี้ ทำตามขั้นตอนเหล่านี้: -1. **โฟร์กที่เก็บข้อมูล**: คลิกที่ปุ่ม "Fork" ที่มุมบนขวาของหน้านี้ +1. **Fork ที่เก็บข้อมูล**: คลิกปุ่ม "Fork" ที่มุมขวาบนของหน้านี้ 2. **โคลนที่เก็บข้อมูล**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### รันหลักสูตรใน Codespace +#### การรันหลักสูตรใน Codespace -ในสำเนาที่เก็บของคุณที่สร้างขึ้น คลิกปุ่ม **Code** แล้วเลือก **Open with Codespaces** จะสร้าง Codespace ใหม่ให้คุณทำงาน +ในสำเนาของที่เก็บข้อมูลที่คุณสร้าง คลิกปุ่ม **Code** และเลือก **Open with Codespaces** จะสร้าง Codespace ใหม่สำหรับคุณทำงาน ![Codespace](../../translated_images/th/createcodespace.0238bbf4d7a8d955.webp) -#### รันหลักสูตรในเครื่องของคุณ +#### การรันหลักสูตรแบบโลคอลบนคอมพิวเตอร์ของคุณ -หากอยากรันหลักสูตรนี้ในเครื่องของคุณ คุณจะต้องมีโปรแกรมแก้ไขข้อความ เบราว์เซอร์ และเครื่องมือบรรทัดคำสั่ง บทเรียนแรกของเรา, [แนะนำภาษาการเขียนโปรแกรมและเครื่องมือ](../../1-getting-started-lessons/1-intro-to-programming-languages), จะนำทางคุณผ่านตัวเลือกต่างๆ สำหรับเครื่องมือเหล่านี้เพื่อให้คุณเลือกสิ่งที่เหมาะสมกับคุณที่สุด +ในการรันหลักสูตรนี้แบบโลคอลบนคอมพิวเตอร์ คุณต้องใช้โปรแกรมแก้ไขข้อความ, เบราว์เซอร์ และเครื่องมือบรรทัดคำสั่ง บทเรียนแรกของเรา [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) จะพาคุณไปรู้จักทางเลือกต่าง ๆ ของเครื่องมือเหล่านี้เพื่อให้คุณเลือกใช้ได้ตามที่เหมาะสมกับตัวเอง -เราขอแนะนำให้ใช้ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) เป็นโปรแกรมแก้ไขของคุณ ซึ่งมี [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ในตัวด้วย คุณสามารถดาวน์โหลด Visual Studio Code ได้ที่ [นี่](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) -1. โคลนที่เก็บรหัสของคุณลงในคอมพิวเตอร์ คุณสามารถทำได้โดยคลิกที่ปุ่ม **Code** แล้วคัดลอก URL: +คำแนะนำของเราคือใช้ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) เป็นโปรแกรมแก้ไขของคุณ ซึ่งมาพร้อมกับ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ในตัว คุณสามารถดาวน์โหลด Visual Studio Code ได้ที่ [นี่](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) +1. โคลนที่เก็บของคุณมายังเครื่องคอมพิวเตอร์ของคุณ คุณสามารถทำได้โดยการคลิกที่ปุ่ม **Code** และคัดลอก URL: [CodeSpace](./images/createcodespace.png) - จากนั้น เปิด [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ใน [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) และรันคำสั่งต่อไปนี้ โดยแทนที่ `` ด้วย URL ที่คุณเพิ่งคัดลอกมา: + จากนั้น เปิด [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ภายใน [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) และรันคำสั่งต่อไปนี้ โดยแทนที่ `` ด้วย URL ที่คุณเพิ่งคัดลอกมา: ```bash git clone ``` -2. เปิดโฟลเดอร์ใน Visual Studio Code คุณสามารถทำได้โดยคลิก **File** > **Open Folder** และเลือกโฟลเดอร์ที่คุณเพิ่งโคลนมา +2. เปิดโฟลเดอร์ใน Visual Studio Code คุณสามารถทำได้โดยการคลิก **File** > **Open Folder** และเลือกโฟลเดอร์ที่คุณเพิ่งโคลนมา > ส่วนขยายที่แนะนำสำหรับ Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - เพื่อดูตัวอย่างหน้า HTML ภายใน Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - สำหรับดูตัวอย่างหน้า HTML ภายใน Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - เพื่อช่วยให้คุณเขียนโค้ดได้เร็วขึ้น ## 📂 แต่ละบทเรียนประกอบด้วย: -- สเก็ตช์โน้ต (ไม่บังคับ) +- สเก็ตช์โน้ตเสริม (ไม่บังคับ) - วิดีโอเสริม (ไม่บังคับ) -- แบบทดสอบอบอุ่นก่อนบทเรียน +- แบบทดสอบอุ่นเครื่องก่อนบทเรียน - บทเรียนที่เขียนไว้ -- สำหรับบทเรียนที่ใช้โครงการเป็นฐาน มีคำแนะนำทีละขั้นตอนในการสร้างโครงการ -- เช็คความรู้ +- สำหรับบทเรียนที่เน้นโครงการ มีคำแนะนำทีละขั้นตอนในการสร้างโครงการ +- การตรวจสอบความรู้ - ความท้าทาย -- การอ่านเสริม +- การอ่านเพิ่มเติม - การบ้าน - [แบบทดสอบหลังบทเรียน](https://ff-quizzes.netlify.app/web/) -> **หมายเหตุเกี่ยวกับแบบทดสอบ**: แบบทดสอบทั้งหมดอยู่ในโฟลเดอร์ Quiz-app รวม 48 แบบทดสอบ แต่ละแบบทดสอบมีสามคำถาม สามารถเข้าถึงได้ที่ [นี่](https://ff-quizzes.netlify.app/web/) แอปแบบทดสอบสามารถรันแบบออฟไลน์หรือดีพลอยไปที่ Azure ตามคำแนะนำในโฟลเดอร์ `quiz-app` +> **บันทึกเกี่ยวกับแบบทดสอบ**: แบบทดสอบทั้งหมดอยู่ในโฟลเดอร์ Quiz-app มีทั้งหมด 48 แบบทดสอบ แต่ละแบบประกอบด้วย 3 คำถาม สามารถเข้าถึงได้ที่ [นี่](https://ff-quizzes.netlify.app/web/) แอปแบบทดสอบสามารถรันในเครื่องหรือปรับใช้บน Azure; ทำตามคำแนะนำในโฟลเดอร์ `quiz-app` ## 🗃️ บทเรียน -| | ชื่อโปรเจค | แนวคิดที่สอน | วัตถุประสงค์การเรียนรู้ | บทเรียนที่ลิงก์ | ผู้แต่ง | +| | ชื่อโปรเจค | แนวคิดที่สอน | วัตถุประสงค์การเรียนรู้ | บทเรียนที่เชื่อมโยง | ผู้แต่ง | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | แนะนำการเขียนโปรแกรมและเครื่องมือของงาน | เรียนรู้พื้นฐานของภาษาการเขียนโปรแกรมส่วนใหญ่และเกี่ยวกับซอฟต์แวร์ที่ช่วยนักพัฒนามืออาชีพทำงานของพวกเขา | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | พื้นฐานของ GitHub รวมถึงการทำงานเป็นทีม | วิธีใช้งาน GitHub ในโปรเจคของคุณ วิธีการร่วมมือกับผู้อื่นบนฐานโค้ด | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | การเข้าถึง | เรียนรู้พื้นฐานของเว็บที่สามารถเข้าถึงได้ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | ประเภทข้อมูลของ JavaScript | พื้นฐานของประเภทข้อมูลใน JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | ฟังก์ชันและเมธอด | เรียนรู้เกี่ยวกับฟังก์ชันและเมธอดในการจัดการการไหลของตรรกะแอปพลิเคชัน | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | -| 06 | JS Basics | การตัดสินใจด้วย JS | เรียนรู้วิธีสร้างเงื่อนไขในโค้ดของคุณโดยใช้วิธีการตัดสินใจ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | อาร์เรย์และลูป | ทำงานกับข้อมูลโดยใช้ arrays และ loops ใน JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ในการปฏิบัติ | สร้าง HTML เพื่อสร้างเทอร์ราเรียมออนไลน์ โดยเน้นการสร้างเลย์เอาต์ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ในการปฏิบัติ | สร้าง CSS เพื่อจัดสไตล์เทอร์ราเรียมออนไลน์ โดยเน้นพื้นฐานของ CSS รวมถึงการทำให้หน้าเว็บตอบสนอง | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | closures ของ JavaScript, การจัดการ DOM | สร้าง JavaScript เพื่อทำให้เทอร์ราเรียมทำงานเป็นอินเทอร์เฟซลาก/วาง โดยเน้น closures และการจัดการ DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | สร้างเกมพิมพ์ | เรียนรู้วิธีใช้เหตุการณ์คีย์บอร์ดเพื่อขับเคลื่อนตรรกะของแอป JavaScript ของคุณ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | การทำงานกับเบราว์เซอร์ | เรียนรู้วิธีที่เบราว์เซอร์ทำงาน ประวัติของมัน และวิธีวางโครงสร้างส่วนแรกของส่วนขยายเบราว์เซอร์ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | การสร้างแบบฟอร์ม เรียก API และเก็บตัวแปรใน local storage | สร้างส่วนประกอบ JavaScript ของส่วนเสริมเบราว์เซอร์ของคุณ เพื่อเรียกใช้ API โดยใช้ตัวแปรที่เก็บใน local storage | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | กระบวนการแบ็กกราวด์ในเบราว์เซอร์, ประสิทธิภาพเว็บ | ใช้กระบวนการแบ็กกราวด์ของเบราว์เซอร์เพื่อจัดการไอคอนส่วนขยาย; เรียนรู้เกี่ยวกับประสิทธิภาพเว็บและบางการเพิ่มประสิทธิภาพเพื่อทำให้ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | การพัฒนาเกมขั้นสูงด้วย JavaScript | เรียนรู้เกี่ยวกับการสืบทอดโดยใช้ทั้ง Classes และ Composition และรูปแบบ Pub/Sub เพื่อเตรียมตัวสำหรับการสร้างเกม | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | การวาดบนแคนวาส | เรียนรู้เกี่ยวกับ Canvas API ซึ่งใช้สำหรับวาดองค์ประกอบบนหน้าจอ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | การเคลื่อนย้ายวัตถุบนหน้าจอ | ค้นพบวิธีที่วัตถุสามารถเคลื่อนที่ได้โดยใช้พิกัดคาร์ทีเซียนและ Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | การตรวจจับการชน | ทำให้องค์ประกอบชนกันและตอบสนองต่อกันโดยใช้การกดแป้นพิมพ์ พร้อมทั้งมีฟังก์ชันพักเวลาการทำงานเพื่อรับประกันประสิทธิภาพของเกม | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | การเก็บคะแนน | ทำคำนวณทางคณิตศาสตร์ตามสถานะและประสิทธิภาพของเกม | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | การสิ้นสุดและเริ่มเกมใหม่ | เรียนรู้เกี่ยวกับการสิ้นสุดและเริ่มเกมใหม่ รวมถึงการจัดการล้างข้อมูลและรีเซ็ตค่าตัวแปร | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | เทมเพลต HTML และเส้นทางในเว็บแอป | เรียนรู้วิธีสร้างโครงสร้างเว็บไซต์หลายหน้าโดยใช้ routing และเทมเพลต HTML | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | สร้างแบบฟอร์มเข้าสู่ระบบและลงทะเบียน | เรียนรู้เกี่ยวกับการสร้างฟอร์มและวิธีจัดการการตรวจสอบความถูกต้อง | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | วิธีการดึงข้อมูลและใช้งานข้อมูล | วิธีการไหลของข้อมูลเข้าและออกจากแอปของคุณ วิธีดึงข้อมูล เก็บข้อมูล และกำจัดข้อมูล | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | แนวคิดการจัดการสถานะ | เรียนรู้ว่าแอปของคุณเก็บสถานะอย่างไร และวิธีจัดการสถานะนั้นด้วยโปรแกรม | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | การทำงานกับ VScode | เรียนรู้วิธีใช้งานโปรแกรมแก้ไขโค้ด | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | การทำงานกับ AI | เรียนรู้วิธีสร้างผู้ช่วย AI ของคุณเอง | [AI Assistant project](./9-chat-project/README.md) | Chris | +| 01 | Getting Started | บทนำการเขียนโปรแกรมและเครื่องมือที่ใช้ | เรียนรู้พื้นฐานเบื้องหลังของภาษาการเขียนโปรแกรมส่วนใหญ่และเกี่ยวกับซอฟต์แวร์ที่ช่วยผู้พัฒนาอาชีพทำงานของตนเอง | [บทนำเกี่ยวกับภาษาการเขียนโปรแกรมและเครื่องมือ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | พื้นฐานของ GitHub รวมถึงการทำงานร่วมกับทีม | วิธีการใช้ GitHub ในโปรเจคของคุณ วิธีการทำงานร่วมกับผู้อื่นบนฐานโค้ด | [บทนำสู่ GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | การเข้าถึง | เรียนรู้พื้นฐานของการเข้าใช้งานเว็บ | [พื้นฐานเกี่ยวกับการเข้าถึง](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | ประเภทข้อมูล JavaScript | พื้นฐานของประเภทข้อมูลใน JavaScript | [ประเภทข้อมูล](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | ฟังก์ชันและเมธอด | เรียนรู้เกี่ยวกับฟังก์ชันและเมธอดเพื่อจัดการลำดับการทำงานของแอปพลิเคชัน | [ฟังก์ชันและเมธอด](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS Basics | การตัดสินใจด้วย JS | เรียนรู้วิธีสร้างเงื่อนไขในโค้ดของคุณโดยใช้วิธีตัดสินใจ | [การตัดสินใจ](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | อาร์เรย์และลูป | ทำงานกับข้อมูลโดยใช้ arrays และ loops ใน JavaScript | [อาร์เรย์และลูป](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ในการปฏิบัติ | สร้าง HTML เพื่อสร้างเทอราเรียมออนไลน์ โดยเน้นการสร้างเลย์เอาต์ | [บทนำสู่ HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ในการปฏิบัติ | สร้าง CSS เพื่อจัดรูปแบบเทอราเรียมออนไลน์ โดยเน้นพื้นฐานของ CSS รวมถึงการทำให้หน้าเว็บตอบสนอง | [บทนำสู่ CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, การจัดการ DOM | สร้าง JavaScript ให้เทอราเรียมทำงานเป็นอินเทอร์เฟซลากและวาง โดยเน้น closures และการจัดการ DOM | [JavaScript Closures, การจัดการ DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | สร้างเกมพิมพ์ | เรียนรู้วิธีใช้เหตุการณ์คีย์บอร์ดเพื่อควบคุมลอจิกของแอป JavaScript ของคุณ | [การเขียนโปรแกรมเชิงเหตุการณ์](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [ส่วนขยายเบราว์เซอร์สีเขียว](./5-browser-extension/solution/README.md) | การทำงานกับเบราว์เซอร์ | เรียนรู้วิธีทำงานของเบราว์เซอร์ ประวัติศาสตร์ และวิธีสร้างส่วนแรกของส่วนขยายเบราว์เซอร์ | [เกี่ยวกับเบราว์เซอร์](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [ส่วนขยายเบราว์เซอร์สีเขียว](./5-browser-extension/solution/README.md) | การสร้างฟอร์ม เรียกใช้ API และจัดเก็บตัวแปรใน local storage | สร้างองค์ประกอบ JavaScript ของส่วนขยายเบราว์เซอร์เพื่อเรียกใช้ API โดยใช้ตัวแปรที่เก็บใน local storage | [API, ฟอร์ม และ local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [ส่วนขยายเบราว์เซอร์สีเขียว](./5-browser-extension/solution/README.md) | กระบวนการเบื้องหลังในเบราว์เซอร์ ประสิทธิภาพเว็บ | ใช้กระบวนการเบื้องหลังของเบราว์เซอร์เพื่อจัดการไอคอนของส่วนขยาย เรียนรู้เกี่ยวกับประสิทธิภาพเว็บและการปรับปรุงบางอย่าง | [งานเบื้องหลังและประสิทธิภาพ](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | การพัฒนาเกมขั้นสูงด้วย JavaScript | เรียนรู้เกี่ยวกับการสืบทอดโดยใช้คลาสและคอมโพสิชันและรูปแบบ Pub/Sub เตรียมพร้อมสำหรับการสร้างเกม | [บทนำสู่การพัฒนาเกมขั้นสูง](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | การวาดลงบน canvas | เรียนรู้เกี่ยวกับ Canvas API ซึ่งใช้ในการวาดองค์ประกอบลงบนหน้าจอ | [การวาดลงบน Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | การเคลื่อนย้ายองค์ประกอบบนหน้าจอ | ค้นพบว่าวัตถุสามารถเคลื่อนที่ได้อย่างไรโดยใช้พิกัดคาร์ทีเซียนและ Canvas API | [การเคลื่อนย้ายองค์ประกอบ](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | การตรวจจับการชน | ทำให้องค์ประกอบชนและตอบสนองต่อกันโดยใช้การกดปุ่มและมีฟังก์ชันพักเพื่อรักษาประสิทธิภาพของเกม | [การตรวจจับการชน](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | การเก็บคะแนน | ทำการคำนวณทางคณิตศาสตร์ตามสถานะและประสิทธิภาพของเกม | [การเก็บคะแนน](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | การจบและเริ่มเกมใหม่ | เรียนรู้เกี่ยวกับการจบเกมและเริ่มเกมใหม่ รวมถึงการล้างข้อมูลและรีเซ็ตตัวแปรต่าง ๆ | [เงื่อนไขการจบเกม](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | เทมเพลต HTML และเส้นทางในเว็บแอป | เรียนรู้วิธีสร้างโครงสร้างของเว็บไซต์หลายหน้าโดยใช้ routing และเทมเพลต HTML | [เทมเพลต HTML และเส้นทาง](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | การสร้างฟอร์มเข้าสู่ระบบและสมัครสมาชิก | เรียนรู้เกี่ยวกับการสร้างฟอร์มและการจัดการการตรวจสอบความถูกต้อง | [ฟอร์ม](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | วิธีการดึงและใช้ข้อมูล | การไหลของข้อมูลเข้าและออกจากแอปของคุณ วิธีดึงข้อมูล เก็บข้อมูล และจัดการข้อมูล | [ข้อมูล](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | แนวคิดเกี่ยวกับการจัดการสถานะ | เรียนรู้การเก็บสถานะของแอปและวิธีการจัดการสถานะโดยใช้โปรแกรม | [การจัดการสถานะ](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | การใช้งาน VScode | เรียนรู้การใช้ตัวแก้ไขโค้ด | [ใช้ตัวแก้ไขโค้ด VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | การทำงานกับ AI | เรียนรู้การสร้างผู้ช่วย AI ของคุณเอง | [โปรเจคผู้ช่วย AI](./9-chat-project/README.md) | Chris | ## 🏫 การสอน หลักสูตรของเราออกแบบโดยยึดหลักการสอนสำคัญสองประการ: -* การเรียนรู้จากโครงการ +* การเรียนรู้โดยผ่านโปรเจค * แบบทดสอบบ่อยครั้ง -โปรแกรมสอนพื้นฐานของ JavaScript, HTML, และ CSS รวมทั้งเครื่องมือและเทคนิคล่าสุดที่นักพัฒนาเว็บใช้งานในปัจจุบัน นักเรียนจะได้มีโอกาสพัฒนาทักษะผ่านการสร้างเกมพิมพ์ เกมเทอร์ราเรียมเสมือนจริง ส่วนขยายเบราว์เซอร์ที่เป็นมิตรกับสิ่งแวดล้อม เกมสไตล์ space-invader และแอปธนาคารสำหรับธุรกิจ เมื่อจบชุดบทเรียนนี้ นักเรียนจะมีความเข้าใจแข็งแกร่งเกี่ยวกับการพัฒนาเว็บ +โปรแกรมสอนพื้นฐานของ JavaScript, HTML, และ CSS รวมถึงเครื่องมือและเทคนิคล่าสุดที่นักพัฒนาเว็บใช้ในปัจจุบัน นักเรียนจะมีโอกาสในการพัฒนาประสบการณ์จริงโดยสร้างเกมพิมพ์ เทอราเรียมเสมือนจริง ส่วนขยายเบราว์เซอร์ที่เป็นมิตรกับสิ่งแวดล้อม เกมสไตล์ Space Invader และแอปธนาคารสำหรับธุรกิจ เมื่อจบชุดบทเรียนนี้ นักเรียนจะมีความเข้าใจที่มั่นคงเกี่ยวกับการพัฒนาเว็บ -> 🎓 คุณสามารถเรียนบทเรียนแรกๆ ในหลักสูตรนี้เป็น [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) บน Microsoft Learn! +> 🎓 คุณสามารถเรียนบทเรียนแรก ๆ ของหลักสูตรนี้ในฐานะ [เส้นทางการเรียนรู้](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) บน Microsoft Learn! -ด้วยการทำให้เนื้อหาสอดคล้องกับโครงการ ขั้นตอนการเรียนรู้จะน่าดึงดูดใจมากขึ้นสำหรับนักเรียนและช่วยเพิ่มความจำแนวคิด เรายังเขียนบทเรียนเริ่มต้นเกี่ยวกับพื้นฐาน JavaScript เพื่อแนะนำแนวคิด พร้อมกับวิดีโอจากชุด "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ซึ่งมีผู้เขียนบางส่วนมีส่วนร่วมในการสร้างหลักสูตรนี้ +โดยการทำให้เนื้อหาสอดคล้องกับโปรเจค กระบวนการเรียนรู้จะน่าสนใจยิ่งขึ้นสำหรับนักเรียน และช่วยเสริมสร้างความเข้าใจในแนวคิดต่าง ๆ เรายังได้เขียนบทเรียนเริ่มต้นพื้นฐานของ JavaScript เพื่อแนะนำแนวคิดพร้อมกับวิดีโอจากชุด "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ซึ่งผู้เขียนบางท่านได้ร่วมสนับสนุนหลักสูตรนี้ -นอกจากนี้ แบบทดสอบแบบไม่กดดันก่อนเข้าชั้นเรียนช่วยให้นักเรียนตั้งเป้าหมายการเรียนรู้เรื่องใดเรื่องหนึ่ง ในขณะเดียวกัน แบบทดสอบหลังชั้นเรียนจะเสริมความจำของนักเรียน หลักสูตรนี้ออกแบบมาให้ยืดหยุ่นและสนุก และคุณสามารถเรียนทั้งชุดหรือแค่บางส่วนก็ได้ โครงการเริ่มจากง่ายและค่อย ๆ ซับซ้อนขึ้นในช่วง 12 สัปดาห์ +นอกจากนี้ แบบทดสอบเล็ก ๆ ก่อนเริ่มคลาสจะช่วยตั้งเป้าหมายของนักเรียนในการเรียนรู้หัวข้อ และแบบทดสอบอีกครั้งหลังคลาสช่วยเสริมสร้างความเข้าใจเพิ่มเติม หลักสูตรนี้ออกแบบให้ยืดหยุ่นและสนุกสนาน สามารถเรียนทั้งหมดหรือบางส่วนได้ โครงการเริ่มจากง่ายและซับซ้อนขึ้นเรื่อย ๆ จนจบในรอบ 12 สัปดาห์ -แม้เราจะหลีกเลี่ยงการนำ JavaScript frameworks มาใช้เพื่อเน้นทักษะพื้นฐานที่จำเป็นสำหรับนักพัฒนาเว็บก่อนที่จะเรียนรู้ framework ก้าวต่อไปที่ดีหลังจากจบบทเรียนนี้คือการเรียนรู้ Node.js ผ่านชุดวิดีโออื่นๆ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +แม้ว่าเราจะตั้งใจหลีกเลี่ยงการแนะนำ JavaScript frameworks เพื่อเน้นทักษะพื้นฐานที่จำเป็นสำหรับนักพัฒนาเว็บก่อนการใช้ framework ก้าวต่อไปที่ดีในการเรียนรู้หลังจากจบหลักสูตรนี้คือการศึกษาการใช้งาน Node.js ผ่านชุดวิดีโออื่น: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" + +> เยี่ยมชม [Code of Conduct](CODE_OF_CONDUCT.md) และ [Contributing](CONTRIBUTING.md) ของเรา เรายินดีรับฟังคำติชมที่สร้างสรรค์ของคุณ! -> เยี่ยมชม [Code of Conduct](CODE_OF_CONDUCT.md) และ [Contributing](CONTRIBUTING.md) ของเรา เรายินดีรับฟังคำติชมสร้างสรรค์ของคุณ! ## 🧭 การเข้าถึงแบบออฟไลน์ -คุณสามารถอ่านเอกสารนี้แบบออฟไลน์ได้ด้วยการใช้ [Docsify](https://docsify.js.org/#/) ให้ fork โครงการนี้, [ติดตั้ง Docsify](https://docsify.js.org/#/quickstart) บนเครื่องของคุณ จากนั้นในโฟลเดอร์รากของโครงการนี้ ให้พิมพ์ `docsify serve` เว็บไซต์จะถูกเสิร์ฟที่พอร์ต 3000 บน localhost ของคุณ: `localhost:3000` +คุณสามารถเรียกดูเอกสารนี้แบบออฟไลน์โดยใช้ [Docsify](https://docsify.js.org/#/). Fork รีโพนี้, [ติดตั้ง Docsify](https://docsify.js.org/#/quickstart) ในเครื่องของคุณ และจากนั้นในโฟลเดอร์ root ของรีโพนี้ พิมพ์ `docsify serve`. เว็บไซต์จะถูกให้บริการที่พอร์ต 3000 บน localhost ของคุณ: `localhost:3000` ## 📘 PDF -ไฟล์ PDF ของบทเรียนทั้งหมดสามารถดูได้ที่ [นี่](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) +สามารถดาวน์โหลดไฟล์ PDF ของบทเรียนทั้งหมดได้ที่ [นี่](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) -## 🎒 คอร์สอื่น ๆ +## 🎒 หลักสูตรอื่นๆ -ทีมของเราผลิตคอร์สอื่น ๆ ด้วย! ตรวจสอบได้ที่: +ทีมงานของเราผลิตหลักสูตรอื่นๆ ด้วย! ลองดูที่: ### LangChain @@ -257,23 +258,23 @@ [![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) -## การขอความช่วยเหลือ +## ขอความช่วยเหลือ -ถ้าคุณติดขัดหรือต้องการถามคำถามเกี่ยวกับการสร้างแอป AI เข้าร่วมกลุ่มผู้เรียนและนักพัฒนาที่มีประสบการณ์ในการสนทนาเกี่ยวกับ MCP นี่คือชุมชนที่สนับสนุนซึ่งเปิดรับคำถามและแบ่งปันความรู้กันอย่างอิสระ +หากคุณติดขัดหรืมีคำถามใด ๆ เกี่ยวกับการสร้างแอป AI เข้าร่วมกับผู้เรียนอื่น ๆ และนักพัฒนาที่มีประสบการณ์ในการพูดคุยเกี่ยวกับ MCP นี่คือชุมชนที่ให้การสนับสนุน ที่ซึ่งคำถามเป็นที่ต้อนรับและความรู้ได้รับการแบ่งปันอย่างเสรี [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -หากคุณมีความคิดเห็นเกี่ยวกับผลิตภัณฑ์หรือพบข้อผิดพลาดในระหว่างการสร้างโปรดเยี่ยมชม: +หากคุณมีความคิดเห็นเกี่ยวกับผลิตภัณฑ์หรือต้องการรายงานข้อผิดพลาดขณะสร้างโปรดเยี่ยมชม: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## ใบอนุญาต -รีโพสิทอรีนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT ดูไฟล์ [LICENSE](../../LICENSE) สำหรับข้อมูลเพิ่มเติม +ที่เก็บนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT ดูไฟล์ [LICENSE](../../LICENSE) สำหรับข้อมูลเพิ่มเติม --- **ข้อจำกัดความรับผิดชอบ**: -เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษาด้วย AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้มีความถูกต้อง แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้องได้ เอกสารต้นฉบับในภาษาต้นฉบับถือเป็นแหล่งข้อมูลที่ถูกต้องที่สุด สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลโดยมนุษย์มืออาชีพ เราจะไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดที่เกิดจากการใช้การแปลนี้ +เอกสารฉบับนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้มีความถูกต้อง โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาต้นทางถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ แนะนำให้ใช้การแปลโดยมืออาชีพที่เป็นมนุษย์ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดที่เกิดขึ้นจากการใช้การแปลนี้ \ No newline at end of file diff --git a/translations/th/lesson-template/README.md b/translations/th/lesson-template/README.md index 28970a2f35..0207c6fda0 100644 --- a/translations/th/lesson-template/README.md +++ b/translations/th/lesson-template/README.md @@ -1,56 +1,79 @@ -# [หัวข้อบทเรียน] +# หัวข้อบทเรียน -![ฝังวิดีโอที่นี่](../../../lesson-template/video-url) +## 🎥 วิดีโอ -## [แบบทดสอบก่อนเรียน](../../../lesson-template/quiz-url) +> เพิ่มวิดีโอฝังหรือลิงก์บทเรียนที่นี่ -[อธิบายสิ่งที่เราจะได้เรียนรู้] +--- + +## แบบทดสอบก่อนบรรยาย + +> เพิ่มลิงก์แบบทดสอบที่นี่เมื่อมี + +--- + +ให้ภาพรวมสั้นๆ ว่านักเรียนจะได้เรียนรู้อะไรในบทเรียนนี้ + +--- -### บทนำ +### การแนะนำ -อธิบายสิ่งที่จะครอบคลุมในบทเรียนนี้ +ให้บทนำสั้นๆ อธิบายว่าบทเรียนนี้จะครอบคลุมเรื่องใด > หมายเหตุ -### ความรู้พื้นฐานที่ควรมีก่อนเรียน +--- + +### ความรู้เบื้องต้น -ขั้นตอนใดที่ควรทำความเข้าใจก่อนเริ่มบทเรียนนี้? +ระบุแนวคิดหรือหัวข้อที่นักเรียนควรรู้ก่อนเริ่มบทเรียนนี้ + +--- ### การเตรียมตัว -ขั้นตอนการเตรียมตัวก่อนเริ่มบทเรียนนี้ +ระบุขั้นตอนการตั้งค่าหรือเครื่องมือที่ต้องใช้ก่อนเริ่มบทเรียน --- -[ดำเนินการเรียนรู้เนื้อหาเป็นส่วนๆ] +### เนื้อหา + +อธิบายเนื้อหาบทเรียนเป็นส่วนๆ อย่างมีโครงสร้าง + +--- -## [หัวข้อ 1] +## หัวข้อ 1 -### งานที่ต้องทำ: +### งาน: -ทำงานร่วมกันเพื่อพัฒนาฐานโค้ดของคุณอย่างต่อเนื่องเพื่อสร้างโปรเจกต์ด้วยโค้ดที่แชร์ร่วมกัน: +ทำงานร่วมกันเพื่อพัฒนาโค้ดฐานของคุณอย่างต่อเนื่องในการสร้างโปรเจกต์ด้วยโค้ดที่ใช้ร่วมกัน: ```html code blocks ``` -✅ ตรวจสอบความเข้าใจ - ใช้ช่วงเวลานี้เพื่อกระตุ้นความคิดของนักเรียนด้วยคำถามปลายเปิด +✅ การตรวจสอบความรู้ +ใช้ช่วงเวลานี้เพื่อกระตุ้นความรู้ของนักเรียนด้วยคำถามแบบเปิด -## [หัวข้อ 2] +## หัวข้อ 2 +## หัวข้อ 3 -## [หัวข้อ 3] +🚀 ความท้าทาย +เพิ่มความท้าทายในการทำงานร่วมกันให้นักเรียนได้พัฒนาโปรเจกต์นี้ -🚀 ความท้าทาย: เพิ่มความท้าทายให้นักเรียนทำงานร่วมกันในชั้นเรียนเพื่อพัฒนาโปรเจกต์ +ไม่บังคับ: เพิ่มภาพหน้าจอ UI ของบทเรียนที่เสร็จสมบูรณ์หากเหมาะสม -ตัวเลือกเพิ่มเติม: เพิ่มภาพหน้าจอของส่วนติดต่อผู้ใช้ (UI) ของบทเรียนที่เสร็จสมบูรณ์หากเหมาะสม +## แบบทดสอบหลังบรรยาย -## [แบบทดสอบหลังเรียน](../../../lesson-template/quiz-url) +เพิ่มลิงก์แบบทดสอบที่นี่หลังจากเรียนจบบทเรียน -## ทบทวนและการศึกษาด้วยตนเอง +## การทบทวน & การศึกษาด้วยตนเอง -**กำหนดส่งงาน [MM/YY]**: [ชื่อการบ้าน](assignment.md) +**มอบหมายงานวันที่ [MM/YY]**: [ชื่อการบ้าน](assignment.md) --- + **ข้อจำกัดความรับผิดชอบ**: -เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้องมากที่สุด แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้ \ No newline at end of file +เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษาด้วย AI [Co-op Translator](https://github.com/Azure/co-op-translator) ซึ่งแม้เราจะพยายามให้ความถูกต้องสูงสุด กรุณาทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาต้นทางถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ แนะนำให้ใช้การแปลโดยผู้เชี่ยวชาญมนุษย์เป็นต้นเอง เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้ + \ No newline at end of file diff --git a/translations/tl/.co-op-translator.json b/translations/tl/.co-op-translator.json index 16df302f0f..7355218d24 100644 --- a/translations/tl/.co-op-translator.json +++ b/translations/tl/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:46:27+00:00", + "translation_date": "2026-04-24T22:07:02+00:00", "source_file": "AGENTS.md", "language_code": "tl" }, @@ -516,8 +516,8 @@ "language_code": "tl" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T16:47:59+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T22:04:05+00:00", "source_file": "README.md", "language_code": "tl" }, @@ -564,8 +564,8 @@ "language_code": "tl" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:55:10+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T22:04:13+00:00", "source_file": "lesson-template/README.md", "language_code": "tl" }, diff --git a/translations/tl/AGENTS.md b/translations/tl/AGENTS.md index caaf09c402..fc0033b01b 100644 --- a/translations/tl/AGENTS.md +++ b/translations/tl/AGENTS.md @@ -2,27 +2,27 @@ ## Project Overview -Ito ay isang edukasyonal na repositoryo ng kurikulum para sa pagtuturo ng mga pangunahing kaalaman sa web development sa mga nagsisimula. Ang kurikulum ay isang komprehensibong 12-linggong kurso na binuo ng Microsoft Cloud Advocates, na nagtatampok ng 24 na hands-on na aralin na sumasaklaw sa JavaScript, CSS, at HTML. +Ito ay isang pang-edukasyon na repositoryo ng kurikulum para sa pagtuturo ng mga pundasyon ng web development sa mga baguhan. Ang kurikulum ay isang komprehensibong 12-linggong kurso na binuo ng Microsoft Cloud Advocates, na naglalaman ng 24 na praktikal na aralin na sumasaklaw sa JavaScript, CSS, at HTML. ### Key Components -- **Nilalaman Pang-edukasyon**: 24 na istrukturadong aralin na inayos sa mga proyekto bilang mga modulo -- **Praktikal na Mga Proyekto**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, at AI Chat Assistant -- **Interaktibong Mga Quiz**: 48 na quiz na may tig-3 tanong bawat isa (pagsusulit bago/pagkatapos ng aralin) -- **Suporta sa Maraming Wika**: Awtomatikong pagsasalin para sa 50+ na wika gamit ang GitHub Actions +- **Nilalamang Pang-edukasyon**: 24 na nakaayos na mga aralin na nakaorganisa sa mga proyekto +- **Praktikal na mga Proyekto**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, at AI Chat Assistant +- **Interactive na Quizzes**: 48 na pagsusulit na may tig-3 na tanong (pre/post-lesson assessments) +- **Multi-language Support**: Awtomatikong pagsasalin para sa 50+ na mga wika gamit ang GitHub Actions - **Mga Teknolohiya**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para sa mga AI na proyekto) ### Architecture -- Edukasyonal na repositoryo na may istruktura batay sa mga aralin -- Ang bawat folder ng aralin ay naglalaman ng README, mga halimbawa ng code, at mga solusyon -- Mga standalone na proyekto sa hiwalay na mga direktoryo (quiz-app, iba't ibang mga proyekto sa aralin) +- Pang-edukasyon na repositoryo na may estruktura batay sa mga aralin +- Bawat folder ng aralin ay naglalaman ng README, mga halimbawa ng code, at mga solusyon +- Mga standalone na proyekto sa mga hiwalay na direktoryo (quiz-app, iba't ibang proyekto ng aralin) - Sistema ng pagsasalin gamit ang GitHub Actions (co-op-translator) -- Dokumentasyon na ibinibigay sa pamamagitan ng Docsify at available bilang PDF +- Dokumentasyon na sineserbisyo gamit ang Docsify at available bilang PDF ## Setup Commands -Ang repositoryong ito ay pangunahing para sa konsumpsyon ng edukasyonal na nilalaman. Para sa pagtatrabaho sa mga partikular na proyekto: +Ang repositoryong ito ay pangunahing para sa paggamit ng nilalaman pang-edukasyon. Para sa pagtatrabaho sa mga tiyak na proyekto: ### Main Repository Setup @@ -56,7 +56,7 @@ npm run format # I-format gamit ang Prettier ```bash cd 5-browser-extension/solution npm install -# Sundin ang mga tagubilin sa pag-load ng extension na partikular sa browser +# Sundin ang mga tagubilin para sa pag-load ng extension na partikular sa browser ``` ### Space Game Projects @@ -72,37 +72,37 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# Itakda ang GITHUB_TOKEN na variable ng kapaligiran +# Itakda ang environment variable na GITHUB_TOKEN python api.py ``` ## Development Workflow -### Para sa mga Contributor ng Nilalaman +### Para sa Mga Nag-aambag ng Nilalaman 1. **I-fork ang repositoryo** sa iyong GitHub account 2. **I-clone ang iyong fork** nang lokal -3. **Gumawa ng bagong sanga** para sa iyong mga pagbabago -4. Gawin ang mga pagbabago sa nilalaman ng aralin o mga halimbawa ng code -5. Subukan ang anumang pagbabago sa code sa mga kaukulang direktoryo ng proyekto -6. Mag-submit ng pull requests alinsunod sa mga gabay sa kontribusyon +3. **Gumawa ng bagong branch** para sa iyong mga pagbabago +4. Gumawa ng mga pagbabago sa nilalaman ng aralin o mga halimbawa ng code +5. Subukan ang mga pagbabago sa code sa mga kaugnay na direktoryo ng proyekto +6. Mag-submit ng pull requests alinsunod sa mga patnubay sa kontribusyon -### Para sa mga Nag-aaral +### Para sa Mga Nag-aaral 1. I-fork o i-clone ang repositoryo -2. Mag-navigate sa mga direktoryo ng aralin sunod-sunod +2. Mag-navigate sa mga direktoryo ng aralin nang sunud-sunod 3. Basahin ang mga README file para sa bawat aralin -4. Kumpletuhin ang mga pre-lesson quizzes sa https://ff-quizzes.netlify.app/web/ -5. Trabahuhin ang mga halimbawa ng code sa mga folder ng aralin +4. Kumpletuhin ang mga pre-lesson quiz sa https://ff-quizzes.netlify.app/web/ +5. Trabahoin ang mga halimbawa ng code sa mga folder ng aralin 6. Kumpletuhin ang mga takdang-aralin at hamon -7. Sagutan ang mga post-lesson quizzes +7. Sagutan ang mga post-lesson quiz ### Live Development - **Dokumentasyon**: Patakbuhin ang `docsify serve` sa root (port 3000) -- **Quiz App**: Patakbuhin ang `npm run dev` sa folder ng quiz-app +- **Quiz App**: Patakbuhin ang `npm run dev` sa direktoryo ng quiz-app - **Mga Proyekto**: Gamitin ang VS Code Live Server extension para sa mga HTML na proyekto -- **API Projects**: Patakbuhin ang `npm start` sa mga kaukulang API na direktoryo +- **API Projects**: Patakbuhin ang `npm start` sa mga kaukulang direktoryo ng API ## Testing Instructions @@ -110,8 +110,8 @@ python api.py ```bash cd quiz-app -npm run lint # Suriin kung may mga isyu sa istilo ng kodigo -npm run build # Tiyakin na matagumpay ang pagbuo +npm run lint # Suriin ang mga isyu sa istilo ng code +npm run build # Tiyakin na matagumpay ang build ``` ### Bank API Testing @@ -119,62 +119,62 @@ npm run build # Tiyakin na matagumpay ang pagbuo ```bash cd 7-bank-project/api npm run lint # Suriin ang mga isyu sa estilo ng code -node server.js # Tiyaking nagsisimula ang server nang walang mga error +node server.js # Tiyakin na nagsisimula ang server nang walang mga error ``` -### Pangkalahatang Paraan ng Pagsusuri +### Pangkalahatang Paraan sa Pagsusuri -- Ito ay isang edukasyonal na repositoryo na walang komprehensibong automated tests -- Ang manual na pagsusuri ay nakatuon sa: - - Hindi nagkakaroon ng error ang mga halimbawa ng code kapag pinatakbo - - Gumagana nang maayos ang mga links sa dokumentasyon - - Matagumpay ang pagbuo ng mga proyekto - - Sumusunod ang mga halimbawa sa pinakamahusay na mga kasanayan +- Ito ay isang pang-edukasyong repositoryo na walang komprehensibong awtomatikong pagsusuri +- Manual na pagsusuri ay tumutok sa: + - Mga halimbawa ng code ay tumatakbo nang walang error + - Mga link sa dokumentasyon ay gumagana nang maayos + - Tagumpay na pagtatayo ng proyekto + - Mga halimbawa ay sumusunod sa pinakamahusay na mga gawain -### Mga Pre-submission Checks +### Pre-submission Checks -- Patakbuhin ang `npm run lint` sa mga direktoryong may package.json -- Tiyakin na wasto ang mga markdown links +- Patakbuhin ang `npm run lint` sa mga direktoryo na may package.json +- Siguraduhing valid ang mga markdown link - Subukan ang mga halimbawa ng code sa browser o Node.js -- Suriin na ang mga pagsasalin ay nananatiling maayos ang istruktura +- Tiyaking ang mga pagsasalin ay nananatili ang tamang estruktura ## Code Style Guidelines ### JavaScript -- Gumamit ng makabagong ES6+ na syntax -- Sundin ang mga standard ESLint na konfigurasyon na ibinigay sa mga proyekto +- Gumamit ng modernong ES6+ na sintaks +- Sundin ang mga karaniwang ESLint na config sa mga proyekto - Gumamit ng makabuluhang mga pangalan ng variable at function para sa kalinawan sa edukasyon -- Magdagdag ng mga paliwanag na komentaryo tungkol sa mga konsepto para sa mga nag-aaral +- Magdagdag ng mga komentaryo na nagpapaliwanag ng mga konsepto para sa mga nag-aaral - I-format gamit ang Prettier kung saan naka-configure ### HTML/CSS -- Semantic HTML5 elements +- Semantic na HTML5 na mga elemento - Mga prinsipyo ng responsive design -- Malinaw na conventions sa pagbibigay ng pangalan sa mga klase +- Malinaw na mga konbensiyon sa pag-ngalan ng klase - Mga komentaryo na nagpapaliwanag ng mga teknik sa CSS para sa mga nag-aaral ### Python -- Mga patnubay sa estilo ayon sa PEP 8 -- Malinaw, pang-edukasyonal na mga halimbawa ng code -- Mga type hint kung nakakatulong sa pag-aaral +- PEP 8 style guidelines +- Malinaw, edukasyonal na mga halimbawa ng code +- Type hints kung saan nakakatulong sa pag-aaral ### Markdown Documentation - Malinaw na hierarchy ng mga heading -- Mga code block na may pagspecify ng wika -- Mga link sa karagdagang mga mapagkukunan -- Mga screenshot at larawan sa mga `images/` na mga direktoryo -- Alt text para sa mga larawan para sa accessibility +- Mga code block na may pagtukoy ng wika +- Mga link sa karagdagang mga resources +- Mga screenshot at mga imahe sa `images/` na mga direktoryo +- Alt text para sa mga imahe para sa accessibility ### File Organization -- Ang mga aralin ay may sunud-sunod na bilang (1-getting-started-lessons, 2-js-basics, atbp.) -- Ang bawat proyekto ay may `solution/` at madalas `start/` o `your-work/` na mga direktoryo -- Ang mga larawan ay naka-imbak sa mga lesson-specific na `images/` folder -- Mga pagsasalin sa istrukturang `translations/{language-code}/` +- Mga aralin na sunud-sunod na naka-number (1-getting-started-lessons, 2-js-basics, atbp.) +- Bawat proyekto ay may `solution/` at madalas `start/` o `your-work/` na mga direktoryo +- Mga larawan ay nakaimbak sa mga folder ng aralin na `images/` +- Mga pagsasalin sa `translations/{language-code}/` na estruktura ## Build and Deployment @@ -185,10 +185,10 @@ Ang quiz-app ay naka-configure para sa Azure Static Web Apps deployment: ```bash cd quiz-app npm run build # Lumilikha ng dist/ folder -# Nagde-deploy gamit ang GitHub Actions workflow kapag may push sa main +# Nagde-deploy gamit ang GitHub Actions workflow sa push sa main ``` -Azure Static Web Apps na konfigurasyon: +Azure Static Web Apps configuration: - **App location**: `/quiz-app` - **Output location**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` @@ -203,80 +203,80 @@ npm run convert # Gumawa ng PDF mula sa docs ### Docsify Documentation ```bash -npm install -g docsify-cli # I-install ang Docsify nang globally -docsify serve # I-serve sa localhost:3000 +npm install -g docsify-cli # I-install ang Docsify nang global +docsify serve # Paglingkuran sa localhost:3000 ``` -### Mga Build na Nakatuon sa Proyekto +### Mga Tiyak na Build ng Proyekto -Ang bawat direktoryo ng proyekto ay maaaring may sariling proseso ng build: -- Vue projects: `npm run build` na lumilikha ng mga production bundles -- Static projects: Walang build step, direktang pag-serbisyo ng mga file +Bawat direktoryo ng proyekto ay maaaring magkaroon ng sariling proseso sa build: +- Vue projects: `npm run build` lumilikha ng mga bundle para sa produksyon +- Static projects: Walang build step, diretsong serbisyuhan ang mga file ## Pull Request Guidelines -### Format ng Pamagat +### Title Format -Gumamit ng malinaw, deskriptibong mga pamagat na nagpapakita ng bahagi ng pagbabago: +Gumamit ng malinaw, deskriptibong mga pamagat na naglalahad ng bahagi ng pagbabago: - `[Quiz-app] Add new quiz for lesson X` - `[Lesson-3] Fix typo in terrarium project` - `[Translation] Add Spanish translation for lesson 5` - `[Docs] Update setup instructions` -### Mga Kinakailangang Pag-check +### Required Checks -Bago magsumite ng PR: +Bago mag-submit ng PR: 1. **Kalidad ng Code**: - - Patakbuhin ang `npm run lint` sa mga apektadong proyekto - - Ayusin ang lahat ng linting error at babala + - Patakbuhin ang `npm run lint` sa mga apektadong direktoryo ng proyekto + - Ayusin lahat ng linting error at babala -2. **Pag-verify ng Build**: - - Patakbuhin ang `npm run build` kung kinakailangan +2. **Build Verification**: + - Patakbuhin ang `npm run build` kung naaangkop - Siguraduhing walang error sa build -3. **Pag-validate ng Link**: - - Subukan ang lahat ng markdown link - - Siguraduhing gumagana ang mga reference ng larawan +3. **Link Validation**: + - Subukan lahat ng markdown links + - Beripikahin na gumagana ang mga reference sa imahe -4. **Pagsusuri ng Nilalaman**: - - Proofread para sa baybay at gramatika - - Siguraduhing tama at edukasyonal ang mga halimbawa ng code - - I-verify ang mga pagsasalin ay nananatili ang orihinal na kahulugan +4. **Content Review**: + - Proofread para sa wastong baybay at gramatika + - Siguraduhin na tama at edukasyonal ang mga halimbawa ng code + - Beripikahin na ang mga pagsasalin ay nananatili ang orihinal na kahulugan -### Mga Kinakailangan sa Kontribusyon +### Contribution Requirements -- Sumang-ayon sa Microsoft CLA (automated check sa unang PR) +- Sumang-ayon sa Microsoft CLA (awtomatikong tsek sa unang PR) - Sundin ang [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Tumingin sa [CONTRIBUTING.md](./CONTRIBUTING.md) para sa mga detalyadong gabay -- Banggitin ang mga numero ng isyu sa paglalarawan ng PR kung angkop +- Tingnan ang [CONTRIBUTING.md](./CONTRIBUTING.md) para sa detalyadong mga patnubay +- Ilahad ang mga numero ng isyu sa deskripsyon ng PR kung naaangkop -### Proseso ng Review +### Review Process -- Ang mga PR ay sinusuri ng mga maintainer at komunidad +- Ang mga PR ay nire-review ng mga maintainer at komunidad - Pinapahalagahan ang kalinawan sa edukasyon -- Dapat sundin ng mga halimbawa ng code ang kasalukuyang best practices -- Sinusuri ang mga pagsasalin para sa katumpakan at angkop na kultura +- Ang mga halimbawa ng code ay dapat sumunod sa kasalukuyang pinakamahusay na mga gawain +- Ang mga pagsasalin ay nire-review para sa katumpakan at angkop na kultura ## Translation System ### Automated Translation -- Gumagamit ng GitHub Actions na may co-op-translator workflow -- Nagsasalin sa 50+ na wika nang awtomatiko -- Mga source file sa mga pangunahing direktoryo +- Gumagamit ng GitHub Actions kasama ang co-op-translator workflow +- Nagsasalin sa 50+ na mga wika nang awtomatiko +- Mga source file sa pangunahing mga direktoryo - Mga naisaling file sa `translations/{language-code}/` na mga direktoryo -### Pagdaragdag ng Manual na Pagpapabuti sa Pagsasalin +### Adding Manual Translation Improvements 1. Hanapin ang file sa `translations/{language-code}/` -2. Gawin ang mga pagpapabuti nang pinananatili ang istruktura -3. Siguraduhing nananatiling gumagana ang mga halimbawa ng code -4. Subukan ang anumang lokal na nilalamang quiz +2. Gumawa ng mga pagsasaayos habang pinapanatili ang estruktura +3. Siguraduhin na ang mga halimbawa ng code ay nananatiling gumagana +4. Subukan ang anumang lokal na nilalaman ng quiz -### Metadata ng Pagsasalin +### Translation Metadata -Ang mga naisaling file ay may kasamang metadata header: +Nagsasama ang mga naisaling file ng metadata header: ```markdown **Paunawa**: -Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagaman nagsusumikap kami para sa katuparan, pakatandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa orihinal nitong wika ang dapat ituring na pangunahing sanggunian. Para sa mga mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot para sa anumang hindi pagkakaunawaan o maling interpretasyon na nagmumula sa paggamit ng pagsasaling ito. +Ang dokumentong ito ay isinalin gamit ang serbisyong AI na pagsasalin na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagama't nagsusumikap kami para sa katumpakan, pakatandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o kamalian. Ang orihinal na dokumento sa kanyang orihinal na wika ang dapat ituring na pangunahing sanggunian. Para sa mahahalagang impormasyon, inirerekomenda ang propesyonal na pagsasaling-tao. Hindi kami mananagot para sa anumang hindi pagkakaintindihan o maling interpretasyon na nagmumula sa paggamit ng pagsasaling ito. \ No newline at end of file diff --git a/translations/tl/README.md b/translations/tl/README.md index 37f62e8eb9..7dec4c4972 100644 --- a/translations/tl/README.md +++ b/translations/tl/README.md @@ -1,38 +1,23 @@ -[![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) +# Web Development para sa mga Baguhan - Isang Kurikulum -[![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/) +Matutunan ang mga pundasyon ng web development sa aming 12-linggong komprehensibong kurso mula sa Microsoft Cloud Advocates. Bawat isa sa 24 na aralin ay sumisid sa JavaScript, CSS, at HTML sa pamamagitan ng mga hands-on na proyekto tulad ng terrariums, browser extensions, at mga laro sa kalawakan. Makibahagi sa mga pagsusulit, talakayan, at praktikal na mga gawain. Pahusayin ang iyong mga kasanayan at pagbutihin ang pagtipid ng kaalaman gamit ang aming epektibong proyekto-base na pamamaraan ng pagtuturo. Simulan ang iyong paglalakbay sa coding ngayon! -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) - -# Web Development para sa mga Nagsisimula - Isang Kurikulum - -Matutunan ang mga pundasyon ng web development sa aming 12-linggong masusing kurso mula sa Microsoft Cloud Advocates. Bawat isa sa 24 na aralin ay sumisid sa JavaScript, CSS, at HTML sa pamamagitan ng mga praktikal na proyekto tulad ng terrariums, browser extensions, at mga space games. Makilahok sa mga pagsusulit, diskusyon, at praktikal na mga takdang-aralin. Paunlarin ang iyong kakayahan at pagbutihin ang iyong pagkatuto gamit ang aming epektibong metodolohiyang nakabase sa proyekto. Simulan ang iyong paglalakbay sa coding ngayon! +Sumali sa Azure AI Foundry Discord at makipagkilala sa mga eksperto at kapwa mga developer. -Sumali sa Azure AI Foundry Discord Community - -[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) - -Sundan ang mga hakbang na ito upang makapagsimula gamit ang mga resource na ito: +Sundan ang mga hakbang na ito upang makapagsimula gamit ang mga ito: 1. **I-fork ang Repository**: I-click ang [![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. **I-clone ang Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Sumali sa Azure AI Foundry Discord at makipagkilala sa mga eksperto at kapwa developer**](https://discord.com/invite/ByRwuEEgH4) +3. [**Sumali sa Azure AI Foundry Discord at makipagkilala sa mga eksperto at kapwa mga developer**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Suportang Maraming Wika +### 🌐 Suporta para sa Maramihang Wika -#### Sinusuportahan sa pamamagitan ng GitHub Action (Automatiko at Palaging Napapanahon) +#### Sinusuportahan sa pamamagitan ng GitHub Action (Awtomatiko at Laging Napapanahon) - [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) | [Khmer](../km/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](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](./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) -> **Mas gusto mo bang i-clone nang lokal?** +> **Mas gusto mo bang I-clone nang Lokal?** > -> Kasama sa repository na ito ang 50+ na salin ng mga wika na lubhang nagpapalaki ng laki ng pag-download. Upang mag-clone nang walang mga salin, gamitin ang sparse checkout: +> Kasama sa repositoryong ito ang mahigit 50 na pagsasalin ng wika na nagpapalaki nang malaki sa laki ng pag-download. Upang i-clone nang walang mga pagsasalin, gamitin ang sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,170 +33,167 @@ Sundan ang mga hakbang na ito upang makapagsimula gamit ang mga resource na ito: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Makukuha mo lahat ng kailangan mo upang tapusin ang kurso nang mas mabilis ang pag-download. - - -**Kung nais mong magkaroon ng suportang karagdagang mga wika ng pagsasalin, nakalista ito [dito](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +> Bibigyan ka nito ng lahat ng kailangan mo upang tapusin ang kurso nang mas mabilis ang pag-download. -[![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) +**Kung nais mong magkaroon ng karagdagang pagsasalin, ang mga sinusuportahang wika ay nakalista dito. [dito](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** #### 🧑‍🎓 _Estudyante ka ba?_ -Bisitahin ang [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) kung saan makakakita ka ng mga materyales para sa mga nagsisimula, mga Student packs at mga paraan para makakuha ng libreng sertipiko voucher. Ito ang pahinang dapat mong i-bookmark at tingnan paminsan-minsan dahil ang nilalaman ay ini-update buwan-buwan. +Bisitahin ang [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) kung saan makikita mo ang mga panimulang materyales, mga Student pack at maging mga paraan upang makakuha ng libreng voucher para sa sertipiko. Ito ang pahinang nais mong i-bookmark at tingnan paminsan-minsan dahil regular naming pinapalitan ang nilalaman buwan-buwan. -### 📣 Anunsyo - Mga bagong hamon sa GitHub Copilot Agent mode na dapat tapusin! +### 📣 Anunsyo - Mga bagong hamon sa GitHub Copilot Agent mode na tapusin! -May bagong hamon, hanapin ang "GitHub Copilot Agent Challenge 🚀" sa karamihan ng mga kabanata. Ito ay isang bagong hamon na maaari mong tapusin gamit ang GitHub Copilot at Agent mode. Kung hindi mo pa nagagamit ang Agent mode, kaya nitong hindi lamang gumawa ng teksto kundi lumikha at mag-edit ng mga file, magpatakbo ng mga utos, at marami pa. +May bagong hamon na idinagdag, hanapin ang "GitHub Copilot Agent Challenge 🚀" sa karamihan ng mga kabanata. Ito ay isang bagong hamon na kailangan mong tapusin gamit ang GitHub Copilot at Agent mode. Kung hindi mo pa nagamit ang Agent mode dati, kaya nitong hindi lang gumawa ng teksto kundi makalikha at makapag-edit ng mga file, magpatakbo ng mga utos, at marami pa. -### 📣 Anunsyo - _Bagong Proyekto na bubuuin gamit ang Generative AI_ +### 📣 Anunsyo - _Bagong Proyekto para gawin gamit ang Generative AI_ -Bagong AI Assistant project ang idinagdag, silipin ito [proyekto](./9-chat-project/README.md) +May bagong AI Assistant project na idinagdag, tingnan ito sa [proyekto](./9-chat-project/README.md) -### 📣 Anunsyo - _Bagong Kurikulum_ sa Generative AI para sa JavaScript ay inilabas na +### 📣 Anunsyo - _Bagong Kurikulum_ sa Generative AI para sa JavaScript ay inilabas lang -Huwag palampasin ang aming bagong kurikulum sa Generative AI! +Huwag palampasin ang aming bagong Generative AI na kurikulum! Bisitahin ang [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) upang makapagsimula! ![Background](../../translated_images/tl/background.148a8d43afde5730.webp) -- Mga aralin mula sa mga batayan hanggang sa RAG. -- Makipag-ugnayan sa mga makasaysayang karakter gamit ang GenAI at ang aming companion app. -- Masaya at kapana-panabik na salaysay, parang naglalakbay ka sa oras! +- Mga aralin mula sa mga pangunahing kaalaman hanggang RAG. +- Makipag-ugnayan sa mga makasaysayang tauhan gamit ang GenAI at ang aming kasamang app. +- Masaya at kapana-panabik na salaysay, para kang naglalakbay sa panahon! ![character](../../translated_images/tl/character.5c0dd8e067ffd693.webp) -Bawat aralin ay may kasamang takdang-aralin, pagsusuri ng kaalaman, at hamon upang gabayan ka sa pag-aaral ng mga paksa tulad ng: +Bawat aralin ay may kasamang takdang-aralin na kailangang matapos, pagsusuri ng kaalaman, at hamon upang gabayan ka sa pag-aaral ng mga paksang tulad ng: - Prompting at prompt engineering -- Pagbuo ng mga app para sa teksto at imahe -- Mga search apps +- Pagbuo ng text at image app +- Mga search app Bisitahin ang [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) upang makapagsimula! - ## 🌱 Pagsisimula -> **Mga Guro**, may [ilang suhestiyon kami](for-teachers.md) kung paano gamitin ang kurikulum na ito. Nais naming marinig ang inyong feedback [sa aming discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Mga Guro**, may [nilikha kaming ilang mungkahi](for-teachers.md) kung paano gamitin ang kurikulum na ito. Malugod naming tatanggapin ang inyong puna [sa aming talakayan forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! + +**[Mga Mag-aaral](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para sa bawat aralin, magsimula sa isang pre-lecture quiz at sundan ito sa pamamagitan ng pagbabasa ng mga materyales sa lektura, pagtapos ng iba't ibang gawain, at pagsuri sa iyong pagkaunawa gamit ang post-lecture quiz. -**[Mga Mag-aaral](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, sa bawat aralin, simulan sa isang pre-lecture quiz at sundan ito sa pagbabasa ng mga materyales ng lektura, pagtapos ng iba't ibang aktibidad, at suriin ang inyong pag-unawa gamit ang post-lecture quiz. +Upang mapabuti ang iyong karanasan sa pag-aaral, makipag-ugnayan sa iyong mga kaklase at magtulungan sa mga proyekto! Hinihikayat ang mga talakayan sa aming [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) kung saan ang aming mga moderator ay handang sagutin ang iyong mga tanong. -Para mapabuti ang iyong karanasan sa pag-aaral, makipag-ugnayan sa iyong mga kaklase upang magtrabaho sa mga proyekto nang magkakasama! Hinihikayat ang mga diskusyon sa aming [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) kung saan naroroon ang aming mga moderator upang sagutin ang iyong mga katanungan. +Para lalong mapalawak ang iyong edukasyon, lubos naming inirerekomenda ang paggalugad sa [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para sa karagdagang mga materyales sa pag-aaral. -Para sa mas malalim na pag-aaral, mariin naming inirerekomenda ang [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para sa karagdagang mga materyales pang-aral. +### 📋 Pagsasaayos ng iyong kapaligiran -### 📋 Pagse-setup ng iyong kapaligiran +May nakaayos nang development environment ang kurikulum na ito! Sa pagsisimula mo, maaari kang pumili na patakbuhin ang kurikulum sa isang [Codespace](https://github.com/features/codespaces/) (_isang browser-based, environment na hindi nangangailangan ng pag-install_), o lokal sa iyong computer gamit ang isang text editor tulad ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -May nakahandang development environment ang kurikulum na ito! Habang nagsisimula, maaari kang pumili na patakbuhin ang kurikulum sa isang [Codespace](https://github.com/features/codespaces/) (_browser-based na kapaligiran na hindi kailangan ng install_), o lokal sa iyong computer gamit ang isang text editor tulad ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +#### Gumawa ng sariling repository -#### Gumawa ng iyong repository -Para madali mong masave ang iyong trabaho, inirerekomenda na gumawa ka ng sarili mong kopya ng repository na ito. Maaari mo itong gawin sa pamamagitan ng pag-click sa **Use this template** button sa itaas ng pahina. Lilikha ito ng bagong repository sa iyong GitHub account na may kopya ng kurikulum. +Para madali mong maisave ang iyong trabaho, inirerekomenda na gumawa ka ng sariling kopya ng repositoryong ito. Magagawa mo ito sa pamamagitan ng pag-click sa **Use this template** na button sa itaas ng pahina. Ito ay gagawa ng bagong repository sa iyong GitHub account na may kopya ng kurikulum. -Sundan ang mga hakbang na ito: -1. **I-fork ang Repository**: I-click ang "Fork" na button sa kanang itaas na bahagi ng pahinang ito. +Sundin ang mga hakbang na ito: +1. **I-fork ang Repository**: I-click ang button na "Fork" sa kanang-itaas na sulok ng pahinang ito. 2. **I-clone ang Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Patakbuhin ang kurikulum sa Codespace +#### Pagpapatakbo ng kurikulum sa isang Codespace -Sa kopya ng repository na iyong ginawa, i-click ang **Code** button at piliin ang **Open with Codespaces**. Lilikha ito ng bagong Codespace para sa iyo upang magtrabaho. +Sa kopya ng repositoryong ginawa mo, i-click ang **Code** na button at piliin ang **Open with Codespaces**. Ito ay gagawa ng bagong Codespace para sa iyong gawain. ![Codespace](../../translated_images/tl/createcodespace.0238bbf4d7a8d955.webp) -#### Patakbuhin ang kurikulum lokal sa iyong computer +#### Pagpapatakbo ng kurikulum nang lokal sa iyong computer -Para patakbuhin ang kurikulum na ito lokal sa iyong computer, kakailanganin mo ang isang text editor, isang browser at isang command line tool. Ang aming unang aralin, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ay gagabay sa iyo sa iba't ibang opsyon para sa bawat isa sa mga tool na ito upang piliin mo kung ano ang pinakamabisa para sa iyo. +Para patakbuhin ang kurikulum na ito nang lokal sa iyong computer, kailangan mo ng isang text editor, isang browser, at isang command line tool. Ang unang aralin namin, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ay gagabay sa iyo sa pagpili ng mga opsyon para sa bawat isa sa mga tool na ito upang mapili mo ang pinakaangkop para sa iyo. -Ang aming rekomendasyon ay gamitin ang [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) bilang editor mo, na may kasamang built-in na [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Maaari mong i-download ang Visual Studio Code [dito](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. I-clone ang iyong repository sa iyong computer. Magagawa mo ito sa pamamagitan ng pag-click sa **Code** button at pagkopya ng URL: +Ang aming rekomendasyon ay gamitin ang [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) bilang iyong editor, na may kasamang [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Maaari mong i-download ang Visual Studio Code [dito](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. I-clone ang iyong repository sa iyong computer. Maaari mo itong gawin sa pamamagitan ng pag-click sa **Code** na button at pagkopya ng URL: [CodeSpace](./images/createcodespace.png) - Pagkatapos, buksan ang [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) sa loob ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) at patakbuhin ang sumusunod na command, palitan ang `` ng URL na iyong kinopya: + Pagkatapos, buksan ang [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) sa loob ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) at patakbuhin ang sumusunod na utos, palitan ang `` ng URL na kinopya mo: ```bash git clone ``` -2. Buksan ang folder sa Visual Studio Code. Magagawa mo ito sa pamamagitan ng pag-click sa **File** > **Open Folder** at piliin ang folder na kaklone mo lang. +2. Buksan ang folder sa Visual Studio Code. Maaari mo itong gawin sa pamamagitan ng pag-click sa **File** > **Open Folder** at piliin ang folder na kaklone mo lang. -> Inirerekomendang mga extension ng Visual Studio Code: +> Inirerekomendang mga extension para sa Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para ma-preview ang mga pahinang HTML sa loob ng Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para matulungan kang magsulat ng code nang mas mabilis +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para makita ang preview ng mga HTML page sa loob ng Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para matulungan kang mas mabilis magsulat ng code -## 📂 Ang bawat aralin ay nagsasama ng: +## 📂 Kasama sa bawat leksyon: - opsyonal na sketchnote -- opsyonal na karagdagang video +- opsyonal na supplemental na video - pre-lesson warmup quiz -- nakasulat na aralin -- para sa mga project-based na aralin, mga step-by-step na gabay sa paggawa ng proyekto -- mga pagsusuri ng kaalaman +- nakasulat na leksyon +- para sa mga project-based na leksyon, step-by-step na gabay kung paano gumawa ng proyekto +- knowledge checks - isang hamon -- karagdagang babasahin +- supplemental na babasahin - takdang-aralin - [post-lesson quiz](https://ff-quizzes.netlify.app/web/) -> **Isang paalala tungkol sa mga pagsusulit**: Lahat ng pagsusulit ay nasa Quiz-app na folder, may 48 kabuuang pagsusulit na tig-3 tanong bawat isa. Available ang mga ito [dito](https://ff-quizzes.netlify.app/web/) at ang quiz app ay maaaring patakbuhin nang lokal o ideploy sa Azure; sundin ang mga tagubilin sa `quiz-app` folder. - -## 🗃️ Mga Aralin - -| | Pangalan ng Proyekto | Mga Konseptong Itinuturo | Mga Layunin sa Pagkatuto | Nakalink na Aralin | May-akda | -| :-: | :--------------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Panimula sa Programming at Mga Kasangkapan | Matutunan ang mga pangunahing pundasyon ng karamihan sa mga programming language at tungkol sa software na tumutulong sa mga propesyonal na developer sa kanilang trabaho | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | Mga Pangunahing Kaalaman sa GitHub, kasama ang pagtatrabaho sa isang koponan | Kung paano gamitin ang GitHub sa iyong proyekto, paano makipagtulungan sa iba sa isang code base | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Accessibility | Matutunan ang mga pangunahing konsepto ng web accessibility | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | Mga Uri ng Data sa JavaScript | Mga pangunahing kaalaman tungkol sa mga uri ng data sa JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Mga Function at Mga Metodo | Matutunan ang tungkol sa mga function at mga method para pamahalaan ang daloy ng lohika ng isang aplikasyon | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine at Christopher | -| 06 | JS Basics | Paggawa ng mga Desisyon gamit ang JS | Matutunan kung paano gumawa ng mga kondisyon sa iyong code gamit ang mga pamamaraang pampagpapasya | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Mga Array at Loop | Magtrabaho gamit ang data gamit ang mga array at loop sa JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | Praktis sa HTML | Gumawa ng HTML para lumikha ng online terrarium, nakatuon sa paggawa ng layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | Praktis sa CSS | Gumawa ng CSS para i-style ang online terrarium, nakatuon sa mga batayan ng CSS kabilang ang paggawa ng pahina na responsive | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Gumawa ng JavaScript para paganahin ang terrarium bilang isang drag/drop interface, nakatuon sa closures at 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) | Gumawa ng Isang Typing Game | Matutunan kung paano gamitin ang mga keyboard events upang paandarin ang lohika ng iyong JavaScript app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Paggawa sa mga Browser | Matutunan kung paano gumagana ang mga browser, ang kanilang kasaysayan, at paano gumawa ng mga unang elemento ng isang browser extension | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Gumawa ng form, tumawag ng API at mag-imbak ng mga variable sa local storage | Gumawa ng mga elemento ng JavaScript ng iyong browser extension para tumawag ng API gamit ang mga variable na naka-imbak sa lokal na imbakan | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Mga background process sa browser, pagganap ng web | Gamitin ang background processes ng browser para pamahalaan ang icon ng extension; matutunan ang tungkol sa web performance at ilang mga optimizations para mapabuti | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Mas Advanced na Pag-develop ng Laro gamit ang JavaScript | Matutunan ang tungkol sa Inheritance gamit ang parehong Classes at Composition at ang Pub/Sub pattern, bilang paghahanda sa paggawa ng laro | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Pagdodrawing sa canvas | Matutunan ang tungkol sa Canvas API, na ginagamit para mag-drawing ng mga elemento sa screen | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Paggalaw ng mga elemento sa paligid ng screen | Tuklasin kung paano magkakaroon ng galaw ang mga elemento gamit ang mga cartesian coordinates at ang Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Pagtuklas ng banggaan | Pahintulutan ang mga elemento na magbanggaan at tumugon sa isa't isa gamit ang mga keypress at magbigay ng cooldown function para matiyak ang performance ng laro | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Pagpapanatili ng iskor | Gumawa ng mga kalkulasyon sa matematika batay sa status at performance ng laro | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Pagtatapos at pag-restart ng laro | Matutunan ang tungkol sa pagtatapos at pag-restart ng laro, kabilang ang paglilinis ng mga assets at pag-reset ng mga halaga ng variable | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Templates at Routes sa isang Web App | Matutunan kung paano gumawa ng balangkas ng multipage website na arkitektura gamit ang routing at HTML templates | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Gumawa ng Login at Registration Form | Matutunan ang tungkol sa paggawa ng mga form at pamamahala ng mga validation routine | [Forms](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Mga Metodo ng Pagkuha at Paggamit ng Data | Paano dumadaloy ang data papasok at palabas ng iyong app, paano ito kunin, iimbak, at alisin | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Mga Konsepto ng Pamamahala ng Estado | Matutunan kung paano pinananatili ng iyong app ang estado at paano ito pamahalaan programmatically | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Paggamit ng VScode | Matutunan kung paano gumamit ng isang code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Paggamit ng AI | Matutunan kung paano gumawa ng sarili mong AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris | +> **Isang paalala tungkol sa mga quiz**: Lahat ng quiz ay nasa Quiz-app folder, 48 na kabuuang quiz na may tatlong tanong bawat isa. Available ang mga ito [dito](https://ff-quizzes.netlify.app/web/) ang quiz app ay maaaring patakbuhin nang lokal o i-deploy sa Azure; sundin ang mga instruksyon sa `quiz-app` folder. + +## 🗃️ Mga Leksiyon + +| | Pangalan ng Proyekto | Mga Konseptong Itinuro | Mga Layunin sa Pagkatuto | Nakalink na Leksiyon | May-akda | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Getting Started | Panimula sa Programming at mga Kagamitan ng Gawain | Alamin ang mga pangunahing kaalaman sa likod ng karamihan sa mga programming language at software na tumutulong sa mga propesyonal na developer para sa kanilang trabaho | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | Mga Batayan ng GitHub, kasama ang pagtatrabaho kasama ang koponan | Paano gamitin ang GitHub sa iyong proyekto, paano makipag-collaborate sa iba sa isang code base | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | Accessibility | Alamin ang mga batayan ng web accessibility | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | Mga Uri ng Datos sa JavaScript | Mga batayan ng mga uri ng datos sa JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | Mga Function at Metodo | Alamin ang tungkol sa mga function at metodong ginagamit para pamahalaan ang daloy ng lohika ng aplikasyon | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine at Christopher | +| 06 | JS Basics | Paggawa ng mga Desisyon gamit ang JS | Alamin kung paano gumawa ng mga kondisyon sa iyong code gamit ang mga pamamaraan ng paggawa ng desisyon | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | Mga Array at Loops | Gumamit ng datos gamit ang arrays at loops sa JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML sa Praktis | Gumawa ng HTML para gumawa ng online terrarium, nakatuon sa pagbuo ng layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS sa Praktis | Gumawa ng CSS para istilohan ang online terrarium, na nakatuon sa mga batayan ng CSS kabilang ang paggawa ng halaman na responsive | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Gumawa ng JavaScript para gawing drag/drop interface ang terrarium, nakatuon sa closures at 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) | Gumawa ng Typing Game | Alamin kung paano gamitin ang keyboard events para patakbuhin ang lohika ng iyong JavaScript app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Paggawa gamit ang Mga Browser | Alamin kung paano gumagana ang mga browser, ang kasaysayan nito, at paano gawin ang unang mga elemento ng browser extension | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Paggawa ng form, pagtawag sa API at pag-iimbak ng variables sa local storage | Gumawa ng mga elemento ng JavaScript ng iyong browser extension para tumawag sa API gamit ang mga variable na iniimbak sa local storage | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Mga Background Process sa browser, web performance | Gamitin ang mga background process ng browser para pamahalaan ang icon ng extension; alamin ang tungkol sa web performance at ilang optimizations para mapabuti ito | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Mas Advanced na Pagbuo ng Laro gamit ang JavaScript | Alamin ang tungkol sa Inheritance gamit parehong Classes at Composition at ang Pub/Sub pattern, bilang paghahanda para sa paggawa ng laro | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Pag-drawing sa canvas | Alamin ang tungkol sa Canvas API, ginagamit para mag-drawing ng mga elemento sa screen | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Paggalaw ng mga elemento sa screen | Tuklasin kung paano makakagawa ng galaw ang mga elemento gamit ang cartesian coordinates at Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Pagtukoy sa Collision | Gawing magbanggaan at mag-react ang mga elemento sa isa't isa gamit ang keypresses at magbigay ng cooldown function para matiyak ang performance ng laro | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Pagtatala ng score | Magsagawa ng mga kalkulasyon batay sa status at performance ng laro | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Pagtatapos at pag-restart ng laro | Alamin ang tungkol sa pagtatapos at pag-restart ng laro, kabilang ang paglilinis ng mga assets at pag-reset ng mga value ng variable | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Templates at Ruta sa isang Web App | Alamin kung paano bumuo ng scaffolding ng arkitektura ng multipage na website gamit ang routing at HTML templates | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Gumawa ng Login at Registration Form | Alamin ang tungkol sa paggawa ng mga form at paghawak ng validation routines | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Mga Paraan ng Pagkuha at Paggamit ng Data | Paano dumadaloy ang data papasok at palabas ng iyong app, paano ito kunin, iimbak, at itapon | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Mga Konsepto ng State Management | Alamin kung paano pinananatili ng iyong app ang estado at paano ito pamahalaan programmatically | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Paggamit ng VScode | Alamin kung paano gumamit ng code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Paggamit ng AI | Alamin kung paano gumawa ng sarili mong AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris | ## 🏫 Pedagohiya -Ang aming kurikulum ay dinisenyo gamit ang dalawang pangunahing prinsipyo sa pagtuturo: -* pagkatuto na nakabatay sa proyekto -* madalas na pagsusulit +Ang aming kurikulum ay dinisenyo gamit ang dalawang pangunahing prinsipyong pedagogical: +* pagkatuto batay sa proyekto +* madalas na quizzes -Itinuturo ng programa ang mga pundamental ng JavaScript, HTML, at CSS, pati na rin ang pinakabagong mga kasangkapan at teknik na ginagamit ng mga web developer ngayon. Magkakaroon ng pagkakataon ang mga estudyante na magkaroon ng praktikal na karanasan sa pamamagitan ng paggawa ng isang typing game, virtual terrarium, eco-friendly browser extension, space-invader-style na laro, at isang banking app para sa mga negosyo. Sa pagtatapos ng serye, magkakaroon ang mga estudyante ng matibay na pag-unawa sa web development. +Itinuturo ng programa ang mga pangunahing kaalaman ng JavaScript, HTML, at CSS, pati na rin ang mga pinakabagong kasangkapan at tekniko na ginagamit ng mga web developer ngayon. Magkakaroon ang mga estudyante ng pagkakataong magkaroon ng hands-on na karanasan sa pamamagitan ng paggawa ng typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, at isang banking app para sa mga negosyo. Sa pagtatapos ng serye, magkakaroon ang mga estudyante ng matibay na pag-unawa sa pagbuo ng web. -> 🎓 Maaari mong kunin ang unang ilang mga aralin sa kurikulum na ito bilang isang [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sa Microsoft Learn! +> 🎓 Maaari mong kunin ang unang ilang leksyon sa kurikulum na ito bilang isang [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sa Microsoft Learn! -Sa pagtitiyak na ang nilalaman ay naka-align sa mga proyekto, nagiging mas kapana-panabik ang proseso para sa mga estudyante at napapalakas ang pag-alala sa mga konsepto. Nagsulat din kami ng ilang mga panimulang aralin sa basics ng JavaScript para ipakilala ang mga konsepto, na ipinares sa isang video mula sa koleksyon ng video tutorial na "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", na ilan sa mga may-akda nito ay nag-ambag sa kurikulum na ito. +Sa pamamagitan ng pagsiguro na ang nilalaman ay tumutugma sa mga proyekto, ang proseso ay ginagawa mas kawili-wili para sa mga estudyante at ang retention ng mga konsepto ay mapapalakas. Sumulat din kami ng ilang panimulang leksyon sa mga batayan ng JavaScript para ipakilala ang mga konsepto, kasabay ng isang video mula sa koleksyon ng video tutorial na "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", kung saan ang ilan sa mga may-akda ay nag-ambag sa kurikulum na ito. -Dagdag pa, ang isang low-stakes quiz bago ang klase ay nagtatakda ng intensyon ng estudyante sa pag-aaral ng isang paksa, habang ang pangalawang quiz pagkatapos ng klase ay nagsisiguro ng karagdagang pag-alala. Ang kurikulum na ito ay dinisenyo upang maging flexible at masaya at maaaring kunin nang buo o bahagya lamang. Ang mga proyekto ay nagsisimula sa maliit at nagiging mas kumplikado sa pagtatapos ng 12-linggong siklo. +Bukod pa rito, ang isang mababang-stakes na quiz bago ang klase ay nagtatakda ng layunin ng estudyante patungo sa pag-aaral ng isang paksa, habang ang pangalawang quiz pagkatapos ng klase ay tinitiyak ang karagdagang retention. Ang kurikulum na ito ay dinisenyo upang maging flexible at masaya at maaaring kunin nang buo o bahagi. Ang mga proyekto ay nagsisimula sa maliit at unti-unting lumalaki ang kumplikasyon sa pagtatapos ng 12-linggong yugto. -Bagaman sinadya naming iwasan ang pagpapakilala ng mga JavaScript framework upang magpokus sa mga pangunahing kasanayan na kailangan bilang isang web developer bago mag-adopt ng framework, isang magandang susunod na hakbang sa pagtapos ng kurikulum na ito ay ang pag-aaral tungkol sa Node.js gamit ang isa pang koleksyon ng mga video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Habang sinasadyang iniiwasan naming ipakilala ang mga framework ng JavaScript upang magpokus sa mga pangunahing kasanayan na kailangan bilang isang web developer bago gamitin ang isang framework, isang magandang susunod na hakbang sa pagtatapos ng kurikulum na ito ay ang pag-aaral tungkol sa Node.js sa pamamagitan ng isa pang koleksyon ng mga video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Bisitahin ang aming [Code of Conduct](CODE_OF_CONDUCT.md) at [Contributing](CONTRIBUTING.md) na mga gabay. Tinatanggap namin ang iyong makabuluhang puna! +> Bisitahin ang aming [Code of Conduct](CODE_OF_CONDUCT.md) at [Contributing](CONTRIBUTING.md) na mga alituntunin. Malugod naming tinatanggap ang iyong konstruktibong feedback! ## 🧭 Offline access -Maaari mong patakbuhin ang dokumentasyong ito offline gamit ang [Docsify](https://docsify.js.org/#/). I-fork ang repo na ito, [i-install ang Docsify](https://docsify.js.org/#/quickstart) sa iyong lokal na makina, at pagkatapos sa root folder ng repo na ito, i-type ang `docsify serve`. Ang website ay irerender sa port 3000 sa iyong localhost: `localhost:3000`. +Maaari mong patakbuhin ang dokumentasyong ito offline gamit ang [Docsify](https://docsify.js.org/#/). I-fork ang repo na ito, [i-install ang Docsify](https://docsify.js.org/#/quickstart) sa iyong lokal na makina, at pagkatapos sa root folder ng repo na ito, i-type ang `docsify serve`. Ang website ay ipapakita sa port 3000 sa iyong localhost: `localhost:3000`. ## 📘 PDF -Isang PDF ng lahat ng mga aralin ay matatagpuan [dito](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Ang isang PDF ng lahat ng mga aralin ay makikita [dito](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Iba Pang Mga Kurso @@ -260,21 +242,21 @@ Ang aming koponan ay gumagawa ng iba pang mga kurso! Tingnan ang: ## Pagkuha ng Tulong -Kung ikaw ay na-stuck o may mga tanong tungkol sa paggawa ng AI apps. Sumali sa kapwa mga nag-aaral at mga batikang developer sa mga talakayan tungkol sa MCP. Isa itong suportadong komunidad kung saan malugod na tinatanggap ang mga tanong at malayang ibinabahagi ang kaalaman. +Kung ikaw ay na-stuck o may mga katanungan tungkol sa paggawa ng AI apps. Sumali sa mga kapwa nag-aaral at mga bihasang developer sa mga talakayan tungkol sa MCP. Ito ay isang suportadong komunidad kung saan malugod ang mga tanong at malayang ibinabahagi ang kaalaman. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Kung mayroon kang feedback sa produkto o mga error habang nagtatayo, bisitahin: +Kung mayroon kang feedback sa produkto o mga error habang bumubuo pumunta sa: [![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) ## Lisensya -Ang repositoryong ito ay lisensyado sa ilalim ng MIT license. Tingnan ang file na [LICENSE](../../LICENSE) para sa karagdagang impormasyon. +Ang repositoryong ito ay lisensyado sa ilalim ng MIT license. Tingnan ang [LICENSE](../../LICENSE) na file para sa karagdagang impormasyon. --- -**Paunawa**: -Ang dokumentong ito ay isinalin gamit ang serbisyong AI na pagsasalin na [Co-op Translator](https://github.com/Azure/co-op-translator). Habang nagsusumikap kami para sa katumpakan, pakitandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga mali o pagkakamali. Ang orihinal na dokumento sa orihinal nitong wika ang dapat ituring na pangunahing sanggunian. Para sa mga mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaintindihan o maling interpretasyon na nagmumula sa paggamit ng pagsasaling ito. +**Pagtatanging Pahayag**: +Ang dokumentong ito ay isinalin gamit ang serbisyong AI na pagsasalin [Co-op Translator](https://github.com/Azure/co-op-translator). Bagaman aming pinagsisikapan ang katumpakan, mangyaring tandaan na ang mga automated na pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa orihinal nitong wika ang dapat ituring na pangunahing sanggunian. Para sa mahahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na nagmula sa paggamit ng pagsasaling ito. \ No newline at end of file diff --git a/translations/tl/lesson-template/README.md b/translations/tl/lesson-template/README.md index 8ed5b782f7..8cd4f6dc7d 100644 --- a/translations/tl/lesson-template/README.md +++ b/translations/tl/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Paksa ng Aralin] +# Paksa ng Aralin -![Mag-embed ng video dito](../../../lesson-template/video-url) +## 🎥 Video -## [Pre-lecture quiz](../../../lesson-template/quiz-url) +> Magdagdag ng naka-embed na video o link ng aralin dito. -[Ipaliwanag kung ano ang matututunan] +--- + +## Paunang pagsusulit + +> Magdagdag ng link ng pagsusulit dito kapag available na. + +--- + +Magbigay ng maikling pangkalahatang-ideya kung ano ang matututunan ng mga estudyante sa araling ito. + +--- ### Panimula -Ipaliwanag kung ano ang tatalakayin +Magbigay ng maikling panimula na naglalarawan kung ano ang tatalakayin sa araling ito. > Mga Tala +--- + ### Paunang Kaalaman -Anong mga hakbang ang dapat natapos bago ang araling ito? +Ilista ang mga konsepto o paksang dapat nang alam ng mga estudyante bago simulan ang araling ito. + +--- ### Paghahanda -Mga hakbang na kailangang gawin upang simulan ang araling ito +Ilista ang anumang mga hakbang sa setup o mga kasangkapang kinakailangan bago simulan ang aralin. --- -[Hakbangin sa nilalaman sa mga bloke] +### Nilalaman + +Sundan ang nilalaman ng aralin sa mga nakaayos na seksyon. + +--- -## [Paksa 1] +## Paksa 1 ### Gawain: -Magtrabaho nang sama-sama upang unti-unting pagandahin ang inyong codebase para buuin ang proyekto gamit ang shared code: +Magtrabaho nang sama-sama upang unti-unting pagbutihin ang iyong codebase para mabuo ang proyekto gamit ang pinagsamang code: ```html code blocks ``` -✅ Pagpapalawak ng Kaalaman - gamitin ang pagkakataong ito upang palawakin ang kaalaman ng mga mag-aaral sa pamamagitan ng mga bukas na tanong +✅ Pagsusuri ng Kaalaman +Gamitin ang sandaling ito upang palawakin ang kaalaman ng mga estudyante sa pamamagitan ng mga tanong na bukas. -## [Paksa 2] +## Paksa 2 +## Paksa 3 -## [Paksa 3] +🚀 Hamon +Magdagdag ng isang kumpetitibong hamon para sa mga estudyante upang pagandahin ang proyekto. -🚀 Hamon: Magdagdag ng hamon para sa mga mag-aaral na magtulungan sa klase upang mapahusay ang proyekto +Opsyonal: Magdagdag ng screenshot ng natapos na UI ng aralin kung naaangkop. -Opsyonal: magdagdag ng screenshot ng UI ng natapos na aralin kung naaangkop +## Pagsusulit Pagkatapos ng Aralin -## [Post-lecture quiz](../../../lesson-template/quiz-url) +Magdagdag ng link ng pagsusulit dito pagkatapos makumpleto ang aralin. -## Review at Sariling Pag-aaral +## Repasuhin at Sariling Pag-aaral -**Takdang Aralin Na Dapat Ipasang [MM/YY]**: [Pangalan ng Takdang Aralin](assignment.md) +**Takdang Aralin Kailangang Isumite [MM/YY]**: [Pangalan ng Takdang Aralin](assignment.md) --- -**Paunawa**: -Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagama't sinisikap naming maging tumpak, tandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa kanyang katutubong wika ang dapat ituring na opisyal na sanggunian. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na maaaring magmula sa paggamit ng pagsasaling ito. \ No newline at end of file + +**Paalala**: +Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagamat nagsusumikap kami para sa katumpakan, pakatandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o di-tumpak na impormasyon. Ang orihinal na dokumento sa orihinal nitong wika ang dapat ituring na may kapangyarihang sanggunian. Para sa mahahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot para sa anumang hindi pagkakaunawaan o maling interpretasyon na maaaring magmula sa paggamit ng pagsasaling ito. + \ No newline at end of file diff --git a/translations/tr/.co-op-translator.json b/translations/tr/.co-op-translator.json index 119d83cd22..af8cf0ce27 100644 --- a/translations/tr/.co-op-translator.json +++ b/translations/tr/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:41:41+00:00", + "translation_date": "2026-04-24T17:02:58+00:00", "source_file": "AGENTS.md", "language_code": "tr" }, @@ -516,8 +516,8 @@ "language_code": "tr" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:46:58+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T16:58:54+00:00", "source_file": "README.md", "language_code": "tr" }, @@ -564,8 +564,8 @@ "language_code": "tr" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T00:51:44+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T16:59:04+00:00", "source_file": "lesson-template/README.md", "language_code": "tr" }, diff --git a/translations/tr/AGENTS.md b/translations/tr/AGENTS.md index 3b00f208d1..0140a07aba 100644 --- a/translations/tr/AGENTS.md +++ b/translations/tr/AGENTS.md @@ -2,27 +2,27 @@ ## Proje Genel Bakışı -Bu, yeni başlayanlara web geliştirme temellerini öğretmek için hazırlanmış eğitim amaçlı bir müfredat deposudur. Müfredat, Microsoft Cloud Advocates tarafından geliştirilen kapsamlı 12 haftalık bir kurstur ve JavaScript, CSS ve HTML'i kapsayan 24 uygulamalı dersten oluşur. +Bu, başlangıç seviyesindeki kişilere web geliştirme temellerini öğretmek için hazırlanmış eğitim müfredatı deposudur. Müfredat, Microsoft Cloud Advocates tarafından geliştirilmiş kapsamlı 12 haftalık bir kurstur ve JavaScript, CSS ve HTML içeren 24 pratik ders içerir. -### Ana Bileşenler +### Temel Bileşenler -- **Eğitim İçeriği**: Proje tabanlı modüllerde düzenlenmiş 24 yapılandırılmış ders -- **Pratik Projeler**: Terrarium, Yazma Oyunu, Tarayıcı Uzantısı, Uzay Oyunu, Banka Uygulaması, Kod Editörü ve AI Sohbet Asistanı -- **Etkileşimli Testler**: Her biri 3 sorudan oluşan 48 test (ders öncesi/sonrası değerlendirmeleri) -- **Çok Dilli Destek**: GitHub Actions aracılığıyla 50+ dilde otomatik çeviriler -- **Teknolojiler**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projeleri için) +- **Eğitim İçeriği**: Proje tabanlı modüllere organize edilmiş 24 yapılandırılmış ders +- **Pratik Projeler**: Terrarium, Yazı Yazma Oyunu, Tarayıcı Uzantısı, Uzay Oyunu, Banka Uygulaması, Kod Editörü ve Yapay Zeka Sohbet Asistanı +- **Etkileşimli Quizler**: Her biri 3 sorudan oluşan 48 quiz (ders öncesi/sonrası değerlendirmeler) +- **Çok Dilli Destek**: GitHub Actions aracılığıyla 50+ dillere otomatik çeviri +- **Teknolojiler**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (Yapay Zeka projeleri için) ### Mimari -- Ders tabanlı yapıya sahip eğitim deposu -- Her ders klasörü README, kod örnekleri ve çözümler içerir -- Bağımsız projeler ayrı dizinlerde (quiz-app, çeşitli ders projeleri) -- GitHub Actions kullanan çeviri sistemi (co-op-translator) -- Docsify ile sunulan ve PDF olarak da erişilebilir belge +- Ders tabanlı yapıya sahip eğitim deposu +- Her ders klasörü README, kod örnekleri ve çözümler içerir +- Bağımsız projeler ayrı dizinlerde (quiz-app, çeşitli ders projeleri) +- GitHub Actions kullanan çeviri sistemi (co-op-translator) +- Docsify ile sunulan ve PDF olarak mevcut belgeler ## Kurulum Komutları -Bu depo öncelikle eğitim içeriklerini tüketmek içindir. Belirli projelerle çalışmak için: +Bu depo öncelikle eğitim içeriğinin tüketimi için hazırlanmıştır. Belirli projelerle çalışmak için: ### Ana Depo Kurulumu @@ -56,7 +56,7 @@ npm run format # Prettier ile biçimlendir ```bash cd 5-browser-extension/solution npm install -# Tarayıcıya özgü eklenti yükleme talimatlarını izleyin +# Tarayıcıya özel uzantı yükleme talimatlarını izleyin ``` ### Uzay Oyunu Projeleri @@ -64,7 +64,7 @@ npm install ```bash cd 6-space-game/solution npm install -# index.html dosyasını tarayıcıda açın veya Canlı Sunucu'yu kullanın +# index.html dosyasını tarayıcıda açın veya Live Server kullanın ``` ### Sohbet Projesi (Python Backend) @@ -72,37 +72,37 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN ortam değişkenini ayarlayın +# GITHUB_TOKEN ortam değişkenini ayarla python api.py ``` ## Geliştirme İş Akışı -### İçerik Katkı Sağlayıcılar için +### İçerik Katkısı Sağlayanlar İçin -1. Depoyu GitHub hesabınıza **forklayın** -2. Forkladığınız depoyu **yerel olarak klonlayın** -3. Değişiklikleriniz için **yeni bir dal oluşturun** -4. Ders içeriği veya kod örneklerinde değişiklik yapın -5. İlgili proje dizinlerinde kod değişikliklerini test edin -6. Katkı yönergelerine uygun şekilde pull request gönderin +1. Depoyu GitHub hesabınıza **forklayın** +2. Forkladığınız depoyu **yerel olarak klonlayın** +3. Değişiklikler için yeni bir **branch oluşturun** +4. Ders içeriğinde veya kod örneklerinde değişiklik yapın +5. İlgili proje dizinlerinde kod değişikliklerini test edin +6. Katkı yönergelerine uygun şekilde pull request gönderin -### Öğrenenler için +### Öğrenenler İçin -1. Depoyu forklayın veya klonlayın -2. Ders dizinlerinde sırasıyla gezin -3. Her ders için README dosyalarını okuyun -4. https://ff-quizzes.netlify.app/web/ adresinde ders öncesi testleri tamamlayın -5. Ders klasörlerindeki kod örneklerinde çalışın -6. Ödevleri ve zorlukları tamamlayın -7. Ders sonrası testleri yapın +1. Depoyu forklar veya klonlar +2. Ders dizinlerine sırasıyla gidin +3. Her ders için README dosyalarını okuyun +4. https://ff-quizzes.netlify.app/web/ adresinde ders öncesi quizleri tamamlayın +5. Ders klasörlerindeki kod örneklerinde çalışın +6. Ödevleri ve zorlukları tamamlayın +7. Ders sonrası quizleri yapın ### Canlı Geliştirme -- **Dokümantasyon**: Kök dizinde `docsify serve` komutunu çalıştırın (port 3000) -- **Quiz Uygulaması**: `quiz-app` dizininde `npm run dev` komutunu çalıştırın -- **Projeler**: HTML projeleri için VS Code Live Server uzantısını kullanın -- **API Projeleri**: İlgili API dizinlerinde `npm start` komutunu çalıştırın +- **Dokümantasyon**: Kök dizinde `docsify serve` çalıştırın (port 3000) +- **Quiz Uygulaması**: quiz-app dizininde `npm run dev` çalıştırın +- **Projeler**: HTML projeleri için VS Code Live Server eklentisi kullanın +- **API Projeleri**: İlgili API dizinlerinde `npm start` komutunu çalıştırın ## Test Talimatları @@ -110,173 +110,173 @@ python api.py ```bash cd quiz-app -npm run lint # Kod stil sorunlarını kontrol et +npm run lint # Kod stili sorunlarını kontrol et npm run build # Derlemenin başarılı olduğunu doğrula ``` -### Bank API Testi +### Banka API Testi ```bash cd 7-bank-project/api npm run lint # Kod stili sorunlarını kontrol et -node server.js # Sunucunun hatasız başlayıp başlamadığını doğrula +node server.js # Sunucunun hatasız başlamasını doğrula ``` ### Genel Test Yaklaşımı -- Bu eğitim deposunda kapsamlı otomatik testler yoktur -- Manuel testler şunlara odaklanır: - - Kod örneklerinin hatasız çalışması - - Dokümantasyondaki bağlantıların doğru çalışması - - Proje derlemelerinin başarıyla tamamlanması - - Örneklerin en iyi uygulamalara uygunluğu +- Bu eğitim deposunda kapsamlı otomatik test yoktur +- Manuel testler şunlara odaklanır: + - Kod örneklerinin hata vermeden çalışması + - Dokümantasyondaki linklerin doğru çalışması + - Proje derlemelerinin sorunsuz tamamlanması + - Örneklerin en iyi uygulamalara uygunluğu -### Gönderim Öncesi Kontroller +### Ön Gönderim Kontrolleri -- Paket.json içeren dizinlerde `npm run lint` komutunu çalıştırın -- Markdown bağlantılarını doğrulayın -- Kod örneklerini tarayıcı veya Node.js'de test edin -- Çevirilerin yapısını düzgün koruduğunu kontrol edin +- package.json bulunan dizinlerde `npm run lint` çalıştırın +- Markdown bağlantılarının geçerliliğini kontrol edin +- Kod örneklerini tarayıcı veya Node.js’de test edin +- Çevirilerin yapısal bütünlüğünü doğrulayın -## Kod Stili Kılavuzu +## Kod Stili Kuralları ### JavaScript -- Modern ES6+ sözdizimi kullanın -- Projelerde sağlanan standart ESLint yapılandırmalarına uyun -- Eğitim amaçlı anlamlı değişken ve fonksiyon adları kullanın -- Öğrenenler için kavramları açıklayan yorumlar ekleyin -- Yapılandırılmış yerlerde Prettier kullanarak biçimlendirin +- Modern ES6+ sözdizimini kullanın +- Projelerde sağlanan standart ESLint yapılandırmalarına uyun +- Eğitimsel netlik için anlamlı değişken ve fonksiyon isimleri kullanın +- Öğrenenler için kavramları açıklayan yorumlar ekleyin +- Prettier ile biçimlendirin (yapılandırılmışsa) ### HTML/CSS -- Anlamsal HTML5 elemanları -- Duyarlı tasarım prensipleri -- Açık sınıf isimlendirme kuralları -- CSS tekniklerini açıklayan yorumlar +- Anlamlı HTML5 elementleri kullanın +- Duyarlı tasarım prensiplerini takip edin +- Net sınıf adlandırma konvansiyonları uygulayın +- Öğrenenlere CSS tekniklerini açıklayan yorumlar ekleyin ### Python -- PEP 8 stil yönergeleri -- Açık, eğitim odaklı kod örnekleri -- Öğrenme için yardımcı olduğunda tür ipuçları +- PEP 8 stil rehberine uyun +- Açık ve eğitimsel kod örnekleri yazın +- Öğrenmeye yardımcı olması için tip ipuçları kullanın -### Markdown Dokümantasyonu +### Markdown Dokümantasyon -- Açık başlık hiyerarşisi -- Dil belirtmeli kod blokları -- Ek kaynaklara bağlantılar -- `images/` dizinlerinde ekran görüntüleri ve resimler -- Erişilebilirlik için resimlere alt metin +- Net başlık hiyerarşisi +- Dil belirticili kod blokları +- Ek kaynaklara linkler +- `images/` dizininde ekran görüntüleri ve resimler +- Görseller için erişilebilirlik amacıyla alt metin ### Dosya Organizasyonu -- Dersler sırasıyla numaralandırılmış (1-getting-started-lessons, 2-js-basics vb.) -- Her projenin `solution/` ve genellikle `start/` veya `your-work/` dizinleri var -- Derslere özgü `images/` klasörlerinde görseller saklanır -- Çeviriler `translations/{language-code}/` yapısındadır +- Dersler sıralı numaralandırılmış (1-getting-started-lessons, 2-js-basics, vb.) +- Her projenin `solution/` ve genellikle `start/` ya da `your-work/` dizinleri var +- Derslere özgü `images/` klasörlerinde görseller saklanır +- Çeviriler `translations/{language-code}/` yapısında -## Derleme ve Yayınlama +## Derleme ve Dağıtım -### Quiz Uygulaması Yayınlama (Azure Static Web Apps) +### Quiz Uygulaması Dağıtımı (Azure Statik Web Uygulamaları) -quiz-app Azure Static Web Apps yayını için yapılandırılmıştır: +quiz-app, Azure Statik Web Uygulamaları dağıtımı için yapılandırılmıştır: ```bash cd quiz-app -npm run build # dist/ klasörü oluşturur -# Ana dala push yapıldığında GitHub Actions iş akışı ile dağıtım yapar +npm run build # dist/ klasörünü oluşturur +# main dalına push yapıldığında GitHub Actions iş akışı ile dağıtım yapar ``` -Azure Static Web Apps yapılandırması: -- **Uygulama konumu**: `/quiz-app` -- **Çıktı konumu**: `dist` -- **İş akışı**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Azure Statik Web Uygulamaları yapılandırması: +- **Uygulama konumu**: `/quiz-app` +- **Çıktı konumu**: `dist` +- **İş akışı**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Dokümantasyon PDF Oluşturma ```bash -npm install # docsify-to-pdf yükle -npm run convert # Belgelerden PDF oluştur +npm install # docsify-to-pdf yükleyin +npm run convert # docs'dan PDF oluşturun ``` ### Docsify Dokümantasyonu ```bash -npm install -g docsify-cli # Docsify'i global olarak kur -docsify serve # localhost:3000 üzerinde sun +npm install -g docsify-cli # Docsify'i global olarak yükleyin +docsify serve # localhost:3000 üzerinde sunun ``` ### Proje Bazlı Derlemeler -Her proje dizininin kendi derleme süreci olabilir: -- Vue projeleri: `npm run build` ile prodüksiyon paketleri oluşturur -- Statik projeler: Derleme adımı yok, dosyalar doğrudan sunulur +Her proje dizininin kendi derleme süreci olabilir: +- Vue projeleri: üretim paketleri için `npm run build` +- Statik projeler: derleme adımı yok, dosyalar doğrudan servis edilir ## Pull Request Yönergeleri ### Başlık Formatı -Değişiklik alanını belirten net, açıklayıcı başlıklar kullanın: -- `[Quiz-app] Ders X için yeni quiz ekle` -- `[Lesson-3] Terrarium projesindeki yazım hatasını düzelt` -- `[Translation] Ders 5 için İspanyolca çeviri ekle` -- `[Docs] Kurulum talimatlarını güncelle` +Değişiklik alanını açıkça belirten başlıklar kullanın: +- `[Quiz-app] Ders X için yeni quiz ekle` +- `[Lesson-3] Terrarium projesinde yazım hatası düzelt` +- `[Translation] 5. ders için İspanyolca çeviri ekle` +- `[Docs] Kurulum talimatlarını güncelle` ### Gerekli Kontroller -PR göndermeden önce: +Bir PR göndermeden önce: -1. **Kod Kalitesi**: - - Etkilenen proje dizinlerinde `npm run lint` çalıştırın - - Tüm lint hatalarını ve uyarılarını düzeltin +1. **Kod Kalitesi**: + - Etkilenen projelerde `npm run lint` çalıştırın + - Tüm lint hatalarını ve uyarılarını düzeltin -2. **Derleme Doğrulaması**: - - Varsa `npm run build` komutunu çalıştırın - - Derleme hatası olmadığından emin olun +2. **Derleme Doğrulaması**: + - Uygun ise `npm run build` komutunu çalıştırın + - Derleme hatası olmadığından emin olun -3. **Link Doğrulama**: - - Tüm markdown bağlantılarını test edin - - Resim referanslarının çalıştığını kontrol edin +3. **Link Doğrulaması**: + - Tüm markdown linklerini test edin + - Görsel referanslarının çalıştığını doğrulayın -4. **İçerik İncelemesi**: - - Yazım ve dilbilgisini gözden geçirin - - Kod örneklerinin doğru ve eğitici olduğundan emin olun - - Çevirilerin orijinal anlamı koruduğunu doğrulayın +4. **İçerik İncelemesi**: + - Yazım ve dil bilgisi kontrolü yapın + - Kod örneklerinin doğru ve eğitici olduğundan emin olun + - Çevirilerin orijinal anlamı koruduğunu kontrol edin ### Katkı Gereksinimleri -- Microsoft CLA'ya (ilk PR'de otomatik kontrol) -- [Microsoft Açık Kaynak Davranış Kuralları](https://opensource.microsoft.com/codeofconduct/) uyumu -- Detaylı yönergeler için [CONTRIBUTING.md](./CONTRIBUTING.md) -- PR açıklamasında ilgili sorun numarasına referans verin (varsa) +- Microsoft CLA’ya (ilk PR’da otomatik kontrol) onay verin +- [Microsoft Açık Kaynak Davranış Kuralları](https://opensource.microsoft.com/codeofconduct/)na uyun +- Ayrıntılar için [CONTRIBUTING.md](./CONTRIBUTING.md) dosyasına bakın +- Varsa PR açıklamasında ilgili issue numaralarını belirtin ### İnceleme Süreci -- PR'lar bakımcılar ve topluluk tarafından incelenir -- Eğitim açıklığı ön plandadır -- Kod örnekleri güncel en iyi uygulamalara uygun olmalıdır -- Çeviriler doğruluk ve kültürel uygunluk açısından gözden geçirilir +- PR’lar maintainers ve topluluk tarafından incelenir +- Eğitimsel netlik önceliklidir +- Kod örnekleri güncel en iyi uygulamalara uygun olmalıdır +- Çeviriler doğruluk ve kültürel uygunluk açısından gözden geçirilir ## Çeviri Sistemi ### Otomatik Çeviri -- GitHub Actions ile co-op-translator iş akışı kullanılır -- 50+ dile otomatik çeviri yapılır -- Kaynak dosyalar ana dizinlerde -- Çevrilmiş dosyalar `translations/{language-code}/` dizinlerinde +- GitHub Actions ile co-op-translator iş akışı kullanılır +- 50’den fazla dile otomatik çeviri yapılır +- Kaynak dosyalar ana dizinlerde bulunur +- Çeviriler `translations/{language-code}/` dizinlerinde saklanır -### Manuel Çeviri İyileştirmeleri Ekleme +### El İle Çeviri İyileştirmeleri Ekleme -1. `translations/{language-code}/` içinde dosyayı bulun -2. Yapıyı koruyarak iyileştirmeler yapın -3. Kod örneklerinin işlevselliğini sağlayın -4. Yerelleştirilmiş test içeriklerini test edin +1. `translations/{language-code}/` içindeki dosyayı bulun +2. Yapıyı bozmadan geliştirmeler yapın +3. Kod örneklerinin çalışır durumda kalmasını sağlayın +4. Lokal quiz içeriklerini test edin -### Çeviri Meta Verisi +### Çeviri Meta Verileri -Çevrilmiş dosyalar meta veri başlığı içerir: +Çevrilmiş dosyalar meta veri başlığı içerir: ```markdown **Feragatname**: -Bu belge [Co-op Translator](https://github.com/Azure/co-op-translator) adlı AI çeviri hizmeti kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayın. Orijinal belge, kendi ana dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı sonucu oluşabilecek yanlış anlamalar veya yorum hatalarından sorumlu değiliz. +Bu doküman, yapay zeka çeviri servisi [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluğa özen gösterilmekle birlikte, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayınız. Orijinal doküman, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan yanlış anlamalar veya yorum hatalarından sorumlu değiliz. \ No newline at end of file diff --git a/translations/tr/README.md b/translations/tr/README.md index 66bb08ac10..703f54e661 100644 --- a/translations/tr/README.md +++ b/translations/tr/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Yeni Başlayanlar İçin Web Geliştirme - Bir Müfredat +# Yeni Başlayanlar için Web Geliştirme - Bir Müfredat -Microsoft Cloud Advocates tarafından sunulan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri terraryumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML konularına dalıyor. Quizler, tartışmalar ve pratik ödevlerle etkileşimde bulunun. Yeteneklerinizi geliştirip bilginizin kalıcılığını artırmak için etkili proje tabanlı öğretim yöntemimizi kullanın. Kodlama yolculuğunuza bugün başlayın! +Microsoft Cloud Advocates tarafından sunulan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri, terraryumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projeler aracılığıyla JavaScript, CSS ve HTML konularına derinlemesine dalıyor. Quizlere, tartışmalara ve pratik ödevlere katılın. Yeteneklerinizi geliştirin ve etkili proje tabanlı pedagojimizle bilgi tutma becerinizi optimize edin. Kodlama yolculuğunuza bugün başlayın! -Azure AI Foundry Discord Topluluğuna Katılın +Azure AI Foundry Discord'a katılın ve uzmanlar ile diğer geliştiricilerle tanışın. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Bu kaynakları kullanmaya başlamak için şu adımları izleyin: 1. **Depoyu Forklayın**: Tıklayın [![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. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord'a katılın ve uzmanlar ile diğer geliştiricilerle tanışın**](https://discord.com/invite/ByRwuEEgH4) +3. [**Azure AI Foundry Discord'a Katılın ve uzmanlar ile diğer geliştiricilerle tanışın**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Çoklu Dil Desteği +### 🌐 Çok Dilli Destek #### GitHub Action ile Desteklenmektedir (Otomatik ve Her Zaman Güncel) [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) | [Khmer](../km/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](../es/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](./README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **Yerelde Klonlamayı mı Tercih Ediyorsunuz?** +> **Yerel olarak Klonlamayı Tercih Ediyor musunuz?** > -> Bu depo 50'den fazla dil çevirisi içeriyor ve bu da indirme boyutunu önemli ölçüde artırıyor. Çeviriler olmadan klonlamak için seyrek kontrolü (sparse checkout) kullanın: +> Bu depo, indirme boyutunu önemli ölçüde artıran 50'den fazla dil çevirisini içerir. Çeviri olmadan klonlamak için sparse checkout kullanın: > > **Bash / macOS / Linux:** > ```bash @@ -48,175 +48,175 @@ Bu kaynakları kullanmaya başlamak için şu adımları izleyin: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Bu, kursu tamamlamanız için ihtiyacınız olan her şeyi çok daha hızlı bir indirme ile size sağlar. +> Bu size kursu tamamlamak için ihtiyacınız olan her şeyi çok daha hızlı bir indirme ile sağlar. -**Ek dil çevirileri istiyorsanız desteklenen diller [burada](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) listelenmiştir** +**Ek çeviriler isterseniz, desteklenen diller burada listelenmiştir. [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Visual%20Studio%20Code%20ile%20Aç&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=Visual Studio Code'da Aç&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Öğrenci misiniz?_ -Başlangıç kaynakları, Öğrenci paketleri ve hatta ücretsiz sertifika kuponu almanın yollarını bulacağınız [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. Bu sayfa, içeriği aylık olarak değiştirdiğimiz için zaman zaman kaydetmek ve kontrol etmek isteyeceğiniz bir sayfadır. +Yeni başlayan kaynakları, Öğrenci paketlerini ve hatta ücretsiz sertifika kuponu almanın yollarını bulabileceğiniz [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. Bu sayfayı yer imlerinize eklemenizi ve içeriği aylık olarak yenilediğimiz için zaman zaman kontrol etmenizi öneririz. -### 📣 Duyuru - Tamamlanacak Yeni GitHub Copilot Agent modu meydan okumaları! +### 📣 Duyuru - Yeni GitHub Copilot Agent modlu tamamlanacak zorluklar! -Yeni Meydan Okuma eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlayacağınız yeni bir meydan okumadır. Daha önce Agent modunu kullanmadıysanız, sadece metin üretmekle kalmaz, dosya oluşturabilir ve düzenleyebilir, komutlar çalıştırabilir ve daha fazlasını yapabilir. +Yeni Zorluk eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlayacağınız yeni bir zorluk. Agent modunu daha önce kullanmadıysanız, yalnızca metin oluşturmakla kalmayıp, dosyalar oluşturabilir, düzenleyebilir, komutlar çalıştırabilir ve daha fazlasını yapabilir. -### 📣 Duyuru - _Generatif AI kullanarak oluşturulacak Yeni Proje_ +### 📣 Duyuru - _Generative AI kullanarak yeni proje_ -Yeni AI Asistan projesi eklendi, inceleyin [proje](./9-chat-project/README.md) +Yeni AI Asistan projesi eklendi, buradan inceleyin [project](./9-chat-project/README.md) -### 📣 Duyuru - _JavaScript için yeni Generatif AI Müfredatı_ yeni yayınlandı +### 📣 Duyuru - _Generative AI için yeni Müfredat_ JavaScript -Yeni Generatif AI müfredatımızı kaçırmayın! +Yeni Generative AI müfredatımızı kaçırmayın! -Başlamak için [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) adresini ziyaret edin! +Başlamak için ziyaret edin: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/tr/background.148a8d43afde5730.webp) -- Temellerden RAG'e kadar her şeyi kapsayan dersler. -- GenAI ve yardımcı uygulamamız ile tarihi karakterlerle etkileşim. -- Eğlenceli ve sürükleyici bir anlatım, zamanda yolculuk yapacaksınız! +- Temelden RAG'e kadar her şeyi kapsayan dersler. +- GenAI ve eşlik eden uygulamamızla tarihi karakterlerle etkileşimde bulunun. +- Eğlenceli ve sürükleyici anlatı, zaman yolculuğu yapacaksınız! ![character](../../translated_images/tr/character.5c0dd8e067ffd693.webp) -Her ders, tamamlanacak bir ödev, bilgi kontrolü ve şu konular gibi öğrenmenizi yönlendirecek bir meydan okuma içerir: -- Prompt kullanımı ve prompt mühendisliği +Her ders tamamlamanız için bir ödev, bir bilgi kontrolü ve şu konuları öğrenirken size rehberlik edecek bir zorluk içerir: +- Prompt oluşturma ve prompt mühendisliği - Metin ve görsel uygulama üretimi - Arama uygulamaları -Başlamak için [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) adresini ziyaret edin! +Başlamak için ziyaret edin: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ## 🌱 Başlarken -> **Öğretmenler**, bu müfredatı nasıl kullanacağınıza dair bazı [öneriler](for-teachers.md) ekledik. Geri bildirimlerinizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) duymak isteriz! +> **Öğretmenler**, bu müfredatı nasıl kullanacağınıza dair [bazı önerileri](for-teachers.md) dahil ettik. Geri bildirimlerinizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) bekliyoruz! -**[Öğrenenler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her ders için, bir ders öncesi quiz ile başlayın, ardından ders materyalini okuyun, çeşitli etkinlikleri tamamlayın ve ders sonrası quiz ile anlayışınızı kontrol edin. +**[Öğrenciler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her ders için önce ön ders quizine başlayın, ardından ders materyalini okuyup çeşitli aktiviteleri tamamlayın ve ders sonrası quizle anlama seviyenizi kontrol edin. -Öğrenme deneyiminizi artırmak için, projeler üzerinde birlikte çalışmak için akranlarınızla bağlantı kurun! Tartışmalar [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilmektedir ve moderatörlerimiz sorularınızı cevaplamak için orada olacaktır. +Öğrenme deneyiminizi geliştirmek için, projeler üzerinde birlikte çalışmak üzere akranlarınızla bağlantı kurun! Tartışmalar, moderatör ekibimizin sorularınızı yanıtlamak için hazır olduğu [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilir. -Eğitiminizi ilerletmek için ek çalışma materyalleri için [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) keşfetmenizi şiddetle tavsiye ederiz. +Eğitiminizi daha da ilerletmek için, ek çalışma materyalleri için [Microsoft Learn'i](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) keşfetmenizi şiddetle tavsiye ederiz. -### 📋 Ortamınızı kurma +### 📋 Ortamınızı Kurma -Bu müfredat, kullanıma hazır bir geliştirme ortamına sahiptir! Başlarken, müfredatı [Codespace](https://github.com/features/codespaces/) içinde (_tarayıcı tabanlı, kurulum gerektirmeyen ortam_), ya da bilgisayarınızda [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) gibi bir metin düzenleyici kullanarak çalıştırmayı tercih edebilirsiniz. +Bu müfredat için hazır bir geliştirme ortamı bulunmaktadır! Başlarken kursu [Codespace](https://github.com/features/codespaces/) (tarayıcı tabanlı, kurulum gerektirmeyen bir ortam) içinde veya bir metin editörü kullanarak yerel bilgisayarınızda örneğin [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) üzerinde çalıştırmayı seçebilirsiniz. #### Depo oluşturun -Çalışmanızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu yapmak için sayfanın üstündeki **Use this template** butonuna tıklayın. Bu, GitHub hesabınızda müfredatın bir kopyasını içeren yeni bir depo oluşturacaktır. +Çalışmanızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu sayfanın üstündeki **Use this template** butonuna tıklayarak yapabilirsiniz. Bu, GitHub hesabınızda müfredatın bir kopyasıyla yeni bir depo oluşturur. Şu adımları izleyin: -1. **Depoyu Forklayın**: Sayfanın sağ üst köşesindeki "Fork" butonuna tıklayın. +1. **Depoyu Forklayın**: Bu sayfanın sağ üst köşesindeki "Fork" butonuna tıklayın. 2. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Müfredatı Codespace içinde çalıştırma +#### Müfredatı bir Codespace içinde çalıştırmak -Oluşturduğunuz deponuzda **Code** butonuna tıklayın ve **Open with Codespaces** seçeneğini seçin. Bu, sizin için yeni bir Codespace oluşturacaktır. +Oluşturduğunuz bu deponuzda, **Code** butonuna tıklayın ve **Open with Codespaces**'i seçin. Bu, üzerinde çalışmanız için yeni bir Codespace oluşturacaktır. ![Codespace](../../translated_images/tr/createcodespace.0238bbf4d7a8d955.webp) -#### Müfredatı bilgisayarınızda yerel olarak çalıştırma +#### Müfredatı bilgisayarınızda yerel olarak çalıştırmak -Bu müfredatı bilgisayarınızda yerel olarak çalıştırmak için bir metin editörü, bir tarayıcı ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz olan, [Programlama Dilleri ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), size bunlar için çeşitli seçenekleri sunacak ve sizin için en uygun olanı seçmenize yardımcı olacaktır. +Bu müfredatı yerel bilgisayarınızda çalıştırmak için bir metin editörü, bir tarayıcı ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz, [Programlama Dillerine ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), size her bir araç için çeşitli seçenekleri tanıtacak ve sizin için en iyisini seçmenize yardımcı olacak. -Önerimiz, editör olarak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kullanmanızdır; bu editör ayrıca yerleşik bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) içerir. Visual Studio Code'u [buradan](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) indirebilirsiniz. -1. Depo'nuzu bilgisayarınıza klonlayın. Bunu yapmak için **Code** düğmesine tıklayıp URL'yi kopyalayabilirsiniz: +Önerimiz, editör olarak entegre bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) de sunan [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kullanmanızdır. Visual Studio Code'u [buradan](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) indirebilirsiniz. +1. Depo'nuzu bilgisayarınıza klonlayın. Bunu yapmak için **Code** butonuna tıklayıp URL'yi kopyalayabilirsiniz: [CodeSpace](./images/createcodespace.png) - Ardından, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) uygulamasını açın ve `` yerine az önce kopyaladığınız URL'yi koyarak aşağıdaki komutu çalıştırın: + Ardından, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) açın ve şu komutu, `` kısmını az önce kopyaladığınız URL ile değiştirerek çalıştırın: ```bash git clone ``` -2. Visual Studio Code’da klasörü açın. Bunu yapmak için **File** > **Open Folder** seçeneğine tıklayıp klonladığınız klasörü seçin. +2. Klasörü Visual Studio Code'da açın. Bunu yapmak için **File** > **Open Folder** seçeneğine tıklayıp az önce klonladığınız klasörü seçin. -> Önerilen Visual Studio Code uzantıları: +> Önerilen Visual Studio Code eklentileri: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code içinde HTML sayfalarını önizlemek için -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kod yazmayı hızlandırmak için yardımcı +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML sayfalarını Visual Studio Code içinde önizlemek için +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kod yazmanızı hızlandırmak için yardımcı ## 📂 Her ders şunları içerir: -- isteğe bağlı çizim notu +- isteğe bağlı sketchnote (not alma görseli) - isteğe bağlı destekleyici video -- derse hazırlık sınavı +- derse hazırlık testi - yazılı ders -- proje tabanlı derslerde projeyi adım adım nasıl oluşturacağınıza dair rehberler +- proje tabanlı derslerde, projeyi adım adım oluşturma rehberleri - bilgi kontrolü - bir meydan okuma -- destekleyici okuma +- destekleyici okumalar - ödev -- [ders sonrası sınav](https://ff-quizzes.netlify.app/web/) +- [ders sonrası quiz](https://ff-quizzes.netlify.app/web/) -> **Sınavlar hakkında not**: Tüm sınavlar Quiz-app klasöründe bulunur, toplam 48 sınav vardır ve her biri üç sorudan oluşur. Bunlar [burada](https://ff-quizzes.netlify.app/web/) mevcuttur; quiz uygulaması yerel olarak çalıştırılabilir veya Azure’a dağıtılabilir; talimatlar `quiz-app` klasöründedir. +> **Quizler hakkında bir not**: Tüm quizler Quiz-app klasöründe yer almakta olup, toplam 48 tane, her biri üç sorudan oluşur. [Buradan](https://ff-quizzes.netlify.app/web/) erişilebilir. Quiz uygulaması yerelde çalıştırılabilir veya Azure üzerine dağıtılabilir; `quiz-app` klasöründeki talimatları izleyin. ## 🗃️ Dersler -| | Proje Adı | Öğretilen Konseptler | Öğrenme Hedefleri | Bağlantılı Ders | Yazar | -| :-: | :---------------------------------------------------: | :-------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :--------------------: | -| 01 | Başlarken | Programlamaya Giriş ve Kullanılan Araçlar | Çoğu programlama dilinin temel yapıtaşlarını ve profesyonel geliştiricilerin işlerini yapmasına yardımcı yazılımları öğrenin | [Programlama Dilleri ve Araçlarına Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Başlarken | GitHub Temelleri, takım ile çalışma | Projenizde GitHub kullanımı, kod tabanı üzerinde başkalarıyla işbirliği yapmak | [GitHub’a Giriş](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Başlarken | Erişilebilirlik | İnternet erişilebilirliğinin temellerini öğrenin | [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Temelleri | JavaScript Veri Tipleri | JavaScript veri tiplerinin temellerini öğrenin | [Veri Tipleri](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Temelleri | Fonksiyonlar ve Metodlar | Uygulama mantığı akışını yönetmek için fonksiyonlar ve metodları öğrenin | [Fonksiyonlar ve Metodlar](./2-js-basics/2-functions-methods/README.md) | Jasmine ve Christopher | -| 06 | JS Temelleri | JS ile Karar Vermek | Kodunuzda karar verme yöntemleri kullanarak koşullar oluşturmayı öğrenin | [Karar Verme](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Temelleri | Dizi ve Döngüler | JavaScript'te diziler ve döngülerle veri üzerinde çalışın | [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Uygulaması | Çevrimiçi terrarium oluşturmak için HTML yapısı geliştirin, odak nokta düzen kurmak | [HTML'ye Giriş](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Uygulaması | Çevrimiçi terrarium’u stilize etmek için CSS yazın, temel CSS ve sayfanın duyarlı hale getirilmesine odaklanın | [CSS'ye Giriş](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Kapanışları, DOM manipülasyonu | Terrarium’u sürükle/bırak arayüzü yapacak JavaScript’i oluşturun; kapanışlar ve DOM manipülasyonuna odaklanın | [JavaScript Kapanışları, DOM Manipülasyonu](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Yazma Oyunu](./4-typing-game/solution/README.md) | Yazma Oyunu Tasarlama | Klavye olaylarını kullanarak JavaScript uygulamanızın mantığını yönetin | [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Tarayıcılarla Çalışmak | Tarayıcıların nasıl çalıştığını, tarihçesini ve tarayıcı uzantısının ilk öğelerinin iskeletini oluşturmayı öğrenin | [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Form oluşturma, API çağırma ve yerel depolama kullanımı | Yerel depolamada tutulan değişkenleri kullanarak API çağıran tarayıcı uzantınızın JavaScript parçalarını oluşturun | [API'ler, Formlar ve Yerel Depolama](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Tarayıcı arka plan işlemleri, web performansı | Uzantının ikonu için tarayıcı arka plan işlemlerini kullanın; web performansı ve bazı optimizasyonları öğrenin | [Arka Plan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Uzay Oyunu](./6-space-game/solution/README.md) | JavaScript ile Daha İleri Seviye Oyun Geliştirme | Kalıtım konusunu hem Sınıflar hem Bileşim ile ve Yayıncı/Abone (Pub/Sub) desenini öğrenerek oyun geliştirmeye hazırlanın | [İleri Seviye Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Uzay Oyunu](./6-space-game/solution/README.md) | Canvas’a Çizim | Ekrana öğeler çizmek için kullanılan Canvas API’sini öğrenin | [Canvas’a Çizim](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Uzay Oyunu](./6-space-game/solution/README.md) | Ekranda Ögeleri Hareket Ettirme | Öğelerin Kartezyen koordinatları ve Canvas API’si kullanılarak hareket kazanmasını keşfedin | [Öğeleri Hareket Ettirme](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Uzay Oyunu](./6-space-game/solution/README.md) | Çarpışma Algılama | Öğelerin birbirine çarpmasını ve tepki vermesini tuş vuruşları kullanarak sağlayın, oyunun performansını garanti eden soğuma fonksiyonu ekleyin | [Çarpışma Algılama](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Uzay Oyunu](./6-space-game/solution/README.md) | Skor Tutma | Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapın | [Skor Tutma](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Uzay Oyunu](./6-space-game/solution/README.md) | Oyunu Bitirme ve Yeniden Başlatma | Oyunu bitirme ve yeniden başlatma, varlıkları temizleme ve değişken değerlerini sıfırlama konularını öğrenin | [Bitiş Koşulu](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Web Uygulamasında HTML Şablonları ve Rotalar | Çok sayfalı bir web sitesinin iskeletini rota ve HTML şablonları kullanarak oluşturmayı öğrenin | [HTML Şablonları ve Rotalar](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Giriş ve Kayıt Formu Oluşturma | Form oluşturma ve doğrulama süreçlerini öğrenin | [Formlar](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Veri Alma ve Kullanma Yöntemleri | Uygulamanızdaki verilerin akışı, nasıl alınacağı, depolanacağı ve atılacağı hakkında bilgi edin | [Veri](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Durum Yönetimi Kavramları | Uygulamanızın durumunu nasıl tutacağını ve programlı olarak nasıl yöneteceğinizi öğrenin | [Durum Yönetimi](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Tarayıcı/VScode Kodu](../../8-code-editor) | VScode ile Çalışma | Bir kod editörü kullanmayı öğrenin | [VScode Kod Editörünü Kullanma](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [Yapay Zeka Asistanları](./9-chat-project/README.md) | Yapay Zeka ile Çalışma | Kendi yapay zeka asistanınızı nasıl oluşturacağınızı öğrenin | [Yapay Zeka Asistanı projesi](./9-chat-project/README.md) | Chris | - -## 🏫 Öğretim Metodu - -Müfredatımız iki temel pedagojik ilke üzerine tasarlanmıştır: +| | Proje Adı | Öğretilen Kavramlar | Öğrenme Hedefleri | İlgili Ders | Yazar | +| :-: | :----------------------------------------------------: | :-------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :--------------------: | +| 01 | Başlarken | Programlamaya ve Araçlara Giriş | Çoğu programlama dilinin temelini öğrenmek ve profesyonel geliştiricilere yardımcı olan yazılımlar hakkında bilgi edinmek | [Programlama Dilleri ve Araçlarına Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Başlarken | GitHub Temelleri, ekip ile çalışma | Projede GitHub nasıl kullanılır, kod tabanında başkalarıyla nasıl iş birliği yapılır | [GitHub'a Giriş](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Başlarken | Erişilebilirlik | Web erişilebilirliğinin temellerini öğrenmek | [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Temelleri | JavaScript Veri Tipleri | JavaScript veri tiplerinin temelleri | [Veri Tipleri](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Temelleri | Fonksiyonlar ve Metodlar | Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metodlar hakkında bilgi edinmek | [Fonksiyonlar ve Metodlar](./2-js-basics/2-functions-methods/README.md) | Jasmine ve Christopher | +| 06 | JS Temelleri | JS ile Karar Verme | Kodunuzda karar verme yöntemleri kullanarak koşullar oluşturmayı öğrenmek | [Karar Verme](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Temelleri | Diziler ve Döngüler | JavaScript'te diziler ve döngülerle veri üzerinde çalışma | [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Uygulaması | Çevrimiçi bir teraryum oluşturmak için HTML oluşturma; düzen yapmaya odaklanma | [HTML Tanıtımı](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Uygulaması | Çevrimiçi teraryumu stilize etmek için CSS oluşturma; temel CSS ve sayfanın duyarlı olmasına odaklanma | [CSS Tanıtımı](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Kapanışları, DOM manipülasyonu | Teraryumun sürükle-bırak arayüzü oluşturmak için JavaScript yazma; kapanışlar ve DOM manipülasyonuna odaklanma | [JavaScript Kapanışları, DOM manipülasyonu](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Yazma Oyunu](./4-typing-game/solution/README.md) | Yazma Oyunu Geliştirme | Klavye olaylarını kullanarak JavaScript uygulamanızın mantığını sürdürmeyi öğrenin | [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) | Tarayıcılarla Çalışma | Tarayıcıların nasıl çalıştığını, tarihçesini öğrenmek ve bir tarayıcı eklentisi ilk öğelerini oluşturmak | [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) | Form oluşturma, API çağrısı ve yerel depolamada değişkenler | Tarayıcı eklentinizde API çağırmak için JavaScript ile yerel depolamada değişken kullanımı | [API'ler, Formlar ve Yerel Depolama](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) | Tarayıcıda arka plan işlemleri, web performansı | Eklentinin simgesi için tarayıcı arka plan işlemlerini kullanmak; web performansı ve bazı optimizasyonları öğrenmek | [Arka Plan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Uzay Oyunu](./6-space-game/solution/README.md) | JavaScript ile Daha İleri Oyun Geliştirme | Kalıtım, Sınıflar ve Kompozisyon ile Pub/Sub desenini öğrenmek; oyun oluşturma hazırlığı | [İleri Seviye Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Uzay Oyunu](./6-space-game/solution/README.md) | Canvas ile Çizim | Ekrana çizim yapmak için kullanılan Canvas API'si hakkında bilgi edinmek | [Canvas üzerine çizim](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Uzay Oyunu](./6-space-game/solution/README.md) | Ekranda öğeleri hareket ettirme | Katı merkezli koordinatlar ve Canvas API kullanarak öğeleri hareket ettirmeyi keşfetme | [Öğeleri hareket ettirme](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Uzay Oyunu](./6-space-game/solution/README.md) | Çarpışma tespiti | Öğelerin birbirine çarpmasını ve tepki vermesini sağlama; performans için bir bekleme fonksiyonu ekleme | [Çarpışma Tespiti](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Uzay Oyunu](./6-space-game/solution/README.md) | Skor Tutma | Oyunun durumu ve performansına göre matematiksel hesaplamalar yapmak | [Skor Tutma](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Uzay Oyunu](./6-space-game/solution/README.md) | Oyunu bitirme ve yeniden başlatma | Oyunu bitirme ve yeniden başlatma, varlıkları temizleme ve değişken değerlerini sıfırlama hakkında bilgi edinmek | [Bitiş Koşulu](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Web Uygulamasında HTML Şablonları ve Yönlendirmeler | Çok sayfalı bir web sitesinin iskeletini oluşturmayı, yönlendirme ve HTML şablonları kullanmayı öğrenmek | [HTML Şablonları ve Yönlendirme](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Giriş ve Kayıt Formu Oluşturma | Form oluşturma ve doğrulama işlemleri hakkında bilgi edinmek | [Formlar](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Veri Alma ve Kullanma Yöntemleri | Uygulamanıza veri akışı, veriyi alma, saklama ve atma hakkında bilgi edinmek | [Veri](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banka Uygulaması](./7-bank-project/solution/README.md) | Durum Yönetimi Kavramları | Uygulamanızın durumu nasıl tuttuğunu ve programatik olarak nasıl yönetildiğini öğrenmek | [Durum Yönetimi](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Tarayıcı / VScode Kodu](../../8-code-editor) | VScode ile Çalışma | Bir kod editörü kullanmayı öğrenin | [VScode Kodu Editörü Kullanımı](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Asistanları](./9-chat-project/README.md) | AI ile Çalışma | Kendi AI asistanınızı nasıl oluşturacağınızı öğrenin | [AI Asistan Projesi](./9-chat-project/README.md) | Chris | + +## 🏫 Eğitim Yaklaşımı + +Müfredatımız, iki temel pedagojik ilke üzerine tasarlanmıştır: * proje tabanlı öğrenme -* sık tekrarlanan sınavlar +* sık quizler -Program, JavaScript, HTML ve CSS’nin temellerini, ayrıca günümüz web geliştiricileri tarafından kullanılan en yeni araç ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terrarium, çevre dostu tarayıcı uzantısı, uzay işgalcisi tarzı oyun ve işletmelere yönelik bankacılık uygulaması gibi projeler yaparak uygulamalı deneyim kazanacaklar. Seri sonunda öğrenciler web geliştirme hakkında sağlam bir anlayış kazanacaklar. +Program, JavaScript, HTML ve CSS temellerinin yanı sıra çağdaş web geliştiricilerinin kullandığı en yeni araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal teraryum, çevre dostu tarayıcı eklentisi, uzay istilacı tarzı oyun ve işletmeler için banka uygulaması geliştirme gibi pratik deneyim kazanma fırsatı bulacaklar. Serinin sonunda öğrenciler web geliştirme konusunda sağlam bir anlayışa sahip olacaklar. -> 🎓 Bu müfredatın ilk birkaç dersini Microsoft Learn üzerinden bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz! +> 🎓 Bu müfredatın ilk birkaç dersini Microsoft Learn üzerinde bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz! -İçeriğin projelerle uyumlu olmasını sağlayarak süreç öğrenciler için daha ilgi çekici hale gelir ve kavramların akılda kalıcılığı artar. Ayrıca JavaScript temellerini tanıtmak için birkaç başlangıç dersi yazdık; bunlar, bazı yazarları bu müfredata katkıda bulunan "[Başlangıç Serisi: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video koleksiyonuyla eşleştirildi. +İçeriğin projelerle uyumlu olması, öğrencilerin sürece daha fazla dahil olmasını sağlar ve kavramların kalıcılığı artırılır. Ayrıca kavramları tanıtmak için JavaScript temellerinde birkaç başlangıç dersi yazdık ve video tutorial koleksiyonu "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ile eşleştirdik; bazı yazarları bu müfredata katkıda bulunmuştur. -Ek olarak, dersten önce yapılan düşük riskli bir sınav öğrencinin öğrenme niyetini belirlerken, dersten sonra yapılan ikinci sınav ise bilgilerin pekişmesini sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamıyla veya parça parça alınabilir. Projeler küçük başlar ve 12 haftalık döngünün sonunda giderek karmaşıklaşır. +Ek olarak, sınıftan önce düşük riskli bir quiz öğrencinin konuyu öğrenmeye niyetini belirlerken, sınıftan sonra ikinci quiz kavramların daha iyi pekişmesini sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamen veya kısmen alınabilir. Projeler küçük başlar ve 12 haftalık döngü sonunda giderek karmaşık hale gelir. -JavaScript çerçeveleri tanıtmayarak web geliştirici olarak temel becerilere odaklanmayı amaçladık; bu yüzden müfredatı tamamladıktan sonra iyi bir sonraki adım başka bir video koleksiyonu olan "[Başlangıç Serisi: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" üzerinden Node.js öğrenmek olabilir. +JavaScript frameworkleri tanıtmayı bilinçli olarak erteledik çünkü temel web geliştirici becerilerini edinmek framework kullanmadan önce önemlidir. Bu müfredatı tamamlamak için iyi bir sonraki adım, "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" video koleksiyonu ile Node.js öğrenmek olacaktır. -> [Davranış Kurallarımıza](CODE_OF_CONDUCT.md) ve [Katkı Sağlama Rehberimize](CONTRIBUTING.md) göz atın. Yapıcı geri bildirimlerinizi memnuniyetle karşılıyoruz! +> [Davranış Kurallarımızı](CODE_OF_CONDUCT.md) ve [Katkıda Bulunma](CONTRIBUTING.md) yönergelerimizi ziyaret edin. Yapıcı geri bildirimlerinizi memnuniyetle karşılıyoruz! ## 🧭 Çevrimdışı erişim -Bu dökümantasyonu çevrimdışı olarak [Docsify](https://docsify.js.org/#/) kullanarak çalıştırabilirsiniz. Bu repoyu çatallayın, yerel makinenize [Docsify’ı kurun](https://docsify.js.org/#/quickstart) ve daha sonra bu repoda kök klasörde `docsify serve` yazın. Web sitesi localhost’ta 3000 portunda çalışacaktır: `localhost:3000`. +Bu dökümantasyonu çevrimdışı kullanmak için [Docsify](https://docsify.js.org/#/) kullanabilirsiniz. Bu repoyu çatallayın, yerel makinenize [Docsify yükleyin](https://docsify.js.org/#/quickstart) ve ardından bu repodaki ana klasörde `docsify serve` komutunu yazın. Site localhost üzerinde 3000 portundan erişilebilir olacaktır: `localhost:3000`. ## 📘 PDF -Tüm derslerin PDF’sine [buradan](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ulaşabilirsiniz. +Tüm derslerin PDF'sine [buradan](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ulaşılabilir. ## 🎒 Diğer Kurslar -Ekibimiz başka kurslar da üretiyor! Göz atın: +Ekibimiz diğer kurslar da üretiyor! Göz atın: ### LangChain @@ -233,7 +233,7 @@ Ekibimiz başka kurslar da üretiyor! Göz atın: --- -### Üretken AI Serisi +### Generative AI Serisi [![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) @@ -260,21 +260,21 @@ Ekibimiz başka kurslar da üretiyor! Göz atın: ## Yardım Alma -Tıkandığınızda veya AI uygulamaları geliştirmekle ilgili sorularınız olduğunda, MCP hakkında tartışmalara katılın. Soruların memnuniyetle karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur. +Eğer takılırsanız ya da AI uygulamaları geliştirme konusunda sorularınız olursa. MCP hakkında tartışmalara katılmak için diğer öğrenenlerle ve deneyimli geliştiricilerle buluşun. Soruların hoş karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ürün geri bildirimi veya hatalarınız varsa şu adresi ziyaret edin: +Ürün geri bildiriminiz veya oluşan hatalar için lütfen ziyaret edin: [![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) ## Lisans -Bu depo MIT lisansı altındadır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakınız. +Bu depo MIT lisansı altında lisanslanmıştır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakın. --- **Feragatname**: -Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayın. Orijinal belge, kendi ana dilinde resmi kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı sonucunda ortaya çıkabilecek yanlış anlamalar veya yorum hatalarından sorumlu tutulamayız. +Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayın. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi tavsiye edilir. Bu çevirinin kullanımı sonucu ortaya çıkabilecek yanlış anlamalar veya hatalı yorumlamalar için sorumluluk kabul edilmemektedir. \ No newline at end of file diff --git a/translations/tr/lesson-template/README.md b/translations/tr/lesson-template/README.md index e985eecad1..5d765657af 100644 --- a/translations/tr/lesson-template/README.md +++ b/translations/tr/lesson-template/README.md @@ -1,54 +1,79 @@ -# [Ders Konusu] +# Ders Konusu -![Buraya bir video ekleyin](../../../lesson-template/video-url) +## 🎥 Video -## [Ders Öncesi Test](../../../lesson-template/quiz-url) +> Buraya gömülü bir video veya ders bağlantısı ekleyin. -[Bu derste neler öğreneceğimizi açıklayın] +--- + +## Ders Öncesi Quiz + +> Uygun olduğunda bir quiz bağlantısı ekleyin. + +--- + +Öğrencilerin bu derste neler öğreneceğine dair kısa bir genel bakış sağlayın. + +--- ### Giriş -Bu derste ele alınacak konuları açıklayın +Bu derste nelerin ele alınacağını tanımlayan kısa bir giriş sağlayın. > Notlar +--- + ### Ön Koşul -Bu dersten önce hangi adımların tamamlanmış olması gerektiğini belirtin. +Öğrencilerin bu derse başlamadan önce aşina olması gereken kavramları veya konuları listeleyin. + +--- ### Hazırlık -Bu derse başlamak için gerekli hazırlık adımları +Derse başlamadan önce gerekli olan herhangi bir kurulum adımı veya araçları listeleyin. --- -[İçeriği bloklar halinde adım adım inceleyin] +### İçerik + +Ders içeriğini yapılandırılmış bölümler halinde adım adım anlatın. -## [Konu 1] +--- + +## Konu 1 ### Görev: -Kod tabanınızı aşamalı olarak geliştirmek için birlikte çalışarak projeyi ortak kodla oluşturun: +Projeyi paylaşılan kodla oluşturmak için kod tabanınızı aşamalı olarak geliştirmek için birlikte çalışın: ```html code blocks ``` -✅ Bilgi Kontrolü - Bu anı, öğrencilerin bilgilerini açık uçlu sorularla genişletmek için kullanın +✅ Bilgi Kontrolü +Bu anı öğrencilerin bilgilerini açık uçlu sorularla genişletmek için kullanın. -## [Konu 2] +## Konu 2 +## Konu 3 -## [Konu 3] +🚀 Meydan Okuma +Öğrencilerin projeyi geliştirmeleri için iş birliğine dayalı bir meydan okuma ekleyin. -🚀 Meydan Okuma: Öğrencilerin sınıfta iş birliği yaparak projeyi geliştirmeleri için bir meydan okuma ekleyin +İsteğe bağlı: Dersin tamamlanmış UI ekran görüntüsünü uygun ise ekleyin. -Opsiyonel: Uygunsa, tamamlanmış dersin kullanıcı arayüzünün bir ekran görüntüsünü ekleyin +## Ders Sonrası Quiz -## [Ders Sonrası Test](../../../lesson-template/quiz-url) +Ders tamamlandıktan sonra buraya bir quiz bağlantısı ekleyin. -## Gözden Geçirme ve Kendi Kendine Çalışma +## İnceleme & Kendi Kendine Çalışma **Teslim Tarihi [AA/YY]**: [Ödev Adı](assignment.md) +--- + + **Feragatname**: -Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayın. Belgenin orijinal dili, yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan yanlış anlamalar veya yanlış yorumlamalar için sorumluluk kabul etmiyoruz. \ No newline at end of file +Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba sarf edilse de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayın. Orijinal belge, kendi ana dilindeki haliyle yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı sonucu oluşabilecek herhangi bir yanlış anlama veya yorumdan sorumlu değiliz. + \ No newline at end of file diff --git a/translations/uk/.co-op-translator.json b/translations/uk/.co-op-translator.json index 1da447ff06..ea54f0b622 100644 --- a/translations/uk/.co-op-translator.json +++ b/translations/uk/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T16:10:37+00:00", + "translation_date": "2026-04-24T13:03:37+00:00", "source_file": "AGENTS.md", "language_code": "uk" }, @@ -516,8 +516,8 @@ "language_code": "uk" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T17:46:13+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:56:54+00:00", "source_file": "README.md", "language_code": "uk" }, @@ -564,8 +564,8 @@ "language_code": "uk" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T22:34:04+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:57:07+00:00", "source_file": "lesson-template/README.md", "language_code": "uk" }, diff --git a/translations/uk/AGENTS.md b/translations/uk/AGENTS.md index 3f30569ee5..b4316d4ab1 100644 --- a/translations/uk/AGENTS.md +++ b/translations/uk/AGENTS.md @@ -2,23 +2,23 @@ ## Огляд проєкту -Це навчальний репозиторій курсу для викладання основ веб-розробки для початківців. Курс є всебічним 12-тижневим курсом, розробленим Microsoft Cloud Advocates, що включає 24 практичні уроки з JavaScript, CSS та HTML. +Це репозиторій навчальної програми для викладання основ веб-розробки для початківців. Програма — це комплексний 12-тижневий курс, розроблений Microsoft Cloud Advocates, що містить 24 практичні уроки, які охоплюють JavaScript, CSS та HTML. -### Ключові компоненти +### Основні компоненти -- **Навчальний контент**: 24 структуровані уроки, організовані в модулі, орієнтовані на проєкти -- **Практичні проєкти**: Терраріум, Гра на друку, Розширення браузера, Космічна гра, Банківський додаток, Код-редактор і AI чат-асистент -- **Інтерактивні вікторини**: 48 вікторин по 3 питання у кожній (до/після уроку) -- **Підтримка багатьох мов**: Автоматичний переклад більш ніж на 50 мов за допомогою GitHub Actions +- **Навчальний контент**: 24 структуровані уроки, організовані в модулі на основі проєктів +- **Практичні проєкти**: Терраріум, гра на друку, розширення браузера, космічна гра, банківський додаток, редактор коду та AI чат-асистент +- **Інтерактивні вікторини**: 48 вікторин по 3 питання в кожній (оцінки до/після уроку) +- **Підтримка багатьох мов**: Автоматизований переклад більш ніж 50 мовами за допомогою GitHub Actions - **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI проєктів) ### Архітектура -- Репозиторій з навчальним контентом, структурованим за уроками -- Кожна директорія уроку містить README, приклади коду та рішення -- Окремі проєкти розміщені в власних папках (quiz-app, різні уроки) -- Система перекладів з використанням GitHub Actions (co-op-translator) -- Документація подається через Docsify і доступна у форматі PDF +- Навчальний репозиторій зі структурою на основі уроків +- Кожна папка уроку містить README, приклади коду та рішення +- Окремі проєкти у різних директоріях (quiz-app, різні проєкти уроків) +- Система перекладу з використанням GitHub Actions (co-op-translator) +- Документація на Docsify і доступна в PDF ## Команди для налаштування @@ -41,12 +41,12 @@ npm run build # Зібрати для продакшена npm run lint # Запустити ESLint ``` -### API Банківського проєкту (Node.js + Express) +### API банківського проєкту (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # Запустити сервер API +npm start # Запустити API сервер npm run lint # Запустити ESLint npm run format # Відформатувати за допомогою Prettier ``` @@ -56,7 +56,7 @@ npm run format # Відформатувати за допомогою Pretti ```bash cd 5-browser-extension/solution npm install -# Дотримуйтесь інструкцій із завантаження розширень, специфічних для браузера +# Дотримуйтеся інструкцій завантаження розширень, специфічних для браузера ``` ### Проєкти космічної гри @@ -64,10 +64,10 @@ npm install ```bash cd 6-space-game/solution npm install -# Відкрийте index.html у браузері або використовуйте Live Server +# Відкрийте index.html у браузері або використайте Live Server ``` -### Проєкт чату (Python бекенд) +### Чат-проєкт (бекенд на Python) ```bash cd 9-chat-project/solution/backend/python @@ -76,35 +76,35 @@ pip install openai python api.py ``` -## Робочий процес розробки +## Розробницький робочий процес -### Для внесення контенту +### Для авторів контенту -1. **Форкніть репозиторій** у свій акаунт GitHub -2. **Клонуйте ваш форк** локально +1. **Форкуйте репозиторій** у свій обліковий запис GitHub +2. **Клонуйте форк** локально 3. **Створіть нову гілку** для своїх змін -4. Внесіть зміни у контент уроків або приклади коду -5. Перевірте коди у відповідних директоріях проєктів -6. Надішліть pull request відповідно до інструкцій внесення змін +4. Вносьте зміни до контенту уроків або прикладів коду +5. Тестуйте зміни коду у відповідних директоріях проєктів +6. Надсилайте pull request відповідно до правил внеску ### Для учнів -1. Форкніть або клонувати репозиторій -2. Перейдіть послідовно до директорій уроків -3. Читайте README в кожному уроці -4. Проходьте вікторини перед уроком на https://ff-quizzes.netlify.app/web/ -5. Працюйте з прикладами коду в папках уроків -6. Виконуйте завдання і виклики -7. Проходьте вікторини після уроку +1. Форкуйте або клоньте репозиторій +2. Послідовно переходьте в директорії уроків +3. Читайте README файли для кожного уроку +4. Виконуйте вікторини перед уроком на https://ff-quizzes.netlify.app/web/ +5. Опрацьовуйте приклади коду в папках уроків +6. Виконуйте завдання та виклики +7. Вирішуйте вікторини після уроку -### Жива розробка +### Живий розвиток - **Документація**: Запустіть `docsify serve` у корені (порт 3000) - **Quiz App**: Запустіть `npm run dev` у директорії quiz-app -- **Проєкти**: Використовуйте розширення VS Code Live Server для HTML-проєктів -- **API проєкти**: Запустіть `npm start` у відповідних API директоріях +- **Проєкти**: Використовуйте розширення VS Code Live Server для HTML проєктів +- **API Проєкти**: Запустіть `npm start` у відповідних директоріях API -## Інструкції для тестування +## Інструкції з тестування ### Тестування Quiz App @@ -114,37 +114,37 @@ npm run lint # Перевірте проблеми зі стилем ко npm run build # Переконайтеся, що збірка проходить успішно ``` -### Тестування Bank API +### Тестування API банку ```bash cd 7-bank-project/api -npm run lint # Перевірте наявність проблем зі стилем коду +npm run lint # Перевірте на наявність проблем зі стилем коду node server.js # Переконайтеся, що сервер запускається без помилок ``` ### Загальний підхід до тестування -- Це навчальний репозиторій без комплексних автоматизованих тестів -- Ручне тестування орієнтоване на: - - Запуск прикладів коду без помилок - - Правильну роботу посилань у документації - - Успішне збирання проєктів - - Відповідність прикладів найкращим практикам +- Це навчальний репозиторій без повного автоматизованого тестування +- Ручне тестування зосереджене на: + - запуску прикладів коду без помилок + - коректній роботі посилань у документації + - успішній збірці проєктів + - прикладах, що відповідають найкращим практикам -### Перевірка перед подачею +### Перевірки перед відправкою - Запустіть `npm run lint` у директоріях з package.json -- Перевірте валідність markdown посилань -- Тестуйте приклади коду у браузері або Node.js -- Перевірте, що переклади мають правильну структуру +- Перевірте коректність markdown-посилань +- Тестуйте приклади коду в браузері або Node.js +- Переконайтеся, що переклади зберігають правильну структуру -## Керівництво по стилю коду +## Керівництво зі стилю коду ### JavaScript - Використовуйте сучасний синтаксис ES6+ -- Дотримуйтесь стандартних ESLint конфігурацій проектів -- Використовуйте зрозумілі імена змінних і функцій для навчальної ясності +- Дотримуйтесь стандартних конфігурацій ESLint, що надаються в проєктах +- Використовуйте змістовні назви змінних і функцій для навчальної ясності - Додавайте коментарі, що пояснюють концепції для учнів - Форматуйте код за допомогою Prettier, де налаштовано @@ -152,131 +152,131 @@ node server.js # Переконайтеся, що сервер запуск - Семантичні елементи HTML5 - Принципи адаптивного дизайну -- Чітка система імен класів +- Чіткі найменування класів - Коментарі, що пояснюють CSS-техніки для учнів ### Python -- Дотримання стилю PEP 8 -- Зрозумілі, навчальні приклади коду -- Використання типових підказок, якщо це допомагає навчанню +- Керівництво за стилем PEP 8 +- Чіткі, навчальні приклади коду +- Підказки типів, де корисно для навчання -### Документація у Markdown +### Документація Markdown - Чітка ієрархія заголовків -- Код-блоки з вказанням мови +- Блоки коду з вказанням мови - Посилання на додаткові ресурси -- Скриншоти та зображення в папках `images/` -- Опис alt для зображень для доступності +- Знімки екрану та зображення у папках `images/` +- Атрибути alt для зображень для доступності ### Організація файлів - Уроки пронумеровані послідовно (1-getting-started-lessons, 2-js-basics тощо) -- Кожен проєкт має папки `solution/` та часто `start/` або `your-work/` -- Зображення зберігаються у папках уроків `images/` -- Переклади зберігаються у структурі `translations/{language-code}/` +- Кожен проєкт має папки `solution/` і часто `start/` або `your-work/` +- Зображення зберігаються у папках зображень конкретного уроку +- Переклади у структурі `translations/{language-code}/` -## Збирання та розгортання +## Збірка і розгортання ### Розгортання Quiz App (Azure Static Web Apps) -quiz-app налаштовано для розгортання Azure Static Web Apps: +quiz-app налаштований для розгортання в Azure Static Web Apps: ```bash cd quiz-app npm run build # Створює папку dist/ -# Виконує розгортання через workflow GitHub Actions при пуші в main +# Розгортає через GitHub Actions workflow при пуші в main ``` Конфігурація Azure Static Web Apps: - **Розташування додатку**: `/quiz-app` -- **Розташування результату**: `dist` -- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **Вихідне розташування**: `dist` +- **Робочий процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Генерація PDF документації ```bash -npm install # Встановіть docsify-to-pdf +npm install # Встановити docsify-to-pdf npm run convert # Згенерувати PDF з docs ``` ### Документація Docsify ```bash -npm install -g docsify-cli # Встановіть Docsify глобально -docsify serve # Запуск на localhost:3000 +npm install -g docsify-cli # Встановити Docsify глобально +docsify serve # Запустити на localhost:3000 ``` -### Зборки для конкретних проєктів +### Збірка конкретних проєктів Кожна директорія проєкту може мати власний процес збірки: -- Vue проєкти: `npm run build` створює продакшн-бандли -- Статичні проєкти: Кроку збірки немає, файли подаються напряму +- Проєкти на Vue: `npm run build` створює продакшн-бандли +- Статичні проєкти: немає кроку збірки, файли подаються напряму -## Керівництво з Pull Request +## Інструкції для Pull Request ### Формат заголовку Використовуйте чіткі, описові заголовки, що вказують область змін: - `[Quiz-app] Додати нову вікторину для уроку X` -- `[Lesson-3] Виправити описку у проєкті терраріум` +- `[Lesson-3] Виправити помилку в проєкті терраріуму` - `[Translation] Додати іспанський переклад для уроку 5` - `[Docs] Оновити інструкції з налаштування` ### Обов’язкові перевірки -Перед подачею PR: +Перед надсиланням PR: 1. **Якість коду**: - Запустіть `npm run lint` у відповідних директоріях проєктів - - Виправте всі помилки і зауваження lint + - Виправте всі помилки та попередження лінтера 2. **Перевірка збірки**: - - Запустіть `npm run build`, якщо застосовно - - Переконайтесь, що немає помилок збірки + - Запустіть `npm run build`, якщо застосовується + - Переконайтеся, що немає помилок збірки 3. **Перевірка посилань**: - Протестуйте всі markdown-посилання - - Перевірте роботу зображень + - Переконайтеся, що посилання на зображення працюють 4. **Перевірка контенту**: - - Вичитка на орфографію та граматику - - Переконайтесь, що приклади коду коректні і навчальні - - Перевірте, що переклади зберігають оригінальний зміст + - Вичитайте на орфографічні та граматичні помилки + - Переконайтеся, що приклади коду коректні і навчальні + - Перевірте, що переклади зберегли оригінальний зміст -### Вимоги до внесення змін +### Вимоги до внеску -- Погодьтеся з Microsoft CLA (автоматична перевірка при першому PR) -- Дотримуйтесь [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Погоджуйтесь з Microsoft CLA (автоматична перевірка при першому PR) +- Дотримуйтеся [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Див. [CONTRIBUTING.md](./CONTRIBUTING.md) для детальних інструкцій -- Вказуйте номери issues у описі PR, якщо застосовно +- Посилайтеся на номери issue в описі PR, якщо це застосовується -### Процес огляду +### Процес перегляду -- PR перевіряють мейнтейнери і спільнота -- Пріоритет надається навчальній зрозумілості -- Приклади коду мають відповідати сучасним кращим практикам -- Переклади перевіряються на точність і культурну відповідність +- PR переглядають підтримувачі та спільнота +- Пріоритет надається освітній зрозумілості +- Приклади коду повинні відповідати найкращим сучасним практикам +- Переклади рецензуються на точність і культурну відповідність -## Система перекладів +## Система перекладу -### Автоматичний переклад +### Автоматизований переклад -- Використовує GitHub Actions з workflow co-op-translator -- Автоматично перекладає на понад 50 мов -- Файли-джерела у головних директоріях -- Переклади у `translations/{language-code}/` +- Використовує GitHub Actions з робочим процесом co-op-translator +- Автоматичний переклад на понад 50 мов +- Файли джерел у основних директоріях +- Перекладені файли у папках `translations/{language-code}/` -### Додавання ручних покращень +### Додавання вручну покращень перекладу 1. Знайдіть файл у `translations/{language-code}/` -2. Внесіть покращення, зберігаючи структуру -3. Переконайтесь, що приклади коду функціональні -4. Протестуйте локалізований контент вікторин +2. Вносьте вдосконалення, зберігаючи структуру +3. Переконайтеся, що приклади коду залишаються працездатними +4. Тестуйте локалізований контент вікторин -### Метадані перекладів +### Мета-дані перекладу -Перекладені файли містять метадані у шапці: +Перекладені файли містять заголовок з мета-даними: ```markdown ``` -## Відлагодження та усунення проблем +## Налагодження та усунення проблем -### Типові проблеми +### Поширені проблеми **Quiz app не запускається**: -- Перевірте версію Node.js (рекомендується v14+) -- Видаліть `node_modules` і `package-lock.json`, запустіть `npm install` знову +- Перевірте версію Node.js (рекомендовано v14+) +- Видаліть `node_modules` та `package-lock.json`, потім знову запустіть `npm install` - Перевірте конфлікти портів (за замовчуванням Vite використовує порт 5173) -**API сервер не запускається**: -- Перевірте версію Node.js (node >=10) -- Перевірте, чи порт не зайнятий -- Переконайтесь, що всі залежності встановлені (`npm install`) +**API-сервер не стартує**: +- Переконайтеся, що версія Node.js відповідає мінімуму (node >=10) +- Перевірте, чи порт не використовується +- Впевніться, що всі залежності встановлені через `npm install` **Розширення браузера не завантажується**: -- Перевірте формат manifest.json -- Перегляньте помилки у консолі браузера -- Дотримуйтесь інструкцій установки для конкретного браузера +- Перевірте правильність форматування manifest.json +- Перевірте консоль браузера на наявність помилок +- Дотримуйтеся інструкцій з встановлення для конкретного браузера -**Проблеми з Python чат-проєктом**: -- Переконайтесь, що пакет OpenAI встановлений: `pip install openai` -- Перевірте наявність змінної середовища GITHUB_TOKEN -- Перевірте права доступу GitHub Models +**Проблеми з чат-проєктом на Python**: +- Переконайтеся, що пакет OpenAI встановлений: `pip install openai` +- Перевірте, що змінна середовища GITHUB_TOKEN встановлена +- Переконайтеся у наявності дозволів на доступ до GitHub Models -**Docsify не подає документацію**: +**Докси Docsify не запускаються**: - Встановіть docsify-cli глобально: `npm install -g docsify-cli` -- Запустіть із кореневої папки репозиторію -- Переконайтесь, що існує файл `docs/_sidebar.md` +- Запускайте з кореневого каталогу репозиторію +- Переконайтеся, що існує файл `docs/_sidebar.md` -### Поради щодо середовища розробки +### Поради для розробки -- Використовуйте VS Code з розширенням Live Server для HTML-проєктів -- Встановіть розширення ESLint і Prettier для консистентного форматування -- Використовуйте DevTools браузера для відлагодження JavaScript -- Для Vue проектів встановіть Vue DevTools браузерне розширення +- Використовуйте VS Code з розширенням Live Server для HTML проєктів +- Встановіть розширення ESLint і Prettier для послідовного форматування +- Використовуйте інструменти розробника браузера для налагодження JavaScript +- Для Vue проєктів встановіть браузерне розширення Vue DevTools -### Особливості продуктивності +### Продуктивність -- Велика кількість перекладів (50+ мов) призводить до великих повних клонів -- Використовуйте shallow clone, якщо працюєте тільки з контентом: `git clone --depth 1` -- Ігноруйте переклади в пошуку при роботі з англійським контентом -- Процеси збірки можуть бути повільними при першому запуску (npm install, Vite build) +- Велика кількість перекладених файлів (50+ мов) означає великий повний клон +- Використовуйте shallow clone, якщо працюєте лише з контентом: `git clone --depth 1` +- Виключайте переклади з пошуку при роботі з англійським контентом +- Процеси збірки можуть бути повільними під час першого запуску (npm install, збірка Vite) -## Заходи безпеки +## Міркування щодо безпеки -### Змінні оточення +### Змінні середовища -- API ключі ніколи не мають потрапляти у репозиторій -- Використовуйте `.env` файли (вже в `.gitignore`) -- Документуйте потрібні змінні в README проєктів +- Ключі API ніколи не повинні зберігатися в репозиторії +- Використовуйте файли `.env` (вже додані до `.gitignore`) +- Зазначайте необхідні змінні середовища у README проєктів ### Python проєкти - Використовуйте віртуальні середовища: `python -m venv venv` -- Оновлюйте залежності -- Токени GitHub повинні мати мінімальні необхідні дозволи +- Підтримуйте залежності актуальними +- Токени GitHub повинні мати мінімально необхідні дозволи ### Доступ до GitHub Models -- Потрібні персональні токени доступу (PAT) для GitHub Models -- Токени зберігайте у змінних оточення -- Ніколи не комітьте токени чи облікові дані +- Потрібні Personal Access Tokens (PAT) для GitHub Models +- Токени слід зберігати як змінні середовища +- Ніколи не комітьте токени або облікові дані -## Додаткові відомості +## Додаткові нотатки ### Цільова аудиторія -- Повні новачки у веб-розробці -- Студенти та самонавчання -- Викладачі, що використовують курс у класах -- Контент створено з орієнтацією на доступність і поступове нарощування навичок +- Повні початківці у веб-розробці +- Студенти та самонавчальні +- Викладачі, які використовують програму у класах +- Контент розроблений для доступності та поступового розвитку навичок ### Освітня філософія -- Проєктно-орієнтоване навчання +- Навчання через проєкти - Часті перевірки знань (вікторини) - Практичні вправи з кодування -- Приклади реальних застосувань +- Приклади застосування у реальному світі - Фокус на основах перед фреймворками ### Підтримка репозиторію -- Активна спільнота учнів і контрибуторів -- Регулярні оновлення залежностей і контенту -- Моніторинг issues та дискусій мейнтейнерами -- Автоматичні оновлення перекладів через GitHub Actions +- Активна спільнота учнів і авторів +- Регулярні оновлення залежностей та контенту +- Підтримка і обговорення від кураторів +- Автоматичне оновлення перекладів за допомогою GitHub Actions ### Пов’язані ресурси -- [Microsoft Learn modules](https://docs.microsoft.com/learn/) -- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендується для учнів -- Додаткові курси: генеративний AI, Data Science, ML, IoT +- [Microsoft Learn модулі](https://docs.microsoft.com/learn/) +- [Студентський центр ресурсів](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендований для учнів +- Додаткові курси: Генеративний AI, Data Science, ML, IoT навчальні курси ### Робота з конкретними проєктами -Для детальних інструкцій з окремих проєктів дивіться README файли у: -- `quiz-app/README.md` - Vue 3 quiz додаток -- `7-bank-project/README.md` - Банківський додаток з автентифікацією -- `5-browser-extension/README.md` - Розробка розширення браузера +Для докладних інструкцій щодо окремих проєктів дивіться README файли у: +- `quiz-app/README.md` - Vue 3 додаток для вікторин +- `7-bank-project/README.md` - Банківський додаток з аутентифікацією +- `5-browser-extension/README.md` - Розробка розширень браузера - `6-space-game/README.md` - Розробка гри на Canvas -- `9-chat-project/README.md` - AI чат-асистент +- `9-chat-project/README.md` - Проєкт AI чат-асистента ### Структура монорепозиторію -Хоча це не традиційний монорепозиторій, він містить кілька незалежних проєктів: +Хоча це не класичний монорепозиторій, цей репозиторій містить кілька незалежних проєктів: - Кожен урок автономний -- Проєкти не ділять залежності -- Можна працювати з окремими проєктами без впливу на інші -- Клонування всього репозиторію для повного досвіду курсу +- Проєкти не ділять залежностей +- Працюйте над окремими проєктами без впливу на інші +- Клонуйте весь репозиторій для повного досвіду навчальної програми --- -**Відмова від відповідальності**: -Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний переклад людиною. Ми не несемо відповідальності за будь-які непорозуміння або хибні тлумачення, що виникли внаслідок використання цього перекладу. +**Відмова від відповідальності**: +Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматизовані переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або помилкові тлумачення, що виникли через використання цього перекладу. \ No newline at end of file diff --git a/translations/uk/README.md b/translations/uk/README.md index 344718f145..7de4ddd4e3 100644 --- a/translations/uk/README.md +++ b/translations/uk/README.md @@ -10,27 +10,27 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Веб-розробка для початківців - Навчальний план +# Веб-розробка для початківців - навчальна програма -Вивчайте основи веб-розробки за нашим комплексним 12-тижневим курсом від Microsoft Cloud Advocates. Кожен з 24 уроків занурюється у JavaScript, CSS та HTML через практичні проєкти, такі як тераріуми, розширення для браузера та космічні ігри. Взаємодійте з вікторинами, дискусіями та практичними завданнями. Покращуйте свої навички та оптимізуйте засвоєння знань за допомогою ефективної педагогіки, орієнтованої на проєкти. Почніть свою подорож у кодинг вже сьогодні! +Вивчайте основи веб-розробки за допомогою нашого комплексного курсу тривалістю 12 тижнів від Microsoft Cloud Advocates. Кожен з 24 уроків занурюється у JavaScript, CSS та HTML через практичні проєкти, такі як тераріуми, розширення для браузера та космічні ігри. Залучайтесь до вікторин, обговорень і практичних завдань. Покращуйте свої навички та оптимізуйте засвоєння знань за допомогою нашої ефективної проектно-орієнтованої педагогіки. Розпочніть свою програмістську подорож сьогодні! -Приєднуйтесь до спільноти Azure AI Foundry в Discord +Приєднуйтесь до Azure AI Foundry Discord і зустрічайте експертів та інших розробників. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Виконайте ці кроки, щоб розпочати роботу з цими ресурсами: -1. **Форкніть репозиторій**: Натисніть [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +Виконайте ці кроки, щоб почати використовувати ці ресурси: +1. **Зробіть форк репозиторію**: Клікніть [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **Клонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Приєднуйтесь до Azure AI Foundry Discord, зустрічайте експертів та колег-розробників**](https://discord.com/invite/ByRwuEEgH4) +3. [**Приєднуйтесь до Azure AI Foundry Discord і зустрічайте експертів та інших розробників**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Підтримка кількох мов +### 🌐 Підтримка декількох мов -#### Підтримується через GitHub Action (автоматично і завжди актуально) +#### Підтримується через GitHub Action (автоматично та завжди актуально) [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) | [Khmer](../km/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](../es/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](./README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **Віддаєте перевагу клонувати локально?** +> **Віддаєте перевагу клонуванню локально?** > > Цей репозиторій містить понад 50 мовних перекладів, що значно збільшує розмір завантаження. Щоб клонувати без перекладів, використовуйте sparse checkout: > @@ -48,82 +48,82 @@ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Це надасть вам все необхідне для проходження курсу з набагато швидшим завантаженням. +> Це дасть вам все необхідне для проходження курсу з значно швидшим завантаженням. -**Якщо ви хочете, щоб підтримувалися додаткові мови перекладу, вони перелічені [тут](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Якщо ви хочете мати додаткові переклади, підтримувані мови наведені [тут](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![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) #### 🧑‍🎓 _Ви студент?_ -Відвідайте [**сторінку Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), де ви знайдете ресурси для початківців, студентські набори та навіть можливості отримати безкоштовний сертифікат. Це сторінка, яку варто додати до закладок і періодично перевіряти, оскільки вміст оновлюється щомісяця. +Відвідайте [**сторінку Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), де ви знайдете ресурси для початківців, студентські комплекти та навіть способи отримати безкоштовний сертифікат. Цю сторінку варто додати в закладки та перевіряти час від часу, оскільки щомісяця оновлюється контент. -### 📣 Оголошення - Нові виклики в режимі GitHub Copilot Agent для виконання! +### 📣 Оголошення - Нові завдання в режимі GitHub Copilot Agent для виконання! -Додано нове завдання, шукайте "GitHub Copilot Agent Challenge 🚀" у більшості розділів. Це нове завдання, яке ви можете виконати за допомогою GitHub Copilot та режиму Agent. Якщо ви раніше не використовували режим Agent, він може не лише генерувати текст, а й створювати та редагувати файли, запускати команди та багато іншого. +Додано нове завдання, шукайте "GitHub Copilot Agent Challenge 🚀" у більшості розділів. Це нове завдання, яке вам потрібно виконати за допомогою GitHub Copilot і режиму Agent. Якщо ви ще не використовували режим Agent, він здатний не лише генерувати текст, а й створювати та редагувати файли, запускати команди та інше. -### 📣 Оголошення - _Новий проєкт для створення із використанням генеративного ШІ_ +### 📣 Оголошення - _Новий проєкт на основі Генеративного ШІ_ -Щойно додано новий AI Assistant проєкт, ознайомтеся з ним [проєкт](./9-chat-project/README.md) +Додав новий проєкт AI Assistant, перевірте його [тут](./9-chat-project/README.md) -### 📣 Оголошення - _Новий навчальний план_ з генеративного ШІ для JavaScript щойно випущено +### 📣 Оголошення - _Нова навчальна програма_ з генеративного ШІ для JavaScript тільки що випущена -Не пропустіть наш новий навчальний план з генеративного ШІ! +Не пропустіть нашу нову навчальну програму з генеративного ШІ! -Відвідайте [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), щоб розпочати! +Відвідайте [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), щоб почати! ![Background](../../translated_images/uk/background.148a8d43afde5730.webp) -- Уроки охоплюють все від основ до RAG. -- Спілкуйтеся з історичними персонажами за допомогою GenAI та нашого супутнього додатку. -- Весела та захоплююча наративна подорож, ви подорожуватимете в часі! +- Уроки, що охоплюють усе від основ до RAG. +- Взаємодійте з історичними персонажами за допомогою GenAI та нашого супутнього додатка. +- Весела та захоплива історія, ви будете подорожувати у часі! ![character](../../translated_images/uk/character.5c0dd8e067ffd693.webp) -Кожен урок включає завдання для виконання, перевірку знань та виклик, які допоможуть у вивченні таких тем, як: -- Підказки та інженерія підказок -- Генерація текстових і графічних додатків +Кожен урок містить завдання для виконання, перевірку знань та виклик, який допоможе вам освоїти теми, такі як: +- Формулювання запитів та інженерія запитів +- Генерація текстових та графічних додатків - Пошукові додатки -Відвідайте [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), щоб розпочати! +Відвідайте [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), щоб почати! ## 🌱 Початок роботи -> **Вчителі**, ми включили [деякі пропозиції](for-teachers.md) щодо використання цього навчального плану. Ми будемо раді вашим відгукам [на нашому форумі обговорень](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Викладачі**, ми включили [деякі пропозиції](for-teachers.md) щодо того, як використовувати цю навчальну програму. Ми будемо раді вашим відгукам [у нашому форумі обговорень](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Учні](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, для кожного уроку починайте з передлекційної вікторини, потім читайте матеріал лекції, виконуйте різні активності та перевіряйте розуміння за допомогою післялекційної вікторини. +**[Учні](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, для кожного уроку починайте з вікторини перед лекцією та продовжуйте читати матеріал лекції, виконувати різні активності та перевіряти свої знання за допомогою вікторини після лекції. -Щоб покращити свій досвід навчання, об'єднуйтесь із однокурсниками для спільної роботи над проєктами! Обговорення заохочуються на нашому [форумі обговорень](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), де команда модераторів допоможе відповісти на ваші запитання. +Щоб покращити ваш досвід навчання, спілкуйтеся з однокласниками, щоб працювати над проєктами разом! Заохочуємо обговорення у нашому [форумі обговорень](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), де наша команда модераторів буде готова відповідати на ваші питання. -Для поглиблення освіти ми настійно рекомендуємо досліджувати [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) для додаткових навчальних матеріалів. +Для подальшої освіти ми настійно рекомендуємо досліджувати [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) для додаткових навчальних матеріалів. -### 📋 Налаштування вашого середовища +### 📋 Налаштування середовища -Цей навчальний план має готове до роботи середовище розробки! Розпочинаючи, ви можете вибрати запуск курсу в [Codespace](https://github.com/features/codespaces/) (_браузерне середовище без потреби встановлення_), або локально на своєму комп’ютері, використовуючи текстовий редактор, наприклад [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Ця навчальна програма має готове до роботи середовище розробки! Починаючи, ви можете обрати запуск програми в [Codespace](https://github.com/features/codespaces/) (_браузерне середовище без необхідності інсталяції_), або локально на вашому комп'ютері за допомогою текстового редактора, такого як [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Створіть свій репозиторій -Щоб легко зберігати свою роботу, рекомендується створити власну копію цього репозиторію. Ви можете зробити це, натиснувши кнопку **Use this template** у верхній частині сторінки. Це створить новий репозиторій у вашому обліковому записі GitHub з копією навчального плану. +Щоб вам було легко зберігати свою роботу, радимо створити власну копію цього репозиторію. Це можна зробити, натиснувши кнопку **Use this template** у верхній частині сторінки. Це створить новий репозиторій у вашому акаунті GitHub із копією навчальної програми. Виконайте ці кроки: -1. **Форкніть репозиторій**: Натисніть кнопку "Fork" у правому верхньому куті цієї сторінки. +1. **Зробіть форк репозиторію**: Натисніть кнопку "Fork" у верхньому правому куті цієї сторінки. 2. **Клонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Запуск курсу в Codespace +#### Запуск програми в Codespace -У власній копії репозиторію, що ви створили, натисніть кнопку **Code** та оберіть **Open with Codespaces**. Це створить для вас новий Codespace для роботи. +У вашій копії репозиторію, яку ви створили, натисніть кнопку **Code** та оберіть **Open with Codespaces**. Це створить новий Codespace для вашої роботи. ![Codespace](../../translated_images/uk/createcodespace.0238bbf4d7a8d955.webp) -#### Запуск курсу локально на вашому комп'ютері +#### Запуск програми локально на вашому комп’ютері -Для локального запуску цього курсу вам знадобиться текстовий редактор, браузер та інструмент командного рядка. Перший урок, [Вступ до мов програмування та інструментів професії](../../1-getting-started-lessons/1-intro-to-programming-languages), проведе вас через різні варіанти кожного з цих інструментів, щоб ви могли обрати найкращий для себе. +Щоб запускати цю навчальну програму локально на вашому комп’ютері, вам потрібен текстовий редактор, браузер і інструмент командного рядка. Наш перший урок, [Вступ до мов програмування та інструментів](../../1-getting-started-lessons/1-intro-to-programming-languages), познайомить вас з різними варіантами для кожного з цих інструментів, щоб ви могли обрати найзручніший для себе. -Ми рекомендуємо використовувати [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) як свій редактор, який також має вбудований [термінал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Завантажити Visual Studio Code можна [тут](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Клонуйте ваш репозиторій на свій комп’ютер. Ви можете зробити це, натиснувши кнопку **Code** і скопіювавши URL: +Ми рекомендуємо використовувати [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) як текстовий редактор, який також має вбудований [Термінал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Завантажити Visual Studio Code можна [тут](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Клонувати ваше сховище на комп’ютер. Це можна зробити, клацнувши кнопку **Code** і скопіювавши URL: [CodeSpace](./images/createcodespace.png) @@ -133,89 +133,90 @@ git clone ``` -2. Відкрийте папку у Visual Studio Code. Ви можете зробити це, натиснувши **File** > **Open Folder** і вибравши щойно клоновану папку. +2. Відкрийте папку у Visual Studio Code. Це можна зробити, клацнувши **File** > **Open Folder** і вибравши папку, яку ви щойно клонували. > Рекомендовані розширення Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - для перегляду HTML-сторінок у Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - для попереднього перегляду HTML-сторінок всередині Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - щоб допомогти вам швидше писати код -## 📂 Кожен урок включає: +## 📂 Кожен урок містить: -- необов’язкову схематичну замітку -- необов’язкове додаткове відео -- розминку у вигляді вікторини перед уроком +- додаткову замальовку (sketchnote) за бажанням +- додаткове відео за бажанням +- розігрівальний вікторину перед уроком - письмовий урок -- для уроків, заснованих на проектах, покрокові інструкції з будування проекту +- для проектно-орієнтованих уроків — покрокові керівництва зі створення проєкту - перевірки знань -- завдання +- виклик (challenge) - додаткове читання +- завдання - [вікторину після уроку](https://ff-quizzes.netlify.app/web/) -> **Примітка про вікторини**: Усі вікторини зберігаються у папці Quiz-app, загалом 48 вікторин по три питання кожна. Вони доступні [тут](https://ff-quizzes.netlify.app/web/), додаток для вікторин може запускатися локально або бути розгорнутим в Azure; дотримуйтесь інструкцій у папці `quiz-app`. +> **Примітка щодо вікторин**: Усі вікторини знаходяться в папці Quiz-app, всього 48 вікторин по три запитання кожна. Вони доступні [тут](https://ff-quizzes.netlify.app/web/). Квіз-додаток можна запускати локально або розгортати в Azure; дотримуйтесь інструкцій у папці `quiz-app`. ## 🗃️ Уроки -| | Назва проекту | Навчаємі концепції | Навчальні цілі | Пов’язаний урок | Автор | -| :-: | :-------------------------------------------------------: | :-----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: | -| 01 | Початок роботи | Вступ до програмування та інструментів професії | Вивчити основні поняття, що лежать в основі більшості мов програмування, та про програмне забезпечення для професійних розробників | [Вступ до мов програмування та інструментів](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Початок роботи | Основи GitHub, робота в команді | Як використовувати GitHub у своєму проєкті, як співпрацювати з іншими у кодовій базі | [Вступ у GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Початок роботи | Доступність | Вивчення основ доступності веб-контенту | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Основи JS | Типи даних JavaScript | Основи типів даних JavaScript | [Типи даних](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Основи JS | Функції та методи | Вивчення функцій та методів для керування логікою програми | [Функції та методи](./2-js-basics/2-functions-methods/README.md) | Jasmine та Christopher| -| 06 | Основи JS | Прийняття рішень у JS | Вивчити, як створювати умови в коді із використанням методів прийняття рішень | [Прийняття рішень](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Основи JS | Масиви та цикли | Робота з даними за допомогою масивів та циклів у JavaScript | [Масиви та цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML на практиці | Створити HTML для онлайн-терраріуму, зосереджуючись на побудові макету | [Вступ до HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS на практиці | Робота з CSS для стилізації онлайн-терраріуму, зосереджуючись на основах CSS, включно з адаптивністю сторінки | [Вступ до CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Замикання JavaScript, маніпулювання DOM | Написати JavaScript, щоб зробити терраріум із можливістю перетягування, з акцентом на замикання та роботу з DOM | [Замикання JavaScript, маніпулювання DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Створення гри для набору тексту | Вивчення використання подій клавіатури для логіки у JavaScript додатку | [Програмування на подіях](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Робота з браузерами | Вивчення роботи браузерів, їхньої історії та створення перших елементів розширення браузера | [Про браузери](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Створення форми, виклик API та збереження змінних у локальне сховище | Написання JavaScript для виклику API в розширенні браузера із змінними, збереженими у локальному сховищі | [API, форми і локальне сховище](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Процеси у фоновому режимі браузера, продуктивність веба | Використання фонового режиму браузера для керування іконкою розширення; знайомство з продуктивністю та оптимізаціями веба | [Фонові задачі та продуктивність](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Розвинена розробка ігор на JavaScript | Вивчення спадкоємності на базі класів, композиції та шаблону Pub/Sub для створення гри | [Вступ до розвиненої розробки ігор](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Малювання на canvas | Ознайомлення з Canvas API для малювання елементів на екрані | [Малювання на Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Рух елементів по екрану | Дізнатися про рух елементів за допомогою декартових координат і Canvas API | [Рух елементів на екрані](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Виявлення колізій | Зробити зіткнення і реакцію між об’єктами за допомогою натискань клавіш та реалізувати функцію охолодження для продуктивності| [Виявлення колізій](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Ведення рахунку | Виконувати обчислення на основі стану і результатів гри | [Ведення рахунку](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Завершення та перезапуск гри | Вивчити завершення та перезапуск гри, в тому числі очищення ресурсів та скидання змінних | [Умова завершення](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-шаблони та маршрути в вебдодатку | Вивчити створення каркасу мультисторінкового сайту, використання маршрутизації та HTML-шаблонів | [HTML-шаблони і маршрути](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Створення форм для входу та реєстрації | Вивчити створення форм та обробку перевірок | [Форми](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Методи отримання та використання даних | Розуміння потоків даних у додатку, їх отримання, збереження та видалення | [Дані](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепції керування станом | Вивчити, як додаток зберігає стан і як ним керувати програмно | [Керування станом](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Робота з VScode | Навчитися використовувати редактор коду | [Використання редактора VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Робота з AI | Навчитися створювати власного AI-асистента | [Проєкт AI асистента](./9-chat-project/README.md) | Chris | +| | Назва проєкту | Навчені поняття | Навчальні цілі | Пов’язаний урок | Автор | +| :-: | :-------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Початок роботи | Вступ до програмування та інструменти професії | Вивчити базові основи більшості мов програмування і програмне забезпечення, яке допомагає професійним розробникам | [Вступ до мов програмування та інструментів](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Початок роботи | Основи GitHub, включаючи командну роботу | Як використовувати GitHub у вашому проєкті, як співпрацювати з іншими над базою коду | [Вступ до GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Початок роботи | Доступність | Вивчити основи веб-доступності | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Основи JS | Типи даних в JavaScript | Основи типів даних у JavaScript | [Типи даних](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Основи JS | Функції та методи | Вивчити функції та методи для управління логікою застосування | [Функції та методи](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | Основи JS | Прийняття рішень з JS | Навчитися створювати умови у вашому коді за допомогою способів прийняття рішень | [Прийняття рішень](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Основи JS | Масиви та цикли | Працювати з даними, використовуючи масиви та цикли в JavaScript | [Масиви та цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Тераріум](./3-terrarium/solution/README.md) | HTML на практиці | Створити HTML для онлайн-тераріуму, зосереджуючись на побудові макету | [Вступ до HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Тераріум](./3-terrarium/solution/README.md) | CSS на практиці | Створити CSS для стилізації онлайн-тераріуму, зосереджуючись на основах CSS, включаючи створення адаптивної сторінки | [Вступ до CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Тераріум](./3-terrarium/solution/README.md) | Замикання JavaScript, маніпулювання DOM | Написати JavaScript для функціонування тераріуму як інтерфейсу перетягування, зосереджуючись на замиканнях і маніпулюванні DOM | [Замикання JS, маніпулювання DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Гра на друкування](./4-typing-game/solution/README.md) | Створення гри на друкування | Вивчити, як використовувати події клавіатури для керування логікою вашого JS-додатка | [Подійне програмування](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Зелене розширення для браузера](./5-browser-extension/solution/README.md) | Робота з браузерами | Дізнатися, як працюють браузери, їх історію і як створити перші елементи розширення для браузера | [Про браузери](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Зелене розширення для браузера](./5-browser-extension/solution/README.md) | Створення форм, виклик API та збереження змінних у локальному сховищі | Створити JS-елементи розширення браузера для виклику API, використовуючи змінні у локальному сховищі | [API, форми та локальне сховище](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Зелене розширення для браузера](./5-browser-extension/solution/README.md) | Фонові процеси у браузері, веб-продуктивність | Користуватись фоновими процесами браузера для керування іконкою розширення; вивчити веб-продуктивність і оптимізації | [Фонові завдання та продуктивність](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Космічна гра](./6-space-game/solution/README.md) | Більш просунута розробка ігор на JavaScript | Вивчити наслідування за допомогою класів і композиції та патерн Pub/Sub перед створенням гри | [Вступ до просунутої розробки ігор](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Космічна гра](./6-space-game/solution/README.md) | Малювання на канвасі | Вивчити Canvas API, який використовується для малювання елементів на екрані | [Малювання на канвасі](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Космічна гра](./6-space-game/solution/README.md) | Переміщення елементів по екрану | Дізнатися, як елементи можуть набувати рух за допомогою картезіанських координат і Canvas API | [Переміщення елементів](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Космічна гра](./6-space-game/solution/README.md) | Виявлення зіткнень | Зробити зіткнення елементів і реакцію один на одного з використанням натискань клавіш, а також реалізувати функцію охолодження | [Виявлення зіткнень](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Космічна гра](./6-space-game/solution/README.md) | Підрахунок очок | Виконувати математичні обчислення на основі статусу та продуктивності гри | [Підрахунок очок](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Космічна гра](./6-space-game/solution/README.md) | Завершення та перезапуск гри | Вивчити завершення та перезапуск гри, включно з очищенням ресурсів та скиданням змінних | [Умова завершення](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Банківський додаток](./7-bank-project/solution/README.md) | HTML-шаблони та маршрути у веб-додатку | Вивчити, як створювати каркас мультисторінкового сайту, використовуючи маршрутизацію та HTML-шаблони | [HTML-шаблони та маршрути](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Банківський додаток](./7-bank-project/solution/README.md) | Створення форми входу та реєстрації | Вивчити створення форм і перевірку даних | [Форми](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Банківський додаток](./7-bank-project/solution/README.md) | Методи отримання та використання даних | Як дані надходять і виходять з вашого додатку, як їх отримувати, зберігати і видаляти | [Дані](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Банківський додаток](./7-bank-project/solution/README.md) | Поняття управління станом | Вивчити, як ваш додаток зберігає стан і як програмно ним управляти | [Управління станом](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Код браузера/VScode](../../8-code-editor) | Робота з VScode | Вивчити використання редактора коду | [Використання редактора коду VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Асистенти](./9-chat-project/README.md) | Робота з AI | Вивчити створення власного AI асистента | [Проєкт AI асистента](./9-chat-project/README.md) | Chris | ## 🏫 Педагогіка -Наша навчальна програма розроблена з дотриманням двох ключових педагогічних принципів: -* навчання на основі проєктів +Наша навчальна програма розроблена з урахуванням двох ключових педагогічних принципів: +* навчання на основі проектів * часті вікторини -Програма навчає основам JavaScript, HTML та CSS, а також сучасним інструментам і методам, які застосовують сьогодні веб-розробники. Студенти матимуть можливість отримати практичний досвід, створюючи гру для набору тексту, віртуальний терраріум, екологічне розширення браузера, гру у стилі space-invader і банківський додаток для бізнесу. Наприкінці серії учні отримають ґрунтовні знання з веб-розробки. +Програма викладає основи JavaScript, HTML та CSS, а також сучасні інструменти і техніки, які використовують сьогоднішні веб-розробники. Студенти матимуть можливість отримати практичний досвід, створюючи гру на друку, віртуальний тераріум, екологічно дружнє розширення для браузера, гру в стилі космічних загарбників і банківський додаток для бізнесу. Наприкінці курсу студенти здобудуть міцне розуміння веб-розробки. -> 🎓 Ви можете пройти перші кілька уроків цієї навчальної програми як [шлях навчання](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn! +> 🎓 Ви можете пройти перші уроки цієї навчальної програми як [шлях навчання](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn! -Забезпечуючи відповідність контенту проєктам, процес навчання стає більш захопливим, а засвоєння концепцій покращується. Ми також створили кілька початкових уроків з основ JavaScript, щоб представити концепції, підкріплених відео з колекції "[Серія для початківців: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", автори якої також долучились до цієї програми. +Забезпечення відповідності контенту проєктам робить процес більш захопливим для студентів і підвищує засвоєння понять. Ми також написали кілька вступних уроків з основ JavaScript у поєднанні з відео з колекції "[Серія для початківців з JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", де деякі автори брали участь у створенні цієї навчальної програми. -Додатково, вікторина з низькою ставкою перед заняттям налаштовує намір студента вивчати тему, а друга вікторина після заняття забезпечує подальше закріплення матеріалу. Ця навчальна програма спроектована як гнучка та цікава, її можна проходити повністю або частково. Проєкти починаються просто і поступово ускладнюються до кінця 12-тижневого циклу. +Крім того, низькопорогова вікторина перед заняттям встановлює намір студента вивчити тему, а друга вікторина після уроку забезпечує кращу засвоюваність. Ця програма розроблена так, щоб бути гнучкою і цікавою, і її можна пройти повністю або частково. Проєкти починаються з невеликих і стають дедалі складнішими до кінця 12-тижневого циклу. -Хоч ми цілеспрямовано уникали введення фреймворків JavaScript, щоб зосередитись на базових навичках веб-розробника перед впровадженням фреймворку, хорошим наступним кроком після цієї програми буде вивчення Node.js за допомогою іншої колекції відео: "[Серія для початківців: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Ми навмисно утримувалися від впровадження JavaScript-фреймворків, щоб зосередитися на базових навичках, необхідних веб-розробнику, перш ніж починати роботу з фреймворком, однак наступним кроком після проходження цієї програми варто вивчити Node.js за допомогою іншої колекції відео: "[Серія для початківців з Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Відвідайте наші правила [Code of Conduct](CODE_OF_CONDUCT.md) та [Contributing](CONTRIBUTING.md). Ми радо приймаємо ваші конструктивні відгуки! +> Відвідайте наші настанови [Кодекс поведінки](CODE_OF_CONDUCT.md) та [Участь](CONTRIBUTING.md). Ми вітаємо ваші конструктивні зауваження! -## 🧭 Офлайн-доступ +## 🧭 Доступ офлайн -Ви можете переглядати цю документацію офлайн за допомогою [Docsify](https://docsify.js.org/#/). Форкніть цей репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на свій локальний комп’ютер, а потім у кореневій папці репозиторію введіть `docsify serve`. Вебсайт буде запущений на порту 3000 локального хоста: `localhost:3000`. +Ви можете працювати з цією документацією офлайн, використовуючи [Docsify](https://docsify.js.org/#/). Форкніть це репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на свій локальний комп’ютер, а потім у кореневій папці репозиторію введіть команду `docsify serve`. Вебсайт буде доступний на порту 3000 на вашому локальному хості: `localhost:3000`. ## 📘 PDF -PDF усіх уроків можна знайти [тут](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +PDF-файл усіх уроків можна знайти [тут](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 Інші курси +## 🎒 Інші Курси -Наша команда створює інші курси! Ознайомтесь із ними: +Наша команда створює інші курси! Ознайомтесь: ### LangChain @@ -232,7 +233,7 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git --- -### Серія про генеративний ШІ +### Серія Generative AI [![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 +241,7 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git --- -### Основні курси +### Основне навчання [![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,7 +252,7 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git --- -### Серія про Copilot +### Серія 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) @@ -259,21 +260,21 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git ## Отримання допомоги -Якщо ви застрягли або маєте питання щодо створення AI-додатків. Приєднуйтесь до інших учнів та досвідчених розробників у обговореннях MCP. Це підтримуюча спільнота, де питання вітаються, а знання вільно діляться. +Якщо ви застрягли або маєте питання щодо створення AI-додатків, приєднуйтесь до інших учнів і досвідчених розробників у обговореннях MCP. Це підтримуюча спільнота, де питання вітаються, а знання вільно поширюються. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Якщо у вас є відгуки про продукт або ви стикнулися з помилками під час створення, відвідайте: +Якщо у вас є відгуки про продукт або помилки під час розробки, відвідайте: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Ліцензія -Цей репозиторій ліцензовано під ліцензією MIT. Детальніше дивіться у файлі [LICENSE](../../LICENSE). +Цей репозиторій ліцензовано за ліцензією MIT. Детальніше див. у файлі [LICENSE](../../LICENSE). --- **Відмова від відповідальності**: -Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Незважаючи на наші зусилля забезпечити точність, будь ласка, враховуйте, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ його рідною мовою вважається авторитетним джерелом. Для критичної інформації рекомендується професійний переклад людиною. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу. +Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, врахуйте, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникли внаслідок використання цього перекладу. \ No newline at end of file diff --git a/translations/uk/lesson-template/README.md b/translations/uk/lesson-template/README.md index 10325fd957..64c4167434 100644 --- a/translations/uk/lesson-template/README.md +++ b/translations/uk/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Тема уроку] +# Тема уроку -![Вставте відео тут](../../../lesson-template/video-url) +## 🎥 Відео -## [Тест перед лекцією](../../../lesson-template/quiz-url) +> Додайте вбудоване відео або посилання на урок тут. -[Опишіть, що ми будемо вивчати] +--- + +## Квіз перед лекцією + +> Додайте посилання на квіз тут, коли воно буде доступне. + +--- + +Надайте короткий огляд того, чому студенти навчаться під час цього уроку. + +--- ### Вступ -Опишіть, що буде розглянуто +Надайте короткий вступ, у якому описано, що буде розглянуто в цьому уроці. > Примітки -### Передумови +--- + +### Попередні знання -Які кроки повинні бути виконані перед цим уроком? +Перерахуйте поняття або теми, з якими студенти повинні бути вже ознайомлені перед початком цього уроку. + +--- ### Підготовка -Підготовчі кроки для початку цього уроку +Перерахуйте будь-які кроки налаштування або інструменти, необхідні перед початком уроку. --- -[Розглядайте контент блоками] +### Зміст + +Покроково викладайте зміст уроку у структурованих розділах. + +--- -## [Тема 1] +## Тема 1 ### Завдання: -Працюйте разом, щоб поступово вдосконалювати ваш кодовий базис для створення проекту зі спільним кодом: +Працюйте разом, щоб поступово покращити вашу кодову базу для створення проекту з спільним кодом: ```html code blocks ``` -✅ Перевірка знань - використайте цей момент, щоб розширити знання студентів за допомогою відкритих запитань +✅ Перевірка знань +Використайте цей момент, щоб розширити знання студентів за допомогою відкритих запитань. -## [Тема 2] +## Тема 2 +## Тема 3 -## [Тема 3] +🚀 Виклик +Додайте спільний виклик для студентів, щоб покращити проект. -🚀 Виклик: Додайте завдання для студентів, щоб вони працювали над проектом спільно в класі +За бажанням: додайте скріншот інтерфейсу завершеного уроку, якщо це доречно. -Опціонально: додайте скріншот інтерфейсу завершеного уроку, якщо це доречно +## Квіз після лекції -## [Тест після лекції](../../../lesson-template/quiz-url) +Додайте посилання на квіз тут після завершення уроку. -## Огляд та самостійне навчання +## Огляд і самостійне вивчення -**Термін здачі [MM/YY]**: [Назва завдання](assignment.md) +**Термін здачі завдання [MM/YY]**: [Назва завдання](assignment.md) --- + **Відмова від відповідальності**: -Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу. \ No newline at end of file +Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, просимо звернути увагу, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний переклад людиною. Ми не несемо відповідальності за будь-які непорозуміння чи неправильні тлумачення, що виникли внаслідок використання цього перекладу. + \ No newline at end of file