Sommario
Il console javascript è uno strumento che abbiamo a disposizione nei browser di ultima generazione come Google Chrome dove possiamo eseguire alcuni comandi di quel linguaggio, questo ci permette di eseguire il codice client direttamente nel nostro browser.Backbone.js essere un Libreria Javascript Funziona anche sul client, quindi possiamo fare la gestione dei test dalla console nel nostro browser, in questo modo possiamo imparare a gestire entrambi gli strumenti.
Come usare la console
Come accennato all'inizio del tutorial, possiamo usare il Console Javascript del nostro browser per eseguire alcuni comandi, per questo dobbiamo avere un browser aggiornato, nel nostro caso utilizzeremo Google Chrome.
ProvaloPer accedere alla console dobbiamo andare su menu del nostro browser in alto a destra e nella sezione strumenti, seleziona strumenti di sviluppo.
Vediamo come appare questo menu nell'immagine seguente:
Un comando molto importante è il console.log(), Questa istruzione fa sì che ciò che passiamo come argomento venga stampato direttamente sulla console.Possiamo utilizzare questa istruzione per diversi scopi, uno di questi è eseguire il debug dell'applicazione stampando i valori nei punti strategici che decidiamo.
Nell'immagine seguente vedremo come possiamo fare una semplice impressione:
Prepara il nostro ambiente Backbone.js
Per iniziare a usa Backbone.js Non ci resta che creare un documento HTML dove inseriremo tutti i file necessari per lavorare con il framework, abbiamo due librerie utili, la prima è jQuery, questa libreria popolare ci consente di effettuare richieste Ajax, lavorare con l'albero DOM del documento tra gli altri e dobbiamo anche includere underscore.js che sarà il nostro motore di modelli per generare visualizzazioni.
Vediamo il seguente codice che dobbiamo creare per avere il nostro ambiente Backbone.js:
Titolo
Qui facciamo durare l'inclusione di Backbone.js in modo da poter utilizzare le sue funzioni con le librerie precedenti.
RicordareInfine abbiamo una sezione di script dove andrà il nostro codice; il codice dell'esempio possiamo salvarlo in un file con il nome che vogliamo e poi aprirlo in Google Chrome.
Un altro trucco per la console
ProvaloPoiché non saremo in grado di esprimere tutto il codice in una singola riga nella console, possiamo convertirlo in a editor multilinea, per questo ogni volta che dovremo inserire una nuova riga premeremo il tasto Maiusc e Invio allo stesso tempo, nell'immagine seguente vedremo come appare:
