1
00:00:00,570 --> 00:00:05,320
Quindi questo sarà un video abbastanza veloce sullo sviluppatore JavaScript cromato Cantal.

2
00:00:05,370 --> 00:00:10,560
Quindi, prima di addentrarci nella scrittura del codice javascript nella sintassi, inizieremo a

3
00:00:10,560 --> 00:00:12,370
capire dove scriviamo il codice.

4
00:00:12,600 --> 00:00:17,910
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,

5
00:00:18,360 --> 00:00:24,420
alcuni dei quali abbiamo già visto come H Tim L e C Ss.

6
00:00:24,420 --> 00:00:26,340
Ispettore puoi fare clic sulla lente d'ingrandimento.

7
00:00:26,340 --> 00:00:30,200
Fare clic su un elemento

8
00:00:30,200 --> 00:00:31,160
Guarda l'HGA ora possiamo modificare le cose che ci servono e possiamo modificare e vedere il successo.

9
00:00:31,680 --> 00:00:38,420
Quindi l'abbiamo visto prima.

10
00:00:38,430 --> 00:00:39,980
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.

11
00:00:40,170 --> 00:00:50,820
E c'è una scorciatoia qui che vedi l'opzione di comando.

12
00:00:51,090 --> 00:00:54,420
Quindi è per arrivare alla scheda degli elementi, ma noterete che c'è un'altra scheda qui sotto che dice "Con".

13
00:00:55,410 --> 00:01:01,460
Quindi questo è lo sviluppatore di javascript. Quindi, in poche parole, questo è un posto dove possiamo andare e scrivere javascript nel nostro browser in

14
00:01:01,830 --> 00:01:05,070
modo che gli sviluppatori non scrivano applicazioni javascript complete in

15
00:01:05,190 --> 00:01:11,490
questa console, proprio come gli sviluppatori non scrivono un intero foglio di stile nel browser usando questo ispettore VSS.

16
00:01:11,490 --> 00:01:18,470
capisce come qualcosa funziona o prova qualcosa e poi vai a fare le modifiche nel tuo file CSSA.

17
00:01:18,470 --> 00:01:21,770
Quello che usi per interagire con C valuta o

18
00:01:21,870 --> 00:01:28,470
Quindi in futuro faremo la stessa cosa con un javascript.

19
00:01:28,470 --> 00:01:31,860
Useremo la console per giocare con i giochi per testare

20
00:01:32,160 --> 00:01:34,980
le cose ma poi implementeremo effettivamente un file

21
00:01:35,040 --> 00:01:39,990
javascript completo che persiste e che salviamo sulla nostra macchina anziché solo nel browser.

22
00:01:40,530 --> 00:01:45,960
Quindi inizieremo scrivendo il nostro javascript all'interno della console di Chrome e questo non durerà

23
00:01:45,960 --> 00:01:47,070
molto a lungo.

24
00:01:47,070 --> 00:01:51,930
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.

25
00:01:51,930 --> 00:01:52,710
Sarà semplicemente un modo

26
00:01:52,770 --> 00:01:57,870
Apriremo il suo browser e digiterà javascript qui.

27
00:01:57,870 --> 00:02:01,300
Quindi, per illustrare come funziona la console javascript, ho un codice pre-scritto

28
00:02:01,320 --> 00:02:04,350
che ho intenzione di incollare ed eseguire prima di farlo però.

29
00:02:04,650 --> 00:02:09,330
Voglio solo sottolineare che l'attenzione qui non è sulla sintassi, quindi non fatevi prendere dal panico.

30
00:02:09,330 --> 00:02:12,280
Passeremo molto tempo a esaminare come funziona questo codice nei video futuri.

31
00:02:12,390 --> 00:02:16,990
Qual è l'obiettivo qui.

32
00:02:17,070 --> 00:02:21,330
È il processo

33
00:02:21,570 --> 00:02:22,530
Quindi tutto quello che voglio che tu capisca Posso mettere un po 'di codice qui.

34
00:02:22,530 --> 00:02:23,820
Non importa ciò che fa il codice

35
00:02:23,820 --> 00:02:26,570
in realtà mette semplicemente del codice lì e poi posso premere invio e verrà eseguito.

36
00:02:26,910 --> 00:02:32,130
Quindi questo codice capita di fare una semplice animazione.

37
00:02:32,130 --> 00:02:33,330
Aggiunge cinque pixel alla larghezza dell'immagine ogni 100 millisecondi.

38
00:02:33,540 --> 00:02:36,320
Quindi non ha ancora fatto nulla.

39
00:02:36,340 --> 00:02:40,850
Non appena premo invio, inizia a correre.

40
00:02:41,190 --> 00:02:42,760
Allo stesso modo posso digitare altro codice.

41
00:02:42,800 --> 00:02:45,680
Quindi, ecco un programma molto semplice che apre un piccolo messaggio per me.

42
00:02:46,230 --> 00:02:48,550
Ciao a tutti.

43
00:02:48,660 --> 00:02:54,130
E premo invio e quel pop-up viene eseguito e il codice viene eseguito.

44
00:02:54,540 --> 00:02:57,190
Questo è tutto ciò che voglio mostrare sulla console javascript.

45
00:02:57,770 --> 00:03:02,930
Puoi aprirlo in qualsiasi pagina utilizzando l'opzione di comando J o andando a visualizzare la console javascript dello

46
00:03:03,480 --> 00:03:06,250
sviluppatore o aprendo l'ispettore elementi e facendo clic su cons. Quindi passeremo molto tempo qui.

47
00:03:06,270 --> 00:03:15,840
 

48
00:03:16,230 --> 00:03:20,960
 

49
00:03:20,970 --> 00:03:22,500