1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [கருத்தரங்கு] [இங்கு கட்டமைப்புக்கான: ஏன் மற்றும் எப்படி]

2
00:00:02,000 --> 00:00:04,000
[கெவின் ஷ்சூமிட்டின்] [ஹார்வர்ட் பல்கலைக்கழகம்]

3
00:00:04,000 --> 00:00:06,960
[இந்த CS50 உள்ளது.] [CS50.TV]

4
00:00:06,960 --> 00:00:10,630
>> Hi, எல்லோரும். இங்கு கட்டமைப்புக்கான கருத்தரங்கு வரவேற்கிறது.

5
00:00:10,630 --> 00:00:14,910
, என் பெயர் கெவின் உள்ளது, இன்று நான் இங்கு கட்டமைப்புகள் பற்றி பேசி இருக்க போகிறேன்

6
00:00:14,910 --> 00:00:20,400
இந்த கருத்தரங்கின் நோக்கம், உங்களுக்கு கிடைக்கும் என்று, சே ஒன்றுக்கு ஒரு குறிப்பிட்ட கட்டமைப்பை மாஸ்டர் அல்ல

7
00:00:20,400 --> 00:00:23,810
ஆனால் கட்டமைப்புகள் ஒரு ஜோடி நீங்கள் ஒரு பரந்த அறிமுகம் கொடுக்க

8
00:00:23,810 --> 00:00:27,150
நாம் எப்போதும் ஒரு கட்டமைப்பை பயன்படுத்த வேண்டும் என்று ஏன் காண்பிக்க.

9
00:00:27,150 --> 00:00:31,060
>> நான் அதை செய்ய முன், நான், இங்கு ஒரு சிறிய பின்னணி வழங்க வேண்டும்

10
00:00:31,060 --> 00:00:33,750
பின்னர் அங்கிருந்து எடுத்து கொள்கிறேன்.

11
00:00:33,750 --> 00:00:36,270
நாம் ஒரு-செய்யும் பட்டியலில் அமுல்படுத்துவதன் மூலம் தொடங்க போகிறோம்.

12
00:00:36,270 --> 00:00:39,330
இங்கு இன்று நம் பணி பட்டியல்.

13
00:00:39,330 --> 00:00:41,990
அதை வேடிக்கை வகையான தான். நாம் இங்கு ஒரு க்கு செய்ய பட்டியலை செயல்படுத்த வேண்டும்.

14
00:00:41,990 --> 00:00:45,110
இது எங்கள் முதல் நோக்கம், அது போல் இருக்க என்ன நடக்கிறது என்று.

15
00:00:45,110 --> 00:00:47,160
நாங்கள் அதை செய்ய ஒரு கட்டமைப்பை பயன்படுத்த போவதில்லை.

16
00:00:47,160 --> 00:00:51,930
நாம் குறியீடு இங்கு சென்று க்கு செய்ய பட்டியலில் வேலை கிடைக்கும்.

17
00:00:51,930 --> 00:00:54,370
நாம் ஒரு கட்டமைப்பை பயன்படுத்தி இல்லாமல் வடிவமைப்பு மேம்படுத்த போகிறோம்.

18
00:00:54,370 --> 00:00:57,190
நாம் மட்டும் இங்கு தனியாக செய்ய முடியும் பல்வேறு விஷயங்கள் பற்றி விவாதிக்க போகிறோம்

19
00:00:57,190 --> 00:01:00,650
எங்கள் செய்ய வேண்டும், என்ன செய்ய இன்னும் கொஞ்சம் நன்றாக வடிவமைக்கப்பட்டுள்ளது பட்டியலிட.

20
00:01:00,650 --> 00:01:02,490
நாம், சில jQuery உள்ள தூக்கி போகிறோம்

21
00:01:02,490 --> 00:01:05,030
பின்னர் நாம், பட்டியலில்-செய்ய அதே பார்க்க போகிறோம்

22
00:01:05,030 --> 00:01:07,170
வெறும் வெவ்வேறு கட்டமைப்புகள் நடைமுறைப்படுத்தப்படும், நாம் விவாதிக்க வேண்டும்

23
00:01:07,170 --> 00:01:09,280
 வழியில் சாதக.

24
00:01:09,280 --> 00:01:12,040
>> பட்டியலில்-செய்ய அந்த செயல்படுத்த ஆரம்பிக்கலாம்.

25
00:01:12,040 --> 00:01:14,270
நாம் இந்த HTML கொடுக்கப்பட்ட சொல்கிறீர்கள்.

26
00:01:14,270 --> 00:01:16,620
நான் இந்த ஒரு சிறிய சிறிய செய்ய போகிறேன்.

27
00:01:16,620 --> 00:01:19,300
நீங்கள் பார்க்க முடியும் என, நான் TODO என்று ஒரு சிறிய தலைப்பு இல்லை

28
00:01:19,300 --> 00:01:21,740
நான் ஒரு TODO ஒரு விளக்கம் நுழைய முடியும் மற்றும் ஒரு சிறிய பெட்டி

29
00:01:21,740 --> 00:01:26,990
பின்னர், இந்த பட்டியலில் ஒரு புதிய TODO நுழைய முயற்சி ஒரு புதிய உருப்படியை பொத்தானை நாம்.

30
00:01:26,990 --> 00:01:31,000
, ஒரு ஜாவா கட்டமைப்புகள் கருத்தரங்கு கொடுக்க

31
00:01:31,000 --> 00:01:33,090
நான் புதிய உருப்படியை அடிக்க இருக்கிறேன்.

32
00:01:33,090 --> 00:01:35,730
நான் செயல்படுத்த என்று இந்த விழிப்பூட்டல் கிடைக்கும்.

33
00:01:35,730 --> 00:01:37,560
நாம் அதை செயல்படுத்த வேண்டும்.

34
00:01:37,560 --> 00:01:41,490
HTML மற்றும் ஜாவாஸ்கிரிப்ட் ஆகிய, இதை குறியீடு வெளியே பார்க்கிறேன்.

35
00:01:41,490 --> 00:01:43,260
இங்கே நம் HTML தான்.

36
00:01:43,260 --> 00:01:45,500
நீங்கள் இங்கே பார்க்க முடியும் என, இங்கே நம்முடைய சிறிய Todos தலைப்பு தான்.

37
00:01:45,500 --> 00:01:47,620
என்று, மேலே அந்த தைரியமான விஷயம்

38
00:01:47,620 --> 00:01:50,690
பின்னர் நாம், தற்காலிக கொண்டு உள்ளீடு பெட்டியில் வேண்டும்

39
00:01:50,690 --> 00:01:59,460
பின்னர் இந்த செயல்பாடு addTodo அழைப்பு இந்த பொத்தானை ஒரு குறிப்பிட்ட பண்பு இருக்கிறது.

40
00:01:59,460 --> 00:02:05,460
யாராவது குறிப்பிடப்படுகிறது உள்ளது கிளிக் என்ன என்று யூகிக்க வேண்டும்?

41
00:02:05,460 --> 00:02:07,390
[மாணவர் கேட்க பதில்]

42
00:02:07,390 --> 00:02:09,289
நல்ல, மீது கிளிக், ஒரு நிகழ்வை போன்ற வகையான உள்ளது

43
00:02:09,289 --> 00:02:12,120
சுட்டியை கிளிக் செய்து ஒரு நிகழ்வு, மற்றும் நாம் என்ன செய்கிறோம் என்பது போன்ற

44
00:02:12,120 --> 00:02:16,890
நாங்கள் அந்த செயல்பாடு இயக்க இந்த பொத்தானை கிளிக் ஏற்பட்டால் கட்டி.

45
00:02:16,890 --> 00:02:21,700
AddTodo பொத்தானை சொடுக்கி இந்த நிகழ்வு கையாளுதல் உள்ளது.

46
00:02:21,700 --> 00:02:25,010
>> நீங்கள் பார்க்க முடியும் என, நான் புதிய உருப்படியை பொத்தானை கிளிக் செய்யும் போது,

47
00:02:25,010 --> 00:02:29,940
மீது கிளிக் நிகழ்வு துப்பாக்கி, இந்த செயல்பாடு என்று விடும்.

48
00:02:29,940 --> 00:02:33,170
செயல்பாடு பார்க்கலாம்.

49
00:02:33,170 --> 00:02:36,260
நீங்கள் பார்க்க முடியும் என, இங்கே இதுவரை என் ஜாவாஸ்கிரிப்ட் குறியீடு தான்.

50
00:02:36,260 --> 00:02:41,280
நான் மேலே உள்ளது என்-செய்ய பட்டியலில் ஒரு உலகளாவிய தரவு கட்டமைப்பு உள்ளது.

51
00:02:41,280 --> 00:02:44,060
இது ஒரு வரிசை தெரிகிறது. இது ஒரு வெற்று வரிசை தான்.

52
00:02:44,060 --> 00:02:47,100
பின்னர் நான், நாம் முன்னர் பார்த்த addTodo செயல்பாடு

53
00:02:47,100 --> 00:02:50,740
மற்றும் அங்கு குறியீடு மட்டுமே வரி இந்த எச்சரிக்கை ஆகும்.

54
00:02:50,740 --> 00:02:55,730
அது எனக்கு செயல்படுத்த எச்சரிக்கைகள், மற்றும் நான் கையில் 2 பணிகளை வேண்டும்.

55
00:02:55,730 --> 00:02:58,790
நான், உலக தரவு கட்டமைப்பு TODO சேர்க்க வேண்டும்

56
00:02:58,790 --> 00:03:01,860
பின்னர் நான்-செய்யும் பட்டியலில் அவுட் வரைய வேண்டும்.

57
00:03:01,860 --> 00:03:06,360
எதுவும் மிகவும் அதிகமாக பிடித்திருக்கிறது, ஆனால் இங்கு நீங்கள், பரிச்சயமின்றி இருக்கலாம்

58
00:03:06,360 --> 00:03:12,370
நான் மெதுவாக சென்று அந்த வழியில் இங்கு அடிப்படை ஆய்வு செய்ய போகிறேன்.

