Цель курса:
Научить верстальщика спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи, необходимые при вёрстке странички.
При этом особое внимание уделяется пониманию процессов. Например, мы не просто изучаем возможности библиотеки jQuery, мы сначала делаем на неё пародию, чтобы понять, как вся эта магия работает изнутри, и только потом переходим к самой библиотеке.
На данном курсе Вы обязательно узнаете:
Принципиально новая, обновлена в августе 2020
Первый урок. Основы языка.
Способы подписки на события
On vs addEventListener
Области видимости переменных
Замыкания, работа с контекстом
События для группы элементов
Работа с data-атрибутами
Второй урок. Работа с событиями.
Атрибуты 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 как первый фреймворк, примеры кода
Скачать курс:
Научить верстальщика спокойно и без лишней нервотрёпки решать типичные javascript-овые задачи, необходимые при вёрстке странички.
При этом особое внимание уделяется пониманию процессов. Например, мы не просто изучаем возможности библиотеки jQuery, мы сначала делаем на неё пародию, чтобы понять, как вся эта магия работает изнутри, и только потом переходим к самой библиотеке.
На данном курсе Вы обязательно узнаете:
Принципиально новая, обновлена в августе 2020
Первый урок. Основы языка.
Способы подписки на события
On vs addEventListener
Области видимости переменных
Замыкания, работа с контекстом
События для группы элементов
Работа с data-атрибутами
Второй урок. Работа с событиями.
Атрибуты 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 как первый фреймворк, примеры кода
Скачать курс:
Скрытое содержимое могут видеть только пользователи групп(ы): PREMIUM