0:00:01.095,0:00:02.997
JavaScript-ის ვებ-გვერდებზე გამოყენების [br]

0:00:02.997,0:00:06.210
კიდევ ერთი სახალისო ხერხია ობიექტების[br]დროის მიხედვით ანიმირება.

0:00:06.210,0:00:08.830
მაგრამ სანამ ამაზე გადავლთ

0:00:08.837,0:00:10.379
უნდა დავრწმუნდე, რომ იცით

0:00:10.379,0:00:12.032
სხვა ფართოდ გავრცელებული ცვლადი,

0:00:12.032,0:00:14.934
რომელიც ყველა ვებ-გვერდზე არსებობს,[br]კერძოდ <i>window</i>

0:00:14.934,0:00:18.334
ახლა მე გავაკეთებ

0:00:18.334,0:00:20.978
<i>console.log(window)</i> და შენ შეგიძლია

0:00:20.978,0:00:23.145
დააპაუზო, შეამოწმო შენი დევაისები

0:00:23.145,0:00:24.897
და ნახო, რა ხდება შიგნით.

0:00:26.887,0:00:30.643
ხედავ? უზარმაზარია.

0:00:30.643,0:00:34.113
უამრავ რამეს შეიცავს.

0:00:34.113,0:00:36.519
ცოტა გავამარტივებ სიტუაციას და

0:00:36.519,0:00:38.436
მხოლოდ ჩემს გამორჩეულ თვისებებსა და [br]მეთოდებს

0:00:38.436,0:00:40.675
გაგაცნობ.

0:00:40.675,0:00:44.184
არის <i>window.location</i> რომელიც

0:00:44.184,0:00:46.194
შეიცავს ინფორმაციას გვერდის URL-ის[br]შესახებ.

0:00:46.194,0:00:50.132
მოდი, პირდაპირ

0:00:50.132,0:00:52.082
გადმოვწეროთ ეს ჩვენს გვერდზე,

0:00:52.082,0:00:55.145
დაპაუზება რომ არ დაგჭირდეს.

0:00:55.145,0:00:59.995
გამოდის[br]<i>textContent+="The URL of this page</i>

0:00:59.995,0:01:04.097
<i> is + window.location</i> ახლა ესაა ობიექტი

0:01:04.097,0:01:06.803
ამიტომ, შიგნით უნდა ჩავწეროთ

0:01:06.803,0:01:09.460
<i>.href</i> და მზადაა.

0:01:09.460,0:01:12.608
ეს არის iFrame-ში მოქცეული გვერდის URL

0:01:12.608,0:01:14.887
ასე გამოიყურება ის "შიდა სამზარეულოში".

0:01:14.887,0:01:18.466
კიდევ ერთი თვისება: <i>window.navigator.userAgent</i>

0:01:18.466,0:01:21.675
რომელიც გეუბნება, რომელ ბრაუზერს

0:01:21.675,0:01:28.308
იყენებს მომხმარებელი. დავუშვათ, [br]<i>"The user Agent is " +</i>

0:01:28.308,0:01:33.653
<i>window.navigator.userAgent;</i>

0:01:33.653,0:01:36.972
თუ ხაზი <i>userAgent</i> ცოტა არანორმალურად

0:01:36.972,0:01:40.339
გეჩვენება, არაუშავს. ის არც არის შექმნილი[br]

0:01:40.339,0:01:43.176
ადამიანის საკითხავ ლიტერატურად და

0:01:43.176,0:01:45.116
მისი ლოგიკა არაა სხვადასხვა ისტორიული [br]მოვლენებით განპირობებული.

0:01:45.116,0:01:48.313
დეველოპერების უმეტესობა

0:01:48.313,0:01:51.127
იყენებს ბიბლიოთეკებს იმის გასაგებად,

0:01:51.127,0:01:53.287
თუ რას ნიშნავს ეს ხაზი, რომელ ბრაუზერზე

0:01:53.287,0:01:56.169
მუშაობენ და რომელ ოპერაციულ სისტემაზე და[br]ა.შ.

0:01:56.169,0:02:00.544
მათთვისაც კი იგი ცოტა უცნაურია

0:02:00.544,0:02:05.332
აი, ცოტა უფრო ნორმალური: <i>window.outerWidth</i>[br]და <i>window.outherHeight</i>

0:02:05.332,0:02:12.583
დავუშვათ, <i>"This web page is "+</i>

0:02:12.583,0:02:21.544
<i>window.outerWidth + " by " + window.outerHeight;</i>

0:02:21.544,0:02:24.787
მე მეუბნება, რომ ზომებია 1280 715-ზე

0:02:24.787,0:02:26.426
მაგრამ შენთან შეიძლება სხვა იყოს,

0:02:26.426,0:02:29.656
გააჩნია, როგორ გამოიყურება შენი გვერდი[br]როცა

0:02:29.656,0:02:31.859
ამ ტუტორიალს უყურებ.

0:02:31.859,0:02:33.928
ახლა ნახე:

0:02:33.928,0:02:37.778
წავშლი კოდის ამ ხაზიდან

0:02:37.778,0:02:40.552
<i>window</i> ნაწილს.

0:02:43.472,0:02:48.215
ყვეალფერი მაინც მუშაობს, იმიტომ რომ

0:02:48.215,0:02:50.543
<i>window</i> არის

0:02:50.543,0:02:53.242
ვებ-გვერდების ჩაშენებული ცვლადი.

0:02:53.242,0:02:56.531
როცა ბრაუზერი ეძებს, რომელ ცვლადს იყენებ

0:02:56.531,0:02:58.687
ის მას <i>window</i> ობიეტში ეძებს.

0:02:58.687,0:03:02.043
როცა შენ ახალ საერთო ცვლადს ქმნი,

0:03:02.043,0:03:05.181
<i>window</i> ობიექტი მას ინახავს

0:03:05.181,0:03:08.025
როგორც თვისებას.

0:03:08.025,0:03:10.482
ეს ნიშნავს, რომ შენ არ უნდა გამოაცხადო

0:03:10.482,0:03:13.318
საკუთარი <i>outerWidth and outerHeight</i>[br]ცვლადები,

0:03:13.318,0:03:16.050
იმიტომ რომ ისინი გადააჭარბებენ [br]<i>window.outerWidth</i>

0:03:16.050,0:03:18.847
და <i>window.outHeight</i> ცვლადებს.

0:03:18.847,0:03:21.156
ისედაც, უნდა მოერიდო გლაბალურ ცვლადებს

0:03:21.156,0:03:23.218
იმიტომ რომ შესაძლებელია

0:03:23.218,0:03:26.090
ისინი კონფლიკტში შევიდნენ ერთმანეთთან

0:03:26.090,0:03:28.336
ან სხვა არსეულ ცვლადებთან <i>window</i>-ში

0:03:28.336,0:03:32.256
უსაფრთხოების გასაძლიერებლად შეგიძლიათ [br]გამოიყენოთ გლობალური ცვლადების ინდექსირება

0:03:32.256,0:03:35.921
მაგალითად, ხანის აკადემიაზე გლაბალური[br]ცვლადების წინ ვწერთ

0:03:35.921,0:03:39.979
ინდექსს <i>KA_</i>

0:03:39.979,0:03:42.007
მოკლედ, ესაა <i>window</i> ობიექტი,

0:03:42.007,0:03:44.457
ახლა ვნახოთ, როგორ შეიძლება [br]მისი ორი ფუნქციის გამოყენება

0:03:44.457,0:03:47.815
ანიმაციების შესაქმნელად.