chore(i18n): sync translations with latest source changes (chunk 1/1, 12 changes)

update-translations
localizeflow[bot] 2 days ago
parent b1a1f1d979
commit 8a941d81cd

@ -1,7 +1,7 @@
{
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e",
"translation_date": "2026-01-07T07:25:11+00:00",
"original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2026-03-06T13:30:36+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "bg"
},
@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-02-06T18:32:22+00:00",
"translation_date": "2026-03-06T13:34:01+00:00",
"source_file": "AGENTS.md",
"language_code": "bg"
},
@ -516,8 +516,8 @@
"language_code": "bg"
},
"README.md": {
"original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
"translation_date": "2026-02-06T18:25:04+00:00",
"original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-03-06T13:26:07+00:00",
"source_file": "README.md",
"language_code": "bg"
},

@ -2,29 +2,29 @@
## Преглед на проекта
Това е образователно хранилище с учебна програма за преподаване на основите на уеб разработката за начинаещи. Учебната програма е всеобхватен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практични урока, обхващащи JavaScript, CSS и HTML.
Това е учебен репозиторий за преподаване на основите на уеб разработката за начинаещи. Учебният план е цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, съдържащ 24 практически урока, покриващи JavaScript, CSS и HTML.
### Основни компоненти
- **Образователно съдържание**: 24 структурирани урока, организирани в модули с проекти
- **Образователно съдържание**: 24 структурирани урока, организирани в проекти-базирани модули
- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant
- **Интерактивни викторини**: 48 викторини с по 3 въпроса всяка (оценки преди и след урока)
- **Поддръжка на множество езици**: Автоматични преводи на над 50 езика чрез GitHub Actions
- **Интерактивни куизове**: 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
- Документацията се обслужва чрез Docsify и е налична като PDF
## Команди за настройка
Това хранилище е основно за консумация на образователно съдържание. За работа с конкретни проекти:
Този репозиторий е основно за консумация на образователно съдържание. За работа с конкретни проекти:
### Основна настройка на хранилището
### Основна настройка на репозитория
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -36,12 +36,12 @@ cd Web-Dev-For-Beginners
```bash
cd quiz-app
npm install
npm run dev # Стартиране на сървъра за разработка
npm run build # Компилиране за продукция
npm run dev # Стартиране на сървър за разработка
npm run build # Създаване на билд за продукция
npm run lint # Стартиране на ESLint
```
### Bank Project API (Node.js + Express)
### API на Bank Project (Node.js + Express)
```bash
cd 7-bank-project/api
@ -51,12 +51,12 @@ npm run lint # Стартиране на ESLint
npm run format # Форматиране с Prettier
```
### Проекти за браузър разширения
### Проекти за Browser Extension
```bash
cd 5-browser-extension/solution
npm install
# Следвайте инструкциите за зареждане на разширения, специфични за браузъра
# Следвайте специфичните за браузъра инструкции за зареждане на разширения
```
### Проекти за Space Game
@ -64,140 +64,140 @@ npm install
```bash
cd 6-space-game/solution
npm install
# Отворете index.html в браузъра или използвайте Live Server
# Отворете index.html в браузър или използвайте Live Server
```
### Chat Project (Python Backend)
### Chat Project (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. Подайте pull request според указанията за принос
1. **Форкнете репозитория** към вашия GitHub акаунт
2. **Клонирайте вашия форк** локално
3. **Създайте нов клон** за вашите промени
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` в корена (порт 3000)
- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
- **Документация**: Стартирайте `docsify serve` от главната директория (порт 3000)
- **Quiz App**: Стартирайте `npm run dev` в директория quiz-app
- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
- **API проекти**: Стартирайте `npm start` в съответните API директории
- **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
- Тествайте кодовите примери в браузър или Node.js
- Уверете се, че преводите запазват правилната структура
## Насоки за стил на кода
### JavaScript
- Използвайте модерен ES6+ синтаксис
- Използвайте съвременен синтаксис ES6+
- Спазвайте стандартните ESLint конфигурации, предоставени в проектите
- Използвайте смислени имена на променливи и функции за по-голяма образователна яснота
- Добавяйте коментари, обясняващи концепции за обучаващите се
- Форматирайте кода с Prettier, където е конфигурирано
- Използвайте смислени имена на променливи и функции за образователна яснота
- Добавяйте коментари обясняващи концепциите за учащите
- Форматирайте с Prettier където е конфигуриран
### HTML/CSS
- Семантични HTML5 елементи
- Принципи на адаптивен дизайн
- Ясни наименования на класове
- Коментари, обясняващи CSS техники за учащи се
- Коментари, обясняващи CSS техники за учащите
### Python
- Насоки по стил PEP 8
- Ясни, образователни примери за код
- Типови указания, където са полезни за обучение
- Насоки за стил PEP 8
- Ясни, образователни кодови примери
- Типово обозначаване където е полезно за ученето
### Markdown документация
- Ясна йерархия на заглавията
- Блокове с код с посочен език
- Ясна йерархия от заглавия
- Кодови блокове с посочен език
- Връзки към допълнителни ресурси
- Скрийнове и изображения в папки `images/`
- Скрийншотове и изображения в папки `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
npm run build # Създава папка dist/
# Извършва разгръщане чрез работния процес на GitHub Actions при push към main
# Разгръща чрез GitHub Actions workflow при push към main
```
Конфигурация на Azure Static Web Apps:
Конфигурация за 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 за документация
### Генериране на PDF документация
```bash
npm install # Инсталирайте docsify-to-pdf
npm run convert # Генерирайте 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` създава продукционни пакети
- Статични проекти: няма стъпка за build, файловете се сервира директно
- Статични проекти: без стъпка за билд, обслужват файловете директно
## Насоки за pull request
## Насоки при pull request-и
### Формат на заглавието
Използвайте ясни, описателни заглавия, указващи областта на промяната:
- `[Quiz-app] Добавяне на нова викторина за урок X`
- `[Quiz-app] Добавяне на нов куиз за урок X`
- `[Lesson-3] Корекция на правописна грешка в проекта terrarium`
- `[Translation] Добавяне на испански превод за урок 5`
- `[Docs] Актуализация на инструкции за настройка`
- `[Docs] Актуализация на инструкциите за настройка`
### Задължителни проверки
### Изисквани проверки
Преди подаване на PR:
1. **Код качество**:
- Стартирайте `npm run lint` в засегнатите директории на проектите
- Коригирайте всички грешки и предупреждения
1. **Качество на кода**:
- Стартирайте `npm run lint` в засегнатите проектни директории
- Поправете всички грешки и предупреждения
2. **Проверка на билд**:
- Стартирайте `npm run build`, ако е приложимо
- Уверете се, че няма грешки по време на build
- Стартирайте `npm run build` ако е приложимо
- Уверете се, че няма грешки при билда
3. **Проверка на връзките**:
3. **Проверка на връзки**:
- Тествайте всички markdown връзки
- Проверете дали референциите към изображенията са работещи
- Проверете дали изображенията се зареждат
4. **Преглед на съдържанието**:
- Проверете правописа и граматиката
- Уверете се, че примерите са правилни и образователни
- Верифицирайте, че преводите запазват оригиналното значение
- Коректура за правопис и граматика
- Уверете се, че кодовите примери са точни и образователни
- Проверката на преводите за запазване на оригиналния смисъл
### Изисквания за принос
### Изисквания за допринасяне
- Съгласие с Microsoft CLA (автоматична проверка при първи PR)
- Спазване на [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
- Позоваване на номера на issues в описанието на 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}/` директории
- Превежда автоматично на 50+ езика
- Изходни файлове в основните директории
- Преведени файлове в директории `translations/{language-code}/`
### Добавяне на ръчни подобрения на превода
### Добавяне на ръчни подобрения в преводите
1. Намерете файла в `translations/{language-code}/`
2. Направете подобрения, като запазвате структурата
3. Уверете се, че примерите за код остават функционални
4. Тествайте преведеното викторинно съдържание
1. Намирайте файл в `translations/{language-code}/`
2. Правете подобрения, като запазвате структурата
3. Уверете се, че кодовите примери остават функционални
4. Тествайте всяко локализирано куиз съдържание
### Метаданни за превода
### Метаданни за превод
Преведените файлове включват метаданни в заглавката:
Преведените файлове съдържат метаданни в заглавен блок:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -294,51 +294,51 @@ CO_OP_TRANSLATOR_METADATA:
### Чести проблеми
**Quiz app не стартира**:
- Проверете версията на 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)
- Уверете се, че версията на Node.js е минимум node >=10
- Проверете дали портът не е зает
- Осигурете, че всички зависимости са инсталирани с `npm install`
- Уверете се, че всички зависимости са инсталирани с `npm install`
**Разширението за браузър не се зарежда**:
- Проверете дали manifest.json е коректно форматиран
- Проверете конзолата на браузъра за грешки
- Следвайте инструкциите за инсталация на браузър разширенията
**Browser extension не се зарежда**:
- Проверете дали manifest.json е правилно форматиран
- Проверете браузърния конзолен лог за грешки
- Следвайте инструкции за инсталиране според браузъра
**Проблеми с Python chat проект**:
**Проблеми с Python chat проекта**:
- Уверете се, че пакетът 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 разширения за консистентно форматиране
- Използвайте DevTools в браузъра за отстраняване на грешки в JavaScript
- За Vue проекти инсталирайте Vue DevTools разширение за браузъра
### Съображения за производителността
### Съображения относно производителността
- Голяма бройка преведени файлове (50+ езика) прави целите клонове тежки
- Използвайте shallow clone, ако работите само със съдържанието: `git clone --depth 1`
- Изключвайте преводите от търсения при работа с английско съдържание
- Процесът на build може да е бавен при първо стартиране (npm install, Vite build)
- Голям брой преведени файлове (50+ езика) прави пълните клонинги големи
- Използвайте плитък клон ако работите само с съдържание: `git clone --depth 1`
- Изключвайте преводите от търсене при работа с английско съдържание
- Процесите на билд може да са бавни при първоначално изпълнение (npm install, Vite build)
## Съображения за сигурност
## Съображения за сигурността
### Променливи на средата
- API ключовете никога не трябва да се качват в хранилището
- Никога не комитвайте API ключове в репозитория
- Използвайте `.env` файлове (вече в `.gitignore`)
- Документирайте необходимите променливи в README файловете на проектите
- Описвайте нужните променливи на средата в README файловете на проектите
### Python проекти
@ -348,61 +348,61 @@ CO_OP_TRANSLATOR_METADATA:
### Достъп до GitHub Models
- Изискват се лични токени за достъп (PAT)
- Необходими са Personal Access Tokens (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 учебни програми
- [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 quiz приложение
За подробни инструкции по отделни проекти вижте README файловете в:
- `quiz-app/README.md` - Vue 3 куиз приложение
- `7-bank-project/README.md` - Банково приложение с автентикация
- `5-browser-extension/README.md` - Разработка на браузърно разширение
- `6-space-game/README.md` - Игра базирана на Canvas
- `5-browser-extension/README.md` - Разработка на браузърни разширения
- `6-space-game/README.md` - Разработка на игра с canvas
- `9-chat-project/README.md` - Проект за AI чат асистент
### Структура на монорепо
### Структура на монорепозитория
Въпреки че не е традиционно монорепо, това хранилище съдържа множество независими проекти:
Въпреки че не е традиционен монорепозиториум, този репозиторий съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
- Работете по отделни проекти без да засягате другите
- Клонирайте цялото хранилище за пълното преживяване с учебната програма
- Работете по отделните проекти, без да засягате останалите
- Клонирайте целия репозиторий за пълноценно обучение с цялата учебна програма
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Отказ от отговорност**:
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за никакви недоразумения или неправилни тълкувания, възникнали от използването на този превод.
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за недоразумения или неправилни тълкувания, възникнали от използването на този превод.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,211 +1,197 @@
[![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-седмичен всеобхватен курс от Microsoft Cloud Advocates. Всеки от 24-те урока разглежда 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 чрез практически проекти като терариуми, разширения за браузър и космически игри. Вземете участие в викторини, дискусии и практически задачи. Усъвършенствайте уменията си и оптимизирайте задържането на знания с нашата ефективна, проектно базирана педагогика. Започнете своето обучение по програмиране още днес!
Присъединете се към Discord общността на Azure AI Foundry
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Присъединете се към общността Azure AI Foundry в Discord
Следвайте тези стъпки, за да започнете да използвате тези ресурси:
1. **Направете форк на репoзиторията**: Кликнете [![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 (автоматично и винаги актуално)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[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) | [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 Action (автоматизирано и винаги актуално)
> **Предпочитате да клонирате локално?**
> Този репозитори включва над 50 езикови превода, което значително увеличава размера на изтеглянето. За да клонирате без преводи, използвайте sparse checkout:
>
> Това хранилище включва над 50 езикови превода, което значително увеличава размера на изтегляне. За да клонирате без преводите, използвайте 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'
> ```
> Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Ако желаете да бъдат добавени допълнителни преводи, поддържаните езици са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
>
> **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"
> ```
>
> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо изтегляне.
[![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://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑‍🎓 _Студент ли сте?_
Посетете [**Студентския център**](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 Assistant проект, разгледайте го [тук](./9-chat-project/README.md)
Току-що добавен нов проект AI Асистент, разгледайте го [тук](./9-chat-project/README.md)
### 📣 Обявление - _Нова учебна програма_ за Генеративен изкуствен интелект за JavaScript току-що беше пусната
### 📣 Обява - _Нова учебна програма_ за генеративен AI за JavaScript току-що излезе
Не пропускайте нашата нова учебна програма за Генеративен ИИ!
Не пропускайте новия ни курс за генеративен AI!
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
![Background](../../translated_images/bg/background.148a8d43afde5730.webp)
- Уроци, обхващащи всичко от основи до RAG.
- Уроци, обхващащи всичко от основите до RAG.
- Взаимодействайте с исторически персонажи чрез GenAI и нашето спомагателно приложение.
- Забавно и увлекателно повествование, ще пътувате във времето!
- Забавен и ангажиращ разказ, пътуване във времето!
![character](../../translated_images/bg/character.5c0dd8e067ffd693.webp)
Всеки урок включва задача за изпълнение, проверка на знанията и предизвикателство, които да ви насочват в изучаването на теми като:
- Задаване на заявки и инженеринг на заявки
- Генериране на приложения за текст и изображения
- Търсещи приложения
Във всеки урок има задача за изпълнение, проверка на знанията и предизвикателство, които ви насочват към изучаване на теми като:
- Създаване на команди и инженерство на подкани
- Генериране на текст и изображения за приложения
- Приложения за търсене
Посетете [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/bg/createcodespace.0238bbf4d7a8d955.webp)
#### Стартиране на учебната програма локално на вашия компютър
За да стартирате учебната програма локално на компютъра си, ще ви е необходим текстов редактор, браузър и инструмент за команден ред. Първият ни урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас.
#### Използване на учебната програма локално на вашия компютър
Препоръчваме да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като ваш редактор, който също разполага с вграден [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code от [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
За да стартирате учебната програма локално, ще ви трябва текстов редактор, браузър и команден терминал. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас.
1. Клонирайте своето репозитори на компютъра си. Можете да го направите, като кликнете бутона **Code** и копирате URL адреса:
Нашата препоръка е да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който включва и интегриран [Терминал](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) и изпълнете следната команда, като замените `<your-repository-url>` с 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) и изпълнете следната команда, като замените `<your-repository-url>` с току-що копирания URL адрес:
```bash
git clone <your-repository-url>
```
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
> * [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`.
## 🗃️ Уроци
| | Име на проекта | Обучавани концепции | Учебни цели | Свързан урок | Автор |
| :-: | :--------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 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 | [Терариум](./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) | Създаване на игра за писане | Научете как да използвате клавишни събития за задвижване на логиката на приложението си на 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 | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване в Canvas](./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 | [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 |
- [въпросник след занятието](https://ff-quizzes.netlify.app/web/)
> **Бележка за въпросниците**: Всички въпросници са в папката 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 | [Терариум](./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 | [JavaScript Closures, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавиатурни събития за управление на логиката в JavaScript приложението ви | [Програмиране, базирано на събития](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър | [Относно браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Изграждане на форма, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементи на разширението си за браузър, за да извиквате API с променливи, съхранени локално | [APIs, Форми и Локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Космическа игра](./6-space-game/solution/README.md) | По-напреднало игрово развитие с JavaScript | Научете за наследяване с класове и композиция и за дизайна Pub/Sub, в подготовка за изграждане на игра | [Въведение в напреднало игрово развитие](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Космическа игра](./6-space-game/solution/README.md) | Рисуване върху канвас | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване върху Canvas](./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 шаблони и маршрути в уеб приложение | Научете как да създавате структурата на многостраничен уебсайт чрез маршрутизация и 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, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да развият практически умения, като изградят игра за писане, виртуален терариум, екологичен браузър разширение, космическа инвазивна игра и банково приложение за бизнеси. В края на серията студентите ще имат солидно разбиране за уеб разработка.
> 🎓 Можете да преминете първите няколко урока от тази учебна програма като [Учебен път](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 за въведение на концепциите, с видео от колекцията "[Начинаещи по 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 чрез друга колекция от видеа: "[Начинаещи по 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: `localhost:3000`.
Можете да използвате тази документация офлайн с помощта на [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте 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).
## 🎒 Други курсове
Нашият екип създава и други курсове! Разгледайте:
## 🎒 Други Курсове
Нашият екип произвежда и други курсове! Разгледайте:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -218,38 +204,38 @@ PDF с всички уроци може да се намери [тук](https://
[![AZD за начинаещи](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI за начинаещи](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP за начинаещи](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI агенти за начинаещи](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Агенти за начинаещи](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Серия за генеративен изкуствен интелект
[![Генеративен ИИ за начинаещи](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)
[![Генеративен ИИ (.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)
[![Генеративен ИИ (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)
[![Генеративен ИИ (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)
### Серия за Генеративен AI
[![Генеративен AI за начинаещи](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Генеративен AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Генеративен AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Генеративен AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
### Основно обучение
### Основно Обучение
[![Машинно обучение за начинаещи](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)
[![Изкуствен интелект за начинаещи](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/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)
[![XR Разработка за начинаещи](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Серия Copilot
[![Copilot за програмиране с помощ на ИИ](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 за 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 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](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)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Получаване на помощ
## Как да получите помощ
Ако се затрудните или имате въпроси относно създаването на AI приложения. Присъединете се към другите учащи и опитни разработчици в дискусиите за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.
Ако се затрудните или имате въпроси относно изграждането на AI приложения, присъединете се към други учащи и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
@ -259,11 +245,11 @@ PDF с всички уроци може да се намери [тук](https://
## Лиценз
Това хранилище е лицензирано под MIT лиценз. Вижте файла [LICENSE](../../LICENSE) за повече информация.
Този репозиторий е лицензиран под лиценза MIT. Вижте файла [LICENSE](../../LICENSE) за повече информация.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Отказ от отговорност**:
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия първичен език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да било недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
**Отказ от отговорност**:
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,7 +1,7 @@
{
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e",
"translation_date": "2026-01-07T06:18:32+00:00",
"original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2026-03-06T13:21:56+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "ro"
},
@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-02-06T18:31:13+00:00",
"translation_date": "2026-03-06T13:32:45+00:00",
"source_file": "AGENTS.md",
"language_code": "ro"
},
@ -516,8 +516,8 @@
"language_code": "ro"
},
"README.md": {
"original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
"translation_date": "2026-02-06T18:23:04+00:00",
"original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-03-06T13:17:57+00:00",
"source_file": "README.md",
"language_code": "ro"
},

@ -1,26 +1,26 @@
# AGENTS.md
## Prezentare generală a proiectului
## Prezentarea Proiectului
Acesta este un depozit 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, cuprinzând 24 de lecții practice despre 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, cuprinzând 24 de lecții practice care acoperă JavaScript, CSS și HTML.
### Componente cheie
### Componente Cheie
- **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 AI pentru chat
- **Teste interactive**: 48 de teste cu câte 3 întrebări fiecare (evaluări pre/post-lesson)
- **Suport multilingv**: Traduceri automate în peste 50 de limbi prin GitHub Actions
- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent AI chat
- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție)
- **Suport multilingv**: Traduceri automate pentru 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 de lecții)
- Depozit educațional cu structură pe bază de lecții
- Fiecare dosar de lecție conține README, exemple de cod și soluții
- Proiecte autonome în directoare separate (quiz-app, diverse proiecte de lecție)
- 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
## Comenzi de Configurare
Acest depozit este destinat în principal consumului de conținut educațional. Pentru lucru cu proiecte specifice:
@ -41,7 +41,7 @@ npm run build # Construiește pentru producție
npm run lint # Rulează ESLint
```
### API pentru proiectul 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 extensii de browser
### Proiecte Extensie 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
@ -76,90 +76,90 @@ pip install openai
python api.py
```
## Flux de dezvoltare
## Flux de Dezvoltare
### Pentru contribuitorii de conținut
### Pentru Contribuitori de Conținut
1. **Fă fork al depozitului** în contul tău GitHub
1. **Fork la depozit** în contul tău GitHub
2. **Clonează fork-ul** local
3. **Crează un branch nou** pentru modificările tale
4. Modifică conținutul lecțiilor sau exemplele de cod
5. Testează orice modificare de cod în directoarele proiectelor relevante
6. Trimite pull requests conform ghidurilor de contribuție
3. **Creează un branch nou** pentru modificările tale
4. Fă modificări în conținutul lecțiilor sau în exemplele de cod
5. Testează orice modificări de cod în directoarele proiectelor relevante
6. Trimite pull request-uri urmând ghidurile de contribuție
### Pentru cursanți
### Pentru Învățăcei
1. Fă fork sau clonează depozitul
2. Navighează în ordine prin directoarele lecțiilor
2. Navighează secvențial prin directoarele lecțiilor
3. Citește fișierele README pentru fiecare lecție
4. Completează testele pre-lesson la https://ff-quizzes.netlify.app/web/
5. Lucrează prin exemplele de cod din folderele lecțiilor
6. Finalizează temele și provocările
7. Susține testele post-lesson
4. Completează chestionarele pre-lecție la https://ff-quizzes.netlify.app/web/
5. Parcurge exemplele de cod din dosarele lecțiilor
6. Realizează temele și provocările
7. Completează chestionarele post-lecție
### Dezvoltare live
### Dezvoltare Live
- **Documentație**: Rulează `docsify serve` din directorul rădăcină (port 3000)
- **Documentație**: Rulează `docsify serve` la rădăcină (port 3000)
- **Quiz App**: Rulează `npm run dev` în directorul quiz-app
- **Proiecte**: Folosește extensia VS Code Live Server pentru proiectele HTML
- **Proiecte API**: Rulează `npm start` în directoarele API respective
## Instrucțiuni de testare
## Instrucțiuni de Testare
### Testare Quiz App
### Testarea Quiz App
```bash
cd quiz-app
npm run lint # Verifică problemele de stil ale codului
npm run build # Verifică dacă compilarea reușește
npm run lint # Verifică problemele legate de stilul codului
npm run build # Verifică dacă build-ul reușește
```
### Testare API Bancar
### Testarea API Bancar
```bash
cd 7-bank-project/api
npm run lint # Verificați problemele legate de stilul codului
node server.js # Verificați dacă serverul pornește fără erori
npm run lint # Verifica problemele de stil ale codului
node server.js # Verifică dacă serverul pornește fără erori
```
### Abordare generală de testare
### Abordare Generală de Testare
- Acesta este un depozit educațional fără teste automate complete
- Testarea manuală se concentrează pe:
- Exemplele de cod rulează fără erori
- Legăturile din documentație funcționează corect
- Construirea proiectului se finalizează cu succes
- Exemplele respectă bunele practici
- Executarea corectă a exemplelor de cod fără erori
- Funcționarea corectă a linkurilor în documentație
- Finalizarea cu succes a construziunilor proiectelor
- Urmarea celor mai bune practici în exemple
### Verificări înainte de trimitere
### Verificări înainte de Trimitere
- Rulează `npm run lint` în directoarele cu package.json
- Verifică dacă linkurile markdown sunt valide
- Verifică validitatea linkurilor markdown
- Testează exemplele de cod în browser sau Node.js
- Verifică dacă traducerile păstrează structura corectă
- Verifică că traducerile păstrează structura corectă
## Ghid de stil pentru cod
## Ghid de Stil pentru Cod
### JavaScript
- Folosește sintaxa modernă ES6+
- Urmează configurațiile ESLint standard oferite în proiecte
- Respectă configurațiile standard ESLint oferite în proiecte
- Folosește nume semnificative de variabile și funcții pentru claritate educațională
- Adaugă comentarii care explică conceptele pentru cursanți
- Formatează folosind Prettier unde este configurat
- Adaugă comentarii care explică conceptele pentru învățăcei
- Formatează cu Prettier unde este configurat
### HTML/CSS
- Elemente semantice HTML5
- Principii de design responsive
- Convenții clare de denumire a claselor
- Comentarii care explică tehnicile CSS pentru cursanți
- Comentarii care explică tehnicile CSS pentru învățăcei
### Python
- Urmează ghidul de stil PEP 8
- Exemple clare, educaționale de cod
- Hint-uri de tip unde sunt utile pentru învățare
- Respectă ghidurile stil PEP 8
- Exemple clare și educaționale de cod
- Hinturi de tipuri acolo unde sunt utile pentru învățare
### Documentație Markdown
@ -169,34 +169,34 @@ node server.js # Verificați dacă serverul pornește fără erori
- Capturi de ecran și imagini în directoarele `images/`
- Text alternativ pentru imagini pentru accesibilitate
### Organizarea fișierelor
### Organizarea Fișierelor
- Lecții numerotate secvențial (1-getting-started-lessons, 2-js-basics etc.)
- Fiecare proiect are directoare `solution/` și deseori `start/` sau `your-work/`
- Imaginile stocate în foldere specifice lecțiilor `images/`
- Lecțiile numerotate secvențial (1-getting-started-lessons, 2-js-basics, etc.)
- Fiecare proiect are directoare `solution/` și adesea `start/` sau `your-work/`
- Imaginile stocate în foldere specifice lecțiilor, `images/`
- Traduceri în structura `translations/{language-code}/`
## Construire și distribuire
## Construire și Desfășurare
### Distribuire Quiz App (Azure Static Web Apps)
### Desfășurarea Quiz App (Azure Static Web Apps)
quiz-app este configurat pentru distribuire pe Azure Static Web Apps:
quiz-app este configurat pentru desfășurare în Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creează folderul dist/
# Depune prin workflow-ul GitHub Actions la push în main
# Desfășoară prin fluxul de lucru GitHub Actions la push către main
```
Configurație Azure Static Web Apps:
- **Locație aplicație**: `/quiz-app`
- **Locație output**: `dist`
Configurare Azure Static Web Apps:
- **Locația aplicației**: `/quiz-app`
- **Locația outputului**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generare PDF pentru documentație
### Generare PDF Documentație
```bash
npm install # Instalare docsify-to-pdf
npm install # Instalează docsify-to-pdf
npm run convert # Generează PDF din docs
```
@ -207,76 +207,76 @@ npm install -g docsify-cli # Instalează Docsify global
docsify serve # Servește pe localhost:3000
```
### Build-uri specifice proiectelor
### Construiri specifice proiectului
Fiecare director de proiect poate avea propriul proces de build:
- Proiecte Vue: `npm run build` creează pachete pentru producție
- Proiecte statice: Fără pas de build, se servesc fișierele direct
Fiecare director de proiect poate avea propriul proces de construire:
- Proiecte Vue: `npm run build` creează bundle-uri de producție
- Proiecte statice: fără pas de construire, fișiere servite direct
## Ghid pentru Pull Request-uri
## Ghid pentru Pull Requests
### Format titlu
### Formatul Titlului
Folosește titluri clare, descriptive care indică aria de modificare:
- `[Quiz-app] Adaugă noul quiz pentru lecția X`
- `[Lesson-3] Corectează typo în proiectul terrarium`
- `[Translation] Adaugă traducere în spaniolă pentru lecția 5`
Folosește titluri clare, descriptive care indică aria modificării:
- `[Quiz-app] Adaugă chestionar nou pentru lecția X`
- `[Lesson-3] Corectează greșeală în proiectul terrarium`
- `[Translation] Adaugă traducerea în spaniolă pentru lecția 5`
- `[Docs] Actualizează instrucțiunile de configurare`
### Verificări necesare
### Verificări Necesare
Înainte de a trimite un PR:
1. **Calitatea codului**:
1. **Calitate cod**:
- Rulează `npm run lint` în directoarele proiectelor afectate
- Corectează toate erorile și avertismentele
- Rezolvă toate erorile și avertismentele lint
2. **Verificare build**:
2. **Verificare construire**:
- Rulează `npm run build` dacă este cazul
- Asigură-te că nu există erori la build
- Asigură-te că nu apar erori la construire
3. **Validare linkuri**:
- Testează toate linkurile markdown
- Verifică dacă referințele la imagini funcționează
- Verifică referințele imaginii funcționează
4. **Revizuirea conținutului**:
- Corectează gramatica și ortografia
- Asigură-te că exemplele de cod sunt corecte și educaționale
- Verifică dacă traducerile păstrează sensul original
4. **Revizuire conținut**:
- Corectează ortografia și gramatica
- Asigură integritatea și claritatea educațională a exemplelor
- Verifică că traducerile păstrează sensul original
### Cerințe pentru contribuție
### Cerințe de Contribuție
- Acceptă Microsoft CLA (verificare automată la primul PR)
- Urmează [Codul de conduită pentru surse deschise Microsoft](https://opensource.microsoft.com/codeofconduct/)
- Vezi [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
- Referințe numerele issue-urilor în descrierea PR-ului dacă este cazul
- Respectă [Codul de Conduită Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
- Consultă [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
- Referințează numere de issue în descrierea PR-ului dacă este cazul
### Proces de revizuire
### Procesul de Revizuire
- PR-urile sunt revizuite de mentori și comunitate
- Claritatea educațională este prioritară
- Se prioritizează claritatea educațională
- Exemplele de cod trebuie să urmeze cele mai bune practici actuale
- Traducerile sunt revizuite pentru acuratețe și adecvare culturală
## Sistem de traducere
## Sistemul de Traducere
### Traducere automată
### Traducere Automată
- Folosește GitHub Actions cu workflow-ul co-op-translator
- Traduce automat în peste 50 de limbi
- Fișierele sursă sunt în directoarele principale
- Fișierele traduse sunt în directoarele `translations/{language-code}/`
- Fișiere sursă în directoarele principale
- Fișiere traduse în structura `translations/{language-code}/`
### Adăugarea îmbunătățirilor manuale de traducere
### Adăugarea Îmbunătățirilor Manuale la Traducere
1. Localizează fișierul în `translations/{language-code}/`
2. Fă îmbunătățiri păstrând structura
3. Asigură-te că exemplele de cod rămân funcționale
4. Testează orice conținut localizat pentru quiz
4. Testează orice conținut localizat de chestionar
### Metadata traducere
### Metadate Traducere
Fișierele traduse includ antet cu metadata:
Fișierele traduse includ antet cu metadate:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,110 +289,110 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Depanare și rezolvare probleme
## Depanare și Rezolvare Probleme
### Probleme comune
### Probleme Comune
**Quiz app nu pornește**:
- Verifică versiunea Node.js (recomandat v14+)
- Șterge `node_modules` și `package-lock.json`, rulează din nou `npm install`
- Verifică dacă există conflicte de port (implicit: Vite folosește port 5173)
- Verifică conflicte de port (implicit: Vite folosește port 5173)
**Serverul API nu pornește**:
- Verifică dacă versiunea Node.js este minimă (node >=10)
- Verifică dacă portul este deja ocupat
- Asigură-te că toate dependențele sunt instalate cu `npm install`
**Server API nu pornește**:
- Asigură versiunea minimă Node.js (node >=10)
- Verifică dacă portul este deja folosit
- Asigură instalarea dependențelor cu `npm install`
**Extensia browser nu se încarcă**:
- Verifică dacă manifest.json este corect formatat
- Verifică consola browserului pentru erori
- Urmează instrucțiunile specifice browserului pentru instalarea extensiei
- Verifică formatul corect al manifest.json
- Verifică consola browser pentru erori
- Urmează instrucțiunile specifice browser-ului pentru instalare extensie
**Probleme proiect chat Python**:
- Asigură-te că pachetul OpenAI este instalat: `pip install openai`
- Verifică dacă variabila de mediu GITHUB_TOKEN este setată
- Verifică permisiunile de acces la GitHub Models
- Asigură pachetul OpenAI instalat: `pip install openai`
- Verifică că variabila de mediu GITHUB_TOKEN este setată
- Verifică permisiunile de acces GitHub Models
**Docsify nu servește documentația**:
- Instalează docsify-cli global: `npm install -g docsify-cli`
- Rulează din directorul rădăcină al depozitului
- Verifică dacă există `docs/_sidebar.md`
- Verifică existența fișierului `docs/_sidebar.md`
### Sfaturi pentru mediul de dezvoltare
### Sfaturi pentru Mediu de Dezvoltare
- Folosește VS Code cu extensia Live Server pentru proiecte HTML
- Instalează extensiile ESLint și Prettier pentru formatări consecvente
- Folosește VS Code cu extensia Live Server pentru proiectele HTML
- Instalează extensiile ESLint și Prettier pentru formatare constantă
- Folosește DevTools din browser pentru depanare JavaScript
- Pentru proiecte Vue, instalează extensia Vue DevTools pentru browser
### Considerații de performanță
### Considerații de Performanță
- Numărul mare de fișiere traduse (50+ limbi) înseamnă clone complete mari
- Folosește clone superficial dacă lucrezi doar pe conținut: `git clone --depth 1`
- Numărul mare de fișiere traduse (peste 50 de limbi) înseamnă că clonările complete sunt mari
- Folosește shallow clone dacă lucrezi doar pe conținut: `git clone --depth 1`
- Exclude traducerile din căutări când lucrezi pe conținut în engleză
- Procesele de build pot fi lente la prima rulare (npm install, build Vite)
- Procesele de construire pot fi lente la prima execuție (npm install, construcție Vite)
## Considerații de securitate
## Considerații de Securitate
### Variabile de mediu
### Variabile de Mediu
- Cheile API nu trebuie niciodată comise în depozit
- Folosește fișiere `.env` (inclus deja în `.gitignore`)
- Folosește fișiere `.env` (deja incluse în `.gitignore`)
- Documentează variabilele de mediu necesare în README-urile proiectelor
### Proiecte Python
- Folosește medii virtuale: `python -m venv venv`
- Păstrează dependențele actualizate
- Token-urile GitHub trebuie să aibă permisiuni minime necesare
- Menține dependențele actualizate
- Tokenii GitHub trebuie să aibă permisiuni minime necesare
### Acces GitHub Models
- Sunt necesare Personal Access Tokens (PAT) pentru GitHub Models
- Token-urile trebuie stocate ca variabile de mediu
- Nu comite niciodată token-uri sau credențiale
- Se cer Tokenuri Personale de Acces (PAT) pentru GitHub Models
- Tokenii trebuie stocați ca variabile de mediu
- Nu comite niciodată tokenuri sau credențiale
## Note suplimentare
## Note Suplimentare
### Public țintă
### Public Țintă
- Începători compleți în dezvoltarea web
- Începători compleți în dezvoltare web
- Studenți și autodidacți
- Profesori care folosesc curriculumul în săli de clasă
- Conținut pentru accesibilitate și dezvoltarea graduală a abilităților
- Conținut conceput pentru accesibilitate și dezvoltare graduală a abilităților
### Filosofie educațională
### Filosofie Educațională
- Abordare bazată pe învățare prin proiecte
- Verificări frecvente ale cunoștințelor (teste)
- Exerciții practice de codare
- Exemple de aplicații din lumea reală
- Accent pe baze înainte de framework-uri
- Abordare bazată pe învățarea prin proiecte
- Verificări frecvente ale cunoștințelor (chestionare)
- Exerciții practice de programare
- Exemple de aplicare în 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
- Comunitate activă de învățăcei și contribuitori
- Actualizări regulate la dependențe și conținut
- Probleme și discuții monitorizate de mentori
- Actualizări automate ale traducerilor prin GitHub Actions
- Actualizări traduceri automate prin GitHub Actions
### Resurse conexe
### Resurse Relatate
- [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 adiționale: AI generativă, Data Science, ML, IoT
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru învățăcei
- Cursuri suplimentare: AI Generativ, Data Science, ML, curricula IoT disponibile
### Lucrul cu proiecte specifice
### Lucrul cu Proiecte Specifice
Pentru instrucțiuni detaliate privind proiectele individuale, consultă fișierele README din:
- `quiz-app/README.md` - aplicație de quiz Vue 3
Pentru instrucțiuni detaliate despre proiecte individuale, consultă fișierele README în:
- `quiz-app/README.md` - aplicație quiz Vue 3
- `7-bank-project/README.md` - aplicație bancară cu autentificare
- `5-browser-extension/README.md` - dezvoltare extensii browser
- `5-browser-extension/README.md` - dezvoltare extensie browser
- `6-space-game/README.md` - dezvoltare joc pe canvas
- `9-chat-project/README.md` - proiect asistent AI chat
### Structura monorepo
### Structura Monorepo
Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente:
- Fiecare lecție este autonomă
@ -404,5 +404,5 @@ Deși nu este un monorepo tradițional, acest depozit conține mai multe proiect
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare de responsabilitate**:
Acest document a fost tradus folosind serviciul de traducere automată AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim să oferim o traducere corectă, vă rugăm să aveți în vedere 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 răspunderea pentru eventualele neînțelegeri sau interpretări greșite ce pot rezulta din utilizarea acestei traduceri.
Acest document a fost tradus folosind serviciul de traducere automată [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 eventuale neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -12,69 +12,79 @@
# Dezvoltare Web pentru Începători - Un Curriculum
Învață elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni realizat 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 competențele și optimizează retenția cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi!
Învață elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni oferit de Microsoft Cloud Advocates. Fiecare din cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Implică-te în quizuri, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare chiar azi!
Alătură-te Comunității Azure AI Foundry pe Discord
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Urmează acești pași pentru a începe să folosești aceste resurse:
1. **Fork-uiește Repositorul**: 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ă Repositorul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Alătură-te Azure AI Foundry Discord și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
1. **Fă Fork la Repozitoriu**: Apasă [![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ă Repozitoriul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Alătură-te Discord-ului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Suport Multi-Limbaj
### 🌐 Suport Multilingv
#### Suportat prin GitHub Action (Automatizat și Întotdeauna Actualizat)
#### Suportat prin GitHub Action (Automat și Întotdeauna Actualizat)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](./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)
[Arabă](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgară](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chineză (Simplificată)](../zh-CN/README.md) | [Chineză (Tradițională, Hong Kong)](../zh-HK/README.md) | [Chineză (Tradițională, Macau)](../zh-MO/README.md) | [Chineză (Tradițională, Taiwan)](../zh-TW/README.md) | [Croată](../hr/README.md) | [Cehă](../cs/README.md) | [Daneză](../da/README.md) | [Olandeză](../nl/README.md) | [Estoniană](../et/README.md) | [Finlandeză](../fi/README.md) | [Franceză](../fr/README.md) | [Germană](../de/README.md) | [Greacă](../el/README.md) | [Ebraică](../he/README.md) | [Hindi](../hi/README.md) | [Maghiară](../hu/README.md) | [Indoneziană](../id/README.md) | [Italiană](../it/README.md) | [Japoneză](../ja/README.md) | [Kannada](../kn/README.md) | [Coreeană](../ko/README.md) | [Lituaniană](../lt/README.md) | [Malaieză](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepaleză](../ne/README.md) | [Pidgin Nigerian](../pcm/README.md) | [Norvegiană](../no/README.md) | [Persană (Farsi)](../fa/README.md) | [Poloneză](../pl/README.md) | [Portugheză (Brazilia)](../pt-BR/README.md) | [Portugheză (Portugalia)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Română](./README.md) | [Rusă](../ru/README.md) | [Sârbă (Chirilică)](../sr/README.md) | [Slovacă](../sk/README.md) | [Slovenă](../sl/README.md) | [Spaniolă](../es/README.md) | [Swahili](../sw/README.md) | [Suedeză](../sv/README.md) | [Tagalog (Filipineză)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailandeză](../th/README.md) | [Turcă](../tr/README.md) | [Ucraineană](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnameză](../vi/README.md)
> **Preferi să Clonezi Local?**
> Acest repository include traduceri în peste 50 de limbi, ceea ce crește semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout:
>
> Acest repo include traduceri în peste 50 de limbi ceea ce mărește semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește 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'
> ```
> Acesta îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
>
> **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"
> ```
>
> Acest lucru îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Dacă dorești să fie susținute limbi suplimentare de traducere, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Dacă dorești să ai suport pentru limbi suplimentare de traducere, acestea sunt listate [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)
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Deschide%20în%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 metode 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 deoarece conținutul este schimbat 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 metode de a obține un voucher gratuit pentru certificare. Aceasta este pagina pe care dorești să o adaugi la favorite și să o verifici din când în când deoarece conținutul se schimbă lunar.
### 📣 Anunț - Noi provocări GitHub Copilot Agent mode de completat!
### 📣 Anunț - Provocări noi de tip GitHub Copilot Agent de completat!
Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o nouă provocare pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta poate nu doar să genereze text, ci și să creeze și editeze fișiere, să ruleze comenzi și multe altele.
Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o provocare nouă pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit înainte modul Agent, acesta poate nu doar să genereze text, dar ș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 AI Generativ_
Proiect nou cu Asistent AI tocmai adăugat, vezi proiectul [aici](./9-chat-project/README.md)
Un nou proiect AI Assistant tocmai a fost adăugat, verifică-l [proiect](./9-chat-project/README.md)
### 📣 Anunț - _Curriculum nou_ despre Generative AI pentru JavaScript a fost lansat recent
### 📣 Anunț - _Curriculum Nou_ despre AI Generativ pentru JavaScript a fost lansat
Nu rata noul nostru curriculum Generative AI!
Nu rata noul nostru curriculum de AI Generativ!
Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe!
![Background](../../translated_images/ro/background.148a8d43afde5730.webp)
- Lecții care acoperă totul de la elementele de bază până la RAG.
- Lecții acoperind totul de la bază până la RAG.
- Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion.
- Narațiune distractivă ș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 cunoștințe și o provocare care te ghidează în învățarea subiectelor precum:
- Promptarea și ingineria de prompturi
- Generarea de aplicații text și imagini
Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare care să te ghideze în subiecte precum:
- Prompting și ingineria prompturilor
- 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!
@ -83,130 +93,129 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent
## 🌱 Începutul
> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea 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 feedback [î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ă, continuați cu citirea materialului de curs, efectuarea diverselor activități și verificați-vă înțelegerea cu chestionarul post-lectură.
**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un quiz înainte de lecție și continuați citind materialul lecției, completând diversele activități și verificați-vă înțelegerea cu un quiz după lecție.
Pentru a îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă să răspundă întrebărilor voastre.
Pentru a îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile î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ă continua educația, recomandăm cu căldură să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu.
Pentru a vă continua educația, recomandăm cu căldură 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
Acest curriculum are un mediu de dezvoltare gata de utilizare! Pe măsură ce începi poți alege să rulezi curriculumul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără necesitatea instalării_), 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 de utilizare! 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ă instalări necesare_), 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 propriul repository
Pentru a-ți salva ușor munca, se recomandă să îți creezi o copie a acestui repository. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Aceasta va crea un repository nou în contul tău GitHub cu o copie a curriculumului.
#### Creează-ți propriul repo
Pentru a-ți salva ușor lucrările, este recomandat să-ți creezi o copie proprie a acestui repo. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Acest lucru va crea un nou repo în contul tău de GitHub cu o copie a curriculum-ului.
Urmează acești pași:
1. **Fork-uiește Repositorul**: Apasă butonul "Fork" din colțul dreapta sus al acestei pagini.
2. **Clonează Repositorul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
1. **Fă Fork la Repozitoriu**: Apasă butonul "Fork" din colțul dreapta sus al acestei pagini.
2. **Clonează Repozitoriul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Rularea curriculumului într-un Codespace
#### Rularea curriculum-ului într-un Codespace
În copia ta de repository pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace în care să lucrezi.
În copia ta a acestui repo pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Acest lucru va crea un nou Codespace pentru tine în care să lucrezi.
![Codespace](../../translated_images/ro/createcodespace.0238bbf4d7a8d955.webp)
#### Rularea curriculumului local pe calculatorul tău
Pentru a rula acest curriculum local pe calculatorul tău, vei avea 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 Unelte de Bază](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare dintre aceste instrumente, pentru a-ți putea alege ce funcționează cel mai bine pentru tine.
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 de [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Rularea curriculum-ului local pe calculatorul tău
Pentru a rula acest curriculum local pe calculatorul tău, vei avea 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 uzuale](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare din aceste instrumente pentru a alege ce funcționează cel mai bine pentru tine.
1. Clonează repository-ul pe calculatorul tău. Poți face asta apăsând 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) 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 dând click pe 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 execută comanda următoare, înlocuind `<your-repository-url>` cu URL-ul pe care tocmai l-ai copiat:
Apoi, deschide [Terminalul](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 `<your-repository-url>` cu URL-ul pe care tocmai l-ai copiat:
```bash
git clone <your-repository-url>
```
2. Deschide folderul în Visual Studio Code. Poți face acest lucru făcând clic pe **Fișier** > **Deschide folder** și selectând folderul pe care tocmai l-ai clonat.
2. Deschide folderul în Visual Studio Code. Poți face acest lucru dând click 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 a previzualiza paginile HTML în Visual Studio Code
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru a previzualiza pagini 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:
- schiță opțională
- videoclip suplimentar opțional
- video suplimentar opțional
- quiz de încălzire înainte de lecție
- lecție scrisă
- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas despre cum să construiești 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/)
- [quiz post-lectie](https://ff-quizzes.netlify.app/web/)
> **O notă despre quiz-uri**: Toate quiz-urile sunt conținute în folderul Quiz-app, un total de 48 de quiz-uri cu câte trei întrebări fiecare. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/), aplicația pentru quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
> **O notă despre quiz-uri**: Toate quiz-urile sunt conținute î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 de quiz 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 Legată | Autor |
| :-: | :--------------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Începutul | Introducere în programare și uneltele meseriei | Învață fundamentele de bază din spatele majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști | [Introducere în limbajele de programare și uneltele meseriei](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Începutul | Noțiuni de bază GitHub, inclusiv lucru în echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod sursă | [Introducere în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Începutul | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamentele accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Bazele JS | Tipuri de date în JavaScript | Noțiunile de bază despre tipurile de date 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 cu JS | Învață cum să creezi condiții în cod folosind metode de luare a deciziilor | [Luarea deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Bazele JS | Array-uri și Buclă | 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 a crea un terrarium online, concentrându-te pe realizarea 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 elementele de bază CSS, inclusiv cum să faci pagina responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures în JavaScript, manipularea DOM | Construiește JavaScript-ul pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe closures și manipularea DOM-ului | [Closures JavaScript, manipularea 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 evenimentele de tastatură pentru a condimenta 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ă stabilești elementele de bază ale unei extensii pentru 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 browserului 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) | Procesarea în fundal în browser, performanța web | Folosește procesele în fundal ale browserului pentru a gestiona pictograma extensiei; învață despre performanța web și optimizări pentru a face | [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 avansată a jocurilor cu JavaScript | Învață despre moștenire folosind atât Clase, cât și Compoziție și modelul Pub/Sub, în pregătirea pentru construire unui joc | [Introducere în dezvoltarea avansată a jocurilor](./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) | Mișcarea elementelor pe ecran | Descoperă cum elementele pot obține mișcare folosind coordonatele carteziene și API-ul Canvas | [Mișcarea 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 unul la altul folosind apăsări de taste și oferă o funcție de cooldown pentru a asigura 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 | Realizează calcule matematice în funcție de starea ș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 asset-urilor ș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 site 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) | Construirea unui formular de autentificare și înregistrare | Învață despre construirea formularelor și gestionarea rutinei de validare | [Formulare](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de obținere și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le obții, 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 gestionare a stării | Învață cum aplicația ta păstrează starea și cum să o gestionezi programatic | [Gestionarea stării](./7-bank-project/4-state-management/README.md) | Yohan |
| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Legată | Autor |
| :-: | :--------------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | Introducere în Programare și Unelte Utilizate | Învață bazele comune celor mai multe limbaje de programare și despre software-ul ce ajută dezvoltatorii profesioniști să lucreze | [Intro la Limbaje de Programare și Unelte Utilizate](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | Bazele GitHub, inclusiv lucrul în echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod sursă | [Intro la GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | Accesibilitate | Învață bazele accesibilității web | [Fundamentele Accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | Tipuri de Date în JavaScript | Bazele tipurilor de date în 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ță 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 | JS Basics | Arrays și Buclă | Lucrează cu date folosind array-uri și bucle în JavaScript | [Arrays și Buclă](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în Practică | Construiește HTML-ul pentru a crea un terariu online, concentrându-te pe crearea unei structuri | [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 și pe 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, manipularea DOM | Construiește JavaScript pentru a face ca terariul să funcționeze cu 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 la tastatură pentru a conduce logica aplicației tale JavaScript | [Programare condusă de evenimente](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrează cu browsere | Învață cum funcționează browserele, istoria lor și cum să scaffoldezi 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 | Construiește elementele JavaScript ale extensiei tale 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) | Procesele de fundal ale browserului, performanța web | Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și 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 mai avansată de jocuri cu JavaScript | Învață despre Moștenire folosind atât Clase cât și Compoziție și tiparul Pub/Sub, pregătindu-te pentru construirea unui joc | [Introducere în dezvoltarea avansată a jocurilor](./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 coordonatele 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 folosind apăsări de tastă și adaugă o funcție de 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 starea ș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 reluarea jocului | Învață despre terminarea și reluarea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de final](./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 multipaginar 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 | Învață cum să construiești formulare și să gestionezi rutinele de validare | [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 obții, 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 gestionare a stării | Învață cum aplicația ta reține starea și cum să o gestionezi programatic | [Gestionarea 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 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ă construiești propriul asistent AI | [Proiect Asistent AI](./9-chat-project/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 |
## 🏫 Pedagogie
Curriculumul nostru este proiectat având în minte două principii pedagogice esențiale:
* învățarea bazată pe proiecte
* quizuri frecvente
Curriculumul nostru este conceput având în vedere două principii pedagogice cheie:
* învățarea bazată pe proiecte
* quiz-uri frecvente
Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai recente unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea de a dezvolta experiență practică construind un joc de tastare, un terrarium virtual, o extensie de browser eco-friendly, un joc tip space invader și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor avea 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 astăzi. Studenții vor avea oportunitatea să acumuleze experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser ecologică, un joc stil Space Invaders și o aplicație bancară pentru afaceri. 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 [Cale de Învățare](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 [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
Asigurându-ne că conținutul se aliniază cu proiectele, procesul devine mai captivant pentru studenți și reținerea conceptelor este amplificată. De asemenea, am scris mai multe lecții introductive despre bazele JavaScript pentru a introduce conceptele, însoțite de un videoclip 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ăror autori au contribuit și la acest curriculum.
Asigurând că conținutul este aliniat cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor este crescută. Am scris, de asemenea, câteva lecții introductive în bazele JavaScript, însoțite de un video 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)", ale cărei autorii au contribuit la acest curriculum.
În plus, un quiz cu miză scăzută înainte de clasă setează intenția studentului spre învățarea unui subiect, în timp ce un al doilea quiz după clasă asigură o reținere suplimentară. Acest curriculum a fost proiectat să fie flexibil și distractiv și poate 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 quiz cu miză redusă înainte de o clasă setează intenția studentului spre învățare a 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 și poate fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la sfârșitul ciclului de 12 săptămâni.
Deși am evitat intenționat să introducem cadrele JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un bun pas următor după finalizarea acestui curriculum ar fi învățarea 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)".
Deși am evitat în mod 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)".
> Vizitează [Codul nostru de conduită](CODE_OF_CONDUCT.md) și liniile directoare pentru [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
> Vizitează regulile noastre din [Codul de conduită](CODE_OF_CONDUCT.md) și [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
## 🧭 Acces offline
Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă un fork acestui 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 pe localhost-ul tău: `localhost:3000`.
Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă fork la acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală și apoi în folderul rădăcină al repo-ului tastează `docsify serve`. Site-ul va fi servit la 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).
## 🎒 Alte cursuri
Echipa noastră produce și alte cursuri! Verifică:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
@ -216,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)
@ -224,7 +233,7 @@ Echipa noastră produce și alte cursuri! Verifică:
---
### Seria AI Generativă
### Seria 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)
@ -251,21 +260,21 @@ Echipa noastră produce și alte cursuri! Verifică:
## Obținerea ajutorului
Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI, alătură-te colegilor cursanți și dezvoltatorilor experimentați în discuții despre MCP. Este o comunitate de susținere unde întrebările sunt binevenite iar 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 și 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 întâmpini erori în timp ce construiești, vizitează:
Dacă ai feedback despre produse 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)
## Licență
Acest depozit este licențiat sub licența MIT. Vezi fișierul [LICENSE](../../LICENSE) pentru mai multe informații.
Acest depozit este licențiat sub licența MIT. Consultă fișierul [LICENSE](../../LICENSE) pentru mai multe informații.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare de responsabilitate**:
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.
Acest document a fost tradus utilizând serviciul de traducere automată 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ă o traducere profesională realizată de un traducător uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite care pot rezulta din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,7 +1,7 @@
{
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e",
"translation_date": "2026-01-07T05:15:33+00:00",
"original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2026-03-06T13:15:58+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "sk"
},
@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-02-06T18:19:51+00:00",
"translation_date": "2026-03-06T13:31:42+00:00",
"source_file": "AGENTS.md",
"language_code": "sk"
},
@ -516,8 +516,8 @@
"language_code": "sk"
},
"README.md": {
"original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
"translation_date": "2026-02-06T18:15:16+00:00",
"original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-03-06T13:12:17+00:00",
"source_file": "README.md",
"language_code": "sk"
},

@ -2,27 +2,27 @@
## Prehľad projektu
Toto je vzdelávacia učebná osnova na výučbu základov webového vývoja pre začiatočníkov. Učebná osnova je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, obsahujúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
Toto je edukačné úložisko kurikula určené na výučbu základov webového vývoja pre začiatočníkov. Kurikulum je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, zahŕňajúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
### Kľúčové komponenty
### Hlavné komponenty
- **Vzdelávací obsah**: 24 štruktúrovaných lekcií organizovaných do projektovo orientovaných modulov
- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Hra v priestore, Banková aplikácia, Kódovací editor a AI Chat asistent
- **Interaktívne kvízy**: 48 kvízov s 3 otázkami v každom (pred a po lekcii)
- **Podpora viacerých jazykov**: Automatizované preklady do viac než 50 jazykov prostredníctvom GitHub Actions
- **Edukačný obsah**: 24 štruktúrovaných lekcií organizovaný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, Kódový editor a AI Chat asistent
- **Interaktívne kvízy**: 48 kvízov so 3 otázkami každý (pred a po lekcii)
- **Viacjazyčná podpora**: 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ávacie úložisko so štruktúrou založenou na lekciách
- Každá zložka lekcie obsahuje README, príklady kódu a riešenia
- Samostatné projekty v samostatných adresároch (quiz-app, rôzne lekčné projekty)
- Edukačné úložisko so štruktúrou založenou na lekciách
- Každá lekcia obsahuje README, ukážky kódu a riešenia
- Samostatné projekty v oddelených adresároch (quiz-app, rôzne lekčné projekty)
- Prekladový systém využívajúci GitHub Actions (co-op-translator)
- Dokumentácia poskytovaná cez Docsify a dostupná ako PDF
- Dokumentácia poskytovaná cez Docsify a dostupná aj vo formáte PDF
## Príkazy na nastavenie
Toto úložisko je primárne na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi:
Toto úložisko je primárne určené na štúdium edukačného obsahu. Pre prácu so špecifickými projektmi:
### Nastavenie hlavného úložiska
@ -31,24 +31,24 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Nastavenie quiz aplikácie (Vue 3 + Vite)
### Nastavenie Quiz App (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Spustiť vývojový server
npm run build # Vytvoriť zostavu pre produkciu
npm run build # Vytvoriť produkčnú verziu
npm run lint # Spustiť ESLint
```
### API banka projekt (Node.js + Express)
### Bankový projekt API (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Spustiť API server
npm run lint # Spustiť ESLint
npm run format # Formátovať pomocou Prettier
npm run format # Naformátovať pomocou Prettier
```
### Projekty rozšírení prehliadača
@ -59,7 +59,7 @@ npm install
# Postupujte podľa pokynov na načítanie rozšírení špecifických pre prehliadač
```
### Projekty hry v priestore
### Projekty vesmírnej hry
```bash
cd 6-space-game/solution
@ -67,7 +67,7 @@ npm install
# Otvorte index.html v prehliadači alebo použite Live Server
```
### Chat projekt (Python Backend)
### Chat projekt (Python backend)
```bash
cd 9-chat-project/solution/backend/python
@ -76,37 +76,37 @@ pip install openai
python api.py
```
## Vývojový workflow
## Vývojový pracovný tok
### Pre prispievateľov obsahu
1. **Forknite úložisko** do svojho GitHub účtu
1. **Vytvorte fork úložiska** na svoj GitHub účet
2. **Naklonujte svoj fork** lokálne
3. **Vytvorte nový branch** pre svoje zmeny
4. Upravujte obsah lekcií alebo príklady kódu
5. Testujte akékoľvek kódové zmeny v príslušných projektových adresároch
6. Podajte pull requesty podľa smerníc pre prispievanie
3. **Vytvorte novú vetvu** pre svoje zmeny
4. Upraviť obsah lekcií alebo ukážky kódu
5. Otestujte zmeny kódu v relevantných projektových adresároch
6. Odoslať pull requesty podľa pravidiel prispievania
### Pre študentov
1. Forknite alebo naklonujte úložisko
2. Postupujte sekvenčne do adresárov lekcií
1. Forknite alebo klonujte úložisko
2. Postupujte sekvenčne adresáre s lekciami
3. Čítajte README súbory ku každej lekcii
4. Vyplňte predlekčné kvízy na https://ff-quizzes.netlify.app/web/
5. Pracujte na príkladoch v adresároch lekcií
6. Dokončite úlohy a výzvy
7. Vyplňte post-lekčné kvízy
4. Vykonajte predlekcné kvízy na https://ff-quizzes.netlify.app/web/
5. Prejdite si kódové ukážky vo vnútri lekčných adresárov
6. Splňte zadania a výzvy
7. Vykonajte po lekcii kvízy
### Živý vývoj
### Live vývoj
- **Dokumentácia**: Spustite `docsify serve` v koreňovom adresári (port 3000)
- **Quiz aplikácia**: Spustite `npm run dev` v adresári quiz-app
- **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
- **Quiz App**: Spustite `npm run dev` v adresári quiz-app
- **Projekty**: Použite VS Code rozšírenie Live Server pre HTML projekty
- **API projekty**: Spustite `npm start` v príslušných adresároch API
## Testovacie pokyny
## Inštrukcie na testovanie
### Testovanie quiz aplikácie
### Testovanie Quiz App
```bash
cd quiz-app
@ -114,78 +114,78 @@ npm run lint # Skontrolujte problémy so štýlom kódu
npm run build # Overte úspešnosť zostavenia
```
### Testovanie bankového API
### Testovanie Bank API
```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
### Všeobecný testovací postup
- Toto je vzdelávacie úložisko bez komplexných automatizovaných testov
- Ide o edukačné úložisko bez komplexných automatizovaných testov
- Manuálne testovanie sa zameriava na:
- Spustenie príkladov kódu bez chýb
- Funkčnosť odkazov v dokumentácii
- Úspešné zostavenie projektov
- Dodržiavanie najlepších praktík v príkladoch
- Kódové ukážky sa spúšťajú bez chybných hlásení
- Odkazy v dokumentácii fungujú správne
- Projekty sa úspešne zostavujú
- Ukážky dodržiavajú osvedčené postupy
### Kontroly pred zaslaním PR
### Kontroly pred odoslaním
- Spustite `npm run lint` v adresároch s package.json
- Overte platnosť markdown odkazov
- Otestujte príklady kódu v prehliadači alebo Node.js
- Spustite `npm run lint` v adresároch, kde je package.json
- Overte, že markdown odkazy sú platné
- Otestujte ukážky kódu v prehliadači alebo Node.js
- Skontrolujte, či preklady zachovávajú správnu štruktúru
## Návody na štýl kódu
## Pravidlá štýlu kódu
### JavaScript
- Používajte modernú ES6+ syntax
- Dodržiavajte štandardné ESLint konfigurácie poskytnuté v projektoch
- Používajte významné mená premenných a funkcií pre vzdelávaciu jasnosť
- Používajte moderný ES6+ syntax
- Dodržiavajte štandardné ESLint konfigurácie definované v projektoch
- Používajte zrozumiteľné názvy premenných a funkcií pre lepšie pochopenie
- Pridávajte komentáre vysvetľujúce koncepty pre študentov
- Formátujte pomocou Prettier tam, kde je nastavený
- Formátujte kód pomocou Prettier tam, kde je nastavený
### HTML/CSS
- Sémantické HTML5 elementy
- Zásady responzívneho dizajnu
- Jasné pomenovanie tried
- Používajte sémantické HTML5 prvky
- Dodržiavajte princípy responzívneho dizajnu
- Jasné pomenovanie CSS tried
- Komentáre vysvetľujúce CSS techniky pre študentov
### Python
- Štýlové smernice PEP 8
- Jasné, vzdelávacie príklady kódu
- Používanie typových anotácií tam, kde pomáhajú výučbe
- Dodržiavajte štandard PEP 8
- Jasné, edukačné ukážky kódu
- Používajte typové anotácie tam, kde sú užitočné pre učenie
### Markdown dokumentácia
- Jasná hierarchia nadpisov
- Kódové bloky so špecifikáciou jazyka
- Bloky kódu so špecifikáciou jazyka
- Odkazy na ďalšie zdroje
- Snímky obrazovky a obrázky v `images/` adresároch
- Alternatívny text pre obrázky na prístupnosť
- Screenshoty a obrázky v adresároch `images/`
- Alt text pre obrázky pre zlepšenie prístupnosti
### Organizácia súborov
- Lekcie číslované sekvenčne (1-getting-started-lessons, 2-js-basics a pod.)
- Každý projekt má `solution/` a často `start/` alebo `your-work/` adresáre
- Obrázky uložené v špecifických `images/` priečinkoch lekcií
- Preklady v štruktúre `translations/{language-code}/`
- Lekcie číslované postupne (1-getting-started-lessons, 2-js-basics atď.)
- Každý projekt má adresáre `solution/` a často aj `start/` alebo `your-work/`
- Obrázky uložené v lekciových `images/` zložkách
- Preklady v štruktúre `translations/{jazykový-kód}/`
## Zostavenie a nasadenie
## Sestavenie a nasadenie
### Nasadenie quiz aplikácie (Azure Static Web Apps)
### 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 pomocou workflow GitHub Actions pri pushnutí do main
# Nasadzuje cez workflow GitHub Actions pri pushi do main
```
Konfigurácia Azure Static Web Apps:
@ -200,83 +200,83 @@ npm install # Nainštalujte docsify-to-pdf
npm run convert # Vygenerujte PDF z docs
```
### Docsify dokumentácia
### Dokumentácia cez Docsify
```bash
npm install -g docsify-cli # Nainštalujte Docsify globálne
docsify serve # Spustiť na localhost:3000
```
### Zostavenie špecifické pre projekt
### Špecifické zostavenia projektov
Každý projektový adresár môže mať vlastný proces zostavenia:
- Vue projekty: `npm run build` vytvára produkčné balíčky
- Statické projekty: Žiadny build krok, súbory sa poskytujú priamo
Každý projektový adresár môže mať vlastný build proces:
- Vue projekty: `npm run build` vytvára produkčné balíky
- Statické projekty: Bez build kroku, súbory servované priamo
## Smernice pre pull requesty
## Pravidlá pre pull requesty
### Formát názvu
### Formát nadpisu
Používajte jasné, popisné názvy označujúce oblasť zmeny:
Používajte jasné, popisné názvy vyjadrujú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`
### Povinné kontroly
### Požadované kontroly
Pred odoslaním PR:
1. **Kvalita kódu**:
- Spustite `npm run lint` v ovplyvnených projektových adresároch
- Opravte všetky chyby a varovania lintera
- Spustite `npm run lint` v dotknutých projektových adresároch
- Opravte všetky linting chyby a varovania
2. **Overenie build-u**:
2. **Overenie buildu**:
- Spustite `npm run build`, ak je to relevantné
- Uistite sa, že nie sú žiadne chyby zostavenia
- Uistite sa, že nie sú chyby v build procese
3. **Validácia odkazov**:
- Otestujte všetky markdown odkazy
- Overte fungovanie referencií na obrázky
- Overte správne fungovanie odkazov na obrázky
4. **Kontrola obsahu**:
- Korektúra pravopisu a gramatiky
- Overenie správnosti a vzdelávacieho aspektu príkladov kódu
- Kontrola, či preklady zachovávajú pôvodný význam
- Overenie správnosti a edukačnej hodnoty kódových príkladov
- Overenie, že preklady zachovávajú pôvodný význam
### Požiadavky na príspevok
### Požiadavky na prispievateľov
- Súhlas so zmluvou Microsoft CLA (automatická kontrola pri prvom PR)
- Dodržiavanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Viac detailov v [CONTRIBUTING.md](./CONTRIBUTING.md)
- Referencia na čísla issue v popise PR, ak je to relevantné
- Súhlas s Microsoft CLA (automatická kontrola pri prvom PR)
- Dodržiavať [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Viac info v [CONTRIBUTING.md](./CONTRIBUTING.md)
- Uvádzať čísla issues v popise PR, ak sa to týka
### Proces preskúmania
### Proces revízie
- PR prehliadajú správci a komunita
- Prioritou je vzdelávacia zrozumiteľnosť
- Príklady kódu by mali dodržiavať súčasné najlepšie praktiky
- Preklady sú preskúmavané na presnosť a kultúrnu vhodnosť
- PR prehliadajú správcovia a komunita
- Priorita je edukačná zrozumiteľnosť
- Kódové príklady by mali dodržiavať aktuálne osvedčené postupy
- Preklady sa kontrolujú z hľadiska presnosti a kultúrnej vhodnosti
## Prekladový systém
### Automatizovaný preklad
- Používa GitHub Actions so workflow co-op-translator
- Prekladá do viac než 50 jazykov automaticky
- Zdrojové súbory v hlavných adresároch
- Preložené súbory sú v `translations/{language-code}/` adresároch
- Využíva GitHub Actions so workflow co-op-translator
- Automaticky prekladá do 50+ jazykov
- Zdrojové súbory v hlavných adresároch
- Preložené súbory v `translations/{jazykový-kód}/`
### Pridávanie manuálnych zlepšení prekladu
### Pridávanie manuálnych vylepšení prekladu
1. Nájdite súbor v `translations/{language-code}/`
2. Zlepšite obsah pri zachovaní štruktúry
3. Zabezpečte, že príklady kódu zostanú funkčné
4. Otestujte lokalizovaný obsah kvízov
1. Nájdite súbor v `translations/{jazykový-kód}/`
2. Vykonajte úpravy pri zachovaní štruktúry
3. Uistite sa, že kódové príklady zostávajú funkčné
4. Otestujte lokalizovaný obsah kvízu
### Metadata prekladu
Preložené súbory obsahujú hlavičku s metadátami:
Preložené súbory obsahujú hlavičku metadata:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -293,100 +293,100 @@ CO_OP_TRANSLATOR_METADATA:
### Bežné problémy
**Quiz aplikácia sa nespustí**:
- Skontrolujte verziu Node.js (odporúča sa v14+)
- Vymažte `node_modules` a `package-lock.json`, znovu spustite `npm install`
- Overte konflikty portov (predvolené: Vite používa port 5173)
**Quiz app sa nespúšťa**:
- Skontrolujte verziu Node.js (odporúča v14+)
- Odstráňte `node_modules` a `package-lock.json`, spustite `npm install` znova
- Skontrolujte konflikt portov (predvolené: Vite používa port 5173)
**API server sa nespustí**:
- Skontrolujte, či verzia Node.js spĺňa minimálne požiadavky (node >=10)
- Overte, či port nie je už obsadený
**API server sa nespúšťa**:
- Overte minimálnu požadovanú verziu Node.js (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**:
- Overte správne formátovanie manifest.json
- Skontrolujte konzolu prehliadača na chyby
- Postupujte podľa inštrukcií pre inštaláciu rozšírení špecifických pre prehliadač
- Skontrolujte správne formátovanie manifest.json
- Prezrite konzolu prehliadača kvôli chybám
- Dodržiavajte inštrukcie inštalácie rozšírení pre daný prehliadač
**Problémy s Python chat projektom**:
- Overte, či je nainštalovaný balík OpenAI: `pip install openai`
- Skontrolujte nastavenie environmentálnej premennej GITHUB_TOKEN
- Skontrolujte prístupové práva k GitHub Models
- Skontrolujte, či je nastavená premenná prostredia GITHUB_TOKEN
- Overte prístupové práva k GitHub Models
**Docsify neposkytuje dokumentáciu**:
**Docsify neservíruje dokumentáciu**:
- Nainštalujte docsify-cli globálne: `npm install -g docsify-cli`
- Spustite z koreňového adresára úložiska
- Overte, že existuje `docs/_sidebar.md`
- Spúšťajte z koreňového adresára repo
- Overte, že existuje súbor `docs/_sidebar.md`
### Tipy pre vývojové prostredie
- Používajte VS Code s rozšírením Live Server pre HTML projekty
- Nainštalujte rozšírenia ESLint a Prettier pre konzistentné formátovanie
- Používajte DevTools prehliadača na ladenie JavaScriptu
- Pre Vue projekty nainštalujte rozšírenie Vue DevTools do prehliadača
- Inštalujte ESLint a Prettier rozšírenia pre konzistentné formátovanie
- Používajte prehliadačové DevTools na ladenie JavaScriptu
- Pre Vue projekty nainštalujte Vue DevTools rozšírenie prehliadača
### Výkonnostné úvahy
- Veľké množstvo preložených súborov (50+ jazykov) znamená, že úplné klony sú veľké
- Používajte shallow clone, ak pracujete iba s obsahom: `git clone --depth 1`
- Pri práci s anglickým obsahom vylúčte preklady z vyhľadávania
- Build procesy môžu byť pri prvom spustení pomalé (npm install, Vite build)
- Veľké množstvo prekladaných súborov (50+ jazykov) spôsobuje veľké clone repozitára
- Používajte shallow clone, ak pracujete len s obsahom: `git clone --depth 1`
- Vynechávajte preklady z vyhľadávania pri práci v angličtine
- Sestavovacie procesy môžu byť pomalé pri prvom spustení (npm install, Vite build)
## Bezpečnostné upozornenia
## Bezpečnostné opatrenia
### Environmentálne premenne
### Premenné prostredia
- API kľúče by nikdy nemali byť commitnuté do repozitára
- API kľúče by nikdy nemali byť commitované do úložiska
- Používajte `.env` súbory (už v `.gitignore`)
- Dokumentujte potrebné environmentálne premenne v README projektov
- Dokumentujte požadované premenné prostredia v README projektov
### Python projekty
- Používajte virtuálne prostredia: `python -m venv venv`
- Udržiavajte závislosti aktualizované
- GitHub tokeny by mali mať minimálne potrebné povolenia
- Udržiavajte závislosti aktuálne
- GitHub tokeny by mali mať minimálne potrebné oprávnenia
### Prístup k GitHub Models
- Osobné prístupové tokeny (PAT) sú vyžadované pre GitHub Models
- Tokeny by mali byť uložené ako environmentálne premenne
- Potrebné sú Personal Access Tokens (PAT)
- Tokeny ukladajte ako environmentálne premenné
- Nikdy necommitujte tokeny alebo prihlasovacie údaje
## Dodatočné poznámky
## Ďalšie poznámky
### Cieľové publikum
### Cieľová skupina
- Úplní začiatočníci vo webovom vývoji
- Študenti a samoukovia
- Učitelia používajúci osnovu vo vyučovaní
- Obsah navrhnutý pre prístupnosť a postupné budovanie zručností
- Učitelia používajúci kurikulum v triedach
- Obsah navrhnutý pre prístupnosť a postupné nadobúdanie zručností
### Vzdelávacia filozofia
### Edukačná filozofia
- Projektovo orientované učenie
- Časté kontroly poznatkov (kvízy)
- Praktické kódovacie cvičenia
- Príklady aplikácií z reálneho sveta
- Dôraz na základy pred frameworkmi
- Prístup založený na projektoch
- Časté kontrolné otázky (kvízy)
- Praktické programovacie cvičenia
- Príklady z reálneho sveta
- Dôraz na základy pred frameworkami
### Údržba úložiska
- Aktívna komunita študentov a prispievateľov
- Pravidelné aktualizácie závislostí a obsahu
- Issue a diskusie monitorované správcom
- Aktualizácie prekladov automatizované cez GitHub Actions
- Správa issues a diskusií od správcov
- Automatické aktualizácie prekladov cez GitHub Actions
### Súvisiace 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) odporúčaný pre študentov
- Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT učebné osnovy dostupné
- Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT kurikulum dostupné
### Práca s konkrétnymi projektmi
### Práca so špecifickými projektmi
Pre podrobné inštrukcie k jednotlivým projektom si pozrite README súbory v:
- `quiz-app/README.md` - Vue 3 quiz aplikácia
- `quiz-app/README.md` - Vue 3 kvízová aplikácia
- `7-bank-project/README.md` - Banková aplikácia s autentifikáciou
- `5-browser-extension/README.md` - Vývoj rozšírení prehliadača
- `6-space-game/README.md` - Vývoj hry založenej na Canvas
@ -394,15 +394,15 @@ Pre podrobné inštrukcie k jednotlivým projektom si pozrite README súbory v:
### Štruktúra monorepa
Aj keď nejde o tradičné monorepo, toto úložisko obsahuje niekoľko nezávislých projektov:
Aj keď nejde o tradičné monorepo, toto úložisko obsahuje viacero nezávislých projektov:
- Každá lekcia je samostatná
- Projekty nezdieľajú závislosti
- Pracujte na jednotlivých projektoch bez vplyvu na ostatné
- Naklonujte celé repozitárum pre kompletný zážitok z osnovy
- Pracujte na jednotlivých projektoch bez ovplyvnenia ostatných
- Naklonujte celé repo pre plné kurikulumové skúsenosti
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vymedzenie 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 zabezpečiť 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. Za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu nenesieme zodpovednosť.
**Upozornenie**:
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ť, treba mať 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 nedorozumenia alebo nesprávne interpretácie vzniknuté z použitia tohto prekladu.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,250 +1,254 @@
# Webový vývoj pre začiatočníkov - učebný plán
# Vývoj webu pre začiatočníkov - Učebný plán
Naučte sa základy webového vývoja s naším komplexným 12-týždňovým kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa zameriava na JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte si zapamätanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu kódovania už dnes!
Naučte sa základy vývoja webu s naším 12-týždňovým komplexným kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa zameriava na JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte uchovávanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu programovania ešte dnes!
Pridajte sa do komunity Azure AI Foundry na Discorde
Pripojte sa ku komunite Azure AI Foundry na Discorde
Nasledujte tieto kroky, aby ste mohli začať používať tieto zdroje:
1. **Vytvorte fork repozitára**: 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 repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Pridajte sa do Azure AI Foundry Discordu a stretnite expertov a ďalších vývojárov**](https://discord.com/invite/ByRwuEEgH4)
Nasledujte tieto kroky, aby ste začali použí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. **Klónujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Pripojte sa ku komunite Azure AI Foundry na Discorde a spoznajte odborníkov a kolegov vývojárov**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Podpora viacerých jazykov
#### Podporované cez GitHub Action (automatizované a vždy aktuálne)
> **Uprednostňujete lokálne klonovanie?**
> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zvyšuje veľkosť sťahovania. Ak chcete klonovať bez prekladov, použite sparse checkout:
> ```bash
> **Preferujete klonovanie lokálne?**
>
> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčšuje veľkosť sťahovania. 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'
> ```
> Tým získate všetko, čo potrebujete na absolvovanie kurzu s oveľa rýchlejším sťahovaním.
>
> **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"
> ```
>
>
> Toto vám poskytne všetko potrebné na dokončenie kurzu s oveľa rýchlejším sťahovaním.
**Ak chcete, aby boli podporované ďalšie jazyky prekladov, nájdete ich [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Ak chcete podporu ďalších jazykov prekladov, nájdete ich zoznam [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑‍🎓 _Ste študent?_
Navštívte [**študentskú stránku**](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 spôsoby, ako získať bezplatný certifikát. Toto je stránka, ktorú si chcete uložiť do záložiek a občas si ju pozrieť, pretože obsah sa mení každý mesiac.
### 📣 Oznámenie - nové výzvy režimu GitHub Copilot Agent na dokončenie!
Pridaná nová výzva, hľadajte "GitHub Copilot Agent Challenge 🚀" v najväčšine kapitol. To je nová výzva na dokončenie pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužili, dokáže nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a ďalšie.
Navštívte [**študentskú stránku Student Hub**](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 spôsoby, ako získať bezplatný certifikátový poukaz. Toto je stránka, ktorú si chcete uložiť medzi záložky a čas od času ju skontrolovať, pretože obsah sa mení každý mesiac.
### 📣 Oznámenie - _nový projekt na vybudovanie pomocou generatívnej AI_
### 📣 Oznámenie - Nové výzvy režimu GitHub Copilot Agent na dokončenie!
Práve bol pridaný nový projekt AI asistenta, pozrite si [projekt](./9-chat-project/README.md)
Pridaná nová výzva, nájdite "GitHub Copilot Agent Challenge 🚀" v väčšine kapitol. Je to nová výzva pre vás na dokončenie pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužili, dokáže nielen generovať text, ale aj tvoriť a upravovať súbory, spúšťať príkazy a ďalšie.
### 📣 Oznámenie - _nový učebný plán_ o generatívnej AI pre JavaScript práve vydaný
### 📣 Oznámenie - _Nový projekt postavený pomocou generatívnej AI_
Nezmeškajte náš nový učebný plán 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), aby ste mohli začať!
### 📣 Oznámenie - _Nový učebný plán_ na Generatívnu 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 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!
Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
![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, budete cestovať časom!
Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktoré vás prevedú témami ako:
- Promptovanie a prompt engineering
- Generovanie textových a obrazových aplikácií
- Vyhľadávacie aplikácie
Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás prevedie učením tém 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), aby ste mohli začať!
Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
## 🌱 Začíname
> **Učitelia**, pridali sme [niekoľko návrhov](for-teachers.md), ako používať tento učebný plán. Radi uvítame vaše pripomienky [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Učitelia**, pridali sme [niekoľko návrhov](for-teachers.md), ako používať tento učebný plán. Budeme radi za vašu spätnú väzbu [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)**, pre každú lekciu začnite kvízom pred prednáškou, pokračujte čítaním prednáškového materiálu, dokončite rôzne aktivity a overte si svoje 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 a pokračujte čítaním prednáškového materiálu, dokončovaním rôznych aktivít a overte si pochopenie pomocou povykaného kvízu.
Pre zlepšenie vášho učenia sa spojte so svojimi rovesníkmi a pracujte spoločne na projektoch! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde vám bude k dispozícii náš tím moderátorov na zodpovedanie otázok.
Pre lepší zážitok z učenia sa spojte so svojimi spolužiakmi, aby ste mohli spoločne pracovať na projektoch! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde bude tím moderátorov pripravený odpovedať na vaše otázky.
Pre rozšírenie vašich vedomostí dôrazne odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre ďalšie študijné materiály.
Pre ďalšie vzdelávanie dôrazne odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre ďalšie študijné materiály.
### 📋 Nastavenie vášho prostredia
Tento učebný plán má pripravené vývojové prostredie! Keď začnete, môžete si vybrať spustenie kurzu v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači, ktoré nevyžaduje inštaláciu_), alebo lokálne na vašom počítači pomocou textového editora ako [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Tento učebný plán má pripravené vývojové prostredie! Na začiatku môžete vybrať spustenie učebného plánu v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači, nie je potrebná inštalácia_) alebo lokálne vo vašom počítači pomocou textového editora ako [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Vytvorte si svoj repozitár
Pre jednoduché uloženie vašej práce sa odporúča vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Tým sa vytvorí nový repozitár vo vašom GitHub účte s kópiou učebného plánu.
#### Vytvorte si vlastný repozitár
Pre jednoduché ukladanie svojej práce odporúčame vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Toto vytvorí nový repozitár vo vašom účte GitHub s kópiou učebného plánu.
Postupujte podľa týchto krokov:
1. **Vytvorte fork repozitára**: 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`
Postupujte podľa týchto krokov:
1. **Forknite si repozitár**: Kliknite na tlačidlo „Fork“ v pravom hornom rohu tejto stránky.
2. **Klónujte 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 repozitára, ktorú ste vytvorili, kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa pre vás vytvorí nový Codespace na prácu.
Vo vašej vlastnej kópii repozitára, ktorú ste vytvorili, kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa pre vás vytvorí nový Codespace na prácu.
![Codespace](../../translated_images/sk/createcodespace.0238bbf4d7a8d955.webp)
#### Spustenie učebného plánu lokálne na vašom počítači
#### Spustenie kurzu lokálne na vašom počítači
Ak chcete spustiť učebný plán 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 remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si vybrali, čo vám najviac vyhovuje.
Na spustenie tohto kurzu lokálne potrebujete textový editor, prehliadač a nástroj príkazového riadka. 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 každý z týchto nástrojov, 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ý má tiež 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 svoj repozitár do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL:
Našou odporúčanou voľbou je použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý má tiež 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. Klonujte si svoj repozitár do svojho počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL:
[CodeSpace](./images/createcodespace.png)
Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) vo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `<your-repository-url>` 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 `<your-repository-url>` nahraďte URL, ktorú ste práve skopírovali:
```bash
git clone <your-repository-url>
```
2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **Súbor** > **Otvoriť priečinok** a vybratím priečinka, ktorý ste práve naklonovali.
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 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 pomoc pri rýchlejšom písaní kódu
> * [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ú sketchnotku
- voliteľnú náčrtovú poznámku (sketchnote)
- voliteľné doplnkové video
- rozcvičku pred lekciou formou kvízu
- napísanú lekciu
- pre projektové lekcie krok za krokom návody, ako projekt vybudovať
- kontroly vedomostí
- rozcvičujúci kvíz pred lekciou
- písanú lekciu
- pre lekcie založené na projekte, podrobné návody krok za krokom ako projekt zostrojiť
- overenia vedomostí
- výzvu
- doplnkové čítanie
- zadanie
- [kvíz po lekcii](https://ff-quizzes.netlify.app/web/)
> **Poznámka o kvízoch**: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkovo 48 kvízov po troch otázkach. Nájdete ich [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 o kvízoch**: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkovo 48 kvízov so zloženými z troch otázok. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/) a aplikáciu kvízov môžeš spustiť lokálne alebo nasadiť do Azure; postupuj podľa pokynov v priečinku `quiz-app`.
## 🗃️ Lekcie
| | Názov projektu | Prebrané koncepty | Ciele učenia | Prepojená lekcia | Autor |
| :-: | :---------------------------------------------------------: | :-----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Začíname | Úvod do programovania a nástroje remesla | Naučte sa základné princípy väčšiny programovacích jazykov a o softvéri pomáhajúcom profesionálnym vývojárom | [Úvod do programovacích jazykov a nástrojov remesla](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Začíname | Základy GitHub, vrátane práce v tíme | Ako používať GitHub vo vašom projekte, ako spolupracovať s ostatnými na kóde | [Úvod do GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Začíname | Prístupnosť | Naučte sa základy prístupnosti na webe | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Základy JS | Dátové typy JavaScriptu | Základy dátových typov v JavaScripte | [Dátové typy](./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 | Rozhodovanie v JS | Naučte sa, ako vytvárať podmienky vo vašom kóde pomocou rozhodovacích metód | [Rozhodovanie](./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 JavaScripte | [Polia a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Postavte HTML pre online terrárium, zamerané na tvorbu rozloženia stránky | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Postavte CSS na štýlovanie online terrária, zamerajte sa na základy CSS vrátane responzívneho dizajnu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript Closure, manipulácia s DOM | Vybudujte JavaScript, ktorý umožní drag/drop rozhranie terrária, zamerajte sa na closure a manipuláciu s DOM | [JavaScript Closure, 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) | Vytvorenie hry na písanie | Naučte sa používať udalosti klávesnice na riadenie logiky JavaScriptovej aplikácie | [Programovanie riadené udalosťami](./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čte sa, ako fungujú prehliadače, ich históriu a ako vytvoriť základy 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 | Vytvorte JavaScriptové prvky rozšírenia prehliadača, ktoré volajú API a používajú premenné uložené 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, webový výkon | Použite pozadné procesy prehliadača na správu ikony rozšírenia; naučte sa o webovom výkone a optimalizáciách | [Pozadné úlohy 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šie vývoj hier v JavaScripte | Naučte sa o dedičnosti cez triedy aj kompozíciu a o vzore Pub/Sub, v príprave na vytvorenie 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 canvas | Naučte sa o Canvas API, ktoré sa používa na kreslenie prvkov na obrazovku | [Kreslenie na Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Pohyb prvkov na 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 vo vesmíre](./6-space-game/solution/README.md) | Detekcia kolízií | Urobte, aby sa prvky zrážali a reagovali navzájom pomocou stlačení klávesov; pridajte cooldown funkciu na zabezpečenie výkonu | [Detekcia kolízií](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Udržiavanie skóre | Vykonávajte 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 reštart hry | Naučte sa o ukončení a reštartovaní 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 trasy vo webovej aplikácii | Naučte sa vytvoriť kostru viacstránkovej webovej architektúry pomocou routovania 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) | 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 využívania dát | Ako do vašej aplikácie vstupujú a z nej vychádzajú dáta, 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 s ním manažovať programovo | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Kód prehliadača/VScode](../../8-code-editor) | Práca s VScode | Naučte sa používať editor kódu | [Použitie VScode 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 |
## 🏫 Pedagógia
Náš učebný plán je navrhnutý s ohľadom na dve kľúčové pedagogické princípy:
| | Názov projektu | Naučené koncepty | Učebné ciele | Prepojená lekcia | Autor |
| :-: | :--------------------------------------------------------: | :---------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Začíname | Úvod do programovania a nástrojov 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, ako spolupracovať s ostatnými na zdrojovom 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 webovej prístupnosti | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Základy JS | Dátové typy v JavaScripte | Základy dátových typov v JavaScripte | [Dátové typy](./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 s JS | Naučiť sa vytvárať podmienky v kóde pomocou rozhodovacích metód | [Rozhodovanie](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Základy JS | Pole a cykly | Práca s dátami pomocou polí a cyklov v JavaScripte | [Pole a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvoriť HTML pre online terrárium so zameraním na rozloženie | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvoriť CSS pre štýlovanie online terrá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 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulácia s DOM | Vytvoriť JavaScript pre funkčný drag/drop rozhranie terrária, so zameraním na closures a manipuláciu s DOM | [JavaScript Closures, 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) | Vytvorenie hry na písanie | Naučiť sa používať klávesnicové udalosti pre ovládanie logiky JavaScript 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 fungujú prehliadače, ich históriu a ako vytvoriť základné prvky prehliadačového rozšírenia | [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 do lokálneho ukladiska | Vytvoriť JavaScript prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom ukladisku | [API, formuláre a lokálne ukladisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Procesy na pozadí v prehliadači, výkon webu | Použiť procesy na pozadí pre správu ikony rozšírenia, naučiť sa o výkone webu a optimalizáciách | [Procesy 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čilejšie vývoj hier v JavaScripte | Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, ako prípravu na tvorbu hry | [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Hra v priestore](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučiť sa o Canvas API, používanom na kreslenie prvkov na obrazovke | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Hra v priestore](./6-space-game/solution/README.md) | Pohybovanie prvkov po obrazovke | Zistiť, ako prvky získavajú pohyb pomocou karteziánskych súradníc a Canvas API | [Pohybovanie prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Hra v priestore](./6-space-game/solution/README.md) | Detekcia kolízie | Vytvoriť kolízie medzi prvkami a reakcie na seba prostredníctvom stlačení klávesov a poskytnúť cooldown funkciu pre výkon hry | [Detekcia kolízie](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Hra v priestore](./6-space-game/solution/README.md) | Sledovanie skóre | Vykonávať matematické výpočty podľa stavu a výkonu hry | [Sledovanie skóre](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Hra v priestore](./6-space-game/solution/README.md) | Končenie a reštart hry | Naučiť sa o ukončení a reštartovaní 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) | Šablóny HTML a routovanie v webovej aplikácii | Naučiť sa vytvoriť rozvrhnutie viacstránkového webu 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čiť sa o tvorbe formulárov a spracovaní validácie | [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 do aplikácie prenikajú dáta, ako ich načítať, uložiť a odstrániť | [Dáta](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty riadenia stavu | Naučiť sa, ako aplikácia uchováva stav a ako ho programovo riadiť | [Riadenie stavu](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Kód editor/Brower/VScode](../../8-code-editor) | Práca s VScode | Naučiť sa používať editor kódu | [Použitie editora 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č sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogika
Naše učebné osnovy sú navrhnuté s dvoma kľúčovými pedagogickými princípmi na pamäti:
* učenie založené na projektoch
* časté kvízy
Program učí základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať možnosť získať praktické skúsenosti tvorbou hry na písanie, virtuálneho terrária, ekologického rozšírenia prehliadača, hry typu space invaders a bankovej aplikácie pre podniky. Na konci série získajú študenti pevné základy vo webovom vývoji.
Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať príležitosť získať praktické skúsenosti vytvorením hry na písanie, virtuálneho terária, ekologicky šetrného rozšírenia prehliadača, hry v štýle Space Invader a bankovej aplikácie pre firmy. Na konci série študenti získajú pevné základy webového vývoja.
> 🎓 Môžete absolvovať prvé lekcie tohto učebného plánu ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
> 🎓 Môžete absolvovať prvých niekoľko lekcií z tohto učebného plánu ako [Cestu učenia](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
Zaradením obsahu do projektov sa celý proces stáva pre študentov atraktívnejším a zvyšuje sa udržanie naučených konceptov. Tiež sme pripravili niekoľko úvodných lekcií o základoch JavaScriptu, ktoré vysvetľujú koncepty, doplnených videom z kolekcie "[Séria pre začiatočníkov: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorých niektorí autori prispeli k tomuto učebnému plánu.
Zabezpečením souladu obsahu s projektmi je proces pre študentov atraktívnejší a dochádza k lepšiemu zapamätaniu si konceptov. Napísali sme takisto niekoľko úvodných lekcií k základom JavaScriptu na predstavenie konceptov, sprevádzané videom zo série "[Séria pre začiatočníkov: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorej niektorí autori prispeli aj k týmto osnovám.
Okrem toho nízko-stresový kvíz pred vyučovaním nastaví študentovi zámer učiť sa tému, zatiaľ čo druhý kvíz po vyučovaní zabezpečuje ďalšie upevnenie vedomostí. Tento učebný plán bol navrhnutý tak, aby bol flexibilný a zábavný, a dá sa absolvovať celý alebo čiastočne. Projekty začínajú malé a na konci 12-týždňového cyklu sú čoraz zložitejšie.
Okrem toho nízko náročný kvíz pred hodinou nastaví študentovi cieľ učiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečí ďalšie upevnenie vedomostí. Tento učebný plán je navrhnutý tak, aby bol flexibilný a zábavný a dá sa absolvovať celý alebo jeho časť. Projekty začínajú jednoducho a postupne sa počas 12-týždňového cyklu komplikujú.
Aj keď 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 osvojením frameworku, ďalším dobrým krokom po dokončení tohto učebného plánu je naučiť sa o Node.js pomocou ďalšej video kolekcie: "[Séria pre začiatočníkov: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Hoci sme zámerne vynechali zavedenie JavaScript frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred osvojením si frameworku, ďalším dobrým krokom po dokončení týchto osnov je naučiť sa Node.js prostredníctvom inej video série: "[Séria pre začiatočníkov: 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.md) a pokyny k [Príspevkom](CONTRIBUTING.md). Vaša konštruktívna spätná väzba je vítaná!
> Navštívte naše pravidlá [Code of Conduct](CODE_OF_CONDUCT.md) a [Contributing](CONTRIBUTING.md). Radi privítame vaše konštruktívne pripomienky!
## 🧭 Offline prístup
Túto dokumentáciu môžete spustiť offline pomocou [Docsify](https://docsify.js.org/#/). Vytvorte si fork tohoto repozitára, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svoj lokálny stroj a potom v koreňovom priečinku tohto repozitára zadajte príkaz `docsify serve`. Webová stránka bude dostupná na porte 3000 na localhoste: `localhost:3000`.
Túto dokumentáciu môžete spustiť offline pomocou [Docsify](https://docsify.js.org/#/). Zforknite si tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svojom miestnom počítači a potom v koreňovom priečinku tohto repozitára zadajte príkaz `docsify serve`. Web stránka bude dostupná na porte 3000 na vašom localhost: `localhost:3000`.
## 📘 PDF
PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Ďalšie kurzy
Náš tím vytvára aj iné kurzy! Pozrite sa na:
## 🎒 Iné kurzy
Náš tím vytvára aj ďalšie kurzy! Pozrite sa:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j pre začiatočníkov](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 pre začiatočníkov](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 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)
[![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 / Agentúry
[![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 Agentúry 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)
### 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)
---
### 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ívnej 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)
---
### 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)
[![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)
[![Kyberbezpeč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)
[![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)
### Základné vzdelávanie
[![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 séria
[![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)
### Séria 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)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Získanie pomoci
Ak sa zaseknete alebo máte akékoľvek otázky ohľadom tvorby AI aplikácií, pripojte sa ku komunite študentov a skúsených vývojárov k diskusiám o MCP. Je to podporná komunita, kde sú otázky vítané a zdieľanie vedomostí je voľné.
Ak máte problém alebo otázky týkajúce sa tvorby AI aplikácií, pripojte 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 zdieľanie znalostí je bezplatné.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Ak máte spätnú väzbu k produktu alebo ste narazili na chyby počas vývoja, navštívte:
Ak máte spätnú väzbu k produktu alebo chyby počas vývoja, 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
Tento repozitár je licencovaný pod licenciou MIT. Pre viac informácií pozrite súbor [LICENSE](../../LICENSE).
Tento repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE).
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Výhrada**:
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ť, uvedomte si, že automatizované 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 žiadne nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.
**Upozornenie**:
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ť, uvedomte si, ž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 dôležité informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Loading…
Cancel
Save