There is no doubt that 2017 has been a very interesting year regarding technology. The emergence of Blockchain, the consolidated Bitcoin or the increasingly connected devices in the amazing world of the IoT. High interesting markets that share something important, but no,  we are not talking about all the IT covers they occupy, we’re talking about the added value that webs and native applications that are exploiting its emerging potential.

In order to leave some space for these technologies, the web as we knew it had to reinvent itself continuously. Every minute, a new javascript framework emerge (while you are reading this, it has already emerged at least 3 new frameworks), making the life of the Web developer an eternal loop of studies and certifications.

 

ROADMAP 2017

Let’s get a summary pill for everything that 2017 meant for the web world:

 

-Click on the photo to enlarge-

 

  1. The year of the UI component and the UI component tree to build complex UIs.
  2. It is no longer a blasphemy of conventional development: the components are built from a unic file, potentially contain HTML, CSS and JS, IN A FILE!
  3. React, Redux, Webpack, ECMAScript 2016 (also known as ES7) and Babel obtain a mass adoption. These solutions rise to the top of all surveys as the most used technology.
  4. The developers realized that, in most cases, hybrid mobile development HTML 5 through web views does not provide enough profits compared to creating native applications.
  5. React Native and NativeScript begins to replace the development of the mobile HTML5 hybrid web view.
  6. Many leave Gulp for the NPM scripts, but Gulp is still popular.
  7. Yarn gives ample battle to NPM, currently working wonderfully together.
  8. SASS remains a popular tool, while PostCSS (+ CSSNext) gains ground.
  9. Linting / Hinting HTML, CSS and JavaScript is something that most developers do (ESlint replaces JShint and JSCS merges in ESLint).
  10. A trend of developers leaving Sublime and Atom for Visual Studio Code begins.
  11. Vue.js continues to gain followers. And it’s worth it!
  12. JavaScript’s programming and functional patterns, get a lot of attention.
  13. The development without connection and the progressive web applications are generalized and gain ground.
  14. Developing native applications for Windows, OSX and Linux using things like NW.js and Electron through web technologies becomes much more powerful. Goodbye to applications with a boring look.
  15. Angular 5 (in the future also known as “Angular”) gets out of the well and most realize that it will never be as popular as Angular 1.
  16. JavaScript remains widely at the center of software technologies.
  17. More developers are starting to worry about tools (for example, automation) and testing.
  18. Unit tests, code coverage, and continuous integration become a Must Have.
  19. GraphQL becomes popular for the Front developer when it implementing Backend, even on REST services.
  20. The excitement of CSS Grid grows and the future looks bright.
  21. The next evolution of solutions similar to React is shown through Preact, Deku, Rax and inferno showing evolution without much change of API.
  22. Most people learn to accept JSX, and now they can not imagine not using it.
  23. It is updated and uses a viable CSS module pattern (CSS encapsulation), so CSS and JS become a viable solution for many.
  24. More and more people are turning to user interface integration / functionality tests, including concepts such as visual regression testing of CSS and RWD.
  25. The days of struggle against the inconsistent APIs of browsers are almost behind us due to a massive decline in the use and development of previous versions of IE.

¿What we will see in 2018?

2018 will be full of innovations and changes. Many emerging technologies are beginning to consolidate while old myths become obsolete, new paradigms rise.

The year of progressive apps

The world started hearing about the term in 2015 but it was not until last year that the progressive Webapps began to matter. This 2018 promises to be the greatest nemesis of native applications.

Progressive Web Applications (a.k.a PWAs) are very similar webs to native applications thanks to “service workers”, which allow working offline, delivering an extraordinary user experience.

Users can even make a “quick access” on their home screen to use it frequently as if it were an app.

The launch of AI (artificial intelligence) on the webs

If last year the trend was that little floating button to start a chatbot appeared in the most of the websites, drowning even the contact forms, 2018 has everything to be the year of the massive implementation of artificial intelligence on websites to make even more “human” “The user experience.

The flat will die and Serif will return

The flat design has taken over the user interfaces both on the Web and in mobile apps. It is time to break the mold a little and to evolve towards new designs, which does not mean that they will disappear, but that they will be more customizable.

Material design will gain more public this year and one of the things that will return will be the Serif sources, massacred by the Sans-serif for a couple of years.

