1
00:00:00,330 --> 00:00:05,440
ठीक है तो वहाँ एक आखिरी जगह हम रीसेट समारोह है जो हमारे कोड के बहुत शुरुआत में है का उपयोग कर सकते है।

2
00:00:05,550 --> 00:00:17,440
पेज बहुत पहले समय क्या हम ऐसा करने के लिए हम यादृच्छिक रंग जो तुम तो किया है कि हम उन नए यादृच्छिक रंग हम पहले से ही यहाँ है, जिसमें से एक रंग लेने की जरूरत लेने की जरूरत है जरूरत लोड करता है।

3
00:00:17,820 --> 00:00:26,290
और फिर हम तो हम अपने रीसेट समारोह है कि क्योंकि यह मूल रूप से क्या करता है का उपयोग कर सकते पृष्ठ पर प्रत्येक वर्ग के लिए एक रंग प्रदान करने की जरूरत है।

4
00:00:26,490 --> 00:00:33,430
और मैं वास्तव में सिर्फ बहुत शुरुआत init नामक स्थान पर एक समारोह चल रहा द्वारा चीजों को साफ करने के लिए जा रहा हूँ और जो मौजूद नहीं है।

5
00:00:33,600 --> 00:00:38,820
और हमारे init समारोह के अंदर हम सब कुछ जब पेज लोड चलाने की जरूरत है कि डाल करने के लिए जा रहे हैं।

6
00:00:39,000 --> 00:00:41,490
इसलिए हम समारोह init होगा।

7
00:00:41,790 --> 00:00:49,070
और फिर हमारे शुद्ध समारोह के अंदर पहली बात यह है कि हम क्या कर सकते हैं आगे जाना है और हमारे मोड बटन श्रोताओं में जोड़ने के लिए है।

8
00:00:50,250 --> 00:00:52,200
वास्तव में यह सिर्फ चीजों को साफ करने के लिए।

9
00:00:52,230 --> 00:00:55,110
तो यह सिर्फ कहीं नहीं के बीच में खाक छानने नहीं है।

10
00:00:55,320 --> 00:00:56,850
तो यह इस ठीक से इंडेंट होगा।

11
00:00:57,000 --> 00:01:05,260
तो यह हमारे मोड बटन घटना श्रोताओं है और मैं यहाँ इस कोड को हड़पने के लिए जा रहा हूँ।

12
00:01:05,400 --> 00:01:10,420
और क्या करता है यह प्रत्येक वर्ग है जो हम अभी से छुटकारा मिल सकता का रंग बदलता है।

13
00:01:10,560 --> 00:01:22,620
हम तो यह है कि जब आप क्लिक हम अभी भी इस तर्क के सभी की जरूरत है यह एक छोटा सा साफ कर सकते हैं क्योंकि हम प्रत्येक वर्ग के लिए है कि रीसेट इस्तेमाल करेंगे और फिर यह भी कहते हैं klick श्रोताओं है कि अब और क्या करने की जरूरत नहीं है।

14
00:01:22,620 --> 00:01:26,980
हम संदेश प्रदर्शन बदलते रहे हैं हम रीसेट बटन रंग बदल बदल रहे हैं।

15
00:01:27,030 --> 00:01:38,560
तो मैं सिर्फ हमारे init समारोह में इस को कॉपी करने के लिए जा रहा हूँ क्योंकि हम यह भी है कि शुरुआत में चला जब पेज लोड इतनी अच्छी तरह से और यह अच्छी तरह के रूप में अच्छी तरह से किया चाहते हैं।

16
00:01:38,820 --> 00:02:01,260
और फिर बहुत पिछले बात एक बार हम बटन मोड बटन के लिए और चौराहों के लिए तो हम सिर्फ स्क्रीन जो रीसेट समारोह चल रहा मतलब है रीसेट करना चाहते हैं और क्या रीसेट करना होगा यहाँ घटना संचालकों की स्थापना की है, यह वास्तव में हमारे रंग उत्पन्न होगा तो हम सिर्फ रंग अपरिभाषित या शुरू में एक खाली सरणी होना पड़ सकता है।

