Цель курса: научить верстальщика спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи, необходимые при вёрстке странички.
При этом особое внимание уделяется пониманию процессов. Например, мы не просто изучаем возможности библиотеки jQuery, мы сначала делаем на неё пародию, чтобы понять, как вся эта магия работает изнутри, и только потом переходим к самой библиотеке.

1. Основы языка
Массивы и объекты
Области видимости переменных
Коллбеки
Нативные селекторы и иерархия
События
События для группы элементов

2. ООП в javasсript
Класс и объект
Свойства и методы
Создание таймера обратного отсчёта
Создание пародии на jQuery
Хранение группы элементов
Функции-обёртки для работы с ними

3. Основы jQuery
Выбор версии и подключение библиотеки
Селекторы и фильтры
Основные функции для работы с элементами
Обработка событий
Простейшие функции анимации
Создание слайдера фотографий

4. jQuery PRO
Последовательные и параллельные анимации
Управление потоком анимаций
Цепочки из анимаций и коллбеки
Всплытие и отмена событий
Live-события
Создание собственного плагина

5. Популярные приёмы
Слайдер Owl Carousel
Слайдер Slick
Создание мобильного меню
Создание плавного скроллинга
Создание модального окна
Полезные jQuery-плагины

6. Текущие тренды
Javasсript в фреймворке bootstrap
ES6 — новый стандарт языка
Основные изменения в ES6
Node.js и bower
Преобразование ES6 в ES5
Обобщение изученных приёмов

 

Мастер класс по FlexBox вёрстке (Дмитрий Лаврик)