1 00:00:00,270 --> 00:00:04,500 Son videonun sonunda, yeni bir klasör yapısını tanıtacağımızdan 2 00:00:04,500 --> 00:00:09,300 bahsettik, böylece önce doğru klasörleri ve dosyaları oluşturarak oradan başlayacağız. 3 00:00:09,330 --> 00:00:14,350 Bu yüzden yüce gidiyorum ve her takım için yeni dosyamı yapacağım. 4 00:00:14,580 --> 00:00:18,700 Sadece ana HTML dosyam olacak ve dizine eklemeye başlayacağız. 5 00:00:18,720 --> 00:00:23,690 H Tim L ve ben sadece liste projesi yapmak için aradığım bir klasör var. 6 00:00:23,790 --> 00:00:32,130 HD M-L'yi indeksleyin ve sonra temel H-2 posta özet demirbaşına ekleyin ve listeyi yapmak ve kaydetmek için 7 00:00:32,850 --> 00:00:33,790 bunu çağıracağız. 8 00:00:34,380 --> 00:00:37,200 Ve sonra gidip birkaç yeni dizin yapacağız. 9 00:00:37,680 --> 00:00:44,130 Ve bunu yalnızca bulucudan yapacağım, böylece sağ tıklama ve yeni klasör yapabilme. 10 00:00:44,130 --> 00:00:50,270 Komuta vardiyasını yapabilir ve bunu yüce içeriden yapabilirsiniz. 11 00:00:50,400 --> 00:00:58,680 Yeni bir dosyaya girerseniz ve kaydettiğinizde burada yeni klasörü tıklayabilirsiniz, ancak yeni klasörü oluşturmaya 12 00:00:58,680 --> 00:01:06,120 çalışırsanız, varlık diye adlandırılan bir klasör oluştururuz ve ardından varlıkların içinde iki 13 00:01:06,180 --> 00:01:12,720 klasör yapacağız. J. için S. ve diğeri bizim için. 14 00:01:13,740 --> 00:01:19,360 Ve son olarak J.'nin yerine. S. biz lib adlı başka bir klasör yapacağız. 15 00:01:19,830 --> 00:01:28,950 proje üzerine sürükleyerek tüm yapıyı yüce bir şekilde açarsam, şu anda yapımımın bu projeyi yapması 16 00:01:28,950 --> 00:01:37,620 gerektiğini görebiliriz ve bunun bir dizinine sahip olduğumuzdan, varlıklar yerine bir varlıklar dizinine sahibiz. 17 00:01:37,620 --> 00:01:41,120 Dolayısıyla, bütün yapıyı yalnızca böyle bir 18 00:01:41,220 --> 00:01:46,700 Cs sahibiz ve bizde javascript var ve javascript yerine bir lib dizini var. 19 00:01:46,860 --> 00:01:52,770 Bu nedenle, C S S dizini yerine, J harfi yerine stil sayfamızı koyacağız. S. kendi özel javascript'imizi 20 00:01:52,770 --> 00:01:58,520 jey sorgusunu yazdıracağız ve lib'in içinde nereye ekleyeceğiz orada yazacağız. 21 00:01:58,790 --> 00:02:01,520 Kendisine gerçek J sorgu dosyasını sorgulayın. 22 00:02:01,800 --> 00:02:02,980 Böylece oradan başlayacağız. 23 00:02:03,120 --> 00:02:05,310 Hadi gidip bir sorgumuz var emin olalım. 24 00:02:05,580 --> 00:02:11,550 yapmaktan ziyade, daha ciddi bir proje olduğundan son sıkıştırılmış sürümü indireceğiz. 25 00:02:11,550 --> 00:02:17,540 Bu yüzden sadece Jay Querrey dot com'ya gideceğim ve bir CDN 26 00:02:17,640 --> 00:02:22,850 İşte burası sıkıştırılmış üretim 2. 0 1. 4. 27 00:02:23,430 --> 00:02:28,950 Ve sonra o dosyayı bulacağım ve sadece varlıklarımın içine ekleyeceğim. 28 00:02:29,010 --> 00:02:36,870 J. S. lib sadece böyle eklemek ve şimdi bu doğru bağlantı gitmek için gidiyorum. 29 00:02:36,880 --> 00:02:39,520 Tedarikçimin içi. 30 00:02:39,870 --> 00:02:43,350 Dolayısıyla, HMO'mda bir komut dosyası etiketi eklemeliyim. 31 00:02:44,250 --> 00:02:53,190 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. 32 00:02:53,650 --> 00:02:54,500 Evet. 33 00:02:54,570 --> 00:03:06,130 Ş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. 34 00:03:06,480 --> 00:03:10,370 Jay sorgu çizgi 2. 1 puan bir puan dört erkek. 35 00:03:10,620 --> 00:03:15,300 Oraya gitmek için evet uzun bir dosya adı ama bunu kaydedin. 36 00:03:15,510 --> 00:03:18,300 Ve başlamak için bir tarayıcıda açalım. 37 00:03:18,300 --> 00:03:23,130 Her seferinde açacağım dizin çalışmamı bulmaya git. 38 00:03:23,160 --> 00:03:24,620 Görülecek bir şey yok. 39 00:03:24,870 --> 00:03:27,780 Ama buraya gidersem bir sorgu yazarım. 40 00:03:27,780 --> 00:03:29,180 İşler iyi çalışıyor. 41 00:03:29,400 --> 00:03:34,550 Ayrıca vücudun seçilmesi ile test edilebildim ve bu da işe yarıyor. 42 00:03:34,560 --> 00:03:36,620 Bu demek oluyor ki gidebileceğimiz iyi. 43 00:03:36,690 --> 00:03:42,360 Sonraki aşamada, stil sayfamızı ve kendi özel javascript dosyamızı almamıza odaklanalım. 44 00:03:42,360 --> 00:03:44,660 Bu yüzden önce stil sayfasını yapacağız. 45 00:03:44,760 --> 00:03:53,490 Öyleyse yeni bir dosya yapalım ve kaydettirelim ve ben sadece C-s bizden ve maddi varlıklarımıza gideceğim tarzları 46 00:03:53,490 --> 00:03:59,890 aramaya çalışacağız SS'yi görün ve aslında tutarlı olmak için Dewes'e SS'yi yapalım. 47 00:04:00,090 --> 00:04:09,810 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 48 00:04:10,140 --> 00:04:12,820 moru gibi bir şey ekleyin. 49 00:04:13,020 --> 00:04:20,100 Ancak bunun çalışıp çalışmadığından emin olmak için buraya gidip bağlantılı etiketi 50 00:04:20,130 --> 00:04:29,910 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 51 00:04:30,750 --> 00:04:35,100 yenileyeceğiz ve stil sayfamızın artık düzgün şekilde bağlandığını görebilirsiniz. 52 00:04:35,100 --> 00:04:39,310 Yapacağımız son şey kendi özel javascript dosyamızı almamız. 53 00:04:39,420 --> 00:04:45,150 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 54 00:04:45,150 --> 00:04:49,290 işe yaratabilecek gerçek kodu yazacağız. 55 00:04:49,320 --> 00:04:53,250 Yani bu varlıkların içinde olmalı. 56 00:04:53,280 --> 00:04:54,780 J. S. ve bu kadar. 57 00:04:54,780 --> 00:04:59,960 Dolayısıyla onu lib'e koymayız çünkü lib, Jay Querrey gibi dış kodları 58 00:05:00,080 --> 00:05:05,870 ve kütüphaneleri koyacağımız yerdir. Dolayısıyla sadece J S'ye koyacağız ve yapıyı koruyacağız. 59 00:05:05,930 --> 00:05:10,310 Varlıklar CSSA biz J. yerine kullanmak zorundayız. S. J sorgusuna sahip bir lib dizinimiz var ve kendi yapacaklarımız var. 60 00:05:10,560 --> 00:05:14,830 J. S. G-S klasörü ve oyları yerine basit bir uyarı ekleyerek gidin ve kaydedin. 61 00:05:14,860 --> 00:05:23,820 Şimdi merkez talimatlarımıza geri dönün ve 62 00:05:23,850 --> 00:05:31,110 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. 63 00:05:31,110 --> 00:05:39,170 Ve şimdi, yenilendiğimizde neler olacağını göreceğiz, bağlantılı alarmımızı alıyoruz. 64 00:05:39,540 --> 00:05:45,130 Funt hakkında konuştuğumuzda yerleştirilmesi gereken başka bir dosya sunacağız. 65 00:05:46,260 --> 00:05:51,420 Tamam, böylece klasör yapısını doğru bir şekilde ayarladık, böylece 66 00:05:51,420 --> 00:05:53,470 Harika bir CSSA kütüphanesi. 67 00:05:53,480 --> 00:05:56,180 Temel olarak dahil edebileceğimiz bir grup simge var. 68 00:05:56,190 --> 00:05:58,770 Dolayısıyla, bu klasör yapısına geri döneceğiz ve gelecekteki videoda ekleyeceğiz. 69 00:05:58,770 --> 00:06:02,980 Şimdilik bir sonraki videoda yapmamız gereken tek şey bu. 70 00:06:03,000 --> 00:06:05,240 Bazı kod yazmaya odaklanacağız 71 00:06:05,250 --> 00:06:06,620