Основной курс HTML-вёрстки

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

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

В течение всей программы вы будете работать над учебным проектом и выполнять практические задания.
Введение. Основы HTML5

Синтаксис HTML5, виды тегов. Виды ссылок, установка якорей. Семантическая разметка.

Инструменты веб-разработчика

Виды редакторов кода. Графические редакторы. Расширения в браузерах. Онлайн-песочницы. FTP-клиенты. Кодгайды.

Каскадные таблицы стилей

Синтаксис и селекторыCSS3. Правила написания и именования классов. Наследование, каскадность и приоритеты.

Photoshop для верстальщика. Шрифты

Настройки рабочей области фотошопа для верстальщика. Различия форматов графики в вебе. Тонкости работы с макетами от дизайнеров. Градиенты, способы их построения, тени. Подключение шрифтов. Работа с иконочными шрифтами (упоминание). Favicon. Графические редакторы (Photoshop, Illustrator, Sketch). Спрайты.

Блочная модель. Выравнивание

Понятие потока документа. Различия блочных и строчных элементов. Внутренние и внешние отступы, схлопывания. Рамки и границы. Таблицы и их свойства (в системе заданий). Вертикальное и горизонтальное выравнивание.

Раскладка блоков на странице

Структура и каркас сайта. Свойство inline-block, его особенности. Свойство float, сбрасывание потока. Как бороться с выпаданиями и переполнением.

Методологии: OOCSS, SMACSS, БЭМ. Mobile first

Проблемы современной верстки. Методологии: OOCSS, SMACSS, БЭМ, различия. Следование кодгайду. Подход Mobile First. Viewport.

Декоративные элементы

Виды позиционирования. Управление порядком слоёв. Виды псевдоэлементов.

Модульные сетки и Bootstrap

Построение модульных сеток. Знакомство с Bootstrap. Кроссбраузерная вёрстка.

Адаптивная и резиновая верстка

Flexbox: основные понятия, спецификация, поддержка, баги. Адаптивные и резиновые сетки. Медиавыражения, принцип перестроения сеток, комбинирование условий.

Интерактивные элементы

CSS-анимация, раскадровка, свойства. Способы трансформаций. Формы, виды полей, разбор атрибутов. Установка jQuery-плагинов.

jQuery часть 1

Знакомство с бибилиотекой jQuery. Взаимодействие jQuery с HTML и CSS. Селекторы — поиск и выборка элементов DOM. Эффекты — примеры использования, разбор очереди. Базовые события jQuery. Отладка ошибок в консоли.

jQuery часть 2
jQuery Ajax. Часто используемые плагины: слайдер, модальные окна, табы, выпадающее меню. Стилизация плагинов.
Стоимость обучения:
26 000
Если нет возможности оплатить весь курс, можно воспользоваться рассрочкой или кредитом от Альфа банка.

Чему вы научитесь на курсе

Ключевые навыки, которые вы можете добавить в своё резюме после обучения.
Знания по HTML5/CSS3, использование Flexbox
Работа с консолью и системой контроля версий Git
Анимации, трансформации, иконочные шрифты
Методологии: OOCSS, SMACSS, БЭМ
Библиотека jQuery, основы Javascript
Photoshop, спрайты, векторная и растровая графика

Сертификат

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

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

Shape 2 copy 2
Николай Громов
Веб-технолог, фрилансер
Разработчик с феноменальным опытом более 14 лет. Николай является наиболее опытным преподавателем в школе и делится своими знаниями на курсах верстки.
Кирилл Демидов
Frontend-разработчик Kelnik
Инженер-технолог, который перешёл на светлую сторону web-разработки в 2014 году, закончив курсы в Epic Skills. Дайвер, инструктор ФБФР.
Shape 2 copy 3

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

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

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

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

Контакты

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