Недавно я опубликовал подборку игр для изучения программирования. В этой статье вы познакомитесь с онлайн играми, которые помогут вам в изучении и понимании веб-языков, таких как HTML, CSS и JavaScript.
CSS Diner
Данная игра состоит из 32 уровней. В CSS Diner вам необходимо с помощью кода CSS правильно разместить тарелки и фрукты. Игра научит вас правильно использовать селекторы и свойства CSS чтобы размещать объекты так как вам надо. Также вы узнаете что такое псевдо-селекторы и научитесь управлять приоритетностью свойств CSS.
Flexbox Defense
Все наверное знает игры, где нам надо защищать штаб с помощью башен, правильно расставляя их на пути врага. Flexbox Defense точно такая же игра, только размещать башни мы будем с помощью модуля CSS под названием Flexbox. С помощью этой игры вы научитесь расставлять блоки на странице используя флекс-контейнеры и поймете как работает инструмент Flexbox.
Flexbox Froggy
Flexbox Froggy так же обучает Флексбоксу, однако здесь нам необходимо размещать лягушат на листы кувшинок нужного цвета. В игре 24 уровня и проходить ее очень интересно, попутно изучая Flexbox. Также присутствует русский язык, что облегчает прохождение тем, кто плохо знает английский.
Grid Garden
Grid Garden – игра от создателей Flexbox Froggy, которая познакомит вас с системой сеток в CSS. Это мощное свойство размещения блоков на странице в виде сетки. Знание Grid System и Flexbox сделают вас лучшим в размещении блоков на странице :)
Если вы хотите научиться создавать сайты советую пройти вам курсы в HTML Academy. Это не реклама, а просто совет основанный на личном опыте. После прохождения даже бесплатного курса я уже умел делать простенькие странички.
На этом все дорогие читатели! Ставьте лайки, пишите комменты и подписывайтесь на канал ;)