Това еучебен репозиторий за преподаване на основите на уеб разработката за начинаещи. Учебният план е цялостен 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 и AI Chat Assistant
- **Интерактивни куизове**: 48 куиза с по 3 въпроса всеки (оценка преди и след урока)
- **Поддръжка на много езици**: Автоматични преводи за 50+ езика чрез GitHub Actions
- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти
- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant
- **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценки преди/след урок)
- **Многоезична поддръжка**: Автоматични преводи за 50+ езика чрез GitHub Actions
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
### Архитектура
- Образователен репозиторий с уроци, организирани по структура
- Във всяка папка на урок има README, примери с код и решения
- Самостоятелни проекти в отделни директории (quiz-app, различни проектни уроци)
- Система за превод чрез GitHub Actions (co-op-translator)
- Документацията се обслужва чрез Docsify и е налична като PDF
- Образователен репозиториум със структура, базирана на уроци
- Всяка папка на урока съдържа README, примери с код и решения
- Самостоятелни проекти в отделни директории (quiz-app, различни проекти от уроците)
- Система за превод, използваща GitHub Actions (co-op-translator)
- Документация, обслужвана чрез Docsify и налична като PDF
## Команди за настройка
Този репозиторийе основно за консумация на образователно съдържание. За работа с конкретни проекти:
Този репозиториуме основно за консумация на образователно съдържание. За работа с конкретни проекти:
### Основна настройка на репозитория
@ -36,38 +36,38 @@ 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 на Bank Project (Node.js + Express)
### API за банков проект (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
```
### Проекти за Browser Extension
### Проекти за разширения за браузър
```bash
cd 5-browser-extension/solution
npm install
# Следвайте специфичните за браузъра инструкции за зареждане на разширения
# Следвайте инструкциите за зареждане на разширението, специфични за браузъра
```
### Проекти за Space Game
### Проекти за космическа игра
```bash
cd 6-space-game/solution
npm install
# Отворете index.html в браузър или използвайте Live Server
# Отворете index.html в браузъра или използвайте Live Server
```
### Chat Project (Python бекенд)
### Чат проект (Python бекенд)
```bash
cd 9-chat-project/solution/backend/python
@ -76,33 +76,33 @@ pip install openai
python api.py
```
## Работа по разработване
## Работен процес за разработка
### Засъдържателите на материалите
### Заавтори на съдържание
1. **Форкнете репозитория** към вашия GitHub акаунт
1. **Направете форк на репозитория** във вашия GitHub акаунт
2. **Клонирайте вашия форк** локално
3. **Създайте нов клон** за вашите промени
4. Правете промени в съдържанието на уроците или кодовите примери
5. Тествайте всякакви промени в код в съответните проектни директории
6. Изпращайте pull request-и според насоките за допринасяне
4. Направете промени в съдържанието на уроците или в примерите с код
5. Тествайте всякакви кодови промени в съответните директории на проектите
6. Изпратете pull request-ове, следвайки указанията за принос
### За учащите
1. Форкнете или клонирайте репозитория
2. Навигирайте последователно в папките с уроци
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
- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
- **API Проекти**: Стартирайте `npm start` в съответните API директории
- [Модули на 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 учебни програми налични
### Работа с конкретни проекти
За подробни инструкции по отделни проекти вижте README файловете в:
- `quiz-app/README.md` - Vue 3 куиз приложение
- `7-bank-project/README.md` - Банково приложение с автентикация
- `5-browser-extension/README.md` - Разработка на браузърни разширения
- `6-space-game/README.md` - Разработка на игра с canvas
- `9-chat-project/README.md` - Проект за AI чат асистент
За подробни инструкции за отделните проекти, вижте README файловете в:
- `quiz-app/README.md` - Vue 3 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
### Структура на монорепозитория
### Структура на монорепо
Въпреки че не е традиционен монорепозиториум, този репозиторий съдържа множество независими проекти:
Въпреки че не е традиционно монорепо, този репозиториум съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
- Работете по отделните проекти, без да засягате останалите
- Клонирайте целия репозиторий за пълноценно обучение с цялата учебна програма
- Работете по отделни проекти, без да засягате другите
- Клонирайте целия репозиториум за пълното преживяване на учебната програма
---
<!-- 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
- **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)
- **Suport multilingv**: Traduceri automate pentru peste 50 de limbi prin GitHub Actions
- `6-space-game/README.md` - dezvoltare joc pe canvas
- `9-chat-project/README.md` - proiect asistent AI chat
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
### 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ă
- Proiectele nu împart dependențe
- Lucrează pe proiecte individuale fără a afecta altele
- Clonează întregul depozit pentru experiența completă a curriculumului
- Lucrează la proiecte individuale fără a afecta altele
- Clonează întregul repo pentru experiența completă a curriculumului
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**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
- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Vesmírna hra, Banková aplikácia, Kódový editor a AI Chat asistent
- **Interaktívne kvízy**: 48 kvízov so 3 otázkami každý (pred a po lekcii)
- **Viacjazyčná podpora**: Automatické preklady do 50+ jazykov pomocou GitHub Actions
- [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
- `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
- `9-chat-project/README.md` - AI chat asistent projekt
- `9-chat-project/README.md` - Projekt AI chat asistenta
### Š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á
- Projekty nezdieľajú závislosti
- 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 -->
**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ť, 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.
**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.