Le cours JavaScript complet 2022 : de zéro à expert !
Le cours JavaScript moderne pour tous ! Maîtrisez JavaScript avec des projets, des défis et de la théorie. Plusieurs cours en un !
Devenir un développeur JavaScript avancé, confiant et moderne à partir de zéro
Créez 6 beaux projets du monde réel pour votre portefeuille (pas des applications de jouets ennuyeuses)
Devenez prêt pour le travail en comprenant comment JavaScript fonctionne vraiment dans les coulisses
Comment penser et travailler comme un développeur : résolution de problèmes, recherche, workflows
Les fondamentaux de JavaScript : variables, if/else, opérateurs, logique booléenne, fonctions, tableaux, objets, boucles, chaînes, etc.
ES6+ moderne depuis le début : fonctions flèches, déstructuration, opérateur de propagation, chaînage optionnel (ES2020), etc.
OOP moderne : classes, constructeurs, héritage de prototype, encapsulation, etc.
Des concepts complexes comme le mot-clé 'this', des fonctions d'ordre supérieur, des fermetures, etc.
JavaScript asynchrone : boucle d'événement, promesses, async/attente, appels AJAX et API
Comment structurer votre code à l'aide d'organigrammes et de modèles courants
Des outils modernes pour 2021 et au-delà : modules NPM, Parcel, Babel et ES6
Exercez vos compétences avec plus de 50 défis et missions (solutions incluses)
Obtenez une assistance amicale dans la zone Q&A
Concevez votre parcours d'apprentissage unique en fonction de vos objectifs : parcours de formation
Mise à jour pour ES2021 et ES2022 en novembre 2021
JavaScript est le langage de programmation le plus populaire au monde. Il alimente l’ensemble du Web moderne. Il propose des millions d’emplois bien rémunérés dans le monde entier.
C’est pourquoi vous souhaitez également apprendre JavaScript. Et vous êtes au bon endroit !
Pourquoi ce cours JavaScript est-il fait pour vous ?
C’est le cours JavaScript le plus complet sur WeCours. C’est un package tout-en-un qui vous emmènera des principes fondamentaux de JavaScript à la création d’applications modernes et complexes.
Vous apprendrez le JavaScript moderne dès le début, pas à pas. Je vais vous guider à travers des exemples de code pratiques et amusants, une théorie importante sur le fonctionnement de JavaScript en coulisses, et des projets magnifiques et complets.
Vous apprendrez également à penser comme un développeur, à planifier les fonctionnalités de l’application, à concevoir votre code, à déboguer du code et à de nombreuses autres compétences concrètes dont vous aurez besoin pour votre travail de développeur .
Et contrairement à d’autres cours, celui-ci contient en fait des sujets pour débutants, intermédiaires, avancés et même experts, donc vous n’avez pas besoin d’acheter un autre cours pour maîtriser JavaScript à partir de zéro !
Mais… Vous n’êtes pas obligé d’aborder tous ces sujets. C’est un cours énorme, car, après tout, c’est “Le cours complet de JavaScript”. En fait, c’est comme plusieurs cours en un ! Mais vous pouvez devenir un excellent développeur en ne regardant que des parties du cours. C’est pourquoi j’ai construit ce cours de manière très modulaire et conçu des parcours qui vous permettront de suivre le cours plus rapidement.
À la fin du cours, vous aurez les connaissances et la confiance que vous besoin pour réussir vos entretiens d’embauche et devenir un développeur professionnel.
Alors, que couvre exactement le cours ?
- Créez 5 beaux projets du monde réel pour votre portfolio ! Dans ces projets, vous apprendrez à planifier et à architecturer vos applications à l’aide d’organigrammes et de modèles JavaScript courants
- Maîtriser les principes fondamentaux de JavaScript : variables, if/else, opérateurs, logique booléenne, fonctions, tableaux, objets, boucles, chaînes, etc.
- Apprenez le JavaScript moderne (ES6+) dès le début : fonctions fléchées, déstructuration, opérateur de propagation, arguments par défaut, chaînage facultatif ( ES2020), et plus encore
- Comment JavaScript fonctionne en coulisses : moteurs, pile d’appels, levage, portée, le mot-clé ‘this’, valeurs de référence, et plus encore.
- Plongée en profondeur dans les fonctions : fonctions fléchées, fonctions de première classe et d’ordre supérieur, liaison et fermetures.
- Plongée en profondeur dans la programmation orientée objet : héritage prototypique, fonctions constructeurs (ES5), classes (ES6), encapsulation, abstraction, héritage et polymorphisme. [Ceci est comme un petit cours autonome]
- Plongez en profondeur dans JavaScript asynchrone : la boucle d’événement, les promesses, l’async/l’attente et la gestion des erreurs. Vous les utiliserez pour accéder aux données d’API tierces avec des appels AJAX. [Ceci est comme un petit cours autonome]
- Apprenez les outils modernes utilisés par les développeurs Web professionnels : modules NPM, Parcel (module bundler), Babel et ES6
Consultez le programme du cours pour un aperçu encore plus détaillé du contenu 🙂
Voici ce qu’il y a également inclus dans le package :
- Assistance gratuite dans le cours Q&A
- 25+ défis de codage et 25+ devoirs pour pratiquer votre nouveau compétences
Ce cours est pour vous si…
- … vous voulez acquérir une compréhension véritable et approfondie de JavaScript
- … vous avez essayé d’apprendre JavaScript mais : 1) vous n’y arrivez toujours pas comprenez vraiment JavaScript, ou 2) ne vous sentez toujours pas à l’aise pour coder de vraies applications
- … vous êtes intéressé par l’utilisation d’une bibliothèque/d’un framework comme React, Angular, Vue, ou Node.js dans le futur
- … vous connaissez déjà JavaScript et recherchez un cours avancé e. Ce cours comprend des sujets d’experts !
- … vous voulez vous initier à la programmation : JavaScript est un excellent premier langage !
Welcome, Welcome, Welcome!
1
Course Structure and Projects
2
Watch Before You Start!
3
Read Before You Start!
4
Migration Guide to v2 + Old Course
5
Setting Up Our Code Editor
JavaScript Fundamentals – Part 1
1
Section Intro
2
Hello World!
3
A Brief Introduction to JavaScript
4
Linking a JavaScript File
5
Values and Variables
6
Practice Assignments
7
Data Types
8
let, const and var
9
Basic Operators
10
Operator Precedence
11
Coding Challenge #1
12
Strings and Template Literals
13
Taking Decisions: if / else Statements
14
Coding Challenge #2
15
Type Conversion and Coercion
16
Truthy and Falsy Values
17
Equality Operators: == vs. ===
18
Boolean Logic
19
Logical Operators
20
Coding Challenge #3
21
The switch Statement
22
Statements and Expressions
23
The Conditional (Ternary) Operator
24
Coding Challenge #4
25
JavaScript Releases: ES5, ES6+ and ESNext
JavaScript Fundamentals – Part 2
1
Section Intro
2
Activating Strict Mode
3
Functions
4
Function Declarations vs. Expressions
5
Arrow Functions
6
Functions Calling Other Functions
7
Reviewing Functions
8
Coding Challenge #1
9
Introduction to Arrays
10
Basic Array Operations (Methods)
11
Coding Challenge #2
12
Introduction to Objects
13
Dot vs. Bracket Notation
14
Object Methods
15
Coding Challenge #3
16
Iteration: The for Loop
17
Looping Arrays, Breaking and Continuing
18
Looping Backwards and Loops in Loops
19
The while Loop
20
Coding Challenge #4
How to Navigate This Course
1
Pathways and Section Roadmaps
2
Course Pathways
Developer Skills & Editor Setup
1
Section Intro
2
Section Roadmap
3
Setting up Prettier and VS Code
4
Installing Node.js and Setting Up a Dev Environment
5
Learning How to Code
6
How to Think Like a Developer: Become a Problem Solver!
7
Using Google, StackOverflow and MDN
8
Debugging (Fixing Errors)
9
Debugging with the Console and Breakpoints
10
Coding Challenge #1
[OPTIONAL] HTML & CSS Crash Course
1
Section Intro
2
Basic HTML Structure and Elements
3
Attributes, Classes and IDs
4
Basic Styling with CSS
5
Introduction to the CSS Box Model
JavaScript in the Browser: DOM and Events Fundamentals
1
Section Intro
2
Section Roadmap
3
PROJECT #1: Guess My Number!
4
What's the DOM and DOM Manipulation
5
Selecting and Manipulating Elements
6
Handling Click Events
7
Implementing the Game Logic
8
Manipulating CSS Styles
9
Coding Challenge #1
10
Implementing Highscores
11
Refactoring Our Code: The DRY Principle
12
PROJECT #2: Modal Window
13
Working With Classes
14
Handling an "Esc" Keypress Event
15
PROJECT #3: Pig Game
16
Rolling the Dice
17
Switching the Active Player
18
Holding Current Score
19
Resetting the Game
How JavaScript Works Behind the Scenes
1
Section Intro
2
Section Roadmap
3
An High-Level Overview of JavaScript
4
The JavaScript Engine and Runtime
5
Execution Contexts and The Call Stack
6
Scope and The Scope Chain
7
Scoping in Practice
8
Variable Environment: Hoisting and The TDZ
9
Hoisting and TDZ in Practice
10
The this Keyword
11
The this Keyword in Practice
12
Regular Functions vs. Arrow Functions
13
Primitives vs. Objects (Primitive vs. Reference Types)
14
Primitives vs. Objects in Practice
Data Structures, Modern Operators and Strings
1
Section Intro
2
Section Roadmap
3
Destructuring Arrays
4
Destructuring Objects
5
The Spread Operator (...)
6
Rest Pattern and Parameters
7
Short Circuiting (&& and ||)
8
The Nullish Coalescing Operator (??)
9
Logical Assignment Operators
10
Coding Challenge #1
11
Looping Arrays: The for-of Loop
12
Enhanced Object Literals
13
Optional Chaining (?.)
14
Looping Objects: Object Keys, Values, and Entries
15
Coding Challenge #2
16
Sets
17
Maps: Fundamentals
18
Maps: Iteration
19
Summary: Which Data Structure to Use?
20
Coding Challenge #3
21
Working With Strings - Part 1
22
Working With Strings - Part 2
23
Working With Strings - Part 3
24
Coding Challenge #4
25
String Methods Practice
A Closer Look at Functions
1
Section Intro
2
Section Roadmap
3
Default Parameters
4
How Passing Arguments Works: Value vs. Reference
5
First-Class and Higher-Order Functions
6
Functions Accepting Callback Functions
7
Functions Returning Functions
8
The call and apply Methods
9
The bind Method
10
Coding Challenge #1
11
Immediately Invoked Function Expressions (IIFE)
12
Closures
13
More Closure Examples
14
Coding Challenge #2
Working With Arrays
1
Section Intro
2
Section Roadmap
3
Simple Array Methods
4
The new at Method
5
Looping Arrays: forEach
6
forEach With Maps and Sets
7
PROJECT: "Bankist" App
8
Creating DOM Elements
9
Coding Challenge #1
10
Data Transformations: map, filter, reduce
11
The map Method
12
Computing Usernames
13
The filter Method
14
The reduce Method
15
Coding Challenge #2
16
The Magic of Chaining Methods
17
Coding Challenge #3
18
The find Method
19
Implementing Login
20
Implementing Transfers
21
The findIndex Method
22
some and every
23
flat and flatMap
24
Sorting Arrays
25
More Ways of Creating and Filling Arrays
26
Summary: Which Array Method to Use?
27
Array Methods Practice
28
Coding Challenge #4
Numbers, Dates, Intl and Timers
1
Section Intro
2
Section Roadmap
3
Converting and Checking Numbers
4
Math and Rounding
5
The Remainder Operator
6
Numeric Separators
7
Working with BigInt
8
Creating Dates
9
Adding Dates to "Bankist" App
10
Operations With Dates
11
Internationalizing Dates (Intl)
12
Internationalizing Numbers (Intl)
13
Timers: setTimeout and setInterval
14
Implementing a Countdown Timer
Advanced DOM and Events
1
Section Intro
2
Section Roadmap
3
PROJECT: "Bankist" Website
4
How the DOM Really Works
5
Selecting, Creating, and Deleting Elements
6
Styles, Attributes and Classes
7
Implementing Smooth Scrolling
8
Types of Events and Event Handlers
9
Event Propagation: Bubbling and Capturing
10
Event Propagation in Practice
11
Event Delegation: Implementing Page Navigation
12
DOM Traversing
13
Building a Tabbed Component
14
Passing Arguments to Event Handlers
15
Implementing a Sticky Navigation: The Scroll Event
16
A Better Way: The Intersection Observer API
17
Revealing Elements on Scroll
18
Lazy Loading Images
19
Building a Slider Component: Part 1
20
Building a Slider Component: Part 2
21
Lifecycle DOM Events
22
Efficient Script Loading: defer and async
Object-Oriented Programming (OOP) With JavaScript
1
Section Intro
2
Section Roadmap
3
What is Object-Oriented Programming?
4
OOP in JavaScript
5
Constructor Functions and the new Operator
6
Prototypes
7
Prototypal Inheritance and The Prototype Chain
8
Prototypal Inheritance on Built-In Objects
9
Coding Challenge #1
10
ES6 Classes
11
Setters and Getters
12
Static Methods
13
Object.create
14
Coding Challenge #2
15
Inheritance Between "Classes": Constructor Functions
16
Coding Challenge #3
17
Inheritance Between "Classes": ES6 Classes
18
Inheritance Between "Classes": Object.create
19
Another Class Example
20
Encapsulation: Protected Properties and Methods
21
Encapsulation: Private Class Fields and Methods
22
Chaining Methods
23
ES6 Classes Summary
24
Coding Challenge #4
Mapty App: OOP, Geolocation, External Libraries, and More!
1
Section Intro
2
Section Roadmap
3
Project Overview
4
How to Plan a Web Project
5
Using the Geolocation API
6
Displaying a Map Using Leaflet Library
7
Displaying a Map Marker
8
Rendering Workout Input Form
9
Project Architecture
10
Refactoring for Project Architecture
11
Managing Workout Data: Creating Classes
12
Creating a New Workout
13
Rendering Workouts
14
Move to Marker On Click
15
Working with localStorage
16
Final Considerations
Asynchronous JavaScript: Promises, Async/Await, and AJAX
1
Section Intro
2
Section Roadmap
3
Asynchronous JavaScript, AJAX and APIs
4
IMPORTANT: API URL Change
5
Our First AJAX Call: XMLHttpRequest
6
[OPTIONAL] How the Web Works: Requests and Responses
7
Welcome to Callback Hell
8
Promises and the Fetch API
9
Consuming Promises
10
Chaining Promises
11
Handling Rejected Promises
12
Throwing Errors Manually
13
Coding Challenge #1
14
Asynchronous Behind the Scenes: The Event Loop
15
The Event Loop in Practice
16
Building a Simple Promise
17
Promisifying the Geolocation API
18
Coding Challenge #2
19
Consuming Promises with Async/Await
20
Error Handling With try...catch
21
Returning Values from Async Functions
22
Running Promises in Parallel
23
Other Promise Combinators: race, allSettled and any
24
Coding Challenge #3
Modern JavaScript Development: Modules, Tooling, and Functional
1
Section Intro
2
Section Roadmap
3
An Overview of Modern JavaScript Development
4
An Overview of Modules in JavaScript
5
Exporting and Importing in ES6 Modules
6
Top-Level await (ES2022)
7
The Module Pattern
8
CommonJS Modules
9
A Brief Introduction to the Command Line
10
Introduction to NPM
11
Bundling With Parcel and NPM Scripts
12
Configuring Babel and Polyfilling
13
Review: Writing Clean and Modern JavaScript
14
Let's Fix Some Bad Code: Part 1
15
Declarative and Functional JavaScript Principles
16
Let's Fix Some Bad Code: Part 2
Forkify App: Building a Modern Application
1
Section Intro
2
Section Roadmap
3
Project Overview and Planning (I)
4
Loading a Recipe from API
5
Rendering the Recipe
6
Listening For load and hashchange Events
7
The MVC Architecture
8
Refactoring for MVC
9
Helpers and Configuration Files
10
Event Handlers in MVC: Publisher-Subscriber Pattern
11
Implementing Error and Success Messages
12
Implementing Search Results - Part 1
13
Implementing Search Results - Part 2
14
Implementing Pagination - Part 1
15
Implementing Pagination - Part 2
16
Project Planning II
17
Updating Recipe Servings
18
Developing a DOM Updating Algorithm
19
Implementing Bookmarks - Part 1
20
Implementing Bookmarks - Part 2
21
Storing Bookmarks With localStorage
22
Project Planning III
23
Uploading a New Recipe - Part 1
24
Uploading a New Recipe - Part 2
25
Uploading a New Recipe - Part 3
26
Wrapping Up: Final Considerations
Setting Up Git and Deployment
1
Section Intro
2
Section Roadmap
3
Simple Deployment With Netlify
4
Setting Up Git and GitHub
5
Git Fundamentals
6
Pushing to GitHub
7
Setting Up Continuous Integration With Netlify
The End!
1
Where to Go from Here
2
My Other Courses + Updates
[LEGACY] Access the Old Course
1
Access the Old Course
Vous pouvez afficher et revoir les supports de cours indu00e9finiment, comme une chau00eene u00e0 la demande.
Absolumentu00a0! Si vous disposez d'une connexion Internet, les cours sur WeCours sont disponibles u00e0 tout moment sur n'importe quel appareil. Si vous n'avez pas de connexion Internet, certains instructeurs permettent u00e9galement u00e0 leurs u00e9tudiants de tu00e9lu00e9charger les cours. instructeur cependant, alors assurez-vous d'u00eatre de leur bon cu00f4tu00e9u00a0!
