6 Trucs et astuces en JavaScript moderne
6 Trucs et astuces en JavaScript moderne
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.
C'est un langage que vous devez savoir maîtriser.
Au programme de cette formation JavaScript par la Pratique
Voici les concepts qui seront abordés dans ce cours en ligne :
- Les Fonctions,
- Les Objets,
- Les prototypes ES5 et les classes ES6,
- Les possibles valeurs de this en JavaScript,
- Les tableaux (array),
- Les closures,
- Les événements,
- Les requêtes AJAX.
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 !
Pour aller plus loin, voici 2 autres formations qui pourraient vous plaire :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Préambule
Préambule
Chapitre 2
Les fonctions
Les fonctions
Chapitre 3
Les objets
Les objets
Chapitre 4
Les prototypes ES5 et les classes ES6
Les prototypes ES5 et les classes ES6
Chapitre 5
Les possibles valeurs de this en JavaScript
Les possibles valeurs de this en JavaScript
Chapitre 6
Les tableaux (Array)
Les tableaux (Array)
Chapitre 7
Les closures
Les closures
Plan détaillé du cours
Chapitre 1 : Préambule
23m53
Leçon 1Présentation
Leçon 2Les cinq types fondamentaux en JavaScript
Leçon 3Opérations courantes sur les nombres
Leçon 4Template string (nouveauté ES6)
Leçon 5Conversion en booléen à l'aide de l'opérateur '!!'
Leçon 6Différence entre 'double égal et triple égal
Leçon 7Le mot clé "typeof"
Leçon 8Configurer son environnement de développement
Chapitre 2 : Les fonctions
37m07
Leçon 1"function declaration" et "function expression"
Leçon 2Le callback : passer une fonction à une fonction
Leçon 3Portée des variables jusqu'en ES5 puis en ES6 (via let et const)
Leçon 4IIFE (Immediatly Invoked Function Expression)
Leçon 5Arrow function (ES6)
Leçon 6Arguments et paramètres
Leçon 7Paramètres par défaut (ES6)
Leçon 8Fonction utilisée comme un constructeur
Chapitre 3 : Les objets
31m08
Leçon 1Quand créer un objet ?
Leçon 2Les propriétés d'un objet
Leçon 3Object.keys()
Leçon 4Getter
Leçon 5Setter
Leçon 6Copie d'objet
Leçon 7Imposer une structure à des objets à l'aide d'un constructeur
Chapitre 4 : Les prototypes ES5 et les classes ES6
46m
Leçon 1Prototype d'une fonction et __proto__ d'un objet
Leçon 2Ajouter une fonction à un prototype
Leçon 3Occulter une propriété du prototype en ajoutant une propriété à un objet
Leçon 4Modifier le prototype d'une fonction après coup
Leçon 5Consulter le __proto__ d'un objet pour éviter certains pièges
Leçon 6Chaîne d'héritage prototypal
Leçon 7Instanceof
Leçon 8Les classes ES6
Chapitre 5 : Les possibles valeurs de this en JavaScript
29m54
Leçon 1Les valeurs de this + le problème de this depuis une inner function
Leçon 2Solution 1 : capturer this dans self
Leçon 3Solution 2 : utiliser une arrow fonction
Leçon 4Choisir ce que doit être this à l'aide de call()
Leçon 5Choisir ce que doit être this à l'aide de bind()
Chapitre 6 : Les tableaux (Array)
50m07
Leçon 1Quand faut-il utiliser un tableau ?
Leçon 2Array.of() et Array.from() (ES6)
Leçon 3Map(), filter() et sort() (ES6)
Leçon 4Introduction à reduce() (ES6)
Leçon 5Utiliser reduce() pour créer un objet à partir d'un tableau
Leçon 6Recréer map() à l'aide de reduce()
Leçon 7Recréer filter() à l'aide de reduce()
Leçon 8Quatre façons de cloner un tableau (en ES5 et ES6)
Chapitre 7 : Les closures
21m16
Leçon 1Qu’est-ce qu’une closure ?
Leçon 2Rendre une variable privée grâce aux closures
Leçon 3Capturer des arguments passés à la “outer function”
Chapitre 8 : Les événements
1h41
Leçon 1Qu'est-ce qu'un événement ? (event)
Leçon 2Ecouter les événements du clavier
Leçon 3Diverses façons de prendre en compte uniquement certaines touches du clavier
Leçon 4Création d'un captcha - Choisir une question aléatoirement
Leçon 5Création d'un captcha - Gestion des saisies du clavier
Leçon 6Création d'un captcha - S'assurer d'un nombre précis de saisies
Leçon 7Création d'un captcha - Comparer deux tableaux
Leçon 8Création d'un captcha - Validation
Leçon 9Création d'un player vidéo - Initialisation du projet
Leçon 10Création d'un player vidéo - Play, pause et contrôle de la vitesse de la vidéo
Leçon 11Création d'un player vidéo - Implémentation du slider de recherche
Chapitre 9 : Les requêtes AJAX
26m37
Leçon 1Les promises (ES6)
Leçon 2Les promises (suite) : la gestion du "reject" (ES6)
Leçon 3Utiliser fetch() et les promises pour effectuer une requête asynchrone (ES6)
Aperçus
Avis des apprenants