Roman Quelen posts

L’objectif de cette suite d’articles (sites statiques, MPA, SPA et applications universelles) est de faire le point sur les différentes architectures front-end. Pour cela, nous analyserons leur fonctionnement, avantages et inconvénients, ainsi que les besoins qui les ont faits émerger au fil du temps. Comprendre l’historique de ces architectures permet de prendre de meilleures décisions lors du développement d’une nouvelle application. Historique Les applications universelles, aussi appelées isomorphiques, apparaissent quelques années après les Single Page Applications. À l’origine, le web consiste à consulter des pages…

Introduction L’objectif de cette suite d’articles (sites statiques, MPA, SPA et applications universelles) est de faire le point sur les différentes architectures front-end. Pour cela, nous analyserons leur fonctionnement, avantages et inconvénients, ainsi que les besoins qui les ont fait émerger au fil du temps. Comprendre l’historique de ces architectures permet de prendre de meilleures décisions lors du développement d’une nouvelle application. Histoire Le pattern SPA a émergé progressivement avec l’arrivée de nouvelles technologies. La première notable est AJAX en 2004, qui permet d’échanger des données…

L’objectif de cette suite d’articles (sites statiques, MPA, SPA et applications universelles) est de faire le point sur les différentes architectures front-end. Pour cela, nous analyserons leur fonctionnement, avantages et inconvénients, ainsi que les besoins qui les ont fait émerger au fil du temps. Comprendre l’historique de ces architectures permet de prendre de meilleures décisions lors du développement d’une nouvelle application. Historique Les Multiple Page Applications (MPA) sont en production depuis les années 90 et sont encore couramment utilisées de nos jours. Elles sont apparues avec…

L’objectif de cette suite d’articles (sites statiques, MPA, SPA et applications universelles) est de faire le point sur les différents patterns d’architecture front-end. Pour cela, nous analyserons leur fonctionnement, avantages et inconvénients, ainsi que les besoins qui les ont fait émerger au fil du temps. Comprendre l’historique de ces patterns permet de prendre de meilleures décisions lors du développement d’une nouvelle application. Histoire Les sites statiques représentent la forme la plus simple d’architecture front. Historiquement, c’est également la première à avoir vu le jour. Le…

Cet article décrit des cas de tests unitaires, des plus communs à certains plus complexes, sur une application web en Vue.js. Vous pouvez lire l'article Vue.js en TDD au préalable, qui se concentre d'avantage sur la méthodologie de test (Test Driven Development). Cet article-ci décrit un panel de cas de tests plus large, en utilisant l'utilitaire officiel vue-test-utils et le framework de test Jest.  1/ Jest Jest est un framework de test développé et utilisé par Facebook pour tester unitairement du code JavaScript. Son principal objectif…

La conférence Vue.js Amsterdam s'est tenue le 16 février dernier au Amsterdam Theater, un énorme amphithéâtre, avec un écran géant à 180°. Il s'agit de la plus grosse conférence dédiée à Vue, avec plus de 1000 participants. C’était l’occasion pour la communauté grandissante de se retrouver et de faire un point sur Vue et son écosystème. Les vidéos sont progressivement mises en ligne ici. Past, present and future of Vue.js Evan You, créateur de Vue.js. Ce premier talk a principalement servi d’introduction à la journée en…

This article describes test contexts, from common to more complex ones, on a Vue.js stack. You may read TDD with Vue.js article as an introduction, which is mainly focused on methodology (Test Driven Development). This current article describes a wider range of test contexts based on Vue.js, using vue-test-utils helpers and the Jest testing framework.   1/ Jest Jest is a testing framework developed and used by Facebook to test JavaScript code. Its main goal is to simplify test configuration. It integrates most of the…