1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [సెమినార్: j క్వెరీ]

2
00:00:02,690 --> 00:00:04,790
[విపుల్ Shekhawat, హార్వర్డ్ విశ్వవిద్యాలయం]

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
మరియు j క్వెరీ ఉన్నాయి.

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
>> ఇప్పటికీ, నేను j క్వెరీ గురించి మాట్లాడటం సాధ్యం వెళుతున్న, మరియు మొదటి ప్రశ్న

13
00:00:43,160 --> 00:00:45,300
j క్వెరీ ఏమిటి?

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
J క్వెరీ కేవలం జావాస్క్రిప్ట్ పైన మరింత కార్యాచరణను అందిస్తుంది

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
ఫేస్బుక్ ఉపయోగిస్తుంది, ఇతర వెబ్సైట్ల మా ప్రస్తుతం దాన్ని ఉపయోగించండి.

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
ఇతర stuff కోసం స్పిన్ ఆఫ్లు ఉంది, కాబట్టి అది ఒక పెద్ద ఒప్పందం వార్తలు.

42
00:02:21,660 --> 00:02:24,510
>> ఎందుకు మీరు వాడాలి? J క్వెరీ చాలా తేలికగా.

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
ఇది మీరు గతంలో సాధ్యం కావు అని విషయాలు అమలు అనుమతిస్తుంది.

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
కానీ j క్వెరీ వారు నిజానికి చాలా సులభమైన ఉన్నాము.

53
00:02:54,300 --> 00:02:57,040
మరియు చేయాలని బాధించే కొన్ని విషయాలు ఉన్నాయి

54
00:02:57,040 --> 00:02:59,610
జావాస్క్రిప్ట్ లో సాధ్యం, ఒక POST అభ్యర్థనను పంపి వంటి,

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
మరియు అది అన్ని j క్వెరీ ఉపయోగించి ప్రదర్శనతో. మీకు చెప్తాను

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 చూడండి; అన్ని j క్వెరీ ఉపయోగించి ప్రదర్శనతో.

68
00:03:45,980 --> 00:03:49,140
మరియు ఈ ఫేడ్ - కాబట్టి వాటిలో ఆ విధమైన అన్ని, j క్వెరీ ఉపయోగించి జరుగుతుంది

69
00:03:49,140 --> 00:03:52,720
మరియు మీరు నిరంతరం సైట్ నావిగేట్ చెయ్యడానికి పేజీ రీలోడ్ లేదు.

70
00:03:52,720 --> 00:03:57,220
J క్వెరీ ఉపయోగించి తయారు మరొక చల్లని విషయం ఈ ప్రదర్శన.

71
00:03:57,220 --> 00:03:59,700
నేను, scrolldeck అని ఈ ఓపెన్ సోర్స్ విషయం ఉపయోగించి వెబ్

72
00:03:59,700 --> 00:04:03,250
ఇది ఎవరైనా j క్వెరీ పైన వ్రాసారు.

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
ఒక ఫంక్షన్ ఒక j క్వెరీ ఫంక్షన్ అని సూచిస్తుంది j క్వెరీ ఉపయోగిస్తారు.

76
00:04:12,110 --> 00:04:15,020
కాబట్టి అవి j క్వెరీ పైన ఒక రేపర్ నిర్వచించు చేస్తున్నారు

77
00:04:15,020 --> 00:04:18,570
మీరు, ఈ వంటి ఒక ప్రదర్శన చేయడానికి అనుమతిస్తుంది

78
00:04:18,570 --> 00:04:21,200
మరియు మీరు, ఇక్కడ అసలు j క్వెరీ ఫైలు సహా చేస్తున్న చూడగలరు

79
00:04:21,200 --> 00:04:24,120
ఇది j క్వెరీ ఉపయోగించడానికి కావాలా మీరు కలిగి ఉంటుంది ఏమి ఉంది

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
మీరు ఉపయోగించే j క్వెరీ యొక్క ఏ వెర్షన్ కోసం సరైన వెర్షన్ తో.

87
00:04:49,490 --> 00:04:51,340
మీరు, jQuery.com వెళుతున్న ద్వారా డౌన్లోడ్ చేసుకోవచ్చు

88
00:04:51,340 --> 00:04:55,130
", డౌన్లోడ్ j క్వెరీ" క్లిక్ చేసి మీరు వచ్చింది చేసిన. అది.

89
00:04:55,130 --> 00:04:58,880
మరియు వాస్తవానికి, మేము అది కనిపిస్తుంది ఏమి వద్ద ఒక లుక్ పట్టవచ్చు.

