1 00:00:00,270 --> 00:00:04,500 Alla fine dell'ultimo video ho menzionato che introdurremo una nuova struttura 2 00:00:04,500 --> 00:00:09,300 di cartelle, quindi inizieremo creando innanzitutto le cartelle e i file corretti. 3 00:00:09,330 --> 00:00:14,350 Quindi ho intenzione di andare in sublime e ho intenzione di creare il mio nuovo file per ogni squadra. 4 00:00:14,580 --> 00:00:18,700 Diventerà il nostro file HTML principale e lo chiamerò indicizzato. 5 00:00:18,720 --> 00:00:23,690 H Tim L e I abbiamo una cartella per questo sto solo chiamando per fare un elenco di progetti. 6 00:00:23,790 --> 00:00:32,130 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 7 00:00:32,850 --> 00:00:33,790 lista e salvare. 8 00:00:34,380 --> 00:00:37,200 E poi andremo a creare alcune nuove directory. 9 00:00:37,680 --> 00:00:44,130 E lo farò da finder in modo da poter fare clic con il tasto destro e fare una nuova cartella. 10 00:00:44,130 --> 00:00:50,270 Puoi fare il comando shift e puoi farlo anche dall'interno del sublime. 11 00:00:50,400 --> 00:00:58,680 Se vai in un nuovo file e lo salvi, puoi fare clic sulla nuova cartella qui, tuttavia, 12 00:00:58,680 --> 00:01:06,120 quando crei la nuova cartella, creeremo una cartella chiamata assets e quindi all'interno delle risorse 13 00:01:06,180 --> 00:01:12,720 creeremo due cartelle per J. S. e un altro per noi. 14 00:01:13,740 --> 00:01:19,360 E poi, infine, invece di J. S. faremo un'altra cartella chiamata lib. 15 00:01:19,830 --> 00:01:28,950 semplicemente trascinando l'intero progetto in questo modo, puoi vedere che la nostra struttura è ora in grado di fare questo progetto 16 00:01:28,950 --> 00:01:37,620 e abbiamo un indice che h t m l e quindi abbiamo una directory di risorse invece di risorse. 17 00:01:37,620 --> 00:01:41,120 Quindi se apro l'intera struttura all'interno di sublime 18 00:01:41,220 --> 00:01:46,700 Abbiamo C Ss e abbiamo javascript e invece di javascript abbiamo una directory lib. 19 00:01:46,860 --> 00:01:52,770 Quindi inseriremo il nostro foglio di stile anziché la directory C S S e non J. S. inseriremo il nostro javascript 20 00:01:52,770 --> 00:01:58,520 personalizzato dove scriviamo la query jey e all'interno di lib è dove aggiungeremo. 21 00:01:58,790 --> 00:02:01,520 Esegui una query sul file di query J corrente. 22 00:02:01,800 --> 00:02:02,980 Quindi inizieremo lì. 23 00:02:03,120 --> 00:02:05,310 Andiamo e assicurati di avere una query. 24 00:02:05,580 --> 00:02:11,550 questo è più un progetto serio che stiamo per scaricare la versione compressa più recente. 25 00:02:11,550 --> 00:02:17,540 Quindi andrò semplicemente a Jay Querrey dot com e non a fare un CDN perché 26 00:02:17,640 --> 00:02:22,850 Quindi è proprio qui la produzione compressa 2. 0 1. 4. 27 00:02:23,430 --> 00:02:28,950 E poi ho intenzione di trovare quel file e aggiungerlo alle mie risorse. 28 00:02:29,010 --> 00:02:36,870 J. S. lib basta aggiungere questo in quel modo e ora ho intenzione di andare a link corretto. 29 00:02:36,880 --> 00:02:39,520 L'interno del mio fornitore. 30 00:02:39,870 --> 00:02:43,350 Quindi nel mio HMO ho bisogno di aggiungere un tag script. 31 00:02:44,250 --> 00:02:53,190 E il percorso per arrivarci è asset slash J. S. slash lib slash Jay si precipitò a puntare un punto per il dolmen. 32 00:02:53,650 --> 00:02:54,500 Sì. 33 00:02:54,570 --> 00:03:06,130 Quindi facciamolo ora come tipo di script perché l'origine javascript equivale alla barra delle risorse J. S. tagliare la barra della lib. 34 00:03:06,480 --> 00:03:10,370 Jay query dash 2. 1 punto un punto quattro uomini. 35 00:03:10,620 --> 00:03:15,300 È un nome di file sì lungo per arrivarci, ma salvare questo. 36 00:03:15,510 --> 00:03:18,300 E apriamolo in un browser per iniziare. 37 00:03:18,300 --> 00:03:23,130 Quindi vai a trovare il nostro studio dell'indice ogni volta che lo aprirò. 38 00:03:23,160 --> 00:03:24,620 Non abbiamo nulla da vedere. 39 00:03:24,870 --> 00:03:27,780 Ma se vado qui scrivo una query. 40 00:03:27,780 --> 00:03:29,180 Le cose stanno andando bene. 41 00:03:29,400 --> 00:03:34,550 Potrei anche provarlo facendo questo selezionando il corpo e anche quello funziona. 42 00:03:34,560 --> 00:03:36,620 Ciò significa che siamo a posto. 43 00:03:36,690 --> 00:03:42,360 Successivamente concentriamoci sull'ottenere il nostro foglio di stile e il nostro file javascript personalizzato incluso. 44 00:03:42,360 --> 00:03:44,660 Quindi faremo prima il foglio di stile. 45 00:03:44,760 --> 00:03:53,490 Quindi creiamo un nuovo file e lo salviamo e io chiamerò solo gli stili che C-s us e io andrò nelle 46 00:03:53,490 --> 00:03:59,890 mie risorse per vedere SS e in realtà per essere coerenti facciamo a Dewes il SS. 47 00:04:00,090 --> 00:04:09,810 Quindi, per fare roba C S all'interno della nostra directory C Ss e salvare e aggiungiamo qualcosa come body background 48 00:04:10,140 --> 00:04:12,820 purple di cui ci libereremo assolutamente. 49 00:04:13,020 --> 00:04:20,100 Ma solo per assicurarci che funzioni, quindi andremo qui e aggiungeremo il tag collegato e quindi 50 00:04:20,130 --> 00:04:29,910 aggiungeremo il percorso corretto che è la barra delle risorse C. Taglia SS a Dewes dot C Ss e salveremo e aggiorneremo e 51 00:04:30,750 --> 00:04:35,100 potrai vedere il nostro foglio di stile ora collegato correttamente. 52 00:04:35,100 --> 00:04:39,310 L'ultima cosa che faremo è far partire il nostro file javascript personalizzato. 53 00:04:39,420 --> 00:04:45,150 Quindi creerò un nuovo file e lo salverò e chiameremo questo per fare Scott J. S. ed è qui che scriveremo il 54 00:04:45,150 --> 00:04:49,290 codice effettivo che farà funzionare la nostra lista delle cose da fare. 55 00:04:49,320 --> 00:04:53,250 Quindi dovrebbe andare all'interno delle risorse. 56 00:04:53,280 --> 00:04:54,780 J. S. e questo è tutto. 57 00:04:54,780 --> 00:04:59,960 Quindi non lo mettiamo in lib perché la lib è dove metteremo il codice esterno e le 58 00:05:00,080 --> 00:05:05,870 librerie come Jay Querrey. Quindi lo inseriremo in J S e la nostra struttura verrà salvata in questo modo. 59 00:05:05,930 --> 00:05:10,310 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. 60 00:05:10,560 --> 00:05:14,830 J. S. invece della cartella G-S e dei voti, aggiungi un semplice avviso collegato e salva. 61 00:05:14,860 --> 00:05:23,820 Ora torna alla nostra posta HQ 62 00:05:23,850 --> 00:05:31,110 e aggiungi un altro tag script e questa volta aggiungeremo sorgente uguale a asset slash J. S. tagliare per fare sì e salvare. 63 00:05:31,110 --> 00:05:39,170 E ora vediamo cosa succede quando aggiorniamo, riceviamo il nostro avviso connesso. 64 00:05:39,540 --> 00:05:45,130 un altro file che dobbiamo inserire una volta che parliamo di Funt. 65 00:05:46,260 --> 00:05:51,420 OK, quindi la struttura delle cartelle è stata impostata correttamente, quindi introdurremo 66 00:05:51,420 --> 00:05:53,470 Fantastico che è una libreria CSSA. 67 00:05:53,480 --> 00:05:56,180 È fondamentalmente un gruppo di icone che possiamo includere. 68 00:05:56,190 --> 00:05:58,770 Quindi torneremo a questa struttura di cartelle e ci aggiungeremo al video futuro. 69 00:05:58,770 --> 00:06:02,980 Per ora è tutto ciò che dobbiamo fare nel prossimo video. 70 00:06:03,000 --> 00:06:05,240 Ci concentreremo sulla scrittura di un codice 71 00:06:05,250 --> 00:06:06,620