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
તે સૌથી વધુ ઉપયોગમાં લેવાતી JavaScript લાઇબ્રેરી છે.

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
માત્ર સતત એકદમ linearly વધી રહી છે.

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 બોર્ડ સભ્યો ધરાવે છે કારણ કે તમે તે legit કહી શકે છે

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
તે તમે અગાઉ બન્યું હતું કે વસ્તુઓ અમલ કરી શકો છો.

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 ટોચ પર wrapper વ્યાખ્યાયિત કરી રહ્યા છીએ

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
તેથી તમે કદાચ તમારા માટે હોસ્ટ કરવા માટે Google પર આધાર રાખે છે શકે છે.

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
એક પૃષ્ઠ પર તત્વો 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
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, આ સીએસએસ બદલવા, ફેરફાર કરી શકો છો

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
આ તત્વ પસંદગીકાર, ઉદાહરણ તરીકે, જો તમે હમણાં કંઈપણ પસંદ're

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
આ ઉદાહરણ માટે, આ વસ્તુ ને "શું," ધરાવે છે તેથી જો

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
હા છે. માત્ર તે પાસે ID છે divs પસંદ કરો.

141
00:07:51,810 --> 00:07:55,260
વર્ગ માટે તમે માત્ર એક ટપકું નો ઉપયોગ, તે સીએસએસ જેવી જ વાત છે.

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
અમે તત્વો પસંદ કરો પછી, અમે ખરેખર તેમની સાથે સામગ્રી કરવા માંગો છો કરશે.

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
Firefox માં હું તે આદેશ પાળી કેવલી અથવા નિયંત્રણ પાળી કે લાગે છે

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
તેથી જો તમે ફક્ત એક ચલ નામના એક્સ બનાવવા લખી શકો છો

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, અહીં આ શીર્ષક, ઉમેરો ID છે કે જેથી તે સેટ.

199
00:11:28,310 --> 00:11:32,320
અમે પછી ઉમેરો ને પસંદ કરો અને જો તે ઉમેરી

200
00:11:32,320 --> 00:11:34,560
હું હમણાં બનાવેલ છે એ HTML ચલ,

201
00:11:34,560 --> 00:11:40,370
તે અધિકાર આ ફકરો ટૅગ પછી, ઓવરને અંતે કે એચટીએમએલ ઉમેરો કરશે.

202
00:11:40,370 --> 00:11:43,730
અમે તે શું તો - અમે, તો આ ફકરો પસંદ

203
00:11:43,730 --> 00:11:47,590
અને અમે, હું માત્ર ઉમેરાયેલ HTML ચલ સાથે ઉમેરો કાર્ય કહેવાય કર્યું

204
00:11:47,590 --> 00:11:50,960
તે પૃષ્ઠ પર અધિકાર ત્યાં નવા ટેક્સ્ટ ઉમેરો કરશે.

205
00:11:50,960 --> 00:11:54,970
અમે પણ તે તત્વ શરૂઆતમાં પહેલાં જશે, જેનો અર્થ ઉમેરવું કરી શકો છો.

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
પરંતુ તમે અંત થાય છે ઉપયોગ કરી શકો છો કેવી રીતે એક ઉદાહરણ છે અને પદ્ધતિઓ ઉમેરો

209
00:12:05,280 --> 00:12:08,910
આ પાનાં પર સામગ્રી ચાલાકી, કેટલાક એચટીએમએલ ઉમેરો.

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
આ સીએસએસ આપમેળે કે વર્ગો તમને લાગુ નહીં -

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
તમે દર વખતે સ્ટાઇલ બધા સીએસએસ કરવા માટે નથી.

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
તમે લોકો માં સામગ્રી ટાઇપ કરવામાં આવે છે કે જે ઇનપુટ બોક્સમાં હોય તો

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
>> તમે પણ તેના બદલે ઉમેરી રહ્યા છે તેથી, સીએસએસ સીધા સંશોધિત કરી શકો છો

257
00:15:00,090 --> 00:15:02,510
કેટલાક પૂર્વવ્યાખ્યાયિત ગુણધર્મો ધરાવે છે કે વર્ગ હોય,

258
00:15:02,510 --> 00:15:08,120
તમે ફક્ત તમે કંઈપણ કરવા માંગો છો ગમે સીએસએસ ઉમેરી શકો છો.

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
જો સીએસએસ મિલકત મદદથી, તમે ખરેખર કંઇ કોઈપણ સમયે જુએ છે કે કેવી રીતે સંશોધિત કરી શકો છો.

266
00:15:39,250 --> 00:15:41,630
આગામી વસ્તુ અસરો છે.

