Aller au contenu

Belahcen Marwane

JAVASCRIPT, DEVOPS, MICROSERVICES ET PLUS

Exemple avec Keycloak, Spring boot et Vue 3

General

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 […]

février 20, 2023 / 0 Commentaire
lire la suite

Async Await et Promises

General

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 […]

février 20, 2023 / 0 Commentaire
lire la suite

Création d’un projet microservices avec Spring boot / cloud

General

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 […]

octobre 31, 2022 / 0 Commentaire
lire la suite

Installer un serveur DNS chez vous

General

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 […]

avril 9, 2022 / 0 Commentaire
lire la suite

Implémentation de l’algorithme de Dijkstra avec VueJS et Typescript

General

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 […]

avril 12, 2020 / 0 Commentaire
lire la suite

Commencer à utiliser TypeScript avec VueJS

General

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 […]

novembre 20, 2019 / 0 Commentaire
lire la suite

React par la pratique – 2 : Votre premier composant React

General

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 […]

juillet 19, 2019 / 0 Commentaire
lire la suite

Utiliser React sans webpack directement sur une page html

General

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 […]

janvier 20, 2019 / 0 Commentaire
lire la suite

Démarrer un projet d’application web avec create-react-app

General

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 […]

janvier 2, 2019 / 0 Commentaire
lire la suite

React par la pratique – 5: Utiliser les layouts avec React-Router 4

General

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 […]

août 12, 2017 / 0 Commentaire
lire la suite

Navigation des articles

1 2 Suivant
Royal Elementor Kit Thème par WP Royal.