Lista de sites gratuitos para PRATICAR Código · pedroAlmeida

Fala galera, ao longo do meu tempo de estudo fui acumulando uma lista de sites úteis pros meus estudos... e espero que seja útil para vocês também! (observação: o conteúdo é QUASE todo em inglês)

Com IDE própria

Multi linguagem

Code Signal: É o meu predileto. O legal dele é que tem mais de uma "caminho" pra seguir na plataforma, então se ficar preso em um pode seguir por outro caminho com mesmo nível de dificuldade.
Hacker Rank: É o que mais vejo sendo usando em processos seletivos.
Coding Game: Tem uma parte gráfica bem mais legal de usar (mas eu pessoalmente achei confuso - mas pode ser porque não sou bom em jogos rs).
Coder Byte: Uma extensa lista de desafios com separação por tema, dificuldade, até empresa que tem desafios similares no processo seletivo
Code Wars: Tem uma enfase em competição e colaboração com outros devs
Codiliy: Os desafios tem tempo para solucionar, podendo dar um ambiente mais parecido com um teste técnico.

JavaScript

JS Challenger: Desafios que começam bem do básico e avança com calma (os outros dois de cima são mais hard core digamos assim). Apenas JavaScript e com uma IDE própria para os desafios

CSS

Flexbox

Flexbox Defense: Simula um jogo tipo "Tower Defense", posicionando as torres no mapa com CSS Flexbox
Flexbox Froggy: Com versão em português
Flexbox Adventure: Esse tem níveis de dificuldade para selecionar
Flexbox Zombies: Esse tem como diferencial não ser meros desafios, e sim toda uma vibe de jogo DE VERDADE - eles também tem o jogo gartuito Service Workies, mas é uma parada bem específica de JavaScript (para fazer PWA)
Knights Oft Te Flexbox Table: Mais um de Flexbox, porém esse ao invés de CSS puro é jogado com classes do Tailwind

Grid

Grid Garden: Do mesmo criador do Flexbox Froggy, mas para Grid
CSS Grid Attack: Do mesmo criador de Flexbox Adventure, mas pra Grid (e também tem os níveis de dificuldade)

Seletores

CSS Dinner: Digite o seletor correto
CSS Speedrun: Digite o seletor correto (com tempo)
Guess CSS: Selecione das opções de multipla escolha os seletores corretos

Outros

CSS Challenges: Mostra uma tela tem o espaço para escrever o CSS e replicar
CSS Batle: Similar ao de Chalenges, mas com o objetivo de competir outros dev

Git

Learn Git Branching: Como o nome fiz, o objetivo é dominar a parte de Branching (mas EU pessoalmente achei q os desafios "foram de zero a 100 muito rápido", mas alguém com mais conhecimento de Git pode curtir)

SQL

SQL Bolt: Não é propriamente um site de desafios e mais um tutorial interativo, mas se não tem melhor vamos desse mesmo (não é LÚDICO mas ensina super bem)

Sem IDE

Multi liguagem

Project Euler: Desafios mais puxados pra matemática, mas para resolução via programação.

JavaScript

JavaScript Questions: Repositório github com perguntas e respostas de JavaScript, para um estudo mais teórico. Além de ter versão em português!

CSS

100 days CSS: Sugestão com 100 desafios CSS para fazer em 100 dias, sugere usar o CodePen para realizar os desafios

Conclusão

Bom é isso! Quem quiser pode contribuir com esse meu repositório nesse link e eu atualizo esse artigo se necessário (e essa lista é uma pequena parte desse meu repo, pretendo criar outras publicações com o conteúdo de lá)