diff --git a/translations/bg/.co-op-translator.json b/translations/bg/.co-op-translator.json index b4b7e9504..6945c97e6 100644 --- a/translations/bg/.co-op-translator.json +++ b/translations/bg/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-03-27T20:35:22+00:00", + "translation_date": "2026-04-06T17:16:39+00:00", "source_file": "AGENTS.md", "language_code": "bg" }, @@ -516,8 +516,8 @@ "language_code": "bg" }, "README.md": { - "original_hash": "a2c9eed480687319517c08a6319e5536", - "translation_date": "2026-03-06T13:26:07+00:00", + "original_hash": "b885c87c7544109b78d6684daad6cba6", + "translation_date": "2026-04-06T17:13:01+00:00", "source_file": "README.md", "language_code": "bg" }, diff --git a/translations/bg/AGENTS.md b/translations/bg/AGENTS.md index 328416db7..d9f292b4e 100644 --- a/translations/bg/AGENTS.md +++ b/translations/bg/AGENTS.md @@ -1,30 +1,30 @@ # AGENTS.md -## Преглед на проекта +## Общ преглед на проекта -Това е репозиториум с учебна учебна програма за преподаване на основите на уеб разработката за начинаещи. Учебната програма е изчерпателен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML. +Това е учебно хранилище с учебна програма за преподаване на основите на уеб разработката на начинаещи. Учебната програма е обширен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML. -### Ключови компоненти +### Основни компоненти - **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти -- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant +- **Практически проекти**: Терариум, Игра за писане, Разширение за браузър, Космическа игра, Банково приложение, Редактор на код и AI чат асистент - **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценки преди/след урок) -- **Многоезична поддръжка**: Автоматични преводи за 50+ езика чрез GitHub Actions +- **Поддръжка на множество езици**: Автоматични преводи за над 50 езика чрез GitHub Actions - **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти) ### Архитектура -- Образователен репозиториум със структура, базирана на уроци -- Всяка папка на урока съдържа README, примери с код и решения -- Самостоятелни проекти в отделни директории (quiz-app, различни проекти от уроците) +- Образователно хранилище с структура, базирана на уроци +- Всяка папка с урок съдържа README, кодови примери и решения +- Самостоятелни проекти в отделни директории (quiz-app, различни проекти за уроци) - Система за превод, използваща GitHub Actions (co-op-translator) -- Документация, обслужвана чрез Docsify и налична като PDF +- Документация, предоставена чрез Docsify и налична като PDF ## Команди за настройка -Този репозиториум е основно за консумация на образователно съдържание. За работа с конкретни проекти: +Това хранилище е основно за консумация на образователно съдържание. За работа с конкретни проекти: -### Основна настройка на репозитория +### Основна настройка на хранилището ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -36,27 +36,27 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # Стартирай сървър за разработка -npm run build # Изгради за продукция -npm run lint # Пусни ESLint +npm run dev # Стартиране на сървъра за разработка +npm run build # Създаване за продукция +npm run lint # Стартиране на ESLint ``` -### API за банков проект (Node.js + Express) +### API на Bank проекта (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # Стартирай API сървър -npm run lint # Стартирай ESLint -npm run format # Форматирай с Prettier +npm start # Стартиране на API сървър +npm run lint # Стартиране на ESLint +npm run format # Форматиране с Prettier ``` -### Проекти за разширения за браузър +### Проекти с разширения за браузър ```bash cd 5-browser-extension/solution npm install -# Следвайте инструкциите за зареждане на разширението, специфични за браузъра +# Следвайте инструкциите за зареждане на разширения, специфични за браузъра ``` ### Проекти за космическа игра @@ -64,44 +64,44 @@ npm install ```bash cd 6-space-game/solution npm install -# Отворете index.html в браузъра или използвайте Live Server +# Отворете index.html в браузър или използвайте Live Server ``` -### Чат проект (Python бекенд) +### Проект за чат (Python бекенд) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Задайте променливата на средата GITHUB_TOKEN +# Задайте променлива на околната среда GITHUB_TOKEN python api.py ``` ## Работен процес за разработка -### За автори на съдържание +### За допринасящи съдържание -1. **Направете форк на репозитория** във вашия GitHub акаунт -2. **Клонирайте вашия форк** локално +1. **Форкнете хранилището** в своя GitHub акаунт +2. **Клонирайте форка си** локално 3. **Създайте нов клон** за вашите промени -4. Направете промени в съдържанието на уроците или в примерите с код -5. Тествайте всякакви кодови промени в съответните директории на проектите -6. Изпратете pull request-ове, следвайки указанията за принос +4. Направете промени в съдържанието на урок или в кодовите примери +5. Тествайте всички кодови промени в съответните проектни директории +6. Подайте pull request според указанията за допринасяне -### За учащите +### За учащи -1. Форкнете или клонирайте репозитория -2. Отидете в директориите на уроците по ред +1. Форкнете или клонирайте хранилището +2. Навигирайте последователно през директориите с уроци 3. Прочетете README файловете за всеки урок -4. Попълнете предварителните тестове на https://ff-quizzes.netlify.app/web/ -5. Работете с примерите с код в папките на уроците -6. Изпълнете задачите и предизвикателствата -7. Направете пост-урочните тестове +4. Завършете тестовете преди урока на https://ff-quizzes.netlify.app/web/ +5. Работете по кодовите примери в папките с уроци +6. Изпълнете задачи и предизвикателства +7. Направете тестовете след урока -### Разработка на живо +### Жива разработка - **Документация**: Стартирайте `docsify serve` в корена (порт 3000) - **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app -- **Проекти**: Използвайте разширението Live Server на VS Code за HTML проекти +- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти - **API проекти**: Стартирайте `npm start` в съответните API директории ## Инструкции за тестване @@ -110,8 +110,8 @@ python api.py ```bash cd quiz-app -npm run lint # Проверете за проблеми със стила на кода -npm run build # Проверете, че изграждането е успешно +npm run lint # Проверка за проблеми със стила на кода +npm run build # Потвърдете успешното изграждане ``` ### Тестване на Bank API @@ -124,29 +124,29 @@ node server.js # Проверете дали сървърът стартир ### Общ подход за тестване -- Това е образователен репозиториум без изчерпателни автоматизирани тестове +- Това е образователно хранилище без обстойни автоматизирани тестове - Ръчното тестване се фокусира върху: - - Примерите с код да се изпълняват без грешки - - Връзките в документацията да работят правилно - - Проектните билдове да завършват успешно - - Примерите да следват добри практики + - Работоспособност на кодовите примери без грешки + - Работещи връзки в документацията + - Успешно изпълнение на билдове на проектите + - Примери, спазващи най-добри практики -### Проверки преди изпращане +### Проверки преди подаване -- Стартирайте `npm run lint` в директории с package.json +- Стартирайте `npm run lint` в директориите с package.json - Проверете дали markdown връзките са валидни -- Тествайте примерите с код в браузър или Node.js -- Проверете, че преводите запазват правилната структура +- Тествайте кодовите примери в браузър или Node.js +- Уверете се, че преводите запазват правилната структура ## Насоки за стил на кода ### JavaScript -- Използвайте съвременен синтаксис ES6+ -- Следвайте стандартните конфигурации на ESLint, предоставени в проектите -- Използвайте смислени имена на променливи и функции за образователна яснота +- Използвайте съвременен ES6+ синтаксис +- Следвайте стандартните ESLint конфигурации в проектите +- Използвайте смислени имена на променливи и функции за по-лесно разбиране - Добавяйте коментари, обясняващи концепциите за учащите -- Форматирайте с Prettier там, където е конфигуриран +- Форматирайте с Prettier, където е конфигуриран ### HTML/CSS @@ -157,124 +157,126 @@ node server.js # Проверете дали сървърът стартир ### Python -- Насоки за стил PEP 8 -- Ясни, образователни примери с код -- Указания за типове (type hints), когато са полезни за обучението +- Следвайте PEP 8 стилови указания +- Ясни, образователни кодови примери +- Използвайте типови подсказки, където е полезно за учене ### Markdown документация -- Ясна йерархия на заглавията -- Блокове с код със спецификация на езика +- Ясна иерархия на заглавията +- Кодови блокове с указание на езика - Връзки към допълнителни ресурси -- Екрани и изображения в директории `images/` -- Alt текст за изображения за достъпност +- Скрийншотове и изображения в папки `images/` +- Алтернативен текст на изображения за достъпност ### Организация на файловете -- Уроците номерирани последователно (1-getting-started-lessons, 2-js-basics, etc.) -- Всеки проект има `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: + ```bash cd quiz-app npm run build # Създава папка dist/ -# Извършва разгръщане чрез workflow на GitHub Actions при push към клона main +# Разгръща чрез GitHub Actions workflow при натискане към main ``` -Azure Static Web Apps конфигурация: -- **App location**: `/quiz-app` -- **Output location**: `dist` -- **Workflow**: `.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 +### Създаване на PDF документация ```bash -npm install # Инсталиране на docsify-to-pdf -npm run convert # Генериране на PDF от docs +npm install # Инсталирайте docsify-to-pdf +npm run convert # Генерирайте PDF от документи ``` ### Документация с Docsify ```bash npm install -g docsify-cli # Инсталирайте Docsify глобално -docsify serve # Стартирайте сървър на localhost:3000 +docsify serve # Стартирайте на localhost:3000 ``` -### Проектно-специфични билдове +### Сглобяване, специфично за проектите -Всяка проектна директория може да има собствен процес за билд: -- Vue проекти: `npm run build` създава продукционни пакети -- Статични проекти: Няма стъпка за изграждане, сервирайте файловете директно +Всяка проектна директория може да има свой собствен процес на билд: +- Vue проектите: `npm run build` създава продукционни пакети +- Статичните проекти: Няма стъпка за билд, файловете се сервират директно -## Насоки за Pull Requests +## Правила за pull request ### Формат на заглавието -Използвайте ясни, описателни заглавия, указващи областта на промяната: -- `[Quiz-app] Add new quiz for lesson X` -- `[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. **Качеството на кода**: +1. **Качество на кода**: - Стартирайте `npm run lint` в засегнатите проектни директории - - Поправете всички грешки и предупреждения от lint + - Коригирайте всички намерени грешки и предупреждения при проверката -2. **Проверка на билда**: +2. **Проверка на билд**: - Стартирайте `npm run build`, ако е приложимо - - Уверете се, че няма грешки при билд + - Уверете се, че няма грешки при съставянето -3. **Валидиране на връзки**: +3. **Проверка на връзките**: - Тествайте всички markdown връзки - - Проверете референциите към изображенията + - Проверете дали референциите към изображения работят 4. **Преглед на съдържанието**: - - Коригирайте правописа и граматиката - - Уверете се, че примерите с код са правилни и образователни - - Потвърдете, че преводите запазват оригиналния смисъл + - Коригирайте правопис и граматика + - Уверете се, че кодовите примери са правилни и образователни + - Проверката дали преводите запазват оригиналния смисъл -### Изисквания за принос +### Изисквания за участие -- Съгласете се с Microsoft CLA (автоматична проверка при първия PR) -- Следвайте [Кодекс за поведение с отворен код на Microsoft](https://opensource.microsoft.com/codeofconduct/) +- Съгласие с 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 workflow -- Превежда автоматично на 50+ езика -- Изходните файлове са в основните директории -- Преведените файлове в `translations/{language-code}/` директории +- Използва GitHub Actions с workflow co-op-translator +- Автоматичен превод на над 50 езика +- Оригинални файлове в основните директории +- Преведените файлове в директории `translations/{езиков-код}/` ### Добавяне на ръчни подобрения в превода -1. Намерете файла в `translations/{language-code}/` -2. Направете подобрения, като запазвате структурата -3. Уверете се, че примерите с код остават функционални -4. Тествайте всяко локализирано съдържание за тестове +1. Намерете файл в `translations/{езиков-код}/` +2. Направете подобрения, запазвайки структурата +3. Уверете се, че кодовите примери остават функционални +4. Тествайте всяко локализирано тестово съдържание ### Метаданни за превода -Преведените файлове включват хедър с метаданни: +Преведените файлове включват заглавна метаинформация: ```markdown ``` -## Отстраняване на грешки и решаване на проблеми +## Отстраняване на грешки и проблеми -### Чести проблеми +### Често срещани проблеми -**Quiz app fails to start**: +**Quiz приложението не стартира**: - Проверете версията на Node.js (препоръчително v14+) -- Изтрийте `node_modules` и `package-lock.json`, стартирайте `npm install` отново +- Изтрийте `node_modules` и `package-lock.json`, след което стартирайте отново `npm install` - Проверете за конфликти на портове (по подразбиране: Vite използва порт 5173) -**API server won't start**: +**Сървърът на API не стартира**: - Уверете се, че версията на Node.js отговаря на минималната (node >=10) -- Проверете дали портът вече не е зает +- Проверете дали портът вече не се използва - Уверете се, че всички зависимости са инсталирани с `npm install` -**Browser extension won't load**: +**Разширението за браузър не се зарежда**: - Проверете дали manifest.json е правилно форматиран - Проверете конзолата на браузъра за грешки -- Следвайте инструкции за инсталиране на разширения, специфични за браузъра +- Следвайте инструкциите за инсталиране на разширения според браузъра -**Python chat project issues**: +**Проблеми с Python чат проекта**: - Уверете се, че пакетът OpenAI е инсталиран: `pip install openai` -- Проверете, че променливата на средата GITHUB_TOKEN е зададена +- Проверете дали променливата на средата GITHUB_TOKEN е зададена - Проверете разрешенията за достъп до GitHub Models -**Docsify not serving docs**: -- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli` -- Стартирайте от кореновата директория на репозитория -- Проверете, че `docs/_sidebar.md` съществува +**Docsify не сервира документацията**: +- Инсталирайте глобално docsify-cli: `npm install -g docsify-cli` +- Стартирайте от кореновата директория на хранилището +- Проверете дали съществува файлът `docs/_sidebar.md` -### Съвети за среда за разработка +### Съвети за средата за разработка - Използвайте VS Code с разширението Live Server за HTML проекти -- Инсталирайте разширенията ESLint и Prettier за последователно форматиране -- Използвайте DevTools на браузъра за отстраняване на JavaScript грешки -- За Vue проекти, инсталирайте разширението Vue DevTools за браузър +- Инсталирайте ESLint и Prettier разширения за последователно форматиране +- Използвайте DevTools на браузъра за отстраняване на JavaScript проблеми +- За Vue проекти инсталирайте браузър разширението Vue DevTools -### Съображения за производителност +### Съображения за производителността -- Голям брой преведени файлове (50+ езика) прави пълните клонове големи -- Използвайте shallow clone, ако работите само с съдържание: `git clone --depth 1` -- Изключете преводите от търсенията, когато работите с английско съдържание -- Процесите за билд може да са бавни при първото изпълнение (npm install, Vite build) +- Голям брой преведени файлове (50+ езика) означава големи пълни клонинги +- Използвайте shallow clone, ако работите само със съдържание: `git clone --depth 1` +- Изключете преводите от търсения при работа с английско съдържание +- Процесите на билд може да са бавни при първо изпълнение (npm install, Vite build) ## Съображения за сигурност ### Променливи на средата -- API ключовете никога не трябва да се комитират в репозитория +- Ключовете за API никога не бива да се комитват в хранилището - Използвайте `.env` файлове (вече в `.gitignore`) -- Документирайте необходимите променливи на средата в README файловете на проектите +- Документирайте необходимите променливи на средата в README на проектите ### Python проекти - Използвайте виртуални среди: `python -m venv venv` -- Поддържайте зависимостите актуални +- Поддържайте зависимостите обновени - GitHub токените трябва да имат минимално необходими разрешения ### Достъп до GitHub Models @@ -355,52 +357,52 @@ CO_OP_TRANSLATOR_METADATA: ### Целева аудитория - Напълно начинаещи в уеб разработката -- Студенти и самообучаващи се -- Учители, използващи учебната програма в класни стаи -- Съдържанието е проектирано за достъпност и постепенно изграждане на умения +- Студенти и самонайствнюющи се +- Учители, използващи учебната програма в класната стая +- Съдържанието е проектирано за достъпност и постепенно придобиване на умения ### Образователна философия -- Подход, базиран на проекти +- Проектно-базирано обучение - Чести проверки на знанията (тестове) -- Практически упражнения с код +- Практически упражнения по кодиране - Примери с реални приложения - Фокус върху основите преди фреймуърковете -### Поддръжка на репозитория +### Поддръжка на хранилището - Активна общност от учащи и допринасящи - Редовни актуализации на зависимости и съдържание -- Проблемите и дискусиите се следят от поддържащите -- Актуализациите на преводите автоматизирани чрез GitHub Actions +- Мониторинг на проблеми и дискусии от поддържащите +- Автоматизирани актуализации на преводите чрез GitHub Actions ### Свързани ресурси - [Модули на Microsoft Learn](https://docs.microsoft.com/learn/) - [Ресурси на Student Hub](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчва се за учащите -- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни програми налични +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчван за учащите +- Допълнителни курсове: генеративно AI, Data Science, ML, IoT учебни програми ### Работа с конкретни проекти -За подробни инструкции за отделните проекти, вижте README файловете в: -- `quiz-app/README.md` - Vue 3 quiz application -- `7-bank-project/README.md` - Banking application with authentication -- `5-browser-extension/README.md` - Browser extension development -- `6-space-game/README.md` - Canvas-based game development -- `9-chat-project/README.md` - AI chat assistant project +За подробни инструкции по отделните проекти вижте 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). Въпреки че се стремим към точност, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на оригиналния език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да е недоразумения или погрешни тълкувания, възникнали в резултат на използването на този превод. +Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за никакви недоразумения или неправилни тълкувания, произтичащи от използването на този превод. \ No newline at end of file diff --git a/translations/bg/README.md b/translations/bg/README.md index def8d63b1..318c9946f 100644 --- a/translations/bg/README.md +++ b/translations/bg/README.md @@ -1,21 +1,21 @@ -# Уеб разработка за начинаещи - учебна програма +# Уеб разработка за начинаещи - Учебна програма -Научете основите на уеб разработката с нашия 12-седмичен всеобхватен курс от Microsoft Cloud Advocates. Всеки от 24-те урока разглежда JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Включете се с викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашата ефективна педагогика, базирана на проекти. Започнете своето пътешествие в кодирането още днес! +Научете основите на уеб разработката с нашия 12-седмичен изчерпателен курс, воден от Microsoft Cloud Advocates. Във всеки от 24-те урока ще се потопите в JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузъри и космически игри. Включете се в викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашия ефективен проектно-базиран подход. Започнете своето програмиране днес! -Присъединете се към общността Azure AI Foundry в Discord +Присъединете се към Azure AI Foundry Discord Общността -Следвайте тези стъпки, за да започнете да използвате тези ресурси: -1. **Форкнете хранилището**: Кликнете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Клонирайте хранилището**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Присъединете се към Azure AI Foundry Discord и срещнете експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4) +Следвайте тези стъпки, за да започнете с тези ресурси: +1. **Клонирайте репозитория**: Натиснете [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Клонирайте репозитория локално**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Присъединете се към Azure AI Foundry Discord и се срещнете с експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Поддръжка на множество езици -#### Поддържа се чрез GitHub Action (автоматизирано и винаги актуално) +#### Поддържа се чрез GitHub Action (Автоматично и винаги актуално) > **Предпочитате да клонирате локално?** > -> Това хранилище включва над 50 езикови превода, което значително увеличава размера на изтегляне. За да клонирате без преводите, използвайте sparse checkout: +> Този репозитори включва над 50 превода на езици, което значително увеличава размера на изтегляне. За да клонирате без преводи, използвайте sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -31,225 +31,221 @@ > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо изтегляне. +> Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне. -**Ако желаете поддръжка на допълнителни езици за превод, те са посочени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Ако желаете да имате допълнителни поддържани езици за превод, те са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -#### 🧑‍🎓 _Студент ли сте?_ +#### 🧑‍🎓 _Вие студент ли сте?_ -Посетете [**страницата Студентски център**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите източници за начинаещи, студентски пакети и дори възможности за получаване на безплатен ваучер за сертификат. Това е страницата, която си струва да запазите и проверявате периодично, тъй като съдържанието се обновява месечно. +Посетете [**Страница за студенти**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите ресурси за начинаещи, студентски пакети и дори начини да получите безплатен ваучер за сертификат. Това е страницата, която трябва да запазите и да проверявате от време на време, тъй като месечно сменяме съдържанието. -### 📣 Обява - Нови предизвикателства в GitHub Copilot Agent режим! +### 📣 Обявление - Нови предизвикателства за режим GitHub Copilot Agent! -Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което да завършите, използвайки GitHub Copilot и Agent режим. Ако не сте използвали досега Agent режим, той може не само да генерира текст, но и да създава и редактира файлове, да изпълнява команди и още. +Добавено е ново предизвикателство, търсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което трябва да завършите, използвайки GitHub Copilot и режим Agent. Ако не сте използвали режим Agent преди, той може не само да генерира текст, но и да създава и редактира файлове, да изпълнява команди и още. -### 📣 Обява - _Нов проект за разработка с използване на генеративен AI_ +### 📣 Обявление - _Нов проект за изграждане с Generative AI_ -Току-що добавен нов проект AI Асистент, разгледайте го [тук](./9-chat-project/README.md) +Току-що добавен нов проект AI Асистент, разгледайте [проекта](./9-chat-project/README.md) -### 📣 Обява - _Нова учебна програма_ за генеративен AI за JavaScript току-що излезе +### 📣 Обявление - _Нова учебна програма_ за Generative AI за JavaScript току-що излезе -Не пропускайте новия ни курс за генеративен AI! +Не пропускайте нашата нова учебна програма за Generative AI! Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете! -- Уроци, обхващащи всичко от основите до RAG. -- Взаимодействайте с исторически персонажи чрез GenAI и нашето спомагателно приложение. -- Забавен и ангажиращ разказ, пътуване във времето! +- Уроци, покриващи всичко от основи до RAG. +- Взаимодействайте с исторически личности чрез GenAI и нашето приложение спътник. +- Забавен и увлекателен разказ, ще пътувате във времето! -Във всеки урок има задача за изпълнение, проверка на знанията и предизвикателство, които ви насочват към изучаване на теми като: -- Създаване на команди и инженерство на подкани -- Генериране на текст и изображения за приложения +Всеки урок включва задача за изпълнение, проверка на знания и предизвикателство, които да ви помогнат при изучаването на теми като: +- Подсказване и инженеринг на подсказки +- Генериране на приложения за текст и изображения - Приложения за търсене -Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете! - +Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) за да започнете! +## 🌱 Започване -## 🌱 Как да започнете +> **Учители**, ние сме [включили някои предложения](for-teachers.md) как да използвате тази учебна програма. Ще се радваме на обратна връзка от вас [в нашия форум за дискусии](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -> **Учители**, включили сме някои предложения [тук](for-teachers.md) за използване на тази учебна програма. Ще се радваме на обратна връзка [в нашия форум за обсъждания](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +**[Учащи](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с предварителна викторина и след това продължете с четене на учебния материал, изпълнение на различни дейности и проверете разбирането си с пост-лекционна викторина. -**[Обучаващи се](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с тест преди лекцията и продължете с четене на учебния материал, изпълнение на различни дейности и проверете разбирането си чрез тест след лекцията. +За да подобрите учебния си опит, свържете се с връстници, за да работите заедно по проектите! Насърчават се дискусии в нашия [форум за дискусии](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори ще е на разположение да отговаря на вашите въпроси. -За по-добро изживяване в ученето, свържете се с вашите връстници за съвместна работа по проектите! Обсъжданията са насърчавани в нашия [форум за обсъждания](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори е на разположение да отговори на вашите въпроси. - -За да задълбочите обучението си, силно препоръчваме да изследвате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали. +За да задълбочите образованието си, силно препоръчваме да разгледате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали. ### 📋 Настройване на вашата среда -Тази учебна програма включва готова развойна среда! Когато започвате можете да изберете да използвате курса в [Codespace](https://github.com/features/codespaces/) (_браузър-базирана среда без нужда от инсталации_), или локално на компютъра си с текстов редактор, като например [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Тази учебна програма разполага с готова среда за разработка! Докато започвате, можете да изберете да изпълнявате учебната програма в [Codespace](https://github.com/features/codespaces/) (_среда в браузъра без нужда от инсталация_), или локално на компютъра си с текстов редактор като [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Създайте свое хранилище -За да запазвате лесно работата си, е препоръчително да създадете собствено копие на това хранилище. Можете да го направите, като кликнете на бутона **Use this template** в горната част на страницата. Това ще създаде ново хранилище в профила ви в GitHub с копие на учебната програма. +#### Създаване на собствено репозитори +За да ви е по-лесно да запазвате работата си, се препоръчва да създадете собствено копие на това репозитори. Можете да го направите, като натиснете бутона **Use this template** в горната част на страницата. Това ще създаде нов репозитори в акаунта ви в GitHub с копие на учебната програма. Следвайте тези стъпки: -1. **Форкнете хранилището**: Кликнете бутона "Fork" в горния десен ъгъл на тази страница. -2. **Клонирайте хранилището**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` - -#### Използване на учебната програма в Codespace +1. **Клонирайте репозитория**: Натиснете бутона "Fork" в горния десен ъгъл на тази страница. +2. **Клонирайте репозитория локално**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -В създаденото от вас копие на хранилището, кликнете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който можете да работите. +#### Стартиране на учебната програма в Codespace -![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.webp) +В копието на това репозитори, което създадохте, натиснете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който да работите. -#### Използване на учебната програма локално на вашия компютър +#### Стартиране на учебната програма локално на компютъра -За да стартирате учебната програма локално, ще ви трябва текстов редактор, браузър и команден терминал. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас. +За да стартирате тази учебна програма локално на компютъра си, ще ви трябва текстов редактор, браузър и инструмент за команден ред. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящото за вас. -Нашата препоръка е да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който включва и интегриран [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Клонирайте хранилището си на компютъра. Можете да го направите като кликнете върху бутона **Code** и копирате URL адреса: +Препоръчваме ви да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който разполага и с вграден [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Клонирайте вашето хранилище на компютъра си. Можете да го направите като кликнете на бутона **Code** и копирате URL адреса: [CodeSpace](./images/createcodespace.png) - След това отворете [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) в [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `` с току-що копирания 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) и изпълнете следната команда, като замените `` с URL адреса, който току-що копирахте: ```bash git clone ``` -2. Отворете папката във Visual Studio Code. Можете да го направите като кликнете върху **File** > **Open Folder** и изберете папката, която току-що клонирахте. +2. Отворете папката във Visual Studio Code. Можете да го направите като кликнете на **File** > **Open Folder** и изберете папката, която току-що клонирахте. -> Препоръчителни разширения за Visual Studio Code: +> Препоръчани разширения за Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед на HTML страници в Visual Studio Code -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за бързо писане на код +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед на HTML страници директно във Visual Studio Code +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - да ви помага да пишете код по-бързо -## 📂 Всяко занятие включва: +## 📂 Всеки урок включва: -- по избор скица -- по избор допълнително видео -- въпросник за загряване преди занятието -- писмен урок -- за занятия на база проект, стъпка по стъпка инструкции за изграждане на проекта +- по желание скица +- по желание допълнително видео +- предварителен топъл тест преди урока +- написан урок +- за уроци, базирани на проекти, стъпка по стъпка ръководства за изграждане на проекта - проверки на знанията - предизвикателство - допълнително четиво -- задача -- [въпросник след занятието](https://ff-quizzes.netlify.app/web/) - -> **Бележка за въпросниците**: Всички въпросници са в папката Quiz-app, общо 48 с по три въпроса. Те са достъпни [тук](https://ff-quizzes.netlify.app/web/), приложението за въпросниците може да се изпълни локално или да се публикува в Azure; следвайте инструкциите в папката `quiz-app`. - -## 🗃️ Занятия - -| | Име на проекта | Преподавани концепции | Учебни цели | Свързан урок | Автор | -| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Започване | Въведение в програмирането и инструментите на професията | Научете основите на повечето програмни езици и софтуер, който помага на професионалните разработчици да вършат работата си | [Въведение в програмните езици и инструментите](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Започване | Основи на GitHub, включително работа в екип | Как да използвате GitHub в своя проект, как да сътрудничите по код | [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Започване | Достъпност | Научете основите на уеб достъпността | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Основи на JS | Типове данни в JavaScript | Основи на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Основи на JS | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher | -| 06 | Основи на JS | Вземане на решения с JS | Научете как да създавате условия във вашия код с методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Основи на JS | Масиви и цикли | Работа с данни чрез масиви и цикли в JavaScript | [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Терариум](./3-terrarium/solution/README.md) | Практическо HTML | Създайте HTML за онлайн терариум, съсредоточавайки се върху изграждането на оформлението | [Въведение в HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Терариум](./3-terrarium/solution/README.md) | Практическо CSS | Създайте CSS за стилизиране на онлайн терариума, фокусирайки се върху основите на CSS, включително правене на страницата отзивчива | [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Терариум](./3-terrarium/solution/README.md) | JavaScript Closures, манипулация на DOM | Създайте JavaScript, за да направите терариума с интерфейс за влачене и пускане, съсредоточени върху closures и манипулация на DOM | [JavaScript Closures, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавиатурни събития за управление на логиката в JavaScript приложението ви | [Програмиране, базирано на събития](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър | [Относно браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Изграждане на форма, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементи на разширението си за браузър, за да извиквате API с променливи, съхранени локално | [APIs, Форми и Локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Космическа игра](./6-space-game/solution/README.md) | По-напреднало игрово развитие с JavaScript | Научете за наследяване с класове и композиция и за дизайна Pub/Sub, в подготовка за изграждане на игра | [Въведение в напреднало игрово развитие](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Космическа игра](./6-space-game/solution/README.md) | Рисуване върху канвас | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване върху Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Космическа игра](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите придобиват движение чрез декартови координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Космическа игра](./6-space-game/solution/README.md) | Откриване на сблъсъци | Направете елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и предоставете cooldown функция | [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Космическа игра](./6-space-game/solution/README.md) | Отчитане на резултата | Извършвайте математически изчисления въз основа на състоянието и изпълнението на играта | [Отчитане на резултата](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Космическа игра](./6-space-game/solution/README.md) | Приключване и рестартиране на играта | Научете за приключването и рестартирането на играта, включително почистване на ресурси и нулиране на променливи | [Условия за приключване](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Банково приложение](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създавате структурата на многостраничен уебсайт чрез маршрутизация и HTML шаблони | [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Банково приложение](./7-bank-project/solution/README.md) | Създаване на форма за влизане и регистрация | Научете за създаване на формуляри и обработка на валидиращи процедури | [Формуляри](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Банково приложение](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните влизат и излизат от приложението ви, как да ги извличате, съхранявате и изхвърляте | [Данни](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Банково приложение](./7-bank-project/solution/README.md) | Концепции за управление на състоянието | Научете как приложението ви задържа състояние и как да го управлявате програмно | [Управление на състоянието](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Код за браузър/VSCode](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код | [Използване на редактор код в VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI асистенти](./9-chat-project/README.md) | Работа с AI | Научете как да изградите собствен AI асистент | [Проект AI асистент](./9-chat-project/README.md) | Chris | +- задание +- [тест след урока](https://ff-quizzes.netlify.app/web/) + +> **Бележка за тестовете**: Всички тестове се намират в папката Quiz-app, общо 48 теста с по три въпроса във всеки. Те са достъпни [тук](https://ff-quizzes.netlify.app/web/), приложението за тестове може да се изпълнява локално или да се публикува в Azure; следвайте инструкциите в папката `quiz-app`. + +## 🗃️ Уроци + +| | Име на проекта | Теми, които се преподават | Учебни цели | Свързан урок | Автор | +| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Getting Started | Въведение в програмирането и инструментите на занаята | Научете основите зад повечето програмни езици и софтуера, който помага на професионалните разработчици да вършат работата си | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Getting Started | Основи на GitHub, включва работа в екип | Как да използвате GitHub в проекта си, как да си сътрудничите с други върху кодовата база | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Getting Started | Достъпност | Научете основите на уеб достъпността | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher | +| 06 | JS Basics | Вземане на решения с JS | Научете как да създавате условия в кода си чрез методи за вземане на решения | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | Масиви и цикли | Работа с данни чрез масиви и цикли в JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML на практика | Създайте HTML за онлайн терариум, с фокус върху създаването на оформление | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS на практика | Създайте CSS, за да стилизирате онлайн терариума с акцент върху основите на CSS, включително адаптивност на страницата | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript затваряния, манипулация на DOM | Създайте JavaScript, за да направите терариума функционален с drag/drop интерфейс, с акцент върху затваряния и манипулация на DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавишни събития, за да управлявате логиката на вашето JavaScript приложение | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да изградите първите елементи на браузър разширение | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Създаване на форма, повикване на API и съхраняване на променливи в локално хранилище | Изградете JavaScript елементи на браузър разширението си за извикване на API с използване на променливи, съхранявани в локално хранилище | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации за повишаване | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция и патърна Pub/Sub, като подготовка за създаване на игра | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Рисуване върху платно | Научете за Canvas API, използван за рисуване на елементи на екран | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите могат да придобият движение чрез декартови координати и Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Откриване на сблъсък | Накарайте елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и добавете функция за забавяне, за да осигурите производителност на играта | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Водене на резултати | Извършвайте математически изчисления въз основа на състоянието и представянето на играта | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Край и рестартиране на играта | Научете за край и рестартиране на играта, включително почистване на ресурси и нулиране на стойности на променливи | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете скелет на архитектурата на многостраничен уебсайт чрез маршрутизиране и HTML шаблони | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Създаване на формуляр за вход и регистрация | Научете за създаването на формуляри и обработката на валидационни процедури | [Forms](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните постъпват и излизат от приложението ви, как да ги изтегляте, съхранявате и изтривате | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепции за управление на състояние | Научете как вашето приложение запазва състояние и как да го управлявате програмно | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Работа с изкуствен интелект | Научете как да създадете собствен AI асистент | [AI Assistant project](./9-chat-project/README.md) | Chris | ## 🏫 Педагогика -Нашата учебна програма е създадена с два ключови педагогически принципа на ум: -* обучение, базирано на проекти +Нашата учебна програма е създадена с два ключови педагогически принципа: +* обучение чрез проекти * чести тестове -Програмата учи основите на 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). -## 🎒 Други Курсове +## 🎒 Други курсове -Нашият екип произвежда и други курсове! Разгледайте: +Екипът ни произвежда и други курсове! Разгледайте: ### 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) -[![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) +[![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 / Агенти -[![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 -[![Генеративен 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) +### Генеративен 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) --- -### Основно Обучение -[![Машинно обучение за начинаещи](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) --- ### Серия Copilot -[![Copilot за AI Сдвоявано Програмиране](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot за C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) -[![Приключения с Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) +[![Copilot 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) -## Как да получите помощ +## Получаване на помощ -Ако се затрудните или имате въпроси относно изграждането на 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) за повече информация. --- **Отказ от отговорност**: -Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод. +Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод. \ No newline at end of file diff --git a/translations/ro/.co-op-translator.json b/translations/ro/.co-op-translator.json index 019525889..518d75b25 100644 --- a/translations/ro/.co-op-translator.json +++ b/translations/ro/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-03-27T20:31:44+00:00", + "translation_date": "2026-04-06T17:15:26+00:00", "source_file": "AGENTS.md", "language_code": "ro" }, @@ -516,8 +516,8 @@ "language_code": "ro" }, "README.md": { - "original_hash": "a2c9eed480687319517c08a6319e5536", - "translation_date": "2026-03-06T13:17:57+00:00", + "original_hash": "b885c87c7544109b78d6684daad6cba6", + "translation_date": "2026-04-06T17:08:55+00:00", "source_file": "README.md", "language_code": "ro" }, diff --git a/translations/ro/AGENTS.md b/translations/ro/AGENTS.md index c6a57b70f..4091792cb 100644 --- a/translations/ro/AGENTS.md +++ b/translations/ro/AGENTS.md @@ -1,30 +1,30 @@ # AGENTS.md -## Prezentare generală a proiectului +## Prezentarea Proiectului -Aceasta este o arhivă curriculară educațională pentru predarea elementelor fundamentale de dezvoltare web pentru începători. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltate de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind JavaScript, CSS și HTML. +Acesta este un depozit de curriculum educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, care include 24 de lecții practice ce acoperă JavaScript, CSS și HTML. -### Componente cheie +### Componente Cheie -- **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte -- **Proiecte practice**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor și AI Chat Assistant -- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție) -- **Suport multi-limbă**: Traduceri automate pentru 50+ de limbi prin GitHub Actions +- **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 de chat AI +- **Chestionare Interactive**: 48 chestionare cu câte 3 întrebări fiecare (evaluări înainte/după 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) ### Arhitectură -- Arhivă educațională cu structură bazată pe lecții -- Fiecare dosar de lecție conține README, exemple de cod și soluții -- Proiecte independente în directoare separate (quiz-app, diverse proiecte de lecții) +- 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ț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 -Această arhivă este destinată în principal consumului de conținut educațional. Pentru a lucra cu proiecte specifice: +Acest depozit este destinat în principal consumului de conținut educațional. Pentru lucrul cu proiecte specifice: -### Configurare principală a repository-ului +### Configurare Principală a Depozitului ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -41,7 +41,7 @@ npm run build # Construiește pentru producție npm run lint # Rulează ESLint ``` -### API pentru proiectul Bank (Node.js + Express) +### API Proiect Bancar (Node.js + Express) ```bash cd 7-bank-project/api @@ -51,7 +51,7 @@ npm run lint # Rulează ESLint npm run format # Formatează cu Prettier ``` -### Proiecte Browser Extension +### Proiecte Extensie Browser ```bash cd 5-browser-extension/solution @@ -59,7 +59,7 @@ npm install # Urmați instrucțiunile specifice browserului pentru încărcarea extensiilor ``` -### Proiecte Space Game +### Proiecte Joc Spațial ```bash cd 6-space-game/solution @@ -67,7 +67,7 @@ npm install # Deschide index.html în browser sau folosește Live Server ``` -### Proiect Chat (backend Python) +### Proiect Chat (Backend Python) ```bash cd 9-chat-project/solution/backend/python @@ -76,207 +76,207 @@ pip install openai python api.py ``` -## Flux de dezvoltare +## Flux de Dezvoltare -### Pentru contribuitorii de conținut +### Pentru Contribuitorii de Conținut -1. **Fork la repository** în contul tău GitHub -2. **Clonează fork-ul** local -3. **Creează un nou branch** pentru modificările tale -4. Fă modificări în conținutul lecțiilor sau în exemplele de cod -5. Testează orice modificare de cod în directoarele proiectelor relevante -6. Trimite pull requests urmând ghidurile de contribuție +1. **Furcați depozitul** în contul vostru GitHub +2. **Clonați furca** local +3. **Creați un nou branch** pentru modificările voastre +4. Faceți modificări în conținutul lecțiilor sau exemplele de cod +5. Testați orice modificare de cod în directoarele proiectelor relevante +6. Trimiteți pull requests respectând ghidul de contribuție -### Pentru cursanți +### Pentru Învățăcei -1. Fork sau clonează repository-ul -2. Navighează secvențial prin 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 folderele lecțiilor -6. Finalizează temele și provocările -7. Susține chestionarele post-lecție +1. Fork sau clonați depozitul +2. Navigați secvențial în directoarele lecțiilor +3. Citiți fișierele README pentru fiecare lecție +4. Completați chestionarele pre-lectură la https://ff-quizzes.netlify.app/web/ +5. Parcurgeți exemplele de cod din folderele lecțiilor +6. Finalizați temele și provocările +7. Susțineți chestionarele post-lectură -### Dezvoltare locală (Live Development) +### Dezvoltare Live -- **Documentație**: Rulează `docsify serve` în rădăcină (portul 3000) -- **Quiz App**: Rulează `npm run dev` în directorul quiz-app -- **Proiecte**: Folosește extensia VS Code Live Server pentru proiectele HTML -- **Proiecte API**: Rulează `npm start` în directoarele API respective +- **Documentație**: Rulați `docsify serve` în rădăcină (port 3000) +- **Quiz App**: Rulați `npm run dev` în directorul quiz-app +- **Proiecte**: Folosiți extensia VS Code Live Server pentru proiectele HTML +- **Proiecte API**: Rulați `npm start` în directoarele API corespunzătoare -## Instrucțiuni de testare +## Instrucțiuni de Testare ### Testare Quiz App ```bash cd quiz-app -npm run lint # Verifică probleme de stil ale codului +npm run lint # Verifică problemele de stil al codului npm run build # Verifică dacă compilarea reușește ``` -### Testare Bank API +### Testare API Bancar ```bash cd 7-bank-project/api -npm run lint # Verifică problemele de stil din cod +npm run lint # Verifică problemele de stil ale codului node server.js # Verifică dacă serverul pornește fără erori ``` -### Abordare generală de testare +### Abordare Generală de Testare -- Aceasta este o arhivă educațională fără teste automate cuprinzătoare +- Este un depozit educațional fără teste automate cuprinzătoare - Testarea manuală se concentrează pe: - Exemplele de cod rulează fără erori - Linkurile din documentație funcționează corect - - Build-urile proiectelor se finalizează cu succes - - Exemplele urmează bune practici + - Proiectele se construiesc cu succes + - Exemplele respectă bunele practici -### Verificări pre-trimitere +### Verificări Pre-trimitere -- 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ă că traducerile păstrează structura corespunzătoare +- 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 păstrează structura corectă -## Ghid de stil pentru cod +## Ghid de Stil pentru Cod ### JavaScript -- Folosește sintaxa modernă ES6+ -- Urmează configurațiile standard ESLint furnizate în proiecte -- Folosește nume semnificative pentru variabile și funcții pentru claritate educațională -- Adaugă comentarii care explică conceptele pentru cursanți -- Formatează folosind Prettier acolo unde este configurat +- Folosiți sintaxa modernă ES6+ +- Respectați configurațiile standard ESLint din proiecte +- Utilizați nume semnificative pentru variabile și funcții pentru claritate educațională +- Adăugați comentarii explicative pentru învățăcei +- Formatați cu Prettier unde este configurat ### HTML/CSS - Elemente semantice HTML5 - Principii de design responsive - Convenții clare de denumire a claselor -- Comentarii care explică tehnicile CSS pentru cursanți +- Comentarii explicative pentru tehnici CSS pentru învățare ### Python -- Ghiduri de stil PEP 8 -- Exemple de cod clare și educaționale -- Hint-uri de tipare acolo unde sunt utile pentru învățare +- Respectați ghidul de stil PEP 8 +- Exemple de cod clare, educaționale +- Hinturi de tip unde sunt utile pentru învățare ### Documentație Markdown - Ierarhie clară a titlurilor -- Blocuri de cod cu specificație a limbajului +- Blocuri de cod cu specificare de limbaj - 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.) -- Fiecare proiect are `solution/` și adesea `start/` sau `your-work/` directoare +- Fiecare proiect are directoare `solution/` și de obicei `start/` sau `your-work/` - Imaginile stocate în foldere `images/` specifice lecțiilor - Traducerile în structura `translations/{language-code}/` -## Build și Deployment +## Construire și Deploy -### Deployment Quiz App (Azure Static Web Apps) +### Deploy Quiz App (Azure Static Web Apps) -Quiz-app este configurat pentru deployment pe Azure Static Web Apps: +quiz-app este configurat pentru deploy pe Azure Static Web Apps: ```bash cd quiz-app npm run build # Creează folderul dist/ -# Desfășoară prin fluxul de lucru GitHub Actions la împingerea în ramura main +# Implementare prin workflow GitHub Actions la push pe main ``` -Azure Static Web Apps configuration: -- **App location**: `/quiz-app` -- **Output location**: `dist` +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` -### Generare PDF pentru documentație +### Generare PDF Documentație ```bash npm install # Instalează docsify-to-pdf -npm run convert # Generează PDF din documentație +npm run convert # Generează PDF din docs ``` ### Documentație Docsify ```bash -npm install -g docsify-cli # Instalează Docsify la nivel global +npm install -g docsify-cli # Instalează Docsify global docsify serve # Servește pe localhost:3000 ``` -### Build-uri specifice proiectelor +### Build-uri Specifice Proiectului Fiecare director de proiect poate avea propriul proces de build: -- Proiecte Vue: `npm run build` creează bundle-uri pentru producție +- Proiecte Vue: `npm run build` creează bundle-uri de producție - Proiecte statice: Fără pas de build, servește fișierele direct ## Ghid pentru Pull Request-uri -### Formatul titlului +### Formatul Titlului -Folosește titluri clare și descriptive care indică aria modificării: -- `[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` +Folosiți titluri clare și descriptive care indică zona de schimbare: +- `[Quiz-app] Adaugă un nou chestionar pentru lecția X` +- `[Lesson-3] Corectează o greșeală din proiectul terrarium` +- `[Translation] Adaugă traducerea în spaniolă pentru lecția 5` +- `[Docs] Actualizează instrucțiunile de configurare` -### Verificări necesare +### Verificările Necesare Înainte de a trimite un PR: -1. **Calitatea codului**: - - Rulează `npm run lint` în directoarele proiectului afectate - - Remediază toate erorile și avertismentele de lint +1. **Calitatea Codului**: + - Rulați `npm run lint` în directoarele proiectului afectat + - Remediați toate erorile și avertismentele lint -2. **Verificare build**: - - Rulează `npm run build` dacă este aplicabil - - Asigură-te că nu există erori de build +2. **Verificarea Build-ului**: + - Rulați `npm run build` dacă este aplicabil + - Asigurați-vă că nu există erori la build -3. **Validare linkuri**: - - Testează toate linkurile markdown - - Verifică referințele la imagini +3. **Validarea Linkurilor**: + - Testați toate linkurile markdown + - Verificați referințele imaginilor -4. **Revizuire conținut**: - - Verifică ortografia și gramatica - - Asigură-te că exemplele de cod sunt corecte și educaționale - - Verifică că traducerile păstrează sensul original +4. **Revizuire Conținut**: + - Corectați ortografia și gramatica + - Asigurați corectitudinea și valoarea educațională a exemplelor de cod + - Verificați că traducerile păstrează sensul original -### Cerințe pentru contribuție +### Cerințe pentru Contribuție -- Acceptă Microsoft CLA (verificare automată la primul PR) -- Urmează [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Vezi [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate -- Referă numerele issue-urilor în descrierea PR-ului dacă este cazul +- Acceptați Microsoft CLA (verificare automată la primul PR) +- Urmați [Codul de conduită Microsoft Open Source](https://opensource.microsoft.com/codeofconduct/) +- Consultați [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate +- Referiți numerele de issue în descrierea PR-ului dacă este cazul -### Procesul de revizuire +### Procesul de Revizuire -- PR-urile sunt revizuite de maintaineri și comunitate +- PR-urile sunt revizuite de menținători și comunitate - Claritatea educațională este prioritară -- Exemplele de cod trebuie să urmeze bune practici actuale -- Traducerile sunt revizuite pentru acuratețe și adecvare culturală +- Exemplele de cod ar trebui să urmeze cele mai bune practici curente +- Traducerile sunt revizuite pentru corectitudine și potrivire culturală -## Sistemul de traducere +## Sistemul de Traducere -### Traducere automată +### Traducere Automată -- Folosește GitHub Actions cu workflow-ul co-op-translator -- Traduce automat în 50+ de limbi -- Fișiere sursă în directoarele principale -- Fișiere traduse în directoarele `translations/{language-code}/` +- Folosește GitHub Actions cu workflow co-op-translator +- Traduce automat în peste 50 de limbi +- Fișierele sursă în directoare principale +- Fișierele traduse în directoarele `translations/{language-code}/` -### Adăugarea îmbunătățirilor manuale la traduceri +### Adăugarea Îmbunătățirilor Manuale de Traducere -1. Localizează fișierul în `translations/{language-code}/` -2. Fă îmbunătățiri păstrând structura -3. Asigură-te că exemplele de cod rămân funcționale -4. Testează orice conținut localizat al chestionarelor +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 pentru chestionare -### Metadate pentru traduceri +### Metadate ale Traducerii -Fișierele traduse includ antetul de metadate: +Fișierele traduse includ un antet cu metadate: ```markdown ``` -## Depanare și rezolvarea problemelor +## Depanare și Rezolvare Probleme -### Probleme comune +### Probleme Comune **Quiz app nu pornește**: -- Verifică versiunea Node.js (recomandat v14+) -- Șterge `node_modules` și `package-lock.json`, rulează `npm install` din nou -- Verifică conflictele de port (implicit: Vite folosește portul 5173) +- 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) **Serverul API nu pornește**: -- Verifică dacă versiunea Node.js îndeplinește minimul (node >=10) -- Verifică dacă portul este deja folosit -- Asigură-te că toate dependențele sunt instalate cu `npm install` +- Verificați dacă versiunea Node.js este minimă (node >=10) +- Verificați dacă portul este deja ocupat +- Asigurați-vă că toate dependențele sunt instalate cu `npm install` -**Browser extension nu se încarcă**: -- Verifică dacă manifest.json este formatat corect -- Verifică consola browser-ului pentru erori -- Urmează instrucțiunile specifice browser-ului pentru instalarea extensiei +**Extensia de browser nu se încarcă**: +- Verificați dacă manifest.json este formatat corect +- Verificați consola browser-ului pentru erori +- Urmați instrucțiunile specifice browserului pentru instalarea extensiei -**Probleme proiect chat Python**: -- Asigură-te că pachetul OpenAI este instalat: `pip install openai` -- Verifică variabila de mediu GITHUB_TOKEN este setată -- Verifică permisiunile de acces GitHub Models +**Probleme cu proiectul chat Python**: +- Asigurați-vă că pachetul OpenAI este instalat: `pip install openai` +- Verificați dacă variabila de mediu GITHUB_TOKEN este setată +- Verificați permisiunile de acces la GitHub Models **Docsify nu servește documentația**: -- Instalează docsify-cli global: `npm install -g docsify-cli` -- Rulează din directorul rădăcină al repository-ului -- Verifică că `docs/_sidebar.md` există +- Instalați docsify-cli global: `npm install -g docsify-cli` +- Rulați din directorul rădăcină al depozitului +- Verificați dacă `docs/_sidebar.md` există -### Sfaturi pentru mediul de dezvoltare +### Sfaturi pentru Mediul de Dezvoltare -- Folosește VS Code cu extensia Live Server pentru proiectele HTML -- Instalează extensiile ESLint și Prettier pentru format consistent -- Folosește DevTools din browser pentru depanarea JavaScript -- Pentru proiectele Vue, instalează extensia Vue DevTools pentru browser +- Folosiți VS Code cu extensia Live Server pentru proiectele HTML +- Instalați extensiile ESLint și Prettier pentru formatare uniformă +- Utilizați DevTools în browser pentru depanarea JavaScript +- Pentru proiectele Vue, instalați extensia Vue DevTools în browser -### Considerații de performanță +### Considerații de Performanță -- Numărul mare de fișiere traduse (50+ de limbi) înseamnă că clone-urile complete sunt mari -- Folosește clone superficial dacă lucrezi doar pe conținut: `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, Vite build) +- Numărul mare de fișiere traduse (peste 50 de limbi) face clonările complete mari +- Folosiți clonare superficială dacă lucrați doar cu conținutul: `git clone --depth 1` +- Excludeți traducerile din căutări când lucrați cu conținutul în engleză +- Procesele de build pot fi lente la prima rulare (npm install, build Vite) -## Considerații de securitate +## Considerații de Securitate -### Variabile de mediu +### Variabile de Mediu -- Cheile API nu trebuie niciodată comise în repository -- Folosește fișiere `.env` (sunt deja în `.gitignore`) -- Documentează variabilele de mediu necesare în README-urile proiectelor +- Cheile API nu trebuie niciodată păstrate în depozit +- Folosiți fișiere `.env` (deja în `.gitignore`) +- Documentați variabilele de mediu necesare în README-urile proiectelor ### Proiecte Python -- Folosește medii virtuale: `python -m venv venv` -- Păstrează dependențele actualizate -- Token-urile GitHub ar trebui să aibă permisiunile minime necesare +- Folosiți medii virtuale: `python -m venv venv` +- Mențineți dependențele actualizate +- Token-urile GitHub trebuie să aibă permisiuni minime necesare ### Acces GitHub Models -- Personal Access Tokens (PAT) necesare pentru GitHub Models -- Token-urile ar trebui stocate ca variabile de mediu -- Nu comite niciodată token-uri sau credențiale +- Sunt necesare Personal Access Tokens (PAT) pentru GitHub Models +- Token-urile trebuie stocate ca variabile de mediu +- Nu comiteți niciodată token-urile sau acreditările -## Note suplimentare +## Note Suplimentare -### Public țintă +### Public Țintă - Începători compleți în dezvoltarea web - Studenți și autodidacți - Profesori care folosesc curriculumul în sălile de clasă -- Conținutul este conceput pentru accesibilitate și construire treptată a abilităților +- Conținut conceput pentru accesibilitate și dezvoltare graduală a abilităților -### Filosofia educațională +### Filosofia Educațională -- Abordare de învățare bazată pe proiecte +- Abordare bazată pe învățare prin proiecte - Verificări frecvente ale cunoștințelor (chestionare) -- Exerciții practice de codare +- Exerciții practice de programare - Exemple de aplicații din lumea reală -- Accent pe elementele fundamentale înaintea framework-urilor +- Accent pe fundament înainte de framework-uri -### Mentenanța repository-ului +### Mentenanță Depozit -- Comunitate activă de cursanți și contributori +- Comunitate activă de învățăcei și contribuitori - Actualizări regulate ale dependențelor și conținutului -- Issue-uri și discuții monitorizate de maintaineri -- Actualizările de traducere automatizate prin GitHub Actions +- Probleme și discuții monitorizate de menținători +- Actualizări ale traducerilor automatizate prin GitHub Actions -### Resurse conexe +### Resurse Asociate -- [Microsoft Learn modules](https://docs.microsoft.com/learn/) -- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru cursanți -- Cursuri adiționale: Generative AI, Data Science, ML, IoT curricula disponibile +- [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 învățăcei +- Cursuri suplimentare: AI Generativ, Știința Datelor, ML, curricula IoT disponibile -### Lucrul cu proiecte specifice +### Lucrul cu Proiecte Specifice -Pentru instrucțiuni detaliate despre proiectele individuale, consultă fișierele README din: -- `quiz-app/README.md` - Vue 3 quiz application -- `7-bank-project/README.md` - Banking application with authentication -- `5-browser-extension/README.md` - Browser extension development -- `6-space-game/README.md` - Canvas-based game development -- `9-chat-project/README.md` - AI chat assistant project +Pentru instrucțiuni detaliate despre proiecte individuale, consultați fișierele README în: +- `quiz-app/README.md` - Aplicație quiz Vue 3 +- `7-bank-project/README.md` - Aplicație bancară cu autentificare +- `5-browser-extension/README.md` - Dezvoltare extensie browser +- `6-space-game/README.md` - Dezvoltare joc canvas +- `9-chat-project/README.md` - Proiect asistent chat AI -### Structura monorepo-ului +### Structura Monorepo -Deși nu este un monorepo tradițional, acest repository conține multiple proiecte independente: -- Fiecare lecție este autonomă +Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente: +- Fiecare lecție este auto-suficientă - Proiectele nu împart dependențe -- Lucrează la proiecte individuale fără a afecta altele -- Clonează întregul repo pentru experiența completă a curriculumului +- Se poate lucra pe proiecte individuale fără a afecta altele +- Clonați întregul depozit pentru experiența completă a curriculumului --- -**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ă o traducere profesională realizată de un traducător uman. Nu ne asumăm nicio răspundere pentru orice neînțelegeri sau interpretări greșite care rezultă din utilizarea acestei traduceri. +**Declinare a responsabilității**: +Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim să asigurăm acuratețea, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă ar trebui considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională efectuată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri. \ No newline at end of file diff --git a/translations/ro/README.md b/translations/ro/README.md index 2b5535c2f..fb076c7a2 100644 --- a/translations/ro/README.md +++ b/translations/ro/README.md @@ -12,27 +12,27 @@ # Dezvoltare Web pentru Începători - Un Curriculum -Învață elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni oferit de Microsoft Cloud Advocates. Fiecare din cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Implică-te în quizuri, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare chiar azi! +Învață noțiunile fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni creat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Participă la chestionare, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează-ți retenția cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi! -Alătură-te Comunității Azure AI Foundry pe Discord +Alătură-te comunității Azure AI Foundry pe Discord [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Urmează acești pași pentru a începe să folosești aceste resurse: -1. **Fă Fork la Repozitoriu**: Apasă [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Clonează Repozitoriul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Alătură-te Discord-ului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4) +Urmărește acești pași pentru a începe folosirea acestor resurse: +1. **Clonează depozitul**: Click pe [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Clonează depozitul local**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Alătură-te Discordului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Suport Multilingv -#### Suportat prin GitHub Action (Automat și Întotdeauna Actualizat) +#### Suportat prin GitHub Action (automatizat și întotdeauna actualizat) -[Arabă](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgară](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chineză (Simplificată)](../zh-CN/README.md) | [Chineză (Tradițională, Hong Kong)](../zh-HK/README.md) | [Chineză (Tradițională, Macau)](../zh-MO/README.md) | [Chineză (Tradițională, Taiwan)](../zh-TW/README.md) | [Croată](../hr/README.md) | [Cehă](../cs/README.md) | [Daneză](../da/README.md) | [Olandeză](../nl/README.md) | [Estoniană](../et/README.md) | [Finlandeză](../fi/README.md) | [Franceză](../fr/README.md) | [Germană](../de/README.md) | [Greacă](../el/README.md) | [Ebraică](../he/README.md) | [Hindi](../hi/README.md) | [Maghiară](../hu/README.md) | [Indoneziană](../id/README.md) | [Italiană](../it/README.md) | [Japoneză](../ja/README.md) | [Kannada](../kn/README.md) | [Coreeană](../ko/README.md) | [Lituaniană](../lt/README.md) | [Malaieză](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepaleză](../ne/README.md) | [Pidgin Nigerian](../pcm/README.md) | [Norvegiană](../no/README.md) | [Persană (Farsi)](../fa/README.md) | [Poloneză](../pl/README.md) | [Portugheză (Brazilia)](../pt-BR/README.md) | [Portugheză (Portugalia)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Română](./README.md) | [Rusă](../ru/README.md) | [Sârbă (Chirilică)](../sr/README.md) | [Slovacă](../sk/README.md) | [Slovenă](../sl/README.md) | [Spaniolă](../es/README.md) | [Swahili](../sw/README.md) | [Suedeză](../sv/README.md) | [Tagalog (Filipineză)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailandeză](../th/README.md) | [Turcă](../tr/README.md) | [Ucraineană](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnameză](../vi/README.md) +[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](./README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **Preferi să Clonezi Local?** +> **Preferi să clonezi local?** > -> Acest repo include traduceri în peste 50 de limbi ceea ce mărește semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout: +> Acest depozit include peste 50 de traduceri care cresc semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -51,40 +51,40 @@ Urmează acești pași pentru a începe să folosești aceste resurse: > Acest lucru îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă. -**Dacă dorești să ai suport pentru limbi suplimentare de traducere, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Dacă dorești să fie suportate alte limbi pentru traduceri, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Deschide%20în%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) +[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Ești student?_ -Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar metode de a obține un voucher gratuit pentru certificare. Aceasta este pagina pe care dorești să o adaugi la favorite și să o verifici din când în când deoarece conținutul se schimbă lunar. +Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar modalități de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o salvezi la favorite și să o verifici din când în când deoarece conținutul este actualizat lunar. -### 📣 Anunț - Provocări noi de tip GitHub Copilot Agent de completat! +### 📣 Anunț - Noi provocări GitHub Copilot Agent de completat! -Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o provocare nouă pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit înainte modul Agent, acesta poate nu doar să genereze text, dar și să creeze și să editeze fișiere, să ruleze comenzi și altele. +Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în cele mai multe capitole. Este o provocare nouă pentru tine de finalizat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta nu doar generează text, ci poate crea și edita fișiere, rula comenzi și multe altele. -### 📣 Anunț - _Proiect Nou de construit folosind AI Generativ_ +### 📣 Anunț - _Proiect nou de construit folosind Generative AI_ -Un nou proiect AI Assistant tocmai a fost adăugat, verifică-l [proiect](./9-chat-project/README.md) +Proiect nou pentru Asistent AI tocmai adăugat, verifică [proiectul](./9-chat-project/README.md) -### 📣 Anunț - _Curriculum Nou_ despre AI Generativ pentru JavaScript a fost lansat +### 📣 Anunț - _Curriculum nou_ despre Generative AI pentru JavaScript a fost lansat recent -Nu rata noul nostru curriculum de AI Generativ! +Nu rata noul nostru curriculum Generative AI! Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe! ![Background](../../translated_images/ro/background.148a8d43afde5730.webp) -- Lecții acoperind totul de la bază până la RAG. +- Lecții care acoperă totul, de la bazele până la RAG. - Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion. -- Narațiune distractivă și captivantă, vei călători în timp! +- Narațiune amuzantă și captivantă, vei călători în timp! ![character](../../translated_images/ro/character.5c0dd8e067ffd693.webp) -Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare care să te ghideze în subiecte precum: -- Prompting și ingineria prompturilor -- Generarea de aplicații text și imagine +Fiecare lecție include o temă de completat, un test de verificare a cunoștințelor și o provocare pentru a te ghida în învățarea unor subiecte precum: +- Promptarea și ingineria prompturilor +- 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! @@ -93,128 +93,128 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent ## 🌱 Începutul -> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedback [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Profesori**, am inclus [unele sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedback-ul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un quiz înainte de lecție și continuați citind materialul lecției, completând diversele activități și verificați-vă înțelegerea cu un quiz după lecție. +**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un chestionar pre-lectură și continuați cu lectura materialului, realizarea activităților și verificarea înțelegerii cu chestionarul post-lectură. -Pentru a îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă pentru a răspunde întrebărilor voastre. +Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), unde echipa noastră de moderatori vă va răspunde la întrebări. -Pentru a vă continua educația, recomandăm cu căldură să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu. +Pentru a vă extinde educația, recomandăm cu tărie explorarea [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu. ### 📋 Configurarea mediului tău -Acest curriculum are un mediu de dezvoltare gata de utilizare! Pe măsură ce începi, poți alege să rulezi curriculum-ul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără instalări necesare_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Acest curriculum vine cu un mediu de dezvoltare gata de folosit! Pe măsură ce începi, poți alege să rulezi curriculum-ul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără necesitatea instalărilor_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Creează-ți propriul repo -Pentru a-ți salva ușor lucrările, este recomandat să-ți creezi o copie proprie a acestui repo. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Acest lucru va crea un nou repo în contul tău de GitHub cu o copie a curriculum-ului. +#### Creează-ți repository-ul +Pentru a-ți salva ușor munca, se recomandă să-ți creezi propria copie a acestui depozit. Poți face acest lucru făcând click pe butonul **Use this template** din partea de sus a paginii. Aceasta va crea un repository nou în contul tău de GitHub cu o copie a curriculum-ului. Urmează acești pași: -1. **Fă Fork la Repozitoriu**: Apasă butonul "Fork" din colțul dreapta sus al acestei pagini. -2. **Clonează Repozitoriul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Fork the Repository**: Apasă butonul "Fork" din colțul din dreapta sus al acestei pagini. +2. **Clonează repository-ul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Rularea curriculum-ului într-un Codespace -În copia ta a acestui repo pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Acest lucru va crea un nou Codespace pentru tine în care să lucrezi. +În copia ta a acestui repository pe care ai creat-o, apasă pe butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace unde să lucrezi. ![Codespace](../../translated_images/ro/createcodespace.0238bbf4d7a8d955.webp) #### Rularea curriculum-ului local pe calculatorul tău -Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în limbajele de programare și uneltele uzuale](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare din aceste instrumente pentru a alege ce funcționează cel mai bine pentru tine. +Pentru a rula acest curriculum local, ai nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în limbajele de programare și uneltele din domeniu](../../1-getting-started-lessons/1-intro-to-programming-languages), îți va prezenta diverse opțiuni pentru fiecare dintre aceste unelte astfel încât să le poți alege pe cele care ți se potrivesc cel mai bine. Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrat. Poți descărca Visual Studio Code [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru dând click pe butonul **Code** și copiind URL-ul: +1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru făcând clic pe butonul **Code** și copiind URL-ul: [CodeSpace](./images/createcodespace.png) - 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 `` cu URL-ul pe care tocmai l-ai copiat: + Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și rulează următoarea comandă, înlocuind `` cu URL-ul pe care tocmai l-ai copiat: ```bash git clone ``` -2. Deschide folderul în Visual Studio Code. Poți face acest lucru dând click pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat. +2. Deschide folderul în Visual Studio Code. Poți face acest lucru făcând clic pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat. > Extensii recomandate pentru Visual Studio Code: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru a previzualiza pagini HTML în Visual Studio Code +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru previzualizarea paginilor HTML direct în Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pentru a te ajuta să scrii cod mai rapid ## 📂 Fiecare lecție include: -- schiță opțională -- video suplimentar opțional +- notițe grafice opționale +- videoclip suplimentar opțional - quiz de încălzire înainte de lecție - lecție scrisă -- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru construirea proiectului +- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru a construi proiectul - verificări de cunoștințe - o provocare -- lectură suplimentară +- lecturi suplimentare - temă -- [quiz post-lectie](https://ff-quizzes.netlify.app/web/) +- [quiz post-lecție](https://ff-quizzes.netlify.app/web/) -> **O notă despre quiz-uri**: Toate quiz-urile sunt conținute în folderul Quiz-app, 48 de quiz-uri în total, fiecare cu câte trei întrebări. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/) aplicația de quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`. +> **O notă despre quiz-uri**: Toate quiz-urile se află în folderul Quiz-app, 48 de quiz-uri în total, fiecare cu câte trei întrebări. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/). Aplicația quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`. ## 🗃️ Lecții -| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Legată | Autor | -| :-: | :--------------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Introducere în Programare și Unelte Utilizate | Învață bazele comune celor mai multe limbaje de programare și despre software-ul ce ajută dezvoltatorii profesioniști să lucreze | [Intro la Limbaje de Programare și Unelte Utilizate](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | Bazele GitHub, inclusiv lucrul în echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod sursă | [Intro la GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Accesibilitate | Învață bazele accesibilității web | [Fundamentele Accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | Tipuri de Date în JavaScript | Bazele tipurilor de date în JavaScript | [Tipuri de Date](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funcții și Metode | Învață despre funcții și metode pentru gestionarea fluxului logic al aplicației | [Funcții și Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher | -| 06 | JS Basics | Luarea deciziilor cu JS | Învață cum să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea Deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Arrays și Buclă | Lucrează cu date folosind array-uri și bucle în JavaScript | [Arrays și Buclă](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în Practică | Construiește HTML-ul pentru a crea un terariu online, concentrându-te pe crearea unei structuri | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în Practică | Construiește CSS pentru a stiliza terariul online, concentrându-te pe bazele CSS și pe realizarea unei pagini responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipularea DOM | Construiește JavaScript pentru a face ca terariul să funcționeze cu interfață drag/drop, concentrându-te pe închideri și manipularea DOM | [Închideri JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construiește un joc de tastare | Învață cum să folosești evenimentele de la tastatură pentru a conduce logica aplicației tale JavaScript | [Programare condusă de evenimente](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrează cu browsere | Învață cum funcționează browserele, istoria lor și cum să scaffoldezi primele elemente ale unei extensii de browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor | Construiește elementele JavaScript ale extensiei tale pentru a apela un API folosind variabile stocate local | [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesele de fundal ale browserului, performanța web | Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și optimizări | [Sarcini de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare mai avansată de jocuri cu JavaScript | Învață despre Moștenire folosind atât Clase cât și Compoziție și tiparul Pub/Sub, pregătindu-te pentru construirea unui joc | [Introducere în dezvoltarea avansată a jocurilor](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran | [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot căpăta mișcare folosind coordonatele carteziene și API-ul Canvas | [Mutarea elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă elementele să se ciocnească și să reacționeze folosind apăsări de tastă și adaugă o funcție de cooldown pentru performanța jocului | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Efectuează calcule matematice bazate pe starea și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și reluarea jocului | Învață despre terminarea și reluarea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de final](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și Rute într-o aplicație web | Învață cum să creezi scheletul arhitecturii unui website multipaginar folosind rutare și șabloane HTML | [Șabloane HTML și Rute](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Construiește un formular de autentificare | Învață cum să construiești formulare și să gestionezi rutinele de validare | [Formulare](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le obții, să le stochezi și să le elimini | [Date](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de gestionare a stării | Învață cum aplicația ta reține starea și cum să o gestionezi programatic | [Gestionarea stării](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosește editorul VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să îți construiești propriul asistent AI | [Proiect asistent AI](./9-chat-project/README.md) | Chris | +| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Asociată | Autor | +| :-: | :------------------------------------------------------------: | :----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Începutul | Introducere în Programare și Unelte de Lucru | Învață bazele fundamentale ale majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști să-și facă treaba | [Intro în limbaje de programare și unelte](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Începutul | Bazele GitHub, inclusiv colaborarea într-o echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod | [Intro în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Începutul | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamente ale accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Bazele JS | Tipuri de date în JavaScript | Bazele tipurilor de date în JavaScript | [Tipuri de date](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Bazele JS | Funcții și metode | Învață despre funcții și metode pentru a gestiona fluxul logic al unei aplicații | [Funcții și metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher | +| 06 | Bazele JS | Luarea deciziilor în JavaScript | Cum să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Bazele JS | Array-uri și bucle | Lucrează cu date folosind array-uri și bucle în JavaScript | [Array-uri și bucle](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în practică | Construiește HTML-ul pentru crearea unui terrariu online, concentrându-te pe construirea unui layout | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în practică | Construiește CSS-ul pentru a stiliza terrariul online, concentrându-te pe bazele CSS, inclusiv realizarea unei pagini responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipulare DOM | Construiește JavaScript-ul pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipulare DOM | [Închideri JavaScript, manipulare DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construirea unui joc de tastare | Învață cum să folosești evenimente de tastatură pentru a conduce logica aplicației JavaScript | [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrul cu browsere | Învață cum funcționează browserele, istoria lor și cum să schițezi primele elemente ale unei extensii de browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală | Construiește elementele JavaScript ale extensiei de browser pentru a apela un API folosind variabile stocate local | [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procese de fundal în browser, performanța web | Folosește procesele din background ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și optimizări | [Task-uri de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare mai avansată de jocuri cu JavaScript | Învață despre moștenire folosind atât clase cât și compoziție și modelul Pub/Sub, pregătindu-te pentru construirea unui joc | [Introducere în dezvoltarea avansată de jocuri](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran | [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot căpăta mișcare folosind coordonate carteziene și API-ul Canvas | [Mutarea elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă elementele să se ciocnească și să reacționeze între ele folosind apăsări de taste și oferă o funcție cooldown pentru performanța jocului | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Efectuează calcule matematice bazate pe statusul și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și repornirea jocului | Învață despre terminarea și repornirea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de terminare](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și rute într-o aplicație web | Învață cum să creezi arhitectura unei pagini web cu mai multe pagini folosind rutare și șabloane HTML | [Șabloane HTML și rute](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Construirea unui formular de autentificare | Învață despre construire de formulare și gestionarea validărilor | [Formulare](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le preiei, stochezi și elimini | [Date](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de gestionare a stării | Învață cum reține aplicația ta starea și cum să o gestionezi programatic | [Managementul stării](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosirea editorului VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să-ți construiești propriul asistent AI | [Proiect asistent AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogie -Curriculumul nostru este conceput având în vedere două principii pedagogice cheie: -* învățarea bazată pe proiecte +Curriculumul nostru este conceput cu două principii pedagogice cheie în minte: +* învățare bazată pe proiecte * quiz-uri frecvente -Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea să acumuleze experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser ecologică, un joc stil Space Invaders și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web. +Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web din prezent. Studenții vor avea oportunitatea să dezvolte experiență practică construind un joc de tastare, un terrariu virtual, o extensie de browser eco-friendly, un joc în stil space-invader și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor fi dobândit o înțelegere solidă a dezvoltării web. > 🎓 Poți parcurge primele lecții din acest curriculum ca un [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn! -Asigurând că conținutul este aliniat cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor este crescută. Am scris, de asemenea, câteva lecții introductive în bazele JavaScript, însoțite de un video din colecția de tutoriale video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ale cărei autorii au contribuit la acest curriculum. +Prin asigurarea alinierii conținutului cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor va fi îmbunătățită. De asemenea, am scris mai multe lecții introductive în bazele JavaScript pentru a introduce conceptele, împreună cu un videoclip din colecția de tutoriale video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", a căror autori au contribuit la acest curriculum. -În plus, un quiz cu miză redusă înainte de o clasă setează intenția studentului spre învățare a unui subiect, în timp ce un al doilea quiz după clasă asigură o retenție suplimentară. Acest curriculum a fost conceput să fie flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la sfârșitul ciclului de 12 săptămâni. +În plus, un quiz cu miză redusă înaintea unei clase stabilește intenția studentului pentru învățarea unui subiect, în timp ce un al doilea quiz după clasă asigură o retenție suplimentară. Acest curriculum a fost conceput să fie flexibil și distractiv, putând fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni. -Deși am evitat în mod intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un pas bun următor după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un pas bun următor după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Vizitează regulile noastre din [Codul de conduită](CODE_OF_CONDUCT.md) și [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv! +> Vizitează [Codul nostru de Conduită](CODE_OF_CONDUCT.md) și ghidul [Contribuie](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv! ## 🧭 Acces offline -Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă fork la acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală și apoi în folderul rădăcină al repo-ului tastează `docsify serve`. Site-ul va fi servit la portul 3000 pe localhost-ul tău: `localhost:3000`. +Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fork-uiește acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală, apoi în folderul rădăcină al acestui repo, tastează `docsify serve`. Site-ul va fi servit pe portul 3000 la localhost-ul tău: `localhost:3000`. ## 📘 PDF Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 Alte cursuri +## 🎒 Alte Cursuri Echipa noastră produce și alte cursuri! Verifică: @@ -225,7 +225,7 @@ Echipa noastră produce și alte cursuri! Verifică: [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / 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) @@ -233,7 +233,7 @@ Echipa noastră produce și alte cursuri! Verifică: --- -### Seria Generative AI +### Seria Inteligență Artificială Generativă [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) @@ -241,7 +241,7 @@ Echipa noastră produce și alte cursuri! Verifică: --- -### Învățare de bază +### Învățare De Bază [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -258,23 +258,23 @@ Echipa noastră produce și alte cursuri! Verifică: [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) -## Obținerea ajutorului +## Obținerea Ajutorului -Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate de suport unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber. +Dacă te blochezi sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate suportivă unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Dacă ai feedback despre produse sau întâmpini erori în timpul dezvoltării, vizitează: +Dacă ai feedback despre produs sau erori în timpul construirii, vizitează: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Licență -Acest depozit este licențiat sub licența MIT. Consultă fișierul [LICENSE](../../LICENSE) pentru mai multe informații. +Acest depozit este licențiat sub licența MIT. Vezi fișierul [LICENSE](../../LICENSE) pentru mai multe informații. --- -**Declinare de responsabilitate**: -Acest document a fost tradus utilizând serviciul de traducere automată AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă o traducere profesională realizată de un traducător uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite care pot rezulta din utilizarea acestei traduceri. +**Declinare a responsabilității**: +Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru orice neînțelegeri sau interpretări greșite rezultând din utilizarea acestei traduceri. \ No newline at end of file diff --git a/translations/sk/.co-op-translator.json b/translations/sk/.co-op-translator.json index 6c6c25fcf..f7b85e44e 100644 --- a/translations/sk/.co-op-translator.json +++ b/translations/sk/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-03-27T20:29:25+00:00", + "translation_date": "2026-04-06T17:14:17+00:00", "source_file": "AGENTS.md", "language_code": "sk" }, @@ -516,8 +516,8 @@ "language_code": "sk" }, "README.md": { - "original_hash": "a2c9eed480687319517c08a6319e5536", - "translation_date": "2026-03-06T13:12:17+00:00", + "original_hash": "b885c87c7544109b78d6684daad6cba6", + "translation_date": "2026-04-06T17:06:57+00:00", "source_file": "README.md", "language_code": "sk" }, diff --git a/translations/sk/AGENTS.md b/translations/sk/AGENTS.md index 8ff7f3ec6..cae98f69a 100644 --- a/translations/sk/AGENTS.md +++ b/translations/sk/AGENTS.md @@ -2,29 +2,29 @@ ## Prehľad projektu -Toto je repozitár vzdelávacieho učebného plánu na výučbu základov webového vývoja pre začiatočníkov. Učebný plán je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, ktorý obsahuje 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML. +Toto je vzdelávacie úložisko učebného plánu na výučbu základov webového vývoja pre začiatočníkov. Učebný plán je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, obsahujúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML. -### Kľúčové súčasti +### Kľúčové komponenty -- **Educational Content**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch -- **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant -- **Interactive Quizzes**: 48 kvízov po 3 otázky (hodnotenia pred/po lekcii) -- **Multi-language Support**: Automatické preklady do 50+ jazykov cez GitHub Actions -- **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pre AI projekty) +- **Vzdelávací obsah**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch +- **Praktické projekty**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor a AI Chat Assistant +- **Interaktívne kvízy**: 48 kvízov s 3 otázkami každý (pred a po lekcii) +- **Podpora viacerých jazykov**: Automatické preklady do 50+ jazykov cez GitHub Actions +- **Technológie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pre AI projekty) ### Architektúra -- Vzdelávací repozitár so štruktúrou založenou na lekciách -- Každá zložka lekcie obsahuje README, príklady kódu a riešenia +- Vzdelávacie úložisko so štruktúrou založenou na lekciách +- Každý priečinok lekcie obsahuje README, ukážky kódu a riešenia - Samostatné projekty v oddelených adresároch (quiz-app, rôzne projekty lekcií) -- Systém prekladov využívajúci GitHub Actions (co-op-translator) -- Dokumentácia servírovaná cez Docsify a dostupná ako PDF +- Prekladový systém využívajúci GitHub Actions (co-op-translator) +- Dokumentácia servírovaná cez Docsify a dostupná aj vo formáte PDF ## Príkazy na nastavenie -Tento repozitár je primárne určený na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi: +Toto úložisko je primárne určené na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi: -### Hlavné nastavenie repozitára +### Nastavenie hlavného úložiska ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -37,29 +37,29 @@ cd Web-Dev-For-Beginners cd quiz-app npm install npm run dev # Spustiť vývojový server -npm run build # Zostaviť pre produkciu +npm run build # Vytvoriť build pre produkciu npm run lint # Spustiť ESLint ``` -### API bankového projektu (Node.js + Express) +### Bank API projektu (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # Spustiť API server npm run lint # Spustiť ESLint -npm run format # Naformátovať pomocou Prettieru +npm run format # Formátovať pomocou Prettier ``` -### Projekty rozšírení prehliadača +### Projekty rozšírenia prehliadača ```bash cd 5-browser-extension/solution npm install -# Postupujte podľa pokynov na načítanie rozšírenia, ktoré sú špecifické pre prehliadač +# Dodržiavajte pokyny na načítanie rozšírení špecifické pre prehliadač ``` -### Projekty vesmírnej hry +### Projekty Space Game ```bash cd 6-space-game/solution @@ -80,38 +80,38 @@ python api.py ### Pre prispievateľov obsahu -1. **Vytvorte fork repozitára** do svojho GitHub účtu -2. **Klonujte svoj fork** lokálne -3. **Vytvorte novú vetvu** pre svoje zmeny -4. Upravte obsah lekcie alebo príklady kódu -5. Otestujte zmeny kódu v príslušných adresároch projektov -6. Odošlite pull requesty podľa pokynov na prispievanie +1. **Vytvorte fork úložiska** do svojho GitHub účtu +2. **Naklonujte si svoj fork** lokálne +3. **Vytvorte novú vetvu** pre vaše zmeny +4. Urobte zmeny v obsahu lekcií alebo ukážkach kódu +5. Testujte akékoľvek zmeny kódu v príslušných projektových adresároch +6. Odosielajte pull requesty podľa pokynov pre prispievanie ### Pre študentov -1. Vytvorte fork alebo sklonujte repozitár -2. Prejdite do priečinkov lekcií postupne -3. Prečítajte si README súbory pre každú lekciu -4. Vyplňte kvízy pred lekciou na https://ff-quizzes.netlify.app/web/ -5. Prejdite si príklady kódu v priečinkoch lekcií -6. Dokončite úlohy a výzvy -7. Urobte kvízy po lekcii +1. Forknite alebo naklonujte úložisko +2. Postupne prechádzajte adresáre lekcií +3. Čítajte README súbory ku každej lekcii +4. Vyplňujte predlekčné kvízy na https://ff-quizzes.netlify.app/web/ +5. Prechádzajte príklady kódu v adresároch lekcií +6. Splňte zadania a výzvy +7. Vyplňujte po- lekčné kvízy ### Živý vývoj - **Dokumentácia**: Spustite `docsify serve` v koreňovom adresári (port 3000) - **Quiz App**: Spustite `npm run dev` v adresári quiz-app -- **Projekty**: Použite rozšírenie VS Code Live Server pre HTML projekty -- **API projekty**: Spustite `npm start` v príslušných adresároch API +- **Projekty**: Použite VS Code Live Server rozšírenie pre HTML projekty +- **API projekty**: Spustite `npm start` v príslušných API adresároch -## Pokyny na testovanie +## Inštrukcie na testovanie ### Testovanie Quiz App ```bash cd quiz-app -npm run lint # Skontrolujte chyby v štýle kódu -npm run build # Overte, že zostavenie bude úspešné +npm run lint # Skontrolujte problémy so štýlom kódu +npm run build # Overte, či zostavenie prebehlo úspešne ``` ### Testovanie Bank API @@ -119,164 +119,164 @@ npm run build # Overte, že zostavenie bude úspešné ```bash cd 7-bank-project/api npm run lint # Skontrolujte problémy so štýlom kódu -node server.js # Overte, že server sa spustí bez chýb +node server.js # Overte, či server štartuje bez chýb ``` ### Všeobecný prístup k testovaniu -- Toto je vzdelávací repozitár bez komplexných automatizovaných testov +- Ide o vzdelávacie úložisko bez komplexných automatizovaných testov - Manuálne testovanie sa zameriava na: - - Príklady kódu sa spúšťajú bez chýb + - Ukážky kódu bežia bez chýb - Odkazy v dokumentácii fungujú správne - - Buildy projektov sa úspešne dokončia - - Príklady dodržiavajú osvedčené postupy + - Projekty sa úspešne zostavujú + - Príklady dodržiavajú najlepšie postupy ### Kontroly pred odoslaním - Spustite `npm run lint` v adresároch s package.json -- Overte, že markdown odkazy sú platné -- Otestujte príklady kódu v prehliadači alebo Node.js +- Overte platnosť markdown odkazov +- Testujte príklady kódu v prehliadači alebo Node.js - Skontrolujte, že preklady zachovávajú správnu štruktúru -## Pokyny k štýlu kódu +## Pravidlá pre štýl kódu ### JavaScript -- Používajte modernú syntax ES6+ -- Dodržiavajte štandardné konfigurácie ESLint poskytované v projektoch -- Používajte zmysluplné názvy premenných a funkcií pre vzdelávaciu zrozumiteľnosť +- Používajte moderný ES6+ syntax +- Dodržiavajte štandardné ESLint konfigurácie v projektoch +- Používajte zrozumiteľné názvy premenných a funkcií pre jasnosť výučby - Pridávajte komentáre vysvetľujúce koncepty pre študentov -- Formátujte pomocou Prettier tam, kde je nakonfigurovaný +- Formátujte kód pomocou Prettier, kde je to nakonfigurované ### HTML/CSS -- Sémantické elementy HTML5 +- Semantické HTML5 prvky - Zásady responzívneho dizajnu -- Jasné konvencie pomenovania tried +- Jasné pomenovávanie tried - Komentáre vysvetľujúce CSS techniky pre študentov ### Python -- Štýlové pokyny PEP 8 +- Štýl podľa PEP 8 - Jasné, vzdelávacie príklady kódu -- Označovanie typov tam, kde pomáha pri učení +- Type hints kde sú užitočné pre učenie -### Dokumentácia v Markdown +### Markdown dokumentácia - Jasná hierarchia nadpisov -- Bloky kódu so špecifikáciou jazyka +- Bloky kódu so špecifikovaným jazykom - Odkazy na ďalšie zdroje - Snímky obrazovky a obrázky v adresároch `images/` -- Alternatívny text pre obrázky z dôvodu prístupnosti +- Alt text pre obrázky z dôvodu prístupnosti ### Organizácia súborov -- Lekcie očíslované postupne (1-getting-started-lessons, 2-js-basics, etc.) +- Lekcie číslované postupne (1-getting-started-lessons, 2-js-basics, atď.) - Každý projekt má adresáre `solution/` a často `start/` alebo `your-work/` -- Obrázky uložené v priečinkoch `images/` pre každú lekciu -- Preklady v štruktúre `translations/{language-code}/` +- Obrázky uložené v lekciách špecifických `images/` priečinkoch +- Preklady v štruktúre `translations/{jazykový-kód}/` -## Build a nasadenie +## Sestavenie a nasadenie ### Nasadenie Quiz App (Azure Static Web Apps) -Quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps: +quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps: ```bash cd quiz-app -npm run build # Vytvorí priečinok dist/ -# Nasadzuje cez workflow GitHub Actions pri pushi do vetvy main +npm run build # Vytvára priečinok dist/ +# Nasadzuje cez GitHub Actions workflow pri push do main ``` Konfigurácia Azure Static Web Apps: -- **App location**: `/quiz-app` -- **Output location**: `dist` +- **Umiestnenie aplikácie**: `/quiz-app` +- **Výstupné umiestnenie**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Generovanie PDF dokumentácie ```bash -npm install # Nainštalovať docsify-to-pdf -npm run convert # Vygenerovať PDF z dokumentácie +npm install # Inštalovať docsify-to-pdf +npm run convert # Generovať PDF z docs ``` ### Dokumentácia Docsify ```bash npm install -g docsify-cli # Nainštalujte Docsify globálne -docsify serve # Spustite server na localhost:3000 +docsify serve # Spustiť na localhost:3000 ``` -### Špecifické buildy projektov +### Špecifické zostavenia projektu -Každý adresár projektu môže mať vlastný build proces: -- Vue projekty: `npm run build` vytvorí produkčné balíky -- Statické projekty: Bez kroku build, súbory podávajte priamo +Každý projekt môže mať vlastný build proces: +- Vue projekty: `npm run build` vytvára produkčné balíky +- Statické projekty: Žiadny build krok, súbory sa servírujú priamo -## Pokyny pre Pull Requesty +## Pokyny pre pull requesty ### Formát názvu -Použite jasné, popisné názvy, ktoré uvádzajú oblasť zmeny: -- `[Quiz-app] Pridať nový kvíz pre lekciu X` -- `[Lesson-3] Opravte preklep v projekte terrarium` -- `[Translation] Pridať španielsky preklad pre lekciu 5` -- `[Docs] Aktualizujte inštrukcie na nastavenie` +Používajte jasné, popisné názvy indikujúce oblasť zmeny: +- `[Quiz-app] Pridanie nového kvízu pre lekciu X` +- `[Lesson-3] Oprava preklepu v projekte terrarium` +- `[Translation] Pridanie španielskeho prekladu pre lekciu 5` +- `[Docs] Aktualizácia inštrukcií na nastavenie` -### Povinné kontroly +### Požadované kontroly Pred odoslaním PR: 1. **Kvalita kódu**: - - Spustite `npm run lint` v postihnutých adresároch projektov - - Opravte všetky linting chyby a varovania + - Spustite `npm run lint` v zasiahnutých projektových adresároch + - Opravte všetky lint chyby a varovania -2. **Overenie buildu**: - - Spustite `npm run build`, ak je to relevantné - - Uistite sa, že nie sú žiadne chyby pri buildovaní +2. **Overenie build-u**: + - Spustite `npm run build` ak je to relevantné + - Zabezpečte, že nie sú žiadne build chyby -3. **Overenie odkazov**: +3. **Validácia odkazov**: - Otestujte všetky markdown odkazy - - Overte, že odkaz na obrázky funguje + - Overte funkčnosť obrázkových referencií 4. **Kontrola obsahu**: - Korektúra pravopisu a gramatiky - - Zabezpečte, aby boli príklady kódu správne a vzdelávacie - - Overte, že preklady zachovávajú pôvodný význam + - Overenie správnosti a vzdelávacej hodnoty príkladov kódu + - Overenie, že preklady zachovávajú pôvodný význam -### Požiadavky na príspevok +### Požiadavky na príspevky -- Súhlasiť s Microsoft CLA (automatická kontrola pri prvom PR) -- Dodržiavajte [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -- Pozrite si [CONTRIBUTING.md](./CONTRIBUTING.md) pre podrobné usmernenia -- Uveďte čísla issue v popise PR, ak sú relevantné +- Súhlas so zmluvou Microsoft CLA (automatická kontrola pri prvom PR) +- Dodržiavanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) +- Pozrite [CONTRIBUTING.md](./CONTRIBUTING.md) pre podrobné pokyny +- Referencujte čísla issue v popise PR, ak je to relevantné -### Proces revízie +### Proces recenzie -- PR sú kontrolované maintainermi a komunitou -- Uprednostňuje sa vzdelávacia zrozumiteľnosť -- Príklady kódu by mali dodržiavať súčasné osvedčené postupy -- Preklady sa kontrolujú z hľadiska presnosti a kultúrnej vhodnosti +- PR sú recenzované správcami a komunitou +- Prioritizuje sa vzdelávacia jasnosť +- Ukážky kódu by mali sledovať aktuálne najlepšie postupy +- Preklady sa kontrolujú na presnosť a kultúrnu vhodnosť -## Systém prekladov +## Prekladový systém ### Automatizovaný preklad -- Využíva GitHub Actions s workflow co-op-translator +- Používa GitHub Actions s workflow co-op-translator - Automaticky prekladá do 50+ jazykov - Zdrojové súbory v hlavných adresároch -- Preložené súbory v adresároch `translations/{language-code}/` +- Preložené súbory v adresároch `translations/{jazykový-kód}/` -### Pridávanie manuálnych vylepšení prekladov +### Pridávanie manuálnych vylepšení prekladu -1. Nájdite súbor v `translations/{language-code}/` -2. Urobte úpravy pri zachovaní štruktúry -3. Zabezpečte, aby príklady kódu zostali funkčné -4. Otestujte akýkoľvek lokalizovaný obsah kvízov +1. Nájdite súbor v `translations/{jazykový-kód}/` +2. Urobte vylepšenia pri zachovaní štruktúry +3. Zabezpečte, že príklady kódu sú funkčné +4. Otestujte lokalizovaný obsah kvízov -### Metadáta prekladu +### Metaúdaje prekladu -Preložené súbory obsahujú hlavičku s metadátami: +Preložené súbory obsahujú metaúdajový hlavičkový blok: ```markdown -**Vylúčenie zodpovednosti**: -Tento dokument bol preložený pomocou služby prekladu založenej na umelej inteligencii [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, upozorňujeme, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by sa mal považovať za záväzný zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu. +**Zrieknutie sa zodpovednosti**: +Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, prosím majte na pamäti, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho natívnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu. \ No newline at end of file diff --git a/translations/sk/README.md b/translations/sk/README.md index 3e66a575b..b136aa940 100644 --- a/translations/sk/README.md +++ b/translations/sk/README.md @@ -1,21 +1,21 @@ -# Vývoj webu pre začiatočníkov - Učebný plán +# Web Development pre začiatočníkov - Kurz -Naučte sa základy vývoja webu s naším 12-týždňovým komplexným kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa zameriava na JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte uchovávanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu programovania ešte dnes! +Naučte sa základy webového vývoja v rámci nášho 12-týždňového komplexného kurzu od Microsoft Cloud Advocates. Každá z 24 lekcií skúma JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zúčastnite sa kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte si udržanie vedomostí s našou efektívnou projektovo orientovanou pedagogikou. Začnite svoju programátorskú cestu ešte dnes! -Pripojte sa ku komunite Azure AI Foundry na Discorde +Pridajte sa do komunity Azure AI Foundry Discord Nasledujte tieto kroky, aby ste začali používať tieto zdroje: -1. **Forknite si repozitár**: Kliknite na [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Klónujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Pripojte sa ku komunite Azure AI Foundry na Discorde a spoznajte odborníkov a kolegov vývojárov**](https://discord.com/invite/ByRwuEEgH4) +1. **Vytvorte Fork úložiska**: Kliknite na [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Naklonujte úložisko**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Pridajte sa do Azure AI Foundry Discord a spoznajte odborníkov a ostatných vývojárov**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Podpora viacerých jazykov #### Podporované cez GitHub Action (automatizované a vždy aktuálne) -> **Preferujete klonovanie lokálne?** +> **Radšej klonovať lokálne?** > -> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčšuje veľkosť sťahovania. Ak chcete klonovať bez prekladov, použite sparse checkout: +> Toto úložisko obsahuje viac ako 50 jazykových prekladov, ktoré výrazne zväčšujú veľkosť sťahovania. Pre klonovanie bez prekladov použite sparse checkout: > > **Bash / macOS / Linux:** > > ```bash @@ -31,158 +31,162 @@ Nasledujte tieto kroky, aby ste začali používať tieto zdroje: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> -> Toto vám poskytne všetko potrebné na dokončenie kurzu s oveľa rýchlejším sťahovaním. +> Táto možnosť vám umožní získať všetko potrebné na dokončenie kurzu s oveľa rýchlejším sťahovaním. -**Ak chcete podporu ďalších jazykov prekladov, nájdete ich zoznam [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Ak chcete pridať ďalšie prekladové jazyky, podporované jazyky nájdete [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** #### 🧑‍🎓 _Ste študent?_ -Navštívte [**študentskú stránku Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca spôsoby, ako získať bezplatný certifikátový poukaz. Toto je stránka, ktorú si chcete uložiť medzi záložky a čas od času ju skontrolovať, pretože obsah sa mení každý mesiac. +Navštívte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, balíčky pre študentov a dokonca možnosti získať bezplatný certifikát. Túto stránku si uložíte do záložiek a občas skontrolujte, pretože každý mesiac meníme obsah. -### 📣 Oznámenie - Nové výzvy režimu GitHub Copilot Agent na dokončenie! +### 📣 Oznámenie - Nové výzvy GitHub Copilot Agent módu na dokončenie! -Pridaná nová výzva, nájdite "GitHub Copilot Agent Challenge 🚀" v väčšine kapitol. Je to nová výzva pre vás na dokončenie pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužili, dokáže nielen generovať text, ale aj tvoriť a upravovať súbory, spúšťať príkazy a ďalšie. +Pridaná nová výzva, nájdete ju pod názvom "GitHub Copilot Agent Challenge 🚀" v niektorých kapitolách. Ide o novú výzvu, ktorú môžete splniť použitím GitHub Copilot a Agent módu. Ak ste Agent mód ešte nepoužili, vie nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a ďalšie. -### 📣 Oznámenie - _Nový projekt postavený pomocou generatívnej AI_ +### 📣 Oznámenie - _Nový projekt na vývoj pomocou generatívnej AI_ -Pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md) +Práve bol pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md) -### 📣 Oznámenie - _Nový učebný plán_ na Generatívnu AI pre JavaScript práve vydaný +### 📣 Oznámenie - _Nový kurz_ o generatívnej AI pre JavaScript práve vydaný -Nezmeškajte náš nový učebný plán Generatívnej AI! +Nezmeškajte náš nový kurz o generatívnej AI! Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite! -- Lekcie pokrývajú všetko od základov po RAG. -- Interagujte s historickými postavami pomocou GenAI a našej sprievodnej aplikácie. -- Zábavný a pútavý príbeh, budete cestovať časom! +![Background](../../translated_images/sk/background.148a8d43afde5730.webp) -Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás prevedie učením tém ako: -- Promptovanie a návrh promptov -- Generovanie textových a obrazových aplikácií -- Vyhľadávacie aplikácie +- Lekcie pokrývajú všetko od základov až po RAG. +- Interagujte s historickými postavami pomocou GenAI a našej doplnkovej aplikácie. +- Zábavný a pútavý príbeh, budete cestovať časom! -Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite! +![character](../../translated_images/sk/character.5c0dd8e067ffd693.webp) +Každá lekcia obsahuje úlohu na dokončenie, test vedomostí a výzvu, ktorá vás prevedie témami ako: +- Vytváranie promptov a prompt engineering +- Generovanie textových a obrazových aplikácií +- Vyhľadávacie aplikácie +Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite! ## 🌱 Začíname -> **Učitelia**, pridali sme [niekoľko návrhov](for-teachers.md), ako používať tento učebný plán. Budeme radi za vašu spätnú väzbu [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Učitelia**, pripravili sme [niekoľko návrhov](for-teachers.md) na používanie tohto kurikula. Budeme radi za vaše pripomienky [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! + +**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite kvízom pred prednáškou, prečítajte si prednáškový materiál, dokončite rôzne aktivity a overte si porozumenie pomocou kvízu po prednáške. -**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite prednáškovým kvízom a pokračujte čítaním prednáškového materiálu, dokončovaním rôznych aktivít a overte si pochopenie pomocou povykaného kvízu. +Pre lepší zážitok z učenia sa spojte so svojimi rovesníkmi a pracujte na projektoch spoločne! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde sú dostupní naši moderátori, ktorí vám radi zodpovedia otázky. -Pre lepší zážitok z učenia sa spojte so svojimi spolužiakmi, aby ste mohli spoločne pracovať na projektoch! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde bude tím moderátorov pripravený odpovedať na vaše otázky. +Pre ďalšie štúdium vám vrelo odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre doplnkové študijné materiály. -Pre ďalšie vzdelávanie dôrazne odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre ďalšie študijné materiály. +### 📋 Nastavenie prostredia -### 📋 Nastavenie vášho prostredia +Tento kurz má pripravené vývojové prostredie! Na začiatku si môžete vybrať spustenie kurzu v prostredí [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači bez potreby inštalácie_), alebo lokálne na vašom počítači pomocou textového editora ako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -Tento učebný plán má pripravené vývojové prostredie! Na začiatku môžete vybrať spustenie učebného plánu v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači, nie je potrebná inštalácia_) alebo lokálne vo vašom počítači pomocou textového editora ako [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +#### Vytvorte si vlastné úložisko -#### Vytvorte si vlastný repozitár -Pre jednoduché ukladanie svojej práce odporúčame vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Toto vytvorí nový repozitár vo vašom účte GitHub s kópiou učebného plánu. +Pre jednoduché ukladanie vašej práce sa odporúča vytvoriť si vlastnú kópiu tohto úložiska. Môžete to spraviť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Takto sa vytvorí nové úložisko vo vašom GitHub konte s kópiou kurikula. Postupujte podľa týchto krokov: -1. **Forknite si repozitár**: Kliknite na tlačidlo „Fork“ v pravom hornom rohu tejto stránky. -2. **Klónujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Vytvorte Fork úložiska**: Kliknite na tlačidlo "Fork" v pravom hornom rohu tejto stránky. +2. **Naklonujte úložisko**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` + +#### Spustenie kurzu v Codespace -#### Spustenie učebného plánu v Codespace +Vo vašej kópii úložiska kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Týmto vytvoríte nový Codespace, v ktorom môžete pracovať. -Vo vašej vlastnej kópii repozitára, ktorú ste vytvorili, kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa pre vás vytvorí nový Codespace na prácu. +![Codespace](../../translated_images/sk/createcodespace.0238bbf4d7a8d955.webp) -#### Spustenie učebného plánu lokálne na vašom počítači +#### Spustenie kurzu lokálne na počítači -Ak chcete spustiť učebný plán lokálne, budete potrebovať textový editor, prehliadač a nástroj príkazového riadku. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si vybrali, čo vám najviac vyhovuje. +Na spustenie kurzu lokálne budete potrebovať textový editor, prehliadač a nástroj príkazového riadku. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre tieto nástroje, aby ste si mohli vybrať, čo vám najviac vyhovuje. -Našou odporúčanou voľbou je použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý má tiež zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Klonujte si svoj repozitár do svojho počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL: +Odporúčame použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý obsahuje aj zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Naklonujte si svoj repozitár do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL: [CodeSpace](./images/createcodespace.png) - Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `` nahraďte URL, ktorú ste práve skopírovali: + Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v rámci [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `` nahraďte URL, ktorú ste práve skopírovali: ```bash git clone ``` -2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **File** > **Open Folder** a výberom práve sklonovaného priečinka. +2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **File** > **Open Folder** a výberom práve naklonovaného priečinka. -> Odporúčané rozšírenia Visual Studio Code: +> Odporúčané rozšírenia pre Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - na náhľad HTML stránok priamo vo Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - na rýchlejšie písanie kódu ## 📂 Každá lekcia obsahuje: -- voliteľnú náčrtovú poznámku (sketchnote) +- voliteľnú skicovaciu poznámku - voliteľné doplnkové video -- rozcvičujúci kvíz pred lekciou +- rozcvičku pred lekciou formou kvízu - písanú lekciu -- pre lekcie založené na projekte, podrobné návody krok za krokom ako projekt zostrojiť -- overenia vedomostí +- pre lekcie založené na projektoch, krok za krokom návody, ako projekt vybudovať +- kontroly vedomostí - výzvu - doplnkové čítanie - zadanie - [kvíz po lekcii](https://ff-quizzes.netlify.app/web/) -> **Poznámka o kvízoch**: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkovo 48 kvízov so zloženými z troch otázok. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/) a aplikáciu kvízov môžeš spustiť lokálne alebo nasadiť do Azure; postupuj podľa pokynov v priečinku `quiz-app`. +> **Poznámka o kvízoch**: Všetky kvízy sú uložené v priečinku Quiz-app, celkovo 48 kvízov so štyrmi otázkami každý. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/), kvízová aplikácia môže byť spustená lokálne alebo nasadená na Azure; postupujte podľa inštrukcií v priečinku `quiz-app`. ## 🗃️ Lekcie -| | Názov projektu | Naučené koncepty | Učebné ciele | Prepojená lekcia | Autor | -| :-: | :--------------------------------------------------------: | :---------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Začíname | Úvod do programovania a nástrojov remesla | Naučiť sa základné princípy väčšiny programovacích jazykov a softvér, ktorý pomáha profesionálnym vývojárom | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Začíname | Základy GitHubu, vrátane práce v tíme | Ako používať GitHub v projekte, ako spolupracovať s ostatnými na zdrojovom kóde | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Začíname | Prístupnosť | Naučiť sa základy webovej prístupnosti | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | Základy JS | Dátové typy v JavaScripte | Základy dátových typov v JavaScripte | [Dátové typy](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | Základy JS | Funkcie a metódy | Naučiť sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher | -| 06 | Základy JS | Rozhodovanie s JS | Naučiť sa vytvárať podmienky v kóde pomocou rozhodovacích metód | [Rozhodovanie](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | Základy JS | Pole a cykly | Práca s dátami pomocou polí a cyklov v JavaScripte | [Pole a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvoriť HTML pre online terrárium so zameraním na rozloženie | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvoriť CSS pre štýlovanie online terrária, so zameraním na základy CSS vrátane responzívneho dizajnu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulácia s DOM | Vytvoriť JavaScript pre funkčný drag/drop rozhranie terrária, so zameraním na closures a manipuláciu s DOM | [JavaScript Closures, manipulácia s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytvorenie hry na písanie | Naučiť sa používať klávesnicové udalosti pre ovládanie logiky JavaScript aplikácie | [Programovanie na základe udalostí](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučiť sa ako fungujú prehliadače, ich históriu a ako vytvoriť základné prvky prehliadačového rozšírenia | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Vytváranie formulára, volanie API a ukladanie premenných do lokálneho ukladiska | Vytvoriť JavaScript prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom ukladisku | [API, formuláre a lokálne ukladisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Procesy na pozadí v prehliadači, výkon webu | Použiť procesy na pozadí pre správu ikony rozšírenia, naučiť sa o výkone webu a optimalizáciách | [Procesy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Hra v priestore](./6-space-game/solution/README.md) | Pokročilejšie vývoj hier v JavaScripte | Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, ako prípravu na tvorbu hry | [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Hra v priestore](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučiť sa o Canvas API, používanom na kreslenie prvkov na obrazovke | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Hra v priestore](./6-space-game/solution/README.md) | Pohybovanie prvkov po obrazovke | Zistiť, ako prvky získavajú pohyb pomocou karteziánskych súradníc a Canvas API | [Pohybovanie prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Hra v priestore](./6-space-game/solution/README.md) | Detekcia kolízie | Vytvoriť kolízie medzi prvkami a reakcie na seba prostredníctvom stlačení klávesov a poskytnúť cooldown funkciu pre výkon hry | [Detekcia kolízie](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Hra v priestore](./6-space-game/solution/README.md) | Sledovanie skóre | Vykonávať matematické výpočty podľa stavu a výkonu hry | [Sledovanie skóre](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Hra v priestore](./6-space-game/solution/README.md) | Končenie a reštart hry | Naučiť sa o ukončení a reštartovaní hry, vrátane čistenia zdrojov a resetovania premenných | [Podmienka ukončenia](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | Šablóny HTML a routovanie v webovej aplikácii | Naučiť sa vytvoriť rozvrhnutie viacstránkového webu pomocou routovania a HTML šablón | [HTML Šablóny a routovanie](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytvorenie prihlasovacieho a registračného formulára | Naučiť sa o tvorbe formulárov a spracovaní validácie | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a používania dát | Ako do aplikácie prenikajú dáta, ako ich načítať, uložiť a odstrániť | [Dáta](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty riadenia stavu | Naučiť sa, ako aplikácia uchováva stav a ako ho programovo riadiť | [Riadenie stavu](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Kód editor/Brower/VScode](../../8-code-editor) | Práca s VScode | Naučiť sa používať editor kódu | [Použitie editora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučiť sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | +| | Názov projektu | Konzepte vyučované | Ciele učenia | Prepojená lekcia | Autor | +| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Začínáme | Úvod do programovania a nástroje remesla | Naučte sa základné princípy väčšiny programovacích jazykov a o softvéri, ktorý pomáha profesionálnym vývojárom pri práci | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Začínáme | Základy GitHubu, vrátane práce v tíme | Ako používať GitHub vo svojom projekte, ako spolupracovať s inými na kóde | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Začínáme | Prístupnosť | Naučte sa základy prístupnosti webu | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | Základy JS | Typy dát v JavaScript | Základy typov dát v JavaScript | [Typy dát](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | Základy JS | Funkcie a metódy | Naučte sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher | +| 06 | Základy JS | Tvorba rozhodnutí v JS | Naučte sa vytvárať podmienky vo svojom kóde pomocou rozhodovacích metód | [Tvorba rozhodnutí](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | Základy JS | Polia a cykly | Práca s dátami pomocou polí a cyklov v JavaScript | [Polia a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvorte HTML pre online terrárium, zamerajte sa na tvorbu rozloženia | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvorte CSS pre štýlovanie online terrária, naučte sa základy CSS vrátane responzívneho návrhu stránky | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrárium](./3-terrarium/solution/README.md) | Uzávierky JavaScriptu, manipulácia s DOMom | Vytvorte JavaScript, ktorý umožní terráriu fungovať ako drag/drop rozhranie, zamerajte sa na uzávierky a manipuláciu s DOMom | [Uzávierky JavaScriptu, manipulácia s DOMom](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytvorte hru na písanie | Naučte sa používať udalosti klávesnice na riadenie logiky vašej JavaScriptovej aplikácie | [Programovanie založené na udalostiach](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučte sa, ako fungujú prehliadače, ich históriu a ako vytvoriť základné prvky rozšírenia prehliadača | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Vytvorenie formulára, volanie API a uchovávanie premenných v lokálnom úložisku | Vytvorte JavaScriptové prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom úložisku | [API, formuláre a lokálne úložisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Rozšírenie pre prehliadač Green](./5-browser-extension/solution/README.md) | Systémové procesy na pozadí v prehliadači, výkon webu | Použite systémové procesy prehliadača na správu ikony rozšírenia; učte sa o výkone webu a niektorých optimalizáciách | [Úlohy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Hra v priestore](./6-space-game/solution/README.md) | Pokročilý vývoj hier v JavaScripte | Naučte sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, ako prípravu na tvorbu hry | [Úvod k pokročilému vývoju hier](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Hra v priestore](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučte sa o Canvas API používanom na kreslenie prvkov na obrazovku | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Hra v priestore](./6-space-game/solution/README.md) | Pohyb prvkov po obrazovke | Objavte, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API | [Pohyb prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Hra v priestore](./6-space-game/solution/README.md) | Detekcia kolízií | Urobte, aby sa prvky zrážali a reagovali na seba pomocou stlačenia kláves a zabezpečte funkciu cooldown pre výkon hry | [Detekcia kolízií](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Hra v priestore](./6-space-game/solution/README.md) | Uchovávanie skóre | Vykonávajte matematické výpočty na základe stavu a výkonu hry | [Uchovávanie skóre](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Hra v priestore](./6-space-game/solution/README.md) | Ukončenie a reštart hry | Naučte sa o ukončení a reštarte hry vrátane čistenia zdrojov a resetovania premenných | [Podmienka ukončenia](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | HTML šablóny a routovanie vo webovej aplikácii | Naučte sa vytvoriť kostru viacstránkovej webovej architektúry pomocou routovania a HTML šablón | [HTML šablóny a routovanie](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytvorenie prihlasovacieho a registračného formulára | Naučte sa vytvárať formuláre a spracovávať validačné rutiny | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a používania dát | Ako dáta prúdia dovnútra a von z vašej aplikácie, ako ich získavať, ukladať a likvidovať | [Dáta](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty správy stavu | Naučte sa, ako si vaša aplikácia udržiava stav a ako ho programovo spravovať | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Prehliadač/VScode Kód](../../8-code-editor) | Práca s VScode | Naučte sa používať kódový editor| [Použitie VScode kódového editora](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučte sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogika -Naše učebné osnovy sú navrhnuté s dvoma kľúčovými pedagogickými princípmi na pamäti: +Naše učebné osnovy sú navrhnuté so dvoma kľúčovými pedagogickými princípmi: * učenie založené na projektoch * časté kvízy -Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať príležitosť získať praktické skúsenosti vytvorením hry na písanie, virtuálneho terária, ekologicky šetrného rozšírenia prehliadača, hry v štýle Space Invader a bankovej aplikácie pre firmy. Na konci série študenti získajú pevné základy webového vývoja. +Program učí základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky, ktoré používajú dnešní weboví vývojári. Študenti budú mať príležitosť získať praktické skúsenosti tým, že vyvinú hru na písanie, virtuálne terárium, ekologické rozšírenie prehliadača, hru v štýle vesmírneho dobyvateľa a bankovú aplikáciu pre podniky. Na konci série budú mať pevné pochopenie webového vývoja. -> 🎓 Môžete absolvovať prvých niekoľko lekcií z tohto učebného plánu ako [Cestu učenia](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! +> 🎓 Prvé lekcie tohto kurzu môžete absolvovať ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! -Zabezpečením souladu obsahu s projektmi je proces pre študentov atraktívnejší a dochádza k lepšiemu zapamätaniu si konceptov. Napísali sme takisto niekoľko úvodných lekcií k základom JavaScriptu na predstavenie konceptov, sprevádzané videom zo série "[Séria pre začiatočníkov: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorej niektorí autori prispeli aj k týmto osnovám. +Zabezpečením zladenia obsahu s projektmi je proces pre študentov pútavejší a uchovávanie konceptov sa zlepší. Tiež sme napísali niekoľko úvodných lekcií v základoch JavaScriptu, ktoré predstavujú koncepty, sprevádzané videom zo série "[Začiatočnícka séria: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorého niektorí autori prispeli do týchto osnov. -Okrem toho nízko náročný kvíz pred hodinou nastaví študentovi cieľ učiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečí ďalšie upevnenie vedomostí. Tento učebný plán je navrhnutý tak, aby bol flexibilný a zábavný a dá sa absolvovať celý alebo jeho časť. Projekty začínajú jednoducho a postupne sa počas 12-týždňového cyklu komplikujú. +Okrem toho nízko náročný kvíz pred triedou nastavuje študentovi zámer učiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečuje ďalšie uchovanie vedomostí. Tento kurz bol navrhnutý tak, aby bol flexibilný a zábavný a môže byť absolvovaný celý alebo čiastočne. Projekty začínajú jednoducho a do 12-týždňového cyklu sú čoraz zložitejšie. -Hoci sme zámerne vynechali zavedenie JavaScript frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred osvojením si frameworku, ďalším dobrým krokom po dokončení týchto osnov je naučiť sa Node.js prostredníctvom inej video série: "[Séria pre začiatočníkov: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Zatiaľ čo sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred prijatím frameworku, dobrým ďalším krokom po dokončení tohto kurzu by bolo naučiť sa Node.js prostredníctvom inej kolekcie videí: "[Začiatočnícka séria: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Navštívte naše pravidlá [Code of Conduct](CODE_OF_CONDUCT.md) a [Contributing](CONTRIBUTING.md). Radi privítame vaše konštruktívne pripomienky! +> Navštívte naše pravidlá správania [Code of Conduct](CODE_OF_CONDUCT.md) a zásady prispievania [Contributing](CONTRIBUTING.md). Vitajte vašu konštruktívnu spätnú väzbu! -## 🧭 Offline prístup +## 🧭 Prístup offline -Túto dokumentáciu môžete spustiť offline pomocou [Docsify](https://docsify.js.org/#/). Zforknite si tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svojom miestnom počítači a potom v koreňovom priečinku tohto repozitára zadajte príkaz `docsify serve`. Web stránka bude dostupná na porte 3000 na vašom localhost: `localhost:3000`. +Môžete spustiť túto dokumentáciu offline pomocou [Docsify](https://docsify.js.org/#/). Forknite tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svojom lokálnom počítači a potom v koreňovom priečinku tohto repozitára zadajte `docsify serve`. Webová stránka bude dostupná na porte 3000 na vašom localhoste: `localhost:3000`. ## 📘 PDF PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -190,65 +194,65 @@ PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For ## 🎒 Iné kurzy -Náš tím vytvára aj ďalšie kurzy! Pozrite sa: +Náš tím produkuje aj iné kurzy! Pozrite si: ### 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) +[![LangChain4j pre začiatočníkov](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) +[![LangChain.js pre začiatočníkov](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) +[![LangChain pre začiatočníkov](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents -[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) -[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) +### Azure / Edge / MCP / Agenti +[![AZD pre začiatočníkov](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) +[![Edge AI pre začiatočníkov](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) +[![MCP pre začiatočníkov](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) +[![AI Agentov pre začiatočníkov](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) --- -### Séria Generatívnej AI -[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) -[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) -[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) -[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) +### Generatívna AI séria +[![Generatívna AI pre začiatočníkov](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) +[![Generatívna AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) +[![Generatívna AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) +[![Generatívna AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) --- -### Základné vzdelávanie -[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) -[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) -[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) -[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) -[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) -[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) -[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) +### Základné učenie +[![ML pre začiatočníkov](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) +[![Dátová veda pre začiatočníkov](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) +[![AI pre začiatočníkov](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) +[![Kybernetická bezpečnosť pre začiatočníkov](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) +[![Webové vývoj pre začiatočníkov](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) +[![IoT pre začiatočníkov](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) +[![XR vývoj pre začiatočníkov](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- -### Séria Copilot -[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) -[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) -[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) +### Copilot séria +[![Copilot pre AI programovanie v pároch](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) +[![Copilot pre C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) +[![Copilot dobrodružstvo](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) ## Získanie pomoci -Ak máte problém alebo otázky týkajúce sa tvorby AI aplikácií, pripojte sa k ostatným študentom a skúseným vývojárom v diskusiách o MCP. Je to podporná komunita, kde sú otázky vítané a zdieľanie znalostí je bezplatné. +Ak sa zaseknete alebo máte otázky ohľadom budovania AI aplikácií. Pridajte sa k ostatným študentom a skúseným vývojárom v diskusiách o MCP. Je to podporná komunita, kde sú otázky vítané a vedomosti sa slobodne zdieľajú. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Ak máte spätnú väzbu k produktu alebo chyby počas vývoja, navštívte: +Ak máte spätnú väzbu k produktu alebo narazíte na chyby pri vývoji, navštívte: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Licencia -Tento repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE). +Táto repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE). --- -**Upozornenie**: -Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, uvedomte si, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre dôležité informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu. +**Zrieknutie sa zodpovednosti**: +Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, berte prosím na vedomie, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu. \ No newline at end of file