Choisissez votre langue
Formation Développeur Web Full Stack
Plus de 2 millions d'étudiants dans le monde

Formation Développeur Web Full Stack

Passez de débutant à développeur full-stack en créant des applications réelles avec HTML, CSS, JavaScript, React, Node.js et SQL. Ce cours couvre tout, de la configuration de votre environnement de développement au déploiement d'une application sécurisée hébergée dans le cloud. Chaque concept est enseigné à travers des projets pratiques que vous pouvez ajouter directement à votre portfolio.

Dedika pour les entreprises

Ce que vous allez apprendre:

Vous apprendrez à construire des applications web complètes à partir de zéro, en couvrant à la fois le front end et le back end. En commençant par les fondamentaux de HTML, CSS et JavaScript, vous progresserez vers la création d'interfaces utilisateur dynamiques avec React et d'API évolutives avec Node.js et Express. Vous concevrez des bases de données relationnelles et documentaires, sécuriserez votre application avec l'authentification JWT, et appliquerez les bonnes pratiques de sécurité web essentielles. Enfin, vous conteneuriserez votre projet avec Docker et le déploierez sur une plateforme cloud avec un pipeline CI/CD automatisé. TypeScript, les stratégies de test, GraphQL et l'optimisation des performances sont également inclus pour vous préparer aux équipes d'ingénierie professionnelles.

Comment vous étudiez de façon pratique Formation Développeur Web Full Stack

Comment vous pratiquez Formation Développeur Web Full Stack

Pour vous, entreprise, qui souhaitez former votre équipe

Avec Dedika pour les entreprises, le cours inclut des exercices et des exemples adaptés à votre activité et aux besoins spécifiques de votre entreprise.

Cliquez ici

Contenu du cours

8 Chapitres • 38 LeçonsDurée entre 4 et 360 heures (vous décidez)

Chapitre 1Voir les détails

Fondamentaux du développement Web et configuration de l'environnement

  • Leçon 1 • Contrôle de version avec Git

    Enseigne les fondamentaux de Git et les workflows de dépôt distant. Permet le codage collaboratif et l'itération sécurisée tout au long du cours.

  • Leçon 2 • L'essentiel de la ligne de commande

    Développe la fluidité avec la navigation dans le système de fichiers, la gestion des processus et les bases de l'écriture de scripts. Sous-tend l'utilisation efficace des outils de construction et des serveurs introduits ultérieurement.

  • Leçon 3 • Configuration de votre environnement de développement

    Installe et configure les éditeurs de code, les émulateurs de terminal et les gestionnaires de version. Garantit que chaque étudiant dispose d'un espace de travail reproductible et de qualité professionnelle.

  • Leçon 4 • Comment fonctionne le Web

    Couvre les cycles requête-réponse HTTP, la résolution DNS et le rendu du navigateur. Ancre tout le travail ultérieur sur le front-end et le back-end dans le comportement réseau réel.

Chapitre 2Voir les détails

HTML et structure de document sémantique

  • Leçon 1 • Éléments sémantiques et points de repère

    Couvre les éléments header, nav, main, article, section, aside et footer. Améliore l'accessibilité et l'indexation par les moteurs de recherche des projets étudiants.

  • Leçon 2 • Tableaux, listes et contenu intégré

    Couvre les tableaux de données, les listes ordonnées et non ordonnées, et l'intégration d'iframes. Complète la boîte à outils HTML nécessaire avant l'introduction de la mise en page CSS.

  • Leçon 3 • Formulaires, champs de saisie et validation

    Enseigne tous les types de champs, les libellés, les blocs de champs et la validation native du navigateur. Prépare les étudiants à la gestion des formulaires côté serveur abordée dans les chapitres suivants.

  • Leçon 4 • Anatomie du document HTML5

    Explique le doctype, les métadonnées de l'en-tête et la structure du corps. Fournit la base structurelle sur laquelle repose chaque sujet ultérieur du front-end.

Chapitre 3Voir les détails

