Qui suis-je ?

Photo de profil

Diplômé d'une formation de Développeur Web j'ai acquis des compétences techniques qui font de moi un développeur polyvalent via de nombreux projets, traitant de l'intégration à la mise en production. Professionnel, aimant les challenges et le travail en équipe, j'ai à cœur de mener mes projets à bien et de les maintenir dans le temps. Fort de mon passé de mécanicien, j'ai développé des compétences humaines et techniques que je saurais mettre à profit dans ce milieu.

Formations

Logo de OpenClassrooms

J'ai donc effectué une formation de Développeur Web via la plateforme OpenClassrooms, qui regroupe 6 projets de type professionnel et qui englobe plusieurs compétences et techniques de travail nécéssaires pour intégrer une entreprise.

Projets

Logo de Booki

Transformer une maquette en site web avec HTML & CSS

Voici le premier Projet, qui consiste a reproduire un site web via une maquete graphique avec HTML5 et CSS3. Cela avait pour but de découvrir et d'assimiler la sémantique d'un site web, comprendre comment le structurer, définir des classes ainsi que du style basique.

Compétences Acquises :

  • Apprentissage HTML5
  • Apprentissage CSS3
  • Apprentissage de git et ses commandes (pull, push, stash,...)
  • Intégration web via maquette graphique
  • Apprentissage de la sémantique
  • Animations CSS
  • FlexBox
  • Mise en place d'un site Responsive
  • Connaissance et validation de W3C
Logo de ohmyfood

Dynamiser une page web avec des animations CSS

Ce projet devait animer un site web statique et mettre le point sur les animations avec Sass, l'utilisation de la méthodologie BEM et l'utilisation de GitHub.

Compétences Acquises :

  • Apprentissage de la méthodologie BEM
  • Création de Mixins, Loader , Keyframes et Animations
  • Apprentissage de GitHub Pages pour host son projet
  • Affichages diférés lors du chargement de page
  • Postion relatives et absolute
  • Utilisation des Devtools pour debug + améliorations de projet
Logo du projet 4

Optimiser un site web existant

Ce projet avait pour but de nous sensibiliser a l'accessibilité des sites web, pour les personnes handicapées, au ressenssement via les moteurs de recherche et adopter les bonnes pratiques.

Compétences Acquises :

  • Apprentissage de l'accessibilité
  • Rédiger un rapport SEO
  • Utilisation des outils de SEO pour diagnostiquer les éléments à améliorer
  • Apprentissage des CDN, compression d'images et du ratio des couleurs
  • Tests de performances via des outils de type Tanuguru
  • Tests et contrôle de chargement via les Devtools
  • Découverte des maj de packages, librairies et langages
  • Utilisations de plusieurs type de formats (svg, jpg, png, webP, jpeg)
Logo du projet 5, Kanap

Construire un site e-commerce en JavaScript

Pour la suite de la formation nous avons découvert JavaScript, le but de ce projet était de créer un site de commande de canapé, de l'affichage de tous les objets a la confirmation d'achat.

Compétences Acquises :

  • Apprentissage de JavaScript Vanilla
  • Découverte des requêtes POST API
  • Utilisation du local storage
  • Protection de certaines données , Apprentissage basique de sécurité web
  • Apprentissage des fonctions Synchrones et Asynchrones
  • Création et utilisation du DOM
Logo du projet 6

Construire une API sécurisée pour une application d'avis gastronomiques

L'avant dernier projet a pour but de nous faire apprendre le NodeJs, les différents outils disponibles, la liaison entre le front et le back, ainsi que les normes de sécurité. Le front était déjà fourni en Angular.

Compétences Acquises :

  • Apprentissage de NodeJs
  • Découverte d'outils: Express , Morgan, Cors, Helmet, ...
  • Mise en place de l'API et comment la structurer
  • Mise en place de la sécurité avec Jwt et les variables d'environnement
  • Mise en place de middleware pour contrôler les routes ou les vérifier
  • Création et utilisation de Models
  • Apprentissage et utilisation des Base de Données MongoDB
  • Gestion des requêtes et apprentissage des codes (201, 404, 500, etc)
  • Gestion des erreurs
Logo du projet 7, Groupomania

Créer un réseau social d’entreprise

Pour clôturer la formation, on nous a demandé de créer un réseau social d'entreprise pour le groupe Groupomania. Le cahier des charges était peu contraignant. Il était demandé de pouvoir s'inscrire / se connecter, pouvoir créer, modifier et supprimer ses posts. Un système de like était demandé et un compte Admin devait pouvoir intéragir avec tous les posts. Il y avait également une charte de couleurs a respecter. L'utilisation d'un framework js était demandé pour la réalisation du projet. Pour ma part, j'ai utilisé React en front, NodeJs en back et un DB noSQL MongoDB.

Compétences Acquises :

  • Apprentissage de React (useState, useEffect, useContext, ... )
  • Utilisation d'un outils pour rassembler le front et le back (ViteJs, vite-plugin-mix)
  • Découverte et utilisation des composants + props
  • Créer un projet complet de A à Z
  • Utilisation d'outils pour faciliter l'expérience de codage : Bulma, Sass, db-import , db-export
  • Gestion des Routes et protection de celles-ci