aprender flexbox e css grid

Aprender flexbox e css grid com conteúdos somente teóricos pode dificultar para quem está no início. Por isso, pesquisei alguns jogos e orientações que passam esses conteúdos de forma prática. Encontrei conteúdos que misturam as definições dos fundamentos e jogos para praticar junto.

Nesse artigo vou expor o conteúdo do css-tricks.com e jogos que constroem conteúdo de flexbox e css grid.

flexbox

Esse site é fantástico para consultas durante a criação dos nossos códigos durante o desenvolvimento das nossas soluções. Um png sobre css flexbox muito legal foi criado por eles resumindo o que tem nesse link citado acima.

Esse link tem a ementa citada na imagem a seguir. O aprendizado terá um super poder nos comportamentos das aplicações quando pensamos em responsividade.

Para fazer a prática e perceber o entendimento do que está sendo estudado é usar o jogo flexboxfroggy.

Esse game expõe um conteúdo de definição da estratégia do flexbox e logo em seguida um desafio para completar o código. E percebemos o comportamento do código é facilitado nos sapinhos na tela ao lado.

Grid

Esse site é fantástico para consultas durante a criação dos nossos códigos durante o desenvolvimento das nossas soluções. Um png sobre css grid muito legal foi criado por eles resumindo o que tem nesse link citado acima.

Esse link tem a ementa citada na imagem a seguir. O aprendizado terá um super poder nos comportamentos das aplicações quando pensamos em responsividade.

Para fazer a prática e perceber o entendimento do que está sendo estudado é usar o jogo gridgarden.

Esse game expõe um conteúdo de definição da estratégia do grid e logo em seguida um desafio para completar o código. E percebemos o comportamento do código é facilitado no jardim na tela ao lado.

É bem legal os jogos e tem outros games bem legais para aprender outros fundamentos. Espero que tenha gostado e pratique agora. rsrs Deixe seu aplauso e até o próximo artigo.

--

--

Developer Frontend Web — Javascript | ReactJS https://linktr.ee/douglasabnovato

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store