Checklist du rapport de projet - Développeur·euse web et web mobile

Préparation du dossier

Structure du dossier de projet

Page de garde avec informations personnelles et titre du/des projet(s)
Dossier projet 💡 Nom du projet, votre nom, date, organisme de formation...
Sommaire détaillé du dossier
Dossier projet 📋 Plan détaillé avec numérotation des pages...
Présentation du contexte et des objectifs du/des projet(s)
Dossier projet 🎯 Contexte métier, cahier des charges, objectifs fonctionnels et techniques...
Support de présentation (diaporama) préparé pour la soutenance
Présentation 🎤 PowerPoint/PDF de 15-20 slides maximum, scénario de présentation...

🎨 Développer la partie front-end d'une application web ou web mobile sécurisée

Installer et configurer son environnement de travail

Documentation de l'installation et configuration de l'environnement de développement
Front-end 🛠️ IDE utilisé, extensions, configuration, versions des outils...
Mise en place et utilisation d'un système de contrôle de versions (Git)
Front-end 📱 Repository Git, workflow, branches, commits, documentation...
Configuration des outils de build, bundling
Front-end ⚡ Webpack, Vite, Parcel, scripts npm etc ..
Utilisation des outils de développement et de débogage
Front-end 🔧 DevTools navigateur, extensions, outils de test, linters...

Maquetter des interfaces utilisateur web ou web mobile

Création de wireframes et maquettes fonctionnelles
Front-end 🎨 Figma, Adobe XD, Sketch, maquettes basse/haute fidélité...
Conception de l'interface utilisateurice (UI Design)
Front-end 🎭 Charte graphique, système de design, composants réutilisables...
Application des principes d'expérience utilisateur (UX)
Front-end 👤 Parcours utilisateur, personas, ergonomie, tests utilisateur...
Conception responsive et adaptation mobile
Front-end 📱 Breakpoints, mobile-first, grilles flexibles, images adaptatives...
Prise en compte de l'accessibilité dans les maquettes (RGAA)
Front-end 💡 Contrastes, tailles de police, navigation clavier, éléments focusables...

Réaliser des interfaces utilisateur statiques web ou web mobile

Développement HTML sémantique et structuré
Front-end 📝 Balises sémantiques, structure claire, validation W3C...
Intégration CSS (Flexbox, Grid, animations)
Front-end 🎨 CSS moderne, préprocesseurs, méthodologies (BEM, SMACSS)...
Implémentation responsive et cross-browser
Front-end 🧪 Media queries, tests multi-navigateurs, polyfills...
Implémentation de l'accessibilité (ARIA, navigation clavier)
Front-end ♿ ARIA labels, tabindex, focus management, tests accessibilité...
Optimisation des performances front-end
Front-end 🚀 Optimisation images, minification, lazy loading, Core Web Vitals...

Développer la partie dynamique des interfaces utilisateur

Manipulation du DOM et gestion des événements
Front-end 🖱️ Event listeners, manipulation d'éléments, délégation d'événements...
Communication avec le serveur (AJAX, Fetch API)
Front-end ⚡ Appels API REST, gestion promesses, formatage JSON...
Utilisation d'un framework/librairie JavaScript (React, Vue, Angular)
Front-end 💡 Composants, state management, routing, hooks...
Validation côté client et gestion d'erreurs
Front-end 👤 Validation formulaires, messages d'erreur, UX de validation...
Sécurisation des interfaces (XSS, CSRF, validation inputs)
Front-end ✅ Sanitisation, validation, CSP, protection contre les attaques...

⚙️ Développer la partie back-end d'une application web ou web mobile sécurisée

Mettre en place une base de données relationnelle

Conception et modélisation de la base de données (MCD, MLD)
Back-end 💾 Diagrammes entité-relation, normalisation, contraintes...
Création et configuration de la base de données
Back-end 👤 Scripts SQL de création, configuration serveur, utilisateurs...
Optimisation des performances (index, requêtes)
Back-end 💡 Stratégies d'indexation, analyse des requêtes lentes...
Sécurisation de la base de données (droits, chiffrement)
Back-end 💡 Gestion des privilèges, sauvegarde, chiffrement des données sensibles...

Développer des composants d'accès aux données SQL et NoSQL

Développement de requêtes SQL complexes
Back-end 🚀 Jointures, sous-requêtes, fonctions d'agrégation, procédures stockées...
Implémentation d'un ORM/ODM pour l'accès aux données
Back-end 💡 Sequelize, Prisma, Mongoose, mapping objet-relationnel...
Intégration de bases NoSQL (MongoDB, Redis)
Back-end 💾 Documents, collections, requêtes NoSQL, cache avec Redis...
Validation et sanitisation des données
Back-end ✅ Schémas de validation, protection injection SQL, sanitisation...
Gestion des transactions et de la cohérence des données
Back-end 🔄 ACID, rollback, gestion des erreurs, isolation...

Développer des composants métier coté serveur

Conception de l'architecture serveur (MVC, Clean Architecture)
Back-end 👤 Séparation des responsabilités, patterns architecturaux...
Développement d'API REST ou GraphQL
Back-end 🔌 Endpoints, verbes HTTP, statuts, documentation API...
Implémentation de la logique métier
Back-end 💼 Services, use cases, règles métier, algorithmes...
Système d'authentification et d'autorisation
Back-end 👤 JWT, sessions, hashage mots de passe, rôles utilisateurs...
Sécurisation du serveur et des données (OWASP)
Back-end 🌐 Protection OWASP Top 10, HTTPS, CORS, rate limiting...
Gestion des erreurs et logging
Back-end 📊 Try-catch, codes d'erreur, logs structurés, monitoring...

Documenter le déploiement d'une application dynamique

Guide de déploiement détaillé
Back-end 🚀 Procédures étape par étape, prérequis, configuration...
Configuration des environnements (dev, test, prod)
Back-end ♿ Variables d'environnement, fichiers de config, secrets...
Containerisation avec Docker
Back-end 🐳 Dockerfile, docker-compose, images, orchestration...
Intégration continue et déploiement (CI/CD)
Back-end 📱 GitHub Actions, GitLab CI, tests automatisés, pipelines...
Monitoring et maintenance en production
Back-end 📊 Logs, métriques, alertes, sauvegarde, mise à jour...

🎯 Préparation à l'évaluation et compétences transversales

Compétences transversales et professionnelles

Mise en conformité RGPD et mentions légales
Obligatoire 🔒 Politique de confidentialité, gestion consentement, droit à l'oubli...
Application des principes d'éco-conception
Obligatoire 🚀 Optimisation ressources, réduction empreinte carbone, bonnes pratiques...
Mise en place d'une veille technologique
Obligatoire 👀 Sources d'information, processus de veille, évaluation technologies...
Documentation technique complète du projet
Obligatoire 🔌 README, documentation API, guide architecture...
Stratégie de tests (unitaires, intégration, e2e)
Optionnel 🧪 Jest, Cypress, PHPUnit, couverture de code, TDD...

Préparation finale à la soutenance

Démonstration fonctionnelle préparée et testée
Présentation 🎪 Scénario de démonstration, cas d'usage représentatifs...
Préparation approfondie des aspects techniques
Entretien technique 💭 Justification choix techniques, alternatives, améliorations possibles...
Mise en valeur des compétences professionnelles acquises
Entretien final 💡 Autonomie, résolution problèmes, travail en équipe, communication...
Réflexion critique sur le projet et retour d'expérience
Entretien final 💡 Difficultés rencontrées, solutions apportées, apprentissages...