msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

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

Browse Source
update-translations
localizeflow[bot] 2 weeks ago
parent 8d04e173fc
commit 15108895d8
12 changed files with 946 additions and 852 deletions
Show Stats Download Patch File Download Diff File

10
translations/bg/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T15:45:36+00:00",
"translation_date": "2026-04-24T12:04:21+00:00",
"source_file": "AGENTS.md",
"language_code": "bg"
},
@ -516,8 +516,8 @@
"language_code": "bg"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T17:13:01+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T12:00:13+00:00",
"source_file": "README.md",
"language_code": "bg"
},
@ -564,8 +564,8 @@
"language_code": "bg"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-28T08:10:46+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T12:00:24+00:00",
"source_file": "lesson-template/README.md",
"language_code": "bg"
},

410
translations/bg/AGENTS.md
Unescape View File

@ -2,29 +2,29 @@
## Преглед на проекта
Това е образователно хранилище за учебна програма за обучение на начинаещи в основите на уеб разработката. Учебната програма е всеобхватен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML.
Това е образователен репозиториум за обучение по основи на уеб разработката за начинаещи. Учебната програма е цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML.
### Ключови компоненти
### Основни компоненти
- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти
- **Практически проекти**: Террариум, Игра за писане, Разширение за браузър, Космическа игра, Банково приложение, Редактор на код и AI асистент за чат
- **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценки преди и след урок)
- **Поддръжка на множество езици**: Автоматизирани преводи за 50+ езика чрез GitHub Actions
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти
- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant
- **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценка преди и след урока)
- **Многоезична поддръжка**: Автоматични преводи за над 50 езика чрез GitHub Actions
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
### Архитектура
- Образователно хранилище със структура, базирана на уроци
- Всяка папка с урок съдържа README, примерен код и решения
- Самостоятелни проекти в отделни директории (quiz-app, различни проекти от уроците)
- Система за превод с използване на GitHub Actions (co-op-translator)
- Документация, предоставена чрез Docsify и достъпна в PDF формат
- Образователен репозиториум със структура, базирана на уроци
- Всяка папка с урок съдържа README, примери с код и решения
- Самостоятелни проекти в отделни директории (quiz-app, различни уроци)
- Система за превод с GitHub Actions (co-op-translator)
- Документация, предоставяна чрез Docsify и достъпна като PDF
## Команди за настройка
Това хранилище е основно за консумация на образователно съдържание. За работа с конкретни проекти:
Този репозиториум е предназначен основно за потребление на образователно съдържание. За работа със специфични проекти:
### Основна настройка на хранилището
### Основна настройка на репозиториума
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -37,11 +37,11 @@ cd Web-Dev-For-Beginners
cd quiz-app
npm install
npm run dev # Стартиране на сървър за разработка
npm run build # Създаване за продукция
npm run lint # Стартиране на ESLint
npm run build # Създай за продукция
npm run lint # Стартирай ESLint
```
### API на банковия проект (Node.js + Express)
### API на Bank проект (Node.js + Express)
```bash
cd 7-bank-project/api
@ -51,7 +51,7 @@ npm run lint # Стартиране на ESLint
npm run format # Форматиране с Prettier
```
### Проекти за разширения за браузър
### Проекти за разширение на браузър
```bash
cd 5-browser-extension/solution
@ -59,7 +59,7 @@ npm install
# Следвайте указанията за зареждане на разширения специфични за браузъра
```
### Проекти за Космическата игра
### Проекти за Space Game
```bash
cd 6-space-game/solution
@ -67,42 +67,42 @@ npm install
# Отворете index.html в браузър или използвайте Live Server
```
### Проект за чат (Python backend)
### Chat проект (Python backend)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Задаване на променливата на средата GITHUB_TOKEN
# Задайте променливата на средата GITHUB_TOKEN
python api.py
```
## Работен процес при разработка
## Работен процес за развитие
### За сътрудници по съдържанието
### За допринасящи с съдържание
1. **Форкнете хранилището** в своя GitHub акаунт
2. **Клонирайте форка** локално
3. **Създайте нов клон** за вашите промени
4. Направете промени в съдържанието на урока или примерите за код
5. Тествайте всякакви промени в кода в съответните проектни директории
6. Подайте pull request според указанията за принос
1. **Форкнете репозиториума** във вашия GitHub акаунт
2. **Клонирайте вашия форк** локално
3. **Създайте нов клон** за вашите промени
4. Направете промени в съдържанието на урока или в примерите с код
5. Тествайте всякакви промени в кода в релевантните проектни директории
6. Изпратете pull заявки, следвайки указанията за допринасяне
### За учащите
### За учащи се
1. Форкнете или клонирайте хранилището
2. Навигирайте последователно през директориите с уроци
3. Прочетете README файловете за всеки урок
4. Попълнете тестовете преди урока на https://ff-quizzes.netlify.app/web/
5. Работете с примерите за код в папките на уроците
6. Завършете задачи и предизвикателства
7. Попълнете тестовете след урока
1. Форкнете или клонирайте репозиториума
2. Навигирайте към директориите с уроци последователно
3. Прочетете README файловете за всеки урок
4. Завършете тестовете преди урока на https://ff-quizzes.netlify.app/web/
5. Работете с примерите с код в папките на уроците
6. Попълнете задания и предизвикателства
7. Изпълнете тестове след урока
### Жива разработка
### Живо разработване
- **Документация**: Стартирайте `docsify serve` в главната директория (порт 3000)
- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
- **Проекти**: Използвайте разширението Live Server на VS Code за HTML проекти
- **API проекти**: Стартирайте `npm start` в съответните API директории
- **Документация**: Стартирайте `docsify serve` в корена (порт 3000)
- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
- **API проекти**: Стартирайте `npm start` в съответните API директории
## Инструкции за тестване
@ -111,76 +111,76 @@ python api.py
```bash
cd quiz-app
npm run lint # Проверка за проблеми със стила на кода
npm run build # Проверете дали сглобяването е успешно
npm run build # Потвърдете, че компилацията е успешна
```
### Тестване на Bank API
```bash
cd 7-bank-project/api
npm run lint # Проверка за проблеми със стил на кода
node server.js # Проверете дали сървърът стартира без грешки
npm run lint # Провери за проблеми със стила на кода
node server.js # Увери се, че сървърът стартира без грешки
```
### Общ подход за тестване
### Общ подход към тестването
- Това е образователно хранилище без пълни автоматизирани тестове
- Ръчното тестване се концентрира върху:
- Изпълнение на примерите за код без грешки
- Проверка дали линковете в документацията работят правилно
- Успешно завършване на билдовете на проектите
- Примерите следват добри практики
- Това е образователен репозиториум без пълни автоматизирани тестове
- Ръчното тестване се фокусира върху:
- Изпълнение на примерите с код без грешки
- Работоспособност на линковете в документацията
- Успешно компилиране на проектите
- Следване на добри практики в примерите
### Проверки преди подаване
### Проверки преди изпращане
- Стартирайте `npm run lint` в директории с package.json
- Проверете валидността на връзките в markdown
- Тествайте примерите за код в браузър или Node.js
- Проверете дали преводите поддържат правилната структура
- Стартирайте `npm run lint` в директориите с package.json
- Проверете валидността на markdown линковете
- Тествайте примерите с код в браузър или Node.js
- Проверете дали преводите запазват правилната структура
## Насоки за стил на кода
## Насоки за стил на код
### JavaScript
- Използвайте модерен ES6+ синтаксис
- Следвайте стандартните ESLint конфигурации, предоставени в проектите
- Използвайте смислени имена на променливи и функции за образователна яснота
- Добавяйте коментари, обясняващи концепциите за учащите
- Форматирайте с Prettier, където е конфигуриран
- Използвайте съвременен ES6+ синтаксис
- Следвайте стандартните ESLint конфигурации, предоставени в проектите
- Използвайте смислени имена на променливи и функции за образователна яснота
- Добавяйте коментари, обясняващи концепциите за учащите се
- Форматирайте с Prettier, където е конфигуриран
### HTML/CSS
- Семантични HTML5 елементи
- Принципи на отзивчив дизайн
- Ясни конвенции за именуване на класове
- Коментари, обясняващи CSS техники за учащите
- Семантични HTML5 елементи
- Принципи на адаптивен дизайн
- Ясни наименования на класове
- Коментари, обясняващи CSS техники за учащите
### Python
- Стилови насоки PEP 8
- Ясни, образователни примери за код
- Типови подсказки, където е полезно за обучението
- Насоки за стил PEP 8
- Ясни, образователни примери с код
- Типови анотации, където са полезни за обучението
### Markdown документация
- Ясна йерархия на заглавията
- Кодови блокове с посочен език
- Връзки към допълнителни ресурси
- Скриншотове и изображения в директориите `images/`
- Alt текст за изображения за достъпност
- Ясна йерархия на заглавията
- Кодови блокове с посочен език
- Линкове към допълнителни ресурси
- Скрийнове и изображения в директории `images/`
- Алтернативен текст за изображенията за достъпност
### Организация на файловете
- Уроците са подредени последователно (1-getting-started-lessons, 2-js-basics и др.)
- Всеки проект има директории `solution/` и често `start/` или `your-work/`
- Изображенията се съхраняват в папки `images/`, специфични за урока
- Преводите са в структура `translations/{language-code}/`
- Уроците са номерирани последователно (1-getting-started-lessons, 2-js-basics и т.н.)
- Всеки проект има директории `solution/` и често `start/` или `your-work/`
- Изображения се съхраняват в уроци-специфични папки `images/`
- Преводите в структурата `translations/{language-code}/`
## Създаване и внедряване
## Създаване и разгръщане
### Внедряване на Quiz App (Azure Static Web Apps)
### Разгръщане на Quiz App (Azure Static Web Apps)
quiz-app е конфигуриран за внедряване в Azure Static Web Apps:
Quiz-app е конфигуриран за Azure Static Web Apps разгръщане:
```bash
cd quiz-app
@ -188,16 +188,16 @@ npm run build # Създава папка dist/
# Разгръща чрез GitHub Actions workflow при push към main
```
Конфигурация за Azure Static Web Apps:
- **Папка на приложението**: `/quiz-app`
- **Изходна папка**: `dist`
- **Работен процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
Конфигурация за Azure Static Web Apps:
- **Местоположение на приложението**: `/quiz-app`
- **Местоположение на изхода**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Генериране на документация в PDF
### Генериране на PDF документация
```bash
npm install # Инсталиране на docsify-to-pdf
npm run convert # Генериране на PDF от docs
npm install # Инсталирайте docsify-to-pdf
npm run convert # Генерирайте PDF от docs
```
### Документация с Docsify
@ -207,76 +207,76 @@ npm install -g docsify-cli # Инсталирайте Docsify глобалн
docsify serve # Сървирайте на localhost:3000
```
### Специфични билдове за проекти
### Специфични сборки на проекти
Всяка проектна директория може да има собствен процес на билд:
- Проекти с Vue: `npm run build` създава продукционни пакети
- Статични проекти: няма стъпка за билд, файловете се сервира директно
Всяка проектна директория може да има собствен процес на сборка:
- Vue проекти: `npm run build` създава продукционни пакети
- Статични проекти: няма стъпка за сборка, файловете се обслужват директно
## Насоки за pull request
## Насоки за pull заявки
### Формат на заглавието
Използвайте ясни и описателни заглавия, показващи областта на промяната:
- `[Quiz-app] Добавяне на нов тест за урок X`
- `[Lesson-3] Поправка на правописна грешка в проекта террариум`
- `[Translation] Добавяне на испански превод за урок 5`
- `[Docs] Актуализация на инструкциите за настройка`
Използвайте ясни, описателни заглавия, указващи областта на промяната:
- `[Quiz-app] Добавяне на нов тест за урок X`
- `[Lesson-3] Корекция на печатна грешка в террариум проект`
- `[Translation] Добавен испански превод за урок 5`
- `[Docs] Актуализация на инструкциите за настройка`
### Задължителни проверки
Преди подаване на PR:
Преди да изпратите PR:
1. **Качество на кода**:
- Стартирайте `npm run lint` в засегнатите проектни директории
- Поправете всички грешки и предупреждения
1. **Качество на кода**:
- Стартирайте `npm run lint` в засегнатите проектни директории
- Поправете всички грешки и предупреждения при lint
2. **Проверка на билд**:
- Стартирайте `npm run build`, ако е приложимо
- Уверете се, че няма грешки при билд
2. **Проверка на сборката**:
- Стартирайте `npm run build`, ако е приложимо
- Уверете се, че няма грешки при сборка
3. **Проверка на линкове**:
- Тествайте всички markdown връзки
- Проверете референциите към изображения
3. **Валидация на линковете**:
- Тествайте всички markdown линкове
- Потвърдете, че референциите към изображения работят
4. **Преглед на съдържанието**:
- Корекция на правопис и граматика
- Уверете се, че примерите за код са правилни и образователни
- Проверете дали преводите запазват оригиналния смисъл
4. **Преглед на съдържанието**:
- Прегледайте за правописни и граматични грешки
- Уверете се, че примерите с код са коректни и образователни
- Потвърдете, че преводите запазват оригиналния смисъл
### Изисквания за принос
### Изисквания за допринасяне
- Съгласие с Microsoft CLA (автоматична проверка при първи PR)
- Спазване на [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
- Позоваване на номерата на проблеми в описанието на PR, ако е приложимо
- Съгласие с Microsoft CLA (автоматична проверка при първия PR)
- Следвайте [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
- Посочвайте номера на проблеми в описанието на PR, ако е приложимо
### Процес на преглед
- PR се преглежда от поддържащи и общността
- Предпочита се образователна яснота
- Примерите за код трябва да следват актуални добри практики
- Преводите се проверяват за точност и културна уместност
- PR се преглеждат от поддържачи и общността
- Приоритет има образователната яснота
- Примерите с код трябва да следват актуални най-добри практики
- Преводите се преглеждат за точност и културна коректност
## Система за превод
### Автоматизиран превод
### Автоматичен превод
- Използва GitHub Actions с workflow co-op-translator
- Превежда автоматично на 50+ езика
- Изходни файлове в основните директории
- Преведените файлове в директории `translations/{language-code}/`
- Използва GitHub Actions с workflow co-op-translator
- Превежда автоматично на над 50 езика
- Изходните файлове са в основните директории
- Преводните файлове са в директории `translations/{language-code}/`
### Добавяне на ръчни подобрения на превода
1. Намерете файла в `translations/{language-code}/`
2. Направете подобрения, като запазите структурата
3. Уверете се, че примерите за код остават функционални
4. Тествайте локализираното съдържание на тестове
1. Открийте файла в `translations/{language-code}/`
2. Направете подобрения, като запазвате структурата
3. Уверете се, че примерите с код остават работещи
4. Тествайте локализирано съдържание на тестове
### Метаданни на превода
### Метаданни за превода
Преведените файлове включват метаданни в хедъра:
Преведените файлове включват метаданни в заглавната част:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Отстраняване на грешки и проблеми
## Отстраняване и дебъгване
### Чести проблеми
**Quiz app не стартира**:
- Проверете версията на Node.js (препоръчително v14+)
- Изтрийте `node_modules` и `package-lock.json`, стартирайте `npm install` отново
- Проверете за конфликти на портове (по подразбиране Vite използва порт 5173)
**Quiz app не стартира**:
- Проверете версията на Node.js (препоръчано v14+)
- Изтрийте `node_modules` и `package-lock.json`, стартирайте `npm install` отново
- Проверете за конфликти на портове (по подразбиране: Vite използва порт 5173)
**API сървърът не стартира**:
- Уверете се, че версията на Node.js е поне node >=10
- Проверете дали портът е зает
- Уверете се, че всички зависимости са инсталирани с `npm install`
**API сървър не стартира**:
- Проверете дали версията на Node.js отговаря на минимум (node >=10)
- Проверете дали портът не е вече зает
- Уверете се, че всички зависимости са инсталирани с `npm install`
**Разширението за браузър не се зарежда**:
- Проверете дали manifest.json е правилно форматиран
- Разгледайте конзолата на браузъра за грешки
- Следвайте указанията за инсталиране на разширения според браузъра
**Разширение за браузър не се зарежда**:
- Проверете дали manifest.json е коректно форматиран
- Проверете конзолата на браузъра за грешки
- Следвайте специфичните инструкции за инсталиране на разширения за браузъри
**Проблеми с Python чат проект**:
- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai`
- Проверете, че променливата на средата GITHUB_TOKEN е зададена
- Проверете разрешенията за достъп до GitHub Models
**Проблеми с Python чат проект**:
- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai`
- Проверете, че променливата на средата GITHUB_TOKEN е зададена
- Проверете разрешенията за достъп на GitHub Models
**Docsify не подава документация**:
- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli`
- Стартирайте от коренната директория на хранилището
- Проверете дали съществува `docs/_sidebar.md`
**Docsify не предоставя документация**:
- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli`
- Стартирайте от коренната директория на репозиториума
- Проверете дали съществува файл `docs/_sidebar.md`
### Съвети за развойна среда
- Използвайте VS Code с разширението Live Server за HTML проекти
- Инсталирайте разширения ESLint и Prettier за консистентно форматиране
- Използвайте DevTools на браузъра за дебъгване на JavaScript
- За Vue проекти инсталирайте Vue DevTools разширението за браузър
- Използвайте VS Code с разширението Live Server за HTML проекти
- Инсталирайте ESLint и Prettier разширения за консистентно форматиране
- Използвайте DevTools на браузъра за дебъгване на JavaScript
- За Vue проекти инсталирайте Vue DevTools разширението за браузър
### Съображения за производителността
### Съображения за производителност
- Голям брой преведени файлове (50+ езика) означава, че пълните клонирания са големи
- Използвайте shallow clone, ако работите само със съдържание: `git clone --depth 1`
- Изключвайте преводите от търсения при работа с английско съдържание
- Процесите на билд могат да са бавни при първо изпълнение (npm install, Vite build)
- Голям брой преводни файлове (над 50 езика) прави клоновете големи
- Използвайте shallow clone, ако работите само със съдържание: `git clone --depth 1`
- Изключвайте преводите от търсенията при работа с английско съдържание
- Процесите на сборка може да са бавни при първо изпълнение (npm install, Vite build)
## Съображения за сигурността
## Съображения за сигурност
### Променливи на средата
- API ключове никога не трябва да се комитират в хранилището
- Използвайте `.env` файлове (вече в `.gitignore`)
- Документирайте изискваните променливи на средата в README файловете на проектите
- API ключове никога не трябва да се комитират в репозиториума
- Използвайте `.env` файлове (вече са в `.gitignore`)
- Документирайте задължителните променливи на средата в README файловете на проектите
### Python проекти
- Използвайте виртуални среди: `python -m venv venv`
- Поддържайте зависимостите актуални
- GitHub токените трябва да имат минималните необходими разрешения
- Използвайте виртуални среди: `python -m venv venv`
- Поддържайте зависимостите актуални
- GitHub токените трябва да имат минимални необходими разрешения
### Достъп до GitHub Models
- За GitHub Models се изискват Personal Access Tokens (PAT)
- Токените трябва да се съхраняват като променливи на средата
- Никога не комитвайте токени или креденшъли
- Необходими са лични токени за достъп (PAT) за GitHub Models
- Токените трябва да се съхраняват като променливи на средата
- Никога не комитвайте токени или данни за достъп
## Допълнителни бележки
### Целева аудитория
- Напълно начинаещи в уеб разработката
- Студенти и самоуки учащи
- Учители, използващи учебната програма в класната стая
- Съдържанието е проектирано за достъпност и постепенно усъвършенстване на уменията
- Напълно начинаещи в уеб разработката
- Студенти и самоуки
- Учители, използващи учебната програма в класните стаи
- Съдържанието е разработено за достъпност и постепенно развитие на уменията
### Образователна философия
- Подход, базиран на проекти
- Чести проверявания на знания (тестове)
- Практически упражнения по кодиране
- Примери за реални приложения
- Фокус върху основите преди рамките
- Подход, базиран на учене чрез проекти
- Чести проверки на знанията (тестове)
- Практически упражнения с програмиране
- Примери с реално приложение
- Фокус върху основите преди рамки и библиотеки
### Поддръжка на хранилището
### Поддръжка на репозиториума
- Активна общност от учащи и сътрудници
- Редовни актуализации на зависимости и съдържание
- Мониторинг на проблеми и дискусии от страна на поддържащите
- Автоматизирани актуализации на преводите чрез GitHub Actions
- Активна общност от учащи се и допринасящи
- Редовни актуализации на зависимости и съдържание
- Поддръжници следят проблемите и дискусиите
- Обновления на преводите автоматизирани чрез GitHub Actions
### Свързани ресурси
- [Microsoft Learn модули](https://docs.microsoft.com/learn/)
- [Ресурси от Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчван за учащи
- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни поредици налични
- [Microsoft Learn модули](https://docs.microsoft.com/learn/)
- [Student Hub ресурси](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчван за учащите
- Допълнителни курсове: Генеративен AI, Data Science, ML, IoT учебни програми достъпни
### Работа с конкретни проекти
### Работа със специфични проекти
За подробни инструкции относно отделните проекти, вижте README файловете в:
- `quiz-app/README.md` - Vue 3 приложение за викторини
- `7-bank-project/README.md` - Банково приложение с удостоверяване
- `5-browser-extension/README.md` - Разработка на разширение за браузър
- `6-space-game/README.md` - Разработка на игра с Canvas
- `9-chat-project/README.md` - Проект с AI асистент за чат
За подробни инструкции относно отделни проекти, вижте README файловете в:
- `quiz-app/README.md` - Vue 3 quiz приложение
- `7-bank-project/README.md` - Банково приложение с автентикация
- `5-browser-extension/README.md` - Разработка на браузър разширения
- `6-space-game/README.md` - Разработка на игра базирана на Canvas
- `9-chat-project/README.md` - AI чат асистент проект
### Структура на монохранилището
### Монорепо структура
Въпреки че не е традиционно монохранилище, това хранилище съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
- Работете по отделни проекти, без да засягате други
- Клонирайте цялото хранилище за пълното учебно преживяване
Въпреки че не е традиционно монорепо, този репозиториум съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
- Работете по отделните проекти без да засягате други
- Клонирайте целия репозиториум за пълно преживяване на учебната програма
---
<!-- 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 -->

215
translations/bg/README.md
Unescape View File

@ -1,21 +1,38 @@
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Уеб разработка за начинаещи - Учебна програма
Научете основите на уеб разработката с нашия 12-седмичен изчерпателен курс, воден от Microsoft Cloud Advocates. Във всеки от 24-те урока ще се потопите в JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузъри и космически игри. Включете се в викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашия ефективен проектно-базиран подход. Започнете своето програмиране днес!
Научете основите на уеб разработката с нашия 12-седмичен обстоен курс от Microsoft Cloud Advocates. Във всеки от 24-те урока ще навлезете в JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузъри и космически игри. Включете се в тестове, дискусии и практически задачи. Развийте уменията си и оптимизирайте усвояването на знания с ефективна педагогика, базирана на проекти. Започнете своето програмиране още днес!
Присъединете се към Azure AI Foundry Discord Общността
Присъединете се към Azure AI Foundry Discord и се срещнете с експерти и други разработчици.
Следвайте тези стъпки, за да започнете с тези ресурси:
1. **Клонирайте репозитория**: Натиснете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Клонирайте репозитория локално**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Следвайте тези стъпки, за да започнете да използвате тези ресурси:
1. **Направете Fork на репозитория**: Кликнете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Клонирайте репозитория**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Присъединете се към Azure AI Foundry Discord и се срещнете с експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Поддръжка на множество езици
#### Поддържа се чрез GitHub Action (Автоматично и винаги актуално)
<!-- 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Предпочитате да клонирате локално?**
>
> Този репозитори включва над 50 превода на езици, което значително увеличава размера на изтегляне. За да клонирате без преводи, използвайте sparse checkout:
> Този репозиторий включва над 50 езикови превода, което значително увеличава размера на изтегляне. За да клонирате без преводи, използвайте sparse checkout:
>
> **Bash / macOS / Linux:**
> ```bash
@ -31,155 +48,167 @@
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне.
> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо теглене.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Ако желаете допълнителни преводи, поддържаните езици са изброени тук. [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Ако желаете да имате допълнителни поддържани езици за превод, те са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Вие студент ли сте?_
#### 🧑‍🎓 _Студент ли сте?_
Посетете [**Страница за студенти**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите ресурси за начинаещи, студентски пакети и дори начини да получите безплатен ваучер за сертификат. Това е страницата, която трябва да запазите и да проверявате от време на време, тъй като месечно сменяме съдържанието.
Посетете [**страницата на Студентския център**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите материали за начинаещи, студентски пакети и дори начини да получите безплатен сертификатен ваучер. Това е страницата, която трябва да добавите в отметките си и да проверявате от време на време, тъй като месечно сменяме съдържанието.
### 📣 Обявление - Нови предизвикателства за режим GitHub Copilot Agent!
### 📣 Обявление - Нови предизвикателства с GitHub Copilot Agent mode!
Добавено е ново предизвикателство, търсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което трябва да завършите, използвайки GitHub Copilot и режим Agent. Ако не сте използвали режим Agent преди, той може не само да генерира текст, но и да създава и редактира файлове, да изпълнява команди и още.
Добавено е ново предизвикателство, търсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство за вас да го завършите с помощта на GitHub Copilot и Agent mode. Ако досега не сте използвали Agent mode, той не само генерира текст, но може и да създава и редактира файлове, да изпълнява команди и още.
### 📣 Обявление - _Нов проект за изграждане с Generative AI_
### 📣 Обявление - _Нов проект за изграждане с помощта на Генеративен ИИ_
Току-що добавен нов проект AI Асистент, разгледайте [проекта](./9-chat-project/README.md)
Току-що беше добавен нов проект AI Асистент, разгледайте го [проект](./9-chat-project/README.md)
### 📣 Обявление - _Нова учебна програма_ за Generative AI за JavaScript току-що излезе
### 📣 Обявление - _Нова учебна програма_ по Генеративен ИИ за JavaScript току-що бе публикувана
Не пропускайте нашата нова учебна програма за Generative AI!
Не пропускайте нашата нова учебна програма по Генеративен ИИ!
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
- Уроци, покриващи всичко от основи до RAG.
- Взаимодействайте с исторически личности чрез GenAI и нашето приложение спътник.
- Забавен и увлекателен разказ, ще пътувате във времето!
![Background](../../translated_images/bg/background.148a8d43afde5730.webp)
- Уроци, обхващащи всичко от основите до RAG.
- Взаимодействайте с исторически личности с GenAI и нашето спомагателно приложение.
- Забавно и ангажиращо повествование, ще пътувате във времето!
![character](../../translated_images/bg/character.5c0dd8e067ffd693.webp)
Всеки урок включва задача за завършване, проверка на знанията и предизвикателство, което да ви насочи при изучаване на теми като:
- Подканяне и проектиране на подканване
- Генериране на текстови и образни приложения
- Търсещи приложения
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
Всеки урок включва задача за изпълнение, проверка на знания и предизвикателство, които да ви помогнат при изучаването на теми като:
- Подсказване и инженеринг на подсказки
- Генериране на приложения за текст и изображения
- Приложения за търсене
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) за да започнете!
## 🌱 Започване
> **Учители**, ние сме [включили някои предложения](for-teachers.md) как да използвате тази учебна програма. Ще се радваме на обратна връзка от вас [в нашия форум за дискусии](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Учители**, включили сме някои предложения [тук](for-teachers.md) за това как да използвате тази учебна програма. Ще се радваме на вашата обратна връзка [в нашия дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Учащи](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с предварителна викторина и след това продължете с четене на учебния материал, изпълнение на различни дейности и проверете разбирането си с пост-лекционна викторина.
**[Обучаващи се](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с предварителен тест и продължете с прочитане на лекционните материали, изпълнение на различните дейности и проверете разбирането си с последващ тест.
За да подобрите учебния си опит, свържете се с връстници, за да работите заедно по проектите! Насърчават се дискусии в нашия [форум за дискусии](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори ще е на разположение да отговаря на вашите въпроси.
За да подобрите учебното си преживяване, свържете се с вашите връстници, за да работите по проектите заедно! Дискусиите са насърчавани в нашия [дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори ще бъде на разположение да отговори на вашите въпроси.
За да задълбочите образованието си, силно препоръчваме да разгледате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали.
За да разширите образованието си, силно препоръчваме да разгледате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали.
### 📋 Настройване на вашата среда
### 📋 Настройване на средата
Тази учебна програма разполага с готова среда за разработка! Докато започвате, можете да изберете да изпълнявате учебната програма в [Codespace](https://github.com/features/codespaces/) (_среда в браузъра без нужда от инсталация_), или локално на компютъра си с текстов редактор като [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Тази учебна програма има готова среда за разработка! Когато започвате, можете да изберете да изпълнявате учебната програма в [Codespace](https://github.com/features/codespaces/) (_среда базирана на браузър, без нужда от инсталации_), или локално на вашия компютър, използвайки текстов редактор като [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Създаване на собствено репозитори
За да ви е по-лесно да запазвате работата си, се препоръчва да създадете собствено копие на това репозитори. Можете да го направите, като натиснете бутона **Use this template** в горната част на страницата. Това ще създаде нов репозитори в акаунта ви в GitHub с копие на учебната програма.
#### Създайте своя репозиторий
За да съхранявате лесно работата си, препоръчително е да създадете своя собствена копие на този репозиторий. Можете да направите това, като кликнете върху бутона **Use this template** в горната част на страницата. Това ще създаде нов репозиторий във вашия GitHub акаунт с копие на учебната програма.
Следвайте тези стъпки:
1. **Клонирайте репозитория**: Натиснете бутона "Fork" в горния десен ъгъл на тази страница.
2. **Клонирайте репозитория локално**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
1. **Направете Fork на репозитория**: Кликнете бутона "Fork" в горния десен ъгъл на тази страница.
2. **Клонирайте репозитория**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Стартиране на учебната програма в Codespace
В копието на това репозитори, което създадохте, натиснете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който да работите.
В създаденото от вас копие на този репозиторий, кликнете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace за работа.
![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.webp)
#### Стартиране на учебната програма локално на компютъра
#### Стартиране на учебната програма локално на вашия компютър
За да стартирате тази учебна програма локално на компютъра си, ще ви трябва текстов редактор, браузър и инструмент за команден ред. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящото за вас.
За да изпълнявате тази учебна програма локално на вашия компютър, ще ви е необходим текстов редактор, браузър и инструмент за команден ред. Нашият първи урок, [Въведение в програмните езици и търговските инструменти](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни възможности за всеки от тези инструменти, от които може да изберете най-подходящото за вас.
Препоръчваме ви да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който разполага и с вграден [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Клонирайте вашето хранилище на компютъра си. Можете да го направите като кликнете на бутона **Code** и копирате URL адреса:
Нашата препоръка е да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като ваш редактор, който разполага и с вграден [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Клонирайте вашето хранилище на компютъра си. Можете да направите това, като кликнете върху бутона **Code** и копирате URL адреса:
[CodeSpace](./images/createcodespace.png)
След това отворете [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) в [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `<your-repository-url>` с URL адреса, който току-що копирахте:
След това отворете [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) във [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `<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:
> Препоръчителни разширения за Visual Studio Code:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед на HTML страници директно във Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - да ви помага да пишете код по-бързо
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за предварителен преглед на HTML страници в Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за да ви помогне да пишете код по-бързо
## 📂 Всеки урок включва:
- по желание скица
- по желание скицник
- по желание допълнително видео
- предварителен топъл тест преди урока
- написан урок
- предварителен топлинен тест преди урока
- писмен урок
- за уроци, базирани на проекти, стъпка по стъпка ръководства за изграждане на проекта
- проверки на знанията
- предизвикателство
- допълнително четиво
- задание
- задача
- [тест след урока](https://ff-quizzes.netlify.app/web/)
> **Бележка за тестовете**: Всички тестове се намират в папката Quiz-app, общо 48 теста с по три въпроса във всеки. Те са достъпни [тук](https://ff-quizzes.netlify.app/web/), приложението за тестове може да се изпълнява локално или да се публикува в Azure; следвайте инструкциите в папката `quiz-app`.
> **Забележка за тестовете**: Всички тестове се намират в папката Quiz-app, общо 48 теста с по три въпроса всеки. Те са налични [тук](https://ff-quizzes.netlify.app/web/), приложението за тестове може да се стартира локално или да се разположи в Azure; следвайте инструкциите в папката `quiz-app`.
## 🗃️ Уроци
| | Име на проекта | Теми, които се преподават | Учебни цели | Свързан урок | Автор |
| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | Въведение в програмирането и инструментите на занаята | Научете основите зад повечето програмни езици и софтуера, който помага на професионалните разработчици да вършат работата си | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | Основи на GitHub, включва работа в екип | Как да използвате GitHub в проекта си, как да си сътрудничите с други върху кодовата база | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | Достъпност | Научете основите на уеб достъпността | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher |
| 06 | JS Basics | Вземане на решения с JS | Научете как да създавате условия в кода си чрез методи за вземане на решения | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | Масиви и цикли | Работа с данни чрез масиви и цикли в JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML на практика | Създайте HTML за онлайн терариум, с фокус върху създаването на оформление | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS на практика | Създайте CSS, за да стилизирате онлайн терариума с акцент върху основите на CSS, включително адаптивност на страницата | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript затваряния, манипулация на DOM | Създайте JavaScript, за да направите терариума функционален с drag/drop интерфейс, с акцент върху затваряния и манипулация на DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавишни събития, за да управлявате логиката на вашето JavaScript приложение | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да изградите първите елементи на браузър разширение | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Създаване на форма, повикване на API и съхраняване на променливи в локално хранилище | Изградете JavaScript елементи на браузър разширението си за извикване на API с използване на променливи, съхранявани в локално хранилище | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации за повишаване | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция и патърна Pub/Sub, като подготовка за създаване на игра | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Рисуване върху платно | Научете за Canvas API, използван за рисуване на елементи на екран | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите могат да придобият движение чрез декартови координати и Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Откриване на сблъсък | Накарайте елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и добавете функция за забавяне, за да осигурите производителност на играта | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Водене на резултати | Извършвайте математически изчисления въз основа на състоянието и представянето на играта | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Край и рестартиране на играта | Научете за край и рестартиране на играта, включително почистване на ресурси и нулиране на стойности на променливи | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете скелет на архитектурата на многостраничен уебсайт чрез маршрутизиране и HTML шаблони | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Създаване на формуляр за вход и регистрация | Научете за създаването на формуляри и обработката на валидационни процедури | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните постъпват и излизат от приложението ви, как да ги изтегляте, съхранявате и изтривате | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепции за управление на състояние | Научете как вашето приложение запазва състояние и как да го управлявате програмно | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Работа с изкуствен интелект | Научете как да създадете собствен AI асистент | [AI Assistant project](./9-chat-project/README.md) | Chris |
| | Име на проекта | Концепции, които се преподават | Учебни цели | Свързан урок | Автор |
| :-: | :--------------------------------------------------------: | :----------------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Първи стъпки | Въведение в програмирането и инструментите на занаятчията | Научете основите зад повечето програмни езици и за софтуера, който помага на професионалните разработчици да вършат работата си | [Въведение в програмен език и инструменти](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Първи стъпки | Основи на GitHub, включително работа с екип | Как да използвате GitHub в проекта си, как да си сътрудничите с други върху кодова база | [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Първи стъпки | Достъпност | Научете основите на уеб достъпността | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Основи на JS | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Основи на JS | Функции и методи | Научете за функции и методи за управление на потока на логиката в приложението | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | Основи на JS | Вземане на решения с JS | Научете как да създавате условия в кода си, използвайки методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Основи на JS | Масиви и цикли | Работа с данни, използвайки масиви и цикли в JavaScript | [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Терариум](./3-terrarium/solution/README.md) | HTML на практика | Създайте HTML за онлайн терариум с фокус върху изграждането на оформление | [Въведение в HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Терариум](./3-terrarium/solution/README.md) | CSS на практика | Създайте CSS за стилизиране на онлайн терариума, като се фокусирате върху основите на CSS и отзивчивия дизайн | [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Терариум](./3-terrarium/solution/README.md) | JavaScript Closures, манипулация с DOM | Създайте JavaScript, който прави терариума функционален като интерфейс с влачене и пускане, с акцент върху closures и DOM | [Closures на JavaScript, манипулация с DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате събития от клавиатурата, за да управлявате логиката на вашето JavaScript приложение | [Събитийно ориентирано програмиране](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър | [За браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Създаване на форма, извикване на API и съхраняване на променливи в local storage | Създайте JavaScript елементите на разширението за браузъра, за да извиквате API, използвайки променливи в local storage | [API, форми и local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция и за шаблона Pub/Sub в подготовка за създаване на игра | [Въведение в напреднало разработване на игри](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Рисуване на канвас | Научете за Canvas API, използван за рисуване на елементи на екран | [Рисуване на канвас](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите могат да добият движение, използвайки картезиански координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Засичане на сблъсъци | Нека елементите се сблъскват и реагират един на друг, използвайки натискане на клавиши, и добавете функция за охлаждане, за да се осигури производителност на играта | [Засичане на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Записване на резултати | Извършвайте изчисления въз основа на състоянието и представянето в играта | [Записване на резултати](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Приключване и рестартиране на играта | Научете за приключване и рестартиране на играта, включително почистване на ресурси и нулиране на стойности на променливи | [Условие за приключване](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Банково приложение](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете скелет на мултистранична уебсайт архитектура с помощта на маршрутизиране и HTML шаблони | [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Банково приложение](./7-bank-project/solution/README.md) | Създаване на форма за вход и регистрация | Научете за създаването на форми и обработката на валидация | [Форми](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Банково приложение](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните влизат и излизат от вашето приложение, как да ги извличате, съхранявате и изтривате | [Данни](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Банково приложение](./7-bank-project/solution/README.md) | Концепции за управление на състоянието | Научете как вашето приложение задържа състояние и как да го управлявате програмно | [Управление на състоянието](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код | [Използване на редактор VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Работа с изкуствен интелект | Научете как да изградите собствен AI асистент | [Проект AI асистент](./9-chat-project/README.md) | Chris |
## 🏫 Педагогика
Нашата учебна програма е създадена с два ключови педагогически принципа:
* обучение чрез проекти
Нашата учебна програма е проектирана с два ключови педагогически принципа:
* обучение, базирано на проекти
* чести тестове
Програмата преподава основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практичен опит, като изграждат игра за писане, виртуален терариум, екологично разширение за браузър, игра в стил „нападател на космоса“ и банково приложение за бизнес. В края на серията студентите ще имат солидно разбиране на уеб разработка.
Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практически опит чрез създаване на игра за писане, виртуален терариум, екологично разширение за браузър, игра в стил космически нашественик и банково приложение за бизнеси. След края на поредицата студентите ще са получили солидно разбиране за уеб разработката.
> 🎓 Можете да започнете с първите няколко урока от тази учебна програма като [Учебен път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn!
> 🎓 Можете да вземете първите няколко урока от тази учебна програма като [Учебен Път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn!
Като гарантираме, че съдържанието съвпада с проектите, процесът за учениците става по-ангажиращ и задържането на концепциите се увеличава. Също така написахме няколко въвеждащи урока по основите на JavaScript, за да представим концепциите, съчетани с видео от поредицата "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", някои от авторите на които допринесоха за тази учебна програма.
Като се осигури съответствие между съдържанието и проектите, процесът става по-ангажиращ за студентите и задържането на концепциите ще се увеличи. Ние също така написахме няколко стартови урока по основи на JavaScript, за да въведем концепциите, съчетани с видео от колекцията "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чиито някои автори допринесоха за тази учебна програма.
Освен това, неангажиращ тест преди урока задава нагласата на студента към ученето на тема, а втори тест след урока осигурява допълнително задържане на материал. Тази учебна програма е създадена, за да бъде гъвкава и забавна и може да се взема цялостно или по части. Проектите започват с по-малки теми и стават все по-сложни до края на 12-седмичния цикъл.
Освен това, тест с ниска натовареност преди урока настройва намерението на студента към изучаване на тема, а втори тест след урока осигурява по-нататъшно задържане. Тази учебна програма е проектирана да бъде гъвкава и забавна и може да се вземе изцяло или частично. Проектите започват малки и постепенно стават по-сложни до края на 12-седмичния цикъл.
Докато умишлено сме избегнали въвеждането на JavaScript рамки, за да се концентрираме върху основните умения, необходими като уеб разработчик преди да се премине към рамка, добър следващ ход след завършване на тази програма би бил да научите Node.js чрез друга поредица от видеа: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Докато съзнателно сме избягвали въвеждане на JavaScript рамки, за да се съсредоточим върху основните умения, необходими като уеб разработчик преди приемането на рамка, добър следващ ход след завършване на тази учебна програма би бил изучаването на Node.js чрез друга колекция видеа: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Посетете нашите насоки [Кодекс на поведение](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме вашите конструктивни отзиви!
> Посетете нашия [Кодекс на поведение](CODE_OF_CONDUCT.md) и [Ръководството за принос](CONTRIBUTING.md). Очакваме вашата конструктивна обратна връзка!
## 🧭 Достъп офлайн
Можете да използвате тази документация офлайн чрез [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалната си машина, след което в главната папка на хранилището въведете `docsify serve`. Уебсайтът ще се обслужва на порт 3000 на локалния ви хост: `localhost:3000`.
Можете да използвате тази документация офлайн, като използвате [Docsify](https://docsify.js.org/#/). Форкирайте това репо, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалния си компютър и след това в кореновата папка на това репо въведете `docsify serve`. Уебсайтът ще бъде обслужван на порт 3000 на вашия локален хост: `localhost:3000`.
## 📘 PDF
PDF с всички уроци може да бъде намерен [тук](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
@ -187,7 +216,7 @@ PDF с всички уроци може да бъде намерен [тук](ht
## 🎒 Други курсове
Екипът ни произвежда и други курсове! Разгледайте:
Екипът ни създава и други курсове! Разгледайте:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -196,7 +225,7 @@ PDF с всички уроци може да бъде намерен [тук](ht
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Агенти
### Azure / Edge / MCP / Agenti
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -204,7 +233,7 @@ PDF с всички уроци може да бъде намерен [тук](ht
---
### Генеративен AI Серия
### Серия за генеративен ИИ
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -231,21 +260,21 @@ PDF с всички уроци може да бъде намерен [тук](ht
## Получаване на помощ
Ако изпитате затруднения или имате въпроси относно създаването на AI приложения, присъединете се към други учащи и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанията се споделят свободно.
Ако зациклите или имате въпроси относно създаването на AI приложения. Присъединете се към съмишленици и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанията се споделят свободно.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Ако имате обратна връзка за продукта или грешки при създаването, посетете:
Ако имате обратна връзка за продукта или грешки по време на разработка посетете:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## Лиценз
Това хранилище е лицензирано под MIT лиценз. Вижте файла [LICENSE](../../LICENSE) за повече информация.
Това хранилище е лицензирано под лиценз MIT. Вижте файла [LICENSE](../../LICENSE) за повече информация.
---
<!-- 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 -->

63
translations/bg/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [Тема на урока]
# Тема на урока
![Вградете видео тук](../../../lesson-template/video-url)
## 🎥 Видео
## [Тест преди лекцията](../../../lesson-template/quiz-url)
> Добавете тук вградено видео или връзка към урока.
[Опишете какво ще научим]
---
## Предварителен тест
> Добавете връзка към теста тук, когато е налична.
---
Дайте кратък преглед на това, което студентите ще научат в този урок.
---
### Въведение
Опишете какво ще бъде разгледано
Дайте кратко въведение, описващо какво ще бъде разгледано в този урок.
> Бележки
### Предпоставки
---
### Предварителни изисквания
Какви стъпки трябва да са изпълнени преди този урок?
Изброявайте концепциите или темите, с които студентите трябва да са запознати преди започването на този урок.
---
### Подготовка
Подготвителни стъпки за започване на урока
Изброявайте всички стъпки за настройване или необходими инструменти преди започването на урока.
---
[Разгледайте съдържанието на части]
### Съдържание
Придвижвайте се през съдържанието на урока в структурирани секции.
---
## [Тема 1]
## Тема 1
### Задача:
Работете заедно, за да подобрите постепенно вашата кодова база и да изградите проекта със споделен код:
Работете заедно, за да подобрите постепенно своя код, за да изградите проекта с общ код:
```html
code blocks
```
✅ Проверка на знанията - използвайте този момент, за да разширите знанията на учениците с отворени въпроси
✅ Проверка на знанията
Използвайте този момент, за да разширите знанията на студентите с отворени въпроси.
## [Тема 2]
## Тема 2
## Тема 3
## [Тема 3]
🚀 Предизвикателство
Добавете съвместно предизвикателство за студентите да подобрят проекта.
🚀 Предизвикателство: Добавете предизвикателство за учениците, върху което да работят съвместно в клас, за да подобрят проекта
По избор: Добавете екранна снимка на завършения интерфейс на урока, ако е подходящо.
По избор: добавете екранна снимка на потребителския интерфейс на завършения урок, ако е подходящо
## Последващ тест
## [Тест след лекцията](../../../lesson-template/quiz-url)
Добавете връзка към теста тук след завършване на урока.
## Преглед и самостоятелно обучение
**Краен срок за задание [MM/YY]**: [Име на заданието](assignment.md)
**Срок за предаване [ММ/ГГ]**: [Име на заданието](assignment.md)
---
**Отказ от отговорност**:
Този документ е преведен с помощта на AI услуга за превод [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия изходен език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човек. Ние не носим отговорност за каквито и да е недоразумения или погрешни интерпретации, произтичащи от използването на този превод.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Отказ от отговорност**:
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за никакви недоразумения или неправилни тълкувания, възникнали в резултат на използването на този превод.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

10
translations/ro/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T15:44:09+00:00",
"translation_date": "2026-04-24T12:02:57+00:00",
"source_file": "AGENTS.md",
"language_code": "ro"
},
@ -516,8 +516,8 @@
"language_code": "ro"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T17:08:55+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T11:57:34+00:00",
"source_file": "README.md",
"language_code": "ro"
},
@ -564,8 +564,8 @@
"language_code": "ro"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-28T08:10:38+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T11:57:47+00:00",
"source_file": "lesson-template/README.md",
"language_code": "ro"
},

262
translations/ro/AGENTS.md
Unescape View File

@ -2,29 +2,29 @@
## Prezentare generală a proiectului
Acesta este un depozit curricular educațional pentru predarea elementelor fundamentale ale dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni, dezvoltat de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind JavaScript, CSS și HTML.
Acesta este un depozit curricular educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni, dezvoltat de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind JavaScript, CSS și HTML.
### Componente cheie
- **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte
- **Proiecte practice**: Terrarium, Joc de tastare, Extensie pentru browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent chat AI
- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție)
- **Suport multi-limbă**: Traduceri automate pentru peste 50 de limbi prin GitHub Actions
- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiectele AI)
- **Conținut educațional**: 24 de lecții structurate, organizate în module bazate pe proiecte
- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent chat AI
- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lectie)
- **Suport multilingv**: Traduceri automate în peste 50 de limbi prin GitHub Actions
- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiecte AI)
### Arhitectură
- Depozit educațional cu structură bazată pe lecții
- Fiecare folder de lecție conține README, exemple de cod și soluții
- Proiecte autonome în directoare separate (quiz-app, diverse proiecte din lecții)
- Proiecte independente în directoare separate (quiz-app, proiecte diverse de lecții)
- Sistem de traducere folosind GitHub Actions (co-op-translator)
- Documentația este servită prin Docsify și disponibilă ca PDF
- Documentație servită prin Docsify și disponibilă ca PDF
## Comenzi de configurare
Acest depozit este destinat în principal consumului de conținut educațional. Pentru a lucra cu proiecte specifice:
Acest depozit este destinat în principal pentru consumul conținutului educațional. Pentru a lucra cu proiecte specifice:
### Configurare depozit principal
### Configurare principală a depozitului
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -37,11 +37,11 @@ cd Web-Dev-For-Beginners
cd quiz-app
npm install
npm run dev # Pornește serverul de dezvoltare
npm run build # Compilează pentru producție
npm run build # Construiește pentru producție
npm run lint # Rulează ESLint
```
### API Proiect Bancar (Node.js + Express)
### API proiect bancar (Node.js + Express)
```bash
cd 7-bank-project/api
@ -51,7 +51,7 @@ npm run lint # Rulează ESLint
npm run format # Formatează cu Prettier
```
### Proiecte Extensie de Browser
### Proiecte extensie de browser
```bash
cd 5-browser-extension/solution
@ -59,7 +59,7 @@ npm install
# Urmați instrucțiunile specifice browserului pentru încărcarea extensiilor
```
### Proiecte Joc Spațial
### Proiecte joc spațial
```bash
cd 6-space-game/solution
@ -67,7 +67,7 @@ npm install
# Deschide index.html în browser sau folosește Live Server
```
### Proiect Chat (backend Python)
### Proiect chat (backend Python)
```bash
cd 9-chat-project/solution/backend/python
@ -78,31 +78,31 @@ python api.py
## Flux de dezvoltare
### Pentru contribuitori de conținut
### Pentru contribuitorii de conținut
1. **Furcați depozitul** în contul vostru GitHub
2. **Clonați furca local**
3. **Creați un nou branch** pentru modificările voastre
4. Faceți modificări la conținutul lecțiilor sau la exemplele de cod
5. Testați orice modificare de cod în directoarele relevante ale proiectului
6. Trimiteți pull request-uri respectând ghidul de contribuție
1. **Fork-uiți depozitul** în contul dvs. GitHub
2. **Clonați fork-ul** local
3. **Creați un nou branch** pentru modificările dvs.
4. Modificați conținutul lecțiilor sau exemplele de cod
5. Testați orice modificare de cod în directoarele proiectelor relevante
6. Trimiteți pull request-uri urmând ghidurile de contribuție
### Pentru cursanți
1. Fork sau clonează depozitul
1. Faceți fork sau clonați depozitul
2. Navigați secvențial prin directoarele lecțiilor
3. Citiți fișierele README pentru fiecare lecție
4. Completați chestionarele pre-lecție la https://ff-quizzes.netlify.app/web/
4. Completați chestionarele pre-lectie la https://ff-quizzes.netlify.app/web/
5. Parcurgeți exemplele de cod din folderele lecțiilor
6. Finalizați temele și provocările
7. Susțineți chestionarele post-lecție
7. Susțineți chestionarele post-lectie
### Dezvoltare Live
### Dezvoltare live
- **Documentație**: Rulați `docsify serve` din rădăcină (port 3000)
- **Documentație**: Rulați `docsify serve` în rădăcină (port 3000)
- **Quiz App**: Rulați `npm run dev` în directorul quiz-app
- **Proiecte**: Folosiți extensia VS Code Live Server pentru proiectele HTML
- **Proiecte API**: Rulați `npm start` în directoarele API relevante
- **Proiecte API**: Rulați `npm start` în directoarele specifice API
## Instrucțiuni de testare
@ -110,42 +110,42 @@ python api.py
```bash
cd quiz-app
npm run lint # Verifică problemele de stil ale codului
npm run lint # Verifică problemele de stil în cod
npm run build # Verifică dacă compilarea reușește
```
### Testare Bank API
### Testare API bancar
```bash
cd 7-bank-project/api
npm run lint # Verifica problemele de stil de cod
npm run lint # Verifică problemele de stil de cod
node server.js # Verifică dacă serverul pornește fără erori
```
### Abordare generală a testării
### Abordare generală de testare
- Acesta este un depozit educațional fără teste automate complete
- Acesta este un depozit educațional fără teste automate comprehensive
- Testarea manuală se concentrează pe:
- Exemplele de cod să ruleze fără erori
- Linkurile din documentație să funcționeze corect
- Construirea proiectelor să fie finalizată cu succes
- Exemplele să respecte cele mai bune practici
- Rularea exemplelor de cod fără erori
- Funcționarea corectă a linkurilor din documentație
- Complectarea cu succes a compilărilor proiectelor
- Exemplele urmează cele mai bune practici
### Verificări înainte de trimitere
- Rulați `npm run lint` în directoarele cu package.json
- Verificați dacă linkurile markdown sunt valide
- Testați exemplele de cod în browser sau în Node.js
- Asigurați-vă că traducerile păstrează structura corectă
- Verificați validitatea linkurilor markdown
- Testați exemplele de cod în browser sau Node.js
- Verificați dacă traducerile păstrează structura corectă
## Ghid de stil pentru cod
## Ghid de stil de cod
### JavaScript
- Folosiți sintaxa modernă ES6+
- Respectați configurațiile standard ESLint oferite în proiecte
- Utilizați nume de variabile și funcții semnificative pentru claritate educațională
- Adăugați comentarii explicative pentru cursanți
- Respectați configurațiile ESLint standard furnizate în proiecte
- Folosiți nume de variabile și funcții semnificative pentru claritatea educațională
- Adăugați comentarii explicative pentru concepte pentru cursanți
- Formatați folosind Prettier acolo unde este configurat
### HTML/CSS
@ -153,47 +153,47 @@ node server.js # Verifică dacă serverul pornește fără erori
- Elemente semantice HTML5
- Principii de design responsive
- Convenții clare de denumire a claselor
- Comentarii care explică tehnicile CSS pentru cursanți
- Comentarii explicative pentru tehnici CSS pentru cursanți
### Python
- Respectați ghidurile de stil PEP 8
- Exemple de cod clare și educaționale
- Indicații de tip unde sunt utile pentru învățare
- Ghiduri de stil PEP 8
- Exemple clare și educaționale de cod
- Tipări de tip unde sunt utile pentru învățare
### Documentație Markdown
- Ierarhie clară a titlurilor
- Blocuri de cod cu specificație de limbaj
- Blocuri de cod cu specificare a limbajului
- Linkuri către resurse suplimentare
- Capturi de ecran și imagini în directoarele `images/`
- Text alternativ pentru imagini pentru accesibilitate
### Organizarea fișierelor
- Lecțiile numerotate secvențial (1-getting-started-lessons, 2-js-basics etc.)
- Lecții numerotate secvențial (1-getting-started-lessons, 2-js-basics etc.)
- Fiecare proiect are directoare `solution/` și adesea `start/` sau `your-work/`
- Imaginile sunt stocate în foldere specifice lecțiilor `images/`
- Traducerile în structura `translations/{language-code}/`
- Imaginile sunt stocate în foldere `images/` specifice lecțiilor
- Traducerile sunt în structura `translations/{cod-limbă}/`
## Build și implementare
## Compilare și implementare
### Implementarea Quiz App (Azure Static Web Apps)
### Implementare Quiz App (Azure Static Web Apps)
quiz-app este configurat pentru implementarea pe Azure Static Web Apps:
quiz-app este configurat pentru implementarea Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creează folderul dist/
# Face deploy prin workflow-ul GitHub Actions la push în main
# Publică prin fluxul de lucru GitHub Actions la împingerea pe main
```
Configurare Azure Static Web Apps:
- **Locația aplicației**: `/quiz-app`
- **Locația de output**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
Configurarea Azure Static Web Apps:
- **Locație aplicație**: `/quiz-app`
- **Locație output**: `dist`
- **Flux de lucru**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generarea PDF documentație
### Generare PDF documentație
```bash
npm install # Instalează docsify-to-pdf
@ -203,80 +203,80 @@ npm run convert # Generează PDF din docs
### Documentație Docsify
```bash
npm install -g docsify-cli # Instalează Docsify la nivel global
npm install -g docsify-cli # Instalează Docsify global
docsify serve # Servește pe localhost:3000
```
### Build-uri specifice proiectelor
### Construiri specifice proiectelor
Fiecare director de proiect poate avea propriul proces de build:
- Proiecte Vue: `npm run build` creează pachete de producție
Fiecare director de proiect poate avea propriul proces de compilare:
- Proiecte Vue: `npm run build` creează bundle-uri de producție
- Proiecte statice: Fără pas de build, se servesc fișierele direct
## Ghid pentru pull request-uri
### Formatul titlului
### Format titlu
Folosiți titluri clare și descriptive care indică zona de modificare:
- `[Quiz-app] Adaugă chestionar nou pentru lecția X`
- `[Lesson-3] Corectează greșeală de scriere în proiectul terrarium`
- `[Translation] Adaugă traducere în spaniolă pentru lecția 5`
- `[Docs] Actualizează instrucțiuni de configurare`
Folosiți titluri clare, descriptive, indicând aria de schimbare:
- `[Quiz-app] Adăugare quiz nou pentru lecția X`
- `[Lesson-3] Corectare greșeală de tipar în proiectul terrarium`
- `[Translation] Adăugare traducere în spaniolă pentru lecția 5`
- `[Docs] Actualizare instrucțiuni de configurare`
### Verificări obligatorii
### Verificări necesare
Înainte de a trimite un PR:
Înainte de trimiterea PR:
1. **Calitatea codului**:
- Rulați `npm run lint` în directoarele proiectului afectat
- Remediați toate erorile și avertismentele lint
- Remediați toate erorile și avertismentele de lint
2. **Verificarea build-ului**:
- Rulați `npm run build` dacă este cazul
- Asigurați-vă că nu apar erori în build
- Asigurați-vă că nu există erori de compilare
3. **Validarea linkurilor**:
3. **Validare link-uri**:
- Testați toate linkurile markdown
- Verificați că referințele imaginilor funcționează
- Verificați referințele imaginilor
4. **Revizuirea conținutului**:
- Corectați ortografia și gramatica
- Asigurați-vă că exemplele de cod sunt corecte și educaționale
- Verificați dacă traducerile păstrează sensul original
### Cerințe pentru contribuții
### Cerințe de contribuție
- Acceptați CLA Microsoft (verificare automată la primul PR)
- Respectați [Codul de conduită Microsoft Open Source](https://opensource.microsoft.com/codeofconduct/)
- Consultați [CONTRIBUTING.md](./CONTRIBUTING.md) pentru detalii
- Referiți numerele issue-urilor în descrierea PR-ului, dacă este cazul
- Consultați [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
- Referiți numere de issue în descrierea PR-ului dacă este cazul
### Procesul de revizuire
### Proces de revizuire
- PR-urile sunt revizuite de mentori și comunitate
- Prioritate pentru claritatea educațională
- Exemplele de cod trebuie să urmeze cele mai bune practici actuale
- Traducerile sunt verificate pentru acuratețe și adaptare culturală
- PR-urile sunt revizuite de către mentori și comunitate
- Claritatea educațională este prioritară
- Exemplele de cod ar trebui să urmeze cele mai bune practici actuale
- Traducerile sunt revizuite pentru acuratețe și adecvare culturală
## Sistem de traducere
### Traducere automată
- Folosește GitHub Actions cu workflow co-op-translator
- Folosește GitHub Actions cu flux de lucru co-op-translator
- Traduce automat în peste 50 de limbi
- Fișiere sursă în directoarele principale
- Fișiere traduse în directoarele `translations/{language-code}/`
- Fișiere traduse în directoarele `translations/{cod-limba}/`
### Adăugarea îmbunătățirilor manuale
### Adăugarea de îmbunătățiri manuale la traduceri
1. Găsiți fișierul în `translations/{language-code}/`
1. Localizați fișierul în `translations/{cod-limba}/`
2. Faceți îmbunătățiri păstrând structura
3. Asigurați-vă că exemplele de cod rămân funcționale
4. Testați eventualele conținuturi locale din chestionare
4. Testați orice conținut localizat pentru chestionare
### Metadate traducere
### Metadata traducerii
Fișierele traduse includ antet cu metadate:
Fișierele traduse includ un antet metadata:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,55 +289,55 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Depanare și rezolvarea problemelor
## Depanare și rezolvare probleme
### Probleme comune
**Quiz app nu pornește**:
- Verificați versiunea Node.js (recomandat v14+)
- Ștergeți `node_modules` și `package-lock.json`, rulați iar `npm install`
- Verificați conflictele de port (implict: Vite folosește portul 5173)
- Ștergeți `node_modules` și `package-lock.json`, rulați din nou `npm install`
- Verificați conflictele de port (implicit: Vite folosește portul 5173)
**Serverul API nu pornește**:
- Asigurați-vă că versiunea Node.js este minim node >=10
- Verificați dacă portul este ocupat
- Verificați că toate dependențele sunt instalate cu `npm install`
- Verificați dacă versiunea Node.js este minim (node >=10)
- Verificați dacă portul este deja utilizat
- Asigurați-vă că toate dependențele sunt instalate cu `npm install`
**Extensia de browser nu se încarcă**:
- Verificați formatul corect al manifest.json
- Consultați consola browserului pentru erori
**Extensia browser nu se încarcă**:
- Verificați dacă manifest.json este corect formatat
- Verificați consola browserului pentru erori
- Urmați instrucțiunile specifice browserului pentru instalarea extensiei
**Probleme proiect chat Python**:
- Asigurați-vă că pachetul OpenAI este instalat: `pip install openai`
- Verificați dacă variabila de mediu GITHUB_TOKEN este setată
- Verificați permisiunile de acces la GitHub Models
- Verificați permisiunile de acces GitHub Models
**Docsify nu servește documentația**:
- Instalați global docsify-cli: `npm install -g docsify-cli`
- Instalați docsify-cli global: `npm install -g docsify-cli`
- Rulați din directorul rădăcină al depozitului
- Verificați existența fișierului `docs/_sidebar.md`
- Verificați că există `docs/_sidebar.md`
### Sfaturi pentru mediul de dezvoltare
- Folosiți VS Code cu extensia Live Server pentru proiectele HTML
- Instalați extensiile ESLint și Prettier pentru formatare consistentă
- Folosiți DevTools ale browserului pentru depanarea JavaScript
- Pentru proiecte Vue, instalați extensia Vue DevTools în browser
- Folosiți DevTools din browser pentru depanarea JavaScript
- Pentru proiectele Vue, instalați extensia Vue DevTools pentru browser
### Considerații de performanță
- Numărul mare de fișiere traduse (50+ limbi) face clonările totale mari
- Folosiți clonarea superficială dacă lucrați doar pe conținut: `git clone --depth 1`
- Excludeți traducerile din căutări când lucrați pe conținut în engleză
- Numărul mare de fișiere traduse (50+ limbi) face clonele complete mari
- Folosiți clone shallow dacă lucrați doar cu conținut: `git clone --depth 1`
- Excludeți traducerile din căutări când lucrați cu conținutul în engleză
- Procesele de build pot fi lente la prima rulare (npm install, build Vite)
## Considerații de securitate
### Variabile de mediu
- Cheile API nu trebuie niciodată comise în depozit
- Folosiți fișiere `.env` (deja în `.gitignore`)
- Cheile API nu trebuie niciodată să fie comise în depozit
- Folosiți fișiere `.env` (explicit ignorate în `.gitignore`)
- Documentați variabilele de mediu necesare în README-urile proiectelor
### Proiecte Python
@ -348,31 +348,31 @@ CO_OP_TRANSLATOR_METADATA:
### Acces GitHub Models
- Sunt necesare token-uri personale de acces (PAT) pentru GitHub Models
- Token-urile trebuie păstrate ca variabile de mediu
- Nu comiteți niciodată token-uri sau credențiale
- Sunt necesare token-uri de acces personal (PAT) pentru GitHub Models
- Tokenurile trebuie stocate ca variabile de mediu
- Nu comiteți niciodată tokenurile sau credențialele
## Note suplimentare
### Public țintă
- Începători compleți în dezvoltare web
- Începători compleți în dezvoltarea web
- Studenți și autodidacți
- Profesori care folosesc curriculumul în săli de clasă
- Conținut gândit pentru accesibilitate și dezvoltare graduală a competențelor
- Conținut creat pentru accesibilitate și dezvoltare graduală a abilităților
### Filosofie educațională
### Filosofia educațională
- Abordare bazată pe proiecte
- Abordare bazată pe învățare prin proiecte
- Verificări frecvente ale cunoștințelor (chestionare)
- Exerciții practice de codare
- Exemple aplicate din lumea reală
- Accent pe elementele fundamentale înaintea framework-urilor
- Exemple de aplicații din lumea reală
- Accent pe fundamente înainte de framework-uri
### Mentenanță depozit
### Mentenanța depozitului
- Comunitate activă de cursanți și contribuitori
- Actualizări regulate ale dependențelor și conținutului
- Actualizări regulate ale dependințelor și conținutului
- Probleme și discuții monitorizate de mentori
- Actualizări automate ale traducerilor prin GitHub Actions
@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA:
- [Module Microsoft Learn](https://docs.microsoft.com/learn/)
- [Resurse Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru cursanți
- Cursuri suplimentare: AI Generativ, Știința datelor, ML, curricula IoT disponibile
- Cursuri suplimentare: AI generativ, Data Science, ML, curriculum IoT disponibile
### Lucrul cu proiecte specifice
Pentru instrucțiuni detaliate despre proiectele individuale, consultați fișierele README din:
Pentru instrucțiuni detaliate despre proiectele individuale consultați fișierele README din:
- `quiz-app/README.md` - aplicație quiz Vue 3
- `7-bank-project/README.md` - aplicație bancară cu autentificare
- `5-browser-extension/README.md` - dezvoltarea extensiilor pentru browser
- `6-space-game/README.md` - dezvoltarea jocurilor canvas
- `5-browser-extension/README.md` - dezvoltare extensie browser
- `6-space-game/README.md` - dezvoltare joc canvas
- `9-chat-project/README.md` - proiect asistent chat AI
### Structura monorepo
Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente:
- Fiecare lecție este autonomă
- Fiecare lecție este auto-conținută
- Proiectele nu împart dependențe
- Lucrați pe proiectele individuale fără a afecta altele
- Clonați întregul repo pentru experiența completă a curriculumului
- Se poate lucra pe proiecte individuale fără a afecta altele
- Clonați întregul depozit pentru experiența completă a curriculumului
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare a responsabilității**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de o persoană. Nu ne asumăm responsabilitatea pentru eventuale neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
**Declinare a responsabilității**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). În timp ce ne străduim pentru acuratețe, vă rugăm să fiți conștienți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite apărute în urma utilizării acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

182
translations/ro/README.md
Unescape View File

@ -12,27 +12,27 @@
# Dezvoltare Web pentru Începători - Un Curriculum
Învață noțiunile fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni creat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Participă la chestionare, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează-ți retenția cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi!
Învățați elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni oferit de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Participați la chestionare, discuții și teme practice. Îmbunătățiți-vă abilitățile și optimizați reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începeți-vă călătoria în programare astăzi!
Alătură-te comunității Azure AI Foundry pe Discord
Alăturați-vă Discord-ului Azure AI Foundry și întâlniți experți și colegi dezvoltatori.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Urmărește acești pași pentru a începe folosirea acestor resurse:
1. **Clonează depozitul**: Click pe [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Clonează depozitul local**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Alătură-te Discordului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
Urmați acești pași pentru a începe să utilizați aceste resurse:
1. **Faceți Fork la Repositoriu**: Click pe [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Clonați Repositoriu**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Alăturați-vă Discord Azure AI Foundry și întâlniți experți și colegi dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Suport Multilingv
#### Suportat prin GitHub Action (automatizat și întotdeauna actualizat)
#### Suportat prin GitHub Action (Automat și Întotdeauna la Zi)
<!-- 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](./README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Preferi să clonezi local?**
>
> Acest depozit include peste 50 de traduceri care cresc semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout:
> Acest repository include peste 50 de traduceri în limbi diferite, ceea ce crește semnificativ dimensiunea descarcării. Pentru a clona fără traduceri, folosește sparse checkout:
>
> **Bash / macOS / Linux:**
> ```bash
@ -48,26 +48,26 @@ Urmărește acești pași pentru a începe folosirea acestor resurse:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> Acest lucru îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
> Aceasta vă oferă tot ce aveți nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Dacă dorești să fie suportate alte limbi pentru traduceri, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Dacă doriți să aveți traduceri suplimentare, limbile suportate sunt listate aici. [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Ești student?_
Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar modalități de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o salvezi la favorite și să o verifici din când în când deoarece conținutul este actualizat lunar.
Vizitează pagina [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar modalități de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o adaugi la favorite și să o verifici din când în când, pentru că schimbăm conținutul lunar.
### 📣 Anunț - Noi provocări GitHub Copilot Agent de completat!
### 📣 Anunț - Provocări noi în GitHub Copilot Agent mode de completat!
Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în cele mai multe capitole. Este o provocare nouă pentru tine de finalizat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta nu doar generează text, ci poate crea și edita fișiere, rula comenzi și multe altele.
Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Este o provocare nouă pentru tine să o completezi folosind GitHub Copilot și modul Agent. Dacă nu ai folosit înainte modul Agent, acesta poate nu doar să genereze text, ci și să creeze și să editeze fișiere, să ruleze comenzi și altele.
### 📣 Anunț - _Proiect nou de construit folosind Generative AI_
### 📣 Anunț - _Proiect Nou de construit folosind Generative AI_
Proiect nou pentru Asistent AI tocmai adăugat, verifică [proiectul](./9-chat-project/README.md)
Proiectul nou AI Assistant tocmai a fost adăugat, vezi detalii [project](./9-chat-project/README.md)
### 📣 Anunț - _Curriculum nou_ despre Generative AI pentru JavaScript a fost lansat recent
### 📣 Anunț - _Curriculum Nou_ despre Generative AI pentru JavaScript a fost lansat
Nu rata noul nostru curriculum Generative AI!
@ -75,16 +75,16 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent
![Background](../../translated_images/ro/background.148a8d43afde5730.webp)
- Lecții care acoperă totul, de la bazele până la RAG.
- Lecții care acoperă totul, de la elementele de bază până la RAG.
- Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion.
- Narațiune amuzantă și captivantă, vei călători în timp!
![character](../../translated_images/ro/character.5c0dd8e067ffd693.webp)
Fiecare lecție include o temă de completat, un test de verificare a cunoștințelor și o provocare pentru a te ghida în învățarea unor subiecte precum:
Fiecare lecție include o temă de completat, un test de verificare a cunoștințelor și o provocare pentru a te ghida în învățarea subiectelor precum:
- Promptarea și ingineria prompturilor
- Generarea aplicațiilor de text și imagine
- Generarea de aplicații text și imagine
- Aplicații de căutare
Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe!
@ -93,122 +93,122 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent
## 🌱 Începutul
> **Profesori**, am inclus [unele sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedback-ul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedbackul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un chestionar pre-lectură și continuați cu lectura materialului, realizarea activităților și verificarea înțelegerii cu chestionarul post-lectură.
**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un chestionar pre-lecture și continuați cu lectura materialului de curs, realizați diverse activități și verificați-vă înțelegerea cu chestionarul post-lecture.
Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), unde echipa noastră de moderatori vă va răspunde la întrebări.
Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă pentru a răspunde întrebărilor voastre.
Pentru a vă extinde educația, recomandăm cu tărie explorarea [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu.
Pentru aprofundare, vă recomandăm să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu.
### 📋 Configurarea mediului tău
### 📋 Configurarea mediului tău de lucru
Acest curriculum vine cu un mediu de dezvoltare gata de folosit! Pe măsură ce începi, poți alege să rulezi curriculum-ul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără necesitatea instalărilor_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Acest curriculum are un mediu de dezvoltare gata pentru utilizare! Pe măsură ce începi, poți alege să rulezi curriculumul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu în browser, fără nevoie de instalări_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Creează-ți repository-ul
Pentru a-ți salva ușor munca, se recomandă să-ți creezi propria copie a acestui depozit. Poți face acest lucru făcând click pe butonul **Use this template** din partea de sus a paginii. Aceasta va crea un repository nou în contul tău de GitHub cu o copie a curriculum-ului.
#### Creează-ți propriul repository
Pentru a-ți salva ușor munca, se recomandă să creezi propria copie a acestui repository. Poți face asta dând click pe butonul **Use this template** din partea de sus a paginii. Aceasta va crea un nou repository în contul tău de GitHub cu o copie a curriculumului.
Urmează acești pași:
1. **Fork the Repository**: Apasă butonul "Fork" din colțul din dreapta sus al acestei pagini.
2. **Clonează repository-ul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
1. **Faceți Fork la Repositoriu**: Apasă pe butonul „Fork” din colțul dreapta sus al acestei pagini.
2. **Clonați Repositoriu**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Rularea curriculum-ului într-un Codespace
#### Rularea curriculumului într-un Codespace
În copia ta a acestui repository pe care ai creat-o, apasă pe butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace unde să lucrezi.
În copia ta a repository-ului creată, dă click pe butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace în care să lucrezi.
![Codespace](../../translated_images/ro/createcodespace.0238bbf4d7a8d955.webp)
#### Rularea curriculum-ului local pe calculatorul tău
#### Rularea curriculumului local pe calculatorul tău
Pentru a rula acest curriculum local, ai nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în limbajele de programare și uneltele din domeniu](../../1-getting-started-lessons/1-intro-to-programming-languages), îți va prezenta diverse opțiuni pentru fiecare dintre aceste unelte astfel încât să le poți alege pe cele care ți se potrivesc cel mai bine.
Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument linie de comandă. Prima noastră lecție, [Introducere în Limbajele de Programare și Unelte](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare dintre aceste unelte, pentru a alege ce ți se potrivește cel mai bine.
Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrat. Poți descărca Visual Studio Code [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru făcând clic pe butonul **Code** și copiind URL-ul:
Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) încorporat. Poți descărca Visual Studio Code [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru apăsând butonul **Code** și copiind URL-ul:
[CodeSpace](./images/createcodespace.png)
Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și rulează următoarea comandă, înlocuind `<your-repository-url>` cu URL-ul pe care tocmai l-ai copiat:
Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și execută următoarea comandă, înlocuind `<your-repository-url>` cu URL-ul copiat:
```bash
git clone <your-repository-url>
```
2. Deschide folderul în Visual Studio Code. Poți face acest lucru făcând clic pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat.
2. Deschide folderul în Visual Studio Code. Poți face acest lucru apăsând pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat.
> Extensii recomandate pentru Visual Studio Code:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru previzualizarea paginilor HTML direct în Visual Studio Code
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru previzualizarea paginilor HTML în Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pentru a te ajuta să scrii cod mai rapid
## 📂 Fiecare lecție include:
- notițe grafice opționale
- videoclip suplimentar opțional
- quiz de încălzire înainte de lecție
- schiță opțională
- video suplimentar opțional
- test preliminar de încălzire înaintea lecției
- lecție scrisă
- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru a construi proiectul
- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru construirea proiectului
- verificări de cunoștințe
- o provocare
- lecturi suplimentare
- lectură suplimentară
- temă
- [quiz post-lecție](https://ff-quizzes.netlify.app/web/)
- [test post-lectie](https://ff-quizzes.netlify.app/web/)
> **O notă despre quiz-uri**: Toate quiz-urile se află în folderul Quiz-app, 48 de quiz-uri în total, fiecare cu câte trei întrebări. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/). Aplicația quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
> **O notă despre teste**: Toate testele sunt conținute în folderul Quiz-app, în total 48 de teste cu câte trei întrebări fiecare. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/); aplicația de teste poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
## 🗃️ Lecții
| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Asociată | Autor |
| :-: | :------------------------------------------------------------: | :----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Începutul | Introducere în Programare și Unelte de Lucru | Învață bazele fundamentale ale majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști să-și facă treaba | [Intro în limbaje de programare și unelte](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Începutul | Bazele GitHub, inclusiv colaborarea într-o echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod | [Intro în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Începutul | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamente ale accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Bazele JS | Tipuri de date în JavaScript | Bazele tipurilor de date în JavaScript | [Tipuri de date](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Bazele JS | Funcții și metode | Învață despre funcții și metode pentru a gestiona fluxul logic al unei aplicații | [Funcții și metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher |
| 06 | Bazele JS | Luarea deciziilor în JavaScript | Cum să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Bazele JS | Array-uri și bucle | Lucrează cu date folosind array-uri și bucle în JavaScript | [Array-uri și bucle](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în practică | Construiește HTML-ul pentru crearea unui terrariu online, concentrându-te pe construirea unui layout | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în practică | Construiește CSS-ul pentru a stiliza terrariul online, concentrându-te pe bazele CSS, inclusiv realizarea unei pagini responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipulare DOM | Construiește JavaScript-ul pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipulare DOM | [Închideri JavaScript, manipulare DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construirea unui joc de tastare | Învață cum să folosești evenimente de tastatură pentru a conduce logica aplicației JavaScript | [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrul cu browsere | Învață cum funcționează browserele, istoria lor și cum să schițezi primele elemente ale unei extensii de browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală | Construiește elementele JavaScript ale extensiei de browser pentru a apela un API folosind variabile stocate local | [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procese de fundal în browser, performanța web | Folosește procesele din background ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și optimizări | [Task-uri de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare mai avansată de jocuri cu JavaScript | Învață despre moștenire folosind atât clase cât și compoziție și modelul Pub/Sub, pregătindu-te pentru construirea unui joc | [Introducere în dezvoltarea avansată de jocuri](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran | [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot căpăta mișcare folosind coordonate carteziene și API-ul Canvas | [Mutarea elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă elementele să se ciocnească și să reacționeze între ele folosind apăsări de taste și oferă o funcție cooldown pentru performanța jocului | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Efectuează calcule matematice bazate pe statusul și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și repornirea jocului | Învață despre terminarea și repornirea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de terminare](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și rute într-o aplicație web | Învață cum să creezi arhitectura unei pagini web cu mai multe pagini folosind rutare și șabloane HTML | [Șabloane HTML și rute](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Construirea unui formular de autentificare | Învață despre construire de formulare și gestionarea validărilor | [Formulare](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le preiei, stochezi și elimini | [Date](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de gestionare a stării | Învață cum reține aplicația ta starea și cum să o gestionezi programatic | [Managementul stării](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosirea editorului VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să-ți construiești propriul asistent AI | [Proiect asistent AI](./9-chat-project/README.md) | Chris |
| | Numele Proiectului | Concepte Prezentate | Obiective de Învățare | Lecția Legată | Autor |
| :-: | :------------------------------------------------------------: | :-----------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Începutul Programării | Introducere în Programare și Unelte | Învață elementele de bază ale majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști | [Introducere în Limbaje de Programare și Unelte](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Începutul Programării | Bazele GitHub, inclusiv colaborarea în echipă | Cum se folosește GitHub în proiectul tău, cum să colaborezi cu alții pe o bază de cod | [Introducere în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Începutul Programării | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamentele Accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | Tipuri de date în JavaScript | Elementele de bază ale tipurilor de date JavaScript | [Tipuri de Date](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | Funcții și Metode | Învață despre funcții și metode pentru gestionarea fluxului logic al aplicației | [Funcții și Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher |
| 06 | JS Basics | Luarea Deciziilor cu JS | Învață să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea Deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | Array-uri și Buclă | Lucrează cu date folosind array-uri și bucle în JavaScript | [Array-uri și Buclă](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în Practică | Construiește HTML pentru a crea un terariu online, concentrându-te pe construirea unui layout | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în Practică | Construiește CSS pentru a stiliza terariul online, concentrându-te pe bazele CSS inclusiv realizarea paginii responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipularea DOM | Construiește JavaScript-ul pentru a face funcțional terariul ca o interfață drag/drop, concentrându-te pe închideri și manipularea DOM | [Închideri JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construiește un joc de tastare | Învață cum să folosești evenimentele de tastatură pentru a conduce logica aplicației tale JavaScript | [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrul cu browsere | Învață cum funcționează browserele, istoria lor, și cum să creezi elementele inițiale ale unei extensii de browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în local storage | Construiește elementele JavaScript ale extensiei browser-ului pentru a apela un API folosind variabile stocate în local storage | [API-uri, formulare și local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procese de fundal în browser, performanța web | Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și unele optimizări | [Sarcini de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare jocuri avansată cu JavaScript | Învață despre moștenire folosind atât clase, cât și compoziție, și modelul Pub/Sub, în pregătirea construirii unui joc | [Introducere în dezvoltarea jocurilor avansate](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru desenarea elementelor pe ecran | [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot căpăta mișcare folosind coordonate carteziene și API-ul Canvas | [Mutarea elementelor pe ecran](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă ca elementele să se ciocnească și să reacționeze unele la altele folosind apăsări de taste și oferă o funcție de cooldown | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Realizează calcule matematice bazate pe statusul și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și repornirea jocului | Învață despre terminarea și repornirea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de terminare](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și Rute într-o aplicație web | Învață cum să creezi scheletul arhitecturii unui website multipagină folosind rutare și șabloane HTML | [Șabloane HTML și rute](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Construiește un formular de autentificare și înregistrare | Învață despre construirea formularelor și gestionarea validărilor | [Formulare](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le preiei, să le stochezi și să le elimini | [Date](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de Management al Stării | Învață cum aplicația ta păstrează starea și cum să o gestionezi programatic | [Managementul stării](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosește editorul de cod VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Lucru cu AI | Învață cum să construiești propriul asistent AI | [Proiect Asistent AI](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogie
Curriculumul nostru este conceput cu două principii pedagogice cheie în minte:
* învățare bazată pe proiecte
* quiz-uri frecvente
Curriculum-ul nostru este conceput având în vedere două principii pedagogice cheie:
* învățarea bazată pe proiecte
* teste frecvente
Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web din prezent. Studenții vor avea oportunitatea să dezvolte experiență practică construind un joc de tastare, un terrariu virtual, o extensie de browser eco-friendly, un joc în stil space-invader și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor fi dobândit o înțelegere solidă a dezvoltării web.
Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de azi. Studenții vor avea oportunitatea să dobândească experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser ecologică, un joc de tip space invader și o aplicație bancară pentru afaceri. Până la finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.
> 🎓 Poți parcurge primele lecții din acest curriculum ca un [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
> 🎓 Poți parcurge primele lecții din acest curriculum ca un [Curs de învățare](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
Prin asigurarea alinierii conținutului cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor va fi îmbunătățită. De asemenea, am scris mai multe lecții introductive în bazele JavaScript pentru a introduce conceptele, împreună cu un videoclip din colecția de tutoriale video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", a căror autori au contribuit la acest curriculum.
Prin asigurarea alinierii conținutului cu proiectele, procesul devine mai captivant pentru studenți și reținerea conceptelor este îmbunătățită. Am scris, de asemenea, câteva lecții introductive în elementele de bază ale JavaScript pentru a introduce conceptele, alături de un video din colecția de tutoriale video "[Seria pentru Începători la: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", al cărei autori au contribuit și la acest curriculum.
În plus, un quiz cu miză redusă înaintea unei clase stabilește intenția studentului pentru învățarea unui subiect, în timp ce un al doilea quiz după clasă asigură o retenție suplimentară. Acest curriculum a fost conceput să fie flexibil și distractiv, putând fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni.
În plus, un test cu miză mică înaintea unei clase setează intenția studentului de a învăța un subiect, în timp ce un al doilea test după clasă asigură o reținere suplimentară. Acest curriculum a fost conceput să fie flexibil și amuzant și poate fi parcurs integral sau parțial. Proiectele sunt mici la început și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni.
Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un pas bun următor după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare unui dezvoltator web înainte de a adopta un framework, un pas următor bun după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Seria pentru Începători la: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Vizitează [Codul nostru de Conduită](CODE_OF_CONDUCT.md) și ghidul [Contribuie](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
> Vizitează [Codul nostru de Conduită](CODE_OF_CONDUCT.md) și [Ghidul de Contribuție](CONTRIBUTING.md). Apreciem feedback-ul tău constructiv!
## 🧭 Acces offline
Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fork-uiește acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală, apoi în folderul rădăcină al acestui repo, tastează `docsify serve`. Site-ul va fi servit pe portul 3000 la localhost-ul tău: `localhost:3000`.
Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă un fork al acestui depozit, [instalează Docsify](https://docsify.js.org/#/quickstart) pe calculatorul tău local, apoi în folderul rădăcină al acestui depozit tastează `docsify serve`. Site-ul va fi servit pe portul 3000 pe localhost-ul tău: `localhost:3000`.
## 📘 PDF
Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
@ -216,7 +216,7 @@ Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web
## 🎒 Alte Cursuri
Echipa noastră produce și alte cursuri! Verifică:
Echipa noastră produce și alte cursuri! Aruncă o privire:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -225,7 +225,7 @@ Echipa noastră produce și alte cursuri! Verifică:
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agenți
### Azure / Edge / MCP / Agents
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -233,7 +233,7 @@ Echipa noastră produce și alte cursuri! Verifică:
---
### Seria Inteligență Artificială Generativă
### Seria AI Generativ
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -241,7 +241,7 @@ Echipa noastră produce și alte cursuri! Verifică:
---
### Învățare De Bază
### Învățare de Bază
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -260,11 +260,11 @@ Echipa noastră produce și alte cursuri! Verifică:
## Obținerea Ajutorului
Dacă te blochezi sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate suportivă unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber.
Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate de suport unde întrebările sunt binevenite, iar cunoștințele sunt împărtășite liber.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Dacă ai feedback despre produs sau erori în timpul construirii, vizitează:
Dacă ai feedback despre produs sau întâmpini erori în timpul dezvoltării, vizitează:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
@ -275,6 +275,6 @@ Acest depozit este licențiat sub licența MIT. Vezi fișierul [LICENSE](../../L
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare a responsabilității**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru orice neînțelegeri sau interpretări greșite rezultând din utilizarea acestei traduceri.
**Declinare a responsabilității**:
Acest document a fost tradus utilizând serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un traducător uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite care decurg din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

65
translations/ro/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [Subiectul Lecției]
# Subiectul Lecției
![Încorporează un videoclip aici](../../../lesson-template/video-url)
## 🎥 Video
## [Chestionar înainte de lecție](../../../lesson-template/quiz-url)
> Adaugă aici un video încorporat sau un link către lecție.
[Descrie ce vom învăța]
---
## Chestionar pre-lectură
> Adaugă aici un link către chestionar când este disponibil.
---
Oferă o prezentare succintă a ceea ce vor învăța studenții în această lecție.
---
### Introducere
Descrie ce va fi acoperit
Oferă o scurtă introducere care descrie ce va fi acoperit în această lecție.
> Note
### Cerințe preliminare
---
### Cerințe
Ce pași ar fi trebuit să fie parcurși înainte de această lecție?
Listează conceptele sau subiectele cu care studenții ar trebui să fie deja familiarizați înainte de a începe această lecție.
---
### Pregătire
Pași pregătitori pentru a începe această lecție
Listează pașii de configurare sau uneltele necesare înainte de a începe lecția.
---
[Parcurge conținutul în blocuri]
### Conținut
Parcurge conținutul lecției în secțiuni structurate.
---
## [Subiectul 1]
## Subiectul 1
### Sarcină:
Lucrați împreună pentru a îmbunătăți progresiv baza de cod și pentru a construi proiectul cu cod partajat:
Lucrați împreună pentru a îmbunătăți progresiv baza de cod pentru a construi proiectul cu cod partajat:
```html
code blocks
```
✅ Verificare cunoștințe - folosiți acest moment pentru a extinde cunoștințele studenților cu întrebări deschise
✅ Verificare a cunoștințelor
Folosește acest moment pentru a stimula cunoștințele studenților cu întrebări deschise.
## [Subiectul 2]
## Subiectul 2
## Subiectul 3
## [Subiectul 3]
🚀 Provocare
Adaugă o provocare colaborativă pentru studenți în vederea îmbunătățirii proiectului.
🚀 Provocare: Adăugați o provocare pentru ca studenții să lucreze colaborativ în clasă pentru a îmbunătăți proiectul
Opțional: Adaugă o captură de ecran cu interfața lecției finalizate dacă este cazul.
Opțional: adăugați o captură de ecran a interfeței lecției finalizate, dacă este cazul
## Chestionar post-lectură
## [Chestionar după lecție](../../../lesson-template/quiz-url)
Adaugă aici un link către chestionar după finalizarea lecției.
## Recapitulare și Studiu Individual
## Recapitulare & Auto-studiu
**Temă datorată [MM/YY]**: [Numele Temei](assignment.md)
**Temă de predat [LL/AA]**: [Numele temei](assignment.md)
---
**Declinarea responsabilității**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși depunem eforturi pentru a asigura acuratețea, vă rugăm să aveți în vedere că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă ar trebui considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite care pot apărea din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Disclaimer**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original, în limba sa nativă, trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

10
translations/sk/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T15:42:57+00:00",
"translation_date": "2026-04-24T12:01:41+00:00",
"source_file": "AGENTS.md",
"language_code": "sk"
},
@ -516,8 +516,8 @@
"language_code": "sk"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T17:06:57+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T11:54:50+00:00",
"source_file": "README.md",
"language_code": "sk"
},
@ -564,8 +564,8 @@
"language_code": "sk"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-27T22:43:58+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T11:55:01+00:00",
"source_file": "lesson-template/README.md",
"language_code": "sk"
},

268
translations/sk/AGENTS.md
Unescape View File

@ -2,23 +2,23 @@
## Prehľad projektu
Toto je vzdelávací repozitár pre výučbu základov webového vývoja pre začiatočníkov. Kurz je komplexný 12-týždňový program vyvinutý Microsoft Cloud Advocates, obsahujúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
Toto je vzdelávací repozitár kurikula na výučbu základov webového vývoja pre začiatočníkov. Kurikulum je komplexný 12-týždňový kurz vytvorený Microsoft Cloud Advocates, ktorý obsahuje 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
### Kľúčové komponenty
- **Vzdelávací obsah**: 24 štruktúrovaných lekcií usporiadaných do modulov založených na projektoch
- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Vesmírna hra, Banková aplikácia, Code Editor a AI Chat Asistent
- **Interaktívne kvízy**: 48 kvízov s 3 otázkami v každom (pred/po lekcii)
- **Podpora viacerých jazykov**: Automatizované preklady do 50+ jazykov cez GitHub Actions
- **Praktické projekty**: Terrárium, Typing Game, Rozšírenie prehliadača, Space Game, Banková aplikácia, Editor kódu a AI chat asistent
- **Interaktívne kvízy**: 48 kvízov s 3 otázkami každý (pred a po lekcii)
- **Podpora viacerých jazykov**: Automatické preklady do 50+ jazykov pomocou GitHub Actions
- **Technológie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pre AI projekty)
### Architektúra
- Vzdelávací repozitár so štruktúrou založenou na lekciách
- Každý priečinok lekcie obsahuje README, ukážky kódu a riešenia
- Každý priečinok lekcie obsahuje README, príklady kódu a riešenia
- Samostatné projekty v oddelených adresároch (quiz-app, rôzne projekty lekcií)
- Prekladový systém využívajúci GitHub Actions (co-op-translator)
- Dokumentácia podávaná cez Docsify a dostupná ako PDF
- Dokumentácia podávaná cez Docsify a dostupná aj ako PDF
## Príkazy na nastavenie
@ -37,11 +37,11 @@ cd Web-Dev-For-Beginners
cd quiz-app
npm install
npm run dev # Spustiť vývojový server
npm run build # Vytvoriť pre produkciu
npm run build # Vytvoriť build pre produkciu
npm run lint # Spustiť ESLint
```
### API Bankového projektu (Node.js + Express)
### Bankový projekt API (Node.js + Express)
```bash
cd 7-bank-project/api
@ -59,7 +59,7 @@ npm install
# Postupujte podľa pokynov na načítanie rozšírenia špecifických pre prehliadač
```
### Projekty vesmírnej hry
### Projekty Space Game
```bash
cd 6-space-game/solution
@ -67,7 +67,7 @@ npm install
# Otvorte index.html v prehliadači alebo použite Live Server
```
### Projekt Chat (Python Backend)
### Chat projekt (Python backend)
```bash
cd 9-chat-project/solution/backend/python
@ -76,26 +76,26 @@ pip install openai
python api.py
```
## Vývojový proces
## Vývojový pracovný tok
### Pre prispievateľov obsahu
1. **Forknite repozitár** do svojho GitHub účtu
2. **Skloňujte svoj fork** lokálne
1. **Rozvetvite repozitár** do svojho GitHub účtu
2. **Naklonujte svoj fork** lokálne
3. **Vytvorte novú vetvu** pre svoje zmeny
4. Robte zmeny v obsahu lekcií alebo príkladoch kódu
5. Testujte akékoľvek zmeny kódu v relevantných projektových adresároch
6. Podajte pull request podľa pravidiel prispievania
4. Urobte zmeny v obsahu lekcií alebo príkladoch kódu
5. Otestujte akékoľvek zmeny kódu v príslušných adresároch projektov
6. Podajte pull requesty podľa pokynov na prispievanie
### Pre študentov
1. Forknite alebo naklonujte repozitár
2. Postupne prechádzajte adresáre lekcií
3. Čítajte README súbory pre každú lekciu
4. Vyplňte pre-lekčné kvízy na https://ff-quizzes.netlify.app/web/
5. Prejdite si príklady kódu v adresároch lekcií
6. Dokončite úlohy a výzvy
7. Absolvujte po-lekčné kvízy
1. Rozvetvite alebo naklonujte repozitár
2. Navigujte postupne do adresárov lekcií
3. Prečítajte si README súbory ku každej lekcii
4. Vyplňte predlekčné kvízy na https://ff-quizzes.netlify.app/web/
5. Pracujte s príkladmi kódu v priečinkoch lekcií
6. Dokončite zadania a výzvy
7. Vyplňte poprojektové kvízy
### Živý vývoj
@ -104,7 +104,7 @@ python api.py
- **Projekty**: Použite VS Code Live Server rozšírenie pre HTML projekty
- **API projekty**: Spustite `npm start` v príslušných API adresároch
## Inštrukcie na testovanie
## Pokyny na testovanie
### Testovanie Quiz App
@ -119,107 +119,107 @@ npm run build # Overte, či zostavenie prebehne úspešne
```bash
cd 7-bank-project/api
npm run lint # Skontrolujte problémy so štýlom kódu
node server.js # Overte, či server štartuje bez chýb
node server.js # Overte, či sa server spustí bez chýb
```
### Všeobecný prístup k testovaniu
- Ide o vzdelávací repozitár bez komplexných automatizovaných testov
- Manuálne testovanie sa zameriava na:
- Príklady kódu bez chýb
- Funkčnosť odkazov v dokumentácii
- Úspešnosť buildov projektov
- Dodržiavanie najlepších praktík v príkladoch
- Toto je vzdelávací repozitár bez komplexných automatizovaných testov
- Manuálne testovanie sa sústreďuje na:
- Príklady kódu bežia bez chýb
- Odkazy v dokumentácii fungujú správne
- Projekty sa úspešne zostavujú
- Príklady dodržiavajú osvedčené postupy
### Kontroly pred odoslaním
### Kontroly pred podaním
- Spustite `npm run lint` v adresároch s package.json
- Overte platnosť markdown odkazov
- Testujte príklady kódu v prehliadači alebo Node.js
- Skontrolujte, či preklady zachovávajú správnu štruktúru
## Pravidlá štýlu kódu
## Pokyny pre štýl kódu
### JavaScript
- Používajte moderný ES6+ syntax
- Používajte modernú syntax ES6+
- Dodržiavajte štandardné ESLint konfigurácie v projektoch
- Používajte zrozumiteľné názvy premenných a funkcií pre vzdelávaciu jasnosť
- Používajte zmysluplné názvy premenných a funkcií pre edukatívnu jasnosť
- Pridávajte komentáre vysvetľujúce koncepty pre študentov
- Formátujte kód pomocou Prettier kde je nastavený
- Formátujte pomocou Prettier tam, kde je nakonfigurovaný
### HTML/CSS
- Semantické HTML5 prvky
- Principy responzívneho dizajnu
- Čisté pomenovanie tried
- Semantické HTML5 elementy
- Princípy responzívneho dizajnu
- Jasné pomenovanie tried
- Komentáre vysvetľujúce CSS techniky pre študentov
### Python
- Štýlové pravidlá PEP 8
- Jasné, vzdelávacie príklady kódu
- Pokyny štýlu PEP 8
- Jasné, edukatívne príklady kódu
- Typové anotácie tam, kde pomáhajú pri učení
### Markdown dokumentácia
- Jasná hierarchia nadpisov
- Kódové bloky s určením jazyka
- Odkazy na doplnkové zdroje
- Snímky obrazovky a obrázky v adresároch `images/`
- Alt text pre obrázky pre prístupnosť
- Kódové bloky so špecifikáciou jazyka
- Odkazy na dodatočné zdroje
- Snímky obrazovky a obrázky v adresári `images/`
- Alternatívny text pre obrázky pre prístupnosť
### Organizácia súborov
- Lekcie číslované postupne (1-getting-started-lessons, 2-js-basics, atď.)
- Každý projekt má adresáre `solution/` a často `start/` alebo `your-work/`
- Obrázky uložené v špecifických priečinkoch lekcií `images/`
- Obrázky uložené v adresároch `images/` podľa lekcií
- Preklady v štruktúre `translations/{language-code}/`
## Build a nasadenie
## Skladanie a nasadenie
### Nasadenie Quiz App (Azure Static Web Apps)
quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps:
Quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Vytvára priečinok dist/
# Nasadzuje cez GitHub Actions workflow pri push do main
# Nasadzuje cez GitHub Actions workflow pri push na main
```
Konfigurácia Azure Static Web Apps:
- **Umiestnenie aplikácie**: `/quiz-app`
- **Výstupné miesto**: `dist`
- **Výstupné umiestnenie**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generovanie PDF dokumentácie
```bash
npm install # Inštalujte docsify-to-pdf
npm install # Nainštalujte docsify-to-pdf
npm run convert # Vygenerujte PDF z docs
```
### Dokumentácia cez Docsify
### Docsify dokumentácia
```bash
npm install -g docsify-cli # Nainštalujte Docsify globálne
docsify serve # Spustite na localhost:3000
docsify serve # Spustiť na localhost:3000
```
### Buildy špecifické pre projekt
### Skladby špecifické pre projekty
Každý projektový adresár môže mať svoj vlastný build proces:
Každý adresár projektu môže mať vlastný build proces:
- Vue projekty: `npm run build` vytvára produkčné balíky
- Statické projekty: žiadny build krok, súbory sa servujú priamo
- Statické projekty: Žiadny build krok, súbory sa podávajú priamo
## Pravidlá pre pull requesty
## Pokyny k pull requestom
### Formát názvov
### Formát názvu
Používajte jasné a popisné názvy, ktoré indikujú oblasť zmeny:
Používajte jasné, popisné názvy indikujúce oblasť zmeny:
- `[Quiz-app] Pridanie nového kvízu pre lekciu X`
- `[Lesson-3] Oprava preklepu v projekte terrarium`
- `[Lesson-3] Oprava preklepu v projekte terrárium`
- `[Translation] Pridanie španielskeho prekladu pre lekciu 5`
- `[Docs] Aktualizácia inštrukcií na nastavenie`
@ -229,54 +229,54 @@ Pred podaním PR:
1. **Kvalita kódu**:
- Spustite `npm run lint` v dotknutých projektových adresároch
- Opravte všetky linting chyby a varovania
- Opravte všetky chyby a varovania lintovania
2. **Overenie build procesu**:
- Spustite `npm run build` ak je to potrebné
- Zabezpečte, že neexistujú chyby pri buildovaní
2. **Overenie zostavenia**:
- Ak je to vhodné, spustite `npm run build`
- Overte, či nie sú chyby zostavenia
3. **Validácia odkazov**:
3. **Overenie odkazov**:
- Otestujte všetky markdown odkazy
- Overte funkčnosť referencií obrázkov
- Overte, či referencie na obrázky fungujú
4. **Kontrola obsahu**:
- Korektúra pravopisných a gramatických chýb
- Overte správnosť a vzdelávací charakter príkladov kódu
- Skontrolujte, či preklady zachovávajú pôvodný význam
- Korektúra pravopisu a gramatiky
- Overte správnosť a vzdelávaciu hodnotu príkladov kódu
- Skontrolujte presnosť a význam prekladov
### Požiadavky na príspevky
- Súhlas s Microsoft CLA (automatická kontrola pri prvom PR)
- Dodržiavanie [Microsoft Open Source Kódexu správania](https://opensource.microsoft.com/codeofconduct/)
- Viac informácií v [CONTRIBUTING.md](./CONTRIBUTING.md)
- Pri PR uvádzať čísla issues, ak sú relevantné
- Dodržiavanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Pozrite [CONTRIBUTING.md](./CONTRIBUTING.md) pre detailné pokyny
- Pri opisoch PR uvádzajte čísla issues, ak sa vzťahujú
### Proces recenzie
- PR sú kontrolované správcami a komunitou
- Priorita na vzdelávaciu jasnosť
- Príklady kódu musia dodržiavať aktuálne najlepšie praktiky
- Preklady recenzované na presnosť a kultúrnu vhodnosť
- PR sú recenzované správcami a komunitou
- Uprednostňuje sa vzdelávacia jasnosť
- Príklady kódu by mali dodržiavať aktuálne osvedčené postupy
- Preklady sa recenzujú z hľadiska presnosti a kultúrnej vhodnosti
## Prekladový systém
### Automatizovaný preklad
- Používa GitHub Actions s workflow co-op-translator
- Automaticky prekladá do 50+ jazykov
- Prekladá automaticky do 50+ jazykov
- Zdrojové súbory v hlavných adresároch
- Preložené súbory v adresároch `translations/{language-code}/`
### Pridávanie manuálnych vylepšení prekladu
### Pridanie manuálnych vylepšení prekladu
1. Nájdite súbor v `translations/{language-code}/`
2. Vylepšujte obsah so zachovaním štruktúry
3. Zaistite, aby príklady kódu boli funkčné
4. Otestujte lokalizovaný kvízový obsah
1. Vyhľadajte súbor v `translations/{language-code}/`
2. Urobte vylepšenia so zachovaním štruktúry
3. Zabezpečte funkčnosť príkladov kódu
4. Otestujte lokalizovaný obsah kvízov
### Metaúdaje prekladu
Preložené súbory obsahujú metaúdajový záhlavok:
Preložené súbory obsahujú metaúdajový nadpis:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,91 +289,91 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Ladenie a riešenie problémov
## Ladění a riešenie problémov
### Bežné problémy
**Quiz app sa nespustí**:
- Skontrolujte verziu Node.js (odporúčané v14+)
- Vymažte `node_modules` a `package-lock.json`, znova spustite `npm install`
- Skontrolujte konflikty portov (predvolené: Vite používa port 5173)
- Odstráňte `node_modules` a `package-lock.json`, potom spustite `npm install` znova
- Skontrolujte konflikty portov (štandardne Vite používa port 5173)
**API server sa nespustí**:
- Overte, že verzia Node.js je minimálne node >=10
- Overte, či je verzia Node.js minimálne (node >=10)
- Skontrolujte, či port nie je už obsadený
- Uistite sa, že všetky závislosti sú nainštalované cez `npm install`
**Rozšírenie prehliadača sa nenačíta**:
- Skontrolujte správne naformátovanie manifest.json
- Prehliadačový konzolový výstup pre chyby
- Postupujte podľa inštrukcií inštalácie podľa prehliadača
- Overte, že manifest.json je správne naformátovaný
- Skontrolujte chyby v konzole prehliadača
- Postupujte podľa inštrukcií na inštaláciu rozšírení špecifických pre prehliadač
**Problémy s Python chat projektom**:
- Skontrolujte inštaláciu balíčka OpenAI: `pip install openai`
- Overte nastavenie premennej prostredia GITHUB_TOKEN
- Skontrolujte oprávnenia prístupu k GitHub modelom
- Uistite sa, že balík OpenAI je nainštalovaný: `pip install openai`
- Overte nastavenie environmentálnej premennej GITHUB_TOKEN
- Skontrolujte oprávnenia na prístup k GitHub Models
**Docsify neservíruje dokumentáciu**:
**Docsify neslúži dokumentáciu**:
- Nainštalujte docsify-cli globálne: `npm install -g docsify-cli`
- Spusťte príkaz v koreňovom adresári repozitára
- Skontrolujte, že existuje `docs/_sidebar.md`
- Spustite z koreňového adresára repozitára
- Overte existenciu `docs/_sidebar.md`
### Tipy pre vývojové prostredie
- Používajte VS Code s Live Server rozšírením pre HTML projekty
- Nainštalujte ESLint a Prettier rozšírenia pre konzistentné formátovanie
- Použite DevTools v prehliadači na ladenie JavaScriptu
- Pre Vue projekty nainštalujte Vue DevTools rozšírenie prehliadača
- Nainštalujte rozšírenia ESLint a Prettier pre jednotné formátovanie
- Používajte DevTools prehliadača na ladenie JavaScriptu
- Pre Vue projekty, nainštalujte Vue DevTools rozšírenie prehliadača
### Výkonnostné aspekty
### Výkonnostné úvahy
- Veľký počet prekladových súborov (50+ jazykov) robí kompletné klony veľkými
- Pre prácu len s obsahom použite plytký klon: `git clone --depth 1`
- Vylúčte preklady z vyhľadávania pri práci s anglickým obsahom
- Veľký počet preložených súborov (50+ jazykov) znamená veľké kompletné klony
- Používajte shallow clone, ak pracujete len s obsahom: `git clone --depth 1`
- Pri práci na anglickom obsahu vylúčte preklady z vyhľadávania
- Build procesy môžu byť pomalé pri prvom spustení (npm install, Vite build)
## Bezpečnostné aspekty
## Bezpečnostné úvahy
### Premenné prostredia
### Environmentálne premenné
- API kľúče nikdy neukladajte do repozitára
- Používajte `.env` súbory (už zahrnuté v `.gitignore`)
- Požadované premenné prostredia dokumentujte v README projektov
- API kľúče by nikdy nemali byť commitované do repozitára
- Používajte `.env` súbory (už v `.gitignore`)
- Dokumentujte požadované environmentálne premenné v README projektov
### Python projekty
- Používajte virtuálne prostredia: `python -m venv venv`
- Udržiavajte závislosti aktuálne
- GitHub tokeny majte s minimálnymi potrebnými právami
- GitHub tokeny by mali mať minimálne potrebné povolenia
### Prístup k GitHub Modelom
### Prístup k GitHub Models
- Vyžadujú sa osobné prístupové tokeny (PAT)
- Tokeny ukladajte ako premenné prostredia
- Nikdy neukladajte tokeny alebo prihlasovacie údaje do repozitára
- Osobné prístupové tokeny (PAT) potrebné pre GitHub Models
- Tokeny ukladajte ako environmentálne premenné
- Nikdy necommitujte tokeny alebo prihlasovacie údaje
## Doplnkové poznámky
## Ďalšie poznámky
### Cieľová skupina
- Úplní začiatočníci vo webovom vývoji
- Študenti a samoštudenti
- Učitelia používajúci kurz v triedach
- Obsah je navrhnutý pre prístupnosť a postupné zlepšovanie zručností
- Študenti a samouci
- Učitelia využívajúci kurikulum v triedach
- Obsah je navrhnutý pre prístupnosť a postupné budovanie zručností
### Vzdelávacia filozofia
### Edukačná filozofia
- Projektovo orientované učenie
- Časté kontrolné testy (kvízy)
- Praktické cvičenia v písaní kódu
- Príklady z reálneho sveta
- Zameranie na základy pred frameworkami
- Prístup založený na projektoch
- Časté overovanie vedomostí (kvízy)
- Praktické cvičenia v kódovaní
- Príklady reálnych aplikácií
- Zameranie na základy pred frameworkmi
### Údržba repozitára
- Aktívna komunita študentov a prispievateľov
- Pravidelné aktualizácie závislostí a obsahu
- Sledovanie issues a diskusií správcami
- Issues a diskusie monitorované správcom
- Automatizované aktualizácie prekladov cez GitHub Actions
### Súvisiace zdroje
@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA:
- [Microsoft Learn moduly](https://docs.microsoft.com/learn/)
- [Student Hub zdroje](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) odporúčaný pre študentov
- Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT dostupné
- Ďalšie kurzy: Generative AI, Data Science, ML, IoT kurikula dostupné
### Práca s konkrétnymi projektmi
Podrobné inštrukcie k jednotlivým projektom nájdete v README súboroch:
- `quiz-app/README.md` - Vue 3 quiz aplikácia
Pre podrobné inštrukcie o jednotlivých projektoch pozrite README súbory v:
- `quiz-app/README.md` - Vue 3 kvíz aplikácia
- `7-bank-project/README.md` - Banková aplikácia s autentifikáciou
- `5-browser-extension/README.md` - Vývoj rozšírenia prehliadača
- `6-space-game/README.md` - Vývoj hry na canvas
- `9-chat-project/README.md` - Projekt AI chat asistenta
- `6-space-game/README.md` - Vývoj hry založenej na Canvas
- `9-chat-project/README.md` - AI chat asistent projekt
### Štruktúra monorepa
Aj keď nejde o tradičné monorepo, tento repozitár obsahuje viacero nezávislých projektov:
- Každá lekcia je samostatná
- Projekty nesdielajú závislosti
- Pracujte na jednotlivých projektoch bez ovplyvnenia ostatných
- Naklonujte celý repozitár pre kompletný kurzový zážitok
- Projekty nezdieľajú závislosti
- Pracujte na jednotlivých projektoch bez vplyvu na ostatné
- Klonujte celý repozitár pre kompletný zážitok z kurikula
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Zrieknutie sa zodpovednosti**:
Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, majte, prosím, na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nepochopenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.
**Vyhlásenie o zodpovednosti**:
Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, vezmite prosím na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Považuje sa, že originálny dokument v jeho pôvodnom jazyku je autoritatívnym zdrojom. Pre kľúčové informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo chybné interpretácie vyplývajúce z použitia tohto prekladu.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

242
translations/sk/README.md
Unescape View File

@ -1,192 +1,188 @@
# Web Development pre začiatočníkov - Kurz
# Vývoj webu pre začiatočníkov - učebný plán
Naučte sa základy webového vývoja v rámci nášho 12-týždňového komplexného kurzu od Microsoft Cloud Advocates. Každá z 24 lekcií skúma JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zúčastnite sa kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte si udržanie vedomostí s našou efektívnou projektovo orientovanou pedagogikou. Začnite svoju programátorskú cestu ešte dnes!
Naučte sa základy vývoja webu s naším komplexným 12-týždňovým kurzom od Microsoft Cloud Advocates. Každá zo 24 lekcií sa venuje JavaScriptu, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia prehliadača a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje schopnosti a optimalizujte si osvojenie vedomostí efektívnou projektovo orientovanou pedagogikou. Začnite svoju programátorskú cestu ešte dnes!
Pridajte sa do komunity Azure AI Foundry Discord
Pridajte sa k Discordu Azure AI Foundry a stretnite sa s odborníkmi a ďalšími vývojármi.
Nasledujte tieto kroky, aby ste začali používať tieto zdroje:
1. **Vytvorte Fork úložiska**: Kliknite na [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Naklonujte úložisko**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Pridajte sa do Azure AI Foundry Discord a spoznajte odborníkov a ostatných vývojárov**](https://discord.com/invite/ByRwuEEgH4)
Nasledujte tieto kroky, aby ste začali využívať tieto zdroje:
1. **Forknite si repozitár**: Kliknite na [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Naklonujte si repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Pridajte sa k Discordu Azure AI Foundry a stretnite sa s odborníkmi a ďalšími vývojármi**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Podpora viacerých jazykov
#### Podporované cez GitHub Action (automatizované a vždy aktuálne)
#### Podporované cez GitHub Action (automatické a vždy aktuálne)
> **Radšej klonovať lokálne?**
>
> Toto úložisko obsahuje viac ako 50 jazykových prekladov, ktoré výrazne zväčšujú veľkosť sťahovania. Pre klonovanie bez prekladov použite sparse checkout:
>
> **Bash / macOS / Linux:**
> > ```bash
> **Preferujete klonovať lokálne?**
>
> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčšuje veľkosť na stiahnutie. Ak chcete klonovať bez prekladov, použite sparse checkout:
>
> **Bash / macOS / Linux:**
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
>
> **CMD (Windows):**
> > ```cmd
>
> **CMD (Windows):**
> ```cmd
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> Táto možnosť vám umožní získať všetko potrebné na dokončenie kurzu s oveľa rýchlejším sťahovaním.
>
> Takto získate všetko potrebné na dokončenie kurzu oveľa rýchlejším stiahnutím.
**Ak chcete pridať ďalšie prekladové jazyky, podporované jazyky nájdete [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Ak chcete mať ďalšie preklady, podporované jazyky sú uvedené tu. [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑‍🎓 _Ste študent?_
Navštívte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, balíčky pre študentov a dokonca možnosti získať bezplatný certifikát. Túto stránku si uložíte do záložiek a občas skontrolujte, pretože každý mesiac meníme obsah.
### 📣 Oznámenie - Nové výzvy GitHub Copilot Agent módu na dokončenie!
Pridaná nová výzva, nájdete ju pod názvom "GitHub Copilot Agent Challenge 🚀" v niektorých kapitolách. Ide o novú výzvu, ktorú môžete splniť použitím GitHub Copilot a Agent módu. Ak ste Agent mód ešte nepoužili, vie nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a ďalšie.
Navštívte [**študentský portál**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca možnosti, ako získať poukaz na bezplatný certifikát. Túto stránku si odporúčame uložiť medzi obľúbené a občas skontrolovať, pretože mesačne aktualizujeme obsah.
### 📣 Oznámenie - _Nový projekt na vývoj pomocou generatívnej AI_
### 📣 Oznámenie - Nové výzvy s režimom GitHub Copilot Agent!
Práve bol pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md)
Pridaná nová výzva, hľadajte "GitHub Copilot Agent Challenge 🚀" v niektorých kapitolách. Je to nová výzva, ktorú dokončíte pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužívali, dokáže nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a viac.
### 📣 Oznámenie - _Nový kurz_ o generatívnej AI pre JavaScript práve vydaný
### 📣 Oznámenie - _Nový projekt na tvorbu pomocou Generatívnej AI_
Nezmeškajte náš nový kurz o generatívnej AI!
Pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md)
Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
### 📣 Oznámenie - _Nový učebný plán_ o Generatívnej AI pre JavaScript práve vydaný
![Background](../../translated_images/sk/background.148a8d43afde5730.webp)
Nezmeškajte náš nový učebný plán Generatívnej AI!
- Lekcie pokrývajú všetko od základov až po RAG.
- Interagujte s historickými postavami pomocou GenAI a našej doplnkovej aplikácie.
- Zábavný a pútavý príbeh, budete cestovať časom!
Začnite na [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
![character](../../translated_images/sk/character.5c0dd8e067ffd693.webp)
- Lekcie pokrývajú všetko od základov po RAG.
- Interagujte s historickými postavami pomocou GenAI a našej sprievodnej aplikácie.
- Zábavný a pútavý príbeh, zažijete cestovanie časom!
Každá lekcia obsahuje úlohu na dokončenie, test vedomostí a výzvu, ktorá vás prevedie témami ako:
- Vytváranie promptov a prompt engineering
- Generovanie textových a obrazových aplikácií
Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás prevedie témami ako:
- Promptovanie a návrh promptov
- Generovanie textových a obrazových aplikácií
- Vyhľadávacie aplikácie
Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
Začnite na [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
## 🌱 Začíname
> **Učitelia**, pripravili sme [niekoľko návrhov](for-teachers.md) na používanie tohto kurikula. Budeme radi za vaše pripomienky [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Učitelia**, pripravili sme [niekoľko odporúčaní](for-teachers.md), ako tento učebný plán využiť. Radi uvítame vaše názory [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite kvízom pred prednáškou, prečítajte si prednáškový materiál, dokončite rôzne aktivity a overte si porozumenie pomocou kvízu po prednáške.
**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite prednáškovým kvízom, pokračujte čítaním materiálov, plnením rôznych aktivít a svoju znalosť si overte záverečným kvízom.
Pre lepší zážitok z učenia sa spojte so svojimi rovesníkmi a pracujte na projektoch spoločne! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde sú dostupní naši moderátori, ktorí vám radi zodpovedia otázky.
Pre lepší zážitok z učenia sa spojte so spolužiakmi a pracujte na projektoch spoločne! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde sú naši moderátori pripravení odpovedať na vaše otázky.
Pre ďalšie štúdium vám vrelo odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre doplnkové študijné materiály.
Pre ďalšie vzdelávanie odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre doplnkové študijné materiály.
### 📋 Nastavenie prostredia
Tento kurz má pripravené vývojové prostredie! Na začiatku si môžete vybrať spustenie kurzu v prostredí [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači bez potreby inštalácie_), alebo lokálne na vašom počítači pomocou textového editora ako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Tento učebný plán je pripravený na spustenie vývojového prostredia! Na začiatku si môžete vybrať spustenie v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači bez nutnosti inštalácie_) alebo lokálne na počítači v textovom editore ako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Vytvorte si vlastné úložisko
#### Vytvorte si svoj repozitár
Pre jednoduché ukladanie vašej práce sa odporúča vytvoriť si vlastnú kópiu tohto úložiska. Môžete to spraviť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Takto sa vytvorí nové úložisko vo vašom GitHub konte s kópiou kurikula.
Pre jednoduché ukladanie práce je odporúčané vytvoriť si vlastnú kópiu tohto repozitára. Urobíte to kliknutím na tlačidlo **Use this template** v hornej časti stránky. Tým sa vám vytvorí nový repozitár vo vašom GitHub konte s kópiou učebného plánu.
Postupujte podľa týchto krokov:
1. **Vytvorte Fork úložiska**: Kliknite na tlačidlo "Fork" v pravom hornom rohu tejto stránky.
2. **Naklonujte úložisko**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
Postupujte podľa týchto krokov:
1. **Forknite repozitár**: Kliknite na tlačidlo „Fork“ v pravom hornom rohu tejto stránky.
2. **Naklonujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Spustenie kurzu v Codespace
#### Spustenie učebného plánu v Codespace
Vo vašej kópii úložiska kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Týmto vytvoríte nový Codespace, v ktorom môžete pracovať.
Vo svojej kópii repozitára kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa vytvorí nový Codespace, v ktorom môžete pracovať.
![Codespace](../../translated_images/sk/createcodespace.0238bbf4d7a8d955.webp)
#### Spustenie kurzu lokálne na počítači
#### Spustenie učebného plánu lokálne na vašom počítači
Na spustenie kurzu lokálne budete potrebovať textový editor, prehliadač a nástroj príkazového riadku. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre tieto nástroje, aby ste si mohli vybrať, čo vám najviac vyhovuje.
Na spustenie učebného plánu na počítači budete potrebovať textový editor, prehliadač a príkazový riadok. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre tieto nástroje, aby ste si vybrali, čo vám najviac vyhovuje.
Odporúčame použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý obsahuje aj zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Naklonujte si svoj repozitár do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL:
Odporúčame použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý obsahuje aj vstavaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klonujte si svoje úložisko do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL adresy:
[CodeSpace](./images/createcodespace.png)
Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v rámci [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `<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>` nahradí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 **File** > **Open Folder** a výberom práve naklonovaného priečinka.
2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **File** > **Open Folder** a výberom práve sklonovaného priečinka.
> Odporúčané rozšírenia pre Visual Studio Code:
> Odporúčané rozšírenia Visual Studio Code:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - na náhľad HTML stránok priamo vo Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - na rýchlejšie písanie kódu
## 📂 Každá lekcia obsahuje:
- voliteľnú skicovaciu poznámku
- voliteľnú náčrtok (sketchnote)
- voliteľné doplnkové video
- rozcvičku pred lekciou formou kvízu
- rozcvičku pred lekciou (warmup quiz)
- písanú lekciu
- pre lekcie založené na projektoch, krok za krokom návody, ako projekt vybudovať
- kontroly vedomostí
- pre projektové lekcie podrobné návody krok za krokom, ako projekt vytvoriť
- kontrolu vedomostí
- výzvu
- doplnkové čítanie
- zadanie
- [kvíz po lekcii](https://ff-quizzes.netlify.app/web/)
- zadanie úlohy
- [test po lekcii](https://ff-quizzes.netlify.app/web/)
> **Poznámka o kvízoch**: Všetky kvízy sú uložené v priečinku Quiz-app, celkovo 48 kvízov so štyrmi otázkami každý. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/), kvízová aplikácia môže byť spustená lokálne alebo nasadená na Azure; postupujte podľa inštrukcií v priečinku `quiz-app`.
> **Poznámka k testom:** Všetky testy sa nachádzajú v priečinku Quiz-app, spolu 48 testov so štruktúrou troch otázok v každom. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/), aplikáciu testu možno spustiť lokálne alebo nasadiť do Azure; postupujte podľa inštrukcií v priečinku `quiz-app`.
## 🗃️ Lekcie
| | Názov projektu | Konzepte vyučované | Ciele učenia | Prepojená lekcia | Autor |
| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Začínáme | Úvod do programovania a nástroje remesla | Naučte sa základné princípy väčšiny programovacích jazykov a o softvéri, ktorý pomáha profesionálnym vývojárom pri práci | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Začínáme | Základy GitHubu, vrátane práce v tíme | Ako používať GitHub vo svojom projekte, ako spolupracovať s inými na kóde | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Začínáme | Prístupnosť | Naučte sa základy prístupnosti webu | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Základy JS | Typy dát v JavaScript | Základy typov dát v JavaScript | [Typy dát](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Základy JS | Funkcie a metódy | Naučte sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher |
| 06 | Základy JS | Tvorba rozhodnutí v JS | Naučte sa vytvárať podmienky vo svojom kóde pomocou rozhodovacích metód | [Tvorba rozhodnutí](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Základy JS | Polia a cykly | Práca s dátami pomocou polí a cyklov v JavaScript | [Polia a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvorte HTML pre online terrárium, zamerajte sa na tvorbu rozloženia | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvorte CSS pre štýlovanie online terrária, naučte sa základy CSS vrátane responzívneho návrhu stránky | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrárium](./3-terrarium/solution/README.md) | Uzávierky JavaScriptu, manipulácia s DOMom | Vytvorte JavaScript, ktorý umožní terráriu fungovať ako drag/drop rozhranie, zamerajte sa na uzávierky a manipuláciu s DOMom | [Uzávierky JavaScriptu, manipulácia s DOMom](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytvorte hru na písanie | Naučte sa používať udalosti klávesnice na riadenie logiky vašej JavaScriptovej aplikácie | [Programovanie založené na udalostiach](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučte sa, ako fungujú prehliadače, ich históriu a ako vytvoriť základné prvky rozšírenia prehliadača | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Vytvorenie formulára, volanie API a uchovávanie premenných v lokálnom úložisku | Vytvorte JavaScriptové prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom úložisku | [API, formuláre a lokálne úložisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Systémové procesy na pozadí v prehliadači, výkon webu | Použite systémové procesy prehliadača na správu ikony rozšírenia; učte sa o výkone webu a niektorých optimalizáciách | [Úlohy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Hra v priestore](./6-space-game/solution/README.md) | Pokročilý vývoj hier v JavaScripte | Naučte sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, ako prípravu na tvorbu hry | [Úvod k pokročilému vývoju hier](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Hra v priestore](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučte sa o Canvas API používanom na kreslenie prvkov na obrazovku | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Hra v priestore](./6-space-game/solution/README.md) | Pohyb prvkov po obrazovke | Objavte, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API | [Pohyb prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Hra v priestore](./6-space-game/solution/README.md) | Detekcia kolízií | Urobte, aby sa prvky zrážali a reagovali na seba pomocou stlačenia kláves a zabezpečte funkciu cooldown pre výkon hry | [Detekcia kolízií](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Hra v priestore](./6-space-game/solution/README.md) | Uchovávanie skóre | Vykonávajte matematické výpočty na základe stavu a výkonu hry | [Uchovávanie skóre](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Hra v priestore](./6-space-game/solution/README.md) | Ukončenie a reštart hry | Naučte sa o ukončení a reštarte hry vrátane čistenia zdrojov a resetovania premenných | [Podmienka ukončenia](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | HTML šablóny a routovanie vo webovej aplikácii | Naučte sa vytvoriť kostru viacstránkovej webovej architektúry pomocou routovania a HTML šablón | [HTML šablóny a routovanie](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytvorenie prihlasovacieho a registračného formulára | Naučte sa vytvárať formuláre a spracovávať validačné rutiny | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a používania dát | Ako dáta prúdia dovnútra a von z vašej aplikácie, ako ich získavať, ukladať a likvidovať | [Dáta](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty správy stavu | Naučte sa, ako si vaša aplikácia udržiava stav a ako ho programovo spravovať | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Prehliadač/VScode Kód](../../8-code-editor) | Práca s VScode | Naučte sa používať kódový editor| [Použitie VScode kódového editora](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučte sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogika
Naše učebné osnovy sú navrhnuté so dvoma kľúčovými pedagogickými princípmi:
| | Názov projektu | Učené koncepty | Učebné ciele | Prepojená lekcia | Autor |
| :-: | :------------------------------------------------------: | :------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Začíname | Úvod do programovania a nástroje remesla | Naučiť sa základné princípy väčšiny programovacích jazykov a softvér, ktorý pomáha profesionálnym vývojárom | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Začíname | Základy GitHubu, vrátane práce v tíme | Ako používať GitHub v projekte a spolupracovať s ostatnými na kóde | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Začíname | Prístupnosť | Naučiť sa základy prístupnosti webu | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Základy JS | Typy údajov v JavaScripte | Základy typov údajov v JavaScripte | [Typy údajov](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Základy JS | Funkcie a metódy | Naučiť sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher |
| 06 | Základy JS | Rozhodovanie v JS | Naučiť sa vytvárať podmienky v kóde pomocou metód rozhodovania | [Rozhodovanie](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Základy JS | Polia a cykly | Pracovať s údajmi pomocou polí a cyklov v JavaScripte | [Polia a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvoriť HTML pre online terárium so zameraním na tvorbu rozloženia | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvoriť CSS na štýlovanie online terária so zameraním na základy CSS vrátane responzívneho dizajnu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terárium](./3-terrarium/solution/README.md) | JavaScriptové uzávierky, manipulácia s DOM | Vytvoriť JavaScript pre terárium, aby fungovalo ako drag/drop rozhranie, so zameraním na uzávierky a manipuláciu s DOM | [JavaScriptové uzávierky a manipulácia s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytváranie hry na písanie | Naučiť sa používať udalosti z klávesnice na riadenie logiky JavaScriptovej aplikácie | [Programovanie na základe udalostí](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučiť sa, ako pracujú prehliadače, ich históriu, a ako vytvoriť prvé elementy rozšírenia prehliadača | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Vytváranie formulára, volanie API a ukladanie premenných lokálne | Vytvoriť JavaScriptové prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom úložisku | [API, formuláre a lokálne úložisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Pozadie procesov v prehliadači, výkon webu | Použiť pozadie procesov prehliadača na správu ikony rozšírenia; naučiť sa o výkone webu a optimalizáciách | [Pozadie úloh a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Pokročilejší vývoj hier s JavaScriptom | Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, na prípravu tvorby hry | [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučiť sa o API Canvas na kreslenie prvkov na obrazovku | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Pohybovanie prvkov na obrazovke | Objaviť, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API | [Pohybovanie prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Detekcia kolízie | Zabezpečiť kolízie a reakcie prvkov na seba navzájom pomocou stláčania kláves a poskytnúť cooldown funkciu pre zabezpečenie výkonu | [Detekcia kolízie](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Udržiavanie skóre | Vykonať matematické výpočty na základe stavu a výkonu hry | [Udržiavanie skóre](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Ukončenie a restartovanie hry | Naučiť sa o ukončení a reštartovaní hry vrátane čistenia zdrojov a resetovania premenných | [Ukončenie hry](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | HTML šablóny a trasy v webovej aplikácii | Naučiť sa vytvárať skelet viacstránkovej webovej architektúry pomocou routingu a HTML šablón | [HTML šablóny a trasy](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytváranie prihlasovacieho a registračného formulára | Naučiť sa o tvorbe formulárov a spracovaní validačných rutin | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a používania údajov | Ako údaje prúdia dnu a von z aplikácie, ako ich načítať, uložiť a odstrániť | [Údaje](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty správy stavu | Naučiť sa, ako vaša aplikácia uchováva stav a ako s ním programovo pracovať | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode kód](../../8-code-editor) | Práca s VScode | Naučiť sa používať kódový editor | [Použitie kódového editoru VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučiť sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
## 🏫 Pedagógia
Naše vzdelávacie programy sú navrhnuté s ohľadom na dva kľúčové pedagogické princípy:
* učenie založené na projektoch
* časté kvízy
* časté testy
Program učí základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky, ktoré používajú dnešní weboví vývojári. Študenti budú mať príležitosť získať praktické skúsenosti tým, že vyvinú hru na písanie, virtuálne terárium, ekologické rozšírenie prehliadača, hru v štýle vesmírneho dobyvateľa a bankovú aplikáciu pre podniky. Na konci série budú mať pevné pochopenie webového vývoja.
Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky, ktoré dnes používajú weboví vývojári. Študenti budú mať príležitosť získať praktické skúsenosti tvorbou hry na písanie, virtuálneho terária, ekologického rozšírenia prehliadača, hry v štýle Space Invaders a bankovej aplikácie pre firmy. Na konci série študenti získajú pevné základy webového vývoja.
> 🎓 Prvé lekcie tohto kurzu môžete absolvovať ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
> 🎓 Prvé lekcie v tomto kurze si môžete prejsť ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
Zabezpečením zladenia obsahu s projektmi je proces pre študentov pútavejší a uchovávanie konceptov sa zlepší. Tiež sme napísali niekoľko úvodných lekcií v základoch JavaScriptu, ktoré predstavujú koncepty, sprevádzané videom zo série "[Začiatočnícka séria: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorého niektorí autori prispeli do týchto osnov.
Zabezpečením prepojenia obsahu s projektmi sa proces výučby stáva zábavnejší pre študentov a zvyšuje sa ich zapamätateľnosť. Tiež sme napísali niekoľko úvodných lekcií o základoch JavaScriptu na predstavenie konceptov, doplnených videom zo série "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorej niektorí autori prispeli do tohto kurikula.
Okrem toho nízko náročný kvíz pred triedou nastavuje študentovi zámer učiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečuje ďalšie uchovanie vedomostí. Tento kurz bol navrhnutý tak, aby bol flexibilný a zábavný a môže byť absolvovaný celý alebo čiastočne. Projekty začínajú jednoducho a do 12-týždňového cyklu sú čoraz zložitejšie.
Okrem toho nízko náročný test pred triedou nastavuje študentom zámer učiť sa danú tému, zatiaľ čo druhý test po hodine zabezpečuje lepšie zapamätanie. Tento kurz bol navrhnutý tak, aby bol flexibilný a zábavný a možno ho absolvovať celý alebo po častiach. Projekty sa začínajú malé a postupne sa stávajú zložitejšími do konca 12-týždňového cyklu.
Zatiaľ čo sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred prijatím frameworku, dobrým ďalším krokom po dokončení tohto kurzu by bolo naučiť sa Node.js prostredníctvom inej kolekcie videí: "[Začiatočnícka séria: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Hoci sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred prijatím frameworku, dobrou ďalšou voľbou na dokončenie tohto kurikula je naučiť sa o Node.js prostredníctvom ďalšej zbierky videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Navštívte naše pravidlá správania [Code of Conduct](CODE_OF_CONDUCT.md) a zásady prispievania [Contributing](CONTRIBUTING.md). Vitajte vašu konštruktívnu spätnú väzbu!
> Navštívte naše pravidlá [Code of Conduct](CODE_OF_CONDUCT.md) a pokyny [Contributing](CONTRIBUTING.md). Tešíme sa na vaše konštruktívne názory!
## 🧭 Prístup offline
## 🧭 Offline prístup
Môžete spustiť túto dokumentáciu offline pomocou [Docsify](https://docsify.js.org/#/). Forknite tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svojom lokálnom počítači a potom v koreňovom priečinku tohto repozitára zadajte `docsify serve`. Webová stránka bude dostupná na porte 3000 na vašom localhoste: `localhost:3000`.
Túto dokumentáciu si môžete prezerať offline pomocou [Docsify](https://docsify.js.org/#/). Forknite si tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na vašom lokálnom počítači a potom v koreňovom priečinku repozitára zadajte príkaz `docsify serve`. Webová stránka bude sprístupnená na porte 3000 na vašom localhoste: `localhost:3000`.
## 📘 PDF
PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
@ -194,7 +190,7 @@ PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For
## 🎒 Iné kurzy
Náš tím produkuje aj iné kurzy! Pozrite si:
Náš tím produkuje aj iné kurzy! Pozrite sa:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -203,56 +199,56 @@ Náš tím produkuje aj iné kurzy! Pozrite si:
[![LangChain pre začiatočníkov](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agenti
### Azure / Edge / MCP / Agentov
[![AZD pre začiatočníkov](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI pre začiatočníkov](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP pre začiatočníkov](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Agentov pre začiatočníkov](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI agenti pre začiatočníkov](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Generatívna AI séria
[![Generatívna AI pre začiatočníkov](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generatívna AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generatívna AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generatívna AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
### Séria Generatívne AI
[![Generatívne AI pre začiatočníkov](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generatívne AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generatívne AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generatívne AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
### Základné učenie
[![ML pre začiatočníkov](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Dátová veda pre začiatočníkov](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science pre začiatočníkov](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI pre začiatočníkov](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Kybernetická bezpečnosť pre začiatočníkov](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Webové vývoj pre začiatočníkov](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![Webový vývoj pre začiatočníkov](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT pre začiatočníkov](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR vývoj pre začiatočníkov](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Copilot séria
[![Copilot pre AI programovanie v pároch](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
### Séria Copilot
[![Copilot pre AI párované programovanie](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot pre C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot dobrodružstvo](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Získanie pomoci
Ak sa zaseknete alebo máte otázky ohľadom budovania AI aplikácií. Pridajte sa k ostatným študentom a skúseným vývojárom v diskusiách o MCP. Je to podporná komunita, kde sú otázky vítané a vedomosti sa slobodne zdieľajú.
Ak ste uviazli alebo máte otázky ohľadom tvorby AI aplikácií. Pridajte sa k ďalším študentom a skúseným vývojárom do diskusií o MCP. Je to podporná komunita, kde sú otázky vítané a vedomosti sa voľne zdieľajú.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Ak máte spätnú väzbu k produktu alebo narazíte na chyby pri vývoji, navštívte:
Ak máte spätnú väzbu alebo chyby pri vývoji navštívte:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## Licencia
Táto repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE).
Tento repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE).
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Zrieknutie sa zodpovednosti**:
Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, berte prosím na vedomie, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.
Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, berte, prosím, na vedomie, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z používania tohto prekladu.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

61
translations/sk/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [Téma lekcie]
# Téma lekcie
![Vložte video sem](../../../lesson-template/video-url)
## 🎥 Video
## [Kvíz pred prednáškou](../../../lesson-template/quiz-url)
> Sem pridajte vložené video alebo odkaz na lekciu.
[Opíšte, čo sa naučíme]
---
## Prednáškový kvíz
> Sem pridajte odkaz na kvíz, keď bude dostupný.
---
Poskytnite stručný prehľad toho, čo sa študenti v tejto lekcii naučia.
---
### Úvod
Opíšte, čo bude pokryté
Poskytnite krátky úvod, ktorý popisuje, čo bude v tejto lekcii pokryté.
> Poznámky
---
### Predpoklady
Aké kroky by mali byť splnené pred touto lekciou?
Uveďte koncepty alebo témy, s ktorými by mali študenti už byť oboznámení pred začatím tejto lekcie.
---
### Príprava
Prípravné kroky na začatie tejto lekcie
Uveďte akékoľvek kroky na prípravu alebo nástroje potrebné pred začatím lekcie.
---
[Prejdite obsahom v blokoch]
### Obsah
Prejdite obsah lekcie v štruktúrovaných sekciách.
---
## [Téma 1]
## Téma 1
### Úloha:
Spolupracujte na postupnom vylepšovaní vášho kódu, aby ste vytvorili projekt so zdieľaným kódom:
Spolupracujte na postupnom vylepšovaní vášho kódu, aby ste vybudovali projekt so zdieľaným kódom:
```html
code blocks
```
✅ Kontrola vedomostí - využite tento moment na rozšírenie vedomostí študentov otvorenými otázkami
✅ Overenie znalostí
Využite tento okamih na precvičenie vedomostí študentov pomocou otvorených otázok.
## [Téma 2]
## Téma 2
## Téma 3
## [Téma 3]
🚀 Výzva
Pridajte spoločnú výzvu pre študentov na vylepšenie projektu.
🚀 Výzva: Pridajte výzvu pre študentov, aby na projekte spolupracovali v triede a vylepšili ho
Voliteľné: Pridajte screenshot dokončeného užívateľského rozhrania lekcie, ak je to vhodné.
Voliteľné: pridajte snímku obrazovky dokončeného používateľského rozhrania lekcie, ak je to vhodné
## Povodná prednášková kontrola
## [Kvíz po prednáške](../../../lesson-template/quiz-url)
Pridajte sem odkaz na kvíz po dokončení lekcie.
## Prehľad a samostatné štúdium
**Termín odovzdania úlohy [MM/RR]**: [Názov úlohy](assignment.md)
**Deadline zadania [MM/RR]**: [Názov zadania](assignment.md)
---
**Upozornenie**:
Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Zrieknutie sa zodpovednosti**:
Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, berte prosím na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku sa považuje za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nezodpovedáme za žiadne nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save