📚 Практические работы

JavaScript, DOM-дерево, анимации и создание игр
Три увлекательные работы для освоения веб-программирования
🎨

Практическая работа №1

🎨 Анимация | 🎭 DOM-манипуляции

Создание интерактивной праздничной открытки с эффектом блика, плавным появлением элементов и сменой пожеланий.

HTML CSS JavaScript setTimeout CSS Transitions
🌳

Практическая работа №2

🔍 DOM-дерево | 🎮 Интерактив

Изучение DOM-дерева, поиск элементов, навигация по родителям и детям, создание интерактивного светофора и выделение диагонали таблицы.

DOM getElementById querySelector Event Listeners
🎮

Практическая работа №3

🕹️ Игра | 🎨 Canvas

Создание полноценной игры «Арканоид»: мяч, ракетка, кирпичи, система очков и жизней, управление с клавиатуры и мыши.

Canvas requestAnimationFrame Collision Detection Game Loop

🎯 Что ты сможешь, выполнив эти работы?

🔹 Работать с DOM-деревом и находить любые элементы на странице.
🔹 Создавать плавные анимации и эффекты с помощью CSS и JavaScript.
🔹 Программировать игровую логику: движение, столкновения, счёт, жизни.
🔹 Обрабатывать события клавиатуры и мыши.
🔹 Использовать canvas для рисования графики в реальном времени.