59
00:03:12,370 --> 00:03:15,490
>> இதை ஒரு ஷாட் தருகிறேன்.

60
00:03:15,490 --> 00:03:21,130
நாம் பயனர் இந்த பெட்டியில் ஏதோ நுழையும் சொல்கிறது.

61
00:03:21,130 --> 00:03:23,360
நான் இங்கே, உரை ஒன்றை தட்டச்சு.

62
00:03:23,360 --> 00:03:27,620
நான் எப்படி இங்கு மூலம் அணுகலை என்று உரை வரிசைப்படுத்துவது?

63
00:03:27,620 --> 00:03:32,500
என்று இங்கு நினைவில், அதன் அடிப்படை அம்சங்களை அது நமக்கு அளிக்கிறது என்று

64
00:03:32,500 --> 00:03:34,670
டிஓம் இந்த வேலைத்திட்ட அணுகல்.

65
00:03:34,670 --> 00:03:40,670
இது நமக்கு இந்த உண்மையான HTML கூறுகள் மற்றும் அவற்றின் பண்புகள் அணுக அனுமதிக்கிறது.

66
00:03:40,670 --> 00:03:43,430
நாம் வெற்று எலும்புகள் இங்கு கொண்டு அதை செய்ய வழி

67
00:03:43,430 --> 00:03:51,360
நாம் உண்மையில் getElementByID என்று இங்கு ஒரு செயல்பாட்டை பயன்படுத்த முடியும்.

68
00:03:51,360 --> 00:03:55,140
நான், சில, மாறி அங்கு தட்டச்சு அந்த உரை சேமிக்க வேண்டும்

69
00:03:55,140 --> 00:03:58,350
அதனால் நான், new_todo என்று ஒரு புதிய மாறி சொல்ல போகிறேன்

70
00:03:58,350 --> 00:04:01,980
நான் அந்த உறுப்பு பெற போகிறேன்.

71
00:04:01,980 --> 00:04:06,330
இந்த, ஒரு செயல்பாடு உள்ளது. GetElementByID.

72
00:04:06,330 --> 00:04:11,580
இப்போது, நான் ஐடி மூலம் ஒரு உறுப்பு வருகிறது, எனவே நான் அந்த உரை பெட்டியின் அடையாள வேண்டும்

73
00:04:11,580 --> 00:04:15,860
எனவே நான் அதை ஐடி new_todo_description வழங்கியுள்ளேன்.

74
00:04:15,860 --> 00:04:18,399
என்று நான் ஒரு உறுப்பு பெற போகிறேன் எப்படி.

75
00:04:18,399 --> 00:04:23,880
அந்த பெற இது ஐடி குறிப்பிட, இந்த செயல்பாடு என் வாதம் தான்.

76
00:04:23,880 --> 00:04:28,110
அதனால் அந்த HTML இல் ஒரு உறுப்பு, அது பண்புகளை கொண்டுள்ளது.

77
00:04:28,110 --> 00:04:30,650
இந்த பார்த்திருக்கிறேன். அவர்கள் பண்புகளை இருக்கிறோம்.

78
00:04:30,650 --> 00:04:37,090
பயனரின் உள்ளீடு சேமித்து உரை உறுப்பு என்ற கற்பித மதிப்பு என அழைக்கப்படுகிறது.

79
00:04:37,090 --> 00:04:40,860
நான் new_todo என்று இந்த மாறி இப்போது அந்த உரை பெட்டியில் மதிப்பு சேமிக்கப்பட்ட.

80
00:04:40,860 --> 00:04:45,040
இப்போது நான் இந்த வேறுபாடுகளுக்கு வேலைத்திட்ட அணுக, எந்த வகையான குளிர் உள்ளது

81
00:04:45,040 --> 00:04:49,200
இப்போது நான் என்ன செய்ய முடியும், ஏனெனில் நான் என்-செய்ய பட்டியலில் சேர்க்க முடியும்.

82
00:04:49,200 --> 00:04:52,870
>> நாம் இதை செய்ய வேண்டும் வழியில் ஜாவா மற்றும் இந்த அறிந்திறாத என்றால் கவலைப்பட வேண்டாம்,

83
00:04:52,870 --> 00:04:57,010
ஆனால் அதை செல்லும் todos.push உள்ளது

84
00:04:57,010 --> 00:05:00,130
இங்கு என் உலக தரவு கட்டமைப்பு பெயர் தான் காரணம்,

85
00:05:00,130 --> 00:05:04,450
நான் new_todo தள்ள போகிறேன்.

86
00:05:04,450 --> 00:05:09,120
இப்போது நான் என் ஜாவா அதை சேர்க்க வேண்டும், ஏனெனில் இது நல்லது

87
00:05:09,120 --> 00:05:11,280
அந்த-செய்ய பட்டியல் பிரதிநிதித்துவம்.

88
00:05:11,280 --> 00:05:15,170
ஆனால் இப்போது எப்படி நான் HTML அதை திரும்ப பெறுவது?

89
00:05:15,170 --> 00:05:18,560
நான் அதை மீண்டும் தள்ள வகை ஒரு வழி கண்டுபிடிக்க வேண்டும்.

90
00:05:18,560 --> 00:05:21,830
வேறுவிதமாக கூறினால், நான் வகையான இந்த வரைய வேண்டும்.

91
00:05:21,830 --> 00:05:26,060
நாம் என்ன செய்ய போகிறோம் நாம்-செய்ய பட்டியலை பெற போகிறோம் உள்ளது.

92
00:05:26,060 --> 00:05:29,270
நான், அந்த பக்கம் உள்ள மற்ற HTML மேம்படுத்த வேண்டும்

93
00:05:29,270 --> 00:05:32,040
நீங்கள் பார்க்க முடியும் என, நான், இங்கே இந்த சிறிய கொள்கலன் விட்டுவிட்டேன்

94
00:05:32,040 --> 00:05:36,840
யாருடைய அடையாள todos உள்ளது பக்கம் இந்த பிரிப்பு,

95
00:05:36,840 --> 00:05:40,870
நான் அங்கு-செய்ய பட்டியல் போட போகிறேன்.

96
00:05:40,870 --> 00:05:47,240
முதல் நான்-செய்ய பட்டியலில் ஒரு பழைய அங்கு இருந்தது, என்று, ஏனெனில் அதை அழிக்க போகிறேன்.

97
00:05:47,240 --> 00:05:49,560
நான், மீண்டும் ஐடி மூலம் அந்த உறுப்பு வருகிறது

98
00:05:49,560 --> 00:05:54,530
நான், அந்த உறுப்பு உள் HTML அணுகுவதை

99
00:05:54,530 --> 00:05:58,010
மற்றும் நான் அழிக்க போகிறேன்.

100
00:05:58,010 --> 00:06:05,510
என்று இந்த குறியீடு விட்டு என்றால், நாங்கள், அங்கு ஒரு வெற்று எதுவும் பார்க்க விரும்புகிறேன்

101
00:06:05,510 --> 00:06:10,410
இப்போது நான் என் புதிய-செய்ய பட்டியல் இடையீடு தொடங்க வேண்டும்.

102
00:06:10,410 --> 00:06:12,870
நான் அடிப்படையில் என்-செய்ய பட்டியல் அவுட் துடைக்க போகிறேன்.

103
00:06:12,870 --> 00:06:18,180
>> இப்போது அந்த todos DIV உள் HTML உள்ளே, முற்றிலும் தெளிவாக இருக்கிறது

104
00:06:18,180 --> 00:06:20,060
இப்போது நான் என் பட்டியலில் சேர்க்க வேண்டும்.

105
00:06:20,060 --> 00:06:23,890
நான் மீண்டும் சேர்க்க வேண்டும் முதல் விஷயம், வரிசையிலமையாத பட்டியல் குறிச்சொல் உள்ளது

106
00:06:23,890 --> 00:06:33,890
இது அடிப்படையில் ஒரு வரிசையிலமையாத பட்டியல் தொடக்கத்தில் என்று குறிக்கிறது.

107
00:06:33,890 --> 00:06:39,770
இப்போது என் todos வரிசை ஒவ்வொரு உறுப்பு நான் HTML இன் உள்ளே வெளியே அச்சிட வேண்டும்.

108
00:06:39,770 --> 00:06:43,710
நான் இந்த பட்டியலில் கீழே அதை சேர்க்க வேண்டும்.

109
00:06:43,710 --> 00:06:49,040
வெறும் சி போன்ற, நான் வளைய ஒரு பயன்படுத்தலாம், மற்றும் நான் என் பட்டியலில் ஆரம்பத்தில் தொடங்க போகிறேன்

110
00:06:49,040 --> 00:06:54,140
உறுப்பு 0, நான் பட்டியல் நீளம் அனைத்து வழி செல்ல போகிறேன்.

111
00:06:54,140 --> 00:07:01,100
நாம் உண்மையில் நீளம் சொத்து பயன்படுத்தி இங்கு ஒரு வரிசை நீளம் பெற முடியும்.

112
00:07:01,100 --> 00:07:03,420
அடிப்படையில் நான் இங்கே உள்ளே மிகவும் ஒத்த ஏதாவது செய்ய போகிறேன்

113
00:07:03,420 --> 00:07:05,600
அந்த உறுப்பு வெளியே அச்சிட.

114
00:07:05,600 --> 00:07:12,970
நான் மீண்டும் todos DIV, அந்த உள் HTML சொத்து, அணுக முடியும்

115
00:07:12,970 --> 00:07:17,560
நான் இந்த புதிய பட்டியலில் உருப்படியை சேர்க்க போகிறேன், என்று சூழப்பட்ட வேண்டும் நடக்கிறது

116
00:07:17,560 --> 00:07:25,390
இந்த li டேக், மற்றும் நான் + ஆபரேட்டர் கொண்டு சேர் போகிறேன்

117
00:07:25,390 --> 00:07:28,040
என்று, என் todos வரிசைக்கு ith உறுப்பு இருக்கிறது

118
00:07:28,040 --> 00:07:32,380
பின்னர் நான் டேக் மூட போகிறேன்.

119
00:07:32,380 --> 00:07:36,240
இப்போது ஒவ்வொரு உறுப்பு நாம் ஒரு புதிய பட்டியல் நுழைவு சேர்க்க வேண்டும்.

