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 (автоматизирано и винаги актуално)

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

Това хранилище включва над 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 досега, той е способeн не само да генерира текст, но и да създава и редактира файлове, изпълнява команди и още.

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

🏫 Педагогика

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

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

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

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

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

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

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

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

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

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

📘 PDF

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

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

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

LangChain

---

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

---

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

---

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

---

Серия Copilot

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

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

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

Лиценз

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

---

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