Курс преподает:
Антон Головин

Team Lead. Ведущий front-end разработчик компании Forforce. Специалист в области информационных технологий. Основной навык: разработка web интерфейсов любой сложности. 5+ лет опыта во Front-end.

Программа курса:

Выполнив программу курса и все домашние задания, вы сможете претендовать на позицию Junior Front-End разработчика

  • 1
    Основы Web дизайна
    • Начало работы
    • Идеи и вдохновение
    • Среда разработки
    • Типография
    • Цвета
    • Прототипы и макеты
    • Соединяем все вместе
  • 2
    Работа с файлами
    • Регистр и пробелы
    • Структура сайта
    • Файловые пути
    • Что такое веб-сервер
    • Как загружать файлы на сервер
  • 3
    Инструменты разработки
    • Интерфейс командной строки
    • Семантическое версионирование
    • Система контроля версий
    • Менеджер пакетов
    • Знакомство с интерфейсом IDE
  • 4
    HTML
    • Теги
    • Атрибуты тегов
    • Особенности текста в HTML
    • Ссылки и якоря
    • Изображения
    • Списки
    • Таблицы
    • Формы
    • Аудио и видео
  • 5
    Основы CSS
    • Способы добавления стилей на страницу
    • Базовый синтаксис CSS
    • Значения и единицы измерения в CSS
    • Селекторы тегов
    • Классы
    • Идентификаторы
    • Каскадирование (вес селекторов)
    • Типы носителей, медиазапросы
    • Псевдо-классы и псевдо-элементы
    • Группирование и наследование
  • 6
    CSS Layout
    • Multiple-column layout
    • Table
    • Блочная модель
    • Float
    • Flexbox
    • Позиционирование блоков
    • Поток
  • 7
    CSS красивости
    • Шрифты
    • Трансформации
    • Анимации
    • Градиенты и тени
  • 8
    Доступность, семантика и другие способы позаботиться о пользователях
    • Доступный мультимедиа
    • Семантика в HTML
    • Wai-aria атрибуты
    • Схемы для структурированных данных
    • SVG, PNG спрайты
    • Оптимизация изображений
  • 9
    Препроцессоры и постпроцессоры
    • Преимущества и виды препроцессоров
    • Переменные и типы данных
    • CSS переменные
    • Вложенности
    • Фрагментирование и импорт
    • Базовые директивы
    • Управляющие директивы и выражения
    • Миксины
    • Наследование
    • Функции
    • Что такое постпроцессор и как они работают
  • 10
    Основы JavaScript
    • Внешние скрипты и порядок исполнения
    • Структура кода
    • Переменные и типы
    • Строгий режим
    • Взаимодействие с пользователем
    • Особенности операторов и преобразование типов
    • Логические операторы
    • Условные операторы
    • Циклы
    • Конструкция switch
    • Функции в JavaScript
    • События и обработчики
  • 11
    jQuery
    • Селекторы
    • CSS
    • DOM
    • События
    • Эффекты
    • AJAX
  • 12
    Bootstrap
    • Раскладка
    • Компоненты
    • JS
    • Best practices
  • 13
    Методология БЭМ
  • 14
    Сборка и оптимизация рутины
    • Gulp
    • Webpack
  • 15
    Ecmascript 2015+
    • Как ведут себя новые типы let и const
    • Стрелочные функции
    • Шаблонные строки
    • Расширенные возможности объектов
    • Расширенные возможности массивов
    • Деструктуризация, rest и spread операторы
    • Объектно-ориентированный JavaScript
    • Promise и Fetch API
    • JavaScript-модули
  • 16
    React
    • Знакомство с JSX
    • Рендеринг элементов
    • Компоненты и пропсы
    • Состояние и жизненные циклы
    • Обработка событий
    • Условный рендеринг
    • Списки и ключи
    • Работа с формами
    • Подъём состояния
    • Хуки
  • 17
    Выпускное задание
    • Самостоятельная работа над созданием web приложения. Весь этот период доступна постоянная онлайн-поддержка преподавателя
  • Подведение итогов
  • Вручение сертификата
Требования курса:
  • Курс рассчитан на новичков. Для прохождения курса достаточно базовой компьютерной грамотности.
  • Не меньше 10-15 часов в неделю, для закрепления пройденного материала и работы над собственным проектом. Самостоятельный проект не является обязательным пунктом программы, но желателен для закрепления материала.
Записаться на курс