90
00:04:58,880 --> 00:05:01,080
మీరు ఇక్కడ డౌన్లోడ్ క్లిక్ ఉంటే, j క్వెరీ ఈ.

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
ఇది అక్కడ stuff చాలా వార్తలు.

96
00:05:17,980 --> 00:05:20,240
మీరు కూడా అది Google యొక్క హోస్ట్ వెర్షన్ కు లింక్ చేయవచ్చు.

97
00:05:20,240 --> 00:05:23,820
తద్వారా మీరు దాన్ని అందించడానికి Google ఆధారపడి అనుమతిస్తాయి ఉంటాం.

98
00:05:23,820 --> 00:05:29,310
వారు అన్ని సమయాల్లో అందుబాటులో ప్రతి వెర్షన్ అందించడానికి.

99
00:05:29,310 --> 00:05:31,530
సో మీరు బహుశా మీరు దానిని హోస్ట్ Google ఆధారపడవచ్చు.

100
00:05:31,530 --> 00:05:33,270
లేదా మీరు j క్వెరీ యొక్క సొంత తాజా వెర్షన్ లింకు.

101
00:05:33,270 --> 00:05:36,400
వారు ఎల్లప్పుడూ తాజా వెర్షన్ కు నవీకరించబడింది ఒక URL కలిగి.

102
00:05:36,400 --> 00:05:40,850
, ఇది j క్వెరీ-తాజా వార్తలు, మరియు ఆ తో ఒక సమస్య ఉంది

103
00:05:40,850 --> 00:05:44,350
ఇది అని ఉంటే నవీకరించబడింది j క్వెరీ మరియు మునుపటి కార్యాచరణ యొక్క కొన్ని

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
>> నేను ముందుకు వెళ్లి j క్వెరీ వాస్తవ కార్యాచరణ గురించి మాట్లాడటం మొదలు వెళుతున్న.

112
00:06:07,450 --> 00:06:13,090
మొదటి విషయం సెలెక్టర్లు ఉంది. ఈ j క్వెరీ ప్రారంభంలో అందించడానికి ఉద్భవించింది ఏమిటి.

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
ఒక పేజీ ఎలిమెంట్ ID లు మరియు తరగతులు మరియు వాటిని ఇతర గుర్తించడం అంశాలను కలిగి.

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
J క్వెరీ మీరు పేజీ నుండి అంశాలను తిరిగి సాధారణ ప్రశ్నలు నిర్మించేందుకు అనుమతిస్తుంది.

120
00:06:38,120 --> 00:06:41,890
అప్పుడు మీరు, j క్వెరీ ఫంక్షన్లను ఉపయోగించి ఈ అంశాలను చేయవచ్చు

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
మీరు j క్వెరీ అలాగే ఉపయోగించి చేయవచ్చు.

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
ఒక div ఉంది - నిజానికి ఈ స్లయిడ్ ప్రదర్శన కోసం ఓపెన్ కోడ్ కలిగి.

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
ID సెలెక్టర్ మీరు ఇచ్చిన ID తో ఏదైనా ఎంచుకోండి అనుమతిస్తుంది.

135
00:07:27,040 --> 00:07:32,230
ఈ ఉదాహరణకు, ఈ విషయం ID "ఏమి," ఉంది కనుక

136
00:07:32,230 --> 00:07:37,160
మరియు మేము # ఏమి బదులుగా కొన్ని ID తో ఈ చేస్తే,

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 అని ID లతో విషయాలు ఎంచుకోండి.

140
00:07:48,260 --> 00:07:51,810
Yeah సో. మాత్రమే ID కలిగి 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
ఈ యాంకర్ ట్యాగ్ కోసం, href, హైపర్టెక్స్ట్ సూచన కూడా ఒక లక్షణం.

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
>> తదుపరి విషయం DOM పనితనం.

173
00:09:48,840 --> 00:09:52,500
మేము అంశాలు ఎంచుకున్న తర్వాత, మేము నిజానికి వారితో stuff చేయాలని అనుకునే.

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
మరియు వాటిని j క్వెరీ ఉపయోగించి రెట్టింపు.

178
00:10:04,890 --> 00:10:08,290
ఈ j క్వెరీ ఉపయోగించి అమలు ఎందుకంటే, మేము, j క్వెరీ లైబ్రరీ యాక్సెస్

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 ఆదేశం J నొక్కండి

182
00:10:19,340 --> 00:10:21,720
లేదా alt నియంత్రణ J కన్సోల్ తెరవడానికి.

