Чему вы научитесь
- Создавать адаптивные HTML/CSS-интерфейсы с семантической разметкой, формами, Flexbox и Grid.
- Писать JavaScript-функции для обработки данных, учитывать граничные случаи и сохранять неизменность исходных данных.
- Моделировать данные в TypeScript, применять generics, сужение типов и строгую проверку.
- Разрабатывать React-компоненты, управлять состоянием, формами, эффектами и асинхронной загрузкой данных.
- Составлять SQL-запросы с фильтрацией, группировкой, объединением таблиц и подзапросами.
- Работать с REST API и JSON, обрабатывать ошибки и состояния загрузки.
- Воспроизводить ошибки в коде, находить их причины и проверять исправления.
- Проводить аргументированный Code Review: оценивать корректность, читаемость и архитектуру решений, предлагать конкретные улучшения.
О курсе
Вы уже знакомы с основами веб-разработки, но хотите увереннее применять их в самостоятельных задачах? Этот курс поможет связать отдельные знания в последовательный процесс: от создания интерфейса и обработки данных до отладки приложения и проверки чужого кода.
Основу обучения составляет практика. Вы будете писать функции и компоненты, разбирать незнакомый код, исправлять дефекты, проверять граничные случаи и объяснять технические решения. Короткие теоретические материалы вводят необходимые приёмы и готовят к самостоятельной работе.
Программа включает восемь модулей:
-
HTML/CSS. Семантическая разметка, формы, Flexbox, Grid, позиционирование, адаптивность и состояния элементов.
-
JavaScript. Функции, массивы, объекты, коллекции, преобразование данных, иммутабельность и граничные случаи.
-
TypeScript. Модели данных, объединения типов, narrowing, generics, utility types и строгая типизация.
-
React. Композиция компонентов, проектирование состояния, формы, hooks, effects, reducer, Context и загрузка данных.
-
SQL. Фильтрация, агрегаты, JOIN, NULL, подзапросы, CTE и решение аналитических задач.
-
API/JSON. HTTP, REST, fetch, async/await, обработка ответов, ошибок и асинхронных сценариев.
-
Debugging. Воспроизведение ошибок, проверка гипотез, поиск причин и контроль исправлений.
-
Code Review. Анализ корректности, читаемости и ответственности кода, оценка изменений и подготовка полезных замечаний.
Сквозной практикум Campus Equip посвящён университетскому сервису бронирования оборудования. На его примере вы работаете с каталогом, обработкой данных, типизированными моделями, корзиной и оформлением заявки.
Задания постепенно усложняются: от отдельных операций до связанных сценариев приложения. Автоматическая проверка помогает обнаруживать ошибки и дорабатывать решения. Итоговые работы можно развивать дальше и использовать как основу для собственных учебных проектов.
Для кого этот курс
Начальные требования
Базовое знание HTML и CSS: структура страницы, основные теги, селекторы, свойства и блочная модель.
Основы JavaScript: переменные, условия, циклы, функции, массивы и объекты.
Начальное знакомство с React: JSX, компоненты, props, useState и общее представление о useEffect.
Умение пользоваться редактором кода, запускать простые примеры и открывать инструменты разработчика в браузере.
Предварительный опыт работы с TypeScript и SQL необязателен. Курс предполагает самостоятельную работу с кодом и не предназначен для изучения веб-разработки с нуля.
Как проходит обучение
Проходите модули последовательно: каждый следующий этап опирается на навыки предыдущих.
Внутри урока сначала изучите короткое объяснение и примеры, затем переходите к практике. Вам предстоит анализировать код, дописывать функции и компоненты, исправлять ошибки и выполнять итоговые задания.
Отправляйте решения на автоматическую проверку. Если попытка не принята, изучите результат, проверьте условия задачи и граничные случаи, внесите исправления и попробуйте снова.
Для задач с интерфейсами используйте редактор кода и инструменты разработчика браузера. Проверяйте не только внешний вид, но и поведение элементов в разных состояниях.
В модулях Debugging и Code Review уделяйте внимание причинам ошибок и обоснованию замечаний. Важно уметь объяснить, почему решение работает и какие риски остаются.
Учиться можно в собственном темпе. Рекомендуем выделять 4–5 часов в неделю. Ориентировочная нагрузка полной программы — до 80 академических часов, включая чтение, самостоятельное решение задач и отладку.
Программа курса
В курс входят
- 52 урока
- 64 теста
- 150 интерактивных задач
Наши преподаватели
Что вы получаете
- Практику самостоятельного написания и исправления кода по восьми направлениям веб-разработки.
- Автоматическую проверку решений и возможность повторных попыток.
- Набор собственных функций, компонентов, SQL-запросов и решений для работы с API.
- Опыт создания частей приложения Campus Equip — от интерфейса и обработки данных до управления состоянием и оформления заявки.
- Учебные работы, которые можно доработать и включить в портфолио с описанием своей реализации.
- Практику поиска ошибок, анализа чужого кода и аргументированного обсуждения технических решений.