120
00:07:36,240 --> 00:07:48,700
மற்றும் நாம் உண்மையில் செய்ய வேண்டும் என்று டேக் ஆஃப் மூட உள்ளது.

121
00:07:48,700 --> 00:07:52,820
நான் பட்டியல் குறிச்சொல் வரிசையிலமையாத என்று ஆஃப் மூட வேண்டும்.

122
00:07:52,820 --> 00:07:55,490
>> நீங்கள் எவ்வாறு ஒரு உணர்வு கிடைக்கும்?

123
00:07:55,490 --> 00:07:57,700
இந்த முழு பட்டியல் திறக்கிறது.

124
00:07:57,700 --> 00:08:01,080
இந்த, todos பட்டியலில் இருந்து பட்டியலில் தனிப்பட்ட கூறுகளை சேர்க்கிறது

125
00:08:01,080 --> 00:08:05,470
பின்னர் முழு பட்டியல் மூடுகிறது, இந்த என் addTodo செயல்பாடு என்று.

126
00:08:05,470 --> 00:08:09,590
நான் அடிப்படையில் உரை பெட்டியில் இருந்து TODO செய்து விடுகிறார்கள்.

127
00:08:09,590 --> 00:08:18,950
நான் todos வரிசைக்கு என்று சேர்க்க, பின்னர் நான்-செய்ய பட்டியலில் மீண்டும் விடாது.

128
00:08:18,950 --> 00:08:21,520
இப்போது நான் என் பட்டியலில் உருப்படிகளை சேர்க்க முடியும்.

129
00:08:21,520 --> 00:08:24,620
இந்த வகையான அற்புதமான ஏனெனில் குறியீடு ஒரு சில வரிகளில்

130
00:08:24,620 --> 00:08:28,240
நாம் அடிப்படையில் நாம் பொருட்களை சேர்க்க முடியும் வரை செய்ய பட்டியல் தயாரித்துள்ளேன்.

131
00:08:28,240 --> 00:08:30,050
கிரேட்.

132
00:08:30,050 --> 00:08:34,480
என்று இங்கு ஒரு அடிப்படை அறிமுகம் வகையான தான்.

133
00:08:34,480 --> 00:08:36,179
, இப்போது தொடரியல் பற்றி அதிகம் கவலைப்பட வேண்டாம்

134
00:08:36,179 --> 00:08:38,130
ஆனால் இந்த கருத்து பற்றி யோசிக்க.

135
00:08:38,130 --> 00:08:40,539
நாம் சில HTML இருந்தது.

136
00:08:40,539 --> 00:08:45,310
நாம் உள்ளீடு ஒரு-செய்ய உருப்படி அடிப்படையில் அனுமதி பயனர் சேர்க்க அந்த பக்கத்தில் ஒரு உரை பெட்டியில் இருந்தது.

137
00:08:45,310 --> 00:08:49,210
பின்னர் அந்த உரை பெட்டியில் இருந்து அந்த TODO பெற இங்கு பயன்படுத்தப்படுகிறது.

138
00:08:49,210 --> 00:08:52,830
நாம் ஒரு ஜாவாஸ்கிரிப்ட் வரிசை உள்ளே, இது போன்ற அடிப்படையில் என்று சேமிக்கப்படும்

139
00:08:52,830 --> 00:08:56,010
என்று நமது வேலைத்திட்ட பிரதிநிதித்துவம் பட்டியல்-செய்ய,

140
00:08:56,010 --> 00:08:59,060
மற்றும் நாம் அதை அச்சிட்டு.

141
00:08:59,060 --> 00:09:02,690
இந்த todos.js உள்ளது.

142
00:09:02,690 --> 00:09:07,620
>> இந்த குளிர் வகையான உள்ளது, ஆனால் எப்படி நாம் இந்த இன்னும் எடுக்க முடியும்?

143
00:09:07,620 --> 00:09:11,350
நீங்கள் பார்க்க முடியும் என, இந்த-செய்ய பட்டியல் முழுமையான போல அல்ல.

144
00:09:11,350 --> 00:09:15,100
உதாரணமாக, நான், முழுமையில்லாத இந்த பொருட்களை எந்த குறிக்க முடியாது

145
00:09:15,100 --> 00:09:19,920
நான் பொருட்களை reprioritize அல்லது பொருட்களை நீக்க விரும்பினால் விரும்புகிறேன்.

146
00:09:19,920 --> 00:09:23,150
இது சரி, ஆனால் நாம் இந்த இன்னும் எடுக்க முடியும்.

147
00:09:23,150 --> 00:09:29,280
நான், கூடுதல் அம்சங்களை சேர்த்து பற்றி அதிகம் பேச போவதில்லை

148
00:09:29,280 --> 00:09:32,800
ஆனால் நாம் மேலும் ஆகலாம்.

149
00:09:32,800 --> 00:09:35,970
பட்டியல்-செய்ய இந்த ஒரு அம்சத்தை சேர்த்து பற்றி பேசலாம்,

150
00:09:35,970 --> 00:09:40,370
ஒரு தனி-செய்ய உருப்படியை சரிபார்க்க முடியும் போகிறது இது

151
00:09:40,370 --> 00:09:44,780
இது மிகவும் அடிப்படையில் நான் இந்த செய்துவிட்டேன் என்று, வெளியே கடந்து.

152
00:09:44,780 --> 00:09:50,240
என்று சாதிக்க முடியும் என்று சில குறியீடு பார்க்கலாம்.

153
00:09:50,240 --> 00:09:52,740
நான் மேலே செய்துவிட்டேன் நான் சேர்த்த அறிவிப்பு

154
00:09:52,740 --> 00:09:57,620
ஒரு புதிய உலக வரிசை முழு எனப்படும்.

155
00:09:57,620 --> 00:10:02,890
நான் அடிப்படையில் சேமிக்க இந்த பயன்படுத்தி என்பதை-செய்யும் பட்டியலில் உருப்படிகளை

156
00:10:02,890 --> 00:10:06,560
முழுமையான அல்லது இல்லை.

157
00:10:06,560 --> 00:10:08,470
இந்த செய்ய ஒரு வழி உள்ளது.

158
00:10:08,470 --> 00:10:13,750
நான் இந்த செயல்படுத்த, காட்சி, பார்த்தால்

159
00:10:13,750 --> 00:10:21,120
நான் ஒரு TODO உள்ளிட்டு என்றால் அடிப்படையில் நான் இந்த மாற்று பொத்தானை அழுத்தவும்

160
00:10:21,120 --> 00:10:25,040
அதை தாண்டி, இந்த பட்டியலில் ஒவ்வொரு உருப்படியை அல்லது ஒரு முழு உள்ளது

161
00:10:25,040 --> 00:10:31,050
அல்லது முழுமையற்ற மாநில, மற்றும் நான் அந்த பிரதிநிதித்துவம் மற்றொரு பயன்படுத்தி வருகிறது.

162
00:10:31,050 --> 00:10:33,730
>> அடிப்படையில் அந்த todos வரிசை ஒவ்வொரு TODO ஐந்து

163
00:10:33,730 --> 00:10:37,110
ஒரு உருப்படி அடிப்படையில் குறிக்கிறது என்று முழு வரிசையில் உள்ளது

164
00:10:37,110 --> 00:10:39,060
அந்த முழு இல்லையா.

165
00:10:39,060 --> 00:10:41,640
நான், இந்த குறியீட்டை அழகான குறைந்தபட்ச மாற்றங்களை செய்ய வேண்டியிருந்தது

166
00:10:41,640 --> 00:10:44,470
எனவே இங்கே எங்கள் addTodo விழா.

167
00:10:44,470 --> 00:10:48,530
இங்கே நான் வரிசை மீது அது தள்ளும் என்று நான் கவனிக்கவில்லை,

168
00:10:48,530 --> 00:10:51,300
பின்னர் நான், அந்த முழு வரிசைக்கு ஒரு 0 தள்ளும்

169
00:10:51,300 --> 00:10:57,090
அடிப்படையில் கூற புதிய TODO மிகுதி இணையாக

170
00:10:57,090 --> 00:11:00,430
நான், இந்த உருப்படி சேர்த்து, அதை இந்த மதிப்பு இணைந்து தான்

171
00:11:00,430 --> 00:11:02,810
இது முழுமையடையாது என்று அர்த்தம்.

172
00:11:02,810 --> 00:11:04,970
பின்னர் நான்-செய்யும் பட்டியலில் மறுவரைதல்.

173
00:11:04,970 --> 00:11:09,220
இப்போது, நான் இந்த drawTodoList செயல்பாடு சேர்த்த கவனிக்க.

174
00:11:09,220 --> 00:11:11,760
இந்த, நாம் முன்னர் இருந்தது குறியீடு நிறைய எடுக்கிறது

175
00:11:11,760 --> 00:11:15,320
அடிப்படையில் பெட்டியில் வெளியே துடைக்கிறது பின்னர் புதிய-செய்ய பட்டியல் ஈர்க்கிறது.

176
00:11:15,320 --> 00:11:19,620
ஆனால் இந்த உள்ளே லூப் நாம் இப்போது ஒரு சிறிய செய்கிறீர்கள் என்று கவனிக்க.

177
00:11:19,620 --> 00:11:25,000
நாம் அடிப்படையில் ith TODO உருப்படியை தொடர்புடைய என்பதை இங்கு சோதனை

178
00:11:25,000 --> 00:11:30,220
முழு உள்ளது, மற்றும் நாம் இந்த 2 சூழ்நிலையில் வித்தியாசமாக நடக்கிறாய்.

179
00:11:30,220 --> 00:11:32,790
அது முடியும் என்றால், நாங்கள், இந்த டெல் குறியிடுமுன்

180
00:11:32,790 --> 00:11:35,360
இது அடிப்படையில் நீங்கள் விளைவை மூலம் அந்த வேலைநிறுத்தம் பெற முடியும் வழி

181
00:11:35,360 --> 00:11:38,190
அது முடியும் என்றால் க்கு செய்ய பட்டியல் வெளியே கடந்து,