183
00:10:21,720 --> 00:10:26,130
Firefox లో నేను యొక్క ఆదేశం షిఫ్ట్ K లేదా నియంత్రణ షిఫ్ట్ K. అనుకుంటున్నాను

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
ఇది మీరు basically మీరు ఏదైనా కేవలం అనుమతిస్తుంది.

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
మీరు CS వంటి ఏదో కూడా చేయవచ్చు + చూద్దాం, x CS50 ఉంటుంది + 45.

191
00:10:57,670 --> 00:11:00,530
మీరు కేవలం కొన్ని సాధారణ జావాస్క్రిప్ట్ stuff చేయవచ్చు.

192
00:11:00,530 --> 00:11:02,730
కానీ మీరు కూడా ఇక్కడ j క్వెరీ చేయవచ్చు.

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 ID ఉంది కనుక ఇది ఏర్పాటు.

199
00:11:28,310 --> 00:11:32,320
మేము అప్పుడు append ID ఎంచుకోండి మరియు ఉంటే అది జోడించు

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 ఉపయోగించవచ్చు ఎలా ఒక ఉదాహరణ మరియు పద్ధతులు జోడించు

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
ఈ పేరా తరగతి ID అనుగుణంగా.

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
Yep. వారు అన్ని పరీక్ష భర్తీ చేస్తున్నారు.

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
మీరు ప్రజలు లోకి stuff టైప్ ఒక ఇన్పుట్ బాక్స్ కలిగి ఉంటే

243
00:14:00,470 --> 00:14:03,880
ప్రజలు దీనిని stuff టైప్,

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
కాబట్టి మేము కేవలం మొదటి ఎనన్నుకొనండి చేస్తాము, మరియు అప్పుడు మేము అది Val ఫంక్షన్ కాల్.

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
మేము దీన్ని చేస్తే, అది కేవలం స్ట్రింగ్ stuff తిరిగి.

250
00:14:31,880 --> 00:14:36,860
మేము మరింత stuff వ్రాయడం తర్వాత మళ్ళీ కాల్ ఉంటే, అది మరింత stuff లోకి మారుతుంది.

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
ప్రజలు ఇది టైప్ మీరు కేవలం, తక్షణమే stuff తిరిగి చేయవచ్చు

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
ID నిజానికి ఈ మొత్తం బాక్స్ అనుగుణంగా చూపించు / దాచిపెట్టు,

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
ఫేడ్ ID ఈ బాక్స్ అనుగుణంగా - ఇది ఈ ఫేడ్ ప్రభావం కూడా ఉంది.

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
నేను, ఈ బాక్స్ సరిపోలే టోగుల్ ID, ఎంచుకోండి వెళుతున్న

293
00:17:33,410 --> 00:17:38,970
మరియు ఆ div మీరు మార్చడానికి కాల్ చేయవచ్చు; ఇది కనిపిస్తుంది ఉంటే అది అదృశ్య అవుతుంది,

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
అన్ని మొదటి, యొక్క బాక్స్ ID అదృశ్యం చేస్తుంది ఒక ఫంక్షన్ వ్రాయడానికి వీలు.

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
మేము బాక్స్ ID ఎంచుకోవచ్చు.

333
00:20:08,950 --> 00:20:15,020
ఎంచుకోండి j క్వెరీ ఉపయోగించి సో, మేము బాక్స్ ID ఎంచుకోవచ్చు

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
>> అన్ని కాబట్టి మొదటి, యొక్క బాక్స్ బటన్ ID ఎంచుకోండి తెలపండి

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
జావాస్క్రిప్ట్ కలిగి లక్షణం.

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
ఈ బాక్స్ క్లిక్ ID ఉంది కాబట్టి, ఈ కీ ID ఉంది, మరియు ఈ ఒక మౌస్ ID ఉంది.

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
మేము ఈ క్లిక్ ID క్లిక్ చేస్తే, మేము బాక్స్ అదృశ్యం లేదా మళ్ళీ చేయాలనుకుంటున్నాము.

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
కానీ j క్వెరీ ఉపయోగించి మీరు ఇతర విషయాల శైలులు మార్చవచ్చు.

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
మేము మౌస్ ID ఈ హోవర్ ఫంక్షన్ కాల్ ఉంటే,

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
>> నేను మాట్లాడిన వెళుతున్న తదుపరి విషయం AJAX ఉంది.

438
00:27:05,060 --> 00:27:09,340
AJAX, నేను, మేము ఈ సంవత్సరం చాలా లోతు గా జావాస్క్రిప్ట్ కవర్ లేదు తెలుసు

