1
00:00:00,461 --> 00:00:05,742
ახლა კიდევ ერთი რაღაც მინდა გაჩვენო,
რაც შეიძლება გააკეთო ობიექტით 'event'.

2
00:00:05,742 --> 00:00:09,936
ვებ-გვერდი, რომელიც მე შევქმენი
პასუხობს საუკუნის კითხვას:

3
00:00:09,936 --> 00:00:12,150
"რას ამბობს ოჰარა?"

4
00:00:12,150 --> 00:00:16,599
ან, უფრო ზუსტად რომ ვთქვათ, რას იტყოდა
ოჰარა, მისი გაგონება რომ შეგეძლოთ?

5
00:00:16,599 --> 00:00:20,589
თუ ბმულზე გადახვალ, აღმოაჩენ mp3 ფაილს

6
00:00:20,589 --> 00:00:25,163
რომელიც უნდა ჩაირთოს შენს ბრაუზერში 
და გაგცეს პასუხი ამ საჭირბოროტო კითხვაზე.

7
00:00:25,163 --> 00:00:30,009
მაგრამ მე არ მინდა, რომ მომხმარებელს
გვერდის დატოვება უწევდეს;

8
00:00:30,009 --> 00:00:33,445
მინდა, რომ ფაილის მოსმენა გვერდზევე შეეძლოს.

9
00:00:33,445 --> 00:00:37,891
ამის გაკეთება JavaSript-ით შეიძლება,
თეგით 

10
00:00:37,891 --> 00:00:40,957
რომელიც დაუკრავს ფაილს, როცა მომხმარებელი
დააჭერს ბმულს.

11
00:00:40,957 --> 00:00:45,109
პირველ რიგში, შევინახოთ ბმული ცვლადში.

12
00:00:45,109 --> 00:00:48,078
[ბეჭდავს]

13
00:00:55,770 --> 00:00:58,099
ახლა განვსაზღვროთ გამოძახების ფუნქცია.

14
00:00:58,099 --> 00:01:03,735
ეს საკმაოდ საინტერესო პროცესი უნდა იყოს.

15
00:01:03,735 --> 00:01:10,165
ამ უკუგამოძახების ფუნქციით გვინდა 
აუდიო თეგის დინამიკური შექმნა

16
00:01:10,165 --> 00:01:12,033
[ბეჭდავს]

17
00:01:15,816 --> 00:01:19,825
ეს ახალი, ძალიან კარგი თეგი მუშაობს
თანამედროვე ბრაუზერებში.

18
00:01:19,825 --> 00:01:26,104
audio.src უნდა უდრიდეს..

19
00:01:26,104 --> 00:01:32,563
იმას, რაც აქ ზემოთ არის 'href' -
აუდიო და ვიზუალური თეგები ჰგავს ერთმანეთს.

