Quindi questo sarà un video abbastanza veloce sullo sviluppatore JavaScript cromato Cantal.
Quindi, prima di addentrarci nella scrittura del codice javascript nella sintassi, inizieremo a
capire dove scriviamo il codice.
E così in chrome uno dei posti che possiamo fare è uno sviluppatore di javascript. Quindi, come abbiamo accennato alcune volte, Chrome ha grandi strumenti di sviluppo,
alcuni dei quali abbiamo già visto come H Tim L e C Ss.
Ispettore puoi fare clic sulla lente d'ingrandimento.
Fare clic su un elemento
Guarda l'HGA ora possiamo modificare le cose che ci servono e possiamo modificare e vedere il successo.
Quindi l'abbiamo visto prima.
Per arrivare qui possiamo fare clic con il tasto destro del mouse e ispezionare l'elemento oppure possiamo anche andare a Visualizza gli strumenti di sviluppo per sviluppatori.
E c'è una scorciatoia qui che vedi l'opzione di comando.
Quindi è per arrivare alla scheda degli elementi, ma noterete che c'è un'altra scheda qui sotto che dice "Con".
Quindi questo è lo sviluppatore di javascript. Quindi, in poche parole, questo è un posto dove possiamo andare e scrivere javascript nel nostro browser in
modo che gli sviluppatori non scrivano applicazioni javascript complete in
questa console, proprio come gli sviluppatori non scrivono un intero foglio di stile nel browser usando questo ispettore VSS.
capisce come qualcosa funziona o prova qualcosa e poi vai a fare le modifiche nel tuo file CSSA.
Quello che usi per interagire con C valuta o
Quindi in futuro faremo la stessa cosa con un javascript.
Useremo la console per giocare con i giochi per testare
le cose ma poi implementeremo effettivamente un file
javascript completo che persiste e che salviamo sulla nostra macchina anziché solo nel browser.
Quindi inizieremo scrivendo il nostro javascript all'interno della console di Chrome e questo non durerà
molto a lungo.
facile e veloce per noi di andare avanti e indietro senza dover concentrarci sulla creazione di un progetto, impostando i nostri file e collegandoli correttamente.
Sarà semplicemente un modo
Apriremo il suo browser e digiterà javascript qui.
Quindi, per illustrare come funziona la console javascript, ho un codice pre-scritto
che ho intenzione di incollare ed eseguire prima di farlo però.
Voglio solo sottolineare che l'attenzione qui non è sulla sintassi, quindi non fatevi prendere dal panico.
Passeremo molto tempo a esaminare come funziona questo codice nei video futuri.
Qual è l'obiettivo qui.
È il processo
Quindi tutto quello che voglio che tu capisca Posso mettere un po 'di codice qui.
Non importa ciò che fa il codice
in realtà mette semplicemente del codice lì e poi posso premere invio e verrà eseguito.
Quindi questo codice capita di fare una semplice animazione.
Aggiunge cinque pixel alla larghezza dell'immagine ogni 100 millisecondi.
Quindi non ha ancora fatto nulla.
Non appena premo invio, inizia a correre.
Allo stesso modo posso digitare altro codice.
Quindi, ecco un programma molto semplice che apre un piccolo messaggio per me.
Ciao a tutti.
E premo invio e quel pop-up viene eseguito e il codice viene eseguito.
Questo è tutto ciò che voglio mostrare sulla console javascript.
Puoi aprirlo in qualsiasi pagina utilizzando l'opzione di comando J o andando a visualizzare la console javascript dello
sviluppatore o aprendo l'ispettore elementi e facendo clic su cons. Quindi passeremo molto tempo qui.