Son videonun sonunda, yeni bir klasör yapısını tanıtacağımızdan
bahsettik, böylece önce doğru klasörleri ve dosyaları oluşturarak oradan başlayacağız.
Bu yüzden yüce gidiyorum ve her takım için yeni dosyamı yapacağım.
Sadece ana HTML dosyam olacak ve dizine eklemeye başlayacağız.
H Tim L ve ben sadece liste projesi yapmak için aradığım bir klasör var.
HD M-L'yi indeksleyin ve sonra temel H-2 posta özet demirbaşına ekleyin ve listeyi yapmak ve kaydetmek için
bunu çağıracağız.
Ve sonra gidip birkaç yeni dizin yapacağız.
Ve bunu yalnızca bulucudan yapacağım, böylece sağ tıklama ve yeni klasör yapabilme.
Komuta vardiyasını yapabilir ve bunu yüce içeriden yapabilirsiniz.
Yeni bir dosyaya girerseniz ve kaydettiğinizde burada yeni klasörü tıklayabilirsiniz, ancak yeni klasörü oluşturmaya
çalışırsanız, varlık diye adlandırılan bir klasör oluştururuz ve ardından varlıkların içinde iki
klasör yapacağız. J. için S. ve diğeri bizim için.
Ve son olarak J.'nin yerine. S. biz lib adlı başka bir klasör yapacağız.
proje üzerine sürükleyerek tüm yapıyı yüce bir şekilde açarsam, şu anda yapımımın bu projeyi yapması
gerektiğini görebiliriz ve bunun bir dizinine sahip olduğumuzdan, varlıklar yerine bir varlıklar dizinine sahibiz.
Dolayısıyla, bütün yapıyı yalnızca böyle bir
Cs sahibiz ve bizde javascript var ve javascript yerine bir lib dizini var.
Bu nedenle, C S S dizini yerine, J harfi yerine stil sayfamızı koyacağız. S. kendi özel javascript'imizi
jey sorgusunu yazdıracağız ve lib'in içinde nereye ekleyeceğiz orada yazacağız.
Kendisine gerçek J sorgu dosyasını sorgulayın.
Böylece oradan başlayacağız.
Hadi gidip bir sorgumuz var emin olalım.
yapmaktan ziyade, daha ciddi bir proje olduğundan son sıkıştırılmış sürümü indireceğiz.
Bu yüzden sadece Jay Querrey dot com'ya gideceğim ve bir CDN
İşte burası sıkıştırılmış üretim 2. 0 1. 4.
Ve sonra o dosyayı bulacağım ve sadece varlıklarımın içine ekleyeceğim.
J. S. lib sadece böyle eklemek ve şimdi bu doğru bağlantı gitmek için gidiyorum.
Tedarikçimin içi.
Dolayısıyla, HMO'mda bir komut dosyası etiketi eklemeliyim.
Ve oraya ulaşmanın yolu varlıklar için eğik çizgi var. S. lib slash Jay, dolmenler için bir noktaya gelinceye kadar kesik çizgi çizdi.
Evet.
Şimdi şu komut dosyası türünü yapalım çünkü javascript kaynağı varlık slash J'ye eşittir. S. eğik çizgi eğik çizgi çizin.
Jay sorgu çizgi 2. 1 puan bir puan dört erkek.
Oraya gitmek için evet uzun bir dosya adı ama bunu kaydedin.
Ve başlamak için bir tarayıcıda açalım.
Her seferinde açacağım dizin çalışmamı bulmaya git.
Görülecek bir şey yok.
Ama buraya gidersem bir sorgu yazarım.
İşler iyi çalışıyor.
Ayrıca vücudun seçilmesi ile test edilebildim ve bu da işe yarıyor.
Bu demek oluyor ki gidebileceğimiz iyi.
Sonraki aşamada, stil sayfamızı ve kendi özel javascript dosyamızı almamıza odaklanalım.
Bu yüzden önce stil sayfasını yapacağız.
Öyleyse yeni bir dosya yapalım ve kaydettirelim ve ben sadece C-s bizden ve maddi varlıklarımıza gideceğim tarzları
aramaya çalışacağız SS'yi görün ve aslında tutarlı olmak için Dewes'e SS'yi yapalım.
Dolayısıyla, varlıklarımızın Css dizinindeki şeyler için Css yapın ve kaydedin ve kesinlikle kurtulacağımız vücut arka plan
moru gibi bir şey ekleyin.
Ancak bunun çalışıp çalışmadığından emin olmak için buraya gidip bağlantılı etiketi
ekleyip varlıkların C kesimi olan doğru yolu ekleyeceğiz. SS, Dewes dot C SS'ye eğik çizgi yapıyor ve kaydedeceğiz ve
yenileyeceğiz ve stil sayfamızın artık düzgün şekilde bağlandığını görebilirsiniz.
Yapacağımız son şey kendi özel javascript dosyamızı almamız.
Bu yüzden yeni bir dosya yapacağım ve kaydedeceğim, bunu Scott J.'yi yapmak için arayacağız. S. İşte Yapılacaklar Listemizi
işe yaratabilecek gerçek kodu yazacağız.
Yani bu varlıkların içinde olmalı.
J. S. ve bu kadar.
Dolayısıyla onu lib'e koymayız çünkü lib, Jay Querrey gibi dış kodları
ve kütüphaneleri koyacağımız yerdir. Dolayısıyla sadece J S'ye koyacağız ve yapıyı koruyacağız.
Varlıklar CSSA biz J. yerine kullanmak zorundayız. S. J sorgusuna sahip bir lib dizinimiz var ve kendi yapacaklarımız var.
J. S. G-S klasörü ve oyları yerine basit bir uyarı ekleyerek gidin ve kaydedin.
Şimdi merkez talimatlarımıza geri dönün ve
başka bir komut dosyası etiketine ekleyin ve bu sefer varlıkları slash J'ye eşit miktarda ekleyelim. S. evet yapmak ve kaydetmek için eğik çizgi.
Ve şimdi, yenilendiğimizde neler olacağını göreceğiz, bağlantılı alarmımızı alıyoruz.
Funt hakkında konuştuğumuzda yerleştirilmesi gereken başka bir dosya sunacağız.
Tamam, böylece klasör yapısını doğru bir şekilde ayarladık, böylece
Harika bir CSSA kütüphanesi.
Temel olarak dahil edebileceğimiz bir grup simge var.
Dolayısıyla, bu klasör yapısına geri döneceğiz ve gelecekteki videoda ekleyeceğiz.
Şimdilik bir sonraki videoda yapmamız gereken tek şey bu.
Bazı kod yazmaya odaklanacağız