JavaScript

Archi & techno

C’est quoi une Progressive Web App (PWA) ?

Ce mois-ci, OCTO a sorti une Refcard sur les PWA. Pour fêter la sortie de cette carte de référence, nous prévoyons plusieurs articles explicatifs sur le blog. Comme premier article de la série, en voici un introductif aux Progressive Web Apps pour bien appréhender le sujet et compléter les informations de notre publication. Cet article se veut technique mais le plus accessible possible. Vous découvrirez la genèse des PWA pour comprendre comment le web a pu épouser ce concept aujourd’hui. Nous aborderons aussi les principes…

Lire la suite
Archi & techno

Le front, au delà du coloriage : émergence des composants applicatifs

Notre utilisation du Web change. Initialement conçus pour consulter des documents, les navigateurs sont devenus de puissants moteurs de rendu capables d'exécuter des applications complexes permettant la création de documents riches tels que Google Doc, ou la consommation de média en streaming via Netflix ou Spotify. Les documents se sont peu à peu transformés en applications. Là où quelques scripts suffisaient pour ajouter de simples animations ou effets graphiques, nos applications sont devenues de véritables clients riches et les bases de code se sont rapidement…

Lire la suite
Archi & techno

Introduire une culture de la performance web sur son projet

 Les performances web ne constituent pas toujours une priorité dans un projet, particulièrement dans les premières phases de développement. Cela peut s’expliquer par un doute initial sur le rapport temps/investissement à consacrer aux performances alors qu’au demeurant le site ou l’application semble fonctionner correctement. Dans cette optique une équipe commencera à s’intéresser à la notion de performance uniquement quand elle rencontrera des ralentissements significatifs. Dans cette situation il sera très coûteux de s’extraire des problèmes de lenteur alors qu’une répartition des travaux sur l’ensemble du…

Lire la suite
Archi & techno

Des développeurs mobiles font leurs premiers pas avec React Native

Tous les ans, on nous dit que les solutions hybrides vont remplacer le développement en natif. En tant que développeurs mobiles, ça nous a souvent fait sourire. On trouve en effet que le développement natif apporte de meilleures performances, une meilleure fluidité des applications et donc une meilleure expérience utilisateur. Mais cette année, React Native a le vent en poupe et suite aux discussions que l’on a pu avoir avec nos collègues et clients, on a voulu tester par nous même et voir si ça…

Lire la suite
Archi & techno

Clean Node – Part 1

I have been working with Node.js for almost 6 years now (started back in 2012 with 0.6.10). During these years, co-workers have been asking me the same question over and over again: "What does your application look like?". It is now time to answer this question (or at least try to) !

Lire la suite
Archi & techno

Applications node.js à 12 facteurs (partie 1) – Une base de code saine

logo node.js

Au début des années 2010, les experts en déploiement cloud qui ont fondé Heroku (l’un des fournisseurs de PaaS le plus utilisé) ont publié le livre 12 Factor App. S’il est difficile de mettre une date de parution exacte, c’est parce que l’ouvrage est vivant et en évolution permanente. Les principes de base restent les mêmes et sont redoutablement efficaces pour vous aider à créer des applications prêtes à profiter de l’élasticité des plateformes PaaS et CaaS. En bonus, elles aident grandement au succès de…

Lire la suite
Archi & techno

Les transitions D3.js m’ont tuer (mon CPU)! Une comparaison entre d3.js & pixi.js

D3.js est certainement la libraire JavaScript  de visualisation la plus complète du moment: les possibilités pour transformer vos données en data viz époustouflantes ne sont en fait que limitées par votre imagination. Et une des clés du succès de D3 réside dans la facilité avec laquelle on peut animer des graphiques grâce aux puissantes selection transitions. Hélas!  Ces animations se payent comptant et mettent rapidement votre processeur à genou. D'où cet article. Si le problème était tapis dans les méandres de plusieurs projets, il est apparu au grand…

Lire la suite
Archi & techno

D3.js transitions killed my CPU! A d3.js & pixi.js comparison

D3.js certainly is the most versatile JavaScript data rendering library available: turning data into mind blowing visualizations is only limited by your imagination. A key component to turn static pages into animated ones are the powerful selection transitions. However, too many simultaneous transitions on a web page will soon bring you CPU on its knees. Hence this blog post. We faced this problem when displaying swiss transport real time data on a map, within an SVG layout: rendering was lagging, event sourced data were not…

Lire la suite