Aller au contenu principal

Julien Lange

Développeur JavaScript Senior Web Components, Design System & Fullstack

Je construis des interfaces Web qui tiennent sur la durée. Pendant 5 ans chez Fnac Darty, j'ai appris qu'un bon composant n'est pas celui qui fonctionne — c'est celui que trois équipes différentes peuvent utiliser sans t'appeler.

~100k
vues/jour
8
marchés
30+
composants

Île-de-France · Disponible

Julien Lange, développeur JavaScript senior freelance
01

Expériences

Fnac Darty

Freelance

Développeur Front-End Senior

Octobre 2021Juillet 2026Ivry-sur-Seine

Mission longue durée sur fnac.com, site e-commerce leader en France, sur les pages les plus visitées : fiche article, homepage, sous-homes, résultats de recherche (~100 000 vues/jour sur les résultats de recherche, ~50 000 sur la homepage). Stack : ASP.NET/Razor + JavaScript ES6+/Web Components on-prem, migration progressive vers une architecture cloud Azure (micro-frontends server-side).

~100k
vues / jour
résultats de recherche
~50k
vues / jour
homepage
~50
éditeurs
utilisateurs SMILE
8
marchés
FR, BE, CH, ES, PT…
  • Librairie de Web Components internes

    Création et maintenance d'une librairie NPM interne de 20 à 30 composants UI en Custom Elements natifs, consommée par 3 équipes front. Migration depuis une architecture de composants propriétaires vers la spec Web Components native. Création de packages partagés (design tokens SCSS, configs ESLint/Babel communes) — socle d'un Design System.

    Web ComponentsCustom ElementsNPMDesign TokensSCSSESLint
  • Migration cloud (M2C)

    Migration des strates Home/Sous-homes vers un framework MFE server-side (fragments UI, tag helpers Razor, pipeline Kafka/Cosmos DB), migration des templates Liquid vers CSHTML, migration CSS Less → SCSS.

    Micro-frontendsAzureRazor/CSHTMLKafkaCosmos DBSCSS
  • Refonte de SMILE — CMS interne

    Conception des maquettes Figma en autonomie et refonte technique complète du front, déployé en production et utilisé par ~50 éditeurs sur 8 marchés (FR, BE-FR, BE-NL, CH-FR, CH-DE, ES, PT, Fnac Pro).

    FigmaCMSJavaScript8 marchés50 éditeurs
  • Kamino — Intégration publicitaire

    Intégration de 7 formats publicitaires on-site (vidéo, display, natif) desktop/mobile, avec tracking analytique complet.

    JavaScriptPublicité displayAnalyticsResponsive
  • Arrow — Marketplace seller

    Intégration front des informations vendeur marketplace sur toutes les surfaces : fiche article, listes, mini-FA, buybox.

    JavaScriptWeb ComponentsMarketplaceRazor
  • Autres chantiers

    Conformité DSA, optimisation WebPerf (Core Web Vitals), SEO technique, refonte fiche article 2→3 colonnes.

    WebPerfCore Web VitalsSEODSAA/B Testing

42 Lisboa

CDI

Ingénieur Système & Encadrant Pédagogique

Septembre 2020Juillet 2021Lisbonne, Portugal

Recruté en tant qu'ancien élève pour l'ouverture de l'antenne de l'école 42 à Lisbonne. Rôle hybride : infrastructure technique et pédagogie. Environnement de travail entièrement en anglais.

Julien Lange encadrant une piscine à la 42 Lisboa — étudiants sur iMacs dans l'open space
42 Lisboa, 2020 — encadrement d'une piscine
  • Infrastructure & DevOps

    Mise en place de l'infrastructure (VMware, Ansible) : examens, moulinette de correction automatique, sessions LDAP sur iMacs. Maintenance des services, résolution d'incidents sur les sessions étudiants.

    VMwareAnsibleLDAPLinuxDevOps
  • Site e-commerce Next.js

    Développement d'un site e-commerce pour le merchandising de l'école : catalogue produits, authentification OAuth via l'API officielle de 42, gestion des commandes.

    Next.jsOAuthAPI 42E-commerceNode.js
  • Pédagogie

    Rôle pédagogique pendant les « piscines » de l'école : code review de projets en C, accompagnement des étudiants.

    CCode ReviewPédagogieÉcole 42

X-FAB

Freelance

Développeur C, Systèmes Industriels

Mars 2020Septembre 2020Ormoy

Développement en C d'un programme de communication avec des machines industrielles via la norme SECS/GEM (industrie des semi-conducteurs), déclenchement d'actions et récupération de données de production.

