1
00:00:00,270 --> 00:00:09,300
Aan het einde van de laatste video noemde ik dat we gaan naar een nieuwe mappenstructuur introduceren dus we gaan om daar te beginnen door eerst het maken van de juiste mappen en bestanden.

2
00:00:09,330 --> 00:00:14,350
Dus ik ga naar subliem en ik ga mijn nieuw bestand te maken voor elk team.

3
00:00:14,580 --> 00:00:18,700
Gewoon naar onze HTML-bestand te zijn en ik ga het geïndexeerde noemen.

4
00:00:18,720 --> 00:00:23,690
H Tim L en ik heb een map voor dat ik ben gewoon te bellen naar de lijst project te doen.

5
00:00:23,790 --> 00:00:33,790
Dus index die HD M-L en dan gaan we aan onze fundamentele H-2 mail standaardtekst en ik zal deze oproep te doen lijst en op te slaan.

6
00:00:34,380 --> 00:00:37,200
En dan gaan we om te gaan en maak een paar nieuwe mappen.

7
00:00:37,680 --> 00:00:44,130
En ik ga gewoon om dat te doen vanuit de Finder, zodat u direct kunt klikken en doe nieuwe map.

8
00:00:44,130 --> 00:00:50,270
U kunt commando shift doen en je kunt ook doen dat vanaf de binnenkant van subliem.

9
00:00:50,400 --> 00:01:12,720
Als je in een bestand nieuw bestand en je het op te slaan kun je nieuwe map Klik hier hoe je gaan over het creëren van de nieuwe map gaan we een map genaamd activa maken en dan de binnenkant van de activa gaan we twee mappen te maken voor JS en een andere voor ons.

10
00:01:13,740 --> 00:01:19,360
En dan tot slot in plaats van J.S. we gaan naar een andere map met de naam lib te maken.

11
00:01:19,830 --> 00:01:41,120
Dus als ik dit hele structuur openen binnenkant van sublieme door gewoon te slepen het hele project dan als dit kun je zien dat onze structuur is nu om dit project te doen en we hebben een index die h t m l en dan hebben we een vermogen directory in plaats van de activa.

12
00:01:41,220 --> 00:01:46,700
We hebben C Ss en we hebben javascript en in plaats van javascript hebben we een lib directory.

13
00:01:46,860 --> 00:01:58,670
Dus zullen we zetten onze style sheet in plaats van de C S S directory en in plaats van J.S. zullen we zetten onze eigen aangepaste javascript, waar we schrijven de Jey vraag en de binnenkant van lib is waar we heen gaan om toe te voegen.

14
00:01:58,790 --> 00:02:01,520
Query zelf de werkelijke J querybestand.

15
00:02:01,800 --> 00:02:02,980
Dus zullen we daar beginnen.

16
00:02:03,120 --> 00:02:05,310
Laten we gaan en ervoor zorgen dat we een vraag.

17
00:02:05,580 --> 00:02:17,540
Dus ik ga gewoon naar Jay Querrey dot com en in plaats van het doen van een CDN, want dit is meer een serieus project gaan we naar de meest recente gecomprimeerde versie te downloaden.

18
00:02:17,640 --> 00:02:22,850
Dus dat is hier gecomprimeerd productie 2.0 1.4.

19
00:02:23,430 --> 00:02:28,950
En dan ga ik naar dat bestand zoeken en toevoegen het gewoon in mijn activa.

20
00:02:29,010 --> 00:02:36,870
J.S. lib voeg gewoon dat als dat en nu ga ik om te verwijzen naar die correct.

21
00:02:36,880 --> 00:02:39,520
De binnenkant van mijn leverancier.

22
00:02:39,870 --> 00:02:43,350
Dus in mijn HMO moet ik een script-tag toe te voegen.

23
00:02:44,250 --> 00:02:53,540
En de weg om er te komen is activa slash J.S. slash lib slash Jay rende naar een punt voor dolmen wijzen.

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

25
00:02:54,570 --> 00:03:06,390
Dus laten we dat nu doen script type omdat javascript bron gelijk is aan activa slash J.S. slash lib slash.

26
00:03:06,480 --> 00:03:10,370
Jay-query dash 2,1 punt een punt vier mannen.

27
00:03:10,620 --> 00:03:15,300
Dat is een ja lange bestandsnaam om er te komen, maar sla dit.

