[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.10,0:00:02.100,Default,,0000,0000,0000,,JavaScript-ის ვებ-გვერდებზე გამოყენების \N Dialogue: 0,0:00:02.100,0:00:06.21,Default,,0000,0000,0000,,კიდევ ერთი სახალისო ხერხია ობიექტების\Nდროის მიხედვით ანიმირება. Dialogue: 0,0:00:06.21,0:00:08.83,Default,,0000,0000,0000,,მაგრამ სანამ ამაზე გადავლთ Dialogue: 0,0:00:08.84,0:00:10.38,Default,,0000,0000,0000,,უნდა დავრწმუნდე, რომ იცით Dialogue: 0,0:00:10.38,0:00:12.03,Default,,0000,0000,0000,,სხვა ფართოდ გავრცელებული ცვლადი, Dialogue: 0,0:00:12.03,0:00:14.93,Default,,0000,0000,0000,,რომელიც ყველა ვებ-გვერდზე არსებობს,\Nკერძოდ {\i1}window{\i0} Dialogue: 0,0:00:14.93,0:00:18.33,Default,,0000,0000,0000,,ახლა მე გავაკეთებ Dialogue: 0,0:00:18.33,0:00:20.98,Default,,0000,0000,0000,,{\i1}console.log(window){\i0} და შენ შეგიძლია Dialogue: 0,0:00:20.98,0:00:23.14,Default,,0000,0000,0000,,დააპაუზო, შეამოწმო შენი დევაისები Dialogue: 0,0:00:23.14,0:00:24.90,Default,,0000,0000,0000,,და ნახო, რა ხდება შიგნით. Dialogue: 0,0:00:26.89,0:00:30.64,Default,,0000,0000,0000,,ხედავ? უზარმაზარია. Dialogue: 0,0:00:30.64,0:00:34.11,Default,,0000,0000,0000,,უამრავ რამეს შეიცავს. Dialogue: 0,0:00:34.11,0:00:36.52,Default,,0000,0000,0000,,ცოტა გავამარტივებ სიტუაციას და Dialogue: 0,0:00:36.52,0:00:38.44,Default,,0000,0000,0000,,მხოლოდ ჩემს გამორჩეულ თვისებებსა და \Nმეთოდებს Dialogue: 0,0:00:38.44,0:00:40.68,Default,,0000,0000,0000,,გაგაცნობ. Dialogue: 0,0:00:40.68,0:00:44.18,Default,,0000,0000,0000,,არის {\i1}window.location{\i0} რომელიც Dialogue: 0,0:00:44.18,0:00:46.19,Default,,0000,0000,0000,,შეიცავს ინფორმაციას გვერდის URL-ის\Nშესახებ. Dialogue: 0,0:00:46.19,0:00:50.13,Default,,0000,0000,0000,,მოდი, პირდაპირ Dialogue: 0,0:00:50.13,0:00:52.08,Default,,0000,0000,0000,,გადმოვწეროთ ეს ჩვენს გვერდზე, Dialogue: 0,0:00:52.08,0:00:55.14,Default,,0000,0000,0000,,დაპაუზება რომ არ დაგჭირდეს. Dialogue: 0,0:00:55.14,0:00:59.100,Default,,0000,0000,0000,,გამოდის\N{\i1}textContent+="The URL of this page{\i0} Dialogue: 0,0:00:59.100,0:01:04.10,Default,,0000,0000,0000,,{\i1} is + window.location{\i0} ახლა ესაა ობიექტი Dialogue: 0,0:01:04.10,0:01:06.80,Default,,0000,0000,0000,,ამიტომ, შიგნით უნდა ჩავწეროთ Dialogue: 0,0:01:06.80,0:01:09.46,Default,,0000,0000,0000,,{\i1}.href{\i0} და მზადაა. Dialogue: 0,0:01:09.46,0:01:12.61,Default,,0000,0000,0000,,ეს არის iFrame-ში მოქცეული გვერდის URL Dialogue: 0,0:01:12.61,0:01:14.89,Default,,0000,0000,0000,,ასე გამოიყურება ის "შიდა სამზარეულოში". Dialogue: 0,0:01:14.89,0:01:18.47,Default,,0000,0000,0000,,კიდევ ერთი თვისება: {\i1}window.navigator.userAgent{\i0} Dialogue: 0,0:01:18.47,0:01:21.68,Default,,0000,0000,0000,,რომელიც გეუბნება, რომელ ბრაუზერს Dialogue: 0,0:01:21.68,0:01:28.31,Default,,0000,0000,0000,,იყენებს მომხმარებელი. დავუშვათ, \N{\i1}"The user Agent is " +{\i0} Dialogue: 0,0:01:28.31,0:01:33.65,Default,,0000,0000,0000,,{\i1}window.navigator.userAgent;{\i0} Dialogue: 0,0:01:33.65,0:01:36.97,Default,,0000,0000,0000,,თუ ხაზი {\i1}userAgent{\i0} ცოტა არანორმალურად Dialogue: 0,0:01:36.97,0:01:40.34,Default,,0000,0000,0000,,გეჩვენება, არაუშავს. ის არც არის შექმნილი\N Dialogue: 0,0:01:40.34,0:01:43.18,Default,,0000,0000,0000,,ადამიანის საკითხავ ლიტერატურად და Dialogue: 0,0:01:43.18,0:01:45.12,Default,,0000,0000,0000,,მისი ლოგიკა არაა სხვადასხვა ისტორიული \Nმოვლენებით განპირობებული. Dialogue: 0,0:01:45.12,0:01:48.31,Default,,0000,0000,0000,,დეველოპერების უმეტესობა Dialogue: 0,0:01:48.31,0:01:51.13,Default,,0000,0000,0000,,იყენებს ბიბლიოთეკებს იმის გასაგებად, Dialogue: 0,0:01:51.13,0:01:53.29,Default,,0000,0000,0000,,თუ რას ნიშნავს ეს ხაზი, რომელ ბრაუზერზე Dialogue: 0,0:01:53.29,0:01:56.17,Default,,0000,0000,0000,,მუშაობენ და რომელ ოპერაციულ სისტემაზე და\Nა.შ. Dialogue: 0,0:01:56.17,0:02:00.54,Default,,0000,0000,0000,,მათთვისაც კი იგი ცოტა უცნაურია Dialogue: 0,0:02:00.54,0:02:05.33,Default,,0000,0000,0000,,აი, ცოტა უფრო ნორმალური: {\i1}window.outerWidth{\i0}\Nდა {\i1}window.outherHeight{\i0} Dialogue: 0,0:02:05.33,0:02:12.58,Default,,0000,0000,0000,,დავუშვათ, {\i1}"This web page is "+{\i0} Dialogue: 0,0:02:12.58,0:02:21.54,Default,,0000,0000,0000,,{\i1}window.outerWidth + " by " + window.outerHeight;{\i0} Dialogue: 0,0:02:21.54,0:02:24.79,Default,,0000,0000,0000,,მე მეუბნება, რომ ზომებია 1280 715-ზე Dialogue: 0,0:02:24.79,0:02:26.43,Default,,0000,0000,0000,,მაგრამ შენთან შეიძლება სხვა იყოს, Dialogue: 0,0:02:26.43,0:02:29.66,Default,,0000,0000,0000,,გააჩნია, როგორ გამოიყურება შენი გვერდი\Nროცა Dialogue: 0,0:02:29.66,0:02:31.86,Default,,0000,0000,0000,,ამ ტუტორიალს უყურებ. Dialogue: 0,0:02:31.86,0:02:33.93,Default,,0000,0000,0000,,ახლა ნახე: Dialogue: 0,0:02:33.93,0:02:37.78,Default,,0000,0000,0000,,წავშლი კოდის ამ ხაზიდან Dialogue: 0,0:02:37.78,0:02:40.55,Default,,0000,0000,0000,,{\i1}window{\i0} ნაწილს. Dialogue: 0,0:02:43.47,0:02:48.22,Default,,0000,0000,0000,,ყვეალფერი მაინც მუშაობს, იმიტომ რომ Dialogue: 0,0:02:48.22,0:02:50.54,Default,,0000,0000,0000,,{\i1}window{\i0} არის Dialogue: 0,0:02:50.54,0:02:53.24,Default,,0000,0000,0000,,ვებ-გვერდების ჩაშენებული ცვლადი. Dialogue: 0,0:02:53.24,0:02:56.53,Default,,0000,0000,0000,,როცა ბრაუზერი ეძებს, რომელ ცვლადს იყენებ Dialogue: 0,0:02:56.53,0:02:58.69,Default,,0000,0000,0000,,ის მას {\i1}window{\i0} ობიეტში ეძებს. Dialogue: 0,0:02:58.69,0:03:02.04,Default,,0000,0000,0000,,როცა შენ ახალ საერთო ცვლადს ქმნი, Dialogue: 0,0:03:02.04,0:03:05.18,Default,,0000,0000,0000,,{\i1}window{\i0} ობიექტი მას ინახავს Dialogue: 0,0:03:05.18,0:03:08.02,Default,,0000,0000,0000,,როგორც თვისებას. Dialogue: 0,0:03:08.02,0:03:10.48,Default,,0000,0000,0000,,ეს ნიშნავს, რომ შენ არ უნდა გამოაცხადო Dialogue: 0,0:03:10.48,0:03:13.32,Default,,0000,0000,0000,,საკუთარი {\i1}outerWidth and outerHeight{\i0}\Nცვლადები, Dialogue: 0,0:03:13.32,0:03:16.05,Default,,0000,0000,0000,,იმიტომ რომ ისინი გადააჭარბებენ \N{\i1}window.outerWidth{\i0} Dialogue: 0,0:03:16.05,0:03:18.85,Default,,0000,0000,0000,,და {\i1}window.outHeight{\i0} ცვლადებს. Dialogue: 0,0:03:18.85,0:03:21.16,Default,,0000,0000,0000,,ისედაც, უნდა მოერიდო გლაბალურ ცვლადებს Dialogue: 0,0:03:21.16,0:03:23.22,Default,,0000,0000,0000,,იმიტომ რომ შესაძლებელია Dialogue: 0,0:03:23.22,0:03:26.09,Default,,0000,0000,0000,,ისინი კონფლიკტში შევიდნენ ერთმანეთთან Dialogue: 0,0:03:26.09,0:03:28.34,Default,,0000,0000,0000,,ან სხვა არსეულ ცვლადებთან {\i1}window{\i0}-ში Dialogue: 0,0:03:28.34,0:03:32.26,Default,,0000,0000,0000,,უსაფრთხოების გასაძლიერებლად შეგიძლიათ \Nგამოიყენოთ გლობალური ცვლადების ინდექსირება Dialogue: 0,0:03:32.26,0:03:35.92,Default,,0000,0000,0000,,მაგალითად, ხანის აკადემიაზე გლაბალური\Nცვლადების წინ ვწერთ Dialogue: 0,0:03:35.92,0:03:39.98,Default,,0000,0000,0000,,ინდექსს {\i1}KA_{\i0} Dialogue: 0,0:03:39.98,0:03:42.01,Default,,0000,0000,0000,,მოკლედ, ესაა {\i1}window{\i0} ობიექტი, Dialogue: 0,0:03:42.01,0:03:44.46,Default,,0000,0000,0000,,ახლა ვნახოთ, როგორ შეიძლება \Nმისი ორი ფუნქციის გამოყენება Dialogue: 0,0:03:44.46,0:03:47.82,Default,,0000,0000,0000,,ანიმაციების შესაქმნელად.