Пора становиться профессионалом в верстке.
Вы ведь для этого сюда пришли?

В курс включены два препроцессора: LESS и SASS, два фреймворка: Bootstrap и Foundation, работа в командной строке и с системой контроля версий, адаптивная верстка, SVG, Flexbox, Jade. Планируете заниматься разработкой, но эти слова кажутся незнакомыми?
Скорее записывайтесь на курс, первое занятие как раз бесплатно.

 
14 июня
вт / пт
 
10 занятий
с 19:00 до 23:00
 
16 000 Р
до 31 мая

Дааа, я хочу записаться

Чему мы научим на курсе?

Препроцессоры LESS, SASS

Методологии БЭМ, SMACSS

Инструменты сборки: Gulp, Grunt

BOOTSTRAP 3, FOUNDATION 5

Flexbox, jQuery, SVG изображения

BOWER, GIT, командная строка

 

Как проходит обучение

  • Никакой скучной и сухой теории
  • Практика, практика и еще раз практика
  • Учебные материалы и презентации

Для кого этот курс

  • Кто хочет удвоить свою скорость, эффективность и зарплату
  • Кто хочет через месяц стать продвинутым верстальщиком
  • Кто хочет собирать свои проекты без ошибок с использованием современных технологий

Что вы получите

  • Пополнение знаний
  • Совершенствование навыков
  • Две работы в портфолио
  • Неформальные беседы с профи
  • Кучу отличных макетов для тренировки

Что вы получите после завершения курса?

Технологии верстки и инструменты

Уже мало знать базовый HTML&CSS, чтобы получить достойную работу и считаться крутым верстальщиком.

Два модных проекта в портфолио

Ваше портфолио – повод получить заказы или работу. К тому же, это отличный способ показать, чем вы там занимаетесь вообще.

Общение с профессионалами

Мы создаем сообщество верстальщиков и разработчиков разного уровня, которое позволяет узнавать много нового и развиваться дальше.

Верстка многостраничного макета в трех разрешениях
База отдыха Green Valley
Верстка интерактивных элементов
UI-кит с формами
Лучше, чем десяток устаревших книжек
Интерактивная система с заданиями, которые проверяют сами себя, алгоритмами и теорией к каждому заданию
Мгновенная автопроверка
Выполнение заданий в песочнице
100 заданий по верстке
Пожизненный доступ в систему

 

Настройка окружения. Методологии: OOCSS, SMACSS, БЭМ

Выберите методологию по душе

Николай Громов
веб-технолог, первый сайт сделал в 2000 г.

Темы:

  • Окружение, настройка редактора. Рабочий процесс верстальщика. Проблемы современной верстки
  • Методологии: OOCSS, SMACSS, БЭМ. Различия, какая лучше
  • Файловая структура проекта обычного человека и фронтэндера
  • Приемы ускорения написания кода с Emmet
  • Следование кодгайду

Что делаем:

  • Изучаем все темы
  • Размечаем главную страницу учебного проекта по методологии БЭМ

Введение в Git. Работа с консолью

Переходим на темную сторону верстки!

 

фото Игоря Тимохина
Игорь Тимохин
фронтэнд-разработчик, системный администратор

Темы:

  • OC и Архитектура. Установка оболочки. Знакомство с консолью, менеджерами пакетов
  • Введение в Git. Создание репозитория, фиксация изменений, работа с ветками, конфликтами
  • Как работает сервер вместе с php, mysql, ruby, node.js
  • Инструменты для работы с Git. Обзор приложений GitHub Desktop или SourceTree

Что делаем:

  • Знакомимся с Git. Создаем учебный репозиторий: учимся фиксировать изменения, создавать ветки и пулл-реквесты
  • Создаем репозиторий личного проекта и заливаем верстку
  • В конце занятия скидываем в чат ссылки, что все смогли залить проекту

 

Препроцессоры LESS и SASS/SCSS

