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

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

Browse Source
pull/1781/head
localizeflow[bot] 5 months ago
parent a7c4aacfb1
commit 42c323fe2d
9 changed files with 848 additions and 846 deletions
Show Stats Download Patch File Download Diff File

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

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T20:35:22+00:00", "translation_date": "2026-04-06T17:16:39+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": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T13:26:07+00:00", "translation_date": "2026-04-06T17:13:01+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "bg" "language_code": "bg"
}, },

322
translations/bg/AGENTS.md
Unescape View File

@ -1,30 +1,30 @@
# AGENTS.md # AGENTS.md
## Преглед на проекта ## Общ преглед на проекта
Това е репозиториум с учебна учебна програма за преподаване на основите на уеб разработката за начинаещи. Учебната програма е изчерпателен 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, and AI Chat Assistant - **Практически проекти**: Терариум, Игра за писане, Разширение за браузър, Космическа игра, Банково приложение, Редактор на код и AI чат асистент
- **Интерактивни тестове**: 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,27 +36,27 @@ 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
``` ```
### API за банков проект (Node.js + Express) ### API на Bank проекта (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # Стартирай API сървър npm start # Стартиране на API сървър
npm run lint # Стартирай ESLint npm run lint # Стартиране на ESLint
npm run format # Форматирай с Prettier npm run format # Форматиране с Prettier
``` ```
### Проекти за разширения за браузър ### Проекти с разширения за браузър
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Следвайте инструкциите за зареждане на разширението, специфични за браузъра # Следвайте инструкциите за зареждане на разширения, специфични за браузъра
``` ```
### Проекти за космическа игра ### Проекти за космическа игра
@ -64,44 +64,44 @@ 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
``` ```
### Чат проект (Python бекенд) ### Проект за чат (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
- **Проекти**: Използвайте разширението Live Server на VS Code за HTML проекти - **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
- **API проекти**: Стартирайте `npm start` в съответните API директории - **API проекти**: Стартирайте `npm start` в съответните API директории
## Инструкции за тестване ## Инструкции за тестване
@ -110,8 +110,8 @@ python api.py
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Проверете за проблеми със стила на кода npm run lint # Проверка за проблеми със стила на кода
npm run build # Проверете, че изграждането е успешно npm run build # Потвърдете успешното изграждане
``` ```
### Тестване на Bank API ### Тестване на Bank API
@ -124,29 +124,29 @@ 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
@ -157,124 +157,126 @@ node server.js # Проверете дали сървърът стартир
### Python ### Python
- Насоки за стил PEP 8 - Следвайте PEP 8 стилови указания
- Ясни, образователни примери с код - Ясни, образователни кодови примери
- Указания за типове (type hints), когато са полезни за обучението - Използвайте типови подсказки, където е полезно за учене
### Markdown документация ### Markdown документация
- Ясна йерархия на заглавията - Ясна иерархия на заглавията
- Блокове с код със спецификация на езика - Кодови блокове с указание на езика
- Връзки към допълнителни ресурси - Връзки към допълнителни ресурси
- Екрани и изображения в директории `images/` - Скрийншотове и изображения в папки `images/`
- Alt текст за изображения за достъпност - Алтернативен текст на изображения за достъпност
### Организация на файловете ### Организация на файловете
- Уроците номерирани последователно (1-getting-started-lessons, 2-js-basics, etc.) - Уроците са номерирани последователно (1-getting-started-lessons, 2-js-basics и др.)
- Всеки проект има `solution/` и често `start/` или `your-work/` директории - Всеки проект има папки `solution/` и често `start/` или `your-work/`
- Изображенията се съхраняват в за урок-специфични `images/` папки - Изображенията се съхраняват в папки `images/` за съответния урок
- Преводите в структура `translations/{language-code}/` - Преводите са в структура `translations/{езиков-код}/`
## Изграждане и разгръщане ## Съставяне и разгръщане
### Разгръщане на 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/
# Извършва разгръщане чрез workflow на GitHub Actions при push към клона main # Разгръща чрез GitHub Actions workflow при натискане към main
``` ```
Azure Static Web Apps конфигурация: Конфигурация на Azure Static Web Apps:
- **App location**: `/quiz-app` - **Местоположение на приложението**: `/quiz-app`
- **Output location**: `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 от docs npm run convert # Генерирайте PDF от документи
``` ```
### Документация с Docsify ### Документация с Docsify
```bash ```bash
npm install -g docsify-cli # Инсталирайте Docsify глобално npm install -g docsify-cli # Инсталирайте Docsify глобално
docsify serve # Стартирайте сървър на localhost:3000 docsify serve # Стартирайте на localhost:3000
``` ```
### Проектно-специфични билдове ### Сглобяване, специфично за проектите
Всяка проектна директория може да има собствен процес за билд: Всяка проектна директория може да има свой собствен процес на билд:
- Vue проекти: `npm run build` създава продукционни пакети - Vue проектите: `npm run build` създава продукционни пакети
- Статични проекти: Няма стъпка за изграждане, сервирайте файловете директно - Статичните проекти: Няма стъпка за билд, файловете се сервират директно
## Насоки за Pull Requests ## Правила за pull request
### Формат на заглавието ### Формат на заглавието
Използвайте ясни, описателни заглавия, указващи областта на промяната: Използвайте ясни и описателни заглавия, които указват областта на промяна:
- `[Quiz-app] Add new quiz for lesson X` - `[Quiz-app] Добавяне на нов тест за урок X`
- `[Lesson-3] Fix typo in terrarium project` - `[Lesson-3] Поправка на печатна грешка в проекта террариум`
- `[Translation] Add Spanish translation for lesson 5` - `[Translation] Добавяне на испански превод за урок 5`
- `[Docs] Update setup instructions` - `[Docs] Актуализация на инструкциите за настройка`
### Задължителни проверки ### Изисквани проверки
Преди да изпратите PR: Преди да подадете PR:
1. **Качеството на кода**: 1. **Качество на кода**:
- Стартирайте `npm run lint` в засегнатите проектни директории - Стартирайте `npm run lint` в засегнатите проектни директории
- Поправете всички грешки и предупреждения от lint - Коригирайте всички намерени грешки и предупреждения при проверката
2. **Проверка на билда**: 2. **Проверка на билд**:
- Стартирайте `npm run build`, ако е приложимо - Стартирайте `npm run build`, ако е приложимо
- Уверете се, че няма грешки при билд - Уверете се, че няма грешки при съставянето
3. **Валидиране на връзки**: 3. **Проверка на връзките**:
- Тествайте всички markdown връзки - Тествайте всички markdown връзки
- Проверете референциите към изображенията - Проверете дали референциите към изображения работят
4. **Преглед на съдържанието**: 4. **Преглед на съдържанието**:
- Коригирайте правописа и граматиката - Коригирайте правопис и граматика
- Уверете се, че примерите с код са правилни и образователни - Уверете се, че кодовите примери са правилни и образователни
- Потвърдете, че преводите запазват оригиналния смисъл - Проверката дали преводите запазват оригиналния смисъл
### Изисквания за принос ### Изисквания за участие
- Съгласете се с Microsoft CLA (автоматична проверка при първия PR) - Съгласие с Microsoft CLA (автоматична проверка при първия PR)
- Следвайте [Кодекс за поведение с отворен код на Microsoft](https://opensource.microsoft.com/codeofconduct/) - Спазвайте [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания - Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
- Посочете номера на issue-ите в описанието на PR, ако е приложимо - Посочете номера на проблеми в описанието на PR, ако е приложимо
### Процес на преглед ### Процес на преглед
- PR-овете се преглеждат от поддържащи и общността - PR-овете се преглеждат от поддържащи и общността
- Образователната яснота е поставена на първо място - Приоритет се дава на образователната яснота
- Примерите с код трябва да следват текущите добри практики - Кодови примери трябва да следват най-добрите съвременни практики
- Преводите се преглеждат за точност и културна уместност - Преводите се проверяват за точност и културна съобразност
## Система за преводи ## Система за превод
### Автоматизиран превод ### Автоматизиран превод
- Използва GitHub Actions с co-op-translator workflow - Използва GitHub Actions с workflow co-op-translator
- Превежда автоматично на 50+ езика - Автоматичен превод на над 50 езика
- Изходните файлове са в основните директории - Оригинални файлове в основните директории
- Преведените файлове в `translations/{language-code}/` директории - Преведените файлове в директории `translations/{езиков-код}/`
### Добавяне на ръчни подобрения в превода ### Добавяне на ръчни подобрения в превода
1. Намерете файла в `translations/{language-code}/` 1. Намерете файл в `translations/{езиков-код}/`
2. Направете подобрения, като запазвате структурата 2. Направете подобрения, запазвайки структурата
3. Уверете се, че примерите с код остават функционални 3. Уверете се, че кодовите примери остават функционални
4. Тествайте всяко локализирано съдържание за тестове 4. Тествайте всяко локализирано тестово съдържание
### Метаданни за превода ### Метаданни за превода
Преведените файлове включват хедър с метаданни: Преведените файлове включват заглавна метаинформация:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -287,61 +289,61 @@ CO_OP_TRANSLATOR_METADATA:
--> -->
``` ```
## Отстраняване на грешки и решаване на проблеми ## Отстраняване на грешки и проблеми
### Чести проблеми ### Често срещани проблеми
**Quiz app fails to start**: **Quiz приложението не стартира**:
- Проверете версията на 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 server won't start**: **Сървърът на API не стартира**:
- Уверете се, че версията на Node.js отговаря на минималната (node >=10) - Уверете се, че версията на Node.js отговаря на минималната (node >=10)
- Проверете дали портът вече не е зает - Проверете дали портът вече не се използва
- Уверете се, че всички зависимости са инсталирани с `npm install` - Уверете се, че всички зависимости са инсталирани с `npm install`
**Browser extension won't load**: **Разширението за браузър не се зарежда**:
- Проверете дали manifest.json е правилно форматиран - Проверете дали manifest.json е правилно форматиран
- Проверете конзолата на браузъра за грешки - Проверете конзолата на браузъра за грешки
- Следвайте инструкции за инсталиране на разширения, специфични за браузъра - Следвайте инструкциите за инсталиране на разширения според браузъра
**Python chat project issues**: **Проблеми с Python чат проекта**:
- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai` - Уверете се, че пакетът OpenAI е инсталиран: `pip install openai`
- Проверете, че променливата на средата GITHUB_TOKEN е зададена - Проверете дали променливата на средата GITHUB_TOKEN е зададена
- Проверете разрешенията за достъп до GitHub Models - Проверете разрешенията за достъп до GitHub Models
**Docsify not serving docs**: **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` - Използвайте shallow clone, ако работите само със съдържание: `git clone --depth 1`
- Изключете преводите от търсенията, когато работите с английско съдържание - Изключете преводите от търсения при работа с английско съдържание
- Процесите за билд може да са бавни при първото изпълнение (npm install, Vite build) - Процесите на билд може да са бавни при първо изпълнение (npm install, Vite build)
## Съображения за сигурност ## Съображения за сигурност
### Променливи на средата ### Променливи на средата
- API ключовете никога не трябва да се комитират в репозитория - Ключовете за API никога не бива да се комитват в хранилището
- Използвайте `.env` файлове (вече в `.gitignore`) - Използвайте `.env` файлове (вече в `.gitignore`)
- Документирайте необходимите променливи на средата в README файловете на проектите - Документирайте необходимите променливи на средата в README на проектите
### Python проекти ### Python проекти
- Използвайте виртуални среди: `python -m venv venv` - Използвайте виртуални среди: `python -m venv venv`
- Поддържайте зависимостите актуални - Поддържайте зависимостите обновени
- GitHub токените трябва да имат минимално необходими разрешения - GitHub токените трябва да имат минимално необходими разрешения
### Достъп до GitHub Models ### Достъп до GitHub Models
@ -355,52 +357,52 @@ CO_OP_TRANSLATOR_METADATA:
### Целева аудитория ### Целева аудитория
- Напълно начинаещи в уеб разработката - Напълно начинаещи в уеб разработката
- Студенти и самообучаващи се - Студенти и самонайствнюющи се
- Учители, използващи учебната програма в класни стаи - Учители, използващи учебната програма в класната стая
- Съдържанието е проектирано за достъпност и постепенно изграждане на умения - Съдържанието е проектирано за достъпност и постепенно придобиване на умения
### Образователна философия ### Образователна философия
- Подход, базиран на проекти - Проектно-базирано обучение
- Чести проверки на знанията (тестове) - Чести проверки на знанията (тестове)
- Практически упражнения с код - Практически упражнения по кодиране
- Примери с реални приложения - Примери с реални приложения
- Фокус върху основите преди фреймуърковете - Фокус върху основите преди фреймуърковете
### Поддръжка на репозитория ### Поддръжка на хранилището
- Активна общност от учащи и допринасящи - Активна общност от учащи и допринасящи
- Редовни актуализации на зависимости и съдържание - Редовни актуализации на зависимости и съдържание
- Проблемите и дискусиите се следят от поддържащите - Мониторинг на проблеми и дискусии от поддържащите
- Актуализациите на преводите автоматизирани чрез 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 учебни програми налични - Допълнителни курсове: генеративно AI, Data Science, ML, IoT учебни програми
### Работа с конкретни проекти ### Работа с конкретни проекти
За подробни инструкции за отделните проекти, вижте README файловете в: За подробни инструкции по отделните проекти вижте README файловете в:
- `quiz-app/README.md` - Vue 3 quiz application - `quiz-app/README.md` - Vue 3 квиз приложение
- `7-bank-project/README.md` - Banking application with authentication - `7-bank-project/README.md` - Банково приложение с удостоверяване
- `5-browser-extension/README.md` - Browser extension development - `5-browser-extension/README.md` - Разработване на разширения за браузър
- `6-space-game/README.md` - Canvas-based game development - `6-space-game/README.md` - Разработка на игра с Canvas
- `9-chat-project/README.md` - AI chat assistant project - `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 -->