182
00:11:38,190 --> 00:11:42,200
அது இல்லை என்றால், நாம் உட்பட.

183
00:11:42,200 --> 00:11:45,030
அதனால் அந்த வகையான, அந்த கவனித்து

184
00:11:45,030 --> 00:11:49,140
>> மற்றும் இந்த செய்துமுடிக்க ஒரு வழி.

185
00:11:49,140 --> 00:11:53,420
பயனர் இந்த ஒரு கிளிக் போது பின் கவனிக்க

186
00:11:53,420 --> 00:11:56,780
நாம் அதை பூர்த்தி நிலையை மாற்றுவதற்கு.

187
00:11:56,780 --> 00:12:02,170
பயனர் கிளிக், நாம் அதை பூர்த்தி அல்லது செய்யப்பட்ட என்பதை தலைகீழாக போது,

188
00:12:02,170 --> 00:12:04,540
பின்னர் அது மீண்டும் வரைய வேண்டும்.

189
00:12:04,540 --> 00:12:06,190
படைப்புகளை இந்த வகையான.

190
00:12:06,190 --> 00:12:09,860
நாங்கள், தங்கள் பணிகளை முன்னெடுக்க இந்த செயல்பாடுகளை வேண்டும்

191
00:12:09,860 --> 00:12:11,730
இந்த பரவாயில்லை.

192
00:12:11,730 --> 00:12:14,110
நாம் என்றாலும், இது பற்றி சிறப்பாக செய்ய முடியும் எதுவும் இருக்கிறதா?

193
00:12:14,110 --> 00:12:18,700
இந்த 2 உலக வரிசைகள் வேண்டும் கவனிக்க.

194
00:12:18,700 --> 00:12:23,550
இந்த சி, மற்றும் நாம் வகையான குறிப்பிடப்படுகின்றன என்று 2 வரிசைகள் இருந்தால்

195
00:12:23,550 --> 00:12:25,800
அப்படி சில வழியில் தொடர்பான அந்த தரவு

196
00:12:25,800 --> 00:12:30,140
இந்த 2 துறைகள் இணைக்க சி என்ன பயன்படுத்த வேண்டும்

197
00:12:30,140 --> 00:12:35,420
தகவல் இரு துண்டுகள் உள்ளடக்கிய ஏதாவது ஒரு?

198
00:12:35,420 --> 00:12:37,600
யாராவது ஒரு யோசனை செய்ய வேண்டும்?

199
00:12:37,600 --> 00:12:39,450
[மாணவர் கேட்க பதில்]

200
00:12:39,450 --> 00:12:42,340
>> சரியாக, நாம், struct சில வகையான பயன்படுத்த முடியும்

201
00:12:42,340 --> 00:12:44,960
நீங்கள் pset 3, சொல்ல, மீண்டும் நினைக்கிறேன், என்றால்

202
00:12:44,960 --> 00:12:47,350
நாங்கள் அகராதியில் இருந்து, பின்னர் நாம் நினைவில் என்பதை சொல்

203
00:12:47,350 --> 00:12:50,230
அகராதியில் இருந்து, மற்றும் அனைத்து என்று தகவல் ஒன்றாக வைக்கப்பட்டது

204
00:12:50,230 --> 00:12:52,420
சில தரவு கட்டமைப்பு உள்ளே.

205
00:12:52,420 --> 00:12:56,390
நான் இந்த குறியீடு செய்ய முடியும் ஒன்று இந்த 2 வெவ்வேறு வரிசைகள் கொண்ட தவிர்க்க

206
00:12:56,390 --> 00:13:01,760
தகவல் ஒத்த துண்டுகள் நான் ஒரு ஜாவாஸ்கிரிப்ட் பொருள் அவற்றை இணைக்க முடியும்.

207
00:13:01,760 --> 00:13:07,150
என்று ஒரு பார்க்கலாம்.

208
00:13:07,150 --> 00:13:11,740
நான் மட்டும் இப்போது மேலே ஒரு வரிசை உள்ளது கவனிக்க

209
00:13:11,740 --> 00:13:17,650
என்ன நான் செய்துவிட்டேன் உள்ளது மற்றும் இந்த வகையான ஜாவாஸ்கிரிப்ட் தொடரியல் ஆகும்

210
00:13:17,650 --> 00:13:21,350
ஒரு பொருள் ஒரு நேரடி பதிப்பை உருவாக்கும்,

211
00:13:21,350 --> 00:13:24,670
மேலும், நாம் TODO வேண்டும், 2 பண்புகள் உள்ளன கவனிக்க

212
00:13:24,670 --> 00:13:29,660
அது முழுமையான அல்லது முழுமையற்ற என்று சேர்த்து வச்சிருக்கேன்.

213
00:13:29,660 --> 00:13:31,000
இந்த ஒத்த குறியீடு உள்ளது.

214
00:13:31,000 --> 00:13:35,310
நாம் இங்கு பொருட்களை பயன்படுத்தி வருகிறோம்.

215
00:13:35,310 --> 00:13:38,600
மேம்படுத்துகிறது விஷயங்கள் இந்த வகையான.

216
00:13:38,600 --> 00:13:43,850
இப்போது போல், தொடர்புடைய தகவல்களை இந்த துறைகள் ஒன்றாக வைக்கப்படுகின்றன.

217
00:13:43,850 --> 00:13:46,410
நாங்கள் அதை அச்சிட செல்லும் போது, நாங்கள் துறைகள் அணுக முடியும்.

218
00:13:46,410 --> 00:13:49,060
>> நாம் todos [நான்] செய்கிறீர்கள் என்பதை கவனிக்க. முழுமையான

219
00:13:49,060 --> 00:13:52,880
அதற்கு பதிலாக தனியாக முழுமையான வரிசை பரிசோதிப்பதற்கான,

220
00:13:52,880 --> 00:13:56,560
மற்றும் நாம் செய்ய செய்ய சொத்து போகிறது க்கு செய்ய சரம் பெற வேண்டும் போது கவனிக்க

221
00:13:56,560 --> 00:13:58,750
என்று TODO பற்றி, இந்த வகையான அர்த்தமுள்ளதாக காரணம்

222
00:13:58,750 --> 00:14:01,660
ஒவ்வொரு பொருளிலும் பற்றி இந்த உள்ளார்ந்த பண்புகளை கொண்டிருக்கிறது.

223
00:14:01,660 --> 00:14:05,650
இது ஒரு TODO உள்ளது, அது முழுமையான அல்லது இல்லை என்பதை கொண்டுள்ளது.

224
00:14:05,650 --> 00:14:11,540
இல்லை நிறைய மாற்றங்கள் அங்கு செயல்படவில்லை, வெறும் குறியீடு இன்னும் சில சேர்க்கப்பட்டுள்ளது.

225
00:14:11,540 --> 00:14:13,430
இது சரியான, சில முனைகளில் ஒரு முன்னேற்றம் ஆகும்?

226
00:14:13,430 --> 00:14:16,030
நான் ஒரு பிட் வடிவமைப்பு அவுட் நாங்கள் காரணியாக, அதாவது.

227
00:14:16,030 --> 00:14:20,350
இப்போது நாம் அடிப்படையில் இந்த தரவு என்காப்ஸுலேட் பொருட்களை வேண்டும்.

228
00:14:20,350 --> 00:14:27,130
நாம் இங்கு வகையில் இங்கிருந்து செய்ய இன்னும் எதுவும் இருக்கிறதா?

229
00:14:27,130 --> 00:14:31,810
இப்படி அறிவிப்பு என்று சரியான இங்கே இந்த குறியீடு

230
00:14:31,810 --> 00:14:34,760
ஒரு கிராம உள் HTML பெறுவதற்கான

231
00:14:34,760 --> 00:14:40,520
ஒரு சிறிய, நான் நினைக்கிறேன், நீளமாக உள்ளது.

232
00:14:40,520 --> 00:14:45,100
Document.getElementByID ("todos") இருக்கிறது. InnerHTML.

233
00:14:45,100 --> 00:14:48,400
இந்த குறியீடு ஒரு சிறிய நட்பாக இருக்க செய்ய செய்ய ஒன்று

234
00:14:48,400 --> 00:14:51,450
அதனால் நான், முன்னும் பின்னுமாக, உருட்டுதல் இடது மற்றும் வலது வைக்க வேண்டும் என்று

235
00:14:51,450 --> 00:14:58,480
நான் jQuery போன்ற ஒரு நூலகத்தை பயன்படுத்த முடியும் என்பது.

236
00:14:58,480 --> 00:15:02,710
>> அது, கருத்தரங்கு 2 வெளியே பார்க்கிறேன்

237
00:15:02,710 --> 00:15:05,880
இந்த அதே குறியீடு உள்ளது, ஆனால் அதை jQuery செய்துள்ளார்.

238
00:15:05,880 --> 00:15:08,790
நீங்கள், jQuery மிகவும் பரிச்சயமான இருக்கலாம்

239
00:15:08,790 --> 00:15:11,510
ஆனால் வெறும் jQuery இங்கு ஒரு நூலகம் மாதிரி தெரியும்

240
00:15:11,510 --> 00:15:15,910
என்று எளிதாக டிஓம் அணுகல் தனிப்பட்ட கூறுகளை போன்ற விஷயங்களை செய்ய வைக்கிறது.

241
00:15:15,910 --> 00:15:21,280
இங்கே பதிலாக document.getElementByID சொல்லி ("todos"). InnerHTML

242
00:15:21,280 --> 00:15:25,210
நான், jQuery மிக தெளிவான முறையில் பயன்படுத்த முடியும்

243
00:15:25,210 --> 00:15:28,490
இது தான் தேர்வாளர்கள் பயன்படுத்த உள்ளது.

244
00:15:28,490 --> 00:15:31,300
நீங்கள் பார்க்க முடியும் என, இந்த குறியீடு, ஒரு சிறிய சுத்தமான கிடைத்தது

245
00:15:31,300 --> 00:15:35,770
மிகவும் செயல்படவில்லை போன்ற, ஆனால் அந்த யோசனை.

