Web-Dev-For-Beginners/translations/bg

Уеб разработка за начинаещи - Учебна програма

Научете основите на уеб разработката с нашия 12-седмичен обстоен курс, създаден от Microsoft Cloud Advocates. Във всеки от 24-те урока се разглеждат JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Включете се в викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знанията с нашата ефективна проектно-базирана методика. Започнете своето кодиране още днес!

Присъединете се към общността Azure AI Foundry в Discord

Следвайте тези стъпки, за да започнете да използвате тези ресурси:

1. Форкване на хранилището: Кликнете
2. Клониране на хранилището: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Присъединете се към Azure AI Foundry Discord и се срещнете с експерти и други разработчици

🌐 Поддръжка на множество езици

Поддържани чрез GitHub Action (Автоматично и винаги актуални)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Предпочитате да клонирате локално?

Това хранилище включва преводи на над 50 езика, което значително увеличава размера на изтегляне. За да клонирате без преводите, използвайте sparse checkout:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне.

Ако желаете да има поддръжка за допълнителни езици, те са изброени тук

🧑‍🎓 Учите ли?

Посетете страницата за студенти, където ще намерите ресурси за начинаещи, студентски пакети и дори начини да получите безплатен ваучер за сертификат. Това е страницата, която е добре да запазите сред отметките и да проверявате от време на време, тъй като обновяваме съдържанието всеки месец.

📣 Обява - Нови предизвикателства с режим GitHub Copilot Agent за завършване!

Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което да завършите, използвайки GitHub Copilot и режима Agent. Ако не сте използвали режим Agent досега, той не само генерира текст, но и може да създава и редактира файлове, изпълнява команди и други.

📣 Обява - Нов проект, базиран на Генеративен AI

Току-що добавен нов проект с AI асистент, разгледайте проекта

📣 Обява - Нова учебна програма за Генеративен AI за JavaScript е вече налична

Не пропускайте нашия нов курс за Генеративен AI!

Посетете https://aka.ms/genai-js-course, за да започнете!

• Уроци, покриващи всичко от основите до RAG.
• Взаимодействайте с исторически личности чрез GenAI и нашето спомагателно приложение.
• Забавно и вълнуващо повествование, вие ще пътувате във времето!

Всеки урок включва задача за изпълнение, проверка на знанията и предизвикателство, за да ви насочи при изучаването на теми като:

• Създаване на заявки и инженерство на заявки
• Генериране на текстови и визуални приложения
• Търсещи приложения

Посетете https://aka.ms/genai-js-course за да започнете!

🌱 Първи стъпки

Учители, ние сме включили някои предложения как да използвате тази учебна програма. Ще се радваме на вашата обратна връзка в нашия дискусионен форум!

Учащи, за всеки урок започнете с тест преди лекцията и продължете с четене на учебния материал, изпълнение на различни дейности и проверете разбирането си с тест след лекцията.

За да подобрите учебния си опит, свържете се с връстници, за да работите заедно по проектите! Насърчават се дискусиите в нашия дискусионен форум, където нашият модераторски екип ще бъде на разположение да отговаря на въпросите ви.

За да надградите знанията си, препоръчваме ви да разгледате Microsoft Learn за допълнителни учебни материали.

📋 Настройване на средата ви

Тази учебна програма е готова със среда за разработка! Когато започнете, можете да изберете да стартирате учебната програма в Codespace (среда в браузър, без необходимост от инсталации), или локално на компютъра си, използвайки текстов редактор като Visual Studio Code.

Създайте своето хранилище

За да можете лесно да запазвате работата си, препоръчително е да създадете собствено копие на това хранилище. Можете да го направите, като натиснете бутона Use this template в горната част на страницата. Това ще създаде ново хранилище във вашия GitHub акаунт с копие на учебната програма.

Следвайте тези стъпки:

1. Форкване на хранилището: Кликнете върху бутона "Fork" в горния десен ъгъл на тази страница.
2. Клониране на хранилището: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Стартиране на учебната програма в Codespace

В копието на това хранилище, което създадохте, кликнете на бутона Code и изберете Open with Codespaces. Това ще създаде нов Codespace за работа.

Стартиране на учебната програма локално на компютъра

За да стартирате учебната програма локално на компютъра си, ще ви е необходим текстов редактор, браузър и инструмент за команден ред. Нашият първи урок, Въведение в програмните езици и инструменти, ще ви запознае с различните опции за всеки от тези инструменти, за да изберете най-подходящото за вас.

