Développeuse Web Junior · Formatrice Numérique — Disponible

Laetitia Braun

Je code, je conçois, et j'aime expliquer comment ça marche.

Développeuse web en formation à CF2M, je crée des sites et applications sur mesure — du design à la mise en ligne. Ancienne formatrice numérique, je recherche aujourd'hui un poste de développeuse web junior ou de formatrice en développement web.

Voir mes projets Me contacter

À propos
de moi

Je m'appelle Laetitia Braun, développeuse web en formation à CF2M à Bruxelles, où j'apprends à concevoir des applications complètes, du modèle de données à l'interface.

Avant de me former au développement, j'ai été formatrice / animatrice numérique : j'ai accompagné des publics variés dans la prise en main d'outils informatiques. Une expérience qui m'a appris à expliquer simplement, à être patiente, et à adapter mon discours à mon interlocuteur — des réflexes que je retrouve aujourd'hui dans ma façon de coder et de documenter mon travail.

Sur le terrain, j'ai déjà conçu et développé plusieurs projets réels : le site vitrine de mon père, auteur indépendant, une application de sudoku trilingue avec comptes utilisateurs et sauvegardes cloud, et une application de suivi d'animés connectée à une API externe. Des projets nés de vrais besoins, pas de simples exercices — c'est ce qui me plaît dans le développement web : résoudre des problèmes concrets pour de vraies personnes.

Je continue à apprendre chaque semaine — React, les frameworks backend, les bases de données relationnelles — avec l'objectif de devenir une développeuse autonome et rigoureuse, capable aussi bien de coder que d'expliquer comment ça marche.

4
Projets réels en ligne
8+
Technologies maîtrisées

Ce que je recherche

💻 Développeuse Web Junior
🎓 Formatrice / Animatrice en développement web

Disponible pour un poste, un stage ou une alternance en Belgique — à Bruxelles ou en télétravail partiel.

Discutons de votre besoin

Compétences

Une base solide en développement web, complétée par une méthodologie rigoureuse et une vraie appétence pour l'apprentissage continu.

Frontend

  • HTML5 & CSS3
  • JavaScript
  • jQuery
  • Bootstrap
  • AJAX
  • Responsive Design

Backend

  • PHP 8
  • Python
  • API REST
  • JSON

Bases de données

  • SQL
  • MySQL
  • MariaDB
  • phpMyAdmin

Outils

  • VS Code
  • Git & GitHub
  • Linux / Ubuntu / WSL
  • WampServer

Méthodes

  • POO & MVC
  • UML
  • Agile / Scrum
  • SEO
  • Accessibilité WCAG

En cours d'apprentissage En cours

  • React
  • Laravel / Symfony
  • Node.js / Express.js
  • Django
  • MongoDB
  • Docker

Soft skills

  • Pédagogie & vulgarisation
  • Communication claire
  • Autonomie
  • Rigueur
  • Curiosité

Projets en ligne

Quatre études de cas réelles, développées pour de vraies personnes — pas de simples exercices d'école. Chaque fiche détaille le besoin, mes choix techniques et ce que je changerais aujourd'hui.

SudokuMaster

Application web de sudoku trilingue (FR/EN/NL), développée pour mon père, auteur de la méthode des candidats colorés. Comptes utilisateurs, classements, sauvegardes cloud et cours interactifs.

Rôle : conception & développement complet, seule · Statut : en ligne, maintenu activement · Stack : PHP, MySQL, JavaScript

HTML CSS JavaScript PHP MySQL
Voir l'étude de cas complète
Le besoin
Mon père avait besoin d'un outil pour accompagner sa méthode d'apprentissage du sudoku auprès de ses lecteurs, avec un suivi de progression et un accès multilingue.
Fonctionnalités clés
  • Comptes utilisateurs & profils publics
  • Sauvegardes cloud avec résolution de conflits
  • Système de badges (22+) et classements
  • 5 thèmes visuels + mode daltonien
  • Tableau de bord d'administration
Choix techniques
PHP + MySQL côté serveur, pour rester simple à héberger sur un hébergement mutualisé sans dépendre d'un framework lourd. Le localStorage complète le cloud pour permettre de jouer hors-ligne puis se resynchroniser.
Difficulté & solution
La grille pouvait perdre des données quand deux sauvegardes se déclenchaient en même temps (fermeture d'onglet pendant l'auto-save). J'ai ajouté un flag de version et un filet de sécurité au beforeunload pour forcer une sauvegarde propre avant fermeture.
Ce que j'ai appris
Que la persistance de données côté client est plus piégeuse qu'elle n'y paraît, et l'intérêt de tester les cas limites (fermeture brutale, perte de connexion) plutôt que le seul chemin « heureux ».
Aujourd'hui, je changerais
Remplacer une partie de la synchronisation par une file d'attente plus robuste, et écrire des tests automatisés sur la persistance plutôt que de tout vérifier manuellement.
Voir le site

Carnet d'animés

Application de suivi d'animés avec comptes et profils multiples par foyer, recherche via API, suivi épisode par épisode et suggestions personnalisées.

Rôle : conception & développement complet, seule · Statut : en ligne · Stack : PHP, JavaScript, API GraphQL (AniList)

HTML CSS JavaScript PHP API
Voir l'étude de cas complète
Le besoin
Je voulais une application personnelle façon Netflix pour suivre mes séries animées en cours, avec un système par foyer proposant plusieurs profils.
Fonctionnalités clés
  • Comptes multi-profils par foyer
  • Suivi épisode par épisode
  • Moteur de suggestions basé sur les genres préférés
  • Galerie de personnages et badges de plateformes
