Aller au contenu principal
Senior Frontend Engineer

Hedi
Basly

Je conçois des applications Angular robustes, des architectures frontend scalables et des Design Systems qui facilitent le développement au quotidien.

Hedi Basly
01.À Propos

Concevoir des
interfaces
évolutives.

Spécialisé dans l'écosystème Angular, la performance et l'expérience développeur.

7+ Années d'expérience
Angular Architecture & Signals
Fullstack Vision Java / Spring

Je suis Senior Frontend Engineer, spécialisé dans la conception et le développement d'applications web avec Angular et TypeScript, fort de plus de 7 ans d'expérience sur des projets à grande échelle.

Mon expertise se situe principalement autour de l'architecture frontend, des Design Systems, des composants réutilisables, de la performance et de l'expérience développeur (DX). J'aime construire des solutions simples, maintenables et évolutives à partir de problématiques complexes.

Mon expérience en Java et Spring Boot me permet d'apporter une vision fullstack et de concevoir des architectures cohérentes de bout en bout, tout en conservant une forte dominante frontend.

💡 Je m'intéresse particulièrement aux évolutions récentes d'Angular — notamment les Signals, Signal Forms et la gestion d'état moderne. Je développe régulièrement des projets personnels pour expérimenter ces technologies et partager mes retours d'expérience.

Compétences clés & Technologies
Angular 17+ TypeScript Signals / Signal Forms Design Systems Frontend Architecture Performance Web NgRx/SignalStore Java / Spring Boot RxJS Tailwind CSS Agentic UI
02.Stack & Compétences

Stack Technique &
Expertises

Core Angular & Front-End

Expertise Principale

Conception d'applications Web modernes, réactives et hautement performantes.

Angular 17+ Signals & RxJS TypeScript Tailwind CSS HTML5 / SCSS Bootstrap State Management (NgRx / SignalStore) SSR & Hydration

Agentic UI & GenAI Front-End

Veille & Innovation

Intégration d'interfaces dynamiques et agentiques pilotées par l'IA générative.

AG-UI Standard A2UI Runtime MCP Apps (Interactive Widgets) Human-in-the-Loop (HITL) Guardrails & Workflows Multimodalité

Architecture & Back-End Eco

Conception & Scalabilité

Structuration de projets modulaires et communication API robuste.

Nx REST APIs & GraphQL NestJs Node.js / Express Micro-Frontends

Outillage, Test & Qualité

Pratiques Dev

Garantie de la qualité logicielle, de l'intégration continue et du cycle de vie.

Gitlab Jest / Vitest Cypress / Playwright CI/CD Storybook ESLint / Prettier
03.Parcours professionnel

Missions &
Expériences

LCL logo

Développeur Web Fullstack — Lead Tech

