Tous les cours
En ligne
Développement Web Full Stack (Laravel & React)
Apprenez à créer des applications web modernes de A à Z.
Intermédiaire
15 semaines
(0 avis)
À propos de cette formation
Découvrez une formation complète et structurée pour maîtriser Développement Web Full Stack (Laravel & React). Ce cursus a été conçu pour vous apporter toutes les clés de réussite, des fondamentaux aux techniques avancées.
Contenu en accès libre
Ce que vous allez apprendre
Maîtrise complète des outils et des méthodes de travail professionnelles.
Mise en pratique réelle à travers des exercices et projets concrets.
Accompagnement sur les meilleures pratiques du secteur.
Validation des acquis par des questionnaires et tests de niveau.
Programme de la formation
10 Modules
214 Leçons
Introduction au fonctionnement du Web : Serveurs, Navigateurs et HTTP
Aperçu
Structure fondamentale d'un document HTML (<!DOCTYPE>, <html>, <head>, <body>)
Aperçu
Les balises meta et l'importance du <title> pour le SEO
Aperçu
La mise en forme du texte : Les titres (h1 à h6)
La mise en forme du texte : Paragraphes, gras, italique et citations
Création de listes ordonnées (<ol>) et non-ordonnées (<ul>)
Les liens hypertextes (href) internes et arborescence de fichiers
Les liens hypertextes externes, ancres sur une page et attribut "target"
L'intégration d'images (<img>) et l'importance de l'attribut "alt"
Sémantique HTML5 : <header>, <nav>, <main>, <footer>
Sémantique HTML5 détaillée : <article>, <section>, <aside>
Création de tableaux de données structurés (<table>, <thead>, <tbody>, <tr>, <th>, <td>)
Les formulaires Partie 1 : Balise <form>, attributs action et method
Les formulaires Partie 2 : Champs texte (<input type="text">, email, password)
Les formulaires Partie 3 : Boutons radio, cases à cocher (checkbox), et listes déroulantes (<select>)
Les formulaires Partie 4 : Les nouveaux types d'input HTML5 (date, color, range, number)
Sécuriser et valider un formulaire en HTML (required, minlength, pattern)
Multimédia natif : Intégrer de la vidéo (<video>)
Multimédia natif : Intégrer de l'audio (<audio>)
L'élément <iframe> : Intégrer Google Maps ou des vidéos YouTube
Introduction à l'accessibilité web (a11y) et les attributs ARIA
Ajouter une favicon et les balises meta Open Graph pour les réseaux sociaux
Bonnes pratiques d'indentation et d'écriture de code propre en HTML
Qu'est-ce que le CSS ? Les 3 méthodes d'intégration (inline, interne, externe)
La syntaxe CSS : Propriétés et valeurs
Sélecteurs basiques : cibler par balise, classe (.) et ID (#)
Sélecteurs combinés (descendant, enfant direct, adjacent)
Système de couleurs (Hex, RGB, RGBA, HSL) et dégradés (linear-gradient)
Les unités de mesure (px, %, em, rem, vw, vh)
Masterclass sur le Modèle de Boîte (Box Model) : Margin, Border, Padding
Comprendre "box-sizing: border-box" (Le secret des développeurs)
La gestion du texte et la typographie complète en CSS
Importer et personnaliser des polices avec Google Fonts et @font-face
Le comportement d'affichage global : block, inline, et inline-block
Les différents positionnements : static, relative, absolute
Les positionnements avancés : fixed et sticky
Gérer la superposition des éléments avec le z-index
Introduction au Responsive Design : Approche Mobile-First
Les Media Queries (@media) : adapter le site aux différents écrans
Les pseudo-classes classiques (:hover, :focus, :active)
Les pseudo-classes structurelles (:first-child, :nth-child, :last-child)
La magie des pseudo-éléments (::before, ::after) pour les effets de style
Variables CSS (Custom Properties) pour une charte graphique globale
La Révolution Flexbox (1/3) : Les conteneurs (flex-direction, justify-content)
La Révolution Flexbox (2/3) : Alignement transversal (align-items, align-content)
La Révolution Flexbox (3/3) : Comportement des éléments enfants (flex-grow, flex-basis)
Création d'un menu de navigation responsive avec Flexbox et HTML
Maîtriser CSS Grid (1/2) : Créer des grilles, colonnes et lignes (fr)
Maîtriser CSS Grid (2/2) : Placer des éléments sur la grille et Grid Areas
Améliorer l'UX : Ombres fluides (box-shadow, text-shadow) et arrondis (border-radius)
Mettre de la vie sur le site : Transitions (transition-property, duration, timing-function)
Créer des animations complexes avec @keyframes (Spinners, rebonds)
Introduction aux filtres visuels (blur, grayscale, brightness) et mix-blend-mode
L'histoire du JavaScript et la Console du Navigateur
La déclaration de variables (var, let, const)
Les types de données primitifs (String, Number, Boolean, Null, Undefined)
Opérateurs mathématiques et de concaténation
Écrire des conditions simples et imbriquées (if, else if, else)
Les opérateurs logiques complexes (&&, ||, !)
L'opérateur ternaire et le Switch Case
Automatiser des tâches : La boucle FOR
Automatiser des tâches avec la boucle WHILE et DO WHILE
Les Fonctions Partie 1 : Création, arguments et paramètres par défaut
Les Fonctions Partie 2 : Le mot-clé "return" et les callbacks
La notion de "Scope" (Portée) et le concept de Hoisting (Hissage)
Les Tableaux (Arrays) : Création et manipulation (push, pop, splice)
Les Objets JS : Propriétés, méthodes, et le mot-clé "this"
Cibler le DOM : getElementById, querySelector et querySelectorAll
Manipulation du DOM : Modifier le contenu texte (textContent, innerHTML)
Manipulation du DOM : Modifier le style et les classes (classList)
Manipulation du DOM : Gérer les attributs (setAttribute, dataset)
Générer des éléments HTML totalement en JavaScript (createElement, appendChild)
Les Evénements JS : Ecouteurs de clics (addEventListener)
Les Evénements JS : L'objet "Event", preventDefault() et le "bubbling"
Les Evénements JS : Saisie clavier et validation de formulaire en direct
Création complète d'un menu hamburger fonctionnel en JS
Les objets natifs : L'Objet Math (random, round, floor, ceil)
Les objets natifs : L'Objet Date (manipulation du temps)
Exécuter du code dans le temps : setTimeout et setInterval
Persistance des données via le LocalStorage et SessionStorage
L'ère du JavaScript ES6+ : Les Arrow Functions (Fonctions fléchées)
ES6+ : Template Literals (Les backticks et injection de variables)
ES6+ : Le Destructuring (Extraire des variables des tableaux et objets)
ES6+ : Spread (...) et Rest Operators
Méthodes de tableaux modernes : forEach vs map()
Méthodes de tableaux modernes : filter() et find()
Méthodes de tableaux modernes : reduce() et sort()
Programmation Asynchrone : Le problème des Callbacks Hell
Les Promesses (Promises) étape par étape (resolve, reject)
Interroger des APIs externes : La fonction fetch() avec then/catch
Syntaxe asynchrone moderne : L'utilisation incroyable de Async/Await
Gestion des erreurs globale (Try, Catch, Finally)
Qu'est-ce qu'une Base de Données Relationnelle ? (Le SGBDR)
Conception : Modèle Conceptuel de Données (MCD) et Diagrammes entité-association
Les règles de Normalisation d'une base (1NF, 2NF, 3NF)
Installation d'un serveur local (XAMPP/Laragon) et découverte de PHPMyAdmin
Le langage SQL : Création de Base et de Tables (CREATE DATABASE, CREATE TABLE)
Les Types de colonnes indispensables : Varchar, Text, Int, Enum, Timestamp
Les contraintes d'intégrité : Primary Key, Auto Increment, Unique, Not Null
L'insertion de données brutes (INSERT INTO)
Récupérer de la donnée (SELECT, Alias AS)
Filtrer avec WHERE, AND, OR, IN et LIKE (Expressions de recherche)
Ordonner et limiter les résultats (ORDER BY, LIMIT, OFFSET)
Mise à jour et nettoyage de la donnée (UPDATE, DELETE)
Les vues d'agrégation statistiques (COUNT, SUM, AVG, MAX, MIN)
Regrouper des données complexes avec GROUP BY et HAVING
Les Relations 1:1, 1:N et N:M expliquées par l'exemple (Foreign Keys)
Lier différentes tables et croiser la donnée : INNER JOIN
Afficher toutes les données (LEFT JOIN, RIGHT JOIN)
Sous-requêtes SQL : exécuter une condition dans une condition
Introduction aux Index pour accélérer des bases immenses
Exécuter des requêtes sécurisées face aux injections SQL
Fonctionnement de l'écosystème PHP (Moteur Zend, Serveur Web)
Syntaxe, balises PHP et utilisation native avec le HTML
Les variables superglobales essentielles ($_GET, $_POST, $_SERVER)
Sécurité PHP 101 : Filtrer les entrées (htmlspecialchars, strip_tags)
L'upload de fichiers en PHP ($_FILES et move_uploaded_file)
Inclure des fichiers pour factoriser le code (include, require, _once)
Le système magique pour rester connecté : Les Sessions PHP ($_SESSION)
Les Cookies : Stocker de petites données chez le client
Connexion à MySQL via PDO (PHP Data Objects)
Préparer ses requêtes PDO (prepare, bindParam, execute) et fetch()
La gestion des mots de passe : password_hash() et password_verify()
Atelier : Création d'un système d'inscription complet
Atelier : Création d'un système de Login et déconnexion sécurisé
Introduction à la Programmation Orientée Objet (POO) en PHP
Classe, Objet, Attributs et Méthodes (Instanciation)
Les principes de Visibilité (Public, Private, Protected)
Les constructeurs (__construct) et destructeurs
Rendre le code modulaire avec l'Héritage (extends)
Polymorphisme et surcharge des méthodes enfantes
Définir des standards avec les Classes Abstraites
Obliger l'implémentation grâce aux Interfaces
Partager des méthodes transversales avec les Traits PHP
L'espace de nommage (Namespaces) et l'organisation des dossiers
Qu'est-ce que Composer et à quoi sert l'Autoloading (PSR-4) ?
Pourquoi un framework ? Introduction à l'écosystème Laravel
Installer Laravel via Composer et utiliser Artisan CLI
Comprendre le cycle de vie d'une requête Laravel et l'architecture de base
Le Routage Avancé : Routes nommées, paramètres, groupes et web.php
Création des Contrôleurs standards et Contrôleurs de Ressources
Blade 101 : Moteur de templates, layouts, yield et extends
Blade 102 : Directives (@if, @foreach) et manipulation des données de vue
Blade 103 : Inclusions et Composants Blade (x-nom) réutilisables
Migrations de base de données : Définir sa base par le code (schema building)
Générer des données massives pour tester (Factory et Seeders)
Plongée dans l'ORM Eloquent : Modèles et manipulation fluide des tables
Requêtes Eloquent : get(), first(), find(), where(), orderBy()
Gestion d'états : Soft Deletes (Suppression logique cachée)
Les Relations Eloquent 1/2 : HasOne et BelongsTo (One-To-One)
Les Relations Eloquent 2/2 : HasMany, BelongsToMany, et HasManyThrough
Optimisation : eager loading avec with() (Le problème des N+1 Queries)
Validation des données via FormRequest et retours d'erreurs dans Blade
Sécuriser des routes avec les Middlewares (custom et natifs)
Introduction à Laravel Breeze / Jetstream (Authentification clé en main)
Protection stricte contre les failles CSRF
Stockage de Fichiers : Upload d'images et symbolink links (Storage facade)
Envoyer des E-mails complexes au format HTML (Mail, Mailable, SMTP)
Tâches asynchrones professionnelles : Jobs et Queues
Tâches planifiées (Cron Jobs) via le Task Scheduler
Concepts de tests automatiques : Feature Tests vs Unit Tests avec Pest/PHPUnit
L'architecture et concept profond des APIs REST (Verbes HTTP, Codes de réponse)
Créer ses premiers endpoints routes/api.php et retourner du JSON propre
Le design d'une API efficace : conventions de nommage et structure d'URL
Création et Utilisation d'Eloquent API Resources pour formater vos JSON
Gérer correctement la pagination native des réponses API JSON
Protection ultime de l'API avec Laravel Sanctum (Tokens)
Créer, assigner, et révoquer un Personal Access Token (PAT)
Cycle de vie de l'authentification d'une SPA avec Axios et Sanctum (Cookies vs Tokens)
L'écosystème Front-End : React vs Vue vs Angular
Initialiser son projet React en quelques secondes avec Vite.js
Nettoyage de projet, structure de fichiers (main.jsx, App.jsx)
Comprendre la magie du JSX (Le mélange étonnant du JS dans le HTML)
Les composants fonctionnels React : La brique fondamentale
L'injection de variables et la gestion de "className" au lieu de "class"
Styliser finement les composants : Inline styles, CSS Modules, etc.
Communiquer du parent vers l'enfant : Les merveilleuses Props
Affichage dynamique : Rendu conditionnel et utilisation de la méthode .map() sur les listes
L'état de survie : Le Hook useState pour stocker de la donnée modifiable
Mise à jour ultra-stricte des Listes (Arrays) et Objets (Objects) dans l'état (Immutabilité)
React 101 Events : Ecouter les clics et événements de formulaires (onChange, onSubmit)
Formulaires React: Le concept sacré du champ de texte "Contrôlé"
Le Hook le plus pointu : useEffect et le cycle de vie du composant
Comprendre le tableau des dépendances de useEffect [ ]
Appel API réseau dans React avec Fetch ou Axios au montage du composant
Garder une trace permanente du DOM sans rerender : Le Hook useRef
React Router DOM : La base conceptuelle des applications "Single Page" (SPA)
Navigation d'architecte : BrowserRouter, Routes, Route, Outlet et Link
Faire passer des paramètres de route invisibles (useParams et useNavigate)
Le fameux Prop Drilling et comment éviter l'enfer d'emboîtement
L'échappatoire standardisée : Le Hook useContext (Context API)
Architecture du projet : Deux dépôts monolithiques vs Découplage total
Configuration impitoyable du CORS depuis Laravel vers React
Configurer globalement Axios dans React pour le requêtage API
Intercepteurs réseau Axios : Injecter silencieusement les tokens d'autorisation
Maintenir un "auth user" persistant après un rafraîchissement F5 de la page React
Intégration fulgurante via Tailwind CSS au sein de l'environnement React
State Management de Grade Industriel (1/2) : Introduction à Redux Toolkit (RTK)
State Management de Grade Industriel (2/2) : Slices, Selectors, useDispatch
Alternative moderne minimaliste : Gérer un état unifié avec Zustand
Création de gros formulaires front-end performants avec React Hook Form
La quintessence de l'appel API : React Query (Caching local, Retry automatiques)
VCS Git : Commandes vitales (init, diff, log, status, branch, checkout, reset)
Collaboration GitHub/GitLab : Push, Pull Request, Fusion, Gestion de conflits
Isolation des identifiants et clés d'API avec .env et .gitignore
Comprendre l'écosystème d'hébergement : Hébergeur cloud, VPS vs Mutualisé
Fondamentaux d'administration système Linux VPS via le terminal SSH
Configuration et sécurisation d'un VPS Ubuntu (Pare-feu UFW, utilisateurs)
Installation du trio magique LEMP : Linux, Nginx, MySQL, PHP
Déploiement pur du Backend Laravel : Configuration du Virtual Host (VHost) Nginx
Déploiement pur du Frontend React : construction de l'application (npm run build)
Introduction brève au monde de Docker pour encapsuler votre environnement
Générer et obtenir la notation de sécurité avec le certificat SSL Let's Encrypt (HTTPS)
Le Mindset du développeur : Construire des projets complexes et réussir ses entretiens techniques
Avis de nos étudiants
Consultez les retours d'expérience de notre communauté internationale.
5.0
0 avis vérifiés
Laissez votre témoignage
AdMame
Expert formateur certifié chez M-TECH. Passionné par le partage de connaissances et l'accompagnement des talents digitaux.
Caractéristiques
- Accès à vie
- Supports téléchargeables
- Mise à jour régulières
- Accès mobile et TV
