1 00:00:00,600 --> 00:00:06,330 Bu videoda OK, şimdiye kadar öğrendiklerimizi javascript dizileri hakkında kullanacağız ve yapılması gereken çok 2 00:00:06,330 --> 00:00:07,790 basit bir liste oluşturacağız. 3 00:00:08,160 --> 00:00:13,290 Ve tabii ki, bizim javascriptimizin bizim Jim Clancy ile etkileşime girmesi hakkında bilgi almadık. 4 00:00:13,350 --> 00:00:18,770 Bu yüzden liste uygulaması yapmak tüm istemleri ve uyarısı ve sürekli günlükleri dayalı olacak. 5 00:00:18,960 --> 00:00:24,210 Ama çok yakında, yaşımızı Moul öğelerine eklemek veya onları kaldırmak, değiştirmek veya SS'yi eklemek için 6 00:00:24,210 --> 00:00:29,400 javascript'imizi nasıl elde ettiğimiz dominant mutasyon hakkında öğreneceğiz ve bu noktada, aslında, burada yapılacak 7 00:00:29,400 --> 00:00:33,080 güzel bir görünüm aralığı yapacağız. Bu sadece Konst değil, günlükler. 8 00:00:33,150 --> 00:00:34,620 İşte işler böyle yürür. 9 00:00:34,620 --> 00:00:38,480 Sayfayı yenilediğimde bana ne yapmak isterdim diye sorar. 10 00:00:38,700 --> 00:00:43,870 Ve solda üç seçeneğim var yeni bir telefon yazarak yeni bir şey ekleyebilirim. 11 00:00:43,920 --> 00:00:47,990 Tümünü görüntülemek veya yazmak için çıkmak için yazın yazabilirim. 12 00:00:48,030 --> 00:00:50,780 Bu yüzden, başlamak için liste yazmayı deneyelim. 13 00:00:51,440 --> 00:00:56,190 Ve şimdiye kadar sadece boş bir dizi olan tüm yapılacakları bana yazdırıyor. 14 00:00:56,190 --> 00:00:57,640 Bu yüzden yeni bir tane ekleyelim. 15 00:00:57,750 --> 00:01:03,870 Dikkat edin ki bana her şeyi tekrar yüklemek zorunda kalmadım ve şimdi yapmak için yeni bir şeyler girdiğini söylüyor. 16 00:01:04,560 --> 00:01:07,200 Bu yüzden paslanmaya başlayacağım. 17 00:01:07,350 --> 00:01:11,010 Girin ve şimdi bana ne yapmak istersiniz diye sorar. 18 00:01:11,220 --> 00:01:16,320 Bu yüzden listeleyeceğim ve yürümek resti'nin Yapılacak İşler listeme eklendiğini görebiliyorum. 19 00:01:16,650 --> 00:01:17,830 Bir tane daha ekleyelim. 20 00:01:17,850 --> 00:01:27,790 Bu yüzden yeni bir feed resti ve liste olacak ve şimdi bu dizide her iki öğeye sahibim. 21 00:01:27,810 --> 00:01:32,180 Şimdi bu döngüyü bitirmek için alacağım bir daha istenmem. 22 00:01:32,430 --> 00:01:33,720 İşte bu bizim amacımız. 23 00:01:34,020 --> 00:01:37,980 Hadi devam edelim ve yüce tavırları açın ve gerekli dosyaları yaratın. 24 00:01:38,700 --> 00:01:39,870 Yani bir listem var. 25 00:01:39,990 --> 00:01:45,280 HMO, yapacaklarımı listeye ekleyecek. 26 00:01:45,960 --> 00:01:55,350 Ve sonra burada, liste yapmayı ve daha sonra birkaç müttefikleri açıkça gösterecek şekilde bir H1 eklemek 27 00:01:55,350 --> 00:01:57,440 üzere devam edeceğim. 28 00:01:58,770 --> 00:02:08,580 Birincisi, bu komutların bir yapılması gereken şeyleri eklediğini hatırlayabilmemiz ve sonra yapılacak 29 00:02:11,490 --> 00:02:15,170 tüm liste listelerine sahip olmamız. 30 00:02:15,210 --> 00:02:21,590 Ve son olarak sadece çıkmak için çıkın. 31 00:02:22,060 --> 00:02:23,220 Bunu kaydet. 32 00:02:23,250 --> 00:02:27,140 Şimdi hâlâ oluşturmamız gereken javascript dosyamıza bağlantı oluşturalım. 33 00:02:27,690 --> 00:02:31,600 Ve ben o listeyi arayacağım. 34 00:02:31,640 --> 00:02:38,420 Jay Evet ve o dosyayı yaratacağım ve onu J.'nin listesine kaydedeceğim. S. Ve elbette her zaman yapmaktan hoşlanıyordum, başlayacağım sadece şu 35 00:02:39,540 --> 00:02:44,640 anda her şeyin düzgün çalıştığını kontrol etmek için bağlanmış olan bu günlüğün konsolunu yapalım. 36 00:02:45,630 --> 00:02:50,420 Şimdi tarayıcımızdan açalım. 37 00:02:50,430 --> 00:02:54,670 İşte yapılacak küçük bir liste var ve biz birbirimize bağlı kalacağız. 38 00:02:55,030 --> 00:02:57,860 Muhteşem. 39 00:02:58,110 --> 00:02:59,050 Sadece yazı tipini biraz arttırmaya gidiyorum. 40 00:02:59,700 --> 00:03:01,860 Şimdi mantığımız hakkında konuşalım. 41 00:03:01,860 --> 00:03:04,050 Yapacağımız şey, Yapılacak İşler listesini modellemek için bir dizi kullanmaktır. 42 00:03:04,050 --> 00:03:08,500 Bu yüzden bir şeye ihtiyacımız olacak. 43 00:03:08,550 --> 00:03:10,010 Bunu yapmak için arayacağım ve boş olarak başlayacak. 44 00:03:10,020 --> 00:03:13,440 Ve sonra yapmamız gereken, kullanıcıdan girdi talep etmesidir. 45 00:03:14,490 --> 00:03:18,930 Dolayısıyla, yalnızca var girdi girdisini komut istemine eşit bulacağız. 46 00:03:19,110 --> 00:03:26,020 Ne yapmak istersin. 47 00:03:26,460 --> 00:03:30,030 Ve bir sonraki adım, girdi LIST ise, sadece girişin olup olmadığını kontrol etmektir. 48 00:03:31,470 --> 00:03:37,000 Eğer yeni bir girdiyse başka bir şey yapacağımız için tek bir şey yapacağız. 49 00:03:37,020 --> 00:03:41,660 Öyleyse, eğer girerseniz deneyelim ve sadece listeye eşit olup olmadığını kontrol ederek başlayalım. 50 00:03:41,700 --> 00:03:50,310 Eđer iptal edeceđiz durum buysa, hepsini böyle yapmak için yazmayýn. 51 00:03:50,700 --> 00:03:58,050 Hadi devam edelim ve bazılarını buraya ekleyelim ve yeni 52 00:03:58,860 --> 00:04:08,910 kaplumbağa kaydetme ile onları ekleyelim ve işe yarayıp yarayıp yaramayacağını kontrol edelim. 53 00:04:08,910 --> 00:04:11,040 Böylece çalışıp çalışmayacağını kontrol etmek için yenileneceksiniz. 54 00:04:11,040 --> 00:04:13,120 Tek yapmamız gereken liste yazmak ve yeni kaplumbağa satın alan dizeğimizi görmeliyiz. 55 00:04:13,320 --> 00:04:19,510 Bununla birlikte, başka bir şey yazarsak, hiçbir şey 56 00:04:19,650 --> 00:04:25,530 görmüyoruz çünkü girdi, listeye eşitse kodumuz yalnızca çalışır. 57 00:04:25,530 --> 00:04:27,680 İşte bu. 58 00:04:28,500 --> 00:04:29,780 Bir sonraki adım başka bir koşul eklemektir. 59 00:04:29,820 --> 00:04:33,170 Hadi yapalım. 60 00:04:33,200 --> 00:04:33,730 Eğer girdi yeni ise eşittir. 61 00:04:33,720 --> 00:04:37,740 Ve bu durumda, yeni bir kullanıcıdan 62 00:04:38,400 --> 00:04:46,260 yeni yapılacaklar istemekten mutluluk duyacağız ve yapılacaklar dizisine iki tane eklemek istiyoruz. 63 00:04:46,260 --> 00:04:48,080 Bu yüzden, yeni yapılacak işi istemek için, yeni işleve eşitlik yapmak için komut istemini kullanıyoruz. 64 00:04:48,960 --> 00:04:55,200 Bunu yapmak için yeni girdikten sonra Dewes dizisine eklemek için bir çok seçeneğimiz var. 65 00:04:56,370 --> 00:05:03,340 Ben dizinin sonuna ekleyeceğim. 66 00:05:03,360 --> 00:05:05,860 Bu yüzden hepsi tüketmek için yeni şeyler yapmak için kullanılırdı. 67 00:05:05,970 --> 00:05:10,680 Bu işi yapmak için burada yapmam gereken tek şey bu. 68 00:05:10,680 --> 00:05:13,670 Tek sorun şu ki bunu hemen çalıştırırsam yeni 69 00:05:13,680 --> 00:05:20,940 yazmaya yepyeni bir şeyler yazmıştım, bana yeni bir kapıyı girelim diye yeni bir girmemi ister ve Enter'a basarsam biterim demektir. 70 00:05:20,940 --> 00:05:29,300 Aslında işe yarayıp yaramadığını kontrol etmenin bir yolu yok aslında. 71 00:05:29,700 --> 00:05:32,220 Buraya gidip konsola yazabilirim ve her 72 00:05:32,550 --> 00:05:38,850 ikisinin de burada olduğunu doğrulayabilirim ancak bunları yazdırmak için list komutunu kullanmanın bir yolu yok. 73 00:05:38,850 --> 00:05:42,470 Bunun nedeni şu anda ne yapmak istiyorsun bir kez sormak istiyoruz. 74 00:05:42,780 --> 00:05:47,390 Bir sonraki adım tekrarlamaktır. 75 00:05:47,430 --> 00:05:49,990 Kullanıcı türleri son bulana kadar tekrar tekrar sormaya devam etmek istedik. 76 00:05:50,130 --> 00:05:55,210 Umarım bir çember kullanmamız gerektiğini size bağırır. 77 00:05:55,230 --> 00:05:58,750 Durum doğru olana kadar defalarca bir şeyler yapmak istiyoruz. 78 00:05:58,860 --> 00:06:02,200 Dolayısıyla yazmak istediğimiz döngü bir while 79 00:06:02,640 --> 00:06:08,070 döngüsü olacak ve giriş, çıkış eşit değilken koşul olacaktır. 80 00:06:08,130 --> 00:06:12,570 Bu yüzden bırakmaktan başka bir şey olduğunda, bu kodu çalıştıracağız. 81 00:06:12,780 --> 00:06:17,720 Ve sonra o bloga geleceğim. 82 00:06:18,420 --> 00:06:20,760 Tamam, yalnızca geribildirim görmek için uygulamadan çıkın. 83 00:06:21,070 --> 00:06:27,470 Bu yüzden bu satır tamamlandıktan sonra göreceğiz. 84 00:06:27,630 --> 00:06:31,370 Dolayısıyla kullanıcı hızlı girdi demektir 85 00:06:31,620 --> 00:06:39,120 ve daha sonra alt kısımda tekrar yeni girdi isteyeceğiz. 86 00:06:39,240 --> 00:06:40,420 Ve en başta, girdiyi halledeceğiz. 87 00:06:40,690 --> 00:06:45,600 kullanıcıdan bir süre girilmesini isteyerek başlayacağız ve 88 00:06:45,600 --> 00:06:51,540 sonra bu kodu bu şekilde döngüye taşıyacağım. 89 00:06:51,540 --> 00:06:52,020 Dolayısıyla 90 00:06:55,290 --> 00:06:57,860 Bu yüzden onlara ne yapmayı tercih edeceğinizin bir kez çıkmasını isteyeceğim. 91 00:06:58,020 --> 00:07:03,950 Umarım hemen çıkmazlar. 92 00:07:04,050 --> 00:07:05,760 Ancak yaparlar, bırakırsanız iyi olur. 93 00:07:05,820 --> 00:07:08,810 Fakat yazın yazmazlarsa, günlük tür listesine bakacağız ve yeni yazdıklarını söylediler. 94 00:07:09,030 --> 00:07:13,850 Ve en son şey, tekrar yeni bir sormak için tekrar yeni bir girdi istemek zorunda olduğumuz. 95 00:07:14,280 --> 00:07:22,140 Tek yapmamız gereken, bu satırı bunun gibi kopyalamanız. 96 00:07:22,170 --> 00:07:28,040 Bu yüzden bunu biraz daha büyük yapacağım. 97 00:07:28,110 --> 00:07:30,440 Yani burada tekrar girdi istiyoruz 98 00:07:31,590 --> 00:07:38,130 ve bu tekrar dönmeye başlayacak ve tüm kontrol girişi bu sefer çıkmak için eşit olacaktır. 99 00:07:38,130 --> 00:07:39,310 Evet, sonra işimiz bitti. 100 00:07:39,600 --> 00:07:41,180 O halde bunu deneyelim. 101 00:07:41,580 --> 00:07:42,990 Sayfayı yenilemek için ne yapmak istersin. 102 00:07:43,230 --> 00:07:46,590 Yeni istihdam yapmak yeni yapmak istersen yeni kaplumbağa beslemek yapmak Ne yapmak istersiniz? 103 00:07:47,010 --> 00:07:55,220 Önce tekrar sordu. 104 00:07:55,260 --> 00:07:57,430 Şimdi yapacak iki tane benim yapılacaklar listemde var. 105 00:07:57,870 --> 00:08:00,930 Şimdi bırakmayı deneyelim ve tamam alalım. 106 00:08:00,990 --> 00:08:04,810 Uygulamadan çıkın. 107 00:08:04,830 --> 00:08:05,800 Bu yüzden aniden bu durumdan vazgeçtim, doğru oldu ve işimiz bitti. 108 00:08:06,090 --> 00:08:10,160 Bu yüzden biraz daha iyi ve daha sonra düzgün şekillendirelim. 109 00:08:10,380 --> 00:08:14,760 Artık temel işimizin yapılması gereken şey bu. 110 00:08:15,150 --> 00:08:17,500 Kısacası ekstra özellikler ve diğer bazı 111 00:08:17,700 --> 00:08:22,320 komutlar ekleyeceğiz ancak bunu yapmadan önce dizilerle ilgili birkaç yeni şey öğrenmemiz gerekiyor. 112 00:08:22,320 --> 00:08:24,140