Khalid Jebbari

Khalid Jebbari

Webmaster

Followers of Khalid Jebbari551 followers
location of Khalid JebbariParis et périphérie

Connect with Khalid Jebbari to Send Message

Connect

Connect with Khalid Jebbari to Send Message

Connect
  • Timeline

  • About me

    Senior Web Developer / Engineering Manager

  • Education

    • Université Paris Cité

      2004 - 2005
      Licence Professionnelle Multimedia et Web design
    • Université Paris-Sud

      2002 - 2004
      IUT Informatique

      IUT d'Orsay

  • Experience

    • SeLoger.com

      Sept 2004 - Sept 2005
      Webmaster

      Webmaster de SeLoger.com et ImmoStreet.com- Participation au développement de ces sites très fréquentés- Lancement de la version "Europe"​ d'Immostreet (7 langues et 5 pays au lancement)- Opérations de co-branding avec AOL, MSN, Tiscali, Yahoo!, TF1

    • Sekkei Studio

      Oct 2008 - Jan 2009
      Développeur Web

      J'ai créé plusieurs sites avec Sekkei Studio, du site basique n'impliquant que HTML et CSS au site dynamique de plus grande envergure avec Drupal. A partir des maquettes et du cahier des charges, je développais tout, y compris le code HTML, la base de données, des scripts jQuery adaptés.J'ai aussi apporté mon expertise lors de la réalisation de maquettes, de la création d'interface et l'amélioration de l'ergonomie, et j'ai formé plusieurs clients à l'utilisation du CMS Drupal.

    • Auto-entrepreneur

      Jan 2010 - Jan 2012
      Développeur Web et Drupal

      Officiellement auto-entrepreneur depuis janvier 2010.J'offre mes services en tant que :- web designer- integrateur (de psd vers html)- développeur web- Développeur/themer Drupal

    • People At Work

      Sept 2010 - Jan 2010
      Développeur Drupal

      - Maintenance de www.maviepro.fr- Développement de www.electric-vehicles-on-the-web.co.uk- R&D pour des projets internes

    • Freelance

      Jan 2012 - Jan 2012
      Développeur web (HTML5, Javascript, Nodejs)

      Ai créé le site de la gallerie d'art 24b, http://24b.isEtudie Javascript, Nodejs, BackbonejsAi participé au HTML5 Game Jam et produit ce jeu : http://lajili.com/PlayWatch/Contributions open-source à DocPad

    • Marmelab

      Jan 2013 - Jan 2013
      Développeur web

      Utilisant des méthodes agiles, le TDD et Git, je développe des sites pour différents clients, utilisant principalement les technologies suivantes : Node.js, Backbone.js, Symfony 2. Clients : Cloudscreener, PMU, 20 minutes.

    • Art & Thief

      Jan 2013 - Jan 2013
      Développeur de jeu (Unity)

      During the ByMeApp "Video Games"​, nous avons créé de toute pièces un petit jeu nommé "Art & Thief"​ en 48 heures, en utilisant le moteur de jeu Unity et le langage C#. Vous pouvez retrouver le jeu sur sa page Facebook : https://facebook.com/artandthief

    • PMU

      Jan 2013 - Sept 2013
      Développeur web Front-end

      Développer le nouveau portail pmu.fr, notamment la prise de paris en ligne, en utilisant Backbone.js, Require.js et jQuery. Grande équipe de travail : +40 personnes dont +20 développeurs.- Gestion de compte- Gestion de session utilisateur- Gestion des erreurs réseaux- Système de paris en ligne (la partie la plus complexe de l'application)- Intégration HTML, en utilisant Less- Tests unitaires et fonctionnels avec QUnit, Casperjs et CoffeeScript- Outil de tests interne Voir moins

    • Best of Web

      Jan 2014 - Jan 2015
      Conference Co-Organizer

      J'ai co-organisé ma 1ère conférence payante, qui a attiré 450 personnes. J'ai participé à plus ou moins toutes les tâches et discussions, mais je me suis concentré sur : la communication et la promotion, l'agenda du jour J, la recherche d'un lieu. Le jour J, j'étais MC, assurant les transitions entre les speakers et organisant leur passage. J'ai aussi rédigé le questionnaire de satisfaction. La conférence a été un succès !http://bestofweb.paris

    • Sacem

      Jan 2014 - Jan 2015
      Développeur Web Sénior

      Pour le compte de la Sacem, j'ai participé à la refonte de leur portail web. Dans une équipe agile (scrum), j'ai occupé le rôle de lead developer et team leader. J'ai mis en place la stack front-end basé sur React.js et browserify et la méthodologie de test fonctionnels basée sur Sélénium et FluentLenium, participé au code Java (Spring) et aux tests unitaires, écrit des outils internes (bash, Node.js et Clojure), participé à la mise en place de la méthodologie de développement en équipe avec Git, formé les autres développeurs à React.js, et participé activement à de nombreux ateliers avec les métiers. Voir moins

    • Cloudwatt

      Jan 2015 - Jan 2015
      Formateur/Coach

      J'interviens occasionnellement dans les locaux de Cloudwatt où je forme l'équipe de développeurs à React et les encadre. Je leur transmets des bonnes pratiques sur l'organisation du code, la mise en place d'un environnement de développement efficace, le test du code et des composants React. Nous développons également des User Stories en mode Rondori : 1 clavier pour toute l'équipe, et nous discutons des problèmes et codons les solutions ensemble.

    • React Europe Conference

      Jan 2015 - Jan 2015
      Formateur/Animateur sur React.js

      Pendant les jours de pré-conférence, j'ai formé une douzaine de personnes aux basiques de React.js. J'ai mené un atelier pratique où les participants ont pratiqué tout au long de la journée, ce qui leur a permis d'aller du niveau 0 à un niveau opérationnel. Les retours furent positifs.J'ai également animé le hackathon React Europe dans les locaux de Mozilla à Paris, où les participants devaient développer et montrer une petite application utilisant React et soit Touchstone.js soit la Web API de Meetup.comhttps://www.react-europe.org/2015.html#schedule Voir moins

    • Linkfluence

      Oct 2015 - Mar 2016
      Frontend Web Developer

      - Maintenance et amélioration du front-end du back-office personnalisé : J'ai assuré la maintenance et ajouté des fonctionnalités au front-end du back-office (développé en Angular.js et Scala) pour les clients de Linkfluence, incluant les paramètres utilisateur, les requêtes de données et les tableaux de bord. J'ai parfois dû analyser le code Scala du back-end pour mieux comprendre les API.- Modernisation des outils front-end : Au début, nous gérions le code avec des centaines de balises script disposées manuellement. À la fin de mon implication, l'équipe utilisait des outils modernes basés sur Webpack.- Développement d'un prototype d'application : J'ai créé un prototype d'application utilisant React.js et Redux pour permettre à l'entreprise d'évaluer la technologie.- Exploration de Clojure : D'autres membres de l'équipe utilisaient Clojure, ce qui a éveillé ma curiosité. J'ai étudié et appris les bases de ce langage. Voir moins

    • BNP Paribas CIB

      Jan 2016 - Jan 2017
      Web Developer

      Renforcement de l'équipe développant un back-office webJ'ai joué un rôle crucial dans le renforcement d'un projet interne visant à créer un back-office web, offrant essentiellement une "AWS interne" par le déploiement rapide de machines avec des logiciels préinstallés. Nos utilisateurs principaux étaient des traders et d'autres parties prenantes internes à BNP CIB.Mes contributions :- Amélioration des fonctionnalités : J'ai considérablement enrichi le back-office avec diverses fonctionnalités telles que la création de machines, les notifications en temps réel et la gestion des ressources.- Transition technologique : J'ai dirigé la refonte de l'application d'Angular.js à React.js, car Angular semblait trop restrictif pour nos besoins.- Modernisation UI/UX : J'ai revu les aspects CSS et UI de l'application pour améliorer son attrait visuel.- Expérimentation de gestion des ressources : J'ai mené une preuve de concept (POC) pour une interface de gestion des ressources utilisant Mobx et TypeScript.- Infrastructure de déploiement : Le déploiement du back-office reposait entièrement sur Docker et Rancher, assurant une haute disponibilité grâce à la redondance pour minimiser les temps d'arrêt.- Efforts collaboratifs : J'ai travaillé en étroite collaboration avec diverses équipes, notamment les développeurs de catalogue de produits, les spécialistes de l'automatisation, les administrateurs système et les experts en journalisation/analyse.- Création de tableaux de bord : J'ai conçu et mis en œuvre tous les tableaux de bord pour surveiller les performances du système à l'aide de Grafana.- Maîtrise de Linux : Grâce à la collaboration avec les contributeurs Linux, j'ai considérablement élargi ma compréhension du Linux en général. Cela m'a conduit à passer d'un MacBook à un ordinateur portable fonctionnant sous Arch Linux. Voir moins

    • Oscaro

      Jan 2017 - Jan 2020
      Senior Web Developer

      - Réécriture progressive du site web en Clojure/ClojureScript.- Le site est une vue du vaste catalogue de produits, donc collaboration étroite avec l'équipe catalogue lors de la définition/développement des fonctionnalités.- Participation et aide à l'équipe pour adopter un processus amélioré grâce à certaines pratiques de la méthodologie Agile/Lean.- Développement de nouvelles fonctionnalités et suivi de leurs indicateurs de performance métier et technique (KPI).- Amélioration de la navigation du site pour optimiser le référencement (SEO).- Mise en place d'outils de surveillance des performances : tableaux de bord Grafana, open tracing avec Jaeger et optimisation de certaines parties de l'application.- Déploiement d'une solution personnalisée d'A/B testing pour les fonctionnalités UI.- Contribution aux bibliothèques open source utilisées dans le projet.- Création d'une bibliothèque de tracking en JavaScript pour tous les sites Oscaro.- Formation des nouveaux arrivants sur Clojure. Voir moins

    • Ubisoft Paris Mobile

      Oct 2020 - Jan 2022

      En tant que développeur principal de l'équipe des Opérations Live au sein d'Ubisoft Paris Mobile, je dirige une équipe de 3 développeurs pour créer un nouvel outil destiné à gérer nos jeux Live.- Concevoir des outils permettant aux Community Managers d'interagir directement avec les joueurs.- Développer des outils pour le Service Client afin de visualiser les profils des joueurs et de les compenser en cas de problème.- Créer des outils pour les spécialistes des Opérations Live afin de gérer et d'exploiter la boutique du jeu, en définissant les offres, leurs visuels et leurs prix (en monnaie réelle ou en devise virtuelle du jeu).- Développer des outils permettant à l'équipe de développement d'effectuer un suivi et une configuration du jeu.- Rendre ces outils aussi réutilisables que possible d'un jeu à l'autre, en évitant de tout reconstruire à chaque fois, grâce à des logiciels open source et des composants/frameworks React réutilisables (Material UI et React-admin).- Assurer une base de code de haute qualité grâce à des revues de code, le partage de connaissances, la formation de l'équipe, l'encouragement à prendre des décisions et une bonne pipeline CI/CD. Voir moins

      • Project Lead

        Jan 2022 - Jan 2022
      • Lead developer Web Tools

        Oct 2020 - Jan 2022
    • Evryg

      Jan 2023 - now

      Contexte :Engineering Manager avec une capacité à optimiser les processus internes, à renforcer la formation des équipes et à créer des outils innovants. Mes missions internes chez evryg m'ont permis de mettre à profit mes compétences pour apporter une contribution significative au cabinet de conseil dans les domaines suivants :Formation interne :Renforcement des compétences des développeurs en matière de lean management :- Animation d'ateliers sur le PDCA et la résolution de problèmes pour améliorer l'efficacité et la qualité du travail et l'impact chez nos clients - Organisation d'ateliers hebdomadaires et quotidiens d'apprentissage et de partage de connaissances pour favoriser une culture d'apprentissage continuERP interne :Réalisation d'un outil de génération de CVs basé sur notre ERP :- conception, implémentation et déploiement de l'outil- nombreuses discussions avec l'équipe commerciale pour adapter l'outil à leur besoin- Stack technique : Node.js, TypeScript, Effect, fastify, pupeteer, Docker, déployé chez Scaleway via des Github ActionsSuivi commercial :- Revue et participation active au travail quotidien d'avant-vente en collaboration avec les fondateurs et l'équipe commerciale.- Apport d'une expertise technique et d'une vision stratégique aux discussions commerciales.Résultats globaux :- Amélioration significative de l'efficacité des processus internes et de sa productivité .- Renforcement des compétences des employés et promotion de Lean Management dans l'amélioration continue. - Développement d'outils qui contribuent à la gestion des talents et à l'émergence commerciale d'evryg. Voir moins Contexte :J'ai mené l'audit commandé par la société [SOCIÉTÉ 1] qui souhaite racheter une autre société SaaS [SOCIÉTÉ 2] et veut connaître la qualité de la plateforme logicielle pour guider leur décision d'achat.Objectifs de la mission :- Déterminer la qualité générale du logiciel et ses problèmes- Caractérisation des problèmes : onboarding, développement, opérations en production- Déterminer l'effort nécessaire (et donc le coût) pour corriger ces problèmes : parle-t-on de petites corrections ou d'une réécriture complète ?Réalisations :- Structuration des parties "Analyse" et "Rédaction" de l'audit- Orchestration et répartition du travail avec les autres auditeurs- Recrutement d'un auditeur externe pour compléter nos compétences- Rédaction du rapport final- Restitution orale finale devant le client Voir moins Contexte :Electre est un acteur historique dans le monde de l'édition qui fournit une plateforme riche de recherche et d'achat de livres, musique, films et jeux vidéo à destination notamment des librairies et des bibliothèques. Le projet Electre NG (New Generation) est une réécriture complète de la solution logicielle sous forme de Single Page App, et l'année 2024 est l'année de la migration progressive des utilisateurs vers cette nouvelle version ainsi que l'intégration d'un nouveau fournisseur de ces données de catalogue.Objectifs de la mission :- Renforcer l'équipe de développement d'Electre NG, en particulier sur les aspects front-end- Intégrer les nouvelles données du catalogue du nouveau fournisseur dans le système actuel- Enrichir le back-office pour faciliter la gestion des utilisateursRéalisations :- Développement et maintien d'un catalogue de composants UI à destinations des autres devs pour faciliter l'intégration de nouvelles pages- Développement d'une UI très spécifique de recherche avancée pour les utilisateurs les plus pointus- Refactoring d'un composant complexe et essentiel de vue liste pour réduire la duplication de code, améliorer la documentation et la fiabilité et faciliter l'intégration de la pagination et du tri- Développement frontend et backend du tri et de la pagination avec ce composant, et partage du code entre l'application et son back-office- Intégration full-stack du nouveau fournisseur de données catalogue : extraction des données dans la pipeline Datasplash -> harmonisation des données dans Postgres -> indexation des champs dans Solr -> affichage des données dans l'applicationStack technique :Clojure, ClojureScript, CSS, Postgres, Apache Solr, Docker, Google Big Query Voir moins Contexte :Aware développe des solutions logicielles pour les distributeurs et les fabriquants de la grande distribution. J'ai rejoint l'équipe qui développe un dashboard affichant des détails et infographies avancés sur tout ce qui est lié aux ventes finales, que ce soit sur site ou en ligne.Stack technique :Next.js, React.js, React-hook-form, recharts, Azure Cloud (Azure Devops, Azure Blob Storage)Réalisations :- Réduit le nombre de bugs qui augmente à un rythme alarmant en introduisant et systématisant le méthode de résolution de problème issue du Lean- Réduit le temps passé en code review en introduisant l'étape de "Tech Specs", où les développeurs définissent ensemble la stratégie technique pour déveloper une feature avant de commencer le développement- Découple les déploiements et les releases en systématisant et standardisant les feature flags de façon à ce que les features soient livrés par petits paquets plus faciles à review- Optimise les pipelines de déploiements Azure Devops : de +30 minutes à ~10 minutes- Développe diverses features de visualisation avec React et recharts Voir moins

      • Engineering Manager

        Jan 2023 - now
      • Lead Technical Auditor

        Jan 2025 - Jan 2025
      • Full-stack Developer

        Mar 2024 - Jan 2024
      • Lead Frontend Engineer

        Jan 2023 - Jan 2023
  • Licenses & Certifications

    • M101 : MongoDB for developers

      10gen
      Jan 2012