Introduction au développement Javascript Full-stack
8000 € HT
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é
Fondamentaux du Web et du JavaScript
Durée : 7hArchitecture 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
Développement Front-end
Durée : 7hHTML 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
Développement Back-end avec Node.js
Durée 7hIntroduction à 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
Base de données et persistance
Durée : 4hIntroduction 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
Application Full-stack complète
Durée : 7hConnexion 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).