267
00:15:41,630 --> 00:15:45,710
ઇફેક્ટ્સ, મૂળભૂત રીતે સીએસએસ બદલવા તરીકે જ વસ્તુ છે

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
હું ખરેખર પાનું દૂર ન હતી, હું હમણાં જ છુપાયેલા માટે દૃશ્યતા ના સીએસએસ મિલકત સેટ

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
અને તે 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
તમામ પ્રથમ, આ બોક્સ ને અદૃશ્ય બનાવે છે કે કાર્ય લખી દો.

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
જે જાવાસ્ક્રિપ્ટ છે કે લક્ષણ છે.

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
આ દરેક માટે ID ને કે દરેક બોક્સ દર્શાવે છે.

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
પ્રથમ એક હૉવર થયેલ છે, અને તે સીએસએસ ઉપયોગ કરીને આ અમુક કરી શકો છો.

409
00:25:19,620 --> 00:25:24,280
તમે સીએસએસ વાપરો તો તમે કંઈક પર હૉવર કરો, તો તમે કે જેથી તે બનાવી શકે છે

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
>> હું વિશે વાત કરવા જઈ રહ્યો છું આગામી વસ્તુ AJAX છે.

438
00:27:05,060 --> 00:27:09,340
AJAX, હું, અમે આ વર્ષે ખૂબ ઊંડાણ માં JavaScript ને આવરી ન હતી ખબર

439
00:27:09,340 --> 00:27:11,770
તેથી હું માત્ર એક મિનિટ માટે સામાન્ય રીતે AJAX વિશે વાત કરવા જઈ રહ્યો છું.

440
00:27:11,770 --> 00:27:15,210
AJAX Asynchronous જાવાસ્ક્રિપ્ટ અને XML માટે વપરાય છે.

441
00:27:15,210 --> 00:27:19,030
મૂળભૂત રીતે તે, ઉદાહરણ તરીકે, જો તમે ફેસબુક પર છો અને જ્યારે તે તમને એક સૂચના નહીં રહ્યું

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 ને પોતે માં તે પરિમાણોમાં પસાર કારણ કે છે અને તે એક વિચાર વિનંતી છે.

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 ઉપયોગ કરીને, તમે મેળવો અને વિનંતીઓ સમાચાર કરી શકો છો

463
00:28:38,660 --> 00:28:42,740
વધુ સરળતાથી તમે સામાન્ય રીતે સાદા જાવાસ્ક્રિપ્ટ ઉપયોગ કરીને કરી શકે છે.

464
00:28:42,740 --> 00:28:50,140
તમે વિનંતીઓ મળે મદદથી 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 માં વિચાર વિનંતી કરવા માટે 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
અમે આ ભોજન માહિતી ID ને 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
અમે ડેવિડ અપ લખ્યું હતું કે, 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
બીજા પરિમાણ છે - હું યાદ નથી.

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
તેથી માતાનો parse માહિતી તરીકે ઓળખાતી નવી ચલ બનાવવા દો.

527
00:32:54,950 --> 00:32:57,060
અને parse માહિતી પદાર્થો એક એરે છે.

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 કરવું હોય, તેથી માત્ર iterator છે

536
00:33:30,150 --> 00:33:40,290
હું લંબાઈ કરતાં ઓછી હતી, હું + + + +, તમે માત્ર પદચ્છેદન માહિતી હું 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
અને જો છેલ્લા વસ્તુ, અમે ફરીથી કેટલાક 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 ને, અથવા ભોજન માહિતી 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 માટે વિચાર વિનંતી બંધ મોકલશે.

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
પરંતુ તમે વિચાર વિનંતી કરી કેવી રીતે માત્ર એક સરળ ઉદાહરણ છે.

573
00:36:32,530 --> 00:36:34,580
અમે ખરેખર કોડ જુઓ, તો હું guessing રહ્યો છું, હું ખૂબ ખાતરી છું

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 આપમેળે માહિતી પાર્સ મેળવવા માટે વાપરે છે.

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
અને દરેક વાક્ય પછી વાક્ય વિરામ appends.

583
00:37:38,020 --> 00:37:41,100
કે તમે વિચાર કાર્ય ઉપયોગ કેવી રીતે છે.

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
તમે કે પાસ, અને તે એક પોસ્ટ ઉપયોગ કરીને તેમને મોકલે છે.

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
જો તમે ઇનપુટ ફોર્મ હોય તો તમે, ઉદાહરણ તરીકે, પોસ્ટ ઉપયોગ કરવા માંગો છો શકે છે

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
FIPS એ તેથી હું ક્યારેક ગયા વર્ષે લખ્યું હતું.

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 POST ઉપયોગ કરી શકે છે કેવી રીતે એક ઉદાહરણ છે

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
, તત્વો પસંદ કરો 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
[વિદ્યાર્થી] પાછા તમે દર્શાવ્યું, જ્યારે તમે અવતરણ પોસ્ટ વિનંતી બાદ 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 parse વિધેય કોલ કરવાની જરૂર નથી

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]