Gabriel García Seco
Personal

Qué puede aprender un programador web en 2017


Para el nuevo año, necesitamos aumentar nuestro toolbox para no quedarnos estancados, para mí esto es lo que necesitará un desarrollador web de 2017 Empezamos por la categoría de CSS

  • Aprender Flexbox, si es que no lo has aprendido ya, flexbox proporciona al desarrollador la habilidad de predecir cómo se van a comportar los elementos de la web de una manera flexible tanto para móvil como para escritorio. Caniuse support

  • Aprender CSS Grid Layout. CSS Grid Layout probablemente revolucionará la forma en la que los desarrolladores maquetan hoy en día. CSS Grid Layout nos permitirá crear grids de una forma sencilla y minimalista. Aunque el soporte está pendiente de ser implementado en navegadores, probablemente en Marzo, lo tendremos implantado en Chrome, Mozilla... Recomiendo ver la charla de Luis Calvo del Codemotion de 2016 para conocer más.

En la categoría de JS tenemos varias cosas que aprender:

  • Aprender ES6: La destructuración de los elementos de un objeto javascript nos ahorra líneas de código, arrow functions aprender cómo se comportan, spread operator te acuerdas Array.prototype.slice.call(arguments)... Os dejo un pequeño ejemplo en codepen con un ejemplo de ES6

  • Usar vanilla javascript usando Babel, un bundler como Webpack y ES6 en tu nuevo pet project y no usar JQuery. Las API del DOM como querySelector y querySelectorAll es todo lo que necesitas

  • Usar las funciones map, filter y reduce nativas de javascript o la razón por la que tardarás en volver a usar un bucle for.

  • Aprender React, Angular o Vue, porque son los nuevos frameworks/ librerías que van a predominar en la construcción de SPA'S los próximos años.

  • Aprender Redux, aunque nunca lo necesites, Dan Abramov construyó una librería para manejar el estado global de las aplicaciones SPA'S, además de introducir elementos viejos que parecen nuevos como las funciones puras de la programación funcional, además de proporcionar al desarrollador **Time Travel Debugging, ** está última característica es 🔥🔥🔥🔥🔥🔥

  • Usar un superset de tipos como Typescript cuyo uso es casi obligatorio usando Angular o Flow, que permite al desarrollador tener una mayor seguridad al escribir el código JS previniendo futuros errores.