Javascript. Интенсивный базовый курс

Описание

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

Научить спокойно и без лишней нервотрёпки решать типичные задачи по JavaScript.

Для прохождения данного курса необходимо владение основами программирования! Если вас пугают такие темы, как переменные, ветвления, функции, циклы и массивы, то курс не для вас.

Темы уроков

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

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

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

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

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

• Валидация формы
• Меню и плавная прокрутка страницы
• Javascript и CSS-анимации
• Функция animate
• Анимации и кроссбраузерность

Урок 4. Оптимизация решения задач

• Оптимизация нагрузки
• Throttling и debouncing
• Создание ЧАВО
• Создание слайдера фотографий
• Блокировка на время анимации

Урок 5. Понимание ООП

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

Урок 6. Практика и нюансы ООП

• Контекст и стрелочные функции
• Старое и новое ООП в javascript
• Prototype и __proto__
• Наследование классов
• Объекты и прототипы

Урок 7. Работа с библиотеками

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

Урок 8. Сборка проекта

• Node.js и webpack, работа с npm
• Сборка проекта с webpack + babel
• Основы работы с ES-модулями
• Подведение итогов курса
• Траектории дальнейшего развития