17
00:02:01,260 --> 00:02:02,230
मैं बस के साथ शुरू करेंगे।

18
00:02:02,280 --> 00:02:04,040
खैर, हम इसे एक खाली सरणी पहले दे दूँगा।

19
00:02:04,350 --> 00:02:13,920
और फिर हम क्या कर सकते उठाया रंग सेट कर दिया जाता है बस कोई मूल्य नहीं के साथ एक चर हो सकता है और है कि बचाने के लिए और चीजों को एक छोटा सा क्लीनर बनाने के लिए।

20
00:02:14,010 --> 00:02:20,760
मैं यहाँ नीचे इतना है कि शीर्ष हमारे पास तीन चर है कि चीजों का चयन नहीं कर रहे हैं मेरी चयनकर्ताओं को स्थानांतरित करने के लिए जा रहा हूँ।

21
00:02:20,760 --> 00:02:25,620
और फिर हम चर कि पेज पर विभिन्न तत्वों का चयन कर रहे हैं।

22
00:02:26,100 --> 00:02:26,620
ठीक।

23
00:02:26,790 --> 00:02:29,360
तो फिर क्या बहुत शुरुआत करने के लिए होता है।

24
00:02:29,550 --> 00:02:34,600
हम Init समारोह में कहा कि इस कोड के सभी यहाँ चलाने के लिए जा रहा है चलाते हैं।

25
00:02:35,010 --> 00:02:50,980
और उस कोड हमारे मोड बटन श्रोताओं की स्थापना करने जा रहा है और यह हमारे वर्ग श्रोताओं की स्थापना करने जा रहा है और फिर हम जो उठाता रंग यह उन रंगों के बाहर एक यादृच्छिक रंग यह यह पाठ सामग्री और यह सब बदलता पिक्स रीसेट चलाते हैं।

26
00:02:51,150 --> 00:02:57,730
और हम इस लाइन से छुटकारा मिल सकता है क्योंकि हम Init समारोह जो रीसेट बुला रहा है के अंदर अब यह कर रहे हैं।

27
00:02:57,780 --> 00:03:01,720
तो चलो यकीन है कि यह काम करता है इससे पहले कि हम आगे बढ़ने से बनाते हैं।

28
00:03:02,610 --> 00:03:04,860
हम चुनाव के लिए खोलने से ताज़ा ..

29
00:03:04,890 --> 00:03:05,860
त्रुटियाँ नहीं।

30
00:03:06,180 --> 00:03:11,370
और तुम मैं पृष्ठ ताज़ा और उस कोड के सभी कि init समारोह में चलाया जा रहा है देख सकते हैं।

31
00:03:11,370 --> 00:03:15,270
और वहाँ के अंदर यह है कि सब कुछ हम देखते हैं resetting है।

32
00:03:15,270 --> 00:03:17,190
इसलिए हमारे श्रोताओं को सही ढंग से स्थापित कर रहे हैं।

33
00:03:17,460 --> 00:03:19,140
हम सही संदेश मिलता है।

34
00:03:19,140 --> 00:03:20,160
चलो फिर से खेलते हैं।

35
00:03:20,370 --> 00:03:21,890
सब कुछ काम कर रहा है बस ठीक है।

36
00:03:22,170 --> 00:03:24,440
चलो यह आसान मोड खेलते हैं।

37
00:03:25,680 --> 00:03:26,340
हम वहाँ चलें।

38
00:03:26,340 --> 00:03:31,430
चलो फिर से एक बार और खेलते हैं।

39
00:03:31,530 --> 00:03:32,000
महान।

40
00:03:32,100 --> 00:03:35,880
तो यह ठीक काम करता है।

