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/1690/head
localizeflow[bot] 3 weeks ago
parent 765217ee5e
commit aaa35e5a9e
9 changed files with 955 additions and 933 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": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:39:45+00:00",
"translation_date": "2026-02-06T10:01:47+00:00",
"source_file": "AGENTS.md",
"language_code": "bg"
},
@ -516,8 +516,8 @@
"language_code": "bg"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:08:58+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T09:57:06+00:00",
"source_file": "README.md",
"language_code": "bg"
},

438
translations/bg/AGENTS.md
Unescape View File

@ -2,107 +2,107 @@
## Преглед на проекта
Това е хранилище за образователна учебна програма, предназначена за обучение на начинаещи в основите на уеб разработката. Учебната програма представлява цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML.
Това е учебен репозиторий за преподаване на основите на уеб разработката на начинаещи. Учебната програма е изчерпателен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML.
### Основни компоненти
- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти
- **Практически проекти**: Терариум, Игра за писане, Разширение за браузър, Космическа игра, Банково приложение, Редактор на код и AI чат асистент
- **Интерактивни тестове**: 48 теста с по 3 въпроса (оценки преди/след урока)
- **Поддръжка на много езици**: Автоматични преводи на над 50 езика чрез GitHub Actions
- **Учебно съдържание**: 24 структурирани урока, организирани в проектно базирани модули
- **Практически проекти**: Террариум, Игра за писане, Разширение за браузър, Космическа игра, Банково приложение, Редактор на код и AI чат асистент
- **Интерактивни куизове**: 48 куиза с по 3 въпроса всеки (оценки преди и след урока)
- **Поддръжка на много езици**: Автоматични преводи за 50+ езика чрез GitHub Actions
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
### Архитектура
- Образователно хранилище със структура, базирана на уроци
- Всяка папка с урок съдържа README, примери за код и решения
- Самостоятелни проекти в отделни директории (quiz-app, различни проекти за уроци)
- Система за превод чрез GitHub Actions (co-op-translator)
- Документация, предоставена чрез Docsify и налична като PDF
- Учебен репозиторий със структура, базирана на уроци
- Всяка папка с урок съдържа README, кодови примери и решения
- Самостоятелни проекти в отделни директории (quiz-app, различни проектни уроци)
- Система за преводи чрез GitHub Actions (co-op-translator)
- Документация обслужвана чрез Docsify и налична като PDF
## Команди за настройка
Това хранилище е основно за консумация на образователно съдържание. За работа с конкретни проекти:
Този репозиторий е основно за потребление на учебно съдържание. За работа с конкретни проекти:
### Основна настройка на хранилището
### Настройка на основния репозиторий
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Настройка на Quiz App (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # Стартиране на сървър за разработка
npm run build # Компилиране за продукция
npm run lint # Стартиране на ESLint
```
### API за банков проект (Node.js + Express)
### API за банкова проект (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # Стартиране на API сървър
npm run lint # Стартиране на ESLint
npm run format # Форматиране с Prettier
```
### Проекти за разширения за браузър
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# Следвайте инструкциите за зареждане на разширения, специфични за браузъра
```
### Проекти за космическа игра
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# Отворете index.html в браузър или използвайте Live Server
```
### Чат проект (Python Backend)
### Чат проект (Python бекенд)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# Задайте променливата на средата GITHUB_TOKEN
python api.py
```
## Работен процес за разработка
### За сътрудници на съдържание
### За съдържателите на учебното съдържание
1. **Форкнете хранилището** към вашия GitHub акаунт
2. **Клонирайте вашия форк** локално
3. **Създайте нов клон** за вашите промени
4. Направете промени в съдържанието на уроците или примерите за код
5. Тествайте промените в кода в съответните директории на проектите
6. Изпратете pull requests, следвайки указанията за принос
1. **Направете fork на репозитория** във вашия GitHub акаунт
2. **Клонирайте вашия fork** локално
3. **Създайте нов клон** за вашите промени
4. Направете промени в съдържанието на уроците или кодовите примери
5. Тествайте всички промени по кода в съответните проектни директории
6. Изпратете pull request следвайки указанията за допринасяне
### За учащи
### За учащите
1. Форкнете или клонирайте хранилището
2. Навигирайте до директориите на уроците последователно
3. Прочетете README файловете за всеки урок
4. Завършете тестовете преди урока на https://ff-quizzes.netlify.app/web/
5. Работете върху примерите за код в папките на уроците
6. Завършете задачите и предизвикателствата
7. Направете тестовете след урока
1. Направете fork или клонирайте репозитория
2. Отидете към директорийте с уроци последователно
3. Прочетете README файловете за всеки урок
4. Попълнете куизове преди урока на https://ff-quizzes.netlify.app/web/
5. Работете с кодовите примери в папките на уроците
6. Изпълнете задания и предизвикателства
7. Попълнете куизове след урока
### Жива разработка
### Живо развитие
- **Документация**: Стартирайте `docsify serve` в root (порт 3000)
- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
- **Проекти**: Използвайте разширението Live Server на VS Code за HTML проекти
- **API проекти**: Стартирайте `npm start` в съответните API директории
- **Документация**: Стартирайте `docsify serve` от основната директория (порт 3000)
- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
- **API Проекти**: Стартирайте `npm start` в съответните API директории
## Инструкции за тестване
@ -110,173 +110,173 @@ python api.py
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # Проверете за проблеми със стила на кода
npm run build # Потвърдете, че компилацията е успешна
```
### Тестване на Bank API
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # Проверете за проблеми със стила на кода
node server.js # Проверете дали сървърът стартира без грешки
```
### Обща стратегия за тестване
### Общ подход към тестване
- Това е образователно хранилище без изчерпателни автоматизирани тестове
- Ръчното тестване се фокусира върху:
- Примерите за код се изпълняват без грешки
- Линковете в документацията работят правилно
- Проектите се изграждат успешно
- Примерите следват най-добрите практики
- Това е учебен репозиторий без комплексни автоматизирани тестове
- Ръчното тестване се фокусира върху:
- Изпълнение на кодовите примери без грешки
- Коректна работа на линковете в документацията
- Успешното завършване на билдове на проектите
- Примери, следващи добри практики
### Проверки преди подаване
### Проверки преди изпращане
- Стартирайте `npm run lint` в директории с package.json
- Уверете се, че линковете в markdown са валидни
- Тествайте примерите за код в браузър или Node.js
- Проверете дали преводите запазват правилната структура
- Стартирайте `npm run lint` в директории с package.json
- Проверете дали markdown линковете са валидни
- Тествайте кодовите примери в браузър или Node.js
- Проверете дали преводите запазват коректната структура
## Насоки за стил на код
## Насоки за стил на кода
### JavaScript
- Използвайте модерен ES6+ синтаксис
- Следвайте стандартните конфигурации на ESLint, предоставени в проектите
- Използвайте смислени имена на променливи и функции за образователна яснота
- Добавяйте коментари, обясняващи концепции за учащите
- Форматирайте с Prettier, където е конфигуриран
- Използвайте съвременен ES6+ синтаксис
- Следвайте стандартни ESLint конфигурации в проектите
- Използвайте смислени имена на променливи и функции за учебна яснота
- Добавяйте коментари с обяснения за учащите
- Форматирайте с Prettier, където е конфигурирано
### HTML/CSS
- Семантични HTML5 елементи
- Принципи на отзивчив дизайн
- Ясни конвенции за именуване на класове
- Семантични HTML5 елементи
- Принципи на адаптивен дизайн
- Ясни конвенции за именуване на класове
- Коментари, обясняващи CSS техники за учащите
### Python
- Насоки за стил PEP 8
- Ясни, образователни примери за код
- Типови подсказки, където са полезни за обучение
- Следвайте PEP 8 стилови насоки
- Ясни, образователни кодови примери
- Типови подсказки, където спомагат за обучението
### Markdown документация
- Ясна йерархия на заглавията
- Блокове с код със спецификация на езика
- Линкове към допълнителни ресурси
- Скрийншоти и изображения в директории `images/`
- Ясна йерархия на заглавията
- Блокове с код с посочен език
- Линкове към допълнителни ресурси
- Скрийншоти и изображения в папки `images/`
- Alt текст за изображения за достъпност
### Организация на файловете
- Уроците са номерирани последователно (1-getting-started-lessons, 2-js-basics и т.н.)
- Всеки проект има `solution/` и често `start/` или `your-work/` директории
- Изображенията се съхраняват в специфични за урока папки `images/`
- Преводите са в структура `translations/{language-code}/`
- Уроците са номерирани последователно (1-getting-started-lessons, 2-js-basics и др.)
- Всеки проект има `solution/` и често `start/` или `your-work/` папки
- Изображения съхранявани в папки `images/` към съответния урок
- Преводите са в структура `translations/{код-на-езика}/`
## Изграждане и разгръщане
## Създаване и деплоймент
### Разгръщане на Quiz App (Azure Static Web Apps)
### Деплой на Quiz App (Azure Static Web Apps)
Quiz-app е конфигуриран за разгръщане в Azure Static Web Apps:
quiz-app е конфигуриран за деплой на Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # Създава папка dist/
# Извършва разгръщане чрез GitHub Actions workflow при push към main
```
Конфигурация на Azure Static Web Apps:
- **Местоположение на приложението**: `/quiz-app`
- **Местоположение на изхода**: `dist`
- **Работен процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
Конфигурация на Azure Static Web Apps:
- **Място на приложението**: `/quiz-app`
- **Изходна папка**: `dist`
- **Работен поток**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Генериране на PDF документация
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # Инсталирайте docsify-to-pdf
npm run convert # Генерирайте PDF от docs
```
### Документация Docsify
### Docsify документация
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Инсталирайте Docsify глобално
docsify serve # Сервирайте на localhost:3000
```
### Проекти със специфичен билд
### Изграждане на специфични за проектите
Всяка директория на проект може да има свой собствен процес на изграждане:
- Vue проекти: `npm run build` създава производствени пакети
- Статични проекти: Няма стъпка за изграждане, файловете се обслужват директно
Всяка проектна директория може да има собствен процес на билд:
- Vue проекти: `npm run build` създава продукционни пакети
- Статични проекти: Няма стъпка за билд, обслужват се директно файловете
## Насоки за Pull Request
## Насоки за Pull Request-и
### Формат на заглавието
Използвайте ясни, описателни заглавия, указващи областта на промяната:
- `[Quiz-app] Добавяне на нов тест за урок X`
- `[Lesson-3] Поправка на правописна грешка в проекта за терариум`
- `[Translation] Добавяне на испански превод за урок 5`
- `[Docs] Актуализиране на инструкции за настройка`
Използвайте ясни, описателни заглавия показващи зоната на промяна:
- `[Quiz-app] Добавяне на нов куиз за урок X`
- `[Lesson-3] Корекция на печатна грешка в проекта terrarium`
- `[Translation] Добавяне на испански превод за урок 5`
- `[Docs] Актуализиране на инструкциите за настройка`
### Необходими проверки
### Задължителни проверки
Преди подаване на PR:
Преди изпращане на PR:
1. **Качество на кода**:
- Стартирайте `npm run lint` в засегнатите директории на проекта
- Поправете всички грешки и предупреждения за lint
1. **Качество на кода**:
- Стартирайте `npm run lint` в засегнатите проектни директории
- Поправете всички грешки и предупреждения
2. **Проверка на изграждането**:
- Стартирайте `npm run build`, ако е приложимо
- Уверете се, че няма грешки при изграждането
2. **Проверка на билд**:
- Стартирайте `npm run build` ако е приложимо
- Уверете се, че няма грешки при билд
3. **Валидиране на линкове**:
- Тествайте всички линкове в markdown
- Уверете се, че препратките към изображения работят
3. **Валидиране на линкове**:
- Тествайте всички markdown линкове
- Уверете се, че референциите към изображенията са валидни
4. **Преглед на съдържанието**:
- Проверете за правописни и граматически грешки
- Уверете се, че примерите за код са правилни и образователни
- Проверете дали преводите запазват оригиналното значение
4. **Преглед на съдържанието**:
- Проверкa за правопис и граматика
- Уверете се, че кодовите примери са правилни и образователни
- Проверете преводите за съхранен оригинален смисъл
### Изисквания за принос
- Съгласие с Microsoft CLA (автоматична проверка при първия PR)
- Следване на [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
- Посочете номера на проблема в описанието на PR, ако е приложимо
- Съгласие с Microsoft CLA (автоматична проверка при първи PR)
- Спазване на [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни насоки
- Позоваване на номера на issue в описанието на PR, ако е приложимо
### Процес на преглед
- PR се преглеждат от поддържащите и общността
- Образователната яснота е приоритет
- Примерите за код трябва да следват текущите най-добри практики
- Преводите се преглеждат за точност и културна уместност
- PR-ове преглеждани от поддържащите и общността
- Приоритизиране на образователната яснота
- Кодови примери трябва да следват текущи добри практики
- Преводи преглеждани за точност и културна уместност
## Система за превод
### Автоматичен превод
### Автоматизиран превод
- Използва GitHub Actions с работен процес co-op-translator
- Превежда автоматично на над 50 езика
- Изходните файлове са в основните директории
- Преведените файлове са в директории `translations/{language-code}/`
- Използва GitHub Actions с co-op-translator workflow
- Автоматично превежда на 50+ езика
- Изходни файлове в основните директории
- Преводни файлове в `translations/{код-на-езика}/` директории
### Добавяне на ръчни подобрения на превода
1. Намерете файла в `translations/{language-code}/`
2. Направете подобрения, като запазите структурата
3. Уверете се, че примерите за код остават функционални
4. Тествайте всяко локализирано съдържание на тестове
1. Намерете файл в `translations/{код-на-езика}/`
2. Направете подобрения като запазвате структурата
3. Уверете се, че кодовите примери остават функционални
4. Тествайте всяко локализирано куиз съдържание
### Метаданни за превод
### Метаданни за превода
Преведените файлове включват заглавка с метаданни:
Преведените файлове включват метаданни:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -288,119 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
}
-->
```
## Отстраняване на грешки и проблеми
### Чести проблеми
### Често срещани проблеми
**Quiz app не стартира**:
- Проверете версията на Node.js (препоръчва се v14+)
- Изтрийте `node_modules` и `package-lock.json`, стартирайте `npm install` отново
- Проверете за конфликти на портове (по подразбиране: Vite използва порт 5173)
**Quiz app не стартира**:
- Проверете версията на Node.js (препоръчително v14+)
- Изтрийте `node_modules` и `package-lock.json`, стартирайте отново `npm install`
- Проверете за конфликт на портове (по подразбиране: Vite използва порт 5173)
**API сървърът не стартира**:
- Уверете се, че версията на Node.js отговаря на минималните изисквания (node >=10)
- Проверете дали портът вече се използва
- Уверете се, че всички зависимости са инсталирани с `npm install`
**API сървърът не стартира**:
- Уверете се, че версията на Node.js е минимум (node >=10)
- Проверете дали портът вече не е зает
- Осигурете всички зависимости с `npm install`
**Разширението за браузър не се зарежда**:
- Проверете дали manifest.json е правилно форматиран
- Проверете конзолата на браузъра за грешки
- Следвайте специфичните за браузъра инструкции за инсталиране на разширения
**Разширението за браузър не се зарежда**:
- Проверете дали manifest.json е коректно форматиран
- Проверете конзолата на браузъра за грешки
- Следвайте специфичните инструкции за инсталиране на разширения за браузър
**Проблеми с Python чат проекта**:
- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai`
- Проверете дали променливата на средата GITHUB_TOKEN е зададена
- Проверете разрешенията за достъп до GitHub Models
**Проблеми с чат проект на Python**:
- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai`
- Проверете дали променливата на средата GITHUB_TOKEN е зададена
- Проверете разрешения за достъп до GitHub Models
**Docsify не обслужва документацията**:
- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli`
- Стартирайте от root директорията на хранилището
**Docsify не обслужва документацията**:
- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli`
- Стартирайте от кореновата директория на репозитория
- Проверете дали `docs/_sidebar.md` съществува
### Съвети за работна среда
### Съвети за развойна среда
- Използвайте VS Code с разширението Live Server за HTML проекти
- Инсталирайте разширенията ESLint и Prettier за последователно форматиране
- Използвайте DevTools на браузъра за дебъгване на JavaScript
- За Vue проекти инсталирайте разширението Vue DevTools за браузъра
- Използвайте VS Code с разширение Live Server за HTML проекти
- Инсталирайте ESLint и Prettier разширения за консистентно форматиране
- Използвайте DevTools в браузъра за отстраняване на грешки в JavaScript
- За Vue проекти инсталирайте разширението Vue DevTools в браузъра
### Съображения за производителност
### Съображения за производителността
- Голям брой преведени файлове (над 50 езика) означава, че пълните клони са големи
- Използвайте плитко клониране, ако работите само върху съдържание: `git clone --depth 1`
- Изключете преводите от търсенията, когато работите върху съдържание на английски
- Процесите на изграждане може да са бавни при първото стартиране (npm install, Vite build)
- Голям брой файлове за превод (50+ езика) правят клонирането голямо
- Използвайте плитко клониране ако работите само със съдържание: `git clone --depth 1`
- Изключвайте преводите от търсения при работа върху английското съдържание
- Процесите на билд могат да са бавни при първо изпълнение (npm install, Vite build)
## Съображения за сигурност
### Променливи на средата
- API ключовете никога не трябва да се комитират в хранилището
- Използвайте `.env` файлове (вече в `.gitignore`)
- API ключовете никога не трябва да се комитират в репозитория
- Използвайте `.env` файлове (вече в `.gitignore`)
- Документирайте необходимите променливи на средата в README файловете на проектите
### Python проекти
- Използвайте виртуални среди: `python -m venv venv`
- Поддържайте зависимостите актуални
- GitHub токените трябва да имат минимално необходимите разрешения
- Използвайте виртуални среди: `python -m venv venv`
- Поддържайте зависимости актуални
- GitHub токените трябва да имат минимално нужните права
### Достъп до GitHub Models
- Лични токени за достъп (PAT) са необходими за GitHub Models
- Токените трябва да се съхраняват като променливи на средата
- Никога не комитвайте токени или идентификационни данни
- Необходими са лични достъпни токени (PAT) за GitHub Models
- Токените трябва да се съхраняват като променливи на средата
- Никога не комитвайте токени или данни за достъп
## Допълнителни бележки
### Целева аудитория
- Напълно начинаещи в уеб разработката
- Студенти и самостоятелни учащи
- Учители, използващи учебната програма в класове
- Съдържанието е проектирано за достъпност и постепенно изграждане на умения
- Напълно начинаещи в уеб разработката
- Студенти и самонаучаващи се
- Учители, използващи учебната програма в класните стаи
- Съдържанието е проектирано за достъпност и постепенно развитие на умения
### Образователна философия
- Подход, базиран на проекти
- Чести проверки на знанията (тестове)
- Практически упражнения за кодиране
- Примери за реално приложение
- Подход на учене чрез проекти
- Чести проверки на знанията (куизове)
- Практически упражнения по кодиране
- Примери за приложение в реалния свят
- Фокус върху основите преди фреймуърковете
### Поддръжка на хранилището
### Поддръжка на репозитория
- Активна общност от учащи и сътрудници
- Редовни актуализации на зависимостите и съдържанието
- Проблемите и дискусиите се наблюдават от поддържащите
- Актуализациите на преводите се автоматизират чрез GitHub Actions
- Активна общност от учащи и допринасящи
- Редовни актуализации на зависимости и съдържание
- Наблюдение на проблеми и дискусии от поддържащите
- Обновявания на преводи автоматизирани чрез GitHub Actions
### Свързани ресурси
- [Модули на Microsoft Learn](https://docs.microsoft.com/learn/)
- [Ресурси на Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчва се за учащи
- Допълнителни курсове: Генеративен AI, Наука за данни, ML, IoT учебни програми
- [Microsoft Learn модули](https://docs.microsoft.com/learn/)
- [Student Hub ресурси](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчан за учащи
- Допълнителни курсове: Генеративен AI, Data Science, ML, IoT учебни програми налични
### Работа с конкретни проекти
За подробни инструкции относно отделните проекти, вижте README файловете в:
- `quiz-app/README.md` - Vue 3 приложение за тестове
- `7-bank-project/README.md` - Банково приложение с автентикация
- `5-browser-extension/README.md` - Разработка на разширение за браузър
- `6-space-game/README.md` - Разработка на игра, базирана на Canvas
- `9-chat-project/README.md` - Проект за AI чат асистент
За подробни инструкции за отделни проекти, вижте README файловете в:
- `quiz-app/README.md` - Vue 3 приложение за куиз
- `7-bank-project/README.md` - Банково приложение с автентикация
- `5-browser-extension/README.md` - Разработка на разширения за браузър
- `6-space-game/README.md` - Разработка на игра с Canvas
- `9-chat-project/README.md` - AI чат асистент проект
### Структура на монорепото
### Структура на монорепо
Въпреки че не е традиционно монорепо, това хранилище съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
- Работете върху отделни проекти, без да засягате други
- Клонирайте цялото хранилище за пълно учебно преживяване
Въпреки че не е традиционно монорепо, този репозиторий съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
- Работете по отделните проекти без да засягате останалите
- Клонирайте целия репозиторий за пълно учебно изживяване
---
**Отказ от отговорност**:
Този документ е преведен с помощта на AI услуга за превод [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за недоразумения или погрешни интерпретации, произтичащи от използването на този превод.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Отказ от отговорност**:
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човек. Не носим отговорност за никакви недоразумения или погрешни тълкувания, произтичащи от използването на този превод.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

241
translations/bg/README.md
Unescape View File

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

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:39:09+00:00",
"translation_date": "2026-02-06T10:00:32+00:00",
"source_file": "AGENTS.md",
"language_code": "ro"
},
@ -516,8 +516,8 @@
"language_code": "ro"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:06:41+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T09:54:48+00:00",
"source_file": "README.md",
"language_code": "ro"
},

398
translations/ro/AGENTS.md
Unescape View File

@ -1,70 +1,70 @@
# AGENTS.md
## Prezentare Generală a Proiectului
## Prezentare generală a proiectului
Acesta este un depozit de curriculum educațional destinat predării fundamentelor dezvoltării web pentru începători. 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.
Acesta este un depozit curricular educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculum-ul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind JavaScript, CSS și HTML.
### Componente Cheie
### Componente cheie
- **Conținut Educațional**: 24 de lecții structurate organizate în module bazate pe proiecte
- **Proiecte Practice**: Terrarium, Joc de Tastare, Extensie de Browser, Joc Spațial, Aplicație Bancară, Editor de Cod și Asistent AI de Chat
- **Teste Interactive**: 48 de teste cu câte 3 întrebări fiecare (evaluări pre/post-lecție)
- **Suport Multilingv**: Traduceri automate pentru peste 50 de limbi prin GitHub Actions
- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiectele AI)
- **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte
- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent AI pentru chat
- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post lecție)
- **Suport multilingv**: Traduceri automate în peste 50 de limbi prin GitHub Actions
- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiecte AI)
### Arhitectură
- Depozit educațional cu structură bazată pe lecții
- Fiecare folder de lecție conține README, exemple de cod și soluții
- Proiecte independente în directoare separate (quiz-app, diverse proiecte de lecții)
- Sistem de traducere utilizând GitHub Actions (co-op-translator)
- Proiecte independente în directoare separate (quiz-app, diverse proiecte de lecție)
- Sistem de traducere folosind GitHub Actions (co-op-translator)
- Documentație servită prin Docsify și disponibilă ca PDF
## Comenzi de Configurare
## Comenzi de configurare
Acest depozit este destinat în principal consumului de conținut educațional. Pentru lucrul cu proiecte specifice:
Acest depozit este destinat în principal consumului de conținut educațional. Pentru a lucra cu proiecte specifice:
### Configurarea Depozitului Principal
### Configurarea principală a depozitului
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Configurarea Aplicației de Teste (Vue 3 + Vite)
### Configurare Quiz App (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # Pornește serverul de dezvoltare
npm run build # Construiește pentru producție
npm run lint # Rulează ESLint
```
### API-ul Proiectului Bancar (Node.js + Express)
### Proiect API bancar (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # Pornire server API
npm run lint # Rulează ESLint
npm run format # Formatează cu Prettier
```
### Proiecte de Extensii de Browser
### Proiecte Extensie de browser
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# Urmați instrucțiunile specifice browserului pentru încărcarea extensiilor
```
### Proiecte Joc Spațial
### Proiecte Joc spațial
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# Deschide index.html în browser sau folosește Live Server
```
### Proiect Chat (Backend Python)
@ -72,211 +72,211 @@ npm install
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# Setează variabila de mediu GITHUB_TOKEN
python api.py
```
## Flux de Lucru în Dezvoltare
## Flux de lucru pentru dezvoltare
### Pentru Contribuitorii de Conținut
### Pentru colaboratori de conținut
1. **Fork-uiți depozitul** în contul dvs. GitHub
2. **Clonați fork-ul** local
3. **Creați o ramură nouă** pentru modificările dvs.
4. Faceți modificări la conținutul lecțiilor sau exemplele de cod
5. Testați modificările de cod în directoarele relevante ale proiectelor
6. Trimiteți pull request-uri conform ghidurilor de contribuție
1. **Fă fork la depozit** în contul tău de GitHub
2. **Clonează fork-ul** local
3. **Creează un nou branch** pentru modificările tale
4. Fă modificări în conținutul lecțiilor sau exemplele de cod
5. Testează orice modificări de cod în directoarele proiectelor relevante
6. Trimite pull requests respectând ghidul de contribuție
### Pentru Cursanți
### Pentru cursanți
1. Fork-uiți sau clonați depozitul
2. Navigați prin directoarele lecțiilor în ordine
3. Citiți fișierele README pentru fiecare lecție
4. Completați testele pre-lecție la https://ff-quizzes.netlify.app/web/
5. Lucrați prin exemplele de cod din folderele lecțiilor
6. Finalizați temele și provocările
7. Completați testele post-lecție
1. Fă fork sau clonează depozitul
2. Navighează secvențial în directoarele lecțiilor
3. Citește fișierele README pentru fiecare lecție
4. Completează chestionarele pre-lecție la https://ff-quizzes.netlify.app/web/
5. Parcurge exemplele de cod din folderul lecțiilor
6. Finalizează temele și provocările
7. Parcurge chestionarele post-lecție
### Dezvoltare Live
### Dezvoltare live
- **Documentație**: Rulați `docsify serve` în root (port 3000)
- **Aplicație de Teste**: Rulați `npm run dev` în directorul quiz-app
- **Proiecte**: Utilizați extensia Live Server din VS Code pentru proiectele HTML
- **Proiecte API**: Rulați `npm start` în directoarele API respective
- **Documentație**: Rulează `docsify serve` în rădăcină (port 3000)
- **Quiz App**: Rulează `npm run dev` în directorul quiz-app
- **Proiecte**: Folosește extensia VS Code Live Server pentru proiectele HTML
- **Proiecte API**: Rulează `npm start` în directoarele API corespunzătoare
## Instrucțiuni de Testare
## Instrucțiuni pentru testare
### Testarea Aplicației de Teste
### Testare Quiz App
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # Verifică problemele de stil de cod
npm run build # Verifică dacă compilarea reușește
```
### Testarea API-ului Bancar
### Testare API bancar
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # Verifică problemele de stil ale codului
node server.js # Verifică dacă serverul pornește fără erori
```
### Abordare Generală de Testare
### Abordare generală pentru testare
- Acesta este un depozit educațional fără teste automate cuprinzătoare
- Acesta este un depozit educațional fără teste automate complete
- Testarea manuală se concentrează pe:
- Exemplele de cod rulează fără erori
- Linkurile din documentație funcționează corect
- Build-urile proiectelor se finalizează cu succes
- Exemplele respectă cele mai bune practici
- Construirile proiectelor se finalizează cu succes
- Exemplele respectă bune practici
### Verificări Pre-trimitere
### Verificări înainte de trimitere
- Rulați `npm run lint` în directoarele cu package.json
- Verificați validitatea linkurilor markdown
- Testați exemplele de cod în browser sau Node.js
- Asigurați-vă că traducerile mențin structura corectă
- Rulează `npm run lint` în directoarele cu package.json
- Verifică dacă linkurile markdown sunt valide
- Testează exemplele de cod în browser sau Node.js
- Verifică dacă traducerile păstrează structura corectă
## Ghiduri de Stil pentru Cod
## Ghid de stil pentru cod
### JavaScript
- Utilizați sintaxa modernă ES6+
- Respectați configurațiile standard ESLint furnizate în proiecte
- Folosiți nume semnificative pentru variabile și funcții pentru claritate educațională
- Adăugați comentarii care explică conceptele pentru cursanți
- Formatați folosind Prettier acolo unde este configurat
- Folosește sintaxa modernă ES6+
- Respectă configurațiile ESLint standard oferite în proiecte
- Folosește nume semnificative pentru variabile și funcții pentru claritate educațională
- Adaugă comentarii care explică conceptele pentru cursanți
- Formatează cu Prettier acolo unde este configurat
### HTML/CSS
- Elemente semantice HTML5
- Principii de design responsive
- Convenții clare de denumire a claselor
- Comentarii care explică tehnicile CSS pentru cursanți
- Comentarii care explică tehnici CSS pentru cursanți
### Python
- Ghiduri de stil PEP 8
- Exemple de cod clare și educaționale
- Hint-uri de tip acolo unde sunt utile pentru învățare
- Indicații de tip unde sunt utile pentru învățare
### Documentație Markdown
- Ierarhie clară a titlurilor
- Blocuri de cod cu specificația limbajului
- Blocuri de cod cu specificare a limbajului
- Linkuri către resurse suplimentare
- Capturi de ecran și imagini în directoarele `images/`
- Text alternativ pentru imagini pentru accesibilitate
### Organizarea Fișierelor
### Organizarea fișierelor
- Lecțiile numerotate secvențial (1-getting-started-lessons, 2-js-basics, etc.)
- Lecții numerotate secvențial (1-getting-started-lessons, 2-js-basics, etc.)
- Fiecare proiect are directoare `solution/` și adesea `start/` sau `your-work/`
- Imaginile stocate în folderele `images/` specifice lecțiilor
- Traducerile în structura `translations/{language-code}/`
## Build și Deployment
## Construire și implementare
### Deployment Aplicație de Teste (Azure Static Web Apps)
### Implementarea Quiz App (Azure Static Web Apps)
Aplicația quiz-app este configurată pentru deployment pe Azure Static Web Apps:
Quiz-app este configurat pentru implementare pe Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # Creează folderul dist/
# Publică prin fluxul de lucru GitHub Actions la push pe main
```
Configurație Azure Static Web Apps:
Configurare Azure Static Web Apps:
- **Locația aplicației**: `/quiz-app`
- **Locația output-ului**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generarea Documentației PDF
### Generare PDF pentru documentație
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # Instalează docsify-to-pdf
npm run convert # Generează PDF din docs
```
### Documentație Docsify
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Instalează Docsify global
docsify serve # Servește pe localhost:3000
```
### Build-uri Specifice Proiectelor
### Build-uri specifice proiectelor
Fiecare director de proiect poate avea propriul proces de build:
- Proiecte Vue: `npm run build` creează bundle-uri de producție
- Proiecte statice: Fără pas de build, serve fișierele direct
- Proiecte Vue: `npm run build` creează pachetele pentru producție
- Proiecte statice: Nu există pas de build, se servesc fișierele direct
## Ghiduri pentru Pull Request-uri
## Ghid pentru Pull Request-uri
### Formatul Titlului
### Formatul titlului
Utilizați titluri clare și descriptive care indică zona de modificare:
- `[Quiz-app] Adăugare test nou pentru lecția X`
- `[Lesson-3] Corectare typo în proiectul terrarium`
- `[Translation] Adăugare traducere în spaniolă pentru lecția 5`
- `[Docs] Actualizare instrucțiuni de configurare`
Folosește titluri clare și descriptive care indică aria schimbării:
- `[Quiz-app] Adaugă chestionar nou pentru lecția X`
- `[Lesson-3] Corectează typo în proiectul terrarium`
- `[Translation] Adaugă traducere spaniolă pentru lecția 5`
- `[Docs] Actualizează instrucțiunile de configurare`
### Verificări Necesare
### Verificări obligatorii
Înainte de a trimite un PR:
1. **Calitatea Codului**:
- Rulați `npm run lint` în directoarele proiectelor afectate
- Remediați toate erorile și avertismentele de linting
1. **Calitatea codului**:
- Rulează `npm run lint` în directoarele proiectelor afectate
- Corectează toate erorile și avertismentele lintei
2. **Verificarea Build-ului**:
- Rulați `npm run build` dacă este aplicabil
- Asigurați-vă că nu există erori de build
2. **Verificarea build-ului**:
- Rulează `npm run build` dacă este cazul
- Asigură-te că nu există erori de build
3. **Validarea Linkurilor**:
- Testați toate linkurile markdown
- Verificați că referințele imaginilor funcționează
3. **Validarea linkurilor**:
- Testează toate linkurile markdown
- Verifică dacă referințele imaginilor funcționează
4. **Revizuirea Conținutului**:
- Corectați greșelile de ortografie și gramatică
- Asigurați-vă că exemplele de cod sunt corecte și educaționale
- Verificați că traducerile mențin sensul original
4. **Revizuire conținut**:
- Corectează ortografia și gramatica
- Asigură-te că exemplele de cod sunt corecte și educaționale
- Verifică dacă traducerile păstrează sensul original
### Cerințe de Contribuție
### Cerințe pentru contribuții
- Acceptați Microsoft CLA (verificare automată la primul PR)
- Respectați [Codul de Conduită Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
- Consultați [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
- Referiți numerele de probleme în descrierea PR-ului, dacă este aplicabil
- Acceptă Microsoft CLA (verificare automată la primul PR)
- Respectă [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Vezi [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
- Referențiază numerele issue-urilor în descrierea PR-ului dacă este cazul
### Procesul de Revizuire
### Procesul de revizuire
- PR-urile sunt revizuite de mentori și comunitate
- Claritatea educațională este prioritară
- Exemplele de cod trebuie să respecte cele mai bune practici actuale
- PR-urile sunt revizuite de menținători și comunitate
- Prioritizăm claritatea educațională
- Exemplele de cod trebuie să urmeze cele mai bune practici actuale
- Traducerile sunt revizuite pentru acuratețe și adecvare culturală
## Sistem de Traducere
## Sistemul de traducere
### Traducere Automată
### Traducere automată
- Utilizează GitHub Actions cu workflow-ul co-op-translator
- Traduce automat în peste 50 de limbi
- Folosește GitHub Actions cu workflow-ul co-op-translator
- Traduce în peste 50 de limbi automat
- Fișierele sursă în directoarele principale
- Fișierele traduse în directoarele `translations/{language-code}/`
### Adăugarea Îmbunătățirilor Manuale la Traduceri
### Adăugarea îmbunătățirilor manuale la traducere
1. Localizați fișierul în `translations/{language-code}/`
2. Faceți îmbunătățiri păstrând structura
3. Asigurați-vă că exemplele de cod rămân funcționale
4. Testați orice conținut localizat de teste
1. Localizează fișierul în `translations/{language-code}/`
2. Fă îmbunătățiri păstrând structura
3. Asigură-te că exemplele de cod rămân funcționale
4. Testează eventual conținutul localizat al chestionarelor
### Metadata Traduceri
### Metadate pentru traduceri
Fișierele traduse includ un header de metadata:
Fișierele traduse includ un antet de metadate:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,118 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Debugging și Rezolvarea Problemelor
## Depanare și rezolvare probleme
### Probleme Comune
### Probleme comune
**Aplicația de teste nu pornește**:
- Verificați versiunea Node.js (recomandat v14+)
- Ștergeți `node_modules` și `package-lock.json`, rulați din nou `npm install`
- Verificați conflictele de port (implicit: Vite folosește portul 5173)
**Quiz app nu pornește**:
- Verifică versiunea Node.js (recomandat v14+)
- Șterge `node_modules` și `package-lock.json`, rulează din nou `npm install`
- Verifică conflictele de port (implicit: Vite folosește portul 5173)
**Serverul API nu pornește**:
- Verificați că versiunea Node.js îndeplinește minimul (node >=10)
- Verificați dacă portul este deja utilizat
- Asigurați-vă că toate dependențele sunt instalate cu `npm install`
- Asigură-te că versiunea Node.js este minim node >=10
- Verifică dacă portul este deja folosit
- Asigură-te că toate dependențele sunt instalate cu `npm install`
**Extensia de browser nu se încarcă**:
- Verificați că manifest.json este formatat corect
- Verificați consola browserului pentru erori
- Urmați instrucțiunile specifice browserului pentru instalarea extensiei
**Extensia browserului nu se încarcă**:
- Verifică dacă manifest.json este formatat corect
- Verifică consola browserului pentru erori
- Urmează instrucțiunile specifice browserului pentru instalarea extensiei
**Probleme proiect chat Python**:
- Asigurați-vă că pachetul OpenAI este instalat: `pip install openai`
- Verificați că variabila de mediu GITHUB_TOKEN este setată
- Verificați permisiunile de acces la modelele GitHub
- Asigură-te că pachetul OpenAI este instalat: `pip install openai`
- Verifică dacă variabila de mediu GITHUB_TOKEN este setată
- Verifică permisiunile de acces GitHub Models
**Docsify nu servește documentația**:
- Instalați docsify-cli global: `npm install -g docsify-cli`
- Rulați din directorul root al depozitului
- Verificați că `docs/_sidebar.md` există
- Instalează docsify-cli global: `npm install -g docsify-cli`
- Rulează din directorul rădăcină al depozitului
- Verifică dacă `docs/_sidebar.md` există
### Sfaturi pentru Mediul de Dezvoltare
### Sfaturi pentru mediul de dezvoltare
- Utilizați VS Code cu extensia Live Server pentru proiectele HTML
- Instalați extensiile ESLint și Prettier pentru formatare consistentă
- Utilizați DevTools-ul browserului pentru debugging JavaScript
- Pentru proiectele Vue, instalați extensia Vue DevTools pentru browser
- Folosește VS Code cu extensia Live Server pentru proiectele HTML
- Instalează extensiile ESLint și Prettier pentru formatări consistente
- Folosește DevTools din browser pentru depanarea JavaScript-ului
- Pentru proiectele Vue, instalează extensia Vue DevTools pentru browser
### Considerații de Performanță
### Considerații legate de performanță
- Numărul mare de fișiere traduse (peste 50 de limbi) înseamnă că clonele complete sunt mari
- Utilizați clonarea superficială dacă lucrați doar pe conținut: `git clone --depth 1`
- Excludeți traducerile din căutări când lucrați pe conținutul în engleză
- Procesele de build pot fi lente la prima rulare (npm install, Vite build)
- Numărul mare de fișiere traduse (peste 50 de limbi) face ca clonările întregi să fie mari
- Folosește shallow clone dacă lucrezi doar cu conținutul: `git clone --depth 1`
- Exclude traducerile din căutări când lucrezi pe conținutul în engleză
- Procesele de build pot fi lente la prima rulare (npm install, build cu Vite)
## Considerații de Securitate
## Considerații de securitate
### Variabile de Mediu
### Variabile de mediu
- Cheile API nu trebuie niciodată comise în depozit
- Utilizați fișiere `.env` (deja în `.gitignore`)
- Documentați variabilele de mediu necesare în README-urile proiectelor
- Folosește fișiere `.env` (excluse deja din `.gitignore`)
- Documentează variabilele de mediu necesare în README-urile proiectelor
### Proiecte Python
- Utilizați medii virtuale: `python -m venv venv`
- Mențineți dependențele actualizate
- Token-urile GitHub ar trebui să aibă permisiuni minime necesare
- Folosește medii virtuale: `python -m venv venv`
- Păstrează dependențele actualizate
- Tokenurile GitHub ar trebui să aibă permisiunile minime necesare
### Acces la Modelele GitHub
### Acces GitHub Models
- Token-uri de Acces Personal (PAT) necesare pentru Modelele GitHub
- Token-urile ar trebui stocate ca variabile de mediu
- Nu comiteți niciodată token-uri sau credențiale
- Tokenuri de acces personal (PAT) sunt necesare pentru GitHub Models
- Tokenurile trebuie stocate ca variabile de mediu
- Nu comite niciodată tokenuri sau credentiale
## Note Suplimentare
## Note suplimentare
### Public Țintă
### Public țintă
- Începători complet în dezvoltarea web
- Începători compleți în dezvoltarea web
- Studenți și autodidacți
- Profesori care utilizează curriculumul în săli de clasă
- Conținutul este conceput pentru accesibilitate și dezvoltarea graduală a abilităților
- Profesori care folosesc curriculumul în clasă
- Conținut accesibil și construit pentru dezvoltare treptată a abilităților
### Filosofia Educațională
### Filosofia educațională
- Abordare bazată pe proiecte
- Verificări frecvente ale cunoștințelor (teste)
- Exerciții practice de codare
- Exemple de aplicații din lumea reală
- Accent pe fundamente înainte de framework-uri
- Verificări frecvente ale cunoștințelor (quiz-uri)
- Exerciții practice de programare
- Exemple din lumea reală
- Accent pe fundament înainte de framework-uri
### Întreținerea Depozitului
### Mentenanța depozitului
- Comunitate activă de cursanți și contribuitori
- Comunitate activă de cursanți și colaboratori
- Actualizări regulate ale dependențelor și conținutului
- Probleme și discuții monitorizate de mentori
- Actualizări ale traducerilor automatizate prin GitHub Actions
- Probleme și discuții monitorizate de menținători
- Actualizări automate ale traducerilor prin GitHub Actions
### Resurse Asemănătoare
### Resurse conexe
- [Module Microsoft Learn](https://docs.microsoft.com/learn/)
- [Resurse Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru cursanți
- Cursuri suplimentare: Generative AI, Data Science, ML, IoT disponibile
- Cursuri suplimentare: AI generativă, Data Science, ML, curricula IoT disponibile
### Lucrul cu Proiecte Specifice
### Lucrul cu proiecte specifice
Pentru instrucțiuni detaliate despre proiectele individuale, consultați fișierele README din:
- `quiz-app/README.md` - Aplicație de teste Vue 3
- `7-bank-project/README.md` - Aplicație bancară cu autentificare
- `5-browser-extension/README.md` - Dezvoltarea extensiilor de browser
- `6-space-game/README.md` - Dezvoltarea jocurilor bazate pe Canvas
- `9-chat-project/README.md` - Proiect asistent AI de chat
Pentru instrucțiuni detaliate despre proiectele individuale, consultă fișierele README din:
- `quiz-app/README.md` - aplicație quiz Vue 3
- `7-bank-project/README.md` - aplicație bancară cu autentificare
- `5-browser-extension/README.md` - dezvoltare extensie browser
- `6-space-game/README.md` - dezvoltare joc bazat pe canvas
- `9-chat-project/README.md` - proiect asistent AI pentru chat
### Structura Monorepo
Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente:
- Fiecare lecție este autonomă
- Proiectele nu împărtășesc dependențe
- Lucrați la proiecte individuale fără a afecta altele
- Clonați întregul depozit pentru experiența completă a curriculumului
- Fiecare lecție este autocontenută
- Proiectele nu împart dependențe
- Lucrează pe proiecte individuale fără a afecta altele
- Clonează întregul depozit pentru experiența completă a curriculumului
---
**Declinare de responsabilitate**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim să asigurăm acuratețea, vă rugăm să fiți conștienți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa maternă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite care pot apărea din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare de responsabilitate**:
Acest document a fost tradus folosind serviciul de traducere automată AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim să asigurăm acuratețea, vă rugăm să fiți conștienți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un traducător uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite cauzate de utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

187
translations/ro/README.md
Unescape View File

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Dezvoltare Web pentru Începători - Un Curriculum
# Dezvoltarea Web pentru Începători - Un Curriculum
Învățați elementele de bază ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni realizat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice, cum ar fi terarii, extensii pentru navigatoare și jocuri spațiale. Implicați-vă cu chestionare, discuții și teme practice. Îmbunătățiți-vă abilitățile și optimizați reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începeți-vă călătoria în programare astăzi!
Învață elementele de bază ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni realizat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii de browser și jocuri spațiale. Implică-te în quiz-uri, discuții și teme practice. Îmbunătățește-ți competențele și optimizează retenția de cunoștințe cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi!
Alăturați-vă Comunității Discord Azure AI Foundry
Alătură-te Comunității Discord Azure AI Foundry
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Urmați acești pași pentru a începe să utilizați aceste resurse:
1. **Fork-uiți Repositorul**: Faceți clic pe [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Clonați Repositorul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Alăturați-vă Azure AI Foundry Discord și întâlniți experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
Urmează acești pași pentru a începe să folosești aceste resurse:
1. **Fork Repository-ul**: 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ă Repository-ul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Alătură-te Discord-ului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Suport Multilingv
#### Suportat prin GitHub Action (Automatizat & Întotdeauna Actualizat)
#### Suportat prin GitHub Action (Automatizat și Mereu Actualizat)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](./README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Preferi să clonezi local?**
> **Preferi să Clonați Local?**
> Acest depozit include peste 50 de traduceri în limbi care măresc semnificativ dimensiunea de descărcare. Pentru a clona fără traduceri, folosește sparse checkout:
> Acest repository include peste 50 de traduceri în diferite limbi, ceea ce mărește considerabil dimensiunea de descărcare. Pentru a clona fără traduceri, folosește sparse checkout:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
@ -41,84 +41,83 @@ Urmați acești pași pentru a începe să utilizați aceste resurse:
> Aceasta îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Dacă doriți să fie suportate și alte limbi 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 limbi suplimentare 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=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Ești student?_
Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar modalități de a obține un voucher pentru certificare gratuită. Aceasta este pagina pe care vrei 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 adaugi la favorite și să o verifici din când în când, deoarece conținutul se schimbă lunar.
### 📣 Anunț - Noi provocări GitHub Copilot Agent mode de finalizat!
### 📣 Anunț - Noi provocări GitHub Copilot Agent de completat!
Nouă provocare adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Este o provocare nouă pentru tine de finalizat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit până acum modul Agent, acesta este capabil nu doar să genereze text, ci și să creeze și să editeze fișiere, să ruleze comenzi și multe altele.
A fost adăugată o nouă provocare, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o provocare nouă pentru tine să o completezi 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, poate executa comenzi și altele.
### 📣 Anunț - _Proiect nou de construit folosind Generative AI_
### 📣 Anunț - _Proiect Nou de construit folosind Generative AI_
Proiect nou de asistent AI adăugat recent, verifică proiectul [proiect](./9-chat-project/README.md)
Un nou proiect AI Assistant tocmai a fost adăugat, verifică-l [aici](./9-chat-project/README.md)
### 📣 Anunț - _Curriculum nou_ despre Generative AI pentru JavaScript tocmai a fost lansat
### 📣 Anunț - _Curriculum Nou_ despre Generative AI pentru JavaScript a fost lansat
Nu rata noul nostru curriculum Generative AI!
Nu rata noul nostru curriculum despre Generative AI!
Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe!
![Background](../../translated_images/ro/background.148a8d43afde5730.webp)
- Lecții acoperind totul de la elementele de bază la RAG.
- Interacționează cu personaje istorice folosind GenAI și aplicația noastră însoțitoare.
- Lecții acoperind totul de la noțiunile de bază până la RAG.
- Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion.
- Narațiune distractivă și captivantă, vei călători în timp!
![character](../../translated_images/ro/character.5c0dd8e067ffd693.webp)
Fiecare lecție include o temă de completat, o verificare a cunoștințelor și o provocare pentru a te ghida în învățarea unor subiecte precum:
- Promptinge și ingineria de prompturi
- Generare de aplicații text și imagine
Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare pentru a te ghida în învățarea subiectelor precum:
- Prompt-area și ingineria prompt-urilor
- Generarea aplicațiilor de text și imagine
- 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!
## 🌱 Începutul
## 🌱 Începerea
> **Profesori**, am inclus [unele sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea feedback-ul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Profesori**, am [inclus câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar face plăcere 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 chestionar înainte de prelegere și continuați cu parcurgerea materialului cursului, completarea diverselor activități și verificați-vă înțelegerea cu un chestionar după prelegere.
**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un quiz pre-lecție și continuați cu parcurgerea materialului didactic, completarea diverselor activități și verificați-vă înțelegerea cu un quiz post-lecție.
Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), unde echipa noastră de moderatori va fi disponibilă să răspundă la întrebările voastre.
Pentru a-ți îmbunătăți experiența de învățare, conectează-te cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă să răspundă întrebărilor tale.
Pentru a vă extinde educația, recomandăm insistent 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-ți aprofunda educația, recomandăm cu insistență explorarea [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale de studiu adiționale.
### 📋 Configurarea mediului vostru
### 📋 Configurarea mediului tău
Acest curriculum are un mediu de dezvoltare gata de utilizat! Pe măsură ce începeți, puteți alege să rulați curriculumul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără instalări necesare_), sau local pe calculatorul vostru folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Acest curriculum are deja un mediu de dezvoltare pregătit! 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).
#### Creați-vă propriul depozit
Pentru a vă salva ușor munca, se recomandă să vă creați propria copie a acestui depozit. Puteți face asta făcând clic pe butonul **Use this template** din zona de sus a paginii. Aceasta va crea un depozit nou în contul vostru GitHub cu o copie a curriculumului.
#### Creează-ți repository-ul
Pentru a-ți salva ușor munca, este recomandat să-ți creezi propria copie a acestui repository. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Aceasta va crea un nou repository în contul tău GitHub cu o copie a curriculum-ului.
Urmați acești pași:
1. **Fork-uiți Repositorul**: Faceți clic pe butonul "Fork" din colțul dreapta sus al acestei pagini.
2. **Clonați Repositorul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
Urmează acești pași:
1. **Fork Repository-ul**: Apasă pe butonul "Fork" din colțul din dreapta sus al acestei pagini.
2. **Clonează Repository-ul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Rularea curriculumului în Codespace
#### Rularea curriculum-ului într-un Codespace
În copia voastră de acest depozit pe care ați creat-o, dați clic pe butonul **Code** și selectați **Open with Codespaces**. Aceasta va crea un nou Codespace în care să lucrați.
În copia ta de repository pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace unde poți lucra.
![Codespace](../../translated_images/ro/createcodespace.0238bbf4d7a8d955.webp)
#### Rularea curriculumului local pe calculatorul vostru
#### Rularea curriculum-ului local pe calculatorul tău
Pentru a rula acest curriculum local pe calculatorul vostru, veți avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Lecția noastră introductivă, [Introducere în limbajele de programare și uneltele meseriei](../../1-getting-started-lessons/1-intro-to-programming-languages), vă va ghida prin diverse opțiuni pentru fiecare dintre aceste instrumente, pentru a selecta ce vi se potrivește cel mai bine.
Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în Limbaje de Programare și Uneltele Meseriei](../../1-getting-started-lessons/1-intro-to-programming-languages), îți va prezenta diverse opțiuni pentru fiecare dintre aceste unelte astfel încât să poți alege ce ți se potrivește cel mai bine.
Recomandarea noastră este să folosiți [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. Puteț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. Clonați depozitul vostru pe calculator. Puteți face asta făcând clic pe butonul **Code** și copiind URL-ul:
1. Clonează repository-ul pe calculatorul tău. Poți face asta apăsând pe butonul **Code** și copiind URL-ul:
[CodeSpace](./images/createcodespace.png)
Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și execută următoarea comandă, înlocuind `<your-repository-url>` cu URL-ul pe care tocmai l-ai copiat:
Apoi, deschide [Terminalul](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și rulează următoarea comandă, înlocuind `<your-repository-url>` cu URL-ul pe care tocmai l-ai copiat:
```bash
git clone <your-repository-url>
@ -129,54 +128,54 @@ Recomandarea noastră este să folosiți [Visual Studio Code](https://code.visua
> 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 cadrul Visual Studio Code
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru a previzualiza paginile HTML în Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pentru a te ajuta să scrii cod mai rapid
## 📂 Fiecare lecție include:
- schiță opțională
- videoclip suplimentar opțional
- chestionar de încălzire înainte de lecție
- chestionar de încălzire pre-lectură
- lecție scrisă
- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas despre cum să construiești proiectul
- pentru lecțiile bazate pe proiect, ghiduri pas cu pas despre cum să construiești proiectul
- verificări de cunoștințe
- o provocare
- lectură suplimentară
- lecturi suplimentare
- temă
- [chestionar post-lecție](https://ff-quizzes.netlify.app/web/)
- [chestionar post-lectură](https://ff-quizzes.netlify.app/web/)
> **O notă despre chestionare**: Toate chestionarele sunt conținute în folderul Quiz-app, în total 48 de chestionare cu câte trei întrebări fiecare. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/), aplicația de chestionare poate fi rulată local sau poate fi implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
> **O notă despre chestionare**: Toate chestionarele sunt conținute în folderul Quiz-app, în total 48 de chestionare cu câte trei întrebări fiecare. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/) iar aplicația de chestionare poate fi rulată local sau poate fi implementată în Azure; urmează instrucțiunile din folderul `quiz-app`.
## 🗃️ Lecții
| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Legată | Autor |
| :-: | :-------------------------------------------------------------: | :---------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Începutul | Introducere în Programare și Unelte de Specialitate | Învață fundamentele de bază din majoritatea limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști | [Introducere în Limbaje de Programare și Unelte](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Începutul | Bazele GitHub, inclusiv lucrul în echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe o bază de cod | [Introducere în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Începutul | Accesibilitate | Învață noțiunile de bază despre accesibilitatea web | [Fundamentele Accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Bazele JS | Tipurile de Date în JavaScript | Fundamentele tipurilor de date în JavaScript | [Tipuri de Date](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Bazele JS | Funcții și Metode | Învață despre funcții și metode pentru a gestiona fluxul logic al unei aplicații | [Funcții și Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher |
| 06 | Bazele JS | Luarea Deciziilor cu JS | Învață cum să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea Deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Bazele JS | Array-uri și Buclă | Lucrează cu datele folosind array-uri și bucle în JavaScript | [Array-uri și Buclă](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în practică | Construiește HTML-ul pentru a crea un terrariu online, concentrându-te pe construirea unui layout | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în practică | Construiește CSS-ul pentru stilizarea terrariului online, concentrându-te pe bazele CSS, inclusiv realizarea unei pagini responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipulare DOM | Construiește codul JavaScript pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipularea 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 ghida logica aplicației JavaScript | [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrul cu Browsere | Învață cum funcționează browserele, istoria lor și cum să creezi câteva elemente de bază 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 unei API și stocarea în storage local | Construiește elementele JavaScript ale extensiei de browser pentru a apela o API folosind variabile stocate în storage local | [API-uri, Formulare și Storage Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procese de fundal în browser, performanța web | Folosește procesele de fundal ale browserului pentru a gestiona pictograma 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 avansată a jocurilor cu JavaScript | Învață despre Moștenire folosind Clase și Compoziție și modelul Pub/Sub, în pregătirea pentru construirea unui joc | [Introducere în dezvoltarea avansată a jocurilor](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Desenare pe canvas | Învață despre Canvas API, folosit pentru a desena elemente pe ecran | [Desenare 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 dobândi mișcare folosind coordonatele carteziene și API-ul Canvas | [Mutarea elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă ca elementele să intre în coliziune și să reacționeze una la cealaltă folosind apăsări de taste și oferă o funcție de răcire pentru performanța jocului | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Efectuează calcule matematice bazate pe starea și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și reluarea jocului | Învață despre terminarea și reluarea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de încheiere](./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 structura unei arhitecturi de website multipage folosind rutare și șabloane HTML | [Șabloane HTML și Rute](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Construiește un formular de autentificare și înregistrare | Învață despre construirea formularelor și gestionarea rutinei de validare | [Formulare](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în 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 păstrează starea și cum să o gestionezi programatic | [Gestionarea stării](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod| [Folosește editorul VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să construiești propriul tău asistent AI | [Proiect Asistent AI](./9-chat-project/README.md) | Chris |
| | Numele Proiectului | Concepte Prezentate | Obiective de Învățare | Lecția Legată | Autor |
| :-: | :------------------------------------------------------------: | :-----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Începutul | Introducere în Programare și Uneltele Meseriei | Învață elementele de bază ale majorității limbajelor de programare și despre software-ul care îi ajută pe dezvoltatorii profesioniști | [Introducere în Limbaje de Programare și Uneltele Meseriei](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Începutul | Bazele GitHub, inclusiv colaborarea în echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe o bază de cod | [Introducere în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Începutul | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamente de Accesibilitate](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Bazele JS | Tipuri de Date în JavaScript | Bazele tipurilor de date în JavaScript | [Tipuri de Date](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Bazele JS | Funcții și Metode | Învață despre funcții și metode pentru a gestiona fluxul logicii unei aplicații | [Funcții și Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher |
| 06 | Bazele JS | Luarea Deciziilor cu JS | Învață cum să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea Deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Bazele JS | Arrays și Buclă | Lucrează cu date folosind arrays și bucle în JavaScript | [Arrays și Buclă](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în Practică | Construiește HTML pentru a crea un terrariu online, concentrându-te pe dezvoltarea layout-ului | [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 terrariul online, concentrându-te pe elementele de bază ale CSS, inclusiv realizarea responsivității paginii | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri în JavaScript, manipularea DOM | Construiește JavaScript pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipularea DOM | [Închideri în JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construiește un Joc de Tastare | Învață cum să folosești evenimentele tastaturii pentru a conduce logica aplicației tale JavaScript | [Programare Bazată pe Evenimente](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Extensie Browser Verde](./5-browser-extension/solution/README.md) | Lucrul cu Browsere | Învață cum funcționează browserele, istoricul lor și cum să scaffoldezi primele elemente ale unei extensii de browser | [Despre Browsere](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Extensie Browser Verde](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală | Construiește elementele JavaScript ale extensiei tale 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 | [Extensie Browser Verde](./5-browser-extension/solution/README.md) | Procesare în fundal în browser, performanță web | Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și unele optimizări | [Sarcini de Fundal și Performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Joc Spațial](./6-space-game/solution/README.md) | Dezvoltare avansată a jocurilor cu JavaScript | Învață despre moștenire folosind atât clase, cât și compoziție și modelul Pub/Sub, în pregătirea construirii unui joc | [Introducere în Dezvoltare Avansată de Jocuri](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Joc Spațial](./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 | [Joc Spațial](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot dobândi mișcare folosind coordonate carteziene și API-ul Canvas | [Mutarea Elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Joc Spațial](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă ca elementele să se ciocnească și să reacționeze unele la altele folosind apăsăriile de taste și oferă o funcție de răcire pentru a asigura performanța jocului | [Detectarea Coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Joc Spațial](./6-space-game/solution/README.md) | Păstrarea scorului | Efectuează calcule matematice bazate pe statusul și performanța jocului | [Păstrarea Scorului](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Joc Spațial](./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 Final](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Aplicație Bancară](./7-bank-project/solution/README.md) | Șabloane HTML și Rute într-o Aplicație Web | Învață cum să creezi scheletul unei arhitecturi de site multipaginar folosind rutare și șabloane HTML | [Șabloane HTML și Rutare](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Aplicație Bancară](./7-bank-project/solution/README.md) | Construiește un Formular de Login și Înregistrare | Învață despre construirea formularelor și gestionarea rutinelor de validare | [Formulare](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Aplicație Bancară](./7-bank-project/solution/README.md) | Metode de Obținere și Folosire a Datelor | Cum circulă datele în și din aplicația ta, cum să le obții, să le stochezi și să le elimini | [Date](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Aplicație Bancară](./7-bank-project/solution/README.md) | Concepte de Management al Stării | Învață cum păstrează aplicația ta starea și cum să o gestionezi programatic | [Managementul Stării](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Cod Browser/VScode](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod| [Folosește editorul de cod VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [Asistenți AI](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să construiești propriul tău asistent AI | [Proiect Asistent AI](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogie
@ -184,22 +183,22 @@ Curriculumul nostru este conceput cu două principii pedagogice cheie în minte:
* învățare bazată pe proiecte
* chestionare frecvente
Programul predă elementele fundamentale ale JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea ocazia să dezvolte experiență practică construind un joc de tastare, un terrariu virtual, o extensie de browser eco-friendly, un joc în stil invazie spațială și o aplicație bancară pentru afaceri. Până la finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.
Programul predă elementele fundamentale ale 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ă dobândească experiență practică construind un joc de tastare, un terrariu virtual, o extensie de browser ecologică, 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 [Drum de Învățare](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
> 🎓 Poți parcurge primele câteva lecții din acest curriculum ca un [Curs de Învățare](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
Prin asigurarea că conținutul este aliniat cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor va fi sporită. Am scris, de asemenea, mai multe lecții introductive în bazele JavaScript pentru a introduce concepte, însoțite de un videoclip din colecția de tutoriale video "[Seria pentru Începători la: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ale cărei autori au contribuit la acest curriculum.
Prin asigurarea aliniamentului conținutului cu proiectele, procesul devine mai captivant pentru studenți, iar reținerea conceptelor va fi sporită. De asemenea, am scris mai multe lecții introductive în bazele JavaScript pentru a prezenta conceptele, împerecheate cu un videoclip din colecția de tutoriale video „[Seria pentru Începători în: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)”, autorii unora dintre acestea contribuind la acest curriculum.
În plus, un chestionar cu miză redusă înaintea unei clase stabilește intenția studentului spre învățarea unui subiect, în timp ce un al doilea chestionar după clasă asigură o reținere suplimentară. Acest curriculum a fost conceput pentru a fi flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni.
În plus, un chestionar cu miză mică înainte de o clasă setează intenția studentului către învățarea unui subiect, în timp ce un al doilea chestionar după clasă asigură o retenție suplimentară. Acest curriculum a fost proiectat să fie flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin tot mai complexe până la finalul ciclului de 12 săptămâni.
Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web, înainte de a adopta un framework, un bun pas următor pentru finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Seria pentru Începători la: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare unui dezvoltator web înainte de a adopta un framework, un pas următor bun după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Seria pentru Începători în: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Vizitează ghidurile noastre [Cod de Conduită](CODE_OF_CONDUCT.md) și [Contribuire](CONTRIBUTING.md). Apreciem feedback-ul tău constructiv!
> Vizitează [Codul nostru de Conduită](CODE_OF_CONDUCT.md) și ghidul [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
## 🧭 Acces offline
Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fork-uiește acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe calculatorul tău local, apoi în folderul rădăcină al acestui repo, tastează `docsify serve`. Website-ul va fi servit pe portul 3000 pe localhost-ul tău: `localhost:3000`.
Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă un fork al acestui repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală, apoi în folderul rădăcină al acestui repo, tastează `docsify serve`. Site-ul va fi servit pe portul 3000 al localhost-ului tău: `localhost:3000`.
## 📘 PDF
@ -207,16 +206,16 @@ Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web
## 🎒 Alte Cursuri
Echipa noastră produce și alte cursuri! Descoperă:
Echipa noastră produce și alte cursuri! Aruncă o privire:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### 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)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -224,7 +223,7 @@ Echipa noastră produce și alte cursuri! Descoperă:
---
### Seria Inteligență Artificială Generativă
### Seria de AI Generativă
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -232,7 +231,7 @@ Echipa noastră produce și alte cursuri! Descoperă:
---
### Învățare Esențială
### Învățare de bază
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -249,13 +248,13 @@ Echipa noastră produce și alte cursuri! Descoperă:
[![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 -->
## Obține ajutor
## Obțineți ajutor
Dacă ești blocat sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate suportivă unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber.
Dacă rămâi blocat sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuțiile despre MCP. Este o comunitate de susținere unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Dacă ai feedback despre produs sau întâmpini erori în timp ce construiești, vizitează:
Dacă ai feedback despre produs sau întâmpini 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)
@ -267,5 +266,5 @@ Acest depozit este licențiat sub licența MIT. Vezi fișierul [LICENSE](../../L
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare de responsabilitate**:
Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un traducător uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite care pot apărea în urma utilizării acestei traduceri.
Acest document a fost tradus folosind un serviciu 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 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 care ar putea rezulta din utilizarea acestei traduceri.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:40:23+00:00",
"translation_date": "2026-02-06T10:03:11+00:00",
"source_file": "AGENTS.md",
"language_code": "sr"
},
@ -516,8 +516,8 @@
"language_code": "sr"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:11:03+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T09:59:17+00:00",
"source_file": "README.md",
"language_code": "sr"
},

356
translations/sr/AGENTS.md
Unescape View File

@ -2,281 +2,281 @@
## Преглед пројекта
Ово је репозиторијум образовног курикулума за учење основа веб развоја за почетнике. Курикулум је свеобухватан 12-недељни курс који су развили Microsoft Cloud Advocates, са 24 практичне лекције које покривају JavaScript, CSS и HTML.
Ово је репозиторијум едукативног курса за учење основа веб развоја за почетнике. Курс је свеобухватан програм у трајању од 12 недеља, који су развили Microsoft Cloud Advocates, и садржи 24 практичне лекције које покривају JavaScript, CSS и HTML.
### Кључне компоненте
### Главне компоненте
- **Образовни садржај**: 24 структурисане лекције организоване у модуле засноване на пројектима
- **Практични пројекти**: Тераријум, игра куцања, проширење за прегледач, свемирска игра, апликација за банкарство, едитор кода и AI асистент за ћаскање
- **Интерактивни квизови**: 48 квизова са по 3 питања (процене пре/после лекције)
- **Подршка за више језика**: Аутоматизовани преводи на 50+ језика путем GitHub Actions
- **Едукативни садржај**: 24 структуиране лекције организоване у модуле засноване на пројектима
- **Практични пројекти**: Терраријум, Игра куцања, Прегледачки екстензија, Свемирска игра, Банкарска апликација, Едитор кода и AI помоћник за разговор
- **Интерактивни квизови**: 48 квизова са по 3 питања (пре/после лекције)
- **Подршка за више језика**: Аутоматски преводи на преко 50 језика преко GitHub Actions
- **Технологије**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI пројекте)
### Архитектура
- Образовни репозиторијум са структуром заснованом на лекцијама
- Свака фасцикла лекције садржи README, примере кода и решења
- Самостални пројекти у засебним директоријумима (quiz-app, разни пројекти лекција)
- Систем превођења користећи GitHub Actions (co-op-translator)
- Документација доступна преко Docsify и као PDF
- Едукативни репозиторијум са структуром заснованом на лекцијама
- Свако фасцикле лекције садржи README, примерe кода и решења
- Самостални пројекти у посебним директоријумима (quiz-app, различити пројекти лекција)
- Систем превођења коришћењем GitHub Actions (co-op-translator)
- Документација се служи преко Docsify и доступна је као PDF
## Команде за подешавање
Овај репозиторијум је првенствено намењен за конзумирање образовног садржаја. За рад на специфичним пројектима:
Овај репозиторијум је првенствено за конзумирање едукативног садржаја. За рад са специфичним пројектима:
### Подешавање главног репозиторијума
### Главно подешавање репозиторијума
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Подешавање апликације за квизове (Vue 3 + Vite)
### Подешавање Quiz App (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # Покрени развојни сервер
npm run build # Направи продукцијски билд
npm run lint # Покрени ESLint
```
### API за банкарски пројекат (Node.js + Express)
### Bank Project API (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # Покрени API сервер
npm run lint # Покрени ESLint
npm run format # Форматирај помоћу Prettier
```
### Пројекти проширења за прегледач
### Пројекти прегледачких екстензија
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# Пратите упутства за учитавање додатака специфичних за прегледач
```
### Пројекти свемирске игре
### Пројекти Свемирске игре
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# Отворите index.html у прегледачу или користите Live Server
```
### Пројекат за ћаскање (Python Backend)
### Chat пројекат (Python позадина)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# Поставите променљиву окружења GITHUB_TOKEN
python api.py
```
## Радни ток развоја
## Развојни ток рада
### За доприносиоце садржаја
### За сараднике на садржају
1. **Fork-ујте репозиторијум** на свој GitHub налог
2. **Клонирајте свој fork** локално
3. **Креирајте нову грану** за своје измене
1. **Форк-ујте репозиторијум** на свој GitHub налог
2. **Клонирајте свој форк** локално
3. **Креирајте нову грану** за ваше измене
4. Направите измене у садржају лекција или примерима кода
5. Тестирајте измене кода у релевантним директоријумима пројеката
6. Поднесите pull захтеве у складу са смерницама за допринос
6. Пошаљите pull request-ове пратећи смернице за допринос
### За ученике
1. Fork-ујте или клонирајте репозиторијум
2. Прелазите кроз директоријуме лекција редом
3. Читајте README датотеке за сваку лекцију
1. Форкујте или клонирајте репозиторијум
2. Крећите се секвенцијално кроз директоријуме лекција
3. Читајте README фајлове за сваку лекцију
4. Завршите квизове пре лекције на https://ff-quizzes.netlify.app/web/
5. Радите на примерима кода у фасциклама лекција
6. Завршите задатке и изазове
7. Урадите квизове након лекције
5. Прођите кроз примере кода у фасциклама лекција
6. Урадите задатке и изазове
7. Полажите квизове након лекција
### Развој уживо
### Рад уживо
- **Документација**: Покрените `docsify serve` у корену (порт 3000)
- **Апликација за квизове**: Покрените `npm run dev` у директоријуму quiz-app
- **Документација**: Покрените `docsify serve` у корену (порта 3000)
- **Quiz App**: Покрените `npm run dev` у директоријуму quiz-app
- **Пројекти**: Користите VS Code Live Server екстензију за HTML пројекте
- **API пројекти**: Покрените `npm start` у релевантним API директоријумима
- **API Пројекти**: Покрените `npm start` у одговарајућим API директоријумима
## Упутства за тестирање
### Тестирање апликације за квизове
### Тестирање Quiz App
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # Провери проблеме са стилом кода
npm run build # Верификуј да ли се израда успешно завршава
```
### Тестирање API за банкарски пројекат
### Тестирање Bank API
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # Провери проблеме стила кода
node server.js # Потврди да сервер почиње без грешака
```
### Општи приступ тестирању
- Ово је образовни репозиторијум без свеобухватних аутоматизованих тестова
- Ручно тестирање се фокусира на:
- Примери кода се извршавају без грешака
- Линкови у документацији раде исправно
- Пројекти се успешно компајлирају
- Примери следе најбоље праксе
- Ово је едукативни репозиторијум без свеобухватних аутоматских тестова
- Манулано тестирање се фокусира на:
- Извршавање примера кода без грешака
- Провера исправности линкова у документацији
- Успешно компајлирање пројеката
- Праћење најбољих пракси у примерима
### Провере пре подношења
### Провере пре слања
- Покрените `npm run lint` у директоријумима са package.json
- Проверите да ли су markdown линкови валидни
- Потврдите да су markdown линкови валидни
- Тестирајте примере кода у прегледачу или Node.js
- Проверите да ли преводи задржавају исправну структуру
- Провирите да преводи одржавају исправну структуру
## Смернице за стил кода
## Водич за стил кода
### JavaScript
- Користите модеран ES6+ синтакс
- Следите стандардне ESLint конфигурације које су обезбеђене у пројектима
- Користите смислена имена променљивих и функција ради образовне јасноће
- Додајте коментаре који објашњавају концепте за ученике
- Форматирајте користећи Prettier где је конфигурисано
- Користите модерни ES6+ синтакс
- Пратите стандардне ESLint конфигурације које су обезбеђене у пројектима
- Користите значајна имена променљивих и функција ради јасноће учења
- Додајте коментаре који објашњавају концепте ученицима
- Форматирајте код помоћу Prettier где је конфигурисано
### HTML/CSS
- Семантички HTML5 елементи
- Принципи одзивног дизајна
- Јасне конвенције именовања класа
- Принципи респонзивног дизајна
- Јасна конвенција именовања класа
- Коментари који објашњавају CSS технике за ученике
### Python
- PEP 8 смернице за стил
- Јасан, образовни примери кода
- Типске назнаке где су корисне за учење
- Прате PEP 8 стилске смернице
- Јасни, едукативни примери кода
- Типске наговештаје где су корисни за учење
### Markdown документација
- Јасна хијерархија наслова
- Блокови кода са спецификацијом језика
- Код блокови са назначеним језиком
- Линкови ка додатним ресурсима
- Снимци екрана и слике у директоријумима `images/`
- Alt текст за слике ради приступачности
- Алт текст за слике за приступачност
### Организација датотека
### Организација фајлова
- Лекције нумерисане редом (1-getting-started-lessons, 2-js-basics, итд.)
- Сваки пројекат има `solution/` и често `start/` или `your-work/` директоријуме
- Слике смештене у директоријуме `images/` специфичне за лекцију
- Преводи у структури `translations/{language-code}/`
- Лекције су нумерисане секвенцијално (1-getting-started-lessons, 2-js-basics, итд.)
- Сваки пројекат има директоријуме `solution/` и често `start/` или `your-work/`
- Слике се чувају у специфику тих лекција у `images/` фасциклама
- Преводи су у `translations/{language-code}/` структури
## Изградња и распоређивање
## Састављање и објављивање
### Распоређивање апликације за квизове (Azure Static Web Apps)
### Објављивање Quiz App (Azure Static Web Apps)
Апликација за квизове је конфигурисана за распоређивање на Azure Static Web Apps:
Quiz-app је подешен за објављивање на Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # Креира фасциклу dist/
# Објављује путем GitHub Actions рада током пуша на main
```
Конфигурација Azure Static Web Apps:
- **Локација апликације**: `/quiz-app`
- **Локација излазних датотека**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **Локација излаза**: `dist`
- **Ток рада**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Генерисање PDF документације
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # Инсталирајте docsify-to-pdf
npm run convert # Генеришите PDF из докса
```
### Docsify документација
### Документација Docsify
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Инсталирајте Docsify глобално
docsify serve # Послужите на localhost:3000
```
### Изградња специфична за пројекте
### Састављање специфично за пројекте
Сваки директоријум пројекта може имати свој процес изградње:
- Vue пројекти: `npm run build` креира продукцијске пакете
- Статички пројекти: Нема корака изградње, директно сервирајте датотеке
Свако директоријум пројекта може имати свој процес израде:
- Vue пројекти: `npm run build` креира продукционе пакете
- Статички пројекти: нема корака састављања, постављају се директно
## Смернице за pull захтеве
## Правила за Pull Request-ове
### Формат наслова
Користите јасне, описне наслове који указују на област измене:
- `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] Fix typo in terrarium project`
- `[Translation] Add Spanish translation for lesson 5`
- `[Docs] Update setup instructions`
Користите јасне, описне наслове који указују на области измена:
- `[Quiz-app] Додај нови квиз за лекцију X`
- `[Lesson-3] Исправка типографске грешке у терраријум пројекту`
- `[Translation] Додај шпански превод за лекцију 5`
- `[Docs] Ажурирај упутства за подешавање`
### Захтеване провере
### Обавезне провере
Пре подношења PR:
Пре слања PR-а:
1. **Квалитет кода**:
- Покрените `npm run lint` у релевантним директоријумима пројекта
- Исправите све грешке и упозорења lint-а
- Покрените `npm run lint` у погођеним директоријумима пројеката
- Исправите све грешке и упозорења
2. **Провера изградње**:
2. **Верификација састављања**:
- Покрените `npm run build` ако је применљиво
- Уверите се да нема грешака у изградњи
- Обезбедите да нема грешака у састављању
3. **Валидација линкова**:
3. **Провера линкова**:
- Тестирајте све markdown линкове
- Проверите да ли референце на слике раде
- Потврдите да референце слика раде
4. **Преглед садржаја**:
- Проверите правопис и граматику
- Уверите се да су примери кода исправни и образовни
- Проверите да ли преводи задржавају оригинално значење
- Прегледајте правопис и граматику
- Осигурајте да су примери кода тачни и едукативни
- Проверите да преводи одржавају оригинално значење
### Захтеви за допринос
- Сагласите се са Microsoft CLA (аутоматска провера при првом PR)
- Следите [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Погледајте [CONTRIBUTING.md](./CONTRIBUTING.md) за детаљне смернице
- Референцирајте бројеве проблема у опису PR ако је применљиво
- Прихватите Microsoft CLA (аутоматска провера при првом PR-у)
- Пратите [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Погледајте [CONTRIBUTING.md](./CONTRIBUTING.md) за детаљна упутства
- У опису PR-а наводите бројеве релевантних issue-јева ако је применљиво
### Процес прегледа
- PR-ове прегледају одржаваоци и заједница
- Образовна јасноћа је приоритет
- Примери кода треба да следе тренутне најбоље праксе
- Преводи се прегледају ради тачности и културне прикладности
- Приоритет је јасноћа едукације
- Примери кода треба да прате најбоље тренутне праксе
- Преводи се прегледају за тачност и културну прикладност
## Систем превођења
### Аутоматизовани превод
### Аутоматизован превод
- Користи GitHub Actions са co-op-translator workflow-ом
- Аутоматски преводи на 50+ језика
- Користи GitHub Actions са co-op-translator током рада
- Аутоматски преводи на више од 50 језика
- Изворне датотеке у главним директоријумима
- Преведене датотеке у `translations/{language-code}/` директоријумима
- Преведене датотеке у директоријумима `translations/{language-code}/`
### Додавање побољшања ручног превода
### Додавање ручних побољшања превода
1. Лоцирајте датотеку у `translations/{language-code}/`
1. Пронађите фајл у `translations/{language-code}/`
2. Направите побољшања уз очување структуре
3. Уверите се да примери кода остају функционални
4. Тестирајте локализовани садржај квиза
3. Осигурајте да примерци кода и даље функционишу
4. Тестирајте локализовани квиз садржај
### Метаподаци превода
### Мета подаци о преводу
Преведене датотеке укључују заглавље метаподатака:
Преведени фајлови садрже заглавље метаподатака:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -293,52 +293,52 @@ CO_OP_TRANSLATOR_METADATA:
### Уобичајени проблеми
**Апликација за квизове не покреће се**:
**Quiz app не почиње**:
- Проверите верзију Node.js (препоручено v14+)
- Обришите `node_modules` и `package-lock.json`, поново покрените `npm install`
- Проверите конфликте портова (подразумевано: Vite користи порт 5173)
- Обришите `node_modules` и `package-lock.json`, покрените поново `npm install`
- Проверите да ли је порт слободан (подразумевано: Vite користи порт 5173)
**API сервер се не покреће**:
- Проверите да ли верзија Node.js испуњава минимум (node >=10)
- Проверите да ли је порт већ у употреби
- Уверите се да су све зависности инсталиране са `npm install`
**API сервер не почиње**:
- Проверите да ли Node.js верзија испуњава услове (node >=10)
- Проверите да ли порт није у употреби
- Обезбедите да су све зависности инсталиране са `npm install`
**Проширење за прегледач се не учитава**:
**Прегледачки екстензија се не учитава**:
- Проверите да ли је manifest.json правилно форматиран
- Проверите конзолу прегледача за грешке
- Следите упутства за инсталацију проширења специфична за прегледач
- Погледајте конзолу прегледача за грешке
- Пратите упутства специфична за прегледач за инсталацију екстензије
**Проблеми са Python пројектом за ћаскање**:
- Уверите се да је OpenAI пакет инсталиран: `pip install openai`
**Проблеми са Python chat пројектом**:
- Осигурајте да је OpenAI пакет инсталиран: `pip install openai`
- Проверите да ли је GITHUB_TOKEN постављен као променљива окружења
- Проверите дозволе приступа GitHub Models
**Docsify не сервира документацију**:
**Docsify не служи документацију**:
- Инсталирајте docsify-cli глобално: `npm install -g docsify-cli`
- Покрените из коренског директоријума репозиторијума
- Покрените из корена репозиторијума
- Проверите да ли `docs/_sidebar.md` постоји
### Савети за развојно окружење
- Користите VS Code са Live Server екстензијом за HTML пројекте
- Инсталирајте ESLint и Prettier екстензије за конзистентно форматирање
- Инсталирајте ESLint и Prettier екстензије за доследно форматирање
- Користите DevTools прегледача за дебаговање JavaScript-а
- За Vue пројекте, инсталирајте Vue DevTools екстензију за прегледач
### Разматрања перформанси
- Велики број преведених датотека (50+ језика) значи да су пуни клони велики
- Користите плитко клонирање ако радите само на садржају: `git clone --depth 1`
- Искључите преводе из претраге када радите на садржају на енглеском
- Процеси изградње могу бити спори при првом покретању (npm install, Vite build)
- Велики број преведених фајлова (50+ језика) чини да су цели клонирања велики
- Користите shallow clone ако радите само на садржају: `git clone --depth 1`
- Искључите преводе из претрага када радите на енглеском садржају
- Процеси састављања могу бити спори при првом покретању (npm install, Vite build)
## Разматрања безбедности
## Безбедносна разматрања
### Променљиве окружења
- API кључеви никада не треба да буду послати у репозиторијум
- Користите `.env` датотеке (већ у `.gitignore`)
- Документирајте потребне променљиве окружења у README датотекама пројекта
- API кључеви никада не смеју бити комитовани у репозиторијум
- Користите `.env` фајлове (већ у `.gitignore`)
- Документујте потребне променљиве окружења у README-има пројеката
### Python пројекти
@ -348,59 +348,61 @@ CO_OP_TRANSLATOR_METADATA:
### Приступ GitHub Models
- Personal Access Tokens (PAT) су потребни за GitHub Models
- Токени треба да буду чувани као променљиве окружења
- Никада не шаљите токене или креденцијале
- За GitHub Models су потребни Personal Access Tokens (PAT)
- Токени треба да се чувају као променљиве окружења
- Никада не комитујте токене или акредитиве
## Додатне напомене
## Додатне белешке
### Циљна публика
- Потпуни почетници у веб развоју
- Студенти и самоуки ученици
- Наставници који користе курикулум у учионицама
- Студенти и самоуки изучавачи
- Наставници који користе курс у учионицама
- Садржај је дизајниран за приступачност и постепено стицање вештина
### Образовна филозофија
### Едукативна филозофија
- Приступ учењу заснован на пројектима
- Честа провера знања (квизови)
- Приступ заснован на пројектима
- Чести прегледи знања (квизови)
- Практичне вежбе кодирања
- Примери примене у стварном свету
- Фокус на основама пре коришћења оквира
- Фокус на основе пре оквира
### Одржавање репозиторијума
- Активна заједница ученика и доприносиоца
- Активна заједница ученика и сарадника
- Редовна ажурирања зависности и садржаја
- Проблеми и дискусије прати тим одржаваоца
- Ажурирања превода аутоматизована преко GitHub Actions
- Пратите проблеме и дискусије од стране одржавалаца
- Аутоматизована ажурирања превода преко GitHub Actions
### Повезани ресурси
- [Microsoft Learn модули](https://docs.microsoft.com/learn/)
- [Ресурси за студенте](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) препоручен за ученике
- Додатни курсеви: Генеративни AI, наука о подацима, ML, IoT курикулуми доступни
- Додатни курсеви: Generative AI, Data Science, ML, IoT курикулуми доступни
### Рад на специфичним пројектима
### Рад са специфичним пројектима
За детаљна упутства о појединачним пројектима, погледајте README датотеке у:
- `quiz-app/README.md` - Vue 3 апликација за квизове
- `7-bank-project/README.md` - Апликација за банкарство са аутентификацијом
- `5-browser-extension/README.md` - Развој проширења за прегледач
- `6-space-game/README.md` - Развој игара заснованих на Canvas-у
- `9-chat-project/README.md` - Пројекат AI асистента за ћаскање
За детаљна упутства о појединачним пројектима, погледајте README фајлове у:
- `quiz-app/README.md` - Vue 3 апликација за квиз
- `7-bank-project/README.md` - Банкарска апликација са аутентикацијом
- `5-browser-extension/README.md` - Развој екстензије за прегледач
- `6-space-game/README.md` - Развој игре на Canvas-у
- `9-chat-project/README.md` - AI помоћник за разговор
### Структура монорепозиторијума
### Монорепо структура
Иако није традиционални монорепозиторијум, овај репозиторијум садржи више независних пројеката:
- Свака лекција је самостална
Иако није традиционални монорепо, овај репозиторијум садржи више независних пројеката:
- Свaka лекција је самостална
- Пројекти не деле зависности
- Радите на појединачним пројектима без утицаја на друге
- Клонирајте цео репозиторијум за потпуно искуство курикулума
- Клонирајте цео репозиторијум за комплетно искуство курса
---
**Одрицање од одговорности**:
Овај документ је преведен коришћењем услуге за превођење помоћу вештачке интелигенције [Co-op Translator](https://github.com/Azure/co-op-translator). Иако се трудимо да обезбедимо тачност, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати меродавним извором. За критичне информације препоручује се професионални превод од стране људи. Не преузимамо одговорност за било каква погрешна тумачења или неспоразуме који могу настати услед коришћења овог превода.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Одрицање од одговорности**:
Овај документ је преведен коришћењем АИ преводилачке услуге [Co-op Translator](https://github.com/Azure/co-op-translator). Иако настојимо да превод буде прецизан, молимо вас да имате у виду да аутоматизовани преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални људски превод. Нисмо одговорни за било каква непоразумевања или погрешне тумачења која проистекну из коришћења овог превода.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

250
translations/sr/README.md
Unescape View File

@ -1,66 +1,81 @@
# Веб развој за почетнике - Наставни план
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
Научите основе веб развоја уз наш 12-недељни свеобухватни курс који воде Microsoft Cloud Advocates. Свака од 24 лекције улази у свет JavaScript-а, CSS-а и HTML-а кроз практичне пројекте као што су тераријуми, екстензије прегледача и свемирске игре. Укључите се у квизове, дискусије и практичне задатке. Побољшајте своје вештине и оптимизујте задржавање знања уз нашу ефикасну педагогију засновану на пројектима. Започните своје путовање у програмирању данас!
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
Придружите се заједници Azure AI Foundry на Discord-у
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Веб развој за почетнике - Наставни програм
Научите основе веб развоја уз наш свеобухватни курс у трајању од 12 недеља који воде Microsoft Cloud Advocates. Сваких 24 лекције детаљно покривају JavaScript, CSS и HTML кроз практичне пројекте као што су тераријуми, проширења прегледача и свемирске игре. Укључите се у квизове, дискусије и практичне задатке. Унапредите своје вештине и оптимизујте задржавање знања уз нашу ефикасну педагогију засновану на пројектима. Почните своје програмирање данас!
Следите ове кораке да бисте започели коришћење ових ресурса:
Придружите се заједници Azure AI Foundry на Дискорду
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Пратите ове кораке да бисте започели коришћење ових ресурса:
1. **Направите форк репозиторијума**: Кликните [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
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 Дискорду и упознајте стручњаке и друге програмере**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Подршка за више језика
#### Подржано путем GitHub Action-а (аутоматски и увек ажурирано)
#### Подржано преко GitHub Action (аутоматизовано и увек ажурирано)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[арапски](../ar/README.md) | [бенгалски](../bn/README.md) | [бугарски](../bg/README.md) | [бурмански (Мјанмар)](../my/README.md) | [китайски (поједностављени)](../zh-CN/README.md) | [китайски (традиционални, Хонг Конг)](../zh-HK/README.md) | [китайски (традиционални, Макао)](../zh-MO/README.md) | [китайски (традиционални, Тајван)](../zh-TW/README.md) | [хрватски](../hr/README.md) | [чешки](../cs/README.md) | [дански](../da/README.md) | [холандски](../nl/README.md) | [естонски](../et/README.md) | [фински](../fi/README.md) | [француски](../fr/README.md) | [немачки](../de/README.md) | [грчки](../el/README.md) | [хебрејски](../he/README.md) | [хинди](../hi/README.md) | [мађарски](../hu/README.md) | [индонежански](../id/README.md) | [италијански](../it/README.md) | [јапански](../ja/README.md) | [каннада](../kn/README.md) | [корејски](../ko/README.md) | [литвански](../lt/README.md) | [малајски](../ms/README.md) | [малајалам](../ml/README.md) | [маратхи](../mr/README.md) | [непалски](../ne/README.md) | [нигеријски пидгин](../pcm/README.md) | [норвешки](../no/README.md) | [персијски (фарси)](../fa/README.md) | [пољски](../pl/README.md) | [португалски (Бразил)](../pt-BR/README.md) | [португалски (Португал)](../pt-PT/README.md) | [пунџаби (Гурмуки)](../pa/README.md) | [румунски](../ro/README.md) | [руски](../ru/README.md) | [српски (ћирилица)](./README.md) | [словачки](../sk/README.md) | [словеначки](../sl/README.md) | [шпански](../es/README.md) | [свахили](../sw/README.md) | [шведски](../sv/README.md) | [тагалог (филипински)](../tl/README.md) | [тамилски](../ta/README.md) | [телугу](../te/README.md) | [тајландски](../th/README.md) | [турски](../tr/README.md) | [украјински](../uk/README.md) | [урду](../ur/README.md) | [вијетнамски](../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) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](./README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Више волите клон локално?**
> **Више волите да клонирате локално?**
> Овај репозиторијум садржи преко 50 превода, што значајно повећава величину преузимања. Да бисте клонирали без превода, користите sparse checkout:
> Овај репозиторијум укључује преко 50 превода што значајно повећава величину преузимања. Да бисте клонирали без превода, користите sparse checkout:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> Ово вам даје све што вам је потребно да завршите курс са знатно бржим преузимањем.
> Ово вам пружа све што је потребно за завршетак курса уз знатно брже преузимање.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Ако желите да имате додатне језике превода, подржани су на овој страни [овде](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Ако желите додатне језике превода који су подржани, они су наведени [овде](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Отвори у Visual Studio Code-у](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Јеси ли студент?_
Посети [**Студентску страницу**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) где ћеш пронаћи ресурсе за почетнике, студентске пакете, па чак и начине да добијеш бесплатан сертификат. Ово је страница коју треба да означиш као фаворита и повремено провераваш док месечно ажурирамо садржаје.
Посети [**Student Hub страницу**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) где ћеш пронаћи ресурсе за почетнике, студентске пакете па и начине да добијеш бесплатан сертификат. Ово је страница коју требаш обележити и повремено проверавати јер садржај мењамо месечно.
### 📣 Обавештење - Нови изазови GitHub Copilot Agent мода за завршетак!
### 📣 Објава - Нови изазови у GitHub Copilot Agent режиму!
Додат је нови изазов, потражи "GitHub Copilot Agent Challenge 🚀" у већини поглавља. То је нови изазов који треба да завршиш користећи GitHub Copilot и Agent мод. Ако раније ниси користио Agent мод, он осим генерисања текста може да креира и уређује фајлове, покреће команде и још много тога.
Нови изазов додат, потражи "GitHub Copilot Agent Challenge 🚀" у већини поглавља. То је нови изазов који треба да завршиш користећи GitHub Copilot и Agent режим. Ако пре тога ниси користио Agent режим, он није способан само за генерисање текста већ може и креирати и уређивати фајлове, извршавати команде и још много тога.
### 📣 Обавештење - _Нови пројекат за прављење уз помоћ генеративне вештачке интелигенције_
### 📣 Објава - _Нови пројекат за израду користећи Генеративну вештачку интелигенцију_
Додат је нови асистентски AI пројекат, провери га [пројекат](./9-chat-project/README.md)
Нови пројекат AI асистента управо додат, погледај [проект](./9-chat-project/README.md)
### 📣 Обавештење - _Нови наставни план_ о генеративној AI на JavaScript-у управо је објављен
### 📣 Објава - _Нови Наставни програм_ о Генеративној ВИ за JavaScript је управо објављен
Не пропусти наш нови наставни план о генеративној AI!
Не пропусти наш нови наставни програм о Генеративној ВИ!
Посети [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) да започнеш!
![Позадина](../../translated_images/sr/background.148a8d43afde5730.webp)
![Background](../../translated_images/sr/background.148a8d43afde5730.webp)
- Лекције покривају све од основа до RAG-а.
- Комуницирај са историјским ликовима користећи GenAI и нашу пратећу апликацију.
- Забаван и занимљив наратив, путоваћеш кроз време!
- Лекције које покривају све од основа до RAG.
- Интеракција са историјским ликовима уз помоћ GenAI и наше пратеће апликације.
- Забавно и занимљиво наративно искуство, путоваћеш кроз време!
![character](../../translated_images/sr/character.5c0dd8e067ffd693.webp)
![лик](../../translated_images/sr/character.5c0dd8e067ffd693.webp)
Свака лекција укључује задатак за завршавање, проверу знања и изазов који ће ти помоћи да научиш теме као што су:
- Израђивање упита и инжењеринг упита
Свака лекција укључује задатак који треба завршити, проверу знања и изазов који те води кроз учење тема као што су:
- Подстицање и инжењеринг упита
- Генерисање апликација за текст и слике
- Апликације за претраживање
- Апликације за претрагу
Посети [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) да започнеш!
@ -68,126 +83,127 @@
## 🌱 Започињање
> **Наставници**, укључили смо [неке предлоге](for-teachers.md) о томе како да користите овај наставни план. Волећемо ваше повратне информације [на нашем форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Наставници**, укључили смо [неке предлоге](for-teachers.md) о томе како користити овај наставни програм. Волели бисмо ваш повратни одговор [у нашем форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Ученици](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за сваку лекцију почнете са квизом пре предавања, а затим прочитајте материјал, завршите разне активности и проверите своје разумевање уз квиз након предавања.
**[Ученици](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за сваку лекцију, започните са квизом пре предавања и наставите читањем материјала из предавања, завршавањем разних активности и проверите разумевање квизом после предавања.
Да бисте унапредили своје искуство учења, повежите се са својим колегама и радите на пројектима заједно! Дискусије су охрабрене на нашем [форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) где ће тим модератора бити доступан да одговори на ваша питања.
Да бисте побољшали искуство учења, повежите се с вршњацима да заједно радите на пројектима! Подстичемо дискусије у нашем [форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) где ће наш тим модератора бити доступан да одговори на ваша питања.
За даље образовање, топло препоручујемо да истражите [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за додатне материјале за учење.
За даље образовање, препоручујемо истраживање [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за додатне студијске материјале.
### 📋 Постављање вашег окружења
### 📋 Постављање окружења
Овај наставни план већ има спремно развојно окружење! Када кренеш, можеш да одабереш да покренеш наставни план у [Codespace-у](https://github.com/features/codespaces/) (_окружење засновано на прегледачу, без потребе за инсталацијом_), или локално на свом рачунару користећи текстуални едитор као што је [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Овај наставни програм има развојно окружење спремно за рад! Када почнете, можете одабрати да наставни програм покренете у [Codespace](https://github.com/features/codespaces/) (_окружење базирано на прегледачу, без потребе за инсталацијом_), или локално на свом рачунару користећи текст едитор као што је [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Направи свој репозиторијум
Да бисте лако сачували свој рад, препоручујемо да направите своју копију овог репозиторијума. То можете учинити кликом на дугме **Use this template** на врху странице. Ово ће створити нови репозиторијум у вашем GitHub налогу са копијом овог наставног плана.
#### Креирај свој репозиторијум
Да би лако сачували свој рад, препоручује се да креирате своју копију овог репозиторијума. То можете урадити кликом на дугме **Use this template** на врху странице. Ово ће направити нови репозиторијум на вашем GitHub налогу са копијом наставног програма.
Пратите ове кораке:
Пратите следеће кораке:
1. **Направи форк репозиторијума**: Кликните на дугме "Fork" у горњем десном углу ове странице.
2. **Клонирај репозиторијум**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Покретање наставног плана у Codespace-у
#### Покретање наставног програма у Codespace-у
У копији репозиторијума коју сте направили, кликните дугме **Code** и одаберите **Open with Codespaces**. Ово ће направити нови Codespace у којем можете радити.
У својој копији овог репозиторијума коју сте направили, кликните на дугме **Code** и изаберите **Open with Codespaces**. Ово ће створити нови Codespace у којем можете радити.
![Codespace](../../translated_images/sr/createcodespace.0238bbf4d7a8d955.webp)
#### Покретање наставног плана локално на вашем рачунару
#### Покретање наставног програма локално на рачунару
Да бисте покренули овај наставни план локално на рачунару, потребан вам је текстуални едитор, прегледач и алат за линију команди. Наша прва лекција, [Увод у програмске језике и алате заната](../../1-getting-started-lessons/1-intro-to-programming-languages), водиће вас кроз различите опције за сваки од ових алата да изаберете шта вам највише одговара.
Да бисте покренули овај наставни програм локално на вашем рачунару, потребан вам је текст едитор, прегледач и алат за командну линију. Наша прва лекција, [Увод у програмске језике и алате](../../1-getting-started-lessons/1-intro-to-programming-languages), ће вас провести кроз различите опције за сваки од ових алата како бисте изабрали шта вам највише одговара.
Препорука је да користите [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) као ваш едитор који има уграђени [Терминал](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-а:
[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>` са УРЛ адресом коју сте управо копирали:
Затим отворите [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) у оквиру [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и покрените следећу команду, замењујући `<your-repository-url>` са URL-ом који сте управо копирали:
```bash
git clone <your-repository-url>
```
2. Отворите фасциклу у Visual Studio Code-у. То можете урадити кликом на **File** > **Open Folder** и избором фасцикле коју сте управо клонирали.
2. Отворите фасциклу у Visual Studio Code-у. То можете учинити кликом на **File** > **Open Folder** и одабиром фасцикле коју сте управо клонирали.
> Препоручени Visual Studio Code додаци:
> Препоручене 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) | Џасмин |
| 02 | Почетак рада | Основе GitHub-а, укључује рад у тиму | Како користити GitHub у свом пројекту, како сарађивати са другима на кодној бази | [Увод у GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Флор |
| 03 | Почетак рада | Приступачност | Научите основе веб приступачности | [Основе приступачности](./1-getting-started-lessons/3-accessibility/README.md) | Кристофер |
| 04 | Основе JS | Типови података у JavaScript-у | Основе типова података у JavaScript-у | [Типови података](./2-js-basics/1-data-types/README.md) | Џасмин |
| 05 | Основе JS | Функције и методе | Научите о функцијама и методама за управљање логиком апликације | [Функције и методе](./2-js-basics/2-functions-methods/README.md) | Џасмин и Кристофер |
| 06 | Основе JS | Доношење одлука са JS-ом | Научите како да креирате услове у свом коду користећи методе доношења одлука | [Доношење одлука](./2-js-basics/3-making-decisions/README.md) | Џасмин |
| 07 | Основе JS | Низови и петље | Рад са подацима користећи низове и петље у JavaScript-у | [Низови и петље](./2-js-basics/4-arrays-loops/README.md) | Џасмин |
| 08 | [Тераријум](./3-terrarium/solution/README.md) | HTML у пракси | Изградите HTML за креирање онлајн тераријума, фокусирајући се на изградњу распореда | [Увод у HTML](./3-terrarium/1-intro-to-html/README.md) | Џен |
| 09 | [Тераријум](./3-terrarium/solution/README.md) | CSS у пракси | Изградите CSS за стилизовање онлајн тераријума, фокусирајући се на основе CSS укључујући прављење странице одзивном | [Увод у CSS](./3-terrarium/2-intro-to-css/README.md) | Џен |
| 10 | [Тераријум](./3-terrarium/solution/README.md) | JavaScript затварања, манипулација DOM-ом | Направите JavaScript који омогућава тераријуму да функционише као интерфејс за превлачење и испуштање, фокусирајући се на затварања и манипулацију DOM-ом | [JavaScript затварања, манипулација DOM-ом](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Џен |
| 11 | [Тастатурна игра](./4-typing-game/solution/README.md) | Изградња тастатурне игре | Научите како да користите тастатурне догађаје за управљање логиком ваше JavaScript апликације | [Програмирање вођено догађајима](./4-typing-game/typing-game/README.md) | Кристофер |
| 12 | [Зелени проширење за прегледач](./5-browser-extension/solution/README.md) | Рад са прегледачима | Научите како прегледачи функционишу, њихову историју и како направити прве елементе проширења прегледача | [О прегледачима](./5-browser-extension/1-about-browsers/README.md) | Џен |
| 13 | [Зелени проширење за прегледач](./5-browser-extension/solution/README.md) | Изградња форме, позивање API-ја и чување променљивих у локалној меморији | Направите JavaScript елементе свог проширења прегледача за позивање API-ја користећи променљиве смештене у локалној меморији | [API-ји, форме и локална меморија](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Џен |
| 14 | [Зелени проширење за прегледач](./5-browser-extension/solution/README.md) | Позадински процеси у прегледачу, веб перформансе | Користите позадинске процесе прегледача за управљање иконом проширења; упознајте се са веб перформансама и неким оптимизацијама | [Позадински задаци и перформансе](./5-browser-extension/3-background-tasks-and-performance/README.md) | Џен |
| 15 | [Свемирска игра](./6-space-game/solution/README.md) | Напредније развијање игара са JavaScript-ом | Учите о Наслеђивању коришћењем и Класа и Композиције и Pub/Sub обрасцу, као припрему за израду игре | [Увод у напредни развој игара](./6-space-game/1-introduction/README.md) | Крис |
| 16 | [Свемирска игра](./6-space-game/solution/README.md) | Цртање на платну | Сазнајте о Canvas API-ју који се користи за цртање елемената на екрану | [Цртање на платну](./6-space-game/2-drawing-to-canvas/README.md) | Крис |
| 17 | [Свемирска игра](./6-space-game/solution/README.md) | Померање елемената по екрану | Откријте како елементи могу добити кретање користећи картезијанске координате и Canvas API | [Померање елемената](./6-space-game/3-moving-elements-around/README.md) | Крис |
| 18 | [Свемирска игра](./6-space-game/solution/README.md) | Детекција судара | Направите да се елементи сударе и реагују једни на друге користећи притиске тастера и обезбедите cooldown функцију за осигурање перформанси игре | [Детекција судара](./6-space-game/4-collision-detection/README.md) | Крис |
| 19 | [Свемирска игра](./6-space-game/solution/README.md) | Вођење резултата | Извршите математичке прорачунe на основу статуса и перформанси игре | [Вођење резултата](./6-space-game/5-keeping-score/README.md) | Крис |
| 20 | [Свемирска игра](./6-space-game/solution/README.md) | Завршавање и поновно покретање игре | Научите о завршетку и поновном покретању игре, укључујући чишћење ресурса и ресетовање вредности променљивих | [Услов за завршетак](./6-space-game/6-end-condition/README.md) | Крис |
| 21 | [Банкарска апликација](./7-bank-project/solution/README.md) | HTML шаблони и руте у веб апликацији | Научите како да направите основу архитектуре мултистраничног веб сајта користећи рутирање и HTML шаблоне | [HTML шаблони и руте](./7-bank-project/1-template-route/README.md) | Јохан |
| 22 | [Банкарска апликација](./7-bank-project/solution/README.md) | Изградња форме за пријаву и регистрацију | Научите о изградњи форми и руковању валидацијом | [Форме](./7-bank-project/2-forms/README.md) | Јохан |
| 23 | [Банкарска апликација](./7-bank-project/solution/README.md) | Методе преузимања и коришћења података | Како подаци улазе и излазе из ваше апликације, како их преузимати, чувати и уклањати | [Подаци](./7-bank-project/3-data/README.md) | Јохан |
| 24 | [Банкарска апликација](./7-bank-project/solution/README.md) | Концепти управљања стањем | Научите како ваша апликација задржава стање и како управљати њиме програмски | [Управљање стањем](./7-bank-project/4-state-management/README.md) | Јохан |
| 25 | [Browser/VScode Code](../../8-code-editor) | Рад са VScode | Научите како да користите уређивач кода| [Коришћење VScode уређивача кода](./8-code-editor/1-using-a-code-editor/README.md) | Крис |
| 26 | [AI Assistants](./9-chat-project/README.md) | Рад са вештачком интелигенцијом | Научите како да направите свог сопственог AI помоћника | [Пројекат AI помоћник](./9-chat-project/README.md) | Крис |
| 01 | Почињемо | Увод у програмирање и алати заната | Научите основне основе већине програмских језика и софтвера који помажу професионалним програмерима да обављају свој посао | [Увод у програмске језике и алате заната](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Почињемо | Основе GitHub-а, укључује рад у тиму | Како користити GitHub у свом пројекту, како сарађивати са другима на кодној бази | [Увод у GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Почињемо | Приступачност | Научите основе веб приступачности | [Основе приступачности](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Основе | Врсте података у JavaScript-у | Основе JavaScript типова података | [Типови података](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Основе | Функције и методе | Научите о функцијама и методама за управљање логиком апликације | [Функције и методе](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher |
| 06 | JS Основе | Доношење одлука са JS | Научите како креирати услове у свом коду користећи методе доношења одлука | [Доношење одлука](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Основе | Низови и петље | Рад са подацима коришћењем низова и петљи у JavaScript-у | [Низови и петље](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML у пракси | Направите HTML да креирате онлајн тераријум, фокусирајући се на изградњу распореда | [Увод у HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS у пракси | Направите CSS за стиловање онлајн тераријума, фокусирајући се на основе CSS укључујући и прављење странице одзивном | [Увод у CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript закључавања, манипулација DOM-ом | Направите JavaScript да тераријум функционише као интерфејс за превлачење и испуштање, фокусирајући се на закључавања и манипулацију DOM-ом | [JavaScript закључавања, манипулација DOM-ом](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Направите игру куцања | Научите како користити догађаје са тастатуре за управљање логиком ваше JavaScript апликације | [Програмирање на основу догађаја](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Рад са претраживачима | Научите како претраживачи раде, њихову историју и како направити прве елементе проширења претраживача | [О претраживачима](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Прављење форме, позивање API-ја и чување променљивих у локалној меморији | Направите JavaScript елементе вашег проширења претраживача за позивање API-ја користећи променљиве које се чувају у локалној меморији | [API-ји, форме и локална меморија](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Позадински процеси у претраживачу, веб перформансе | Користите позадинске процесе претраживача за управљање иконом проширења; научите о перформансама веба и неким оптимизацијама које треба направити | [Позадински задаци и перформансе](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Напреднији развој игара са JavaScript-ом | Научите о наслеђивању користећи и класе и композицију и Pub/Sub шаблон, у припреми за креирање игре | [Увод у напредни развој игара](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Цртање на платну | Научите о Canvas API-у, који се користи за цртање елемената на екрану | [Цртање на платну](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Померање елемената око екрана | Откријте како елементи могу добити кретање коришћењем картоезијских координата и Canvas API-ја | [Померање елемената](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Детекција судара | Нека се елементи сударају и реагују један на другог коришћењем притиснутих тастера и обезбедите cooldown функцију за осигурање перформанси игре | [Детекција судара](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Вођење резултата | Изводите математичке прорачуне на основу статуса и перформанси игре | [Вођење резултата](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Завршетак и поновно покретање игре | Научите о завршетку и поновном покретању игре, укључујући чишћење ресурса и ресетовање променљивих | [Услов завршетка](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML шаблони и руте у веб апликацији | Научите како да креирате структуру архитектуре вишестраничног сајта користећи рутирање и HTML шаблоне | [HTML шаблони и руте](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Направите форму за пријављивање и регистрацију | Научите о креирању форми и руковању процедурама валидације | [Форме](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Методи преузимања и коришћења података | Како подаци тoку из и у вашу апликацију, како их преузети, чувати и обрисати | [Подаци](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепти управљања стањем | Научите како ваша апликација задржава стање и како га програмски управљати | [Управљање стањем](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Рад са VScode | Научите како да користите уређивач кода| [Коришћење VScode Code Editor-а](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Рад са вештачком интелигенцијом | Научите како да направите свог AI асистента | [AI асистент пројекат](./9-chat-project/README.md) | Chris |
## 🏫 Педагогија
Наш програм је дизајниран са два кључна педагошка принципа на уму:
Наш наставни план је дизајниран са два кључна педагошка принципа на уму:
* учење засновано на пројектима
* чести квизови
* честе квизове
Програм учи основе JavaScript-а, HTML-а и CSS-а, као и најновије алате и технике које данашњи веб програмери користе. Студенти ће имати прилику да стекну практично искуство израдом тастатурне игре, виртуелног тераријума, еколошки прихватљивог проширења за прегледач, игре у стилу свемирског инвадера и банкарске апликације за предузећа. До краја серије, студенти ће стећи чврсто разумевање веб развоја.
Програм учи основе JavaScript-а, HTML-а и CSS-а, као и најновије алате и технике које користе данашњи веб програмери. Студенти ће имати прилику да стекну практично искуство прављењем игре куцања, виртуелног тераријума, еко-пријатељског проширења прегледача, игре у стилу свемирског инвазијског нападачa и банкарске апликације за пословање. На крају серије, студенти ће имати чврсто разумевање веб развоја.
> 🎓 Прве неколико лекција у овом курикулуму можете проћи као [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn!
> 🎓 Прве неколико лекција овог наставног плана можете похађати као [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn!
Осигуравањем да садржај одговара пројектима, процес је учињен занимљивијим за студенте и повећава задржавање концепата. Такође смо написали неколико почетних лекција о основама JavaScript-а да бисмо увели концепте, упарених са видеом из збирке видео туторијала "[Серија за почетнике: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чији су неки аутори допринели овом курикулуму.
Осигуравањем да садржај буде у складу са пројектима, процес учења постаје занимљивији за студенте и повећава задржавање концепата. Такође смо написали неколико уводних лекција о основама JavaScript-а како бисмо увели концепте, уз видео из колекције туторијала "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чији су неки аутори допринели овом наставном плану.
Поред тога, квиз са малим улогом пре часа поставља намераву студента према учењу теме, док други квиз после часа обезбеђује даље задржавање. Овај курикулум је осмишљен да буде флексибилан и забаван и може се похађати у целини или делимично. Пројекти почињу мали и постају све сложенији до краја циклуса од 12 недеља.
Поред тога, квиз са ниским улогом пре часа поставља студенту намеру за учење теме, док други квиз након часа осигурава даље задржавање знања. Овај наставни план је осмишљен да буде флексибилан и забаван и може се пратити у целини или делимично. Пројекти почињу мали и постају све сложенији до краја 12-недељног циклуса.
Док смо свесно избегавали увођење JavaScript фрејмворка како бисмо се концентрисали на основне вештине потребне као веб програмер пре усвајања фрејмворка, добар следећи корак након завршетка овог курикулума био би учење о Node.js-у кроз другу збирку видео снимака: "[Серија за почетнике: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Иако смо намерно избегли увођење JavaScript оквира да бисмо се концентрисали на основне вештине неопходне као веб програмер пре усвајања оквира, добар следећи корак након завршетка овог наставног плана био би учење о Node.js преко друге колекције видео материјала: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Посетите наше смернице [Code of Conduct](CODE_OF_CONDUCT.md) и [Contributing](CONTRIBUTING.md). Добро дошли су ваши конструктивни предлози!
> Посетите наша упутства за [Code of Conduct](CODE_OF_CONDUCT.md) и [Contributing](CONTRIBUTING.md). Добронамеран фидбек нам је добродошао!
## 🧭 Приступ ван мреже
## 🧭 Оффлине приступ
Ову документацију можете покренути ван мреже користећи [Docsify](https://docsify.js.org/#/). Форкујте овај репозиторијум, [инсталирајте Docsify](https://docsify.js.org/#/quickstart) на свом локалном уређају, а затим у коренској фасцикли овог репозиторијума откуцајте `docsify serve`. Веб сајт ће се послужити на порту 3000 на вашем локалном хосту: `localhost:3000`.
Можете да покренете ову документацију офлајн коришћењем [Docsify](https://docsify.js.org/#/). Клонирајте овај репозиторијум, [инсталирајте Docsify](https://docsify.js.org/#/quickstart) на свој локални рачунар, а затим у корену ове фасцикле укуцајте `docsify serve`. Веб сајт ће бити доступан на порту 3000 на вашем локалном хосту: `localhost:3000`.
## 📘 PDF
PDF свих лекција можете пронаћи [овде](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
PDF свих лекција може се пронаћи [овде](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Остали курсеви
@ -195,51 +211,51 @@ PDF свих лекција можете пронаћи [овде](https://micro
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j за почетнике](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js за почетнике](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
[![AZD за почетнике](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI за почетнике](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP за почетнике](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI агенти за почетнике](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Серии генеративне вештачке интелигенције
[![Генеративна AI за почетнике](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Генеративна AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Генеративна AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Генеративна AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
### Серия генеративне вештачке интелигенције
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
### Основно учење
[![Машинско учење за почетнике](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Наука о подацима за почетнике](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI за почетнике](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Кибербезбедност за почетнике](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Веб развој за почетнике](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT за почетнике](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR развој за почетнике](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Серии Ко-пилота
[![Ко-пилот за парно програмирање са 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)
[![Ко-пилот за 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)
[![Ко-пилот авантура](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
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Помоћ
## Како добити помоћ
Ако запнете или имате било каквих питања о изградњи AI апликација, прикључите се другим ученицима и искусним програмерима у дискусијама о MCP. То је подржавајућа заједница у којој су питања добродошла и знање се слободно дели.
Ако запнете или имате било каквих питања о изградњи AI апликација. Придружите се другим ученицима и искусним програмерима у дискусијама о MCP. То је подржавајућа заједница где су питања добродошла и где се знање слободно дели.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Ако имате повратне информације о производу или наиђете на грешке током израде, посетите:
Ако имате повратне информације о производу или грешке током израде посетите:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
@ -250,6 +266,6 @@ PDF свих лекција можете пронаћи [овде](https://micro
---
<!-- 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 -->
Write Preview
Loading…
Cancel
Save