1
00:00:00,270 --> 00:00:04,500
No final do último vídeo, mencionei que vamos apresentar uma nova estrutura

2
00:00:04,500 --> 00:00:09,300
de pastas, então vamos começar por criar as pastas e arquivos corretos primeiro.

3
00:00:09,330 --> 00:00:14,350
Então eu vou para sublimar e vou fazer meu novo arquivo para cada equipe.

4
00:00:14,580 --> 00:00:18,700
Apenas seremos nosso arquivo HTML principal e vou chamar isso de indexado.

5
00:00:18,720 --> 00:00:23,690
H Tim L e eu temos uma pasta para isso. Estou apenas ligando para fazer um projeto de lista.

6
00:00:23,790 --> 00:00:32,130
Então, indague que o HD M-L e, em seguida, vamos adicionar no nosso boilerplate de correio H-2 básico e irei ligar para fazer uma

7
00:00:32,850 --> 00:00:33,790
lista e salvar.

8
00:00:34,380 --> 00:00:37,200
E então vamos fazer alguns novos diretórios.

9
00:00:37,680 --> 00:00:44,130
E eu vou fazer isso do finder para que você possa clicar direito e fazer uma nova pasta.

10
00:00:44,130 --> 00:00:50,270
Você pode fazer mudança de comando e você também pode fazer isso por dentro de sublime.

11
00:00:50,400 --> 00:00:58,680
Se você entrar em um arquivo novo arquivo e você salvá-lo, você pode clicar em nova pasta aqui, no entanto, você vai

12
00:00:58,680 --> 00:01:06,120
sobre a criação da nova pasta, vamos fazer uma pasta chamada ativos e, em seguida, dentro dos ativos, vamos fazer

13
00:01:06,180 --> 00:01:12,720
duas pastas uma para J. S. e outro para nós.

14
00:01:13,740 --> 00:01:19,360
E, finalmente, em vez de J. S. vamos fazer outra pasta chamada lib.

15
00:01:19,830 --> 00:01:28,950
do sublime ao arrastar todo o projeto dessa forma, você pode ver que nossa estrutura agora é para fazer esse projeto

16
00:01:28,950 --> 00:01:37,620
e temos um índice que é o que eu estou e então temos um diretório de ativos em vez de ativos.

17
00:01:37,620 --> 00:01:41,120
Então, se eu abrir toda essa estrutura dentro

18
00:01:41,220 --> 00:01:46,700
Nós temos C Ss e temos javascript e, em vez de javascript, temos um diretório lib.

19
00:01:46,860 --> 00:01:52,770
Então, vamos colocar nossa folha de estilo em vez do diretório C S S e ao invés de J. S. estaremos colocando nosso próprio javascript

20
00:01:52,770 --> 00:01:58,520
personalizado onde escreveremos a consulta jey e dentro da lib é onde vamos adicionar.

21
00:01:58,790 --> 00:02:01,520
Consulte o arquivo de consulta J atual.

22
00:02:01,800 --> 00:02:02,980
Então vamos começar por lá.

23
00:02:03,120 --> 00:02:05,310
Vamos e certifique-se de ter uma consulta.

24
00:02:05,580 --> 00:02:11,550
CDN, porque este é mais um projeto sério, vamos baixar a versão mais recente compactada.

25
00:02:11,550 --> 00:02:17,540
Então, eu vou apenas para Jay Querrey dot com e, ao invés de fazer um

26
00:02:17,640 --> 00:02:22,850
Então, é aqui mesmo a produção comprimida 2. 0 1. 4.

27
00:02:23,430 --> 00:02:28,950
E então vou encontrar esse arquivo e apenas adicioná-lo aos meus ativos.

28
00:02:29,010 --> 00:02:36,870
J. S. lib apenas adicione isso assim e agora vou fazer um link para isso correto.

29
00:02:36,880 --> 00:02:39,520
O interior do meu fornecedor.

30
00:02:39,870 --> 00:02:43,350
Então, no meu HMO, eu preciso adicionar uma tag de script.

31
00:02:44,250 --> 00:02:53,190
E o caminho para chegar lá é um slash de ativos J. S. slash lib slash Jay correu para apontar um ponto para dolmen.

32
00:02:53,650 --> 00:02:54,500
Sim.

33
00:02:54,570 --> 00:03:06,130
Então, vamos fazer isso agora tipo de script porque a fonte de javascript é igual a barra de ativos J. S. slash lib slash.

34
00:03:06,480 --> 00:03:10,370
Jay consulta as guias 2. 1 ponto um ponto quatro homens.

35
00:03:10,620 --> 00:03:15,300
Esse é um nome de arquivo sim longo para chegar lá, mas salvar isso.

