JavaScript30
- 01 - JavaScript Drum Kit
- Практика работы с похожими DOM элементами, аудио и анимацией в js
- 02 - JS and CSS Clock
- Практика работы со временем в js, анимирование тика стрелки с помощь CSS свойств
- 03 - CSS Variables
- Практика использования CSS переменных и изменение их с помощью js
- 04 - Array Cardio Day 1
- Практика filter/map/sort/reduce
- 05 - Flex Panel Gallery
- Практика flexbox, по ивенту добавление и удаление класса элементу для анимации
- 06 - Type Ahead
- Динамичный поиск. Практика fetch, promise, regexp (includes не подходит, потому что регистрозависим), динамическое обновление
списка, выделение искомого слова в результатах
- 07 - Array Cardio Day 2
- Практика some/every/find/findIndex (удаление элемента из массива slice)
- 08 - Fun with HTML5 Canvas
- Рисование мышкой (практика canvas и mouse events)
- 09 - Dev Tools Domination
- Методы console
- 10 - Hold Shift and Check Checkboxes
- Множественный выбор чекбоксов с зажатым шифтом
- 11 - Custom Video Player
- Оживляем с помощью js кастомный HTML5 Video Player (воспроизведение, пауза, изменение скорости и звука, показ прогресса)
- 12 - Key Sequence Detection
- Определение какая клавиша нажата
- 13 - Slide in on Scroll
- Показ картинок по скроллу
- 14 - JavaScript References VS Copying
- Числа, строки, булевы значения копируются при присваивании в новую переменную, массивы и объекты ссылаются (способы копирования
массива и объекта, без глубокого копирования)
- 15 - LocalStorage
- Практика с формой, показ списка, LocalStorage, event delegation
- 16 - Mouse Move Shadow
- Тень текста связана с движением мыши
- 17 - Sort Without Articles
- Практика array sort, регулярные выражения, вставка элементов
- 18 - Adding Up Times with Reduce
- Практика map and reduce, подсчет общего количества времени
- 19 - Webcam Fun
- Практика canvas (эффекты для веб-камеры с помощью canvas) (локальный сервер)
- 20 - Speech Detection
- Практика распознавания речи в браузере (локальный сервер)
- 21 - Geolocation
- Практика с геолокацией (получение данных и отображение) (локальный сервер)
- 22 - Follow Along Link Highlighter
- Эффект наведения на ссылки, как будто наведение переходит от одной к другой
- 23 - Speech Synthesis
- Практика с синтезатором речи
- 24 - Sticky Nav
- Появление логотипа в фиксированном меню сайта (по умолчанию его нет, когда проскролливаешь вниз он появляется)
- 25 - Event Capture, Propagation, Bubbling and Once
- Практика, как работает event capture and bubbling, что делает propagation и свойство once у addEventListener
- 26 - Stripe Follow Along Nav
- Эффект наведения на пункты меню, как будто наведение переходит от одного к другому
- 27 - Click and Drag
- Горизонтальное перемещение по длинному диву
- 28 - Video Speed Controller
- Контроль скорости видео не по заданным значениям, а как у звука
- 29 - Countdown Timer
- Делаем таймер
- 30 - Whack A Mole
- Делаем игру