Créer son propre plugin source GatsbyJS pour consommer une API REST – 1 : Création du plugin source

Vous avez probablement entendu parler, et peut-être même déjà éprouvé, le framework Gatsby, cette solution JAMstack permettant la génération de sites statiques. Il est notamment plébiscité pour les performances possibles apportées vis à vis du chargement de pages dans le navigateur, du temps de construction des pages ou encore pour sa flexibilité d’utilisation. Nous allons...

Comment gérer le responsive en Flutter

Introduction Dans cet article nous allons explorer des solutions permettant de mieux gérer le responsive, c’est à dire un affichage réactif qui s’adapte aux différentes tailles d’écran, lors du développement d’une application en Flutter. En effet, l’avantage principal du Framework Flutter est qu’il permet de générer, avec une seule et meme base de code, une...

Des interfaces sur mesure avec le CMS Contentful – épisode 3 : REX, une UI Extension répondant à un cas concret

Cet article est l’épisode 3 d’une série de trois articles traitant de la réalisation d’interface sur mesure avec le CMS Headless Contentful et ses UI Extensions. Il fait suite à l’article précédent, “Réaliser sa propre UI Extension Contentful“ (mettre lien vers l’article 2), où nous avons réalisé pas à pas une UI Extension sous la...

Des interfaces sur mesure avec le CMS Contentful – épisode 2 : Réaliser sa propre UI Extension Contentful

Cet article est l’épisode 2 d’une série de trois articles traitant de la réalisation d’interface sur mesure avec le CMS Headless Contentful et ses UI Extensions. Il est la suite de “Réaliser des interfaces sur mesure avec les UI Extensions du CMS Contentful“, un article où nous avons introduit le concept de CMS Headless et...

Connection https avec certificats valides d’une application dans un environnement local

Introduction Nous allons voir dans cet article comment mettre en place une connexion sécurisée (via https) avec des certificats valides d’une application que nous développons localement. Lors de la phase de développement d’une application il peut, pour diverses raisons, être nécessaire d’avoir une connection sécurisée (en https), comme par exemple avoir des cookies ayant le...

Des interfaces sur mesure avec le CMS Contentful – épisode 1 : CMS Headless, Contentful et ses UI Extensions

Avec l’évolution des contenus web a émergé un type de CMS dit “Headless”, adapté à de nouveau mode de création et d’architecture parmi lesquelles on compte par exemple la Jamstack. Rapidité, simplicité et efficacité. Dans ce contexte, ces mots ont pris tout leur sens, tant en termes de processus de création que de réalisation. Les...

Comment nous avons migré notre frontend legacy vers NextJS

Article publié dans le cadre de la conférence FrontSide, dont leboncoin est partenaire. Au fil des années, les besoins et les attentes des internautes ont évolué. Aujourd’hui, nous attendons un site web très réactif, beau et attrayant. « Ça marche » est loin d’être suffisant. Techniquement, leboncoin.fr ne ressemble en rien à l’ancienne version que nous avons...

Booster votre application Vue.js avec TypeScript

Progressivement TypeScript devient la norme dans les projets Web. D’ailleurs, ces derniers temps plusieurs projets open source ont fait le choix de l’adopter pour leur base de code comme Slack et Lyft. Loin d’être les seuls, les développeurs de Jest et Yarn, de chez Facebook, ont également entrepris de remplacer Flow par TypeScript. Cela démontre...

J’ai veillé pour vous : Svelte

Vous avez probablement déjà entendu parler de ce nouveau Framework Front-End – encore un ?! – qui commence à se faire un nom et se révèle aussi prometteur que la concurrence, j’ai nommé : Svelte. Si ce n’est pas le cas, il serait grand temps de mettre les pendules à l’heure. Mais rassurez-vous, j’ai veillé...

TechAway – Découvrez nos BBL 100% remote !

Ça y est, nous sommes confinés. Pour la plupart d’entre nous, c’est télétravail obligatoire et distanciation sociale volontaire. Et les nouvelles peu réjouissantes continuent à s’empiler : annulation du Knowledge Exchange Day d’avril, suspensions et annulations de mission en pagaille (et donc intercontrat forcé…). Pour nous, Sapients, qui sommes friands de partage, d’échanges permanents, l’idée...

Découvrez l’envers du décor de XebiKart, la keynote de la XebiCon

Lors de la Keynote d’ouverture de la XebiCon’19, nous vous avons présenté la société fictive 4Wheels, constructeur de voitures innovantes. À travers son histoire de 1989 à 2049, nous vous parlons Réalité Augmentée, DataViz, Intelligence artificielle, product management, Agilité, Kubernetes et bien d’autres sujets.   Pour découvrir l’envers du décors de cette keynote, et appréhender...

Web performance : les nouvelles opportunités

La compatibilité des navigateurs n’a jamais été aussi complète, les moteurs JavaScript n’ont jamais été aussi rapides, les métriques et les outils si matures, le tree shaking tant performant, les applications si résilientes et les stratégies de cache autant sophistiquées. Et pourtant, les sites n’ont jamais été aussi lourds à charger ! Lorsque nous sommes assis...

Gérer les problématiques de Cross Domain (CORS) en développement avec Parcel

Introduction Parcel, au même titre que Webpack, permet de packager une application web afin de la distribuer pour la production, avec une promesse zéro configuration. Démarrage rapide Le but de ce chapitre, n’est pas d’entrer en détail dans le fonctionnement de Parcel, mais de montrer comment démarrer rapidement un projet avec Parcel. Pour ce faire,...

Le choc des refontes sur l’archipel MyTF1

Lors de la XebiCon’19, Thomas Bidet (Head of Product – TF1), Simon Boeuf (Développeur Front-End), Cécile Dreyfus (Développeur Android) et Gérome Egron (Agile Delivery Mananger) chez Publicis Sapient Engineering a présenté la conférence « Le choc des refontes sur l’archipel MyTF1 ».   1 an de projet avec TF1 pour aboutir à 3 applications : Web, iOS...

TestCafe pour tous : de meilleurs tests E2E pour vos apps front

Lors de la XebiCon’19, Jennifer Proust, Consultante chez Publicis Sapient Engineering a présenté la conférence « TestCafe pour tous : de meilleurs tests E2E pour vos apps front ». Vous en avez marre d’utiliser Selenium pour tester vos web apps ? Ou vous ne savez pas par où commencer pour tester votre interface utilisateur ? Adoptez TestCafe,...

Atomic Design Driven Development

Lors de la XebiCon’19, Benjamin Lacroix, Développeur Android et Julien Smadja, Directeur Conseil chez Publicis Sapient Engineering ont présenté la conférence « Atomic Design Driven Development ». Le design system est une méthodologie UI / UX qui permet de construire des applications web composant par composant. Les composants du design system sont ensuite déclinés en atomes, molécules,...

WebAssembly, mythe ou réalité

Lors de la XebiCon’19, Vincent Segouin, Développeur chez Publicis Sapient Engineering a présenté la conférence « WebAssembly, mythe ou réalité ». WebAssembly est un standard du Web, créé en 2015, il promet de compiler du C./C++, du Rust et du Typescript dans le but d’être exécuté directement dans un navigateur en obtenant des performances proches des applications...

J’ai fait un tableau

Lors de la XebiCon’19, Romain Sagean, Consultant chez Publicis Sapient Engineering, a présenté la conférence « J’ai fait un tableau ». Le tableau est la dataviz la plus simple qui existe, mais comment faire un beau tableau qui permet de transmettre rapidement des informations ? Découvrez la vidéo : Toutes les autres vidéos de la XebiCon sont...