Wtricks • Tutoriais e Dicas do Mundo Digital

Os jogos mais divertidos para aprender Flexbox e CSS Grid

Por Carlos Sabo Cantanzaro • 25/06 - 23:13 pm | Em CSS

Aprenda CSS Grid e Flexbox de uma forma divertida com jogos desafiadores, que vão te fazer querer ir cada vez mais longe no seu aprendizado

O Flexbox e o CSS Grid são duas tecnologias do CSS que possibilitam criar layouts e alinhar conteúdos na tela de forma bem mais simples que os meios tradicionais parar criar um sistema de grids com CSS.    

Porém, apesar de facilitar a vida, essas duas tecnologias podem ser um pouco complicadas de se aprender e se você é do tipo de pessoa que fica entediada facilmente quando tá estudando ou que gosta de fugir dos meios tradicionais estudo, os jogos que vou mostrar nesse post vão fazer o seu dia um pouco mais feliz.

Todos os possuem praticamente o mesmo conceito e jogabilidade. Cada um deles tem vários níveis de dificuldade e para você passar os níveis, você precisa usar todo seu conhecimento em CSS Grid e Flexbox e resolver problemas cada vez mais desafiadores.

O legal desse tipo de desafio é que mesmo que você não tenha muito conhecimento o fato de ser desafiado a resolver um problema vai fazer com que automaticamente você queira ir mais longe e estude cada vez mais para passar de nível o que reflete diretamente no seu aprendizado!

Então espero que goste dos jogos! E bons estudos/diversão. 

1) Flexbox Froggy

Aprender Flexbox com Flexbox Froggy

Nesse game você vai precisar demostrar todo seu conhecimento em flexbox para fazer com que o sapinho chegue até as folhas. O jogo é muito desafiante e apesar de parecer muito fácil no inicio, não se engane, existem mais de 20 níveis de dificuldade para desafiar sua mente e suas habilidades. Ficou curioso? Clique aqui para acessar o jogo.

2) Grid Garden

Aprender CSS Grid com Grid Gardem

O Grid Garden tem a mesma proposta do Flexbox Froggy, inclusive, a pelo fato de ter sido feito pelos mesmo desenvolvedores a identidade visual de ambos é muito parecida, então se prepare para um jogo altamente desafiador! Clique para jogar

3) Flexbox Defense 

Aprenda flexbox jogando Flexbox defense

Dos três jogos esse foi o que eu mais gastei tempo jogando! A ideia é bem simples, você precisa usar todo seu conhecimento em Flexbox para alinhar os canhões e fazer sua defesa! Apesar de divertido, as animações do jogo são um pouco lentas, isso é meio chato, mas se deixar isso de lado, você vai ter momentos de muito divertimento e aprendizado! Clique para conhecer o jogo

O que achou dos jogos? Tem algum que você gosta que ficou de fora da lista? Deixe nos comentários!

PARTICIPE DA DISCUSSÃO