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

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

Программа

Вы можете приобрести целиком весь курс и получить скидку в размере 10%. Или купить в рассрочку, оплатив половину стоимости перед стартом, а другую в середине курса.
1
Основы верстки
с 20 января по 14 февраля 2018
8 занятий, 24 часа, 3 преподавателя
Стоимость блока:
13 000
Введение. Основы HTML5
Синтаксис HTML5, виды тегов. Виды ссылок, установка якорей. Семантическая разметка.
Инструменты веб-разработчика
Виды редакторов кода. Графические редакторы. Расширения в браузерах. Онлайн-песочницы. FTP-клиенты. Кодгайды.
Каскадные таблицы стилей
Синтаксис и селекторыCSS3. Правила написания и именования классов. Наследование, каскадность и приоритеты.
Photoshop для верстальщика. Шрифты
Настройки рабочей области фотошопа для верстальщика. Различия форматов графики в вебе. Тонкости работы с макетами от дизайнеров. Градиенты, способы их построения, тени. Подключение шрифтов. Работа с иконочными шрифтами (упоминание). Favicon. Графические редакторы (Photoshop, Illustrator, Sketch). Спрайты.
Методологии: OOCSS, SMACSS, БЭМ. Mobile first
Проблемы современной верстки. Методологии: OOCSS, SMACSS, БЭМ, различия. Следование кодгайду. Подход Mobile First. Viewport.
Блочная модель. Выравнивание
Понятие потока документа. Различия блочных и строчных элементов. Внутренние и внешние отступы, схлопывания. Рамки и границы. Таблицы и их свойства (в системе заданий). Вертикальное и горизонтальное выравнивание.
Раскладка блоков на странице
Структура и каркас сайта. Свойство inline-block, его особенности. Свойство float, сбрасывание потока. Как бороться с выпаданиями и переполнением.
Flexbox. Адаптивная и резиновая верстка.
Flexbox: основные понятия, спецификация, поддержка, баги. Адаптивные и резиновые сетки. Медиавыражения, принцип перестроения сеток, комбинирование условий.
2
Интерактивность и оформление
с 17 февраля по 7 марта 2018
5 занятий, 15 часов, 2 преподавателя
Стоимость блока:
13 000
Декоративные элементы
Виды позиционирования. Управление порядком слоёв. Виды псевдоэлементов.
Интерактивные элементы
CSS-анимация, раскадровка, свойства. Способы трансформаций. Формы, виды полей, разбор атрибутов. Установка jQuery-плагинов.
Модульные сетки и Bootstrap
Построение модульных сеток. Знакомство с Bootstrap. Кроссбраузерная вёрстка.
jQuery часть 1
Знакомство с бибилиотекой jQuery. Взаимодействие jQuery с HTML и CSS. Селекторы — поиск и выборка элементов DOM. Эффекты — примеры использования, разбор очереди. Базовые события jQuery. Отладка ошибок в консоли.
jQuery часть 2
jQuery Ajax. Часто используемые плагины: слайдер, модальные окна, табы, выпадающее меню. Стилизация плагинов.
Стоимость всей программы:
26 000
При оплате курса целиком действует скидка 10%. Если этот вариант вам не подходит, то вы можете забронировать место на курсе, оплатив первый блок. Последующие блоки курса будут оплачиваться в момент старта.

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

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

Процесс обучения

Какие приятные мелочи ждут вас в школе?
Постоянная поддержка
Персональные наставники, круглосуточный чат поддержки, выходные help-day
Group 20
Больше практики
Собственные методические материалы, база из 200+ заданий, интересные кейсы
Работа над макетами
Вы сверстаете с нуля два макета, от картинки до полноценного сайта

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

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

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

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

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

Оставь заявку и мы тебе перезвоним. У нас есть возможность оплаты в рассрочку, забронируй себе место.
20 января 2018
суббота, 12:00 – 15:00среда, 19:00 – 22:00
Кронверкский проспект, 23
Основной курс HTML-вёрстки
Курс
Блок
Что входит:
  • Основы верстки
  • Интерактивность и оформление
26000
Предоплата за блок:
  • Основы верстки
  • Интерактивность и оформление
Личные данные
Стоимость курса:
26000

Контакты

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