$ 49.00

Tuto JavaScript par la Pratique avec JavaScript

$ 49.00

  • Une formation vidéo de 6h07m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 : 

Table des matières de cette formation JavaScript (durée : 6h07m)

  • Préambule
    • Présentation gratuit 00:02:33
    • Les cinq types fondamentaux en JavaScript gratuit 00:04:34
    • Opérations courantes sur les nombres gratuit 00:01:33
    • Template string (nouveauté ES6) 00:02:59
    • Conversion en booléen à l'aide de l'opérateur '!!' 00:02:25
    • Différence entre 'double égal et triple égal 00:02:19
    • Le mot clé "typeof" 00:01:31
    • Configurer son environnement de développement 00:05:59
  • Les fonctions
    • "function declaration" et "function expression" 00:08:16
    • Le callback : passer une fonction à une fonction 00:03:18
    • Portée des variables jusqu'en ES5 puis en ES6 (via let et const) 00:10:47
    • IIFE (Immediatly Invoked Function Expression) 00:05:38
    • Arrow function (ES6) 00:02:03
    • Arguments et paramètres 00:02:02
    • Paramètres par défaut (ES6) 00:02:29
    • Fonction utilisée comme un constructeur 00:02:34
  • Les objets
    • Quand créer un objet ? gratuit 00:02:51
    • Les propriétés d'un objet 00:02:44
    • Object.keys() 00:03:40
    • Getter 00:03:56
    • Setter 00:04:22
    • Copie d'objet 00:09:22
    • Imposer une structure à des objets à l'aide d'un constructeur 00:04:13
  • Les prototypes ES5 et les classes ES6
    • Prototype d'une fonction et __proto__ d'un objet gratuit 00:11:01
    • Ajouter une fonction à un prototype 00:04:35
    • Occulter une propriété du prototype en ajoutant une propriété à un objet 00:03:59
    • Modifier le prototype d'une fonction après coup 00:03:31
    • Consulter le __proto__ d'un objet pour éviter certains pièges 00:03:15
    • Chaîne d'héritage prototypal 00:09:52
    • Instanceof 00:00:45
    • Les classes ES6 00:09:02
  • Les possibles valeurs de this en JavaScript
    • Les valeurs de this + le problème de this depuis une inner function 00:12:43
    • Solution 1 : capturer this dans self 00:03:11
    • Solution 2 : utiliser une arrow fonction 00:01:56
    • Choisir ce que doit être this à l'aide de call() 00:08:21
    • Choisir ce que doit être this à l'aide de bind() 00:03:43
  • Les tableaux (Array)
    • Quand faut-il utiliser un tableau ? gratuit 00:03:02
    • Array.of() et Array.from() (ES6) 00:09:04
    • Map(), filter() et sort() (ES6) 00:08:48
    • Introduction à reduce() (ES6) 00:07:41
    • Utiliser reduce() pour créer un objet à partir d'un tableau 00:06:48
    • Recréer map() à l'aide de reduce() 00:04:03
    • Recréer filter() à l'aide de reduce() 00:02:59
    • Quatre façons de cloner un tableau (en ES5 et ES6) 00:07:42
  • Les closures
    • Qu’est-ce qu’une closure ? 00:05:52
    • Rendre une variable privée grâce aux closures 00:12:14
    • Capturer des arguments passés à la “outer function” 00:03:10
  • Les événements
    • Qu'est-ce qu'un événement ? (event) gratuit 00:01:58
    • Ecouter les événements du clavier 00:11:25
    • Diverses façons de prendre en compte uniquement certaines touches du clavier 00:11:22
    • Création d'un captcha - Choisir une question aléatoirement 00:11:23
    • Création d'un captcha - Gestion des saisies du clavier 00:05:22
    • Création d'un captcha - S'assurer d'un nombre précis de saisies 00:03:43
    • Création d'un captcha - Comparer deux tableaux 00:06:10
    • Création d'un captcha - Validation 00:16:10
    • Création d'un player vidéo - Initialisation du projet 00:10:05
    • Création d'un player vidéo - Play, pause et contrôle de la vitesse de la vidéo 00:11:45
    • Création d'un player vidéo - Implémentation du slider de recherche 00:12:05
  • Les requêtes AJAX
    • Les promises (ES6) 00:07:08
    • Les promises (suite) : la gestion du "reject" (ES6) 00:04:15
    • Utiliser fetch() et les promises pour effectuer une requête asynchrone (ES6) 00:15:14



Formateur : Codeconcept

Codeconcept a publié 14 tutoriels et obtenu une note moyenne de 4,5/5 sur 42 tutoriels vendus. Voir les autres formations de Codeconcept

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1078 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données