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

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

Научить решать типичные JavaScript задачи при верстке сайта. Оптимизация и решения задач JavaScript Основы языка JavaScript Практика и нюансы.

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

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

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

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

Основы языка:

  • Способы подписки на события
  • On vs addEventListener
  • Области видимости переменных
  • Замыкания, работа с контекстом
  • События для группы элементов
  • Работа с data-атрибутами
  • Урок 2. Работа с событиями:
  • Атрибуты vs свойства
  • Работа с событиями
  • Изучение event-объекта
  • Отмена стандартной реакции
  • Всплытие событий
  • this, target и currentTarget

Решение типовых задач:

  • Валидация формы
  • Создание ЧАВО
  • Создание слайдера фотографий
  • Меню и плавная прокрутка страницы
  • Javascript и CSS-анимации

Оптимизация решения задач:

Throttling и debouncing
Функции-помощники для работы с DOM
Основы ООП в ES6+
Классы и объекты
Свойства и методы

Практика и нюансы ООП

  • Пример таймера обратного отсчёта
  • Фокусы с потерей контекста
  • Контекст и стрелочные функции
  • Наследование классов
  • Объекты и прототипы

Работа с библиотеками:

  • Велосипеды vs поиск готовых решений
  • Изучение типичной документации
  • Параметры, события и коллбэки
  • Примеры популярных инструментов
  • Чистый js vs экосистема jQuery

Сборка проекта:

  • Node.js, gulp и webpack
  • Работа с npm
  • Удобная сборка проекта
  • Настройка gulp + webpack + babel
  • Основы работы с ES-модулями

Пути развития в javacript:

  • Подведение итогов курса
  • Траектории дальнейшего развития
  • JS для вёрстки vs frontend-разработка
  • Простой js и jQuery, примеры кода
  • Vue.js как первый фреймворк, примеры кода

0:00
/
0:00
/
0:00
/

0:00
/
0:00
/

0:00
/
0:00
/

0:00
/
0:00
/
0:00
/

0:00
/

0:00
/
0:00
/

0:00
/

0:00
/
0:00
/

Отблагодарить нас за предоставленный контент
Внеси небольшой вклад 10$ для развития нашей площадки чтоб мы могли предоставить тебе еще больше полезного контента

Share Tweet Send
0 Комментарии
Загрузка...
You've successfully subscribed to Pinta IT 🍺
Great! Next, complete checkout for full access to Pinta IT 🍺
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.