Front-end

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

Angular 2 : Savoir composer avec les composants

Peu importe notre préférence en matière de framework front end JavaScript, AngularJS a modernisé notre façon de concevoir et réaliser des applications web riches, stables et performantes. Convaincus par AngularJS, nous suivons de près le projet Angular 2, qui s'annonce radicalement différent de son prédécesseur. En effet, le framework a été entièrement réécrit. Il se veut plus simple et plus performant en tirant profit des nouvelles technologies du web telles que ES2015 et les Web Components. A l’heure où nous écrivons cet article, le projet…

Lire la suite
Archi & techno

React – comment j’ai appris à ne plus m’en faire et à aimer la bombe

Cela fait maintenant plusieurs années que vous avez entendu parler (et que vous utilisez sans doute déjà) des frameworks spécifiques pour les développements front-end tels que Backbone, Ember ou AngularJS. Depuis quelques temps, un nouveau venu fait beaucoup parler de lui : React. React est une librairie javascript open source dédiée à l’écriture d’interfaces utilisateurs. Elle est née de la collaboration entre Instagram et Facebook et sa première release date de Décembre 2013. Depuis sa sortie, React a fait beaucoup d’émules et est utilisé en…

Lire la suite
Archi & techno

Sortie de la carte de référence OCTO : tout sur les tests d’applications Web Front-end

Vous souhaitez mettre en place des tests sur votre application Web front-end mais vous ne savez par où commencer? Face à la complexité grandissante des applications Web, les enjeux de qualité sont de plus en plus importants, il est nécessaire d’assurer la fiabilité et la maintenabilité de vos applications en mettant en place des tests. Notre carte de référence a pour but de vous aider à mieux appréhender les différents types de tests existants et de vous donner une vision globale de l’état de l’art.…

Lire la suite
Archi & techno

L’industrialisation du front-end, les frameworks de création d’interfaces CSS JS

Difficile de passer à côté du phénomène Twitter Bootstrap, cet ensemble d’outils CSS JS et UI pour créer des interfaces web-app en moins de deux. Il doit notamment sa renommée à sa gestion du responsive qui propose deux grilles css dont une entièrement gérée en unités relatives. C’est un framework de création d’interfaces web avancées tout comme « Zurb Foundation », ou le nouveau framework « Pure ». Il diffère sur ce point de ses cousins les frameworks css « Zen grids », « KNACSS », et autres qui n’embarquent aucun plugin javascript…

Lire la suite