439
00:27:09,340 --> 00:27:11,770
కాబట్టి నేను ఒక నిమిషం కోసం సాధారణంగా AJAX గురించి మాట్లాడటానికి వెళుతున్నాను.

440
00:27:11,770 --> 00:27:15,210
AJAX అసిన్క్రోనస్ జావాస్క్రిప్ట్ మరియు XML సూచిస్తుంది.

441
00:27:15,210 --> 00:27:19,030
ఇది ప్రాథమికంగా, ఉదాహరణకు, మీరు Facebook లో ఉన్నారు మరియు అది, మీరు ఒక ప్రకటనను నెడుతుంది లో

442
00:27:19,030 --> 00:27:23,060
AJAX మీ వెబ్ బ్రౌజర్ నడుస్తుంటే ఎందుకంటే ఆ.

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
కానీ AJAX ఉపయోగించి, మీరు నిరంతరం కొత్త సమాచారం కోసం లాగండి చేయవచ్చు

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
మరియు మనం పొందుతాం లేదా అభ్యర్థనలు పోస్ట్ గాని ఉపయోగించవచ్చు.

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 కూడా లోకి ఆ పారామితులు లో ప్రయాణిస్తున్న ఎందుకంటే మరియు ఒక GET అభ్యర్థనను వార్తలు.

457
00:28:15,890 --> 00:28:19,250
మీరు పోస్ట్ ద్వారా పంపడం చేస్తుంటే ఒక POST అభ్యర్థనను ఉంది.

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
కానీ j క్వెరీ ఉపయోగించి, మీరు GET మరియు అభ్యర్థనలు పోస్ట్ చేయవచ్చు

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
ఈ మీరు ఒక API ఒక GET అభ్యర్థనను చేయాలని j క్వెరీ ఉపయోగించవచ్చు ఎలా కేవలం ఒక ఉదాహరణ

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
ఇక్కడ j క్వెరీ ఒక GET అభ్యర్థనను సృష్టించడానికి 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
తరువాత వాదన GET అభ్యర్థనను పూర్తి ఉన్నప్పుడు అమలు చేసే ఒక ఫంక్షన్ ఉంది.

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
ఈ బటన్ నొక్కినప్పుడు, మేము ఒక GET అభ్యర్థనను పంపడానికి తద్వారా.

481
00:29:50,820 --> 00:29:53,410
మరియు కొన్ని డేటా అభ్యర్థనను తిరిగి వచ్చినప్పుడు,

482
00:29:53,410 --> 00:29:57,290
మేము ఈ భోజనం సమాచారం ID div గా రాయాలో చేస్తున్నారు.

483
00:29:57,290 --> 00:30:02,860
అన్ని మొదటి, ఆహార బటన్ ID ఎంచుకోండి తెలపండి.

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
మరియు ఈ బటన్ నొక్కినప్పుడు, మేము ఒక GET అభ్యర్థనను పంపాలనుకుంటున్నారా

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
ఈ డాలర్ సైన్ ఉపయోగించి, ఒక j క్వెరీ ఫంక్షన్.

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
మేము డేవిడ్ అప్ వ్రాసాడు API నుండి పొందవచ్చు.

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
జావాస్క్రిప్ట్ అది అర్థం ఏమి అర్ధం చేసుకోవడానికి ఇది చాలా సులభం

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
రెండవ పరామితి - నేను వద్దు remember.

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
డేటా GET అభ్యర్థనను పూర్తి తర్వాత GET అభ్యర్థనను నుండి తిరిగి వస్తుంది ఏమిటి.

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
కానీ మంచి విషయమే, JavaScript 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
ఇది ఒక తేదీ, భోజనం, వర్గం, రెసిపీ, అన్ని ఈ ఇతర stuff ఉంది.

530
00:33:08,980 --> 00:33:10,860
సో మనం ప్రతి ఒక కోసం పేరు బయటకు ప్రింట్ వీలు.

531
00:33:10,860 --> 00:33:13,790
మేము దాని నుండి తిరిగి విషయం యొక్క వ్యూహరచనలు పైగా iterate యొక్క లెట్,

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 i, బదులుగా var i = 0 చేయాలని కలిగి కాబట్టి, కేవలం ఇటెరేటర్ ఉంది

536
00:33:30,150 --> 00:33:40,290
i పొడవు కంటే తక్కువ, i + +, మీరు కేవలం అన్వయించడం డేటా i var చేయవచ్చు.