Choix techniques
Stockage en fichiers JSON plutôt qu'une base de données classique, pour un projet personnel à faible volume — plus rapide à mettre en place et suffisant pour l'usage réel. Passage de l'API Jikan à l'API GraphQL AniList en cours de route, pour des données plus complètes.
Difficulté & solution
L'hébergement mutualisé ne reconnaissait pas la chaîne de certificats SSL lors des appels à l'API externe. J'ai embarqué un fichier cacert.pem à jour pour forcer une vérification SSL correcte côté PHP.
Ce que j'ai appris
Le fonctionnement d'une API GraphQL par rapport à une API REST classique, et l'importance de choisir son format de stockage selon le volume réel de données plutôt que de partir systématiquement sur une base de données.
Aujourd'hui, je changerais
Migrer le stockage JSON vers une vraie base de données maintenant que l'application a grandi, pour éviter les problèmes de concurrence si plusieurs profils écrivent en même temps.
Voir le site

Philippe Braun

Site vitrine pour un auteur indépendant, avec gestion dynamique du contenu côté serveur, formulaire de contact sécurisé et référencement travaillé.

Rôle : conception & développement complet, seule · Statut : en ligne, maintenu · Stack : PHP, MySQL, PHPMailer

HTML CSS JavaScript PHP MySQL
Voir l'étude de cas complète
Le besoin
Mon père, auteur indépendant, avait besoin d'un site vitrine professionnel pour présenter ses livres, avec un formulaire de contact fiable et un bon référencement — l'ancien hébergement gratuit posait des problèmes de sécurité et d'image.
Fonctionnalités clés
  • Formulaire de contact sécurisé (PHPMailer + piège à robots)
  • Balisage Schema.org et sitemap XML
  • Migration vers un hébergement payant
  • Certificat SSL et redirections HTTPS
Choix techniques
PHPMailer plutôt que la fonction native mail() de PHP, pour une délivrabilité fiable via SMTP authentifié — la fonction native atterrit trop souvent en spam sur les hébergements mutualisés.
Difficulté & solution
L'ancien hébergeur gratuit injectait des scripts publicitaires qui cassaient le HTTPS (contenu mixte). J'ai migré le site vers Hostinger et reconfiguré le DNS et le certificat Let's Encrypt pour repartir sur une base saine.
Ce que j'ai appris
Les bases de la configuration DNS, la différence entre un hébergement gratuit et payant en termes de fiabilité, et les fondamentaux du SEO technique (sitemap, Schema.org, Open Graph).
Aujourd'hui, je changerais
Ajouter un système de cache pour les pages statiques et automatiser la génération du sitemap plutôt que de le mettre à jour manuellement.
Voir le site

Laetitia Modèle

Portfolio photo personnel avec galeries responsives et affichage en grand format. Un terrain d'expérimentation pour soigner la mise en page et la performance de chargement d'images.

Rôle : conception & développement complet, seule · Statut : en ligne · Stack : HTML, CSS, JavaScript

HTML CSS JavaScript Portfolio
Voir l'étude de cas complète
Le besoin
Un espace pour présenter des galeries de photos de façon soignée, sans recourir à un CMS ni à un service tiers.
Fonctionnalités clés
  • Grille de galeries responsive en CSS Grid
  • Visionneuse plein écran navigable au clavier
  • Structure sémantique accessible
Choix techniques
Volontairement sans framework : l'objectif était de maîtriser le CSS Grid et le JavaScript natif pour la visionneuse, plutôt que de m'appuyer sur une librairie toute faite.
Difficulté & solution
Les images lourdes ralentissaient le chargement et provoquaient des décalages de mise en page. J'ai mis en place le lazy loading natif et réservé l'espace des images via leur ratio d'aspect en CSS.
Ce que j'ai appris
L'impact concret des images sur les performances perçues, et comment le CSS seul peut résoudre des problèmes qu'on pense souvent réservés au JavaScript.
Aujourd'hui, je changerais
Convertir les images en format WebP/AVIF avec repli automatique, pour aller plus loin sur la performance.
Voir le site

Formation & expérience

En cours

Développeuse Web — CF2M

Formation orientée développement web full-stack. Compétences acquises : PHP & architecture MVC, Python, jQuery, Bootstrap, Git & GitHub, programmation orientée objet, conception de bases de données relationnelles.

Expérience professionnelle

Formatrice / Animatrice numérique

Accompagnement de publics variés dans la prise en main d'outils informatiques : explications claires, patience, adaptation du discours au niveau de chacun. Une expérience qui nourrit directement ma façon de documenter et de vulgariser mon travail de développeuse aujourd'hui.

Pourquoi travailler avec moi

Je code proprement

POO, architecture MVC, code structuré et commenté quand nécessaire — prêt pour un travail en équipe et une relecture par un tiers.

Je conçois pour l'utilisateur

Accessibilité (WCAG), responsive design et performance ne sont pas des options pour moi, mais des critères dès la conception.

J'explique ce que je fais

Mon expérience de formatrice me pousse à documenter et vulgariser mon travail — utile en équipe comme face à un client.

Je livre, pas juste des maquettes

Mes projets sont en ligne, utilisés par de vraies personnes — pas de simples exercices restés sur mon disque dur.

Travaillons ensemble

Un poste à pourvoir, un projet web en tête, ou simplement une question ? N'hésitez pas à m'écrire, je vous répondrai dans les plus brefs délais.

laetitiabraun2@gmail.com laetitiamodele.infinityfree.me romancier.be romancier.be/sudoku laetitiabraun.eu/anime