Introduction et Présentation
Critères de Notation du Projet
Préparation et Outils Requis

Les Bases de JavaScript

Setup d'un Projet JavaScript
Les Variables en JavaScript (let, const, var)
Les Types de Données en JavaScript
Scopes en JavaScript : var vs let vs const
Les Objets en JavaScript
Le Prototypage en JavaScript
Les Classes en JavaScript (ES6)
Les Opérateurs en JavaScript
Les Boucles en JavaScript
Les Conditions en JavaScript
Gestion d'Erreurs en JavaScript
Méthodes Avancées pour les Tableaux
Programmation Asynchrone en JavaScript
Fetch API et Requêtes HTTP
Impératif vs. Déclaratif : Écrire un meilleur code JavaScript
Annexes

Exercice sur les Bases de JavaScript

Exercice : Plateforme d'Analyse E-sport
Modalités de Rendu de l'Exercice

Concepts Avancés en JavaScript

Les Package Managers (npm, yarn)
Le Fichier package.json
Les Frameworks CSS
Le DOM (Document Object Model)

Choisir le Bon Framework JavaScript

Les Frameworks JavaScript

Introduction à TypeScript

Introduction Complète à TypeScript

Qualité de Code : Formatage et Linting

Linters et Formatters (ESLint, Prettier)

Optimisation et Bundlers (Vite, Webpack)

Les Module Bundlers (Vite, Webpack)

Introduction to Testing

JavaScript Testing Strategies

Introduction à la Sécurité Web

Les Stratégies de Rendu JavaScript

Les Modes de Rendu Web (SSR, SSG, CSR, ISR)

Architecture Logicielle en JavaScript

Architectures Logicielles : Guide Pratique

Déployer une application JavaScript

Déployer une Application

Performance Web : Mesure et Optimisation

Performance Web : Mesure et Optimisation

Accessibilité Web et UI/UX

Accessibilité Web : Guide Essentiel

Applications Mobiles et Desktop en JS

Applications Desktop & Mobile avec JavaScript

Formation Complète sur React

React : Les Bases Essentielles
React avec Vite : Setup et Premiers Pas
Les Composants React en Détail
Rendu et Virtual DOM en React
React : Index Complet des Hooks
Le Hook useState
Le Hook useEffect
Le Hook useRef
Le Hook useMemo
Le Hook useCallback
Le Hook useReducer
Le Hook useContext
Les Hooks Avancés de React
Les Custom Hooks (Hooks Personnalisés)
React Router : La Navigation
React : Gestion de l'État (State Management)
L'Écosystème des Librairies React
React : Gestion des APIs et des Données
React : Next.js et les Meta-Frameworks
React : Formulaires et Validation
React : Types et Validation avec Zod & TypeScript
React : Les Animations
React : Concepts Avancés et Optimisations
React : Annexe des Liens et Ressources

Introduction à Angular

Introduction à Angular (Prochainement)

Introduction à Vue.js

Introduction à Vue.js (Prochainement)

Introduction à Next.js

Introduction à Next.js (Prochainement)

Projet Final : Mettre en Pratique

Projet Final : Notation et Attentes
Sujet du Projet Final

Cours Frameworks JavaScript - Formation Complète/Les Bases de JavaScript/Annexes

Ressources JavaScript

JavaScript Roadmap

https://roadmap.sh/javascript

TypeScript Roadmap

https://roadmap.sh/typescript

Grafikart - Formation JavaScript

https://grafikart.fr/formations/formation-javascript

Fireship - 100+ JavaScript Concepts

https://www.youtube.com/watch?v=lkIFF4maKMU

Projet Next.js - Beswib

Lien: https://github.com/For-Hives/beswib/
Exemple de projet "réel" utilisant React/Next.js. Code source open source du site beswib.com ( un des derniers site que j'ai developper avec mon meilleur amis et collègue Bréval )

Up next

Exercice : Plateforme d'Analyse E-sport

Découvrez le rôle essentiel des gestionnaires de paquets comme npm. Apprenez à initialiser un projet, à installer des dépendances et à importer des bibliothèques pour accélérer votre développement.