Front-End. Продвинутый курс (подія в архіві)

Современные front-end методики + полный набор инструментов для работы на middle уровне. Эффекты, анимации, автоматизация работы. 3 месяца, 2 раза в неделю

Технологии веб-верстки развиваются фантастически быстро. Еще недавно актуальные инструменты и методологии, сегодня выглядит архаично: новые веб-продукты становятся все более зрелищными и мобильными, а процессы разработки — автоматизированными.

Появился целый стек новых (или развившихся) инструментов, которые должен знать крепкий front-end developer: фреймворки и препроцессоры, анимации и адаптивная верстка, подключение js библиотек и пакетные менеджеры, параллакс и спецэффекты.

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

● 5 000 грн/мес. Курс длится 3 месяца, но вы можете сэкономить 5%, оплатив его одним махом
● 27 занятий. 2 раза в неделю, по понедельникам и четвергам с 19:30 до 21:30
● 7 декабря 2017. Новая группа стартует 7 декабря 2017
● 14 мест. Мы уделяем внимание каждому студенту курса. Поэтому количество мест ограничено

Преподаватель — Роман Вабищевич

Руководит своей командой фронт-энд разработчиков Se7ensky.com, один из опытнейших разработчиков Украины

Кому будет полезно

● Разработчикам, которые уже умеют верстать и хотят уверенно освоить современный инструментарий.
● Выпускникам курса Front-End. Основы в Projector.

Для занятий на курсе вам будет нужен ноутбук.

Программа курса

Программа, как всегда в Projector, построена на культе практики Practicult. Все темы проходим «своими руками», закрепляем домашними работами с конструктивным фидбеком кураторами. Приготовьтесь хорошенько попотеть.

1. Введение. Знакомство. Быстрое повторение базовых понятий и принципов веб-верстки.
2. Настройка своего Gulp. Пакетные менеджеры (npm, bower). Препроцессоры (jade, stylus, coffeescript). Шаблонизация в jade.
3. Методологии верстки, использование препроцессоров. БЭМ, bem+jade (bemto)
   
4. Сложные анимации Инструменты для анимаций, сравнение (greensock, velocity, animate.css, wow.js). Скролл — Scrollmagic.io.
5. Быстродействие. Рендеринг браузером html, css, FOUC. Скорость работы html, css, js (оптимизация, прелоадеры, fastdom.js).
6. Ajax. Динамический обмен данными. LocalStorage, sessionStorage, cookies.
7. Мобильная верстка (адаптивность). Работа с @media. Верстка под retina мониторы. Шрифтовые иконки — использование, минусы и плюсы.
8. Фреймворки для верстки (CSS). Twitter Bootstrap, Semantic, Foundation.
9. Библиотеки JS. Как выбрать «правильную» библиотеку для конкретной задачи. jQuery-плагины, обзор популярных.
10. Работа с Git. Merge, rebase, etc. Взаимодействие в команде.
11. Почтовые рассылки. Особенности верстки рассылок. Подводные камни.
12. Шаблонизаторы HTML. Что такое шаблонизаторы и как с ними работать.
13. Webpack. Принцип работы. Конфигурация
14. React. Создаем простое React приложение.

Регистрация на курс