Това еучебен репозиторий за преподаване на основите на уеб разработката за начинаещи. Учебният план е цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, съдържащ 24 практически урока, покриващи JavaScript, CSS и HTML.
Това ерепозиториум с учебна учебна програма за преподаване на основите на уеб разработката за начинаещи. Учебната програма е изчерпателен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML.
### Основни компоненти
### Ключови компоненти
- **Образователно съдържание**: 24 структурирани урока, организирани в проекти-базирани модули
- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти
- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant
- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant
- **Интерактивни куизове**: 48 куиза с по 3 въпроса всеки (оценка преди и след урока)
- **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценки преди/след урок)
- **Поддръжка на много езици**: Автоматични преводи за 50+ езика чрез GitHub Actions
- **Многоезична поддръжка**: Автоматични преводи за 50+ езика чрез GitHub Actions
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
### Архитектура
### Архитектура
- Образователен репозиторий с уроци, организирани по структура
- Образователен репозиториум със структура, базирана на уроци
- Във всяка папка на урок има README, примери с код и решения
- Всяка папка на урока съдържа README, примери с код и решения
- Самостоятелни проекти в отделни директории (quiz-app, различни проектни уроци)
- Самостоятелни проекти в отделни директории (quiz-app, различни проекти от уроците)
- Система за превод чрез GitHub Actions (co-op-translator)
- Система за превод, използваща GitHub Actions (co-op-translator)
- Документацията се обслужва чрез Docsify и е налична като PDF
- Документация, обслужвана чрез Docsify и налична като PDF
## Команди за настройка
## Команди за настройка
Този репозиторийе основно за консумация на образователно съдържание. За работа с конкретни проекти:
Този репозиториуме основно за консумация на образователно съдържание. За работа с конкретни проекти:
### Основна настройка на репозитория
### Основна настройка на репозитория
@ -36,38 +36,38 @@ cd Web-Dev-For-Beginners
```bash
```bash
cd quiz-app
cd quiz-app
npm install
npm install
npm run dev # Стартиране на сървър за разработка
npm run dev # Стартирай сървър за разработка
npm run build # Създаване на билд за продукция
npm run build # Изгради за продукция
npm run lint # Стартиране на ESLint
npm run lint # Пусни ESLint
```
```
### API на Bank Project (Node.js + Express)
### API за банков проект (Node.js + Express)
```bash
```bash
cd 7-bank-project/api
cd 7-bank-project/api
npm install
npm install
npm start # Стартиране на API сървър
npm start # Стартирай API сървър
npm run lint # Стартиране на ESLint
npm run lint # Стартирай ESLint
npm run format # Форматиранес Prettier
npm run format # Форматирайс Prettier
```
```
### Проекти за Browser Extension
### Проекти за разширения за браузър
```bash
```bash
cd 5-browser-extension/solution
cd 5-browser-extension/solution
npm install
npm install
# Следвайте специфичните за браузъра инструкции за зареждане на разширения
# Следвайте инструкциите за зареждане на разширението, специфични за браузъра
```
```
### Проекти за Space Game
### Проекти за космическа игра
```bash
```bash
cd 6-space-game/solution
cd 6-space-game/solution
npm install
npm install
# Отворете index.html в браузър или използвайте Live Server
# Отворете index.html в браузъра или използвайте Live Server
```
```
### Chat Project (Python бекенд)
### Чат проект (Python бекенд)
```bash
```bash
cd 9-chat-project/solution/backend/python
cd 9-chat-project/solution/backend/python
@ -76,33 +76,33 @@ pip install openai
python api.py
python api.py
```
```
## Работа по разработване
## Работен процес за разработка
### Засъдържателите на материалите
### Заавтори на съдържание
1. **Форкнете репозитория** към вашия GitHub акаунт
1. **Направете форк на репозитория** във вашия GitHub акаунт
2. **Клонирайте вашия форк** локално
2. **Клонирайте вашия форк** локално
3. **Създайте нов клон** за вашите промени
3. **Създайте нов клон** за вашите промени
4. Правете промени в съдържанието на уроците или кодовите примери
4. Направете промени в съдържанието на уроците или в примерите с код
5. Тествайте всякакви промени в код в съответните проектни директории
5. Тествайте всякакви кодови промени в съответните директории на проектите
6. Изпращайте pull request-и според насоките за допринасяне
6. Изпратете pull request-ове, следвайки указанията за принос
### За учащите
### За учащите
1. Форкнете или клонирайте репозитория
1. Форкнете или клонирайте репозитория
2. Навигирайте последователно в папките с уроци
2. Отидете в директориите на уроците по ред
3. Прочетете README файловете за всеки урок
3. Прочетете README файловете за всеки урок
4. Попълнете куизовете преди урока на https://ff-quizzes.netlify.app/web/
4. Попълнете предварителните тестове на https://ff-quizzes.netlify.app/web/
5. Работете върху кодовите примери в папките на урока
5. Работете с примерите с код в папките на уроците
6. Изпълнявайте задачи и предизвикателства
6. Изпълнете задачите и предизвикателствата
7. Изпълнете куизовете след урока
7. Направете пост-урочните тестове
### Живо разработване
### Разработка на живо
- **Документация**: Стартирайте `docsify serve`от главната директория (порт 3000)
- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни програми налични
### Работа с конкретни проекти
### Работа с конкретни проекти
За подробни инструкции по отделни проекти вижте README файловете в:
За подробни инструкции за отделните проекти, вижте README файловете в:
- `quiz-app/README.md` - Vue 3 куиз приложение
- `quiz-app/README.md` - Vue 3 quiz application
- `7-bank-project/README.md` - Банково приложение с автентикация
- `7-bank-project/README.md` - Banking application with authentication
- `5-browser-extension/README.md` - Разработка на браузърни разширения
- `5-browser-extension/README.md` - Browser extension development
- `6-space-game/README.md` - Разработка на игра с canvas
- `6-space-game/README.md` - Canvas-based game development
- `9-chat-project/README.md` - Проект за AI чат асистент
- `9-chat-project/README.md` - AI chat assistant project
### Структура на монорепозитория
### Структура на монорепо
Въпреки че не е традиционен монорепозиториум, този репозиторий съдържа множество независими проекти:
Въпреки че не е традиционно монорепо, този репозиториум съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
- Проектите не споделят зависимости
- Работете по отделните проекти, без да засягате останалите
- Работете по отделни проекти, без да засягате другите
- Клонирайте целия репозиторий за пълноценно обучение с цялата учебна програма
- Клонирайте целия репозиториум за пълното преживяване на учебната програма
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Отказ от отговорност**:
**Отказ от отговорност**:
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за недоразумения или неправилни тълкувания, възникнали от използването на този превод.
Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на оригиналния език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да е недоразумения или погрешни тълкувания, възникнали в резултат на използването на този превод.
Acesta este un depozit curricular educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, cuprinzând 24 de lecții practice care acoperă JavaScript, CSS și HTML.
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.
### Componente Cheie
### Componente cheie
- **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte
- **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte
- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent AI chat
- **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)
- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție)
- **Suport multilingv**: Traduceri automate pentru peste 50 de limbi prin GitHub Actions
- **Suport multi-limbă**: Traduceri automate pentru 50+ de limbi prin GitHub Actions
- `5-browser-extension/README.md` - Browser extension development
- `6-space-game/README.md` - dezvoltare joc pe canvas
- `6-space-game/README.md` - Canvas-based game development
- `9-chat-project/README.md` - proiect asistent AI chat
- `9-chat-project/README.md` - AI chat assistant project
### Structura Monorepo
### Structura monorepo-ului
Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente:
Deși nu este un monorepo tradițional, acest repository conține multiple proiecte independente:
- Fiecare lecție este autonomă
- Fiecare lecție este autonomă
- Proiectele nu împart dependențe
- Proiectele nu împart dependențe
- Lucrează pe proiecte individuale fără a afecta altele
- Lucrează la proiecte individuale fără a afecta altele
- Clonează întregul depozit pentru experiența completă a curriculumului
- Clonează întregul repo pentru experiența completă a curriculumului
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Declinare de responsabilitate**:
**Declinare de responsabilitate**:
Acest document a fost tradus folosind serviciul de traducere automată [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventuale neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
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.
Toto je edukačné úložisko kurikula určené na výučbu základov webového vývoja pre začiatočníkov. Kurikulum je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, zahŕňajúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
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.
### Hlavné komponenty
### Kľúčové súčasti
- **Edukačný obsah**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch
- **Educational Content**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch
- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Vesmírna hra, Banková aplikácia, Kódový editor a AI Chat asistent
- **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant
- **Interaktívne kvízy**: 48 kvízov so 3 otázkami každý (pred a po lekcii)
- **Interactive Quizzes**: 48 kvízov po 3 otázky (hodnotenia pred/po lekcii)
- **Viacjazyčná podpora**: Automatické preklady do 50+ jazykov pomocou GitHub Actions
- **Multi-language Support**: Automatické preklady do 50+ jazykov cez GitHub Actions
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) odporúčaný pre študentov
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) odporúčaný pre študentov
- Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT kurikulum dostupné
- Ďalšie kurzy: Generative AI, Data Science, ML, IoT učebné osnovy sú dostupné
### Práca so špecifickými projektmi
### Práca s konkrétnymi projektmi
Pre podrobné inštrukcie k jednotlivým projektom si pozrite README súbory v:
Pre podrobné inštrukcie k jednotlivým projektom sa odkazujte na README súbory v:
- `quiz-app/README.md` - Vue 3 kvízová aplikácia
- `quiz-app/README.md` - Vue 3 kvízová aplikácia
- `7-bank-project/README.md` - Banková aplikácia s autentifikáciou
- `7-bank-project/README.md` - Banková aplikácia s autentifikáciou
- `5-browser-extension/README.md` - Vývoj rozšírení prehliadača
- `5-browser-extension/README.md` - Vývoj rozšírenia prehliadača
- `6-space-game/README.md` - Vývoj hry založenej na Canvas
- `6-space-game/README.md` - Vývoj hry založenej na Canvas
- `9-chat-project/README.md` - AI chat asistent projekt
- `9-chat-project/README.md` - Projekt AI chat asistenta
### Štruktúra monorepa
### Štruktúra monorepa
Aj keď nejde o tradičné monorepo, toto úložisko obsahuje viacero nezávislých projektov:
Aj keď nejde o tradičné monorepo, tento repozitár obsahuje viacero nezávislých projektov:
- Každá lekcia je samostatná
- Každá lekcia je samostatná
- Projekty nezdieľajú závislosti
- Projekty nezdieľajú závislosti
- Pracujte na jednotlivých projektoch bez ovplyvnenia ostatných
- Pracujte na jednotlivých projektoch bez ovplyvnenia ostatných
- Naklonujte celé repo pre plné kurikulumové skúsenosti
- Naklonujte celý repozitár pre kompletnú skúsenosť s učebným plánom
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Upozornenie**:
**Vylúčenie 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ť, treba mať na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vzniknuté z použitia tohto prekladu.
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.