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

21 участник

О чём курс

Верстальщикам больше не нужно тратить нервы на типовые JS-задачи: этот курс разбирает их механику «под капотом», чтобы код перестал быть магией. Вместо бездумного копирования кода здесь учат создавать аналоги jQuery с нуля, чтобы понимать, как именно работают библиотеки. Вы разберетесь в жизненном цикле событий, замыканиях, ООП в ES6+ и научитесь настраивать современную среду сборки через Gulp и Webpack. Курс подходит верстальщикам, которые хотят уверенно внедрять 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 как первый фреймворк, примеры кода
Складчина создана 16 января 2020 г. · описание обновлено 23 марта 2026 г.

Другие материалы автора 12

ДЛ Дмитрий Лаврик Все материалы
866 ₽ 7 900 ₽