41
00:03:35,910 --> 00:03:46,290
एक और परिवर्तन हम कर सकता है जो इस समारोह यहीं है और अब यह एक छोटे से थोड़ा लंबा है और कुछ लोगों को लगता है कि मैं के साथ काम किया है कि कितने समय तक कार्य होना चाहिए के बारे में वास्तव में सख्त नियम है कि नहीं है।

42
00:03:46,290 --> 00:03:52,140
कुछ लोगों का कहना है कि अगर अपने कोड अब से 10 लाइनों आप इसे अपने आप ही समारोह में विभाजित करने की जरूरत है।

43
00:03:52,230 --> 00:03:53,500
इसलिए हम चाहते हैं कि यहां क्या कर सकता है।

44
00:03:53,700 --> 00:04:00,000
यह अपनी खुद की एक समारोह तो हम यहाँ ऐसा कर सकता है कि यह सब एक विधा बटन श्रोताओं की स्थापना की है करता है हो सकता है।

45
00:04:00,040 --> 00:04:15,010
या फिर बस मोड बटन लेखन के कॉल यह मोड बटन की स्थापना की और उसके बाद हम यहाँ नीचे है कि समारोह की घोषणा करेंगे समारोह मोड बटन स्थापित करते हैं।

46
00:04:15,960 --> 00:04:25,470
और यहाँ के अंदर हम सिर्फ इतना है कि कोड है जो फिर एक मांगपत्र ठीक से सिर्फ शुरुआत में एक बार चला जाएगा पेस्ट करेंगे।

47
00:04:25,470 --> 00:04:29,450
हम मोड बटन श्रोताओं की स्थापना की और हम यहाँ एक ही बात कर सकते हैं।

48
00:04:29,460 --> 00:04:45,120
इस कोड को कॉपी और हम इस एक वर्ग श्रोताओं सेट अप का एक नाम दे सकते हैं या हम सिर्फ यह है कि फोन की तरह चौकों की स्थापना की और फिर हम एक समारोह की स्थापना लिख ​​देंगे दूँगा।

49
00:04:45,120 --> 00:04:48,240
और मैं देख रहा हूँ मैं एक पूंजी का उपयोग नहीं किया तो आप देखते हैं।

50
00:04:48,300 --> 00:04:56,340
इसलिए मुझे लगता है कि यहाँ सेट अप वर्गों पर ध्यान देने की जरूरत है और हमें यकीन है कि हमारे कोड उसी तरह काम करता है कि बनाती हूँ।

51
00:04:56,340 --> 00:04:59,130
तो अब हमारे init वास्तव में अच्छा और साफ है।

52
00:04:59,250 --> 00:05:04,610
यह मोड बटन सेट यह चौकों सेट और यह सब कुछ है कि हम देखते रीसेट करता है।

53
00:05:04,680 --> 00:05:06,850
के ताज़ा करने के लिए कोशिश करते हैं।

54
00:05:07,170 --> 00:05:10,970
ऐसा लगता है कि यह काम हमारे वर्ग अभी भी बस ठीक काम करते हैं।

55
00:05:11,100 --> 00:05:15,510
यदि हम उन्हें ताज़ा अधिक हमारे मोड बटन अभी भी रूप में अच्छी तरह बस ठीक काम करते हैं।

56
00:05:15,510 --> 00:05:19,040
तो यह सब बहुत अच्छा है और यह पसंद है सब कुछ ठीक काम कर रहा है लग रहा है।

57
00:05:19,430 --> 00:05:21,600
यही कारण है कि जहां तक ​​हम अब के लिए refactor के पास ले जाएगा।

58
00:05:21,600 --> 00:05:26,360
लेकिन मैं आपको कुछ चीजें है कि हम भविष्य वीडियो में सुधार करना चाहते हैं जाएगा दिखाएगा।

59
00:05:26,610 --> 00:05:36,690
एक बार जब हम इसके साथ जावास्क्रिप्ट के बारे में थोड़ा और अधिक और मिल अधिक आरामदायक जानने के लिए हम कुछ डिजाइन पैटर्न के बारे में बात करेंगे और डिजाइन पैटर्न मूल रूप से अपने कोड संरचना तो हम इस कोड हो सकता है के तरीके हैं।

