1
00:00:00,810 --> 00:00:05,880
Este vídeo, vou demonstrar como podemos escrever javascript em um arquivo separado que podemos incluir em

2
00:00:05,880 --> 00:00:09,280
um arquivo ele e começar a ser executado no navegador.

3
00:00:09,300 --> 00:00:15,510
Então, ao invés de ter que digitar todo o nosso código em nosso cônsul aqui, que só existe até que estivéssemos frescas

4
00:00:15,510 --> 00:00:20,520
na página ou fechemos a janela, agora podemos obter coisas para persistir e salvar em um arquivo.

5
00:00:21,210 --> 00:00:24,750
Então, para fazer isso, precisamos ter em cada arquivo da equipe.

6
00:00:25,560 --> 00:00:30,610
Então eu tenho um aqui em sublime. É chamado de índice que cada equipe eu chamarei o que quiser.

7
00:00:31,020 --> 00:00:33,760
E nós só precisamos colocar o nosso básico aqui.

8
00:00:33,840 --> 00:00:36,930
Então, vou chamar essa demo do script.

9
00:00:37,620 --> 00:00:40,160
E então não precisamos colocar nada aqui se não quisermos.

10
00:00:40,170 --> 00:00:50,040
Mas apenas para deixar claro que é a mesma página, eu vou colocar Júlio, incluindo arquivos J S

11
00:00:50,040 --> 00:00:51,300
e salvar.

12
00:00:52,050 --> 00:00:56,130
Então eu vou continuar e abrir isso no navegador apenas para que possamos.

13
00:00:56,190 --> 00:00:59,100
Então, isso parece incluir arquivos Geass.

14
00:00:59,130 --> 00:01:03,900
E, assim como qualquer outro site, posso abrir o console se eu quisesse e eu poderia

15
00:01:03,900 --> 00:01:09,960
começar a digitar alguns javascript aqui, mas o ponto principal era que estaríamos digitando um javascript em um arquivo separado.

16
00:01:10,350 --> 00:01:13,560
Então, para fazer isso primeiro preciso fazer um arquivo separado.

17
00:01:13,830 --> 00:01:18,900
Então eu vou fazer um novo arquivo e salvá-lo e só vou chamar Script Dot.

18
00:01:18,940 --> 00:01:19,480
Sim.

19
00:01:19,500 --> 00:01:22,010
E a parte importante é o J. S. no fim.

20
00:01:22,380 --> 00:01:27,570
Então isso diz ao navegador dizer sublime. Ele conta tudo isso é um arquivo do

21
00:01:27,570 --> 00:01:34,650
javascript e eu vou guardá-lo no mesmo diretório e então vou colocar uma única linha para o javascript aqui para começar.

22
00:01:34,980 --> 00:01:43,010
Alerte Olá do arquivo js para que possamos ver se está funcionando.

23
00:01:43,080 --> 00:01:45,360
Se recebermos esse alerta.

24
00:01:45,570 --> 00:01:50,370
Então, agora, se apenas atualizamos a página, não está conectado o arquivo.

25
00:01:50,370 --> 00:01:54,520
Ou cada vez que um arquivo não sabe nada sobre o arquivo javascript, então não funciona.

26
00:01:54,660 --> 00:01:59,190
Portanto, precisamos conectá-los da maneira que fazemos, que está usando uma tag de script.

27
00:01:59,550 --> 00:02:06,810
Então, você pode digitar script e clicar e isso irá dar-lo e sublimá-lo ou você pode digitar você

28
00:02:06,840 --> 00:02:13,150
mesmo e parece esse script e não é auto-fechado, então precisamos ter a etiqueta de fechamento.

29
00:02:14,690 --> 00:02:20,640
E então precisamos do atributo de origem e esse atributo de origem precisa ser igual ao arquivo

30
00:02:20,640 --> 00:02:21,700
que queremos carregar.

31
00:02:21,900 --> 00:02:26,070
E, na verdade, vou começar por colocar um arquivo que não existe aqui apenas para

32
00:02:26,640 --> 00:02:27,330
mostrar algo errado.

33
00:02:27,480 --> 00:02:35,130
Sim e se eu salvar isso e voltar para o navegador e eu atualizar e abrir o meu console, você verá que

34
00:02:35,130 --> 00:02:37,770
não conseguiu carregar um erro de recurso.

35
00:02:37,770 --> 00:02:41,340
Ficheiro não encontrado que não conseguiu encontrar errado.

36
00:02:41,400 --> 00:02:44,770
Sim, então é tudo o que eu quero mostrar.

37
00:02:44,850 --> 00:02:49,320
Se colocarmos o nome errado, isso nos informará que não pode encontrar o arquivo, mas apenas

38
00:02:49,320 --> 00:02:49,900
no console.

