1 00:00:00,000 --> 00:00:06,875 ძირითადი ვებგვერდი შედგება HTML-ის თეგებისგან, ამათ მსგავსად. 2 00:00:06,875 --> 00:00:12,180 როგორ უნდა შევუცვალოთ სტილი ვებგვერდს CSS-ით? 3 00:00:12,180 --> 00:00:14,397 დავამატოთ თეგი. 4 00:00:14,397 --> 00:00:17,349 ბრაუზერმა ხვდება ამ თეგის დანახვისას, რომ უნდა აამუშავოს CSS 5 00:00:17,349 --> 00:00:20,195 ამ თეგის გამოსაყენებლად. 6 00:00:20,195 --> 00:00:23,383 ჩვეულებრივ თეგს -ის თეგში ვსვამთ ხოლმე, იმისთვის, რომ 7 00:00:23,383 --> 00:00:30,992 დავრწმუნდეთ, რომ ბრაუზერი სტილს ჩართავს იქამდე, სანამ HTML-ის თეგებს მიადგება. 8 00:00:30,992 --> 00:00:40,276 თუ ჩავსვამთ -ს დაბლა, მაშინ გვექნება FOUC შემთხვევა 9 00:00:40,286 --> 00:00:44,726 და ხალხი ჩვენს ვებ გვერდს გაშიშვლებულს დაინახავს. 10 00:00:44,726 --> 00:00:48,484 მოდი, დავაბრუნოთ თავის ადგილზე. 11 00:00:48,484 --> 00:00:51,734 ახლა, ამ გვერდს აქვს სტილი. 12 00:00:51,734 --> 00:00:57,954 როგორ გამოვიყენოთ ჯავასკრიპტი ვებგვერდზე, თუ გვინდა ინტერაქტიულობის დამატება? 13 00:00:57,954 --> 00:01:01,255 ამისათვის, ჩვენ ვამატებთ თეგს. 14 00:01:01,255 --> 00:01:04,385 საუკეთესო ადგილი ამ თეგის ჩასასმელად 15 00:01:04,385 --> 00:01:10,517 სინამდვილეში არის თეგის ბოლოში. 16 00:01:10,517 --> 00:01:15,150 უკვე მივუჩინე მას ადგილი. მოგვიანებით აგიხსნით რატომ. 17 00:01:15,150 --> 00:01:19,724 რა შემიძლია ჩავსვა -ის თეგში? 18 00:01:19,724 --> 00:01:25,094 შეგვიძლია ჩავსვათ ნებისმიერი დასაშვები ჯავასკრიპტი, მაგალითად var four = 2 +2; . 19 00:01:25,094 --> 00:01:30,386 არაფერია გასაოცებელი იმიტომ, რომ ჩვენს გვერდზე არანაირად არ აისახა. 20 00:01:30,386 --> 00:01:35,542 თუ უკვე ნამყოფი ხართ Khan Academy-ზე მაშინ გეცოდინებათ, რომ 2+2 უდრის 4-ს. 21 00:01:35,542 --> 00:01:42,092 იმის შესამოწმებლად, მუშაობს თუ არა შემიძლია ეს ხაზი აქ დავწერო. 22 00:01:42,092 --> 00:01:45,350 მაგრამ ახლაც ვერ ხედავთ ვერაფერ, არა? 23 00:01:45,350 --> 00:01:48,927 შეიძლება არასოდეს გინახავთ ეს ფუნქცია. 24 00:01:48,927 --> 00:01:53,130 ფუნქცია console.log არის განსაკუთრებული, რომელიც ჯავასკრიპტის 25 00:01:53,130 --> 00:01:56,466 მრავალ გარემოში შეგვიძლია გამოვიყენოთ. მაგალითად, ბრაუზერში. 26 00:01:56,466 --> 00:02:00,310 ის დაწერს მონაცემებს ჯავასკრიპტის კონსოლში. 27 00:02:00,310 --> 00:02:03,661 კონსოლის პოვნა ბრაუზერში შეგიძლიათ Commant-Option-I-ს დაჭერით 28 00:02:03,661 --> 00:02:08,740 ან Control-Option-I-ს დაჭერით, ან მაუსის მარჯვენა დაკლიკებით, 29 00:02:08,740 --> 00:02:14,245 ვებგვერდის ნებისმიერ ადგილას და Inspect element-ის მითითებით. 30 00:02:14,245 --> 00:02:21,719 დააპაუზეთ ვიდეო და თავად სცადეთ კონსოლის გამოძახება შეტყობინების სანახავდ. 31 00:02:21,719 --> 00:02:23,939 დაინახეთ? მშვენიერია. 32 00:02:23,939 --> 00:02:26,656 ახლა შეგიძლიათ დახუროთ კონსოლი, 33 00:02:26,656 --> 00:02:28,580 რადგან ის დიდ ადგილს იკავებს. 34 00:02:28,580 --> 00:02:32,962 ასევე შეიძლება გაგართოთ, რადგან გაჩვენებთ ყოველ შეცდომას რომელსაც დავუშვებ. 35 00:02:32,962 --> 00:02:35,515 დებაგინგის შესანიშნავი ინსტრუმენტია. 36 00:02:35,515 --> 00:02:38,359 აუცილებლად გადაიტანეთ თქვენს ინტსრუმენტების ყუთში. 37 00:02:38,359 --> 00:02:42,325 ახლა, რაიმე მოვუხერხოთ ვებგვერდს ჯავასკრიპტის დახმარებით, 38 00:02:42,325 --> 00:02:56,664 კოდის ისეთი ხაზის დაწერით, რომელსაც ჯერჯერობით დიდი აზრი არ ექნება. 39 00:02:56,671 --> 00:02:58,596 დაინახეთ რა მოხდა? 40 00:02:58,596 --> 00:03:03,128 ჩვენი ვებგვერდი გაქრა და შეიცვალა 'leet hacker' შეტყობინებით. 41 00:03:03,128 --> 00:03:07,895 ამ ხაზის მუშაობის დეტალებს მოგვიანებით ჩავუღრმავდებით. 42 00:03:07,895 --> 00:03:12,219 მაგრამ მან იპოვა თეგი, და შეცვალა შიგთავსი. 43 00:03:12,219 --> 00:03:20,150 რა მოხდება თუ თეგს დავაკოპირებ და ჩავსვამ თეგში