The “brutalism”, the grids with uneven content, bright colors and liquid forms (Spotify) will be the new heavyweights in the industry.

 Vue.js and React well above Angular

Although Angular managed to take that big step by taking the SEMVER versions with Typescript over the past few years, it is true that Angular is not as popular as its angularjs predecessor was at the time. Day by day, more and more developers are using React and testing the virtues of a Vue.js that becomes more popular every day.

Even in the mobile world, although Ionic joined the jump from Angular to Typescript, improving exponentially, it can not compete against React Native.

 

 

Our Slashboy Álvaro Saburido, the Innovation Manager, is the author of this post.

 

 

 

2017 no cabe duda de que ha sido un año muy interesante tecnológicamente hablando. El surgimiento de Blockchain, el consolidado Bitcoin, los cada vez más dispositivos conectados en el asombroso mundo del IoT. Mercados de alto interés que comparten algo significativo, y no, no estoy hablando de todas las portadas de IT que ocupan, sino de su búsqueda de valor agregado acompañando la lógica de negocio con aplicaciones webs y nativas, explotando así su potencial emergente.

Para dar paso a estas tecnologías, la web como la conocíamos ha tenido que reinventarse continuamente. A cada minuto nace un nuevo framework de javascript (mientras lees esto ya han nacido al menos 3 frameworks nuevos), haciendo que la vida del desarrollador Web sea un eterno loop de estudios y certificaciones.

Roadmap 2017

Vamos a empaparnos con una resumida píldora de todo lo que significó el 2017 para el mundo web:

-Haz clic en la foto para ampliar-

  1. El año del componente UI y el árbol de componentes UI para construir UI complejas.
  2. Ya no es una blasfemia de desarrollo convencional: los componentes se construyen a partir de un único archivo, potencialmente contienen HTML, CSS y JS, ¡EN UN ARCHIVO!
  3. React , Redux , Webpack , ECMAScript 2016 (también conocido como ES7) y Babel obtienen una adopción masiva. Estas soluciones se elevan a la parte superior de todas las encuestas como la tecnología más utilizada.
  4. Los desarrolladores se dieron cuenta de que, en la mayoría de los casos, el desarrollo móvil híbrido HTML 5 a través de las vistas web no proporciona suficientes ganancias comparado con crear aplicaciones nativas.
  5. React Native y NativeScript comienzan a reemplazar el desarrollo de la vista web híbrida HTML5 móvil.
  6. Muchos abandonan Gulp para los scripts de NPM, pero Gulp sigue siendo popular.
  7. Yarn le da batalla amplia a npm, actualmente trabajan de maravilla juntos.
  8. SASS sigue siendo una herramienta popular, mientras que PostCSS (+ CSSNext) gana terreno .
  9. Linting / Hinting HTML , CSS y JavaScript es algo que la mayoría de los desarrolladores hacen (ESlint reemplaza las fusiones de JShint y JSCS en ESLint).
  10. Comienza una tendencia de desarrolladores que abandonan Sublime y Atom para Visual Studio Code.
  11. Vue.js continúa ganando seguidores. ¡ Y Merece la pena!
  12. Programación y patrones funcionales JavaScript obtener una gran cantidad de atención.
  13. El desarrollo sin conexión y las aplicaciones web progresivas se generalizan y cogen terreno.
  14. Desarrollar aplicaciones nativas para Windows, OSX y Linux usando cosas como NW.js y Electron a través de las tecnologías web se convierte en algo mucho más potente. Adiós a aplicaciones con look aburrido.
  15. Angular 5 (en el futuro también conocido como ” Angular “) se sale del pozo y la mayoría se da cuenta de que nunca será tan popular como Angular 1.
  16. JavaScript permanece ampliamente en el centro de las tecnologías de software .
  17. Más desarrolladores comienzan a preocuparse por las herramientas (por ejemplo, la automatización) y las pruebas.
  18. Las pruebas unitarias, el code coverage, y la integración continua se convierten en un Must Have
  19. GraphQL se vuelve popular para el desarrollador Front-end a la hora de implementar Back-end, incluso sobre los servicios REST.
  20. La emoción de CSS Grid crece y el futuro se ve brillante.
  21. La siguiente evolución de las soluciones similares a React se muestra a través de Preact , Deku , Rax e inferno mostrando evolución sin mucho cambio de API.
  22. La mayoría de las personas aprenden a aceptar JSX , y ahora no pueden imaginarse que no lo usen.
  23. Se actualiza y usa un patrón de módulo CSS viable (encapsulado CSS), por lo que CSS en JS se convierte en una solución viable para muchos.
  24. Cada vez más personas recurren a las pruebas de integración / funcional de la interfaz de usuario, incluidos conceptos como pruebas visuales de regresión de CSS y RWD.
  25. Los días de lucha contra las API inconsistentes de los navegadores están casi detrás de nosotros debido a un declive masivo en el uso y desarrollo de las versiones anteriores de IE .
  26. La mayoría de ellos se dio cuenta de que tendrán que tener un plan estratégico de dispositivos múltiples cuando se desarrollen para la web
  27. Más desarrolladores, de otros idiomas, continúan inundando el espacio de JavaScript trayendo cosas como comprobación de tipos y una obsesión con la sintaxis de clase y los conceptos de programación orientada a objetos .
  28. Los desarrolladores de front-end son ya expertos en las técnicas de Hot Module Replacement y en la Ahead of Time Compilation .
  29. A la espera un cargador de módulo de navegador JavaScript nativo .
  30. La aplicación de las convencionales de estilo CSS y JavaScript se vuelven más importantes (considerando el código ES3 a ES6 y las variaciones sintácticas de los preprocesadores CSS)
  31. TypeScript se consolida como el superset de ES6 / ES7
  32. Webpack actúa en conjunto y solidifica su posición frente a la solución JSPM superior .
  33. La API de notificaciones se usa y se abusa de los usuarios de Chrome, pero solo después de darle permiso.
  34. CSS Cumple 21 años, ya es mayor de edad
  35. La idea de “front-end apps”, “Thick Client apps”, “Static apps”, “No Backend app”, “SPA’s”, “Front-end driven app” se combina en un solo término “JAM Stack”.

