WEBVTT 00:00:00.000 --> 00:00:06.875 ძირითადი ვებგვერდი შედგება HTML-ის თეგებისგან, ამათ მსგავსად. 00:00:06.875 --> 00:00:12.180 როგორ უნდა შევუცვალოთ სტილი ვებგვერდს CSS-ით? 00:00:12.180 --> 00:00:14.397 დავამატოთ თეგი. 00:00:14.397 --> 00:00:17.349 ბრაუზერმა ხვდება ამ თეგის დანახვისას, რომ უნდა აამუშავოს CSS 00:00:17.349 --> 00:00:20.195 ამ თეგის გამოსაყენებლად. 00:00:20.195 --> 00:00:23.383 ჩვეულებრივ თეგს -ის თეგში ვსვამთ ხოლმე, იმისთვის, რომ 00:00:23.383 --> 00:00:30.992 დავრწმუნდეთ, რომ ბრაუზერი სტილს ჩართავს იქამდე, სანამ HTML-ის თეგებს მიადგება. 00:00:30.992 --> 00:00:40.276 თუ ჩავსვამთ -ს დაბლა, მაშინ გვექნება FOUC შემთხვევა 00:00:40.286 --> 00:00:44.726 და ხალხი ჩვენს ვებ გვერდს გაშიშვლებულს დაინახავს. 00:00:44.726 --> 00:00:48.484 მოდი, დავაბრუნოთ თავის ადგილზე. 00:00:48.484 --> 00:00:51.734 ახლა, ამ გვერდს აქვს სტილი. 00:00:51.734 --> 00:00:57.954 როგორ გამოვიყენოთ ჯავასკრიპტი ვებგვერდზე, თუ გვინდა ინტერაქტიულობის დამატება? 00:00:57.954 --> 00:01:01.255 ამისათვის, ჩვენ ვამატებთ თეგს. 00:01:01.255 --> 00:01:04.385 საუკეთესო ადგილი ამ თეგის ჩასასმელად 00:01:04.385 --> 00:01:10.517 სინამდვილეში არის თეგის ბოლოში. 00:01:10.517 --> 00:01:15.150 უკვე მივუჩინე მას ადგილი. მოგვიანებით აგიხსნით რატომ. 00:01:15.150 --> 00:01:19.724 რა შემიძლია ჩავსვა -ის თეგში? 00:01:19.724 --> 00:01:25.094 შეგვიძლია ჩავსვათ ნებისმიერი დასაშვები ჯავასკრიპტი, მაგალითად var four = 2 +2; . 00:01:25.094 --> 00:01:30.386 არაფერია გასაოცებელი იმიტომ, რომ ჩვენს გვერდზე არანაირად არ აისახა. 00:01:30.386 --> 00:01:35.542 თუ უკვე ნამყოფი ხართ Khan Academy-ზე მაშინ გეცოდინებათ, რომ 2+2 უდრის 4-ს. 00:01:35.542 --> 00:01:42.092 იმის შესამოწმებლად, მუშაობს თუ არა შემიძლია ეს ხაზი აქ დავწერო. 00:01:42.092 --> 00:01:45.350 მაგრამ ახლაც ვერ ხედავთ ვერაფერ, არა? 00:01:45.350 --> 00:01:48.927 შეიძლება არასოდეს გინახავთ ეს ფუნქცია. 00:01:48.927 --> 00:01:53.130 ფუნქცია console.log არის განსაკუთრებული, რომელიც ჯავასკრიპტის 00:01:53.130 --> 00:01:56.466 მრავალ გარემოში შეგვიძლია გამოვიყენოთ. მაგალითად, ბრაუზერში. 00:01:56.466 --> 00:02:00.310 ის დაწერს მონაცემებს ჯავასკრიპტის კონსოლში. 00:02:00.310 --> 00:02:03.661 კონსოლის პოვნა ბრაუზერში შეგიძლიათ Commant-Option-I-ს დაჭერით 00:02:03.661 --> 00:02:08.740 ან Control-Option-I-ს დაჭერით, ან მაუსის მარჯვენა დაკლიკებით, 00:02:08.740 --> 00:02:14.245 ვებგვერდის ნებისმიერ ადგილას და Inspect element-ის მითითებით. 00:02:14.245 --> 00:02:21.719 დააპაუზეთ ვიდეო და თავად სცადეთ კონსოლის გამოძახება შეტყობინების სანახავდ. 00:02:21.719 --> 00:02:23.939 დაინახეთ? მშვენიერია. 00:02:23.939 --> 00:02:26.656 ახლა შეგიძლიათ დახუროთ კონსოლი, 00:02:26.656 --> 00:02:28.580 რადგან ის დიდ ადგილს იკავებს. 00:02:28.580 --> 00:02:32.962 ასევე შეიძლება გაგართოთ, რადგან გაჩვენებთ ყოველ შეცდომას რომელსაც დავუშვებ. 00:02:32.962 --> 00:02:35.515 დებაგინგის შესანიშნავი ინსტრუმენტია. 00:02:35.515 --> 00:02:38.359 აუცილებლად გადაიტანეთ თქვენს ინტსრუმენტების ყუთში. 00:02:38.359 --> 00:02:42.325 ახლა, რაიმე მოვუხერხოთ ვებგვერდს ჯავასკრიპტის დახმარებით, 00:02:42.325 --> 00:02:56.664 კოდის ისეთი ხაზის დაწერით, რომელსაც ჯერჯერობით დიდი აზრი არ ექნება. 00:02:56.671 --> 00:02:58.596 დაინახეთ რა მოხდა? 00:02:58.596 --> 00:03:03.128 ჩვენი ვებგვერდი გაქრა და შეიცვალა 'leet hacker' შეტყობინებით. 00:03:03.128 --> 00:03:07.895 ამ ხაზის მუშაობის დეტალებს მოგვიანებით ჩავუღრმავდებით. 00:03:07.895 --> 00:03:12.219 მაგრამ მან იპოვა თეგი, და შეცვალა შიგთავსი. 00:03:12.219 --> 00:03:20.150 რა მოხდება თუ თეგს დავაკოპირებ და ჩავსვამ თეგში