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.
Dus ik ga naar subliem en ik ga mijn nieuw bestand te maken voor elk team.
Gewoon naar onze HTML-bestand te zijn en ik ga het geïndexeerde noemen.
H Tim L en ik heb een map voor dat ik ben gewoon te bellen naar de lijst project te doen.
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.
En dan gaan we om te gaan en maak een paar nieuwe mappen.
En ik ga gewoon om dat te doen vanuit de Finder, zodat u direct kunt klikken en doe nieuwe map.
U kunt commando shift doen en je kunt ook doen dat vanaf de binnenkant van subliem.
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.
En dan tot slot in plaats van J.S. we gaan naar een andere map met de naam lib te maken.
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.
We hebben C Ss en we hebben javascript en in plaats van javascript hebben we een lib directory.
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.
Query zelf de werkelijke J querybestand.
Dus zullen we daar beginnen.
Laten we gaan en ervoor zorgen dat we een vraag.
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.
Dus dat is hier gecomprimeerd productie 2.0 1.4.
En dan ga ik naar dat bestand zoeken en toevoegen het gewoon in mijn activa.
J.S. lib voeg gewoon dat als dat en nu ga ik om te verwijzen naar die correct.
De binnenkant van mijn leverancier.
Dus in mijn HMO moet ik een script-tag toe te voegen.
En de weg om er te komen is activa slash J.S. slash lib slash Jay rende naar een punt voor dolmen wijzen.
Ja.
Dus laten we dat nu doen script type omdat javascript bron gelijk is aan activa slash J.S. slash lib slash.
Jay-query dash 2,1 punt een punt vier mannen.
Dat is een ja lange bestandsnaam om er te komen, maar sla dit.
En laten we gewoon open het in een browser te starten.
Dus ga vinden onze index studie elke keer dat ik zal het openstellen.
We hebben niets te zien.
Maar als ik ga hier ik typ een query.
Dingen werken prima.
Ik kan ook getest door dit te doen selecteren van het lichaam en die werkt ook.
Dus dat betekent dat we goed om te gaan.
Next up Laten we focussen op het krijgen van onze style sheet en onze eigen aangepaste javascript-bestand opgenomen.
Dus we gaan naar de stylesheet eerste te maken.
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.
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.
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.
Het laatste wat we gaan doen is onze eigen aangepaste JavaScript-bestand te gaan.
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.
Dus dat moet naar binnen gaan van de activa.
J.S. en dat is het.
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.
Activa CSSA hebben we te gebruiken in plaats van J.S ..
We hebben een lib map die J-query in zich heeft en we hebben onze eigen te doen.
J.S. in plaats van de map G-S en stemmen gaan voeg een eenvoudige alert aangesloten en op te slaan.
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.
En nu laten we eens kijken wat er gebeurt als we vernieuwen we onze aangesloten alert.
OK dus hebben we de mapstructuur correct ingesteld dus we zullen introduceren een ander bestand dat we moeten plaatsen wanneer we praten over Funt.
Geweldig wat een CSSA bibliotheek.
Het is eigenlijk een bos van pictogrammen die we kunnen bevatten.
Dus we zullen terugkeren naar dit mapstructuur en toe te voegen aan het in de toekomst video.
Voor nu, dat is alles wat we moeten doen in de volgende video.