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

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

Программа

Вы можете приобрести целиком весь курс и получить скидку в размере 10%. Или купить в рассрочку, оплатив половину стоимости перед стартом, а другую в середине курса.
1
Основы верстки
с 8 ноября по 6 декабря 2017
9 занятий, 27 часов, 3 преподавателя
Стоимость блока:
15 000
Введение. Основы HTML5.
Синтаксис HTML5, виды тегов. Виды ссылок, установка якорей. Семантическая разметка.
Инструменты веб-разработчика.
Виды редакторов кода. Графические редакторы. Расширения в браузерах. Онлайн-песочницы. FTP-клиенты. Кодгайды.
Каскадные таблицы стилей.
Синтаксис и селекторыCSS3. Правила написания и именования классов. Наследование, каскадность и приоритеты.
Блочная модель. Выравнивание.
Понятие потока документа. Различия блочных и строчных элементов. Внутренние и внешние отступы, схлопывания. Рамки и границы. Таблицы и их свойства (в системе заданий). Вертикальное и горизонтальное выравнивание.
Раскладка блоков на странице.
Структура и каркас сайта. Свойство inline-block, его особенности. Свойство float, сбрасывание потока. Как бороться с выпаданиями и переполнением.
Photoshop для верстальщика. Шрифты.
Настройки рабочей области фотошопа для верстальщика. Различия форматов графики в вебе. Тонкости работы с макетами от дизайнеров. Градиенты, способы их построения, тени. Подключение шрифтов. Работа с иконочными шрифтами (упоминание). Favicon. Графические редакторы (Photoshop, Illustrator, Sketch). Спрайты.
Декоративные элементы.
Виды позиционирования. Управление порядком слоёв. Виды псевдоэлементов.
Интерактивные элементы.
CSS-анимация, раскадровка, свойства. Способы трансформаций. Формы, виды полей, разбор атрибутов. Установка jQuery-плагинов.
Публикация проекта. Модульные сетки. Вертикальное выравнивание.
Публикация проекта. Кроссбраузерная верстка. (вендерные префиксы).
2
Методологии и инструменты
с 9 декабря по 23 декабря 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%. Если этот вариант вам не подходит, то вы можете забронировать место на курсе, оплатив первый блок. Последующие блоки курса будут оплачиваться в момент старта.

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

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

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

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

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

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

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

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

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

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

Контакты

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