Продвинутый курс HTML-вёрстки

Курс создан специально для тех, кто хочет углубиться в профессию HTML-верстальщика. В процессе обучения вы увеличите скорость работы, научитесь взаимодействовать с дизайнером, тестировать вёрстку, оптимизировать графику и скорость загрузки страниц, а также вырастите как профессионал.
с 7 ноября по 22 декабря 2017
Present
Погружение в профессию
Для тех, кто хочет разрабатывать сайты
Комплексный подход
Это насыщенный путь от знаний до профессии
блока
занятий
преподавателя
часа
работы в портфолио

Программа

Вы можете приобрести целиком весь курс и получить скидку в размере 10%. Или купить в рассрочку, оплатив половину стоимости перед стартом, а другую в середине курса.
1
Автоматизация и тестирование
с 7 ноября по 28 ноября 2017
7 занятий, 21 час, 2 преподавателя
Стоимость блока:
14 000
Настройки окружения и Pug
Pug (Jade), возможности, примеры использования. Сочетание Pug (Jade) с методологиями. Миксины и интерполирование (функции, циклы). Построение универсального шаблона. Собираем статический сайт с Pug.
Gulp, NPM
Правильная структура приложения (исходники, сборка, зависимости). Инициализация проекта. Автоматизация, потоковый менеджер задач Gulp. Параллельное и последовательное выполнение задач в Gulp. Модули для сборки и автоматизации: оптимизация кода и графики, сборки препроцессоров, livereload (показываем работу репозитория). Github Pages.
Sass, LESS
Импортирование. Переменные. Вложения. @media. Амперсанд. Очередность написания в контексте селектора. Примеси.
PostCSS
Теория AST-дерева. Рекомендации по грамотному использованию. Переменные, функции, миксины, вложенные селекторы, математические операции. Примеси и расширения. Написание своего плагина.
Стиль кодирования + тестирование
Командные правила стиля кода с примерами. Автоматическая проверка соответствия стилю кода. Chrome-расширения и нативный функционал для w3c-валидации и проверки доступности. Postcss-плагины для тестирования допустимых стилей, добавления префиксов, фолбэков и фиксов (stylelint, stylefmt, doiuse, colorguard, cssstats). Gulp-плагины для доработки вёрстки (авто-типографы, автофиксы и прочее). Конфигурация плагинов. Плагины для текстовых редакторов и IDE. Упоминание о визуальном регрессионном тестировании.
Git, Github и Github pages
Алиасы, ключи. Работа с ветками: branch, checkout, status, log, fetch, merge. Методология: git flow. Сложные команды на будущее: rebase, cherry-pick. Создание страниц на Github Pages.
Трансформации и анимации
CSS transform, 3D transform, transition, keyframes наведение и скролл-эффекты.
2
Графика, оптимизация и JavaScript
с 1 декабря по 22 декабря 2017
7 занятий, 21 час, 3 преподавателя
Стоимость блока:
14 000
Оптимизация скорости загрузки страниц
Измерение скорости загрузки по RAIL-модели при помощи аудита в хроме и Page Speed. Имитация медленной сети и слабых устройств. Способы оптимизации растровых, векторных и анимированных изображений. Анализ и оптимизация отрисовки. lazy-load.
SVG
Векторная и растровая графика. Знакомство с SVG, способы импорта, оптимизация SVG. Встраивание SVG-объектов в DOM. Оформление SVG (прозрачность, сгибы, градиенты, обводки). Анимация SVG на CSS. Библиотеки элементов, внедрение в страницу и внешним файлом.
Взаимодействие с дизайнером
Частые ошибки верстальщиков при взаимодействии с дизайнером.
Фреймворки
Знакомство с Bootstrap. Обзор других распространенных фреймворков. Модульные сетки Bootstrap. Сборка адаптивного проекта «без дизайна» с Bootstrap.
Адаптивные изображения. Ретинизация графики. Гриды
Настройка картинок для адаптивной вёрстки. Адаптация картинок под ретина-дисплеи. Адаптив или Респонсив - в чем разница? Медиазапросы. CSS Grid.
JavaScript часть 1
Взаимодействие JS с HTML и CSS: селекторы DOM, свойства DOM-объектов. Функции, переменные, ветвления, коллекции, объекты, массивы, циклы, отладка ошибок в консоли. События. Работа с формами. XHR (AJAX), JSON.
JavaScript часть 2
Часто используемые плагины. Настройки плагинов. Стилизация плагинов.
Стоимость всей программы:
28 000
При оплате курса целиком действует скидка 10%. Если этот вариант вам не подходит, то вы можете забронировать место на курсе, оплатив первый блок. Последующие блоки курса будут оплачиваться в момент старта.

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

За время обучения вы получите навыки, необходимые в профессии:
SASS/LESS и PUG препроцессоры
SVG, работа с векторной графикой
Оптимизация скорости загрузки страниц
Адаптивные изображения, ретинизация графики
Тестирование верстки
Основы JavaScript
2400+вакансий в год
60000+средняя зарплата
на основе данных hh.ruпо Санкт-Петербургу

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

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

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

Shape 2 copy 2
Николай Громов
Веб-технолог, фрилансер
Разработчик с феноменальным опытом более 14 лет. Николай является наиболее опытным преподавателем в школе и делится своими знаниями на курсах верстки.
Андрей Гурылев
Front-end разработчик Wrike
Cпикер, ментор в javascript-сообществе NodeSchool и front-end разработчик компании Wrike. Андрей верстает с 2007 года и когда-то учился верстать еще на стандарте HTML4.
Вадим Матвеев
UX/UI дизайнер Студия M18
Пятилетний опыт работы в дизайне. В прошлом проектировал мобильные приложения, сейчас сфокусировался на вебе. Любит хорошую типографику и приятные микроанимации. Верит, что все дизайнеры будут верстать в ближайшем будущем.
Shape 2 copy 3

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

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

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

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

Контакты

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