Executando verificação de segurança...
3

[Dica] Treinar CSS

Nada melhor que treinar nossas habilidades e nos divertirmos ao mesmo tempo.

Existem alguns sites que nos permitem treinar as nossas habilidades em CSS, então vou dividir em duas categorias.

Porém só um detalhe, todos esses joguinhos vão estar em inglês

CSS Básico

  • CSS Diner
    Conta com 32 níveis onde para avançar é preciso criar o seletor para os objetos destacados na tela. Ótimo para treinar o uso de seletores

  • Grid Garden
    Com 28 níveis é um jogo bom para aprender Grid do CSS.

  • CSS Battle
    Um pouco mais complexo que os anteriores, porém aqui você vai poder reproduzir imagens.
    Mas lembre-se de usar o menor número de linhas de código possível.

Flexbox

  • Flexbox Froggy
    Funciona de forma similar ao CSS Grid Garden mas aqui você deve usar os conceitos de Flexbox para avançar.

  • Flexbox Defense
    Baseado no Tower Defense.
    Mas aqui para posicionar suas torres é preciso usar os conceitos do Flexbox.

Conclusão

Já conhecia algum dos jogos apresentados? Ou conhece um que não está na lista?

Claramente os jogos não vão te dar um conhecimento completo de CSS, mas são um ótimo treino.

Carregando publicação patrocinada...
1
1
1
1