Style CSS, mise en page et conception adaptative

  • Leçon 1 • Sélecteurs CSS et la cascade

    Explique la spécificité, l'héritage et l'algorithme de cascade. Préviens les bugs de style issus d'une mécompréhension de la priorité des règles.

  • Leçon 2 • Mise en page CSS Grid

    Couvre les modèles de grille bidimensionnelle, les zones et le placement automatique. Équipe les étudiants pour construire des mises en page complexes sans frameworks externes.

  • Leçon 3 • Conception adaptative et media queries

    Applique la méthodologie mobile-first, les points de rupture et les unités fluides. Garantit que tous les projets étudiants s'affichent correctement sur différentes tailles d'écran.

  • Leçon 4 • Mise en page Flexbox

    Enseigne l'alignement unidimensionnel avec les conteneurs et les éléments flex. Permet aux étudiants de construire des barres de navigation, des rangées de cartes et des mises en page centrées.

  • Leçon 5 • Modèle de boîte et espacement

    Couvre les marges, les bordures, le remplissage et le box-sizing. Établit un contrôle spatial précis requis pour tout travail de mise en page ultérieur.

Chapitre 4Voir les détails

Fondamentaux de la programmation JavaScript

  • Leçon 1 • JavaScript asynchrone

    Explique la boucle d'événements, les callbacks, les Promesses et async/await. Permet directement les appels API et les requêtes de base de données introduits dans les chapitres suivants.

  • Leçon 2 • Tableaux, objets et déstructuration

    Couvre les méthodes de tableau, la manipulation d'objets et la syntaxe de déstructuration ES6. Prépare les étudiants à la manipulation de données dans des contextes front-end et back-end.

  • Leçon 3 • Flux de contrôle et fonctions

    Enseigne les conditionnelles, les boucles et les déclarations de fonction jusqu'aux fonctions fléchées. Permet aux étudiants d'écrire des blocs de code réutilisables et pilotés par la logique.

  • Leçon 4 • Manipulation du DOM et événements

    Enseigne l'interrogation, la modification et la création de nœuds DOM, ainsi que la gestion des événements du navigateur. Fait le pont entre les pages HTML/CSS statiques et les applications interactives.

  • Leçon 5 • Variables, types et opérateurs

    Couvre let, const, les types primitifs et la précédence des opérateurs. Établit la base linguistique que tout sujet JavaScript ultérieur requiert.

Chapitre 5Voir les détails

Frameworks front-end avec React

  • Leçon 1 • React Router et navigation

    Implémente le routage côté client avec React Router. Permet la structure d'application multi-page requise pour le projet de fin de cursus.

  • Leçon 2 • Concepts fondamentaux de React

    Introduit JSX, les composants et le DOM virtuel. Établit le modèle mental nécessaire avant l'introduction des hooks et de l'état.

  • Leçon 3 • Récupération de données et intégration API

    Combine useEffect avec fetch et Axios pour consommer des API REST. Connecte les composants front-end aux services back-end construits ultérieurement.

  • Leçon 4 • État et cycle de vie avec les hooks

    Couvre useState, useEffect et les hooks personnalisés pour gérer l'état des composants et les effets de bord. Permet un comportement d'IU dynamique et piloté par les données.

  • Leçon 5 • Communication entre composants et contexte

    Enseigne le prop drilling, la remontée d'état et l'API Context. Résout le partage de données entre composants sans bibliothèques d'état externes.

Chapitre 6Voir les détails

Développement back-end avec Node.js et Express

  • Leçon 1 • Principes de conception d'API RESTful

    Applique les contraintes REST à la dénomination des ressources, aux verbes HTTP et aux codes de statut. Produit des API prévisibles et faciles à consommer pour les clients front-end.

  • Leçon 2 • Intergiciel et traitement des requêtes

    Explique le pipeline d'intergiciel, l'analyse du corps et la gestion des erreurs. Permet un traitement des requêtes propre et réutilisable sur toutes les routes de l'API.

  • Leçon 3 • Environnement d'exécution Node.js et système de modules

    Couvre la boucle d'événements Node, les modules CommonJS et l'écosystème npm. Établit la base d'exécution côté serveur pour tout le travail back-end.

  • Leçon 4 • Validation des entrées et gestion des erreurs

    Implémente la validation basée sur un schéma et les réponses d'erreur structurées. Durcit l'API avant l'ajout de l'intégration de la base de données et de l'authentification.

  • Leçon 5 • Serveur Express et routage

    Enseigne la configuration de l'application Express, les gestionnaires de route et les modules de routeur. Produit le squelette d'API auquel les couches de base de données et d'authentification se rattachent.

Chapitre 7Voir les détails

