Javascript 2017
Veille

Tendances du développement frontend à venir

2017 sera l’année du Javascript à tous les niveaux !

En 2016 le JS a rattrapé son retard, il n’a plus rien à envier à d’autres langages. Npm, webpack et babel ont grandement participer à cette (r)évolution.
L’arrivée des spread operator, arrow function, async functions, generators et decorators permettent d’écrire du code plus simple et plus lisible.
Des outils comme flow ou typescript (créé par l’un des inventeurs du C#) permettent d’ajouter un typage et d’améliorer la qualité du code tout en rassurant des développeurs venus d’autres horizons.

Les problèmes de SEO ou d’accessibilité seront bientôt un lointain souvenir grâce aux applications universelles. Les entreprises n’ont plus peur de Node.JS et beaucoup ont franchi le pas de la transformation de leur stack web (Facebook, Paypal ou encore Twitter).
Le langage devient peu à peu universel. On le trouve :
  • sur les pages web depuis longtemps, pour les interactions, les appels Ajax, et le nombre croissant de frameworks tels qu’Angular ou React pour faire des apps full JS
  • côté serveur avec Node
  • dans les applis mobiles avec Cordova depuis plusieurs années, mais surtout récemment avec l’arrivée de React Native.

De visiteur à acteur : qu’attendre coté UX/UI cette année

Les pages web sont de plus en plus dynamiques, on trouve davantage de médias tels que des vidéos. Cette année nous devrions voir se multiplier les expériences en WebGL ou proposant de la réalité virtuelle.

Désormais, l’utilisateur peut s’immerger dans les dispositifs proposés et ainsi passer de simple visiteur à acteur.

Au niveau de l’UI, le material design avait déjà changé et clarifié la façon de rendre les animations. On reste dans cette lignée avec des transitions entre des éléments simples, fluides et rapides. Mais les animations sont plus travaillées pour que l’expérience de navigation se fasse sans discontinuer d’une page à une autre.

Les progressives web app (PWA) continuent de se développer. On prend le meilleur du web et des applications, ce qui permet d’avoir un site responsive disponible dès l’écran d’accueil, rapide, chargé instantanément grâce au service worker, avec des données stockées en local.

Les navigateurs sont de plus en plus performants, de très beaux projets graphiques commencent à fleurir grâce à WebGL et on voit enfin l’adoption de CSS grid pointer son nez. Microsoft vient d’annoncer que le développement de cette specification était en cours (les premières ébauches de la spec remontent à 2004 !).
L’arrivée de flexbox était déjà un soulagement pour tous les intégrateurs, avec CSS Grid on va pouvoir faire des mises en page encore plus complexe. Adieu les vilains hack avec `display: table-cell` et bonjour les nouvelles propriétées `grid-*`.
On peut d’ores et déjà se familiariser avec ce nouveau concept de façon très ludique : http://cssgridgarden.com.

Et la VR ?

2017 sera peut-être l’année de la VR. JavaScript est déjà là, avec un des acteurs phares du moment, un poids lourd : React. Le projet React-VR  est déjà sur les rails et vu le succès de React Native dans le monde du mobile, React VR semble destiné au même succès.
17/05/2017 5 MIN READ TAGS: , , , , , BY: Adfab 0 COMMENT
LIRE LA SUITE

Adfab

Articles collaboratifs écrits par le studio !