Продвинутый курс HTML-вёрстки

Курс создан специально для тех, кто хочет углубиться в профессию HTML-верстальщика. В процессе обучения ты увеличишь скорость работы, научишься взаимодействовать с дизайнером, тестировать вёрстку, оптимизировать графику и скорость загрузки страниц.
Курс начинается по мере набора группы
Present
Погружение
Для тех, кто хочет разрабатывать сайты
занятий
преподавателя
часа
работа в портфолио

Учебная программа

В течение всей программы ты будешь работать над учебным проектом и выполнять практические задания.
Организация работы. БЭМ. Pug как шаблонизатор: как писать меньше разметки
  • Рабочее окружение на курсе.
  • Как работать быстро.
  • Требования к коду на этом курсе.
  • БЭМ как универсальная методология.
  • Pug как шаблонизатор и препроцессор.
  • Разметка макета, наследование шаблонов.
Воркшоп, практические задачи: как думает хороший верстальщик
  • Совместная практика написания разметки на примере типовых задач: раскладки, навигация, табы, карусели, статьи, карточки товаров, элементы форм.
  • Применение БЭМ-методологии.
Работа со стилями. Препроцессоры и постпроцессоры: как писать меньше стилей и делать это с удовольствием
  • Требования к коду на этом курсе.
  • Sass: Импортирование.
  • Sass: Переменные, вложения.
  • Sass: Амперсанд.
  • Sass: Примеси, встроенные функции.
  • Sass: Возможности, которых стоит избегать.
  • Работа с PostCSS.
Воркшоп, практические задачи: как работать со стилями, чтобы не усложнять себе жизнь
  • Совместная практика простейшей стилизации компонентов на примере типовых задач.
Автоматизация задач верстальщика. Gulp и npm: рутинные задачи — машинам
  • Правильная файловая структура.
  • Как работает автоматизация.
  • Менеджер пакетов npm.
  • Менеджер задач Gulp. Параллельное и последовательное выполнение.
  • Сборка стилей, обработка javascript, работа со статичными файлами.
СКВ и кодгайд: как никогда не терять свой идеальный код
  • Алиасы в терминале.
  • git: ветки и работа с ними.
  • git-конфликты.
  • Github pages.
  • Кодгайд, внедрение stylelint в проект.
WOW-эффекты. Адаптивные изображения: качественная графика на любых экранах
  • Как бразуер работает с трансформациями и анимацией. Как добиться 60fps.
  • Ретинизация и адаптивные изображения.
SVG: что может быть векторным, должно быть векторным
  • Создание и использование на странице.
  • Оптимизация, возможные проблемы.
  • Оформление элементов (заливка, границы, прозрачность...).
  • Анимация SVG.
  • Библиотеки элементов.
CSS grid: эпические возможности и реальная практика
  • Одна технология чтобы править всеми (положениями блоков в раскладке).
  • Кроссбраузерность, использование в реальной практике.
Тестирование. Оптимизация скорости загрузки страниц: каждые 0.1 сек. задержки загрузки снижают продажи на 1%
  • Измерение скорости загрузки.
  • Имитация слабых устройств и медленных каналов связи.
  • Способы оптимизации загрузки изображений.
  • Загрузка шрифтов: проблемы и решения.
Vue JS для верстальщика: знакомство с современным фронтендом
  • Компоненты.
  • Работа с разметкой, директивы.
  • Работа со стилями.
  • Работа со сторонними файлами (картинки, шрифты).
Стоимость обучения:
35 000

Справка о профессии

За время обучения ты получишь навыки, необходимые в профессии:
SASS/LESS и PUG препроцессоры
SVG, работа с векторной графикой
Оптимизация скорости загрузки страниц
Адаптивные изображения, ретинизация графики
Тестирование вёрстки
Основы Vue JS

Сертификат

При успешном выполнении домашних заданий и сдаче проекта, ты получишь сертификат об окончании курса. Также каждый студент получает гарантированную скидку в размере 10% на все последующие курсы школы.
Сертификат
Курс
«Продвинутый курс HTML-вёрстки»
11занятий
1работа в портфолио
33часа

Преподаватели

Shape 2 copy 2
Николай Громов
Ведущий разработчик интерфейсов ООО «Наука». Первый web-проект сделал в 2000 году. Наиболее старый и опытный преподаватель школы, действительно любящий свою профессию и преподавание.
Серёжа Куксов
Frontend-разработчик Func
Занимается web-разработкой с 2016 года. Выпускник школы интернет-технологий Epic Skills.
    Shape 2 copy 3

    Приятные мелочи

    В процессе обучения тебе также будут доступны:
    Коворкинг с кофе и печеньками
    Личный наставник (тьютор)
    Тематические воркшопы
    Дистанционный чат с преподавателями
    Экскурсия в питерскую студию

    Запишись сейчас

    Оставь заявку и мы тебе перезвоним. У нас есть возможность оплаты в рассрочку, забронируй себе место.
    По мере набора
    вторник и пятница, 19:00 – 22:00
    Кронверкский проспект, 23
    Продвинутый курс HTML-вёрстки
    Личные данные
    Стоимость:
    35000
    Способы оплаты:
    • Онлайн
    • Наличные

    Контакты

    Остались вопросы? Мы готовы на них ответить.
    Thumb
    Катя Кудакова
    Менеджер по работе с клиентами. Куратор направления интернет-маркетинг
    Кронверкский проспект, 23
    Горьковская
    Этот сайт использует «cookies». Условия использования «cookies» см. в Пользовательском соглашении. Также сайт использует Интернет-сервис для сбора технических данных касательно посетителей с целью получения маркетинговой и статистической информации. Условия обработки данных посетителей сайта см. в Политике конфиденциальности.