[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:07.38,Default,,0000,0000,0000,,მოცემული გვაქვს ეს ვებ გვერდი\N"All about dogs". ეს მშვენიერია, მაგრამ
Dialogue: 0,0:00:07.39,0:00:12.58,Default,,0000,0000,0000,,მე უფრო კატები მომწონს. ვიცი ყველა\Nარ დამეთანხმება. მე მინდა
Dialogue: 0,0:00:12.58,0:00:17.18,Default,,0000,0000,0000,,გადავაკეთო ეს ვებგვერდი\N"All about cats"-ად.
Dialogue: 0,0:00:17.18,0:00:23.27,Default,,0000,0000,0000,,მე გამოვიყენებ ჯავასკრიპტს ამისათვის,\NHTML-ის მაგივრად.
Dialogue: 0,0:00:23.27,0:00:26.43,Default,,0000,0000,0000,,შესაძლოა ასევე გადავაქციო ეს გვერდი\Nბრაუზერის გაფართოებად, რომ
Dialogue: 0,0:00:26.43,0:00:32.10,Default,,0000,0000,0000,,ყველა ვებ გვერდი გადავაკეთო.
Dialogue: 0,0:00:32.10,0:00:37.45,Default,,0000,0000,0000,,არ იქნება ეს საოცარი?\Nმთელი ინტერნეტი მხოლოდ კატების შესახებ.
Dialogue: 0,0:00:37.45,0:00:44.76,Default,,0000,0000,0000,,ამ ვებ გვერდს აქვს სათაური, აბზაცი\Nდა რამდენიმე სურათი.
Dialogue: 0,0:00:44.76,0:00:50.34,Default,,0000,0000,0000,,ჩვენ შევცვლით ყოველ მათგანს და\Nდავიწყებთ სათაურით.
Dialogue: 0,0:00:50.34,0:00:53.91,Default,,0000,0000,0000,,გამოვიყენებთ იმ ორ ნაბიჯს,\Nრომელიც ახლა ვისწავლეთ.
Dialogue: 0,0:00:53.91,0:00:59.27,Default,,0000,0000,0000,,პირველი ნაბიჯია DOM-ის იმ ბმულის\Nპოვნა რომელიც შეიცავს სათაურს.
Dialogue: 0,0:00:59.27,0:01:06.90,Default,,0000,0000,0000,,აქამდე DOM-ს ვპუოლობდით\Ndocument.body-ს გამოყენებით.
Dialogue: 0,0:01:06.90,0:01:12.49,Default,,0000,0000,0000,,მაგრამ ახლა მინდა უფრო სპეციფიურად\Nგავაკეთო, მინდა მხოლოდ ეს h1.
Dialogue: 0,0:01:12.49,0:01:14.70,Default,,0000,0000,0000,,ამ h1-ს აქვს ID.
Dialogue: 0,0:01:14.70,0:01:19.74,Default,,0000,0000,0000,,რაც ნიშნავს, ის ერთადერთი თეგია\Nამ ID-თი ვებ გვერდზე.
Dialogue: 0,0:01:19.74,0:01:24.98,Default,,0000,0000,0000,,ძალიან მარტივია DOM კვანძის პოვნა,\Nრომელსაც აქვს ეს ID.
Dialogue: 0,0:01:24.98,0:01:30.34,Default,,0000,0000,0000,,მეთოდი დოკუმენტ ობიექტზე, რომელსაც\NgetElementById ეწოდება.
Dialogue: 0,0:01:30.34,0:01:33.20,Default,,0000,0000,0000,,მოდი, გამოვიყენოთ იგი \N-ის თეგზე.
Dialogue: 0,0:01:33.20,0:01:38.53,Default,,0000,0000,0000,,დავიწყოთ ცვლადის შექმნით და დავარქვათ\Nმას შესაბამისი სახელი 'var headinEl'.
Dialogue: 0,0:01:38.53,0:01:42.30,Default,,0000,0000,0000,,ცვლადების სახელებს ხშირად ვამთავრებ\NEl-ით ან Node-ით. იმიტომ, რომ
Dialogue: 0,0:01:42.30,0:01:47.39,Default,,0000,0000,0000,,ვიცოდე რომ ისინი ინახავენ ელემნტს,\Nრომელსაც ასევე ვუწოდებთ კვანძს.
Dialogue: 0,0:01:47.39,0:01:52.74,Default,,0000,0000,0000,,ახლა გამოვიყენოთ მეთოდი. ეს არის მეთოდი,\Nრომელიც უკავშირდება გლობალურ
Dialogue: 0,0:01:52.74,0:01:58.96,Default,,0000,0000,0000,,დოკუმენტ ობიექტს. დავწეროთ 'document' ,\Nშემდეგ მძიმე, შემდეგ კი 'getElementById' ,
Dialogue: 0,0:01:58.96,0:02:04.75,Default,,0000,0000,0000,,შემდეგ კვადრატული ფრჩხილები, იმიტომ, რომ\Nფუნქციაა. სხვანაირად ვერ იპოვის.
Dialogue: 0,0:02:04.75,0:02:07.73,Default,,0000,0000,0000,,მან არ იცის, თუ რომელ ID-ს ეძებს.
Dialogue: 0,0:02:07.73,0:02:12.01,Default,,0000,0000,0000,,ფრჩხილებში უნდა მივუთითოთ ID,\Nრომელსაც ვეძებთ, სტრინგად.
Dialogue: 0,0:02:12.01,0:02:21.35,Default,,0000,0000,0000,,ეს არის 'heading'.
Dialogue: 0,0:02:21.35,0:02:24.10,Default,,0000,0000,0000,,საიდან ვიცით ვიპოვეთ თუ არა ელემენტი
Dialogue: 0,0:02:24.10,0:02:26.54,Default,,0000,0000,0000,,იქამდე სანამ ვცდით მის გამოყენებას?
Dialogue: 0,0:02:26.54,0:02:31.77,Default,,0000,0000,0000,,ერთი ხერხია console.log ფუნქციის\Nგამოყენება.
Dialogue: 0,0:02:31.77,0:02:36.20,Default,,0000,0000,0000,,ახლა შეგიძლიათ დააპაუზოთ და გახსნათ\Nთქვენი დეველოპერის ინსტრუმენტები.
Dialogue: 0,0:02:36.20,0:02:40.90,Default,,0000,0000,0000,,სცადეთ კლავიატურის command-option-i\Nმაკზე,
Dialogue: 0,0:02:40.90,0:02:48.03,Default,,0000,0000,0000,,ან contorl-shift-i უინდოუსზე.
Dialogue: 0,0:02:48.03,0:02:54.83,Default,,0000,0000,0000,,შემაჩნიეთ რომ h1 გამოვიდა თქვენი\Nკონსოლიდან? თუ ასეა, ეს ნიშნავს, რომ
Dialogue: 0,0:02:54.83,0:03:00.26,Default,,0000,0000,0000,,თქვენი პირველი ნაბიჯი დასრულებულია. ჩვენ\Nვიპოვეთ ელემენტი და შევინახეთ ის ცვლადად.
Dialogue: 0,0:03:00.26,0:03:06.36,Default,,0000,0000,0000,,მეორე ნაბიჯით, შევცვალოთ ელემენტი\Nიმ ხერხის გამოყენებით რომელიც უკვე ვიცით.
Dialogue: 0,0:03:06.36,0:03:10.68,Default,,0000,0000,0000,,შინგანი HTML-ის შეცვლით.\Nანუ, უნდა დავწეროთ
Dialogue: 0,0:03:10.68,0:03:22.73,Default,,0000,0000,0000,,'headingEl.innerHTML= All about cats '
Dialogue: 0,0:03:22.73,0:03:26.66,Default,,0000,0000,0000,,და ჩვენც დავიწყეთ, კატიფიკაცია\Nდაწყებულია.
Dialogue: 0,0:03:26.66,0:03:32.32,Default,,0000,0000,0000,,ახლა, თქვენ სცადეთ\Nრაიმე მსგავსის გაკეთება.