Современные front-end методики + полный набор инструментов для работы на middle уровне. Эффекты, анимации, автоматизация работы. 3 месяца, 2 раза в неделю.
О курсе
Технологии веб-верстки развиваются фантастически быстро. Еще недавно актуальные инструменты и методологии, сегодня выглядит архаично: новые веб-продукты становятся все более зрелищными и мобильными, а процессы разработки — автоматизированными.
Появился целый стек новых (или развившихся) инструментов, которые должен знать крепкий front-end developer: фреймворки и препроцессоры, анимации и адаптивная верстка, подключение js библиотек и пакетные менеджеры, параллакс и спецэффекты.
Мы собрали на курсе полный стек актуальных инструментов, который при необходимой практике поможет решать задачи высокого уровня.
● 5 500 грн/мес. Оплачивайте курс помесячно или целиком (со скидкой 5%), возможна оплата в рассрочку
● 27 занятий. 2 раза в неделю, по понедельникам и средам с 19:30 до 21:30
● 14 мест. Мы уделяем внимание каждому студенту курса. Поэтому количество мест ограничено
Преподаватель
Кому будет полезно
● Разработчикам, которые уже умеют верстать и хотят уверенно освоить современный инструментарий.
● Выпускникам курса Front-End. Основы в Projector.
Для занятий на курсе вам понадобится собственный ноутбук.
Программа курса
Программа, как всегда в Projector, построена на культе практики Practicult. Все темы проходим «своими руками», закрепляем домашними работами с конструктивным фидбеком кураторами. Приготовьтесь хорошенько попотеть.
Введение
Знакомство. Быстрое повторение базовых понятий и принципов веб-верстки.
Настройка своего Gulp
Пакетные менеджеры (npm, bower). Препроцессоры (jade, stylus, coffeescript). Шаблонизация в jade.
Методологии верстки, использование препроцессоров
БЭМ, bem+jade (bemto)
Сложные анимации
Инструменты для анимаций, сравнение (greensock, velocity, animate.css, wow.js). Скролл — Scrollmagic.io.
Быстродействие
Рендеринг браузером html, css, FOUC. Скорость работы html, css, js (оптимизация, прелоадеры, fastdom.js).
Ajax
Динамический обмен данными. LocalStorage, sessionStorage, cookies.
Мобильная верстка (адаптивность)
Работа с @media. Верстка под retina мониторы. Шрифтовые иконки — использование, минусы и плюсы.
Фреймворки для верстки (CSS)
Twitter Bootstrap, Semantic, Foundation
Библиотеки JS
Как выбрать «правильную» библиотеку для конкретной задачи.
jQuery-плагины, обзор популярных.
Работа с Git
Merge, rebase, etc. Взаимодействие в команде.
Почтовые рассылки
Особенности верстки рассылок. Подводные камни.
Шаблонизаторы HTML
Что такое шаблонизаторы и как с ними работать.
Webpack
Принцип работы. Конфигурация
React
Создаем простое React приложение.
2 коментарі
Додати коментар Підписатись на коментаріВідписатись від коментарів