YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Georgian subtitles

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

Get Embed Code
6 Languages

Showing Revision 4 created 06/05/2015 by ბესარიონ სათნო.

  1. ძირითადი ვებგვერდი შედგება HTML-ის
    თეგებისგან, ამათ მსგავსად.

  2. როგორ უნდა შევუცვალოთ სტილი
    ვებგვერდს CSS-ით?
  3. დავამატოთ <style> თეგი.
  4. ბრაუზერმა ხვდება ამ თეგის დანახვისას,
    რომ უნდა აამუშავოს CSS
  5. ამ თეგის გამოსაყენებლად.
  6. ჩვეულებრივ <style> თეგს <head>-ის
    თეგში ვსვამთ ხოლმე, იმისთვის, რომ
  7. დავრწმუნდეთ, რომ ბრაუზერი სტილს ჩართავს
    იქამდე, სანამ HTML-ის თეგებს მიადგება.
  8. თუ ჩავსვამთ <style>-ს დაბლა, მაშინ
    გვექნება FOUC შემთხვევა
  9. და ხალხი ჩვენს ვებ გვერდს
    გაშიშვლებულს დაინახავს.
  10. მოდი, დავაბრუნოთ თავის ადგილზე.
  11. ახლა, ამ გვერდს აქვს სტილი.
  12. როგორ გამოვიყენოთ ჯავასკრიპტი ვებგვერდზე,
    თუ გვინდა ინტერაქტიულობის დამატება?
  13. ამისათვის, ჩვენ ვამატებთ <script> თეგს.
  14. საუკეთესო ადგილი ამ თეგის ჩასასმელად
  15. სინამდვილეში არის <body> თეგის ბოლოში.
  16. უკვე მივუჩინე მას ადგილი.
    მოგვიანებით აგიხსნით რატომ.
  17. რა შემიძლია ჩავსვა <script>-ის თეგში?
  18. შეგვიძლია ჩავსვათ ნებისმიერი დასაშვები
    ჯავასკრიპტი, მაგალითად var four = 2 +2; .
  19. არაფერია გასაოცებელი იმიტომ, რომ
    ჩვენს გვერდზე არანაირად არ აისახა.
  20. თუ უკვე ნამყოფი ხართ Khan Academy-ზე
    მაშინ გეცოდინებათ, რომ 2+2 უდრის 4-ს.
  21. იმის შესამოწმებლად, მუშაობს თუ არა
    შემიძლია ეს ხაზი აქ დავწერო.
  22. მაგრამ ახლაც ვერ ხედავთ ვერაფერ, არა?
  23. შეიძლება არასოდეს გინახავთ ეს ფუნქცია.
  24. ფუნქცია console.log არის
    განსაკუთრებული, რომელიც ჯავასკრიპტის
  25. მრავალ გარემოში შეგვიძლია გამოვიყენოთ.
    მაგალითად, ბრაუზერში.
  26. ის დაწერს მონაცემებს
    ჯავასკრიპტის კონსოლში.
  27. კონსოლის პოვნა ბრაუზერში შეგიძლიათ
    Commant-Option-I-ს დაჭერით
  28. ან Control-Option-I-ს დაჭერით,
    ან მაუსის მარჯვენა დაკლიკებით,
  29. ვებგვერდის ნებისმიერ ადგილას და
    Inspect element-ის მითითებით.
  30. დააპაუზეთ ვიდეო და თავად სცადეთ
    კონსოლის გამოძახება შეტყობინების სანახავდ.
  31. დაინახეთ? მშვენიერია.
  32. ახლა შეგიძლიათ დახუროთ კონსოლი,
  33. რადგან ის დიდ ადგილს იკავებს.
  34. ასევე შეიძლება გაგართოთ, რადგან გაჩვენებთ
    ყოველ შეცდომას რომელსაც დავუშვებ.
  35. დებაგინგის შესანიშნავი ინსტრუმენტია.
  36. აუცილებლად გადაიტანეთ თქვენს
    ინტსრუმენტების ყუთში.
  37. ახლა, რაიმე მოვუხერხოთ ვებგვერდს
    ჯავასკრიპტის დახმარებით,
  38. კოდის ისეთი ხაზის დაწერით,
    რომელსაც ჯერჯერობით დიდი აზრი არ ექნება.
  39. დაინახეთ რა მოხდა?
  40. ჩვენი ვებგვერდი გაქრა და შეიცვალა
    'leet hacker' შეტყობინებით.
  41. ამ ხაზის მუშაობის დეტალებს
    მოგვიანებით ჩავუღრმავდებით.
  42. მაგრამ მან იპოვა <body> თეგი,
    და შეცვალა შიგთავსი.
  43. რა მოხდება თუ <script> თეგს დავაკოპირებ და
    ჩავსვამ <head> თეგში <style> თეგთან ერთად?
  44. არ იმუშავებს. რატომ?
  45. იმიტომ, რომ ვებგვერდი აფასებს
    <script> თეგს იქამდე, სანამ
  46. დაინახავს <body> თეგს.
  47. ჯერ არც უნახავს document.body
    და უკვე მის შეცვლას ვცდილობთ.
  48. ასე არ გამოვა.
  49. ამიტომაც ჩვენი <script> თეგი გვერდის
    ბოლოში უნდა ჩავსვათ.
  50. იმისთვის, რომ ვებგვერდმა ჯერ
    <body> თეგი დაინახოს,
  51. მთელი მისი შიგთავსით და
    შემდეგ შევძლებთ მის შეცვლას.
  52. ჯერ უნდა დავრწმუნდეთ, რომ
    ვებგვერდი არსებობს.
  53. ამით CSS-ისგან განსხვავდება.
  54. <style> თეგი თავში გვინდა რომ ჩავსვათ,
    რადგან CSS-ის ახერხებს სტილის შეცვლას
  55. ობიექტებისადმი, რომლებიც ჯერ
    არ არსებობენ.
  56. მათი სტილი მაშინ შეიცვლება,
    როგორც კი შეიქმნებიან.
  57. ჯავასკრიპტის დომს ეს არ მოსწონს.
  58. ამიტომ, დარწმუნდით, რომ
    ბოლოში ჩასვამთ.
  59. სცადეთ <script> თეგის დამატება
    და დარწმუნდით რომ ბოლოში სვამთ.
  60. შემდეგ კი დეტალებში გაგესაუბრებით
    ამ ხაზის შესახებ.