246
00:15:35,770 --> 00:15:37,980
நாம், இதுவரை விஷயங்களை ஒரு ஜோடி பார்த்திருக்கிறேன்

247
00:15:37,980 --> 00:15:42,010
அதனால் நாம் மூல இங்கு செயல்படுத்த தொடங்கியது.

248
00:15:42,010 --> 00:15:45,370
நாம் புதிய அம்சங்கள் சேர்க்கப்பட்டு, நாம் அதை மேம்படுத்த முடியும் என்பதை காட்டியது

249
00:15:45,370 --> 00:15:49,090
என்ன நாம் இங்கு உள்ளது.

250
00:15:49,090 --> 00:15:53,300
>> யாராவது இந்த வடிவமைப்பு எந்த கஷ்டங்களை பார்க்க வேண்டும்?

251
00:15:53,300 --> 00:16:01,090
அதாவது, நான் நினைக்கிறேன், அல்லது கஷ்டங்களை அவசியமில்லை ஆனால் சொல்ல நாம்

252
00:16:01,090 --> 00:16:04,830
நாம் ஒரு-செய்ய பட்டியலில் திட்டம் செய்து, நாளை நாம் முடிவு

253
00:16:04,830 --> 00:16:10,320
நாம் ஒரு மளிகை பட்டியல் அல்லது ஒரு ஷாப்பிங் பட்டியல் திட்டத்தை உருவாக்க வேண்டும்.

254
00:16:10,320 --> 00:16:14,150
இந்த அம்சங்கள் நிறைய மிகவும் ஒத்த.

255
00:16:14,150 --> 00:16:19,080
நாம் இங்கு வெளியே வேண்டும் நிறைய, மிக பொதுவான

256
00:16:19,080 --> 00:16:23,820
இந்த வழியில் சில வகையான தேவையை அடிக்கோடிட்டு காட்டுகிறது

257
00:16:23,820 --> 00:16:25,670
செய்ய இந்த எளிதாக்கும்.

258
00:16:25,670 --> 00:16:30,400
நான், இந்த HTML அணுகல் அனைத்து கட்டமைக்க இந்த டிஓம் அணுகல் இருந்தது

259
00:16:30,400 --> 00:16:35,530
நான் இந்த மாதிரி க்கு செய்யும் பட்டியல் பிரதிநிதித்துவம் போகிறேன் போல்.

260
00:16:35,530 --> 00:16:39,130
நான் இங்கு மேம்பாட்டாளர் என பொறுப்பு கவனிக்க

261
00:16:39,130 --> 00:16:42,890
நான் ஒருங்கிணைப்பு வேண்டும் என்று HTML மற்றும் ஜாவாஸ்கிரிப்ட் வைத்திருப்பதற்கு.

262
00:16:42,890 --> 00:16:48,040
தானாக செய்த எதுவும் இங்கு பிரதிநிதித்துவம்

263
00:16:48,040 --> 00:16:51,590
அல்லது-செய்ய பட்டியல் HTML வெளியே தள்ள வேண்டும்.

264
00:16:51,590 --> 00:16:54,000
எதுவும் என்னை தவிர வலியுறுத்தப்படுகிறது.

265
00:16:54,000 --> 00:16:56,880
நான் பட்டியல் செயல்பாடு-செய்ய டிராவில் எழுத வேண்டியிருந்தது.

266
00:16:56,880 --> 00:17:01,650
மற்றும் அதாவது நான் இருக்கும், அது, அதை செய்ய நியாயமான இல்லை என்று

267
00:17:01,650 --> 00:17:03,670
ஆனால் அது சில நேரங்களில் கடினமான இருக்கலாம்.

268
00:17:03,670 --> 00:17:08,190
நீங்கள் ஒரு பெரிய திட்டம் இருந்தால், அது கடினமாக இருக்க முடியும்.

269
00:17:08,190 --> 00:17:10,720
>> கட்டமைப்புகள், கட்டமைப்புகள் நோக்கங்களுக்காக ஒரு

270
00:17:10,720 --> 00:17:14,060
காரணி என்று செயல்முறை மற்றும் வகையான வெளியே எளிமைப்படுத்த வேண்டும்

271
00:17:14,060 --> 00:17:16,950
இந்த பொதுவான-நான் எப்படி சொல்ல, வடிவமைப்பு முறைகள் நினைக்கிறேன்

272
00:17:16,950 --> 00:17:20,700
மக்கள் பொதுவாக, தரவு குறிக்கும் வழியில் சில வகையான வேண்டும்

273
00:17:20,700 --> 00:17:25,599
அந்த வரைபடத்தை தகவல் என்று, ஒரு நண்பர்கள் பட்டியலில் என்று

274
00:17:25,599 --> 00:17:27,280
அல்லது ஏதாவது ஒரு வகையில்-செய்ய பட்டியல்.

275
00:17:27,280 --> 00:17:30,660
சிலர், பொதுவாக தகவல் குறிக்கும் ஒரு வழி

276
00:17:30,660 --> 00:17:33,650
அவர்கள் பொதுவாக ஒத்திசைவு அந்த தகவல் வகையான வைக்க வேண்டும்

277
00:17:33,650 --> 00:17:36,520
பயனர் பார்வையில் சில வகையான பார்க்கும் இடையே,

278
00:17:36,520 --> 00:17:39,850
நீங்கள் விரிவுரையில் பார்த்தேன் என்று மாதிரி காட்சி கட்டுப்படுத்தி போன்ற வகையில் பேசிய,

279
00:17:39,850 --> 00:17:45,400
பின்னர் இந்த வழக்கில் இந்த ஜாவா வரிசை இது மாதிரி.

280
00:17:45,400 --> 00:17:49,020
கட்டமைப்புகள் எங்களுக்கு அந்த பிரச்சினையை தீர்க்க ஒரு வழி கொடுக்க.

281
00:17:49,020 --> 00:17:53,080
இப்போது பட்டியலில்-செய்ய இந்த செயல்படுத்த ஒரு பார்க்கலாம்

282
00:17:53,080 --> 00:18:02,360
angularjs என்ற கட்டமைப்பில்.

283
00:18:02,360 --> 00:18:04,650
அது இது தான். ஒரு ஸ்லைடில் பொருந்துகிறது கவனிக்க.

284
00:18:04,650 --> 00:18:07,330
நான் இடது மற்றும் வலது உருட்டும் இல்லை.

285
00:18:07,330 --> 00:18:10,460
என்று ஒருவேளை, ஒரு கட்டமைப்பை பயன்படுத்தி பரிந்துரைக்கிறோம் ஒரு பெரிய காரணம் அல்ல

286
00:18:10,460 --> 00:18:20,120
ஆனால் அறிவிப்பு நான் இங்கு தனிப்பட்ட HTML உறுப்புகள் அணுகும்?

287
00:18:20,120 --> 00:18:22,400
நான் எப்போதும் டிஓம் கொண்டு போகிறேன்?

288
00:18:22,400 --> 00:18:26,120
அப்படி நீங்கள் எந்த document.getElementByID அல்லது ஏதாவது பார்க்க வேண்டும்?

289
00:18:26,120 --> 00:18:29,870
இல்லை, என்று போய்விட்டார்கள்.

290
00:18:29,870 --> 00:18:35,590
>> கோண நம்மை டிஓம் ஏதாவது நமது இங்கு பிரதிநிதித்துவம் வைத்திருக்க உதவுகிறது

291
00:18:35,590 --> 00:18:40,430
ஒத்திசைந்து வகையான, இது, JS கோப்பில் இல்லை என்றால்

292
00:18:40,430 --> 00:18:46,790
நிரலாக்கத்தின்படி அனைத்து HTML உள்ளடக்கம் பெறுவது எந்த வழி இருக்கிறது என்றால்

293
00:18:46,790 --> 00:18:51,800
இங்கு இருந்து எப்படி ஒத்திசைவு இந்த செய்கிறீர்கள்?

294
00:18:51,800 --> 00:18:58,160
இது. JS கோப்பில் இல்லை என்றால், அது சரி, HTML இருக்க வேண்டும்?

295
00:18:58,160 --> 00:19:01,910
இந்த, HTML கோப்பாக புதிய பதிப்பு

296
00:19:01,910 --> 00:19:04,660
நாம் இங்கே நிறைய சேர்த்த கவனிக்க.

297
00:19:04,660 --> 00:19:11,110
என்ஜி கிளிக் மற்றும் என்ஜி-மீண்டும் என்று இந்த புதிய பண்புகளை இருக்கிறது கவனிக்க.

298
00:19:11,110 --> 00:19:15,650
வடிவமைப்பு சிரமங்களை இந்த பிரச்சினையை தீர்ப்பதற்கு கோண அணுகுமுறை

299
00:19:15,650 --> 00:19:19,130
அடிப்படையில் HTML மிகவும் சக்திவாய்ந்த செய்ய உள்ளது.

300
00:19:19,130 --> 00:19:24,420
கோண நீங்கள் HTML சற்றே உணர்ச்சியுடன் செய்ய அனுமதிக்கும் ஒரு வழி உள்ளது.

301
00:19:24,420 --> 00:19:30,520
உதாரணமாக, நான் இந்த உரை பெட்டியில் கட்டி அல்லது பிணைக்க போகிறேன் என்று சொல்ல முடியாது

302
00:19:30,520 --> 00:19:35,080
என் கோணத்துக்குரிய ஜாவா குறியீடு ஒரு மாறி வேண்டும்.

303
00:19:35,080 --> 00:19:37,030
இந்த என்ஜி-மாதிரி தான் செய்கிறது.

304
00:19:37,030 --> 00:19:41,550
அடிப்படையில் என்கிறார் உருப்படியை இந்த உரை பெட்டியின் உள்ளே, என்று

305
00:19:41,550 --> 00:19:45,000
வெறும் மாறி new_todo_description என்று தொடர்புபடுத்த

306
00:19:45,000 --> 00:19:47,870
இங்கு குறியீடு உள்ள.

307
00:19:47,870 --> 00:19:51,600
நான் வெளிப்படையாக செல்ல வேண்டும் இல்லை, ஏனெனில் அது மிகவும் சக்தி வாய்ந்தது

