Photo de Christopher Maugis

Christopher MAUGIS

Développeur web fullstack

Qui suis-je ?

Je suis Ingénieur Informaticien, développeur web fullstack passionné par les nouvelles technologies.
Principalement orienté front pour faire du React/JavaScript (ES6/ES2020) avec Webpack/Encore pour bundler mes fichiers et Yarn pour gérer mes packages nodes, je code la partie back en PHP avec le framework Symfony depuis la version 3 jusqu'à la dernière.

Ma principale préoccupation lors de mes développements étant la webperf, j'utilisais Speedcurve lors de mes précédentes expériences, devenu un outil que je maîtrise, je me basais beaucoup sur les reportings que j'ai adapté à chacun des projets.

Adepte du terminal tout noir avec des lettres blanches, je suis à l'aise avec les container Docker pour gérer au mieux mon environnement de développement. Pour moi Linux en ligne de commande est une évidence et je suis loin d'en être effrayé.
Pour faire un bon projet, il est important d'utiliser GIT et pour améliorer les mises en production et bien savoir gérer les branches, il faut maîtriser Git-Flow.

Expériences Personnelles

Ce portfolio

Hébergé chez Netlify
(Il en aura vécu des changements)

Ce site est construit en HTML avec du SASS et JavaScript compilés via Webpack-Encore.

Le code est sur Github, pour mes anciens déploiements sur OVH j'avais utilisé la nouvelle fonctionnalité Actions, avec Git-Flow pour faciliter la création de TAG.

Le site est dépoyé automatiquement sur Netlify, avec des preview sur mes branches de tests.

Le site était hébergé et déployé sur un VPS de OVH, puis sur Firebase Hosting avant de passer chez Netlify.

J'ai paramétré et utilisé quelques outils comme CloudFlare et Simple Analytics.

Technologies utilisées:

  • Docker
  • Webpack-Encore
  • Github Actions
  • CloudFlare
  • Netlify
  • Simple Analytics

Expériences Professionnelles

Développeur web

Habitat - Aubervilliers
Mars 2020 - Février 2024

Habitat était une chaîne de magasins spécialisée dans la vente de meubles et d'accessoires de décoration contemporains.

Réalisations :

Développement des sites internet Habitat et Habitat-Design.

Projet de migration du thème : réécriture de tous les fichiers de style de LESS en SASS, visant à moderniser l'esthétique et l'efficacité du design.

Intégration méticuleuse des maquettes fournies par le prestataire pour assurer une cohérence visuelle et une expérience utilisateur optimale.

Amélioration significative de la web-performance grâce à des analyses approfondies avec Speedcurve et Pagespeed Insight, permettant d'optimiser la vitesse de chargement et la réactivité du site.

Projet en autonomie avec une carte blanche pour la création d'un outil interne novateur, destiné à simplifier et améliorer les processus quotidiens du service marketing.

Mise à jour proactive du framework utilisé, passant de Symfony 3 à 4 puis à Symfony 6, pour bénéficier des dernières fonctionnalités et garantir une base solide et sécurisée.

Création de 3 projets innovants sous React avec Create-React-App, dont 2 connectés à un Symfony en utilisant Api-Platform, pour offrir des solutions interactives et dynamiques.

Mise en place de règles rigoureuses pour la nomenclature simplifiée des commits au sein de l'équipe, accompagnée d'un changelog automatique, favorisant une gestion claire des versions et des évolutions du code.

Encadrement et gestion efficace d'une alternante pendant 1 an, démontrant des compétences en leadership et en mentorat, avec des retours positifs de la part de mon manager.

Projets de refonte approfondie des assets JavaScript avec un passage à ES6 avec Webpack-Encore, ainsi que la suppression totale de jQuery jugé obsolète.

Projet en autonomie d'utilisation astucieuse des images en format WebP. À partir des images PNG, création à la volée d'une image WebP si le navigateur est compatible, en étant connecté à 3 lambdas sous AWS avec du code JavaScript optimisé en termes de rapidité et de consommation d'énergie.

Technologies utilisées:

  • ES6 / React
  • Webpack-encore
  • PHP7 -> PHP8
  • Bitbucket
  • Symfony
  • Jira / Confluence
  • Agilité

Développeur web

Développeur web
Septembre 2018 - Février 2020

Rue du Commerce est une entreprise française de grande distribution, acteur du secteur du commerce en ligne en France.

Réalisations :

Je me suis occupé des parties frontales du site (fiche produit, recherche ainsi que le header/footer général) en utilisant Symfony3/4 et PHP7.

J'ai eu comme grand projet la réunification de deux grandes API en une seule. Ce projet était nécessaire car les deux APIS étaient dans un legacy médiocre. Grâce à cette réunification, j'ai pu apprendre et mettre en pratique de nouvelles technologies comme webpack-encore avec ES6. Cette API est utilisée par tous les micro-services du site car elle délivre le header et le footer correspondant à chaque page du site.

La principale recherche lors de la migration vers webpack-encore en utilisant les normes ES6, était la webperf. En effet, la migration des scripts JS était une des étapes qui a rendu Rue du Commerce premier site e-commerce dans le classement du Journal du Net et cela pendant plus d'une année consécutive.

Lors d'un hackathon interne, j'ai pu accompagner les élèves qui étaient venus avec pour sujet de "Ré-inventer le e-commerce". Grâce à mes connaissances en front et avec mon œil vigilant sur la web-performance, j'ai sû les guider vers des outils moins gourmands.

