DEV Community

Cover image for 5 jogos gratuitos para praticar CSS
Sara Gomes
Sara Gomes

Posted on

5 jogos gratuitos para praticar CSS

OlĂĄ, pessoal đŸ‘‹đŸ»

Para o post de hoje, eu separei 5 jogos gratuitos para vocĂȘ praticar CSS.

Por aqui vocĂȘ vai encontrar guias sobre Flexbox, Grid, Seletores no CSS, e tudo isso enquanto se diverte jogando.

1. Flexbox Froggy

Nesse primeiro jogo vocĂȘ precisarĂĄ levar os sapinhos aos seus destinos. ContarĂĄ com 24 fases e 3 nĂ­veis de dificuldade, que vai desde o iniciante com dicas sobre cada propriedade do Flexbox, atĂ© o experiente que sĂŁo nĂ­veis sem dicas.

Flexbox Froggy

Encontre esse jogo clicando aqui.

2. CSS Diner

Nosso segundo jogo Ă© sobre os seletores no CSS. O CSS Diner Ă© composto por 32 nĂ­veis e, possui exemplos de como cada seletor funciona.

CSS Diner

Encontre esse jogo clicando aqui.

3. Flexbox Defense

JĂĄ o terceiro jogo dessa lista, Ă© tambĂ©m para praticar as propriedades do Flexbox. SĂł que agora vocĂȘ precisarĂĄ posicionar bem as suas torres, usando os alinhamentos, para defendĂȘ-las. O jogo conta com 12 fases.

Flexbox Defense

Encontre esse jogo clicando aqui.

4. Grid Garden

O quarto jogo Ă© o Grid Garden. Nele vocĂȘ pode praticar sobre as propriedades do Grid no CSS. Esse jogo conta com 28 fases, onde vocĂȘ vai precisar direcionar as cenourinhas e cultivĂĄ-las.

Grid Garden

Encontre esse jogo clicando aqui.

5. Flexbox Zombies

Chegamos entĂŁo ao quinto jogo. Flexbox Zombies Ă© um jogo de sobrevivĂȘncia contra os ataques de zumbis que conta com 12 capĂ­tulos, sendo cada capitulo de mĂșltiplas fases e, um guia no aprendizado das propriedades do Flexbox.

Flexbox Zombies

Encontre esse jogo clicando aqui.

ConclusĂŁo

Por enquanto essas sĂŁo as indicaçÔes de jogos sobre CSS que eu queria passar para vocĂȘs. Espero que tenham gostado!

Sintam-se a vontade para comentar quais desses jogos vocĂȘ jĂĄ conhecia e, se jĂĄ jogou algum, quais desses vocĂȘ jĂĄ zerou.

Obrigada por ler!

Top comments (6)

Collapse
 
hrenmalin profile image
hrenmalin

Isso Ă© realmente interessante! É Ăłtimo que esses jogos educativos existam, e acredito que eles podem realmente ajudar as pessoas a melhorar suas habilidades. Nos Ășltimos meses, tenho jogado esses jogos com frequĂȘncia e, sempre que eles começam a ficar entediantes para mim, recorro a jogos como o brimoveis.net, que sĂŁo mais emocionantes e com chance de lucro. Para mim, Ă© um Ăłtimo equilĂ­brio.

Collapse
 
fusion334 profile image
fusion334

Esses sĂŁo jogos muito legais para praticar codificação, mas Ă s vezes vocĂȘ sĂł quer fazer uma pausa. Nesses momentos, cs go vem em meu socorro. TambĂ©m gosto de abrir caixas na plataforma skin.club/pt para conseguir skins que customizam as armas. Isso me traz prazer e ajuda a relaxar da difĂ­cil vida cotidiana.

Collapse
 
daniel_flin profile image
Daniel Flin

Esperando aqui o canal do Youtube vim

Collapse
 
sgomesdev profile image
Sara Gomes

vai vir simm, hahaha. Que bom que estĂĄ curtindo o conteĂșdo, Daniel :)

Collapse
 
jasonnblunch profile image
jasonnblunch • Edited

Se vocĂȘ estĂĄ buscando aprender CSS de uma forma divertida e interativa, os jogos que vocĂȘ mencionou sĂŁo uma excelente forma de praticar. No entanto, se o objetivo Ă© relaxar enquanto se diverte, tambĂ©m vale a pena explorar outras opçÔes, como os jogos oferecidos pelos cassinos online. O httрs://casinosnobrasil.com.br/cas... tem uma lista de sites que oferecem uma grande variedade de jogos, e quem sabe, vocĂȘ pode encontrar uma maneira de se divertir e ganhar enquanto aprende novas habilidades. Em resumo, alĂ©m de jogos educativos como os que vocĂȘ citou, hĂĄ sempre a oportunidade de explorar entretenimento e apostas online.

Collapse
 
leneelie profile image
paulinhoviana

Obrigado pelas dicas de jogos gratuitos para praticar CSS! Para quem gosta de explorar diferentes formas de entretenimento online, recomendo dar uma olhada no casinosnobrasil.com.br/casinos/din.... Embora seja um site de cassinos, ele oferece uma visĂŁo interessante sobre design e interatividade, que pode ser Ăștil para desenvolvedores web.