A melhor maneira de melhorar as habilidades de desenvolvimento do front-end? Isso é prática! Construir um site prático é a maneira mais eficaz de aprender. Seria melhor se você pudesse ser pago por isso; Mesmo construir um site para você ou sua família e amigos pode melhorar significativamente suas habilidades. Mesmo a criação de projetos apenas para a prática pode permitir que você cresça rapidamente, o que é definitivamente muito mais eficaz do que simplesmente ler materiais!

Aqui estão alguns recursos que o incentivam a melhorar suas habilidades construindo projetos:

Mentor do frontend

Esta plataforma foi lançada apenas recentemente e também é a inspiração para a redação deste artigo. O fornecimento de projetos de front-end para desenvolvedores é um modelo de negócios de sucesso em si! Alguns projetos são gratuitos, alguns projetos são cobrados.

hackerrank

Muitas empresas também constroem seus negócios em torno de um modelo semelhante. O Hackerrank se concentra principalmente na caça de empregos e tem objetivos claros, mas os testes de habilidades (desafios) que ele oferece não apenas avaliam suas habilidades, mas também um recurso valioso de aprendizado.

plataformas semelhantes incluem: CodeWars, Challengerocket, Codesignal, TopCoder (os VCs devem gostar muito desse modelo).

coderbyte

O CoderByte também oferece planos pagos projetados para melhorar suas habilidades de entrevista por meio de perguntas sobre desafios.

cenário típico: às vezes o site é um produto e você é um cliente; Às vezes, a empresa de recrutamento é um cliente e você é um produto.

tente reproduzir o trabalho de Dribbble

Método clássico: encontre sua peça favorita no Dribbble e tente reproduzi -lo. @keyframers fazem isso com frequência. O site de prática de Tim Evko usado para selecionar aleatoriamente o Dribbble Works (bem como problemas do GitHub e desafios de codificação) para você, mas a seção Dribbble parece estar fora de serviço no momento e outros recursos ainda estão disponíveis!

Matt Delac fez exercícios semelhantes no passado. Indrek Lasn também compartilhou artigos semelhantes no meio.

Clube dos desafios do final do final

Andy Bell executou o clube de desafios do front-end e, embora esteja atualmente em espera, você ainda pode visualizar seus arquivos.

CodePen Desafios

O Codepen lança desafios toda semana, oferecendo temas (bem como idéias e recursos) que você pode jogar livremente. Um desafio relaxante e agradável.

100 dias de desafio CSS

Matthias Martin criou um desafio CSS de 100 dias. Todos os desafios e entradas são visíveis publicamente - é claro, o objetivo é tentar completar o desafio.

diariamente UI

DIÁRIO A UI Challenge oferece um novo desafio todos os dias (gratuito). Muitas pessoas usam código para concluir esses desafios.

Frontloops

Frontloops oferece 30 desafios com informações, sugestões, materiais e soluções por US $ 19.

cssbattle

Se você gosta de imitar projetos com o mínimo de código possível, o CSSBattle será perfeito para você.

escrevendo programas com o código mais conciso possível é frequentemente chamado de "Code Golf" e também existem sites de desafio especializados.

Ace Front End

Ace Front -end oferece desafios focados em HTML, CSS e JavaScript nativos.

notei que o primeiro desafio era desligar o menu de navegação, mas não lidou com a propriedade Expandida de Aria. Não sei ao certo o quão problemático isso é, nem é uma crítica ao front end - é apenas um lembrete de que qualquer desafio pode ser problemático. Mas isso não significa que você não pode aprender com isso.

codier

Codier fornece desafios abertos, incluindo soluções publicadas por outros usuários.

rendezvous com Cassidoo

O boletim semanal da Cassidy contém um desafio em cada edição.

rina Diane Caballar cita Tim Carry nos limites estendidos do CSS:

Carry recomenda começar com objetos do mundo real-como a interface de um console de jogo ou uma calculadora-e tentando reproduzi-lo usando apenas CSS. "Uma boa maneira de ultrapassar os limites em um idioma é criar algo que esse idioma não deveria ter feito", disse ele.