Aug 7, 2022
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.