¿Qué nos espera?

El 2018 viene lleno de novedades. Muchas tecnologías emergentes están empezando a consolidarse mientras que viejos mitos se vuelven efímeros, dando oportunidad a nuevos paradigmas.

El año de las Apps progresivas

El mundo escuchó el término por alla en el 2015 pero no fue hasta el año pasado que las Webapps progresivas empezaron a tener importancia. Este 2018 promete ser el mayor némesis de las aplicaciones nativas.

Aplicaciones Web Progresivas (a.k.a PWAs) son webs muy parecidas a las aplicaciones nativas gracias a los “service workers”, que permiten trabajar offline, entregando una extraordinaria experiencia de usuario.

Los usuarios incluso pueden hacer un “acceso rápido” en su pantalla de inicio para usarla frecuentemente como si de una app se tratase.

Mas AI (Inteligencia artificial) en las webs

Si el año pasado el trend de ese pequeño botón flotante para iniciar un chatbot inundo la mayoría de webs, ahogando incluso los formularios de contacto, 2018 tiene todo para ser el año de la implementación masiva de inteligencia artificial en webs para hacer aún más “humana” la experiencia del usuario.

A nivel de diseño, flat morirá y volverán las Serif

El diseño flat se han apoderado de las interfaces de usuario tanto en Web como en apps móviles. Ya es tiempo de romper un poco el molde y evolucionar hacia nuevos diseños, lo que no significa que desaparecerán, si no que serán más customizables.

Material design ganará más público este año y una de las cosas que volverá serán las fuentes Serif, masacradas por el las Sans-serif desde hace un par de años.

El “brutalism”, las grids con contenido desigual, colores brillantes y formas liquidas (Spotify) serán los nuevos pesos pesados en la industria.

Vue.js y React muy por encima de Angular

Aunque Angular logró dar ese gran paso sacando las versiones SEMVER con Typescript durante los últimos años, es verdad que no es tan popular como en su momento resultó su predecesor angularjs. Día a día, cada vez más desarrolladores estan usando React y probando las virtudes de un Vue.js que se vuelve más popular cada día.

Incluso en el mundo mobile, aunque Ionic se sumó al salto de Angular hacia Typescript mejorando exponencialmente, no puede competir contra React Native.

Por ahora esto es todo, veremos como este 2018 nos sorprende.

 

Nuestro Slashboy Álvaro Saburido, Responsable de Innovación, es el autor de este post.

Slashmobility

Author Slashmobility

More posts by Slashmobility

Leave a Reply

Share