308
00:19:51,600 --> 00:19:53,310
டிஓம் என்று தகவல் பெற.

309
00:19:53,310 --> 00:19:56,250
நான் document.getElementByID சொல்ல வேண்டியது இல்லை.

310
00:19:56,250 --> 00:19:58,750
நான் டிஓம் அணுகல் போன்ற jQueries பயன்படுத்த வேண்டாம்.

311
00:19:58,750 --> 00:20:03,280
நான் மாறி மாற்ற போது நான் ஒரு மாறி இணைத்திட, மற்றும் முடியும்

312
00:20:03,280 --> 00:20:07,400
இங்கு உள்ள இது, HTML ஒத்திசைந்து வச்சிருக்கேன்

313
00:20:07,400 --> 00:20:11,640
அதனால் இருவருக்கும் இடையே முன்னும் பின்னுமாக சென்று கொண்டு செயல்முறை எளிதாக்குகிறது.

314
00:20:11,640 --> 00:20:18,260
அந்த உணர்வு ஏற்படுத்துமா?

315
00:20:18,260 --> 00:20:22,060
>> எந்த HTML அணுகல் குறியீடு உள்ளது கவனிக்க.

316
00:20:22,060 --> 00:20:27,760
நாம், HTML மேலும் சக்திவாய்ந்த செய்துவிட்டேன்

317
00:20:27,760 --> 00:20:32,070
இப்போது, உதாரணமாக, நாம், இது போன்ற விஷயங்களை செய்ய முடியும்

318
00:20:32,070 --> 00:20:38,610
இந்த கிளிக் செய்யும் போது, todos.js எல்லைக்குள் இந்த செயல்பாடு அழைக்க விரும்புகிறேன்,

319
00:20:38,610 --> 00:20:43,410
மேலும், இந்த என்ஜி-மாடல் போல, நாம் அதை செய்ய முடியும், ஆனால் மற்ற விஷயங்கள் உள்ளன

320
00:20:43,410 --> 00:20:47,020
இந்த என்ஜி-மீண்டும் கவனிக்க.

321
00:20:47,020 --> 00:20:51,520
இந்த என்ன நினைக்கிறீர்கள்?

322
00:20:51,520 --> 00:20:54,390
இங்கே முன் நம் வரிசையிலமையாத பட்டியல்.

323
00:20:54,390 --> 00:20:56,470
நாங்கள், உல் குறிச்சொற்களை வேண்டும்

324
00:20:56,470 --> 00:21:03,710
ஆனால் நான் இங்கு குறியீடு உள்ளே அந்த பட்டியலில் வழங்குகின்றன?

325
00:21:03,710 --> 00:21:09,280
நான் வெளிப்படையாக என்று பட்டியல் வழங்குகின்றன.

326
00:21:09,280 --> 00:21:11,580
இதை எப்படி வேலை செய்கிறது?

327
00:21:11,580 --> 00:21:16,410
சரி, வழி கோணத்துக்குரிய இந்த ஒரு ரிப்பீட்டர் என்று தான் செயல்படுத்தப்பட்டது.

328
00:21:16,410 --> 00:21:22,760
அடிப்படையில் நான் இந்த HTML அச்சிட வேண்டும் என்று கூறுகிறது

329
00:21:22,760 --> 00:21:26,240
என் todos வரிசை ஒவ்வொரு TODO உள்ளே இடம்.

330
00:21:26,240 --> 00:21:31,850
Todos.jr உள்ளே ஒரு todos வரிசை, சரி இங்கே இருக்கிறது

331
00:21:31,850 --> 00:21:37,910
இந்த என்று வரிசை மூலம் கோணத்துக்குரிய போய் சொல்லும், மற்றும் ஒவ்வொரு உறுப்பு நீங்கள் பார்க்க

332
00:21:37,910 --> 00:21:41,390
நான் இந்த HTML அச்சிட வேண்டும்.

333
00:21:41,390 --> 00:21:44,620
நான் இதை தான் ஏனெனில் இந்த ரெண்டு வகையான உள்ளது

334
00:21:44,620 --> 00:21:47,760
லூப் ஒரு எழுத இல்லாமல்,

335
00:21:47,760 --> 00:21:52,250
இது குறியீடு மட்டுமே 30 கோடுகள் என்று ஒரு-செய்ய பட்டியல்

336
00:21:52,250 --> 00:21:54,700
மிகவும் பயனுள்ள விஷயம் இருக்கலாம்,

337
00:21:54,700 --> 00:22:01,240
நீங்கள் ஒரு பெரிய திட்டம் இருந்தால் ஆனால், இந்த வசதியான பெற முடியும்.

338
00:22:01,240 --> 00:22:06,100
>> இந்த HTML மிகவும் சக்திவாய்ந்த வகையில், இந்த பிரச்சனைக்கு ஒரு தீர்வு இருக்கிறது,

339
00:22:06,100 --> 00:22:10,820
என்று நம்மை ஒத்திசைவு உள்ள ஜாவா மற்றும் HTML வைக்க அனுமதிக்கிறது.

340
00:22:10,820 --> 00:22:13,220
இந்த சிக்கலை தீர்க்க, மற்ற வழிகளிலும் உள்ளன

341
00:22:13,220 --> 00:22:15,320
ஒவ்வொரு கட்டமைப்பை செய்கிறது.

342
00:22:15,320 --> 00:22:17,720
ஒவ்வொரு கட்டமைப்பை இந்த வழிகளில் வேலை.

343
00:22:17,720 --> 00:22:19,490
சில கட்டமைப்புகள், வெவ்வேறு அணுகுமுறைகள் உள்ளன

344
00:22:19,490 --> 00:22:23,310
நீங்கள் மற்ற மேல் ஒரு கட்டமைப்பில் குறியீட்டு சந்தோசம் என்று காணலாம்.

345
00:22:23,310 --> 00:22:26,160
இன்னொரு பார்க்கலாம்.

346
00:22:26,160 --> 00:22:30,060
இந்த பின்புல என்று ஒரு கட்டமைப்பை வரை குறியிடப்படும் க்கு செய்ய பட்டியல்.

347
00:22:30,060 --> 00:22:33,250
நான் விரைவில் இந்த வழியாக செல்ல போகிறேன்.

348
00:22:33,250 --> 00:22:38,300
நாங்கள் அங்கு போக முன் நான் HTML தொடங்க வேண்டும்.

349
00:22:38,300 --> 00:22:40,290
ஒரு இரண்டாவது.

350
00:22:40,290 --> 00:22:43,950
நீங்கள் கவனிக்க என, HTML தொடங்கி, நம் HTML மிகவும் ஒத்த

351
00:22:43,950 --> 00:22:50,000
அது முன் முன், அப்படி இல்லை மிகவும் புதிய என்ன செய்ய.

352
00:22:50,000 --> 00:22:55,410
ஆனால் எங்கள் JS கோப்பு வித்தியாசமாக உள்ளது.

353
00:22:55,410 --> 00:23:00,360
முதுகெலும்பாக வகையான இந்த யோசனை உள்ளது, அல்லது யோசனை உருவாக்குகிறார்

354
00:23:00,360 --> 00:23:04,750
நாம் என்ன செய்ய நிறைய, என்று, நம் ஜாவா திட்டங்கள்

355
00:23:04,750 --> 00:23:09,110
மாதிரிகள் இந்த மாதிரிகள் சேகரிப்பு பற்றி யோசிக்க.

356
00:23:09,110 --> 00:23:12,510
இந்த, எடுத்துக்காட்டாக, புகைப்படங்கள், ஒரு புகைப்படம் மற்றும் வசூல் இருக்க முடியும்

357
00:23:12,510 --> 00:23:16,230
அல்லது நண்பர்கள் ஒரு நண்பர் மற்றும் வசூல் யோசனை.

358
00:23:16,230 --> 00:23:20,700
மற்றும் தாறுமாறாக நாம் JavaScript பயன்பாடுகள் நிரலாக்க போது

359
00:23:20,700 --> 00:23:25,340
நண்பர்கள் ஒரு தொகுப்பு என்ற கருத்தை பிரதிபலிக்கும் நாம் அடுக்க வேண்டும்

360
00:23:25,340 --> 00:23:29,500
எப்படியோ ஜாவா, மற்றும் பின்புல இந்த அடுக்கு கொடுக்கிறது

361
00:23:29,500 --> 00:23:33,040
இங்கு ஏற்கனவே உள்ள வரிசைகள் மற்றும் பொருட்களை மேல்

362
00:23:33,040 --> 00:23:38,300
இன்னும் எளிதாக அதிக சக்தி வாய்ந்த விஷயங்களை செய்ய.

363
00:23:38,300 --> 00:23:41,870
>> இங்கு நான், ஒரு-செய்யும் மாடல் வரையறுக்கப்பட்ட

364
00:23:41,870 --> 00:23:44,630
நீங்கள், தொடரியல் பற்றி அதிகம் கவலைப்பட வேண்டாம்

365
00:23:44,630 --> 00:23:48,730
ஆனால் இந்த பண்புகள் ஒரு என்று கவனிக்க?

366
00:23:48,730 --> 00:23:53,190
அது ஒரு இயல்பான துறையில் உள்ளது.

367
00:23:53,190 --> 00:23:56,640
முதுகெலும்பாக என்னை பேட் இனிய ஏற்கனவே குறிப்பிட அனுமதிக்கிறது

368
00:23:56,640 --> 00:24:00,190
நான் உருவாக்க வேண்டும், செய்ய புதிய இந்த இயல்புநிலைக்கு கொண்டு போகிறது.

369
00:24:00,190 --> 00:24:04,100
இப்போது நான் இந்த தனிப்பயனாக்க, ஆனால் கடன் குறிப்பிட இருப்பது முடியும் முடியும்

370
00:24:04,100 --> 00:24:07,220
நன்றாக உள்ளது, மற்றும் இது போன்ற என்று ஒன்று இல்லை, ஏனெனில் அது வசதியான வகையான தான்

371
00:24:07,220 --> 00:24:10,430
இங்கு உள்ளார்ந்த, இப்போது நான் வெளிப்படையாக இல்லை

