Table des matières
La console javascript est un outil dont nous disposons dans les navigateurs de dernière génération tels que Google Chrome où nous pouvons exécuter certaines commandes de ce langage, cela nous permet d'exécuter le code client directement dans notre navigateur.Backbone.js être un bibliothèque Javascript Il fonctionne également sur le client, nous pouvons donc gérer les tests depuis la console dans notre navigateur, de cette manière, nous pouvons apprendre à gérer les deux outils.
Comment utiliser la console
Comme nous l'avons mentionné au début du tutoriel, nous pouvons utiliser le console Javascript de notre navigateur pour exécuter certaines commandes, pour cela nous devons avoir un navigateur mis à jour, dans notre cas nous allons utiliser Google Chrome.
TesterPour accéder à la console, nous devons aller à menu de notre navigateur en haut à droite et dans la section outils, sélectionnez outils de développement.
Voyons à quoi ressemble ce menu dans l'image suivante :
Une commande très importante est la console.log(), Cette instruction provoque l'impression de ce que nous passons comme argument directement sur la console. Nous pouvons utiliser cette instruction à plusieurs fins, l'une d'entre elles est de déboguer l'application en imprimant des valeurs aux points stratégiques que nous décidons.
Dans l'image suivante, nous verrons comment nous pouvons faire une impression simple :
Préparer notre environnement Backbone.js
Pour commencer à utiliser Backbone.js Nous devons simplement créer un document HTML où nous inclurons tous les fichiers nécessaires pour travailler avec le framework, nous avons deux bibliothèques utiles, la première est jQuery, cette bibliothèque populaire nous permet de faire des requêtes Ajax, de travailler avec l'arbre DOM du document entre autres et nous devons également inclure underscore.js qui sera notre moteur de template pour générer des vues.
Voyons le code suivant que nous devons créer pour que notre environnement Backbone.js:
Titre
Ici, nous faisons durer l'inclusion de Backbone.js afin que nous puissions utiliser ses fonctions avec les bibliothèques précédentes.
rappelerEnfin, nous avons une section de script où ira notre code; le code de l'exemple on peut l'enregistrer dans un fichier avec le nom que nous voulons, puis ouvrez-le dans Google Chrome.
Encore une astuce pour la console
TesterComme nous ne pourrons pas exprimer tout le code en une seule ligne dans la console, nous pouvons le convertir en un éditeur multiligne, pour cela chaque fois que nous devons entrer une nouvelle ligne, nous appuierons sur la touche Maj et Entrée en même temps, dans l'image suivante, nous verrons à quoi cela ressemble:
