JavaScript par la Pratique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO JavaScript par la Pratique

Codeconcept
48,99€
3 paiements de 16,00€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Chapitre 2
Les fonctions
Chapitre 3
Les objets
Chapitre 4
Les prototypes ES5 et les classes ES6
Chapitre 5
Les possibles valeurs de this en JavaScript
Chapitre 6
Les tableaux (Array)
Chapitre 7
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

Détail des avis
183
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Teddy Marchand
Teddy Marchand
Publié le 05/10/2019
Une formation complète sur javascript pour découvrir le langage ou se réapproprier quelques notions fondamentale. Merci :)
Codeconcept
Merci pour ce commentaire Ted :)
Membre-6010-4341
Membre-6010-4341
Publié le 28/08/2019
très bon cours avec des explications claires et de bons exemples
Codeconcept
Merci ! Content que les explications et surtout les exemples soient appréciés :)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

JavaScript

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard ou en 3x

Prix d'achat : 48,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 16,00 €
tous les mois, sans intérêts
Total : 48,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1429 tutos gratuits

Notre politique de protection des données