372
00:24:10,430 --> 00:24:12,430
todos முழுமையில்லாத என்று.

373
00:24:12,430 --> 00:24:19,190
நான் todos முழுமையில்லாத குறிக்கப்படும் போகிறோம் என்று சரியான பேட் இனிய சொல்ல முடியாது.

374
00:24:19,190 --> 00:24:21,300
பின்னர் கவனிக்க இது என்ன?

375
00:24:21,300 --> 00:24:25,520
இப்போது நான் ஒரு-செய்ய பட்டியலில் உள்ளது, மற்றும் ஒரு சேகரிப்பு.

376
00:24:25,520 --> 00:24:30,960
மாடல் TODO என்று தொடர்புடைய துறையில் கவனிக்க.

377
00:24:30,960 --> 00:24:33,390
இது பின்புல சொல்லி என் வழி

378
00:24:33,390 --> 00:24:37,350
நான் இந்த தனிப்பட்ட todos ஒரு தொகுப்பு பற்றி நினைத்து போகிறேன்.

379
00:24:37,350 --> 00:24:42,140
இந்த அடிப்படையில் என் திட்டம் மாதிரி கட்டமைப்பு உள்ளது.

380
00:24:42,140 --> 00:24:44,980
இங்கு நான், ஒரு தொகுப்பு இந்த யோசனை

381
00:24:44,980 --> 00:24:48,960
மற்றும் அடிப்படையில் அந்த சேகரிப்பில் உள்ள பொருட்கள் அனைத்தும், இந்த todos இருக்க போகிறோம்

382
00:24:48,960 --> 00:24:51,910
மற்றும் இந்த அர்த்தத்தில் மிகவும் இயற்கை

383
00:24:51,910 --> 00:24:59,890
நான் செய்ய காரணம் todos வேண்டும், மற்றும் நான் ஒரு சேகரிப்பில் அவர்கள்.

384
00:24:59,890 --> 00:25:02,940
>> இதை பற்றி இன்னும் கொஞ்சம் பார்க்கலாம்.

385
00:25:02,940 --> 00:25:05,900
இங்கே ஒரு பின்புல காட்சி உள்ளது.

386
00:25:05,900 --> 00:25:08,890
பின்புல என்று மற்ற விஷயம் என்று

387
00:25:08,890 --> 00:25:14,660
உங்களை பற்றி அல்லது வசூல் நினைக்கிறீர்கள் என்று மாதிரிகள் நிறைய

388
00:25:14,660 --> 00:25:19,150
காட்டப்படவில்லை சில வழி வேண்டும் போகிறீர்கள்.

389
00:25:19,150 --> 00:25:21,900
நாங்கள், பட்டியலில்-செய்ய என்று வழங்க வேண்டும்

390
00:25:21,900 --> 00:25:25,460
நாம் ஒவ்வொரு மாதிரி வழங்க முடியும் என்றால், அது நன்றாக இருக்கும் என்று

391
00:25:25,460 --> 00:25:28,390
அல்லது ஒவ்வொரு மாதிரி இந்த காட்சி தொடர்பு

392
00:25:28,390 --> 00:25:34,020
எங்களை அனுமதிக்கிறது என்று நான் இரண்டு ஒன்றாக இணைக்க நினைக்கிறேன்?

393
00:25:34,020 --> 00:25:38,320
முன்பு அதேசமயம் நாம் வழியாக இயக்க வேண்டும் என்று வளைய ஒரு பயன்படுத்த வேண்டும்

394
00:25:38,320 --> 00:25:41,130
ஒவ்வொரு எங்கள் பட்டியலில் TODO பின்னர் அதை இங்கு அச்சிட

395
00:25:41,130 --> 00:25:44,650
நாம் அடிப்படையில் இந்த மாதிரி அதை இணைக்க முடியும்.

396
00:25:44,650 --> 00:25:47,550
இந்த ஒரு-செய்ய பார்வையில் உள்ளது.

397
00:25:47,550 --> 00:25:50,550
நாம் முன்னர் காணப்படவில்லை TODO தொடர்புடையதாக உள்ளது.

398
00:25:50,550 --> 00:25:54,940
இப்போது ஒவ்வொரு TODO displayable அல்லது renderable

399
00:25:54,940 --> 00:25:56,960
இந்த காட்சி-செய்ய.

400
00:25:56,960 --> 00:25:59,440
துறைகள் சில கவனிக்க.

401
00:25:59,440 --> 00:26:05,880
நீங்கள், இந்த tagName உள்ளது tagName என்ன நினைக்கிறீர்கள்: li?

402
00:26:05,880 --> 00:26:09,790
ஒரு TODO வழங்க நாம் விரும்பிய போது முன் இருந்து நினைவில்

403
00:26:09,790 --> 00:26:16,700
நாங்கள் வெளிப்படையாக இந்த li குறிச்சொல் நமது todos ஜோடி வேண்டும்.

404
00:26:16,700 --> 00:26:21,080
இப்போது நாம் இந்த TODO வாழ்வாள் அமைந்துள்ள என்று சொல்கிறீர்கள்

405
00:26:21,080 --> 00:26:25,250
ஒரு li குறியின் உள்ளே இருக்க போகிறது.

406
00:26:25,250 --> 00:26:31,440
இப்போது நாங்கள் எங்கள் todos கொண்டு நிகழ்வுகளை தொடர்புபடும்.

407
00:26:31,440 --> 00:26:34,320
>> ஒவ்வொரு TODO இந்த நிகழ்வு உள்ளது.

408
00:26:34,320 --> 00:26:38,480
நீங்கள் அழகான மிகவும் மாற்று பொத்தானை கிளிக் செய்தால், அந்த, நான் அங்கு சொல்கிறேன்

409
00:26:38,480 --> 00:26:43,080
பின்னர் அடிப்படையில் முன் என்ன எதிர் என TODO குறிக்க

410
00:26:43,080 --> 00:26:45,890
பின்னர் பயன்பாடு மீண்டும் விடாது.

411
00:26:45,890 --> 00:26:47,810
இந்த முன் குறியீடு ஒத்த வகையான உள்ளது.

412
00:26:47,810 --> 00:26:50,730
நாம் ஒன்று எதிர் அல்லது அது குறித்தது போது நினைவில்

413
00:26:50,730 --> 00:26:52,410
பின்னர் அது மீண்டும் காண்பிக்கப்பட்ட.

414
00:26:52,410 --> 00:26:57,750
ஆனால் இப்போது HTML என்று ஏதாவது இருக்க பயன்படுத்தப்படும் இந்த நிகழ்வை கவனிக்க.

415
00:26:57,750 --> 00:26:59,640
அங்கு உட்கார்ந்து.

416
00:26:59,640 --> 00:27:01,410
பொத்தானை ஒரு கிளிக் இருந்தது.

417
00:27:01,410 --> 00:27:05,310
நீங்கள் பொத்தானை கிளிக் செய்யும் போது, அது மாதிரியான ஒரு பொருள் இல்லை

418
00:27:05,310 --> 00:27:07,210
TODO முழுமையடையாது என்று அமைக்க.

419
00:27:07,210 --> 00:27:11,180
இங்கே நாம் மாற்று பொத்தானை சொடுக்கி அந்த நிகழ்வு தொடர்புடைய

420
00:27:11,180 --> 00:27:15,830
அது இந்த பார்வை அல்லது அணை என்று மாற்றுகிறார்.

421
00:27:15,830 --> 00:27:20,480
>> இது மிகவும் இறுக்கமாக பிணைக்கப்பட்டிருக்கும், அதனால் இந்த நிகழ்வு அமைக்க ஒரு நல்ல வழி

422
00:27:20,480 --> 00:27:26,980
இந்த காட்சி, அதனால் இந்த ஒரு கவனிக்க.

423
00:27:26,980 --> 00:27:31,050
நான் இந்த வழங்கல் முறை வேண்டும், மற்றும் நாம் விவரங்கள் மூலம் செல்ல வேண்டாம்.

424
00:27:31,050 --> 00:27:33,650
அது, நாங்கள் முன்பு என்ன போன்ற வகையான தான்

425
00:27:33,650 --> 00:27:36,070
ஆனால் நான் எதையும் மூலம் தேடுகிறது இல்லை கவனிக்க.

426
00:27:36,070 --> 00:27:40,700
நான் கூறுகள் அனைத்து அச்சிட போகிறேன் என்று வகை என்று அந்த உல் குறிச்சொல் அச்சிடும்.

427
00:27:40,700 --> 00:27:46,610
நான் இந்த ஒரு-செய்ய உருப்படியை இடையீடு செயல்பாடு வழங்கும்.

428
00:27:46,610 --> 00:27:49,400
இது அடிப்படையில் ஒரு மிகவும் சக்திவாய்ந்த கருத்து உள்ளது

429
00:27:49,400 --> 00:27:53,600
நம் செய்ய பட்டியலில் இந்த todos கொண்டிருக்கிறது, நாம் அடிப்படையில் குறிப்பிட முடியும்

430
00:27:53,600 --> 00:27:56,890
அந்த todos ஒன்று விடாது வழி

431
00:27:56,890 --> 00:28:04,230
நாம் தன்னிச்சையாக நமது சக்தி வாய்ந்த முதுகெலும்பாக இருக்க முடியும் todos அனைத்து விடாது

432
00:28:04,230 --> 00:28:07,760
தனிப்பட்ட todos இல் வழங்கல் முறை அழைப்பு விடுத்தார்.

433
00:28:07,760 --> 00:28:14,180
இந்த இங்கே பயனுள்ளதாக இருக்கும் என்று ஒரு கருத்து உள்ளது.

434
00:28:14,180 --> 00:28:18,160
இப்போது கேட்க ஒரு நல்ல கேள்வி, இந்த விண்ணப்பத்தை எப்படி ஒன்றாக உள்ளது என்று?

435
00:28:18,160 --> 00:28:21,200
நாம் ஒரு TODO விடாது திறன் இல்லை, ஏனெனில்

436
00:28:21,200 --> 00:28:23,860
ஆனால் எப்படி நாம் பல todos யோசனை கிடைக்கும்?

437
00:28:23,860 --> 00:28:25,100
>> என்று ஒரு பார்க்கலாம்.

438
00:28:25,100 --> 00:28:27,100
இந்த கடைசி பகுதியாக உள்ளது.

439
00:28:27,100 --> 00:28:29,740
நாம் இங்கே ஒரு-செய்ய பட்டியலை பார்வை வேண்டும் கவனிக்க,

440
00:28:29,740 --> 00:28:34,440
அது ஒரு பார்வை அறிவிப்பு.

441
00:28:34,440 --> 00:28:36,970
மற்றும் பொருட்களை ஒரு ஜோடி மீது செல்ல,

442
00:28:36,970 --> 00:28:45,280
நாம் முதலில் இந்த-செய்யும் பட்டியலில் உருவாக்க இந்த துவக்க முறை என்று அழைக்கப்படுகிறது.

443
00:28:45,280 --> 00:28:52,630
நீங்கள் பார்க்க முடியும் என, அது-செய்ய பட்டியலை உருவாக்கி இந்த காட்சி தொடர்புப்படுத்துகிறது போல்.

444
00:28:52,630 --> 00:28:57,860
நீங்கள் ஒரு சேர்க்கும் போது மற்றும் பிறகு நான் அடிப்படையில் இங்கே செயல்பாடுகளை சேர்க்க உருப்படியை-

445
00:28:57,860 --> 00:29:01,440
இந்த addItem முறை ஒத்த நாம் முன்னர்-பார்த்தேன்

446
00:29:01,440 --> 00:29:07,430
நான் ஒரு புதிய TODO பொருள் உருவாக்க, மற்றும் நான் உண்மையில் போன் செய்கிறேன் கவனிக்க போகிறேன்

447
00:29:07,430 --> 00:29:13,080
இந்த புதிய TODO முறை, இந்த பின்புல வழங்கப்படுகிறது,

448
00:29:13,080 --> 00:29:16,010
நான் இங்கே என் பண்புகள் உள்ள கடக்க முடியும்.

449
00:29:16,010 --> 00:29:23,710
இப்போது நான் இந்த பயன்படுத்தி உருவாக்க ஒவ்வொரு TODO நாம் முன்னர் பார்த்த அந்த செயல்பாடு கிடைக்கும்.

450
00:29:23,710 --> 00:29:28,140
நான் உரை பெட்டியில் வெளியே தீர்வு தான் முன் ஒரு சிறிய சிறிய விவரம் அறிவிப்பு

451
00:29:28,140 --> 00:29:32,900
பின்னர் நான் இந்த தொகுப்பு சேர்க்கும்.

452
00:29:32,900 --> 00:29:37,630
>> இந்த கிட்டத்தட்ட வித்தியாசமாக தெரிகிறது நாம் அந்த todos.push செய்ய வேண்டியிருந்தது முன் ஏனெனில்,

453
00:29:37,630 --> 00:29:43,310
பின்னர் நாம், செய்ய, மற்றும் இந்த குறிப்பிட்ட திட்டத்தின் மிகவும் சிக்கலான தோன்றலாம்

454
00:29:43,310 --> 00:29:46,980
நீங்கள் அந்த பின்புல அல்லது கோணத்துக்குரிய அல்லது வேறு எந்த கட்டமைப்பை காணலாம்

455
00:29:46,980 --> 00:29:50,790
உங்கள் குறிப்பிட்ட திட்டம் பொருந்தும், ஆனால் நான் அதை பற்றி யோசிக்க முக்கியம் என நான் நினைக்கிறேன் இல்லை

456
00:29:50,790 --> 00:29:54,100
இந்த பெரிய திட்டங்கள் பெரிய அளவில் பொருள்,

457
00:29:54,100 --> 00:29:56,610
ஏனெனில் நாம் பிரதிநிதித்துவப்படுத்தும் அங்கு ஒரு பெரிய திட்டம் என்றால்

458
00:29:56,610 --> 00:30:00,860
சில உண்மையில் சிக்கலான சேகரிப்பு, ஒரு முதல் செய்ய பட்டியலை விட ஆழமான ஒன்றை,

459
00:30:00,860 --> 00:30:04,490
ஒரு நண்பர்கள் பட்டியலில் அல்லது அப்படி ஒன்று சொல்கிறேன், இந்த கைக்குள் வர முடியும்

460
00:30:04,490 --> 00:30:09,620
ஏனெனில் நாம், ஒரு மிகவும் வசதியான வழி நம் குறியீடு ஏற்பாடு முடியவில்லை

461
00:30:09,620 --> 00:30:12,550
வேறு யாராவது எளிதாக என்று ஒரு வழியில்

462
00:30:12,550 --> 00:30:16,820
யார் மீது உருவாக்க ஒரு திட்டம் அழைத்து வேண்டும்.

463
00:30:16,820 --> 00:30:21,450
இந்த அமைப்பு நிறைய வழங்குகிறது என்று பார்க்க முடியும்.

464
00:30:21,450 --> 00:30:26,580
பின்னர் நான் இந்த addItem மீதான வழங்க அழைக்கிறேன்.

465
00:30:26,580 --> 00:30:31,050
நீங்கள் பார்க்க முடியும் என, விடாது, நீங்கள் இந்த முழு தொடரியல் புரிந்து இல்லை,

466
00:30:31,050 --> 00:30:37,790
ஆனால் அடிப்படையில் ஒவ்வொரு மாதிரி இது தனிப்பட்ட வழங்கல் முறை அழைக்க நடக்கிறது.

467
00:30:37,790 --> 00:30:41,500
இந்த எங்கிருந்து வருகிறார் அப்படி தான்.

468
00:30:41,500 --> 00:30:44,140
தனிப்பட்ட todos எவ்வாறு பெறுவது என்பது குறிப்பிட நாம்,

469
00:30:44,140 --> 00:30:47,310
பின்னர் ஒரு முழு ஒன்றாக பசை இன்னும் நாம்.

470
00:30:47,310 --> 00:30:49,810
ஆனால் இந்த, அருவமான ஒரு வழி வழங்குகிறது

471
00:30:49,810 --> 00:30:55,470
நான் தனிப்பட்ட todos வழங்க முடிவு வழியில் மாற்ற முடியும் என்பதால்,

472
00:30:55,470 --> 00:30:57,940
நான் இந்த குறியீடு எந்த மாற்ற வேண்டும் என்று.

473
00:30:57,940 --> 00:31:00,700
அந்த வகையான குளிர் இருக்கும்.

474
00:31:00,700 --> 00:31:08,540
>> யாராவது இங்கு கட்டமைப்புகள் பற்றி எந்த கேள்விகள் உள்ளதா?

475
00:31:08,540 --> 00:31:14,310
[மாணவர் கேட்க கேள்வி]

476
00:31:14,310 --> 00:31:16,050
ஓ, நிச்சயமாக, அது ஒரு பெரிய கேள்வி.

477
00:31:16,050 --> 00:31:19,080
கேள்வி எப்படி நான் கட்டமைப்புகள் அடங்கும் என்று இருந்தது?

478
00:31:19,080 --> 00:31:22,970
பெரும்பாலான இங்கு கட்டமைப்புகள் அடிப்படையில் தான் JS கோப்புகள் உள்ளன

479
00:31:22,970 --> 00:31:25,740
உங்கள் குறியீடு மேல் சேர்க்க முடியும் என்று.

480
00:31:25,740 --> 00:31:29,830
நான் இந்த ஸ்கிரிப்ட் குறிச்சொற்களை வேண்டும் என் HTML தலைவர் பகுதியில் கவனிக்க,

481
00:31:29,830 --> 00:31:34,250
இறுதி ஸ்கிரிப்ட் குறிச்சொல் நாம் எழுதியுள்ளேன் என்று குறியீடு உள்ளது.

482
00:31:34,250 --> 00:31:38,820
பின்னர் 3 கட்டமைப்பை குறியீடுகள் வெறும் ஸ்கிரிப்ட் குறிச்சொற்களை உள்ளன.

483
00:31:38,820 --> 00:31:42,110
நான், ஒரு CDN என்று என்ன அவர்களை உட்பட

484
00:31:42,110 --> 00:31:46,200
இது எனக்கு இந்த இடத்தில் வேறு யாராவது அதை பெற அனுமதிக்கிறது

485
00:31:46,200 --> 00:31:57,930
ஆனால் ஒவ்வொரு கட்டமைப்பை இந்த நீங்கள் அழகான மிகவும் உள்ளடக்கத்தை காணலாம் உள்ளது

486
00:31:57,930 --> 00:32:03,540
என்று சில CDN அல்லது ஏதாவது கிடைக்கும் ஒரு குறிப்பிட்ட JavaScript நூலகத்தை இடம்,

487
00:32:03,540 --> 00:32:05,570
பின்னர் இந்த ஸ்கிரிப்ட் குறிச்சொற்களை சேர்க்க முடியும்.

488
00:32:05,570 --> 00:32:07,600
அந்த உணர்வு ஏற்படுத்துமா?

489
00:32:07,600 --> 00:32:09,500
குளிர்.

490
00:32:09,500 --> 00:32:11,730
>> அந்த 2 வெவ்வேறு அணுகுமுறைகள் உள்ளன.

491
00:32:11,730 --> 00:32:14,640
அந்த பிரச்சனையை தீர்க்கும் ஒரே அணுகுமுறைகள் இல்லை.

492
00:32:14,640 --> 00:32:17,080
பல விஷயங்கள் உள்ளன என்று

493
00:32:17,080 --> 00:32:19,490
யாராவது செய்ய, மற்றும் பல கட்டமைப்புகள் அங்கு உள்ளன.

494
00:32:19,490 --> 00:32:23,300
கோண மற்றும் பின்புல முழு கதையை சொல்ல வேண்டாம்.

495
00:32:23,300 --> 00:32:26,370
உங்கள் இறுதி திட்டங்களை கொண்டு அதிர்ஷ்டம் நல்ல, மற்றும் மிகவும் நன்றி.

496
00:32:31,960 --> 00:32:35,000
[CS50.TV]