Что нового

Скачать курс: Javascript. Интенсивный курс для верстальщиков 2020 (Дмитрий Лаврик)

Administrator
Команда форума
Регистрация
13.03.2019
Сообщения
34 313

Обновленный поток

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

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

Программа курса
обновлена в сентябре 2019

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

Способы подписки на события
On vs addEventListener
Области видимости переменных
Замыкания
Контекст
События для группы элементов
Работа с data-атрибутами
28 января — урок 2. ООП в javascript.

Отмена событий по умолчанию
Основы ООП в ES5
Классы и объекты
Свойства и методы
Функция как конструктор класса
Прототипы
Prototype и __proto__




Продолжение описания
31 января — урок 3. Тренировка ООП.

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

Выбор версии и подключение библиотеки
Селекторы и фильтры
Основные функции для работы с элементами
Обработка событий
Простейшие функции анимации и их коллбэки
Создание ЧАВО
7 февраля — урок 5. Тренировка jQuery.

Последовательные и параллельные анимации
Работа с очередью анимаций
Анимация полосы прокрутки
Создание меню с плавным скроллингом
Всплытие событий и отмена всплытия
Live-события в jQuery
11 февраля — урок 6. jQuery плагины.

Создание собственного плагина
Jquery плагины в bootstrap
Полезные плагины
Owl Carousel и Slick
Программный запуск событий
ДЗ с багом Owl Carousel
14 февраля — урок 7. Текущие тренды.

Новые стандарты языка
Стрелочные функции и контекст
ООП в ES6
Поддержка и использование
Создание таймера обратного отсчёта
Создание слайдера фотографий
18 февраля — урок 8. Обобщение и Node.

Слабая поддержка ES6+ браузерами
Node.js, gulp и webpack
Работа с node.js command prompt
Настройка gulp + webpack
Преобразования с babel
Удобная сборка проекта













 
Верх