Современные front-end методики + полный набор инструментов для работы на middle уровне. Эффекты, анимации, автоматизация работы. 3 месяца, 2 раза в неделю.
О курсе
Технологии веб-верстки развиваются фантастически быстро. Еще недавно актуальные инструменты и методологии, сегодня выглядит архаично: новые веб-продукты становятся все более зрелищными и мобильными, а процессы разработки — автоматизированными.
Появился целый стек новых (или развившихся) инструментов, которые должен знать крепкий front-end developer: фреймворки и препроцессоры, анимации и адаптивная верстка, подключение js библиотек и пакетные менеджеры, параллакс и спецэффекты.
Мы собрали на курсе полный стек актуальных инструментов, который при необходимой практике поможет решать задачи высокого уровня.
4 500 грн/мес.
Курс длится 3 месяца, но вы можете сэкономить 5%, оплатив его одним махом
27 занятий
2 раза в неделю, по понедельникам и четвергам с 19:30 до 21:30
14 мест
Мы уделяем внимание каждому студенту курса. Поэтому количество мест ограничено
Преподаватель
Роман Вабищевич
Руководит своей командой фронт-энд разработчиков Se7ensky.com, один из опытнейших разработчиков Украины
Кому будет полезно
Разработчикам, которые уже умеют верстать и хотят уверенно освоить современный инструментарий.
Выпускникам курса 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 приложение.
Немає коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів