Labo Academy

DÉVELOPPEMENT WEB
FULL STACK
Devenez un expert du web! Apprenez à créer
des applications interactives, à gérer des
bases de données et à sécuriser vos projets.

6 90 46 32 24
Campus A: Carrefour IPA
Campus B: Total Mbebi
PROGRAMME DE FORMATION

DÉVELOPPEMENT WEB
FULL STACK

6 Mois de formation
+02 Mois de stage
SOMMAIRE

1. HTML & CSS

2. Algorithme

3. JavaScript

4. Vue.js

5. UX/UI Design

6. Git/Github

7. Analyse UML / MERISE

8. Bases de Données

9. Langage PHP

10. Laravel

11. Sécurité Web

1- HTML & CSS
HTML
Structure de base d’une page HTML
Éléments HTML d base (titres, paragraphes, liens, images)
Listes (ordonnées et non ordonnées)
Tableaux de base
Formulaires HTML (champs de saisie, boutons, cases à cocher, etc.)
Éléments multimédias (audio, vidéo, cancas)
Attributs HTML (classes, ids, data-attributes)
SEO et balises meta

CSS
Introduction à CSS et syntaxe de base
Sélecteurs CSS (élément, classe, id, attributs)
Propriétés de texte (polices, tailles, couleurs, alignement)
Couleurs et arrière-plans
Marges, bordures et padding
Modèle de boîte (box model)
Positionnement (relative, absolute, fixed, sticky)
Flexbox: concepts de base et mise en page
Grid: introduction et utilisation de base

Tailwind CSS
Utilisation des classes utilitaires
Concepts de base (espace, tailles, couleurs)
Flexbox et Grid avec Tailwind CSS

01
1- HTML & CSS
CSS avancé
Transitions et animations CSS
Transformations 2D et 3D
Pseudo-classes et pseudo-éléments
Séleceteurs avancés et combinés

CSS
Conception d’une page web complète
Structure HTML de la page
Application des styles CSS de base et avec Tailwind CSS

02
2- ALGORITHME
Introduction aux concepts de base
Introduction aux algorithmes et à leur importance.
Compréhension des structures de données de base(tableaux, listes).
Algorithmes de recherche séquentielle et binaire.
Algorithmes de tri simples (tri par sélection, tri à bulles).

Approfondissement des concepts

Introduction aux algorithmes récursifs.
Algorithmes de tri avancés (tri fusion, tri rapide)
Algorithmes de recherche avancés (recherche par index, recherche par
hachage)
Introduction aux graphes et algorithmes de parcours (DFS, BFS).
Projet pratique: implémentation d’un petit programme utilisant les

03
3- JAVASCRIPT

Les bases de Javascript

Introduction à JavaScript et configuration de l’environnement.
Syntaxe de base (variables, types de données, opérateurs).
Structures de contrôle (conditions, boucles).
Fonctions et portée des variables.

Manipulation du DOM
Sélection et manipulation d’éléments du DOM.
Gestion des événements (click, hover, etc)
Formulaires et validation

Concepts avancés de JavaScript

Tableaux et objets.
Fonctions avancées (fonctions anonymes, callbacks, fonctions fléchées)
Programmation orientée objet en JavaScript
Introduction à l’ES6 (let, const, classes, modules)

04
4- VUE.JS

Introduction à Vue.js

Création d’une application

Syntaxe de template
Fondamentaux de la réactivité
Propriétés calculées
Liaison de classes et de styles
Rendu conditionnel
Rendu fe liste
Gestion des événements
Liaison des entrées de formulaire
Hooks de cycle de vie
Observateurs
Références de template
Bases des composants
Composants en profondeur

Management avec Pinia

Introduction à la gestion d’état.
Installation et configuration de Pinia
Création et utilisation de stores avec Pinia
Bonnes pratiques pour la gestion d’état

05
5- UX/UI DESIGN
Fondamentaux du design UI/UX
Introduction ai design d’interface utilisateur (UI) et expérience utilisateur (UX)
Importance de la conception centrée sur l’utilisateur
Principes de base du design (typographie, couleurs, mise en page)
Processus de conception UX: recherche utilisateur, personas, parcours

Outils de design et prototypage

Présentation des principaux outils de design (Adobe XD, Figma)
Création de wireframes et prototypes interactifs
Principes de navigation et d’architecture de l’information
Évaluation heuristique et tests utilisateurs

Conception d’interface utilisateur (UI)

Conception visuelle
Composition visuelle et hiérarchie de l’information
Choix des couleurs et théorie des couleurs en design
Utilisation des typographies et polices d’écriture
Conception adaptative et responsive

Animation et interaction
Principes de bases de l’animation en UI/UX
Micro-interactions et feedback utilisateur
Techniques avancées d’animation (principes de Disney)
Implémentation de transitions et effets spéciaux

06
5- UX/UI DESIGN
Expérience utilisateur (UX) avancée
Techniques de recherche utilisateur (entretiens, enquêtes, tests)
Analyse des besoins des utilisateurs et définition des personas
Test utilisateur et évaluation de l’expérience utilisateur
Itérations et amélioration continue d u design

Design Thinking et UX Strategy

Introduction au Design Thinking
Processus de conception itérative et agile
Stratégies de conception pour différents contextes (applications mobiles,
web, etc.)
Intégration du feedback utilisateur dans le processus de conception

Projet de mise en pratique

Conception d’un projet complet de design UI/UX en utilisant tous les
concepts et techniques appris
Création de prototypes haute fidélité
Présentation et défense du projet devant un groupe d’évaluation

07
6- GIT / GITHUB
Introduction à Git
Introduction à la gestion de version
Importance de la gestion de version pour le développement de logiciels
Introduction à Git et comparaison avec d’autres systèmes de gestion de version
Installation et configuration de Git
Installation de Git sur différents systèmes d’exploitation
Configuration de Git: nom d’utilisateur, email, options de configuration globales:
Commandes de bases de Git
Initialisation d’un nouveau dépôt Git
Ajout et gestion des fichier avec Git (add, commit, remove)
Navigation dans l’historique des commits (log, diff)
Gestion des branches
Création fusion et suppression de branches
Utilisation de branches pour le développement parallèle
Révolution des conflits de fusion
Collaboration avec Git
Clonage de dépôts distants
Pull, fetch et push des modifications
Utilisation des pull requests pour la collaboration

Utilisation avancée de Git

Rebasing et gestion avancée des branches
Rebase interactif pour réécrire l’historique des commits
Utilisation des tags pour marquer des versions spécifiques
Workflow Git dans les projets réels
Stratégies de workflow Git (Gitflow, Feature Branch Workflow)
Bonnes pratiques en matière de gestion de version
Utilisation des hooks Git pour automatiser les tâches

08
6- GIT / GITHUB
GitHub et la collaboration
Introduction à GitHub
Création d’un compte GitHib et configuration du profil
Création d’un nouveau dépôt sur GitHub
Collaborer sur GitHub
Clonage de dépôts distants de puis GitHub

Projet de mise en pratique

Implémentation d’un projet pratique utilisant Git et Github
Travail collaboratif avec des branches, pull requests et gestion des conflits
Documentation du processus de développement sur GitHub Pages

09
7- ANALYSE UML / MERISE
Introduction à I'UML
Présentation de I'UML
Historique et évolution
Les différents types de diagrammes UML
Installation et configuration des outils de modélisation

Les Diagrammes de Cas d'Utilisation

Comprendre les acteurs et les cas d'utilisation
Modéliser les interactions système-utilisateur
Atelier pratique : Création d'un diagramme de cas d'utilisation simple

Les Diagrammes de Classes

Principes de la modélisation orientée objet
Définition des classes, attributs et opérations
Relations entre les classes : association, héritage, agrégation, et composition
Atelier pratique : Conception d'un diagramme de classes

Les Diagrammes de Séquence

Représentation des interactions entre objets
Séquencement des opérations
Atelier pratique : Modélisation d'un scénario utilisateur

Les Diagrammes d'Activité

Modélisation des flux de travail
Gestion des décisions et des parallélismes
Atelier pratique : Analyse d'un processus métier

10
7- ANALYSE UML / MERISE
Les Diagrammes d'État
Comprendre les états et les transitions
Gestion des événements et des actions
Atelier pratique : Modélisation du cycle de vie d'un objet

Les Diagrammes de Déploiement et de Composants

Principes de la modélisation orientée objet
Définition des classes, attributs et opérations
Relations entre les classes : association, héritage, agrégation, et composition
Atelier pratique : Conception d'un diagramme de classes

MERISE
Introduction à la modélisation MERISE
Modèle Conceptuel de Communication
Modèle Conceptuel des données
Modèle Logique des données
Modèle Conceptuel de Traitement
Modèle Logique de Traitement
Modèle Physique des données

Projet Final
Participation active aux ateliers pratiques
Projet final évalué par les formateurs et les pairs

11
8- BASES DE DONNÉES
Fondamentaux de SQL
Introduction au SQL et aux bases de données relationnelles
Installation et configuration de l'environnement SQL
Création de bases de données et de tables

Requêtes de Base en SQL

Syntaxe des requêtes SELECT
Filtrage des données avec WHERE
Tri des résultats avec ORDER BY

Fonctions Avancées en SQL

Utilisation des fonctions d'agrégation et Scalaire
Groupement des données avec GROUP BY
Jointures entre tables avec INNER , LEFT, RIGHT, CROSS ET NATURAL JOIN

