JavaScript par la pratique
4.0 (154 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
646 students enrolled

JavaScript par la pratique

Comprendre les notions avancées de JavaScript et les nouveautés d'ES6
4.0 (154 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
646 students enrolled
Current price: $100.99 Original price: $144.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Apprendre les notions essentielles de JavaScript telles que prototypes, classes, closures, programmation fonctionnelle ... etc ...
Course content
Expand all 62 lectures 06:07:58
+ Les fonctions
8 lectures 37:05
"function declaration" et "function expression"
08:16
Le callback : passer une fonction à une fonction
03:18
Portée des variables en ES5 puis en ES6 (via let et const)
10:47
IIFE (Immediatly Invoked Function Expression)
05:38
Arrow function (ES6)
02:02
Arguments et paramètres
02:02
Paramètres par défaut (ES6)
02:29
Fonction utilisée comme un constructeur
02:33
+ Les objets
7 lectures 31:03
Quand créer un objet ?
02:50
Les propriétés d'un objet
02:43
Object.keys()
03:40
Getter
03:55
Setter
04:21
Copie d'objet
09:21
Imposer une structure à des objets à l'aide d'un constructeur
04:13
+ Les prototypes ES5 et les classes ES6
8 lectures 45:56
Prototype d'une fonction et __proto__ d'un objet
11:01
Ajouter une fonction à un prototype
04:35
Occulter une propriété du prototype en ajoutant une propriété à un objet
03:58
Modifier le prototype d'une fonction après coup
03:31
Consulter le __proto__ d'un objet pour éviter certains pièges
03:14
Chaîne d'héritage prototypal
09:52
instanceof
00:44
Les classes ES6
09:01
+ Les possibles valeurs de 'this' en JavaScript
5 lectures 29:53
Les valeurs de this + le problème de this depuis une inner function
12:43
Solution 1 : capturer this dans self
03:10
Solution 2 : utiliser une arrow fonction
01:56
Choisir ce que doit être this à l'aide de call()
08:21
Choisir ce que doit être this à l'aide de bind()
03:43
+ Les tableaux (Array)
8 lectures 50:03
Quand faut-il utiliser un tableau ?
03:01
Array.of() et Array.from() (ES6)
09:04
map(), filter() et sort() (ES6)
08:48
Introduction à reduce() (ES6)
07:40
Utiliser reduce() pour créer un objet à partir d'un tableau
06:47
Recréer map() à l'aide de reduce()
04:03
Recréer filter() à l'aide de reduce()
02:59
Quatre façons de cloner un tableau (en ES5 et ES6)
07:41
+ Les closures
3 lectures 21:14
Qu’est- qu’une closure ?
05:52
Rendre une variable privée grâce aux closures
12:13
Capturer des arguments passés à la “outer function”
03:09
+ Les événements
11 lectures 01:41:23
Qu'est-ce qu'un événement ? (event)
01:57
Ecouter les événements du clavier
11:25
Diverses façons de prendre en compte uniquement certaines touches du clavier
11:21
Création d'un captcha - Choisir une question aléatoirement
11:23
Création d'un captcha - Gestion des saisies du clavier
05:21
Création d'un captcha - S'assurer d'un nombre précis de saisies
03:43
Création d'un captcha - Comparer deux tableaux
06:10
Création d'un captcha - Validation
16:10
Création d'un player vidéo - Initialisation du projet
10:04
Création d'un player vidéo - Play, pause et contrôle de la vitesse de la vidéo
11:45
Création d'un player vidéo - Implémentation du slider de recherche
12:04
+ Les requêtes AJAX
3 lectures 26:36
Les promises (ES6)
07:08
Les promises (suite) : la gestion du "reject" (ES6)
04:14
Utiliser fetch() et les promises pour effectuer une requête asynchrone (ES6)
15:14
+ Bonus
1 lecture 00:57
Coupons vers des formations complémentaires
00:57
Requirements
  • Etre un faux débutant en JavaScript ou connaître un autre langage.
Description

Pourquoi un cours entièrement dédié au JavaScript plutôt qu'à jQuery, undescore, la librairie X ou le framework Y ? Car il y a de  nombreuses situations où vous devrez utiliser uniquement JavaScript : 

- un client qui souhaite simplement un peu d'interactivité sur son site web existant ne vous laissera pas effectuer une réécriture coûteuse avec votre framework préféré
- le code développé par un développeur parti depuis longtemps utilise des prototypes ou des closures mais vous ne les comprenez pas
- un script existant fait presque ce que vous souhaitez, mais il vous manque les connaissances pour ajuster le comportement à vos besoins

L'écrasante majorité des développeuses et développeurs a commencé par un autre langage de programmation : C#, PHP, Python ou Ruby. Il a fallu ajouter un peu de JavaScript, puis de plus en plus. Et c'est alors que les problèmes ont commencé : JavaScript n'est pas comme les autres langages. Il n'est pas orienté objet mais prototypal et fonctionnel. Même des notions évidentes ailleurs - telle que la valeur de 'this' - peut surprendre en JavaScript. 

Faites mentir la boutade qui dit que chaque nouvelle librairie ou framework est une occasion supplémentaire de cacher son incompétence en JavaScript : apprenez JavaScript, passez de développeur qui fait du JavaScript à développeur JavaScript à part entière.

Who this course is for:
  • Développeuses et développeurs souhaitant comprendre JavaScript afin d'être indépendant des frameworks et librairies par définition éphémères