Мы продолжаем выпускать видеоуроки по созданию сайтов на HTML и CSS на нашем YouTube-канале.

В честь этого собрали подборку игр, которые помогут потренировать навыки верстки 💻
Не забывайте сохранять на будущее 😌
🔸 Hex Invaders
В этой игре ребенок изучит обозначения цветов в HTML: например, # 00ff00 — салатовый, а # 0080ff — голубой. В игре задается код цвета, нужно распознать его и ударить по пришельцу этого оттенка, прежде чем он приблизится к земле. Чем больше уровней ребенок проходит, тем лучше запоминает коды.
🔸 Flexbox Zombies
Эта игра обучает CSS Flexbox — технологии, которая упрощает создание макетов веб-страниц. Игроку нужно с помощью текстового кода управлять арбалетом и стрелять по зомби.
🔸 Flexbox Defence
Здесь тоже можно научиться CSS Flexbox: игрок вводит CSS-код, чтобы возвести оборонительные башни и одержать победу над противником.
🔸 Flexbox Froggy
В этой игре ребенок научится размещать объекты на веб-странице. По сюжету нужно помочь лягушонку Фрогги добраться до листа кувшинки. Для этого игрок вводит код, который перемещает лягушонка по макету. Есть инструкции на русском языке.
🔸 Grid Garden
Немного похожа на предыдущую игру, только здесь ребенок изучает свойства CSS Grid — технологии, которая создает макеты с помощью системы сеток. По сюжету игроку нужно ввести код, чтобы вырастить урожай и ухаживать за ним. Есть инструкции на русском языке.
🔸 CSS Diner
В этой игре ребенок познакомится с селекторами CSS. Игроку предстоит с помощью кода разместить продукты на тарелках.
🔸 Pixactly
Простой онлайн-инструмент, который проверяет, хорошо ли ребенок представляет размеры прямоугольника. Например, игра задает данные Width (ширина) 115 px, Height (высота) 130 px, и ребенку нужно нарисовать фигуру примерно такого же размера.
🔗 Ссылки на каждую из этих игр и более подробную информацию вы можете найти в нашей статье на Дзене: https://zen.yandex.ru/media/id/5f7b5efe4c2a9a1f2b8a0085/igry-kotorye-nauchat-detei-verstat-saity-6022a8b49eeef76a6978fc56 📱 +7 495 150 59 65
📱 +7 906 020 52 50
💻 clubpixel.ru (очные занятия)
💻 edu.clubpixel.ru (онлайн-школа)