[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:09.98,Default,,0000,0000,0000,,ამ ვიდეოში ხშირად გაიგონებთ \Nსიტყვას - DOM.
Dialogue: 0,0:00:09.98,0:00:15.50,Default,,0000,0000,0000,,DOM აღნიშნავს დოკუმენტის ობიექტურ მოდელს.
Dialogue: 0,0:00:15.50,0:00:18.91,Default,,0000,0000,0000,,ის აღნიშნავს ბრაუზერის თვისებას, რომელიც\Nსაშუალებას გვაძლევს,
Dialogue: 0,0:00:18.91,0:00:21.64,Default,,0000,0000,0000,,ვმანიპულიროთ ვებ გვერდები\Nჯავასკრიპტის მეშვეობით.
Dialogue: 0,0:00:21.64,0:00:26.73,Default,,0000,0000,0000,,როდესაც ბრაუზერი ტვირთავს ვებ გვერდს,\Nიგი აანალიზებს მთელ HTML-სა და CSS-ს,
Dialogue: 0,0:00:26.73,0:00:30.24,Default,,0000,0000,0000,,და გარდაქმნის დოკუმენტს DOM-ად.
Dialogue: 0,0:00:30.24,0:00:33.54,Default,,0000,0000,0000,,DOM რეალურად არის ჯავასკრიპტის\Nდიდი ობიექტი
Dialogue: 0,0:00:33.54,0:00:43.23,Default,,0000,0000,0000,,რომელიც შეიცავს ყველაფერს, რისი ცოდნაც\Nან შეცვლა დაგვჭირდება ვებ გვერდზე.
Dialogue: 0,0:00:43.23,0:00:46.98,Default,,0000,0000,0000,,იმისთვის, რომ ჯავასკრიპტის მეშვეობით\Nვებ გვერდის DOM-ზე წვდომა გვქონდეს
Dialogue: 0,0:00:46.98,0:00:52.91,Default,,0000,0000,0000,,ჩვენ ვიყენებთ გლობალურ ცვლადს 'document'\Nდა შემდეგ ვიყენებთ თვისებებს
Dialogue: 0,0:00:52.91,0:00:57.52,Default,,0000,0000,0000,,და გამოძახების ფუნქციებს, რომლებიც\Nმიბმულები არიან ობიექტთან.
Dialogue: 0,0:00:57.52,0:01:04.23,Default,,0000,0000,0000,,ძირითადი სრატეგია DOM-ის მანიპულირებისთვის\Nშედგება 2 ნაბიჯისგან.
Dialogue: 0,0:01:04.23,0:01:14.76,Default,,0000,0000,0000,,მოდი, ჩამოვწერ.
Dialogue: 0,0:01:14.76,0:01:17.82,Default,,0000,0000,0000,,მოდი, სათითაოდ განვიხილოთ\Nყოველი ნაბიჯი.
Dialogue: 0,0:01:17.82,0:01:23.49,Default,,0000,0000,0000,,პირველი ნაბიჯი არის DOM-ის კვანძის\Nპოვნა წვდომის მეთოდის გამოყენებით.
Dialogue: 0,0:01:23.49,0:01:28.97,Default,,0000,0000,0000,,თუ ჩვენ ვეძებთ  თეგს, ჩვენ\Nშეგვიძლია ძალიან მარტივად მივწვდეთ მას.
Dialogue: 0,0:01:28.97,0:01:33.50,Default,,0000,0000,0000,,უბრალოდ 'document.body'-ს აკრეფით.
Dialogue: 0,0:01:33.50,0:01:39.00,Default,,0000,0000,0000,,მეორე ნაბიჯი კი არის DOM-ის კვანძით\Nმანიპულირება, რომელიც უკვე ვიპოვეთ.
Dialogue: 0,0:01:39.00,0:01:43.39,Default,,0000,0000,0000,,ჩვენ შეგვიძლია შევცვალოთ მისი თვისებები,\Nსტილი, შიდა HTML,
Dialogue: 0,0:01:43.39,0:01:46.05,Default,,0000,0000,0000,,დავურთოთ ახალი კვანძები და ა.შ.
Dialogue: 0,0:01:46.05,0:01:50.50,Default,,0000,0000,0000,,თუ ჩვენ უბრალოდ გვინდა მთლიანი\Nთეგის შიგთავსის შეცვლა,
Dialogue: 0,0:01:50.50,0:01:53.76,Default,,0000,0000,0000,,ჩვენ შეგვიძლია გამოვიყენოთ 'innerHTML'\Nთვისება.
Dialogue: 0,0:01:53.76,0:02:01.76,Default,,0000,0000,0000,,თუ,`document.body.innerHTML = \N"Webpage be gone!"
Dialogue: 0,0:02:01.76,0:02:05.76,Default,,0000,0000,0000,,ბრაუზერი აკვირდება\Nდოკუმენტის ცვლილებებს
Dialogue: 0,0:02:05.76,0:02:10.18,Default,,0000,0000,0000,,და როგორც კი შეამჩნევს document.body-ს\Nშიდა HTML-ის ცვლილებას,
Dialogue: 0,0:02:10.18,0:02:13.45,Default,,0000,0000,0000,,ბრაუზერი ასახავს მას რეალურ დოკუმენტში.
Dialogue: 0,0:02:13.45,0:02:17.78,Default,,0000,0000,0000,,დაიმახსოვრეთ, დოკუმენტის ობიექტი\Nარ არის რეალური ვებ გვერდი,
Dialogue: 0,0:02:17.78,0:02:24.03,Default,,0000,0000,0000,,მაგრამ ბრაუზერი ცდილობს, რომ DOM-მა\Nმაქსიმალურად ასახოს მიმდინარე გვერდი.
Dialogue: 0,0:02:24.03,0:02:28.61,Default,,0000,0000,0000,,პირველი ნაბიჯის გაკეთების უამრავი ხერხია.
Dialogue: 0,0:02:28.61,0:02:32.79,Default,,0000,0000,0000,,ხშირად, ჩვენ გვინდა body თეგის გარდა\Nსხვა რაღაცის პოვნაც.
Dialogue: 0,0:02:32.79,0:02:34.99,Default,,0000,0000,0000,,შეიძლება გვინდოდეს\Nრაღაცის პოვნა ID-ს მიხედვით
Dialogue: 0,0:02:34.99,0:02:37.66,Default,,0000,0000,0000,,ან კონკრეტული თვისების მქონე თეგის პოვნა
Dialogue: 0,0:02:37.66,0:02:41.77,Default,,0000,0000,0000,,სწორედ ამაზე ვილაპარაკებთ DOM-ის\Nწვდომის მეთოდების ვიდეოებში.
Dialogue: 0,0:02:41.77,0:02:45.29,Default,,0000,0000,0000,,ასევე ბევრი საინტერესო რამის გაკეთება\Nშეგვიძლია მეორე ნაბიჯშიც.
Dialogue: 0,0:02:45.29,0:02:49.14,Default,,0000,0000,0000,,მაგალითად, თვისებების ან სტილების შეცვლა\Nიმ თეგებისა, რომლებსაც იპოვი.
Dialogue: 0,0:02:49.14,0:02:52.90,Default,,0000,0000,0000,,ამაზე ვისაუბრებთ DOM-ის ცვლილებების\Nვიდეოებში.
Dialogue: 0,0:02:52.90,0:02:55.78,Default,,0000,0000,0000,,როდესაც ისწავლით DOM-ის წვდომასა\Nდა მის შეცვლას
Dialogue: 0,0:02:55.78,0:02:58.76,Default,,0000,0000,0000,,უფრო საინტერესო რამეებს ვისწავლით
Dialogue: 0,0:02:58.76,0:03:02.74,Default,,0000,0000,0000,,მაგალითად, მომხმარებელთან ინტერაქციას\Nდა ანიმაციის გაკეთებას.
Dialogue: 0,0:03:02.74,0:03:06.66,Default,,0000,0000,0000,,ამჟამად, ძალიან სულელურად ვიყენებთ\Nჯავასკრიპტს.
Dialogue: 0,0:03:06.66,0:03:10.25,Default,,0000,0000,0000,,ამის გაკეთება HTML-ითაც შეგვეძლო.
Dialogue: 0,0:03:10.25,0:03:14.98,Default,,0000,0000,0000,,მაგრამ მერწმუნეთ, თქვენ მოგინდებათ\NDOM-ის წვდომის და DOM-ის შეცვლის სწავლა.
Dialogue: 0,0:03:14.98,0:03:18.89,Default,,0000,0000,0000,,რათა შემდგომ სრული ინტერაქტიული\Nგამოცდილება მიიღოთ.
Dialogue: 0,0:03:18.89,0:03:25.28,Default,,0000,0000,0000,,კიდევ შევხვდებით.