Web-Dev-For-Beginners/translations/bg

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

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

Присъединете се към Azure AI Foundry Discord и се срещнете с експерти и други разработчици.

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

1. Направете Fork на репозитория: Кликнете
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 | Khmer | 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:

Bash / macOS / Linux:

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'

CMD (Windows):

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 mode!

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

📣 Обявление - Нов проект за изграждане с помощта на Генеративен ИИ

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

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

Не пропускайте нашата нова учебна програма по Генеративен ИИ!

Посетете 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 на репозитория: Кликнете бутона "Fork" в горния десен ъгъл на тази страница.
2. Клонирайте репозитория: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

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

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

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

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

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

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

   CodeSpace

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

---

Серия за генеративен ИИ

---

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

---

Серия Copilot

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

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

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

Лиценз

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

---

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