1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [கருத்தரங்கு: jQuery]

2
00:00:02,690 --> 00:00:04,790
[விபுல் ஷெகாவத், ஹார்வர்ட் பல்கலைக்கழகம்]

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

4
00:00:08,000 --> 00:00:10,640
நீங்கள் வீட்டில் சேர்த்து தொடர்ந்து, நீங்கள் உண்மையில் ஆன்லைன் எனது ஸ்லைடுகளை அணுக முடியும்

5
00:00:10,640 --> 00:00:13,310
இந்த இணைப்பை செல்வதன் மூலம்.

6
00:00:13,310 --> 00:00:18,650
இது bit.ly. இல், TjjRWj தான்

7
00:00:18,650 --> 00:00:20,700
நீங்கள் தான், நேரடியாக URL க்கு செல்ல முடியும்

8
00:00:20,700 --> 00:00:27,300
இது என் பெயர் இது cloud.cs50.net / ~ vshekhawat,, என்பது

9
00:00:27,300 --> 00:00:32,409
மற்றும் jQuery.

10
00:00:32,409 --> 00:00:34,920
நான் மிகவும் நீங்கள் வீட்டில் பார்த்து என்றால் நீங்கள் சேர்த்து பின்பற்ற ஊக்குவிக்க,

11
00:00:34,920 --> 00:00:40,650
நீங்கள் இங்கே என்றால், கூட, இந்த ஒரு அழகான ஊடாடும் வழங்கல் ஏனெனில்.

12
00:00:40,650 --> 00:00:43,160
>> இன்று, நான் jQuery பற்றி பேசி இருக்க போகிறேன், மற்றும் முதல் கேள்வி

13
00:00:43,160 --> 00:00:45,300
jQuery என்ன?

14
00:00:45,300 --> 00:00:47,090
இந்த ஆண்டு, நான் உங்களுக்கு இங்கு விவாதிக்கப்படுகின்றன இல்லை என்று

15
00:00:47,090 --> 00:00:51,080
நாம் கடந்த ஆண்டுகளில் நான் எவ்வளவு விவரம் ஆக.

16
00:00:51,080 --> 00:00:53,150
இங்கு, முதலில், ஒரு கிளையன் மொழி

17
00:00:53,150 --> 00:00:58,390
நீங்கள் ஒவ்வொரு பயனரின் கணினியில் நிரல்கள் மற்றும் குறியீடு இயக்க பயன்படுத்தும்.

18
00:00:58,390 --> 00:01:00,660
எனவே, மக்களுக்கு வலை பக்கங்கள் வழங்குகிறது என்று ஒரு சர்வர் வேண்டும்

19
00:01:00,660 --> 00:01:02,600
ஆனால் நீங்கள், தங்கள் கணினியில் பொருட்களை செய்ய வேண்டும்

20
00:01:02,600 --> 00:01:08,060
உங்கள் சர்வர் ஒவ்வொரு 30 விநாடிகள் அல்லது அந்த மாதிரி ஏதாவது கோரிக்கைகளை அனுப்ப தங்கள் கணினியில் கேட்க.

21
00:01:08,060 --> 00:01:10,420
நீங்கள் இதை பார்ப்பதற்கு JavaScript ஐ பயன்படுத்தி அதை செய்ய முடியும்.

22
00:01:10,420 --> 00:01:13,190
JQuery தான் இங்கு மேல் இன்னும் செயல்பாடு வழங்குகிறது

23
00:01:13,190 --> 00:01:15,680
என்று நீங்கள் கூடுதல் பொருட்களை செய்கிறது.

24
00:01:15,680 --> 00:01:17,710
நீங்கள் மேலே உள்ளடக்கங்களை பாருங்கள், என்றால்

25
00:01:17,710 --> 00:01:21,410
என்று நீங்கள் செய்ய முடியும் என்று சிலவற்றை விவரிக்கிறது.

26
00:01:21,410 --> 00:01:23,500
எனவே ஒட்டுமொத்த, அது ஜனவரி 2006 ல் உருவாக்கப்பட்டது.

27
00:01:23,500 --> 00:01:26,560
அது முதல் ஆகஸ்ட் 2005 ல் கற்பனையாக.

28
00:01:26,560 --> 00:01:31,370
அது ஒரு ஜோடி ஆண்டுகளாக சுற்றி வருகிறது, மற்றும் அது உண்மையில் புதிய வலை 2.0 இயக்கத்தின் ஒரு பகுதியாக தான்

29
00:01:31,370 --> 00:01:34,330
அந்த இணைய மிகவும் பளபளப்பான செய்துள்ளார்.

30
00:01:34,330 --> 00:01:37,630
இது மிகவும் பரவலாக பயன்படுத்தப்படும் ஜாவாஸ்கிரிப்ட் நூலகம் இருக்கிறது.

31
00:01:37,630 --> 00:01:41,450
மில்லியன் 19.6 ஓவர் வலைத்தளங்களை பயன்படுத்தி, மற்றும் பயன்பாடு இன்னும் அதிகரித்து வருகிறது

32
00:01:41,450 --> 00:01:45,640
builtwith.com படி, இது, வெளிப்படையாக, கடந்த ஆண்டு,

33
00:01:45,640 --> 00:01:49,710
நான் தொடர்ந்து சீராக வரிசையாக அதிகரித்து வருகிறது.

34
00:01:49,710 --> 00:01:52,870
10 மில்லியன் தளங்கள் மத்தியில், இன்னும் -

35
00:01:52,870 --> 00:01:55,180
அவர்கள் சுமார் 40% தற்போது அதை பயன்படுத்தி.

36
00:01:55,180 --> 00:01:58,540
Facebook இது பயன்படுத்துகிறது, மற்ற வலைத்தளங்களில் நிறைய தற்போது அதை பயன்படுத்த.

37
00:01:58,540 --> 00:02:01,540
நீங்கள் விரும்பினால் நீங்கள், உங்கள் சொந்த அந்த புள்ளி பார்க்க முடியும்.

38
00:02:01,540 --> 00:02:05,820
இது ஒரு அடித்தளத்தை மற்றும் 13 நிர்வாக குழு உறுப்பினர்கள், ஏனெனில் நீங்கள், அது முறைப்படியாக சொல்ல முடியும்

39
00:02:05,820 --> 00:02:11,910
வழக்கமான அடிப்படையில் அது வேலை 20 பேர் கொண்ட குழு இணைந்து.

40
00:02:11,910 --> 00:02:16,110
எனவே இது மிகவும் பரவலாக பயன்படுத்தப்படும், அது, ஒரு. Org URL உள்ளது அதை ஆடம்பரமான தான்,

41
00:02:16,110 --> 00:02:21,660
இது மற்ற ஊழியர்களின் துணைநிறுவனங்களுள் உள்ளது, எனவே இது ஒரு பெரிய விஷயம் இல்லை.

42
00:02:21,660 --> 00:02:24,510
>> ஏன் அதை பயன்படுத்த வேண்டும்? JQuery மிகவும் இலகுரக உள்ளது.

43
00:02:24,510 --> 00:02:27,270
அது ஒரு பெரிய கோப்பு இல்லை என்று பொருள். நீங்கள் பதிவிறக்க முடியும்

44
00:02:27,270 --> 00:02:31,540
minified கோப்பு, இது அனைத்து வெள்ளை இடைவெளி மற்றும் கருத்துரைகள் இல்லாமல், அதை மட்டும் 32 kB தான்.

45
00:02:31,540 --> 00:02:33,600
அதனால் தான் உங்கள் வலை பக்கம் மீது டாஸில் எளிது

46
00:02:33,600 --> 00:02:35,910
மற்றும் அதை பயன்படுத்தி தொடங்க.

47
00:02:35,910 --> 00:02:39,630
இது மிகவும் திறமையாக எழுதப்பட்ட இருக்கிறது, அதனால் நிறைய எடுத்து இல்லை -

48
00:02:39,630 --> 00:02:42,550
நீங்கள் அதை பயன்படுத்த மிகவும் போது இது உங்கள் இணைய வேகத்தை இல்லை.

49
00:02:42,550 --> 00:02:45,770
அதை நீங்கள் முன்பு unfeasible என்று விஷயங்களை செயல்படுத்த முடிகிறது.

50
00:02:45,770 --> 00:02:47,790
சில செயல்பாட்டில் அம்சங்கள் உள்ளன

51
00:02:47,790 --> 00:02:51,780
அனிமேஷன் உருவாக்கும் போன்ற, என்று சாதாரணமாக செய்ய மிக, மிக கடினம்.

52
00:02:51,780 --> 00:02:54,300
ஆனால் jQuery அவர்கள் உண்மையில் மிகவும் எளிமையான இருக்கிறோம்.

53
00:02:54,300 --> 00:02:57,040
மற்றும் செய்ய எரிச்சலூட்டும் சில விஷயங்கள் உள்ளன

54
00:02:57,040 --> 00:02:59,610
இங்கு சாத்தியம், ஒரு போஸ்ட் கோரிக்கை அனுப்ப,

55
00:02:59,610 --> 00:03:02,190
ஆனால் ஒரு சர்வர் கோரிக்கையை அனுப்ப, நீங்கள் எழுத வேண்டும்

56
00:03:02,190 --> 00:03:04,320
குறியீடு ஐந்து அல்லது ஆறு அல்லது ஏழு கோடுகள்.

57
00:03:04,320 --> 00:03:07,200
இப்போது நீங்கள் ஒரு ஒற்றை செயல்பாடு அழைப்பில், குறியீடு ஒற்றை வரியில் அதை செய்ய முடியும்.

58
00:03:07,200 --> 00:03:11,790
என்று உண்மையில் நீங்கள் செய்கிறீர்கள் என்று பொருள் நிறைய எளிதாக்குகிறது.

59
00:03:11,790 --> 00:03:15,950
மற்றும் அனைத்து குளிர் குழந்தைகள் அதை பயன்படுத்தி. என்று மூலம், நான் சொல்கிறேன்.

60
00:03:15,950 --> 00:03:19,270
என் இறுதி திட்டம் கடந்த ஆண்டு, இது, news.whrb.org உள்ளது

61
00:03:19,270 --> 00:03:22,530
வானொலி நிலையம் உள்ளது, இது, நான் இந்த வலைப்பதிவை உருவாக்கப்பட்டது

62
00:03:22,530 --> 00:03:29,750
இது நாம் செய்த நிகழ்ச்சிகள் மற்றும் அவர்களுக்கு MP3 கோப்புகளை வழங்குகிறது.

63
00:03:29,750 --> 00:03:32,070
நீங்கள், கடந்த நிகழ்ச்சிகள் மூலம் உலவ முடியும்

64
00:03:32,070 --> 00:03:34,130
அது அனைத்து jQuery பயன்படுத்தி முடிந்துவிட்டது. நீங்கள் சொல்ல முடியும்

65
00:03:34,130 --> 00:03:37,340
ஏனெனில் இந்த அனிமேஷன், அடிப்படையில்.

66
00:03:37,340 --> 00:03:42,360
நீங்கள் என்றால் - நீங்கள் ஒரு புதிய பதவியை உருவாக்கி என்றால்,

67
00:03:42,360 --> 00:03:45,980
இந்த சிறிய slideDowns பார்க்க; என்று அனைத்து jQuery பயன்படுத்தி முடிந்துவிட்டது.

68
00:03:45,980 --> 00:03:49,140
இந்த ஃபேட் - அதனால் பொருட்களை அந்த வகையான அனைத்து, jQuery பயன்படுத்தி செய்யப்படுகிறது

69
00:03:49,140 --> 00:03:52,720
நீங்கள் தொடர்ந்து தளம் செல்லவும் பக்கம் ஏற்றவும் இல்லை.

70
00:03:52,720 --> 00:03:57,220
JQuery பயன்படுத்தி செய்துள்ளார் என்று மற்றொரு குளிர் விஷயம் இந்த காட்சி உள்ளது.

71
00:03:57,220 --> 00:03:59,700
நான், scrolldeck என்று இந்த திறந்த மூல விஷயம் பயன்படுத்தி

72
00:03:59,700 --> 00:04:03,250
இது யாரோ jQuery மேல் எழுதினார்.

73
00:04:03,250 --> 00:04:04,870
நீங்கள் உண்மையில் மூல பார்த்தால், நீங்கள் பார்க்க முடியும்

74
00:04:04,870 --> 00:04:07,830
அவர்கள் இந்த டாலர் குறி பயன்படுத்தி வருகிறோம்; டாலர் அறிகுறிகள்

75
00:04:07,830 --> 00:04:12,110
ஒரு செயல்பாடு ஒரு jQuery செயல்பாடு என்று குறிப்பிட்ட jQuery பயன்படுத்தப்படுகின்றன.

76
00:04:12,110 --> 00:04:15,020
அதனால் அவர்கள் jQuery மேல் ஒரு போர்வையை வரையறுக்கும்

77
00:04:15,020 --> 00:04:18,570
என்று நீங்கள், இது போன்ற ஒரு காட்சி செய்ய அனுமதிக்கிறது

78
00:04:18,570 --> 00:04:21,200
நீங்கள், இங்கே அவர்கள் அசல் jQuery கோப்பு உட்பட என்பதை பார்க்க முடியும்

79
00:04:21,200 --> 00:04:24,120
இது jQuery பயன்படுத்த விரும்பினால் நீங்கள் சேர்க்க வேண்டும் என்ன

80
00:04:24,120 --> 00:04:30,450
உங்கள் சொந்த வலைத்தளங்களில்.

81
00:04:30,450 --> 00:04:32,790
>> என்று தொட்டு, எப்படி நீங்கள் அதை நிறுவ?

82
00:04:32,790 --> 00:04:36,150
நீங்கள் தான், கோப்பு jQuery.com மற்றும் பதிவிறக்க செல்ல முடியும்

83
00:04:36,150 --> 00:04:38,320
ஒரு வலை அடைவு அதை சேர்க்க மற்றும் அதை அடங்கும்.

84
00:04:38,320 --> 00:04:42,200
அதனால் தான் மேல், உங்கள் HTML கோப்பை தலைவர் குறியில்

85
00:04:42,200 --> 00:04:45,400
உங்கள் முக்கிய HTML கோப்பை, வெறும் குறியீடு என்று வரி இல்லை

86
00:04:45,400 --> 00:04:49,490
நீங்கள் பயன்படுத்தும் jQuery எந்த பதிப்பு சரியான பதிப்பு.

87
00:04:49,490 --> 00:04:51,340
நீங்கள், jQuery.com செல்வதன் மூலம் பதிவிறக்கி கொள்ளலாம்

88
00:04:51,340 --> 00:04:55,130
", பதிவிறக்க jQuery" என்பதை கிளிக் செய்யவும் மற்றும் நீங்கள் கிடைத்துவிட்டது. அவ்வளவு தான்.

89
00:04:55,130 --> 00:04:58,880
உண்மையில், நாம் அதை போல் என்ன பார்க்கலாமா.

90
00:04:58,880 --> 00:05:01,080
நீங்கள் இங்கே பதிவிறக்க கிளிக் செய்தால், jQuery இது.

91
00:05:01,080 --> 00:05:05,260
நீங்கள் அனைத்து மாய பொருட்களை என்று ஒரு பெரிய இங்கு கோப்பு.

92
00:05:05,260 --> 00:05:09,270
இந்த அனைத்து வாசிக்கக்கூடிய இல்லாத minified பதிப்பு, உள்ளது.

93
00:05:09,270 --> 00:05:13,180
நீங்கள் படிக்க இது, வளர்ச்சி பதிப்பு பார்க்க முடியும்

94
00:05:13,180 --> 00:05:15,370
ஆனால் இன்னும் மிக, மிக நீண்ட.

95
00:05:15,370 --> 00:05:17,980
அங்கு உள்ள பொருட்களை நிறைய இருக்கிறது.

96
00:05:17,980 --> 00:05:20,240
நீங்கள் அதை Google இன் வழங்கினார் பதிப்பு இணைக்க முடியும்.

97
00:05:20,240 --> 00:05:23,820
அதனால் நீங்கள் அதை வழங்க கூகிள் தங்கியிருக்க அனுமதிக்க வேண்டும்.

98
00:05:23,820 --> 00:05:29,310
அவர்கள் எல்லா நேரங்களிலும் கிடைக்கும் இது ஒவ்வொரு பதிப்பு, வழங்கும்.

99
00:05:29,310 --> 00:05:31,530
எனவே ஒருவேளை நீங்கள் நீங்கள் அதை வழங்க கூகிள் சார்ந்திருக்க முடியாது.

100
00:05:31,530 --> 00:05:33,270
அல்லது நீங்கள் jQuery சொந்த சமீபத்திய பதிப்பு இணைக்க முடியும்.

101
00:05:33,270 --> 00:05:36,400
அவர்கள் எப்போதும் சமீபத்திய பதிப்பு என்று ஒரு URL ஐ.

102
00:05:36,400 --> 00:05:40,850
, அதை jQuery-சமீபத்திய, மற்றும் என்று ஒரு பிரச்சனை

103
00:05:40,850 --> 00:05:44,350
இது தான் என்றால் மேம்படுத்தப்பட்ட jQuery மற்றும் முந்தைய செயல்பாட்டை சில

104
00:05:44,350 --> 00:05:47,250
அவர்கள், retrograded அல்லது நீக்கப்பட்டது ஆகிறது

105
00:05:47,250 --> 00:05:49,620
அது மே - அது இனி ஆதரவு பெற ஆரம்பிக்க கூடும்.

106
00:05:49,620 --> 00:05:52,940
நீங்கள், பதிப்பு 1.8.2 பயன்படுத்தி ஒரு வலைத்தளத்தில் எழுத என்றால்

107
00:05:52,940 --> 00:05:55,000
நேரம் பதிப்பு மூலம் 2.7 வெளியே வரும்

108
00:05:55,000 --> 00:05:57,000
நீங்கள் எழுதியது செயல்பாடுகளை சில இனி வேலை இல்லை.

109
00:05:57,000 --> 00:05:59,930
எனவே, 32 kB ஃபைல் மட்டும் பதிவிறக்க நல்லது

110
00:05:59,930 --> 00:06:04,100
உங்கள் வலை பக்கத்தில் வைத்து, அது எப்போதும் வேலை செய்வார்கள்.

111
00:06:04,100 --> 00:06:07,450
>> நான் போய் jQuery உண்மையான செயல்பாடு பற்றி பேசி தொடங்க போகிறேன்.

112
00:06:07,450 --> 00:06:13,090
முதல் விஷயம் தேர்வாளர்கள் உள்ளது. இந்த jQuery ஆரம்பத்தில் வழங்க கருவாகும் என்ன.

113
00:06:13,090 --> 00:06:15,500
நீங்கள் பார்க்க ஆவணங்களை கிளிக் செய்யலாம்

114
00:06:15,500 --> 00:06:18,690
நான் உள்ளடக்கும் வேண்டும் போகிறேன் தேர்வாளர்களுக்கு விரிவான ஆவணங்களை.

115
00:06:18,690 --> 00:06:24,120
தேர்வாளர்கள் பின்னால் யோசனை நீங்கள் ஒரு பக்கத்தில் HTML உறுப்புகள் தேர்ந்தெடுக்க முடியும்.

116
00:06:24,120 --> 00:06:28,790
ஒரு பக்கத்தில் உறுப்புகள் ஐடிகள் மற்றும் வகுப்புகள் மற்றும் இதர அடையாளம் அம்சங்கள் உள்ளன.

117
00:06:28,790 --> 00:06:30,500
மேலும் அங்கு - பல்வேறு ஆர்டர்கள் they're.

118
00:06:30,500 --> 00:06:32,570
அவர்கள் ஒருவரை ஒருவர் உள்ளே காக்கப்பட்ட நீங்கள் நேரம் சில.

119
00:06:32,570 --> 00:06:38,120
JQuery நீங்கள் பக்கம் கூறுகளை மீட்டெடுக்க எளிய கேள்விகளுக்கு அமைக்க அனுமதிக்கிறது.

120
00:06:38,120 --> 00:06:41,890
நீங்கள், jQuery செயல்பாடுகளை பயன்படுத்தி இந்த கூறுகளை கையாள முடியும்

121
00:06:41,890 --> 00:06:43,990
நாம் பின்னர் கிடைக்கும் கையாளுதல் பிரிவில் ஆகும்.

122
00:06:43,990 --> 00:06:46,040
நீங்கள் HTML, CSS மாற்ற, மாற்றலாம்

123
00:06:46,040 --> 00:06:50,500
நீங்கள் உயிருள்ள மற்றும் சில நிகழ்வுகளை செயல்படுத்த செயல்பாடுகளை சேர்க்க முடியும்.

124
00:06:50,500 --> 00:06:52,710
ஏதாவது சொடுக்கும் இருந்தால் அதனால், எடுத்துக்காட்டாக, நீங்கள், நடக்கும் ஒன்று வேண்டும்

125
00:06:52,710 --> 00:06:55,210
நீங்கள் jQuery அதே பயன்படுத்தி அதை செய்ய முடியும்.

126
00:06:55,210 --> 00:06:57,380
மற்றும் கூறுகள் தேர்ந்தெடுக்க வழிகளில் ஒரு பெரிய எண் உள்ளன.

127
00:06:57,380 --> 00:07:00,310
அவர்கள் மிகவும், நான் பயன்படுத்தப்படும், ஆனால் அடிப்படை தான் உள்ளன

128
00:07:00,310 --> 00:07:02,340
இது மிகவும் முக்கியம்.

129
00:07:02,340 --> 00:07:05,750
உறுப்பு தேர்வுக்குழு, உதாரணமாக, நீங்கள் ஒன்றும் தேர்வு

130
00:07:05,750 --> 00:07:10,640
ஒரு கிராம உள்ளது - நான் உண்மையில் இந்த ஸ்லைடு காட்சி திறந்த குறியீடு உள்ளது.

131
00:07:10,640 --> 00:07:13,450
அதனால், எடுத்துக்காட்டாக, இங்கு முதல் ஸ்லைடு இருக்கிறது.

132
00:07:13,450 --> 00:07:17,430
இங்கு நாம் ஒரு DIV வேண்டும். நாம் உண்மையில் பக்கம் அனைத்து divs தேர்வு செய்தால்,

133
00:07:17,430 --> 00:07:22,300
அது இந்த கோப்பு இருக்கும் அனைத்து divs வரிசை கொடுப்பேன்.

134
00:07:22,300 --> 00:07:27,040
ஐடி தேர்வுக்குழு நீங்கள் ஒரு குறிப்பிட்ட அடையாள எதையும் தேர்ந்தெடுக்க உதவுகிறது.

135
00:07:27,040 --> 00:07:32,230
இந்த, எடுத்துக்காட்டாக, இந்த விஷயம் ஐடி "என்ன," கொண்டிருக்கிறது என்றால்

136
00:07:32,230 --> 00:07:37,160
நாம் # என்ன பதிலாக சில ஐடி என்ற இந்த செய்தால்,

137
00:07:37,160 --> 00:07:42,920
இது ஒரு உறுப்பு உள்ளது என்று பக்கம் என்று உறுப்பு என்று ஒரு வரிசை திரும்ப வேண்டும்.

138
00:07:42,920 --> 00:07:45,490
நாங்கள் கொண்டு தேர்வாளர்கள் இந்த வழியில் இணைக்க முடியும்

139
00:07:45,490 --> 00:07:48,260
ஒரே divs என்று க்களை கொண்ட விஷயங்கள் தேர்ந்தெடுக்கவும்.

140
00:07:48,260 --> 00:07:51,810
ஆமாம், அதனால். அந்த ஐடி என்று divs தேர்ந்தெடுக்கவும்.

141
00:07:51,810 --> 00:07:55,260
வர்க்கம் நீ தான் ஒரு புள்ளியை பயன்படுத்தி, அதை CSS அதே விஷயம்.

142
00:07:55,260 --> 00:07:57,500
பரம்பரையை கூட வேலை; சில வர்க்கம் வேண்டும் என்றால்

143
00:07:57,500 --> 00:08:00,170
உதாரணமாக, அதனால் - அது உள்ள கூறுகளை காக்கப்பட்ட

144
00:08:00,170 --> 00:08:03,260
அங்கு சில வர்க்கம் இது மற்றொரு பக்கம் இணைக்க ஒரு நங்கூரம் குறிச்சொல் உள்ளது,

145
00:08:03,260 --> 00:08:08,510
நீங்கள் இணைப்பை பெற இந்த தொடரியல் பயன்படுத்தலாம்.

146
00:08:08,510 --> 00:08:12,420
நீங்கள் ஒரே நேரத்தில் பல விஷயங்களை தேர்ந்தெடுக்க முடியும்; வெறும் காற்புள்ளிகளால் பிரிக்க,

147
00:08:12,420 --> 00:08:17,360
நீங்கள் விரும்பும் எந்த தேர்வுக்குழு பயன்படுத்த, மற்றும் நீங்கள் ஒரு வரிசையில், ஒரே நேரத்தில் அவர்கள் அனைவரும் தேர்வு செய்கிறேன்.

148
00:08:17,360 --> 00:08:19,650
பின்னர் மேலும் தேர்வுக்குழு இல்லை இல்லை, எனவே நீங்கள் அனைத்து divs தேர்ந்தெடுக்க முடியும்

149
00:08:19,650 --> 00:08:24,210
சில குறிப்பிட்ட வர்க்கம் இல்லை என்று.

150
00:08:24,210 --> 00:08:28,790
என்று இந்த தேர்வை எவ்வாறு அறிமுகம் பெற ஒரு பயனுள்ளதாக வழி.

151
00:08:28,790 --> 00:08:32,270
நான் இரண்டாவது சில கான்கிரீட் உதாரணங்கள் காட்ட முடியும்.

152
00:08:32,270 --> 00:08:35,480
>> மேம்பட்ட தேர்வாளர்கள் இருக்கின்றன - இந்த ஒரு சில உதாரணங்கள்.

153
00:08:35,480 --> 00:08:38,840
அங்கு இந்த டஜன் கணக்கான, ஆனால் நீங்கள் அனைத்து பட குறிச்சொற்களை தேர்ந்தெடுக்க விரும்பினால்

154
00:08:38,840 --> 00:08:42,799
சில உறுப்பு உள்ள, பின்னர் நீங்கள் செய்ய: படத்தை.

155
00:08:42,799 --> 00:08:45,340
நீங்கள், எடுத்துக்காட்டாக, கூட கூறுகளை தேர்ந்தெடுக்க விரும்பினால் அவர்கள் 20 இருந்தால்,

156
00:08:45,340 --> 00:08:48,290
நீங்கள், 0, 2, 4, 6 மற்றும் பல தேர்ந்தெடுக்க வேண்டும்

157
00:08:48,290 --> 00:08:51,630
கூட, அல்லது நீங்கள் செய்ய முடியும்: நீங்கள் செய்ய ஒற்றைப்படை.

158
00:08:51,630 --> 00:08:55,470
இந்த போலி தேர்வாளர்கள் உள்ளன, அவை உண்மையில் கணக்கிட என்று அர்த்தம்

159
00:08:55,470 --> 00:09:00,960
ஒவ்வொரு உறுப்பு மாறாக போன உடனே அவர்கள் அனைவரும் தேர்வு விட.

160
00:09:00,960 --> 00:09:05,510
நீங்கள் - ஒவ்வொரு உறுப்பு குறிப்பிட்ட பண்புகளை கொண்டுள்ளன.

161
00:09:05,510 --> 00:09:10,580
அதனால், எடுத்துக்காட்டாக, வர்க்கம் = மையத்தில் ஒரு கற்பிதம் ஆகும்.

162
00:09:10,580 --> 00:09:16,500
இந்த நங்கூரம் குறிக்கு, படம், மீயுரை குறிப்பு, ஒரு கற்பிதம் ஆகும்.

163
00:09:16,500 --> 00:09:21,150
அது உண்மையில் பொது தான் - அதனால் நீங்கள் ஒரு குறிப்பிட்ட பக்கம் அல்லது இணைப்புகளை என்று ஏதாவது தேர்ந்தெடுக்க முடியும்.

164
00:09:21,150 --> 00:09:25,410
நீங்கள் விரும்பினால் எந்த பண்புடன் எதையும் தேர்ந்தெடுக்க முடியும்.

165
00:09:25,410 --> 00:09:27,470
பின்னர், மேலும், பண்பு உள்ளது.

166
00:09:27,470 --> 00:09:30,420
நீங்கள், எடுத்துக்காட்டாக, அனைத்து உள்ளீடு கூறுகளை தேர்ந்தெடுக்க விரும்பினால்

167
00:09:30,420 --> 00:09:32,700
என்று, அவர்கள் பெயர் வார்த்தை "பாஸ்" உண்டு

168
00:09:32,700 --> 00:09:37,560
ஒரு பக்கம் ஒரு உள்ளீடு உரை தொகுதி இருந்தால்

169
00:09:37,560 --> 00:09:41,050
என்று நீங்கள் தேர்ந்தெடுக்க முடியும் ஒரு வழி இருக்கும் என்று "கடவுச்சொல்லை," என்று.

170
00:09:41,050 --> 00:09:43,020
மற்றும் இன்னும் பல உள்ளன. நீ போய் ஆவணங்களை பார்க்க முடியும்

171
00:09:43,020 --> 00:09:46,950
இது எவ்வாறு வேலை செய்கிறது என்பதை குறிப்பிட்ட உதாரணங்கள் பார்க்க.

172
00:09:46,950 --> 00:09:48,840
>> அடுத்த விஷயம் டிஓம் கையாளுதல் உள்ளது.

173
00:09:48,840 --> 00:09:52,500
நாம் கூறுகளை தேர்ந்தெடுத்து பின்னர், நாம் உண்மையில் அவர்கள் பொருட்களை செய்ய வேண்டும்.

174
00:09:52,500 --> 00:09:55,500
இதுவரை நாம் என்று பார்த்து, ஆனால் இல்லை, நீங்கள் ஆவணங்களை பார்த்தால்,

175
00:09:55,500 --> 00:09:57,950
நாம் செய்ய முடியும் என்று நிறைய உண்மையில் இருக்கிறது.

176
00:09:57,950 --> 00:10:02,900
இந்த கட்டத்தில், நாம் இந்த விளக்கக்காட்சியை கூறுகளை தேர்ந்தெடுக்க போகிறோம்

177
00:10:02,900 --> 00:10:04,890
அவர்களை jQuery பயன்படுத்தி கையாள.

178
00:10:04,890 --> 00:10:08,290
இந்த jQuery பயன்படுத்தி நடைமுறைப்படுத்தப்படும் ஏனெனில், நாம், jQuery நூலகம் அணுகல்

179
00:10:08,290 --> 00:10:13,580
நாம் இந்த குறியீடு இருக்கும் செயல்பாடுகளை பயன்படுத்தலாம்.

180
00:10:13,580 --> 00:10:16,200
உங்களை பற்றி தெரியாது என்று ஒரு பயனுள்ள விஷயம் பணியகம் உள்ளது.

181
00:10:16,200 --> 00:10:19,340
மற்றும் Google Chrome நான் பயன்படுத்தி கொண்டிருக்கிறேன். நீங்கள் Alt கட்டளையை ஜே அழுத்தவும் முடியும்

182
00:10:19,340 --> 00:10:21,720
அல்லது Alt கட்டுப்பாடு ஜே பணியகம் திறக்க.

183
00:10:21,720 --> 00:10:26,130
பயர்பாக்ஸ் நான் கட்டளை மாற்றம் கே அல்லது கட்டுப்பாட்டு மாற்றம் கே நினைக்கிறேன்

184
00:10:26,130 --> 00:10:28,880
Safari இல் நீங்கள் சில அமைப்புகளை மாற்ற வேண்டும்.

185
00:10:28,880 --> 00:10:35,460
அங்கு நீங்கள் அதை செய்ய விரும்பினால் ஒரு இணைப்பை தான், ஆனால் நான் Chrome அல்லது Firefox பெற பரிந்துரைக்கிறோம்.

186
00:10:35,460 --> 00:10:37,750
எனவே பணியகம் திறந்து விட, அதை இங்கே கீழே தான்.

187
00:10:37,750 --> 00:10:41,170
அதை நீங்கள் அடிப்படையில் உங்களுக்கு எதையும் செய்ய நான் அனுமதிக்கிறது.

188
00:10:41,170 --> 00:10:45,100
எனவே நீங்கள், ஒரு மாறி என்று x உருவாக்க தட்டச்சு செய்யலாம்

189
00:10:45,100 --> 00:10:49,200
x = 5, x + 2 என்ன என்று பார்ப்போம்.

190
00:10:49,200 --> 00:10:57,670
நீங்கள் சிஎஸ் போன்ற ஏதாவது செய்ய கூட முடியாது + பார்க்கலாம், x CS50 என்று + 45.

191
00:10:57,670 --> 00:11:00,530
நீங்கள் சில பொதுவான இங்கு பொருட்களை செய்ய முடியும்.

192
00:11:00,530 --> 00:11:02,730
ஆனால் நீங்கள் இங்கே jQuery செய்ய முடியும்.

193
00:11:02,730 --> 00:11:06,200
>> எனவே இங்கே இந்த முதல் அம்சம் பாருங்கள் நாம்.

194
00:11:06,200 --> 00:11:09,500
நாம் ஒரு சரம் இது HTML, எனப்படும் ஒரு மாறுபடும் உருவாக்க போகிறோம்.

195
00:11:09,500 --> 00:11:15,890
சில புதிய உரை என்று அந்த, அது ஒரு பத்தி குறி உள்ளது.

196
00:11:15,890 --> 00:11:19,420
எனவே நாம் இந்த HTML வேண்டும், அதை பத்தி சினிமா, சில புதிய உரை இருக்கிறது.

197
00:11:19,420 --> 00:11:21,800
இப்போது நாம் உண்மையில் பக்கம் அதை சேர்க்க வேண்டும்.

198
00:11:21,800 --> 00:11:28,310
நான் இந்த பத்தி HTML ஐ, இங்கே இந்த தலைப்பு, append அடையாள உள்ளது என்று அது அமைக்க.

199
00:11:28,310 --> 00:11:32,320
நாம், append ஐடி தேர்ந்தெடுத்து என்றால் அது append

200
00:11:32,320 --> 00:11:34,560
நான் உருவாக்கிய HTML மாறி,

201
00:11:34,560 --> 00:11:40,370
அது சரி, இந்த பத்தி டேக் பின்னர், இறுதியில் உள்ள HTML சேர்க்கும்.

202
00:11:40,370 --> 00:11:43,730
நாம் செய்தால் அதனால் - நாம், இந்த பத்தியை தேர்வு

203
00:11:43,730 --> 00:11:47,590
நாம், நான் சேர்க்க HTML மாறி கொண்டு append செயல்பாட்டை அழைத்தேன்

204
00:11:47,590 --> 00:11:50,960
அது பக்கத்தில் வலது அங்கு புதிய உரை சேர்க்கும்.

205
00:11:50,960 --> 00:11:54,970
நாம் அது உறுப்பு தொடக்கத்தில், முன் சென்று அதாவது, prepend முடியும்.

206
00:11:54,970 --> 00:11:58,290
எனவே தொடக்கத்தில், பின்னர் சில புதிய உரை உள்ளது.

207
00:11:58,290 --> 00:12:01,660
நான் போய் நான் செய்துள்ளேன் இந்த பொருட்களை பெற புதுப்பித்து கொள்ளலாம்.

208
00:12:01,660 --> 00:12:05,280
ஆனால் நீங்கள் prepend பயன்படுத்த எப்படி ஒரு எடுத்துக்காட்டு மற்றும் முறைகள் append

209
00:12:05,280 --> 00:12:08,910
பக்கத்தில் பொருட்களை கையாள, சில HTML சேர்க்க.

210
00:12:08,910 --> 00:12:11,080
>> நீங்கள் வகுப்புகள் மாற்ற முடியும்.

211
00:12:11,080 --> 00:12:14,970
இந்த பாணி கோப்பில், நான் வெற்றி வர்க்கம் இந்த உருவாக்கப்பட்டது

212
00:12:14,970 --> 00:12:19,990
அந்த உரை நிறம் சிவப்பு, சில பின்னணி நிறம், மற்றும் ஒரு உரை நிழல் கொண்டுள்ளது.

213
00:12:19,990 --> 00:12:23,810
இது பயங்கரமான தெரிகிறது, ஆனால் நான் உண்மையில் முடியும் -

214
00:12:23,810 --> 00:12:26,410
இந்த பத்தி வர்க்கம் ஐடி ஒத்துள்ளது.

215
00:12:26,410 --> 00:12:29,860
நான் வெற்றி வர்க்கம் சேர்க்க முடியும்.

216
00:12:29,860 --> 00:12:31,870
நான், பணியகத்தில் இந்த இயக்க முடியாது

217
00:12:31,870 --> 00:12:35,480
மற்றும் அந்த வர்க்கம் சேர்க்கும், மற்றும் இப்போது அது பயங்கரமான தெரிகிறது, என எதிர்பார்க்கப்படுகிறது.

218
00:12:35,480 --> 00:12:39,680
CSS தானாகவே அந்த வகுப்புகள் நீங்கள் பயன்படுத்தலாம் -

219
00:12:39,680 --> 00:12:42,680
ஒரு வர்க்கத்தின் CSS இருந்தால், அது தானாகவே பொருந்தும்

220
00:12:42,680 --> 00:12:44,680
நீங்கள் ஒரு உறுப்பு வர்க்க மாற்ற வேண்டும்.

221
00:12:44,680 --> 00:12:49,230
நாம் மட்டும் அகற்றுவதில் வர்க்கம் பயன்படுத்தி அதை நீக்க முடியும்.

222
00:12:49,230 --> 00:12:53,690
நீங்கள் சிவப்பு அல்லது தனிச்சிறப்பான போன்ற சில முன் வகுப்புகள், வேண்டும் என்றால்

223
00:12:53,690 --> 00:12:55,990
பின்னர் நீங்கள், உறுப்புகளை விண்ணப்பிக்க வேண்டும்

224
00:12:55,990 --> 00:12:58,230
நீங்கள் ஒவ்வொரு முறையும் பாணியை அனைத்து CSS செய்ய வேண்டாம்.

225
00:12:58,230 --> 00:13:01,510
நீங்கள் ஒரு உறுப்பு என வர்க்கம் சேர்க்க முடியும், பின்னர் அது தானாகவே மாறும் -

226
00:13:01,510 --> 00:13:05,580
அது தானாகவே அந்த வர்க்கம் பொருத்தமான இருக்கும்.

227
00:13:05,580 --> 00:13:07,900
நாங்கள் பொருட்களை நீக்க முடியும்; எனவே நான் அனைத்து divs தேர்ந்தெடுக்க போகிறேன்

228
00:13:07,900 --> 00:13:10,830
பக்கத்தில் அவற்றை நீக்க.

229
00:13:10,830 --> 00:13:13,990
இப்படி என்ன நடக்கிறது?

230
00:13:13,990 --> 00:13:16,170
இது ஒன்றும் இருக்க போகிறது, அதனால் இடது எதுவும் உண்மையில் இல்லை.

231
00:13:16,170 --> 00:13:18,170
என் வழங்கல் போய்விட்டது.

232
00:13:18,170 --> 00:13:21,290
நான், அதிர்ஷ்டவசமாக, புதுப்பிக்க மற்றும் அதை திரும்ப கொண்டு வர முடியும்

233
00:13:21,290 --> 00:13:24,420
அதை ஒரு முறை இயங்கும் ஏனெனில்,

234
00:13:24,420 --> 00:13:29,460
நீங்கள் முற்றிலும் பக்கம் ஆஃப் ஒரு உறுப்பு அழிக்க விரும்பினால் ஆனால் அந்த, நீக்கும் ஒரு எடுத்துக்காட்டு.

235
00:13:29,460 --> 00:13:33,180
>> நீங்கள் மேலெழுதும் முடியும், மற்றும் நான் பக்கத்தில் அனைத்து பத்தி குறிச்சொற்களை தேர்ந்தெடுக்க போகிறேன்

236
00:13:33,180 --> 00:13:36,850
அவர்களை உள்ளே சென்று அவர்கள் அவர்கள் என்ன உரை பதிலாக

237
00:13:36,850 --> 00:13:39,690
வெறும் வார்த்தை "சோதனை."

238
00:13:39,690 --> 00:13:46,520
இதை நீங்கள் செய்தால், உங்களுக்கு இந்த சோதனை பக்கம் ஒவ்வொரு பத்தி எடுத்து கொள்வேன்.

239
00:13:46,520 --> 00:13:49,150
இங்கும். அவர்கள் அனைத்து சோதனை பதிலாக.

240
00:13:49,150 --> 00:13:53,270
அதனால் உரை அணுகும் மற்றும் மேற்சேர்க்கை ஒரு எடுத்துக்காட்டு.

241
00:13:53,270 --> 00:13:57,490
நீங்கள் தகவல் பெற முடியாது, இந்த உள்ளீடு பெட்டிகள் மிகவும் குளுமையாக உள்ளது.

242
00:13:57,490 --> 00:14:00,470
நீங்கள் மக்கள் பொருட்களை தட்டச்சு என்று ஒரு உள்ளீடு பெட்டியில், இருந்தால்

243
00:14:00,470 --> 00:14:03,880
மக்கள் அதை பொருட்களை தட்டச்சு,

244
00:14:03,880 --> 00:14:09,030
இங்கே நாம் உள்ளீடு, உரை ஒரு வகை எந்த உள்ளீடு டேக் தேர்ந்தெடுக்கவும்.

245
00:14:09,030 --> 00:14:13,800
இந்த வழக்கில், முழு வழங்கல் ஒரே உள்ளீடு பெட்டியில், அங்கு

246
00:14:13,800 --> 00:14:17,260
எனவே நாம் முதலில் ஒன்றை தேர்ந்தெடுக்க வேண்டும், மற்றும் நாம் அது வால் செயல்பாடு அழைப்பு.

247
00:14:17,260 --> 00:14:19,570
என்று, மதிப்பு கொடுக்கிறது, மற்றும் ஒரு உள்ளீடு பெட்டி

248
00:14:19,570 --> 00:14:24,330
மதிப்பு அது உள்ளே இருக்க என்ன நடந்தாலும் தான்.

249
00:14:24,330 --> 00:14:31,880
நாம் இதை செய்தால், அதனால், அது சரம் பொருட்களை கொடுக்கிறது.

250
00:14:31,880 --> 00:14:36,860
நாம் இன்னும் பொருட்களை எழுதி பின்னர் மீண்டும் அழைக்க சென்றால், அது மேலும் பொருட்களை மாறும்.

251
00:14:36,860 --> 00:14:40,760
என்று, சரிபார்த்து பின்னர் ஒரு உள்ளீடு பெட்டியில் கூறுகளை அணுக ஒரு சிறந்த வழி, மற்றும்

252
00:14:40,760 --> 00:14:45,060
இந்த ஒரு சரியான மின்னஞ்சல் முகவரி, இந்த எடுத்துக்காட்டாக, சரியான தேதி.

253
00:14:45,060 --> 00:14:49,600
மக்கள் அதை தட்டச்சு நீங்கள் தான், உடனடியாக பொருட்களை எடுக்க முடியாது

254
00:14:49,600 --> 00:14:54,830
பின்னர், அது ஒரு செல்லுபடியாகும் என்று சோதிக்க ஒரு சர்வர் அதை திருப்பி அனுப்ப, நீங்கள் அதை விரும்பவில்லை எதையும் செய்ய.

255
00:14:54,830 --> 00:14:57,720
என்று அந்த பெட்டிகளை உள்ளே என்ன அணுக எப்படி.

256
00:14:57,720 --> 00:15:00,090
>> நீங்கள் அதற்கு பதிலாக சேர்க்க எனவே, CSS ஐ நேரடியாக மாற்ற முடியும்

257
00:15:00,090 --> 00:15:02,510
சில முன் பண்புகளை கொண்ட ஒரு வர்க்கம்,

258
00:15:02,510 --> 00:15:08,120
நீ எதுவும் செய்ய வேண்டுமோ அதை CSS சேர்க்க முடியும்.

259
00:15:08,120 --> 00:15:10,350
முழு வழங்கல் இது மிகவும் நாம் தேர்ந்தெடுத்த உடல்,,

260
00:15:10,350 --> 00:15:14,370
மற்றும் வண்ண உரை என்ன வண்ணங்கள் வரையறுக்கிறது அந்த சொத்து.

261
00:15:14,370 --> 00:15:19,420
நாம் சிவப்பு அதை மாற்ற என்றால், பக்கம் அனைத்து உரை சிவப்பு மாறும்.

262
00:15:19,420 --> 00:15:26,310
நாங்கள், பின்னணி நிறம் நீலம் போன்ற ஏதாவது செய்ய முடியும்

263
00:15:26,310 --> 00:15:30,680
அங்கு நாம் அது அழகாக இருக்கிறது.

264
00:15:30,680 --> 00:15:33,840
நீங்கள் இந்த விரும்பும் எதையும் செய்ய முடியும்.

265
00:15:33,840 --> 00:15:39,250
CSS சொத்து பயன்படுத்தி, நீங்கள் உண்மையில் எதையும் எந்த நேரத்திலும் எப்படி மாற்ற முடியும்.

266
00:15:39,250 --> 00:15:41,630
அடுத்த விஷயம் விளைவுகள் உள்ளது.

267
00:15:41,630 --> 00:15:45,710
விளைவுகள், அடிப்படையில் CSS மாற்றும் அதே விஷயம் இல்லை

268
00:15:45,710 --> 00:15:48,870
ஆனால் அவர்கள் உண்மையில் அது சில கூடுதல் அனிமேஷன் வழங்கும்.

269
00:15:48,870 --> 00:15:53,380
எனவே அதற்கு பதிலாக வெறும் வண்ணம் காட்டும் அல்லது மறைத்து ஒன்று அல்லது மாற்ற,

270
00:15:53,380 --> 00:15:56,130
நீங்கள் உண்மையில் அது அனிமேஷன் செய்ய முடியும்.

271
00:15:56,130 --> 00:16:00,760
நீங்கள் அதை விரிவான ஆவணங்களை பாரு விரும்பினால் இங்கே ஆவணங்கள், தான்.

272
00:16:00,760 --> 00:16:04,760
ஆனால் நான் முக்கிய தான் மறைக்க போகிறேன்.

273
00:16:04,760 --> 00:16:12,030
நிகழ்ச்சி மற்றும் மறை பண்புகள் உள்ளன.

274
00:16:12,030 --> 00:16:14,510
ஐடி உண்மையில் இந்த பெட்டியில் ஒத்துள்ளது காட்டு / மறை,

275
00:16:14,510 --> 00:16:18,190
நான் அதை மறைக்க என்றால், அது மறைந்துவிடும்.

276
00:16:18,190 --> 00:16:24,210
நான் திரும்பி வர செய்ய வேண்டும் என்றால், நான் மீண்டும் அதை காண்பிக்க முடியும்.

277
00:16:24,210 --> 00:16:26,340
அது திரும்பி இருக்கிறது. உண்மையில், மறைந்து

278
00:16:26,340 --> 00:16:30,670
நான் உண்மையில் பக்கம் இருந்து நீக்க முடியவில்லை, நான் மறைந்த செய்ய தன்மை CSS சொத்து அமைக்க

279
00:16:30,670 --> 00:16:34,030
எனவே இனி அதை பார்க்க முடியாது.

280
00:16:34,030 --> 00:16:39,250
மேலும் அங்கு ஸ்லைடை கீழே சரிய; இந்த விளைவை அனுமதிக்கிறது.

281
00:16:39,250 --> 00:16:47,050
அது மறைந்து வரை சரிவுகள், அது மறைந்து பின்னர்

282
00:16:47,050 --> 00:16:53,210
நீங்கள் திரும்பி வர வேண்டும், அது கீழே சரிய முடியும். இப்போது அதை மீண்டும் தான்.

283
00:16:53,210 --> 00:16:57,650
ஃபேட் ஐடி இந்த பெட்டியில் ஒத்துள்ளது - இந்த மறைதல் விளைவு, உள்ளது.

284
00:16:57,650 --> 00:17:01,200
நான் அதை மங்காது என்றால், அது மெதுவாக மறைந்து கொள்கிறேன்.

285
00:17:01,200 --> 00:17:04,490
நான் அதை மங்காது முடியாது, அது திரும்பி வருவான்.

286
00:17:04,490 --> 00:17:08,930
நீங்கள் ஃபேட் செயல்பாடு குறிப்பிட்ட இது, பெற ஃபேட் செய்ய முடியும்.

287
00:17:08,930 --> 00:17:12,589
நீங்கள் விரும்பும் எந்த குறிப்பிட்ட ஒளிபுகாநிலையை செய்ய மங்காது முடியும்.

288
00:17:12,589 --> 00:17:16,869
நீங்கள் .5 வரை மெதுவாக மங்காது என்றால், அது அரை காண வேண்டும்.

289
00:17:16,869 --> 00:17:22,630
நான் அதை .1 போக செய்ய முடியும், மற்றும் மீண்டும் 1 மீண்டும் முழுமையாக தெரியும் செய்ய.

290
00:17:22,630 --> 00:17:24,760
என்று நீங்கள் செய்ய முடியும் என்று மற்றொரு அனிமேஷன் இருக்கிறது.

291
00:17:24,760 --> 00:17:26,750
>> மாற்று விளைவுகள் உள்ளன.

292
00:17:26,750 --> 00:17:33,410
அதனால் நான், இந்த பெட்டியில் ஒத்திருப்பதாக மாற்று ஐடி, தேர்ந்தெடுக்க போகிறேன்

293
00:17:33,410 --> 00:17:38,970
அந்த கிராம நீங்கள் மாற்று அழைக்க முடியும்; அது தெரியும் அது கண்ணுக்கு தெரியாத மாறும்,

294
00:17:38,970 --> 00:17:42,320
அது கண்ணுக்கு தெரியாத இருந்தால் அதை மீண்டும் பார்க்க முடியும்.

295
00:17:42,320 --> 00:17:44,440
எனவே நான் இரண்டு முறை இந்த மாற்று செயல்பாடு என்று; முதல் ஒரு

296
00:17:44,440 --> 00:17:48,380
மறை அதே விஷயம், இரண்டாவது அழைப்பு ஒரு நிகழ்ச்சியில் அதே விஷயம்.

297
00:17:48,380 --> 00:17:53,510
மேலும், ஒரு ஃபேட் மாறுவதற்கு இந்த செய்ய முடியும்

298
00:17:53,510 --> 00:17:55,730
இது உண்மையில் மங்கல்கள் தவிர அதையே, செய்கிறது.

299
00:17:55,730 --> 00:17:59,410
மற்றும் ஸ்லைடு அதே விஷயம் மாறுவதற்கு.

300
00:17:59,410 --> 00:18:01,460
தொடர் விளைவுகளை அதே உள்ளன, எந்த பொருள்

301
00:18:01,460 --> 00:18:05,520
நீங்கள் ஒரு உறுப்பு தேர்ந்தெடுத்து அதை பற்றிய அனிமேஷன் முறைகள் ஒரு கொத்து அழைத்தால்,

302
00:18:05,520 --> 00:18:07,400
நீங்கள் அதை மங்காது வேண்டும் என்றால், கீழே சரிய

303
00:18:07,400 --> 00:18:11,040
பின்னர் மறைக்க பின்னர் உண்மங்கியடைதல், இது ஒரு வரிசையில் அவர்கள் செய்யும்.

304
00:18:11,040 --> 00:18:24,920
எனவே காணாமல், திரும்பி வந்து - சில காரணங்களால், மறை நடக்கவில்லை.

305
00:18:24,920 --> 00:18:30,030
அதை வெளியே முயற்சி செய்யலாம். ஆமாம், அது வெளியே வாடி பின்னர் அதை விட்டு சறுக்கி விடப்பட்டு.

306
00:18:30,030 --> 00:18:32,230
மற்றும் நிறைய உள்ளன. நீங்கள் உயிர்ச்சித்தரமாக்குதல் செயல்பாட்டை பயன்படுத்தலாம்

307
00:18:32,230 --> 00:18:35,370
உங்கள் சொந்த அனிமேஷன் உருவாக்க, இது, மிகவும் சிக்கலாக உள்ளது

308
00:18:35,370 --> 00:18:38,790
ஆனால் அது முடிவில்லா நீட்டிப்பு உங்களுக்கு வழங்குகிறது.

309
00:18:38,790 --> 00:18:40,630
நீங்கள் விரும்பினால் அனிமேஷன் எந்த செய்ய முடியும்.

310
00:18:40,630 --> 00:18:44,230
நீங்கள் ஒரு நேரத்தில் பல அனிமேஷன் வரை வரிசையில் வரிசையில் பயன்படுத்த முடியும்.

311
00:18:44,230 --> 00:18:47,340
எனவே, நீங்கள் பக்கம் முழுவதும் பறக்க ஏதாவது விரும்பினால்

312
00:18:47,340 --> 00:18:49,860
கீழே இடது மேல் வலது ஸ்லைடு, நீங்கள், அதை செய்ய முடியும்

313
00:18:49,860 --> 00:18:55,240
மற்றும் பிற பின் ஒன்றாக நடந்து நடவடிக்கைகள் ஒரு கொத்து வேண்டும்.

314
00:18:55,240 --> 00:18:57,490
>> நாம் பற்றி பேச போகிறோம் அடுத்த விஷயம் நிகழ்வுகளை உள்ளது.

315
00:18:57,490 --> 00:19:02,090
நிகழ்வுகள் நீங்கள் அனுமதிக்க - இதுவரை, நாம் பணியகம் மீது விஷயங்களை தட்டச்சு செய்து

316
00:19:02,090 --> 00:19:04,870
என்று, இது நடக்க செய்ய ஒரு வழி உள்ளது

317
00:19:04,870 --> 00:19:08,020
ஆனால் ஒரு உண்மையான பக்கத்தில், நீங்கள் முடியும் போவதில்லை

318
00:19:08,020 --> 00:19:10,020
கன்சோல் ஒரு பயனர் வகை விஷயங்களை செய்ய.

319
00:19:10,020 --> 00:19:12,050
நீங்கள் விஷயங்கள் தானாகவே நடக்க வேண்டும்.

320
00:19:12,050 --> 00:19:18,060
என்று, சில குறிப்பிட்ட நிகழ்வு நடக்கிறது மீது செயல்படுத்த நிகழ்வுகளை பயன்படுத்த வேண்டும்.

321
00:19:18,060 --> 00:19:21,340
நீங்கள் முழு விவரங்களுக்கு ஆவணங்களை சரிபார்க்க முடியும்.

322
00:19:21,340 --> 00:19:24,030
எனவே பார்க்கலாம். நாம் பெட்டியில் மறைக்க அல்லது காட்ட வேண்டும்

323
00:19:24,030 --> 00:19:29,340
நான் இன்னும் அதை செயல்படுத்த முடியவில்லை, ஏனெனில் ஆனால் இப்போது இந்த பொத்தானை எதையும் செய்வதில்லை.

324
00:19:29,340 --> 00:19:35,420
நான் உண்மையான HTML பக்கம் செல்ல போகிறேன்.

325
00:19:35,420 --> 00:19:38,560
இங்கே ஸ்லைடு இருக்கிறது. ஸ்லைடு ஒரு DIV இருக்கிறது.

326
00:19:38,560 --> 00:19:41,230
இது ஸ்லைடு வர்க்க உள்ளது.

327
00:19:41,230 --> 00:19:46,890
உரை இருக்கிறது. இப்போது, இந்த பெட்டி மற்றும் பாக்ஸ் பொத்தானை உள்ளது.

328
00:19:46,890 --> 00:19:52,900
எப்படி நாம் உண்மையில் இந்த மறைய செய்ய முடியும்?

329
00:19:52,900 --> 00:19:58,250
அனைத்து முதல், பாக்ஸ் ஐடி மறையவைப்பார் என்று ஒரு செயல்பாடு எழுத அனுமதிக்க.

330
00:19:58,250 --> 00:20:01,820
இந்த funtion வாக்கிய அமைப்பு என்பது, தான் அதை hideTheBox அழைப்பு விடு.

331
00:20:01,820 --> 00:20:06,130
எடுத்து வாதங்கள் இல்லை, ஏனெனில் அது, எந்த வாதங்களை எடுத்து இல்லை.

332
00:20:06,130 --> 00:20:08,950
நாம் பெட்டியில் அடையாள தேர்ந்தெடுக்க முடியும்.

333
00:20:08,950 --> 00:20:15,020
தேர்வு jQuery பயன்படுத்தி அதனால், நாங்கள், பாக்ஸ் ஐடி தேர்ந்தெடுக்க முடியும்

334
00:20:15,020 --> 00:20:17,700
பின்னர் அதை மறைய செய்ய.

335
00:20:17,700 --> 00:20:20,690
நாம் அது மங்காது செய்கிறது.

336
00:20:20,690 --> 00:20:27,390
நாங்கள், உண்மையான பணியகத்தில் இந்த செயல்பாடு ஓடியது என்றால்

337
00:20:27,390 --> 00:20:33,380
இந்த செயல்பாடு வரையறுக்க முடியும்; நாம் hideTheBox அழைக்க முடியும், மற்றும் அது வேலை செய்யும்.

338
00:20:33,380 --> 00:20:36,650
ஆனால் நாங்கள் பொத்தானை உண்மையில் அழுத்தும் போது அது நடக்க வேண்டும்.

339
00:20:36,650 --> 00:20:40,950
அதை செய்ய, நாம் ஒரு நிகழ்வை பயன்படுத்த வேண்டும்.

340
00:20:40,950 --> 00:20:45,500
சில குறிப்பிட்ட பொத்தானை அல்லது சில நடவடிக்கை நடக்கிறது ஒரு நிகழ்வு பிணைக்க,

341
00:20:45,500 --> 00:20:50,040
நாம் நிகழ்வு தூண்டிவிடும் என்று உறுப்பு தேர்ந்தெடுக்க வேண்டும் -

342
00:20:50,040 --> 00:20:52,650
அல்லது மன்னிப்பு, நிகழ்வு தூண்டிவிடும்.

343
00:20:52,650 --> 00:20:57,220
>> அனைத்து எனவே முதல், பாக்ஸ் பொத்தானை ஐடி தேர்வு செய்யலாம்

344
00:20:57,220 --> 00:20:59,610
ஏனெனில் அந்த பொத்தான்களை, இப்போது பொத்தானை, மற்றும்,

345
00:20:59,610 --> 00:21:02,750
நாங்கள் அதை சொடுக்கும் போது ஒரு அனிமேஷன் உருவாக்க வேண்டும்.

346
00:21:02,750 --> 00:21:05,040
இந்த கிளிக் செயல்பாடு உள்ளது.

347
00:21:05,040 --> 00:21:08,470
அது மற்றொரு செயல்பாடு பிணைக்க அனுமதிக்கிறது.

348
00:21:08,470 --> 00:21:12,320
இந்த செயல்பாடு ஒரு வாதம் வேறு செயல்பாடு எடுக்கிறது

349
00:21:12,320 --> 00:21:14,310
நாங்கள், hideTheBox விழாவில் கடத்தலாம்

350
00:21:14,310 --> 00:21:20,950
இந்த பொத்தானை சொடுக்கும் போது, அந்த செயல்பாடு தானாகவே இயக்கும்.

351
00:21:20,950 --> 00:21:24,850
இந்த, இந்த சேமிக்க என்றால், நான் புதுப்பிக்க வேண்டும் உழைக்கும்

352
00:21:24,850 --> 00:21:33,460
மற்றும் - ஒரு இரண்டாவது, நான் வருந்துகிறேன்.

353
00:21:33,460 --> 00:21:44,770
எனக்கு உண்மையில் விரைவாக இதை சரிசெய்ய வேண்டும்.

354
00:21:44,770 --> 00:21:50,680
சரி. அங்கு நாம். நாங்கள் பொத்தானை கிளிக் செய்யும் போது, அதனால் இப்போது பாக்ஸ் மறைந்து.

355
00:21:50,680 --> 00:21:55,470
நாங்கள், வெறும் fadeToggle இந்த மாற்ற முடியும்

356
00:21:55,470 --> 00:22:00,020
பாக்ஸ் மறைக்க அல்லது காட்ட அதை மாற்ற,

357
00:22:00,020 --> 00:22:03,850
நாங்கள் புதுப்பிக்க என்றால், இந்த கூட செய்யும்.

358
00:22:03,850 --> 00:22:08,550
நாங்கள் அதை மறைக்க முடியாது, நாங்கள் அதை காண்பிக்க முடியும், அந்த வேலை தொடரும்.

359
00:22:08,550 --> 00:22:12,210
நாம் என்ன செய்ய முடியும் மற்றொரு விஷயம், நாம் உண்மையில் இந்த hideTheBox செயல்பாடு வரையறுக்க இல்லை

360
00:22:12,210 --> 00:22:15,050
நாம் கிளிக் செயல்பாடு அழைக்கிறோம் முன்.

361
00:22:15,050 --> 00:22:17,640
எனவே அதற்கு பதிலாக செயல்பாடு வரையறுக்கும் மற்றும் hideTheBox அழைத்து,

362
00:22:17,640 --> 00:22:20,310
நாம் மட்டும் இந்த விஷயம் சொடுக்கும் அது அழைக்க போகிறோம்.

363
00:22:20,310 --> 00:22:22,310
எனவே, இங்கே அது அநாமதேயமாக வரையறுக்க முடியாது

364
00:22:22,310 --> 00:22:25,070
இது பார்ப்பதற்கு JavaScript என்று ஒரு அம்சம் ஆகும்.

365
00:22:25,070 --> 00:22:29,720
நீங்கள் ஒரு செயல்பாடு வரையறுக்க முடியும்; பொதுவாக, நாம் செயல்பாடு hideTheBox என்று

366
00:22:29,720 --> 00:22:34,490
வாதங்கள் மூலம், ஆனால் அதற்கு பதிலாக, நாம், வாதங்கள் இல்லை செயல்பட சொல்ல முடியும்

367
00:22:34,490 --> 00:22:36,870
, செயல்பாடு வரையறுக்க சுருள் பிரேஸ் தொடங்க

368
00:22:36,870 --> 00:22:40,780
அந்த சுருள் பிரேஸ் மூட, பின்னர் தான், இங்கே செயல்பாடு வரையறுக்க

369
00:22:40,780 --> 00:22:45,130
முதல் அடைப்பு மற்றும் கடந்த அடைப்பு உள்ள

370
00:22:45,130 --> 00:22:47,860
என்று கிளிக் செயல்பாடு வாதங்களை ஒத்திருக்கும்.

371
00:22:47,860 --> 00:22:53,320
இந்த விழாவில் செல்லும் என்பதை நாம் இங்கிருந்தே குறியீடு இந்த வரி நகலெடுக்க முடியாது,

372
00:22:53,320 --> 00:22:55,450
மற்றும் சரியான அதையே செய்யும்.

373
00:22:55,450 --> 00:22:57,290
இப்போது நாம் இந்த சீரற்ற fadeTheBox செயல்பாடு இல்லை

374
00:22:57,290 --> 00:22:59,960
எந்த வெளிப்படையான காரணம் சுற்றி உட்கார்ந்து.

375
00:22:59,960 --> 00:23:02,070
விழாவில் அநாமதேயமாக வரையறுக்கப்பட்டுள்ளது, அது ஒரு பெயர் இல்லை.

376
00:23:02,070 --> 00:23:08,060
நாம் பெட்டியில் பொத்தானை கிளிக் செய்யும் போது, அதை மட்டுமே இயக்கும்.

377
00:23:08,060 --> 00:23:12,180
எனவே புதுப்பித்து மீண்டும், மீண்டும் ஒரு முறை, உங்களுக்கு இன்னும் வேலை என்று பார்க்க முடியும்.

378
00:23:12,180 --> 00:23:16,700
என்று நீங்கள் நிகழ்வுகள் உருவாக்க எப்படி.

379
00:23:16,700 --> 00:23:19,190
>> நாம் பயன்படுத்த முடியும் என்று பல்வேறு நிகழ்வுகள் நிறைய உள்ளன.

380
00:23:19,190 --> 00:23:23,540
நான் எப்படி இந்த வேலை உங்களுக்கு காண்பிக்க கன்சோல் பயன்படுத்தி மீண்டும் மாற போகிறேன்.

381
00:23:23,540 --> 00:23:28,210
இந்த ஒவ்வொரு க்களை ஒவ்வொரு பெட்டியை ஒத்திருக்கும்.

382
00:23:28,210 --> 00:23:33,020
இந்த பெட்டியை கிளிக் அடையாள உள்ளது எனவே, இந்த ஒரு முக்கிய அடையாள உள்ளது, இந்த ஒரு சுட்டியை அடையாள உள்ளது.

383
00:23:33,020 --> 00:23:36,120
பதிலாக, ஒவ்வொரு முறையும் அதை தட்டச்சு; இன்னொன்று இந்த நடவடிக்கை செயல்பாடு இருக்கிறது என்று

384
00:23:36,120 --> 00:23:41,610
நான் உண்மையில் மேலே சென்று இந்த நடவடிக்கை செயல்பாடு கீழே வரையறுக்கப்பட்டுள்ளது.

385
00:23:41,610 --> 00:23:46,860
இது hideTheBox செயல்பாடு அதே விஷயம் இல்லை.

386
00:23:46,860 --> 00:23:51,340
இந்த பெட்டி மற்றும் மங்கல்கள் அதை அல்லது உள்ளே மங்கல்கள் அது பெறுகிறது

387
00:23:51,340 --> 00:23:54,110
நாங்கள் இங்கே அதை பயன்படுத்த முடியும் என்றால் ஏன் என்று.

388
00:23:54,110 --> 00:24:00,350
இந்த கிளிக் ஐடி கிளிக் செய்தால் அதனால், நாம் பெட்டியில் மறைந்து அல்லது தோன்றாது செய்ய வேண்டும்.

389
00:24:00,350 --> 00:24:03,610
அதை நாம் கடைசியாக ஸ்லைடில் என்று பொத்தானை அதே விஷயம்.

390
00:24:03,610 --> 00:24:07,450
நாம் அழைக்க இப்போது பிறகு, நாம் இந்த கிளிக் முடியும் பெட்டியில் மறைந்துவிடும்

391
00:24:07,450 --> 00:24:10,160
பின்னர் மீண்டும் அதை கிளிக் பெட்டியில் மீண்டும் தோன்றுகின்றன.

392
00:24:10,160 --> 00:24:12,480
அந்த அழகான எளிது. இரட்டை கிளிக், அதையே செய்கிறது

393
00:24:12,480 --> 00:24:15,660
தவிர, இது ஒரு இரட்டை கிளிக் தேவைப்படுகிறது.

394
00:24:15,660 --> 00:24:19,030
நீங்கள் ஒரு முறை கிளிக் செய்து, மீண்டும் அதை கிளிக் செய்தால், அதனால் எதுவும், நடக்கும்

395
00:24:19,030 --> 00:24:21,140
ஆனால் நீங்கள் இரட்டை விரைவில் கிளிக் செய்தால், அது மறைந்து கொள்கிறேன்.

396
00:24:21,140 --> 00:24:23,310
நீங்கள் இரட்டை மீண்டும் கிளிக் செய்தால், அது மீண்டும் வரும்.

397
00:24:23,310 --> 00:24:25,250
அதனால் அழகான எளிது.

398
00:24:25,250 --> 00:24:31,170
விசைப்பலகை உள்ளீடு விசித்திரமான வகையான உள்ளது; நான் உண்மையில் இந்த எடுத்துக்காட்டாக வேலை நினைக்கவில்லை

399
00:24:31,170 --> 00:24:37,670
ஏனெனில் கீழே முக்கிய, முக்கிய மற்றும் முக்கியமான செய்தி மற்றும் பிற முக்கிய நடவடிக்கைகள்

400
00:24:37,670 --> 00:24:47,190
நீங்கள் அதை பிணைக்க என்ன உறுப்பு விஷயம் எதுவும் இல்லை செயல்படுத்த.

401
00:24:47,190 --> 00:24:51,410
உதாரணமாக, நான் உடல் அல்லது முற்றிலும் வேறு ஏதாவது கீழே முக்கிய கட்டுப்பட்டவர்களாக, கூட

402
00:24:51,410 --> 00:24:55,950
அது இன்னும் விஷயம் இல்லை செயல்படுத்த வேண்டும் - அதை குறிப்பிட்ட இல்லை.

403
00:24:55,950 --> 00:25:00,190
நான் இந்த சொடுக்கி வேண்டும் மற்றும் எதுவும் மறைய செய்ய ஒரு விசையை அழுத்தி இல்லை.

404
00:25:00,190 --> 00:25:04,470
அதை பொருட்படுத்தாமல் நான் உள்ளே தற்போது நான் என்ன உறுப்பு என்ற செயல்படுத்தப்பட்டது

405
00:25:04,470 --> 00:25:06,880
எனவே இந்த உண்மையில் இந்த எடுத்துக்காட்டாக வேலை இல்லை

406
00:25:06,880 --> 00:25:13,180
ஏனெனில் அது விசைப்பலகை உள்ளீடு DIV ஒரு உள்ளீடு நுழைந்து என்னை அடையாளம் இல்லை.

407
00:25:13,180 --> 00:25:15,740
>> ஆனால் நீங்கள் சுட்டி நடவடிக்கைகள் பார்த்தால்,

408
00:25:15,740 --> 00:25:19,620
முதல் ஒரு படல், மற்றும் CSS ஐ பயன்படுத்தி இந்த சில செய்ய முடியும்.

409
00:25:19,620 --> 00:25:24,280
நீங்கள் CSS பயன்படுத்த நீங்கள் ஏதாவது மீது கர்சரை நகர்த்தினால் நீங்கள், அதனால் அதை உருவாக்க முடியும்

