¿La mejor manera de mejorar las habilidades de desarrollo front-end? ¡Eso es práctica! Construir un sitio web es la forma más efectiva de aprender. Sería mejor si te puedan pagar; Incluso construir un sitio web para usted o su familia y amigos puede mejorar significativamente sus habilidades. ¡Incluso crear proyectos solo para la práctica puede permitirle crecer rápidamente, lo que definitivamente es mucho más efectivo que simplemente leer materiales!

Aquí hay algunos recursos que lo alientan a mejorar sus habilidades creando proyectos:

frontend mentor

Esta plataforma solo se ha lanzado recientemente y también es la inspiración para la escritura de este artículo. ¡Proporcionar proyectos front-end para desarrolladores es un modelo de negocio exitoso en sí mismo! Algunos proyectos son gratuitos, se cobran algunos proyectos.

Hackerrank

Muchas empresas también construyen sus negocios en torno a un modelo similar. Hackerrank se centra principalmente en la caza de empleo y tiene objetivos claros, pero las pruebas de habilidades (desafíos) que proporciona no solo puede evaluar sus habilidades, sino también un recurso de aprendizaje valioso.

Las plataformas similares incluyen: Codewars, Challengerocket, Codesignal, TopCoder (VCS debe gustarle mucho este modelo).

CoderByte

CoderByte también ofrece planes pagados diseñados para mejorar las habilidades de su entrevista a través de preguntas de desafío.

Escenario típico: a veces el sitio web es un producto, y usted es un cliente; A veces, la empresa de reclutamiento es un cliente y usted es un producto.

intente reproducir el trabajo de Dribbble

Método clásico: encuentre su pieza favorita en Dribbble e intente reproducirla. @Keyframers hace esto a menudo. El sitio de práctica de Tim Evko solía seleccionar al azar trabajos de dribbble (así como problemas de GitHub y desafíos de codificación) para usted, pero la sección Dribbble parece estar fuera de servicio en este momento, ¡y otras características aún están disponibles!

Matt Delac ha realizado ejercicios similares en el pasado. Indrek LASN también ha compartido artículos similares sobre medio.

front-end desafías club

Andy Bell ha ejecutado el club de desafíos front-end, y aunque actualmente está en espera, aún puede ver sus archivos.

CodePen desafíos

CodePen lanza desafíos cada semana, ofreciendo temas (así como ideas y recursos) que puede jugar libremente. Un desafío relajante y agradable.

100 días de CSS Challenge

Matthias Martin creó un desafío CSS de 100 días. Todos los desafíos y entradas son públicamente visibles; por supuesto, el punto es tratar de completar el desafío usted mismo.

diario ui

Daily UI Challenge proporciona un nuevo desafío todos los días (gratis). Muchas personas usan código para completar estos desafíos.

frontLoops

Frontloops ofrece 30 desafíos con información, sugerencias, material y soluciones por $ 19.

cssbattle

Si desea imitar diseños con el mayor código posible, entonces CSSBATTle será perfecto para usted.

Escribir programas con un código lo más conciso posible a menudo se llama "Code Golf" y también hay sitios web de desafío especializados.

Ace front end

Ace Front End ofrece desafíos centrados en HTML, CSS y JavaScript nativos.

Noté que el primer desafío era abandonar el menú de navegación, pero no manejó la propiedad expandida de ARIA. No estoy seguro de cuán problemático es esto, ni es una crítica al Ace Front End, es solo un recordatorio de que cualquier desafío puede ser problemático. Pero eso no significa que no puedas aprender de eso.

Codier

Codier ofrece desafíos abiertos, incluidas soluciones publicadas por otros usuarios.

Rendezvous con cassidoo

El boletín semanal de Cassidy contiene un desafío en cada número.

Rina Diane Caballar cita a Tim Carry en límites de CSS extendidos:

Carry recomienda comenzar con objetos del mundo real, como la interfaz de una consola de juegos o una calculadora, y tratando de reproducirlo solo usando CSS. "Una buena manera de empujar los límites en un idioma es crear algo que este idioma no debería haber hecho", dijo.