Modification des Données

Insertion de nouvelles données avec INSERT
Mise jour des données existantes avec UPDATE
Suppression de données avec DELETE

SQL Interactif & Sécurité

Utilisation de sous-requêtes
Indexation pour l'optimisation des requêtes
Gestion des transactions
Concepts de sécurité et de permissions

12
9- LANGAGE PHP
Les bases de PHP
Installation de PHP et configuration de l'environnement (XAMPP, WAMP, etc.)
Syntaxe de base (variables, types de données, opérateurs)
Structures de contrôle (conditions, boucles)
Fonctions et inclusion de fichiers
Gestion des erreurs (try-catch) et exceptions

Structures de données et manipulation

Tableaux (simples et associatifs)
Boucles et structures de données (foreach, while, for)
Manipulation de fichiers (lecture/écriture avec fopen, fwrite, etc.)
Introduction aux bibliothèques standard (date, string, array)
Programmation orientée objet (classes, objets, héritage, interfaces)

Concepts avancés de base

Fonctions anonymes (closures)
Gestion avancée des exceptions
Introduction aux concepts de programmation fonctionnelle
Utilisation des namespaces
Modules et packages (Composer pour la gestion des dépendances)

Concepts avancés
Réflexion et introspection en PHP
Gestion de sessions et cookies
Communication avec des bases de données (MySQL, PDO)
Sécurité des applications PHP (protection contre les injections SQL, XSS)
Tests unitaires avec PHPUnit

13
9- LANGAGE PHP
Applications avancées
Programmation réseau (sockets en PHP)
API RESTful (création et consommation)
Traitement asynchrone (AJAX avec PHP)
Déploiement et mise en production (Serveurs, configuration, sécurité)

Projet final
Interface utilisateur dynamique avec gestion des sessions.
Communication avec une base de données pour la gestion des utilisateurs,
des produits ou du contenu.
Implémentation d'une API RESTful pour certaines parties de l'application.

14
10- LARAVEL
Les bases de Laravel
Installation de Laravel et configuration de l'environnement (Composer, Valet,
Homestead)
Structure d’un projet Laravel (MVC)
Routes et contrôleurs
Vues et Blade templating
Gestion des migrations et seeding de base de données
Introduction à Eloquent ORM (modèles, relations)

Développement avancé avec Laravel

Middleware (concepts et création)
Authentification et autorisation (guards, policies)
Gestion des formulaires et validation des données
Eloquent ORM avancé (scopes, mutators, accessors)
Notifications et mailings (envoi d'e-mails, notifications push)

API et Services Web avec Laravel

Création d'API RESTful (routes, contrôleurs, ressources)
Gestion des requêtes et réponses API (API resources, transformers)
Authentification API avec Passport ou Sanctum
Rate Limiting et sécurisation des API
Tests des API avec PHPUnit et Postman

Intégration front-end avec Laravel

Utilisation de Vue.js avec Laravel (introduction, configuration)
Blade et Vue.js (combinaison pour des interfaces dynamiques)

15
10- LARAVEL
Inertia.js pour une architecture sans API (introduction, configuration)
Communication front-end/back-end avec Axios

Concepts avancés
Jobs, Queues et événements (background processing)
Traitement des fichiers et stockage (uploads, S3, filesystems)
Sécurité des applications Laravel (XSS, CSRF, SQL Injection)
Déploiement de Laravel (sur serveur mutualisé, VPS)
Tests unitaires et fonctionnels avec PHPUnit

Projet final
Authentification et gestion des utilisateurs
Intégration de Vue.js pour des interfaces dynamiques.
API RESTful pour l'interaction avec des services tiers.
Notifications et gestion des événements en arrière-plan.
Déploiement sur un serveur web avec sécurité renforcée.

16
11- SÉCURITÉ WEB
Introduction à la Sécurité Web pour Développeurs
Principes fondamentaux de la sécurité (Confidentialité, Intégrité,
Disponibilité)
Comprendre les types de menaces courantes (attaques internes, externes)
Introduction aux normes de sécurité (OWASP Top 10)

Sécurisation des Applications Web

Sécurisation des formulaires et des données utilisateur
Gestion des sessions et des cookies
Prévention des attaques XSS (Cross-Site Scripting)
Protection contre les attaques CSRF (Cross-Site Request Forgery)

Sécurité des API et des Services Web

Sécurisation des API RESTful
Sécurisation des communications

Pratiques Sécuritaires pour le Développement Fullstack

Déploiement sécurisé
Surveillance et gestion des incidents
Tests de sécurité basiques

Projet final
Validation et filtrage des entrées utilisateur.
Mise en place des protections CSRF et XSS.
Sécurisation des API et communications.
Rédaction d'un rapport de sécurité avec les améliorations apportées.

17