Starter Files + Completed solutions for the JavaScript 30 Day Challenge.
Grab the course at https://JavaScript30.com
My implementation 30 Day Vanilla JS Challenge https://greybutton.github.io/JavaScript30/
Практика работы с похожими DOM элементами, аудио и анимацией в js
Практика работы со временем в js, анимирование тика стрелки с помощь CSS свойств
Практика использования CSS переменных и изменение их с помощью js
Практика filter/map/sort/reduce
Практика flexbox, по ивенту добавление и удаление класса элементу для анимации
Динамичный поиск. Практика fetch, promise, regexp (includes не подходит, потому что регистрозависим), динамическое обновление списка, выделение искомого слова в результатах
Практика some/every/find/findIndex (удаление элемента из массива slice)
Рисование мышкой (практика canvas и mouse events)
Методы console
Множественный выбор чекбоксов с зажатым шифтом
Оживляем с помощью js кастомный HTML5 Video Player (воспроизведение, пауза, изменение скорости и звука, показ прогресса)
Определение какая клавиша нажата
Показ картинок по скроллу
Числа, строки, булевы значения копируются при присваивании в новую переменную, массивы и объекты ссылаются (способы копирования массива и объекта, без глубокого копирования)
Практика с формой, показ списка, LocalStorage, event delegation
Тень текста связана с движением мыши
Практика array sort, регулярные выражения, вставка элементов
Практика map and reduce, подсчет общего количества времени
Практика canvas (эффекты для веб-камеры с помощью canvas) (локальный сервер)
Практика распознавания речи в браузере (локальный сервер)
Практика с геолокацией (получение данных и отображение) (локальный сервер)
Эффект наведения на ссылки, как будто наведение переходит от одной к другой
Практика с синтезатором речи
Появление логотипа в фиксированном меню сайта (по умолчанию его нет, когда проскролливаешь вниз он появляется)
Практика, как работает event capture and bubbling, что делает propagation и свойство once у addEventListener
Эффект наведения на пункты меню, как будто наведение переходит от одного к другому
Горизонтальное перемещение по длинному диву
Контроль скорости видео не по заданным значениям, а как у звука
Делаем таймер
Делаем игру