Bases de données : intégration SQL et NoSQL

  • Leçon 1 • Sécurité et performance des bases de données

    Couvre les requêtes paramétrées, le regroupement de connexions et les stratégies d'index. Préviens l'injection SQL et garantit que l'API passe à l'échelle sous charge.

  • Leçon 2 • Intégration ORM avec Node.js

    Applique un ORM pour définir des modèles, des associations et des migrations. Connecte l'API Express à une base de données relationnelle avec un minimum de SQL brut.

  • Leçon 3 • NoSQL avec les bases de données document

    Introduit le stockage document, les collections et les schémas flexibles. Équipe les étudiants pour choisir le type de base de données adapté à différentes formes de données.

  • Leçon 4 • Fondamentaux des bases de données relationnelles

    Couvre les tables, les clés primaires, les clés étrangères et la normalisation. Fournit le vocabulaire de modélisation des données utilisé dans tout le travail SQL et ORM.

  • Leçon 5 • Requêtes SQL et jointures

    Enseigne SELECT, INSERT, UPDATE, DELETE et les jointures multi-tables. Permet l'interaction directe avec la base de données avant l'introduction de l'abstraction ORM.

Chapitre 8Voir les détails

Authentification, sécurité et déploiement

  • Leçon 1 • Principes essentiels de la sécurité des applications Web

    Aborde les principales menaces OWASP, notamment XSS, CSRF et les attaques par injection. Durcit l'application pour répondre aux normes de sécurité de production de base.

  • Leçon 2 • Conteneurisation avec Docker

    Empaquete l'application et la base de données dans des conteneurs Docker et compose des piles multi-services. Garantit un comportement cohérent du développement local à la production.

  • Leçon 3 • Déploiement cloud et pipelines CI/CD

    Déploie l'application complète conteneurisée sur un fournisseur cloud et automatise les constructions avec un pipeline CI/CD. Les étudiants disposent d'une URL en direct pour leur portfolio.

  • Leçon 4 • Authentification avec JWT

    Construit des flux d'enregistrement, de connexion et d'actualisation de jetons en utilisant les JSON Web Tokens. Sécurise toutes les routes API protégées avant le déploiement.

  • Leçon 5 • Configuration de l'environnement et gestion des secrets

    Gère les variables d'environnement, les secrets et la configuration entre les environnements de développement, de préproduction et de production. Préviens les fuites d'identifiants avant la mise en production de l'application.

Certification

Votre certificat valide de réussite

Ce cours est fait pour vous :

  • Personnes en reconversion professionnelle : prêtes à quitter des emplois non techniques pour des postes de développeur.

  • Jeunes diplômés : cherchant à ajouter des compétences techniques valorisables après l'université.

  • Indépendants souhaitant offrir des solutions web complètes à leurs clients de manière autonome.

  • Entrepreneurs : ayant besoin de créer et de maintenir leurs propres produits numériques.

  • Personnel d’assistance informatique : visant à évoluer professionnellement vers le développement de logiciels.

  • Hobbyistes : désireux de transformer des idées de projets personnels en applications entièrement déployées.

Ce que disent nos apprenants

Vos cours sont parfaits. J'ai acheté le forfait d'un an et j'ai enfin l'opportunité de suivre divers sujets qui m'intéressent sans avoir besoin de changer de plateforme... je vous remercie pour tout ce que vous faites, je vous ai déjà recommandés à d'autres personnes...
Giulio Carlo
Giulio CarloÉtudiant en Marketing Digital
J'aime la façon dont les leçons vont droit au but et comment je peux changer de chapitres et passer le contenu dont je n'ai pas besoin.
Mariana Ferres
Mariana FerresÉtudiante en Photographie
J'aime le contenu et la façon dont les vidéos sont présentées et transcrites, ce qui accélère le processus !
Luciana Alvarenga
Luciana AlvarengaÉtudiante en Design d'Ongles
La plateforme est rapide, simple à utiliser. La diversité du contenu et les vidéos complémentaires aident beaucoup dans l'apprentissage.
André Felipe
André FelipeÉtudiant en Ingénierie de Prompt

Formations principales

FAQ

Qui est Dedika ?

Le certificat est-il valable en France ?

Les cours sont-ils gratuits ?

Quelle est la charge de travail des cours ?

Comment sont les cours ?

Comment fonctionnent les cours ?

Quelle est la durée des cours ?

Quel est le coût ou le prix des cours ?

Qu'est-ce qu'un cours EAD ou en ligne et comment ça marche ?

Cours PDF