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

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

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

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

  • 1
    Основы Web дизайна
    • Начало работы
    • Идеи и вдохновение
    • Среда разработки
    • Типография
    • Цвета
    • Прототипы и макеты
    • Соединяем все вместе
  • 2
    Работа с файлами
    • Регистр и пробелы
    • Структура сайта
    • Файловые пути
    • Что такое веб-сервер
    • Как загружать файлы на сервер
  • 3
    Инструменты разработки
    • Интерфейс командной строки
    • Семантическое версионирование
    • Система контроля версий
    • Менеджер пакетов
    • Знакомство с интерфейсом IDE
  • 4
    HTML
    • Теги
    • Атрибуты тегов
    • Особенности текста в HTML
    • Ссылки и якоря
    • Изображения
    • Списки
    • Таблицы
    • Формы
    • Аудио и видео
    • Структура html кода
    • Фреймы
  • 5
    Основы CSS
    • Способы добавления стилей на страницу
    • Базовый синтаксис CSS
    • Значения и единицы измерения в CSS
    • Селекторы тегов
    • Классы
    • Идентификаторы
    • Каскадирование (вес селекторов)
    • Типы носителей, медиазапросы
    • Псевдо-классы и псевдо-элементы
    • Группирование и наследование
  • 6
    CSS Layout
    • Multiple-column layout
    • Table
    • Блочная модель
    • Float
    • Flexbox
    • Grid
    • Позиционирование блоков
    • Поток
  • 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
    Выпускное задание
    • Вы самостоятельно работаете над созданием web страницы, весь этот период вам доступна постоянная онлайн-поддержка преподавателя.
    • Финальный тест
  • Подведение итогов
  • Вручение сертификата
Требования курса:
  • Курс рассчитан на новичков. Для прохождения курса достаточно базовой компьютерной грамотности.
  • Не меньше 10-15 часов в неделю, для закрепления пройденного материала и работы над собственным проектом. Самостоятельный проект не является обязательным пунктом программы, но желателен для закрепления материала.
Записаться на курс