Онлайн-курс Frontend-разработчик

Длительность: 2 недели.

• Что такое сайт и способы его создания
• Как устроен Интернет
• Этапы создания сайта
• Основные инструменты веб-разработчика
• Валидность кода, валидаторы

В этом модуле вы научитесь создавать правильную структуру страницы, добавлять ссылки и медиа, оформлять контент списками. Сверстаете страницу с использованием всех изученных тегов Длительность: 2 недели.

• Семантические теги для структуры страницы
• Создание и настройка гиперссылок
• Работа с нумерованными и маркированными списками
• Вставка изображений, видео и аудио
• Практическая вёрстка страницы с навигацией и карточками

В этом модуле вы освоите подключение CSS, научитесь задавать стили элементам и тексту, поймете логику наследования свойств Длительность: 2 недели.

• Подключение стилей
• Основные свойства оформления
• Стилизация текста
• Принципы каскадности
• Практическое применение

Длительность: 1 неделя.

• Многоколоночные макеты
• Блочные и строчные элементы

Длительность: 1 неделя.

• Знакомство с интерфейсом Figma
• Работа с готовыми макетами

Длительность: 2 недели.

• Абсолютное и относительное позиционирование
• Фиксированное и sticky-позиционирование

В этом модуле вы научитесь создавать формы для сбора данных пользователей. Узнаете, как работать с разными типами полей ввода, группировать радиокнопки и чекбоксы. Освоите вёрстку выпадающих списков и профессиональное оформление форм с помощью CSS, включая кастомные стили для сложных элементов Длительность: 2 недели.

• Поля ввода и их виды
• Чекбоксы и радиокнопки
• Выпадающие списки с вариантами
• Оформление форм

Длительность: 2 недели.

• Зачем нужна адаптивность и как она влияет на пользователей?
• Медиа-запросы
• Viewport и настройка области просмотра для мобильных устройств

В этом модуле вы научитесь создавать плавные переходы, многоэтапные анимации и преобразовывать элементы. Узнаете, где применять анимации в реальных проектах Длительность: 2 недели.

• Плавные переходы между состояниями
• Создание сложных анимаций через @keyframes
• Трансформации элементов
• Практические примеры использования

Длительность: 3 недели.

• Введение JavaScript
• Переменные и типы данных
• Математические операторы и преобразование типов
• Логические операторы
• Ветвления и условные операторы
• Встроенные функции для взаимодействия с пользователем
• В этом модуле вы познакомитесь с основами JavaScript, научитесь работать с переменными и типами данных, освоите основные операторы и научитесь создавать простые интерактивные сценарии
• Динамическая типизация

Длительность: 2 недели.

• Циклы и массивы в JavaScript
• Основы работы с массивами
• Методы массивов: добавление и удаление элементов
• Использование циклов for и while
• Работа с вложенными массивами

В этом модуле вы научитесь создавать и использовать функции, освоите работу с областями видимости и замыканиями, поймете принцип работы колбэков Длительность: 2 недели.

• Основы функций и стрелочные функции
• Работа с оператором return
• Области видимости переменных
• Замыкания и отложенное выполнение
• Функции обратного вызова

В этом модуле вы научитесь создавать и работать с объектами, освоите принципы наследования, изучите методы работы с DOM и обработки событий Длительность: 2 недели.

• Работа с объектами
• Конструкторы и наследование
• Взаимодействие с DOM
• Обработка событий

В этом модуле вы изучите различные подходы к созданию анимаций, научитесь оптимизировать их производительность и освоите современные инструменты для работы с анимациями Длительность: 2 недели.

• Виды веб-анимаций и их применение
• Оптимизация рендеринга анимаций
• Работа с Web Animations API
• Популярные анимационные библиотеки

Длительность: 2 недели.

• Объявление переменных через let/const
• Деструктуризация массивов и объектов
• Методы работы с массивами

В этом модуле вы познакомитесь с серверным JavaScript, научитесь управлять зависимостями через NPM, освоите базовую настройку Webpack Длительность: 2 недели.

• Основы Node.js и его модули
• Работа с NPM и package.json
• Настройка Webpack для сборки проектов
• Использование загрузчиков и плагинов

В этом модуле вы научитесь взаимодействовать с сервером, освоите различные методы отправки запросов и обработки ответов Длительность: 2 недели.

• Отправка запросов через XMLHttpRequest
• Использование Promise для асинхронных операций
• Современный метод fetch
• Синтаксис async/await

Длительность: 2 недели.

• Основы фреймворков
• Создание сервера и роутинг
• Работа с API и шаблонизаторами
• Хранение данных с ORM
• В этом модуле вы освоите создание серверных приложений на Express JS, научитесь работать с маршрутами, API и базами данных

В этом модуле вы научитесь создавать компоненты, управлять их состоянием и стилизацией. Освоите маршрутизацию для одностраничных приложений Длительность: 2 недели.

• Компоненты и JSX
• Обработка событий и хуки
• Управление состоянием
• Стилизация компонентов
• Маршрутизация с React Router

В этом модуле вы познакомитесь с основами TypeScript, научитесь работать с типами данных и создавать гибкие структуры Длительность: 2 недели.

• Статическая типизация
• Перечисления и типы массивов
• Интерфейсы и пользовательские типы
• Обобщённые типы

В этом модуле вы познакомитесь с Redux как инструментом управления состоянием, научитесь использовать Redux Toolkit для упрощения работы и освоите интеграцию с TypeScript Длительность: 2 недели.

• Введение в управление состоянием
• Основные принципы Redux
• Работа с Redux Toolkit
• Интеграция с TypeScript
• Дорожная карта разработчика

Удостоверение о повышении квалификации