JavaScript : Le débogage et l'analyse de code

Utiliser des librairies JavaScript

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Pour ne pas introduire de bogues, le mieux est d'utiliser des librairies JavaScript. Dans cette vidéo, vous verrez où les trouver et comment les utiliser.
03:09

Transcription

Alors j’attire votre attention sur les librairies JavaScript. Ce n’est pas vraiment notre cas, quoi qu’on pourrait dire que c’est un petit peu notre cas puisque c’est vrai qu’ici dans le « todo », on va utiliser, notamment on pourra aller voir ici, sur le « network » en rechargeant la page qu’effectivement on utilise « handelbars », on utilise « jquery ». On n’utilise pas beaucoup de librairies. Mais ça vous allez la voir quasiment tout le temps dans les projets en JavaScript. Comment on fait, comment on se dépatouille quand il y a pleins de librairies ? Eh bien on va regarder la documentation, il n’y a pas d’autre choix. Et comment on trouve facilement les documentations ? Eh bien avec ce lien-là : « javascripting.com » C’est la référence en matière de librairie JavaScript. Si vous avez une librairie à aller chercher, si vous cherchez aussi des librairies pour améliorer vos projets, vous irez sur « javascripting ». Le grand intérêt de ce site, c’est qu’il les regroupe toutes. Par exemple, si je tape « jquery », on va effectivement tomber sur la librairie « jquery » et on aura ici la documentation de la librairie « jquery ». Donc tout est bien organisé et à chaque fois vous aurez une fiche qui vous permettra d’aller dans la doc et qui vous permettra de regarder ce que c’est. Je vous conseille, à chaque fois que vous arrivez sur un projet c’est quelque chose à faire. Par exemple « handlebars » je ne sais pas ce que c’est, je n’ai jamais utilisé « handlebars », comment je fais ? Eh bien je vais sur ça, je dis « handlebars ». Je récupère ici le projet « handlebars » et je peux aller regarder la documentation d’« handlebars » et voir comment ça fonctionne. Et là, on a absolument tout : les usages, comment ça s’installe, comment ça s’utilise, bien sûr souvent vous aurez l’« API » de la librairie. Donc ce qui vous permettra d’en apprendre plus sur une librairie. Ça c’est essentiel. Si vous ne faites pas ça, vous ne saurez pas sur quel projet vous arrivez et surtout, vous n’arriverez pas à travailler avec. Notamment ici, voyez, vous avez un « director ». « Director », qu’est-ce que c’est « director.js » ? Bon bah on va pouvoir aller regarder aussi Alors « director », « director.js », on vous dit ce que c’est exactement et puis ensuite, si vous allez en-dessous, vous allez avoir toute l’information. On voit que ça s’utilise avec pas mal de choses, c’est « dependence-free ». Donc ça s’utilise sur n’importe quel projet et ça vous permet de faire pas mal de choses, notamment du « routing ». Donc n’hésitez jamais à aller regarder les documentations. Et puis en plus de ça, « javascripting,com », vous pouvez l’utiliser pour vos propres besoins. Par exemple, vous avez envie de développer un jeu un JavaScript, il y a une section, c’est les sections « games », formulaires, audio, etc., dans lesquelles vous trouverez les meilleures librairies du moment, notamment, par exemple au moment où on enregistre ces vidéos, eh bien c’est « Pixi.js » qui est une des meilleures librairies avec 95% ici de « hits ». Donc on peut aller regarder un petit peu, il y a un intérêt vraiment sur « github », sur cette librairie. Donc vous pouvez vous rendre sur la librairie, regarder ce qu’elle fait regarder si elle est intéressante pour vous. Et à chaque fois, le lien « github » qui vous permet d’ouvrir la librairie et là vous aurez bien évidemment la documentation et les liens vers absolument tout ce que vous avez besoin de savoir. N’hésitez pas à utiliser « javascripting.com ». Ce sera votre première base documentaire pour vous renseigner sur un projet, avant de commencer à le débugger. Si vous débuggez sans savoir sur quelle librairie vous travaillez, vous ne réussirez pas à débugger. Il faut vraiment aller regarder à chaque fois la doc des librairies. Ça peut être un travail de longue haleine mais en tout cas, là vous avez l’outil pour le faire.

JavaScript : Le débogage et l'analyse de code

Prenez en main les techniques et les outils pour améliorer votre code JavaScript. Découvrez Bower, js-beautify, la console de Chrome, les tests unitaires et fonctionnels, etc.

1h29 (26 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :3 mars 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !