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

все курсы

Программирование

2 месяца,

начало 21 декабря

Сложность

Продвинутый

Тип обучения

Курс

Формат обучения

С проверкой домашнего задания

Трудоустройство

Отсутствует

Стоимость курса

33 000 ₽

есть рассрочка

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

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

Формат

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

В ходе обучения наставник отвечает на вопросы, проверяет домашние задания, делает код-ревью проектов и проводит мероприятия, дополняющие учебную программу: живые вебинары, Q&A сессии, лайвкодинг

Что вы получите после обучения

Приобретаемые навыки

HTML+CSS

CSS

DevTools

Flex

Grid

Адаптивность

Figma

Веб-верстка

Образовательная организация

Хекслет

4.5

76 отзывов

Онлайн-школа программирования, за выпускниками которой охотятся компании

Первого студента мы трудоустроили в 2013 году. Тогда требования к знаниям джуниоров были выше, а трава зеленее

Это отразилось на программах обучения, на их проработке и глубине. Собеседования для студентов Хекслета проходят под девизом: «Хм, на Хекслете задачки были сложнее»

Иногда наши студенты попадают на работу без проведения технического интервью, только на основе анализа кода проектов

Сейчас все больше и больше компаний указывают курсы Хекслета как плюс при найме. А наши партнерские компании доверяют нам настолько, что собеседуют выпускников, не заглядывая в резюме

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

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

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

Базовая структура документа
Разметка различных типов элементов
Стилизация элементов с использованием CSS
Принципы организации CSS кода
Позиционирование с помощью свойства position
Использование современных инструментов для вёрстки (редакторы кода, плагины)
Отладка кода с использованием DevTools
Базовая настройка окружения для вёрстки (node, npm, stylelint, htmlhint, surge)

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

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