Belahcen Marwane

Objectif Dans ce tuto on va voir comment sécuriser une API Java avec OpenID connect via keycloak, ainsi qu’un exemple d’utilisation avec un front-end développé avec Vue 3. OpenID connect / Oauth, nous permet de choisir parmis plusieurs « flow » d’utilisation selon notre cas d’usage, dans cet exemple on va utiliser le flow « Authorization code ». voici […]

Je vais parler dans cet article des mots clés « async await’ qui sont des mots clés utilisés en Javascript pour gérer les traitements asynchrones. On va commencer par faire un tour des différentes façons de faire de l’asynchrone pour afin de bien comprendre les pour et les contres de cette solution. Retour sur les callbacks […]

Introduction Vous avez lu toute la théorie sur les architectures micro services, mais vous ne savez toujours pas comment en implémenter une ? Dans ce cas cet article est probablement pour vous. Il faut savoir qu’ont peut réaliser ça de plusieurs façons différentes, tout dépends des cas d’utilisation, technologie, plateforme cible …. c’est pourquoi dans […]

Introduction Dans cet article je souhaite partager avec vous comment installer un serveur DNS chez vous. j’ai souvent besoin de tester des petites applciations que je développe sur plusieurs PC ou mobiles se trouvant dans mon réseau local, et avoir mon propre serveur DNS chez moi rendra l’éxpérience de développement chez moi plus agréable. (faciliter […]

Introduction Dans cet article je voudrais partager une implémentation de l’algorithme de Dijkstra. Cet algorithme est utilisé pour calculer le chemin le plus court entre deux points dans une matrice, dans la vraie vie ce type d’algorithmes est utilisée dans des outils comme google maps, Waze, tomtom … pour calculer la route à suivre entre […]

Introduction Dans cet article je souhaite faire une petite introduction à l’utilisation de Typescript dans Vue à l’aide de la libraire vue-property-decorator. Cet article suppose que vous avez un minimum de connaissances sur VueJS, si ce n’est pas le cas je vous invite à lire cette brève introduction à VueJS sur la doc officielle. Création […]

Introduction Dans l’article précédent on a vu comment préparer notre environnement de développement pour pouvoir utiliser une version moderne de Javascript supportant la syntaxe React. Tout est en place donc pour créer notre premier composant, sur ce on va créer un classique : le Hello World. Avant de commencer Je vous recommande de lire la […]

Introduction Avant de commencer à développer une application qui se respecte avec React on est obligé de passer par une première étape de configuration pour cela vous avez principalement 3 options : Utiliser un générateur de code comme create-react-app Configurer sois même le process de build avec webpack, babel … démarrer à partir d’un exemple […]

Introduction TLDR; create-react-app permet de démarrer rapidement un projet React, sauf qu’il n’intègre aucune autre librairie. Dans cet article on va voir comment je configure des librairies essentielles à tout projet React. React est une très bonne librairie pour organiser le code de votre site ou application web, elle est performante, très bien documentée et […]

Introduction Quand on développe une application web, on a bien souvent besoin de gérer les layouts, pour rappel, une layout contient des composants communs à toutes les pages ( bare de menu, footer, header … ), ça permet d’éviter de copier / coller du code. Dans l’article précédent on a utilisé la solution de layout […]