Нашата препоръка е да използвате Visual Studio Code като редактор, който има и вграден Терминал. Можете да изтеглите Visual Studio Code от тук.

1. Клонирайте своето хранилище на компютъра си. Можете да направите това като натиснете бутона Code и копирате URL адреса:

   CodeSpace След това отворете Terminal в Visual Studio Code и изпълнете следната команда, като замените <your-repository-url> с URL адреса, който току-що копирахте:

   git clone <your-repository-url>
   

2. Отворете папката във Visual Studio Code. Можете да направите това, като кликнете върху File > Open Folder и изберете току-що клонираната папка.

Препоръчани разширения за Visual Studio Code:

• Live Server - за визуализиране на HTML страници във Visual Studio Code
• Copilot - за да ви помогне да пишете код по-бързо

📂 Всеки урок включва:

• опционален скичен принос
• опционално допълнително видео
• предварителен топлищен тест преди урока
• писмен урок
• при проектно-ориентирани уроци, стъпка по стъпка ръководства как да се изгради проектът
• проверки на знания
• предизвикателство
• допълнително четене
• задание
• тест след урок

Бележка за тестовете: Всички тестове са съдържани в папката Quiz-app, общо 48 теста с по три въпроса във всеки. Те са налични тук, приложението за тестове може да се стартира локално или да се публикува в Azure; следвайте инструкциите в папката quiz-app.

🗃️ Уроци

	Име на проекта	Концепции, които са обучавани	Учебни цели	Свързан урок	Автор
01	Начало	Въведение в програмирането и инструментите на занаятчията	Научете основните основи зад повечето езици за програмиране и за софтуер, който помага на професионални разработчици да вършат работата си	Въведение в езиците за програмиране и инструментите на занаятчията	Jasmine
02	Начало	Основи на GitHub, включително работа в екип	Как да използвате GitHub в своя проект, как да си сътрудничите с други върху кодова база	Въведение в GitHub	Floor
03	Начало	Достъпност	Научете основите на уеб достъпността	Основи на достъпността	Christopher
04	Основи на JS	Типове данни в JavaScript	Основите на типовете данни в JavaScript	Типове данни	Jasmine
05	Основи на JS	Функции и методи	Научете за функции и методи за управление на логиката на приложение	Функции и методи	Jasmine and Christopher
06	Основи на JS	Вземане на решения с JS	Научете как да създавате условия в кода си, използвайки методи за вземане на решения	Вземане на решения	Jasmine
07	Основи на JS	Масиви и цикли	Работа с данни чрез масиви и цикли в JavaScript	Масиви и цикли	Jasmine
08	Терариум	HTML на практика	Създайте HTML за онлайн терариум, фокусирайки се върху изграждането на оформление	Въведение в HTML	Jen
09	Терариум	CSS на практика	Създайте CSS за стилизиране на онлайн терариума, като се фокусирате върху основите на CSS, включително правене на страницата адаптивна	Въведение в CSS	Jen
10	Терариум	JavaScript Closures, манипулиране на DOM	Създайте JavaScript за да направите терариума да функционира като интерфейс за плъзгане/пускане, с фокус върху closures и манипулиране на DOM	JavaScript Closures, манипулиране на DOM	Jen
11	Игра за писане с клавиатура	Създаване на игра за писане	Научете как да използвате събития от клавиатурата за да управлявате логиката на вашето JavaScript приложение	Програмиране, базирано на събития	Christopher
12	Разширение за браузър Green	Работа с браузъри	Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър	За браузърите	Jen
13	Разширение за браузър Green	Изграждане на форма, извикване на API и съхранение на променливи в локално хранилище	Изградете JavaScript елементи на вашето разширение за браузър за извикване на API, използвайки променливи, съхранени в локалното хранилище	API, форми и локално хранилище	Jen
14	Разширение за браузър Green	Фонови процеси в браузъра, уеб производителност	Използвайте фонови процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и някои оптимизации за подобряване	Фонови задачи и производителност	Jen
15	Космическа игра	По-напреднало разработване на игри с JavaScript	Научете за наследяване чрез класове и композиция и за шаблона Pub/Sub, в подготовка за създаване на игра	Въведение в напреднало разработване на игри	Chris
16	Космическа игра	Рисуване в canvas	Разберете Canvas API, който се използва за рисуване на елементи на екрана	Рисуване в Canvas	Chris
17	Космическа игра	Преместване на елементи по екрана	Открийте как елементите могат да придобият движение, използвайки декартови координати и Canvas API	Преместване на елементи	Chris
18	Космическа игра	Откриване на сблъсъци	Направете елементите да се сблъскват и да реагират един на друг чрез натискане на клавиши и осигурете функция за изчакване, за да се гарантира производителността на играта	Откриване на сблъсъци	Chris
19	Космическа игра	Водене на резултат	Правете математически изчисления въз основа на състоянието и представянето на играта	Водене на резултат	Chris
20	Космическа игра	Край и рестартиране на играта	Научете за завършване и рестартиране на игра, включително изчистване на ресурси и нулиране на стойности на променливи	Условия за край	Chris
21	Банкова апликация	HTML шаблони и маршрути в уеб приложение	Научете как да създадете основата на архитектурата на мултистраничен уебсайт, използвайки маршрутизиране и HTML шаблони	HTML шаблони и маршрути	Yohan
22	Банкова апликация	Създаване на форма за вход и регистрация	Научете за създаване на форми и обработка на валидационни рутинни	Форми	Yohan
23	Банкова апликация	Методи за получаване и използване на данни	Как данните влизат и излизат от вашето приложение, как да ги извличате, съхранявате и изтривате	Данни	Yohan
24	Банкова апликация	Концепции на управление на състоянието	Научете как вашето приложение задържа състояние и как да го управлявате програмно	Управление на състоянието	Yohan
25	Браузър/VScode Код	Работа с VScode	Научете как да използвате редактор на код	Използване на VScode редактор	Chris
26	AI Асистенти	Работа с AI	Научете как да изградите собствен AI асистент	Проект AI Асистент	Chris

🏫 Педагогика

Нашата учебна програма е създадена с два ключови педагогически принципа:

• учене чрез проекти
• чести тестове

Програмата преподава основите на JavaScript, HTML и CSS, както и последните инструменти и техники, използвани от днешните уеб разработчици. Студентите ще имат възможност да придобият практически опит, като създават игра за писане, виртуален терариум, екологично чисто разширение за браузър, игра в стил космически нашественик и банково приложение за бизнес. До края на серията студентите ще имат солидни познания по уеб разработка.

🎓 Можете да вземете първите няколко урока в тази учебна програма като Учебен Път в Microsoft Learn!

С осигуряването на съответствие на съдържанието с проекти, процесът става по-ангажиращ за студентите и задържането на концепциите ще се увеличи. Ние също написахме няколко начални урока по основите на JavaScript, за да въведем концепциите, съчетани с видео от колекцията на видео уроци "Серия за начинаещи: JavaScript", чиито някои автори допринесоха за тази учебна програма.

Освен това, ниско-рисков тест преди урока установява нагласата на студента към изучаване на тема, а втори тест след урока осигурява допълнително задържане. Тази учебна програма е проектирана да бъде гъвкава и забавна и може да се приема изцяло или частично. Проектите започват малки и стават все по-сложни към края на 12-седмичния цикъл.

Докато умишлено избягвахме въвеждането на JavaScript фреймворци, за да се концентрираме върху основните умения, необходими на уеб разработчик преди приемане на фреймворк, добра следваща стъпка за завършване на тази учебна програма е да научите за Node.js чрез друга колекция видеа: "Серия за начинаещи: Node.js".

Посетете нашите насоки Кодекс на поведение и Принос. Очакваме с нетърпение вашата конструктивна обратна връзка!

🧭 Достъп офлайн

Можете да използвате тази документация офлайн с помощта на Docsify. Форкнете това хранилище, инсталирайте Docsify на локалната си машина и след това в главната папка на това хранилище изпишете docsify serve. Уебсайтът ще бъде достъпен на порт 3000 на вашия localhost: localhost:3000.

📘 PDF

PDF на всички уроци може да бъде намерен тук.

🎒 Други курсове

Нашият екип произвежда и други курсове! Разгледайте:

LangChain

---

Azure / Edge / MCP / Агенти

---

Серия за Генеративен AI

---

Основно обучение

---

Серия Copilot

Получаване на помощ

Ако заседнете или имате въпроси относно разработването на AI приложения, присъединете се към други обучаващи се и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.

Ако имате обратна връзка за продукта или грешки по време на разработка посетете:

Лиценз

Този хранилище е лицензирано под лиценза MIT. Вижте файла LICENSE за повече информация.

---

Отказ от отговорност:
Този документ е преведен с помощта на AI преводаческа услуга Co-op Translator. Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за каквито и да било недоразумения или неправилни тълкувания, произтичащи от използването на този превод.