20
00:01:32,563 --> 00:01:35,563
შემდეგ უნდა ჩავწეროთ, რომ 
`audioEl.autoplay = true' -

21
00:01:37,335 --> 00:01:40,333
ასე ფაილი ჩაირთვება, 
როგორც დავამატებთ მას გვერდზე

22
00:01:40,333 --> 00:01:42,953
დაბოლოს, სწორედ ეს უნდა ვქნათ - დავამატოთ
ფაილი გვერდზე.

23
00:01:42,953 --> 00:01:45,574
მნიშვნელობა არ აქვს, სად ჩავსვამ მას

24
00:01:45,574 --> 00:01:48,064
იმიტომ რომ ვიზუალურად არსად არ გამოჩნდება.

25
00:01:48,064 --> 00:01:52,295
მოკლედ ახლა ბმულზე დაწკაპუნებისას
უნდა შექმნას აუდიო, განისაზღვროს წყარო,

26
00:01:52,295 --> 00:01:55,387
დაყენდეს ავტომატური დაკვრა და 
დაემატოს გვერდზე.

27
00:01:55,387 --> 00:01:59,444
დაბოლოს, უნდა დავრწმუნდეთ, რომ
ბმულზე დაჭერისას


28
00:01:59,444 --> 00:02:01,376
გამოიძახება event listener.

29
00:02:01,376 --> 00:02:03,723
[ბეჭდავს]

30
00:02:08,283 --> 00:02:12,951
და ბოლოს უბრალოდ ვწერთ ფუნქციის სახელს.

31
00:02:12,951 --> 00:02:17,385
წესი იცი: დააპაუზე ტუტორიალი 
და სცადე დამოუკიდებლად.

32
00:02:17,385 --> 00:02:19,729
♪ ხმა ♪

33
00:02:19,729 --> 00:02:21,110
რა მოხდა?

34
00:02:21,110 --> 00:02:26,337
ჩემთან ისმის ოჰარას ხმას

35
00:02:26,337 --> 00:02:29,789
მაგრამ ბმული მაინც ახალ ფანჯარაში იხსნება.

36
00:02:29,789 --> 00:02:33,476
იდეალურ ვარიანტში, როცა აუდიო დაიკვრება,
ბრაუზერმა აღარ უნდა გადაიყვანოს

37
00:02:33,476 --> 00:02:37,548
მომხმარებელი ბმულზე, იმიტომ რომ 
ხმა უკვე გაიგონეს.

38
00:02:37,548 --> 00:02:42,920
ამის მისაღწევად უნდა ვუბრძანოთ ბრაუზერს
შეწყვიტოს თავდაპირველი ქცევა.

39
00:02:42,920 --> 00:02:47,148
როგორც ხედავთ, თავდაპირველი პარამეტრებით,
როცა მომხმარებელი აჭერს ბმულს,

40
00:02:47,148 --> 00:02:50,321
ბრაუზერს იგი ამ ბმულზე გადაყავს.

41
00:02:50,321 --> 00:02:54,226
მაგრამ ხშირად ჩვენ ჩვენს წესებს ვუწერთ 
JavaScript-ით

42
00:02:54,226 --> 00:02:58,004
იმიტომ რომ არ გვინდა, რომ ბრაუზერი ბმულზე
გადადიოდეს.

43
00:02:58,004 --> 00:03:02,731
ამისთვის ვიყენებთ 'even'-ის თვისებას,

44
00:03:02,731 --> 00:03:05,299
რომელსაც ჰქვია 'preventDefault()'

45
00:03:05,299 --> 00:03:09,897
უნდა მივმართოთ მოვნელის ობიექტს

46
00:03:09,897 --> 00:03:15,830
და აქ, შიგნით, ჩავწეროთ
'e.preventDefault()'

47
00:03:15,830 --> 00:03:19,420
ეს შეატყობინებს ბრაუზერს, რომ
ამ მოვლენასთან ასოცირებული

48
00:03:19,420 --> 00:03:21,399
თავდაპირველი ქცევა უნდა შეწყდეს.

49
00:03:21,399 --> 00:03:25,995
ახლა დააპაუზეთ ტუტორიალი და სცადეთ 
თავიდან.

50
00:03:25,995 --> 00:03:28,385
ახლა უბრალოდ ხმა გაიგონეთ, ხომ ასეა?

51
00:03:28,385 --> 00:03:30,949
ეს პროდუქტის მოხმარებას უფრო
სასიამოვნოს ხდის.

52
00:03:30,949 --> 00:03:34,959
ასეთ ცვლილებებს ეძახიან 
"პროგრესულ დატვირთვას"

53
00:03:34,959 --> 00:03:39,514
როცა ვებ-გვერდი იწყება როგორც HTML
ბრაუზერის ქცევის თავდაპირველი პარამეტრებით

54
00:03:39,514 --> 00:03:44,650
და შემდეგ JavaScript-ით იტვირთება,
უკეთესი სამომხმარებლო გამოცდილების მისაღებად.

55
00:03:44,650 --> 00:03:48,361
ამ 'preventDefault'-ს ხშირად გამოიყენებ,

56
00:03:48,361 --> 00:03:50,445
როცა ბმულებზე რამე მოსასმენს განათავსებ.

57
00:03:50,445 --> 00:03:54,447
შეიძლება ასევე ფორმების პროცესის დროსაც
გამოიყენო,

58
00:03:54,447 --> 00:03:57,485
იმიტომ რომ ბრაუზერს ამ შემთხვევისთვისაც 
აქვს რაღაც განსაზღვრული თავდაპირველი პარამეტრები,

59
00:03:57,485 --> 00:03:59,264
მაგ. სერვერთან დაკავშირების.

60
00:03:59,264 --> 00:04:02,640
მთავარია, ყოველთვის ვფიქრობდეთ
მომხმარებლის გამოცდილებაზე,

61
00:04:02,640 --> 00:04:06,730
და თუ ის არ არის ოპტიმალური 
შენს ვებ-გვერდზე

62
00:04:06,730 --> 00:04:08,953
უნდა მოიფიქრო, როგორ შეიძლება მისი გაუმჯობესება.

63
00:04:08,953 --> 00:04:11,366
აქ შეიძლება ყველაფერი ვერ გასწავლოთ,

64
00:04:11,366 --> 00:04:15,499
მაგრამ ინტერნეტში ყველა კითხვაზე იპოვი
პასუხს.