Date de la formation : Faculté des Sciences Montpellier
FORMATION
1er juin au 5 juin 2026
Durée en heures totale 5 jours
30 heures présentiels
COURTE
Lieu :
Frameworks JavaScript
Faculté des Sciences de Montpellier -
Campus Triolet, Pl. Eugène Bataillon,
34090 Montpellier
pour le développement
Niveau requis :
Niveau BTS ou DUT ou Licence d’applications web
Informatique ou expérience
professionnelle de développeur
Tarifs Formation Continue :
2500 € Financement entreprise
Petit Déjeuner
Cette formation a pour objectif d’initier des développeurs informatiques à
Déjeuner différents frameworks JavaScript destinés au développement d’applications
Web. À la fin de cette formation, vous serez capable de développer une
Hébergement
application basique de commerce en ligne en ayant compris les points clés
de chaque framework étudié.
Compétences visées :
• Comprendre les principes de base de chaque framework.
• Installer et configurer un environnement de travail.
• Développer une nouvelle application.
Plus d’informations : • Créer et modifier des composants.
• Comprendre le cheminement des données entre les composants.
Équipe pédagogique : • Maîtriser l’utilisation de services Web (API RESTful).
MEYNARD Michel (15h - Angular et React)
Maître de conférence / Faculté des sciences
POMPIDOR Pierre (15h - NestJS et [Link])
Maître de conférence / Faculté des sciences
Contact inscription et pour toutes questions
relatives à l’organisation de la journée et à
l’inscription :
sfc-fds@[Link]
Frameworks JavaScript
Contenu détaillé de la formation : Jour 3 : journée 6h (9h-12h & 13h30-16h30)
Le matin : Microservice d’authentification avec [Link] - Formateur : Pompidor Pierre
La chronologie des demies journées pourra être modifiée
Problématique de la connexion et de l’authentification via un microservice
Jour 1 : journée 6h (9h-12h & 13h30-16h30) Utilisation des tokens JWT
Mise en place d’un middleware sous NestJS
Le matin : Introduction au framework NestJS - Formateur : Pompidor Pierre
Architecture web monopage (SPA) par rapport à l’architecture multi-pages Compétences développées : authentification dans les applications web JavaScript
Introduction aux serveurs REST avec en introduction un aperçu de [Link] L’après-midi : Introduction au framework Angular (fin) - Formateur : Michel Meynard
Rappel des points clefs de la programmation en JavaScript (triple paradigmes de programmation
Utilisation de services Web pour échanger des données
fonctionnelle, objet et événementielle).
Le service Angular HttpClient
TypeScript vs JavaScript
Observables et Promises : la programmation asynchrone
Prise en main des postes de travail sous Ubuntu
Introduction à NestJS : architecture, composants (contrôleurs et services) Compétences développées : Développement de services injectables, Utilisation d’une API RESTful
[Link] et Inscription, Authentification des clients et transactions de commandes.
Compétences développées : architecture web monopage, serveurs REST, TypeScript vs JavaScript,
création et architecture d’un projet NestJS
Jour 4 : journée 6h (9h-12h & 13h30-16h30)
L’après-midi : Introduction au framework Angular - Formateur : Michel Meynard
Le matin : Introduction au framework [Link] - Formateur : Pompidor Pierre
Protocoles réseau, architecture client-serveur du protocole HTTP
Architecture d’un projet [Link]
Différences entre traitement côté client et serveur (frontend, backend)
Composants SFC
Composantes d’un framework Web
Connexion au back-end
Architecture et objectifs d’Angular (séparation des préoccupations, architecture à composants, …)
Le routage avec [Link]
Constitution d’un composant
Compétences développées : création et architecture d’un projet [Link] et de ses composants,
Compétences développées : Développement en TypeScript avec un environnement de connexion au back-end, routage.
développement intégré (IDE) évolué : code ou codium, utilisation d’extensions facilitant le
codage et d’IA génératives et codage de quelques composants Angular simples. L’après-midi : Introduction au framework React - Formateur : Michel Meynard
Principes de la bibliothèque React
Jour 2 : journée 6h (9h-12h & 13h30-16h30) Environnement de développement et d’exécution du code tsx
Le matin : Introduction au framework NestJS (suite) - Formateur : Pompidor Pierre Architecture à composants et “hooks” React
Mise en place de la base de données nécessaire à l’application fil rouge Compétences développées : Exécution dans un bac à sable (sandbox) ou grâce au framework [Link],
Connexion de NestJS à un SGBD MySQL via un ORM (typeORM) développement des premiers composants d’un site commercial et bascule vers le framework [Link]
Illustration par le filtre des articles sur le serveur
Problématique du CORS Jour 5 : journée 6h (9h-12h & 13h30-16h30)
Routage Le matin : Introduction au framework [Link] (suite) - Formateur : Pompidor Pierre
Compétences développées : utilisation d’un ORM par NestJS avec ses notions d’entités et de Les formulaires dynamiques avec [Link]
repository, routage avec NestJS Connexion, authentification, gestion du panier avec l’utilisation du sessionStorage
Quelques points de programmation avancée de [Link] (notamment le store Pinia)
L’après-midi : Introduction au framework Angular (suite) - Formateur : Michel Meynard Évaluation finale notée sur le back-end (NestJS et microservice d’authentification) et l’architecture
Développement d’un site commercial en Angular d’un projet [Link]
Le composant principal App et le routage des composants centraux
Les liaisons de données (bindings) Angular Compétences développées : Conception avancée avec [Link]
L’après-midi : Introduction au framework React (fin) - Formateur : Michel Meynard
Compétences développées : Utilisation d’un framework CSS Bootstrap, routage Angular et
Suite du développement de l’application de commerce en ligne
utilisation du LocalStorage pour stocker un panier d’articles
Routage des composants ébauchés
Utilisation des Hooks Params, Context et SearchParams
Évaluation finale notée concernant Angular et React
Compétences développées : Compréhension des différences entre composants serveurs et
Service communication de la FdS - [Link]@[Link] - Édition mars 2025 composants clients, le framework “full stack” [Link] et perspectives et conclusion