WEBVTT

00:00:01.342 --> 00:00:05.959
რადგანაც უკვე გვესმის Javascript-ის საფუძვლები, გასწავლით მისი მაგრად გამოყენებას,

00:00:05.959 --> 00:00:09.546
რასაც "ობიექტზე ორიენტირებულ პროგრამირებას" ვუწოდებთ.

00:00:09.546 --> 00:00:12.570
მაგრამ ჯერ, უნდა გავიგოთ თუ რატომაა ეს გამოსადეგი.

00:00:12.570 --> 00:00:17.668
ამისთვის პროგრამა ავაწყვე, რომელსაც ობიექტზე ორიენტირებულობა გააუმჯობესებს.

00:00:17.668 --> 00:00:25.138
კარგი რამაა დასაწყებად. თავში უბრალო object literal-ების შემნახველი ორი ცვლადია.

00:00:25.138 --> 00:00:30.448
object literal აქამდეც ვნახეთ, ეს ობიექტია, რომელსაც ორ ფიგურულ ფრჩხილში ვსვამთ

00:00:30.448 --> 00:00:34.409
და შემდეგ მასში თვისების სახელსა და მნიშვნელობას ვათავსებთ.

00:00:34.409 --> 00:00:39.241
გვაქვს ორი ასეთი object literal და აქ ეს ფუნქცია, drawWinston,

00:00:39.241 --> 00:00:41.129
რომელიც ერთ არგუმენტს ელის,

00:00:41.129 --> 00:00:47.882
შემდეგ ხატავს არგუმენტს, ხატავს სურათს ობიექტის x და y თვისებების მიხედვით

00:00:47.882 --> 00:00:53.107
შემდეგ კი ასათაურებს ობიექტის მეტსახელისა და ასაკის თვისებების მიხედვით.

00:00:53.107 --> 00:00:58.164
და ბოლოს, სულ ქვემოთ, ვიძახებთ drawWinston() თინეიჯერსა და ზრდასრულზე

00:00:58.164 --> 00:01:01.012
და სწორედ ეს იწვევს ამის გამოჩენას.

00:01:01.012 --> 00:01:06.366
თუ აქ გადავალთ და object literal-ებს შევხედავთ,

00:01:06.366 --> 00:01:11.410
შევამჩნევთ რომ ისინი ძალიან ჰგვანან ერთმანეთს.

00:01:11.410 --> 00:01:17.842
ორივეს აქვს საერთო თვისებები და გამოიყენება საერთო drawWinston() ფუნქციით .

00:01:17.842 --> 00:01:24.072
თუ დაუკვირდებით, ორივე მათგანი გარკვეული ტიპის ვინსტონს აღწერს.

00:01:24.072 --> 00:01:28.796


00:01:28.796 --> 00:01:36.460


00:01:36.460 --> 00:01:42.162


00:01:42.162 --> 00:01:48.465


00:01:48.465 --> 00:01:54.762


00:01:54.762 --> 00:02:01.295


00:02:01.295 --> 00:02:05.958


00:02:05.958 --> 00:02:14.948


00:02:14.948 --> 00:02:21.834


00:02:21.834 --> 00:02:27.974


00:02:27.974 --> 00:02:30.900


00:02:30.900 --> 00:02:38.934


00:02:38.934 --> 00:02:42.196


00:02:42.196 --> 00:02:47.030


00:02:47.030 --> 00:02:52.042


00:02:52.042 --> 00:02:57.860


00:02:57.860 --> 00:03:06.417


00:03:06.417 --> 00:03:11.324


00:03:11.324 --> 00:03:15.063


00:03:15.063 --> 00:03:21.483


00:03:21.483 --> 00:03:28.672


00:03:28.672 --> 00:03:34.921


00:03:34.921 --> 00:03:38.419


00:03:38.419 --> 00:03:45.728


00:03:45.728 --> 00:03:48.385


00:03:48.385 --> 00:03:57.500


00:03:57.500 --> 00:04:00.327


00:04:00.327 --> 00:04:05.245


00:04:05.245 --> 00:04:10.376


00:04:10.376 --> 00:04:13.950


00:04:13.950 --> 00:04:22.305


00:04:22.305 --> 00:04:27.502


00:04:27.502 --> 00:04:31.082


00:04:31.082 --> 00:04:35.722


00:04:35.722 --> 00:04:39.960


00:04:39.960 --> 00:04:47.410


00:04:47.410 --> 00:04:50.812


00:04:50.812 --> 00:04:58.094


00:04:58.094 --> 00:05:05.272


00:05:05.272 --> 00:05:08.799


00:05:08.799 --> 00:05:14.379


00:05:14.379 --> 00:05:20.212


00:05:20.212 --> 00:05:23.103


00:05:23.103 --> 00:05:28.162


00:05:28.162 --> 00:05:30.894


00:05:30.894 --> 00:05:34.029


00:05:34.029 --> 00:05:39.363


00:05:39.363 --> 00:05:41.444


00:05:41.444 --> 00:05:46.361


00:05:46.361 --> 00:05:50.589


00:05:50.589 --> 00:05:55.996


00:05:55.996 --> 00:06:00.830


00:06:00.830 --> 00:06:06.590


00:06:06.590 --> 00:06:12.804


00:06:12.804 --> 00:06:17.281


00:06:17.281 --> 00:06:20.968


00:06:20.968 --> 00:06:26.632


00:06:26.632 --> 00:06:29.925


00:06:29.925 --> 00:06:35.528


00:06:35.528 --> 00:06:40.741


00:06:40.741 --> 00:06:45.829


00:06:45.829 --> 00:06:48.690


00:06:48.690 --> 00:06:51.000