Описание курса:
Цель курса: Научить верстальщика спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи, необходимые при вёрс…Программа курса:
Урок 1. Основы языка:
- Способы подписки на события
- On vs addEventListener
- Области видимости переменных
- Замыкания, работа с контекстом
- События для группы элементов
- Работа с data-атрибутами
Урок 2. Работа с событиями:
- Атрибуты vs свойства
- Работа с событиями
- Изучение event-объекта
- Отмена стандартной реакции
- Всплытие событий
- this, target и currentTarget
Урок 3. Решение типовых задач:
- Валидация формы
- Создание ЧАВО
- Создание слайдера фотографий
- Меню и плавная прокрутка страницы
- Javascript и CSS-анимации
Урок 4. Оптимизация решения задач:
- Throttling и debouncing
- Функции-помощники для работы с DOM
- Основы ООП в ES6+
- Классы и объекты
- Свойства и методы
Урок 5. Практика и нюансы ООП:
- Пример таймера обратного отсчёта
- Фокусы с потерей контекста
- Контекст и стрелочные функции
- Наследование классов
- Объекты и прототипы
Урок 6. Работа с библиотеками:
- Велосипеды vs поиск готовых решений
- Изучение типичной документации
- Параметры, события и коллбэки
- Примеры популярных инструментов
- Чистый js vs экосистема jQuery
Урок 7. Сборка проекта:
- Node.js, gulp и webpack
- Работа с npm
- Удобная сборка проекта
- Настройка gulp + webpack + babel
- Основы работы с ES-модулями
Урок 8. Пути развития в javacript:
- Подведение итогов курса
- Траектории дальнейшего развития
- JS для вёрстки vs frontend-разработка
- Простой js и jQuery, примеры кода
- Vue.js как первый фреймворк, примеры кода