Return to Video

ჯავასკრიპტის ჩასმა ვებგვერდზე

  • 0:00 - 0:07
    ძირითადი ვებგვერდი შედგება HTML-ის
    თეგებისგან, ამათ მსგავსად.
  • 0:07 - 0:12
    როგორ უნდა შევუცვალოთ სტილი
    ვებგვერდს CSS-ით?
  • 0:12 - 0:14
    დავამატოთ თეგი.
  • 0:14 - 0:17
    ბრაუზერმა ხვდება ამ თეგის დანახვისას,
    რომ უნდა აამუშავოს CSS
  • 0:17 - 0:20
    ამ თეგის გამოსაყენებლად.
  • 0:20 - 0:23
    ჩვეულებრივ თეგს -ის
    თეგში ვსვამთ ხოლმე, იმისთვის, რომ
  • 0:23 - 0:31
    დავრწმუნდეთ, რომ ბრაუზერი სტილს ჩართავს
    იქამდე, სანამ HTML-ის თეგებს მიადგება.
  • 0:31 - 0:40
    თუ ჩავსვამთ -ს დაბლა, მაშინ
    გვექნება FOUC შემთხვევა
  • 0:40 - 0:45
    და ხალხი ჩვენს ვებ გვერდს
    გაშიშვლებულს დაინახავს.
  • 0:45 - 0:48
    მოდი, დავაბრუნოთ თავის ადგილზე.
  • 0:48 - 0:52
    ახლა, ამ გვერდს აქვს სტილი.
  • 0:52 - 0:58
    როგორ გამოვიყენოთ ჯავასკრიპტი ვებგვერდზე,
    თუ გვინდა ინტერაქტიულობის დამატება?
  • 0:58 - 1:01
    ამისათვის, ჩვენ ვამატებთ თეგს.
  • 1:01 - 1:04
    საუკეთესო ადგილი ამ თეგის ჩასასმელად
  • 1:04 - 1:11
    სინამდვილეში არის თეგის ბოლოში.
  • 1:11 - 1:15
    უკვე მივუჩინე მას ადგილი.
    მოგვიანებით აგიხსნით რატომ.
  • 1:15 - 1:20
    რა შემიძლია ჩავსვა -ის თეგში?
  • 1:20 - 1:25
    შეგვიძლია ჩავსვათ ნებისმიერი დასაშვები
    ჯავასკრიპტი, მაგალითად var four = 2 +2; .
  • 1:25 - 1:30
    არაფერია გასაოცებელი იმიტომ, რომ
    ჩვენს გვერდზე არანაირად არ აისახა.
  • 1:30 - 1:36
    თუ უკვე ნამყოფი ხართ Khan Academy-ზე
    მაშინ გეცოდინებათ, რომ 2+2 უდრის 4-ს.
  • 1:36 - 1:42
    იმის შესამოწმებლად, მუშაობს თუ არა
    შემიძლია ეს ხაზი აქ დავწერო.
  • 1:42 - 1:45
    მაგრამ ახლაც ვერ ხედავთ ვერაფერ, არა?
  • 1:45 - 1:49
    შეიძლება არასოდეს გინახავთ ეს ფუნქცია.
  • 1:49 - 1:53
    ფუნქცია console.log არის
    განსაკუთრებული, რომელიც ჯავასკრიპტის
  • 1:53 - 1:56
    მრავალ გარემოში შეგვიძლია გამოვიყენოთ.
    მაგალითად, ბრაუზერში.
  • 1:56 - 2:00
    ის დაწერს მონაცემებს
    ჯავასკრიპტის კონსოლში.
  • 2:00 - 2:04
    კონსოლის პოვნა ბრაუზერში შეგიძლიათ
    Commant-Option-I-ს დაჭერით
  • 2:04 - 2:09
    ან Control-Option-I-ს დაჭერით,
    ან მაუსის მარჯვენა დაკლიკებით,
  • 2:09 - 2:14
    ვებგვერდის ნებისმიერ ადგილას და
    Inspect element-ის მითითებით.
  • 2:14 - 2:22
    დააპაუზეთ ვიდეო და თავად სცადეთ
    კონსოლის გამოძახება შეტყობინების სანახავდ.
  • 2:22 - 2:24
    დაინახეთ? მშვენიერია.
  • 2:24 - 2:27
    ახლა შეგიძლიათ დახუროთ კონსოლი,
  • 2:27 - 2:29
    რადგან ის დიდ ადგილს იკავებს.
  • 2:29 - 2:33
    ასევე შეიძლება გაგართოთ, რადგან გაჩვენებთ
    ყოველ შეცდომას რომელსაც დავუშვებ.
  • 2:33 - 2:36
    დებაგინგის შესანიშნავი ინსტრუმენტია.
  • 2:36 - 2:38
    აუცილებლად გადაიტანეთ თქვენს
    ინტსრუმენტების ყუთში.
  • 2:38 - 2:42
    ახლა, რაიმე მოვუხერხოთ ვებგვერდს
    ჯავასკრიპტის დახმარებით,
  • 2:42 - 2:57
    კოდის ისეთი ხაზის დაწერით,
    რომელსაც ჯერჯერობით დიდი აზრი არ ექნება.
  • 2:57 - 2:59
    დაინახეთ რა მოხდა?
  • 2:59 - 3:03
    ჩვენი ვებგვერდი გაქრა და შეიცვალა
    'leet hacker' შეტყობინებით.
  • 3:03 - 3:08
    ამ ხაზის მუშაობის დეტალებს
    მოგვიანებით ჩავუღრმავდებით.
  • 3:08 - 3:12
    მაგრამ მან იპოვა თეგი,
    და შეცვალა შიგთავსი.
  • 3:12 - 3:20
    რა მოხდება თუ თეგს დავაკოპირებ და
    ჩავსვამ თეგში