[Дмитрий Лаврик] JavaScript для верстальщиков

vitriol0674

Команда форума
Живёт по соседству
Особенный
Спасибо от Разулы
Регистрация
13 Янв 2018
Сообщения
9.558
Реакции
128.433
Ra
37.733

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

Программа курса:

Урок 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 как первый фреймворк, примеры кода
Скачать:
Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.
 

Похожие темы

Теги по которым нашли тему

  1. JavaScript для верстальщиков
  2. Дмитрий Лаврик
Сверху