36
00:03:15,510 --> 00:03:18,300
E vamos abri-lo em um navegador para começar.

37
00:03:18,300 --> 00:03:23,130
Então, vá encontrar nosso estudo de índice cada vez que eu abri-lo.

38
00:03:23,160 --> 00:03:24,620
Não temos nada para ver.

39
00:03:24,870 --> 00:03:27,780
Mas se eu for aqui, dou uma consulta.

40
00:03:27,780 --> 00:03:29,180
As coisas estão funcionando bem.

41
00:03:29,400 --> 00:03:34,550
Eu também poderia testar por fazer isso selecionando o corpo e isso também funciona.

42
00:03:34,560 --> 00:03:36,620
Então, isso significa que somos bons para ir.

43
00:03:36,690 --> 00:03:42,360
Em seguida, vamos nos concentrar em obter nossa folha de estilo e nosso próprio arquivo javascript personalizado incluído.

44
00:03:42,360 --> 00:03:44,660
Então, vamos fazer a folha de estilo primeiro.

45
00:03:44,760 --> 00:03:53,490
Então, vamos fazer um novo arquivo e salvá-lo e eu vou chamar estilos que C-s e eu vou entrar em meus

46
00:03:53,490 --> 00:03:59,890
recursos, veja SS e, na verdade, seja consistente, vamos fazer para que Dewes faça o SS.

47
00:04:00,090 --> 00:04:09,810
Então, para fazer coisas C Ss dentro de nossos ativos C Ss diretório e salvar e vamos adicionar algo como o fundo do corpo de

48
00:04:10,140 --> 00:04:12,820
púrpura do qual vamos nos livrar completamente.

49
00:04:13,020 --> 00:04:20,100
Mas apenas para se certificar de que está funcionando e depois iremos aqui e adicione a etiqueta vinculada e,

50
00:04:20,130 --> 00:04:29,910
em seguida, adicione o caminho correto que é a barra de recursos C. SS slash para Dewes dot C Ss e vamos guardar e atualizar e

51
00:04:30,750 --> 00:04:35,100
você pode ver nossa folha de estilo agora está conectada corretamente.

52
00:04:35,100 --> 00:04:39,310
A última coisa que vamos fazer é obter nosso próprio arquivo javascript personalizado.

53
00:04:39,420 --> 00:04:45,150
Então eu vou fazer um novo arquivo e salvá-lo e nós chamaremos este para fazer Scott J. S. e é aí que vamos escrever

54
00:04:45,150 --> 00:04:49,290
o código real que fará com que nossa To Do List funcione.

55
00:04:49,320 --> 00:04:53,250
Então, isso deveria entrar dentro dos ativos.

56
00:04:53,280 --> 00:04:54,780
J. S. e é isso.

57
00:04:54,780 --> 00:04:59,960
Então, não colocamos na lib porque a lib é onde vamos colocar código externo e

58
00:05:00,080 --> 00:05:05,870
bibliotecas como Jay Querrey. Então, vamos colocá-lo em J S e salvar nossa estrutura parece assim.

59
00:05:05,930 --> 00:05:10,310
Ativos CSSA temos que usar em vez de J. S. Nós temos um diretório lib que tem J consulta nele e nós temos o nosso próprio para fazer.

60
00:05:10,560 --> 00:05:14,830
J. S. Em vez da pasta G-S e os votos, adicione um alerta simples conectado e salve.

61
00:05:14,860 --> 00:05:23,820
Agora volte para o nosso correio de HQ

62
00:05:23,850 --> 00:05:31,110
e adicione outra etiqueta de script e desta vez vamos adicionar fonte igual à barra de ativos J. S. corte para fazer sim e salvar.

63
00:05:31,110 --> 00:05:39,170
E agora vamos ver o que acontece quando atualizamos, recebemos nosso alerta conectado.

64
00:05:39,540 --> 00:05:45,130
outro arquivo que precisamos colocar uma vez que falamos sobre o Funt.

65
00:05:46,260 --> 00:05:51,420
OK, então, temos a estrutura da pasta configurada corretamente, então vamos apresentar

66
00:05:51,420 --> 00:05:53,470
Incrível, que é uma biblioteca CSSA.

67
00:05:53,480 --> 00:05:56,180
É basicamente um monte de ícones que podemos incluir.

68
00:05:56,190 --> 00:05:58,770
Então, retornaremos a esta estrutura de pastas e adicionando-a no futuro do vídeo.

69
00:05:58,770 --> 00:06:02,980
Por enquanto, é tudo o que precisamos fazer no próximo vídeo.

70
00:06:03,000 --> 00:06:05,240
Nós nos concentraremos em escrever algum código

71
00:06:05,250 --> 00:06:06,620