0:00:00.000,0:00:09.980
ამ ვიდეოში ხშირად გაიგონებთ [br]სიტყვას - DOM.

0:00:09.980,0:00:15.502
DOM აღნიშნავს დოკუმენტის ობიექტურ მოდელს.

0:00:15.502,0:00:18.907
ის აღნიშნავს ბრაუზერის თვისებას, რომელიც[br]საშუალებას გვაძლევს,

0:00:18.907,0:00:21.637
ვმანიპულიროთ ვებ გვერდები[br]ჯავასკრიპტის მეშვეობით.

0:00:21.637,0:00:26.726
როდესაც ბრაუზერი ტვირთავს ვებ გვერდს,[br]იგი აანალიზებს მთელ HTML-სა და CSS-ს,

0:00:26.726,0:00:30.236
და გარდაქმნის დოკუმენტს DOM-ად.

0:00:30.236,0:00:33.538
DOM რეალურად არის ჯავასკრიპტის[br]დიდი ობიექტი

0:00:33.538,0:00:43.229
რომელიც შეიცავს ყველაფერს, რისი ცოდნაც[br]ან შეცვლა დაგვჭირდება ვებ გვერდზე.

0:00:43.229,0:00:46.980
იმისთვის, რომ ჯავასკრიპტის მეშვეობით[br]ვებ გვერდის DOM-ზე წვდომა გვქონდეს

0:00:46.980,0:00:52.913
ჩვენ ვიყენებთ გლობალურ ცვლადს 'document'[br]და შემდეგ ვიყენებთ თვისებებს

0:00:52.913,0:00:57.520
და გამოძახების ფუნქციებს, რომლებიც[br]მიბმულები არიან ობიექტთან.

0:00:57.520,0:01:04.226
ძირითადი სრატეგია DOM-ის მანიპულირებისთვის[br]შედგება 2 ნაბიჯისგან.

0:01:04.226,0:01:14.759
მოდი, ჩამოვწერ.

0:01:14.759,0:01:17.823
მოდი, სათითაოდ განვიხილოთ[br]ყოველი ნაბიჯი.

0:01:17.823,0:01:23.493
პირველი ნაბიჯი არის DOM-ის კვანძის[br]პოვნა წვდომის მეთოდის გამოყენებით.

0:01:23.493,0:01:28.969
თუ ჩვენ ვეძებთ  თეგს, ჩვენ[br]შეგვიძლია ძალიან მარტივად მივწვდეთ მას.

0:01:28.969,0:01:33.504
უბრალოდ 'document.body'-ს აკრეფით.

0:01:33.504,0:01:39.000
მეორე ნაბიჯი კი არის DOM-ის კვანძით[br]მანიპულირება, რომელიც უკვე ვიპოვეთ.

0:01:39.000,0:01:43.386
ჩვენ შეგვიძლია შევცვალოთ მისი თვისებები,[br]სტილი, შიდა HTML,

0:01:43.386,0:01:46.054
დავურთოთ ახალი კვანძები და ა.შ.

0:01:46.054,0:01:50.495
თუ ჩვენ უბრალოდ გვინდა მთლიანი[br]თეგის შიგთავსის შეცვლა,

0:01:50.495,0:01:53.758
ჩვენ შეგვიძლია გამოვიყენოთ 'innerHTML'[br]თვისება.

0:01:53.758,0:02:01.763
თუ,`document.body.innerHTML = [br]"Webpage be gone!"

0:02:01.763,0:02:05.764
ბრაუზერი აკვირდება[br]დოკუმენტის ცვლილებებს

0:02:05.764,0:02:10.184
და როგორც კი შეამჩნევს document.body-ს[br]შიდა HTML-ის ცვლილებას,

0:02:10.184,0:02:13.450
ბრაუზერი ასახავს მას რეალურ დოკუმენტში.

0:02:13.450,0:02:17.778
დაიმახსოვრეთ, დოკუმენტის ობიექტი[br]არ არის რეალური ვებ გვერდი,

0:02:17.778,0:02:24.029
მაგრამ ბრაუზერი ცდილობს, რომ DOM-მა[br]მაქსიმალურად ასახოს მიმდინარე გვერდი.

0:02:24.029,0:02:28.609
პირველი ნაბიჯის გაკეთების უამრავი ხერხია.

0:02:28.609,0:02:32.794
ხშირად, ჩვენ გვინდა body თეგის გარდა[br]სხვა რაღაცის პოვნაც.

0:02:32.794,0:02:34.993
შეიძლება გვინდოდეს[br]რაღაცის პოვნა ID-ს მიხედვით

0:02:34.993,0:02:37.663
ან კონკრეტული თვისების მქონე თეგის პოვნა

0:02:37.663,0:02:41.772
სწორედ ამაზე ვილაპარაკებთ DOM-ის[br]წვდომის მეთოდების ვიდეოებში.

0:02:41.772,0:02:45.290
ასევე ბევრი საინტერესო რამის გაკეთება[br]შეგვიძლია მეორე ნაბიჯშიც.

0:02:45.290,0:02:49.135
მაგალითად, თვისებების ან სტილების შეცვლა[br]იმ თეგებისა, რომლებსაც იპოვი.

0:02:49.135,0:02:52.901
ამაზე ვისაუბრებთ DOM-ის ცვლილებების[br]ვიდეოებში.

0:02:52.901,0:02:55.781
როდესაც ისწავლით DOM-ის წვდომასა[br]და მის შეცვლას

0:02:55.781,0:02:58.765
უფრო საინტერესო რამეებს ვისწავლით

0:02:58.765,0:03:02.735
მაგალითად, მომხმარებელთან ინტერაქციას[br]და ანიმაციის გაკეთებას.

0:03:02.735,0:03:06.657
ამჟამად, ძალიან სულელურად ვიყენებთ[br]ჯავასკრიპტს.

0:03:06.657,0:03:10.253
ამის გაკეთება HTML-ითაც შეგვეძლო.

0:03:10.253,0:03:14.977
მაგრამ მერწმუნეთ, თქვენ მოგინდებათ[br]DOM-ის წვდომის და DOM-ის შეცვლის სწავლა.

0:03:14.977,0:03:18.893
რათა შემდგომ სრული ინტერაქტიული[br]გამოცდილება მიიღოთ.

0:03:18.893,0:03:25.277
კიდევ შევხვდებით.