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

pull/1756/head
localizeflow[bot] 6 months ago
parent b1a1f1d979
commit 8a941d81cd

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

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

@ -1,211 +1,197 @@
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) # Уеб разработка за начинаещи - учебна програма
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) Научете основите на уеб разработката с нашия 12-седмичен всеобхватен курс от Microsoft Cloud Advocates. Всеки от 24-те урока разглежда JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Включете се с викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашата ефективна педагогика, базирана на проекти. Започнете своето пътешествие в кодирането още днес!
[![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) Присъединете се към общността Azure AI Foundry в Discord
# Уеб разработка за начинаещи - Учебна програма
Научете основите на уеб разработката с нашия 12-седмичен подробен курс, воден от Microsoft Cloud Advocates. Във всеки от 24-те урока се разглеждат JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Вземете участие в викторини, дискусии и практически задачи. Усъвършенствайте уменията си и оптимизирайте задържането на знания с нашата ефективна, проектно базирана педагогика. Започнете своето обучение по програмиране още днес!
Присъединете се към Discord общността на Azure AI Foundry
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Следвайте тези стъпки, за да започнете да използвате тези ресурси: Следвайте тези стъпки, за да започнете да използвате тези ресурси:
1. **Направете форк на репoзиторията**: Кликнете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 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` 2. **Клонирайте хранилището**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Присъединете се към Azure AI Foundry Discord и се запознайте с експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4) 3. [**Присъединете се към Azure AI Foundry Discord и срещнете експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Поддръжка на множество езици ### 🌐 Поддръжка на множество езици
#### Поддържа се чрез GitHub Action (автоматично и винаги актуално) #### Поддържа се чрез GitHub Action (автоматизирано и винаги актуално)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](./README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Предпочитате да клонирате локално?** > **Предпочитате да клонирате локално?**
>
> Този репозитори включва над 50 езикови превода, което значително увеличава размера на изтеглянето. За да клонирате без преводи, използвайте sparse checkout: > Това хранилище включва над 50 езикови превода, което значително увеличава размера на изтегляне. За да клонирате без преводите, използвайте sparse checkout:
>
> **Bash / macOS / Linux:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне. >
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> > **CMD (Windows):**
> ```cmd
**Ако желаете да бъдат добавени допълнителни преводи, поддържаните езици са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо изтегляне.
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) **Ако желаете поддръжка на допълнителни езици за превод, те са посочени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑‍🎓 _Студент ли сте?_ #### 🧑‍🎓 _Студент ли сте?_
Посетете [**Студентския център**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите ресурси за начинаещи, студентски пакети и дори възможности да получите безплатен ваучер за сертификат. Това е страницата, която искате да добавите в отметките си и от време на време да проверявате, тъй като месечно сменяме съдържанието. Посетете [**страницата Студентски център**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите източници за начинаещи, студентски пакети и дори възможности за получаване на безплатен ваучер за сертификат. Това е страницата, която си струва да запазите и проверявате периодично, тъй като съдържанието се обновява месечно.
### 📣 Обявление - Нови предизвикателства в режим GitHub Copilot Agent за изпълнение! ### 📣 Обява - Нови предизвикателства в GitHub Copilot Agent режим!
Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство за вас да го изпълните с помощта на GitHub Copilot и режима Agent. Ако не сте ползвали режима Agent преди, той може не само да генерира текст, но и да създава и редактира файлове, изпълнява команди и други. Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което да завършите, използвайки GitHub Copilot и Agent режим. Ако не сте използвали досега Agent режим, той може не само да генерира текст, но и да създава и редактира файлове, да изпълнява команди и още.
### 📣 Обявление - _Нов проект за създаване с генериращ изкуствен интелект_ ### 📣 Обява - _Нов проект за разработка с използване на генеративен AI_
Току-що добавен нов AI Assistant проект, разгледайте го [тук](./9-chat-project/README.md) Току-що добавен нов проект AI Асистент, разгледайте го [тук](./9-chat-project/README.md)
### 📣 Обявление - _Нова учебна програма_ за Генеративен изкуствен интелект за JavaScript току-що беше пусната ### 📣 Обява - _Нова учебна програма_ за генеративен AI за JavaScript току-що излезе
Не пропускайте нашата нова учебна програма за Генеративен ИИ! Не пропускайте новия ни курс за генеративен AI!
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете! Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
![Background](../../translated_images/bg/background.148a8d43afde5730.webp) - Уроци, обхващащи всичко от основите до RAG.
- Уроци, обхващащи всичко от основи до RAG.
- Взаимодействайте с исторически персонажи чрез GenAI и нашето спомагателно приложение. - Взаимодействайте с исторически персонажи чрез 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" в горния десен ъгъл на тази страница. 1. **Форкнете хранилището**: Кликнете бутона "Fork" в горния десен ъгъл на тази страница.
2. **Клонирайте репозиторията**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Клонирайте хранилището**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Стартиране на учебната програма в Codespace #### Използване на учебната програма в Codespace
В копието на репозитория, което създадохте, кликнете върху бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който да работите. В създаденото от вас копие на хранилището, кликнете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който можете да работите.
![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.webp)
#### Стартиране на учебната програма локално на вашия компютър #### Използване на учебната програма локално на вашия компютър
За да стартирате учебната програма локално на компютъра си, ще ви е необходим текстов редактор, браузър и инструмент за команден ред. Първият ни урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас.
Препоръчваме да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като ваш редактор, който също разполага с вграден [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code от [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). За да стартирате учебната програма локално, ще ви трябва текстов редактор, браузър и команден терминал. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас.
1. Клонирайте своето репозитори на компютъра си. Можете да го направите, като кликнете бутона **Code** и копирате URL адреса: Нашата препоръка е да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който включва и интегриран [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Клонирайте хранилището си на компютъра. Можете да го направите като кликнете върху бутона **Code** и копирате URL адреса:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
След това отворете [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) в [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `<your-repository-url>` с URL адреса, който току-що копирахте:
След това отворете [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) в [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `<your-repository-url>` с току-що копирания URL адрес:
```bash ```bash
git clone <your-repository-url> 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 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед на HTML страници в Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за по-бързо писане на код > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за бързо писане на код
## 📂 Всяка лекция включва: ## 📂 Всяко занятие включва:
- опционален скицник - по избор скица
- опционално допълнително видео - по избор допълнително видео
- подготовително викторина преди урока - въпросник за загряване преди занятието
- писмен урок - писмен урок
- за уроци базирани на проекти, стъпка по стъпка ръководства как да се изгради проекта - за занятия на база проект, стъпка по стъпка инструкции за изграждане на проекта
- тестове за проверка на знанията - проверки на знанията
- предизвикателство - предизвикателство
- допълнително четиво - допълнително четиво
- задача - задача
- [викторина след урока](https://ff-quizzes.netlify.app/web/) - [въпросник след занятието](https://ff-quizzes.netlify.app/web/)
> **Забележка относно викторините**: Всички викторини са в папката Quiz-app, общо 48 викторини с по три въпроса. Те са налични [тук](https://ff-quizzes.netlify.app/web/), приложението за викторини може да се стартира локално или да се разположи в Azure; следвайте инструкциите в папката `quiz-app`. > **Бележка за въпросниците**: Всички въпросници са в папката Quiz-app, общо 48 с по три въпроса. Те са достъпни [тук](https://ff-quizzes.netlify.app/web/), приложението за въпросниците може да се изпълни локално или да се публикува в Azure; следвайте инструкциите в папката `quiz-app`.
## 🗃️ Уроци ## 🗃️ Занятия
| | Име на проекта | Обучавани концепции | Учебни цели | Свързан урок | Автор | | | Име на проекта | Преподавани концепции | Учебни цели | Свързан урок | Автор |
| :-: | :--------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Започване | Въведение в програмирането и инструментите на професията | Научете основите зад повечето програмни езици и софтуерен инструментариум, който помага на професионалните разработчици | [Въведение в програмените езици и инструменти](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 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 | | 02 | Започване | Основи на GitHub, включително работа в екип | Как да използвате GitHub в своя проект, как да сътрудничите по код | [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Започване | Достъпност | Научете основите на достъпността в уеб | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Започване | Достъпност | Научете основите на уеб достъпността | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Основи | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | Основи на JS | Типове данни в JavaScript | Основи на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Основи | Функции и методи | Научете за функциите и методите за управление на логиката на приложение | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher | | 05 | Основи на JS | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher |
| 06 | JS Основи | Взимане на решения с JS | Научете как да създавате условия във вашия код чрез методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | Основи на JS | Вземане на решения с JS | Научете как да създавате условия във вашия код с методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Основи | Масиви и цикли | Работете с данни чрез масиви и цикли в JavaScript | [Масиви и цикли](./2-js-basics/4-arrays-loops/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 | | 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 | | 09 | [Терариум](./3-terrarium/solution/README.md) | Практическо CSS | Създайте CSS за стилизиране на онлайн терариума, фокусирайки се върху основите на CSS, включително правене на страницата отзивчива | [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Терариум](./3-terrarium/solution/README.md) | Заключвания в JavaScript, манипулиране на DOM | Създайте JavaScript за работа на терариума като интерфейс за влачене и пускане, фокусирайки се върху заключвания и DOM | [Заключвания в JS, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Терариум](./3-terrarium/solution/README.md) | JavaScript Closures, манипулация на DOM | Създайте JavaScript, за да направите терариума с интерфейс за влачене и пускане, съсредоточени върху closures и манипулация на DOM | [JavaScript Closures, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавишни събития за задвижване на логиката на приложението си на JavaScript | [Програмиране базирано на събития](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавиатурни събития за управление на логиката в JavaScript приложението ви | [Програмиране, базирано на събития](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да изградите първите елементи на екстензия за браузър | [За браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър | [Относно браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) | Създаване на формуляр, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементите на браузър екстензията си за извикване на API чрез променливи, съхранявани локално | [API, формуляри и локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Изграждане на форма, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементи на разширението си за браузър, за да извиквате API с променливи, съхранени локално | [APIs, Форми и Локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на екстензията; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Космическа игра](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция, както и за патерна Pub/Sub, подготвяйки се за изграждане на игра | [Въведение в напреднало разработване на игри](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Космическа игра](./6-space-game/solution/README.md) | По-напреднало игрово развитие с JavaScript | Научете за наследяване с класове и композиция и за дизайна Pub/Sub, в подготовка за изграждане на игра | [Въведение в напреднало игрово развитие](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Космическа игра](./6-space-game/solution/README.md) | Рисуване в canvas | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване в Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Космическа игра](./6-space-game/solution/README.md) | Рисуване върху канвас | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване върху Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Космическа игра](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите придобиват движение чрез декартови координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Космическа игра](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите придобиват движение чрез декартови координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Космическа игра](./6-space-game/solution/README.md) | Откриване на сблъсъци | Направете елементите да се сблъскват и реагират на натискане на клавиши и добавете функция за охлаждане, за да подобрите изпълнението | [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Космическа игра](./6-space-game/solution/README.md) | Откриване на сблъсъци | Направете елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и предоставете cooldown функция | [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Космическа игра](./6-space-game/solution/README.md) | Водене на резултата | Извършете математически изчисления въз основа на състоянието и представянето на играта | [Водене на резултата](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Космическа игра](./6-space-game/solution/README.md) | Отчитане на резултата | Извършвайте математически изчисления въз основа на състоянието и изпълнението на играта | [Отчитане на резултата](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Космическа игра](./6-space-game/solution/README.md) | Край и рестартиране на играта | Научете как да приключите и рестартирате играта, включително почистване на ресурси и нулиране на променливите | [Условия за край](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Космическа игра](./6-space-game/solution/README.md) | Приключване и рестартиране на играта | Научете за приключването и рестартирането на играта, включително почистване на ресурси и нулиране на променливи | [Условия за приключване](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Банкова Апликация](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете структурата на многостраничен уебсайт с използване на маршрутизация и HTML шаблони | [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md) | Yohan | | 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 | | 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 | | 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 | | 24 | [Банково приложение](./7-bank-project/solution/README.md) | Концепции за управление на състоянието | Научете как приложението ви задържа състояние и как да го управлявате програмно | [Управление на състоянието](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате кодов редактор | [Използване на VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Код за браузър/VSCode](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код | [Използване на редактор код в VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Асистенти](./9-chat-project/README.md) | Работа с AI | Научете как да изградите свой собствен AI помощник | [Проект AI Assistant](./9-chat-project/README.md) | Chris | | 26 | [AI асистенти](./9-chat-project/README.md) | Работа с AI | Научете как да изградите собствен AI асистент | [Проект AI асистент](./9-chat-project/README.md) | Chris |
## 🏫 Педагогика ## 🏫 Педагогика
Учебната ни програма е създадена въз основа на две ключови педагогически принципа: Нашата учебна програма е създадена с два ключови педагогически принципа на ум:
* обучение чрез проекти * обучение, базирано на проекти
* честни викторини * чести тестове
Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практически опит, като изградят игра за писане, виртуален терариум, екологично чисто разширение за браузър, игра в стил космически нашественик и банково приложение за бизнес. Към края на серията студентите ще имат солидно разбиране за уеб разработка. Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да развият практически умения, като изградят игра за писане, виртуален терариум, екологичен браузър разширение, космическа инвазивна игра и банково приложение за бизнеси. В края на серията студентите ще имат солидно разбиране за уеб разработка.
> 🎓 Можете да преминете първите няколко урока от тази учебна програма като [Учебен път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn! > 🎓 Можете да вземете първите няколко урока от тази програма като [Учебен път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn!
Чрез осигуряване на съответствие между съдържанието и проектите, процесът става по-ангажиращ за студентите и задържането на знания се увеличава. Ние също така написахме няколко начални урока за основи на JavaScript, за да въведем концепциите, съчетани с видео от колекцията видео уроци "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чиито някои автори са допринесли за тази учебна програма. Чрез осигуряване на съдържание, свързано с проекти, процесът става по-ангажиращ за студентите и запомнянето на концепциите се увеличава. Ние също така написахме няколко начални урока по основите на JavaScript за въведение на концепциите, с видео от колекцията "[Начинаещи по JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", част от чийто автори допринесоха за тази учебна програма.
Освен това, викторина с нисък залог преди клас поставя намерението на студента да научи темата, докато втора викторина след урока гарантира допълнително задържане. Тази учебна програма бе създадена да бъде гъвкава и забавна и може да бъде взета изцяло или частично. Проектите започват малки и стават все по-сложни до края на 12-седмичния цикъл. Освен това, тест с ниска трудност преди занятието насочва вниманието на студента към изучаване на темата, докато втори тест след занятието гарантира по-добро усвояване. Тази учебна програма е проектирана да бъде гъвкава и забавна и може да се следва изцяло или частично. Проектите започват малки и стават все по-сложни до края на 12-седмичния цикъл.
Докато съзнателно избягвахме въвеждането на JavaScript рамки, за да се съсредоточим върху основните умения, необходими на уеб разработчик преди да усвои рамка, добър следващ ход след завършване на тази учебна програма би бил да научите Node.js чрез друга колекция видео уроци: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Въпреки, че умишлено избегнахме въвеждането на JavaScript рамки, за да се концентрираме върху основните умения, нужни на един уеб разработчик преди преминаването към рамка, добър следващ ход след завършване на тази учебна програма би бил да научите за Node.js чрез друга колекция от видеа: "[Начинаещи по Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Посетете нашите насоки [Правила за поведение](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме с нетърпение вашата конструктивна обратна връзка! > Посетете нашите указания за [Етичен кодекс](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме вашите конструктивни отзиви!
## 🧭 Работа офлайн ## 🧭 Достъп офлайн
Можете да използвате тази документация офлайн чрез [Docsify](https://docsify.js.org/#/). Клонирайте репото, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на своя локален компютър и след това в основната папка на това репо напишете `docsify serve`. Уебсайтът ще бъде достъпен на порт 3000 на вашия localhost: `localhost:3000`. Можете да използвате тази документация офлайн с помощта на [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалната си машина и след това в главната папка на това хранилище напишете `docsify serve`. Уебсайтът ще се обслужва на порт 3000 на вашия localhost: `localhost:3000`.
## 📘 PDF ## 📘 PDF
PDF с всички уроци може да се намери [тук](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). PDF с всички уроци може да се намери [тук](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Други курсове ## 🎒 Други Курсове
Нашият екип създава и други курсове! Разгледайте:
Нашият екип произвежда и други курсове! Разгледайте:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -218,38 +204,38 @@ PDF с всички уроци може да се намери [тук](https://
[![AZD за начинаещи](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![AZD за начинаещи](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI за начинаещи](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI за начинаещи](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP за начинаещи](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP за начинаещи](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI агенти за начинаещи](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) [![AI Агенти за начинаещи](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Серия за генеративен изкуствен интелект ### Серия за Генеративен AI
[![Генеративен ИИ за начинаещи](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Генеративен AI за начинаещи](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Генеративен ИИ (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Генеративен 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)
[![Генеративен ИИ (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Генеративен AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Генеративен ИИ (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) [![Генеративен AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
--- ---
### Основно обучение ### Основно Обучение
[![Машинно обучение за начинаещи](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Машинно обучение за начинаещи](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Наука за данни за начинаещи](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Данни за начинаещи](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![Изкуствен интелект за начинаещи](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI за начинаещи](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Киберсигурност за начинаещи](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![Киберсигурност за начинаещи](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Уеб разработка за начинаещи](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) [![Уеб разработка за начинаещи](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT за начинаещи](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) [![IoT за начинаещи](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR разработка за начинаещи](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) [![XR Разработка за начинаещи](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Серия Copilot ### Серия Copilot
[![Copilot за програмиране с помощ на ИИ](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot за AI Сдвоявано Програмиране](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot за C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot за C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Приключения с Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Получаване на помощ ## Как да получите помощ
Ако се затрудните или имате въпроси относно създаването на AI приложения. Присъединете се към другите учащи и опитни разработчици в дискусиите за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно. Ако се затрудните или имате въпроси относно изграждането на AI приложения, присъединете се към други учащи и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
@ -259,11 +245,11 @@ PDF с всички уроци може да се намери [тук](https://
## Лиценз ## Лиценз
Това хранилище е лицензирано под MIT лиценз. Вижте файла [LICENSE](../../LICENSE) за повече информация. Този репозиторий е лицензиран под лиценза MIT. Вижте файла [LICENSE](../../LICENSE) за повече информация.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- 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 --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

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

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

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

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

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