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

6 sites para você treinar CSS, HTML e JavaScript 💻

Opa, muitos programadores iniciantes sofrem com a falta de exercícios, atualmente a maior parte dos projetos se resumem em clones de redes sociais ou sites famosos (o que não é ruim de fazer, você treina do mesmo jeito). Mas hoje, marcando a minha volta aqui no site, eu vou mostrar aqui alguns sites com exercícios e problemas da vida real pra você treinar.

Então vamos lá!


Frontend Mentor

Resolva desafios de HTML, CSS e JS do mundo real enquanto trabalha com designers profissionais. Junte-se a mais de 364 mil desenvolvedores desenvolvendo projetos, revisando códigos e ajudando uns aos outros a melhorar. (esse site realmente é muito bom)

(acesse aqui)

Coderbyte

Melhore as suas habilidades de codificação. O site número 1 do setor para preparação de entrevistas técnicas, desafios de codificação e vídeos de especialistas.

(acesse aqui)

FreeCodeCamp

Aprenda a programar de graça. Construir projetos. Ganhe certificações.

(acesse aqui)

Codewell

Melhore as suas habilidades em HTML e CSS praticando em modelos de design reais. Com o Codewell você pode navegar por modelos do Figma de alta qualidade que podem ser usados para aprimorar suas habilidades.

(acesse aqui)

Javascript30

Construa 30 coisas, em 30 dias e com 30 tutoriais. Sem frameworks x Sem compiladores x Sem bibliotecas x Sem caldeira

(acesse aqui)

CSS Battle

CSSBattle é um "jogo" online CSS Code. Aqui, jogadores de todo o mundo tentam replicar visualmente objetivos no menor código CSS possível e batalham para chegar ao topo da tabela de classificação.

(acesse aqui)



Esse post foi 90% baseado em uma publicação do @gustavobarreto.dev (no instagram). Recomendo dar uma olhada lá, o cara é fera demais. Só fiz algumas mudanças nas descrições dos sites.


Bom, como sempre, espero que você tenha gostado e que esse post te ajude de alguma forma. Se tiver sugestões de outros sites (ou outras formas de treinar) vocês podem deixar aqui em baixo, o espaço é livre.

Até o próximo post!

Carregando publicação patrocinada...
4

Fala, @GabrielSozinho!
Primeiro fazendo minha adição a esse post, também tem um site chamado devChallenges.io, lá tem vários projetos do iniciante até avançado para desenvolvedores frontend e fullstack!

Segundo, eu não conhecia esse Codebyte mas pesquisando aqui parece que não é Codebyte e sim Coderbyte (vê se você escreveu certinho o link do site ou se é outro, não sei 🤷🏻‍♂️).

Terceiro, eu como iniciante vou fazer muito bem uso desse artigo, obrigado visse!

2
1

Show, obrigada pelas dicas! São sites incríveis, será uma maravilha quando existir sites desse nível aqui no Brasil feito de brasileiros para brasileiros.
Esse final de semana precisei aprender CSS fui em dois sites que ensinam ese conteúdo em forma de jogo e...pimba! Algo que tenho tentado aprender há anos, num final de semana consegui pegar de forma fácil/leve e me divertindo.