Выбираем препроцессор по вкусу и ускоряемся!

Николай Громов
веб-технолог, первый сайт сделал в 2000 г.

Темы:

  • Изучение препроцессоров LESS и SASS. Сравнение, примеры использования и рекомендации по грамотному использованию
  • Ускорение верстки с помощью препроцессоров: переменные, функции, миксины, правильная структура файлов
  • Знакомство с приложением PrePros

Что делаем:

  • Изучаем препроцессоры
  • Устанавливаем и разбираемся с PrePros
  • Закидываем проект, собираем правильную файловую структуру и учимся компилировать стилевые файлы

 

Flexbox. Фреймворк Bootstrap

Знакомство с CSS3 модулем построения гибкой разметки и самым популярным фреймворком

Николай Громов
веб-технолог, первый сайт сделал в 2000 г.

Темы:

  • Flexbox: основные понятия, спецификация, поддержка, интересные особенности и примеры применения. Баги
  • Фреймворк Bootstrap: преимущества и почему стоит его использовать. Изучение элементов, работа с модульными сетками

Что делаем:

  • Изучаем flexbox. Делаем трек в системе
  • Знакомимся с Bootstrap, качаем less-файлы, разбираем
  • Берем главную страницу проекта и собираем ее сетку на бутстрапе или на flexbox-е (схематично цветовыми блоками)

 

Адаптивная и резиновая верстка. Mobile first. Help-day

Изучаем особенности и тонкости адаптивной верстки

Николай Громов
веб-технолог, первый сайт сделал в 2000 г.

Темы:

  • Адаптивные и резиновые сетки
  • Медиавыражения, принцип перестроения сеток
  • Медиавыражения, принцип перестроения сеток
  • Подход "Mobile First"

Что делаем:

  • Изучаем разные виды сеток
  • Практически учимся делать адаптивные изображения, ретинизировать графику
  • Возможно доделываем сетку главной страницы проекта
  • Helpday. Обсуждаем и решаем все непонятные моменты, доделываем начатое

 

Автоматизация Frontend-a

Автоматизируй все!

Игорь Тимохин
фронтэнд-разработчик, системный администратор

Темы:

  • Зачем нужна автоматизация
  • Знакомство с Gulp. Правильная структура приложения, модули для сборки и автоматизации: оптимизация кода и графики, сборки препроцессоров

Что делаем:

  • Изучаем Gulp
  • Настраиваем сборку личного проекта. Подключаем и пробуем каждый модуль

 

jQuery. Изучение плагинов, кастомизация стандартных элементов UI

Добавляем интерактивность

Николай Громов
веб-технолог, первый сайт сделал в 2000 г.

Темы:

  • Основы jQuery: вызов, функции, переменные
  • Установка и настройка плагинов: слайдеры, таймеры обратного отсчета, паралакс-эффекты, анимации, прогресс-бары
  • Настройка внешнего вида переключателей и других элементов форм

Что делаем:

  • Изучаем основы jQuery
  • Тренируем в песочнице базовые операции/фукнции
  • Рассматриваем и практикуем несколько плагинов прямо на занятии
  • В песочнице кастомизируем элементы формы: чекбокс/селект

 

Работа с SVG. Верстка из Illustrator

Превращаемся в профессионалов

фото Глеба Кушедова
Глеб Кушедов
основатель школы,
веб-разработчик с 8-летним опытом

Темы:

  • Как правильно верстать из Illustrator
  • Что такое SVG. Способы импорта SVG
  • Встраивание SVG-объектов в DOM
  • Управление и анимация объектами при наведении и кликах с помощью JS

Что делаем:

  • Разбираемся в инструментах Illustrator, что необходимо верстальщику
  • Разбираем графика одного из макетов (найти из какого)
  • Делаем задания из трека по SVG-элементам. Учимся импортировать

Jade. Фреймворк Foundation

