Верстка. Уровень pro: Курсы

1 занятие

Использование препроцессора LESS, SASS, верстка UI-KIT’ов

• ускорение верстки с помощью препроцессоров
• переменные
• функции
• миксины
• правильная структура файлов
• практика ui-kit

2 занятие

UI-KIT+БЭМ

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

3 занятие

UI-KIT, сложная работа с тенями и градиентами, анимации и трансформации

• быстрые и надежные способы перевести стили из photoshop в css
• примеры эффектных анимаций при наведении
• прелоадеры
• анимация сцен
• верстка фотореалистичного макета

4 занятие

15 популярных плагинов jQuery,  кастомизация

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

5 занятие

SVG-анимации, иконочные шрифты, работа со спрайтами

• встраивание SVG-объектов в DOM
• управление и анимация объектами при наведении и кликах с помощью js

6 занятие

Twitter bootstrap, сжатие, скорость, кроссбраузерность, адаптивность

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

7 занятие

Автоматизация front-end’a

использование:

• автосборщиков
• препроцессоров
• автопрефиксоров

 и других модных инструментов  для облегчения, ускорения и автоматизации верстки

8 занятие

Практика, тесты на скорость и на владение инструментами

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