410
00:25:24,280 --> 00:25:28,940
அதன் பாணி மாற்றங்கள்.

411
00:25:28,940 --> 00:25:32,170
ஆனால் jQuery பயன்படுத்தி நீங்கள் மற்ற விஷயங்கள் பாணியை மாற்ற முடியும்.

412
00:25:32,170 --> 00:25:37,120
அதனால், எடுத்துக்காட்டாக, நாம் இந்த DIV மீது படல் என்றால் நடவடிக்கை அழைக்க போகிறோம்.

413
00:25:37,120 --> 00:25:39,660
நாம் அது தொடர்பாக படல் வேண்டும் என்றால், பாக்ஸ் மறைந்துவிடும் என்று பொருள்.

414
00:25:39,660 --> 00:25:42,430
நாம் அது நகர என்றால், பாக்ஸ் மீண்டும் தோன்றும்.

415
00:25:42,430 --> 00:25:45,090
இந்த அழைப்பு மற்றும் அதை படல் என்றால், பாக்ஸ், மறைந்து

416
00:25:45,090 --> 00:25:47,050
மற்றும் விரைவில் நாங்கள் பிரிந்து செல்ல, அது திரும்பி வருகிறது.

417
00:25:47,050 --> 00:25:49,750
நாம் சுட்டி ஐடி இந்த மிதவை செயல்பாடு என்று சொன்னால்,

418
00:25:49,750 --> 00:25:54,380
நாம் பெட்டியில் மீது படல் என்றால் அது பின்னர், இந்த பெட்டியில் ஒத்துள்ளது,

419
00:25:54,380 --> 00:26:00,440
பின்னர் பெட்டியில் உண்மையில் மறைந்துவிடும் - அது இப்போது பங்கி இருப்பது, ஆனால் தான் -

420
00:26:00,440 --> 00:26:06,310
நாம் அது இருந்து நகர்த்த இருந்தால், அது மீண்டும் தோன்றும். இப்போது அது சில காரணங்களால் பின்னோக்கி தான்.

421
00:26:06,310 --> 00:26:12,720
சுட்டி உள்ளிடவும் மற்றும் சுட்டி நடவடிக்கை செயல்பாடுகளை சற்றே ஒத்த, ஆனால் சற்று வித்தியாசமாக இருக்கிறது.

422
00:26:12,720 --> 00:26:16,470
சுட்டி சுட்டி எதிர்பார்த்தபடி பெட்டியில், நுழையும் போது மட்டுமே செயல்படுத்துகிறது உள்ளிடவும்.

423
00:26:16,470 --> 00:26:19,210
நீங்கள் அதை நகர்த்த என்றால், அது மறைந்து கொள்கிறேன்.

424
00:26:19,210 --> 00:26:23,210
நீங்கள் வெளியே செல்லும்போது ஆனால் அது மீண்டும் தோன்றும்; நீங்கள் திரும்பி வர அது அதை மீது மீண்டும் செல்ல வேண்டும்.

425
00:26:23,210 --> 00:26:25,590
செயல்படுத்த இது சுட்டி நடவடிக்கை செயல்பாடு, மேலும் அங்கு

426
00:26:25,590 --> 00:26:29,300
சுட்டி பெட்டியில் கூட இருக்கும் போது.

427
00:26:29,300 --> 00:26:32,430
அது வெறும் வெளியே மறைதல், சென்றுகொண்டிருந்தோம் வைக்கிறேன்.

428
00:26:32,430 --> 00:26:35,660
அது உண்மையில் லாக்கிங் - அது அது வெறும் மறைதல் போல் இருக்கிறது மற்றும்,

429
00:26:35,660 --> 00:26:39,140
ஆனால் இது உண்மையில், இதை விட நிறைய செயல்கள் பதிவு

430
00:26:39,140 --> 00:26:43,550
எனவே நீங்கள் விலகி செல்லும்போது அது அவர்களுக்கு ஒரு ஆயிரம் போன்ற வெளியேற்ற காரணமாக வைத்து விடுவேன்.

431
00:26:43,550 --> 00:26:46,620
ஒருவேளை ஆயிரம். ஒருவேளை ஐந்து.

432
00:26:46,620 --> 00:26:50,200
அதை விட இன்னும் பதிவுகள்.

433
00:26:50,200 --> 00:26:53,280
புள்ளி, அனைத்து சுட்டி நடவடிக்கைகள் ஆகும், இன்னும் நிறைய உள்ளன.

434
00:26:53,280 --> 00:26:55,480
, நீங்கள் மற்ற வரை படிக்க முடியும், ஆனால் அவர்கள் அனைத்து சற்று வேறுபட்டு

435
00:26:55,480 --> 00:26:57,700
நீங்கள் எந்த ஒரு நீங்கள் எடுக்க முடியாது

436
00:26:57,700 --> 00:27:02,130
குறிப்பிட்ட எந்த நோக்கத்திற்காக நீங்கள் செய்ய முயற்சிக்கும்.

437
00:27:02,130 --> 00:27:05,060
>> நான் பற்றி பேச போகிறேன் அடுத்த விஷயம் அஜாக்ஸ் உள்ளது.

438
00:27:05,060 --> 00:27:09,340
அஜாக்ஸ், நான், நாம் இந்த ஆண்டு அதிக ஆழத்தில் உள்ள ஜாவா மறைப்பதற்கு இல்லை என்று

439
00:27:09,340 --> 00:27:11,770
அதனால் நான் ஒரு நிமிடம் பொதுவாக அஜாக்ஸ் பற்றி பேச போகிறேன்.

440
00:27:11,770 --> 00:27:15,210
அஜாக்ஸ் ஒத்திசையா ஜாவா மற்றும் XML குறிக்கிறது.

441
00:27:15,210 --> 00:27:19,030
அது அடிப்படையில், உதாரணமாக, நீங்கள் Facebook இல் இருக்கும் போது அது, நீங்கள் ஒரு அறிவிப்பை வீச்சு

442
00:27:19,030 --> 00:27:23,060
அஜாக்ஸ் உங்கள் இணைய உலாவி இயங்கும் ஏனெனில் அதனால் தான்.

443
00:27:23,060 --> 00:27:25,800
உங்கள் இணைய உலாவி உண்மையில் தான் வினாடிகள் ஒவ்வொரு ஜோடி

444
00:27:25,800 --> 00:27:29,420
அவர்கள் கேட்டு, ஃபேஸ்புக் சர்வர் போகிறேன், நீங்கள் என்னை புதிய எதுவும் இல்லை

445
00:27:29,420 --> 00:27:31,980
பின்னர் நீங்கள் திரும்பி வருகிறது.

446
00:27:31,980 --> 00:27:36,320
இந்த ஒரு சேவையகத்திற்கு, கோரிக்கைகளை அனுப்ப அனுமதிக்கிறது

447
00:27:36,320 --> 00:27:38,660
உண்மையில் பக்கம் ஏற்ற இல்லாமல்.

448
00:27:38,660 --> 00:27:42,040
எனவே பொதுவாக, நீங்கள் PHP மற்றும் ஒரு தரவுத்தள பயன்படுத்தி என்றால்,

449
00:27:42,040 --> 00:27:45,480
நீங்கள் சர்வர் புதிய தகவல் பெற முடியும் முன் பக்கம் புதுப்பிக்க வேண்டும்.

450
00:27:45,480 --> 00:27:48,770
ஆனால் அஜாக்ஸ் பயன்படுத்தி, நீங்கள், தொடர்ந்து புதிய தகவலை இழுக்க முடியாது

451
00:27:48,770 --> 00:27:52,250
நீங்கள் ஒரு பொத்தானை அல்லது அப்படி எதுவும் கிளிக் செய்யும் போது அல்லது அதை இழுக்க.

452
00:27:52,250 --> 00:27:56,140
, நம்மை பக்கம் ஏற்ற இல்லாமல் கோரிக்கைகளை அனுப்ப அனுமதிக்கிறது இது

453
00:27:56,140 --> 00:27:58,130
மற்றும் நாம் அல்லது கோரிக்கைகளை POST அல்லது பயன்படுத்த முடியும்.

454
00:27:58,130 --> 00:28:05,370
>> கோரிக்கைகளை நீங்கள் இருந்தால் Google.com க்கு, உதாரணமாக, இருக்கிறது

455
00:28:05,370 --> 00:28:10,900
மற்றும் q = சோதனை செய்ய. அவர்களுக்கு ஒரு கேள்வி சோதனை கொடுக்கிறாள்.

456
00:28:10,900 --> 00:28:15,890
இது URL தன்னை அந்த அளவுருக்கள் கடந்து செல்லும் ஏனெனில் மற்றும் ஒரு கிடைக்கும் வேண்டுகோள்.

457
00:28:15,890 --> 00:28:19,250
நீங்கள் அஞ்சல் வழியாக அனுப்பும் என்றால் ஒரு போஸ்ட் கோரிக்கை உள்ளது.

458
00:28:19,250 --> 00:28:22,500
நீங்கள் ஒரு கடிதம் அதை வைத்து அவர்கள் அதை கப்பல் போல், தான்

459
00:28:22,500 --> 00:28:25,140
ஆனால் அவர்கள் உண்மையில் உள்ளடக்கங்களை பார்க்க வேண்டாம். அவர்கள் URL ல் தெரியும் இல்லை.

460
00:28:25,140 --> 00:28:31,040
நீங்கள் நேரடியாக அதை தட்டச்சு முடியாது; நீங்கள் கிட்டத்தட்ட ரகசியமாக அதை அனுப்ப வேண்டும்.

461
00:28:31,040 --> 00:28:33,880
இது ஒரு இடுகையில் இருக்கிறது.

462
00:28:33,880 --> 00:28:38,660
ஆனால் jQuery பயன்படுத்தி, நீங்கள் மற்றும் கோரிக்கைகளை POST செய்ய முடியும்

463
00:28:38,660 --> 00:28:42,740
மிகவும் எளிதாக நீங்கள் சாதாரணமாக வெறும் இங்கு பயன்படுத்தி விட.

464
00:28:42,740 --> 00:28:50,140
நீங்கள் கோரிக்கைகளை GET பயன்படுத்தி API கள் வினா முடியும், மற்றும் நீங்கள் உள்நுழைவு தகவலை பார்க்கலாம்.

465
00:28:50,140 --> 00:28:54,400
அடுத்த பக்கத்தில், நான் இது "மதிய என்ன?", கேட்கும், இந்த உருவாக்கப்பட்டது

466
00:28:54,400 --> 00:28:58,230
ஹார்வர்ட் உணவு API ஐ பயன்படுத்தி, எனவே அந்த மேலே நாம்.

467
00:28:58,230 --> 00:29:01,840
இந்த ஒரு ஏபிஐ ஒரு கிடைக்கும் கோரிக்கையை செய்ய jQuery பயன்படுத்த எப்படி ஒரு எடுத்துக்காட்டாக உள்ளது

468
00:29:01,840 --> 00:29:04,200
அதை மீண்டும் தகவல் கிடைக்கும்.

469
00:29:04,200 --> 00:29:07,090
எனவே, இன்று பட்டி பார்க்க வேண்டும்

470
00:29:07,090 --> 00:29:10,560
நாம் மதிய என்ன பார்க்க வேண்டும்.

471
00:29:10,560 --> 00:29:16,500
இங்கே jQuery ஒரு கிடைக்கும் கோரிக்கையை உருவாக்க URL இருக்கிறது.

472
00:29:16,500 --> 00:29:18,600
நீங்கள் $ பயன்படுத்த. செயல்பாடு கிடைக்கும்.

473
00:29:18,600 --> 00:29:22,290
முதல் வாதம் நீங்கள் குவெரி நீங்கள் மிக சரியாக என்ன, URL ஆகும்.

474
00:29:22,290 --> 00:29:27,200
பின்னர் அடுத்த வாதம் கிடைக்கும் கோரிக்கை முடிந்தவுடன் இயக்கும் ஒரு செயல்பாடு உள்ளது.

475
00:29:27,200 --> 00:29:29,980
எனவே, சர்வர் சில கோரிக்கை அனுப்ப அது திரும்பி வர காத்திருக்க.

476
00:29:29,980 --> 00:29:33,770
அது திரும்பி வந்து போது, நீங்கள் சர்வரில் இருந்து மீண்டும் அந்த தரவு சில நடவடிக்கை எடுக்க போகிறோம்.

477
00:29:33,770 --> 00:29:37,520
தான் மேலே போய் இந்த அத்துடன் குறியீடு நாம்.

478
00:29:37,520 --> 00:29:42,110
நான் வேண்டுமென்றே, அல்லது இந்த குறியீடு.

479
00:29:42,110 --> 00:29:46,660
இங்கே TODO இருக்கிறது. அனைத்து முதல், நிகழ்வின் பிணைப்பு பயன்படுத்த அனுமதிக்க

480
00:29:46,660 --> 00:29:50,820
இந்த பொத்தானை அழுத்தும் போது, நாம் ஒரு கிடைக்கும் கோரிக்கை அனுப்ப என்று.

481
00:29:50,820 --> 00:29:53,410
மற்றும் சில தரவு கோரிக்கையை மீண்டும் கிடைக்கும் போது,

482
00:29:53,410 --> 00:29:57,290
இந்த உணவை தகவல் ஐடி DIV அதை எழுத போகிறோம்.

483
00:29:57,290 --> 00:30:02,860
அனைத்து முதல், உணவு பொத்தானை ஐடி தேர்வு செய்யலாம்.

484
00:30:02,860 --> 00:30:07,320
அதை சொடுக்கும் போது, நாம் ஏதாவது செய்ய வேண்டும்.

485
00:30:07,320 --> 00:30:11,930
நாம் முன்பு, அது ஒரு அநாமதேய fuction செய்ய.

486
00:30:11,930 --> 00:30:15,550
அந்த சுருள் பிரேஸ்களான மடிக்க முடியாது,

487
00:30:15,550 --> 00:30:18,530
இந்த பொத்தானை அழுத்தும் போது, நாம் ஒரு கிடைக்கும் கோரிக்கை அனுப்ப வேண்டும்