60
00:05:36,690 --> 00:05:47,690
यह उसी तरह एक ही तर्क काम करता है एक ही खेल बनाने के लिए और 10 अलग अलग लोगों के 10 अलग-अलग तरीकों से इसे लिख सकता है और यह बस के बारे में क्या कार्यों हम सवारी या चर के नाम नहीं है।

61
00:05:47,820 --> 00:05:55,650
यह कैसे हम सामान्य रूप में बातें और सरल एक या सबसे आम लोगों में से एक मॉड्यूल डिजाइन पैटर्न कहा जाता है संरचना के बारे में भी है।

62
00:05:55,890 --> 00:06:05,460
और क्या है कि इसका मतलब है तो हम इस खाक छानने की तरह किसी भी चर है कि एक वस्तु के अंदर नहीं हैं की जरूरत नहीं है कि हम वस्तुओं में गुणों का एक गुच्छा जोड़ सकते हैं।

63
00:06:05,550 --> 00:06:10,000
हम किसी भी कार्य करता है कि खिड़की वस्तु पर इस तरह से अपने दम पर कर रहे हैं बस जरूरत नहीं है।

64
00:06:10,080 --> 00:06:12,790
बल्कि हम उन्हें अपने इस उद्देश्य के लिए जोड़ें।

65
00:06:12,870 --> 00:06:16,840
तो यह कुछ इस तरह से आप एक खेल वस्तु हो सकता है देखना होगा।

66
00:06:17,280 --> 00:06:21,840
और फिर हम खेल डॉट लिख सकता है और हम इसे का एक हिस्सा कर देंगे।

67
00:06:21,870 --> 00:06:36,590
खेल डॉट init एक समारोह है और हम अभी तक वहाँ इस कोड की नकल है और हम हर एक समारोह के लिए यह करना होगा हर एक संपत्ति चर और फिर अंत में हम सिर्फ खेल चला जाएगा।

68
00:06:36,620 --> 00:06:41,130
और इसके पीछे तर्क थोड़ा और अधिक जटिल है।

69
00:06:41,130 --> 00:06:44,720
लघु संस्करण यह मदद करता है कि हमें संरचित और चीजों को संगठित रखने के लिए है।

70
00:06:44,940 --> 00:06:50,290
और यह भी नामस्थान टक्करों जो मैं वस्तु वीडियो में से एक में पहले ही उल्लेख करने से बचने में मदद करता है।

71
00:06:50,460 --> 00:06:52,620
इसलिए मैं इस पूरे Refactor के माध्यम से जाना नहीं होगा।

72
00:06:52,620 --> 00:06:53,730
क्या हमारे पास काफी अच्छा है।

73
00:06:53,730 --> 00:06:54,880
यह बस ठीक काम करता है।

74
00:06:54,990 --> 00:07:05,010
लेकिन जैसा कि आप एक डेवलपर के रूप में विकसित करने के लिए जारी रखने के लिए और आप अधिक से अधिक जानने चीजें आप एक बार जब आप और अधिक आराम पाने के लिए ध्यान देना होगा की एक जावास्क्रिप्ट डिजाइन पैटर्न है और इस पर लिखा किताबें हैं।

75
00:07:05,010 --> 00:07:11,670
वहाँ निबंध और ब्लॉग्स और इतने सारे वीडियो है और वहाँ सिर्फ अपने जावास्क्रिप्ट संरचना के बारे में पूरे पाठ्यक्रम वास्तव में ऑनलाइन।

76
00:07:11,790 --> 00:07:12,940
तो यह है कि ध्यान केंद्रित नहीं है।

77
00:07:12,970 --> 00:07:20,910
और मैं अभी भी वास्तव में सिर्फ सामग्री पर कोड एचटीएमएल जावास्क्रिप्ट सी तर्क और संरचना का आकलन बाद में आ सकते हैं ध्यान केंद्रित करना चाहते हैं।