Pod koniec ostatniego filmu wspomniałem, że mamy zamiar wprowadzić nową strukturę folderów, więc mamy zamiar zacząć tam, tworząc odpowiednie foldery i pliki w pierwszej kolejności.
Więc mam zamiar udać się do wzniosłości i zamierzam zrobić mój nowy plik dla każdej drużyny.
Podobnie będzie nasz główny plik HTML i mam zamiar nazwać indeksowane.
H Tim L i mam folder dla niego Dzwonię do zrobienia listy projektów.
Więc indeksu HD M-L, a następnie dodamy do naszej podstawowej H-2 poczty boilerplate a ja nazywam to lista rzeczy do zrobienia i oszczędzać.
A potem mamy zamiar iść i zrobić kilka nowych katalogów.
A ja po prostu się tego zrobić z wyszukiwarki, dzięki czemu można kliknąć prawym przyciskiem myszy i zrobić nowy folder.
Można to zrobić zmianę polecenia i można to zrobić również, że od wewnątrz wzniosłe.
Jeśli pójdziesz do nowego pliku plik i zapisać go można kliknąć nowy folder tutaj jednak go o utworzeniu nowego folderu jedziemy do folderu o nazwie aktywów, a następnie wewnątrz aktywów zamierzamy dokonać dwa foldery jeden przez JS a drugi dla nas.
A potem wreszcie zamiast J.S. mamy zamiar zrobić kolejny folder o nazwie lib.
Więc jeśli mogę otworzyć całą tę strukturę się wewnątrz wzniosłe tylko przez przeciąganie cały projekt w ciągu takiego można zobaczyć, że nasza konstrukcja jest teraz zrobić ten projekt i mamy indeks że H Tm l, a następnie mamy katalogu assets zamiast aktywów.
Mamy Css i mamy JavaScript i zamiast javascript mamy lib.
Więc będziemy oddanie naszego arkusza stylów zamiast katalogu C S i zamiast J.S. będziemy oddanie własny niestandardowy skrypt gdzie napisać kwerendę Jey i wewnątrz lib jest, gdzie mamy zamiar dodać.
Zapytanie sobie rzeczywisty plik zapytania J.
Więc zaczniemy tam.
Chodźmy i upewnić się, że mamy zapytanie.
Więc mam zamiar po prostu pójść do Jay Querrey kropka com i zamiast robić CDN, bo to jest bardziej poważnego projektu mamy zamiar pobrać najnowszą wersję skompresowany.
Więc to tu produkcję sprężonego 2.0 1.4.
A potem mam zamiar znaleźć ten plik i dodaj go do mojego majątku.
J. S. lib wystarczy dodać, że w tak i teraz mam zamiar iść link to prawda.
Wewnątrz mojego dostawcy.
Więc w moim HMO muszę dodać tag skryptu.
A ścieżka się tam dostać to aktywa slash J.S. slash slash lib Jay przerywana wskazać jeden punkt za dolmenu.
Tak.
Więc zróbmy to teraz, ponieważ typ skryptu javascript źródłem równa Wartości slash J.S. slash slash lib.
Jay kreska zapytanie 2,1 punktu jeden punkt czterech mężczyzn.
To jest tak długa nazwa pliku, aby dostać się tam, ale zachowaj to.
I niech po prostu otworzyć go w przeglądarce, aby rozpocząć.
Więc idź znaleźć nasze badania indeksu za każdym razem będę go otworzyć się.
Nie mamy nic do zobaczenia.
Ale jeśli pójdę tu wpisać zapytanie.
Wszystko działa dobrze.
Mógłbym również przetestowane w ten sposób wybierając ciało i że działa tak samo.
To znaczy, że jesteśmy dobrze iść.
Następna w kolejce skupmy się na coraz naszego arkusza stylów i nasze własne niestandardowe javascript dołączonego pliku.
Więc mamy zamiar uczynić arkusz stylów jako pierwszy.
Więc zróbmy nowy plik i zapisać to i ja po prostu nazwać to style, które C-S z nami i mam zamiar iść w moje aktywa patrz SS i faktycznie być spójne zróbmy do Dewes robi SS.
Tak, aby robić rzeczy Css wewnątrz naszych aktywów katalogu C SS i zapisać i dodajmy coś jak ciało tło fioletowy które będziemy absolutnie pozbyć.
Ale tak, aby upewnić się, że wszystko działa, a potem pójdziemy tutaj i dodać w połączonej tagu, a następnie dodać właściwą ścieżkę, która jest trwałe ukośnik C. SS slash do Dewes dot Css i będziemy zapisywać i odświeżać i ci widać nasz arkusz stylów jest teraz prawidłowo podłączony.
Ostatnią rzeczą, którą mamy zamiar zrobić, to nasz własny zwyczaj javascript dzieje plików.
Więc mam zamiar zrobić nowy plik i zapisać go, a my nazywamy ten jeden do zrobienia Scott J. S. i to, gdzie będziemy pisać rzeczywisty kod, który będzie uczynić nasze listy do pracy.
Tak, że powinien udać się wewnątrz aktywów.
J. S. i to wszystko.
Tak więc nie umieścić go w lib lib, bo właśnie mamy zamiar umieścić kod zewnętrzny i bibliotek takich jak Jay Querrey więc jesteśmy po prostu będzie umieścić go w J S i zapisać nasza struktura wygląda następująco.
Aktywa CSSA musimy użyć zamiast J.S ..
Mamy lib katalogu, który ma J kwerendy w nim i posiadamy własne robić.
J. S. zamiast folderu G-S i głosów przejść dodać prosty alarm podłączony i oszczędzać.
Teraz wróć do naszej poczty HQ i dodać w innym tagu script i tym razem mamy zamiar dodać źródło równą aktywów slash J.S. slash zrobić tak i oszczędzać.
A teraz zobaczmy, co się dzieje, gdy mamy odświeżyć naszą podłączony alarm.
OK, więc mamy struktura folderów poprawnie skonfigurowany tak będziemy wprowadzając inny plik, że musimy się raz mówimy o funt.
Niesamowite, który jest biblioteką CSSA.
Jest to w zasadzie pęczek ikon, które możemy dołączyć.
Więc będziemy wracać do tej struktury folderów i dodanie do niej w przyszłym filmie.
Na razie to wszystko, co musimy zrobić w następnym filmie.