488
00:30:18,530 --> 00:30:20,750
மதிய என்ன சரிபார்க்க.

489
00:30:20,750 --> 00:30:24,970
அதை செய்ய, நாம் வெறும் $ தட்டச்சு செய்யலாம். கிடைக்கும்.

490
00:30:24,970 --> 00:30:28,850
இந்த டாலர் குறி பயன்படுத்தி, ஒரு jQuery செயல்பாடு உள்ளது.

491
00:30:28,850 --> 00:30:31,430
இது வாதங்கள் ஒரு ஜோடி எடுக்கிறது. முதல் ஒரு, URL உள்ளது

492
00:30:31,430 --> 00:30:34,450
இரண்டாவது ஒரு கோரிக்கை செயல்பாடு, என்று அந்த செயல்பாடு உள்ளது

493
00:30:34,450 --> 00:30:37,740
அந்த கோரிக்கையை உண்மையில் திரும்பும் போது.

494
00:30:37,740 --> 00:30:39,890
இது தான் முதல் URL ஐ உருவாக்க நாம்.

495
00:30:39,890 --> 00:30:44,650
நாம் டேவிட் வரை எழுதிய ஏபிஐ இருந்து பெற முடியும்.

496
00:30:44,650 --> 00:30:51,360
இங்கு சென்று, நாம், அதை food.cs50.net/api/1.3/menus என்று பார்க்க முடியும்

497
00:30:51,360 --> 00:30:54,140
பின்னர் நீங்கள் உங்களை விரும்புகிறேன் என்று அளவுருக்கள் பெயர்களை கொடுங்கள்.

498
00:30:54,140 --> 00:30:57,760
எனவே அளவுரு 1 மதிப்பு 1 ஆகும்.

499
00:30:57,760 --> 00:31:00,910
அது நிலையான தேதி போல், இன்று தேதி, இயல்பாக தொடங்க

500
00:31:00,910 --> 00:31:03,110
நீங்கள் எதையும், மேலும் இறுதியில் தேதி இயல்புநிலைக்கு நுழைய என்றால்

501
00:31:03,910 --> 00:31:05,930
இன்று நீங்கள் எதையும் இட வேண்டாம் என்றால்.

502
00:31:05,930 --> 00:31:10,790
என்று நாம் விரும்புகிறேன். நாம் இன்று தகவல் பெற வேண்டும்.

503
00:31:10,790 --> 00:31:12,950
>> நாம் வடிவம் JSON இருக்க வேண்டும்.

504
00:31:12,950 --> 00:31:15,570
அது தன்னிச்சையாக தான்; நீங்கள் விரும்பும் எந்த வடிவத்தில் பயன்படுத்த முடியும்.

505
00:31:15,570 --> 00:31:18,950
நீங்கள் CSV பயன்படுத்த முடியும், ஆனால் JSON ஜாவாஸ்க்ரிப்ட் ஆப்ஜெக்ட் குறிப்பு உள்ளது.

506
00:31:18,950 --> 00:31:24,150
இதை பார்ப்பதற்கு JavaScript என்ன அர்த்தம் புரிந்து கொள்ள அது மிகவும் எளிது

507
00:31:24,150 --> 00:31:27,110
நாம் இன்னும் எளிதாக வழி அதை அச்சிட முடியாது.

508
00:31:27,110 --> 00:31:30,490
எனவே JSON அதை கேட்டு விட்டு, மற்றும் நாம் கோரிக்கை மதிய உணவு.

509
00:31:30,490 --> 00:31:37,660
= மதிய உணவு மிகவும். அந்த URL ஐ எழுத, நாங்கள் இங்கே திரும்பி போக.

510
00:31:37,660 --> 00:31:41,290
மெனுக்கள் இருக்கும். முதல் அளவுரு வெளியீடு = JSON உள்ளது

511
00:31:41,290 --> 00:31:44,640
ஏனெனில் நாம் என்ன தேவை, மற்றும் நீங்கள் ஒரு கொண்ட அளவுருக்கள் பிரிக்க 'மற்றும்.'

512
00:31:44,640 --> 00:31:48,940
இரண்டாவது காரணி உள்ளது - எனக்கு ஞாபகம் இல்லை.

513
00:31:48,940 --> 00:31:52,170
உணவு. நாம் உணவை = மதிய வேண்டும்.

514
00:31:52,170 --> 00:31:57,390
உங்கள் உலாவி அதை தட்டச்சு மற்றும் செல்வதன் மூலம் இந்த URL சோதிக்க முடியும்.

515
00:31:57,390 --> 00:32:03,120
அதை நீங்கள் சில வெளியீடு கொடுக்கும். அது மதிய என்று பொருள் ஒரு கொத்து இருக்கிறது.

516
00:32:03,120 --> 00:32:10,410
இந்த அசிங்கமான வடிவத்தில் இருக்கிறது. நாம் ஒரு நல்ல வடிவமைப்பில் எங்கள் பக்கம் மீது அதை அச்சிட வேண்டும்.

517
00:32:10,410 --> 00:32:12,580
URL சரியாக எனவே, இப்போது நாம் ஒரு செயல்பாடு எழுத வேண்டும்

518
00:32:12,580 --> 00:32:18,300
கோரிக்கை வெற்றிகரமாக போது மீண்டும் அழைக்க.

519
00:32:18,300 --> 00:32:20,430
இந்த செயல்பாடு உண்மையில் ஒரு வாதம் ஆகும். இது தரவு இருக்கும்.

520
00:32:20,430 --> 00:32:25,650
தரவு பெற கோரிக்கை செய்யப்படுகிறது பின்னர் கிடைக்கும் கோரிக்கை இருந்து திரும்பி வரும் என்ன.

521
00:32:25,650 --> 00:32:28,860
நாங்கள் சுருள் பிரேஸ்களான செய்ய முடியும்; இங்கே நாம் அநாமதேய செயல்பாடு எழுத

522
00:32:28,860 --> 00:32:33,900
நாம் மீண்டும் தகவல் கிடைக்கும் போது அந்த தகவல்களை பயன்படுத்தி, முடிக்கிறது.

523
00:32:33,900 --> 00:32:37,840
தரவு எனவே, நாம் இந்த URL ஐ தட்டச்சு போது,

524
00:32:37,840 --> 00:32:41,540
இந்த தரவு போல் இருக்க என்ன நடக்கிறது என்று. இந்த பெரிய சரம் இருக்க போகிறது.

525
00:32:41,540 --> 00:32:48,610
ஆனால் நல்ல விஷயம், இங்கு JSON.parse செயல்பாடு பயன்படுத்தி அதை இட முடியும்.

526
00:32:48,610 --> 00:32:54,950
எனவே பாகுபடுத்தி தரவு என்று ஒரு புதிய மாறி உருவாக்க நாம்.

527
00:32:54,950 --> 00:32:57,060
மற்றும் பாகுபடுத்தி தரவு பொருட்களின் வரிசை உள்ளது.

528
00:32:57,060 --> 00:33:04,200
ஒவ்வொரு பொருளையும் போன்ற தகவல்களை கொண்டுள்ளது - நன்றாக, ஒரு பார்க்கலாம்.

529
00:33:04,200 --> 00:33:08,980
ஒரு நாள், ஒரு உணவு, வகை, சமையல், இந்த மற்ற பொருட்களை கொண்டுள்ளது.

530
00:33:08,980 --> 00:33:10,860
எனவே தான் ஒவ்வொரு ஒரு பெயர் அச்சிட அனுமதிக்க.

531
00:33:10,860 --> 00:33:13,790
நாம் அதை திரும்ப பெற வேண்டும் என்று பொருள் முழு அணி மீது செயல்படுத்துதல் நாம்,

532
00:33:13,790 --> 00:33:17,570
மற்றும் ஒவ்வொரு அவுட் அச்சிட - ஒவ்வொரு பெயர் வெளியே அச்சிட.

533
00:33:17,570 --> 00:33:22,670
இந்த வட்டத்திற்கு ஒரு உள்ளது.

534
00:33:22,670 --> 00:33:26,030
>> இங்கு, ஒரு வரிசை ஒரு மாறி மற்றும் லூப் உருவாக்க முடியும் இந்த பயனுள்ளதாக தொடரியல் உள்ளது

535
00:33:26,030 --> 00:33:30,150
மற்றும் var நான், அதற்கு பதிலாக var நான் = 0 செய்ய கொண்ட எனவே, தான் இயக்கி உள்ளது

536
00:33:30,150 --> 00:33:40,290
நான் நீளம் குறைவாக இருந்தது, நான் + நீ அலச தரவு நான் var செய்ய முடியும்.

537
00:33:40,290 --> 00:33:47,060
இந்த உதாரணத்தில், அலச தரவு (நான்) தற்போதைய உறுப்பு செய்ய அமையும்

538
00:33:47,060 --> 00:33:49,850
வரிசைக்கு, உண்மையான பொருள்.

539
00:33:49,850 --> 00:33:51,720
நாம் அது பெயர் வெளியே வேண்டும்.

540
00:33:51,720 --> 00:33:54,170
அதனால் தான் செய்ய பெயர் நாம்.

541
00:33:54,170 --> 00:33:57,000
கடந்த விஷயம், நாம் மீண்டும் சில jQuery போகிறது.

542
00:33:57,000 --> 00:34:02,660
உண்மையில் DIV, தற்போது காலியாக தான் இந்த உணவை தகவல் DIV அதை சேர்க்க.

543
00:34:02,660 --> 00:34:05,430
எனவே தேர்வு என்று பார்ப்போம்.

544
00:34:05,430 --> 00:34:13,870
நாம் jQuery மற்றும் தேர்ந்தெடுக்கப்பட்ட உணவை தகவல் DIV ஐடி, அல்லது உணவை தகவல் ஐடி பயன்படுத்த வேண்டும், மன்னிப்பு.

545
00:34:13,870 --> 00:34:16,580
நாம் இந்த append வேண்டும்.

546
00:34:16,580 --> 00:34:21,030
நாங்கள் சோதனை செய்தால், எடுத்துக்காட்டாக, அது இது ஒவ்வொரு முறையும் மேலெழுதும் என்று.

547
00:34:21,030 --> 00:34:29,190
எனவே நாம் இந்த சேர்க்க முடியும்.

548
00:34:29,190 --> 00:34:31,889
அணியின் தற்போதைய உறுப்பு, நாம், அது பெயர் கிடைக்கும்

549
00:34:31,889 --> 00:34:38,159
நாம் உணவை தகவல் ஐடி DIV இறுதியில் அதை சேர்க்க வேண்டும்.

550
00:34:38,159 --> 00:34:40,120
பின்னர் தான், அது துப்புரவாக இருக்கும் செய்ய

551
00:34:40,120 --> 00:34:51,550
இது ஒரு வரியில் அனைத்து இல்லை நாம் ஒரு வரி முறிப்பு சேர்க்க வேண்டும்.

552
00:34:51,550 --> 00:34:55,280
எல்லாம் நன்றாக நடந்தால், அதனால், அந்த நல்ல இருக்க வேண்டும் -

553
00:34:55,280 --> 00:34:57,220
அனைத்து முதல், இந்த பொத்தானை சொடுக்கும் போது,

554
00:34:57,220 --> 00:35:00,070
இந்த URL க்கு ஒரு கிடைக்கும் கோரிக்கை இனிய அனுப்பும்.

555
00:35:00,070 --> 00:35:02,500
தரவு இருந்து திரும்பி வரும் போது, அது அலச வேண்டும்

556
00:35:02,500 --> 00:35:06,950
JSON, அந்த தரவு குறிக்கும் முழு அணி மீது கண்ணி, அதை திரும்ப

557
00:35:06,950 --> 00:35:10,310
பின்னர் பெயரை ஒரு வரி முறிப்பு append

558
00:35:10,310 --> 00:35:16,500
முன்பு காலியாக இருந்த இந்த உணவை தகவல் ஐடி ஒவ்வொரு வரியில்.

559
00:35:16,500 --> 00:35:18,910
இந்த பக்கம் திரும்பி, நாங்கள் புதுப்பிக்க வேண்டும்,

560
00:35:18,910 --> 00:35:23,690
கிளிக், கண்டுபிடிக்க - அது வேலை செய்யாது. என்று வருந்த தக்கது.

561
00:35:23,690 --> 00:35:25,830
பிழைதிருத்தம் உள்ளே வரும் எங்கே இது

562
00:35:25,830 --> 00:35:30,070
Index.html, வரி 1.

563
00:35:30,070 --> 00:35:57,210
அந்த சுவாரஸ்யமான விஷயம்.

564
00:35:57,210 --> 00:35:59,720
சரி, சரி, இதை நேரத்தை செலவிட விட, நான் போகிறேன்

565
00:35:59,720 --> 00:36:07,070
நான் அப்படி செய்திருக்க கோப்பு வரை இழுக்க, அது நிறைவு பதிப்பு.

566
00:36:07,070 --> 00:36:13,710
நான் வித்தியாசம் என்ன நிச்சயமாக இல்லை, ஆனால் நாம் அதற்கு பதிலாக இந்த திறந்து கொள்ளலாம்.

567
00:36:13,710 --> 00:36:19,740
நாம் அஜாக்ஸ் சென்று, இந்த சரியாக வேலை வேண்டும்.

568
00:36:19,740 --> 00:36:21,730
என்று, மதிய இன்று என்ன

569
00:36:21,730 --> 00:36:24,870
எந்த குறிப்பிட்ட பொருட்டு, அதை சுற்றி மேற்கோள்கள், அது ரொம்ப அழகு தான்.

570
00:36:24,870 --> 00:36:27,090
ஆனால், வெளிப்படையாக, நீங்கள் ஒரு இறுதி திட்டம் இதை இருந்தால்,

571
00:36:27,090 --> 00:36:30,120
நீங்கள் அதை நன்றாக செய்ய வேண்டும்.

572
00:36:30,120 --> 00:36:32,530
ஆனால் அந்த நீங்கள் கோரிக்கையை செய்ய எப்படி ஒரு எளிமையான எடுத்துக்காட்டு.

573
00:36:32,530 --> 00:36:34,580
நாம் உண்மையான குறியீடு பார்த்தால் மற்றும், நான் யோசிக்காமல், நான் அழகாக தெரியும்

