Frontend-разработчик: практический курс

2 часа

В модуле по вёрстке студент разрабатывает лендинг-пейдж, делает его адаптивным под разные типы устройств с применением методологии БЭМ и препроцессора SASS. Студент использует систему контроля версий, настраивает рабочее окружение и автоматизацию сборки. Деплоит проект на хостинг.
HTML:
Структура HTML-страниц
Контентные теги
Структурные теги
Принципы разметки
Вёрстка форм
CSS:
Блочная модель браузера
Позиционирование элементов на странице
CSS селекторы. Специфичность
Углубляемся в вёрстку. Частые приёмы в вёрстке
Flexbox модель
Методология БЭМ
CSS Grid
Кастомные свойства css
Адаптивная вёрстка
Адаптивная графика
Препроцессоры. SASS
Workflow:
Инструменты разработчика
Git. Система контроля версий
Github. Размещение кода в удалённом репозитории
Работа с figma
Gulp. Автоматизация вёрстки
Хостинг для статики

8 часов

На протяжении изучения модуля по JavaScript учимся программировать интерактивные элементы лендинг-пейдж, научимся работать с сетью. Разобьём код на модули и соберём всё с помощью Webpack. Изучим тонкости JavaScript.
Основы JavaScript. Синтаксис:
Введение. Типы данных
Условные конструкции
Циклы
Функции
Область видимости и замыкание
Объекты
Массивы
Работа с DOM:
Введение. DOM и BOM
Создание элементов
Выборка и модификация элементов
Механизм событий. Всплытие
Работа с элементами форм
Как устроена асинхронность в JavaScript
Таймеры. Promise. Async/await
Стек вызовов и цикл событий
Работа с сетью. Fetch
API браузера
Модули, организация кода
Сборка. Webpack

8 часов

Разрабатываем одностраничное приложение для приема и обработки заявок с лендинг-пейдж, используя React.js. Знакомимся с принципами организации кода и лучшими практиками.
Знакомимся с React.js
Компоненты
JSX
Роутинг
Работа с формами
Хуки
SPA
Принципы организации кода. Лучшие практики
JWT Авторизация
Работа с API сервера. Swagger

6 часов

2 часа

Frontend-разработчик