Alla fine dell'ultimo video ho menzionato che introdurremo una nuova struttura
di cartelle, quindi inizieremo creando innanzitutto le cartelle e i file corretti.
Quindi ho intenzione di andare in sublime e ho intenzione di creare il mio nuovo file per ogni squadra.
Diventerà il nostro file HTML principale e lo chiamerò indicizzato.
H Tim L e I abbiamo una cartella per questo sto solo chiamando per fare un elenco di progetti.
Quindi indicizziamo l'HD M-L e poi aggiungeremo il nostro standard di base per la posta H-2 e lo chiamerò per fare la
lista e salvare.
E poi andremo a creare alcune nuove directory.
E lo farò da finder in modo da poter fare clic con il tasto destro e fare una nuova cartella.
Puoi fare il comando shift e puoi farlo anche dall'interno del sublime.
Se vai in un nuovo file e lo salvi, puoi fare clic sulla nuova cartella qui, tuttavia,
quando crei la nuova cartella, creeremo una cartella chiamata assets e quindi all'interno delle risorse
creeremo due cartelle per J. S. e un altro per noi.
E poi, infine, invece di J. S. faremo un'altra cartella chiamata lib.
semplicemente trascinando l'intero progetto in questo modo, puoi vedere che la nostra struttura è ora in grado di fare questo progetto
e abbiamo un indice che h t m l e quindi abbiamo una directory di risorse invece di risorse.
Quindi se apro l'intera struttura all'interno di sublime
Abbiamo C Ss e abbiamo javascript e invece di javascript abbiamo una directory lib.
Quindi inseriremo il nostro foglio di stile anziché la directory C S S e non J. S. inseriremo il nostro javascript
personalizzato dove scriviamo la query jey e all'interno di lib è dove aggiungeremo.
Esegui una query sul file di query J corrente.
Quindi inizieremo lì.
Andiamo e assicurati di avere una query.
questo è più un progetto serio che stiamo per scaricare la versione compressa più recente.
Quindi andrò semplicemente a Jay Querrey dot com e non a fare un CDN perché
Quindi è proprio qui la produzione compressa 2. 0 1. 4.
E poi ho intenzione di trovare quel file e aggiungerlo alle mie risorse.
J. S. lib basta aggiungere questo in quel modo e ora ho intenzione di andare a link corretto.
L'interno del mio fornitore.
Quindi nel mio HMO ho bisogno di aggiungere un tag script.
E il percorso per arrivarci è asset slash J. S. slash lib slash Jay si precipitò a puntare un punto per il dolmen.
Sì.
Quindi facciamolo ora come tipo di script perché l'origine javascript equivale alla barra delle risorse J. S. tagliare la barra della lib.
Jay query dash 2. 1 punto un punto quattro uomini.
È un nome di file sì lungo per arrivarci, ma salvare questo.
E apriamolo in un browser per iniziare.
Quindi vai a trovare il nostro studio dell'indice ogni volta che lo aprirò.
Non abbiamo nulla da vedere.
Ma se vado qui scrivo una query.
Le cose stanno andando bene.
Potrei anche provarlo facendo questo selezionando il corpo e anche quello funziona.
Ciò significa che siamo a posto.
Successivamente concentriamoci sull'ottenere il nostro foglio di stile e il nostro file javascript personalizzato incluso.
Quindi faremo prima il foglio di stile.
Quindi creiamo un nuovo file e lo salviamo e io chiamerò solo gli stili che C-s us e io andrò nelle
mie risorse per vedere SS e in realtà per essere coerenti facciamo a Dewes il SS.
Quindi, per fare roba C S all'interno della nostra directory C Ss e salvare e aggiungiamo qualcosa come body background
purple di cui ci libereremo assolutamente.
Ma solo per assicurarci che funzioni, quindi andremo qui e aggiungeremo il tag collegato e quindi
aggiungeremo il percorso corretto che è la barra delle risorse C. Taglia SS a Dewes dot C Ss e salveremo e aggiorneremo e
potrai vedere il nostro foglio di stile ora collegato correttamente.
L'ultima cosa che faremo è far partire il nostro file javascript personalizzato.
Quindi creerò un nuovo file e lo salverò e chiameremo questo per fare Scott J. S. ed è qui che scriveremo il
codice effettivo che farà funzionare la nostra lista delle cose da fare.
Quindi dovrebbe andare all'interno delle risorse.
J. S. e questo è tutto.
Quindi non lo mettiamo in lib perché la lib è dove metteremo il codice esterno e le
librerie come Jay Querrey. Quindi lo inseriremo in J S e la nostra struttura verrà salvata in questo modo.
Asset CSSA che dobbiamo usare al posto di J. S. Abbiamo una directory lib che ha una query J in essa e noi abbiamo il nostro da fare.
J. S. invece della cartella G-S e dei voti, aggiungi un semplice avviso collegato e salva.
Ora torna alla nostra posta HQ
e aggiungi un altro tag script e questa volta aggiungeremo sorgente uguale a asset slash J. S. tagliare per fare sì e salvare.
E ora vediamo cosa succede quando aggiorniamo, riceviamo il nostro avviso connesso.
un altro file che dobbiamo inserire una volta che parliamo di Funt.
OK, quindi la struttura delle cartelle è stata impostata correttamente, quindi introdurremo
Fantastico che è una libreria CSSA.
È fondamentalmente un gruppo di icone che possiamo includere.
Quindi torneremo a questa struttura di cartelle e ci aggiungeremo al video futuro.
Per ora è tutto ciò che dobbiamo fare nel prossimo video.
Ci concentreremo sulla scrittura di un codice