1
00:00:00,570 --> 00:00:05,320
Então, este será um vídeo bastante rápido sobre o desenvolvedor Chrome Jingle Cantal.

2
00:00:05,370 --> 00:00:10,560
Então, antes de realmente mergulhar na escrita do código javascript na sintaxe, vamos começar por

3
00:00:10,560 --> 00:00:12,370
descobrir onde escrevemos o código.

4
00:00:12,600 --> 00:00:17,910
E assim, em Chrome, um dos lugares que podemos fazer, é um con software de desenvolvedor javascript. Então, como mencionamos algumas vezes, o Chrome possui excelentes ferramentas para

5
00:00:18,360 --> 00:00:24,420
desenvolvedores, algumas das quais já vimos como H Tim L e C Ss.

6
00:00:24,420 --> 00:00:26,340
Inspector você pode clicar na lupa.

7
00:00:26,340 --> 00:00:30,200
Clique em um elemento.

8
00:00:30,200 --> 00:00:31,160
Veja o HGA agora podemos editar as coisas que ele precisa do time e podemos editar e ver o sucesso.

9
00:00:31,680 --> 00:00:38,420
Então já vimos isso antes.

10
00:00:38,430 --> 00:00:39,980
Para chegar aqui, podemos clicar com o botão direito do mouse e inspecionar o elemento ou também podemos acessar as ferramentas do desenvolvedor do View developer.

11
00:00:40,170 --> 00:00:50,820
E há um atalho aqui que você vê a opção de comando.

12
00:00:51,090 --> 00:00:54,420
Então, é para chegar à guia de elementos, mas você notará que há outra guia aqui que diz con.

13
00:00:55,410 --> 00:01:01,460
Então, este é o con suporte do desenvolvedor javascript. Então, em poucas palavras, este é um lugar onde podemos ir e escrever javascript no nosso navegador, para

14
00:01:01,830 --> 00:01:05,070
que os desenvolvedores não escrevam aplicativos javascript completos neste console

15
00:01:05,190 --> 00:01:11,490
aqui, assim como os desenvolvedores não escrevem uma folha de estilo inteira no navegador usando este inspetor VSS.

16
00:01:11,490 --> 00:01:18,470
ou entender como algo funciona ou testar algo e, em seguida, você faz as mudanças em seu arquivo CSSA.

17
00:01:18,470 --> 00:01:21,770
O que você usa é interagir com C avaliar

18
00:01:21,870 --> 00:01:28,470
Então, na linha, faremos o mesmo com um javascript.

19
00:01:28,470 --> 00:01:31,860
Usaremos o console para brincar com os jogos para testar as

20
00:01:32,160 --> 00:01:34,980
coisas, mas, em seguida, implementaremos um arquivo de javascript

21
00:01:35,040 --> 00:01:39,990
completo que persiste e que economizamos para nossa máquina em vez de apenas no navegador.

22
00:01:40,530 --> 00:01:45,960
Então, vamos começar escrevendo o nosso javascript dentro do console cromado e isso

23
00:01:45,960 --> 00:01:47,070
não durará muito.

24
00:01:47,070 --> 00:01:51,930
e fácil de nos levantar e sair sem ter que nos concentrar em configurar um projeto configurando nossos arquivos e conectando-os corretamente.

25
00:01:51,930 --> 00:01:52,710
Será uma maneira rápida

26
00:01:52,770 --> 00:01:57,870
Vamos abrir o navegador e digitar o javascript aqui.

27
00:01:57,870 --> 00:02:01,300
Então, para ilustrar como o console do javascript funciona, eu tenho algum

28
00:02:01,320 --> 00:02:04,350
código pré-escrito que vou colar e executar antes de fazer isso.

29
00:02:04,650 --> 00:02:09,330
Eu só quero salientar que o foco aqui não está na sintaxe, então não entre em pânico.

30
00:02:09,330 --> 00:02:12,280
Vamos passar muito tempo em como este código funciona em futuros vídeos.

31
00:02:12,390 --> 00:02:16,990
Qual é o foco aqui.

32
00:02:17,070 --> 00:02:21,330
É o processo.

33
00:02:21,570 --> 00:02:22,530
Então, tudo o que quero que você entenda, eu posso colocar algum código aqui.

34
00:02:22,530 --> 00:02:23,820
Não importa o que o código realmente

35
00:02:23,820 --> 00:02:26,570
faz, basta colocar algum código lá e então eu posso entrar e será executado.

36
00:02:26,910 --> 00:02:32,130
Então, esse código faz uma simples animação.

37
00:02:32,130 --> 00:02:33,330
Ele adiciona cinco pixels à largura da imagem a cada 100 milissegundos.

38
00:02:33,540 --> 00:02:36,320
Então, ainda não fez nada.

39
00:02:36,340 --> 00:02:40,850
Assim que acertar Enter, ele começa a correr.

40
00:02:41,190 --> 00:02:42,760
Da mesma forma eu posso digitar outro código.

41
00:02:42,800 --> 00:02:45,680
Então, aqui é um programa muito simples que vai aparecer uma pequena mensagem para mim.

42
00:02:46,230 --> 00:02:48,550
Olá a todos.

43
00:02:48,660 --> 00:02:54,130
E eu toque Enter e esse pop-up é executado e esse código é executado.

44
00:02:54,540 --> 00:02:57,190
Então é tudo o que quero mostrar sobre o console do javascript.

45
00:02:57,770 --> 00:03:02,930
Você pode aparecer em qualquer página usando a opção de comando J ou acessando o console do desenvolvedor javascript

46
00:03:03,480 --> 00:03:06,250
ou abrindo o inspetor de elementos e clicando em contras. Então vamos passar muito tempo aqui.

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