Inhoudsopgave
De javascript-console is een tool die we beschikbaar hebben in de nieuwste generatie browsers zoals: Google Chrome waar we enkele commando's van die taal kunnen uitvoeren, stelt dit ons in staat om clientcode rechtstreeks in onze browser uit te voeren.Backbone.js een Zijn Javascript-bibliotheek Het draait ook op de client, dus we kunnen de tests van de console in onze browser afhandelen, op deze manier kunnen we leren omgaan met beide tools.
Hoe de console te gebruiken
Zoals we aan het begin van de tutorial vermeldden, kunnen we de Javascript-console van onze browser om enkele opdrachten uit te voeren, hiervoor moeten we een bijgewerkte browser hebben, in ons geval gaan we Google Chrome gebruiken.
ProberenOm toegang te krijgen tot de console moeten we naar: menu van onze browser in de rechterbovenhoek en in de sectie tools, selecteer ontwikkelaarstools.
Laten we eens kijken hoe dit menu eruit ziet in de volgende afbeelding:
Een heel belangrijk commando is de console.log (), Deze instructie zorgt ervoor dat wat we als argument doorgeven direct op de console wordt afgedrukt.We kunnen deze instructie voor verschillende doeleinden gebruiken, een daarvan is om de applicatie te debuggen door waarden af te drukken op strategische punten die we beslissen.
In de volgende afbeelding zullen we zien hoe we een eenvoudige indruk kunnen maken:
Bereid onze Backbone.js-omgeving voor
om te beginnen gebruik Backbone.js We hoeven alleen maar een HTML-document te maken waarin we alle benodigde bestanden zullen opnemen om met het framework te werken, we hebben twee bibliotheken die nuttig zijn, de eerste is jQuery, deze populaire bibliotheek stelt ons in staat om Ajax-verzoeken te doen, onder andere te werken met de DOM-boom van het document en we moeten ook underscore.js die onze sjabloonmotor zal zijn om weergaven te genereren.
Laten we eens kijken naar de volgende code die we moeten maken om onze omgeving te hebben: Backbone.js:
Titel
Hier maken we de opname van Backbone.js als laatste, zodat we de functies ervan met de vorige bibliotheken kunnen gebruiken.
HerinnerenEindelijk hebben we een scriptgedeelte waar onze code naartoe zal gaan; de code van het voorbeeld kunnen we opslaan in een bestand met de naam die we willen en open het vervolgens in Google Chrome.
Nog een trucje voor de console
ProberenOmdat we niet alle code in één regel in de console kunnen uitdrukken, kunnen we deze omzetten in a meerregelige editor, hiervoor drukken we elke keer dat we een nieuwe regel moeten invoeren op de toets Shift en Enter tegelijkertijd zullen we in de volgende afbeelding zien hoe dit eruit ziet:
