Web-Dev-For-Beginners/translations/bg

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

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

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

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

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'

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

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

🧑‍🎓 Студент ли сте?

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

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

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

📣 Обява - Нов проект за изграждане с Generative AI

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

📣 Обява - Нова учебна програма за Generative AI за JavaScript току-що беше пусната

Не изпускайте новата ни учебна програма за Generative 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 и 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, който позволява на терариума да функционира като drag/drop интерфейс, с фокус върху closures и манипулация на DOM	JavaScript closures, манипулация на DOM	Jen
11	Игра за писане	Създаване на игра за писане	Научете как да използвате keyboard събития за управление на логиката на JavaScript приложението си	Програмиране, ориентирано към събития	Christopher
12	Зелено браузър разширение	Работа с браузъри	Научете как работят браузърите, тяхната история и как да създадете първите елементи на браузър разширение	За браузърите	Jen
13	Зелено браузър разширение	Създаване на форма, извикване на API и съхраняване на променливи в локално хранилище	Изградете JavaScript елементите на разширението за браузър, за да извиква API, използвайки променливи, съхранявани локално	API, форми и локално хранилище	Jen
14	Зелено браузър разширение	Фонови процеси в браузъра, уеб производителност	Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации	Фонови задачи и производителност	Jen
15	Космическа игра	По-напреднало игрово развитие с JavaScript	Научете за наследяване чрез класове и композиция и модела Pub/Sub, като подготовка за създаване на игра	Въведение в напреднало игрово развитие	Chris
16	Космическа игра	Рисуване върху canvas	Научете за Canvas API, използван за рисуване на елементи върху екран	Рисуване върху Canvas	Chris
17	Космическа игра	Преместване на елементи по екрана	Открийте как елементите могат да придобият движение, използвайки картезиански координати и Canvas API	Преместване на елементи	Chris
18	Космическа игра	Откриване на сблъсъци	Принуждавайте елементите да се сблъскват и реагират на ключови натискания и добавяйте cooldown функция за добра производителност	Откриване на сблъсъци	Chris
19	Космическа игра	Водене на резултата	Извършвайте математически изчисления на базата на състоянието и резултатите от играта	Водене на резултата	Chris
20	Космическа игра	Приключване и рестартиране на играта	Научете как да приключвате и рестартирате играта, включително изчистване на ресурси и нулиране на стойности	Условие за приключване	Chris
21	Банково приложение	HTML шаблони и маршрути в уеб приложение	Научете как да създадете основата на архитектурата на мултистраничен уебсайт, използвайки маршрутизация и HTML шаблони	HTML шаблони и маршрути	Yohan
22	Банково приложение	Създаване на форма за вход и регистрация	Научете за създаване на форми и обработка на валидиращи процедури	Форми	Yohan
23	Банково приложение	Методи за вземане и използване на данни	Как данните влизат и излизат от приложението, как да ги извличате, съхранявате и изтривате	Данни	Yohan
24	Банково приложение	Концепции за управление на състоянието	Научете как приложението ви запазва състояние и как да го управлявате програмно	Управление на състоянието	Yohan
25	Browser/VScode Code	Работа с VScode	Научете как да използвате редактор на код	Използване на VScode Code Editor	Chris
26	AI Асистенти	Работа с AI	Научете как да създадете собствен AI асистент	Проект AI Асистент	Chris

🏫 Педагогика

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

• учене, базирано на проекти
• честото използване на квизове

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

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

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

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

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

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

🧭 Офлайн достъп

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

📘 PDF

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

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

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

LangChain

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

---

Генеративна AI серия

---

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

---

Серия Copilot

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

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

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

Лиценз

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

---

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