Практика Проектов Программирования Веб-разработка

September 26, 2025 · View on GitHub

Языки

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

Изучите веб-разработку с помощью этого комплексного учебного курса, разработанного для начинающих. Эти структурированные курсы по веб-разработке предоставляют четкую дорожную карту для освоения как внешних (front-end), так и внутренних (back-end) технологий, от основ, таких как HTML, CSS и JavaScript, до популярных фреймворков. Благодаря практическим модулям без видео и упражнениям по кодированию вы будете создавать реальные веб-сайты и веб-приложения в интерактивной среде.

Упражнения

ИндексНазваниеСложностьПрактика
001Создание расширения для VSCode с использованием ChatGPTНачинающий🚀 Начать Лабораторию
002Создание веб-приложения для игры в крестики-ноликиНачинающий🚀 Начать Лабораторию
003Создание веб-игры «Бей-кабанчика»Начинающий🚀 Начать Лабораторию
004Создание приложения для заметок с использованием ReactНачинающий🚀 Начать Лабораторию
005Создание современного веб - приложения для разделения расходовНачинающий🚀 Начать Лабораторию
006Создание веб-приложения для рисованияНачинающий🚀 Начать Лабораторию
007Создание веб-приложения таймера задачНачинающий🚀 Начать Лабораторию
008Создание веб-приложения с каруселью SwiperНачинающий🚀 Начать Лабораторию
009Веб-приложение для моделирования задачи Монти ХоллаНачинающий🚀 Начать Лабораторию
010Создание веб-игры "Избегание блоков"Средний🚀 Начать Лабораторию
011Веб-игра 2048 с использованием jQueryНачинающий🚀 Начать Лабораторию
012Разработка простой онлайн-чат-комнаты с использованием FlaskНачинающий🚀 Начать Лабораторию
013Создание игры "Слайдинг - пазл" с использованием JavaScriptНачинающий🚀 Начать Лабораторию
014Создание аниматора пиксель-арта с использованием ReactНачинающий🚀 Начать Лабораторию
015Игра в головоломку jQuery FlipНачинающий🚀 Начать Лабораторию
016Создание игры «Сапёр» с использованием JavaScriptНачинающий🚀 Начать Лабораторию
017Создание простого Markdown-редактора с живым предварительным просмотромНачинающий🚀 Начать Лабораторию
018Реализация эффекта увеличительного стекла с использованием CanvasНачинающий🚀 Начать Лабораторию
019Создание инструмента для обрезки изображений с использованием HTML5Начинающий🚀 Начать Лабораторию
020Создание конструктора списка желаний на Рождество с использованием ReactСредний🚀 Начать Лабораторию
021Создание игры в головоломку с перетаскиванием на ReactНачинающий🚀 Начать Лабораторию
022Создание тепловой карты вкладов на GitHub с использованием ReactСредний🚀 Начать Лабораторию
023Развертывание MobileNet с использованием TensorFlow.js и FlaskНачинающий🚀 Начать Лабораторию
024Не наступайте на белые плиткиНачинающий🚀 Начать Лабораторию
025Создание веб-игры "Скретч-карта"Начинающий🚀 Начать Лабораторию
026Создание простого сокращателя ссылок с использованием Flask и MySQLПродвинутый🚀 Начать Лабораторию
027Создание веб-приложения для сканирования TCP-портовНачинающий🚀 Начать Лабораторию
028Поиск предложений в реальном времени с использованием Vue.jsНачинающий🚀 Начать Лабораторию
029Разработка поискового функционала на Vue.jsНачинающий🚀 Начать Лабораторию
030Реализация динамической прикрепляемой панели вкладокНачинающий🚀 Начать Лабораторию
031Анимационный эффект наведения в стиле вентилятора на CSSНачинающий🚀 Начать Лабораторию
032Бескрайнее море знанийНачинающий🚀 Начать Лабораторию
033Хороший обзор по доставке едыНачинающий🚀 Начать Лабораторию
034Веб-приложение для управления адресамиНачинающий🚀 Начать Лабораторию
035Шкала настроения Бинь Двень ДвеньНачинающий🚀 Начать Лабораторию
036Создание системы светофора с использованием JavaScriptСредний🚀 Начать Лабораторию
037Создание простой функции поискаНачинающий🚀 Начать Лабораторию
038Реализация пагинации с использованием AxiosНачинающий🚀 Начать Лабораторию
039Побег от Двухвекторного ЛезаНачинающий🚀 Начать Лабораторию
040Создание игры 'Угадай монету'Начинающий🚀 Начать Лабораторию
041Генератор случайных открыток с поздравлениямиНачинающий🚀 Начать Лабораторию
042Система бронирования билетов на киноНачинающий🚀 Начать Лабораторию
043Поиск сокровищ заклинаний с использованием AxiosНачинающий🚀 Начать Лабораторию
044Создание отзывчивых модальных оконНачинающий🚀 Начать Лабораторию
045Создание переиспользуемого компонента пагинацииНачинающий🚀 Начать Лабораторию
046Воплотить в жизнь будущееНачинающий🚀 Начать Лабораторию
047Веб-строитель презентаций HTMLНачинающий🚀 Начать Лабораторию
048Пользовательская валидация форм с использованием Vue.jsНачинающий🚀 Начать Лабораторию
049Пустой параметр pathMatch для правильного расчета путиНачинающий🚀 Начать Лабораторию
050Корзина для покупок на Vue.js с функцией перетаскиванияНачинающий🚀 Начать Лабораторию
051Реализация поисковых подсказок с использованием Vue.jsНачинающий🚀 Начать Лабораторию
052Список продуктов с переключением макетаНачинающий🚀 Начать Лабораторию
053Кнопки и обновление значений в Vue.jsНачинающий🚀 Начать Лабораторию
054Создание динамического поиска по древовидному меню с использованием Vue.jsНачинающий🚀 Начать Лабораторию
055Исправление функции cleanPath в Vue RouterНачинающий🚀 Начать Лабораторию
056Создание электронного читалки на Vue.jsНачинающий🚀 Начать Лабораторию
057Получение параметров объекта из запросаНачинающий🚀 Начать Лабораторию
058Создание корзины для покупок на Vue.jsНачинающий🚀 Начать Лабораторию
059Создание переключателя статуса магазина на Vue.jsНачинающий🚀 Начать Лабораторию
060Реализация эффективного виртуального скроллинга с использованием Vue.jsНачинающий🚀 Начать Лабораторию
061Реализация атомарного гибкого макета с использованием CSSНачинающий🚀 Начать Лабораторию
062Создание адаптивной главной страницы новостного сайтаНачинающий🚀 Начать Лабораторию
063Творческий дизайн билборда с деревянными текстурамиНачинающий🚀 Начать Лабораторию
064Глубина резкости в изображенияхНачинающий🚀 Начать Лабораторию
065Создание лица коалы с использованием CSS GridНачинающий🚀 Начать Лабораторию
066Создание анимации орбиты Земли с использованием CSSНачинающий🚀 Начать Лабораторию
067Исправление проблем отображения веб - сайтаНачинающий🚀 Начать Лабораторию
068Адаптивный макет костей с использованием FlexboxНачинающий🚀 Начать Лабораторию
069Адаптивный гибкий макет карточекНачинающий🚀 Начать Лабораторию
070Дизайн макета овощей с использованием FlexboxНачинающий🚀 Начать Лабораторию
071Размещение фруктов с использованием CSS FlexboxНачинающий🚀 Начать Лабораторию
072Визуально привлекательная фруктовая тарелкаНачинающий🚀 Начать Лабораторию
073Переосмыслите свой веб - интерфейсНачинающий🚀 Начать Лабораторию
074Простой и красивый дизайн домашней страницыНачинающий🚀 Начать Лабораторию
075Расположение мест в кинотеатреНачинающий🚀 Начать Лабораторию
076Адаптивный веб-дизайн с использованием GulpНачинающий🚀 Начать Лабораторию
077Адаптивный веб-дизайн для всех экрановНачинающий🚀 Начать Лабораторию
078Создание визуально привлекательной визитной карточкиНачинающий🚀 Начать Лабораторию
079Путешествие на Запад в Скай ВестНачинающий🚀 Начать Лабораторию
080Форматирование и визуализация данных с использованием Vue.jsНачинающий🚀 Начать Лабораторию
081Исчез в воздухеНачинающий🚀 Начать Лабораторию
082Приложение для желаний в виде наклеек с использованием Vue.jsНачинающий🚀 Начать Лабораторию
083Адаптивная навигация с использованием пользовательского React-хукаСредний🚀 Начать Лабораторию
084Приложение для переключения темы ReactСредний🚀 Начать Лабораторию
085Приложение для фильтрации цветов на ReactСредний🚀 Начать Лабораторию
086Реализация функций навигации в ReactСредний🚀 Начать Лабораторию
087Создание отзывчивой визитной карточки с использованием ReactСредний🚀 Начать Лабораторию
088Создание интерактивных компонентов ReactНачинающий🚀 Начать Лабораторию
089Переключение между светлой и темной темамиНачинающий🚀 Начать Лабораторию
090Подтверждение номера мобильного телефонаНачинающий🚀 Начать Лабораторию
091Корректно предупреждать о неправильном использовании v-SlotНачинающий🚀 Начать Лабораторию
092Добавление предупреждения об устаревании в Vue RouterНачинающий🚀 Начать Лабораторию
093Динамизация данных главной страницыНачинающий🚀 Начать Лабораторию
094Исправить тест в файле async.spec.jsНачинающий🚀 Начать Лабораторию
095Визуализация данных с использованием Echarts и JSONНачинающий🚀 Начать Лабораторию
096Корректная обработка нулевых значенийНачинающий🚀 Начать Лабораторию
097Давайте проведем встречу вместеНачинающий🚀 Начать Лабораторию
098Создание системы входа с использованием Vue.js и VuexНачинающий🚀 Начать Лабораторию
099Удалить предупреждение, генерируемое параметром pathMatchНачинающий🚀 Начать Лабораторию
100Повторный переход по маршруту срабатывает слишком раноНачинающий🚀 Начать Лабораторию
101Изменение значения параметра маршрутизатораНачинающий🚀 Начать Лабораторию
102Создание гибких скелетных экрановНачинающий🚀 Начать Лабораторию
103Инструмент для преобразования времени с использованием Vue.jsНачинающий🚀 Начать Лабораторию
104Создание менеджера задач на Vue.jsНачинающий🚀 Начать Лабораторию
105Веб-приложение для интерактивной коллекции фильмовНачинающий🚀 Начать Лабораторию
106Создание отзывчивых интерфейсов аккордеонаНачинающий🚀 Начать Лабораторию
107Игра по совмещению фруктов с использованием HTML, CSS и JavaScriptСредний🚀 Начать Лабораторию
108Игра в стопку фруктов с использованием HTML, CSS и JavaScriptСредний🚀 Начать Лабораторию
109Реализация функции входа пользователяНачинающий🚀 Начать Лабораторию
110Простое приложение для розыгрыша призовСредний🚀 Начать Лабораторию
111Создание голосования приложенияСредний🚀 Начать Лабораторию
112Разработка приложения для еженедельного прогноза погодыНачинающий🚀 Начать Лабораторию
113Труд не зряНачинающий🚀 Начать Лабораторию
114Панель мониторинга продаж в реальном времени с использованием EchartsСредний🚀 Начать Лабораторию
115Создание интерактивных столбчатых диаграмм с использованием EChartsНачинающий🚀 Начать Лабораторию
116Время, проведенное за телефономНачинающий🚀 Начать Лабораторию
117График погодных тенденций с использованием Vue и EchartsНачинающий🚀 Начать Лабораторию
118Подсчет количества доступов по IP-адресуНачинающий🚀 Начать Лабораторию
119Создание, чтение, обновление и удаление данных в расписании курсов с использованием MyBatisНачинающий🚀 Начать Лабораторию
120Настройка логирования и пакетного псевдонимования в MyBatisНачинающий🚀 Начать Лабораторию
121Расширение сущности с использованием пользовательских свойствНачинающий🚀 Начать Лабораторию
122Реализация AJAX-запросов с использованием JSНачинающий🚀 Начать Лабораторию
123Передача данных в формате JSON с использованием AJAXНачинающий🚀 Начать Лабораторию
124Логирование информации о проекте с использованием Log4j2Начинающий🚀 Начать Лабораторию
125Операции с таблицей курсовНачинающий🚀 Начать Лабораторию
126Практическое применение resultMapНачинающий🚀 Начать Лабораторию
127Система управления правами пользователей на JavaScriptНачинающий🚀 Начать Лабораторию
128Преобразование асинхронных функций на основе обратных вызовов в промисыНачинающий🚀 Начать Лабораторию
129Создание новостного API с использованием Node.jsНачинающий🚀 Начать Лабораторию
130Создание RESTful API для управления пользователями с использованием Node.jsНачинающий🚀 Начать Лабораторию
131Создание обратного прокси-сервера на Node.jsНачинающий🚀 Начать Лабораторию

Больше