574
00:36:34,580 --> 00:36:39,690
அது இன்னும் அழகாக அதே தான்.

575
00:36:39,690 --> 00:37:04,990
ஓ, நான் ஒரு சரம் மாற்ற மறந்துவிட்டேன், அவ்வளவு தான்.

576
00:37:04,990 --> 00:37:07,920
இல்லை, அது இன்னும் வேலை இல்லை. பொருட்படுத்தாமல், இங்கே உண்மையான நிறைவு குறியீடு தான்

577
00:37:07,920 --> 00:37:10,300
இப்படி இருக்க வேண்டும் என்ன,

578
00:37:10,300 --> 00:37:16,400
அதை நான் செயல்படுத்தப்படும் என்ன அதே விஷயம் இல்லை.

579
00:37:16,400 --> 00:37:22,760
நீங்கள் பொத்தானை கிளிக் செய்யும் போது, அதை JSON தானாக தரவு அலச GET பயன்படுத்துகிறது.

580
00:37:22,760 --> 00:37:29,190
அது மீண்டும் தரவு எடுக்கும் முழு வரிசை மூலம் சுழல்கள்

581
00:37:29,190 --> 00:37:32,770
வெளியே அச்சிட்டு - மதிய இன்று என்ன, அதை பெயர்,

582
00:37:32,770 --> 00:37:38,020
மற்றும் ஒவ்வொரு வரியும் ஒரு வரி முறிப்பு கையெழுத்தில்.

583
00:37:38,020 --> 00:37:41,100
என்று நீங்கள் செயல்பாட்டை பயன்படுத்த எப்படி.

584
00:37:41,100 --> 00:37:44,040
>> நீங்கள் எனக்கு நேரம் இல்லை இது, அஞ்சல் பயன்படுத்தலாம்

585
00:37:44,040 --> 00:37:47,940
இது ஒரு எடுத்துக்காட்டு வரை எழுத, ஆனால் நாங்கள் ஆவணங்களை பார்க்க முடியும்.

586
00:37:47,940 --> 00:37:53,220
நீங்கள், jquery.post பார்த்தால்

587
00:37:53,220 --> 00:37:55,510
நீங்கள் கிட்டத்தட்ட அதே விஷயம் என்று பார்க்க முடியும்.

588
00:37:55,510 --> 00:38:01,650
நீங்கள் ஒரு URL வேண்டும், ஆனால் அதற்கு பதிலாக பயன்படுத்தி அளவுருக்கள் செலுத்துவதின் -

589
00:38:01,650 --> 00:38:03,990
வெறும், வலைமுகவரியிலேயே வரிசை அவற்றை வைத்து

590
00:38:03,990 --> 00:38:06,300
இந்த தரவு மாறி அனுப்ப வேண்டும்

591
00:38:06,300 --> 00:38:11,990
என்று ஒரு அகராதி, அடிப்படையில் ஒரு வரிசை என்று மதிப்புகள் வரைபடங்கள் அளவுருக்கள்.

592
00:38:11,990 --> 00:38:17,690
நீங்கள் அந்த கடந்து, மற்றும் ஒரு போஸ்ட் பயன்படுத்தி அவற்றை அனுப்புகிறது.

593
00:38:17,690 --> 00:38:20,790
ஒருமுறை நீங்கள், நீங்கள் வெற்றி விழா முடியும் என்று உள்ளது

594
00:38:20,790 --> 00:38:23,930
தரவு திரும்பி வரும் போது அந்த முடிக்கிறது.

595
00:38:23,930 --> 00:38:26,430
இல்லையெனில், அது போலவே தான். அதனால் அஞ்சல் பயன்படுத்தி,

596
00:38:26,430 --> 00:38:29,970
நீங்கள் ஒரு உள்ளீடு வடிவம் இருந்தால் நீங்கள், எடுத்துக்காட்டாக, அஞ்சல் பயன்படுத்த வேண்டும்

597
00:38:29,970 --> 00:38:35,780
நீங்கள் அதை மக்கள் உள்ளீடு கடவுச்சொற்களை நாம், அந்த கடவுச்சொற்கள் அனுப்ப

598
00:38:35,780 --> 00:38:41,850
உங்கள் பின்புல ஸ்கிரிப்ட், அந்த பயனர் கச்சிதமாக இல்லையா தரவுத்தளத்தில் சரிபார்க்க.

599
00:38:41,850 --> 00:38:46,700
நீங்கள் செய்ய முடியும் என்று அனைத்து jQuery பயன்படுத்தி பதிலாக அனைத்து பக்கம் புதுப்பிக்க கொண்டிருக்கும்.

600
00:38:46,700 --> 00:38:52,160
என்று நான் முன்னர் நீங்கள் காட்டியது வலைப்பதிவு நடைமுறைப்படுத்தப்படும் எப்படி.

601
00:38:52,160 --> 00:38:59,530
நாம் இறுதியில் போர்டல் சென்று வெளியேற்றுவோம் என்றால், வெளியேற்றுவோம்

602
00:38:59,530 --> 00:39:02,600
வேலை செய்யாது வெளியேற்றுவோம்.

603
00:39:02,600 --> 00:39:13,360
சரி, எனக்கு ஒரு புதிய சாளரத்தில் அதை திறந்து விடுங்கள்.

604
00:39:13,360 --> 00:39:16,580
இங்கே ஒரு கடவுச்சொல்லை உள்ளது, மற்றும் நான் சீரற்ற ஏதாவது தட்டச்சு செய்ய போகிறேன்.

605
00:39:16,580 --> 00:39:18,590
அது வேலை செய்யவில்லை, ஆனால் நீங்கள் இல்லை என்று பார்க்க முடியும்

606
00:39:18,590 --> 00:39:20,840
உண்மையில் அனைத்து பக்கம் புதுப்பிக்க வேண்டும்.

607
00:39:20,840 --> 00:39:24,610
குறியீடு, நீங்கள் அதை பார்க்க வேண்டும் என்றால்,

608
00:39:24,610 --> 00:39:37,460
இங்கே உள்ள அனைத்து கிடைக்கிறது.

609
00:39:37,460 --> 00:39:45,680
குறியீடு அதனால் நான் சிறிது கடந்த ஆண்டு எழுதினார்.

610
00:39:45,680 --> 00:39:47,790
நீங்கள் இங்கே பார்க்க முடியும் என, நாம் ஒரு போஸ்ட் கோரிக்கையை அனுப்புவதில்.

611
00:39:47,790 --> 00:39:50,400
நான், மீண்டும் இறுதியில் login.php என்று ஒரு கோப்பு உள்ளது

612
00:39:50,400 --> 00:39:53,860
கடவுச்சொல்லை செல்லுபடியாகும் என்றால் இது சரிபார்க்கிறது.

613
00:39:53,860 --> 00:39:56,000
நாம் கடந்து அளவுருக்கள் ஒப்பிடப்படுகிறது கடவுச்சொல்லை உள்ளன

614
00:39:56,000 --> 00:40:00,030
தற்போது இந்த உள்ளீடு பெட்டியில் என்று உள்ளீடு.

615
00:40:00,030 --> 00:40:04,110
மற்றும் தரவு திரும்பி வரும் போது, நாம் சோதிக்க.

616
00:40:04,110 --> 00:40:07,680
தரவு பொய் என்றால், நாம் தவறான கடவுச்சொல்லை சொல்ல, அதை கீழே சரிய

617
00:40:07,680 --> 00:40:09,580
மற்றும் அதை பின் மறைந்து செய்ய.

618
00:40:09,580 --> 00:40:12,320
இல்லையெனில், நாங்கள் நிர்வாகி பக்கம் ஏற்ற.

619
00:40:12,320 --> 00:40:15,080
இந்த அனைத்து JSON பயன்படுத்தி செய்யப்பட்டது.

620
00:40:15,080 --> 00:40:18,510
குறியீடு இந்த பல வரிசைகளில், நீங்கள், மீண்டும் இறுதியில் தரவுகளை அனுப்ப முடியும்

621
00:40:18,510 --> 00:40:21,020
அது சரியானதாக என்பதை, நீங்கள் சரியாக வெளியேற்ற சோதிக்க

622
00:40:21,020 --> 00:40:24,200
உண்மையில் சரியான பக்கம் நபர் திருப்பி, அது பதிலளிக்க

623
00:40:24,200 --> 00:40:29,760
அல்லது அவர்களை நுழைய விடாமல், அவர்கள் தவறான கடவுச்சொல்லை என்று அவர்கள் கூறவில்லை.

624
00:40:29,760 --> 00:40:33,040
அதனால் நீங்கள் jQuery அஞ்சல் பயன்படுத்த எப்படி ஒரு எடுத்துக்காட்டு

625
00:40:33,040 --> 00:40:37,010
உங்கள் திரும்ப இறுதியில் ஒரு போஸ்ட் கோரிக்கை அனுப்ப,

626
00:40:37,010 --> 00:40:42,400
யாராவது சரியாக வெளியேற்ற நடக்கிறது என்பதை சோதனை.

627
00:40:42,400 --> 00:40:44,820
>> சரி, நான் அனைத்து உதாரணங்கள், மற்றும் நான் மறைக்க வேண்டும் அனைத்து பொருட்கள் என்று.

628
00:40:44,820 --> 00:40:47,110
அந்த jQuery நீங்கள் செய்ய அனுமதிக்கிறது என்று முக்கிய விஷயங்கள் உள்ளன:

629
00:40:47,110 --> 00:40:52,640
, உறுப்புகள் தேர்வு டிஓம் கையாளுதல் பயன்படுத்தி அவற்றை மாற்ற,

630
00:40:52,640 --> 00:40:56,340
நீங்கள் விளைவுகளை சேர்க்க முடியும், சில நிகழ்வுகளை விஷயங்களை செயல்படுத்த,

631
00:40:56,340 --> 00:41:00,430
மேலும் மிகவும் உள்ளன மற்றும் எளிதாக Ajax கோரிக்கைகளை செய்ய.

632
00:41:00,430 --> 00:41:02,840
எனவே, வரும் அல்லது பார்த்து நன்றி

633
00:41:02,840 --> 00:41:06,230
நீங்கள் ஏதேனும் கேள்விகள் இருந்தால், மேலும், எனக்கு தெரியப்படுத்து. அப்படியா?

634
00:41:06,230 --> 00:41:12,730
[மாணவர்] மீண்டும் நீங்கள் காட்டியது போது, நீங்கள், மேற்கோளில் அஞ்சல் கோரிக்கை பின்னர் JSON இருந்தது

635
00:41:12,730 --> 00:41:15,170
மற்றும் நான் என்ன செய்தேன் என்று தெரியவில்லை.

636
00:41:15,170 --> 00:41:20,070
>> ஆமாம், நான் பார்க்கிறேன். கேள்வி, எடுத்துக்காட்டாக நான் காட்டியது, என்று

637
00:41:20,070 --> 00:41:25,790
சுற்றி மேற்கோள் வார்த்தை JSON இருந்தது -

638
00:41:25,790 --> 00:41:31,690
நான் மீண்டும் இழுக்க வேண்டும் - அஞ்சல் செயல்பாடு சுற்றி.

639
00:41:31,690 --> 00:41:43,320
நான் காட்ட அதை இழுத்து.

640
00:41:43,320 --> 00:41:46,890
இங்கு இந்த கோரிக்கை, மற்றும் மேற்கோள்கள் இந்த JSON இருக்கிறது.

641
00:41:46,890 --> 00:41:50,280
என்று தான் நாம் வெளியீடு இருக்கும் என எதிர்பார்க்கப்பட்ட என்ன வரையறுக்கிறது.

642
00:41:50,280 --> 00:41:54,070
நாம் எதிர்பார்க்கும் தரவு வகையாக JSON ல் கடந்து, அப்படி இருந்தால்

643
00:41:54,070 --> 00:41:56,070
, அது தேவையானது அல்ல, ஆனால் நாம் அதை கடந்து விட்டால்

644
00:41:56,070 --> 00:41:58,590
பின்னர் தரவு தானாக JSON என அலச வேண்டும்.

645
00:41:58,590 --> 00:42:00,600
எனவே, அதை JSON பாகுபடுத்தி செயல்பாடு அழைக்க இல்லை

646
00:42:00,600 --> 00:42:02,620
அது தானாக நடக்கும்.

647
00:42:02,620 --> 00:42:05,150
நீங்கள் வேலை ஆவணத்தை பார் என்றால்,

648
00:42:05,150 --> 00:42:09,850
இந்த தரவு வகை மாறி, சர்வர் இருந்து எதிர்பார்க்கப்படுகிறது தரவு வகை இருக்கிறது.

649
00:42:09,850 --> 00:42:12,660
தவறு இருக்க முடியும் என்று ஒரு அறிவார்ந்த யூகம் அதை இயல்பாக,

650
00:42:12,660 --> 00:42:15,520
அதனால் நீங்கள் அதை வெற்று செல்ல முடியும், ஆனால் அது தரவு வெறும் வகை தான்

651
00:42:15,520 --> 00:42:21,680
நீங்கள் அதை JSON அல்லது XML தான் அல்லது வேறு ஏதாவது என்பதை பயன்படுத்தி என்று குறியிடுதல்.

652
00:42:21,680 --> 00:42:25,280
>> வேறு ஏதேனும் கேள்விகள்?

653
00:42:25,280 --> 00:42:27,300
சரி. நீங்கள் வேறு கேள்விகள் இருந்தால், எனக்கு மின்னஞ்சல் கொள்ளலாம்

654
00:42:27,300 --> 00:42:30,830
vshekhawat@college.harvard.edu மணிக்கு,

655
00:42:30,830 --> 00:42:34,860
மற்றும் சரிவுகள் மற்றும் குறியீடு விரைவில் ஆன்லைன் கிடைக்க வேண்டும்.

656
00:42:34,860 --> 00:42:42,810
உங்கள் இறுதி திட்டங்கள் நல்ல அதிர்ஷ்டம், நீங்கள் jQuery பயன்படுத்த நம்புகிறேன்.

657
00:42:42,810 --> 00:42:46,810
[CS50.TV]