39
00:02:50,010 --> 00:02:54,630
Então, não vai quebrar o site é apenas mostrar isso para pessoas que sabem onde procurar.

40
00:02:54,630 --> 00:02:58,250
Principalmente desenvolvedores, então vou colocar o arquivo certo aqui.

41
00:02:58,290 --> 00:03:01,270
Scripts apenas salvar Jesus.

42
00:03:01,680 --> 00:03:05,890
Volte para o navegador e atualize e agora recebo meu alerta.

43
00:03:06,030 --> 00:03:10,010
Então, a qualquer momento, esta página carrega esse código será executado automaticamente.

44
00:03:10,200 --> 00:03:14,820
Então, ao contrário do meu console javascript quando o código é executado quando eu toque Enter.

45
00:03:19,080 --> 00:03:23,160
Então, neste caso, sempre que atualizar a página, o código é executado.

46
00:03:23,250 --> 00:03:28,040
Então, o que eu quero fazer agora é voltar para o arquivo javascript e apenas adicionar algumas linhas em vez de

47
00:03:28,040 --> 00:03:28,790
apenas o alerta.

48
00:03:28,890 --> 00:03:34,620
seguida, apenas imprime uma mensagem que diz prazer em conhecê-lo, independentemente do usuário inserido.

49
00:03:34,820 --> 00:03:39,810
Eu quero ter algumas linhas que pedem ao usuário seu nome e, em

50
00:03:40,290 --> 00:03:43,690
Então, para fazer isso, vamos usar o prompt.

51
00:03:43,810 --> 00:03:46,920
Então esse é o nosso prompt de primeira linha.

52
00:03:46,950 --> 00:03:52,660
Qual é o seu nome para capitalizar isso.

53
00:03:53,460 --> 00:03:56,940
E então vamos armazenar isso em uma variável para que possamos usar isso mais tarde.

54
00:03:56,970 --> 00:04:01,030
Eu vou salvar nosso prompt de nome de usuário igual.

55
00:04:01,050 --> 00:04:03,010
Qual é o seu nome.

56
00:04:03,330 --> 00:04:07,610
E então o próximo passo é usar esse nome de usuário para cumprimentar o usuário.

57
00:04:07,800 --> 00:04:10,790
Então eu vou dizer prazer em conhecê-lo.

58
00:04:10,990 --> 00:04:11,810
Nome de usuário.

59
00:04:11,940 --> 00:04:14,460
Então, vamos fazer um alerta e cancelar esse registro.

60
00:04:14,490 --> 00:04:19,010
Então, comece com o alerta de alerta.

61
00:04:19,020 --> 00:04:24,040
Prazer em conhecê-lo certifique-se de que temos o espaçamento certo lá.

62
00:04:24,320 --> 00:04:26,360
Nome de usuário adicional

63
00:04:29,520 --> 00:04:31,910
e um registro desse tipo.

64
00:04:32,130 --> 00:04:36,600
Apenas para que possamos vê-lo em dois lugares.

65
00:04:36,600 --> 00:04:41,520
Também ótimo para conhecê-lo.

66
00:04:41,520 --> 00:04:43,520
Nome de usuário Plus.

67
00:04:43,710 --> 00:04:50,060
Então estamos concatenando as cordas juntas duas vezes diferentes para alertá-las em uma para cancelar o log

68
00:04:50,070 --> 00:04:50,970
do bot.

69
00:04:51,540 --> 00:04:55,250
Então, agora vamos voltar ao navegador que atualizamos.

70
00:04:55,350 --> 00:04:56,670
A primeira coisa que acontece.

71
00:04:56,730 --> 00:05:01,870
Ele nos pede um nome, então vamos colocar o apelido do meu cão Tator.

72
00:05:02,220 --> 00:05:05,680
Ok, me agrada conhecer o Tator.

73
00:05:06,270 --> 00:05:10,170
E se eu abrir o console, veremos.

74
00:05:10,230 --> 00:05:11,840
Também é ótimo conhece-lo Tator.

75
00:05:12,510 --> 00:05:19,650
E também você pode ver isso, me diz o script, sim, linha 3, então, mais tarde, quando tivermos arquivos

76
00:05:19,650 --> 00:05:25,990
complicados loucos e algo errado, poderemos ver exatamente onde e qual número de linha em nosso arquivo.

77
00:05:26,160 --> 00:05:27,540
Então é tudo o que eu quero mostrar lá.

78
00:05:27,540 --> 00:05:34,260
Esses três métodos que nós pedimos para pedir ao usuário alguma entrada e ele o armazena em um alerta variável

79
00:05:34,590 --> 00:05:40,320
apenas para ser desagradável e alertar algo no pequeno pop-up e cancelar sobre o log que apenas

80
00:05:40,320 --> 00:05:41,340
imprime algo ao console