JavaScript - интенсивный курс для верстальщиков от Дмитрия Лаврика [Новый поток]

Складчина: JavaScript - интенсивный курс для верстальщиков от Дмитрия Лаврика [Новый поток]

Новый Поток!
Javascript
Интенсивный курс для верстальщиков от Дмитрия Лаврика
​

Цель курса
Научить верстальщика спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи, необходимые при вёрстке странички.

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

Спойлер: Программа курса

26 января — урок 1. Основы языка.

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

30 января — урок 2. ООП в javascript.

• Отмена событий по умолчанию
• Основы ООП в ES5
• Класс и объект
• Свойства и методы
• Создание таймера обратного отсчёта
• Создание слайдера фотографий

2 февраля — урок 3. Тренировка ООП.

• Создание пародии на jQuery
• Философия jQuery-стиля
• Хранение группы элементов
• Функции-обёртки для работы с элементами
• Волшебный return this для написания цепочек
• Функции с разным количеством параметров

6 февраля — урок 4. Основы jQuery.

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

9 февраля — урок 5. Тренировка jQuery.

• Последовательные и параллельные анимации
• Управление потоком анимаций
• Всплытие и отмена событий
• Live-события
• Создание плавного скроллинга
• Заготовка для модального окна

13 февраля — урок 6. jQuery PRO.

• Полезные плагины
• Слайдер Owl Carousel
• Слайдер Slick
• Javascript в фреймворке bootstrap
• Создание собственного плагина
• Создание и вызов произвольных событий

16 февраля — урок 7. Текущие тренды.

• ES6 - новый стандарт языка
• Объявление переменных
• Стрелочные функции и контекст
• ООП в ES6
• Другие приятные мелочи
• Поддержка и использование

20 февраля — урок 8. Обобщение и Node.

• Слабая поддержка ES6 браузерами
• Node.js и gulp
• Работа с node.js command propmt
• Настройка gulp
• Преобразования es6 - babel
• Менеджер библиотек bower