Salle blanche X-FAB — ingénieurs en combinaison stérile devant des équipements de fabrication de semi-conducteurs
Environnement de fabrication X-FAB — industrie des semi-conducteurs
  • Communication SECS/GEM

    Implémentation d'un programme de communication conforme à la norme SECS/GEM pour piloter et interroger des équipements de fabrication de semi-conducteurs.

    CSECS/GEMSystèmes industrielsSemi-conducteurs

Société Générale

Stage

Développeur JS/Python, Lab Innovation

Avril 2018Novembre 2018Paris

Développement de l'interface web et des cas d'usage pour le robot Pepper (Softbank Robotics), mis en production dans les agences bancaires. Développement de microservices pour le projet Cognitive Services.

  • Robot Pepper (Softbank Robotics)

    Interface web et cas d'usage pour le robot conversationnel Pepper, déployé en production dans les agences Société Générale.

    JavaScript ES6PythonReactReduxWebpackDocker
  • Microservices — Cognitive Services

    Développement de microservices REST pour le projet d'intelligence artificielle Cognitive Services.

    PythonDockerSwaggerMicroservicesREST API
02

Compétences

Front-end

  • JavaScript ES6+
  • Web Components / Custom Elements
  • HTML5
  • SCSS
  • Less
  • CSHTML / Razor (.NET MVC)

Frameworks

  • React
  • Next.js
  • Redux

Build & Tooling

  • Webpack
  • Babel
  • NPM
  • ESLint
  • PostCSS
  • Prettier

Architecture

  • Micro-frontends (MFE)
  • Design Systems
  • Web Components natifs
  • Design Tokens

Back-end & Langages

  • Node.js
  • Python
  • C#
  • .NET
  • C

Cloud & Infra

  • Microsoft Azure
  • VMware
  • Ansible
  • Docker
  • Kafka
  • Cosmos DB

Outils & Méthodes

  • Figma
  • Datadog
  • Git
  • Jira
  • Agile / Scrum
  • WCAG / RGAA
  • SEO technique
03

Projets clés

Fnac Darty

SMILE — Refonte CMS interne

Conception des maquettes Figma en autonomie et refonte technique complète du front d'un CMS interne. Déployé en production et utilisé quotidiennement par ~50 éditeurs de contenu sur 8 marchés (France, Belgique, Suisse, Espagne, Portugal, Fnac Pro).

FigmaJavaScriptWeb ComponentsCMS8 marchés
Fnac Darty

Librairie Web Components / Design System

Création et maintenance d'une librairie NPM interne de 20 à 30 composants UI en Custom Elements natifs, consommée par 3 équipes front sur fnac.com. Packages partagés (design tokens SCSS, configs ESLint/Babel communes) constituant le socle d'un Design System.

Web ComponentsCustom ElementsNPMDesign TokensSCSSESLint
42 Lisboa

Site e-commerce Next.js — 42 Lisboa

Site de merchandising pour l'école 42 Lisboa : catalogue produits, authentification OAuth via l'API officielle de 42, gestion des commandes. Développé en autonomie, from scratch, déployé en production.

Next.jsTypeScriptOAuthAPI 42E-commerceNode.js
Société Générale

Robot Pepper — Interface web

Interface web et cas d'usage pour le robot conversationnel Pepper de Softbank Robotics, développé au sein du Lab Innovation de la Société Générale et mis en production dans les agences bancaires.

ReactReduxJavaScript ES6PythonDockerWebpack
04

Formation

Diplômes

École 42

2016 — 2019

Architecte en technologie de l'information

Formation intensive par projets et peer learning. Programmation C, C++, Shell scripting, algorithmie, Unix, réseaux, systèmes. Pédagogie sans cours magistraux, 100% pratique et collaborative.

Lycée Rosa Parks

2016

Baccalauréat STI2D

Sciences et Technologies de l'Industrie et du Développement Durable, spécialité informatique et numérique.

Formations continues & certifications

Mars 2025

Accessibilité web (WCAG / RGAA)

Fnac Darty — Formation interne

Formation sur les référentiels WCAG 2.1 et RGAA 4.1 : critères d'accessibilité, tests avec lecteurs d'écran, audits techniques.

Juin 2025

IA & GitHub Copilot

Fnac Darty — Formation interne

Utilisation de l'IA générative dans les workflows de développement : GitHub Copilot, prompt engineering, bonnes pratiques.

2022

Microsoft Azure Cloud

Fnac Darty — Formation interne

Fondamentaux Azure : services cloud, architecture distribuée, Cosmos DB, Kafka, déploiement d'applications.

2022

Design Thinker

Formation externe

Méthodologie Design Thinking : empathie, idéation, prototypage, test utilisateur. Application sur des projets concrets.

05

Contact

Disponible pour des missions freelance en Île-de-France ou en full remote. N'hésitez pas à me contacter pour discuter d'un projet ou d'une opportunité.

Ou directement par email