Mes outils

4 technos principales, travaillées sur des projets réels d'école.

01
HTML
CSS
Bases solides

La fondation de tout projet web. Je maîtrise la structure HTML et la mise en forme CSS, avec une attention portée au responsive design et à l'accessibilité. C'est avec ces deux technos que j'ai construit la majorité de mes interfaces.

Structure et organisation du code
Mise en page Flexbox et CSS Grid
Responsive design — mobile, tablette, desktop
Intégration de maquettes graphiques
Animations et transitions CSS
02
PHP
Fonctionnel

PHP me permet de rendre mes pages dynamiques et interactives côté serveur. Je l'utilise pour traiter des formulaires, gérer des sessions utilisateur, et créer des pages dont le contenu est généré à partir d'une base de données.

Logique serveur et pages dynamiques
Traitement et validation de formulaires
Gestion de sessions
Connexion à MySQL
Notions de sécurité (injections SQL, JavaScript)
03
Java
Script
En progression

JavaScript me permet d'ajouter de l'interactivité côté navigateur sans recharger la page. Je travaille encore à renforcer mes bases mais j'utilise déjà JS pour les comportements dynamiques de mes interfaces.

Manipulation du DOM
Événements et interactions utilisateur
Validation de formulaires côté client
Effets visuels et animations
04
MySQL
En progression

Les bases de données relationnelles sont indispensables dès qu'un site gère du contenu dynamique. J'ai travaillé sur des projets avec MySQL : conception du schéma, écriture des requêtes, et intégration avec PHP pour lire, insérer ou modifier des données.

Conception de schémas relationnels
Requêtes SELECT, INSERT, UPDATE, DELETE
Jointures entre tables (INNER JOIN, LEFT JOIN)
Intégration avec PHP via PDO
Traitement et affichage de données dynamiques

Outils & contexte

Les outils que j'utilise au quotidien en formation.

Éditeur
VS Code

Mon éditeur principal. Extensions pour PHP, Live Server pour le rendu temps réel.

Base de données
phpMyAdmin

Interface pour gérer les bases MySQL, tester les requêtes et visualiser les données.

Serveur local
WAMP / XAMPP

Environnement local Apache + PHP + MySQL pour développer et tester en local.

Déploiement
FileZilla

Transfert FTP pour déployer mes projets sur les serveurs de l'école (mmi-troyes.fr).

Versionning
Git & GitHub

Commits, push, pull, gestion de branches. Appris en cours, appliqué sur mes projets perso et scolaires.

Photo & retouche
Adobe Lightroom

Retouche et traitement des photos pour mon activité drone et photo sur mkdronephoto.fr.

Retouche & intégration
Adobe Photoshop

Retouche d'images, création de visuels, exports optimisés pour le web. Utilisé régulièrement sur mes projets.

Montage vidéo
Adobe Premiere Pro

Montage de séquences vidéo, notamment pour le contenu drone et photo de MK Drone Photo.

3D — notions
Blender

Utilisé ponctuellement — notamment pour nettoyer et optimiser le modèle anatomique 3D de GymLeague avant son intégration Three.js.

CMS
WordPress

Utilisation et configuration de WordPress pour des projets clients et personnels.

Comment je travaille

Les réflexes pro que j'ai acquis en formation et sur mes projets personnels.

01
Git & GitHub
Je versionne mes projets avec Git — commits réguliers, push sur GitHub, gestion de branches. Appris en cours, c'est devenu un réflexe : je n'attaque plus un projet sans git init. Ça évite les régressions et ça prépare à travailler en équipe.
02
Du local à la production
Je développe et teste en local (XAMPP), puis je déploie — via FTP sur les serveurs de l'école, ou via SSH + Plesk sur mon VPS pour GymLeague. Je sais gérer les deux contextes et les différences d'environnement que ça implique.
03
Code lisible et organisé
Structure de fichiers cohérente, nommage explicite, séparation claire HTML/CSS/JS/PHP. Ce portfolio tourne sur un système d'include PHP pour factoriser l'en-tête et le pied de page — modifier la nav se fait en un seul endroit.
04
Apprentissage par la pratique
Documentation MDN, lecture de code existant, expérimentation directe. Chaque concept nouveau passe par un test concret avant d'être intégré dans un vrai projet. J'utilise aussi l'IA comme tuteur — pour comprendre, pas juste pour copier.

Tu veux voir mes projets ?

Les compétences prennent tout leur sens dans un contexte réel.

Voir les projets →