Цель курса
Научить спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи.
Полученные навыки можно использовать как для решения задач при вёрстке страницы, так и в качестве опоры для перехода к frontend-разработке и миру современных javascript-фреймворков.
18 января – урок 1. Основы языка.
- Способы подписки на события
- On vs addEventListener
- Области видимости переменных
- Замыкания, работа с контекстом
- События для группы элементов
- Работа с data-атрибутами
- Атрибуты vs свойства
- Работа с событиями
- Изучение event-объекта
- Отмена стандартной реакции
- Всплытие событий
- this, target и currentTarget
- Валидация формы
- Меню и плавная прокрутка страницы
- Javascript и CSS-анимации
- Функция animate
- Анимации и кроссбраузерность
- Оптимизация нагрузки
- Throttling и debouncing
- Создание ЧАВО
- Создание слайдера фотографий
- Блокировка на время анимации
- Основы ООП в ES6+
- Классы и объекты
- Свойства и методы
- Пример таймера обратного отсчёта
- Фокусы с потерей контекста
4 февраля – урок 6. Практика и нюансы ООП.
- Контекст и стрелочные функции
- Старое и новое ООП в javascript
- Prototype и __proto__
- Наследование классов
- Объекты и прототипы
- Велосипеды vs поиск готовых решений
- Изучение типичной документации
- Параметры, события и коллбэки
- Примеры популярных инструментов
- Чистый js vs экосистема jQuery
- Node.js и webpack, работа с npm
- Сборка проекта с webpack + babel
- Основы работы с ES-модулями
- Подведение итогов курса
- Траектории дальнейшего развития
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
