Desafíos iniciales

Mi forma favorita de subir de nivel como desarrollador front-end es hacer el trabajo. Literalmente, simplemente cree sitios web. Si puedes hacerlo por dinero, genial, deberías hacerlo. Si los sitios web que creas pueden ayudarte a ti mismo oa cualquier otra persona que te interese, entonces también es fantástico. En lugar de eso, también puedes hacer cosas simplemente por hacerlas, y aún así subirás de nivel. ¡Sin duda es mejor que simplemente leer sobre cosas!

Aquí hay algunos recursos que lo alientan a subir de nivel construyendo cosas por el simple hecho de subir de nivel, si está preparado para hacerlo.

Mentor de front-end

Parece que se lanzó recientemente y es lo que inspiró esta publicación. ¡Esta idea de darle a la gente trabajo inicial para hacer es suficiente para construir un negocio! Algunos de ellos son gratuitos y otros no.

HackerRank

Otras empresas también se han centrado en esto. HackerRank se trata de conseguir trabajos y contratar, por lo que tienen una agenda muy sólida, pero parte de la forma en que lo hacen es someterte a estas pruebas de habilidades (resolver desafíos) que están destinadas a evaluarte, pero ciertamente puedes aprender. de ellos también.

A otros les gusta este: Codewars, ChallengeRocket, Codesignal, Topcoder (a Jeepers y VC les debe encantar esta idea).

codificador

Coderbyte también tiene planes de pagos y están diseñados para mejorar tus habilidades para entrevistas de trabajo con desafíos.

Situación clásica: a veces el sitio es el producto y usted es el cliente, ya veces las empresas de contratación son el cliente y usted es el producto.

Construye tiros de regate

Este es el movimiento clásico: encuentra algo que te gusta en Dribbble y reconstrúyelo. Los @keyframers lo hacen a menudo. El sitio de práctica de Tim Evko solía elegir una oportunidad para usted (junto con problemas aleatorios de GitHub y desafíos de codificación aleatoria), pero la parte de Dribbble parece rota en este momento. ¡Las otras cosas todavía funcionan!

Matt Delac solía hacer una serie en este sentido. Indrek Lasn también lo hace en publicaciones medianas.

Club de desafíos front-end

Andy Bell participó en un club de desafíos front-end durante un tiempo y, aunque creo que está en receso, puedes ver los archivos.

Desafíos de CodePen

Los desafíos de CodePen que se ejecutan todas las semanas son un mensaje (junto con ideas y recursos) para crear lo que quieras. Clave baja.

100 días de desafío CSS

Matías Martín creó 100 días de desafíos CSS. Todos están ahí para que los veas, incluidas las entradas de otras personas, pero el punto es que tú mismo lo pruebas, por supuesto.

UI diaria

Los desafíos diarios de la interfaz de usuario te ofrecen un nuevo desafío cada día que comienza cuando te registras (y es gratis). Mucha gente completa el desafío con código.

Bucles frontales

Frontloops cobra 19 dólares por 30 desafíos, que incluyen información, asesoramiento, activos y una solución.

CSSBatalla

Si su idea de un desafío divertido es imitar un diseño en la menor cantidad de bytes de código posible, CSSBattle le resultará atractivo.

Escribir cosas de la manera más concisa posible a menudo se denomina "Code Golf" y también hay un sitio de desafíos para eso.

As frontal

Ace Front End tiene desafíos que se centran específicamente en HTML básico, CSS y JavaScript.

Me di cuenta de que el primer desafío es un menú de navegación desplegable y no maneja cosas como aria-expanded. No estoy del todo seguro de qué tan grande es el problema y no es mi intención molestar a Ace Front End; es solo un recordatorio de que podría haber problemas con cualquiera de estos desafíos. Pero eso no significa que no puedas aprender algo de ellos.

codificador

Codier tiene desafíos públicos que incluyen soluciones publicadas por otros usuarios.

encuentro con cassidoo

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

Rina Diane Caballar citando a Tim Carry en Extendiendo los límites de CSS:

El consejo de Carry es comenzar con un objeto del mundo real (la interfaz de una consola de juegos o una calculadora, por ejemplo) e intentar recrearlo usando solo CSS. “Una excelente manera de traspasar los límites con un lenguaje es hacer algo que el lenguaje no estaba destinado a funcionar en primer lugar”, dice.