1 00:00:00,000 --> 00:00:02,700 [Powered by Google Translate] [9 અઠવાડિયું, ચાલુ રાખ્યું] 2 00:00:02,700 --> 00:00:05,160 [ડેવિડ જે Malan - હાર્વર્ડ યુનિવર્સિટી] 3 00:00:05,160 --> 00:00:07,020 [આ CS50 છે. - CS50.TV] 4 00:00:07,940 --> 00:00:13,340 >> આ CS50 છે. આ 9 અઠવાડિયાના અંત છે. તમે ખૂબ ખૂબ આભાર. 5 00:00:13,340 --> 00:00:15,310 છેલ્લે. 9 અઠવાડિયું. હું તે મેળવી છે. 6 00:00:15,310 --> 00:00:18,590 આજે આપણે વેબ પ્રોગ્રામિંગ વિશે અમારી વાતચીત ચાલુ રાખવા માટે 7 00:00:18,590 --> 00:00:21,660 અંતિમ પ્રોજેક્ટ તરફ નજર થી તમે વેબ આધારિત કંઈક કારણ કે ન હોય 8 00:00:21,660 --> 00:00:25,610 અંતિમ પ્રોજેક્ટ માટે, પરંતુ કારણ કે અંતિમ પ્રોજેક્ટ માટે અથવા CS50 પછી 9 00:00:25,610 --> 00:00:29,000 આ ચોક્કસપણે જે દિશામાં આધુનિક સોફ્ટવેર જઈને છે. 10 00:00:29,000 --> 00:00:31,770 અને હજુ સુધી તે ખરેખર એક સરળ બાબત નથી. 11 00:00:31,770 --> 00:00:35,040 હકીકતમાં, એક ખૂબ સખત કરવા વસ્તુઓ ડિઝાઇનના પાસું છે. 12 00:00:35,040 --> 00:00:38,600 >> હમણાં પૂરતું, ડિઝાઇન દ્વારા અમે ખરેખર વપરાશકર્તા ઈન્ટરફેસ મેળવવામાં મીન 13 00:00:38,600 --> 00:00:40,420 અથવા વપરાશકર્તા અનુભવ અધિકાર. 14 00:00:40,420 --> 00:00:43,200 Daresay હું - અને અમે તાજેતરમાં એક સમસ્યા સેટ પરથી ખબર 15 00:00:43,200 --> 00:00:45,960 જ્યારે તમે થોડા સોફ્ટવેર કેટલાક ભાગ વિશે તમારા gripes પ્રસારિત 16 00:00:45,960 --> 00:00:49,000 અથવા હાર્ડવેર કે જે તમે કેમ્પસ અથવા આ બોલ પર છે કે શું, infuriates - 17 00:00:49,000 --> 00:00:51,930 ત્યાં ત્યાં બહાર સાઇટ્સ ઘણો છે, ત્યાં ત્યાં બહાર હાર્ડવેર ઘણો છે, 18 00:00:51,930 --> 00:00:53,900 તે પ્રકારના sucks. 19 00:00:53,900 --> 00:00:58,730 પરંતુ વાસ્તવિકતા એ છે કે વસ્તુઓ છે કે જે હજુ સુધી વાપરવા માટે સરળ છે બનાવવા છતાં શક્તિશાળી છે 20 00:00:58,730 --> 00:01:00,550 ખૂબ જ મુશ્કેલ પડકાર છે. 21 00:01:00,550 --> 00:01:03,680 તેથી આજે હું જોસેફ અને ટોમી મને જોડાવા માટે અહીં કહેવામાં 22 00:01:03,680 --> 00:01:06,680 જેથી અમે વાતચીત કરી શકે છે તે વિશે, બંને ડિઝાઇન 23 00:01:06,680 --> 00:01:09,090 અને વિચાર પ્રક્રિયાઓ પ્રકારના શું તમારા માથા પસાર થઇ શરૂ થવું જોઈએ 24 00:01:09,090 --> 00:01:12,040 જ્યારે તમે તમારા અંતિમ પ્રોજેક્ટ ડિઝાઇન, તમારા ભાવિ પ્રયાસોથી. 25 00:01:12,040 --> 00:01:15,040 અને પછી ટોમી મદદ સાથે અમે અમલીકરણ વિગતો કેટલાક જોવા મળશે. 26 00:01:15,040 --> 00:01:18,440 તમે કાગળ પર અથવા તમારા મન કેવી રીતે કેટલાક દૃષ્ટિ કરી શકો છો 27 00:01:18,440 --> 00:01:20,760 કે પછી તમે પ્રોગ્રામ ચલાવી શકો છો 28 00:01:20,760 --> 00:01:24,030 આ તકનીકો અને કેટલીક ટેકનિકો ઉપયોગ કરીને અમે વિશે વાત કરવાનું શરૂ કરી દીધું, 29 00:01:24,030 --> 00:01:29,080 અર્થાત જાવાસ્ક્રિપ્ટ અને પણ નવી છે, નામ અનુસાર AJAX, અસિંક્રોનસ JavaScript કંઈક. 30 00:01:29,080 --> 00:01:32,950 કે તમે તમામ વધુ વપરાશકર્તા ઈન્ટરફેસના ગતિશીલ બનાવવા માટે પરવાનગી આપે છે 31 00:01:32,950 --> 00:01:35,780 વધુ અને વધુ માહિતી સર્વર માંથી ક્રમશઃ લાવતી દ્વારા. 32 00:01:35,780 --> 00:01:38,560 તેથી અમે તે સ્નિપેટ્સ કેટલાક આજે તેમજ જોશો. 33 00:01:38,560 --> 00:01:41,800 એક અલગ તરીકે, જો તમે કોમ્પ્યુટર વિજ્ઞાન કેન્દ્રીકરણ રસ છે 34 00:01:41,800 --> 00:01:45,010 અથવા કમ્પ્યુટર વિજ્ઞાન minoring ખબર છે, કે જે મધ્યાહ્ને આ શુક્રવાર 35 00:01:45,010 --> 00:01:48,750 મેક્સવેલ 221 ડ્વોર્કિન ત્યાં પિઝાની ઘટના હશે 36 00:01:48,750 --> 00:01:50,780 તમે થોડી વધુ જ્યાં કોમ્પ્યુટર વિજ્ઞાન વિશે જાણી શકો છો. 37 00:01:50,780 --> 00:01:54,860 દરવાજાની બહાર તમારી રીતે આજે પર તમે હાર્વર્ડ ખાતે સીએસ માટે એક બિનસત્તાવાર માર્ગદર્શન પસંદ કરવાનો પ્રયત્ન કરીશું. 38 00:01:54,860 --> 00:01:57,290 અમે છાતીની ઊંચાઈએથી બહાર કચરો કેન પર મૂકીશું 39 00:01:57,290 --> 00:01:59,750 જેથી જો તમે આ ગ્રેબ અને સીએસ વિશે થોડી વધુ જાણવા માંગતા હો, 40 00:01:59,750 --> 00:02:02,480 કે ત્યાં તમારા માટે પ્રયત્ન તરીકે તેને 0 સપ્તાહમાં હતી થશે. 41 00:02:02,480 --> 00:02:06,500 પણ જો તમે અમને CS50 બપોરના માટે આ શુક્રવાર જોડાવા 1:15 કલાકે માંગો છો, 42 00:02:06,500 --> 00:02:09,800 માટે cs50.net/lunch વડા. 43 00:02:09,800 --> 00:02:13,260 વધુ મુસીબત વગર, હું તમને શિક્ષણ સાથી જોસેફ ઓન્ગ આપે છે. 44 00:02:13,260 --> 00:02:19,190 હાય. [વધાવી] 45 00:02:19,190 --> 00:02:20,770 આભાર. 46 00:02:20,770 --> 00:02:24,780 પ્રથમ વખતે હું ડિઝાઇન વિશે શીખી અહીં એક વર્ગ CS179 તરીકે ઓળખાતી હતી. 47 00:02:24,780 --> 00:02:28,040 >> તે સમયે પ્રોફેસર અમને બીજી અધ્યાપક વિશે વાર્તા સંભળાવી 48 00:02:28,040 --> 00:02:31,640 જે એક હોટલમાં ગયા હતા અને faucets ઉપયોગ થાય છે. 49 00:02:31,640 --> 00:02:35,630 કોઈને પણ મને કહી શકો છો કે શું ડાબી બાજુના 2 knobs અને અધિકાર નથી? 50 00:02:35,630 --> 00:02:39,080 [વિદ્યાર્થી] હોટ અને કોલ્ડ. >> હોટ અને કોલ્ડ. ગુડ. 51 00:02:39,080 --> 00:02:41,430 તમે શું અપેક્ષા સામાન્ય રીતે, અધિકાર? 52 00:02:41,430 --> 00:02:46,960 આ પ્રવાહી વહેવાનો હરકોઈ જાતનો નળ ઉપયોગ કર્યા બાદ આ પ્રોફેસર એક સ્નાન લેવા માગે છે, અને તેમણે આ ઉપયોગ આગળ. 53 00:02:46,960 --> 00:02:51,310 તેમણે ડાબા વિચારે છે અને જમણી બાજુ ગરમ અને ઠંડા હોય છે, અધિકાર? 54 00:02:51,310 --> 00:02:55,470 પરંતુ કોઈને મને આ ખરેખર શું કરવું કહી શકે છે? 55 00:02:55,470 --> 00:02:58,060 કોઈપણ હાથ? 56 00:02:58,060 --> 00:03:01,740 [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> એક સૂચન છે? 57 00:03:01,740 --> 00:03:05,860 [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> તાપમાન? 58 00:03:05,860 --> 00:03:10,460 તેથી તેમાંથી એક તાપમાન અને અન્ય નિયંત્રણો નિયંત્રિત? >> [વિદ્યાર્થી] પાણી દબાણ. 59 00:03:10,460 --> 00:03:12,350 પાણી દબાણ. ગુડ. 60 00:03:12,350 --> 00:03:15,100 આ અધ્યાપક આ માં લઈ જશે, અને વિચારવાનો તેઓ ગરમ અને ઠંડા નિયંત્રિત કરવામાં આવે છે, 61 00:03:15,100 --> 00:03:21,470 જમણી એક છે, જે તેઓ વિચારે છે અપ ગરમ, બધા માટે માર્ગ છે વળે 62 00:03:21,470 --> 00:03:23,560 કારણ કે તેમણે એક ગરમ સ્નાન લેવા માગે છે. 63 00:03:23,560 --> 00:03:28,100 વેલ, આ ખરેખર અપ મેળ ખાતા નથી, તેથી તેણે આ મજા ખૂબ જ ન અનુભવ નોંધાયો નહીં 64 00:03:28,100 --> 00:03:31,110 એક ઠંડા વરસવું હોય છે, અને અમે તમામ જાણીએ છીએ કે શું લાગે છે. 65 00:03:31,110 --> 00:03:33,620 આ એક ડિઝાઇન ખામી એક ઉદાહરણ છે. 66 00:03:33,620 --> 00:03:37,040 હું શું અર્થ દ્વારા કે પ્રવાહી વહેવાનો હરકોઈ જાતનો નળ તેની અપેક્ષા છે 67 00:03:37,040 --> 00:03:39,420 મેળ ખાતી શું સ્નાન બહાર આવ્યા નથી, 68 00:03:39,420 --> 00:03:41,780 જે તેમના માટે કમનસીબ પ્રકારની છે. 69 00:03:41,780 --> 00:03:44,990 તેથી આ એક એવી ડિઝાઇન ખામી કે વાસ્તવિક જીવનમાં બને છે એક ઉદાહરણ છે. 70 00:03:44,990 --> 00:03:48,020 પરંતુ અમે અન્ય મુદ્દાઓ પર તમામ પ્રકારના તેમજ જુઓ. 71 00:03:48,020 --> 00:03:50,390 અમે કદાચ MBTA સિસ્ટમ ચાહકો નથી. 72 00:03:50,390 --> 00:03:55,560 આ લન્ડન માં સબવે વાસ્તવમાં સિસ્ટમ છે, જે કહે છે કે 'આ બટન ઉપયોગ નથી. " 73 00:03:55,560 --> 00:04:00,220 તે શા માટે છે પણ ત્યાં પર? અમે પણ શા માટે કાળજી કરું? 74 00:04:00,220 --> 00:04:02,810 હું જ્યારે બાળક તો ઘર માં ટેક સમજશકિત એક છે હતો, 75 00:04:02,810 --> 00:04:05,050 જ્યારે કમ્પ્યુટર તૂટી જશે, મારી મમ્મીએ મને આવશે, 76 00:04:05,050 --> 00:04:07,060 મને આ સ્ક્રીન દર્શાવે છે અને મને પૂછ્યા શું થયું. 77 00:04:07,060 --> 00:04:09,210 >> પણ મને ખબર નથી આ શું અર્થ થાય છે. 78 00:04:11,890 --> 00:04:14,700 [અટ્ટહાસ્ય] શું? 79 00:04:16,950 --> 00:04:18,019 [અટ્ટહાસ્ય] 80 00:04:18,720 --> 00:04:23,050 ક્યારેક અમે સોફ્ટવેર વિકાસકર્તાઓને જેવી લાગે ફક્ત trolling અમને. 81 00:04:23,050 --> 00:04:28,460 જેમ વપરાશકર્તાઓ અમે, જેમ છો "શું થઈ રહ્યું છે કોઇએ અમને જણાવો." 82 00:04:28,460 --> 00:04:32,140 આ તમામ ડિઝાઇનના મુદ્દાને નીચે આવે છે. 83 00:04:32,140 --> 00:04:34,650 ડિઝાઇન, કારણ કે અમે જોઈ શકે છે, કેવળ સૌંદર્ય શાસ્ત્ર વિષે નથી, 84 00:04:34,650 --> 00:04:37,230 તે કેવી રીતે વસ્તુઓ જોવા વિશે નથી. 85 00:04:37,230 --> 00:04:41,720 અમે અહીં જુઓ કે આ અહીં ઉપર પોપ અપ થોડું ખરેખર ખૂબ સરસ લાગે છે. 86 00:04:41,720 --> 00:04:45,290 તે પૃષ્ઠભૂમિ ઘટાડો પડછાયો હોય, તો સરહદ પર જઈને radiuses છે. 87 00:04:45,290 --> 00:04:47,550 તે ખરેખર પ્રકારની છે. 88 00:04:47,550 --> 00:04:51,480 તે ખરેખર સારી કારણ કે તે ખૂબ જ વપરાશકર્તા અનુકૂળ નથી નથી રચાયેલ છે. 89 00:04:51,480 --> 00:04:54,920 કે પોપ અપ થોડું છે કે જે આવે ખરેખર મને કોઇ માહિતી આપી નથી 90 00:04:54,920 --> 00:04:58,450 શું થઈ રહ્યું છે તે વિશે મને તે વપરાશકર્તા તરીકે કંઇ નથી કહેવું નથી 91 00:04:58,450 --> 00:05:01,400 કેવી રીતે ભૂલ પુનઃપ્રાપ્ત કરવા વિશે. 92 00:05:01,400 --> 00:05:05,190 અમે વસ્તુઓ છે કે જે ડિઝાઈન નથી વિશે વિચારો કરવા માંગો છો. 93 00:05:05,190 --> 00:05:06,670 પ્રથમ, તે સૌંદર્ય શાસ્ત્ર નથી. 94 00:05:06,670 --> 00:05:10,800 તે પણ બિનજરૂરી વિધેય ટન સાથે ભરણ છે તમારી એપ્લિકેશન. 95 00:05:10,800 --> 00:05:14,890 જો તમે થાઈ રેસ્ટોરન્ટ છો, તો તમે કદાચ એક જ સમયે એક દંત ચિકિત્સક પ્રયત્ન કરવા નથી માંગતા. 96 00:05:14,890 --> 00:05:17,720 અને Facebook પ્રશ્નો સાથે, ઘણા લોકો તે ઉપયોગ નથી 97 00:05:17,720 --> 00:05:21,130 અને તે ખરેખર તેઓ શું મકાન હતી કોર ન હતી. 98 00:05:21,130 --> 00:05:24,200 અને તેથી તે સારું છે તે વિશે વસ્તુઓ જથ્થો ખૂબ જ લાગે છે નથી 99 00:05:24,200 --> 00:05:26,390 જો કે તમે તમારી અરજી પરંતુ ગુણવત્તા માટે આપી રહ્યા છીએ 100 00:05:26,390 --> 00:05:28,910 અને તમે તે વપરાશકર્તા અનુભવ કેવી રીતે વધુ સારી રીતે કરી રહ્યા છીએ 101 00:05:28,910 --> 00:05:32,540 દ્વારા ખરેખર તમે શું પહેલેથી પર સુધારી રહ્યા છીએ. 102 00:05:32,540 --> 00:05:37,040 >> ટૂંકમાં, ડિઝાઇન અમને કહે છે કે અમે શું બિલ્ડ કરીશું. 103 00:05:37,040 --> 00:05:41,950 ઉદાહરણ તરીકે, જો આપણે કંઈક કે અમને વસ્તુઓ શોધવા અપ મકાન કરી રહ્યાં છો, 104 00:05:41,950 --> 00:05:45,970 ગૂગલ જેવી છે, ઉદાહરણ તરીકે, અમે એક રીતે વસ્તુઓ કરવું જોઈએ 105 00:05:45,970 --> 00:05:48,950 કે વપરાશકર્તા ક્લિક્સ ઘણાં લેવા માટે તેઓ શું કરવા માંગો છો વિચાર જરૂર છે, 106 00:05:48,950 --> 00:05:52,580 અથવા આપણે તે રીતે કરવું જોઈએ, ઉદાહરણ તરીકે, Google ઝટપટ સ્વત: પૂર્ણ અથવા સાથે, 107 00:05:52,580 --> 00:05:54,970 કે જેનાથી અમારા પરિણામો મેળવવા ઝડપી? 108 00:05:54,970 --> 00:05:58,740 એન્જીનિયરિંગ સમાવેશ થાય છે, જેમ કે ટોમી તમે બતાવે છે, વાસ્તવમાં તે તૈયાર કરશે. 109 00:05:58,740 --> 00:06:01,890 ત્યાં ડિઝાઈન પ્રકારના ઘણાં છે. 110 00:06:01,890 --> 00:06:06,070 ઉદાહરણ તરીકે, જો તમે કંઈક નિર્માણ કરી રહ્યાં છો કંઈક જમાવવા માટે 111 00:06:06,070 --> 00:06:09,770 એક થર્ડ વર્લ્ડ દેશ જ્યાં ત્યાં ખૂબ વીજળી અથવા તે ખૂબ ટેકનોલોજી નથી, 112 00:06:09,770 --> 00:06:11,440 તમે ડિઝાઇન તમે શું કરી રહ્યાં છો મકાન ધરાવે છે 113 00:06:11,440 --> 00:06:14,210 એક રીતે તે સરળતાથી ત્યાં લોકો ઍક્સેસ આપે છે. 114 00:06:14,210 --> 00:06:18,290 પરંતુ અન્ય ડિઝાઇન નિર્ણયો કેવા પ્રકારના શું ત્યાં હોઈ શકે છે 115 00:06:18,290 --> 00:06:21,850 અથવા આ કંઈક સામેલ હોઈ શકે છે? 116 00:06:23,690 --> 00:06:25,660 યાહ. હું હાથ જુઓ. 117 00:06:25,660 --> 00:06:37,200 [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> અધિકાર. બરાબર. સુલભતા એક ચીજ છે. 118 00:06:37,200 --> 00:06:40,870 ઘણા લોકો વિશે નથી લાગતું નથી, "મારા વપરાશકર્તાઓ વિશે શું?" 119 00:06:40,870 --> 00:06:43,160 ક્યાં વર્ણપટના ચરમસીમાની જેવા હોય છે. 120 00:06:43,160 --> 00:06:47,770 હું વપરાશકર્તાઓ કે જે અસમર્થતા છે કે હું વિશે વિચારી રહ્યો છું શકે છે 121 00:06:47,770 --> 00:06:50,590 અને હું માત્ર સામાન્ય વપરાશકર્તા માટે ડિઝાઈન વિશે વિચારી રહ્યો છું. 122 00:06:50,590 --> 00:06:52,630 ઇન્ટરનેટ દરેકને દ્વારા સુલભ આજકાલ છે, 123 00:06:52,630 --> 00:06:54,870 અને હું તે લોકો માટે ડિઝાઇન કરવામાં જોઈએ. 124 00:06:54,870 --> 00:06:58,620 અન્ય ડિઝાઇન નિર્ણયો કેવા પ્રકારના શું તમે છો? 125 00:06:58,620 --> 00:07:00,690 હા. >> [વિદ્યાર્થી] કિંમત. 126 00:07:00,690 --> 00:07:02,680 ખર્ચ છે. ખૂબ જ સારો. 127 00:07:02,680 --> 00:07:08,060 અન્ય વસ્તુ અમે અમારી ડિઝાઇન નિર્ણયો પર આધાર શકે કિંમત હોય છે. 128 00:07:08,060 --> 00:07:13,130 જો અમે બિઝનેસ છો, તો તમે કંઈક કે જે ખૂબ ખર્ચ ન લાગે પેદા કરતું બિલ્ડ કરવા માંગો છો 129 00:07:13,130 --> 00:07:17,720 પરંતુ ખાસ કરીને ઊંચી કિંમતે વેચી અથવા અમારી અમુક નફો વિચાર કરી શકે છે. 130 00:07:17,720 --> 00:07:21,540 >> આ ડિઝાઇન તમામ અલગ અલગ પ્રકારના હોય છે, પરંતુ જ્યારે અમે ઇન્ટરનેટ પર કંઈક નિર્માણ કરી રહ્યાં છો 131 00:07:21,540 --> 00:07:25,120 અથવા જ્યારે અમે કંઈક છે જે કદાચ તે બહુ નથી કિંમત માટે હવે બિલ્ડ નથી નિર્માણ કરી રહ્યાં છો, 132 00:07:25,120 --> 00:07:28,630 ઇન્ટરનેટ અરજીઓ જેમ - તમે તેને ખૂબ મૂડી ફેંકવું નહીં હોય 133 00:07:28,630 --> 00:07:30,900 ક્રમમાં કંઈક કે જે વાસ્તવમાં કામ કરે છે માટે - 134 00:07:30,900 --> 00:07:33,490 અમે તે વિશે વધુ ચિંતાતુર છો શું વપરાશકર્તા અનુભવ છે. 135 00:07:33,490 --> 00:07:36,390 અમે આ વપરાશકર્તા કેન્દ્રિત ડિઝાઇન કૉલ કરો. 136 00:07:36,390 --> 00:07:41,550 અનિવાર્યપણે વપરાશકર્તા કેન્દ્રિત ડિઝાઇન શું તમે જાતે તમારા સમાવેશ થાય વપરાશકર્તાઓ જૂતામાં મૂકી છે. 137 00:07:41,550 --> 00:07:44,870 જો હું શું મકાન છું માટે કોઈને અપ સંકેતો, 138 00:07:44,870 --> 00:07:48,250 તેઓ દેખીતી રીતે મન એક ધ્યેય સાથે કર્યું છે મારું ચોક્કસ કાર્યક્રમ માટે આવે છે, 139 00:07:48,250 --> 00:07:50,280 એક કાર્ય સાથે તેઓ પૂર્ણ કરવા માંગો છો. 140 00:07:50,280 --> 00:07:53,650 અને તમારી નોકરી જ છે માટે જ તેમને મદદ કે કાર્ય પૂર્ણ 141 00:07:53,650 --> 00:07:57,930 પરંતુ તેમને મદદ તે રીતે કાર્યક્ષમ, સાહજિક છે કે કાર્ય પૂર્ણ, 142 00:07:57,930 --> 00:08:01,900 અને, કેટલાક વ્યક્તિ ત્યાં પર જણાવ્યું હતું કે, વાપરી શકાય. 143 00:08:01,900 --> 00:08:03,750 કાર્યક્ષમતા શું અર્થ છે? 144 00:08:03,750 --> 00:08:08,050 કાર્યક્ષમતા અર્થ એ થાય ઝડપથી કેવી રીતે મારું વપરાશકર્તા મારું ઈન્ટરફેસ આપવામાં કાર્ય પૂર્ણ નથી. 145 00:08:08,050 --> 00:08:11,650 એ નથી કે તે ક્લિક્સ ઘણાં લેવા માટે તેમને એક સ્થળ પરથી બીજા મેળવવા માટે? 146 00:08:11,650 --> 00:08:14,630 તે જટિલ? શું તેઓ પુનરાવર્તિત કાર્યોને ઘણાં કરવા છે? 147 00:08:14,630 --> 00:08:17,140 અમે શક્ય તેટલી અસરકારક તે પ્રક્રિયા કરવા માંગો છો 148 00:08:17,140 --> 00:08:20,070 જેથી તેઓ વસ્તુઓ તે પ્રકારની કરતા નથી. 149 00:08:20,070 --> 00:08:24,230 Intuitiveness માટે, કે ઉદાહરણ માટે છે, જો વપરાશકર્તા મારું ઈન્ટરફેસ જુએ છે, 150 00:08:24,230 --> 00:08:27,240 તે સરળ માટે તેમને સ્થળે મેળવવા માટે? 151 00:08:27,240 --> 00:08:30,390 તે સરળ માટે તેમને બહાર આકૃતિ માટે તેઓ શું મારા ઈન્ટરફેસમાં ક્લિક કરી 152 00:08:30,390 --> 00:08:33,770 ક્રમમાં તેમને માટે ધ્યેય અથવા કાર્ય કે તેઓ પ્રાપ્ત કરવા માંગો છો હાંસલ કરવા માટે? 153 00:08:33,770 --> 00:08:37,520 >> અને છેલ્લે, એક વ્યક્તિ ત્યાં પર જણાવ્યું હતું કે, સુલભતા ખૂબ જ મહત્વપૂર્ણ છે. 154 00:08:37,520 --> 00:08:39,640 [પુરૂષ વક્તા] તે દ્રષ્ટિ જેવી વસ્તુઓ માટે સુલભતા માટે આવે છે, 155 00:08:39,640 --> 00:08:42,740 માંગો હું કેવી રીતે વાસ્તવમાં નથી કોઈને જે અંધ છે માટે કંઈક ડિઝાઇન? 156 00:08:42,740 --> 00:08:46,460 ઓહ. જે લોકો પર જોઈ શકો છો, અમે સ્ક્રીન વાચકો કહેવાય કંઈક હોય છે. 157 00:08:46,460 --> 00:08:49,070 તમે શું કરવું જોઈએ શું છે તમે એક રીતે તમારી વેબસાઇટ બિલ્ડ જોઈએ 158 00:08:49,070 --> 00:08:52,020 કે, ઉદાહરણ તરીકે, ખાસ ટેકનોલોજી આપણે શું કહી - 159 00:08:52,020 --> 00:08:53,590 ત્યાં વસ્તુઓ હવે ઘણી બધી છે. 160 00:08:53,590 --> 00:08:55,660 મને લાગે છે કે ત્યાં સ્ક્રીન JAWS કહેવાય વાચકો છે. 161 00:08:55,660 --> 00:08:58,410 આ બધી વસ્તુઓ ઘણાં પર આધાર રાખે છે, આપણે શું વિસ્તાર નિયમો કૉલ 162 00:08:58,410 --> 00:09:02,010 હુકમ બહાર વપરાશકર્તા માટે વાંચવા માટે શું પાનાં પર હાજર છે. 163 00:09:02,010 --> 00:09:05,480 તે લોકો જોઈ શકતા નથી, તો ખાતરી કરો કે જરૂર છે કે આ સ્ક્રીન વાચકો 164 00:09:05,480 --> 00:09:09,130 ખરેખર અપ પસંદ કરી શકો છો પૃષ્ઠ પરની સામગ્રી અને ખરેખર તમારા વપરાશકર્તાઓ બતાવી શકે, 165 00:09:09,130 --> 00:09:13,630 જો તમે જોઈ શકતા નથી, તો તમે હજુ પણ ઓછામાં ઓછા પૃષ્ઠ પરની સામગ્રી સમજી શકે છે. 166 00:09:13,630 --> 00:09:16,190 યાહ. ઠીક છે. 167 00:09:16,190 --> 00:09:23,410 પૂરતી સારી ડિઝાઇન વિશે વાત. ચાલો ખરાબ ડિઝાઇન વિશે વાત કરો. 168 00:09:23,410 --> 00:09:25,220 આ વસ્તુઓ છે કે જે તમે નથી તો મારે શું કરવું છે. 169 00:09:25,220 --> 00:09:27,890 કોઈને ક્રૈગ્સલિસ્ટ સાથે તેમના અનુભવો વિશે મને કહી શકો છો 170 00:09:27,890 --> 00:09:32,190 અને તેઓ લાગે શું તેથી આ ડિઝાઇન વિશે મહાન નથી? 171 00:09:33,690 --> 00:09:36,430 હા. >> [વિદ્યાર્થી] મને લાગે છે કે ત્યાં એક વિસ્તારમાં ઘણા વધારે શબ્દો છે. 172 00:09:36,430 --> 00:09:39,350 ઘણા બધા શબ્દો, અધિકાર? સંપૂર્ણપણે જબરજસ્ત. 173 00:09:39,350 --> 00:09:42,400 તમે આ પાનાં પર આવવા અને તમે અહીં એક વસ્તુઓ સંપૂર્ણ સમૂહ સાથે શુભેચ્છા કરી રહ્યાં છો 174 00:09:42,400 --> 00:09:43,860 પણ તમે તો કોઈ વાંધો શકે છે. 175 00:09:43,860 --> 00:09:47,010 ઉદાહરણ તરીકે, તમે એક રાજ્ય છે કે જે આ અક્ષરથી શરુ થાય નહિં રહે છે. 176 00:09:47,010 --> 00:09:48,690 હવે કહો કે તમે ટેક્સાસ અથવા કંઈક રહે છે. 177 00:09:48,690 --> 00:09:53,790 >> તમે પૃષ્ઠ નીચે તમામ માર્ગ સ્થાન તમને છે મેળવવા સ્ક્રોલ છે. 178 00:09:53,790 --> 00:10:00,320 હું બોસ્ટન છું, જેથી દો મને મેસેચ્યુસેટ્સમાં જુઓ. જ્યાં મેસેચ્યુસેટ્સ છે? 179 00:10:00,320 --> 00:10:03,270 ઓહ, તો તે અહીં જ છે. ઓહ, તે બોસ્ટન છે. ઠીક છે. 180 00:10:03,270 --> 00:10:09,070 ચાલો બોસ્ટન જુઓ. [અટ્ટહાસ્ય] 181 00:10:09,070 --> 00:10:12,250 સુંદર જબરજસ્ત, અધિકાર? 182 00:10:12,250 --> 00:10:16,400 ત્યાં ઉપર બેડોળ વસ્તુઓ. [અટ્ટહાસ્ય] 183 00:10:17,320 --> 00:10:19,470 હવે કહો કે હું શોધી રહ્યો છું ક્યાંક માટે જીવે છે. 184 00:10:19,470 --> 00:10:24,130 કેટલા લોકો ખરેખર ક્રૈગ્સલિસ્ટ ઉપયોગ કર્યો છે? તમે ટન. 185 00:10:24,130 --> 00:10:30,960 ત્યાં ખૂબ ખરાબ આ જોવા છે, પરંતુ આપણે આ જોવા માર્ગો છે. 186 00:10:35,130 --> 00:10:38,970 આઇએમજી અને ચિત્રને વચ્ચે શું તફાવત છે? કોઈને પણ મને કહી શકો છો? 187 00:10:41,350 --> 00:10:42,830 ત્યાં ખરેખર કોઈ તફાવત નથી. 188 00:10:42,830 --> 00:10:47,710 તેઓ બરાબર એ જ વસ્તુ અર્થ છે, પરંતુ તેઓ કોઈક કારણોસર તેમના માટે અલગ લેબલ્સ છે. 189 00:10:48,980 --> 00:10:53,560 જો હું છે પર ક્લિક કરો છબી, કંઇ પૃષ્ઠ પર થાય છે. 190 00:10:53,560 --> 00:10:57,490 હું વાસ્તવમાં શોધ કરવા માટે થાય છે કંઈક માટે ફરી ક્લિક કરો હોય છે. 191 00:10:57,490 --> 00:11:02,430 શું વધુ સારી ડિઝાઇન નિર્ણય કે ત્યાં થઈ શકે હોઈ શકે? 192 00:11:03,820 --> 00:11:08,030 જો હું કે ફિલ્ટર પર ક્લિક છું, હું કદાચ ચોક્કસ ક્રિયા દ્વારા ફિલ્ટર કરવા માંગો છો 193 00:11:08,030 --> 00:11:09,970 અથવા ચોક્કસ શ્રેણી. 194 00:11:09,970 --> 00:11:14,450 તેથી તેના બદલે શોધો ફરીથી દબાવો કર્યા, મેં હમણાં જ આપોઆપ ગાળણ કરી શકે 195 00:11:14,450 --> 00:11:17,060 ગૂગલ શૈલી જ્યાં તેઓ તેને તુરંત કરવા જેવું. 196 00:11:17,060 --> 00:11:20,440 [Malan] રચે છે પરંતુ નથી અમે જોઇ છે તેમને આ રીતે અત્યાર સુધી શારીરિક સબમિટ હોય છે 197 00:11:20,440 --> 00:11:23,170 હિટ કરીને અથવા ઓછામાં ઓછી એક બટન પર ક્લિક લખો? 198 00:11:23,170 --> 00:11:26,830 જેમ તમે તેમને જોયેલા અત્યાર સુધી, તમે ખરેખર તે વસ્તુઓ સબમિટ કરો ક્લિક કરો હોય છે. 199 00:11:26,830 --> 00:11:30,090 >> પરંતુ ટોમી તમે બીજા બતાવશે, ત્યાં ખરેખર તમારા માટે માર્ગો 200 00:11:30,090 --> 00:11:33,010 કે જેથી જ્યારે તમે તે વસ્તુ પર ક્લિક કરો તે આપોઆપ મોકલી શકો છો 201 00:11:33,010 --> 00:11:38,840 આપણે AJAX વિનંતી કૉલ અને માહિતી પાછી મેળવવા અને તમારા પરિણામો તત્કાલ ફિલ્ટર કરે છે. 202 00:11:38,840 --> 00:11:41,340 ત્યાં વસ્તુઓ છે કે જે આ ઈન્ટરફેસ સાથે ખોટું છે ટન છે. 203 00:11:41,340 --> 00:11:43,530 [Malan] તમે કેમ્બ્રિજ માટે શોધ કરી શકો છો? 204 00:11:43,530 --> 00:11:47,030 ત્યાં થોડો વિલક્ષણ કંઈક અહીં તમે જ્યાં કેમ્બ્રિજ વિશે કાળજી 205 00:11:47,030 --> 00:11:54,790 અને હજુ સુધી તમે Westford, સ્પ્રીંગ હીલ, પશ્ચિમ ન્યૂટન અને તેના જેવા રહ્યાં છો. 206 00:11:54,790 --> 00:11:57,930 કદાચ આદર્શ નથી. >> કદાચ નથી આદર્શ. 207 00:11:57,930 --> 00:12:03,900 હું આ ખાસ પાનાં પર વપરાશકર્તાની અનુભવ વધુ સારી રીતે કરી શકશો કેવી રીતે હોઈ શકે? 208 00:12:03,900 --> 00:12:07,340 હા. >> [વિદ્યાર્થી] સૂચનાઓ. 209 00:12:07,340 --> 00:12:09,500 ઠીક છે. અર્થમાં જેવું શું સૂચનો? 210 00:12:09,500 --> 00:12:14,630 ઉદાહરણ તરીકે [વિદ્યાર્થી], પ્રથમ વખત વપરાશકર્તાઓ કે જે પણ ક્રૈગ્સલિસ્ટ શું છે ખબર નથી માટે એક વસ્તુ 211 00:12:14,630 --> 00:12:17,320 અથવા તમે જાણતા નથી શું તમારે માનવામાં કરી રહ્યાં છો. 212 00:12:17,320 --> 00:12:20,150 અધિકાર. તેથી સમજાવીને ક્રૈગ્સલિસ્ટ શું આ પૃષ્ઠ પર છે મહત્વપૂર્ણ છે. 213 00:12:20,150 --> 00:12:23,490 અમે ખરેખર વપરાશકર્તાઓ કહેવું આ પાનું શું ખરેખર શકે છે. 214 00:12:23,490 --> 00:12:27,090 જો હું ફક્ત આ મુલાકાત લઈ રહ્યો છું, હું સ્થળોએ સંપૂર્ણ સમૂહ જુઓ. હું પણ તેઓ શું અર્થ જાણતા નથી. 215 00:12:27,090 --> 00:12:29,730 પરંતુ વધુ મહત્ત્વની, ફક્ત આ ઈન્ટરફેસ પર looking, 216 00:12:29,730 --> 00:12:35,530 યાદ મને નીચે વસ્તુઓ એક ટન સરકાવવા માટે ચોક્કસ સમુદાય શોધી હતી 217 00:12:35,530 --> 00:12:37,560 કે હું ખરેખર આ વિશે સંભાળ. 218 00:12:37,560 --> 00:12:39,820 એક ઝડપી રીત હું કે કરી શકે શું છે? હા. 219 00:12:39,820 --> 00:12:43,290 [વિદ્યાર્થી] તેઓને ભાગાકાર અપ પૂર્વ, પશ્ચિમ વિસ્તારોમાં વહેંચાયેલું. ઠીક છે. >> 220 00:12:43,290 --> 00:12:47,460 હું તેમને વધુ વર્ગો કે મને મદદ કરી શકે છે તે નક્કી ઝડપી વિભાજીત કરી શકે છે 221 00:12:47,460 --> 00:12:49,820 કેવી રીતે તે ચોક્કસ સ્થાન મેળવવા માટે. 222 00:12:49,820 --> 00:12:54,510 [વિદ્યાર્થી] યાદી નીચે મૂકો. >> અધિકાર. ઠીક છે. 223 00:12:54,510 --> 00:12:58,240 હું એક ડ્રોપ ડાઉન મેનુ ઉપયોગ કારણ કે અમે વસ્તુઓ એક ફિક્સ હોય શકે છે 224 00:12:58,240 --> 00:13:00,100 અને અમે તેમને ડ્રોપ ડાઉન મેનુ માં જોવા મળી શકે છે. 225 00:13:00,100 --> 00:13:02,240 માર્ગ કે તે સ્ક્રીન પર ખૂબ જ જગ્યા લેવા નથી. 226 00:13:02,240 --> 00:13:05,630 પરંતુ તેમ છતાં પણ કરતાં સારું, અમે શું કરી શકો છો? 227 00:13:05,630 --> 00:13:09,220 હા. >> [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> છે કે જે તમને ફરીથી કહી શકું? >> [વિદ્યાર્થી] શોધ બોક્સ. 228 00:13:09,220 --> 00:13:11,260 અરે વાહ, એક શોધ બોક્સ. કે મહાન છે. 229 00:13:11,260 --> 00:13:16,430 અમે ખરેખર શું કરી શકો છો છે જો અમે સ્લાઇડ્સ, શોધ બોક્સ પર એક નજર. 230 00:13:16,430 --> 00:13:21,520 સ્વત: પૂર્ણ. ખૂબ સરળ પરિણામો કે તમને ખબર મારફતે શોધવા માર્ગ સમૂહ છે. 231 00:13:21,520 --> 00:13:25,980 જો હું BO ટાઇપિંગ શરૂ કરો, ફક્ત મને બધા પરિણામો છે કે તેમને BO અંદર હોય છે દર્શાવે છે. 232 00:13:25,980 --> 00:13:29,030 તે રીતે હું ખૂબ સરળતાથી ચોક્કસ એક હું જવા માગતા શોધી શકો છો 233 00:13:29,030 --> 00:13:32,390 તેના બદલે આ ખરેખર મોટી સ્ક્રોલ કર્યા છે. 234 00:13:32,390 --> 00:13:37,450 >> આ ખરેખર ઓછી અટકી ફળ તમામ પ્રકારના હોય છે કે કોઇ વ્યક્તિએ ક્રૈગ્સલિસ્ટ અમલમાં છે 235 00:13:37,450 --> 00:13:42,500 વાસ્તવમાં ખૂબ તેમના ચોક્કસ વપરાશકર્તા માટે સારી વેબસાઇટ પર આ અનુભવનું બનાવવા કરી શકો છો. 236 00:13:42,500 --> 00:13:46,370 ઠીક છે. પૂરતી ખરાબ વેબસાઇટ્સ વિશે વાત. 237 00:13:46,370 --> 00:13:49,410 ચાલો ફેસબુક વિશે વાત કરો. 238 00:13:50,880 --> 00:13:54,390 , જ્યારે ફેસબુક બહાર આવ્યા, અને ખાસ કરીને ફેસબુક ફોટા 239 00:13:54,390 --> 00:13:57,870 ત્યાં અન્ય સેવાઓ કે જે સમયને બરાબર એ જ વસ્તુઓ કરી શકે ખાતે ઘણાં હતા. 240 00:13:57,870 --> 00:14:00,740 તેઓ આલ્બમ્સ તમારા ફોટા ગોઠવવા શકે છે. 241 00:14:00,740 --> 00:14:03,360 તમે કરી શકે શું છે તો તમે તેમને સેટ માં તેમજ આયોજન કરી શકે છે. 242 00:14:03,360 --> 00:14:06,070 તમે તેમને તારીખ દ્વારા આયોજન કરી શકે છે. તમે આ બધી ખાસ વસ્તુઓ કરી શકે. 243 00:14:06,070 --> 00:14:11,710 પરંતુ કોઈને ખબર નથી શું બનાવવામાં ફેસબુક ફોટા સમયે તે રિલીઝ કરવામાં આવી હતી અંતે ફૂટવું? 244 00:14:11,710 --> 00:14:15,080 હા. >> [વિદ્યાર્થી] ટૅગ્સ. >> ટૅગ્સ. બરાબર. 245 00:14:15,080 --> 00:14:21,300 અમે અહીં ઉપર મિલો, જે અમારા કે CS50 બન્ડાના સાથે કૂતરો માસ્કોટ છે. 246 00:14:21,300 --> 00:14:24,810 તમે જોઈ શકો છો કે અમે મધ્યમાં આ ટેગિંગ લક્ષણ હોય છે. 247 00:14:24,810 --> 00:14:28,240 અને શું એક ઉપયોગીતા મુર્ખતા ફેસબુક ફોટા જેથી રસપ્રદ બનાવવામાં 248 00:14:28,240 --> 00:14:34,130 એ છે કે તે ખરેખર આ દ્વારા લોકો તેમના ફોટામાં તેમના મિત્રો સમાવેશ કરવા માટે મંજૂરી આપી હતી. 249 00:14:34,130 --> 00:14:37,680 ફેસબુક માટે, કારણ કે તેમની વેબસાઇટ ખાસ કરીને સામાજિક છે, 250 00:14:37,680 --> 00:14:40,750 તે સામાજિક વાતાવરણ આ પ્રકારની નિર્માણ વિશે છે. 251 00:14:40,750 --> 00:14:42,620 કે ફોટા અનુભવ ઘણો વધારે સુધારો થયો 252 00:14:42,620 --> 00:14:46,390 કારણ કે તેઓ વાસ્તવમાં એવું કહેતા શરૂ કરી શકે છે, "આ લોકો વચ્ચે જોડાણો છે, 253 00:14:46,390 --> 00:14:49,220 અને આ લોકોને તમે ખરેખર કાળજી વિશે ફોટા નથી. " 254 00:14:49,220 --> 00:14:52,200 તે ભાગ પણ પ્રકારની આત્મરતિ છે. 255 00:14:52,200 --> 00:14:54,980 લોકો કે ફોટા અને વસ્તુઓ માં ટૅગ કરી ગમશે. 256 00:14:54,980 --> 00:14:58,510 જ્યારે કે સારી માનવ લક્ષણ હોય તે જરૂરી છે, 257 00:14:58,510 --> 00:15:01,910 તે જ સમયે તે સારી ડિઝાઇન નિર્ણયો પર આધારિત છે 258 00:15:01,910 --> 00:15:04,860 કારણ કે લોકો ખરેખર આ જેવી વસ્તુઓ વિશે કાળજી. 259 00:15:04,860 --> 00:15:07,190 જેથી ફેસબુક ફોટા છે. 260 00:15:07,190 --> 00:15:09,800 >> દો પરંતુ ફેસબુક વધુ સામાન્ય વાત કરો. 261 00:15:09,800 --> 00:15:13,400 મને ખાતરી છે કે લોકો અહીં ઘણાં ફેસબુક વિશે અભિપ્રાય છે છું, 262 00:15:13,400 --> 00:15:16,430 બંને સારા ડિઝાઇન નિર્ણયો અને ખરાબ ડિઝાઇન નિર્ણયો. 263 00:15:16,430 --> 00:15:20,270 તેથી આપણે વસ્ત્રમાં લાંબો ચીરો અથવા ખુશ છે. 264 00:15:23,480 --> 00:15:26,450 પર આવો. મને ખબર છે કે તમે બધી ફેસબુક વાપરો. 265 00:15:26,450 --> 00:15:30,970 કોઈને કંઈ ખરાબ કહેવું અથવા સારા કંઈક કરવા માટે તે વિશે કહેવું હોય છે. હા. 266 00:15:30,970 --> 00:15:35,060 સમાચાર ફીડ માં [વિદ્યાર્થી] ત્યાં વસ્તુઓ હું ખરેખર વિશે પડી નથી ઘણો છે. 267 00:15:35,060 --> 00:15:37,740 સમાચાર ફીડ વસ્તુઓ તમે વિશે કાળજી શકે ઘણો બતાવવા કરે છે. 268 00:15:37,740 --> 00:15:41,660 તમને Facebook પર મિત્રો તમે જે 2 અથવા 3 વર્ષ માટે મળ્યાં નથી હોય 269 00:15:41,660 --> 00:15:43,860 અને તમે તેમના સમાચાર પરિણામો તમારા સમાચાર ફીડ માં ધાણી જુઓ 270 00:15:43,860 --> 00:15:45,870 અને તમે ખરેખર તે વિશે પડી નથી. 271 00:15:45,870 --> 00:15:48,700 ફેસબુક ખરેખર એક આ વધુ સારું બનાવવા પ્રયત્નો કર્યા છે, 272 00:15:48,700 --> 00:15:53,150 અને તેઓ વાસ્તવમાં ના અંત સુધીમાં આ સમાચાર ફીડ ટોચ પર સુસંગત પરિણામો દબાણ કરવાનો પ્રયત્ન કર્યો છે 273 00:15:53,150 --> 00:15:58,300 જેથી તમે ખરેખર મિત્રો કે જે તમને અથવા તમારા નજીકના મિત્રો સાથે સંબંધિત હોય દ્વારા વસ્તુઓ જુઓ. 274 00:15:58,300 --> 00:16:01,110 બીજું કંઇ? હા. 275 00:16:01,110 --> 00:16:06,400 [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> છે કે જે તમને ફરીથી કહી શકું? 276 00:16:06,400 --> 00:16:10,140 [વિદ્યાર્થી] આ જાહેરાતો પ્રમાણમાં સ્વાભાવિક છે. અર્થમાં કયા >>? 277 00:16:10,140 --> 00:16:16,370 [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] તેઓ બેનરો જેવા સ્ક્રીન પર પ્રકાશ નથી,. 278 00:16:16,370 --> 00:16:17,760 ઠીક છે. કે સારા હોય છે. 279 00:16:17,760 --> 00:16:25,030 જો તમે '90s ના ઈન્ટરનેટ યાદ - >> [Malan] હું ત્યાં હતો. >> તેઓ ત્યાં હતા. [અટ્ટહાસ્ય] 280 00:16:25,030 --> 00:16:29,210 તમે ફ્લેશિંગ GIFs પૃષ્ઠભૂમિઓ, sparkly વસ્તુઓ યાદ શકે છે, 281 00:16:29,210 --> 00:16:31,570 GeoCities વસ્તુઓ શૈલી સૉર્ટ કરો. 282 00:16:31,570 --> 00:16:34,080 કે ખરેખર એક સારી ડિઝાઇન એક ઉદાહરણ નથી 283 00:16:34,080 --> 00:16:36,690 કારણ કે તે ખરેખર સામગ્રી કંટાળી છે. 284 00:16:36,690 --> 00:16:39,590 યેલ કલા તેમના પૃષ્ઠભૂમિ તરીકે એનિમેટેડ GIFs હોય ઉપયોગમાં લેવાતી વેબસાઈટ 285 00:16:39,590 --> 00:16:41,800 અને તમે કંઈપણ પાનાં પર વાંચી શકે છે, 286 00:16:41,800 --> 00:16:44,870 પરંતુ હું માનું કોઇને ખરેખર તેમને વાત કરી અને હવે તે થોડી અલગ છે. 287 00:16:44,870 --> 00:16:48,940 [Malan] તે વધુ સારી રીતે ખૂબ હવે છે. >> તે વધુ સારી રીતે ખૂબ હવે, જેમ તમે જોઈ શકો છો. >> [Malan] ઓહ હા. 288 00:16:48,940 --> 00:16:56,020 જસ્ટ મહાન, માત્ર - અરે વાહ. ઠીક છે. 289 00:16:56,020 --> 00:17:00,560 >> તે ભાગ પણ તમારા પૃષ્ઠ કદાચ બહુ ઓછામાં ઓછા અને અત્યંત સમજી બનાવે છે 290 00:17:00,560 --> 00:17:05,690 એક રીતે તે ખૂબ જ લોજિકલ છે માં પાનું પ્રવાહ પર વસ્તુઓ જેથી અને દરેક અન્ય દિશામાં વિચાર કરતા નથી. 291 00:17:05,690 --> 00:17:11,849 અન્ય બાબતો શું પ્રકારની ફેસબુક વિશે સારી કે ફેસબુક વિશે ખરાબ છે? 292 00:17:11,849 --> 00:17:15,730 ચાલો માત્ર એક ડિઝાઈન વાતચીત અહીં છે. 293 00:17:19,470 --> 00:17:21,339 ઓહ. જ્યાં? યાહ. 294 00:17:21,339 --> 00:17:25,640 [વિદ્યાર્થી] નવી ટાઈમલાઈન સિસ્ટમ તમને તેમના ભૂતકાળ વિશે વ્યક્તિની પ્રોફાઇલ શોધવા માટે પરવાનગી આપે છે. 295 00:17:25,640 --> 00:17:28,119 Ooh, ટાઈમલાઈન. 296 00:17:28,119 --> 00:17:30,280 ટાઈમલાઈન એક મહાન વસ્તુ છે કારણ કે તે તમે દાંડી તમારા મિત્રો દે 297 00:17:30,280 --> 00:17:33,300 પાછા જ્યારે તેઓ હાઇ સ્કૂલ હતી. 298 00:17:35,160 --> 00:17:38,060 ટાઈમલાઈન સારું છે કારણ કે તે તમને ખૂબ ઝડપથી સામગ્રી દ્વારા ફિલ્ટર, 299 00:17:38,060 --> 00:17:41,500 તે તમને વસ્તુઓ છે કે જે અન્યથા તમે ખરેખર લાંબા સમય લેવામાં આવશે શોધવા માટે શોધી 300 00:17:41,500 --> 00:17:45,840 હમણાં સરકાવવાથી અને નીચે, ઉપર, અપ અપ અપ અપ સમય પાછા જવા જેવી. 301 00:17:45,840 --> 00:17:48,910 પરંતુ તે પછી ત્યાં પણ વપરાશકર્તા અનુભવ દ્રષ્ટિએ કે નુકસાન જેવું. 302 00:17:48,910 --> 00:17:51,190 કે શું હોઈ શકે? 303 00:17:51,190 --> 00:17:56,780 મોટા શબ્દ કે પી આર સાથે શરૂ થાય છે. >> [વિદ્યાર્થી] ગોપનીયતા. >> ગોપનીયતા, અધિકાર? 304 00:17:56,780 --> 00:17:59,970 ગોપનીયતા એક વિશાળ વપરાશકર્તા અનુભવ મુદ્દો છે. 305 00:17:59,970 --> 00:18:07,190 આ એક વસ્તુઓ હું ફેસબુક વિશે સૌથી હવે અપ્રિય છે. [અટ્ટહાસ્ય] 306 00:18:07,190 --> 00:18:09,000 [Malan] જેમ હવે હું શું કરું. 307 00:18:09,000 --> 00:18:11,380 ડેવિડ નથી ખ્યાલ નહોતો તે આ ખરેખર ગઈકાલે સુધી થયું. 308 00:18:11,380 --> 00:18:14,560 તેથી હવે તેઓ જાણે છે કે દર વખતે હું તેમને ગપસપ મને ખબર છે તેઓ મને કરવામાં રાખવાની છે. 309 00:18:14,560 --> 00:18:16,880 [Malan] આ ત્રાસદાયક ભાગ હું ખરેખર હતો તેને અવગણીને, 310 00:18:16,880 --> 00:18:21,040 અને મને ખબર ન હતી કે તેઓ જાણતા હતા કે હું તેને અવગણીને હતી. [અટ્ટહાસ્ય] 311 00:18:21,040 --> 00:18:24,030 ગોપનીયતા એક વિશાળ મુદ્દો છે. 312 00:18:24,030 --> 00:18:28,670 અહીં કોઈને પણ મને કહી શકો છો કે શું ફેસબુક ગોપનીયતા વિષે ખરાબ હોઇ શકે છે 313 00:18:28,670 --> 00:18:32,270 હકીકત એ છે કે તેઓ આ બધું કરવા જેવી વસ્તુઓ ઉપરાંત? 314 00:18:32,270 --> 00:18:37,240 તે શું છે ખાસ કરીને હાર્ડ ફેસબુક ગોપનીયતા સંદર્ભમાં કરે છે? 315 00:18:37,240 --> 00:18:40,340 તે સૉર્ટ એક અગ્રણી પ્રશ્ન છે. 316 00:18:41,680 --> 00:18:43,930 હા. >> [વિદ્યાર્થી] કેટલાક લોકો પાસેથી તમારા ફોટા છુપાવો. 317 00:18:43,930 --> 00:18:46,170 અધિકાર. બરાબર, ચોક્કસ લોકો પાસેથી તમારા ફોટા છુપાવવા માટે. 318 00:18:46,170 --> 00:18:51,290 તેઓ જમણા કે તમને ફોટો ની ગોપનીયતા ટૉગલ આ નાની, ઓછી બટન હોય છે. 319 00:18:51,290 --> 00:18:56,360 તેમની ગોપનીયતા વિકલ્પો ખૂબ મેનુઓ વિવિધ પ્રકારની અસમતુલા વચ્ચે વૈવિધ્યસભર છે. 320 00:18:56,360 --> 00:18:59,510 >> તેઓ પુષ્કળ સારું તે વિશે મેળવેલ કર્યું છે તાજેતરમાં, પરંતુ તે કિસ્સામાં ઉપયોગ 321 00:18:59,510 --> 00:19:04,870 જ્યારે પણ તમે જોઈ ફોટા તમારા મિત્રો રોકવા માગતા હતા કે, 322 00:19:04,870 --> 00:19:08,280 તમે ખૂબ જ જટિલ જેવા હોવાની પ્રક્રિયા 5-પગલું પસાર હોવી જોઈએ, 323 00:19:08,280 --> 00:19:11,150 દો મને આ લિંક પર ક્લિક કરો, હવે દો મને ફરી ક્લિક કરો દો, મને ફરીથી ક્લિક કરો, 324 00:19:11,150 --> 00:19:13,420 દો મને સ્પષ્ટ છે કે જે લોકો મારા ફોટા જોઈ શકો છો. 325 00:19:13,420 --> 00:19:17,250 ખાસ કરીને માતાનો ફેસબુક ભાગ પર સારૂં નથી 326 00:19:17,250 --> 00:19:20,530 કારણ કે આમ વપરાશકર્તા અનુભવ વિશે ખૂબ વાસ્તવમાં તેમને સ્વતંત્રતા આપે છે 327 00:19:20,530 --> 00:19:22,460 નિયંત્રિત કરવા માટે લોકો શું જોઈ શકે છે. 328 00:19:22,460 --> 00:19:25,550 અમે આ વપરાશકર્તા નિયંત્રણ અને સ્વાતંત્ર્ય પર ફોન કરો. 329 00:19:25,550 --> 00:19:31,090 જો તમે ભાડા કરી રહ્યા છો તમારા વપરાશકર્તાઓ કરવું કે એક રીતે તે કાર્યક્ષમ અને સાહજિક છે, 330 00:19:31,090 --> 00:19:34,570 પછી તમારા વપરાશકર્તા અનુભવ ખરેખર મહાન તમામ નથી. 331 00:19:34,570 --> 00:19:38,200  You ગાય્સ માટે ફેસબુક વિષે કશું કહેવું કરવા માંગો છો? 332 00:19:38,700 --> 00:19:41,420 હું આ બોલ કેવી રીતે બંધ કરવું? 333 00:19:41,420 --> 00:19:46,290 [ઓન્ગ] તમે આ બંધ ન કરવું, અને તે ફેસબુક ભાગ પર એક વિશાળ ઉપયોગીતા દોષ છે. 334 00:19:46,290 --> 00:19:49,410 આ લક્ષણ - હું ખરેખર ગઈકાલે તેના પર જોવામાં - 335 00:19:49,410 --> 00:19:53,940 તે ક્યાં છે કે તમે તેને કરી શકો છો અથવા તેને ક્યાંક દાટી છે ખૂબ, ખૂબ ઊંડો 336 00:19:53,940 --> 00:19:58,050 ફેસબુક ના વિરામ કારણ કે હું સમજી નથી કેવી રીતે આ વિધેય અને નિષ્ક્રિય કરવા માટે બધા અંતે શકે છે. 337 00:19:58,050 --> 00:20:00,400 [Malan] પરંતુ કેટલીક વખત આ નિર્ણયો સ્પષ્ટ નથી 338 00:20:00,400 --> 00:20:03,890 કારણ કે તમે ગાય્સ અમને આપવામાં આવી છે વિવિધ CS50 કાર્યક્રમો પર ઉપયોગી પ્રતિસાદ ઘણો 339 00:20:03,890 --> 00:20:05,710 અને વેબસાઇટ્સ કે જે કોર્સમાં ઉપયોગ કરે છે. 340 00:20:05,710 --> 00:20:10,260 અમે આ વિનંતિઓ અને સૂચનો તમામ અમલમાં મૂકી નથી. 341 00:20:10,260 --> 00:20:14,550 >> કે ભાગ છે તેથી વધારે વિનંતીઓ મેળવવા માટે છે કે તે સમય એક કાર્ય છે, 342 00:20:14,550 --> 00:20:17,070 પણ ક્યારેક આપણે જેમ એક સભાન નિર્ણય, 343 00:20:17,070 --> 00:20:19,830 "તમે સૂચન બદલ આભાર, પરંતુ અમે સહમત ન થવું." 344 00:20:19,830 --> 00:20:24,350 જેથી તમે ખરેખર કેવી રીતે નક્કી કરી શકું કે તમે શું કરવું જોઈએ જો તમારા વપરાશકર્તાઓ લાગે છે કે તમે કંઈક કરવું જોઈએ 345 00:20:24,350 --> 00:20:28,110 જો તમે જરૂરી? નથી 346 00:20:28,110 --> 00:20:32,360 તે વાસ્તવમાં તમારા વપરાશકર્તાઓ શું કહે સાંભળીને વચ્ચે દંડ સંતુલન છે 347 00:20:32,360 --> 00:20:35,840 અને ખરેખર રેખા અમુક પ્રકારની હોય છે જ્યાં તમે કહો, 348 00:20:35,840 --> 00:20:37,750 "અમે કરવા આ વપરાશકર્તાઓને શું કહેવું નથી રહ્યા છીએ." 349 00:20:37,750 --> 00:20:42,520 અને ખાસ કરીને, મને લાગે છે ત્યાં હેન્રી ફોર્ડ દ્વારા જે ક્વોટ કે આ ઉપર ખૂબ સારી રીતે જણાવે હતી. 350 00:20:42,520 --> 00:20:47,130 "જો હું લોકોને જણાવ્યું હતું કે તેઓ શું કરવા માગે છે, તેઓ જણાવ્યું છે કે તેઓ ઝડપથી ઘોડા ઇચ્છતા હશે." 351 00:20:47,130 --> 00:20:51,840 કોઈને સિવાય પીંજવું કે ક્વોટ ખરેખર શું અર્થ થાય સૉર્ટ કરી શકો છો? 352 00:20:51,840 --> 00:20:56,060 તે માત્ર છે કે જે વપરાશકર્તાઓને ખબર તેઓ શું કરવા માંગો છો, 353 00:20:56,060 --> 00:20:59,180 પરંતુ તે વધુ કે - 354 00:20:59,180 --> 00:21:02,720 [વિદ્યાર્થી] તેઓ જાણતા નથી શું શક્ય છે. 355 00:21:02,720 --> 00:21:06,140 ભાગ તેઓ જાણતા નથી કે શું શક્ય છે. 356 00:21:07,880 --> 00:21:11,440 કે થોડો વધુ સિવાય પીંજવું. તમે શું કે દ્વારા અર્થ છે? 357 00:21:11,440 --> 00:21:21,340 [અશ્રાવ્ય વિદ્યાર્થી જવાબ] 358 00:21:21,340 --> 00:21:25,770 કે સારા હોય છે. મને લાગે છે કે અમે અહીં કહેવું પ્રયાસ કરી રહ્યા છો એ છે કે લોકો જાણે તેઓ શું કરવા માંગો છો. 359 00:21:25,770 --> 00:21:28,050 તેઓ ઝડપી ઘોડા કરવા માંગો છો. 360 00:21:28,050 --> 00:21:29,840 તેઓ ખરેખર કરવા માંગો છો શું ઝડપથી ખસેડવા ક્ષમતા છે, 361 00:21:29,840 --> 00:21:32,310 પરંતુ તેઓ ખરેખર માધ્યમ છે કે જેના દ્વારા કે મેળવવા માટે જાણતા નથી. 362 00:21:32,310 --> 00:21:36,330 જ્યારે તમે તમારા વપરાશકર્તાઓ માટે આવો અને તમારા વપરાશકર્તાઓ તમે કંઇક કહેવું 363 00:21:36,330 --> 00:21:39,700 અને તેઓ તમને કહી, "અમને આ સુવિધાઓ અને આ સુવિધાઓ અને આ સુવિધાઓ માંગો છો," 364 00:21:39,700 --> 00:21:42,650 તમે જરૂરી વિશે વિચારો નથી માંગતા, "ચાલો, મને આગળ વધો 365 00:21:42,650 --> 00:21:44,720 "અમલ અને તેઓ શું કહે છે બાહ્ય રીતે," 366 00:21:44,720 --> 00:21:48,610 પરંતુ તમે આ વિષે વિચારવા માગતા શું છે, "વિચારો જેવું શું હું તે મેળવી શકો છો?" 367 00:21:48,610 --> 00:21:50,450 તેઓ શું ખરેખર કરવા માંગો છો? 368 00:21:50,450 --> 00:21:55,560 >> અને ત્યાંથી શું તમે કરી શકો છો, કંઈક કે જે તે અરજીઓ સંતોષે ડિઝાઇન છે 369 00:21:55,560 --> 00:22:00,340 પરંતુ જરૂરી નથી કે જે રીતે વપરાશકર્તા તેને સંતુષ્ટ કરવા અપેક્ષા છે. 370 00:22:00,340 --> 00:22:03,830 તેથી અંતિમ પ્રોજેક્ટો જેવા અત્યંત વાસ્તવિક દ્રષ્ટિએ કંઈક, માટે, 371 00:22:03,830 --> 00:22:07,900 ઉપયોગી સંશોધનાત્મક શું છે જ્યારે તે કંઈક વધુ સારું બનાવવા માટે આવે છે, 372 00:22:07,900 --> 00:22:10,630 ખાસ કરીને જો ડિઝાઇનર તેમને વિશે આ ઘમંડ છે 373 00:22:10,630 --> 00:22:14,360 જેથી કરીને તમે પ્રકારના જાણવા શ્રેષ્ઠ છે, તો તમે તમારા વપરાશકર્તાઓ તરફથી ઇનપુટ લઇ શકે છે, 374 00:22:14,360 --> 00:22:16,580 પરંતુ તમે કેવી રીતે વાસ્તવમાં નથી કે પ્રતિક્રિયા વિશે જવા? 375 00:22:16,580 --> 00:22:21,610 અંતિમ પ્રોજેક્ટ, ખૂબ concretely, શું શ્રેષ્ઠ પરિણામો અહીં પેદા કરે છે? 376 00:22:21,610 --> 00:22:25,030 શું શ્રેષ્ઠ પરિણામો ઉત્પન્ન કરે છે - અને હું આ બોલ બીજા જશે - 377 00:22:25,030 --> 00:22:29,190 અને પછી વિકાસશીલ પરીક્ષણ અને પછી વારો આ પ્રક્રિયા છે. 378 00:22:29,190 --> 00:22:32,020 હું પરીક્ષણ દ્વારા શું અર્થ સામાન્ય રીતે જ્યારે તમે કંઈક ડિઝાઇન 379 00:22:32,020 --> 00:22:36,970 તમને લાગે છે કે તે એકદમ સારું, જેમ છે, "હું આવા મહાન ડિઝાઇનર છું દરેક વ્યક્તિને આ પ્રેમ રહ્યું છે.". 380 00:22:36,970 --> 00:22:41,600 અને પછી તમે તેને મૂકવા બહાર ત્યાં અને લોકો ખરેખર કોઈક કારણોસર તે ગમતું નથી. 381 00:22:41,600 --> 00:22:46,820 તમારે કરવા માટે શું વસ્તુઓ છે કે જે લોકો જેવા કરવું ભાગોને લાગી હોય છે 382 00:22:46,820 --> 00:22:49,180 અને વસ્તુઓ કે જે લોકો ગમતું નથી સુધારવું. 383 00:22:49,180 --> 00:22:53,080 તે ખૂબ જ સ્પષ્ટ પ્રક્રિયા જેવી લાગે છે, પરંતુ આ પ્રક્રિયા સતત વારો 384 00:22:53,080 --> 00:22:55,980 તમે શું પહેલાથી જ નિર્માણ કર્યું છે શીર્ષ પર એક પ્રક્રિયા છે કે જે તમને મદદ કરે છે 385 00:22:55,980 --> 00:22:59,730 માત્ર તમારા પોતાના ડિઝાઇન કૌશલ્યોને રિફાઇન પણ તમને ડિઝાઇન રિફાઇન 386 00:22:59,730 --> 00:23:03,790 જેથી લોકો ખરેખર તમારા ઉત્પાદન વધારે તેઓ પહેલાં હતી પ્રશંસા કરીએ છીએ. 387 00:23:03,790 --> 00:23:07,390 >> હું પર તમે શું ખરેખર શું શકે વધુ નક્કર ઉદાહરણો જવા પડશે. 388 00:23:07,390 --> 00:23:11,390 એક ઉત્પાદન છેલ્લા ઉદાહરણ સૉર્ટ તરીકે, ચાલો લાકડાનું હોડકું જુઓ. 389 00:23:11,390 --> 00:23:14,970 લાકડાનું હોડકું જ્યારે તે બહાર આવ્યા ખૂબ, ખૂબ લોકપ્રિય હતી. 390 00:23:14,970 --> 00:23:18,760 કોઈને પણ શા માટે ધારી શકે છે? 391 00:23:18,760 --> 00:23:20,950 વસ્તુઓના પ્રકારની તમે આ વિશે ગમે જો તમે તેનો ઉપયોગ કર્યો છે શું છે 392 00:23:20,950 --> 00:23:23,990 અથવા શું વસ્તુઓ તમને ન ગમતી ના પ્રકારની છે? 393 00:23:23,990 --> 00:23:31,590 હા. >> [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> ઠીક. 394 00:23:31,590 --> 00:23:34,730 કે તે એક ભાગ છે ભાડા વપરાશકર્તા ક્વેરી વધુ વિસ્તારી છે 395 00:23:34,730 --> 00:23:38,150 ખૂબ જ પ્રતિબંધિત જેવા એક કરતાં, "તમે તમારા પ્રારંભ તારીખ પસંદ છે 396 00:23:38,150 --> 00:23:39,810 "અને તમે તમારા ઓવરને તારીખ પસંદ છે." 397 00:23:39,810 --> 00:23:44,910 હકીકતમાં, તે તમને તે વિશે લવચીક અને તે કે જે તમને શ્રેણી માં ફ્લાઇટ્સ તમામ આપે છે. 398 00:23:44,910 --> 00:23:46,730 બીજું કંઇ? 399 00:23:46,730 --> 00:23:50,530 [વિદ્યાર્થી] તેઓ ભાવમાં ફી સમાવેશ થાય છે. 400 00:23:50,530 --> 00:23:53,330 તેઓ ભાવમાં ફી સમાવેશ કરે છે. 401 00:23:53,330 --> 00:23:56,720 કર અને વસ્તુઓ ખરેખર છે કે ભાવ સીધું ઉપર ડાબી બાજુએ જાઓ 402 00:23:56,720 --> 00:24:00,710 જેથી તમે વિચારી માં ચલાવી શકાતો કે તમે ખરેખર $ 240 ફ્લાઇટ માટે ચૂકવણી કરી રહ્યાં રહ્યાં છો 403 00:24:00,710 --> 00:24:03,280 જ્યારે તે ખરેખર 330 $. 404 00:24:03,280 --> 00:24:06,200 બીજું કંઇ? હા. 405 00:24:06,200 --> 00:24:10,140 [અશ્રાવ્ય વિદ્યાર્થી જવાબ] 406 00:24:10,140 --> 00:24:14,610 મને ખાતરી છે કે જો તેઓ ખરેખર દો કે જે તમને ન છું. 407 00:24:14,610 --> 00:24:18,310 હું ખોટું હોઈ શકે છે. 408 00:24:18,310 --> 00:24:23,360 તે એક રસપ્રદ બાબત એ છે જો તમે ચોક્કસ ગાળકો પર વધુ વજન મૂકી શકો છો 409 00:24:23,360 --> 00:24:27,000 જેથી તેઓ ટોચ પર છે કે ફિલ્ટર સંબંધિત પરિણામો દબાણ. 410 00:24:27,000 --> 00:24:31,920 પરંતુ કોઈને મને કહો શું તેથી આ ડાબી બાજુ વિશે ખાસ શકે છે? 411 00:24:31,920 --> 00:24:39,540 તમે કેવી રીતે પરંપરાગત નહોતી આ પહેલાં ઈન્ટરનેટ સેવા પર ફ્લાઇટ જોવા? 412 00:24:41,600 --> 00:24:44,650 >> હા. >> [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> તમે કહે છે કે શકું - 413 00:24:44,650 --> 00:24:47,530 [વિદ્યાર્થી] દરેક એરલાઇન. >> યાહ. દરેક એરલાઇન તેની પોતાની વેબસાઈટ છે. 414 00:24:47,530 --> 00:24:50,110 આ વસ્તુઓ મજબૂત. અને? 415 00:24:50,110 --> 00:24:52,190 [વિદ્યાર્થી] તમે ચોકકસ સમય શું તમે છોડી રહ્યા છો. 416 00:24:52,190 --> 00:24:54,460 તમે જાણતા નથી બરાબર સમય શું તમે છોડી રહ્યા છો, 417 00:24:54,460 --> 00:24:59,380 પરંતુ ખાસ કરીને ગાળકો સાથે સંકળાયેલો છે. 418 00:25:00,710 --> 00:25:03,540 મને અપ લાકડાનું હોડકું ખેંચો. 419 00:25:11,490 --> 00:25:14,020 ઓહ ગોડ, પોપ અપ્સ. ખરાબ વપરાશકર્તા અનુભવ. 420 00:25:14,020 --> 00:25:17,230 શું થાય છે જ્યારે હું આ બદલવા માટે સ્લાઇડર ખસેડો? 421 00:25:17,230 --> 00:25:21,010 [વિદ્યાર્થી] આપોઆપ સુધારે છે. >> [ઓન્ગ] આપોઆપ સુધારે છે. 422 00:25:21,010 --> 00:25:23,440 કે જે ઘણી મહત્વપૂર્ણ છે. 423 00:25:23,440 --> 00:25:25,380 આ પહેલાં, જ્યારે તમે એક ફ્લાઇટ જોવા માગે છે 424 00:25:25,380 --> 00:25:28,410 તમે તમારા ઈનપુટ સ્થાન, તમારા આઉટપુટ સ્થાન, પ્રેસ શોધ મૂકી હતી, 425 00:25:28,410 --> 00:25:31,190 તે પ્રક્રિયા અને તમારા પરિણામો બતાવો કરશે. 426 00:25:31,190 --> 00:25:34,120 જો તમે તમારા ક્વેરી બદલવા માગતા હતા, તમને પાછા બે વાર દબાવો હોવી જોઈએ, 427 00:25:34,120 --> 00:25:39,770 શરૂઆતથી નવી ક્વેરી દાખલ કરો, અને પછી તે કામ ઉપર અને ઉપર ફરીથી. 428 00:25:39,770 --> 00:25:43,910 આ કંઈક વિશે સરસ વસ્તુ છે તે મધ્યમ ખૂબ [દુર્બોધ] વસ્તુ વાપરે છે. 429 00:25:43,910 --> 00:25:46,230 જ્યારે પણ તમે આ કંઈક કરવા માટે, આ બોલ વિનંતી મારે છે 430 00:25:46,230 --> 00:25:48,420 અને તે તમને બધા તુરંત જ પરિણામો આપે છે. 431 00:25:48,420 --> 00:25:51,680 તાત્કાલિક પ્રતિસાદ આ પ્રકારની કંઈક કે લાકડાનું હોડકું જંગલીની લોકપ્રિય બનાવવામાં આવે છે 432 00:25:51,680 --> 00:25:55,910 કારણ કે તે ખરેખર સરળ છે મારા માટે માત્ર મારા ક્વેરી બદલવા માટે 433 00:25:55,910 --> 00:25:58,890 અને જે વસ્તુઓ કે જે ચોક્કસ શ્રેણી આસપાસ છે આકૃતિ માટે 434 00:25:58,890 --> 00:26:01,950 પાછા જાઓ અને આગળ, પીઠ, અને આગળ, પીઠ, અને આગળ કર્યા વિના. 435 00:26:01,950 --> 00:26:05,200 તેથી આ બાબતો તમામ પ્રકારના તમે જ્યારે તમે તમારી વેબસાઇટ ડિઝાઇન કરી રહ્યાં છીએ વિશે વિચારવા માગીએ છે. 436 00:26:05,200 --> 00:26:08,930 હું તે ખૂબ જ કાર્યક્ષમ કેવી રીતે બનાવી માટે મારા વપરાશકર્તાઓ મારફતે પસાર થવા માટે તેઓ જે કાર્ય કરી રહ્યાં છીએ કરી શકો છો 437 00:26:08,930 --> 00:26:13,010 અને તેમના અંતિમ ધ્યેય મેળવવા માટે તરીકે ઝડપથી શક્ય? 438 00:26:13,010 --> 00:26:16,430 [Malan] અને જોસેફની જાણીને તેઓ શું કરવા માંગો છો તે જરૂરી નથી વપરાશકર્તાઓ વિશે અગાઉ બિંદુ છે, 439 00:26:16,430 --> 00:26:18,640 તમે ગાય્સ શું હવે HTML વિશે જાણવાની પર આધારિત 440 00:26:18,640 --> 00:26:22,780 અને તમે ચકાસણીબોક્સ, રેડિયો બટનો, પસંદ મેનુઓ, ઇનપુટ ક્ષેત્રો અને તેના જેવા હોય છે, 441 00:26:22,780 --> 00:26:26,140 તમે એક ફ્લાઇટ માટે એક પ્રારંભ સમય ચૂંટવું વિચારને કેવી રીતે અમલ થશે? 442 00:26:26,140 --> 00:26:30,030 >> તે વિવિધ UI પદ્ધતિઓ જે તમે વાપરવા માંગો છો? 443 00:26:30,030 --> 00:26:34,100 જો તમે માત્ર HTML ની ​​જથ્થો કે જે પહેલાં શીખવવામાં આવ્યું હતું ખબર 444 00:26:34,100 --> 00:26:39,070 અને તમે જાણો છો કે ઇનપુટ્સ રેડિયો બટનો, ચકાસણી, ડ્રોપ ડાઉન્સ, અને ઇનપુટ બોક્સ છે, 445 00:26:39,070 --> 00:26:43,320 તમારા કુદરતી પસંદગી શું તારીખો ચૂંટવું સમયથી રહે છે? 446 00:26:43,320 --> 00:26:48,670 [વિદ્યાર્થી] ઇનપુટ. >> ઇનપુટ. અથવા કદાચ પણ તારીખો તમામ ડ્રોપ ડાઉન, અધિકાર? 447 00:26:48,670 --> 00:26:53,170 જેથી વધુ જટિલ આ જેવા ડાબી બાજુએ UI પદ્ધતિઓ છે કે જે તમને અમલ કરી શકે છે, 448 00:26:53,170 --> 00:26:55,500 તમે આ પ્રક્રિયા વધારે સાહજિક એક સ્લાઇડર સાથે કરી શકો છો 449 00:26:55,500 --> 00:27:01,020 કારણ કે સમય સતત હોય છે, અને લોકો સામાન્ય રીતે તે અલગ હિસ્સામાં દ્રષ્ટિએ લાગતું નથી. 450 00:27:01,020 --> 00:27:04,950 અધિકાર છે. છેલ્લું વસ્તુ. 451 00:27:04,950 --> 00:27:07,370 દસ ઉપયોગીતા heuristics. 452 00:27:07,370 --> 00:27:10,820 આ તમામ બાબતો અમે વિશે વાત કદાચ આમાંના એક કેટેગરી હેઠળ આવતા હોય છે. 453 00:27:10,820 --> 00:27:14,420 જો તમે આ કડી છે, કે જે સાઇટ્સ ઑનલાઇન પોસ્ટ કરવામાં આવશે પર જાઓ, 454 00:27:14,420 --> 00:27:18,900 તમે ખરેખર કરવાનો પ્રયત્ન, પડશે તરીકે તમે તમારી સાઇટ ડિઝાઇન, મન આ heuristics રાખવા 455 00:27:18,900 --> 00:27:21,330 અને અંગૂઠો આ નિયમો. 456 00:27:21,330 --> 00:27:26,610 તમારા પ્રોજેક્ટ માટે, હું શું સૂચવે છે તમે શું કરવા માટે તમારી એપ્લિકેશન વધુ સારી ડિઝાઇન 457 00:27:26,610 --> 00:27:28,850 કાગળ prototyping પ્રથમ નથી. 458 00:27:28,850 --> 00:27:32,150 જ્યારે તમે તમારી અરજી અંગે વિચારી રહ્યાં છો, ખૂબ ઝડપથી રેખાચિત્ર તમે શું કરવા માંગો છો તે જેમ દેખાય છે 459 00:27:32,150 --> 00:27:36,230 અને ખાતરી કરો કે બધા બોક્સ એક રીતે તે ખૂબ વપરાશકર્તા જેનો ઉપયોગ કરવા માટે સાહજિક છે ગોઠવાય છે 460 00:27:36,230 --> 00:27:39,820 અને તમારા મિત્રો માટે આ કાગળ પ્રોટોટાઇપ બતાવવા અને ધ્યાન કેન્દ્રિત જૂથો શરૂ કરો. 461 00:27:39,820 --> 00:27:44,230 જસ્ટ 2 અથવા 3 લોકોને ભેગા મળી અને તેમને કહો ફક્ત આ કાગળ પ્રોટોટાઇપ પર ટૅપ 462 00:27:44,230 --> 00:27:47,650 અને તેમને નવા સ્ક્રીનો બતાવવા માટે જુઓ જો તેઓ ખરેખર સમજી શું ચાલી રહ્યું છે. 463 00:27:47,650 --> 00:27:50,680 >> તમે શું કરવા માંગો છો તેમને કાર્ય આપે છે, કે જે કાર્ય પ્રોત્સાહન છે, 464 00:27:50,680 --> 00:27:53,270 અને માત્ર તેમને એપ્લિકેશન આપી અને તેમને તેને વાપરો. 465 00:27:53,270 --> 00:27:56,530 નહિં કે આગળ સૂચનાઓ આપી તેમને નથી. 466 00:27:56,530 --> 00:28:00,920 તમે ખરેખર તેમને કોઈ રસ્તો છે જે તમને દેખાતા તમારી એપ્લિકેશન સાથે વાર્તાલાપ કરવા માંગો છો 467 00:28:00,920 --> 00:28:03,870 તેઓ તેને કેવી રીતે વાપરો જો તમે તેમને આગામી ન ઉભા હતા થશે. 468 00:28:03,870 --> 00:28:05,250 અને તે ખૂબ જ મહત્વપૂર્ણ છે. 469 00:28:05,250 --> 00:28:08,780 કે તમે ભવિષ્યવાણી ખૂબ આપવા માટે ખાસ વસ્તુઓ હરવા ફરવામાં લોકોને હોય 470 00:28:08,780 --> 00:28:10,560 એક રીતે તે હું તેમને ન ઇરાદો માટે નહોતું? 471 00:28:10,560 --> 00:28:14,680 આવે છે તેઓ સ્ક્રીન પર ખાસ UI પદ્ધતિઓ મદદથી 472 00:28:14,680 --> 00:28:17,490 એક માર્ગ છે કે hacky પ્રકારની છે? 473 00:28:17,490 --> 00:28:22,020 હું તેમને તે રીતે કરવું નથી ઇરાદો નહોતો. 474 00:28:22,020 --> 00:28:23,940 અને એકવાર તમે તે પૂર્ણ કરી લીધું છે, તો તમે શું કરવા માંગો છો? 475 00:28:23,940 --> 00:28:26,010 તમારી ડિઝાઇન ખડકો, અધિકાર? 476 00:28:26,010 --> 00:28:29,600 તમે કરવા માંગો છો તે તમે વિકસાવવા અને પછી ઉપર કે પ્રક્રિયા ફરીથી કરવા માંગો છો. 477 00:28:29,600 --> 00:28:32,110 તેથી તે મિત્રોને બતાવો એકવાર તમે તેને વિકસિત કર્યું છે, તો તે ચકાસો, 478 00:28:32,110 --> 00:28:36,630 વિકાસ, ચકાસો, વિકાસ, ચકાસો, ફરી વળવું, અને અને આગળ. 479 00:28:36,630 --> 00:28:39,720 ડિઝાઇન છે, એ ખૂબ આ અર્થમાં પ્રક્રિયા પુનરાવર્તન. 480 00:28:39,720 --> 00:28:43,280 તમે ખરેખર કંઈક બિલ્ડ કરવા અને પછી તેને વિશે વસ્તુઓ ખ્યાલ હોય છે 481 00:28:43,280 --> 00:28:46,520 કે જે તમે પહેલાં ન સમજો અને તેણે પાછા જાઓ અને તે સુધારવા. 482 00:28:46,520 --> 00:28:50,890 હવે, વિકાસ ભાગ માટે, કે ટોમી શું તમે બતાવવા વિરામ બાદ રહ્યું છે 483 00:28:50,890 --> 00:28:53,220 અને તમે સ્વયંપૂર્ણ કંઈક અમલ કરવાનો કેવી રીતે હોઈ શકે છે 484 00:28:53,220 --> 00:28:56,610 એક રીતે તે એકદમ સરળ છે. 485 00:28:57,440 --> 00:28:59,550 [Malan] જેમ ટોમી અહીં સુયોજિત કરે છે, એક પ્રશ્ન પછી. 486 00:28:59,550 --> 00:29:03,780 વહેલામાં વેબસાઇટ્સ ઘણાં - અને જોસેફ જ્યારે 1990 શૈલી વેબસાઇટ જણાવ્યું હતું કે, 487 00:29:03,780 --> 00:29:07,640 તે અમલીકરણો જ્યાં જો તમે પ્રારંભ સમય પસંદ કરવા માગે છે અને અંત સમય હતો, 488 00:29:07,640 --> 00:29:10,380 પ્રમાણિકપણે, બેક દિવસ અને પણ કેટલીક વેબસાઇટ્સ પર આજે, 489 00:29:10,380 --> 00:29:13,220 જે રીતે તમે આ કરી છે તમે ડ્રોપ ડાઉન માંથી એક કલાક ચુંટો, 490 00:29:13,220 --> 00:29:15,910 તમે ડ્રોપ ડાઉન, કદાચ તમે AM પસંદ કરો ના, PM પર પોસ્ટેડ મિનિટ ચુંટો, 491 00:29:15,910 --> 00:29:17,440 અને પછી તમે તે 3 વધુ વાર કરું છું. 492 00:29:17,440 --> 00:29:19,920 અને તેથી 6 ક્લિક્સ અને કદાચ અમુક સ્ક્રોલિંગને સાથે 493 00:29:19,920 --> 00:29:24,000 તમારા વપરાશકર્તા ખરેખર તારીખ અને / અથવા આ અર્થમાં સમય શ્રેણી કેટલાક પ્રકારની પૂરી પાડી શકે છે. 494 00:29:24,000 --> 00:29:27,920 >> તેથી ચોક્કસપણે ઉપશ્રેષ્ટ અને હજુ સુધી આ રીતે અત્યાર સુધી અમે કોઈ અર્થસભર ક્ષમતાઓ જોઇ છે 495 00:29:27,920 --> 00:29:30,330 આ કોઈપણ ભાષાઓમાં અમે અંતે જોવામાં કર્યું કંઈક sexier કરવું 496 00:29:30,330 --> 00:29:32,620 પ્રારંભ સમય અને સમાપ્તિ સમય આ બદલવા માટે સ્લાઇડર જેવા હોય છે. 497 00:29:32,620 --> 00:29:36,290 પરંતુ જો તમે 0 સપ્તાહ પાછા લાગે ત્યારે અમે સ્ક્રેચ વિશે વાત કરી, 498 00:29:36,290 --> 00:29:39,080 ત્યાં પણ ત્યાં વિજેટ્સ કે જે હમણાં જ અમુક વસ્તુઓ ન હતા. 499 00:29:39,080 --> 00:29:42,700 તમે ખરેખર માત્ર આંટીઓ અને શરતો અને જેમ જેમ આ ફંડામેન્ટલ્સ હતી. 500 00:29:42,700 --> 00:29:46,910 તેથી માત્ર ખૂબ અમૂર્ત હવે વિચારવાનો, HTML ની ​​વિસ્તાર સ્વતંત્ર પ્રકારની, 501 00:29:46,910 --> 00:29:51,260 શું ખરેખર આ પ્રારંભ સમય અને સમાપ્તિ સમય સ્લાઇડર કંઈક સાથે થઈ રહ્યું છે? 502 00:29:51,260 --> 00:29:54,960 જ્યારે હું મારું માઉસ ખસેડવા અને હું ડાબી બાજુ પર થોડો ગાજર પ્રતીક પર ક્લિક કરો 503 00:29:54,960 --> 00:29:59,220 અને ખેંચીને શરૂ કરવા માટે, પ્રોગ્રામ, તે શું છે તમે અમલ કરવાનો પ્રયત્ન કરવા માંગો છો 504 00:29:59,220 --> 00:30:01,000 બનાવવા માટે કે શું? 505 00:30:01,000 --> 00:30:04,920 શું પ્રશ્નો, બુલિયન સમીકરણો શું તમે પૂછી કરવાનો પ્રયત્ન કરવા માંગો છો? 506 00:30:04,920 --> 00:30:06,930 શું ખરેખર પર ચાલી રહ્યું છે? સામી? 507 00:30:06,930 --> 00:30:10,080 [વિદ્યાર્થી] ક્યાં કર્સર સ્થિતિ છે? >> ગુડ. જ્યાં કર્સર સ્થિતિ છે? 508 00:30:10,080 --> 00:30:11,970 આ કંઈક સ્ક્રેચ ફરી વ્યક્ત જરૂરી હતી, 509 00:30:11,970 --> 00:30:14,690 શું તે સ્થાન અથવા પણ રંગ અથવા જેમ પર આધારિત હતી. 510 00:30:14,690 --> 00:30:18,410 તમે ક્યારેય સોમવારે તેથી થોડા સમય માટે યાદ શકે ત્યાં આ બધું હતા ઘટનાઓ કહેવાય 511 00:30:18,410 --> 00:30:22,370 વેબ દુનિયા માં, અને તેથી ત્યાં onclick અને onkeypress જેવી વસ્તુઓ છે 512 00:30:22,370 --> 00:30:25,960 અને onkeyup અને onmouseover અને onmouseout. 513 00:30:25,960 --> 00:30:29,130 જેથી ખ્યાલ પણ આ બધી વસ્તુઓ અમે કરવામાં લેતા કર્યા છે વેબ પર મંજૂર 514 00:30:29,130 --> 00:30:32,190 ફેસબુક અને Gmail જેવી સાઇટ્સ, પણ જો તમે કોઈ વિચાર સાથે 515 00:30:32,190 --> 00:30:34,890 તમે કેવી રીતે શક્ય છે કે અમલ કારણ કે ત્યાં તેને જેવી પણ વ્યાખ્યાન માં કશું જ નથી કરશે 516 00:30:34,890 --> 00:30:38,570 અથવા પ્રોબ્લેમ 7 સેટ કરો, આ ચોક્કસ જ ફંડામેન્ટલ્સ સાથે ખ્યાલ, 517 00:30:38,570 --> 00:30:41,090 HTTP અને પરિમાણો સાથે અને GET અને POST, 518 00:30:41,090 --> 00:30:44,010 આ બેઝિક HTML ઇનપુટ કે અમે અંતે જોવામાં કર્યું છે આમ અત્યાર સુધી સાથે 519 00:30:44,010 --> 00:30:47,690 અને કાર્યક્રમ વિષયક પદ્ધતિઓ સાથે ક્ષણ કે ટોમી વિશે લાવનાર 520 00:30:47,690 --> 00:30:51,300 તમે તમારી જાતને વ્યક્ત જેમ તમે 0 સપ્તાહમાં કર્યું શરૂ કરી શકો છો 521 00:30:51,300 --> 00:30:53,800 દ્વારા ખૂબ જ તર્ક ખેંચીને અને મુક્યો. 522 00:30:53,800 --> 00:30:58,950 >> જેથી જણાવ્યું હતું કે, ટોમી MacWilliam અને વેબ માટે કેટલાક આપણા માટે નવું પઝલ ટુકડાઓ સાથે. 523 00:30:58,950 --> 00:31:03,450 અધિકાર છે. મારું નામ ટોમી છે અને હું જાવાસ્ક્રિપ્ટ વિશે વાત કરી જાઉં છું. 524 00:31:03,450 --> 00:31:07,150 માત્ર એક અસ્વીકૃતિ: હું મત છું કે જાવાસ્ક્રિપ્ટ શ્રેષ્ઠ પ્રોગ્રામિંગ ભાષા છે 525 00:31:07,150 --> 00:31:09,010 સમગ્ર સમગ્ર વિશ્વમાં. 526 00:31:09,010 --> 00:31:11,940 ત્યાં લોકો મારી સાથે અસહમત ઘણાં હોય છે, પરંતુ તે માત્ર આકર્ષક છે. 527 00:31:11,940 --> 00:31:16,330 એકવાર તમે સી પર પાછા જાઓ, જો તમે બીજા વર્ગ અથવા અમુક અન્ય ભાષાઓ માટે સી લખી છે, 528 00:31:16,330 --> 00:31:19,780 તે માત્ર ખરેખર તમામ નીચા સ્તર વિગતો હોય તો નિરાશાજનક નીચે સાઇન જળબંબોળ થયેલું મળશે છે 529 00:31:19,780 --> 00:31:23,050 તેથી જો તમે ક્યારેય નકામી કેવી રીતે સી લખી છે તે વિશે ઉદાસી લાગણી કરી રહ્યાં છો, 530 00:31:23,050 --> 00:31:25,130 માત્ર પાછા જાઓ, કેટલાક જાવાસ્ક્રિપ્ટ લખો. તે નિર્વાણ છે. 531 00:31:25,130 --> 00:31:27,980 તમે વધુ સારું તમારા ખરાબ દિવસ વિશે લાગે પડશે. 532 00:31:27,980 --> 00:31:31,900 જાવાસ્ક્રિપ્ટ ના જાદુ ઘણાં તેની વસ્તુઓ ચાલાકી ક્ષમતા માંથી આવે છે 533 00:31:31,900 --> 00:31:33,730 તે પૃષ્ઠ પર પહેલાથી જ છે. 534 00:31:33,730 --> 00:31:38,520 જ્યારે અમે અમારા PHP સ્ક્રિપ્ટો લખ્યું હતું કે, તેઓ સર્વર પર ચાલતી હતી, 535 00:31:38,520 --> 00:31:42,270 અને છેવટે કે PHP સ્ક્રિપ્ટ કદાચ કેટલાક એચટીએમએલ બનાવવામાં. 536 00:31:42,270 --> 00:31:45,860 HTML કે જે ક્લાઈન્ટ માટે મોકલવામાં આવી હતી, અને પછી તે તેને હતી. 537 00:31:45,860 --> 00:31:50,180 જો PHP એક પૃષ્ઠ પર એક બટન ઉમેરવા માંગો, ઉદાહરણ તરીકે, તે ખરેખર છે કે નથી કરી શકો છો. 538 00:31:50,180 --> 00:31:54,350 તે એક સંપૂર્ણ નવો HTML ફાઇલ બનાવે છે, અને તે બ્રાઉઝર કે મોકલવા પડે. 539 00:31:54,350 --> 00:31:57,840 અમે સાથે જાવા ખબર છે કે અમે વસ્તુઓ સુધારવા જ્યારે તેઓ પૃષ્ઠ પર પહેલાથી જ છો કરી શકો છો, 540 00:31:57,840 --> 00:32:00,840 અને આ કારણ કે અમે વધુ તાત્કાલિક પ્રતિભાવ આપી શકે, 541 00:32:00,840 --> 00:32:06,150 જે ખરેખર અમારી વેબસાઇટ પર વપરાશકર્તા અનુભવ સુધારશે. 542 00:32:06,150 --> 00:32:09,330 જસ્ટ જાવાસ્ક્રિપ્ટ પસંદગીકારોએ ઝડપી રીકેપ. 543 00:32:09,330 --> 00:32:11,590 અમે તે જાણવું જ્યારે અમે એક HTML પાનું ડાઉનલોડ કરો, 544 00:32:11,590 --> 00:32:13,890 કે જે DOM રજૂ કરી રહ્યું છે તે. 545 00:32:13,890 --> 00:32:19,340 >> આ DOM યાદ રાખો ફક્ત આ મોટું વૃક્ષ જ્યાં તત્વો આ વિશાળ પદાનુક્રમમાં સંબંધિત છે. 546 00:32:19,340 --> 00:32:21,810 , જ્યારે અમે 7 pset માં ડેટાબેઝો સાથે કામ કર્યું હતું 547 00:32:21,810 --> 00:32:26,280 એક પ્રથમ વસ્તુઓ અમે કેવી રીતે કરવું જરૂરી હતું ડેટાબેઝ ક્વેરી. 548 00:32:26,280 --> 00:32:29,060 અમે આ મોટા વપરાશકર્તાઓ કોષ્ટક હોય છે, અને ઘણી વખત અમે હમણાં જ કહેવું માંગો છો, 549 00:32:29,060 --> 00:32:33,260 "હું માત્ર આ વપરાશકર્તાઓ કે અમુક શરત સાથે મેળ કેટલાક માંગો છો." 550 00:32:33,260 --> 00:32:36,020 એ જ રીતે, જ્યારે અમે DOM હોય તો અમે તે પ્રશ્ન કેટલાક માર્ગ જરૂર છે. 551 00:32:36,020 --> 00:32:39,490 અમે કહેતા અમુક રીતે જરૂર છે, "હું બટનો કે આના જેવો તમામ માંગો છો 552 00:32:39,490 --> 00:32:41,860 "અથવા પાનાં પર છબીઓ હોય." 553 00:32:41,860 --> 00:32:44,330 અને આ પસંદગીકારો અમને કે આમ કરવા માટે પરવાનગી આપે. 554 00:32:44,330 --> 00:32:45,690 તેથી માત્ર એક ઝડપી રીકેપ. 555 00:32:45,690 --> 00:32:50,770 આ પ્રથમ અહીં આ એક # submit, શું છે કે પસંદ કરવા માટે જવું? શું કોઇને યાદ? 556 00:32:50,770 --> 00:32:54,880 [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> અરે વાહ, બરાબર. 557 00:32:54,880 --> 00:32:59,510 આ પાનું છે કે જે submit નું ID હોય એક તત્વ પસંદ કરો રહ્યું છે. 558 00:32:59,510 --> 00:33:03,470 અને જેથી હેશ ટેગ કહે છે આ પસંદગીકાર માટે IDs ની સાથે કામ કરી રહ્યા છે. 559 00:33:03,470 --> 00:33:07,630 કેવી રીતે બીજા એક, આ કેન્દ્રિત., કે શું પસંદ કરશે? 560 00:33:11,360 --> 00:33:15,180 યાહ. >> [વિદ્યાર્થી] વર્ગ. ચોક્કસ. >> આ હવે માટે વર્ગ દ્વારા પસંદ રહ્યું છે. 561 00:33:15,180 --> 00:33:18,840 ID અને અહીં વર્ગ વચ્ચે તફાવત સામાન્ય રીતે ID ને અનન્ય હોવા જોઈએ 562 00:33:18,840 --> 00:33:20,820 જગ્યા ગમે અંદર તમે શોધી રહ્યાં છો. 563 00:33:20,820 --> 00:33:23,080 તેથી જો તમે સમગ્ર વેબ પાનું શોધ કરવામાં આવી હતી, 564 00:33:23,080 --> 00:33:27,740 તમે ખરેખર માત્ર કે ચોક્કસ ID સાથે 1 તત્વ હોવું જોઈએ, જેથી સબમિટ આ કેસ છે. 565 00:33:27,740 --> 00:33:31,330 વર્ગો સાથે, બીજી બાજુ પર, અમે એ જ પાનું 1 પર કરતાં વધુ તત્વ હોઈ શકે છે 566 00:33:31,330 --> 00:33:33,130 એ જ વર્ગ છે. 567 00:33:33,130 --> 00:33:36,580 આ કહેતા હું બધું છે કે પૃષ્ઠ પર કેન્દ્રિત છે પસંદ કરો માટે ઉપયોગી હોઈ શકે છે 568 00:33:36,580 --> 00:33:38,450 બદલે માત્ર 1 વાત હતી. 569 00:33:38,450 --> 00:33:40,310 >> અને છેલ્લે, આ છેલ્લા અહીં એક થોડી વધુ જટિલ હોય છે, 570 00:33:40,310 --> 00:33:43,890 પરંતુ આ શું કરવા માટે DOM પસંદ કરો રહ્યું છે? 571 00:33:46,650 --> 00:33:48,810 [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> કે શું છે? 572 00:33:48,810 --> 00:33:53,250 [વિદ્યાર્થી] કંઈપણ કે ટેગ છે. >> અમે 2 ભાગો અહીં છે. 573 00:33:53,250 --> 00:33:58,070 બીજા ભાગ માટે કહે છે હું ઇનપુટ એક ટેગ સાથે આ ટૅગ્સ પસંદ કરો રહ્યું છે, 574 00:33:58,070 --> 00:34:00,730 કોઈપણ તત્વ જેથી ઇનપુટ ટેગ છે. 575 00:34:00,730 --> 00:34:03,080 પણ મને તો ફક્ત ઇનપુટ્સ તમામ પસંદ નથી માંગતા 576 00:34:03,080 --> 00:34:05,170 કારણ કે એક submit બટન કંઈક ઇનપુટ હોઈ શકે છે 577 00:34:05,170 --> 00:34:08,409 અને લખાણ બોક્સમાં કંઈક ઇનપુટ હોઈ શકે છે. 578 00:34:08,409 --> 00:34:11,909 તેથી આ ચોરસ કૌંસ હું કહી રહ્યો છું સાથે હું ફક્ત તે તત્વો પસંદ કરો 579 00:34:11,909 --> 00:34:14,110 તે પ્રકારના લખાણ છે. 580 00:34:14,110 --> 00:34:17,400 ક્યાંક મારી એચટીએમએલ ટેગ માં હું એક પ્રકાર કહેવાય લક્ષણ ધરાવે છે, 581 00:34:17,400 --> 00:34:19,750 અને તે લક્ષણની કિંમત સાથે ટેક્સ્ટ હોવા ધરાવે છે. 582 00:34:19,750 --> 00:34:21,340 કેવી રીતે આ પ્રથમ ભાગ વિશે અહીં? 583 00:34:21,340 --> 00:34:25,489 આ પસંદગીકાર પ્રથમ શબ્દ સ્વરૂપ છે પછી હું જગ્યા અને પછી આ ઇનપુટ ભાગ હોય છે. 584 00:34:25,489 --> 00:34:29,620 કે શું કરવું એ નથી કે તે સામે ફોર્મ મૂકવા? 585 00:34:33,409 --> 00:34:35,860 આ મૂળભૂત અમારા ક્વેરી મર્યાદા રહ્યું છે. 586 00:34:35,860 --> 00:34:38,510 તે કેસ કે અમે પૃષ્ઠ પર કેટલાક ઇનપુટ્સ હોય હોઈ શકે છે 587 00:34:38,510 --> 00:34:41,080 કે જે ફોર્મ વંશજો નથી. 588 00:34:41,080 --> 00:34:46,150 આ શું કરશે શું છે આ કહેવું કે હું માત્ર કરવા માંગો છો ઇનપુટ ટૅગ્સ કે જે તેમને ઉપર ક્યાંક હોય છે 589 00:34:46,150 --> 00:34:49,030 એક ફોર્મ કેટલાક પિતૃ તત્વ. 590 00:34:49,030 --> 00:34:52,100 અને તેથી આ રીતે અમે આ વધુ અધિક્રમિક પ્રશ્નો કરી શકો છો 591 00:34:52,100 --> 00:34:55,000 તેથી અમે માત્ર આપેલ પસંદગીકાર બંધબેસતા બધું પસંદ નથી. 592 00:34:55,000 --> 00:35:00,760 અમે તે ક્વેરી કંઈક બીજું માટે અવકાશ મર્યાદા પ્રકારની કરી શકો છો. 593 00:35:00,760 --> 00:35:04,000 તેથી હવે આપણે જાણીએ છીએ કે કેવી રીતે પાનાં પર તત્વો પસંદ કરવા માટે, 594 00:35:04,000 --> 00:35:06,780 ચાલો AJAX વિશે થોડી વાત કરો. 595 00:35:06,780 --> 00:35:12,270 AJAX હજી એક ખૂબ જ ટ્રેન્ડી ટૂંકાક્ષર છે કે અસિંક્રોનસ JavaScript અને XML માટે વપરાય છે. 596 00:35:12,270 --> 00:35:15,640 તે જ બને છે કે XML માત્ર માટે કેટલીક માહિતી પ્રતિનિધિત્વ માર્ગ છે. 597 00:35:15,640 --> 00:35:20,920 >> હારી લોકપ્રિયતા કે તાજેતરમાં પ્રકારની છે, તેથી AJAX માં X એ બધા સમય નથી વપરાય છે. 598 00:35:20,920 --> 00:35:26,220 હકીકતે, AJAX શું અમને કરવા માટે પરવાનગી આપે છે HTTP અરજીઓને બનાવવા છે 599 00:35:26,220 --> 00:35:28,620 જાવાસ્ક્રિપ્ટ સંદર્ભમાં છે. 600 00:35:28,620 --> 00:35:32,310 , જ્યારે અમે અમારા વેબ બ્રાઉઝર છો અને અમે પૃષ્ઠો આસપાસ શોધખોળ કરી રહ્યાં છો અને અમે એક લિંક પર ક્લિક કરો 601 00:35:32,310 --> 00:35:37,790 અમારા બ્રાઉઝર કરવા જઈ રહ્યો છે શું કડી ગમે અમે ક્લિક કરો કરવા માટે HTTP વિનંતિ કરી છે. 602 00:35:37,790 --> 00:35:41,670 પરંતુ તે હંમેશા આદર્શ નથી કારણ કે જો કે આ કેસ છે, ત્યાર બાદ ડેવિડ હતા, 603 00:35:41,670 --> 00:35:45,220 આપણે હંમેશા બનાવવા માટે વપરાશકર્તાઓને સબમિટ કરો બટન ક્લિક કરો અથવા કડી ક્લિક કરી 604 00:35:45,220 --> 00:35:50,380 ક્રમમાં બનાવવા માટે કંઈપણ થાય છે કે એક HTTP વિનંતિ સમાવેશ બનશે. 605 00:35:50,380 --> 00:35:54,160 તેથી AJAX સાથે અમે જાવાસ્ક્રિપ્ટ વતી આ વિનંતીઓ કરી શકો છો. 606 00:35:54,160 --> 00:35:57,020 તેનો અર્થ એ કે જ્યારે વપરાશકર્તા પાનું થાય છે અથવા કંઈપણ સાથે ક્રિયાપ્રતિક્રિયા કરે છે, 607 00:35:57,020 --> 00:36:01,780 અમે ખરેખર અમારી વેબસાઇટ પર કેટલાક અન્ય PHP ફાઈલ માટે એક કાર્યક્રમ વિષયક વિનંતી કરી શકો છો 608 00:36:01,780 --> 00:36:06,280 અથવા અન્ય કંઈપણ અને માહિતી કે જે ફાઈલ બહાર spits મેળવે. 609 00:36:06,280 --> 00:36:09,860 ચાલો AJAX એક ઉદાહરણ પર એક નજર. 610 00:36:09,860 --> 00:36:16,140 આ અમારી CS50 ફાયનાન્સ પાનું જેની સાથે આસ્થાપૂર્વક અમને કેટલાક પરિચિત છે. 611 00:36:16,140 --> 00:36:21,790 જો અમે આ પાનું HTML ને જોવા માટે, અમે અહીં જુઓ કે હું અમુક વસ્તુઓ ઉમેર્યા છે, 612 00:36:21,790 --> 00:36:23,820 એક જે મને આ ફોર્મ એક ID આપી છે. 613 00:36:23,820 --> 00:36:26,480 હું id = "સ્વરૂપ-ક્વોટ" જણાવ્યું હતું કર્યો છે. 614 00:36:26,480 --> 00:36:31,910 હું આ કર્યું છે કારણ કે તે માત્ર આ થોડો ડોમ માંથી સરળ પસંદ કરી રહ્યા છે 615 00:36:31,910 --> 00:36:35,090 કારણ કે હું માત્ર એક ખૂબ જ સિમ્પલ ક્વેરી કરી શકો છો. 616 00:36:35,090 --> 00:36:38,960 હું અહીં શું કરવા માગો છો શું છે મને CS50 ફાઇનાન્સ સાથે કેટલાક સમસ્યા સુધારવા માંગો છો. 617 00:36:38,960 --> 00:36:41,550 , તેથી જો આપણે finance.cs50.net પર જાઓ 618 00:36:41,550 --> 00:36:45,700 દર વખતે હું જે ક્વોટ મેળવવા માંગો છો, હું આ મેળવો પ્રત્યક્ષ બટન ક્લિક કરી, 619 00:36:45,700 --> 00:36:48,960 અને તે મેળવો પ્રત્યક્ષ બટન પછી મને બીજા સંપૂર્ણ પૃષ્ઠ પર લઈ જાય છે. 620 00:36:48,960 --> 00:36:52,400 અને જો હું અન્ય ક્વોટ કરવા માંગો છો, હું પાછળ બટનને હિટ હોય છે અને પછી હું તેને ટાઇપ માં, 621 00:36:52,400 --> 00:36:54,480 હું જે ક્વોટ વિચાર, અને હું પાછળ બટન દબાવો. 622 00:36:54,480 --> 00:36:56,840 આ ખરેખર શ્રેષ્ઠ વપરાશકર્તા અનુભવ નથી. 623 00:36:56,840 --> 00:37:01,570 કોણ ખરેખર સાઇટ વાપરો જો તે ધીમી કરવા માટે સ્ટોક કિંમતો મેળવો છો? 624 00:37:01,570 --> 00:37:05,630 તેથી અમે AJAX સાથે કરવા માંગો છો શું એક અલગ પૃષ્ઠ પર જઈને કે પગલું દૂર છે 625 00:37:05,630 --> 00:37:08,410 ક્રમમાં પરિણામો જોવા માટે. 626 00:37:08,410 --> 00:37:11,240 >> અમે ખરેખર માત્ર રહ્યાં છો માટે પુછે તે શું છે તે ખરેખર નાના કિંમત છે, 627 00:37:11,240 --> 00:37:14,240 અને તે માત્ર માહિતી એક ખરેખર નાની રકમ છે. 628 00:37:14,240 --> 00:37:17,400 તેથી મને કોઈ જરૂરિયાત બીજા સંપૂર્ણ HTML પૃષ્ઠ પર જાઓ, 629 00:37:17,400 --> 00:37:20,670 HTML ની ​​સંપૂર્ણ નવી બેચ ડાઉનલોડ, કદાચ કેટલાક વધુ છબીઓ ડાઉનલોડ કરો, 630 00:37:20,670 --> 00:37:24,410 કેટલાક અન્ય સીએસએસ ફાઈલો માત્ર મારા માટે તે ખૂબ જ સરળ પ્રશ્નનો જવાબ આપવા માટે 631 00:37:24,410 --> 00:37:27,810 કેટલા આ સ્ટોક ખર્ચ કરે છે. 632 00:37:27,810 --> 00:37:31,000 AJAX સાથે અમે આ ઘણો સરળ બનાવી શકે છે. 633 00:37:31,000 --> 00:37:36,400 અમે નીચે અહીં જુઓ કે હું જાવાસ્ક્રિપ્ટ quote.js તરીકે ઓળખાતી ફાઈલ માં લિંક છું. 634 00:37:36,400 --> 00:37:40,140 ચાલો ખરેખર અપ કે ફાઈલ ખોલો. ત્યાં નથી. 635 00:37:42,610 --> 00:37:45,860 મારા જાવાસ્ક્રિપ્ટ ફાઈલો બધા HTML માં સ્થિત થયેલ હશે આવે છે 636 00:37:45,860 --> 00:37:47,630 જેથી વેબ બ્રાઉઝર તેને ઍક્સેસ કરી શકો છો. 637 00:37:47,630 --> 00:37:50,330 તો પછી અમે જાવાસ્ક્રિપ્ટ માટે અલગ અહીં ડિરેક્ટરીમાં હોય, 638 00:37:50,330 --> 00:37:54,340 અને હવે અહીં quote.js છે. 639 00:37:54,340 --> 00:38:00,930 આ ફાઇલ ટોચ પર આ અહીં કહે છે કે હું સમગ્ર પાનું રાહ લોડ કરવા માંગતા હો 640 00:38:00,930 --> 00:38:04,830 પહેલાં હું કંઈ પણ કરવા માટે પ્રયત્ન કરો. કે શા માટે જરૂરી? 641 00:38:04,830 --> 00:38:08,650 તે તારણ છે કે આગામી વસ્તુ હું અહીં કરવા જાઉં છું એક તત્વ શોધી શરૂઆત છે 642 00:38:08,650 --> 00:38:10,810 કે અમુક પસંદગીકાર મેળ ખાય છે. 643 00:38:10,810 --> 00:38:15,600 જો આ જાવાસ્ક્રિપ્ટ પહેલા ક્યારેય આ તત્વ પૃષ્ઠ પર લોડ થાય છે ચલાવવામાં આવે છે, 644 00:38:15,600 --> 00:38:17,820 પછી બધું જ હું કામ કરવાનો પ્રયત્ન કામ ન રહ્યું છે 645 00:38:17,820 --> 00:38:20,580 કારણ કે હું કંઈક કે ત્યાં નથી પસંદ કરવાનો પ્રયાસ જાઉં છું. 646 00:38:20,580 --> 00:38:23,780 તેથી ઉપર આ રેખા કહે છે હું તમને ત્યાં સુધી બધું લોડ થાય છે રાહ કરવા માંગો છો 647 00:38:23,780 --> 00:38:28,030 તેથી અમે ખાતરી આપી રહ્યાં છો કે જે કોઈપણ ઘટકો હું શોધી રહ્યો છું પૃષ્ઠ પર ખરેખર છે. 648 00:38:29,730 --> 00:38:34,310 આ ડોલર અહીં સાઇન અર્થ છે મને ચોક્કસ jQuery કહેવાય પુસ્તકાલય ઉપયોગ કરું છું. 649 00:38:34,310 --> 00:38:38,570 આ jQuery પુસ્તકાલય અમને આ પસંદગીકારોએ કે અમે માત્ર પર જોવામાં વાપરવા માટે પરવાનગી આપે છે. 650 00:38:38,570 --> 00:38:44,010 $ પછી કહેતા એક દલીલ તરીકે આ ફોર્મ #-ક્વોટ પસાર કરીને, 651 00:38:44,010 --> 00:38:47,910 હું હવે ફોર્મ પસંદ કરું છું કે અમે હમણાં જ જોતા હતા. 652 00:38:47,910 --> 00:38:52,290 હવે હું મેમરી કે કોઈક ફોર્મ પ્રતિનિધિત્વ ધરાવે છે. 653 00:38:52,290 --> 00:38:56,760 >> આ ઑબ્જેક્ટ પર હવે, ફોર્મ આ રજૂઆત 654 00:38:56,760 --> 00:38:58,890 હું હવે પર કહેવાય કાર્ય ઉપયોગ કરું છું. 655 00:38:58,890 --> 00:39:02,710 આ કાર્ય કરે છે શું છે તે એક ઘટના સંભાળનાર જોડી રહ્યું છે. 656 00:39:02,710 --> 00:39:06,310 આ ઘટના છે કે અમે માટે સાંભળવા જઈ રહ્યાં છો તે submit ઘટના છે. 657 00:39:06,310 --> 00:39:08,890 તેથી જ્યારે વપરાશકર્તા ક્લિક્સ કે બટન અથવા દબાવીને સબમિટ દાખલ કરો, 658 00:39:08,890 --> 00:39:11,730 આ પ્રસંગ માટે ગોળીબાર રહ્યું છે. 659 00:39:11,730 --> 00:39:16,390 આ પ્રવેશ hooking કરીને, હું હવે ફોર્મ ના મૂળભૂત વર્તણૂક પર ફરીથી લખી શકો છો. 660 00:39:16,390 --> 00:39:19,770 આ જાવાસ્ક્રિપ્ટ વગર, ફોર્મ સુપ્રત કરશે PHP ફાઈલ ગમે 661 00:39:19,770 --> 00:39:22,110 અમે તે ક્રિયા લક્ષણ વપરાય છે. 662 00:39:22,110 --> 00:39:25,440 પરંતુ તેના બદલે, હું હવે, કહી રહ્યો છું રાહ જુઓ, રાહ જુઓ, રાહ જુઓ, હું તમને ખરેખર છે કે આમ કરવા માટે કરવા નથી માંગતા. 663 00:39:25,440 --> 00:39:31,140 હું આ તમે જાઓ તે પહેલા અને કેટલાક PHP ફાઈલ સબમિટ કરવાનો પ્રયાસ થાય છે કરવા માંગો છો. 664 00:39:31,140 --> 00:39:32,870 હવે હું શું કરવા માંગો છો? 665 00:39:32,870 --> 00:39:39,270 આ બિંદુએ હું AJAX કોઈક વાપરવા માટે સ્ટોકના કિંમત શું છે લોડ કરવા માંગો છો. 666 00:39:39,270 --> 00:39:44,170 પ્રથમ વસ્તુ મને જાણવાની જરૂર છે સ્ટોક શું વપરાશકર્તા અપ રહી છે. 667 00:39:44,170 --> 00:39:46,760 આમ કરવા માટે કે હું અન્ય પસંદગીકાર ઉપયોગ જાઉં છું. 668 00:39:46,760 --> 00:39:49,020 આ ત્રીજી પસંદગીકાર અમે પહેલાં પર જોવામાં આવે છે. 669 00:39:49,020 --> 00:39:54,460 આ કહે છે કે હું બોલ ફોર્મ-નિવેદનના એક ID સાથે આ ફોર્મ તત્વ શરૂ કરવા માંગો છો. 670 00:39:54,460 --> 00:39:58,440 પછી બીજે કે સ્વરૂપ ની અંદર ત્યાં એક ઇનપુટ તત્વ ધરાવે છે 671 00:39:58,440 --> 00:40:01,270 કે પ્રતીક એક નામ ધરાવે છે. 672 00:40:01,270 --> 00:40:05,460 જો અમે અમારી એચટીએમએલ પર એક નજર, અમે જોયું છે કે અમે ઇનપુટ હતી [નામ = પ્રતીક]. 673 00:40:05,460 --> 00:40:12,380 તેનો અર્થ એ છે કે આ માટે કે લખાણ બોક્સમાં પસંદ કરો કે વપરાશકર્તા માં ટાઇપ કરી રહ્યા છે રહ્યું છે. 674 00:40:12,380 --> 00:40:13,870 કે સારું છે. અમે લખાણ બોક્સમાં હોય છે. 675 00:40:13,870 --> 00:40:17,360 હવે અમે માત્ર તે જાણવા તે અંદર જરૂર છે. 676 00:40:17,360 --> 00:40:20,290 આમ કરવા માટે કે જે આપણે આ પદ્ધતિ અહીં કહી શકો છો, આ Val. 677 00:40:20,290 --> 00:40:23,240 અને આ કહે છે મને ખબર લખાણ બોક્સમાં શું તમારી પાસે છે. 678 00:40:23,240 --> 00:40:28,160 હું તમને મને કહી તે શું છે તે લખાણ બોક્સમાં ટાઇપ વપરાશકર્તા નથી માંગો છો. 679 00:40:28,160 --> 00:40:34,440 હવે અમે એક પ્રતીક તરીકે ઓળખાય શબ્દમાળા કે ગમે તે વપરાશકર્તા સાઇન ટાઇપ કરવા માટે સમાન હોય છે 680 00:40:34,440 --> 00:40:39,820 કે સારું છે. અમે કે જેઓ શબ્દમાળા હવે વાપરવા માટે અમારી વિનંતી કરી શકો છો. 681 00:40:39,820 --> 00:40:42,450 આ નવી કાર્ય અહીં છે, $ આ, 682 00:40:42,450 --> 00:40:44,900 સિવાય અમે લાંબા સમય સુધી તત્વો પસંદ કરી રહ્યા છીએ, 683 00:40:44,900 --> 00:40:48,910 અમે એક અલગ કાર્ય કે jQuery દ્વારા અમને પૂરી પાડવામાં આવ્યું છે તે ફોન કરી રહ્યા છીએ. 684 00:40:48,910 --> 00:40:54,810 આ AJAX કાર્ય છે જે ખરેખર આ HTTP વિનંતિ કરી રહ્યા છે. 685 00:40:54,810 --> 00:40:57,000 તેથી અમે તેને અમુક વસ્તુઓ કહેવું છે. 686 00:40:57,000 --> 00:41:01,410 પ્રથમ વસ્તુ અમે આ કાર્ય કહેવું હોય છે કે જ્યાં હું જવા માટે વિનંતી કરવા માંગો છો. 687 00:41:01,410 --> 00:41:08,910 ક્યાંક મારી પ્રોજેક્ટમાં હું તે HTML quote.php કહેવાય ડિરેક્ટરી ની અંદર આ ફાઇલ હોય છે. 688 00:41:08,910 --> 00:41:15,150 હું આ ફાઇલ ઍક્સેસ કરી શકો છો, અમે આ જેમ જ જોયું, જો હું / localhost quote.php પર જાઓ. 689 00:41:15,150 --> 00:41:20,450 >> હું મારા માટે તે પૃષ્ઠ પર એક વિનંતી કરી જાવાસ્ક્રિપ્ટ કરવા માંગો છો. 690 00:41:20,450 --> 00:41:22,920 કયા પ્રકારની વિનંતી હવે? 691 00:41:22,920 --> 00:41:27,210 અમે જોયું છે કે પહેલાં ફોર્મ કે જે પદ્ધતિ = "પોસ્ટ" લક્ષણ ધરાવે છે, 692 00:41:27,210 --> 00:41:29,270 અને તેનો અર્થ એ કે તે POST વિનંતી કરી રહ્યા છે, 693 00:41:29,270 --> 00:41:32,630 તેથી તે માટે વિચાર વિનંતી કરતાં URL માં કંઈપણ મૂકી નથી ચાલી રહ્યું છે, 694 00:41:32,630 --> 00:41:36,860 જે ફક્ત જો આપણે માત્ર વેબ બ્રાઉઝર સાથે ઉદાહરણ માટે, પૃષ્ઠને ઍક્સેસ છોડવામાં આવશે. 695 00:41:36,860 --> 00:41:41,260 હવે અમે જણાવ્યું હતું કર્યા છે હું એ HTTP POST વિનંતિ કરવા માંગો છો 696 00:41:41,260 --> 00:41:44,840 એક quote.php પર સ્થિત પાનું છે. 697 00:41:44,840 --> 00:41:51,490 જ્યારે આપણે ફોર્મ સબમિટ કરવાનું યાદ રાખો, અમે તે ફોર્મ ની અંદર ઇનપુટ તત્વો ઍક્સેસ કરી 698 00:41:51,490 --> 00:41:54,430 કે $ _POST ચલ સાથે. 699 00:41:54,430 --> 00:41:58,710 અત્યાર સુધી આ વાર્તામાં આપણે ખરેખર કોઈપણ માહિતી સાથે હજી સુધી મોકલ્યો છે. 700 00:41:58,710 --> 00:42:00,640 અમે હમણાં જ કહ્યું હતું કે, અમે કર્યું છે AJAX વિનંતી કરી રહ્યા છીએ 701 00:42:00,640 --> 00:42:03,200 અને અહીં વિનંતી પ્રકાર અમે કરી રહ્યા છીએ તે છે. 702 00:42:03,200 --> 00:42:07,090 હવે અમે ખરેખર પૃષ્ઠ પર કેટલીક માહિતી મોકલવાની જરૂર છે. 703 00:42:07,090 --> 00:42:10,930 આમ કરવા માટે કે જે આપણે આ માહિતી તરીકે ઓળખાય મિલકત વાપરી શકો છો. 704 00:42:10,930 --> 00:42:14,950 આ મિલકતની કિંમત ખરેખર એક સમૂહનો એરે છે. 705 00:42:14,950 --> 00:42:19,390 આ માટેનું કારણ એ છે કે તે અમને હમણાં જ માહિતી ના 1 ભાગ કરતાં વધુ મોકલવા માટે પરવાનગી આપે છે. 706 00:42:19,390 --> 00:42:24,750 તેથી જ અમે આ સર્પાકાર કૌંસ અહીં આ અન્ય સર્પાકાર કૌંસ ની અંદર નેસ્ટ. 707 00:42:24,750 --> 00:42:29,680 આ સમૂહનો એરે માં કીઓ જ વસ્તુ હોઈ જવું છે 708 00:42:29,680 --> 00:42:32,630 પેલા નામ અમારી ફોર્મ એલિમેન્ટ્સ શ્રેય. 709 00:42:32,630 --> 00:42:35,740 તેનો અર્થ એ છે કે જો હું પ્રતીક એક કી સાથે મોકલવા માટે, 710 00:42:35,740 --> 00:42:41,870 તેનો અર્થ એ કે મારી PHP પાનું $ _POST [પ્રતીક] સાથે આ માહિતી ઍક્સેસ કરી શકો છો 711 00:42:41,870 --> 00:42:44,640 જેમ અમે જ્યારે અમને ફોર્મ સબમિટ કરાયા પહેલાં હતી. 712 00:42:44,640 --> 00:42:47,090 અને હવે વાસ્તવિક માહિતી અમે મોકલવા માંગો છો 713 00:42:47,090 --> 00:42:50,790 છે આ સમૂહનો એરે ની કિંમત અંદર જ હશે. 714 00:42:50,790 --> 00:42:54,070 >> અમે એક ચલ કહેવાય પ્રતીક આ ટેક્સ્ટ સંગ્રહિત, 715 00:42:54,070 --> 00:42:57,380 અને તેથી અમે સાથે મોકલી રહ્યાં છો તે હવે પ્રતીક એક કી 716 00:42:57,380 --> 00:43:01,380 અને ગમે તે વપરાશકર્તા સાઇન લખ્યો ની કિંમત 717 00:43:01,380 --> 00:43:06,270 હવે અમે આ HTTP વિનંતિ કરી છે, અમારા PHP ફાઈલ એક્ઝિક્યુટ છે, 718 00:43:06,270 --> 00:43:11,480 અને તે માટે અમુક માહિતી પાછા ક્લાઈન્ટ કે જે હમણાં જ આ વિનંતી કરી હતી હવે મોકલી રહ્યું છે. 719 00:43:11,480 --> 00:43:15,220 હવે અમે ગમે તે સર્વર અમને જણાવ્યું હતું કે પ્રતિભાવ આપવા માટે જરૂર છે. 720 00:43:15,220 --> 00:43:20,180 આમ કરવા માટે કે જે આપણે આ છેલ્લા અહીં મિલકત સફળતા કહેવાય છે. 721 00:43:20,180 --> 00:43:24,240 આ સફળતાને કી મૂલ્ય વાસ્તવમાં એક કાર્ય પ્રયત્ન રહ્યું છે, 722 00:43:24,240 --> 00:43:26,910 અને આ એક ખરેખર ઠંડી વસ્તુઓ તમે જાવાસ્ક્રિપ્ટ સાથે કરી શકો છે. 723 00:43:26,910 --> 00:43:31,720 માત્ર તમે એક સમૂહનો એરે ની કિંમત અંદર તરીકે ints અથવા એરે હોઇ શકે છે, 724 00:43:31,720 --> 00:43:34,170 અમે પણ કાર્ય કરી શકે છે. 725 00:43:34,170 --> 00:43:36,380 સફળતા કહેતા દ્વારા તેથી, આ મારા ચાવી છે. 726 00:43:36,380 --> 00:43:38,830 એક કોલોન અહીં કહે છે કે કિંમત આવે છે, 727 00:43:38,830 --> 00:43:41,810 અને હવે આ કિંમત ખરેખર એક કાર્ય છે. 728 00:43:41,810 --> 00:43:44,460 તેથી અમે આ કાર્ય સે દીઠ એક નામ આપો જરૂર નથી. 729 00:43:44,460 --> 00:43:48,820 અમે હમણાં જ કહેવું આ અમુક કાર્ય પ્રયત્ન રહ્યું છે કરી શકો છો. તે માટે 1 દલીલ લઇ રહ્યું છે. 730 00:43:48,820 --> 00:43:51,190 આ કાર્ય કરવા માટે દલીલ થઇ રહ્યું છે 731 00:43:51,190 --> 00:43:54,460 સર્વર ગમે અમને વિનંતી માંથી પાછા મોકલવામાં આવે છે. 732 00:43:54,460 --> 00:43:57,750 જસ્ટ ગમે છે જ્યારે અમારા બ્રાઉઝર વિનંતી કરે છે, સર્વર કંઈક પાછું મોકલે છે 733 00:43:57,750 --> 00:43:59,060 અને બ્રાઉઝર તે દર્શાવે છે, 734 00:43:59,060 --> 00:44:03,030 AJAX સંદર્ભમાં અમે માત્ર એક વિનંતી કરવામાં, સર્વર કંઈક પરત મોકલવામાં, 735 00:44:03,030 --> 00:44:07,110 અને હવે અમે તે શબ્દમાળા તરીકે રજૂ છે. 736 00:44:07,110 --> 00:44:11,280 કે જેઓ શબ્દમાળા સાથે હું માત્ર પાનાં પર કે પ્રદર્શિત કરવા માંગો છો. 737 00:44:11,280 --> 00:44:14,040 આમ કરવા માટે કે હું એક છેલ્લા પસંદગીકાર હોય જાઉં છું. 738 00:44:14,040 --> 00:44:17,570 હું ID ને કિંમત સાથે તત્વ પસંદ કરો. 739 00:44:17,570 --> 00:44:20,710 આ માત્ર એક ખાલી div કે હું પૃષ્ઠ પર બનાવેલ છે, 740 00:44:20,710 --> 00:44:26,640 અને હું કે જે પ્રયત્ન ગમે તે સર્વર અમને મોકલવામાં પાછા div સમાવિષ્ટો સેટ કરવા માંગો છો. 741 00:44:26,640 --> 00:44:30,280 હું ખરેખર quote.php થોડી ફેરફાર કર્યો છે. 742 00:44:30,280 --> 00:44:33,460 >> ઊલટાનું રેન્ડર ફોન અને કેટલાક પાનું રેન્ડર કરતાં, 743 00:44:33,460 --> 00:44:38,100 quote.php હવે બસ એક શબ્દમાળા તરીકે સ્ટોકના કિંમત છાપી રહ્યું છે. 744 00:44:38,100 --> 00:44:41,880 તેથી જો તમે વાસ્તવમાં પૃષ્ઠની મુલાકાત લો, તો તમે માત્ર કે નાના શબ્દમાળા જોઈ શકશે 745 00:44:41,880 --> 00:44:45,030 ગમે તે શેરની કિંમત છે. 746 00:44:45,030 --> 00:44:50,170 એક છેલ્લા વસ્તુ અમે અહીં જરૂર માત્ર ખાતરી કરો કે આ કાર્ય ખોટા આપે બનાવવા આવે છે. 747 00:44:50,170 --> 00:44:53,560 આ કહે છે કે જો હું એક ઇવેન્ટ સંભાળનાર ની અંદર છું 748 00:44:53,560 --> 00:44:57,300 અને તે ઘટના સંભાળનાર સાચું પરત બદલે ખોટા આપે, 749 00:44:57,300 --> 00:45:01,510 કે અર્થ એ થાય કે હું મૂળ ગોળીબાર ઘટના નથી માંગતા. 750 00:45:01,510 --> 00:45:05,270 આ કિસ્સામાં, જો અમે કોઈ જાવાસ્ક્રિપ્ટ ન હતો અને અમે ફોર્મ સબમિટ કરો, 751 00:45:05,270 --> 00:45:08,280 અમારા વેબ બ્રાઉઝર જેમ કે, "હું કે માહિતી સાથે મોકલી જાઉં છું," રહ્યું છે 752 00:45:08,280 --> 00:45:10,130 અને તેઓ તમને બીજા પૃષ્ઠ પર મોકલી રહ્યા છીએ. 753 00:45:10,130 --> 00:45:14,360 કારણ કે અમે AJAX ઉપયોગ કરી રહ્યાં છો, હવે, ત્યાં કોઈ અન્ય પાનું વપરાશકર્તા મોકલી જરૂર નથી. 754 00:45:14,360 --> 00:45:17,920 અમે માત્ર પરિણામો આ જ પેજ પર ગતિશીલ પ્રદર્શિત રહ્યા છીએ. 755 00:45:17,920 --> 00:45:21,460 અમે ખરેખર તેમને ગમે ત્યાં જાઓ નહિં માંગો, તો અને હું તે જ પૃષ્ઠ પર રહો. 756 00:45:21,460 --> 00:45:27,060 જેથી ખોટા પાછા, અમે ખાતરી કરો કે જે સ્વરૂપ છે જે આપણા માટે કરતું નથી. 757 00:45:27,060 --> 00:45:31,170 ચાલો આ શું ખરેખર જેવું દેખાય પર એક નજર. 758 00:45:31,170 --> 00:45:34,180 અમારા ક્વોટ પાનું એ જ દેખાય છે. 759 00:45:34,180 --> 00:45:37,240 મને જે નિરીક્ષક નીચે અહીં ખેંચો જેથી અમે જોઈ શકો છો શું થઈ રહ્યું છે તે. 760 00:45:37,240 --> 00:45:40,270 તે ઓછી થોડું વિશાળ બનાવો. 761 00:45:40,270 --> 00:45:44,590 યાદ રાખો કે જો અમે નેટવર્ક ટેબ ખોલો, આ છે જ્યાં અમે HTTP અરજીઓને તમામ જોઈ શકો છો 762 00:45:44,590 --> 00:45:47,570 તે પૃષ્ઠ પર ચાલી રહ્યું છે. 763 00:45:47,570 --> 00:45:52,890 >> પ્રતીક માટે દો મને AAPL લખો અને પ્રત્યક્ષ મેળવો ક્લિક કરો. 764 00:45:52,890 --> 00:45:56,720 હવે અમે જોયું છે કે એપલે એક શેર ડોલર કેટલાક નંબર ખર્ચ 765 00:45:56,720 --> 00:46:00,410 ફક્ત પૃષ્ઠ પર દેખાય છે, પરંતુ તે URL બધા બદલી ન હતી. 766 00:46:00,410 --> 00:46:04,570 હકીકતમાં, અહીં HTTP વિનંતિ છે કે અમે માત્ર બનાવવામાં આવે છે. 767 00:46:04,570 --> 00:46:09,980 અમે quote.php માટે POST વિનંતી કરી હતી. તે અર્થમાં બનાવે છે. 768 00:46:09,980 --> 00:46:12,800 આ સર્વર શું અમને મોકલવામાં નહીં. 769 00:46:12,800 --> 00:46:16,320 તે લાંબા સમય સુધી છબીઓ અને તે જેવી વસ્તુઓ સાથે આ કદાવર HTML દસ્તાવેજ છે, 770 00:46:16,320 --> 00:46:20,920 તે માત્ર લખાણ એક વાક્ય છે, અને પછી અમે માત્ર લખાણ લીટી પ્રદર્શિત થાય છે. 771 00:46:20,920 --> 00:46:26,290 જો અમે હેડરો પર પાછા જાઓ અને જુઓ અમે શું કરીએ ખરેખર આ HTTP વિનંતિ ની અંદર મોકલ્યો, 772 00:46:26,290 --> 00:46:33,950 અમે નીચે અહીં જુઓ કે અમે પ્રતીક અને AAPL ની કિંમત એક કી સાથે મોકલી શકો છો, 773 00:46:33,950 --> 00:46:36,430 કે જે વપરાશકર્તા શું સાઇન લખ્યો 774 00:46:36,430 --> 00:46:39,230 આ સરસ છે, પરંતુ તે હજુ થોડો નકામી. 775 00:46:39,230 --> 00:46:42,490 હું હજુ પણ આ બટન ક્લિક કરો સ્ટોક ક્વોટ વિચાર છે. 776 00:46:42,490 --> 00:46:45,880 અમે વ્યસ્ત લોકો છો અને અમે બટનો પર ક્લિક કરો સમય નથી. 777 00:46:45,880 --> 00:46:49,910 Google આ થોડો સમય પહેલા ભાન જ્યારે તેઓ Google ઇન્સ્ટન્ટ અમલમાં મૂકી. 778 00:46:49,910 --> 00:46:53,590 Google ઝટપટ કરે છે શું છે જેમ તમે ટાઇપ કરી રહ્યા છે તે માત્ર તમારા માટે પરિણામો દર્શાવી શરૂ થાય છે 779 00:46:53,590 --> 00:46:56,520 તેથી તમારે પણ શોધો ક્લિક ચિંતા નથી. 780 00:46:56,520 --> 00:46:58,730 ખરેખર, એક મજા વાર્તા સાથે સંબંધિત. 781 00:46:58,730 --> 00:47:01,100 એકવાર Google ઝટપટ બહાર આવ્યા, લોકો જેવા હતા, "સાંભળો, આ સુપર આકર્ષક છે." 782 00:47:01,100 --> 00:47:02,540 "આ તેથી સરસ છે." 783 00:47:02,540 --> 00:47:05,950 અને સ્ટેનફોર્ડ ખાતે વિદ્યાર્થી નીચે જેઓ તે સમયે 19 હતી 784 00:47:05,950 --> 00:47:09,000 આ YouTube ઇન્સ્ટન્ટ કહેવાય સાઇટ કરી હતી. 785 00:47:09,000 --> 00:47:13,170 તમામ YouTube ઇન્સ્ટન્ટ અસરકારક છે નથી YouTube તરત શોધો. 786 00:47:13,170 --> 00:47:17,020 તેથી તેના બદલે માટે YouTube.com અને શોધ ફટકો જાઓ કર્યા કરતાં, 787 00:47:17,020 --> 00:47:21,650 હું જ્યારે CS50 જેવા YouTube ઇન્સ્ટન્ટ કંઈક માં લખીને શરૂ 788 00:47:21,650 --> 00:47:25,320 અમે અહીં જુઓ કે તે ધીમા ઇન્ટરનેટ કનેક્શન પર કરવાનો પ્રયાસ છે શકે છે 789 00:47:25,320 --> 00:47:28,500 રચના આ પરિણામો રહે છે. 790 00:47:28,500 --> 00:47:35,590 આમ કરવા માટે છે કે અમે ખરેખર ખૂબ જ સરળ અમારા quote.js ફાઈલમાં ફેરફાર કરી શકો છો. 791 00:47:35,590 --> 00:47:40,900 હમણાં અમે આ ઘટના જોડી રહ્યાં છો ત્યારે ફોર્મ સબમિટ છે. 792 00:47:40,900 --> 00:47:43,760 અમે ખરેખર બનાવવા માટે વપરાશકર્તા કે જેણે ફોર્મ હવે સબમિટ કરવા નથી માંગતા, 793 00:47:43,760 --> 00:47:48,570 તેથી આપણે તેને બદલે આ ઘટના દર વખતે વપરાશકર્તાને કી દબાવીને ગોળીબાર. 794 00:47:48,570 --> 00:47:53,200 આમ કરવા માટે કે લેટ્સ પ્રથમ keyup સબમિટ ના ઘટના બદલો. 795 00:47:53,200 --> 00:47:55,740 કે રાહ ફોર્મ સબમિટ બદલે તેનો અર્થ એ કે, 796 00:47:55,740 --> 00:47:58,490 દર વખતે કી દબાવવામાં આવે, કંઈક થવાનું છે. 797 00:47:58,490 --> 00:48:02,030 તે લાંબા સમય સુધી અર્થમાં બનાવે સમગ્ર સ્વરૂપ આ keyup ઘટના સાથે જોડે છે. 798 00:48:02,030 --> 00:48:05,080 અમે ખરેખર માત્ર તે શોધ બોક્સ વિશે કાળજી. 799 00:48:05,080 --> 00:48:09,320 >> પસંદ કરવા માટે હવે, અમે આ પ્રયત્ન કરવા માટે ફોર્મ-ક્વોટ જગ્યાએ બદલી શકો છો, 800 00:48:09,320 --> 00:48:14,220 ફોર્મ-ક્વોટ અને અમે ઇનપુટ હોય (= લખાણ લખો) અથવા પડશે અમે (= પ્રતીક નામ) કહે શકે - 801 00:48:14,220 --> 00:48:16,420 ગમે અમે માંગો છો. 802 00:48:16,420 --> 00:48:18,650 હવે ત્યાં એક છેલ્લા વસ્તુ અમે કરવા છે. 803 00:48:18,650 --> 00:48:21,190 નીચે અહીં યાદ રાખો જ્યારે અમે વળતર ખોટા જણાવ્યું 804 00:48:21,190 --> 00:48:24,370 અમે કહ્યું હતું કે અમે તે મૂળભૂત ઘટના ગોળીબાર નથી માંગતા. 805 00:48:24,370 --> 00:48:26,390 પરંતુ તે માત્ર જેથી બને છે જો અમે કે જે હવે નિષ્ક્રિય કરવા માટે, 806 00:48:26,390 --> 00:48:29,660 ગમે અમે લખો માટે બ્રાઉઝરમાં જોવા હવે નથી રહ્યું છે 807 00:48:29,660 --> 00:48:33,000 કારણ કે તે એક લખાણ બોક્સમાં લખીને ની મૂળભૂત વર્તણૂક હશે. 808 00:48:33,000 --> 00:48:38,660 અમે લાંબા સમય સુધી ફરીથી લખવા કે, તેથી આપણે આ વળતર ખોટા નાશ કરવા માંગો છો. 809 00:48:38,660 --> 00:48:44,800 જો આપણે એ સાચવો અને પૃષ્ઠને ફરીથી લોડ કરો, હવે જ્યારે હું AAPL લખીને શરૂ 810 00:48:44,800 --> 00:48:50,160 તમે જોશો કે અહીં તળિયે સ્ટોક કિંમત આપોઆપ પૂર્ણ છે. 811 00:48:50,160 --> 00:48:53,150 તેથી અહીં CS50 ફાયનાન્સ ઇન્સ્ટન્ટ છે. 812 00:48:53,150 --> 00:48:55,860 ખરેખર, YouTube ઝટપટ વિશે એક મજા વાર્તા 813 00:48:55,860 --> 00:48:59,420 છે કે વિદ્યાર્થી માત્ર પ્રકારની તે પ્રોજેક્ટ 1-રાત તરીકે લખ્યું હતું, 814 00:48:59,420 --> 00:49:03,800 અને બીજા દિવસે તે YouTube સીઇઓ દ્વારા નોકરી ઓફર કરવામાં આવી હતી. 815 00:49:03,800 --> 00:49:10,610 જેથી જે સરળ, તમે CS50 વિદ્યાર્થીઓ, તમારી અંતિમ પ્રોજેક્ટ્સ તમે YouTube પર નોકરી મેળવી શકો છો. 816 00:49:10,610 --> 00:49:14,720 કે કંઈક અંતિમ પ્રોજેક્ટ માટે ખરેખર ઠંડી વિચાર છે અધિકાર? 817 00:49:14,720 --> 00:49:18,170 અમે કેટલાક હાલના વિધેય કે અમે સાથે સંકલિત ઇચ્છતા હતા. 818 00:49:18,170 --> 00:49:20,330 અમે વપરાશકર્તા અનુભવ થોડો સુધારો, 819 00:49:20,330 --> 00:49:24,340 અને અચાનક YouTube ઇન્સ્ટન્ટ પર કંઈક શોધ ઘણો સરળ હોઈ શકે છે 820 00:49:24,340 --> 00:49:27,290 કરતાં નિયમિત YouTube પર તેની શોધ. 821 00:49:27,290 --> 00:49:30,790 જેથી ટૂંકમાં જોઇએ AJAX છે. 822 00:49:30,790 --> 00:49:34,860 >> ઉદાહરણો કે જોસેફ રહ્યું હતું, અમે autocompletes ઘણો થયો, 823 00:49:34,860 --> 00:49:39,250 અને તે autocompletes ખરેખર, ખરેખર સરળ છે કારણ કે અમે યાદ નથી - 824 00:49:39,250 --> 00:49:41,770 ઉદાહરણ તરીકે, જો તમે એપલ માટે શેરની કિંમત યાદ નથી 825 00:49:41,770 --> 00:49:45,110 અને અમે જાણીએ છીએ કે તે માત્ર આ કંઈક ફક્ત મને કહ્યું બદલે છે, 826 00:49:45,110 --> 00:49:48,740 "આ વસ્તુ એક શેર આ ખૂબ પૈસા ખર્ચ," 827 00:49:48,740 --> 00:49:52,540 હું પ્રકારની જાણવા શેરોમાં શું આ સાથે પ્રારંભ કરવા માંગો છો. 828 00:49:52,540 --> 00:49:58,340 અમે કે બુટસ્ટ્રેપ લાઈબ્રેરી કે જે પહેલાથી જ સમાવવામાં આવે છે તે જ સાથે ખરેખર સરસ રીતે કરી શકે છે 829 00:49:58,340 --> 00:50:01,380 અંદર CS50 ફાઇનાન્સ. 830 00:50:01,380 --> 00:50:09,390 જો તમે અહીં આવે છે અને JavaScript ટેગ માટે અને Typeahead સુધી સરકાવો, 831 00:50:09,390 --> 00:50:13,730 આ માત્ર એક સરસ પ્લગઇન છે કે જે કોઈકને પહેલાથી જ આપણા માટે લખ્યું છે, 832 00:50:13,730 --> 00:50:16,980 અને અમે સરળતાથી આ જેવા તેના વિધેય વાપરી શકો છો. 833 00:50:16,980 --> 00:50:21,410 હું એ માં લખ્યો અને અહીં કેટલાક કહે છે કે એ સાથે શરૂ યાદી છે 834 00:50:21,410 --> 00:50:25,360 હવે કહો કે મને લાગે છે કે આ ખરેખર સરસ છે અને તે મને મારા પૃષ્ઠ પર આ સમાવેશ થાય છે માટે સમય છે. 835 00:50:25,360 --> 00:50:28,300 તે તારણ છે કે આ ખરેખર, ખરેખર સરળ છે. 836 00:50:28,300 --> 00:50:32,810 ચાલો પર quote3.js અહીં કૂદકો. 837 00:50:34,890 --> 00:50:37,380 મારા ફાઈલ થોડુંક અલગ દેખાય છે. 838 00:50:37,380 --> 00:50:39,700 નીચે અહીં મારા AJAX સામગ્રી બધી જ છે. 839 00:50:39,700 --> 00:50:43,170 હું બીજા પૃષ્ઠ પર જાઓ કર્યા વગર સ્ટોક માહિતી લોડ કરવા માંગો છો. 840 00:50:43,170 --> 00:50:46,220 પરંતુ હવે હું આ પ્લગઇન ઉપયોગ કરવા માંગો છો. 841 00:50:46,220 --> 00:50:51,020 આ બુટસ્ટ્રેપ દસ્તાવેજીકરણ બરાબર હું કેવી રીતે કરી શકો છો કે જે મહાન ઉદાહરણો છે. 842 00:50:51,020 --> 00:50:54,350 , હું કહેવા માંગો છો કે "અહીં ઇનપુટ કે હું પર સ્વયંપૂર્ણ કરવા માંગો છો છે," 843 00:50:54,350 --> 00:50:56,640 અને હું આ typeahead કહેવાય કાર્ય કૉલ જાઉં છું, 844 00:50:56,640 --> 00:50:59,730 અને તે અમને માટે Typeahead સામગ્રી તમામ હેન્ડલ બનશે. 845 00:50:59,730 --> 00:51:02,090 તે યાદી પ્રારંભ કરશે, તે અમારી ફિલ્ટરિંગ તમામ કરશે. 846 00:51:02,090 --> 00:51:06,680 આ જ વસ્તુ તે જાણવા માટે જરૂર છે દશાંશ માહિતી શું આપણે autocompleting કરી રહ્યાં છો. 847 00:51:06,680 --> 00:51:10,480 તેથી હું દસ્તાવેજીકરણ વાંચન અને ઉદાહરણો જોઈને માત્ર આ કી મળી નથી. 848 00:51:10,480 --> 00:51:14,150 જો હું તે સ્ત્રોત એક કી, આ કી ની કિંમત આપી 849 00:51:14,150 --> 00:51:17,770 માત્ર કેટલીક બાબતો એરે હું પર સ્વયંપૂર્ણ માંગો. 850 00:51:17,770 --> 00:51:20,180 આ ચલ આ બીજી ફાઇલ હતી. 851 00:51:20,180 --> 00:51:23,400 હું symbols.js ખોલો. 852 00:51:23,400 --> 00:51:27,980 >> આ symbols.js ફક્ત આ ખરેખર, ખરેખર મોટી શબ્દમાળાઓ સમાવતા એરે છે 853 00:51:27,980 --> 00:51:32,080 નાસ્ડેક આ સ્ટોક પ્રતીકોમાં બધી. 854 00:51:32,080 --> 00:51:42,190 જો હું તે HTML, તેથી jharvard, vhosts, globalhost, html, ટેમ્પલેટો પાછા કૂદકો માંગો છો, 855 00:51:42,190 --> 00:51:45,820 quote_form. 856 00:51:45,820 --> 00:51:50,910 કારણ કે હવે quote3.js કહેવાય છે દો, મને જાવાસ્ક્રિપ્ટ ફાઈલ હું અહીં સમાવેશ કરી રહ્યો છું બદલો. 857 00:51:50,910 --> 00:51:55,110 હવે હું quote3.js હોય છે, તેથી હું જે અલગ જાવાસ્ક્રિપ્ટ ફાઈલ માં લોડ જાઉં છું, 858 00:51:55,110 --> 00:51:57,910 એક કે જે બુટસ્ટ્રેપ સ્વયંપૂર્ણ છે. 859 00:51:57,910 --> 00:52:04,430 હવે જ્યારે હું બ્રાઉઝર પર પાછા આવો, પૃષ્ઠને ફરીથી લોડ કરો, અને હું આ ટાઇપિંગ શરૂ કરો, 860 00:52:04,430 --> 00:52:06,880 ત્યાં મારી સ્વયંપૂર્ણ છે. અને તે ખરેખર હતી કે સરળ હોય છે. 861 00:52:06,880 --> 00:52:11,400 હું કોડ રેખા 1, કે જે હમણાં જ કહ્યું હતું કે "અહીં હું વસ્તુઓ પર સ્વયંપૂર્ણ કરવા માંગો છો છે," 862 00:52:11,400 --> 00:52:16,590 અને અચાનક હું પ્રયાસ સમગ્ર નથી બધા લોટ સાથે આ ખરેખર, ખરેખર સરસ વિધેય હોય છે. 863 00:52:16,590 --> 00:52:19,810 જેમ તમે વેબસાઇટ્સ અને ખાસ કરીને વસ્તુઓ આગળના ઓવરને બાજુ વિકાસ કરી રહ્યાં છો, 864 00:52:19,810 --> 00:52:21,840 તમે શોધવા આ કેસ ઘણો છે જઈ રહ્યાં છો. 865 00:52:21,840 --> 00:52:25,700 ત્યાં ખૂબ, લોટ ત્યાં આઉટ ખરેખર ઠંડી મફત લાઇબ્રેરીઓ ઘણું છે 866 00:52:25,700 --> 00:52:30,190 કે તેને આ કરવા જેવી વસ્તુઓ સરળ સુપર. 867 00:52:30,190 --> 00:52:37,230 કોઈને માત્ર પ્રતીકો આ વિશાળ યાદી પર autocompleting કોઇ ખામી વિચાર કરી શકો છો? 868 00:52:37,230 --> 00:52:41,580 શું જે કશુંક શ્રેષ્ઠ આ અભિગમ સાથે નથી હોઈ શકે છે? 869 00:52:42,790 --> 00:52:45,960 યાહ. >> [વિદ્યાર્થી] ટાઇમ, જો તમે [અશ્રાવ્ય] ઘણાં હોય છે 870 00:52:45,960 --> 00:52:50,420 યાહ. હમણાં અમે આ વિશાળ જાવાસ્ક્રિપ્ટ ફાઈલ ડાઉનલોડ કરી રહ્યાં છે અને ત્યાં પ્રતીકો ઘણું. 871 00:52:50,420 --> 00:52:54,360 અને તેથી જો આપણે સામગ્રી એક ટન છે, આ પ્રકારની કરી શકે શોધ માત્ર નથી લેટન્સીના વધારો 872 00:52:54,360 --> 00:52:56,600 પણ વાસ્તવિક ફાઇલ ડાઉનલોડ. 873 00:52:56,600 --> 00:52:58,670 સરસ. બીજું કંઇ? 874 00:53:01,950 --> 00:53:05,280 હમણાં ત્યાં અનુરૂપતા કોઈ વાસ્તવિક અર્થમાં છે. 875 00:53:05,280 --> 00:53:08,190 જો હું એ, કંપનીઓ અહીં બતાવવામાં લખો 876 00:53:08,190 --> 00:53:11,220 પ્રયત્ન સૌથી લોકપ્રિય કંપનીઓ છે કે જે એ સાથે શરૂ ન શકે 877 00:53:11,220 --> 00:53:17,130 >> પહેલાં હું એપલ મેળવવા, તે કેટલાક વધુ પાત્રો લેવા શોધવા હું શું શોધી રહ્યો છું શકે છે. 878 00:53:17,130 --> 00:53:20,420 આ સ્વયંપૂર્ણ અનુરૂપતા આ અર્થમાં નથી. 879 00:53:20,420 --> 00:53:24,400 તે માત્ર કહેવું, ચાલી રહ્યું છે "એનીથિંગ કે સાથે બંધબેસે હું પ્રદર્શિત કરવા માટે જઈ રહ્યો છું." 880 00:53:24,400 --> 00:53:30,510 કે બદલે, હું કંઇ મારા શોધ કેટલાક સુસંગતતા સંકલિત ગમશે. 881 00:53:30,510 --> 00:53:36,440 જો હું ઉપર અહીં જાઓ યાહૂ! ફાઇનાન્સ માટે finance.yahoo.com, 882 00:53:36,440 --> 00:53:42,100 જો હું યાહુ હિસ્સો ફાયનાન્સ પાનાં પર પ્રતીક દાખલ કરવાનો પ્રયાસ કરો 883 00:53:42,100 --> 00:53:52,310 અને હું GOOG ટાઇપિંગ શરૂ કરો, હું વસ્તુઓ આ સરસ યાદી હોય છે. 884 00:53:52,310 --> 00:53:57,100 સ્પષ્ટ રીતે, લાગે છે કે યાહૂ! ફાઇનાન્સ આવું છે હોંશિયાર અહીં વધુ. 885 00:53:57,100 --> 00:53:59,790 તેઓ કેટલાક સુસંગતતા ધરાવે છે અને તેઓ પણ વધારાની જાણકારી હોય છે 886 00:53:59,790 --> 00:54:01,430 સ્ટોક નું નામ જેમ. 887 00:54:01,430 --> 00:54:05,850 કે કંઈક કે હું ખરેખર માત્ર મારા પ્રતીકો સ્ટોક યાદી સાથે ન મળી શકે છે. 888 00:54:05,850 --> 00:54:09,520 હું આ કરવા માંગો છો અને તેથી હું તેને લેવા જાઉં છું. 889 00:54:09,520 --> 00:54:11,790 આમ કરવા માટે કે ચાલો અમુક વસ્તુઓ નથી. 890 00:54:11,790 --> 00:54:15,580 ચાલો પ્રથમ આ પૃષ્ઠ પર નિરીક્ષક ખોલવા 891 00:54:15,580 --> 00:54:18,100 કારણ કે અમે જોયું છે કે આ પાનું બધા પર ફરીથી લોડ થયેલ છે, 892 00:54:18,100 --> 00:54:21,960 તેથી તે કદાચ AJAX છે કોઈક મદદથી તેની માહિતી લોડ કરી શકાય છે. 893 00:54:21,960 --> 00:54:23,920 અમે શોધવા માહિતી તે લોડ છે કરી શકો છો. 894 00:54:23,920 --> 00:54:28,390 જો હું આ નેટવર્ક ટેબ પર ક્લિક કરો, આ અરજીઓ કે જે ઉત્તેજિત કરી શરૂ તમામ હશે આવે છે. 895 00:54:28,390 --> 00:54:34,020 હવે જો હું ગૂ લખો, અમે જોઈ શકે છે કે હું હમણાં જ નવો HTTP વિનંતિ મળી. 896 00:54:34,020 --> 00:54:37,490 આ સંભવિત છે કે જ્યાં દશાંશ માહિતી આવતા હોય છે. 897 00:54:37,490 --> 00:54:41,990 પૂરતી ખાતરી છે કે, જો હું આ URL, કે જે strangely નામ આપવામાં આવ્યું છે બીટ જોવા 898 00:54:41,990 --> 00:54:46,930 અમે જોઈ શકે છે કે આ બરાબર છે જ્યાં યાહૂ બોલ મોકલી રહ્યું છે તેની માહિતી. 899 00:54:46,930 --> 00:54:53,400 >> હું એક અલગ suggest.php તરીકે ઓળખાતી ફાઈલ કે જે ખૂબ ભાવના માં લૂકઅપ કાર્ય માટે સમાન છે બનાવી છે. 900 00:54:53,400 --> 00:54:57,730 તે વાસ્તવમાં માટે યાહૂ URL એ ક્વેરી કરી રહ્યા છે, પાછા અમુક માહિતી મેળવવા માટે, 901 00:54:57,730 --> 00:54:59,750 અને મને તે પાછું મોકલો. 902 00:54:59,750 --> 00:55:02,570 હવે, તેના બદલે આ મોટું, પ્રતીકો વિશાળ યાદી વાપરવા કરતાં, 903 00:55:02,570 --> 00:55:05,280 હું યાહૂ સરસ સુસંગતતા વસ્તુઓ વાપરી શકો છો, 904 00:55:05,280 --> 00:55:08,150 અને હું કે વ્યાપક જાવાસ્ક્રિપ્ટ ફાઈલ ડાઉનલોડ કરવાની જરૂર નથી. 905 00:55:08,150 --> 00:55:12,040 હું ફક્ત નીચે ખરેખર સંબંધિત સ્ટોક પ્રતીકોમાં ખેંચી જઇ રહ્યો છું. 906 00:55:12,040 --> 00:55:13,960 ચાલો કે કાર્યમાં કૂદી પડું. 907 00:55:13,960 --> 00:55:17,360 તેથી html, js. અમે quote4 હવે છો. 908 00:55:17,360 --> 00:55:22,120 હવે અમે લાંબા સમય સુધી જાવાસ્ક્રિપ્ટ ફાઈલો છે કે જે મોટી યાદી ઉપયોગ કરી રહ્યાં છો. 909 00:55:22,120 --> 00:55:24,430 પરંતુ ત્યાં ડિઝાઈન સમસ્યા નાના પ્રકારની અહીં છે. 910 00:55:24,430 --> 00:55:28,200 અમે કહ્યું છે કે આ AJAX એક અસુમેળ છે. 911 00:55:28,200 --> 00:55:31,000 કે અર્થ એ છે કે જ્યારે હું એક AJAX વિનંતિ કરવા માટે, 912 00:55:31,000 --> 00:55:36,490 તેથી અહીં 8 વાક્ય પર, આ છે જ્યાં મારા AJAX વિનંતી ખરેખર પકવવામાં આવે છે. 913 00:55:36,490 --> 00:55:40,370 હવે કહો કે હવે હું અમુક કોડ નીચે અહીં હોય કે જે અમુક સામગ્રી કરવા જઇ રહ્યો છે 914 00:55:40,370 --> 00:55:43,930 અથવા પાનાં પર બદલો કંઈક વપરાશકર્તા સજાગ ગમે છે. 915 00:55:43,930 --> 00:55:49,830 શું ન જવું છે તે જ બ્રાઉઝર આ વિનંતી કરવા માટે રાહ જુઓ અને ચાલુ રાખવા માટે નથી જઈ રહ્યા 916 00:55:49,830 --> 00:55:53,480 પહેલા આવતા અને આ રેખા ફટકા. 917 00:55:53,480 --> 00:55:55,900 કે અસુમેળ ભાગ છે. 918 00:55:55,900 --> 00:55:58,400 તે આ વિનંતી કરવા માટે બનાવવા અને કહે છે, "જ્યારે પણ તમે સમાપ્ત ચાલી રહ્યું છે, 919 00:55:58,400 --> 00:56:03,080 "પાછા આવો અને જે કાર્ય કે હું તમે કહ્યું હતું કે સફળતા ની અંદર કૉલ કરો." 920 00:56:03,080 --> 00:56:07,300 તેનો અર્થ એ કે અમે ફક્ત તમામ શેરોમાં પહેલાંથી નથી ડાઉનલોડ કરી શકો છો. 921 00:56:07,300 --> 00:56:10,300 અમે વિનંતી કરી છે અને પાછા આવો કંઈક માટે રાહ જરૂર છે. 922 00:56:10,300 --> 00:56:13,330 કે જે પહેલાં અર્થ થાય છે, અમે માત્ર બુટસ્ટ્રેપ કહેવું શકે છે, 923 00:56:13,330 --> 00:56:15,580 "અહીં વસ્તુઓ યાદીમાં હું સ્વયંપૂર્ણ માટે તમે કરવા માંગો છો છે." 924 00:56:15,580 --> 00:56:18,950 અમે લાંબા સમય સુધી કે હવે શું કરી શકો છો કારણ કે અમે જાણતા નથી 925 00:56:18,950 --> 00:56:21,780 અમે ખરેખર શું સ્વયંપૂર્ણ કરવા માંગો છો. 926 00:56:21,780 --> 00:56:25,190 સદભાગ્યે, બુટસ્ટ્રેપ આ વિચાર કારણ કે તે ત્યાં પર સ્માર્ટ ગાય્સ છે, 927 00:56:25,190 --> 00:56:30,160 અને તેઓ ખરેખર અમને બીજી આ Typeahead પ્લગઇન લોડ રસ્તો કરી આપ્યો. 928 00:56:30,160 --> 00:56:35,630 પહેલાં, આ સ્રોત મિલકતની કિંમત માત્ર વસ્તુઓ આ મોટું પર સ્વયંપૂર્ણ માટે એરે હતી. 929 00:56:35,630 --> 00:56:39,580 >> હવે સ્ત્રોત મિલકત ખરેખર એક કાર્ય છે, 930 00:56:39,580 --> 00:56:44,580 અને આ કાર્ય હેતુ માટે આકૃતિ પર સ્વયંપૂર્ણ માટે વસ્તુઓ શું છે. 931 00:56:44,580 --> 00:56:48,730 જે રીતે તે જે આકૃતિ રહ્યું છે તે માટે યાહૂ! ફાઇનાન્સ પૂછી રહ્યું છે 932 00:56:48,730 --> 00:56:51,750 સ્વત: પૂર્ણ કરવા માટે શ્રેષ્ઠ વસ્તુઓ શું છે. 933 00:56:51,750 --> 00:56:54,500 આમ કરવા માટે કે હું ખૂબ જ સમાન AJAX વિનંતિ કરવા જાઉં છું. 934 00:56:54,500 --> 00:56:59,010 હું suggest.php આ પાનું વિનંતી જાઉં છું. 935 00:56:59,010 --> 00:57:01,360 હું પ્રતીકો સાથે હજુ પણ મોકલવા માંગો છો. 936 00:57:01,360 --> 00:57:05,570 અને હવે મારી સફળતા માટે, બુટસ્ટ્રેપ દસ્તાવેજીકરણ મને કહ્યું 937 00:57:05,570 --> 00:57:09,130 કે ક્રમમાં વસ્તુઓ છે કે જે યાદી બનાવવા, 938 00:57:09,130 --> 00:57:14,370 બધા મને જરૂર આ એરે પાસ છે હવે કૉલબૅક કાર્ય છે. 939 00:57:14,370 --> 00:57:15,660 પરંતુ એક મિનિટ રાહ જુઓ. 940 00:57:15,660 --> 00:57:20,240 જો આ એક એરે હશે તેવું માનવામાં આવે છે અને એજેક્સ મને મોકલી રહ્યું છે પાછા લખાણ, 941 00:57:20,240 --> 00:57:22,720 કે કેવી રીતે શક્ય છે? 942 00:57:22,720 --> 00:57:27,910 આ JSON કહેવાય માહિતી આપલે એક નવો રસ્તો પરિચય આપે છે. 943 00:57:27,910 --> 00:57:33,000 આ કિસ્સામાં અમે પાછા નહીં લખાણ એ સાદી શબ્દમાળા મોકલી રહ્યાં છો. 944 00:57:33,000 --> 00:57:37,670 હવે અમે સ્ટોક પ્રતીકોમાં આ વધુ જટિલ યાદી સાથે કામ કરીએ છીએ. 945 00:57:37,670 --> 00:57:41,730 આ સ્ટોક પ્રતીકોમાં પણ કંપનીના નામ અથવા વર્તમાન ભાવમાં જેવી વસ્તુઓ સમાવેશ થાય છે. 946 00:57:41,730 --> 00:57:47,550 ફક્ત એક મોટું લાંબા શબ્દમાળા કે જે કોઈપણ ધારી રીતે ફોર્મેટ છે મદદથી 947 00:57:47,550 --> 00:57:51,970 છે જવાનું ન શ્રેષ્ઠ માતાનો યાહૂ સર્વરમાંથી આ માહિતી મને રસ્તો છે 948 00:57:51,970 --> 00:57:54,540 એક રીતે તે મને સરળતાથી સમજી શકે છે. 949 00:57:54,540 --> 00:58:01,280 JSON ટેક્નોલોજી કે અમે કેવી રીતે જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે બનાવો લાભ લે છે. 950 00:58:01,280 --> 00:58:04,510 આ એક જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે જેવી ઘણો લાગે છે, 951 00:58:04,510 --> 00:58:06,600 અને હકીકતમાં, કારણ કે તે છે. 952 00:58:06,600 --> 00:58:09,710 JSON જાવાસ્ક્રિપ્ટ ઑબ્જેક્ટ નોટેશન માટે વપરાય છે. 953 00:58:09,710 --> 00:58:15,020 આ મૂળભૂત છે એક માહિતી પરિવર્તીત અને આગળ સ્થળાંતર કરવા માટે બંધારણમાં પર સંમત થયા હતા. 954 00:58:15,020 --> 00:58:18,280 અહીં આ JSON ઑબ્જેક્ટ અથવા આ JSON સાહચર્યાત્મક એરે 955 00:58:18,280 --> 00:58:21,010 છે મને કોર્સ વિશે કેટલીક માહિતી મોકલી. 956 00:58:21,010 --> 00:58:25,110 >> આ ઍરેની કીઓ અભ્યાસક્રમ જેવી વસ્તુઓ કે cs50 એક મૂલ્ય છે હોય છે, 957 00:58:25,110 --> 00:58:29,140 અને નીચે અહીં આપણે જોઈ શકે છે કે હું કિંમત છે કે જે એરે હોય શકે છે. 958 00:58:29,140 --> 00:58:32,730 હું શબ્દમાળાઓ બહાર વિશ્લેષણ કરવા જેવી વસ્તુઓ નથી, અને કોમા જોવા માટે 959 00:58:32,730 --> 00:58:35,330 અને જેમ ઉન્મત્ત વસ્તુઓ નથી. 960 00:58:35,330 --> 00:58:38,820 કારણ કે આ JSON બંધારણમાં માં જાહેર કરવામાં આવે છે, 961 00:58:38,820 --> 00:58:43,510 જાવાસ્ક્રીપ્ટ અને jQuery પહેલેથી જ શબ્દમાળા કન્વર્ટ કાર્યો કરતા હોય છે 962 00:58:43,510 --> 00:58:48,140 કે જે વાસ્તવિક જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે આ JSON જેવો દેખાય છે 963 00:58:48,140 --> 00:58:50,440 કે અમે સાથે કામ કરી શકે છે. 964 00:58:50,440 --> 00:58:56,660 કે આવું તરીકે કહે છે કે લાંબા સમય સુધી આ ફાઇલ suggest.php, છે ખૂબ સરળ છે, 965 00:58:56,660 --> 00:58:59,040 મને પાછા ફક્ત લખાણ શબ્દમાળા મોકલવા, 966 00:58:59,040 --> 00:59:01,950 પરંતુ હું જાણું છું તે મને મોકલી JSON પાછા જવાનું છે. 967 00:59:01,950 --> 00:59:06,760 તેનો અર્થ એ છે કે જે તે JSON જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે રૂપાંતરિત કરી શકાય છે. 968 00:59:06,760 --> 00:59:10,830 અને jQuery તેથી, હું તમને મારા માટે કે કરવું ગમશે. 969 00:59:10,830 --> 00:59:13,990 તેનો અર્થ એ છે કે આ પ્રતિભાવ અહીં પરિમાણ, 970 00:59:13,990 --> 00:59:16,070 આ લાંબા સમય સુધી માત્ર એક શબ્દમાળા છે. 971 00:59:16,070 --> 00:59:19,860 કારણ કે અમે jQuery કહ્યું છે કે અહીં કેટલીક JSON આવે છે, 972 00:59:19,860 --> 00:59:22,950 , jQuery પૂરતી સ્માર્ટ કહેવું પ્રયત્ન રહ્યું છે "તમે JSON માગે છે?" 973 00:59:22,950 --> 00:59:26,890 "હું તમારા માટે એક સમૂહનો એરે માં કે રૂપાંતરિત જાઉં છું." 974 00:59:26,890 --> 00:59:32,100 ચાલો વાસ્તવમાં નેટવર્ક ટેબ પર એક નજર એકવાર અમે quote4.js છે. 975 00:59:32,100 --> 00:59:35,400 અમે આ ફેરફાર અને પૃષ્ઠને ફરીથી લોડ કરો પડશે. 976 00:59:37,150 --> 00:59:41,250 હવે હું એક એક ફરીથી લખો જાઉં છું. 977 00:59:41,250 --> 00:59:45,600 હું suggest.php એક દંપતી વિનંતીઓ કરી છે, પરંતુ હવે આ પ્રતિભાવ, 978 00:59:45,600 --> 00:59:48,670 ખાલી શબ્દમાળા કરતાં, તે JSON છે. 979 00:59:48,670 --> 00:59:52,580 તેથી હું એક ખુલ્લું સર્પાકાર તાણવું કહેતા હોય છે કે "અહીં એક સમૂહનો એરે આવે છે." 980 00:59:52,580 --> 00:59:56,830 >> આ સમૂહનો એરે પ્રથમ અને એકમાત્ર ચાવીરૂપ સંકેતોની કહે છે, 981 00:59:56,830 --> 01:00:00,240 અને પછી અહીં પ્રસ્તુત પ્રતીકો બધી ઝાકઝમાળ છે 982 01:00:00,240 --> 01:00:04,820 યાહૂ! ફાઇનાન્સ માંથી હવે કદાવર યાદી નથી આવતા. 983 01:00:06,110 --> 01:00:10,630 કે હું કેવી રીતે માત્ર આ સ્વયંપૂર્ણ પ્લગઇન રચના કરી શકો છો 984 01:00:10,630 --> 01:00:14,280 અમુક માહિતી કે જે સ્થાનિક ફાઈલ કે જે પહેલાથી જ પૂર્વનિર્ધારિત છે નથી આવે સાથે 985 01:00:14,280 --> 01:00:17,490 પણ કંઈક બીજુ છે. 986 01:00:17,490 --> 01:00:21,160 તે તારણ છે કે અમે ખરેખર એક JSONP કહેવાય ટેક્નોલોજીનો લાભ લઈ શકે છે, 987 01:00:21,160 --> 01:00:27,420 અથવા ગાદી સાથે JSON, આ suggest.php દલાલ નાશ કરશે. 988 01:00:27,420 --> 01:00:34,010 પરંતુ જે જગ્યાએ, ચાલો બદલે હું કેવી રીતે આ પણ વધુ સુધારી શકે પર એક નજર. 989 01:00:34,010 --> 01:00:36,040 હું ખરેખર માતાનો બુટસ્ટ્રેપ Typeahead ગમે છે. તે ખરેખર સરસ છે. 990 01:00:36,040 --> 01:00:39,570 પરંતુ અમે જાવાસ્ક્રિપ્ટ સારા રહ્યાં છો અને અમે પ્રકારની આ જાતને કરવા માંગો છો, 991 01:00:39,570 --> 01:00:43,870 કદાચ આ પ્લગિન શું કરી શકાય તેમ છે પર એક નજર. 992 01:00:43,870 --> 01:00:46,500 ચાલો લાંબા સમય સુધી કે Typeahead વસ્તુ વાપરો, 993 01:00:46,500 --> 01:00:50,550 દો અને સુચન શેરોમાં આ યાદી જાતને બનાવવા પ્રયાસ કરો. 994 01:00:50,550 --> 01:00:53,790 અહીં quote6.php આપણે માટે આ બોલ એ જ રીતે શરૂ રહ્યા છીએ. 995 01:00:53,790 --> 01:00:58,050 દર વખતે કોઈએ કંઈ પ્રકારો, અમે એક AJAX વિનંતી બનાવવા માંગો છો. 996 01:00:58,050 --> 01:01:01,590 આ અમારી મૂળ CS50 ફાયનાન્સ ઇન્સ્ટન્ટ સમાન છે. 997 01:01:01,590 --> 01:01:05,020 ઊલટાનું quote.php માટે વિનંતી કરવામાં કરતાં, 998 01:01:05,020 --> 01:01:08,530 આપણે હવે એ જ ફાઈલ કરી રહ્યાં પહેલાં તરીકે વિનંતી કરવામાં, આ suggest.php, 999 01:01:08,530 --> 01:01:12,460 જે માત્ર યાહૂ! ફાઇનાન્સ પાસેથી માહિતી ખેંચી રહ્યું છે. 1000 01:01:12,460 --> 01:01:19,480 >> ફરીથી, અમે હજુ પણ JSON અપેક્ષા કરી રહ્યાં છો, પરંતુ હવે ત્યારથી Typeahead આ આપણા માટે નથી કરી રહ્યો છે, 1001 01:01:19,480 --> 01:01:24,850 અમે પણ સાથે કિંમત છે કે જે વર્તમાન લખાણ બોક્સની અંદર છે મોકલવાની જરૂર છે. 1002 01:01:24,850 --> 01:01:28,120 હવે અમે જાણવા યાહૂ! ફાઇનાન્સ પૂછી માટે, 1003 01:01:28,120 --> 01:01:34,160 અને તેથી હવે અહીં કાર્ય કે અમે ચલાવવા એકવાર વિનંતી પૂર્ણ કરવા માંગો છો છે. 1004 01:01:34,160 --> 01:01:36,520 અમે પ્લગઇન નથી અમને માટે યાદી કરી નથી, 1005 01:01:36,520 --> 01:01:40,630 તેથી અહીં જ્યાં અમે ખરેખર સૂચનો એક સૂચિ બનાવી રહ્યા છીએ. 1006 01:01:40,630 --> 01:01:44,850 કે કરવા માટે, ખૂબ PHP માં ગમે અમે HTML ની ​​આ મોટું શબ્દમાળાઓ શ્રેણીબદ્ધ 1007 01:01:44,850 --> 01:01:48,170 પછી અમે તેમને મુદ્રિત, અમે જાવાસ્ક્રિપ્ટ જ ચોક્કસ વસ્તુ કરી શકો છો. 1008 01:01:48,170 --> 01:01:51,850 પ્રથમ અમે આ સૂચનો કહેવાય શબ્દમાળા શરૂ જઈ રહ્યાં છો, 1009 01:01:51,850 --> 01:01:54,590 અને આ શબ્દમાળાને માત્ર કેટલાક એચટીએમએલ સમાવી રહ્યું છે. 1010 01:01:54,590 --> 01:01:58,320 અમે તે વસ્તુઓ યાદી પ્રયત્ન કરવા માંગો છો, તેથી અમે આ યાદી ટેગ સાથે બંધ શરૂ જઈ રહ્યાં છો, 1011 01:01:58,320 --> 01:02:03,340 અને હવે અમે આ બોલ પર પ્રતીકો જે પાછા અમને પાછો હતી બધા ફરી વળવું રહ્યા છીએ. 1012 01:02:03,340 --> 01:02:06,500 યાદ રાખો, કારણ કે અમે dataType કહ્યું છે: 'json', આ શબ્દમાળા નથી. 1013 01:02:06,500 --> 01:02:09,500 આ પહેલેથી જ આપણા માટે એક વ્યૂહરચના છે. કે ખરેખર ઠંડી છે. 1014 01:02:09,500 --> 01:02:13,790 અમે ફક્ત કહેવું કરી શકો છો, "હું તમને એક યાદી તત્વ ઉમેરી કરવા માંગો છો." 1015 01:02:13,790 --> 01:02:16,000 અમે કે બાજુ માં એક તત્વ અંદર તે મૂકીશું, 1016 01:02:16,000 --> 01:02:19,030 અમે તેને સૂચનો એક વર્ગ આપો જેથી અમે જાણીએ છીએ કે તે શું છે પડશે, 1017 01:02:19,030 --> 01:02:23,880 અને હવે અહીં પ્રતીક કે અમે યાહૂ! ફાઇનાન્સ માંથી પાછા મળી છે. 1018 01:02:23,880 --> 01:02:27,230 >> એકવાર અમે સંકેતો અમે પાછા મેળવેલ કર્યું છે દરેક માટે એક તત્વ બનાવ્યું છે, 1019 01:02:27,230 --> 01:02:30,100 અમે હમણાં જ બંધ યાદી બંધ કરવા માંગો છો. 1020 01:02:30,100 --> 01:02:33,040 તેથી હવે સૂચનો આ થોડું HTML ટુકડો પ્રતિનિધિત્વ 1021 01:02:33,040 --> 01:02:37,860 કે જ્યારે પાનાં પર મૂકવામાં વસ્તુઓ અમે શોધી રહ્યાં છો યાદી પ્રયત્ન રહ્યું છે. 1022 01:02:37,860 --> 01:02:41,070 હવે આપણે ખરેખર પાનું પર મૂકો. 1023 01:02:41,070 --> 01:02:46,390 આમ કરવા માટે કે હું ખરેખર અન્ય ખાલી div બનાવેલ છે અને હું તેને સૂચનો નું ID આપી છે. 1024 01:02:46,390 --> 01:02:52,520 ખૂબ જેવા અમે div સમાવિષ્ટો કે સ્ટોક માહિતી કિંમત દર્શાવશે સુયોજિત કરો, 1025 01:02:52,520 --> 01:02:58,600 આપણે હવે માત્ર ગમે આ શબ્દમાળા છે આ div સમાવિષ્ટો સેટ કરવા માંગો છો 1026 01:02:58,600 --> 01:03:00,290 જે આ પ્રતીકો સમાવે છે. 1027 01:03:00,290 --> 01:03:07,650 આ HTML પદ્ધતિ નો ઉપયોગ કરીને, આ સૂચનો ચલ, આ શબ્દમાળા HTML ની ​​એક શબ્દમાળા છે. 1028 01:03:07,650 --> 01:03:13,490 હું કે જે તમને HTML લેવા માટે અને તેને સૂચનો કહેવાય div ની અંદર મૂકેલ. 1029 01:03:13,490 --> 01:03:15,680 અમે ફક્ત DOM માટે કંઇક હવે ઉમેરાયું. 1030 01:03:15,680 --> 01:03:20,360 અમે DOM માટે કેટલાક નવા તત્વો ઉમેરવામાં કર્યું છે કે અમે હવે પૃષ્ઠ પર પ્રદર્શિત કરી શકો છો. 1031 01:03:20,360 --> 01:03:22,540 માતાનો જુઓ આ શું લાગે દો. 1032 01:03:22,540 --> 01:03:29,110 જો અમે quote6 માં લોડ અને હવે અમે પાછા આવો 1033 01:03:29,110 --> 01:03:34,480 હવે જ્યારે હું AAPL ટાઇપિંગ શરૂ કરો, અમે લાંબા સમય સુધી કે બુટસ્ટ્રેપ સ્વયંપૂર્ણ છે, 1034 01:03:34,480 --> 01:03:38,470 પરંતુ અમે હવે આ યાદી છે કે અમે જાતને કરવામાં હોય છે. 1035 01:03:38,470 --> 01:03:43,230 આ બુટસ્ટ્રેપ Typeahead કરતાં થોડો uglier ઉદાહરણ માટે છે, 1036 01:03:43,230 --> 01:03:45,580 પરંતુ અમને એક અન્ય વસ્તુ કરવા માટે પરવાનગી આપતું નથી. 1037 01:03:45,580 --> 01:03:48,660 , જ્યારે અમે તે બુટસ્ટ્રેપ પ્લગઇન જોઈ હતી 1038 01:03:48,660 --> 01:03:52,590 અમે જોયું છે કે જ્યારે અમે સ્વતઃપૂર્ણ, એક સ્વયંપૂર્ણ કિંમતો AAPL હતી. 1039 01:03:52,590 --> 01:03:54,820 કે જેથી મદદરૂપ ન પણ હોઈ શકે. 1040 01:03:54,820 --> 01:03:59,100 વપરાશકર્તા તરીકે, હું તરત જ સ્ટોક પ્રતીકો બધા ઓળખી શકે છે. 1041 01:03:59,100 --> 01:04:02,370 હું કદાચ વધુ ઓળખી શક્યતા શું કંપનીના વાસ્તવિક નામો છે. 1042 01:04:02,370 --> 01:04:05,310 તેથી તે ખરેખર મદદરૂપ ન થઈ શકે જો બદલે AAPL કહેતા કરશે 1043 01:04:05,310 --> 01:04:07,970 આ એપલ ઇન્ક કંઈક કહ્યું હતું 1044 01:04:07,970 --> 01:04:12,240 કારણ કે અમે આ વળેલું જાતને કર્યું છે, તો અમે ખરેખર સરળતાથી કરી શકે. 1045 01:04:12,240 --> 01:04:17,630 ચાલો અમારી છેલ્લા ક્વોટ અહીં ફાઈલ ખોલવા માટે, જેથી quote7. 1046 01:04:17,630 --> 01:04:23,200 >> જ વાત. હું માત્ર એક બીજી PHP ફાઈલ કે જે ફક્ત પ્રતીકો કરતાં અમને વધુ આપશે બનાવી છે. 1047 01:04:23,200 --> 01:04:25,550 તે પણ અમને આપો પાછા આવશે કંપનીના નામો હોય. 1048 01:04:25,550 --> 01:04:28,150 અને તેથી અમે આ જ વાત કરી રહ્યા છીએ. અમે એક AJAX વિનંતી કરી રહ્યા છીએ. 1049 01:04:28,150 --> 01:04:32,370 એકવાર વિનંતી પૂર્ણ છે, અમે આ કાર્ય અહીં ચલાવવા જઈ રહ્યાં છો, 1050 01:04:32,370 --> 01:04:36,520 અને આ કાર્ય કરવા માટે ઘટકોની મોટી શબ્દમાળા બિલ્ડ રહ્યું છે. 1051 01:04:36,520 --> 01:04:39,520 પરંતુ અહીં તફાવત એ છે કે આ યાદીઓ ની કિંમત લાંબા સમય સુધી માત્ર પ્રતીક છે, 1052 01:04:39,520 --> 01:04:45,370 તેને હવે નામ છે. 1053 01:04:45,370 --> 01:04:47,070 તેથી અમે એક નાની સમસ્યા હોય છે. 1054 01:04:47,070 --> 01:04:51,590 જ્યારે અમે અમારા લૂકઅપ વાપરવા માટે, અમે કોઈક તે પ્રતીક પસાર કરવાની જરૂર છે. 1055 01:04:51,590 --> 01:04:54,950 અમે માઈક્રોસોફ્ટ કોર્પોરેશન જેવી લૂકઅપ કંઈક નથી પસાર કરી શકો છો. 1056 01:04:54,950 --> 01:04:57,900 અમે તેને MSFT પસાર કરવાની જરૂર છે. 1057 01:04:57,900 --> 01:05:01,640 જ્યારે અમે HTML લખી રહ્યાં, અમે સરસ આંતરિક લક્ષણો ઘણાં હોય છે. 1058 01:05:01,640 --> 01:05:05,440 એન એ તે href અથવા વર્ગ સાથે સંકળાયેલ હોઈ શકે છે. 1059 01:05:05,440 --> 01:05:08,230 પરંતુ અમે ખરેખર હવે જરૂર શું આ લિંક્સ દરેક માટે છે 1060 01:05:08,230 --> 01:05:11,120 એક સ્ટોક તેની સાથે સંકળાયેલ પ્રતીક છે. 1061 01:05:11,120 --> 01:05:14,240 ત્યાં કોઈ HTML લક્ષણ બિલ્ટ ઇન સ્ટોક પ્રતીક માટે છે, 1062 01:05:14,240 --> 01:05:21,010 પરંતુ સદભાગ્યે, HTML5 અમારા પોતાના લક્ષણો બનાવવા માટે પ્રયત્ન ગમે અમે માંગો છો પરવાનગી આપે છે. 1063 01:05:21,010 --> 01:05:24,620 ડેટા પ્રતીક કહેતા દ્વારા, હું એક નવું લક્ષણ રચના કરી છે 1064 01:05:24,620 --> 01:05:29,350 નામ જેની હું હમણાં જ બનેલું છે, અને આ ઠીક છે, કારણ કે હું આ માહિતી સાથે prefaced. 1065 01:05:29,350 --> 01:05:34,270 અમે સ્ટોક માંથી ત્યાં પ્રતીક અંદર હવે સંગ્રહવા જઈ રહ્યાં છો. 1066 01:05:34,270 --> 01:05:39,590 તેનો અર્થ એ કે એ છે કે ભલે અમે કંપનીનું નામ મૂલ્ય પ્રદર્શિત કરી રહ્યાં છો 1067 01:05:39,590 --> 01:05:43,380 અમારા સ્વયંપૂર્ણ ની અંદર, અમે હજુ પણ પ્રતીક યાદ કરી રહ્યા છીએ 1068 01:05:43,380 --> 01:05:47,110 કે દરેક કંપની સાથે સંકળાયેલ છે. 1069 01:05:47,110 --> 01:05:50,350 જે રીતે અમે તે કરી રહ્યા છીએ આ તત્વ પોતાની અંદર છે. 1070 01:05:50,350 --> 01:05:52,930 તેથી તેનો અર્થ એ કે અમે વધુ એક ફેરફાર કરવાની જરૂર છે. 1071 01:05:52,930 --> 01:05:57,090 જ્યારે અમે તે હવે ક્લિક કરો, અમે ખરેખર પ્રતીક લક્ષણની લાભ લેવાની જરૂર 1072 01:05:57,090 --> 01:06:00,220 બદલે માત્ર તેના મૂલ્ય. 1073 01:06:00,220 --> 01:06:05,010 અમે પાછા ઉપર જો, અમે સૂચનો માટે એક ઇવેન્ટ સંભાળનાર જોડે છે. 1074 01:06:05,010 --> 01:06:09,280 જ્યારે પણ કોઈ એક આ સૂચનોનો હવે ક્લિક કર્યું છે, હું કંઈક કરવા માંગો છો. 1075 01:06:09,280 --> 01:06:13,160 હું કરવા માંગો છો એ છે કે ઇનપુટ બોક્સની કિંમત બદલો. 1076 01:06:13,160 --> 01:06:16,100 હવે હું આ જ Val કાર્ય સેટ કરવા માંગો છો. 1077 01:06:16,100 --> 01:06:21,060 >> જેથી કોઇ પણ દલીલો કર્યા વગર આ કાર્ય Val તમે આપે શું લખાણ બોક્સમાં પહેલેથી જ છે, 1078 01:06:21,060 --> 01:06:27,070 પરંતુ જો તમે તે શબ્દમાળા આપે છે, તે છે કે જેઓ શબ્દમાળા લો અને તેને લખાણ બોક્સમાં મૂકવામાં બનશે. 1079 01:06:27,070 --> 01:06:28,980 હું એ જ રીતે તેની લખાણ બોક્સમાં પસંદ છું. 1080 01:06:28,980 --> 01:06:31,230 તે નામ સ્વરૂપ-નિવેદનના પ્રતીક અંદર છે. 1081 01:06:31,230 --> 01:06:37,540 હવે હું આ લક્ષણ માહિતી-પ્રતીક કિંમત મોકલવા છું. 1082 01:06:37,540 --> 01:06:41,560 આ અહીં વસ્તુ નવું છે, આ $ (આ). 1083 01:06:41,560 --> 01:06:46,850 આ સંદર્ભ લે છે શું તત્વ કે ક્લિક કર્યું હતું. 1084 01:06:46,850 --> 01:06:50,880 અમે અહીં જુઓ કે અમે એક ક્લિક ઇવેન્ટ જોડાણ કરી શકો છો 1085 01:06:50,880 --> 01:06:54,690 સૂચન એક વર્ગ સાથે દરેક વ્યક્તિગત રીતે તત્વ છે. 1086 01:06:54,690 --> 01:06:57,140 તેના બદલે, અમે આ થોડું અલગ નજીક કરી રહ્યા છો. 1087 01:06:57,140 --> 01:07:01,700 તેના બદલે આપણે કહી રહ્યાં છે જ્યારેપણ આ સૂચનો div ઓફ કંઈપણ અંદર, 1088 01:07:01,700 --> 01:07:04,080 જે યાદ રાખો કે માત્ર કે યાદી માટે કન્ટેનર છે, 1089 01:07:04,080 --> 01:07:10,150 જો આ div ની અંદર કંઈક ક્લિક કર્યું છે અને તે સૂચન એક વર્ગ છે, 1090 01:07:10,150 --> 01:07:13,000 હું આ ઘટના ગોળીબાર કરવા માંગો છો. 1091 01:07:13,000 --> 01:07:17,490 મૂળભૂત રીતે આનો અર્થ શું કરીએ છીએ તે કરી શકે છે અમે આ જ ઘટના સંભાળનાર પુનઃઉપયોગ કરી શકાય છે 1092 01:07:17,490 --> 01:07:20,000 યાદીમાં તે બધું છે. 1093 01:07:20,000 --> 01:07:22,080 તેથી અમે એક પ્રથમ તત્વ માટે ઇવેન્ટ સંભાળનાર ન હોય હોય તો 1094 01:07:22,080 --> 01:07:24,550 અને બીજો તત્વ માટે એક અલગ ઘટના સંભાળનાર. 1095 01:07:24,550 --> 01:07:29,880 અમે બદલે એમ કહેશે કરી શકો છો, "હું એ જ ઘટના સંભાળનાર મારા યાદી બધું પર લાગુ કરવા માંગો છો." 1096 01:07:29,880 --> 01:07:34,420 પરંતુ અમે કોઈક ખબર તત્વ જે ક્લિક કરી હતી જરૂર છે. 1097 01:07:34,420 --> 01:07:38,450 આ "આ" કીવર્ડ માત્ર કે પ્રતિનિધિત્વ કરે છે. 1098 01:07:38,450 --> 01:07:42,360 આ પદાર્થ કે જે ફક્ત વપરાશકર્તા દ્વારા ક્લિક કર્યું હતું. 1099 01:07:42,360 --> 01:07:47,680 જો હું માત્ર 3 જી લિંકને ક્લિક કરી, આ છે કે જે 3 જી કડી તત્વ રજૂ કરે છે, 1100 01:07:47,680 --> 01:07:51,670 જેનો અર્થ છે કે હું તેના લક્ષણ માહિતી-પ્રતીક મેળવી શકો છો, 1101 01:07:51,670 --> 01:07:57,760 જે આપણે જાણીએ છીએ તે પ્રતીક કે કંપની મેં હમણાં ક્લિક કર્યું સાથે સંકળાયેલ છે સમાવી છે. 1102 01:07:57,760 --> 01:08:04,550 જો અમે અમારા નાણા પૃષ્ઠ પર પાછા આવો, 1103 01:08:04,550 --> 01:08:08,580 અમે હવે એક વાર હું msft કંઈક લખીને શરૂ જોઈ શકો, 1104 01:08:08,580 --> 01:08:11,220 અમે લાંબા સમય સુધી માત્ર સ્ટોક ચિહ્નો મળી રહ્યા હોય, 1105 01:08:11,220 --> 01:08:13,720 અમે હવે વાસ્તવિક કંપનીઓ રહ્યાં છો. 1106 01:08:13,720 --> 01:08:20,410 , પરંતુ જ્યારે હું એક આ કંપનીઓ પર ક્લિક કરો 1107 01:08:20,410 --> 01:08:25,180 અમે કે અમે ખરેખર લખાણ બોક્સમાં થતો નથી રચના કંપની નામ સાથે જોઈ શકો છો 1108 01:08:25,180 --> 01:08:29,850 પરંતુ ગમે તે માહિતી લક્ષણો ની અંદર સંગ્રહિત કરવામાં આવી હતી. 1109 01:08:29,850 --> 01:08:32,880 અને તેથી જો હું ખરેખર અધિકાર તેને ક્લિક કરીને એક આ તત્વોની તપાસ 1110 01:08:32,880 --> 01:08:36,200 અને એલિમેન્ટ નિરીક્શણ ક્લિક કરીને, અમે ખરેખર જોવા આ શું જુએ છે કરી શકો છો. 1111 01:08:36,200 --> 01:08:40,290 >> યાદ રાખો આ કંઈક કે અમે કે અંદર લૂપ માટે બનાવાયેલ છે 1112 01:08:40,290 --> 01:08:42,649 જ્યારે અમે HTML ની ​​છે કે જેઓ શબ્દમાળા મકાન હતા. 1113 01:08:42,649 --> 01:08:47,870 અમે અહીં જુઓ કે આ ડેટા પ્રતીક MSFT છે, કે જે મહાન છે કિંમત શકે છે. 1114 01:08:47,870 --> 01:08:49,189 કે અમે શું અપેક્ષા રાખતા હતા. 1115 01:08:49,189 --> 01:08:53,170 કે પ્રતીક છે અને તે કેવી રીતે અમે કિંમત છે કે અમે વાપરવા માટે જરૂરી મળ્યું 1116 01:08:53,170 --> 01:08:56,140 અંદર આ લખાણ બોક્સ છે. 1117 01:08:56,140 --> 01:08:58,850 કે ક્વોટ ફોર્મ માટે પર્યાપ્ત છે કારણ કે તે કંટાળાજનક પ્રકારની છે. 1118 01:08:58,850 --> 01:09:02,990 ચાલો અમારા પોર્ટફોલિયો પાનું કેટલાક ઝડપી ઉન્નત્તિકરણો બનાવે છે. 1119 01:09:02,990 --> 01:09:08,109 જો તમે થોડા સમય માટે CS50 ફાયનાન્સ ઉપયોગ કર્યો છે અને તમે ખરીદી અને વેચાણ શેરોમાં ઘણો શરૂ કરવા માટે, 1120 01:09:08,109 --> 01:09:11,300 છેવટે આ ટેબલ ખૂબ મોટું વિચાર રહ્યું છે, 1121 01:09:11,300 --> 01:09:13,850 અને તમે અલબત્ત સ્ટોક ટીકર માંગો છો જઈ રહ્યાં છો. 1122 01:09:13,850 --> 01:09:20,350 એકવાર ટેબલ ખરેખર, ખરેખર મોટી છે, તે વપરાશકર્તા માટે ઉપયોગી હોઈ માટે તેને શોધો પ્રયાસ કરી શકે છે. 1123 01:09:20,350 --> 01:09:23,290 શોધ બોક્સમાં જો હું ડિઝની કંઈક લખીને શરૂ ની અંદર 1124 01:09:23,290 --> 01:09:26,359 અને મારા મિકી માઉસ સ્ટોક માટે જોઈ રહ્યા છીએ, અમે જોઈ શકો છો કે જે ટેબલ હવે ગાળણ છે 1125 01:09:26,359 --> 01:09:28,189 હું શું માત્ર સાઇન લખ્યો પર આધારિત 1126 01:09:28,189 --> 01:09:31,640 આ વિધેય સુપર જટિલ લાગે છે, પરંતુ તે ખરેખર, ખરેખર સરળ છે 1127 01:09:31,640 --> 01:09:33,859 jQuery અને જાવાસ્ક્રિપ્ટ સાથે. 1128 01:09:33,859 --> 01:09:39,189 આ portfolio.php ફાઈલ જાવાસ્ક્રિપ્ટ portfolio.js તરીકે ઓળખાતી ફાઈલ સમાવે છે. 1129 01:09:39,189 --> 01:09:41,130 ચાલો કે પર એક નજર. 1130 01:09:41,130 --> 01:09:44,890 તેથી html, js, પોર્ટફોલિયો. 1131 01:09:44,890 --> 01:09:49,210 અહીં છે જ્યાં અમે કરી રહ્યા છીએ કે જે ટેબલ પર શોધ. 1132 01:09:49,210 --> 01:09:52,750 પ્રથમ વાત હું જરૂર છે કે જે લખાણ બોક્સમાં એક ઘટના સંભાળનાર જોડી છે 1133 01:09:52,750 --> 01:09:55,760 કારણ કે આપણે જાણીએ છીએ કે અમે અમારા ફિલ્ટરિંગ કાર્ય ગોળીબાર કરવા માંગો છો 1134 01:09:55,760 --> 01:09:59,800 દર વખતે વપરાશકર્તાને કંઈક દબાવીને કારણ કે અમે શોધ બટનો માટે સમય નથી. 1135 01:09:59,800 --> 01:10:03,000 પ્રથમ વસ્તુ અમે જરૂર છે આઉટ આકૃતિ વપરાશકર્તા શું શોધી રહી છે, 1136 01:10:03,000 --> 01:10:04,780 જેમ અમે પહેલાં હતી. 1137 01:10:04,780 --> 01:10:11,320 આ કીવર્ડ વર્તમાન તત્વ વપરાશકર્તા સાથે સંપર્કમાં આવવાની છે ઉલ્લેખ કરે છે. 1138 01:10:11,320 --> 01:10:14,070 >> કારણ કે વપરાશકર્તાને શોધ બોક્સ સાથે સંપર્કમાં આવવાની છે, 1139 01:10:14,070 --> 01:10:17,020 $ આ શોધ બોક્સ દર્શાવે છે, 1140 01:10:17,020 --> 01:10:21,820 જેથી this.val અમને આપે છે શું શોધ બોક્સ વપરાશકર્તા હાલમાં ટાઇપ કરી રહ્યા છે ની અંદર છે. 1141 01:10:22,810 --> 01:10:27,320 તેથી, હવે આપણે શું કરવા માંગો છો અમે ઉપર પંક્તિઓ તમામ ભારપૂર્વક કહેવું કરવા માંગો છો છે 1142 01:10:27,320 --> 01:10:29,240 અંદર અમારા કોષ્ટકની. 1143 01:10:29,240 --> 01:10:35,630 અમારા કોષ્ટકમાં પંક્તિઓ તમામ પસંદ કરો, હું કે ટેબલ ટેબલ પોર્ટફોલિયો નું ID આપ્યું, 1144 01:10:35,630 --> 01:10:39,060 અને દરેક પંક્તિ એક TR માં તત્વ દ્વારા રજૂ થાય છે, 1145 01:10:39,060 --> 01:10:42,080 તેથી આ પસંદગીકાર મને એક મોટી એરે પર પાછા જવું છે 1146 01:10:42,080 --> 01:10:44,370 મારા ટેબલ બધી પંક્તિઓને છે. 1147 01:10:44,370 --> 01:10:47,010 હવે હું વધારે કે એરે ફરી વળવું કરવા માંગો છો. 1148 01:10:47,010 --> 01:10:52,390 હું લૂપ માટે તમે કરી શકે છે, પરંતુ વાસ્તવમાં jQuery અમને સરસ કહેવાય કાર્ય પૂરું પાડે છે "દરેક." 1149 01:10:52,390 --> 01:10:55,220 દરેક કરે છે શું છે દરેક એક દલીલ લે છે, 1150 01:10:55,220 --> 01:10:57,090 અને તે દલીલ એક કાર્ય છે. 1151 01:10:57,090 --> 01:11:02,760 તે શું થઈ રહ્યું છે તે શું છે તે આ યાદીમાં ની અંદર દરેક તત્વ કે કાર્ય અરજી ચાલી રહ્યું છે. 1152 01:11:02,760 --> 01:11:05,550 આ કાર્ય એક દલીલ કે ઈ છે લે છે, 1153 01:11:05,550 --> 01:11:10,090 અને જ્યારે આ કાર્ય ચલાવવામાં આવે છે, આ ઈ પ્રથમ પંક્તિ સાથે બદલી શકાય રહ્યું છે, 1154 01:11:10,090 --> 01:11:12,070 પછી બીજા પંક્તિ, અને પછી ત્રીજા પંક્તિ. 1155 01:11:12,070 --> 01:11:15,150 આ રીતે, આ લૂપ માટે ચાલતી તરીકે જ વસ્તુ છે 1156 01:11:15,150 --> 01:11:21,360 અને પછી વર્તમાન તમારા ઓફ લૂપ માટે અનુક્રમણિકા અંદર પર આધારિત તત્વ figuring. 1157 01:11:21,360 --> 01:11:24,750 દરેક ઇટરેશન પર, ટેબલ આ તત્વો દરેક માટે, 1158 01:11:24,750 --> 01:11:30,560 આ પંક્તિ ની અંદર કોશિકાના લખાણ - હું તત્વ ઓફ લખાણ જો ચકાસણી કરવા માંગો છો - 1159 01:11:30,560 --> 01:11:33,130 સાથે બંધબેસે હું શું શોધી રહ્યો છું. 1160 01:11:33,130 --> 01:11:36,390 આદેશો આ મોટું લાંબા શબ્દમાળા છે કે હું કેવી રીતે કરી શકે. 1161 01:11:36,390 --> 01:11:40,900 પ્રથમ, ફરીથી, આ હવે ઉલ્લેખ કરે છે - કારણ કે તે નવા કાર્ય ની અંદર છે - 1162 01:11:40,900 --> 01:11:45,020 આ હવે ટેબલ માં વર્તમાન પંક્તિ છે. 1163 01:11:45,020 --> 01:11:47,340 હું કોષ્ટકમાં વર્તમાન પંક્તિ લેવા માંગતા હોય તો, 1164 01:11:47,340 --> 01:11:49,950 અને હું તેના બાળકો તમામ મેળવવા માંગો છો. 1165 01:11:49,950 --> 01:11:51,940 યાદ રાખો, DOM એક અધિક્રમિક વૃક્ષ છે, 1166 01:11:51,940 --> 01:11:54,200 જેનો અર્થ છે કે તત્વો બાળકો નંબર હોય છે. 1167 01:11:54,200 --> 01:12:00,180 >> આ બાળકો. કાર્ય માટે મને પાછા તત્વો બધી ઝાકઝમાળ પાછા જવાની છે 1168 01:12:00,180 --> 01:12:03,240 કે બાળકોને આ કિસ્સામાં, કોષ્ટકની એક પંક્તિ માં છે. 1169 01:12:03,240 --> 01:12:07,150 આ માત્ર ખાલી છે પંક્તિના અંદર કોષો. 1170 01:12:07,150 --> 01:12:09,230 હું માત્ર પ્રથમ કોશિકાના પર શોધ કરવા માંગો છો. 1171 01:12:09,230 --> 01:12:13,090 આ પ્રથમ. કાર્ય કહે છે મને કે એરે પ્રથમ તત્વ આપે છે. 1172 01:12:13,090 --> 01:12:17,070 પછી ટેક્સ્ટ કાર્ય કહે વિચાર મને ચોકકસ શું કે જે સેલ ની અંદર છે 1173 01:12:17,070 --> 01:12:19,530 કારણ કે હું લખાણ શોધો કરવા માંગો છો. 1174 01:12:19,530 --> 01:12:21,040 છેલ્લે, ચાલો તે લોઅરકેસ કન્વર્ટ, 1175 01:12:21,040 --> 01:12:23,940 તેથી અમે લખાણ કેસ પ્રત્યે સંવેદનશીલ પ્રશ્નો કરી શકો છો. 1176 01:12:23,940 --> 01:12:29,990 છેલ્લે, અમે શું કોષ્ટકની અંદર છે કે જેઓ શબ્દમાળા શબ્દમાળા અમે શોધી રહ્યાં છો સમાવે કરવા માંગો છો. 1177 01:12:29,990 --> 01:12:32,980 જાવાસ્ક્રિપ્ટ આ indexOf કાર્ય માત્ર કે કરે છે. 1178 01:12:32,980 --> 01:12:37,060 અમને કહે છે કે નહીં તે આ શબ્દમાળાને અન્ય શબ્દમાળા ધરાવે છે. 1179 01:12:37,060 --> 01:12:40,150 જો તે સાચું છે કે કોશિકા સમાવે છે હું શું શોધી રહ્યો છું, 1180 01:12:40,150 --> 01:12:42,140 પછી હું ખાતરી કરો કે તે બતાવવામાં આવ્યું છે તે બનાવવા માંગો છો. 1181 01:12:42,140 --> 01:12:45,330 આ શો પદ્ધતિ કહે છે કે, "તત્વ બતાવો લેશે." 1182 01:12:45,330 --> 01:12:50,350 જો આ કિસ્સો નથી, તો પછી તેનો અર્થ એ કે ગમે તે હું સમાયેલ નથી માટે શોધ છું 1183 01:12:50,350 --> 01:12:53,550 તે હરોળમાંથી અંદર, અને તેથી હું છુપાવવા માંગો છો વપરાશકર્તા છે. 1184 01:12:53,550 --> 01:12:59,240 કે જે તે સરસ ફિલ્ટરિંગ અસર હાંસલ જ્યાં લાંબા સમય સુધી અમે સંપૂર્ણ ટેબલ જુઓ. 1185 01:12:59,240 --> 01:13:01,480 જો તમે આ કેવી રીતે ટીકર બનાવવા માટે તેમજ રુચિ ધરાવો છો, 1186 01:13:01,480 --> 01:13:04,180 અમે સ્રોત ઑનલાઇન પોસ્ટ કરશો. પરંતુ તે ખરેખર સરળ છે. 1187 01:13:04,180 --> 01:13:09,860 JQuery આ એનિમેશન અને હેરફેર સીએસએસ પ્રોપર્ટીઝ માટે અદ્ભુત પદ્ધતિઓ છે. 1188 01:13:09,860 --> 01:13:11,020 તેથી, તે મારા માટે છે. 1189 01:13:11,020 --> 01:13:15,560 >> શું પછી આગળ આવેલું છે? જેમ તમે થોડા દિવસોમાં જોશો, તો અંતિમ પ્રોજેક્ટ દરખાસ્ત કારણે છે. 1190 01:13:15,560 --> 01:13:17,730 અંતિમ પ્રોજેક્ટ દરખાસ્ત તમે થોડા પ્રશ્નો પૂછશે, 1191 01:13:17,730 --> 01:13:19,420 પરંતુ તેમની વચ્ચે ત્રણ લક્ષ્યો હશે - 1192 01:13:19,420 --> 01:13:22,840 એક તો "સારા" નિશાન, એક વધુ સારું નિશાન છે, અને એક શ્રેષ્ઠ. 1193 01:13:22,840 --> 01:13:25,870 આ ખરેખર હોવાથી તમે ગાય્સ મદદ વિચાર તમારા અપેક્ષાઓ સેટ 1194 01:13:25,870 --> 01:13:29,160 જેથી ઓછા તમે તમારી અંતિમ પ્રોજેક્ટ નું આઉટપુટ ખુશ થશે 1195 01:13:29,160 --> 01:13:32,060 અને તે "સારા" અત્યાર સુધી તરીકે તમે ચિંતિત આવે. 1196 01:13:32,060 --> 01:13:34,540 પરંતુ તે પછી તમે કંઈક કરવા માટે માત્ર થોડો સુધી પહોંચવા મેળવવાની રસ વધુ સારી 1197 01:13:34,540 --> 01:13:37,680 અથવા શ્રેષ્ઠ કંઈક, અમે પણ છે કે જે તમને તરફ તેમજ દબાણ ઓફ સૉર્ટ પડશે. 1198 01:13:37,680 --> 01:13:40,660 આ CS50 હેક-a-thon દરમિયાન, થોડા અઠવાડિયા છે. 1199 01:13:40,660 --> 01:13:44,340 ખાસ કરીને, અમે એક લોટરી આધાર ધોરણે રસ છે કારણ કે આ કરવા માટે, 1200 01:13:44,340 --> 01:13:47,680 પરંતુ મતભેદ છે અમે હાર્વર્ડ સ્કેવર ના શટલ બસ અમને થોડા સો વાત કરીશું 1201 01:13:47,680 --> 01:13:51,540 નીચે કેન્ડેલ સ્ક્વેર જ્યાં માઇક્રોસોફ્ટ એક સુંદર યોગ્ય રીતે "NERD" કહેવાય સુવિધા છે - 1202 01:13:51,540 --> 01:13:53,830 ન્યૂ ઇંગ્લેન્ડ સંશોધન અને વિકાસ કેન્દ્ર. 1203 01:13:53,830 --> 01:13:56,380 અમે ત્યાં વિચાર 8 વાગ્યા આસપાસ અમે કેટલાક ખાદ્ય પડશે પડશે. 1204 01:13:56,380 --> 01:13:58,160 1 વાગ્યે આસપાસ અમે કેટલાક વધુ ખોરાક પડશે. 1205 01:13:58,160 --> 01:14:02,150 લગભગ 5 છું જો તમે હજી પણ જાગતું અમે ઉપર વડા IHOP અથવા તમે કેમ્પસ પર પાછા લેવા પડશે. 1206 01:14:02,150 --> 01:14:04,380 ત્યાં હેતુ અંતિમ પ્રોજેક્ટ માં ડાઇવ છે 1207 01:14:04,380 --> 01:14:06,190 સાથે સહપાઠીઓને અને સ્ટાફ. 1208 01:14:06,190 --> 01:14:08,280 પછી થોડા દિવસ બાદ CS50 ફેર છે, 1209 01:14:08,280 --> 01:14:10,990 જે ખરેખર એક તક થઈ ગયું છે માટે તમે ગાય્સ તમારા કાર્ય પ્રદર્શન માટે 1210 01:14:10,990 --> 01:14:12,700 આ સત્ર માટે અને સફળતા 1211 01:14:12,700 --> 01:14:15,610 જ્યારે એકબીજા સાથે ખભા ઘસ્યા અને દરેકને શું કર્યું એક અર્થમાં રહ્યો. 1212 01:14:15,610 --> 01:14:17,850 કે જણાવ્યું હતું કે સાથે, ટોમી અને જોસેફ ઘણા આભાર, 1213 01:14:17,850 --> 01:14:19,960 અને અમે તમને સોમવાર પર જોશે. 1214 01:14:19,960 --> 01:14:24,070  [વધાવી]