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 как первый фреймворк, примеры кода
💥 Смотри курс на нашем закрытом telegram канале по ссылке https://t.me/+dj8LiNVnXxZjYzEy
Бесплатный Онлайн курс Web Разработчик Джуниор
Подробное обучение созданию сайтов. Вы получите весь материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.
PINTA IT
Бесплатные Курсы по верстке CSS Grid Layout
Бесплатные видео курсы Html и CSS. Курсы по адаптивной верстке сайта с применением Grid Layout. Создайте адаптивный сайт с модулями Grid и CSS.
PINTA IT
Бесплатные макеты 🦋 Figma для верстки сайта коллекция макетов
Коллекция макетов для верстки Figma 🔥 Выбери макеты Figma 🦋
PINTA IT
Макет интернет магазина Figma
Макеты сайтов Figma - Макет сайта Макет интернет магазина. Отличная коллекция макетов различных сайтов созданных в Figma.
PINTA IT
Коллекция графиков Figma
Набор красивых графиков самых различных видов. В шаблоне есть и круговые и столбчатые диаграммы и все они предоставляются с разными цветами.
PINTA IT
