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

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

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

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

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

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

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

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

📣 Обявление - Нови предизвикателства за режим 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 с копие на учебната програма. Следвайте тези стъпки:

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

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

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

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

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

Клонирайте вашето хранилище на компютъра си. Можете да го направите като кликнете на бутона Code и копирате URL адреса: CodeSpace След това отворете Terminal в Visual Studio Code и изпълнете следната команда, като замените с URL адреса, който току-що копирахте:

git clone <your-repository-url>

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

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

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

🗃️ Уроци

🏫 Педагогика

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

обучение чрез проекти
чести тестове Програмата преподава основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практичен опит, като изграждат игра за писане, виртуален терариум, екологично разширение за браузър, игра в стил „нападател на космоса“ и банково приложение за бизнес. В края на серията студентите ще имат солидно разбиране на уеб разработка. Като гарантираме, че съдържанието съвпада с проектите, процесът за учениците става по-ангажиращ и задържането на концепциите се увеличава. Също така написахме няколко въвеждащи урока по основите на 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 Серия

-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA) -C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC) -E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)

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

Серия Copilot

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

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

Лиценз

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

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