En poste
@LCL • Paris
Oct. 2023 — Aujourd'hui 3 ans
📌Projet : Refonte complète de l'Espace Client (PRO & PART, 50+ écrans)
👥Cadre : Scrum (14 p. : 7 Devs, 1 TL, 1 Squad Lead, 4 BA, 1 PO)
▸
Fullstack & Microservices : Endpoints REST Java/Spring Boot sur architecture bancaire haute volumétrie + Intégration Front-end (Angular 19 / NestJS BFF).
▸
Communication Hybride WebView & Native : Mise en place de la communication bidirectionnelle entre l'application native et Angular via l'API MessageChannel (transfert de MessagePort postMessage) pour une intégration fluide et sécurisée.
▸
Lead Tech, Outillage IA & RGAA : Création de Skills IA sur-mesure (agent d'accessibilité RGAA/WCAG, scaffolding automatisé), architecture Prismic et mentoring d'équipe.
▸
Migration & Gains de Performance (-30%) : Pilotage de la migration Angular 11 vers 19. Optimisation avec Angular Signals, Lazy Loading et SSR (-30% de temps de chargement initial).
▸
Production Master & CI/CD : Responsable complet des déploiements en production via ArgoCD & GitLab CI/CD, supervision avec Dynatrace (CAGIP).
▸
Design System d'Entreprise : Conception de composants UI réutilisables et accessibles (WCAG 2.1) adoptés par l'ensemble des équipes PRO et PART.
Angular 21 Nx NestJS Java / Spring Boot MessageChannel API WebView Bridge Signals ArgoCD GitLab CI Storybook Prismic Jest Dynatrace
Malakoff Humanis logo

Développeur Fullstack

@Malakoff Humanis • Paris
Janv. 2021 — Oct. 2023 2 ans 10 mois
📌Projet : Refonte du portail particulier Santé & Prévoyance (plusieurs centaines de milliers d’assurés)
👥Cadre : Scrum (10 p. : 6 Devs, 1 TL, 2 BA, 1 PO)
▸
Développement Fullstack : Création des APIs REST Java et intégration frontend d'interfaces métier dynamiques et complexes.
▸
Encadrement & Delivery : Mentoring de 3 développeurs juniors, animation des revues de code et garantie de la qualité des livrables.
▸
Design System & Couverture Tests (80%) : Enrichissement du Design System et déploiement d'une stratégie de tests Jest (80% de couverture sur les modules critiques).
Angular 15 Java / Spring Boot Storybook Jest Accessibilité (RGAA) Ng Bootstrap
Generali (via Vermeg) logo

Développeur Front-end

@Generali (via Vermeg) • Tunisie (À distance)
Janv. 2018 — Déc. 2020 3 ans
📌Projet : Assurance collective santé & prévoyance (prospection, tarification et simulation)
👥Cadre : Scrum (10 p. : 6 Devs, 1 TL, 2 BA, 1 PO)
▸
Architecture & Performance (+25%) : Mise en place d'un système de cache réduisant de 25% le temps de calcul des simulations de tarification.
▸
Développement Frontend & APIs : Intégration d'APIs REST Java pour connecter les moteurs de calculs tarifaires aux interfaces utilisateur.
▸
Qualité & Stabilité : Maintenance applicative, rédaction de tests unitaires Jest et résolution d'anomalies complexes.
Angular 11 NgRx Java / Spring Boot PrimeNG Jest SCSS
04.Projets & Open Source

Projets &
Open Source

Voir tous les dépôts GitHub→
Design System & UI Library

DS-Lib

Bibliothèque de composants UI réutilisables, accessibles et hautement personnalisables basée sur Angular et documentée avec Storybook.

  • ▸Composants UI modulaires et stylisés avec Tailwind CSS / SCSS
  • ▸Intégration Storybook pour la documentation interactive et le workbench UI
  • ▸Respect des bonnes pratiques d'accessibilité (A11y / RGAA)
Angular 22 Storybook TypeScript Signal SignalForm SCSS
Portfolio Personnel & Vitrine

Developer Portfolio

Site portfolio minimaliste, ultra-performant et accessible, conçu pour présenter mon parcours, mon expertise Angular et mes projets open source.

  • ▸Architecture Angular moderne basée sur les Signals et le Control Flow natif (@for, @if)
  • ▸Design System sur-mesure intégrant un Switch de Thème (Dark/Light) et une grille CSS réactive
  • ▸Optimisation SEO, temps de chargement ultra-rapides et respect strict des règles WCAG / RGAA
Angular 22 TypeScript Tailwind CSS
State Management & Experimental

Signal Form

Exploration et expérimentation autour des Angular Signals appliqués à la gestion de formulaires réactifs et performants.

  • ▸Gestion de l'état de formulaire sans dépendances externes lourdes via Angular Signals
  • ▸Optimisation de la réactivité fine (fine-grained reactivity)
  • ▸Validation dynamique et typage strict avec TypeScript
Angular 22 Signals TypeScript SignalForm
Site Vitrine Client / Freelance

Avocat Akram

Site vitrine moderne et sur-mesure pour un cabinet d'avocat, axé sur la sobriété visuelle, la performance et l'optimisation SEO.

  • ▸Interface moderne, sobre et responsive adaptée au secteur juridique
  • ▸Optimisation des performances de chargement et des métadonnées SEO
  • ▸Intégration fluide de formulaires de contact et de prises de rendez-vous
HTML CSS JS
05.Formation & Diplômes

Éducation &
Qualifications

🎓 Diplôme d'Ingénieur
2016 — 2019 3 ans

Développement Web & Technologies Internet

@École Supérieure Privée d'Ingénierie et de Technologies — ESPRIT • Tunis, Tunisie

🎓 Niveau : Ingénieur en Informatique
Axe d'études & compétences
Architecture Web Génie Logiciel Développement Avancé Gestion de Projet Communication & Travail en Équipe
🎓 Licence Fondamentale
2013 — 2016 3 ans

Sciences Informatiques

@Faculté des Sciences Mathématiques, Physiques et Naturelles de Tunis • Tunis, Tunisie

🎓 Niveau : Technicien Supérieur en Informatique
Axe d'études & compétences
Algorithmique & Structures de Données Bases de Données Systèmes & Réseaux Programmation Orientée Objet
06.Recommandations & Retours

Ce qu'ils disent
De notre collaboration

Expert Frontend & Rigueur “

"Hedi est un développeur fullstack et un véritable expert frontend. Une de ses forces est sa capacité à se poser les bonnes questions avant de commencer à coder. Son travail est rigoureux, soigné et qualitatif. Au-delà des compétences techniques, Hedi aime partager ses connaissances avec ses pairs."

TL

Lead Developer

@LCL - Espace Client Connecté

Vulgarisation & Pragmatisme “

"J'ai particulièrement apprécié sa capacité à faire le lien entre les enjeux fonctionnels et techniques. Hedi sait vulgariser des sujets techniques complexes et les rendre accessibles. J’ai également apprécié son écoute, sa disponibilité et son approche pragmatique."

BA

Business Analyst

@LCL

Sens Produit & Collaboration UX “

"C'est un développeur front-end très compétent, rigoureux et impliqué, avec une vraie capacité à comprendre les enjeux du produit et à proposer des solutions pertinentes. La fluidité de nos échanges au quotidien a été très appréciable."

UX

Product Designer UX/UI

@LCL

Force de proposition & Esprit d'équipe “

"C'est un développeur impliqué, dynamique et force de proposition, avec une vraie compréhension des enjeux produit. Son esprit d’équipe, ses connaissances et son approche pragmatique en font un collègue précieux."

PO

Product Owner

@LCL - Refonte Espace Banque

Membre moteur & Communication “

"Hedi est un professionnel engagé. Avec la volonté de mener au mieux ses développements, il communique facilement et est force de proposition. Bienveillant et dynamique, il devient un membre moteur de la scrumteam !"

PO

Product Owner

@Malakoff Humanis

Rôle déterminant & Professionnalisme “

"Grâce à son expertise technique, son professionnalisme et sa bonne humeur, il a joué un rôle déterminant dans la réussite du projet. Ces qualités ont été particulièrement appréciées par l’ensemble de l’équipe !"

TL

Tech Lead

@LCL - Site Transactionnel

07.Ecosystème & Continuous Learning

Veille, REX &
Thought Leadership

Article & Conférence REX & Publication

Retour sur NG Baguette Paris

Article publié sur le Blog Tech Néosoft

Rédaction d'un retour d'expérience (RETEX) complet suite à ma participation à la conférence NG Baguette à Paris. Analyse des évolutions majeures de l'écosystème et partage des clés de compréhension avec la communauté.

  • ▸Synthèse des nouveautés Angular (Signals, SSR, Control Flow)
  • ▸Partage des bonnes pratiques d'architecture auprès des équipes
  • ▸Veille active et networking avec la communauté Angular française
#Angular #RETEX #NG Baguette #Néosoft #Technical Writing
Auto-formation Avancée Formation & Veille

Agentic UI & Generative Front-end

Basé sur l'ouvrage de Manfred Steyer

Montée en compétences approfondie sur la conception d'interfaces pilotées par l'IA générative et l'architecture de composants dynamiques exécutés au runtime.

  • ▸AG-UI Standard & State Management réactif pour interfaces agentiques
  • ▸A2UI & MCP Apps : Génération dynamique d'UI au runtime et transformation de résultats d'outils en widgets interactifs
  • ▸Human-in-the-Loop (HITL), Guardrails, sous-agents & workflows de validation
  • ▸Stratégies de tests, multimodalité et intégration sécurisée dans Angular
#AG-UI #A2UI #MCP Apps #HITL #Manfred Steyer #Angular #GenAI
08. Prendre contact

Discutons de
Votre projet

J'aime échanger autour de l'architecture frontend, des pratiques d'ingénierie et des nouvelles approches de l'écosystème Angular, notamment les Signals, les Design Systems et l'IA.

Localisation : Clamart, Paris FR