1
00:00:00,270 --> 00:00:09,300
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.

2
00:00:09,330 --> 00:00:14,350
Więc mam zamiar udać się do wzniosłości i zamierzam zrobić mój nowy plik dla każdej drużyny.

3
00:00:14,580 --> 00:00:18,700
Podobnie będzie nasz główny plik HTML i mam zamiar nazwać indeksowane.

4
00:00:18,720 --> 00:00:23,690
H Tim L i mam folder dla niego Dzwonię do zrobienia listy projektów.

5
00:00:23,790 --> 00:00:33,790
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ć.

6
00:00:34,380 --> 00:00:37,200
A potem mamy zamiar iść i zrobić kilka nowych katalogów.

7
00:00:37,680 --> 00:00:44,130
A ja po prostu się tego zrobić z wyszukiwarki, dzięki czemu można kliknąć prawym przyciskiem myszy i zrobić nowy folder.

8
00:00:44,130 --> 00:00:50,270
Można to zrobić zmianę polecenia i można to zrobić również, że od wewnątrz wzniosłe.

9
00:00:50,400 --> 00:01:12,720
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.

10
00:01:13,740 --> 00:01:19,360
A potem wreszcie zamiast J.S. mamy zamiar zrobić kolejny folder o nazwie lib.

11
00:01:19,830 --> 00:01:41,120
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.

12
00:01:41,220 --> 00:01:46,700
Mamy Css i mamy JavaScript i zamiast javascript mamy lib.

13
00:01:46,860 --> 00:01:58,670
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ć.

14
00:01:58,790 --> 00:02:01,520
Zapytanie sobie rzeczywisty plik zapytania J.

15
00:02:01,800 --> 00:02:02,980
Więc zaczniemy tam.

16
00:02:03,120 --> 00:02:05,310
Chodźmy i upewnić się, że mamy zapytanie.

17
00:02:05,580 --> 00:02:17,540
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.

18
00:02:17,640 --> 00:02:22,850
Więc to tu produkcję sprężonego 2.0 1.4.

19
00:02:23,430 --> 00:02:28,950
A potem mam zamiar znaleźć ten plik i dodaj go do mojego majątku.

20
00:02:29,010 --> 00:02:36,870
J. S. lib wystarczy dodać, że w tak i teraz mam zamiar iść link to prawda.

21
00:02:36,880 --> 00:02:39,520
Wewnątrz mojego dostawcy.

22
00:02:39,870 --> 00:02:43,350
Więc w moim HMO muszę dodać tag skryptu.

23
00:02:44,250 --> 00:02:53,540
A ścieżka się tam dostać to aktywa slash J.S. slash slash lib Jay przerywana wskazać jeden punkt za dolmenu.

24
00:02:53,650 --> 00:02:54,500
Tak.

25
00:02:54,570 --> 00:03:06,390
Więc zróbmy to teraz, ponieważ typ skryptu javascript źródłem równa Wartości slash J.S. slash slash lib.

26
00:03:06,480 --> 00:03:10,370
Jay kreska zapytanie 2,1 punktu jeden punkt czterech mężczyzn.

27
00:03:10,620 --> 00:03:15,300
To jest tak długa nazwa pliku, aby dostać się tam, ale zachowaj to.

28
00:03:15,510 --> 00:03:18,300
I niech po prostu otworzyć go w przeglądarce, aby rozpocząć.

29
00:03:18,300 --> 00:03:23,130
Więc idź znaleźć nasze badania indeksu za każdym razem będę go otworzyć się.

30
00:03:23,160 --> 00:03:24,620
Nie mamy nic do zobaczenia.

31
00:03:24,870 --> 00:03:27,780
Ale jeśli pójdę tu wpisać zapytanie.

32
00:03:27,780 --> 00:03:29,180
Wszystko działa dobrze.

33
00:03:29,400 --> 00:03:34,550
Mógłbym również przetestowane w ten sposób wybierając ciało i że działa tak samo.

34
00:03:34,560 --> 00:03:36,620
To znaczy, że jesteśmy dobrze iść.

35
00:03:36,690 --> 00:03:42,360
Następna w kolejce skupmy się na coraz naszego arkusza stylów i nasze własne niestandardowe javascript dołączonego pliku.

36
00:03:42,360 --> 00:03:44,660
Więc mamy zamiar uczynić arkusz stylów jako pierwszy.

37
00:03:44,760 --> 00:03:59,890
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.

38
00:04:00,090 --> 00:04:12,820
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ć.

39
00:04:13,020 --> 00:04:35,100
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.

40
00:04:35,100 --> 00:04:39,310
Ostatnią rzeczą, którą mamy zamiar zrobić, to nasz własny zwyczaj javascript dzieje plików.

41
00:04:39,420 --> 00:04:49,290
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.

42
00:04:49,320 --> 00:04:53,250
Tak, że powinien udać się wewnątrz aktywów.

43
00:04:53,280 --> 00:04:54,780
J. S. i to wszystko.

44
00:04:54,780 --> 00:05:05,870
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.

45
00:05:05,930 --> 00:05:10,310
Aktywa CSSA musimy użyć zamiast J.S ..

46
00:05:10,560 --> 00:05:14,830
Mamy lib katalogu, który ma J kwerendy w nim i posiadamy własne robić.

47
00:05:14,860 --> 00:05:23,820
J. S. zamiast folderu G-S i głosów przejść dodać prosty alarm podłączony i oszczędzać.

48
00:05:23,850 --> 00:05:39,170
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ć.

49
00:05:39,540 --> 00:05:45,130
A teraz zobaczmy, co się dzieje, gdy mamy odświeżyć naszą podłączony alarm.

50
00:05:46,260 --> 00:05:53,470
OK, więc mamy struktura folderów poprawnie skonfigurowany tak będziemy wprowadzając inny plik, że musimy się raz mówimy o funt.

51
00:05:53,480 --> 00:05:56,180
Niesamowite, który jest biblioteką CSSA.

52
00:05:56,190 --> 00:05:58,770
Jest to w zasadzie pęczek ikon, które możemy dołączyć.

53
00:05:58,770 --> 00:06:02,980
Więc będziemy wracać do tej struktury folderów i dodanie do niej w przyszłym filmie.

54
00:06:03,000 --> 00:06:05,240
Na razie to wszystko, co musimy zrobić w następnym filmie.