Базовый курс HTML-вёрстки

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

Программа

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

Справка о профессии

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

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

Каков процесс обучения и какие приятные моменты ждут вас в школе?
Постоянная поддержка
Персональные наставники помогут с проектом и ответят на все вопросы.
Group 20
Больше практики
Практические задания, реальные примеры, опыт профессионалов и методические материалы.
Работа над макетами
Вы сверстаете с нуля два макета, от простого до сложного.

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

Shape 2 copy 2
Николай Громов
Веб-технолог, фрилансер
Разработчик с феноменальным опытом более 14 лет. Николай является наиболее опытным преподавателем в школе и делится своими знаниями на курсах верстки.
Кирилл Демидов
Веб-технолог, фрилансер
Инженер-технолог, который перешел на светлую сторону web-разработки, закончив курсы в Epic Skills по базовой и PRO верстке, JavaScript. Дайвер, инструктор ФБФР.
Андрей Гурылев
Front-end разработчик Wrike
Cпикер, ментор в javascript-сообществе NodeSchool и front-end разработчик компании Wrike. Андрей верстает с 2007 года и когда-то учился верстать еще на стандарте HTML4.
Александр Соколов
Опытный front-end разработчик ООО "Мобильные финансовые системы"
Способен объяснить что угодно и кому угодно. Хобби — написание игр на HTML5.
Shape 2 copy 3

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

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

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

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

Контакты

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