Introduction and Presentation
Project Grading Criteria
Preparation and Required Tools
Self-Taught Learning Methodology

JavaScript Basics

Setting Up a JavaScript Project
JavaScript Variables (let, const, var)
JavaScript Data Types
Scopes in JavaScript: var vs let vs const
JavaScript Objects
Prototyping in JavaScript
JavaScript Classes (ES6)
JavaScript Operators
JavaScript Loops
JavaScript Conditions
Error Handling in JavaScript
Advanced Array Methods
Asynchronous Programming in JavaScript
Fetch API and HTTP Requests
Imperative vs. Declarative: Writing better JavaScript code
Appendices

JavaScript Basics Exercise

Exercise: E-sport Analysis Platform
Exercise Submission Guidelines

Advanced Concepts in JavaScript

Package Managers (npm, yarn)
The package.json File
The DOM (Document Object Model)
CSS Frameworks

Choosing the Right JavaScript Framework

JavaScript Frameworks

Introduction to TypeScript

Comprehensive Introduction to TypeScript

Code Quality: Formatting and Linting

Linters and Formatters (ESLint, Prettier)

Optimization and Bundlers (Vite, Webpack)

Module Bundlers (Vite, Webpack)

Introduction to Testing

JavaScript Testing Strategies

Introduction to Web Security

JavaScript Rendering Strategies

Web Rendering Modes (SSR, SSG, CSR, ISR)

Software Architecture in JavaScript

Software Architectures: A Practical Guide

Deploy a JavaScript Application

Deploying an Application

Web Performance: Measurement and Optimization

Web Performance: Measurement and Optimization

Web Accessibility and UI/UX

Web Accessibility: Essential Guide

Mobile and Desktop Applications in JS

Desktop & Mobile Applications with JavaScript

Complete React Training

React: Essential Basics
React Components in Detail
Rendering and Virtual DOM in React
React: Complete Index of Hooks
The useState Hook
The useEffect Hook
The useRef Hook
The useMemo Hook
The useCallback Hook
The useReducer Hook
The useContext Hook
Custom Hooks
The React Libraries Ecosystem
React: API and Data Management
React: Next.js and Meta-Frameworks
React: Forms and Validation
React: Types and Validation with Zod & TypeScript
React: Animations
React: Advanced Concepts and Optimizations
React: Links and Resources Appendix
React Router: Navigation
React with Vite: Setup and First Steps
React: State Management
React Advanced Hooks

Introduction to Angular

Introduction to Angular (Coming Soon)

Introduction to Vue.js

Introduction to Vue.js (Coming Soon)

Introduction to Next.js

Introduction to Next.js (Coming Soon)

Final Project: Putting it into Practice

Final Project: Grading and Expectations
Final Project Subject

Courses JavaScript Frameworks - Complete Training/JavaScript Basics/Appendices

JavaScript Resources

JavaScript Roadmap

https://roadmap.sh/javascript

TypeScript Roadmap

https://roadmap.sh/typescript

Grafikart - JavaScript Training

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

Fireship - 100+ JavaScript Concepts

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

Next.js Project - Beswib

Link: https://github.com/For-Hives/beswib/
Example of a "real" project using React/Next.js. Open source code of the beswib.com website (one of the last sites I developed with my best friend and colleague Bréval)

Up next

Exercise: E-sport Analysis Platform

Discover the essential role of package managers like npm. Learn how to initialize a project, install dependencies, and import libraries to accelerate your development.