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

Como praticar CSS?

Olá, pessoas! Tudo bem?
Recentemente comecei um plano de estudos para dev fullstack e estou aprendendo CSS, e estou com dificuldades no que fazer para praticar. O que vocês recomendam? Pensei em pegar um template e tentar replicá-lo com o meu conhecimento até o momento.
Até aqui, eu vi:

  • 1 - Sintaxe básica.
  • 2 - Seletores básicos e avançados:
    • 2.1 - Sel. Simples
    • 2.2 -Combinadores
    • 2.3 - Pseudoclasses
    • 2.4 - Pseudoelementos
  • 3 - Box Model:
    • 3.1 - Margin
    • 3.2 - Border
    • 3. 3 - Padding
    • 3.4 - Content
    • 3.5 - Height e Width
    • 3.6 - Box-sizing
  • 4 - Cores e Imagens
  • 5 - Tipografia
  • 6 - Display e Visibilidade:
    • 6.1 - Display:
      • Block
      • Inline
      • Inline-block
      • None
    • 6.2 - Visibility
    • 6.3 - Overflow
    • 6.4 - Z-index
  • 7 - Posicionamento:
    • 7.1 - Position:
      • Static
      • Relative
      • Absolute
      • Fixed
      • Sticky
    • 7.2 - Float
    • 7.3 - Clear
Carregando publicação patrocinada...
2
1

Uma forma ótima de estudar CSS é criando mini projetos, ou tentando replicar o design de sites já existentes, para ver como você se sai com o que sabe

Um site legal é o Frontendmentor https://www.frontendmentor.io/ ele te dá alguns designs de frontend e pede pra você implementar

Eu cheguei a fazer alguns quando estava começando com front

1
1

Pra mim o melhor jeito de praticar e aprender CSS é criando, copiar algo que vc viu e achou legal tb é bom mas nem se compara com vc criar algo do zero e conseguir deixar do jeito que vc tinha imaginado.

1

Minha experiência aprendendo programação é a seguinte;

  • Praticar com o que sei em pequenos projetos, mas sempre ao meu lado uma Api / Documentação.
  • Concluir mais projetos do que começar.
  • Ter um github, ajuda na organização e lançamento de projetos / atualizações
  • Entrar em projetos em conjunto com outros colaboradores e programar o que mais e onde mais me senti confortavel
  • Pedir desafios para o ChatGpt.

Uma nota: Criar sites simples para treinar passo a passo uma coisa por vez, não tentar criar um do zero até 100%, isso é frustante quando não sabe muito no assunto ou deseja aperfeiçoar aos poucos cada area que está atuando