1
00:00:00,420 --> 00:00:01,690
Zaten hoş geldiniz.

2
00:00:01,980 --> 00:00:03,600
Bu yüzden çok güzel haberlerim var.

3
00:00:03,600 --> 00:00:08,130
Sonunda, javascripti alıp H ile birleştirmenin tam zamanı geldi. M. S. belirlemek.

4
00:00:08,250 --> 00:00:10,160
Bu benim en sevdiğim birimim.

5
00:00:10,170 --> 00:00:13,800
Hayat öğretimime harcamış olduğum her şeyi öğretmek için en sevdiğim konudur.

6
00:00:13,860 --> 00:00:16,180
Gerçekten javascript'in ödemeye başladığı yer.

7
00:00:16,200 --> 00:00:18,480
Dolayısıyla, bu noktaya kadar bazı basit uygulamalar yapmaya başladık.

8
00:00:18,540 --> 00:00:23,340
heyecan verici olmadığını biliyorum, ancak şimdi değişecek çünkü şimdi Javascript'in gücünü serbest bırakmak üzereyiz.

9
00:00:23,340 --> 00:00:27,310
Uyarıları ve istemleri kullanarak basit bir liste yapmak ve bunun çok

10
00:00:27,510 --> 00:00:31,830
Ardından, etkileşimli bir oyun yapmak isteyeceğimiz bu birim, gerçek düğmeler ve onay

11
00:00:31,830 --> 00:00:38,070
kutuları ve bunun arkasındaki Javascript ve animasyonlar ile gerçekten ilginç heyecan verici şeylerin her çeşidiyle gerçek bir

12
00:00:38,070 --> 00:00:43,200
formla liste yapmak için gerçek bir oyun yapacağız. gerçekten de küçük bir komut satırı

13
00:00:43,200 --> 00:00:48,360
veya küçük bir javascript konsolu uygulaması değil, paylaşabileceğiniz gerçek bir şey değil gibi hissettiğiniz yer.

14
00:00:48,840 --> 00:00:55,410
Bütün bunları yapmamızın yolu, DOM adı verilen bir teknolojiyi kullanmaktır.

15
00:00:55,530 --> 00:01:00,210
Dolayısıyla bu derste, önümüzdeki birkaç videoda birkaç şey hakkında konuşmaya başlayacak olan DOM'a giriş

16
00:01:00,210 --> 00:01:01,090
olarak hizmet edilecek.

17
00:01:01,140 --> 00:01:05,450
DOM'un bu harflerin ne anlama geldiğini tanımlayarak başlamak istiyorum.

18
00:01:05,460 --> 00:01:08,300
Bunun neden heyecan verici olduğunu iyi anlayabilmeni istiyorum.

19
00:01:08,310 --> 00:01:12,180
Başkalarının öğrenebileceğimiz bu şeyleri kullanarak inşa ettikleri harika uygulamaları göstereceğim ve

20
00:01:12,180 --> 00:01:17,000
o zaman seçki olarak adlandırdığımız şey hakkında konuşacağız sonra iş akışını manipüle edeceğiz.

21
00:01:17,250 --> 00:01:19,230
Öyleyse başlayalım.

22
00:01:19,230 --> 00:01:20,910
Peki neden bütün bunlarla ilgilenmelisin.

23
00:01:21,000 --> 00:01:22,550
Pek çok nedeni var.

24
00:01:22,680 --> 00:01:29,550
ile etkileşime giren köpekle ve SS ile etkileşimde bulunuyor. Dolayısıyla Dom'la etkileşim kuruyoruz oyunlar gibi şeyler.

25
00:01:29,790 --> 00:01:35,610
Hemen hemen her büyük web uygulaması şu an Twitter ve Facebook Instagram gibi YouTube

26
00:01:35,610 --> 00:01:40,890
Gmail'i Gmail hepsi bir ton javascript kullanıyor ve bu javascriptin çoğu, her ekip

27
00:01:41,130 --> 00:01:46,740
Tic tac toe yapabilirdik, bir platformu Mario gibi bir oyun haline getirebiliriz. Bunu, menüler

28
00:01:46,740 --> 00:01:50,780
form doğrulamalarını açılan gibi daha pratik şeyler yapmak için kullanabiliriz.

29
00:01:50,980 --> 00:01:52,760
Web sayfalarını etkileşimli hale getiren şey budur.

30
00:01:52,770 --> 00:01:54,470
Onun animasyonlar nasıl eklenebilir.

31
00:01:54,600 --> 00:01:59,520
gerçekten daha önce bahsettiğim gibi Dom'u manipüle etmek için bir çok javascript kullanıyor

32
00:01:59,520 --> 00:02:04,710
ancak tanımlamaya başlamadan önce birkaç örnek göstereceğim bu terimler DOM'un nasıl çalıştığını anlatıyor.

33
00:02:04,710 --> 00:02:09,270
Burada sonuncusu gerçekten harika her harika siteyi özetliyor olsa da, son bir

34
00:02:09,270 --> 00:02:10,040
kaç yıldır

