Ser un desarrollador web de primera línea hoy en día podría ser uno de los trabajos más geniales del universo. Es como ser un pintor durante el Renacimiento o un astronauta durante la Carrera Espacial. Como desarrolladores web de primera línea no sólo somos testigos, sino que participamos en las revoluciones diarias de la tecnología de la interfaz de usuario. El paisaje está cambiando radicalmente y los inventos y descubrimientos están ocurriendo a un ritmo cada vez mayor.
Debido a esto, casi no hay estabilidad, lo que significa que hay más oportunidades de las que hay para aprovecharlas. No es exactamente un mal problema, pero también significa que no podemos permitirnos dejar de aprender. Así que, para ayudarte a mantenerte al día, he reunido 10 recursos de aprendizaje esenciales para el desarrollo de la web.
1. MDN. Los marcos están de moda hoy en día, pero las tecnologías subyacentes de HTML, CSS y JavaScript son todavía críticas para aprender y conocer. Y aprenderlas de la manera correcta significa no sólo golpear cualquier viejo sitio web cuando necesitas buscar cómo funciona una cierta etiqueta HTML. La Red de desarrolladores de Mozilla es el mejor sitio que existe para esto. Tiene información sobre las tres tecnologías principales que todo desarrollador debe conocer. Incluso hay secciones geniales para cosas como ES6 – la próxima versión de JavaScript – y está todo curado por la comunidad, lo que ayuda a mantenerlo actualizado.
2. La consola del navegador y las herramientas de desarrollo. Esta en realidad se vincula con MDN para la herramienta número uno, principalmente debido a la frecuencia con que se utiliza la consola y otras herramientas de desarrollo. Apréndelo; conoce cada entrada y salida. Las herramientas para desarrolladores de Chrome son increíbles, pero Firefox está ideando algunas características realmente inteligentes para sus herramientas de desarrollo, e IE no se queda atrás, aunque insiste en hacer todo de manera diferente para sentirse como una bestia diferente, donde los otros dos se conocen como hermanos.
3. Herramientas de codificación en línea. Estas herramientas te permiten crear pequeños proyectos de prueba o aplicaciones de ejemplo usando sólo el navegador, por lo que no hay que preocuparse por la gestión de los archivos de tu disco. Y cuando quieras compartir un proyecto con otra persona, todo lo que tienes que hacer es dar una URL. Hay un par de razones por las que los desarrolladores de front-end necesitan tenerlas en su cinturón de herramientas. En primer lugar, experimentar es mucho más fácil con estas herramientas, y como guardan tu trabajo, puedes acceder a viejos experimentos en cualquier momento sin tener que preocuparte por mantener el trabajo inútil. En segundo lugar, estas herramientas son indispensables cuando se trata de resolver un problema. ¿Tiene algo que no funciona? Crea un ejemplo y deja que otras personas lo miren. Pueden hacer los arreglos y mostrarte lo que hiciste mal.
Hay cuatro competidores principales en este espacio y toneladas de otros menos populares, y cada uno de ellos hace el 90 por ciento de lo que hacen los demás, pero todos ofrecen características únicas que vale la pena comprobar. En la lista no hay un orden particular de JSFiddle, JSBin, CodePen y Plunker.
4. Desbordamiento de la pila. Sin duda, este es el mejor lugar para aprender cosas y resolver problemas. En combinación con una de las herramientas de codificación en línea antes mencionadas, puedes encontrar una solución para casi cualquier problema aquí.
5. Gente. Hay muchas personalidades en la industria haciendo un gran trabajo. Encontrar a gente que admiras que están haciendo un trabajo que te interesa y seguirlos es una marca de alguien interesado en aprender. Debido a que este espacio es tan caliente y se mueve tan rápido, hay un número casi ilimitado de personas a seguir. Addy Osmani y Paul Irish son ambos buenos puntos de partida. Estos tipos son muy activos en Twitter y Google+ y son casi como los medios de comunicación, hablando constantemente de los avances en el front end.
6. Podcasts. Lamentablemente, el espacio aquí es bastante escaso, pero no lo suficiente para escribirlo completamente. Sólo dos podcasts están produciendo contenido regular y han existido por un tiempo. Estos son JavaScript Jabber y el Shop Talk Show.
7. Boletines de noticias. Hay cuatro boletines informativos que son imprescindibles para los desarrolladores de primera línea. Estos incluyen JavaScript Weekly, CSS Weekly, HTML5 Weekly y Node Weekly. Puede levantar las cejas en Node Weekly, pero tenga en cuenta que no es sólo un servidor web. Hay tantas herramientas del lado del cliente para los desarrolladores del front end que te harías un flaco favor si lo ignoras.
8. Grupos de usuarios. Una de las mejores maneras de aprender tu oficio es asociarse con otros que sean igual de apasionados. Sus compañeros de trabajo pueden caer en este campo, pero los asistentes a los grupos de usuarios han demostrado su compromiso con el aprendizaje al dedicar su tiempo libre a mejorar.
9. Campamentos de entrenamiento. Los campamentos de entrenamiento son una forma de pasar de novato a experto en pocos meses. Cuestan varios miles de dólares o más y requieren asistencia a tiempo completo, pero no hay mejor manera de subir rápidamente. Hack Reactor en el área de la bahía es uno de los más conocidos, pero hay muchos otros. Aquí en Utah tenemos un campo de entrenamiento nocturno llamado Dev Mountain. Bloc.io también tiene un enfoque inteligente con su campo de entrenamiento en línea.
10. . Ninguna lista de recursos de aprendizaje para los desarrolladores de web de primera línea estaría completa sin mencionar… No hay mejor manera de gastar 29 dólares al mes si eres, o quieres ser, un desarrollador profesional. produce cientos de nuevos cursos cada año, abarcando todo tipo de temas.
Para más información sobre lo esencial de convertirse en un desarrollador web de primera línea, vea mi reciente curso Desarrollo web de primera línea: Empieza.
O para aprender más sobre cómo convertirse en un desarrollador web en general, revise nuestro extenso post sobre el tema.