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

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

Това хранилище включва над 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 режим!

Добавено е ново предизвикателство, потърсете "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 и 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	Разширение за браузър	Работа с браузъри	Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър	Относно браузърите	Jen
13	Разширение за браузър	Изграждане на форма, извикване на API и съхраняване на променливи локално	Създайте JavaScript елементи на разширението си за браузър, за да извиквате API с променливи, съхранени локално	APIs, Форми и Локално съхранение	Jen
14	Разширение за браузър	Фонови процеси в браузъра, уеб производителност	Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации	Фонови задачи и производителност	Jen
15	Космическа игра	По-напреднало игрово развитие с JavaScript	Научете за наследяване с класове и композиция и за дизайна Pub/Sub, в подготовка за изграждане на игра	Въведение в напреднало игрово развитие	Chris
16	Космическа игра	Рисуване върху канвас	Научете за 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	Код за браузър/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. Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод.