[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.55,0:00:05.45,Default,,0000,0000,0000,,ფორმა არის ვებ-გვერდის ინსტრუმენტი,\Nრომლითაც იგი უგზავნის ინფორმაციას სერვერს.
Dialogue: 0,0:00:05.45,0:00:08.84,Default,,0000,0000,0000,,ხანის აკადემიაზე უსაფრთხოების მიზეზით\N
Dialogue: 0,0:00:08.84,0:00:11.44,Default,,0000,0000,0000,,გვერდებს არ ვაძლევთ სერვერებთან \Nდაკავშირების უფლებას.
Dialogue: 0,0:00:11.44,0:00:13.65,Default,,0000,0000,0000,,ამიტომ, აქ არ ვასწავლით ფორმებს.
Dialogue: 0,0:00:13.65,0:00:16.100,Default,,0000,0000,0000,,მაგრამ ახლა, რადგანაც JavaScript-ს სწავლობ\Nგვერდების სამართავად
Dialogue: 0,0:00:16.100,0:00:20.55,Default,,0000,0000,0000,,შემიძლია გაჩვენო, როგორ გამოიყენო JavaScript \Nფორმის ელემენტების დასამუშავებლად
Dialogue: 0,0:00:20.55,0:00:23.07,Default,,0000,0000,0000,,იმის მაგივრად, რომ გაუგზავნო ისინი სერვერს.
Dialogue: 0,0:00:23.07,0:00:28.10,Default,,0000,0000,0000,,აქ ჩავსვი რამდენიმე ფორმა, მაგალითად \Nმომხმარებლის სახელისა
Dialogue: 0,0:00:28.10,0:00:30.04,Default,,0000,0000,0000,,და ენის გასაგებად.
Dialogue: 0,0:00:30.04,0:00:34.03,Default,,0000,0000,0000,,მინდა, რომ გვერდი მომხმარებელს მის\Nმშობლიურ ენაზე მიესალმოს,
Dialogue: 0,0:00:34.03,0:00:36.67,Default,,0000,0000,0000,,როცა ისინი ამ ღილაკს დააჭერენ.
Dialogue: 0,0:00:36.67,0:00:41.46,Default,,0000,0000,0000,,პირველ რიგში, ღილაკის ელემენტი\Nუნდა შევინახოთ ცვლადში.
Dialogue: 0,0:00:41.46,0:00:49.31,Default,,0000,0000,0000,,მაგალითად: \N`document.getElementById("button")`.
Dialogue: 0,0:00:49.31,0:00:53.19,Default,,0000,0000,0000,,შემდეგ უნდა განვსაზღვროთ ფუნქციის \Nevent listener.
Dialogue: 0,0:00:53.19,0:00:57.88,Default,,0000,0000,0000,,`var onButtonClick = function() {`
Dialogue: 0,0:00:57.88,0:01:03.77,Default,,0000,0000,0000,,და შემდეგ აქ უნდა მივამაგრებინოთ შეტყობინება
Dialogue: 0,0:01:03.77,0:01:08.73,Default,,0000,0000,0000,,`document.getElementById("message")`,
Dialogue: 0,0:01:08.73,0:01:10.71,Default,,0000,0000,0000,,გვექნება პატარა საყვარელი შეტყობინება\N`div`.
Dialogue: 0,0:01:10.71,0:01:20.71,Default,,0000,0000,0000,,შემდეგ კი უბრალოდ `textContent +=\N"აქ დაკლიკეთ? დიდი მადლობა!"`
Dialogue: 0,0:01:20.71,0:01:23.16,Default,,0000,0000,0000,,აი, ასე.
Dialogue: 0,0:01:23.16,0:01:28.80,Default,,0000,0000,0000,,დაბოლოს, მესამე ნაბიჯი, ღილაკს უნდა\Nდავურთოთ event listener
Dialogue: 0,0:01:28.80,0:01:31.71,Default,,0000,0000,0000,,რომელიც გამოიძახებს ფუნქციას, როცა \Nღილაკს დააჭერენ.
Dialogue: 0,0:01:31.71,0:01:36.49,Default,,0000,0000,0000,,დავურთოთ: `("click", onButtonClick)`.
Dialogue: 0,0:01:36.49,0:01:42.96,Default,,0000,0000,0000,,ახლა დააპაუზე ტუტორილი და შეამოწმე,\Nხომ ისე მუშაობს ყველაფერი, როგორც მოელოდი.
Dialogue: 0,0:01:42.96,0:01:47.97,Default,,0000,0000,0000,,ახლა კი ისე გავაკეთოთ, რომ მართლა\Nფორმის შიგთავსზე დაყრდნობით თქვას რამე.
Dialogue: 0,0:01:47.97,0:01:52.85,Default,,0000,0000,0000,,როგორ გამოვიყენოთ მომხმარებლის მიერ\Nშეყვანილი ინფორმაცია?
Dialogue: 0,0:01:52.85,0:01:55.83,Default,,0000,0000,0000,,შევქმნათ ამისთვის ცვლადი.
Dialogue: 0,0:01:55.83,0:02:04.77,Default,,0000,0000,0000,,`var name = document.getElementById`,
Dialogue: 0,0:02:04.77,0:02:07.34,Default,,0000,0000,0000,,რადგანაც მას აქვს ID
Dialogue: 0,0:02:07.34,0:02:11.32,Default,,0000,0000,0000,,მას მივიღებთ აქ.
Dialogue: 0,0:02:11.32,0:02:17.12,Default,,0000,0000,0000,,გავაკეთოთ ახალი ხაზი მისალმებისთვის,\Nდა დავუკავშიროთ მას შევყანილი სახელი
Dialogue: 0,0:02:17.12,0:02:22.72,Default,,0000,0000,0000,,გამოვა `var greeting = "Heyaz"`,\Nეს ჩემი საყვარელი მისალმებაა,
Dialogue: 0,0:02:22.72,0:02:24.20,Default,,0000,0000,0000,,` + name`.
Dialogue: 0,0:02:24.20,0:02:30.35,Default,,0000,0000,0000,,ახლა გვაქვს ხაზი და კიდევ რაღაც, რაც\Nინახება ამ ცვლადში.
Dialogue: 0,0:02:30.35,0:02:38.77,Default,,0000,0000,0000,,ახლა კი, ეს ტექსტი\Nნამდვილი მისალმება უნდა იყოს.
Dialogue: 0,0:02:38.77,0:02:41.69,Default,,0000,0000,0000,,აბა, ვნახოთ, ხომ ყველაფერი სწორად გვაქვს
Dialogue: 0,0:02:41.69,0:02:44.90,Default,,0000,0000,0000,,ვიპოვეთ, სად შეყვათ სახელი,\Nშევქმენით მისალმების ხაზი
Dialogue: 0,0:02:44.90,0:02:47.73,Default,,0000,0000,0000,,და დავუკავშირეთ ის ცვლადს.
Dialogue: 0,0:02:47.73,0:02:53.03,Default,,0000,0000,0000,,დააპაუზე ტუტორიალი და ნახე,\Nთუ მუშაობს ყველაფერი.
Dialogue: 0,0:02:53.03,0:02:55.63,Default,,0000,0000,0000,,არც ისე, ჰო?
Dialogue: 0,0:02:55.63,0:03:01.88,Default,,0000,0000,0000,,ხედავ შეტყობინებას "Heyaz [object Object]", ან\N"Heyaz object Element"?
Dialogue: 0,0:03:01.88,0:03:04.76,Default,,0000,0000,0000,,თუ დავუშვებთ, რომ შენი სახელი არ არის Object
Dialogue: 0,0:03:04.76,0:03:08.07,Default,,0000,0000,0000,,იმ შეთხვევაშიც კი, თუ არის\N(რაც მშვენიერია)
Dialogue: 0,0:03:08.07,0:03:10.51,Default,,0000,0000,0000,,აქ რაღაც შეცდომაა.
Dialogue: 0,0:03:10.51,0:03:13.70,Default,,0000,0000,0000,,უნდა დაგვენახა ის, რაც აქ ჩაწერე,
Dialogue: 0,0:03:13.70,0:03:16.48,Default,,0000,0000,0000,,მაგრამ სინამდვილეში მივიღეთ "object".
Dialogue: 0,0:03:16.48,0:03:20.68,Default,,0000,0000,0000,,ეს იმას ნიშნავს, რომ ცვლადი "name"\Nმიუთითებს ობიექტზე,
Dialogue: 0,0:03:20.68,0:03:23.58,Default,,0000,0000,0000,,და არა ხაზზე, რომელზეც გვეგონა, რომ \Nმიუთითებდა.
Dialogue: 0,0:03:23.58,0:03:26.65,Default,,0000,0000,0000,,შეიძლება, უკვე მიხვდი, როგორ\Nგამოასწორო პრობლემა.
Dialogue: 0,0:03:26.65,0:03:31.88,Default,,0000,0000,0000,,ცვლადში "name" ჩვენ შევინახეთ \Nმთელი ელემენტი-ობიექტი
Dialogue: 0,0:03:31.88,0:03:34.99,Default,,0000,0000,0000,,ელემენტი-ობიექტი კი ძალიან დიდი ობიექტია
Dialogue: 0,0:03:34.99,0:03:37.10,Default,,0000,0000,0000,,უამრავი ინფორმაციით ელემენტის შესახებ:
Dialogue: 0,0:03:37.10,0:03:39.53,Default,,0000,0000,0000,,ყველა მისი ატრიბუტითა და მეთოდით.
Dialogue: 0,0:03:39.53,0:03:43.47,Default,,0000,0000,0000,,იმისთვის, რომ გავიგოთ, რა ჩაწერა მომხმარებელმა,\Nელემენტის კონკრეტულ თვისებაზე
Dialogue: 0,0:03:43.47,0:03:46.21,Default,,0000,0000,0000,,უნდა გვქონდეს წვდომა: მნიშვნელობაზე.
Dialogue: 0,0:03:46.21,0:03:51.92,Default,,0000,0000,0000,,უბრალოდ უნდა დავუმათოთ `.value`\Nდა ეს გვიშველის.
Dialogue: 0,0:03:51.92,0:03:56.18,Default,,0000,0000,0000,,დააპაუზე ტუტორიალი და სცადე კიდევ ერთხელ
Dialogue: 0,0:03:56.18,0:03:57.98,Default,,0000,0000,0000,,ახლა გამოვიდა, ჰო ასეა?
Dialogue: 0,0:03:57.98,0:04:01.91,Default,,0000,0000,0000,,ეს შეცდომა ძალიან გავრცელებულია, ამიტომ\Nყურადღებით იყავი
Dialogue: 0,0:04:01.91,0:04:05.01,Default,,0000,0000,0000,,კიდევ ერთ გავრცელებულ შეცდომას გაჩვენებ
Dialogue: 0,0:04:05.01,0:04:13.96,Default,,0000,0000,0000,,ავიღოთ ეს ხაზი და გავიტანოთ იგი\Nფუნქციის გარეთ.
Dialogue: 0,0:04:13.96,0:04:22.74,Default,,0000,0000,0000,,დააპაუზე ტუტორიალი, ჩაწერე რამე და\Nდააჭირე ღილაკს.
Dialogue: 0,0:04:22.74,0:04:25.100,Default,,0000,0000,0000,,თუ ყველაფერი ისე გაფუჭდა, \Nროგორც უნდა გაფუჭებულიყო,
Dialogue: 0,0:04:25.100,0:04:28.05,Default,,0000,0000,0000,,მაშინ შენი სახლის მაგივრად ცარიელი\Nხაზი უნდა დაგენახა.
Dialogue: 0,0:04:28.05,0:04:29.69,Default,,0000,0000,0000,,ხვდები, რატომ?
Dialogue: 0,0:04:29.69,0:04:33.94,Default,,0000,0000,0000,,დაფიქრდი იმაზე, როგორ მუშავდება კოდის\Nთითოეული ხაზი.
Dialogue: 0,0:04:33.94,0:04:37.10,Default,,0000,0000,0000,,ამ კოდში ბრაუზერი ტვირთავს გვერდს
Dialogue: 0,0:04:37.10,0:04:39.77,Default,,0000,0000,0000,,და ასრულებს JavaScript-ის ხაზებს\Nერთი მეორეს თანმიმდევრობით.
Dialogue: 0,0:04:39.77,0:04:42.93,Default,,0000,0000,0000,,პირველ რიგში, იგი ინახავს ცვლადში \Nღილაკის ელემენტს.
Dialogue: 0,0:04:42.93,0:04:46.82,Default,,0000,0000,0000,,შემდეგ ინახავს ცვლადში შეყვანილი\Nელემენტის მნიშვნელობას.
Dialogue: 0,0:04:46.82,0:04:50.46,Default,,0000,0000,0000,,მაგრამ ის ინახავს მნიშნველობას,\Nროცა გვერდი იტვირთება..
Dialogue: 0,0:04:50.46,0:04:52.46,Default,,0000,0000,0000,,მნიშვნელობა კი ამ დროს ცარიელია.
Dialogue: 0,0:04:52.46,0:04:56.32,Default,,0000,0000,0000,,შემდეგ იგი განსაზღვრავს ფუნქციას და \Nანიჭებს მას event listener-ს
Dialogue: 0,0:04:56.32,0:05:00.42,Default,,0000,0000,0000,,მისი გამოძახების შემდეგ,\Nსახელი ისევ იგივე ხაზია,
Dialogue: 0,0:05:00.42,0:05:02.88,Default,,0000,0000,0000,,რაც გვერდის ჩატვირთვისას იყო.
Dialogue: 0,0:05:02.88,0:05:06.20,Default,,0000,0000,0000,,ამიტომ listener ვერასდროს ვერ გაიგებს,\Nრა ჩაწერა მომხმარებელმა ბოლოს.
Dialogue: 0,0:05:06.20,0:05:08.53,Default,,0000,0000,0000,,ამიტომ, კოდის ეს ხაზი
Dialogue: 0,0:05:08.53,0:05:13.19,Default,,0000,0000,0000,,უნდა იყოს event listener-ის \Nფუნქციის შიგნით,
Dialogue: 0,0:05:13.19,0:05:18.76,Default,,0000,0000,0000,,იმისთვის რომ მნიშვნელობა დაფიქსირდეს მაშინ,\Nროცა ეს მოვლენა განხორციელდება.
Dialogue: 0,0:05:18.76,0:05:21.94,Default,,0000,0000,0000,,ახლა ვნახოთ ენის მნიშვნელობა,\N
Dialogue: 0,0:05:21.94,0:05:24.41,Default,,0000,0000,0000,,უნდა დავწრმუნდეთ, რომ ყველაფერი\Nკარგად გაიგე.
Dialogue: 0,0:05:24.41,0:05:29.60,Default,,0000,0000,0000,,ენას 'lang' ცვლადში შევინახავ, მოვლენის კონტროლში.
Dialogue: 0,0:05:31.77,0:05:34.55,Default,,0000,0000,0000,,რა საშინლად გამოიყურება ვიზუალურად,
Dialogue: 0,0:05:34.55,0:05:36.89,Default,,0000,0000,0000,,მოვაწესრიგოდ ყველაფერი
Dialogue: 0,0:05:36.89,0:05:38.84,Default,,0000,0000,0000,,აი, ასე.
Dialogue: 0,0:05:38.84,0:05:41.45,Default,,0000,0000,0000,,[ბეჭდავს]
Dialogue: 0,0:05:46.77,0:05:51.23,Default,,0000,0000,0000,,ალბათ, ამჩნევ, რომ ჩემს ცვლადებს იგივეს\Nვარქმევ, რაც ჩემს ID-ებს
Dialogue: 0,0:05:51.23,0:05:55.29,Default,,0000,0000,0000,,მაგრამ ეს მე ვაკეთებ ასე, შენ შეგიძლია\Nსხვა სახელები დაარქვა.
Dialogue: 0,0:05:55.29,0:05:59.79,Default,,0000,0000,0000,,მინდა, რომ სხვადასხვა შეტყობინება დაინახონ,\Nიმაზე დაყრდნობით, თუ რომელი ენა აირჩიეს.
Dialogue: 0,0:05:59.79,0:06:03.63,Default,,0000,0000,0000,,მიაქციე ყურადღება, რომ მნიშვნელობა არ\Nარის იგივე, რაც მენიუში ჩანს
Dialogue: 0,0:06:03.63,0:06:06.88,Default,,0000,0000,0000,,მნიშვნელობა HMTL ატრიბუტია,
Dialogue: 0,0:06:06.88,0:06:11.25,Default,,0000,0000,0000,,'lang' უნდა იყოს\N"en", "es", ან "plt"
Dialogue: 0,0:06:11.25,0:06:17.21,Default,,0000,0000,0000,,რაც ნიშნავს\N`if (lang === "es")`,
Dialogue: 0,0:06:17.21,0:06:23.68,Default,,0000,0000,0000,,მისალმება იქნება "Hola"
Dialogue: 0,0:06:23.68,0:06:26.81,Default,,0000,0000,0000,,გავაგრძელოთ და ჩავსვათ ეს მისალმების\Nცვლადი აქ.
Dialogue: 0,0:06:26.81,0:06:35.10,Default,,0000,0000,0000,,ანუ 'greeting' იქნება "Hola" + სახელი
Dialogue: 0,0:06:35.10,0:06:41.22,Default,,0000,0000,0000,,და თუ 'lang' უდრის "ptl"-ს,\Nანუ Pig Latin-ს,
Dialogue: 0,0:06:41.22,0:06:48.54,Default,,0000,0000,0000,,მისალმება იქნება\N"Ello-hey, " + სახელი
Dialogue: 0,0:06:48.54,0:06:53.17,Default,,0000,0000,0000,,ინგლისურისთვის კი შეგვიძლია გამოვიყენოთ\N'else'
Dialogue: 0,0:06:53.17,0:06:55.37,Default,,0000,0000,0000,,რომელიც უბრალოდ გადმოვიტანე აქ.
Dialogue: 0,0:06:55.37,0:06:56.80,Default,,0000,0000,0000,,ესეც ასე.
Dialogue: 0,0:06:56.80,0:07:00.37,Default,,0000,0000,0000,,და, თუ გინდა, ბონუს-ამოცანა:
Dialogue: 0,0:07:00.37,0:07:03.84,Default,,0000,0000,0000,,სცადე გააკეთო Pig Latin \Nსახელების კონვერტერი;
Dialogue: 0,0:07:03.84,0:07:07.68,Default,,0000,0000,0000,,იმისთვის, რომ მისალმებაში სახელიც \NPig Latin ენაზე იყოს.
Dialogue: 0,0:07:07.68,0:07:10.01,Default,,0000,0000,0000,,ძალიან მაგარი იქნება.
Dialogue: 0,0:07:10.01,0:07:13.30,Default,,0000,0000,0000,,დააპაუზე ახლა ტუტორიალი,\Nშეიყვანე სახელი,
Dialogue: 0,0:07:13.30,0:07:19.10,Default,,0000,0000,0000,,აირჩიე ენა და ნახე, რა გამოვა.
Dialogue: 0,0:07:19.10,0:07:20.24,Default,,0000,0000,0000,,კარგია, არა?
Dialogue: 0,0:07:20.24,0:07:24.69,Default,,0000,0000,0000,,ცოტა JavaScript-ისა და ფორმების გამოყენებით\Nბევრი რამის გაკეთება შეგიძლია:
Dialogue: 0,0:07:24.69,0:07:27.32,Default,,0000,0000,0000,,სიტყვების თამაშების, რიცხვების თამაშების,\Nისტორიების შექმნა..
Dialogue: 0,0:07:27.32,0:07:30.03,Default,,0000,0000,0000,,და თუ ხანის აკედემიის ფარგლებს გარეთ გაქვს სერვერი
Dialogue: 0,0:07:30.03,0:07:33.45,Default,,0000,0000,0000,,შეგიძლია გამოიყენო JavaScript მონაცემების \Nპირველადი დამუშავებისთვის,
Dialogue: 0,0:07:33.45,0:07:35.36,Default,,0000,0000,0000,,სერვერზე გაგზავნამდე.
Dialogue: 0,0:07:35.36,0:07:38.52,Default,,0000,0000,0000,,არის კიდევ ბევრი სხვა მოვლენა, რომელიც\Nფორმასთან შეგიძლია აკონტროლო,
Dialogue: 0,0:07:38.52,0:07:40.70,Default,,0000,0000,0000,,მაგალიად, კლავიატურის ღილაკის დაჭერა.
Dialogue: 0,0:07:40.70,0:07:44.15,Default,,0000,0000,0000,,მთავარია, გახსოვდეს, რომ\Nშენ გაინტერესებს მნიშვნელობა
Dialogue: 0,0:07:44.15,0:07:47.29,Default,,0000,0000,0000,,და ეს მნიშვნელობა სწორ დროს \Nუნდა დაფიქსირდეს.
Dialogue: 0,0:07:47.29,0:07:50.03,Default,,0000,0000,0000,,უფრო მეტ პრაქტიკას შემდეგ\Nდავალებაში მიიღებ.
Dialogue: 0,0:07:50.03,0:07:52.64,Default,,0000,0000,0000,,შემდეგი დავალება ჩემი პირადი ფავორიტია.