Превращаемся в профессионалов

фото Глеба Кушедова
Глеб Кушедов
основатель школы,
веб-разработчик с 8-летним опытом

Темы:

  • Что такое Jade, его возможности, примеры использования
  • Фреймворк Foundation. Установка, изучение элементов и работы изнутри

Что делаем:

  • Изучаем особенности и синтаксис Jade
  • Тренируемся в песочнице
  • Потом разбираем Foundation. Собираем небольшую страницу на фреймворке

 

Основы JavaScript

Учимся магии

Александр Постовар фото
Александр Постовар
frontend-разработчик в astralite.pro, фрилансер

Темы:

  • Знакомство с JavaScript. Синтаксис языка
  • Переменные, основные операторы, функции и события
  • Что такое DOM и как с ним работать

Что делаем:

  • Теория вперемешку с практикой в песочнице
  • Задания в API на закрепление: трек по переменным и операторам, трек по DOM
  • Пишем вкладки и аккордеон

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

Громов

Николай Громов
Веб-технолог с 15-летним стажем. Первый сайт сделал в 2000 г.

Тимохин

Игорь Тимохин

Фронтэнд-разработчик, системный администратор,
фрилансер с стажем, ит-консультант

Громов

Глеб Кушедов
основатель школы,
веб-разработчик с 8-летним опытом

Саша Постовар фото

Александр Постовар

frontend-разработчик в astralite.pro,
фрилансер

in-touch__img

Мы вас не бросим. Что бы ни случилось

В учебных чатах и личных сообщениях мы отвечаем на вопросы практически 24 часа, у нас есть коворкинг, работающий 7 дней в неделю.

Наша команда полностью собрана из выпускников Epic Skills, и мы прекрасно знаем, как важно получить помощь вовремя.

Частые вопросы

Есть ли конспекты по курсу?

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

Есть ли возможность индивидуального обучения со своим проектом?

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

Куратор курса

Ира Ожерельева

+7 (911) 947-59-86

Задать вопрос по курсу

 

Как проходят занятия? Хорошо!

Мы боремся с социопатией айтишников,
придумывая групповые задания, заставляя защищать
проекты, обсуждать решения и общаться всей группой онлайн.

Стоимость обучения: 16 000 рублей*при оплате до 31 мая

Старт ближайшего курса: 14 июня
Окончание курса: 15 июля

Полная стоимость курса: 20 000 руб.
Стоимость для юр.лиц.: 22 000 руб.

Вход на первое занятие — свободный, но нужно зарегистрироваться.

Длительность занятия 4 часа. Уже на первом занятии можно познакомиться с преподавателем, саппортами (продвинутые выпускники, которые помогают вести занятие), задать вопросы и забрать с собой учебные материалы, которые точно пригодятся.

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

Для студентов, прошедших любой наш курс, действует спецпредложение. Мы заботимся о наших выпускниках и поэтому для всех, кто окончил наши курсы есть скидка 10%, при оплате нужно показать свой сертификат.

Оплатить можно по адресу Чкаловский пр., 15 в любой будний день с 12:00 до 22:00. До встречи!

Зарегистрироваться

Форма загружается
У меня есть промокод

Почему учатся у нас?

Интерактивная система с заданиями, которые проверяют сами себя,
алгоритмами и теорией к каждому заданию

Никакой скучной теории
Обучение построено на практике: мы показываем – вы делаете. После курса, когда вы все уже умеете, мы рекомендуем прочитать несколько умных книжек или статей. После, но не до или вместо.
Ничего не забудется
Мы ведем обучение по собственным презентациям, схемам и заданиям. После завершения курса вы всегда можете скачать все презентации, посмотреть видео, посмотреть архив с заданиям и все вспомнить.
Обратная связь
Во время занятий, про работе в группах и при проверке домашних заданий вы получаете разбор ошибок, советы и рекомендации по дальнейшим действиям.