Цель курса научить верстальщика спокойно и без лишней нервотрёпки решать типичные js-овые задачи, необходимые при вёрстке странички. При этом особое внимание уделяется пониманию процессов. Например, мы не просто изучаем возможности библиотеки jQuery, мы сначала делаем на неё пародию, чтобы понять, как вся эта магия работает изнутри, и только потом переходим к самой библиотеке.
Содержание:
1. Основы языка
• Массивы и объекты • Области видимости переменных • Коллбеки • Нативные селекторы и иерархия • События • События для группы элементов
2. ООП в JS
• Класс и объект • Свойства и методы • Создание таймера обратного отсчёта • Создание пародии на jQuery • Хранение группы элементов • Функции-обёртки для работы с ними
3. Основы jQuery
• Выбор версии и подключение библиотеки • Селекторы и фильтры • Основные функции для работы с элементами • Обработка событий • Простейшие функции анимации • Создание слайдера фотографий
4. jQuery PRO
• Последовательные и параллельные анимации • Управление потоком анимаций • Цепочки из анимаций и коллбеки • Всплытие и отмена событий • Live-события • Создание собственного плагина
5. Популярные приёмы
• Слайдер Owl Carousel • Слайдер Slick • Создание мобильного меню • Создание плавного скроллинга • Создание модального окна • Полезные jQuery-плагины
6. Текущие тренды
• JS в фреймворке bootstrap • ES6 — новый стандарт языка • Основные изменения в ES6 • Node.js и bower • Преобразование ES6 в ES5 • Обобщение изученных приёмов