Description

Dans un écosystème JavaScript en constante évolution, choisir le bon framework pour vos projets peut être un défi.

La formation "JavaScript, les Frameworks" vous offre un tour d'horizon complet des principaux frameworks actuels : React, Angular, Vue, et Svelte.

Conçue pour vous donner une vue d'ensemble claire et un comparatif détaillé, cette formation vous permettra de mieux comprendre les forces et les faiblesses de chaque technologie afin de faire un choix éclairé pour vos futurs projets.

Vous apprendrez à créer des composants, gérer le routing, optimiser les performances, et utiliser les outils de développement spécifiques à chaque framework.

En sortant de cette formation, vous serez armé des connaissances nécessaires pour sélectionner le framework le plus adapté à vos besoins, et démarrer vos projets avec confiance.

Publics visés

  • Développeurs web cherchant à comprendre et comparer les principaux frameworks JavaScript modernes.
  • Professionnels du développement souhaitant choisir le framework le plus adapté à leurs projets.

Pré-requis

  • Connaissances de base en JavaScript.
  • Expérience avec le développement web front-end (HTML, CSS, JavaScript).

Compétences

Comprendre les principales fonctionnalités de React, Angular, Vue, et Svelte.

Créer des composants dans chacun des frameworks.

Gérer le routing et l'interpolation de données.

Comparer la performance et les outils de développement de chaque framework.

Utiliser les filtres et directives disponibles dans chaque technologie.

Maîtriser le rendu côté serveur et la gestion du DOM.

Sélectionner le framework le plus adapté à un projet spécifique.

Explorer les tendances actuelles et les meilleures pratiques de développement avec ces frameworks.

Configurer des environnements de développement pour chaque framework.

Comprendre les différences entre le rendu côté client et serveur pour chaque technologie.

Contenu du cours

7 chapites • 36 vidéos • 4h 43m de cours
Introduction aux Frameworks JavaScript
5 vidéos • 36m 26s

Comprendre l'importance des frameworks JavaScript modernes.

Pourquoi utiliser un framework js ?
06:05

Découvrir les avantages d'utiliser un framework JavaScript.

Vue d'ensemble
07:17

Comparer React, Angular, Vue, et Svelte.

Comment choisir le bon framework
07:03

Conseils pour sélectionner le framework adapté à vos besoins.

Environnement de développement
08:09

Préparer les environnements de développement pour React, Angular, Vue, et Svelte.

Tendances actuelles
07:52

Explorer les tendances et l'évolution des frameworks.

Création de composants
5 vidéos • 40m 3s

Apprendre à créer des composants dans chaque framework.

Créer des composants avec React
08:02

Introduction à la création de composants React.

Créer des composants avec Angular
08:09

Apprendre à créer et organiser des composants Angular.

Créer des composants avec Vue.js
07:56

Maîtriser la création de composants avec Vue.js.

Créer des composants avec Svelte
08:04

Introduction à la création de composants Svelte.

Comparaisons
07:52

Comparer les approches de création de composants.

Interpolation et Manipulation du DOM
5 vidéos • 39m 36s

Gérer l'interpolation de données et la manipulation du DOM.

Interpolation et DOM dans React
07:58

Comprendre l'interpolation et la gestion du DOM dans React.

Interpolation et DOM dans Angular
08:03

Gérer l'interpolation et le DOM avec Angular.

Interpolation et DOM dans Vue.js
07:51

Manipuler le DOM et interpoler les données dans Vue.js.

Interpolation et DOM dans Svelte
07:55

Gérer le DOM et l'interpolation dans Svelte.

Comparaisons
07:49

Comparer les approches de manipulation du DOM dans chaque framework.

Routing et Navigation
5 vidéos • 39m 53s

Mettre en place le routing et la navigation dans chaque framework.

Routing dans React avec React Router
07:59

Configurer le routing dans une application React.

Routing dans Angular avec Angular Router
08:03

Gérer la navigation dans une application Angular.

Routing dans Vue.js avec Vue Router
07:57

Utiliser Vue Router pour gérer la navigation dans Vue.js.

Routing dans Svelte avec SvelteKit
08:01

Mettre en place le routing dans une application Svelte.

Comparaisons
07:53

Comparer les systèmes de routing dans chaque framework.

Performance et Optimisation
5 vidéos • 39m 53s

Optimiser les performances des applications avec chaque framework.

Optimisation des performances avec React
08:05

Techniques pour améliorer les performances dans React.

Optimisation des performances avec Angular
07:59

Stratégies pour améliorer la performance dans Angular.

Optimisation des performances avec Vue.js
08:01

Techniques d'optimisation pour améliorer les performances dans Vue.js.

Optimisation des performances avec Svelte
07:56

Maximiser les performances avec Svelte.

Comparaisons
07:52

Comparer les stratégies d'optimisation des performances entre les frameworks.

Outils de Développement et Écosystème
5 vidéos • 39m 40s

Explorer les outils de développement et l'écosystème pour chaque framework.

Outils de développement pour React
08:01

Découvrir les principaux outils pour développer avec React.

Outils de développement pour Angular
07:55

Utiliser les outils de développement dans l'écosystème Angular.

Outils de développement pour Vue.js
07:58

Découvrir les outils et extensions pour Vue.js.

Outils de développement pour Svelte
07:54

Explorer les outils de développement pour Svelte.

Comparaisons
07:52

Comparer les outils de développement et l'écosystème de chaque framework.

Rendu Côté Serveur et Gestion du DOM
6 vidéos • 47m 56s

Explorer le rendu côté serveur et la gestion avancée du DOM.

Rendu côté serveur avec React (Next.js)
07:59

Mettre en place le rendu côté serveur avec React et Next.js.

Rendu côté serveur avec Angular Universal
08:03

Utiliser Angular Universal pour le rendu côté serveur.

Rendu côté serveur avec Vue.js (Nuxt.js)
08:01

Mettre en place le SSR dans Vue.js avec Nuxt.js.

Rendu côté serveur avec Svelte (Sapper/SvelteKit)
07:57

Utiliser SvelteKit pour le rendu côté serveur dans Svelte.

Gestion avancée du DOM et SEO
08:02

Techniques avancées de gestion du DOM et d'optimisation SEO.

Comparaisons
07:54

Comparer les approches de rendu côté serveur et de gestion du DOM.

Enseignant

image
Julien Moulin

Fondateur & Formateur Js/Ts

11 articles sur le blog
28 cours

Julien Moulin est un expert en développement full stack (JS/TS) et un leader technique reconnu. Il excelle dans l'adoption de technologies innovantes tout en répondant aux besoins clients. Son approche allie pragmatisme et innovation, avec une expertise couvrant les plateformes e-commerce, les applications métiers et la modernisation des architectures existantes. En mentor passionné, il partage ses connaissances avec pédagogie, encourage l’apprentissage continu, et inspire ses équipes à relever des défis ambitieux.

En CSS aussi, y a des Frameworks !