Introduction au développement Javascript Full-stack

Retour aux formations
DEV-JS-001 Devéveloppement Javascript Typescript Fullstack

Introduction au développement Javascript Full-stack

Concevez votre première application Javascript Fullstack
35 jours 8 pers. max. Dans vos locaux 4,5/5 Mise à jour : 06/03/2026

Objectifs operationnels

A l'issue de la formation, le participant sera capable de :

  • Comprendre le fonctionnement d’une application web Full-stack
  • Manipuler les bases du langage JavaScript moderne (ES6+)
  • Créer une interface web dynamique en HTML, CSS et JavaScript
  • Comprendre le fonctionnement du DOM et des événements
  • Mettre en place un serveur Node.js
  • Créer une API REST simple avec Express
  • Connecter une application à une base de données
  • Gérer les requêtes HTTP (GET, POST, PUT, DELETE)
  • Connecter le front-end au back-end
  • Déployer une application simple en environnement de développement

Programme détaillé

Durée totale : 35 jours | 65% de pratique

Architecture d’une application web

  • Fonctionnement du navigateur

  • Client / Serveur

  • HTTP et JSON

Bases du JavaScript

  • Variables et types

  • Fonctions

  • Tableaux et objets

  • Notions ES6 (let, const, arrow functions)

Mise en pratique

  • Exercices progressifs en JavaScript

  • Manipulation de données

HTML et CSS

  • Structure d’une page

  • Sélecteurs et styles

  • Mise en page simple

JavaScript dans le navigateur

  • Manipulation du DOM

  • Gestion des événements

  • Appels API avec fetch

Mise en pratique

  • Création d’une interface dynamique

  • Formulaire interactif connecté à une API fictive

Introduction à Node.js

  • Environnement d’exécution

  • npm et gestion des dépendances

Express.js

  • Création d’un serveur

  • Routes et middleware

  • Gestion des requêtes et réponses

Mise en pratique

  • Création d’une API REST simple

  • Tests avec Postman ou curl

Introduction aux bases de données

  • SQL vs NoSQL

  • Modèle simple de données

Connexion à une base (ex : MongoDB ou PostgreSQL)

  • Installation

  • Connexion depuis Node.js

  • CRUD

Mise en pratique

  • Stockage et récupération de données

  • API connectée à la base

Connexion front-end / back-end

  • Requêtes HTTP

  • Gestion des erreurs

  • Organisation du projet

Projet fil rouge

  • Création d’une application simple (ex : gestion de tâches)

  • Interface utilisateur

  • API REST

  • Persistance des données

Tests et démonstration finale

Modalités de la formation

Modalités pédagogiques

  • Apports theoriques structures
  • Demonstrations techniques
  • Exercices guides
  • Mise en situation reelle
  • 65 % de pratique

Modalités d'évaluation

  • Quizz final
  • Evaluation pratique finale : déploiement complet de la stack
  • Validation des acquis via exercice supervisé

Modalités d'accès

  • Huit personnes maximums
  • La formation est effectuee chez le client
  • Le client doit disposer d’une salle capable d’accueillir l’ensemble des formes et deux formateurs

Public visé

  • Développeurs backend
  • Développeurs frontend
  • Chefs de Projet

Prerequis

  • Bases algorithmiques
  • Notions solides de HTML et CSS.

Moyens techniques

  • Ordinateur personnel
  • Visual Studio Code
  • Accès Internet

Accessibilité

Adaptations possibles sur demande (rythme, supports, modalites).