JavaScript для верстальщиков (2020)

Цель курса научить вас спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи. Полученные навыки можно использовать как для решения задач при вёрстке страницы, так и в качестве опоры для перехода к frontend-разработке и миру современных javascript-фреймворков.

Содержание:

Урок 1. Основы языка

• Способы подписки на события
• On vs addEventListener
• Области видимости переменных
• Замыкания, работа с контекстом
• События для группы элементов
• Работа с data-атрибутами

Урок 2. Работа с событиями

• Атрибуты vs свойства
• Работа с событиями
• Изучение event-объекта
• Отмена стандартной реакции
• Всплытие событий
• This, target и currentTarget

Урок 3. Решение типовых задач

• Валидация формы
• Создание ЧАВО
• Создание слайдера фотографий
• Меню и плавная прокрутка страницы
• Jаvascript и 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 как первый фреймворк, примеры кода

Автор: Дмитрий Лаврик
Язык: русский
Продолжительность: ~18 часов

Формат: MP4 (+доп.файлы)
Видео: AVC, 1920x1080, ~260 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz

 

Скачать обучающее видео "JavaScript для верстальщиков" (3,98 ГБ):