Практика JavaScript
Практика JavaScript для начинающих - создаем с нуля 8 мини проектов для тренировки и портфолио
Получить курсОбзор курса Практика JavaScript
- Курс Практика JavaScript предназначен для начинающих разработчиков, которые хотят применить знания JS на практике, а также добавить новые проекты в портфолио.
- Для прохождения курса потребуются базовые знания JavaScript, HTML и CSS. Рекомендую пройти мой базовый курс JavaScript для начинающих.
- В рамках курса мы с нуля создадим 8 проектов, используя "ванильный" JavaScript.
- В рамках создаваемых проектов мы будем отрабатывать различные подходы в использовании циклов, массивов, событий и многих других концепций Javascript.
- Каждый проект включает работу с элементами DOM (Document Object Model)дерева. Использование DOM позволяет нам управлять HTML разметкой страницы с помощью JavaScript.
Пример проекта на чистом JavaScript
Наши проекты на JavaScript
Брауновское движение на чистом JS
Приводим в движение 1000 окружностей с помощью ES6 классов и HTML5 Canvas
Табы на JavaScript
Работаем с DOM деревом, событиями и циклами JS, а также меняем свойства HTML и CSS
Динамический поиск станций метро
Используем события JS и regex, а также методы fetch, map, filter, forEach для создания динамического поиска станций метро г. Москвы
Таймер обратного отсчета времени
Используем объект Date, setInterval, а также DOM дерево и обработчики событий для создания таймера отсчета времени.
Анимированные ссылки на странице
Используем метод GetBoundingClientRect для создания анимированных ссылок, которые следуют за движением мыши
Отмечаем список чекбоксов, удерживая клавишу Shift
Используем события JS для определения последовательности нажатия клавиш
Работаем с DOM деревом в JS
Учимся манипулировать HTML элементами на чистом JavaScript (создание элементов и разметки, добавление классов и др.)
Local Storage в JavaScript
Сохраняем список ингредиентов пиццы в local storage браузера. При перезагрузке страницы добавленные ингредиенты остаются на странице
Закрепляем основы javascript на практике
Самый лучший способ разобраться с большим количеством тем и концепций в JavaScript - как можно больше практиковаться.
Разные проекты требуют свои подходы к использованию функций, переменных, массивов и так далее.
В этой подборке я собрал свои любимые мини-проекты на ванильном JS и способы их решения. Надеюсь это поможет вам лучше разобраться в Javascript, как в свое время помогло мне.