Интенсив

Вёрстка веб-приложений

Изучите HTML, CSS и современные модули для позиционирования элементов: Flex, Grid, Columns. Научитесь разворачивать окружение, которое поможет в разметке и написании CSS стилей.

Записаться
Длительность: 2 месяца Дата старта: 12 мая
Иконка программы Вёрстка веб-приложений
Программа

Актуальные инструменты

Обучение

Теория и практика

Код-ревью

Постоянно и глубоко

Результат

Востребованный навык

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

Основы вёрстки и позиционирования контента

1. Основы вёрстки и позиционирования контента

Изучите базовые принципы работы с HTML и CSS. Познакомьтесь с возможностями разметки контента и научитесь правильно размечать данные и располагать их на странице с помощью базовых инструментов позиционирования. Настройте своё первое рабочее окружение.

Темы

Что изучаем: подходы, библиотеки, особенности

Базовая структура документа

Разметка различных типов элементов

Стилизация элементов с использованием CSS

Принципы организации CSS кода

Позиционирование с помощью свойства position

Использование современных инструментов для вёрстки (редакторы кода, плагины)

Отладка кода с использованием DevTools

Базовая настройка окружения для вёрстки (node, npm, stylelint, htmlhint, surge)

Продвинутое позиционирование элементов и адаптивность

2. Продвинутое позиционирование элементов и адаптивность

Изучите возможности позиционирования элементов с помощью трёх основных CSS модулей: Columns, Flex и Grid. Научитесь выбирать оптимальный инструмент исходя из потребностей. Узнайте, как адаптировать страницу под различные устройства.

Темы

Что изучаем: подходы, библиотеки, особенности

Позиционировать элементы с помощью модулей Columns, Flex и Grid

Адаптировать страницы под различные устройства и разрешения

Базовые принципы доступности веб-страниц

Работа с графическим редактором Figma

Работа с автоматизированными тестами

Итоговый проект

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

Кому подойдёт обучение

  • Тем, кто хочет сменить стек
  • Тем, кто уже пробовал учиться самостоятельно, но чувствует потребность в наставнике
  • Тем, кто не знаком с этой темой и хочет в ней разобраться на хорошем уровне
Тото обучает студентов

Формат

Небольшие группы с персональным наставником и преподавателем. Вебинары один или два раза в неделю. Домашние задания после вебинаров + реальные проекты на Github.com. Общение в Slack и Telegram. Доступ ко всем автоматизированным курсам Хекслета с сотнями практических задач

Стоимость обучения

$250 / месяц

или

$400 экономия $100

при оплате сразу за 2 месяца

12 мая
Записаться на программу или получить бесплатную консультацию
Отправляя форму, вы соглашаетесь c «Политикой конфиденциальности» и «Условиями оказания услуг».

Хекслет

C 2012 года на рынке онлайн-образования. Около 10 000 человек обучаются на платформе ежемесячно. Более 20 000 человек в Slack-сообществе Хекслета — это одно из самых больших комьюнити опытных и начинающих программистов в рунете.