28
00:03:15,510 --> 00:03:18,300
En laten we gewoon open het in een browser te starten.

29
00:03:18,300 --> 00:03:23,130
Dus ga vinden onze index studie elke keer dat ik zal het openstellen.

30
00:03:23,160 --> 00:03:24,620
We hebben niets te zien.

31
00:03:24,870 --> 00:03:27,780
Maar als ik ga hier ik typ een query.

32
00:03:27,780 --> 00:03:29,180
Dingen werken prima.

33
00:03:29,400 --> 00:03:34,550
Ik kan ook getest door dit te doen selecteren van het lichaam en die werkt ook.

34
00:03:34,560 --> 00:03:36,620
Dus dat betekent dat we goed om te gaan.

35
00:03:36,690 --> 00:03:42,360
Next up Laten we focussen op het krijgen van onze style sheet en onze eigen aangepaste javascript-bestand opgenomen.

36
00:03:42,360 --> 00:03:44,660
Dus we gaan naar de stylesheet eerste te maken.

37
00:03:44,760 --> 00:03:59,890
Dus laten we een nieuw bestand en sla dat en ik noem het stijlen die C-S ons en ik ga om te gaan in mijn vermogen zie SS en eigenlijk om consistent te laten doen om Dewes doet de SS.

38
00:04:00,090 --> 00:04:12,820
Dus om dingen doen C Ss binnenkant van onze activa C Ss directory en op te slaan en laten we iets als het lichaam achtergrond paarse die we zullen absoluut te ontdoen van de toe te voegen.

39
00:04:13,020 --> 00:04:35,100
Maar alleen maar om ervoor te zorgen dat het werkt en dan gaan we hierheen gaan en voeg in het gekoppelde tag en voeg vervolgens het juiste pad die activa slash C. SS slash aan Dewes dot C Ss en we zullen slaan en te vernieuwen en u zie onze style sheet is nu goed is aangesloten.

40
00:04:35,100 --> 00:04:39,310
Het laatste wat we gaan doen is onze eigen aangepaste JavaScript-bestand te gaan.

41
00:04:39,420 --> 00:04:49,290
Dus ik ga een nieuw bestand te maken en op te slaan en we zullen dit te doen Scott J. S. bellen en dat is waar we naartoe gaan om de werkelijke code die ons zal maken To Do List werk te schrijven.

42
00:04:49,320 --> 00:04:53,250
Dus dat moet naar binnen gaan van de activa.

43
00:04:53,280 --> 00:04:54,780
J.S. en dat is het.

44
00:04:54,780 --> 00:05:05,870
Dus we doen het niet in lib omdat lib is waar we heen gaan om externe code en bibliotheken als Jay Querrey Dus we gaan gewoon om het in J S te zetten en op te slaan onze structuur ziet er als volgt uit te zetten.

45
00:05:05,930 --> 00:05:10,310
Activa CSSA hebben we te gebruiken in plaats van J.S ..

46
00:05:10,560 --> 00:05:14,830
We hebben een lib map die J-query in zich heeft en we hebben onze eigen te doen.

47
00:05:14,860 --> 00:05:23,820
J.S. in plaats van de map G-S en stemmen gaan voeg een eenvoudige alert aangesloten en op te slaan.

48
00:05:23,850 --> 00:05:39,170
Ga nu terug naar onze HQ mail en voeg in een ander script tag en deze keer gaan we de bron gelijk aan activa toe te voegen slash J.S. slash om ja te doen en op te slaan.

49
00:05:39,540 --> 00:05:45,130
En nu laten we eens kijken wat er gebeurt als we vernieuwen we onze aangesloten alert.

50
00:05:46,260 --> 00:05:53,470
OK dus hebben we de mapstructuur correct ingesteld dus we zullen introduceren een ander bestand dat we moeten plaatsen wanneer we praten over Funt.

51
00:05:53,480 --> 00:05:56,180
Geweldig wat een CSSA bibliotheek.

52
00:05:56,190 --> 00:05:58,770
Het is eigenlijk een bos van pictogrammen die we kunnen bevatten.

53
00:05:58,770 --> 00:06:02,980
Dus we zullen terugkeren naar dit mapstructuur en toe te voegen aan het in de toekomst video.

54
00:06:03,000 --> 00:06:05,240
Voor nu, dat is alles wat we moeten doen in de volgende video.