Un autre projet innovant fut la création d'un site entièrement contruit en React pour le front ainsi que le Framework API Platform pour la partie back pour l'API. C'est grâce à ce projet que je maîtrise la bibliothèque JavaScript de Facebook. Ce site a été créé from scratch en utilisant Create React App.

Technologies utilisées:

  • Docker
  • ES6
  • Webpack-encore
  • React
  • PHP7
  • API Platform
  • Gitlab CI/CD
  • Symfony3/4
  • Jira / Confluence
  • Agilité

Développeur web en prestation

HR-Team - Paris
Juillet 2017 - Août 2018

HR-TEAM étant une entreprise de Services du Numérique, j'étais chez un de leurs clients.

Réalisations :

Chez ce client nous utilisions Symfony3 et j'étais responsable de la maintenance ainsi que l'élaboration d'améliorations des principales parties front du site.

Technologies utilisées:

  • Docker
  • JavaScript ES6
  • PHP7
  • Symfony
  • HTML/CSS/SASS
  • Jira
  • Agilité

Développeur web

Apivia Courtage - Châtellerault
Février 2016 - Mai 2017

Apivia courtage est le premier grossiste mutualiste. Durant plus d'un an en leur compagnie, je me suis perfectionné dans le domaine du développement PHP.

Réalisations :

Nous avions, pour mission, la gestion des sites intranet et extranet de la société. L'extranet étant utilisé pour les connexions des courtiers (différents tarificateurs et outils pour les aider durant leurs adhésions de leurs clients) et l'intranet, utilisé en interne pour les outils que nous développions à leur demande.

Plusieurs projets en binôme ou trinôme nous ont été confiés, pour les réaliser nous avons utilisé doctrine et un code PHP un petit peu plus orienté objet et ce malgré la non-utilisation d'un framework (les sites étant historiques, il n'est pas possible d'y intégrer un framework sans devoir tout refaire).

Un projet à faire seul m'a été confié, la création d'une GED (gestion électronique de documents) pour le pôle courrier d'Apivia Courtage. Ce projet a été réalisé entre le pôle courrier (recueil de besoins), le pôle développement (moi-même) ainsi que le pôle métier dans lequel les scans devaient être envoyés. Ce projet utilisait les technos suivantes :

  • PHP 5 en procédural.
  • Git pour le versionning ainsi que le déploiement via les hooks.
  • Bootstrap 3
  • jQuery pour faire des animations fancy.

Une machine de test était à notre disposition sur le réseau interne, nous l'utilisions pour pouvoir apprendre et créer nos propres scripts d'automatisation Git.

Technologies utilisées :

  • PHP5
  • Doctrine
  • Bootstrap
  • Git / Git hook natif
  • HTML/CSS
  • MySQL
  • jQuery
  • Linux

Développeur / Intégrateur (Alternance)

Septembre 2014 - Août 2015

Pour mon diplôme de bachelor informatique à l'ECE Tech, j'étais en alternance dans l'agence digitale de 3octets. Nous avions en projet le design, la création et le développement de sites internet (tous en full-responsive).

Durant cette année chez eux, j'ai eu pour projet solo la création d'un site pour un client en utilisant le CMS Joomla (ce CMS a été choisi grâce à des plugins demandés), avec l'intégration depuis un fichier PSD venant du graphiste, puis l'installation de Joomla.

D'autres projets en duo sur du Wordpress ou encore des créations de sites vitrines from scratch avec bootstrap m'ont aussi été confiés.

Un projet Symfony2 nous a été confié (vu qu'à la même période j'apprenais Symfony durant mes heures de cours), le projet a duré six mois avec toute une intégration du site, mais aussi une partie back-office pour toute l'administration.

Technologies utilisées :

  • Symfony2
  • JavaScript
  • Wordpress
  • Joomla
  • PHP
  • HTML/CSS
  • Intégration
  • Photoshop
  • Git

Développeur web (Stagiaire)

Lycée Descartes - Tours
Janvier et Février 2014

Le département physique chimie du lycée avait besoin d'une application leur permettant de gérer leur stock de produits pour les différents TP des élèves.

Technologies utilisées :

  • PHP
  • Git
  • HTML
  • MySQL
  • jQuery

Le dev que j'aime

Frontend

  • JavaScript
  • TypeScript
  • React
  • Twig & HTML / CSS & SASS

Backend

  • PHP
  • Symfony
  • WordPress & Joomla!

Ce que je sais utiliser

  • Bash
  • Webpack-encore
  • Code Review
  • Git
  • GitLab / Github
  • Jenkins
  • Jira
  • Confluence
  • Apache / Nginx
  • Docker / Compose
  • Linux (Debian/Ubuntu)
  • Windows
  • macOS

Éducation

  • Bachelor Informatique
    ECE TECH
    Développement génie logiciel web et mobilité (certifiée RNCP niveau II), Mention AB
    2014 - 2015
  • BTS SIO SLAM
    Lycée Paul-Louis Courier
    Note de 20/20 à l'étude de cas (écrit de spécialité)
    2012 - 2014

Certifications

  • TOEIC - Session 2015
    755
  • Développement Android
    M2i - Formation diplômante.

Langues

  • Français (Langue Maternelle)
  • Anglais (Professionnel)
  • Geek L33T (3xc3ll3nt)

Centres d'intérêts

  • Chats
  • Motocycles
  • Netflix / Disney +
  • Licorne
  • Nerfs