JavaScript par la pratique
4.4 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
83 students enrolled
Wishlisted Wishlist

Please confirm that you want to add JavaScript par la pratique to your Wishlist.

Add to Wishlist

JavaScript par la pratique

Comprendre les notions avancées de JavaScript et les nouveautés d'ES6
4.4 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
83 students enrolled
Created by Samir Medjdoub
Last updated 7/2017
French
Curiosity Sale
Current price: $10 Original price: $145 Discount: 93% off
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Apprendre les notions essentielles de JavaScript telles que prototypes, classes, closures, programmation fonctionnelle ... etc ...
View Curriculum
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 is the target audience?
  • Développeuses et développeurs souhaitant comprendre JavaScript afin d'être indépendant des frameworks et librairies par définition éphémères
Students Who Viewed This Course Also Viewed
Curriculum For This Course
61 Lectures
06:07:00
+
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
About the Instructor
Samir Medjdoub
4.4 Average rating
342 Reviews
1,393 Students
7 Courses
Développeur web et mobile hybride

Plus de 10 années d’expérience en programmation web dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), avec comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie,  j’ai ainsi pris la vague Angular 2 dès les versions alpha et bêta fin 2015, celle de React en 2016 pour voir ce que le principal concurrent  proposait, celle de Node.js il y a cinq années de cela et ai eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2017.