537
00:33:40,290 --> 00:33:47,060
ఈ ఉదాహరణలో, అన్వయించడం డేటా (i) ప్రస్తుత మూలకం అనుగుణంగా ఉంటుంది

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
మరియు గత విషయం, మేము మళ్ళీ కొన్ని j క్వెరీ చూడాలని ఉంది.

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
మేము j క్వెరీ మరియు ఎంపిక భోజనం సమాచారం div ID, లేదా భోజనం సమాచారం ID ఉపయోగించండి, క్షమించండి.

545
00:34:13,870 --> 00:34:16,580
మేము ఈ జోడించే మీరు.

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
మరియు మేము భోజనం సమాచారం ID 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 కు ఒక GET అభ్యర్థనను పంపుతుంది.

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
ఆపై పేరు మరియు ఒక లైన్ బ్రేక్ జోడించు

558
00:35:10,310 --> 00:35:16,500
గతంలో ఖాళీ అయిన ఈ భోజనం సమాచారం ID ప్రతి లైన్.

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
మరియు మేము AJAX వెళ్ళండి, మరియు ఈ సరిగ్గా పని చేయాలి.

568
00:36:19,740 --> 00:36:21,730
ఆ, అర్హత కోసం నేడు ఉంది ఏమిటి

569
00:36:21,730 --> 00:36:24,870
ప్రత్యేక క్రమంలో, ఇది చుట్టూ సూక్తులు, కాబట్టి అది prettiest కాదు.

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
కానీ GET అభ్యర్థనను చేయమని కేవలం ఒక సాధారణ ఉదాహరణకు.

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
మీరు GET ఫంక్షన్ ఉపయోగించడానికి ఎలా.

584
00:37:41,100 --> 00:37:44,040
>> మీరు కూడా నేను సమయం లేదు ఇది, POST ఉపయోగించవచ్చు

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
కేవలం, URL మాత్రమే స్ట్రింగ్ వాటిని పెట్టటం

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
మీరు ఆ పాస్, మరియు ఒక POST ఉపయోగించి పంపుతుంది.

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
లేకపోతే, అది ఖచ్చితంగా అదే ఉంది. సో POST ఉపయోగించి,

596
00:38:26,430 --> 00:38:29,970
మీరు ఒక ఇన్పుట్ రూపంలో ఉంటే, ఉదాహరణకు, POST వుపయోగించాలని అనుకొనుచున్న

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
మీరు చేయగల అన్ని j క్వెరీ ఉపయోగించి బదులుగా అన్ని వద్ద పేజీ రిఫ్రెష్ అవసరం.

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
మీరు ఇక్కడ చూడవచ్చు, మేము ఒక POST అభ్యర్థనను పంపిస్తున్నాం.

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
తద్వారా మీరు j క్వెరీ POST ఉపయోగించవచ్చు ఎలా ఒక ఉదాహరణ వార్తలు

625
00:40:33,040 --> 00:40:37,010
మీ తిరిగి చివర ఒక POST అభ్యర్థనను పంపడానికి,

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
ఆ j క్వెరీ మీరు అనుమతించే ప్రధాన విషయాలు ఇక్కడ ఉన్నాయి:

629
00:40:47,110 --> 00:40:52,640
, అంశాలు ఎంచుకోండి DOM తారుమారు ఉపయోగించి వాటిని సవరించడానికి,

630
00:40:52,640 --> 00:40:56,340
మీరు ప్రభావాలు జోడించవచ్చు, కొన్ని సంఘటనల విషయాలు సక్రియం,

631
00:40:56,340 --> 00:41:00,430
మరియు కూడా చాలా వేగంగా మరియు సులభంగా అజాక్స్ అభ్యర్ధనలు చేయండి.

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
[స్టూడెంట్] తిరిగి మీరు చూపించడంతో, మీరు, కోట్స్ లో POST అభ్యర్థనను తర్వాత JSON కలిగి

635
00:41:12,730 --> 00:41:15,170
మరియు నేను ఆ ఏమి wondering జరిగినది.

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
నేను దాన్ని మళ్లీ లాగండి ఉంటుంది - POST ఫంక్షన్ చుట్టూ.

639
00:41:31,690 --> 00:41:43,320
నేను చూపించు దానిని లాగడం వెబ్.

640
00:41:43,320 --> 00:41:46,890
ఇక్కడ ఈ POST అభ్యర్థనను వార్తలు, మరియు కోట్స్ లో ఈ 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
మరియు మీరు POST కోసం డాక్యుమెంటేషన్ పరిశీలించి ఉంటే,

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
మీ చివరి ప్రాజెక్టులను అదృష్టం, మీరు j క్వెరీ ఉపయోగించడానికి ఆశిస్తున్నాము.

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