260
translations/bg/README.md
Unescape View File

@ -1,21 +1,21 @@
# Уеб разработка за начинаещи - учебна програма # Уеб разработка за начинаещи - Учебна програма
Научете основите на уеб разработката с нашия 12-седмичен всеобхватен курс от Microsoft Cloud Advocates. Всеки от 24-те урока разглежда JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Включете се с викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашата ефективна педагогика, базирана на проекти. Започнете своето пътешествие в кодирането още днес! Научете основите на уеб разработката с нашия 12-седмичен изчерпателен курс, воден от Microsoft Cloud Advocates. Във всеки от 24-те урока ще се потопите в JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузъри и космически игри. Включете се в викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашия ефективен проектно-базиран подход. Започнете своето програмиране днес!
Присъединете се към общността Azure AI Foundry в Discord Присъединете се към Azure AI Foundry Discord Общността
Следвайте тези стъпки, за да започнете да използвате тези ресурси: Следвайте тези стъпки, за да започнете с тези ресурси:
1. **Форкнете хранилището**: Кликнете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 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 (Автоматично и винаги актуално)
> **Предпочитате да клонирате локално?** > **Предпочитате да клонирате локално?**
> >
> Това хранилище включва над 50 езикови превода, което значително увеличава размера на изтегляне. За да клонирате без преводите, използвайте sparse checkout: > Този репозитори включва над 50 превода на езици, което значително увеличава размера на изтегляне. За да клонирате без преводи, използвайте sparse checkout:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -31,225 +31,221 @@
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо изтегляне. > Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне.
**Ако желаете поддръжка на допълнителни езици за превод, те са посочени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Ако желаете да имате допълнителни поддържани езици за превод, те са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑‍🎓 _Студент ли сте?_ #### 🧑‍🎓 _Вие студент ли сте?_
Посетете [**страницата Студентски център**](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_ ### 📣 Обявление - _Нов проект за изграждане с Generative AI_
Току-що добавен нов проект AI Асистент, разгледайте го [тук](./9-chat-project/README.md) Току-що добавен нов проект AI Асистент, разгледайте [проекта](./9-chat-project/README.md)
### 📣 Обява - _Нова учебна програма_ за генеративен AI за JavaScript току-що излезе ### 📣 Обявление - _Нова учебна програма_ за Generative AI за JavaScript току-що излезе
Не пропускайте новия ни курс за генеративен AI! Не пропускайте нашата нова учебна програма за Generative AI!
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете! Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
- Уроци, обхващащи всичко от основите до RAG. - Уроци, покриващи всичко от основи до RAG.
- Взаимодействайте с исторически персонажи чрез GenAI и нашето спомагателно приложение. - Взаимодействайте с исторически личности чрез GenAI и нашето приложение спътник.
- Забавен и ангажиращ разказ, пътуване във времето! - Забавен и увлекателен разказ, ще пътувате във времето!
Във всеки урок има задача за изпълнение, проверка на знанията и предизвикателство, които ви насочват към изучаване на теми като: Всеки урок включва задача за изпълнение, проверка на знания и предизвикателство, които да ви помогнат при изучаването на теми като:
- Създаване на команди и инженерство на подкани - Подсказване и инженеринг на подсказки
- Генериране на текст и изображения за приложения - Генериране на приложения за текст и изображения
- Приложения за търсене - Приложения за търсене
Посетете [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
В създаденото от вас копие на хранилището, кликнете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който можете да работите. #### Стартиране на учебната програма в Codespace
![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.webp) В копието на това репозитори, което създадохте, натиснете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който да работите.
#### Използване на учебната програма локално на вашия компютър #### Стартиране на учебната програма локално на компютъра
За да стартирате учебната програма локално, ще ви трябва текстов редактор, браузър и команден терминал. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас. За да стартирате тази учебна програма локално на компютъра си, ще ви трябва текстов редактор, браузър и инструмент за команден ред. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящото за вас.
Нашата препоръка е да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който включва и интегриран [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Препоръчваме ви да използвате [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 адреса: 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 | Getting Started | Въведение в програмирането и инструментите на занаята | Научете основите зад повечето програмни езици и софтуера, който помага на професионалните разработчици да вършат работата си | [Intro to Programming Languages and Tools of the Trade](./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 | Getting Started | Основи на GitHub, включва работа в екип | Как да използвате GitHub в проекта си, как да си сътрудничите с други върху кодовата база | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Започване | Достъпност | Научете основите на уеб достъпността | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Getting Started | Достъпност | Научете основите на уеб достъпността | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Основи на JS | Типове данни в JavaScript | Основи на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS Basics | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Основи на JS | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher | | 05 | JS Basics | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher |
| 06 | Основи на JS | Вземане на решения с JS | Научете как да създавате условия във вашия код с методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS Basics | Вземане на решения с JS | Научете как да създавате условия в кода си чрез методи за вземане на решения | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Основи на JS | Масиви и цикли | Работа с данни чрез масиви и цикли в JavaScript | [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS Basics | Масиви и цикли | Работа с данни чрез масиви и цикли в JavaScript | [Arrays and Loops](./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 | [Terrarium](./3-terrarium/solution/README.md) | HTML на практика | Създайте HTML за онлайн терариум, с фокус върху създаването на оформление | [Introduction to 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 | [Terrarium](./3-terrarium/solution/README.md) | CSS на практика | Създайте CSS, за да стилизирате онлайн терариума с акцент върху основите на CSS, включително адаптивност на страницата | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Терариум](./3-terrarium/solution/README.md) | JavaScript Closures, манипулация на DOM | Създайте JavaScript, за да направите терариума с интерфейс за влачене и пускане, съсредоточени върху closures и манипулация на DOM | [JavaScript Closures, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript затваряния, манипулация на DOM | Създайте JavaScript, за да направите терариума функционален с drag/drop интерфейс, с акцент върху затваряния и манипулация на DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавиатурни събития за управление на логиката в JavaScript приложението ви | [Програмиране, базирано на събития](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавишни събития, за да управлявате логиката на вашето JavaScript приложение | [Event-Driven Programming](./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 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да изградите първите елементи на браузър разширение | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Изграждане на форма, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементи на разширението си за браузър, за да извиквате API с променливи, съхранени локално | [APIs, Форми и Локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Създаване на форма, повикване на API и съхраняване на променливи в локално хранилище | Изградете JavaScript елементи на браузър разширението си за извикване на API с използване на променливи, съхранявани в локално хранилище | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации за повишаване | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Космическа игра](./6-space-game/solution/README.md) | По-напреднало игрово развитие с JavaScript | Научете за наследяване с класове и композиция и за дизайна Pub/Sub, в подготовка за изграждане на игра | [Въведение в напреднало игрово развитие](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция и патърна Pub/Sub, като подготовка за създаване на игра | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Космическа игра](./6-space-game/solution/README.md) | Рисуване върху канвас | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване върху Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | Рисуване върху платно | Научете за Canvas API, използван за рисуване на елементи на екран | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Космическа игра](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите придобиват движение чрез декартови координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите могат да придобият движение чрез декартови координати и Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Космическа игра](./6-space-game/solution/README.md) | Откриване на сблъсъци | Направете елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и предоставете cooldown функция | [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | Откриване на сблъсък | Накарайте елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и добавете функция за забавяне, за да осигурите производителност на играта | [Collision Detection](./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 | [Space Game](./6-space-game/solution/README.md) | Водене на резултати | Извършвайте математически изчисления въз основа на състоянието и представянето на играта | [Keeping Score](./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 | [Space Game](./6-space-game/solution/README.md) | Край и рестартиране на играта | Научете за край и рестартиране на играта, включително почистване на ресурси и нулиране на стойности на променливи | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Банково приложение](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създавате структурата на многостраничен уебсайт чрез маршрутизация и HTML шаблони | [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banking App](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете скелет на архитектурата на многостраничен уебсайт чрез маршрутизиране и HTML шаблони | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Банково приложение](./7-bank-project/solution/README.md) | Създаване на форма за влизане и регистрация | Научете за създаване на формуляри и обработка на валидиращи процедури | [Формуляри](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | Създаване на формуляр за вход и регистрация | Научете за създаването на формуляри и обработката на валидационни процедури | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Банково приложение](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните влизат и излизат от приложението ви, как да ги извличате, съхранявате и изхвърляте | [Данни](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните постъпват и излизат от приложението ви, как да ги изтегляте, съхранявате и изтривате | [Data](./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 | [Banking App](./7-bank-project/solution/README.md) | Концепции за управление на състояние | Научете как вашето приложение запазва състояние и как да го управлявате програмно | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Код за браузър/VSCode](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код | [Използване на редактор код в VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI асистенти](./9-chat-project/README.md) | Работа с AI | Научете как да изградите собствен AI асистент | [Проект AI асистент](./9-chat-project/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Работа с изкуствен интелект | Научете как да създадете собствен AI асистент | [AI Assistant project](./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 за въведение на концепциите, с видео от колекцията "[Начинаещи по JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", част от чийто автори допринесоха за тази учебна програма. Като гарантираме, че съдържанието съвпада с проектите, процесът за учениците става по-ангажиращ и задържането на концепциите се увеличава. Също така написахме няколко въвеждащи урока по основите на JavaScript, за да представим концепциите, съчетани с видео от поредицата "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", някои от авторите на които допринесоха за тази учебна програма.
Освен това, тест с ниска трудност преди занятието насочва вниманието на студента към изучаване на темата, докато втори тест след занятието гарантира по-добро усвояване. Тази учебна програма е проектирана да бъде гъвкава и забавна и може да се следва изцяло или частично. Проектите започват малки и стават все по-сложни до края на 12-седмичния цикъл. Освен това, неангажиращ тест преди урока задава нагласата на студента към ученето на тема, а втори тест след урока осигурява допълнително задържане на материал. Тази учебна програма е създадена, за да бъде гъвкава и забавна и може да се взема цялостно или по части. Проектите започват с по-малки теми и стават все по-сложни до края на 12-седмичния цикъл.
Въпреки, че умишлено избегнахме въвеждането на JavaScript рамки, за да се концентрираме върху основните умения, нужни на един уеб разработчик преди преминаването към рамка, добър следващ ход след завършване на тази учебна програма би бил да научите за Node.js чрез друга колекция от видеа: "[Начинаещи по Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Докато умишлено сме избегнали въвеждането на JavaScript рамки, за да се концентрираме върху основните умения, необходими като уеб разработчик преди да се премине към рамка, добър следващ ход след завършване на тази програма би бил да научите Node.js чрез друга поредица от видеа: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Посетете нашите указания за [Етичен кодекс](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме вашите конструктивни отзиви! > Посетете нашите насоки [Кодекс на поведение](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме вашите конструктивни отзиви!
## 🧭 Достъп офлайн ## 🧭 Достъп офлайн
Можете да използвате тази документация офлайн с помощта на [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалната си машина и след това в главната папка на това хранилище напишете `docsify serve`. Уебсайтът ще се обслужва на порт 3000 на вашия localhost: `localhost:3000`. Можете да използвате тази документация офлайн чрез [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалната си машина, след което в главната папка на хранилището въведете `docsify serve`. Уебсайтът ще се обслужва на порт 3000 на локалния ви хост: `localhost:3000`.
## 📘 PDF ## 📘 PDF
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
[![LangChain4j за начинаещи](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 за начинаещи](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 за начинаещи](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 / Агенти ### Azure / Edge / MCP / Агенти
[![AZD за начинаещи](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![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 за начинаещи](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 за начинаещи](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 Агенти за начинаещи](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)
--- ---
### Серия за Генеративен AI ### Генеративен AI Серия
[![Генеративен AI за начинаещи](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![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)
[![Генеративен 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)
[![Генеративен 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)
[![Генеративен 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)
--- ---
### Основно Обучение ### Основно обучение
[![Машинно обучение за начинаещи](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)
[![Данни за начинаещи](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 за начинаещи](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)
[![Киберсигурност за начинаещи](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)
[![Уеб разработка за начинаещи](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 за начинаещи](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 Разработка за начинаещи](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 ### Серия Copilot
[![Copilot за AI Сдвоявано Програмиране](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot 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 за 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](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 -->
## Как да получите помощ ## Получаване на помощ
Ако се затрудните или имате въпроси относно изграждането на 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)
Ако имате обратна връзка за продукта или срещнете грешки по време на разработка, посетете: Ако имате обратна връзка за продукта или грешки при създаването, посетете:
[![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)
## Лиценз ## Лиценз
Този репозиторий е лицензиран под лиценза 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 -->

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

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T20:31:44+00:00", "translation_date": "2026-04-06T17:15:26+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": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T13:17:57+00:00", "translation_date": "2026-04-06T17:08:55+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "ro" "language_code": "ro"
}, },

376
translations/ro/AGENTS.md
Unescape View File

@ -1,30 +1,30 @@
# AGENTS.md # AGENTS.md
## Prezentare generală a proiectului ## Prezentarea Proiectului
Aceasta este o arhivă curriculară educațională pentru predarea elementelor fundamentale de dezvoltare web pentru începători. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltate de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind JavaScript, CSS și HTML. Acesta este un depozit de curriculum educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, care include 24 de lecții practice ce 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, Typing Game, Browser Extension, Space Game, Banking App, Code Editor și AI Chat Assistant - **Proiecte Practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent de chat AI
- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție) - **Chestionare Interactive**: 48 chestionare cu câte 3 întrebări fiecare (evaluări înainte/după lecție)
- **Suport multi-limbă**: Traduceri automate pentru 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 proiectele AI) - **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiectele AI)
### Arhitectură ### Arhitectură
- Arhivă educațională cu structură bazată pe lecții - Depozit educațional cu structură bazată pe lecții
- Fiecare dosar de lecție conține README, exemple de cod și soluții - Fiecare folder de lecție conține README, exemple de cod și soluții
- Proiecte independente în directoare separate (quiz-app, diverse proiecte de lecții) - Proiecte independente î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ție servită prin Docsify și disponibilă ca PDF - Documentație servită prin Docsify și disponibilă ca PDF
## Comenzi de configurare ## Comenzi de Configurare
Această arhivă este destinată în principal consumului de conținut educațional. Pentru a lucra cu proiecte specifice: Acest depozit este destinat în principal consumului de conținut educațional. Pentru lucrul cu proiecte specifice:
### Configurare principală a repository-ului ### Configurare Principală a Depozitului
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -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 Bank (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 Browser Extension ### 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 Space Game ### 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,207 +76,207 @@ pip install openai
python api.py python api.py
``` ```
## Flux de dezvoltare ## Flux de Dezvoltare
### Pentru contribuitorii de conținut ### Pentru Contribuitorii de Conținut
1. **Fork la repository** în contul tău GitHub 1. **Furcați depozitul** în contul vostru GitHub
2. **Clonează fork-ul** local 2. **Clonați furca** local
3. **Creează un nou branch** pentru modificările tale 3. **Creați un nou branch** pentru modificările voastre
4. Fă modificări în conținutul lecțiilor sau în exemplele de cod 4. Faceți modificări în conținutul lecțiilor sau exemplele de cod
5. Testează orice modificare de cod în directoarele proiectelor relevante 5. Testați orice modificare de cod în directoarele proiectelor relevante
6. Trimite pull requests urmând ghidurile de contribuție 6. Trimiteți pull requests respectând ghidul de contribuție
### Pentru cursanți ### Pentru Învățăcei
1. Fork sau clonează repository-ul 1. Fork sau clonați depozitul
2. Navighează secvențial prin directoarele lecțiilor 2. Navigați secvențial în directoarele lecțiilor
3. Citește fișierele README pentru fiecare lecție 3. Citiți fișierele README pentru fiecare lecție
4. Completează chestionarele pre-lecție la https://ff-quizzes.netlify.app/web/ 4. Completați chestionarele pre-lectură la https://ff-quizzes.netlify.app/web/
5. Parcurge exemplele de cod din folderele lecțiilor 5. Parcurgeți exemplele de cod din folderele lecțiilor
6. Finalizează temele și provocările 6. Finalizați temele și provocările
7. Susține chestionarele post-lecție 7. Susțineți chestionarele post-lectură
### Dezvoltare locală (Live Development) ### Dezvoltare Live
- **Documentație**: Rulează `docsify serve` în rădăcină (portul 3000) - **Documentație**: Rulați `docsify serve` în rădăcină (port 3000)
- **Quiz App**: Rulează `npm run dev` în directorul quiz-app - **Quiz App**: Rulați `npm run dev` în directorul quiz-app
- **Proiecte**: Folosește extensia VS Code Live Server pentru proiectele HTML - **Proiecte**: Folosiți extensia VS Code Live Server pentru proiectele HTML
- **Proiecte API**: Rulează `npm start` în directoarele API respective - **Proiecte API**: Rulați `npm start` în directoarele API corespunzătoare
## Instrucțiuni de testare ## Instrucțiuni de Testare
### Testare Quiz App ### Testare Quiz App
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Verifică probleme de stil ale codului npm run lint # Verifică problemele de stil al codului
npm run build # Verifică dacă compilarea reușește npm run build # Verifică dacă compilarea reușește
``` ```
### Testare Bank API ### Testare API Bancar
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Verifică problemele de stil din cod npm run lint # Verifică problemele de stil ale codului
node server.js # Verifică 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
- Aceasta este o arhivă educațională fără teste automate cuprinzătoare - Este un depozit educațional fără teste automate cuprinzătoare
- Testarea manuală se concentrează pe: - Testarea manuală se concentrează pe:
- Exemplele de cod rulează fără erori - Exemplele de cod rulează fără erori
- Linkurile din documentație funcționează corect - Linkurile din documentație funcționează corect
- Build-urile proiectelor se finalizează cu succes - Proiectele se construiesc cu succes
- Exemplele urmează bune practici - Exemplele respectă bunele practici
### Verificări pre-trimitere ### Verificări Pre-trimitere
- Rulează `npm run lint` în directoarele cu package.json - Rulați `npm run lint` în directoarele cu package.json
- Verifică dacă linkurile markdown sunt valide - Verificați validitatea linkurilor markdown
- Testează exemplele de cod în browser sau Node.js - Testați exemplele de cod în browser sau Node.js
- Verifică că traducerile păstrează structura corespunzătoare - Asigurați-vă că traducerile păstrează structura corectă
## Ghid de stil pentru cod ## Ghid de Stil pentru Cod
### JavaScript ### JavaScript
- Folosește sintaxa modernă ES6+ - Folosiți sintaxa modernă ES6+
- Urmează configurațiile standard ESLint furnizate în proiecte - Respectați configurațiile standard ESLint din proiecte
- Folosește nume semnificative pentru variabile și funcții pentru claritate educațională - Utilizați nume semnificative pentru variabile și funcții pentru claritate educațională
- Adaugă comentarii care explică conceptele pentru cursanți - Adăugați comentarii explicative pentru învățăcei
- Formatează folosind Prettier acolo unde este configurat - Formatați 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 explicative pentru tehnici CSS pentru învățare
### Python ### Python
- Ghiduri de stil PEP 8 - Respectați ghidul de stil PEP 8
- Exemple de cod clare și educaționale - Exemple de cod clare, educaționale
- Hint-uri de tipare acolo unde sunt utile pentru învățare - Hinturi de tip unde sunt utile pentru învățare
### Documentație Markdown ### Documentație Markdown
- Ierarhie clară a titlurilor - Ierarhie clară a titlurilor
- Blocuri de cod cu specificație a limbajului - Blocuri de cod cu specificare de limbaj
- Linkuri către resurse suplimentare - Linkuri către resurse suplimentare
- 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țiile 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 `solution/` și adesea `start/` sau `your-work/` directoare - Fiecare proiect are directoare `solution/` și de obicei `start/` sau `your-work/`
- Imaginile stocate în foldere `images/` specifice lecțiilor - Imaginile stocate în foldere `images/` specifice lecțiilor
- Traducerile în structura `translations/{language-code}/` - Traducerile în structura `translations/{language-code}/`
## Build și Deployment ## Construire și Deploy
### Deployment Quiz App (Azure Static Web Apps) ### Deploy Quiz App (Azure Static Web Apps)
Quiz-app este configurat pentru deployment pe Azure Static Web Apps: quiz-app este configurat pentru deploy pe Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Creează folderul dist/ npm run build # Creează folderul dist/
# Desfășoară prin fluxul de lucru GitHub Actions la împingerea în ramura main # Implementare prin workflow GitHub Actions la push pe main
``` ```
Azure Static Web Apps configuration: Configurare Azure Static Web Apps:
- **App location**: `/quiz-app` - **Locația aplicației**: `/quiz-app`
- **Output location**: `dist` - **Locația output-ului**: `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 # Instalează docsify-to-pdf npm install # Instalează docsify-to-pdf
npm run convert # Generează PDF din documentație npm run convert # Generează PDF din docs
``` ```
### Documentație Docsify ### Documentație Docsify
```bash ```bash
npm install -g docsify-cli # Instalează Docsify la nivel global npm install -g docsify-cli # Instalează Docsify global
docsify serve # Servește pe localhost:3000 docsify serve # Servește pe localhost:3000
``` ```
### Build-uri specifice proiectelor ### Build-uri Specifice Proiectului
Fiecare director de proiect poate avea propriul proces de build: Fiecare director de proiect poate avea propriul proces de build:
- Proiecte Vue: `npm run build` creează bundle-uri pentru producție - Proiecte Vue: `npm run build` creează bundle-uri de producție
- Proiecte statice: Fără pas de build, servește fișierele direct - Proiecte statice: Fără pas de build, servește fișierele direct
## Ghid pentru Pull Request-uri ## Ghid pentru Pull Request-uri
### Formatul titlului ### Formatul Titlului
Folosește titluri clare și descriptive care indică aria modificării: Folosiți titluri clare și descriptive care indică zona de schimbare:
- `[Quiz-app] Add new quiz for lesson X` - `[Quiz-app] Adaugă un nou chestionar pentru lecția X`
- `[Lesson-3] Fix typo in terrarium project` - `[Lesson-3] Corectează o greșeală din proiectul terrarium`
- `[Translation] Add Spanish translation for lesson 5` - `[Translation] Adaugă traducerea în spaniolă pentru lecția 5`
- `[Docs] Update setup instructions` - `[Docs] Actualizează instrucțiunile de configurare`
### Verificări necesare ### Verificările Necesare
Înainte de a trimite un PR: Înainte de a trimite un PR:
1. **Calitatea codului**: 1. **Calitatea Codului**:
- Rulează `npm run lint` în directoarele proiectului afectate - Rulați `npm run lint` în directoarele proiectului afectat
- Remediază toate erorile și avertismentele de lint - Remediați toate erorile și avertismentele lint
2. **Verificare build**: 2. **Verificarea Build-ului**:
- Rulează `npm run build` dacă este aplicabil - Rulați `npm run build` dacă este aplicabil
- Asigură-te că nu există erori de build - Asigurați-vă că nu există erori la build
3. **Validare linkuri**: 3. **Validarea Linkurilor**:
- Testează toate linkurile markdown - Testați toate linkurile markdown
- Verifică referințele la imagini - Verificați referințele imaginilor
4. **Revizuire conținut**: 4. **Revizuire Conținut**:
- Verifică ortografia și gramatica - Corectați ortografia și gramatica
- Asigură-te că exemplele de cod sunt corecte și educaționale - Asigurați corectitudinea și valoarea educațională a exemplelor de cod
- Verifică că traducerile păstrează sensul original - Verificați că traducerile păstrează sensul original
### Cerințe pentru contribuție ### Cerințe pentru Contribuție
- Acceptă Microsoft CLA (verificare automată la primul PR) - Acceptați Microsoft CLA (verificare automată la primul PR)
- Urmează [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Urmați [Codul de conduită Microsoft Open Source](https://opensource.microsoft.com/codeofconduct/)
- Vezi [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate - Consultați [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
- Referă numerele issue-urilor în descrierea PR-ului dacă este cazul - Referiți numerele de issue în descrierea PR-ului dacă este cazul
### Procesul de revizuire ### Procesul de Revizuire
- PR-urile sunt revizuite de maintaineri și comunitate - PR-urile sunt revizuite de menținători și comunitate
- Claritatea educațională este prioritară - Claritatea educațională este prioritară
- Exemplele de cod trebuie să urmeze bune practici actuale - Exemplele de cod ar trebui să urmeze cele mai bune practici curente
- Traducerile sunt revizuite pentru acuratețe și adecvare culturală - Traducerile sunt revizuite pentru corectitudine și potrivire culturală
## Sistemul 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 co-op-translator
- Traduce automat în 50+ de limbi - Traduce automat în peste 50 de limbi
- Fișiere sursă în directoarele principale - Fișierele sursă în directoare principale
- Fișiere traduse în directoarele `translations/{language-code}/` - Fișierele traduse în directoarele `translations/{language-code}/`
### Adăugarea îmbunătățirilor manuale la traduceri ### Adăugarea Îmbunătățirilor Manuale de Traducere
1. Localizează fișierul în `translations/{language-code}/` 1. Localizați fișierul în `translations/{language-code}/`
2. Fă îmbunătățiri păstrând structura 2. Faceți îmbunătățiri păstrând structura
3. Asigură-te că exemplele de cod rămân funcționale 3. Asigurați-vă că exemplele de cod rămân funcționale
4. Testează orice conținut localizat al chestionarelor 4. Testați orice conținut localizat pentru chestionare
### Metadate pentru traduceri ### Metadate ale Traducerii
Fișierele traduse includ antetul de metadate: Fișierele traduse includ un antet cu metadate:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
--> -->
``` ```
## Depanare și rezolvarea problemelor ## Depanare și Rezolvare Probleme
### Probleme comune ### Probleme Comune
**Quiz app nu pornește**: **Quiz app nu pornește**:
- Verifică versiunea Node.js (recomandat v14+) - Verificați versiunea Node.js (recomandat v14+)
- Șterge `node_modules` și `package-lock.json`, rulează `npm install` din nou - Ștergeți `node_modules` și `package-lock.json`, rulați din nou `npm install`
- Verifică conflictele de port (implicit: Vite folosește portul 5173) - Verificați conflictele de port (implicit: Vite folosește portul 5173)
**Serverul API nu pornește**: **Serverul API nu pornește**:
- Verifică dacă versiunea Node.js îndeplinește minimul (node >=10) - Verificați dacă versiunea Node.js este minimă (node >=10)
- Verifică dacă portul este deja folosit - Verificați dacă portul este deja ocupat
- Asigură-te că toate dependențele sunt instalate cu `npm install` - Asigurați-vă că toate dependențele sunt instalate cu `npm install`
**Browser extension nu se încarcă**: **Extensia de browser nu se încarcă**:
- Verifică dacă manifest.json este formatat corect - Verificați dacă manifest.json este formatat corect
- Verifică consola browser-ului pentru erori - Verificați consola browser-ului pentru erori
- Urmează instrucțiunile specifice browser-ului pentru instalarea extensiei - Urmați instrucțiunile specifice browserului pentru instalarea extensiei
**Probleme proiect chat Python**: **Probleme cu proiectul chat Python**:
- Asigură-te că pachetul OpenAI este instalat: `pip install openai` - Asigurați-vă că pachetul OpenAI este instalat: `pip install openai`
- Verifică variabila de mediu GITHUB_TOKEN este setată - Verificați dacă variabila de mediu GITHUB_TOKEN este setată
- Verifică permisiunile de acces GitHub Models - Verificați permisiunile de acces la GitHub Models
**Docsify nu servește documentația**: **Docsify nu servește documentația**:
- Instalează docsify-cli global: `npm install -g docsify-cli` - Instalați docsify-cli global: `npm install -g docsify-cli`
- Rulează din directorul rădăcină al repository-ului - Rulați din directorul rădăcină al depozitului
- Verifică că `docs/_sidebar.md` există - Verificați dacă `docs/_sidebar.md` există
### Sfaturi pentru mediul de dezvoltare ### Sfaturi pentru Mediul de Dezvoltare
- Folosește VS Code cu extensia Live Server pentru proiectele HTML - Folosiți VS Code cu extensia Live Server pentru proiectele HTML
- Instalează extensiile ESLint și Prettier pentru format consistent - Instalați extensiile ESLint și Prettier pentru formatare uniformă
- Folosește DevTools din browser pentru depanarea JavaScript - Utilizați DevTools în browser pentru depanarea JavaScript
- Pentru proiectele Vue, instalează extensia Vue DevTools pentru browser - Pentru proiectele Vue, instalați extensia Vue DevTools în browser
### Considerații de performanță ### Considerații de Performanță
- Numărul mare de fișiere traduse (50+ de limbi) înseamnă că clone-urile complete sunt mari - Numărul mare de fișiere traduse (peste 50 de limbi) face clonările complete mari
- Folosește clone superficial dacă lucrezi doar pe conținut: `git clone --depth 1` - Folosiți clonare superficială dacă lucrați doar cu conținutul: `git clone --depth 1`
- Exclude traducerile din căutări când lucrezi pe conținutul în engleză - Excludeți traducerile din căutări când lucrați cu conținutul în engleză
- Procesele de build pot fi lente la prima rulare (npm install, Vite build) - Procesele de build pot fi lente la prima rulare (npm install, build Vite)
## Considerații de securitate ## Considerații de Securitate
### Variabile de mediu ### Variabile de Mediu
- Cheile API nu trebuie niciodată comise în repository - Cheile API nu trebuie niciodată păstrate în depozit
- Folosește fișiere `.env` (sunt deja în `.gitignore`) - Folosiți fișiere `.env` (deja în `.gitignore`)
- Documentează variabilele de mediu necesare în README-urile proiectelor - Documentați variabilele de mediu necesare în README-urile proiectelor
### Proiecte Python ### Proiecte Python
- Folosește medii virtuale: `python -m venv venv` - Folosiți medii virtuale: `python -m venv venv`
- Păstrează dependențele actualizate - Mențineți dependențele actualizate
- Token-urile GitHub ar trebui să aibă permisiunile minime necesare - Token-urile GitHub trebuie să aibă permisiuni minime necesare
### Acces GitHub Models ### Acces GitHub Models
- Personal Access Tokens (PAT) necesare pentru GitHub Models - Sunt necesare Personal Access Tokens (PAT) pentru GitHub Models
- Token-urile ar trebui stocate ca variabile de mediu - Token-urile trebuie stocate ca variabile de mediu
- Nu comite niciodată token-uri sau credențiale - Nu comiteți niciodată token-urile sau acreditările
## Note suplimentare ## Note Suplimentare
### Public țintă ### Public Țintă
- Începători compleți în dezvoltarea web - Începători compleți în dezvoltarea web
- Studenți și autodidacți - Studenți și autodidacți
- Profesori care folosesc curriculumul în sălile de clasă - Profesori care folosesc curriculumul în sălile de clasă
- Conținutul este conceput pentru accesibilitate și construire treptată a abilităților - Conținut conceput pentru accesibilitate și dezvoltare graduală a abilităților
### Filosofia educațională ### Filosofia Educațională
- Abordare de învățare bazată pe proiecte - Abordare bazată pe învățare prin proiecte
- Verificări frecvente ale cunoștințelor (chestionare) - 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 aplicații din lumea reală
- Accent pe elementele fundamentale înaintea framework-urilor - Accent pe fundament înainte de framework-uri
### Mentenanța repository-ului ### Mentenanță Depozit
- Comunitate activă de cursanți și contributori - Comunitate activă de învățăcei și contribuitori
- Actualizări regulate ale dependențelor și conținutului - Actualizări regulate ale dependențelor și conținutului
- Issue-uri și discuții monitorizate de maintaineri - Probleme și discuții monitorizate de menținători
- Actualizările de traducere automatizate prin GitHub Actions - Actualizări ale traducerilor automatizate prin GitHub Actions
### Resurse conexe ### Resurse Asociate
- [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Module Microsoft Learn](https://docs.microsoft.com/learn/)
- [Student Hub resources](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: Generative AI, Data Science, ML, IoT curricula disponibile - Cursuri suplimentare: AI Generativ, Știința Datelor, ML, curricula IoT disponibile
### Lucrul cu proiecte specifice ### Lucrul cu Proiecte Specifice
Pentru instrucțiuni detaliate despre proiectele individuale, consultă fișierele README din: Pentru instrucțiuni detaliate despre proiecte individuale, consultați fișierele README în:
- `quiz-app/README.md` - Vue 3 quiz application - `quiz-app/README.md` - Aplicație quiz Vue 3
- `7-bank-project/README.md` - Banking application with authentication - `7-bank-project/README.md` - Aplicație bancară cu autentificare
- `5-browser-extension/README.md` - Browser extension development - `5-browser-extension/README.md` - Dezvoltare extensie browser
- `6-space-game/README.md` - Canvas-based game development - `6-space-game/README.md` - Dezvoltare joc canvas
- `9-chat-project/README.md` - AI chat assistant project - `9-chat-project/README.md` - Proiect asistent chat AI
### Structura monorepo-ului ### Structura Monorepo
Deși nu este un monorepo tradițional, acest repository conține multiple 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 auto-suficientă
- Proiectele nu împart dependențe - Proiectele nu împart dependențe
- Lucrează la proiecte individuale fără a afecta altele - Se poate lucra pe proiecte individuale fără a afecta altele
- Clonează întregul repo pentru experiența completă a curriculumului - Clonați întregul depozit pentru experiența completă a curriculumului
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare de responsabilitate**: **Declinare a responsabilității**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă o traducere profesională realizată de un traducător uman. Nu ne asumăm nicio răspundere pentru orice neînțelegeri sau interpretări greșite care rezultă din utilizarea acestei traduceri. 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 să asigurăm acuratețea, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă ar trebui considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională efectuată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

182
translations/ro/README.md
Unescape View File

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

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

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T20:29:25+00:00", "translation_date": "2026-04-06T17:14:17+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": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T13:12:17+00:00", "translation_date": "2026-04-06T17:06:57+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "sk" "language_code": "sk"
}, },

296
translations/sk/AGENTS.md
Unescape View File

@ -2,29 +2,29 @@
## Prehľad projektu ## Prehľad projektu
Toto je repozitár vzdelávacieho učebného plánu na výučbu základov webového vývoja pre začiatočníkov. Učebný plán je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, ktorý obsahuje 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML. Toto je vzdelávacie úložisko učebného plánu na výučbu základov webového vývoja pre začiatočníkov. Učebný plán je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, obsahujúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
### Kľúčové súčasti ### Kľúčové komponenty
- **Educational Content**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch - **Vzdelávací obsah**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch
- **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant - **Praktické projekty**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor a AI Chat Assistant
- **Interactive Quizzes**: 48 kvízov po 3 otázky (hodnotenia pred/po lekcii) - **Interaktívne kvízy**: 48 kvízov s 3 otázkami každý (pred a po lekcii)
- **Multi-language Support**: Automatické preklady do 50+ jazykov cez GitHub Actions - **Podpora viacerých jazykov**: Automatické preklady do 50+ jazykov cez GitHub Actions
- **Technologies**: 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ávací repozitár so štruktúrou založenou na lekciách - Vzdelávacie úložisko so štruktúrou založenou na lekciách
- Každá zložka lekcie obsahuje README, príklady kódu a riešenia - Každý priečinok lekcie obsahuje README, ukážky kódu a riešenia
- Samostatné projekty v oddelených adresároch (quiz-app, rôzne projekty lekcií) - Samostatné projekty v oddelených adresároch (quiz-app, rôzne projekty lekcií)
- Systém prekladov využívajúci GitHub Actions (co-op-translator) - Prekladový systém využívajúci GitHub Actions (co-op-translator)
- Dokumentácia servírovaná cez Docsify a dostupná ako PDF - Dokumentácia servírovaná cez Docsify a dostupná aj vo formáte PDF
## Príkazy na nastavenie ## Príkazy na nastavenie
Tento repozitár je primárne určený na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi: Toto úložisko je primárne určené na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi:
### Hlavné nastavenie repozitára ### Nastavenie hlavného úložiska
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -37,29 +37,29 @@ cd Web-Dev-For-Beginners
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 # Zostaviť pre produkciu npm run build # Vytvoriť build pre produkciu
npm run lint # Spustiť ESLint npm run lint # Spustiť ESLint
``` ```
### API bankového projektu (Node.js + Express) ### Bank API projektu (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 # Naformátovať pomocou Prettieru npm run format # Formátovať pomocou Prettier
``` ```
### Projekty rozšírení prehliadača ### Projekty rozšírenia prehliadača
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Postupujte podľa pokynov na načítanie rozšírenia, ktoré sú špecifické pre prehliadač # Dodržiavajte pokyny na načítanie rozšírení špecifické pre prehliadač
``` ```
### Projekty vesmírnej hry ### Projekty Space Game
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
@ -80,38 +80,38 @@ python api.py
### Pre prispievateľov obsahu ### Pre prispievateľov obsahu
1. **Vytvorte fork repozitára** do svojho GitHub účtu 1. **Vytvorte fork úložiska** do svojho GitHub účtu
2. **Klonujte svoj fork** lokálne 2. **Naklonujte si svoj fork** lokálne
3. **Vytvorte novú vetvu** pre svoje zmeny 3. **Vytvorte novú vetvu** pre vaše zmeny
4. Upravte obsah lekcie alebo príklady kódu 4. Urobte zmeny v obsahu lekcií alebo ukážkach kódu
5. Otestujte zmeny kódu v príslušných adresároch projektov 5. Testujte akékoľvek zmeny kódu v príslušných projektových adresároch
6. Odošlite pull requesty podľa pokynov na prispievanie 6. Odosielajte pull requesty podľa pokynov pre prispievanie
### Pre študentov ### Pre študentov
1. Vytvorte fork alebo sklonujte repozitár 1. Forknite alebo naklonujte úložisko
2. Prejdite do priečinkov lekcií postupne 2. Postupne prechádzajte adresáre lekcií
3. Prečítajte si README súbory pre každú lekciu 3. Čítajte README súbory ku každej lekcii
4. Vyplňte kvízy pred lekciou na https://ff-quizzes.netlify.app/web/ 4. Vyplňujte predlekčné kvízy na https://ff-quizzes.netlify.app/web/
5. Prejdite si príklady kódu v priečinkoch lekcií 5. Prechádzajte príklady kódu v adresároch lekcií
6. Dokončite úlohy a výzvy 6. Splňte zadania a výzvy
7. Urobte kvízy po lekcii 7. Vyplňujte po- lekčné kvízy
### Živý vývoj ### Živý 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 App**: Spustite `npm run dev` v adresári quiz-app - **Quiz App**: Spustite `npm run dev` v adresári quiz-app
- **Projekty**: Použite rozšírenie VS Code Live Server pre HTML projekty - **Projekty**: Použite VS Code Live Server rozšírenie pre HTML projekty
- **API projekty**: Spustite `npm start` v príslušných adresároch API - **API projekty**: Spustite `npm start` v príslušných API adresároch
## Pokyny na testovanie ## Inštrukcie na testovanie
### Testovanie Quiz App ### Testovanie Quiz App
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Skontrolujte chyby v štýle kódu npm run lint # Skontrolujte problémy so štýlom kódu
npm run build # Overte, že zostavenie bude úspešné npm run build # Overte, či zostavenie prebehlo úspešne
``` ```
### Testovanie Bank API ### Testovanie Bank API
@ -119,164 +119,164 @@ npm run build # Overte, že zostavenie bude úspešné
```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, že server sa spustí bez chýb node server.js # Overte, či server štartuje bez chýb
``` ```
### Všeobecný prístup k testovaniu ### Všeobecný prístup k testovaniu
- Toto je vzdelávací repozitár bez komplexných automatizovaných testov - Ide o vzdelávacie úložisko bez komplexných automatizovaných testov
- Manuálne testovanie sa zameriava na: - Manuálne testovanie sa zameriava na:
- Príklady kódu sa spúšťajú bez chýb - Ukážky kódu bežia bez chýb
- Odkazy v dokumentácii fungujú správne - Odkazy v dokumentácii fungujú správne
- Buildy projektov sa úspešne dokončia - Projekty sa úspešne zostavujú
- Príklady dodržiavajú osvedčené postupy - Príklady dodržiavajú najlepšie postupy
### Kontroly pred odoslaním ### Kontroly pred odoslaním
- Spustite `npm run lint` v adresároch s package.json - Spustite `npm run lint` v adresároch s package.json
- Overte, že markdown odkazy sú platné - Overte platnosť markdown odkazov
- Otestujte príklady kódu v prehliadači alebo Node.js - Testujte príklady kódu v prehliadači alebo Node.js
- Skontrolujte, že preklady zachovávajú správnu štruktúru - Skontrolujte, že preklady zachovávajú správnu štruktúru
## Pokyny k štýlu kódu ## Pravidlá pre štýl kódu
### JavaScript ### JavaScript
- Používajte modernú syntax ES6+ - Používajte moderný ES6+ syntax
- Dodržiavajte štandardné konfigurácie ESLint poskytované v projektoch - Dodržiavajte štandardné ESLint konfigurácie v projektoch
- Používajte zmysluplné názvy premenných a funkcií pre vzdelávaciu zrozumiteľnosť - Používajte zrozumiteľné názvy premenných a funkcií pre jasnosť výučby
- 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 nakonfigurovaný - Formátujte kód pomocou Prettier, kde je to nakonfigurované
### HTML/CSS ### HTML/CSS
- Sémantické elementy HTML5 - Semantické HTML5 prvky
- Zásady responzívneho dizajnu - Zásady responzívneho dizajnu
- Jasné konvencie pomenovania tried - Jasné pomenovávanie tried
- Komentáre vysvetľujúce CSS techniky pre študentov - Komentáre vysvetľujúce CSS techniky pre študentov
### Python ### Python
- Štýlové pokyny PEP 8 - Štýl podľa PEP 8
- Jasné, vzdelávacie príklady kódu - Jasné, vzdelávacie príklady kódu
- Označovanie typov tam, kde pomáha pri učení - Type hints kde sú užitočné pre učenie
### Dokumentácia v Markdown ### Markdown dokumentácia
- Jasná hierarchia nadpisov - Jasná hierarchia nadpisov
- Bloky kódu so špecifikáciou jazyka - Bloky kódu so špecifikovaným jazykom
- Odkazy na ďalšie zdroje - Odkazy na ďalšie zdroje
- Snímky obrazovky a obrázky v adresároch `images/` - Snímky obrazovky a obrázky v adresároch `images/`
- Alternatívny text pre obrázky z dôvodu prístupnosti - Alt text pre obrázky z dôvodu prístupnosti
### Organizácia súborov ### Organizácia súborov
- Lekcie očíslované postupne (1-getting-started-lessons, 2-js-basics, etc.) - Lekcie číslované postupne (1-getting-started-lessons, 2-js-basics, atď.)
- Každý projekt má adresáre `solution/` a často `start/` alebo `your-work/` - Každý projekt má adresáre `solution/` a často `start/` alebo `your-work/`
- Obrázky uložené v priečinkoch `images/` pre každú lekciu - Obrázky uložené v lekciách špecifických `images/` priečinkoch
- Preklady v štruktúre `translations/{language-code}/` - Preklady v štruktúre `translations/{jazykový-kód}/`
## Build a nasadenie ## Sestavenie a nasadenie
### Nasadenie Quiz App (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 # Vytvorí priečinok dist/ npm run build # Vytvára priečinok dist/
# Nasadzuje cez workflow GitHub Actions pri pushi do vetvy main # Nasadzuje cez GitHub Actions workflow pri push do main
``` ```
Konfigurácia Azure Static Web Apps: Konfigurácia Azure Static Web Apps:
- **App location**: `/quiz-app` - **Umiestnenie aplikácie**: `/quiz-app`
- **Output location**: `dist` - **Výstupné umiestnenie**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generovanie PDF dokumentácie ### Generovanie PDF dokumentácie
```bash ```bash
npm install # Nainštalovať docsify-to-pdf npm install # Inštalovať docsify-to-pdf
npm run convert # Vygenerovať PDF z dokumentácie npm run convert # Generovať PDF z docs
``` ```
### Dokumentácia Docsify ### Dokumentácia 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 # Spustite server na localhost:3000 docsify serve # Spustiť na localhost:3000
``` ```
### Špecifické buildy projektov ### Špecifické zostavenia projektu
Každý adresár projektu môže mať vlastný build proces: Každý projekt môže mať vlastný build proces:
- Vue projekty: `npm run build` vytvorí produkčné balíky - Vue projekty: `npm run build` vytvára produkčné balíky
- Statické projekty: Bez kroku build, súbory podávajte priamo - Statické projekty: Žiadny build krok, súbory sa servírujú priamo
## Pokyny pre Pull Requesty ## Pokyny pre pull requesty
### Formát názvu ### Formát názvu
Použite jasné, popisné názvy, ktoré uvádzajú oblasť zmeny: Používajte jasné, popisné názvy indikujúce oblasť zmeny:
- `[Quiz-app] Pridať nový kvíz pre lekciu X` - `[Quiz-app] Pridanie nového kvízu pre lekciu X`
- `[Lesson-3] Opravte preklep v projekte terrarium` - `[Lesson-3] Oprava preklepu v projekte terrarium`
- `[Translation] Pridať španielsky preklad pre lekciu 5` - `[Translation] Pridanie španielskeho prekladu pre lekciu 5`
- `[Docs] Aktualizujte inštrukcie 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 postihnutých adresároch projektov - Spustite `npm run lint` v zasiahnutých projektových adresároch
- Opravte všetky linting chyby a varovania - Opravte všetky lint chyby a varovania
2. **Overenie buildu**: 2. **Overenie build-u**:
- Spustite `npm run build`, ak je to relevantné - Spustite `npm run build` ak je to relevantné
- Uistite sa, že nie sú žiadne chyby pri buildovaní - Zabezpečte, že nie sú žiadne build chyby
3. **Overenie odkazov**: 3. **Validácia odkazov**:
- Otestujte všetky markdown odkazy - Otestujte všetky markdown odkazy
- Overte, že odkaz na obrázky funguje - Overte funkčnosť obrázkových referencií
4. **Kontrola obsahu**: 4. **Kontrola obsahu**:
- Korektúra pravopisu a gramatiky - Korektúra pravopisu a gramatiky
- Zabezpečte, aby boli príklady kódu správne a vzdelávacie - Overenie správnosti a vzdelávacej hodnoty príkladov kódu
- Overte, že preklady zachovávajú pôvodný význam - Overenie, že preklady zachovávajú pôvodný význam
### Požiadavky na príspevok ### Požiadavky na príspevky
- Súhlasiť s Microsoft CLA (automatická kontrola pri prvom PR) - Súhlas so zmluvou Microsoft CLA (automatická kontrola pri prvom PR)
- Dodržiavajte [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Dodržiavanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Pozrite si [CONTRIBUTING.md](./CONTRIBUTING.md) pre podrobné usmernenia - Pozrite [CONTRIBUTING.md](./CONTRIBUTING.md) pre podrobné pokyny
- Uveďte čísla issue v popise PR, ak sú relevantné - Referencujte čísla issue v popise PR, ak je to relevantné
### Proces revízie ### Proces recenzie
- PR sú kontrolované maintainermi a komunitou - PR sú recenzované správcami a komunitou
- Uprednostňuje sa vzdelávacia zrozumiteľnosť - Prioritizuje sa vzdelávacia jasnosť
- Príklady kódu by mali dodržiavať súčasné osvedčené postupy - Ukážky kódu by mali sledovať aktuálne najlepšie postupy
- Preklady sa kontrolujú z hľadiska presnosti a kultúrnej vhodnosti - Preklady sa kontrolujú na presnosť a kultúrnu vhodnosť
## Systém prekladov ## Prekladový systém
### Automatizovaný preklad ### Automatizovaný preklad
- Využíva GitHub Actions s workflow co-op-translator - Používa GitHub Actions s workflow co-op-translator
- Automaticky prekladá do 50+ jazykov - 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 v adresároch `translations/{language-code}/` - Preložené súbory v adresároch `translations/{jazykový-kód}/`
### Pridávanie manuálnych vylepšení prekladov ### 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. Urobte úpravy pri zachovaní štruktúry 2. Urobte vylepšenia pri zachovaní štruktúry
3. Zabezpečte, aby príklady kódu zostali funkčné 3. Zabezpečte, že príklady kódu sú funkčné
4. Otestujte akýkoľvek lokalizovaný obsah kvízov 4. Otestujte lokalizovaný obsah kvízov
### Metadáta prekladu ### Metaúdaje prekladu
Preložené súbory obsahujú hlavičku s metadátami: Preložené súbory obsahujú metaúdajový hlavičkový blok:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -295,114 +295,114 @@ CO_OP_TRANSLATOR_METADATA:
**Quiz app sa nespustí**: **Quiz app sa nespustí**:
- Skontrolujte verziu Node.js (odporúčané v14+) - Skontrolujte verziu Node.js (odporúčané v14+)
- Vymažte `node_modules` a `package-lock.json`, potom znova spustite `npm install` - Vymažte `node_modules` a `package-lock.json`, spustite `npm install` znova
- Skontrolujte konflikty portov (predvolené: Vite používa port 5173) - Skontrolujte konflikty portov (predvolený: Vite používa port 5173)
**API server sa nespustí**: **API server sa nespustí**:
- Overte, že verzia Node.js spĺňa minimum (node >=10) - Overte, či verzia Node.js spĺňa minimum (node >=10)
- Skontrolujte, či port už nie je používaný - Skontrolujte, či port nie je už obsadený
- Uistite sa, že všetky závislosti sú nainštalované pomocou `npm install` - Uistite sa, že sú nainštalované všetky závislosti cez `npm install`
**Rozšírenie prehliadača sa nenačíta**: **Rozšírenie prehliadača sa nenačíta**:
- Overte, či je manifest.json správne naformátovaný - Skontrolujte správne formátovanie manifest.json
- Skontrolujte konzolu prehliadača pre chyby - Skontrolujte konzolu prehliadača na chyby
- Postupujte podľa pokynov na inštaláciu rozšírenia špecifických pre prehliadač - Postupujte podľa inštrukcií pre inštaláciu rozšírenia v konkrétnom prehliadači
**Problémy s Python chat projektom**: **Problémy s Python chat projektom**:
- Uistite sa, že balík OpenAI je nainštalovaný: `pip install openai` - Uistite sa, že balík OpenAI je nainštalovaný: `pip install openai`
- Overte, že premenná prostredia GITHUB_TOKEN je nastavená - Overte, že premenná prostredia GITHUB_TOKEN je nastavená
- Skontrolujte oprávnenia prístupu k GitHub Models - Skontrolujte povolenia na prístup ku GitHub Models
**Docsify nespúšťa 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 repozitára - Spustite z koreňového adresára úložiska
- Skontrolujte, či existuje `docs/_sidebar.md` - Overte, že existuje `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 - Nainštalujte rozšírenia ESLint a Prettier pre konzistentné formátovanie
- Používajte DevTools prehliadača na ladenie JavaScriptu - Používajte DevTools v prehliadači 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ýkonové úvahy ### Výkonové úvahy
- Veľký počet preložených súborov (50+ jazykov) znamená, že plné klony sú veľké - Veľké množstvo preložených súborov (50+ jazykov) znamená veľké klony
- Použite shallow clone, ak pracujete iba s obsahom: `git clone --depth 1` - Používajte shallow clone pri práci len s obsahom: `git clone --depth 1`
- Vylúčte preklady z vyhľadávania pri práci s anglickým obsahom - Vylúčte preklady z vyhľadávania pri práci na anglickom obsahu
- Build procesy môžu byť pri prvom spustení pomalé (npm install, Vite build) - Build procesy môžu byť pomalé pri prvom spustení (npm install, Vite build)
## Bezpečnostné opatrenia ## Bezpečnostné úvahy
### Premenné prostredia ### Premenné prostredia
- API kľúče by nikdy nemali byť commitnuté do repozitára - API kľúče nikdy neukladajte do úložiska
- Používajte `.env` súbory (už v `.gitignore`) - Používajte `.env` súbory (už v `.gitignore`)
- Zdokumentujte požadované premenné prostredia v README súboroch projektov - Dokumentujte potrebné 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 aktuálne - Udržiavajte závislosti aktualizované
- GitHub tokeny by mali mať minimálne potrebné oprávnenia - 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ú potrebné pre GitHub Models - Osobné prístupové tokeny (PAT) sú potrebné pre GitHub Models
- Tokeny by mali byť uložené ako premenné prostredia - Tokeny ukladajte ako premenné prostredia
- Nikdy necommitujte tokeny alebo poverenia - Nikdy neukladajte tokeny ani prihlasovacie údaje do repozitára
## Ďalšie 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 samouci - Študenti a samoštúdium
- Učitelia používajúci učebný plán v triedach - Učitelia používajúci učebný plán v triedach
- Obsah je navrhnutý pre prístupnosť a postupné budovanie zručností - Obsah navrhnutý pre prístupnosť a postupný rozvoj zručností
### Vzdelávacia filozofia ### Vzdelávacia filozofia
- Prístup založený na učení sa cez projekty - Prístup založený na projektoch
- Časté kontroly vedomostí (kvízy) - Časté kontroly vedomostí (kvízy)
- Praktické cvičenia v kódovaní - Praktické cvičenia v kódovaní
- Príklady reálnych aplikácií - Príklady z reálneho sveta
- Zameranie na základy pred frameworkmi - Zameranie na základy pred frameworkmi
### Údržba repozitára ### Ú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
- Issues a diskusie sú monitorované maintainerami - Problémy a diskusie monitorované správcami
- Aktualizácie prekladov automatizované cez GitHub Actions - Aktualizácie prekladov automatizované 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/)
- [Zdroje Student Hub](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: Generative AI, Data Science, ML, IoT učebné osnovy sú dostupné - Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT učebné plány dostupné
### Práca s konkrétnymi projektmi ### Práca s konkrétnymi projektmi
Pre podrobné inštrukcie k jednotlivým projektom sa odkazujte na README súbory v: Pre podrobné inštrukcie ku jednotlivým projektom nájdete README súbory v:
- `quiz-app/README.md` - Vue 3 kvízová 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šírenia prehliadača - `5-browser-extension/README.md` - Vývoj rozšírenia prehliadača
- `6-space-game/README.md` - Vývoj hry založenej na Canvas - `6-space-game/README.md` - Vývoj hry s canvasom
- `9-chat-project/README.md` - Projekt AI chat asistenta - `9-chat-project/README.md` - AI chat asistent projekt
### Štruktúra monorepa ### Štruktúra monorepa
Aj keď nejde o tradičné monorepo, tento repozitár obsahuje viacero 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 ovplyvnenia ostatných - Pracujte na jednotlivých projektoch bez ovplyvnenia ostatných
- Naklonujte celý repozitár pre kompletnú skúsenosť s učebným plánom - Naklonujte celé repozitórium pre kompletný zážitok kurzu
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vylúčenie zodpovednosti**: **Zrieknutie sa zodpovednosti**:
Tento dokument bol preložený pomocou služby prekladu založenej na umelej inteligencii [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, upozorňujeme, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by sa mal považovať za záväzný zdroj. Pre kritické 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. 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ť, prosím majte na pamäti, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho natívnom 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.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

236
translations/sk/README.md
Unescape View File

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