No final do último vídeo, mencionei que vamos apresentar uma nova estrutura
de pastas, então vamos começar por criar as pastas e arquivos corretos primeiro.
Então eu vou para sublimar e vou fazer meu novo arquivo para cada equipe.
Apenas seremos nosso arquivo HTML principal e vou chamar isso de indexado.
H Tim L e eu temos uma pasta para isso. Estou apenas ligando para fazer um projeto de lista.
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
lista e salvar.
E então vamos fazer alguns novos diretórios.
E eu vou fazer isso do finder para que você possa clicar direito e fazer uma nova pasta.
Você pode fazer mudança de comando e você também pode fazer isso por dentro de sublime.
Se você entrar em um arquivo novo arquivo e você salvá-lo, você pode clicar em nova pasta aqui, no entanto, você vai
sobre a criação da nova pasta, vamos fazer uma pasta chamada ativos e, em seguida, dentro dos ativos, vamos fazer
duas pastas uma para J. S. e outro para nós.
E, finalmente, em vez de J. S. vamos fazer outra pasta chamada lib.
do sublime ao arrastar todo o projeto dessa forma, você pode ver que nossa estrutura agora é para fazer esse projeto
e temos um índice que é o que eu estou e então temos um diretório de ativos em vez de ativos.
Então, se eu abrir toda essa estrutura dentro
Nós temos C Ss e temos javascript e, em vez de javascript, temos um diretório lib.
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
personalizado onde escreveremos a consulta jey e dentro da lib é onde vamos adicionar.
Consulte o arquivo de consulta J atual.
Então vamos começar por lá.
Vamos e certifique-se de ter uma consulta.
CDN, porque este é mais um projeto sério, vamos baixar a versão mais recente compactada.
Então, eu vou apenas para Jay Querrey dot com e, ao invés de fazer um
Então, é aqui mesmo a produção comprimida 2. 0 1. 4.
E então vou encontrar esse arquivo e apenas adicioná-lo aos meus ativos.
J. S. lib apenas adicione isso assim e agora vou fazer um link para isso correto.
O interior do meu fornecedor.
Então, no meu HMO, eu preciso adicionar uma tag de script.
E o caminho para chegar lá é um slash de ativos J. S. slash lib slash Jay correu para apontar um ponto para dolmen.
Sim.
Então, vamos fazer isso agora tipo de script porque a fonte de javascript é igual a barra de ativos J. S. slash lib slash.
Jay consulta as guias 2. 1 ponto um ponto quatro homens.
Esse é um nome de arquivo sim longo para chegar lá, mas salvar isso.
E vamos abri-lo em um navegador para começar.
Então, vá encontrar nosso estudo de índice cada vez que eu abri-lo.
Não temos nada para ver.
Mas se eu for aqui, dou uma consulta.
As coisas estão funcionando bem.
Eu também poderia testar por fazer isso selecionando o corpo e isso também funciona.
Então, isso significa que somos bons para ir.
Em seguida, vamos nos concentrar em obter nossa folha de estilo e nosso próprio arquivo javascript personalizado incluído.
Então, vamos fazer a folha de estilo primeiro.
Então, vamos fazer um novo arquivo e salvá-lo e eu vou chamar estilos que C-s e eu vou entrar em meus
recursos, veja SS e, na verdade, seja consistente, vamos fazer para que Dewes faça o SS.
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
púrpura do qual vamos nos livrar completamente.
Mas apenas para se certificar de que está funcionando e depois iremos aqui e adicione a etiqueta vinculada e,
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
você pode ver nossa folha de estilo agora está conectada corretamente.
A última coisa que vamos fazer é obter nosso próprio arquivo javascript personalizado.
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
o código real que fará com que nossa To Do List funcione.
Então, isso deveria entrar dentro dos ativos.
J. S. e é isso.
Então, não colocamos na lib porque a lib é onde vamos colocar código externo e
bibliotecas como Jay Querrey. Então, vamos colocá-lo em J S e salvar nossa estrutura parece assim.
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.
J. S. Em vez da pasta G-S e os votos, adicione um alerta simples conectado e salve.
Agora volte para o nosso correio de HQ
e adicione outra etiqueta de script e desta vez vamos adicionar fonte igual à barra de ativos J. S. corte para fazer sim e salvar.
E agora vamos ver o que acontece quando atualizamos, recebemos nosso alerta conectado.
outro arquivo que precisamos colocar uma vez que falamos sobre o Funt.
OK, então, temos a estrutura da pasta configurada corretamente, então vamos apresentar
Incrível, que é uma biblioteca CSSA.
É basicamente um monte de ícones que podemos incluir.
Então, retornaremos a esta estrutura de pastas e adicionando-a no futuro do vídeo.
Por enquanto, é tudo o que precisamos fazer no próximo vídeo.
Nós nos concentraremos em escrever algum código