[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.46,0:00:05.74,Default,,0000,0000,0000,,ახლა კიდევ ერთი რაღაც მინდა გაჩვენო,\Nრაც შეიძლება გააკეთო ობიექტით 'event'. Dialogue: 0,0:00:05.74,0:00:09.94,Default,,0000,0000,0000,,ვებ-გვერდი, რომელიც მე შევქმენი\Nპასუხობს საუკუნის კითხვას: Dialogue: 0,0:00:09.94,0:00:12.15,Default,,0000,0000,0000,,"რას ამბობს ოჰარა?" Dialogue: 0,0:00:12.15,0:00:16.60,Default,,0000,0000,0000,,ან, უფრო ზუსტად რომ ვთქვათ, რას იტყოდა\Nოჰარა, მისი გაგონება რომ შეგეძლოთ? Dialogue: 0,0:00:16.60,0:00:20.59,Default,,0000,0000,0000,,თუ ბმულზე გადახვალ, აღმოაჩენ mp3 ფაილს Dialogue: 0,0:00:20.59,0:00:25.16,Default,,0000,0000,0000,,რომელიც უნდა ჩაირთოს შენს ბრაუზერში \Nდა გაგცეს პასუხი ამ საჭირბოროტო კითხვაზე. Dialogue: 0,0:00:25.16,0:00:30.01,Default,,0000,0000,0000,,მაგრამ მე არ მინდა, რომ მომხმარებელს\Nგვერდის დატოვება უწევდეს; Dialogue: 0,0:00:30.01,0:00:33.44,Default,,0000,0000,0000,,მინდა, რომ ფაილის მოსმენა გვერდზევე შეეძლოს. Dialogue: 0,0:00:33.44,0:00:37.89,Default,,0000,0000,0000,,ამის გაკეთება JavaSript-ით შეიძლება,\Nთეგით Dialogue: 0,0:00:37.89,0:00:40.96,Default,,0000,0000,0000,,რომელიც დაუკრავს ფაილს, როცა მომხმარებელი\Nდააჭერს ბმულს. Dialogue: 0,0:00:40.96,0:00:45.11,Default,,0000,0000,0000,,პირველ რიგში, შევინახოთ ბმული ცვლადში. Dialogue: 0,0:00:45.11,0:00:48.08,Default,,0000,0000,0000,,[ბეჭდავს] Dialogue: 0,0:00:55.77,0:00:58.10,Default,,0000,0000,0000,,ახლა განვსაზღვროთ გამოძახების ფუნქცია. Dialogue: 0,0:00:58.10,0:01:03.74,Default,,0000,0000,0000,,ეს საკმაოდ საინტერესო პროცესი უნდა იყოს. Dialogue: 0,0:01:03.74,0:01:10.16,Default,,0000,0000,0000,,ამ უკუგამოძახების ფუნქციით გვინდა \Nაუდიო თეგის დინამიკური შექმნა Dialogue: 0,0:01:10.16,0:01:12.03,Default,,0000,0000,0000,,[ბეჭდავს] Dialogue: 0,0:01:15.82,0:01:19.82,Default,,0000,0000,0000,,ეს ახალი, ძალიან კარგი თეგი მუშაობს\Nთანამედროვე ბრაუზერებში. Dialogue: 0,0:01:19.82,0:01:26.10,Default,,0000,0000,0000,,audio.src უნდა უდრიდეს.. Dialogue: 0,0:01:26.10,0:01:32.56,Default,,0000,0000,0000,,იმას, რაც აქ ზემოთ არის 'href' -\Nაუდიო და ვიზუალური თეგები ჰგავს ერთმანეთს. Dialogue: 0,0:01:32.56,0:01:35.56,Default,,0000,0000,0000,,შემდეგ უნდა ჩავწეროთ, რომ \N`audioEl.autoplay = true' - Dialogue: 0,0:01:37.34,0:01:40.33,Default,,0000,0000,0000,,ასე ფაილი ჩაირთვება, \Nროგორც დავამატებთ მას გვერდზე Dialogue: 0,0:01:40.33,0:01:42.95,Default,,0000,0000,0000,,დაბოლოს, სწორედ ეს უნდა ვქნათ - დავამატოთ\Nფაილი გვერდზე. Dialogue: 0,0:01:42.95,0:01:45.57,Default,,0000,0000,0000,,მნიშვნელობა არ აქვს, სად ჩავსვამ მას Dialogue: 0,0:01:45.57,0:01:48.06,Default,,0000,0000,0000,,იმიტომ რომ ვიზუალურად არსად არ გამოჩნდება. Dialogue: 0,0:01:48.06,0:01:52.30,Default,,0000,0000,0000,,მოკლედ ახლა ბმულზე დაწკაპუნებისას\Nუნდა შექმნას აუდიო, განისაზღვროს წყარო, Dialogue: 0,0:01:52.30,0:01:55.39,Default,,0000,0000,0000,,დაყენდეს ავტომატური დაკვრა და \Nდაემატოს გვერდზე. Dialogue: 0,0:01:55.39,0:01:59.44,Default,,0000,0000,0000,,დაბოლოს, უნდა დავრწმუნდეთ, რომ\Nბმულზე დაჭერისას\N Dialogue: 0,0:01:59.44,0:02:01.38,Default,,0000,0000,0000,,გამოიძახება event listener. Dialogue: 0,0:02:01.38,0:02:03.72,Default,,0000,0000,0000,,[ბეჭდავს] Dialogue: 0,0:02:08.28,0:02:12.95,Default,,0000,0000,0000,,და ბოლოს უბრალოდ ვწერთ ფუნქციის სახელს. Dialogue: 0,0:02:12.95,0:02:17.38,Default,,0000,0000,0000,,წესი იცი: დააპაუზე ტუტორიალი \Nდა სცადე დამოუკიდებლად. Dialogue: 0,0:02:17.38,0:02:19.73,Default,,0000,0000,0000,,♪ ხმა ♪ Dialogue: 0,0:02:19.73,0:02:21.11,Default,,0000,0000,0000,,რა მოხდა? Dialogue: 0,0:02:21.11,0:02:26.34,Default,,0000,0000,0000,,ჩემთან ისმის ოჰარას ხმას Dialogue: 0,0:02:26.34,0:02:29.79,Default,,0000,0000,0000,,მაგრამ ბმული მაინც ახალ ფანჯარაში იხსნება. Dialogue: 0,0:02:29.79,0:02:33.48,Default,,0000,0000,0000,,იდეალურ ვარიანტში, როცა აუდიო დაიკვრება,\Nბრაუზერმა აღარ უნდა გადაიყვანოს Dialogue: 0,0:02:33.48,0:02:37.55,Default,,0000,0000,0000,,მომხმარებელი ბმულზე, იმიტომ რომ \Nხმა უკვე გაიგონეს. Dialogue: 0,0:02:37.55,0:02:42.92,Default,,0000,0000,0000,,ამის მისაღწევად უნდა ვუბრძანოთ ბრაუზერს\Nშეწყვიტოს თავდაპირველი ქცევა. Dialogue: 0,0:02:42.92,0:02:47.15,Default,,0000,0000,0000,,როგორც ხედავთ, თავდაპირველი პარამეტრებით,\Nროცა მომხმარებელი აჭერს ბმულს, Dialogue: 0,0:02:47.15,0:02:50.32,Default,,0000,0000,0000,,ბრაუზერს იგი ამ ბმულზე გადაყავს. Dialogue: 0,0:02:50.32,0:02:54.23,Default,,0000,0000,0000,,მაგრამ ხშირად ჩვენ ჩვენს წესებს ვუწერთ \NJavaScript-ით Dialogue: 0,0:02:54.23,0:02:58.00,Default,,0000,0000,0000,,იმიტომ რომ არ გვინდა, რომ ბრაუზერი ბმულზე\Nგადადიოდეს. Dialogue: 0,0:02:58.00,0:03:02.73,Default,,0000,0000,0000,,ამისთვის ვიყენებთ 'even'-ის თვისებას, Dialogue: 0,0:03:02.73,0:03:05.30,Default,,0000,0000,0000,,რომელსაც ჰქვია 'preventDefault()' Dialogue: 0,0:03:05.30,0:03:09.90,Default,,0000,0000,0000,,უნდა მივმართოთ მოვნელის ობიექტს Dialogue: 0,0:03:09.90,0:03:15.83,Default,,0000,0000,0000,,და აქ, შიგნით, ჩავწეროთ\N'e.preventDefault()' Dialogue: 0,0:03:15.83,0:03:19.42,Default,,0000,0000,0000,,ეს შეატყობინებს ბრაუზერს, რომ\Nამ მოვლენასთან ასოცირებული Dialogue: 0,0:03:19.42,0:03:21.40,Default,,0000,0000,0000,,თავდაპირველი ქცევა უნდა შეწყდეს. Dialogue: 0,0:03:21.40,0:03:25.100,Default,,0000,0000,0000,,ახლა დააპაუზეთ ტუტორიალი და სცადეთ \Nთავიდან. Dialogue: 0,0:03:25.100,0:03:28.38,Default,,0000,0000,0000,,ახლა უბრალოდ ხმა გაიგონეთ, ხომ ასეა? Dialogue: 0,0:03:28.38,0:03:30.95,Default,,0000,0000,0000,,ეს პროდუქტის მოხმარებას უფრო\Nსასიამოვნოს ხდის. Dialogue: 0,0:03:30.95,0:03:34.96,Default,,0000,0000,0000,,ასეთ ცვლილებებს ეძახიან \N"პროგრესულ დატვირთვას" Dialogue: 0,0:03:34.96,0:03:39.51,Default,,0000,0000,0000,,როცა ვებ-გვერდი იწყება როგორც HTML\Nბრაუზერის ქცევის თავდაპირველი პარამეტრებით Dialogue: 0,0:03:39.51,0:03:44.65,Default,,0000,0000,0000,,და შემდეგ JavaScript-ით იტვირთება,\Nუკეთესი სამომხმარებლო გამოცდილების მისაღებად. Dialogue: 0,0:03:44.65,0:03:48.36,Default,,0000,0000,0000,,ამ 'preventDefault'-ს ხშირად გამოიყენებ, Dialogue: 0,0:03:48.36,0:03:50.44,Default,,0000,0000,0000,,როცა ბმულებზე რამე მოსასმენს განათავსებ. Dialogue: 0,0:03:50.44,0:03:54.45,Default,,0000,0000,0000,,შეიძლება ასევე ფორმების პროცესის დროსაც\Nგამოიყენო, Dialogue: 0,0:03:54.45,0:03:57.48,Default,,0000,0000,0000,,იმიტომ რომ ბრაუზერს ამ შემთხვევისთვისაც \Nაქვს რაღაც განსაზღვრული თავდაპირველი პარამეტრები, Dialogue: 0,0:03:57.48,0:03:59.26,Default,,0000,0000,0000,,მაგ. სერვერთან დაკავშირების. Dialogue: 0,0:03:59.26,0:04:02.64,Default,,0000,0000,0000,,მთავარია, ყოველთვის ვფიქრობდეთ\Nმომხმარებლის გამოცდილებაზე, Dialogue: 0,0:04:02.64,0:04:06.73,Default,,0000,0000,0000,,და თუ ის არ არის ოპტიმალური \Nშენს ვებ-გვერდზე Dialogue: 0,0:04:06.73,0:04:08.95,Default,,0000,0000,0000,,უნდა მოიფიქრო, როგორ შეიძლება მისი გაუმჯობესება. Dialogue: 0,0:04:08.95,0:04:11.37,Default,,0000,0000,0000,,აქ შეიძლება ყველაფერი ვერ გასწავლოთ, Dialogue: 0,0:04:11.37,0:04:15.50,Default,,0000,0000,0000,,მაგრამ ინტერნეტში ყველა კითხვაზე იპოვი\Nპასუხს.