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

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

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

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

Самое начало. Как работает интернет и кто делает сайты. Разметка сайтов и из чего она состоит.

Доступность, семантика и инструменты веб-разработчика

Про полезные инструменты и что помогает меньше ошибаться. Что такое доступность сайта и почему она важна.

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

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

Работа с графикой и шрифтами. Фотошоп для верстальщика

Про то, что нужно знать верстальщикам о фотошопе и дизайнерах, что особенного в графике для веба и как работать со шрифтами (и дизайнерами).

Блочная модель документа

Что такое поток документа? Узнаем про блочные и строчные элементы, и все, что с ними происходит: отступы, выравнивание, схлопывания, выпадения, переполнение и сбрасывание потока. И про каркас сайта.

Flexbox и сетки

Знакомство с модульными сетками и расположение блоков с помощью Flexbox.

Контроль версий и Git

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

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

Сайты для всех устройств: адаптивность, перестроение сеток, медиазапросы.

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

Узнаем про позиционирование, слои и псевдоэлементы.

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

Больше интерактива! Пробуем анимировать элементы с помощью CSS.

Формы и где они обитают

Подробно разбираем важную часть сайта - форму отправки и учимся ее кастомизировать.

jQuery часть 1

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

jQuery часть 2

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

Стоимость обучения:
26 000
Если нет возможности оплатить весь курс, можно воспользоваться рассрочкой или кредитом от Альфа банка.

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

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

Отзывы о нас

Shape 2 copy 2
Shape 2 copy 3

Сертификат

При успешном выполнении домашних заданий и сдаче проекта, вы получаете сертификат об окончании курса. Также каждый студент получает гарантированную скидку в 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» см. в Пользовательском соглашении. Также сайт использует Интернет-сервис для сбора технических данных касательно посетителей с целью получения маркетинговой и статистической информации. Условия обработки данных посетителей сайта см. в Политике конфиденциальности.