Desafíos de front-end | Programar Plus

Mi forma favorita de subir de nivel como desarrollador front-end es hacer el trabajo. Literalmente, solo crea sitios web. Si puedes hacerlo por dinero, genial, deberías hacerlo. Si los sitios web que crea pueden ayudarlo a usted mismo oa cualquier otra persona que le interese, eso también es genial. En lugar de eso, también puedes hacer cosas simplemente por hacerlas, y aún así subirás de nivel. ¡Ciertamente es mejor que simplemente leer sobre cosas!

Aquí hay algunos recursos que te animan a subir de nivel construyendo cosas por el simple hecho de subir de nivel, si estás a la altura.

Mentor de frontend

Parece que se lanzó recientemente y es lo que inspiró esta publicación. ¡Esta idea de dar a las personas trabajo de front-end 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 contrataciones, por lo que tienen una agenda muy sólida, pero parte de la forma en que lo hacen es someterlo a estas pruebas de habilidades (resolución de desafíos) que están destinadas a evaluarlo, pero ciertamente puede aprender de ellos también.

A otros les gusta esto: Codewars, ChallengeRocket, Codesignal, Topcoder (Jeepers, los VC deben amar esta idea).

Coderbyte

Coderbyte también tiene planes pagados, y están diseñados para nivelar sus habilidades para entrevistas de trabajo con desafíos.

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

Construye tiros de Dribbble

Aquí está el movimiento clásico: encuentra algo que te guste en Dribbble, reconstrúyelo. Los @keyframers lo hacen a menudo. El sitio de práctica de Tim Evko solía elegir una toma por ti (junto con problemas aleatorios de GitHub y desafíos de codificación aleatorios), pero la parte Dribbble parece estar 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 de front-end

Andy Bell hizo un Club de Desafíos de Front-End durante un tiempo, y aunque creo que está en pausa, puedes ver los archivos.

Desafíos de CodePen

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

Desafío 100 días de CSS

Matthias Martin creó 100 días de desafíos CSS. Todos están ahí para que los vea, incluidas las entradas de otras personas, pero el objetivo es que usted mismo lo intente, por supuesto.

UI diaria

Los desafíos diarios de la IU te brindan un nuevo desafío todos los días que comienza cuando te registras (y es gratis). Mucha gente completa el desafío con código.

Frontloops

Frontloops cobra $ 19 por 30 desafíos, que incluyen información, consejos, activos y una solución.

CSSBattle

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 las cosas de la manera más breve posible a menudo se llama “Code Golf” y también hay un sitio de desafío para eso.

Ace Front End

Ace Front End tiene desafíos que se centran específicamente en HTML vanilla, 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 cuán grande es el problema y no quiero meterme con 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.

Codier

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, y tratar de recrearlo usando solo CSS. “Una excelente manera de traspasar los límites con un idioma es hacer algo que el idioma no estaba destinado a hacer en primer lugar”, dice.