Открытая кодовая база freeCodeCamp.org — бесплатной платформы для самостоятельного изучения программирования и математики.
microsoft/Web-Dev-For-Beginners
Учебная программа для начинающих: 12 недель и 24 урока по HTML, CSS и JavaScript с практическими проектами — от террариума до космической игры.
- Звёзды
- 97,003
- Форки
- 16,043
- Открытые issues
- 145
- Последний коммит
- 9 часов назад
Что это?
Web Development for Beginners — бесплатная учебная программа Microsoft Cloud Advocates с практическими проектами для тех, кто только начинает изучать веб-разработку. Она рассчитана примерно на 12 недель и включает 24 урока по основам JavaScript, CSS и HTML.
Каждый урок посвящён практическому проекту: онлайн-террариуму с перетаскиванием элементов, игре на скорость печати, зелёному расширению для браузера, космической игре на Canvas API и многостраничному банковскому приложению. В уроки входят тесты до и после лекций, проверки знаний, задания и практические упражнения. В репозитории также есть отдельное приложение с 48 тестами по три вопроса в каждом.
Курс доступен более чем на 50 языках. Его можно проходить в GitHub Codespaces или локально с Visual Studio Code, а материалы — читать офлайн с помощью Docsify или в формате PDF. В репозитории также есть курс Generative AI for JavaScript и проект AI-ассистента.
Ключевые возможности
- 0124 урока, объединённые в курс примерно на 12 недель
- 02Среди проектов — террариум, игра на скорость печати, расширение для браузера, космическая игра и банковское приложение
- 03В каждом уроке есть тесты до и после лекций, проверки знаний и задания
- 04Доступно более чем на 50 языках; для ускорения клонирования можно использовать sparse checkout
- 05Работает в GitHub Codespaces или локально с Visual Studio Code
Сценарии использования
- Для тех, кто начинает с нуля и хочет последовательно изучить HTML, CSS и JavaScript
- Для преподавателей, которые ведут курс веб-разработки с практическими проектами
- Для тех, кому интереснее создавать небольшие игры и расширения, чем читать теорию
Быстрый старт
- 1
Сделайте форк репозитория на GitHub
- 2
Клонируйте свой форк на компьютер
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - 3
Откройте папку в Visual Studio Code и начните с Lesson 1 в папке «1-getting-started-lessons»
Что важно знать
- Уроки — это учебные материалы, а не запускаемое приложение, поэтому отдельной программы для запуска нет.
- Большая часть материалов на английском языке; переводы предоставлены с помощью автоматического перевода.
Темы
Частые вопросы
- Что такое Web-Dev-For-Beginners?
- Учебная программа для начинающих: 12 недель и 24 урока по HTML, CSS и JavaScript с практическими проектами — от террариума до космической игры. Web Development for Beginners — бесплатная учебная программа Microsoft Cloud Advocates с практическими проектами для тех, кто только начинает изучать веб-разработку. Она рассчитана примерно на 12 недель и включает 24 урока по основам JavaScript, CSS и HTML.
- Web-Dev-For-Beginners можно использовать бесплатно? Какая у него лицензия?
- Web-Dev-For-Beginners распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- Web-Dev-For-Beginners всё ещё поддерживается?
- Активно поддерживается. Последний коммит в Web-Dev-For-Beginners — 20 окт. 2026 г..
- Для чего можно использовать Web-Dev-For-Beginners?
- Для тех, кто начинает с нуля и хочет последовательно изучить HTML, CSS и JavaScript Для преподавателей, которые ведут курс веб-разработки с практическими проектами Для тех, кому интереснее создавать небольшие игры и расширения, чем читать теорию
- Как установить Web-Dev-For-Beginners?
- Сделайте форк репозитория на GitHub Клонируйте свой форк на компьютер: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git Откройте папку в Visual Studio Code и начните с Lesson 1 в папке «1-getting-started-lessons»
- Где скачать Web-Dev-For-Beginners?
- Исходный код и инструкции по установке — на GitHub: https://github.com/microsoft/Web-Dev-For-Beginners
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Подборка коротких самостоятельных статей и фрагментов кода на JavaScript для изучения повседневных программных приёмов за 30 секунд или быстрее.
12-недельный курс для начинающих по классическому машинному обучению: 26 уроков, Python и R, тесты и задания на основе Scikit-learn.
Бесплатный 30-дневный курс JavaScript с пошаговыми уроками, упражнениями и мини-проектами для начинающих.
Учебная программа Microsoft для начинающих: 10 недель, 20 уроков по основам data science с Python, тестами и проектами.
Пошаговый 30-дневный курс по React: от основ JavaScript до хуков, маршрутизации и управления состоянием.