35
00:02:10,080 --> 00:02:11,870
Sana birkaç web sitesi göstermek istiyorum.

36
00:02:12,540 --> 00:02:17,370
İlki yalnızca google ve ne kadar dikkat ettiğinizi bilmiyorum ancak

37
00:02:17,370 --> 00:02:20,910
Google'da Halo gibi bir şey aramaya başladığınızda.

38
00:02:21,000 --> 00:02:27,060
Dikkat edin, bu şeyin tüm Timo'su olduğuna dikkat edin, bu div ya da bir şey

39
00:02:27,060 --> 00:02:33,000
vuruluyor ve gösteriliyor ve değişiyor ve değişiyor, ben hello kitty yazarsam yeni sonuçlar alıyorum gibi

40
00:02:33,000 --> 00:02:34,020
şeyler yazarken değişiyor.

41
00:02:34,020 --> 00:02:38,190
Bunların hepsi javascript ile yapılır, ancak bu, birkaç videodan sonra yapabileceğimiz

42
00:02:38,190 --> 00:02:39,080
bir şey.

43
00:02:39,120 --> 00:02:43,140
Elbette Google'ın sahip olduğu arka planı yazamayacağız, ancak burada ön uç

44
00:02:43,140 --> 00:02:43,770
şeyler yapabileceğiz.

45
00:02:43,770 --> 00:02:49,090
Gördüğünüz tüm bu efektlerin hepsi HMO'nun tüm başarısı kolayca çoğaltılabilir.

46
00:02:49,110 --> 00:02:54,000
Bu yüzden vurgulamak istediğim bir sonraki adım Tomi'nin web sitesinde bu Brough'un kursları

47
00:02:54,380 --> 00:02:59,280
düğmesi var ve üzerine tıkladığımda her şeyi sağ tarafa iten slayt çıkışı alıyorum

48
00:02:59,280 --> 00:03:01,000
ve bu kategorileri seçmek zorundayım.

49
00:03:01,290 --> 00:03:06,400
Ve bir kategorinin üzerine geldiğinizde, görebileceğiniz bu alt menü ortaya çıkıyor.

50
00:03:06,660 --> 00:03:11,140
Yani hepsi bunlar javascript şey sayfaya yeni eklendi elemanları dışarı yaşlanmış onu.

51
00:03:11,140 --> 00:03:13,230
Bunlar büyük olasılıkla liste öğeleri ve bağlantı etiketleri.

52
00:03:13,350 --> 00:03:17,970
Gizlenen ve renklerle gösterilen sayfaya ekliyorlar, etkileşim çok

53
00:03:18,420 --> 00:03:19,790
şeyleri kaydırdığımda değişiyor.

54
00:03:19,830 --> 00:03:22,430
Dolayısıyla, göstermek istediğim en yakın arkadaşımdan biridir.

55
00:03:22,650 --> 00:03:24,560
Bu, pad saldırısı adı verilen bir Web sitesidir.

56
00:03:24,780 --> 00:03:26,030
Dolayısıyla bu biraz farklı.

57
00:03:26,100 --> 00:03:31,410
Kullanacağınız bir web uygulaması değil, ama gerçekten eğlenceli bir oyuncak ve H ile neler yapabileceğinize dair mükemmel bir

58
00:03:31,410 --> 00:03:33,210
teknoloji demosu. T. fare.

59
00:03:33,250 --> 00:03:37,940
SS Javascriptde bu yüzden devam etmenizi ve bunu kendi başınıza deneymenizi öneririz.

60
00:03:38,080 --> 00:03:45,660
Patta tap dot com ve yapmam gereken, basıldığım her tuşa klavyemde yazmaya başlamak, çalınan bir sese

61
00:03:45,660 --> 00:03:48,810
ve oynayan serin bir animasyona karşılık gelmektir.

62
00:03:48,900 --> 00:03:51,940
Öyleyse size bir örnek göstereceğim.

63
00:03:52,080 --> 00:03:54,100
İşte burada bir başkası.

64
00:03:55,860 --> 00:03:57,040
Yani bir yerde kaybolabilirsin.

65
00:04:03,510 --> 00:04:06,010
Yani bu yapabileceğimiz şeyleri özetliyor.

66
00:04:06,120 --> 00:04:11,880
Bir tuşa basacağımız etkileşime sahibiz, böylece kod yalnızca belirli bir tuşa

67
00:04:11,890 --> 00:04:19,710
bastığımda çalışıyor ve ardından bu kod sadece ses olarak çalışmıyor aynı zamanda görsel olarak da değişiyor.

68
00:04:19,710 --> 00:04:23,970
Dolayısıyla, sürekli günlüğe dökmek değil, sadece uyarıları değil, gördüğümüz CSSA'da

69
00:04:24,200 --> 00:04:26,280
ortaya çıkan ekranı da değiştiriyor.

70
00:04:26,700 --> 00:04:31,110
Umarım bu örnekler, öğrenmek üzeresiniz harika şeylerden en azından biraz

71
00:04:31,110 --> 00:04:31,790
heyecanlandırır.