[Powered by Google Translate] [9 અઠવાડિયું, ચાલુ રાખ્યું] [ડેવિડ જે Malan - હાર્વર્ડ યુનિવર્સિટી] [આ CS50 છે. - CS50.TV] 

આ CS50 છે. આ 9 અઠવાડિયાના અંત છે. તમે ખૂબ ખૂબ આભાર. છેલ્લે. 9 અઠવાડિયું. હું તે મેળવી છે. આજે આપણે વેબ પ્રોગ્રામિંગ વિશે અમારી વાતચીત ચાલુ રાખવા માટે અંતિમ પ્રોજેક્ટ તરફ નજર થી તમે વેબ આધારિત કંઈક કારણ કે ન હોય અંતિમ પ્રોજેક્ટ માટે, પરંતુ કારણ કે અંતિમ પ્રોજેક્ટ માટે અથવા CS50 પછી આ ચોક્કસપણે જે દિશામાં આધુનિક સોફ્ટવેર જઈને છે. અને હજુ સુધી તે ખરેખર એક સરળ બાબત નથી. હકીકતમાં, એક ખૂબ સખત કરવા વસ્તુઓ ડિઝાઇનના પાસું છે. 

હમણાં પૂરતું, ડિઝાઇન દ્વારા અમે ખરેખર વપરાશકર્તા ઈન્ટરફેસ મેળવવામાં મીન અથવા વપરાશકર્તા અનુભવ અધિકાર. Daresay હું - અને અમે તાજેતરમાં એક સમસ્યા સેટ પરથી ખબર જ્યારે તમે થોડા સોફ્ટવેર કેટલાક ભાગ વિશે તમારા gripes પ્રસારિત અથવા હાર્ડવેર કે જે તમે કેમ્પસ અથવા આ બોલ પર છે કે શું, infuriates - ત્યાં ત્યાં બહાર સાઇટ્સ ઘણો છે, ત્યાં ત્યાં બહાર હાર્ડવેર ઘણો છે, તે પ્રકારના sucks. પરંતુ વાસ્તવિકતા એ છે કે વસ્તુઓ છે કે જે હજુ સુધી વાપરવા માટે સરળ છે બનાવવા છતાં શક્તિશાળી છે ખૂબ જ મુશ્કેલ પડકાર છે. તેથી આજે હું જોસેફ અને ટોમી મને જોડાવા માટે અહીં કહેવામાં જેથી અમે વાતચીત કરી શકે છે તે વિશે, બંને ડિઝાઇન અને વિચાર પ્રક્રિયાઓ પ્રકારના શું તમારા માથા પસાર થઇ શરૂ થવું જોઈએ જ્યારે તમે તમારા અંતિમ પ્રોજેક્ટ ડિઝાઇન, તમારા ભાવિ પ્રયાસોથી. અને પછી ટોમી મદદ સાથે અમે અમલીકરણ વિગતો કેટલાક જોવા મળશે. તમે કાગળ પર અથવા તમારા મન કેવી રીતે કેટલાક દૃષ્ટિ કરી શકો છો કે પછી તમે પ્રોગ્રામ ચલાવી શકો છો આ તકનીકો અને કેટલીક ટેકનિકો ઉપયોગ કરીને અમે વિશે વાત કરવાનું શરૂ કરી દીધું, અર્થાત જાવાસ્ક્રિપ્ટ અને પણ નવી છે, નામ અનુસાર AJAX, અસિંક્રોનસ JavaScript કંઈક. કે તમે તમામ વધુ વપરાશકર્તા ઈન્ટરફેસના ગતિશીલ બનાવવા માટે પરવાનગી આપે છે વધુ અને વધુ માહિતી સર્વર માંથી ક્રમશઃ લાવતી દ્વારા. તેથી અમે તે સ્નિપેટ્સ કેટલાક આજે તેમજ જોશો. એક અલગ તરીકે, જો તમે કોમ્પ્યુટર વિજ્ઞાન કેન્દ્રીકરણ રસ છે અથવા કમ્પ્યુટર વિજ્ઞાન minoring ખબર છે, કે જે મધ્યાહ્ને આ શુક્રવાર મેક્સવેલ 221 ડ્વોર્કિન ત્યાં પિઝાની ઘટના હશે તમે થોડી વધુ જ્યાં કોમ્પ્યુટર વિજ્ઞાન વિશે જાણી શકો છો. દરવાજાની બહાર તમારી રીતે આજે પર તમે હાર્વર્ડ ખાતે સીએસ માટે એક બિનસત્તાવાર માર્ગદર્શન પસંદ કરવાનો પ્રયત્ન કરીશું. અમે છાતીની ઊંચાઈએથી બહાર કચરો કેન પર મૂકીશું જેથી જો તમે આ ગ્રેબ અને સીએસ વિશે થોડી વધુ જાણવા માંગતા હો, કે ત્યાં તમારા માટે પ્રયત્ન તરીકે તેને 0 સપ્તાહમાં હતી થશે. પણ જો તમે અમને CS50 બપોરના માટે આ શુક્રવાર જોડાવા 1:15 કલાકે માંગો છો, માટે cs50.net/lunch વડા. વધુ મુસીબત વગર, હું તમને શિક્ષણ સાથી જોસેફ ઓન્ગ આપે છે. હાય. [વધાવી] આભાર. પ્રથમ વખતે હું ડિઝાઇન વિશે શીખી અહીં એક વર્ગ CS179 તરીકે ઓળખાતી હતી. 

તે સમયે પ્રોફેસર અમને બીજી અધ્યાપક વિશે વાર્તા સંભળાવી જે એક હોટલમાં ગયા હતા અને faucets ઉપયોગ થાય છે. કોઈને પણ મને કહી શકો છો કે શું ડાબી બાજુના 2 knobs અને અધિકાર નથી? [વિદ્યાર્થી] હોટ અને કોલ્ડ. >> હોટ અને કોલ્ડ. ગુડ. તમે શું અપેક્ષા સામાન્ય રીતે, અધિકાર? આ પ્રવાહી વહેવાનો હરકોઈ જાતનો નળ ઉપયોગ કર્યા બાદ આ પ્રોફેસર એક સ્નાન લેવા માગે છે, અને તેમણે આ ઉપયોગ આગળ. તેમણે ડાબા વિચારે છે અને જમણી બાજુ ગરમ અને ઠંડા હોય છે, અધિકાર? પરંતુ કોઈને મને આ ખરેખર શું કરવું કહી શકે છે? કોઈપણ હાથ? [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> એક સૂચન છે? [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> તાપમાન? તેથી તેમાંથી એક તાપમાન અને અન્ય નિયંત્રણો નિયંત્રિત? >> [વિદ્યાર્થી] પાણી દબાણ. પાણી દબાણ. ગુડ. આ અધ્યાપક આ માં લઈ જશે, અને વિચારવાનો તેઓ ગરમ અને ઠંડા નિયંત્રિત કરવામાં આવે છે, જમણી એક છે, જે તેઓ વિચારે છે અપ ગરમ, બધા માટે માર્ગ છે વળે કારણ કે તેમણે એક ગરમ સ્નાન લેવા માગે છે. વેલ, આ ખરેખર અપ મેળ ખાતા નથી, તેથી તેણે આ મજા ખૂબ જ ન અનુભવ નોંધાયો નહીં એક ઠંડા વરસવું હોય છે, અને અમે તમામ જાણીએ છીએ કે શું લાગે છે. આ એક ડિઝાઇન ખામી એક ઉદાહરણ છે. હું શું અર્થ દ્વારા કે પ્રવાહી વહેવાનો હરકોઈ જાતનો નળ તેની અપેક્ષા છે મેળ ખાતી શું સ્નાન બહાર આવ્યા નથી, જે તેમના માટે કમનસીબ પ્રકારની છે. તેથી આ એક એવી ડિઝાઇન ખામી કે વાસ્તવિક જીવનમાં બને છે એક ઉદાહરણ છે. પરંતુ અમે અન્ય મુદ્દાઓ પર તમામ પ્રકારના તેમજ જુઓ. અમે કદાચ MBTA સિસ્ટમ ચાહકો નથી. આ લન્ડન માં સબવે વાસ્તવમાં સિસ્ટમ છે, જે કહે છે કે 'આ બટન ઉપયોગ નથી. " તે શા માટે છે પણ ત્યાં પર? અમે પણ શા માટે કાળજી કરું? હું જ્યારે બાળક તો ઘર માં ટેક સમજશકિત એક છે હતો, જ્યારે કમ્પ્યુટર તૂટી જશે, મારી મમ્મીએ મને આવશે, મને આ સ્ક્રીન દર્શાવે છે અને મને પૂછ્યા શું થયું. 

પણ મને ખબર નથી આ શું અર્થ થાય છે. [અટ્ટહાસ્ય] શું? [અટ્ટહાસ્ય] ક્યારેક અમે સોફ્ટવેર વિકાસકર્તાઓને જેવી લાગે ફક્ત trolling અમને. જેમ વપરાશકર્તાઓ અમે, જેમ છો "શું થઈ રહ્યું છે કોઇએ અમને જણાવો." આ તમામ ડિઝાઇનના મુદ્દાને નીચે આવે છે. ડિઝાઇન, કારણ કે અમે જોઈ શકે છે, કેવળ સૌંદર્ય શાસ્ત્ર વિષે નથી, તે કેવી રીતે વસ્તુઓ જોવા વિશે નથી. અમે અહીં જુઓ કે આ અહીં ઉપર પોપ અપ થોડું ખરેખર ખૂબ સરસ લાગે છે. તે પૃષ્ઠભૂમિ ઘટાડો પડછાયો હોય, તો સરહદ પર જઈને radiuses છે. તે ખરેખર પ્રકારની છે. તે ખરેખર સારી કારણ કે તે ખૂબ જ વપરાશકર્તા અનુકૂળ નથી નથી રચાયેલ છે. કે પોપ અપ થોડું છે કે જે આવે ખરેખર મને કોઇ માહિતી આપી નથી શું થઈ રહ્યું છે તે વિશે મને તે વપરાશકર્તા તરીકે કંઇ નથી કહેવું નથી કેવી રીતે ભૂલ પુનઃપ્રાપ્ત કરવા વિશે. અમે વસ્તુઓ છે કે જે ડિઝાઈન નથી વિશે વિચારો કરવા માંગો છો. પ્રથમ, તે સૌંદર્ય શાસ્ત્ર નથી. તે પણ બિનજરૂરી વિધેય ટન સાથે ભરણ છે તમારી એપ્લિકેશન. જો તમે થાઈ રેસ્ટોરન્ટ છો, તો તમે કદાચ એક જ સમયે એક દંત ચિકિત્સક પ્રયત્ન કરવા નથી માંગતા. અને Facebook પ્રશ્નો સાથે, ઘણા લોકો તે ઉપયોગ નથી અને તે ખરેખર તેઓ શું મકાન હતી કોર ન હતી. અને તેથી તે સારું છે તે વિશે વસ્તુઓ જથ્થો ખૂબ જ લાગે છે નથી જો કે તમે તમારી અરજી પરંતુ ગુણવત્તા માટે આપી રહ્યા છીએ અને તમે તે વપરાશકર્તા અનુભવ કેવી રીતે વધુ સારી રીતે કરી રહ્યા છીએ દ્વારા ખરેખર તમે શું પહેલેથી પર સુધારી રહ્યા છીએ. 

ટૂંકમાં, ડિઝાઇન અમને કહે છે કે અમે શું બિલ્ડ કરીશું. ઉદાહરણ તરીકે, જો આપણે કંઈક કે અમને વસ્તુઓ શોધવા અપ મકાન કરી રહ્યાં છો, ગૂગલ જેવી છે, ઉદાહરણ તરીકે, અમે એક રીતે વસ્તુઓ કરવું જોઈએ કે વપરાશકર્તા ક્લિક્સ ઘણાં લેવા માટે તેઓ શું કરવા માંગો છો વિચાર જરૂર છે, અથવા આપણે તે રીતે કરવું જોઈએ, ઉદાહરણ તરીકે, Google ઝટપટ સ્વત: પૂર્ણ અથવા સાથે, કે જેનાથી અમારા પરિણામો મેળવવા ઝડપી? એન્જીનિયરિંગ સમાવેશ થાય છે, જેમ કે ટોમી તમે બતાવે છે, વાસ્તવમાં તે તૈયાર કરશે. ત્યાં ડિઝાઈન પ્રકારના ઘણાં છે. ઉદાહરણ તરીકે, જો તમે કંઈક નિર્માણ કરી રહ્યાં છો કંઈક જમાવવા માટે એક થર્ડ વર્લ્ડ દેશ જ્યાં ત્યાં ખૂબ વીજળી અથવા તે ખૂબ ટેકનોલોજી નથી, તમે ડિઝાઇન તમે શું કરી રહ્યાં છો મકાન ધરાવે છે એક રીતે તે સરળતાથી ત્યાં લોકો ઍક્સેસ આપે છે. પરંતુ અન્ય ડિઝાઇન નિર્ણયો કેવા પ્રકારના શું ત્યાં હોઈ શકે છે અથવા આ કંઈક સામેલ હોઈ શકે છે? યાહ. હું હાથ જુઓ. [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> અધિકાર. બરાબર. સુલભતા એક ચીજ છે. ઘણા લોકો વિશે નથી લાગતું નથી, "મારા વપરાશકર્તાઓ વિશે શું?" ક્યાં વર્ણપટના ચરમસીમાની જેવા હોય છે. હું વપરાશકર્તાઓ કે જે અસમર્થતા છે કે હું વિશે વિચારી રહ્યો છું શકે છે અને હું માત્ર સામાન્ય વપરાશકર્તા માટે ડિઝાઈન વિશે વિચારી રહ્યો છું. ઇન્ટરનેટ દરેકને દ્વારા સુલભ આજકાલ છે, અને હું તે લોકો માટે ડિઝાઇન કરવામાં જોઈએ. અન્ય ડિઝાઇન નિર્ણયો કેવા પ્રકારના શું તમે છો? હા. >> [વિદ્યાર્થી] કિંમત. ખર્ચ છે. ખૂબ જ સારો. અન્ય વસ્તુ અમે અમારી ડિઝાઇન નિર્ણયો પર આધાર શકે કિંમત હોય છે. જો અમે બિઝનેસ છો, તો તમે કંઈક કે જે ખૂબ ખર્ચ ન લાગે પેદા કરતું બિલ્ડ કરવા માંગો છો પરંતુ ખાસ કરીને ઊંચી કિંમતે વેચી અથવા અમારી અમુક નફો વિચાર કરી શકે છે. 

આ ડિઝાઇન તમામ અલગ અલગ પ્રકારના હોય છે, પરંતુ જ્યારે અમે ઇન્ટરનેટ પર કંઈક નિર્માણ કરી રહ્યાં છો અથવા જ્યારે અમે કંઈક છે જે કદાચ તે બહુ નથી કિંમત માટે હવે બિલ્ડ નથી નિર્માણ કરી રહ્યાં છો, ઇન્ટરનેટ અરજીઓ જેમ - તમે તેને ખૂબ મૂડી ફેંકવું નહીં હોય ક્રમમાં કંઈક કે જે વાસ્તવમાં કામ કરે છે માટે - અમે તે વિશે વધુ ચિંતાતુર છો શું વપરાશકર્તા અનુભવ છે. અમે આ વપરાશકર્તા કેન્દ્રિત ડિઝાઇન કૉલ કરો. અનિવાર્યપણે વપરાશકર્તા કેન્દ્રિત ડિઝાઇન શું તમે જાતે તમારા સમાવેશ થાય વપરાશકર્તાઓ જૂતામાં મૂકી છે. જો હું શું મકાન છું માટે કોઈને અપ સંકેતો, તેઓ દેખીતી રીતે મન એક ધ્યેય સાથે કર્યું છે મારું ચોક્કસ કાર્યક્રમ માટે આવે છે, એક કાર્ય સાથે તેઓ પૂર્ણ કરવા માંગો છો. અને તમારી નોકરી જ છે માટે જ તેમને મદદ કે કાર્ય પૂર્ણ પરંતુ તેમને મદદ તે રીતે કાર્યક્ષમ, સાહજિક છે કે કાર્ય પૂર્ણ, અને, કેટલાક વ્યક્તિ ત્યાં પર જણાવ્યું હતું કે, વાપરી શકાય. કાર્યક્ષમતા શું અર્થ છે? કાર્યક્ષમતા અર્થ એ થાય ઝડપથી કેવી રીતે મારું વપરાશકર્તા મારું ઈન્ટરફેસ આપવામાં કાર્ય પૂર્ણ નથી. એ નથી કે તે ક્લિક્સ ઘણાં લેવા માટે તેમને એક સ્થળ પરથી બીજા મેળવવા માટે? તે જટિલ? શું તેઓ પુનરાવર્તિત કાર્યોને ઘણાં કરવા છે? અમે શક્ય તેટલી અસરકારક તે પ્રક્રિયા કરવા માંગો છો જેથી તેઓ વસ્તુઓ તે પ્રકારની કરતા નથી. Intuitiveness માટે, કે ઉદાહરણ માટે છે, જો વપરાશકર્તા મારું ઈન્ટરફેસ જુએ છે, તે સરળ માટે તેમને સ્થળે મેળવવા માટે? તે સરળ માટે તેમને બહાર આકૃતિ માટે તેઓ શું મારા ઈન્ટરફેસમાં ક્લિક કરી ક્રમમાં તેમને માટે ધ્યેય અથવા કાર્ય કે તેઓ પ્રાપ્ત કરવા માંગો છો હાંસલ કરવા માટે? 

અને છેલ્લે, એક વ્યક્તિ ત્યાં પર જણાવ્યું હતું કે, સુલભતા ખૂબ જ મહત્વપૂર્ણ છે. [પુરૂષ વક્તા] તે દ્રષ્ટિ જેવી વસ્તુઓ માટે સુલભતા માટે આવે છે, માંગો હું કેવી રીતે વાસ્તવમાં નથી કોઈને જે અંધ છે માટે કંઈક ડિઝાઇન? ઓહ. જે લોકો પર જોઈ શકો છો, અમે સ્ક્રીન વાચકો કહેવાય કંઈક હોય છે. તમે શું કરવું જોઈએ શું છે તમે એક રીતે તમારી વેબસાઇટ બિલ્ડ જોઈએ કે, ઉદાહરણ તરીકે, ખાસ ટેકનોલોજી આપણે શું કહી - ત્યાં વસ્તુઓ હવે ઘણી બધી છે. મને લાગે છે કે ત્યાં સ્ક્રીન JAWS કહેવાય વાચકો છે. આ બધી વસ્તુઓ ઘણાં પર આધાર રાખે છે, આપણે શું વિસ્તાર નિયમો કૉલ હુકમ બહાર વપરાશકર્તા માટે વાંચવા માટે શું પાનાં પર હાજર છે. તે લોકો જોઈ શકતા નથી, તો ખાતરી કરો કે જરૂર છે કે આ સ્ક્રીન વાચકો ખરેખર અપ પસંદ કરી શકો છો પૃષ્ઠ પરની સામગ્રી અને ખરેખર તમારા વપરાશકર્તાઓ બતાવી શકે, જો તમે જોઈ શકતા નથી, તો તમે હજુ પણ ઓછામાં ઓછા પૃષ્ઠ પરની સામગ્રી સમજી શકે છે. યાહ. ઠીક છે. પૂરતી સારી ડિઝાઇન વિશે વાત. ચાલો ખરાબ ડિઝાઇન વિશે વાત કરો. આ વસ્તુઓ છે કે જે તમે નથી તો મારે શું કરવું છે. કોઈને ક્રૈગ્સલિસ્ટ સાથે તેમના અનુભવો વિશે મને કહી શકો છો અને તેઓ લાગે શું તેથી આ ડિઝાઇન વિશે મહાન નથી? હા. >> [વિદ્યાર્થી] મને લાગે છે કે ત્યાં એક વિસ્તારમાં ઘણા વધારે શબ્દો છે. ઘણા બધા શબ્દો, અધિકાર? સંપૂર્ણપણે જબરજસ્ત. તમે આ પાનાં પર આવવા અને તમે અહીં એક વસ્તુઓ સંપૂર્ણ સમૂહ સાથે શુભેચ્છા કરી રહ્યાં છો પણ તમે તો કોઈ વાંધો શકે છે. ઉદાહરણ તરીકે, તમે એક રાજ્ય છે કે જે આ અક્ષરથી શરુ થાય નહિં રહે છે. હવે કહો કે તમે ટેક્સાસ અથવા કંઈક રહે છે. 

તમે પૃષ્ઠ નીચે તમામ માર્ગ સ્થાન તમને છે મેળવવા સ્ક્રોલ છે. હું બોસ્ટન છું, જેથી દો મને મેસેચ્યુસેટ્સમાં જુઓ. જ્યાં મેસેચ્યુસેટ્સ છે? ઓહ, તો તે અહીં જ છે. ઓહ, તે બોસ્ટન છે. ઠીક છે. ચાલો બોસ્ટન જુઓ. [અટ્ટહાસ્ય] સુંદર જબરજસ્ત, અધિકાર? ત્યાં ઉપર બેડોળ વસ્તુઓ. [અટ્ટહાસ્ય] હવે કહો કે હું શોધી રહ્યો છું ક્યાંક માટે જીવે છે. કેટલા લોકો ખરેખર ક્રૈગ્સલિસ્ટ ઉપયોગ કર્યો છે? તમે ટન. ત્યાં ખૂબ ખરાબ આ જોવા છે, પરંતુ આપણે આ જોવા માર્ગો છે. આઇએમજી અને ચિત્રને વચ્ચે શું તફાવત છે? કોઈને પણ મને કહી શકો છો? ત્યાં ખરેખર કોઈ તફાવત નથી. તેઓ બરાબર એ જ વસ્તુ અર્થ છે, પરંતુ તેઓ કોઈક કારણોસર તેમના માટે અલગ લેબલ્સ છે. જો હું છે પર ક્લિક કરો છબી, કંઇ પૃષ્ઠ પર થાય છે. હું વાસ્તવમાં શોધ કરવા માટે થાય છે કંઈક માટે ફરી ક્લિક કરો હોય છે. શું વધુ સારી ડિઝાઇન નિર્ણય કે ત્યાં થઈ શકે હોઈ શકે? જો હું કે ફિલ્ટર પર ક્લિક છું, હું કદાચ ચોક્કસ ક્રિયા દ્વારા ફિલ્ટર કરવા માંગો છો અથવા ચોક્કસ શ્રેણી. તેથી તેના બદલે શોધો ફરીથી દબાવો કર્યા, મેં હમણાં જ આપોઆપ ગાળણ કરી શકે ગૂગલ શૈલી જ્યાં તેઓ તેને તુરંત કરવા જેવું. [Malan] રચે છે પરંતુ નથી અમે જોઇ છે તેમને આ રીતે અત્યાર સુધી શારીરિક સબમિટ હોય છે હિટ કરીને અથવા ઓછામાં ઓછી એક બટન પર ક્લિક લખો? જેમ તમે તેમને જોયેલા અત્યાર સુધી, તમે ખરેખર તે વસ્તુઓ સબમિટ કરો ક્લિક કરો હોય છે. 

પરંતુ ટોમી તમે બીજા બતાવશે, ત્યાં ખરેખર તમારા માટે માર્ગો કે જેથી જ્યારે તમે તે વસ્તુ પર ક્લિક કરો તે આપોઆપ મોકલી શકો છો આપણે AJAX વિનંતી કૉલ અને માહિતી પાછી મેળવવા અને તમારા પરિણામો તત્કાલ ફિલ્ટર કરે છે. ત્યાં વસ્તુઓ છે કે જે આ ઈન્ટરફેસ સાથે ખોટું છે ટન છે. [Malan] તમે કેમ્બ્રિજ માટે શોધ કરી શકો છો? ત્યાં થોડો વિલક્ષણ કંઈક અહીં તમે જ્યાં કેમ્બ્રિજ વિશે કાળજી અને હજુ સુધી તમે Westford, સ્પ્રીંગ હીલ, પશ્ચિમ ન્યૂટન અને તેના જેવા રહ્યાં છો. કદાચ આદર્શ નથી. >> કદાચ નથી આદર્શ. હું આ ખાસ પાનાં પર વપરાશકર્તાની અનુભવ વધુ સારી રીતે કરી શકશો કેવી રીતે હોઈ શકે? હા. >> [વિદ્યાર્થી] સૂચનાઓ. ઠીક છે. અર્થમાં જેવું શું સૂચનો? ઉદાહરણ તરીકે [વિદ્યાર્થી], પ્રથમ વખત વપરાશકર્તાઓ કે જે પણ ક્રૈગ્સલિસ્ટ શું છે ખબર નથી માટે એક વસ્તુ અથવા તમે જાણતા નથી શું તમારે માનવામાં કરી રહ્યાં છો. અધિકાર. તેથી સમજાવીને ક્રૈગ્સલિસ્ટ શું આ પૃષ્ઠ પર છે મહત્વપૂર્ણ છે. અમે ખરેખર વપરાશકર્તાઓ કહેવું આ પાનું શું ખરેખર શકે છે. જો હું ફક્ત આ મુલાકાત લઈ રહ્યો છું, હું સ્થળોએ સંપૂર્ણ સમૂહ જુઓ. હું પણ તેઓ શું અર્થ જાણતા નથી. પરંતુ વધુ મહત્ત્વની, ફક્ત આ ઈન્ટરફેસ પર looking, યાદ મને નીચે વસ્તુઓ એક ટન સરકાવવા માટે ચોક્કસ સમુદાય શોધી હતી કે હું ખરેખર આ વિશે સંભાળ. એક ઝડપી રીત હું કે કરી શકે શું છે? હા. [વિદ્યાર્થી] તેઓને ભાગાકાર અપ પૂર્વ, પશ્ચિમ વિસ્તારોમાં વહેંચાયેલું. ઠીક છે. >> હું તેમને વધુ વર્ગો કે મને મદદ કરી શકે છે તે નક્કી ઝડપી વિભાજીત કરી શકે છે કેવી રીતે તે ચોક્કસ સ્થાન મેળવવા માટે. [વિદ્યાર્થી] યાદી નીચે મૂકો. >> અધિકાર. ઠીક છે. હું એક ડ્રોપ ડાઉન મેનુ ઉપયોગ કારણ કે અમે વસ્તુઓ એક ફિક્સ હોય શકે છે અને અમે તેમને ડ્રોપ ડાઉન મેનુ માં જોવા મળી શકે છે. માર્ગ કે તે સ્ક્રીન પર ખૂબ જ જગ્યા લેવા નથી. પરંતુ તેમ છતાં પણ કરતાં સારું, અમે શું કરી શકો છો? હા. >> [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> છે કે જે તમને ફરીથી કહી શકું? >> [વિદ્યાર્થી] શોધ બોક્સ. અરે વાહ, એક શોધ બોક્સ. કે મહાન છે. અમે ખરેખર શું કરી શકો છો છે જો અમે સ્લાઇડ્સ, શોધ બોક્સ પર એક નજર. સ્વત: પૂર્ણ. ખૂબ સરળ પરિણામો કે તમને ખબર મારફતે શોધવા માર્ગ સમૂહ છે. જો હું BO ટાઇપિંગ શરૂ કરો, ફક્ત મને બધા પરિણામો છે કે તેમને BO અંદર હોય છે દર્શાવે છે. તે રીતે હું ખૂબ સરળતાથી ચોક્કસ એક હું જવા માગતા શોધી શકો છો તેના બદલે આ ખરેખર મોટી સ્ક્રોલ કર્યા છે. 

આ ખરેખર ઓછી અટકી ફળ તમામ પ્રકારના હોય છે કે કોઇ વ્યક્તિએ ક્રૈગ્સલિસ્ટ અમલમાં છે વાસ્તવમાં ખૂબ તેમના ચોક્કસ વપરાશકર્તા માટે સારી વેબસાઇટ પર આ અનુભવનું બનાવવા કરી શકો છો. ઠીક છે. પૂરતી ખરાબ વેબસાઇટ્સ વિશે વાત. ચાલો ફેસબુક વિશે વાત કરો. , જ્યારે ફેસબુક બહાર આવ્યા, અને ખાસ કરીને ફેસબુક ફોટા ત્યાં અન્ય સેવાઓ કે જે સમયને બરાબર એ જ વસ્તુઓ કરી શકે ખાતે ઘણાં હતા. તેઓ આલ્બમ્સ તમારા ફોટા ગોઠવવા શકે છે. તમે કરી શકે શું છે તો તમે તેમને સેટ માં તેમજ આયોજન કરી શકે છે. તમે તેમને તારીખ દ્વારા આયોજન કરી શકે છે. તમે આ બધી ખાસ વસ્તુઓ કરી શકે. પરંતુ કોઈને ખબર નથી શું બનાવવામાં ફેસબુક ફોટા સમયે તે રિલીઝ કરવામાં આવી હતી અંતે ફૂટવું? હા. >> [વિદ્યાર્થી] ટૅગ્સ. >> ટૅગ્સ. બરાબર. અમે અહીં ઉપર મિલો, જે અમારા કે CS50 બન્ડાના સાથે કૂતરો માસ્કોટ છે. તમે જોઈ શકો છો કે અમે મધ્યમાં આ ટેગિંગ લક્ષણ હોય છે. અને શું એક ઉપયોગીતા મુર્ખતા ફેસબુક ફોટા જેથી રસપ્રદ બનાવવામાં એ છે કે તે ખરેખર આ દ્વારા લોકો તેમના ફોટામાં તેમના મિત્રો સમાવેશ કરવા માટે મંજૂરી આપી હતી. ફેસબુક માટે, કારણ કે તેમની વેબસાઇટ ખાસ કરીને સામાજિક છે, તે સામાજિક વાતાવરણ આ પ્રકારની નિર્માણ વિશે છે. કે ફોટા અનુભવ ઘણો વધારે સુધારો થયો કારણ કે તેઓ વાસ્તવમાં એવું કહેતા શરૂ કરી શકે છે, "આ લોકો વચ્ચે જોડાણો છે, અને આ લોકોને તમે ખરેખર કાળજી વિશે ફોટા નથી. " તે ભાગ પણ પ્રકારની આત્મરતિ છે. લોકો કે ફોટા અને વસ્તુઓ માં ટૅગ કરી ગમશે. જ્યારે કે સારી માનવ લક્ષણ હોય તે જરૂરી છે, તે જ સમયે તે સારી ડિઝાઇન નિર્ણયો પર આધારિત છે કારણ કે લોકો ખરેખર આ જેવી વસ્તુઓ વિશે કાળજી. જેથી ફેસબુક ફોટા છે. 

દો પરંતુ ફેસબુક વધુ સામાન્ય વાત કરો. મને ખાતરી છે કે લોકો અહીં ઘણાં ફેસબુક વિશે અભિપ્રાય છે છું, બંને સારા ડિઝાઇન નિર્ણયો અને ખરાબ ડિઝાઇન નિર્ણયો. તેથી આપણે વસ્ત્રમાં લાંબો ચીરો અથવા ખુશ છે. પર આવો. મને ખબર છે કે તમે બધી ફેસબુક વાપરો. કોઈને કંઈ ખરાબ કહેવું અથવા સારા કંઈક કરવા માટે તે વિશે કહેવું હોય છે. હા. સમાચાર ફીડ માં [વિદ્યાર્થી] ત્યાં વસ્તુઓ હું ખરેખર વિશે પડી નથી ઘણો છે. સમાચાર ફીડ વસ્તુઓ તમે વિશે કાળજી શકે ઘણો બતાવવા કરે છે. તમને Facebook પર મિત્રો તમે જે 2 અથવા 3 વર્ષ માટે મળ્યાં નથી હોય અને તમે તેમના સમાચાર પરિણામો તમારા સમાચાર ફીડ માં ધાણી જુઓ અને તમે ખરેખર તે વિશે પડી નથી. ફેસબુક ખરેખર એક આ વધુ સારું બનાવવા પ્રયત્નો કર્યા છે, અને તેઓ વાસ્તવમાં ના અંત સુધીમાં આ સમાચાર ફીડ ટોચ પર સુસંગત પરિણામો દબાણ કરવાનો પ્રયત્ન કર્યો છે જેથી તમે ખરેખર મિત્રો કે જે તમને અથવા તમારા નજીકના મિત્રો સાથે સંબંધિત હોય દ્વારા વસ્તુઓ જુઓ. બીજું કંઇ? હા. [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> છે કે જે તમને ફરીથી કહી શકું? [વિદ્યાર્થી] આ જાહેરાતો પ્રમાણમાં સ્વાભાવિક છે. અર્થમાં કયા >>? [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] તેઓ બેનરો જેવા સ્ક્રીન પર પ્રકાશ નથી,. ઠીક છે. કે સારા હોય છે. જો તમે '90s ના ઈન્ટરનેટ યાદ - >> [Malan] હું ત્યાં હતો. >> તેઓ ત્યાં હતા. [અટ્ટહાસ્ય] તમે ફ્લેશિંગ GIFs પૃષ્ઠભૂમિઓ, sparkly વસ્તુઓ યાદ શકે છે, GeoCities વસ્તુઓ શૈલી સૉર્ટ કરો. કે ખરેખર એક સારી ડિઝાઇન એક ઉદાહરણ નથી કારણ કે તે ખરેખર સામગ્રી કંટાળી છે. યેલ કલા તેમના પૃષ્ઠભૂમિ તરીકે એનિમેટેડ GIFs હોય ઉપયોગમાં લેવાતી વેબસાઈટ અને તમે કંઈપણ પાનાં પર વાંચી શકે છે, પરંતુ હું માનું કોઇને ખરેખર તેમને વાત કરી અને હવે તે થોડી અલગ છે. [Malan] તે વધુ સારી રીતે ખૂબ હવે છે. >> તે વધુ સારી રીતે ખૂબ હવે, જેમ તમે જોઈ શકો છો. >> [Malan] ઓહ હા. જસ્ટ મહાન, માત્ર - અરે વાહ. ઠીક છે. 

તે ભાગ પણ તમારા પૃષ્ઠ કદાચ બહુ ઓછામાં ઓછા અને અત્યંત સમજી બનાવે છે એક રીતે તે ખૂબ જ લોજિકલ છે માં પાનું પ્રવાહ પર વસ્તુઓ જેથી અને દરેક અન્ય દિશામાં વિચાર કરતા નથી. અન્ય બાબતો શું પ્રકારની ફેસબુક વિશે સારી કે ફેસબુક વિશે ખરાબ છે? ચાલો માત્ર એક ડિઝાઈન વાતચીત અહીં છે. ઓહ. જ્યાં? યાહ. [વિદ્યાર્થી] નવી ટાઈમલાઈન સિસ્ટમ તમને તેમના ભૂતકાળ વિશે વ્યક્તિની પ્રોફાઇલ શોધવા માટે પરવાનગી આપે છે. Ooh, ટાઈમલાઈન. ટાઈમલાઈન એક મહાન વસ્તુ છે કારણ કે તે તમે દાંડી તમારા મિત્રો દે પાછા જ્યારે તેઓ હાઇ સ્કૂલ હતી. ટાઈમલાઈન સારું છે કારણ કે તે તમને ખૂબ ઝડપથી સામગ્રી દ્વારા ફિલ્ટર, તે તમને વસ્તુઓ છે કે જે અન્યથા તમે ખરેખર લાંબા સમય લેવામાં આવશે શોધવા માટે શોધી હમણાં સરકાવવાથી અને નીચે, ઉપર, અપ અપ અપ અપ સમય પાછા જવા જેવી. પરંતુ તે પછી ત્યાં પણ વપરાશકર્તા અનુભવ દ્રષ્ટિએ કે નુકસાન જેવું. કે શું હોઈ શકે? મોટા શબ્દ કે પી આર સાથે શરૂ થાય છે. >> [વિદ્યાર્થી] ગોપનીયતા. >> ગોપનીયતા, અધિકાર? ગોપનીયતા એક વિશાળ વપરાશકર્તા અનુભવ મુદ્દો છે. આ એક વસ્તુઓ હું ફેસબુક વિશે સૌથી હવે અપ્રિય છે. [અટ્ટહાસ્ય] [Malan] જેમ હવે હું શું કરું. ડેવિડ નથી ખ્યાલ નહોતો તે આ ખરેખર ગઈકાલે સુધી થયું. તેથી હવે તેઓ જાણે છે કે દર વખતે હું તેમને ગપસપ મને ખબર છે તેઓ મને કરવામાં રાખવાની છે. [Malan] આ ત્રાસદાયક ભાગ હું ખરેખર હતો તેને અવગણીને, અને મને ખબર ન હતી કે તેઓ જાણતા હતા કે હું તેને અવગણીને હતી. [અટ્ટહાસ્ય] ગોપનીયતા એક વિશાળ મુદ્દો છે. અહીં કોઈને પણ મને કહી શકો છો કે શું ફેસબુક ગોપનીયતા વિષે ખરાબ હોઇ શકે છે હકીકત એ છે કે તેઓ આ બધું કરવા જેવી વસ્તુઓ ઉપરાંત? તે શું છે ખાસ કરીને હાર્ડ ફેસબુક ગોપનીયતા સંદર્ભમાં કરે છે? તે સૉર્ટ એક અગ્રણી પ્રશ્ન છે. હા. >> [વિદ્યાર્થી] કેટલાક લોકો પાસેથી તમારા ફોટા છુપાવો. અધિકાર. બરાબર, ચોક્કસ લોકો પાસેથી તમારા ફોટા છુપાવવા માટે. તેઓ જમણા કે તમને ફોટો ની ગોપનીયતા ટૉગલ આ નાની, ઓછી બટન હોય છે. તેમની ગોપનીયતા વિકલ્પો ખૂબ મેનુઓ વિવિધ પ્રકારની અસમતુલા વચ્ચે વૈવિધ્યસભર છે. 

તેઓ પુષ્કળ સારું તે વિશે મેળવેલ કર્યું છે તાજેતરમાં, પરંતુ તે કિસ્સામાં ઉપયોગ જ્યારે પણ તમે જોઈ ફોટા તમારા મિત્રો રોકવા માગતા હતા કે, તમે ખૂબ જ જટિલ જેવા હોવાની પ્રક્રિયા 5-પગલું પસાર હોવી જોઈએ, દો મને આ લિંક પર ક્લિક કરો, હવે દો મને ફરી ક્લિક કરો દો, મને ફરીથી ક્લિક કરો, દો મને સ્પષ્ટ છે કે જે લોકો મારા ફોટા જોઈ શકો છો. ખાસ કરીને માતાનો ફેસબુક ભાગ પર સારૂં નથી કારણ કે આમ વપરાશકર્તા અનુભવ વિશે ખૂબ વાસ્તવમાં તેમને સ્વતંત્રતા આપે છે નિયંત્રિત કરવા માટે લોકો શું જોઈ શકે છે. અમે આ વપરાશકર્તા નિયંત્રણ અને સ્વાતંત્ર્ય પર ફોન કરો. જો તમે ભાડા કરી રહ્યા છો તમારા વપરાશકર્તાઓ કરવું કે એક રીતે તે કાર્યક્ષમ અને સાહજિક છે, પછી તમારા વપરાશકર્તા અનુભવ ખરેખર મહાન તમામ નથી.  You ગાય્સ માટે ફેસબુક વિષે કશું કહેવું કરવા માંગો છો? હું આ બોલ કેવી રીતે બંધ કરવું? [ઓન્ગ] તમે આ બંધ ન કરવું, અને તે ફેસબુક ભાગ પર એક વિશાળ ઉપયોગીતા દોષ છે. આ લક્ષણ - હું ખરેખર ગઈકાલે તેના પર જોવામાં - તે ક્યાં છે કે તમે તેને કરી શકો છો અથવા તેને ક્યાંક દાટી છે ખૂબ, ખૂબ ઊંડો ફેસબુક ના વિરામ કારણ કે હું સમજી નથી કેવી રીતે આ વિધેય અને નિષ્ક્રિય કરવા માટે બધા અંતે શકે છે. [Malan] પરંતુ કેટલીક વખત આ નિર્ણયો સ્પષ્ટ નથી કારણ કે તમે ગાય્સ અમને આપવામાં આવી છે વિવિધ CS50 કાર્યક્રમો પર ઉપયોગી પ્રતિસાદ ઘણો અને વેબસાઇટ્સ કે જે કોર્સમાં ઉપયોગ કરે છે. અમે આ વિનંતિઓ અને સૂચનો તમામ અમલમાં મૂકી નથી. 

કે ભાગ છે તેથી વધારે વિનંતીઓ મેળવવા માટે છે કે તે સમય એક કાર્ય છે, પણ ક્યારેક આપણે જેમ એક સભાન નિર્ણય, "તમે સૂચન બદલ આભાર, પરંતુ અમે સહમત ન થવું." જેથી તમે ખરેખર કેવી રીતે નક્કી કરી શકું કે તમે શું કરવું જોઈએ જો તમારા વપરાશકર્તાઓ લાગે છે કે તમે કંઈક કરવું જોઈએ જો તમે જરૂરી? નથી તે વાસ્તવમાં તમારા વપરાશકર્તાઓ શું કહે સાંભળીને વચ્ચે દંડ સંતુલન છે અને ખરેખર રેખા અમુક પ્રકારની હોય છે જ્યાં તમે કહો, "અમે કરવા આ વપરાશકર્તાઓને શું કહેવું નથી રહ્યા છીએ." અને ખાસ કરીને, મને લાગે છે ત્યાં હેન્રી ફોર્ડ દ્વારા જે ક્વોટ કે આ ઉપર ખૂબ સારી રીતે જણાવે હતી. "જો હું લોકોને જણાવ્યું હતું કે તેઓ શું કરવા માગે છે, તેઓ જણાવ્યું છે કે તેઓ ઝડપથી ઘોડા ઇચ્છતા હશે." કોઈને સિવાય પીંજવું કે ક્વોટ ખરેખર શું અર્થ થાય સૉર્ટ કરી શકો છો? તે માત્ર છે કે જે વપરાશકર્તાઓને ખબર તેઓ શું કરવા માંગો છો, પરંતુ તે વધુ કે - [વિદ્યાર્થી] તેઓ જાણતા નથી શું શક્ય છે. ભાગ તેઓ જાણતા નથી કે શું શક્ય છે. કે થોડો વધુ સિવાય પીંજવું. તમે શું કે દ્વારા અર્થ છે? [અશ્રાવ્ય વિદ્યાર્થી જવાબ] કે સારા હોય છે. મને લાગે છે કે અમે અહીં કહેવું પ્રયાસ કરી રહ્યા છો એ છે કે લોકો જાણે તેઓ શું કરવા માંગો છો. તેઓ ઝડપી ઘોડા કરવા માંગો છો. તેઓ ખરેખર કરવા માંગો છો શું ઝડપથી ખસેડવા ક્ષમતા છે, પરંતુ તેઓ ખરેખર માધ્યમ છે કે જેના દ્વારા કે મેળવવા માટે જાણતા નથી. જ્યારે તમે તમારા વપરાશકર્તાઓ માટે આવો અને તમારા વપરાશકર્તાઓ તમે કંઇક કહેવું અને તેઓ તમને કહી, "અમને આ સુવિધાઓ અને આ સુવિધાઓ અને આ સુવિધાઓ માંગો છો," તમે જરૂરી વિશે વિચારો નથી માંગતા, "ચાલો, મને આગળ વધો "અમલ અને તેઓ શું કહે છે બાહ્ય રીતે," પરંતુ તમે આ વિષે વિચારવા માગતા શું છે, "વિચારો જેવું શું હું તે મેળવી શકો છો?" તેઓ શું ખરેખર કરવા માંગો છો? 

અને ત્યાંથી શું તમે કરી શકો છો, કંઈક કે જે તે અરજીઓ સંતોષે ડિઝાઇન છે પરંતુ જરૂરી નથી કે જે રીતે વપરાશકર્તા તેને સંતુષ્ટ કરવા અપેક્ષા છે. તેથી અંતિમ પ્રોજેક્ટો જેવા અત્યંત વાસ્તવિક દ્રષ્ટિએ કંઈક, માટે, ઉપયોગી સંશોધનાત્મક શું છે જ્યારે તે કંઈક વધુ સારું બનાવવા માટે આવે છે, ખાસ કરીને જો ડિઝાઇનર તેમને વિશે આ ઘમંડ છે જેથી કરીને તમે પ્રકારના જાણવા શ્રેષ્ઠ છે, તો તમે તમારા વપરાશકર્તાઓ તરફથી ઇનપુટ લઇ શકે છે, પરંતુ તમે કેવી રીતે વાસ્તવમાં નથી કે પ્રતિક્રિયા વિશે જવા? અંતિમ પ્રોજેક્ટ, ખૂબ concretely, શું શ્રેષ્ઠ પરિણામો અહીં પેદા કરે છે? શું શ્રેષ્ઠ પરિણામો ઉત્પન્ન કરે છે - અને હું આ બોલ બીજા જશે - અને પછી વિકાસશીલ પરીક્ષણ અને પછી વારો આ પ્રક્રિયા છે. હું પરીક્ષણ દ્વારા શું અર્થ સામાન્ય રીતે જ્યારે તમે કંઈક ડિઝાઇન તમને લાગે છે કે તે એકદમ સારું, જેમ છે, "હું આવા મહાન ડિઝાઇનર છું દરેક વ્યક્તિને આ પ્રેમ રહ્યું છે.". અને પછી તમે તેને મૂકવા બહાર ત્યાં અને લોકો ખરેખર કોઈક કારણોસર તે ગમતું નથી. તમારે કરવા માટે શું વસ્તુઓ છે કે જે લોકો જેવા કરવું ભાગોને લાગી હોય છે અને વસ્તુઓ કે જે લોકો ગમતું નથી સુધારવું. તે ખૂબ જ સ્પષ્ટ પ્રક્રિયા જેવી લાગે છે, પરંતુ આ પ્રક્રિયા સતત વારો તમે શું પહેલાથી જ નિર્માણ કર્યું છે શીર્ષ પર એક પ્રક્રિયા છે કે જે તમને મદદ કરે છે માત્ર તમારા પોતાના ડિઝાઇન કૌશલ્યોને રિફાઇન પણ તમને ડિઝાઇન રિફાઇન જેથી લોકો ખરેખર તમારા ઉત્પાદન વધારે તેઓ પહેલાં હતી પ્રશંસા કરીએ છીએ. 

હું પર તમે શું ખરેખર શું શકે વધુ નક્કર ઉદાહરણો જવા પડશે. એક ઉત્પાદન છેલ્લા ઉદાહરણ સૉર્ટ તરીકે, ચાલો લાકડાનું હોડકું જુઓ. લાકડાનું હોડકું જ્યારે તે બહાર આવ્યા ખૂબ, ખૂબ લોકપ્રિય હતી. કોઈને પણ શા માટે ધારી શકે છે? વસ્તુઓના પ્રકારની તમે આ વિશે ગમે જો તમે તેનો ઉપયોગ કર્યો છે શું છે અથવા શું વસ્તુઓ તમને ન ગમતી ના પ્રકારની છે? હા. >> [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> ઠીક. કે તે એક ભાગ છે ભાડા વપરાશકર્તા ક્વેરી વધુ વિસ્તારી છે ખૂબ જ પ્રતિબંધિત જેવા એક કરતાં, "તમે તમારા પ્રારંભ તારીખ પસંદ છે "અને તમે તમારા ઓવરને તારીખ પસંદ છે." હકીકતમાં, તે તમને તે વિશે લવચીક અને તે કે જે તમને શ્રેણી માં ફ્લાઇટ્સ તમામ આપે છે. બીજું કંઇ? [વિદ્યાર્થી] તેઓ ભાવમાં ફી સમાવેશ થાય છે. તેઓ ભાવમાં ફી સમાવેશ કરે છે. કર અને વસ્તુઓ ખરેખર છે કે ભાવ સીધું ઉપર ડાબી બાજુએ જાઓ જેથી તમે વિચારી માં ચલાવી શકાતો કે તમે ખરેખર $ 240 ફ્લાઇટ માટે ચૂકવણી કરી રહ્યાં રહ્યાં છો જ્યારે તે ખરેખર 330 $. બીજું કંઇ? હા. [અશ્રાવ્ય વિદ્યાર્થી જવાબ] મને ખાતરી છે કે જો તેઓ ખરેખર દો કે જે તમને ન છું. હું ખોટું હોઈ શકે છે. તે એક રસપ્રદ બાબત એ છે જો તમે ચોક્કસ ગાળકો પર વધુ વજન મૂકી શકો છો જેથી તેઓ ટોચ પર છે કે ફિલ્ટર સંબંધિત પરિણામો દબાણ. પરંતુ કોઈને મને કહો શું તેથી આ ડાબી બાજુ વિશે ખાસ શકે છે? તમે કેવી રીતે પરંપરાગત નહોતી આ પહેલાં ઈન્ટરનેટ સેવા પર ફ્લાઇટ જોવા? 

હા. >> [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> તમે કહે છે કે શકું - [વિદ્યાર્થી] દરેક એરલાઇન. >> યાહ. દરેક એરલાઇન તેની પોતાની વેબસાઈટ છે. આ વસ્તુઓ મજબૂત. અને? [વિદ્યાર્થી] તમે ચોકકસ સમય શું તમે છોડી રહ્યા છો. તમે જાણતા નથી બરાબર સમય શું તમે છોડી રહ્યા છો, પરંતુ ખાસ કરીને ગાળકો સાથે સંકળાયેલો છે. મને અપ લાકડાનું હોડકું ખેંચો. ઓહ ગોડ, પોપ અપ્સ. ખરાબ વપરાશકર્તા અનુભવ. શું થાય છે જ્યારે હું આ બદલવા માટે સ્લાઇડર ખસેડો? [વિદ્યાર્થી] આપોઆપ સુધારે છે. >> [ઓન્ગ] આપોઆપ સુધારે છે. કે જે ઘણી મહત્વપૂર્ણ છે. આ પહેલાં, જ્યારે તમે એક ફ્લાઇટ જોવા માગે છે તમે તમારા ઈનપુટ સ્થાન, તમારા આઉટપુટ સ્થાન, પ્રેસ શોધ મૂકી હતી, તે પ્રક્રિયા અને તમારા પરિણામો બતાવો કરશે. જો તમે તમારા ક્વેરી બદલવા માગતા હતા, તમને પાછા બે વાર દબાવો હોવી જોઈએ, શરૂઆતથી નવી ક્વેરી દાખલ કરો, અને પછી તે કામ ઉપર અને ઉપર ફરીથી. આ કંઈક વિશે સરસ વસ્તુ છે તે મધ્યમ ખૂબ [દુર્બોધ] વસ્તુ વાપરે છે. જ્યારે પણ તમે આ કંઈક કરવા માટે, આ બોલ વિનંતી મારે છે અને તે તમને બધા તુરંત જ પરિણામો આપે છે. તાત્કાલિક પ્રતિસાદ આ પ્રકારની કંઈક કે લાકડાનું હોડકું જંગલીની લોકપ્રિય બનાવવામાં આવે છે કારણ કે તે ખરેખર સરળ છે મારા માટે માત્ર મારા ક્વેરી બદલવા માટે અને જે વસ્તુઓ કે જે ચોક્કસ શ્રેણી આસપાસ છે આકૃતિ માટે પાછા જાઓ અને આગળ, પીઠ, અને આગળ, પીઠ, અને આગળ કર્યા વિના. તેથી આ બાબતો તમામ પ્રકારના તમે જ્યારે તમે તમારી વેબસાઇટ ડિઝાઇન કરી રહ્યાં છીએ વિશે વિચારવા માગીએ છે. હું તે ખૂબ જ કાર્યક્ષમ કેવી રીતે બનાવી માટે મારા વપરાશકર્તાઓ મારફતે પસાર થવા માટે તેઓ જે કાર્ય કરી રહ્યાં છીએ કરી શકો છો અને તેમના અંતિમ ધ્યેય મેળવવા માટે તરીકે ઝડપથી શક્ય? [Malan] અને જોસેફની જાણીને તેઓ શું કરવા માંગો છો તે જરૂરી નથી વપરાશકર્તાઓ વિશે અગાઉ બિંદુ છે, તમે ગાય્સ શું હવે HTML વિશે જાણવાની પર આધારિત અને તમે ચકાસણીબોક્સ, રેડિયો બટનો, પસંદ મેનુઓ, ઇનપુટ ક્ષેત્રો અને તેના જેવા હોય છે, તમે એક ફ્લાઇટ માટે એક પ્રારંભ સમય ચૂંટવું વિચારને કેવી રીતે અમલ થશે? 

તે વિવિધ UI પદ્ધતિઓ જે તમે વાપરવા માંગો છો? જો તમે માત્ર HTML ની ​​જથ્થો કે જે પહેલાં શીખવવામાં આવ્યું હતું ખબર અને તમે જાણો છો કે ઇનપુટ્સ રેડિયો બટનો, ચકાસણી, ડ્રોપ ડાઉન્સ, અને ઇનપુટ બોક્સ છે, તમારા કુદરતી પસંદગી શું તારીખો ચૂંટવું સમયથી રહે છે? [વિદ્યાર્થી] ઇનપુટ. >> ઇનપુટ. અથવા કદાચ પણ તારીખો તમામ ડ્રોપ ડાઉન, અધિકાર? જેથી વધુ જટિલ આ જેવા ડાબી બાજુએ UI પદ્ધતિઓ છે કે જે તમને અમલ કરી શકે છે, તમે આ પ્રક્રિયા વધારે સાહજિક એક સ્લાઇડર સાથે કરી શકો છો કારણ કે સમય સતત હોય છે, અને લોકો સામાન્ય રીતે તે અલગ હિસ્સામાં દ્રષ્ટિએ લાગતું નથી. અધિકાર છે. છેલ્લું વસ્તુ. દસ ઉપયોગીતા heuristics. આ તમામ બાબતો અમે વિશે વાત કદાચ આમાંના એક કેટેગરી હેઠળ આવતા હોય છે. જો તમે આ કડી છે, કે જે સાઇટ્સ ઑનલાઇન પોસ્ટ કરવામાં આવશે પર જાઓ, તમે ખરેખર કરવાનો પ્રયત્ન, પડશે તરીકે તમે તમારી સાઇટ ડિઝાઇન, મન આ heuristics રાખવા અને અંગૂઠો આ નિયમો. તમારા પ્રોજેક્ટ માટે, હું શું સૂચવે છે તમે શું કરવા માટે તમારી એપ્લિકેશન વધુ સારી ડિઝાઇન કાગળ prototyping પ્રથમ નથી. જ્યારે તમે તમારી અરજી અંગે વિચારી રહ્યાં છો, ખૂબ ઝડપથી રેખાચિત્ર તમે શું કરવા માંગો છો તે જેમ દેખાય છે અને ખાતરી કરો કે બધા બોક્સ એક રીતે તે ખૂબ વપરાશકર્તા જેનો ઉપયોગ કરવા માટે સાહજિક છે ગોઠવાય છે અને તમારા મિત્રો માટે આ કાગળ પ્રોટોટાઇપ બતાવવા અને ધ્યાન કેન્દ્રિત જૂથો શરૂ કરો. જસ્ટ 2 અથવા 3 લોકોને ભેગા મળી અને તેમને કહો ફક્ત આ કાગળ પ્રોટોટાઇપ પર ટૅપ અને તેમને નવા સ્ક્રીનો બતાવવા માટે જુઓ જો તેઓ ખરેખર સમજી શું ચાલી રહ્યું છે. 

તમે શું કરવા માંગો છો તેમને કાર્ય આપે છે, કે જે કાર્ય પ્રોત્સાહન છે, અને માત્ર તેમને એપ્લિકેશન આપી અને તેમને તેને વાપરો. નહિં કે આગળ સૂચનાઓ આપી તેમને નથી. તમે ખરેખર તેમને કોઈ રસ્તો છે જે તમને દેખાતા તમારી એપ્લિકેશન સાથે વાર્તાલાપ કરવા માંગો છો તેઓ તેને કેવી રીતે વાપરો જો તમે તેમને આગામી ન ઉભા હતા થશે. અને તે ખૂબ જ મહત્વપૂર્ણ છે. કે તમે ભવિષ્યવાણી ખૂબ આપવા માટે ખાસ વસ્તુઓ હરવા ફરવામાં લોકોને હોય એક રીતે તે હું તેમને ન ઇરાદો માટે નહોતું? આવે છે તેઓ સ્ક્રીન પર ખાસ UI પદ્ધતિઓ મદદથી એક માર્ગ છે કે hacky પ્રકારની છે? હું તેમને તે રીતે કરવું નથી ઇરાદો નહોતો. અને એકવાર તમે તે પૂર્ણ કરી લીધું છે, તો તમે શું કરવા માંગો છો? તમારી ડિઝાઇન ખડકો, અધિકાર? તમે કરવા માંગો છો તે તમે વિકસાવવા અને પછી ઉપર કે પ્રક્રિયા ફરીથી કરવા માંગો છો. તેથી તે મિત્રોને બતાવો એકવાર તમે તેને વિકસિત કર્યું છે, તો તે ચકાસો, વિકાસ, ચકાસો, વિકાસ, ચકાસો, ફરી વળવું, અને અને આગળ. ડિઝાઇન છે, એ ખૂબ આ અર્થમાં પ્રક્રિયા પુનરાવર્તન. તમે ખરેખર કંઈક બિલ્ડ કરવા અને પછી તેને વિશે વસ્તુઓ ખ્યાલ હોય છે કે જે તમે પહેલાં ન સમજો અને તેણે પાછા જાઓ અને તે સુધારવા. હવે, વિકાસ ભાગ માટે, કે ટોમી શું તમે બતાવવા વિરામ બાદ રહ્યું છે અને તમે સ્વયંપૂર્ણ કંઈક અમલ કરવાનો કેવી રીતે હોઈ શકે છે એક રીતે તે એકદમ સરળ છે. [Malan] જેમ ટોમી અહીં સુયોજિત કરે છે, એક પ્રશ્ન પછી. વહેલામાં વેબસાઇટ્સ ઘણાં - અને જોસેફ જ્યારે 1990 શૈલી વેબસાઇટ જણાવ્યું હતું કે, તે અમલીકરણો જ્યાં જો તમે પ્રારંભ સમય પસંદ કરવા માગે છે અને અંત સમય હતો, પ્રમાણિકપણે, બેક દિવસ અને પણ કેટલીક વેબસાઇટ્સ પર આજે, જે રીતે તમે આ કરી છે તમે ડ્રોપ ડાઉન માંથી એક કલાક ચુંટો, તમે ડ્રોપ ડાઉન, કદાચ તમે AM પસંદ કરો ના, PM પર પોસ્ટેડ મિનિટ ચુંટો, અને પછી તમે તે 3 વધુ વાર કરું છું. અને તેથી 6 ક્લિક્સ અને કદાચ અમુક સ્ક્રોલિંગને સાથે તમારા વપરાશકર્તા ખરેખર તારીખ અને / અથવા આ અર્થમાં સમય શ્રેણી કેટલાક પ્રકારની પૂરી પાડી શકે છે. 

તેથી ચોક્કસપણે ઉપશ્રેષ્ટ અને હજુ સુધી આ રીતે અત્યાર સુધી અમે કોઈ અર્થસભર ક્ષમતાઓ જોઇ છે આ કોઈપણ ભાષાઓમાં અમે અંતે જોવામાં કર્યું કંઈક sexier કરવું પ્રારંભ સમય અને સમાપ્તિ સમય આ બદલવા માટે સ્લાઇડર જેવા હોય છે. પરંતુ જો તમે 0 સપ્તાહ પાછા લાગે ત્યારે અમે સ્ક્રેચ વિશે વાત કરી, ત્યાં પણ ત્યાં વિજેટ્સ કે જે હમણાં જ અમુક વસ્તુઓ ન હતા. તમે ખરેખર માત્ર આંટીઓ અને શરતો અને જેમ જેમ આ ફંડામેન્ટલ્સ હતી. તેથી માત્ર ખૂબ અમૂર્ત હવે વિચારવાનો, HTML ની ​​વિસ્તાર સ્વતંત્ર પ્રકારની, શું ખરેખર આ પ્રારંભ સમય અને સમાપ્તિ સમય સ્લાઇડર કંઈક સાથે થઈ રહ્યું છે? જ્યારે હું મારું માઉસ ખસેડવા અને હું ડાબી બાજુ પર થોડો ગાજર પ્રતીક પર ક્લિક કરો અને ખેંચીને શરૂ કરવા માટે, પ્રોગ્રામ, તે શું છે તમે અમલ કરવાનો પ્રયત્ન કરવા માંગો છો બનાવવા માટે કે શું? શું પ્રશ્નો, બુલિયન સમીકરણો શું તમે પૂછી કરવાનો પ્રયત્ન કરવા માંગો છો? શું ખરેખર પર ચાલી રહ્યું છે? સામી? [વિદ્યાર્થી] ક્યાં કર્સર સ્થિતિ છે? >> ગુડ. જ્યાં કર્સર સ્થિતિ છે? આ કંઈક સ્ક્રેચ ફરી વ્યક્ત જરૂરી હતી, શું તે સ્થાન અથવા પણ રંગ અથવા જેમ પર આધારિત હતી. તમે ક્યારેય સોમવારે તેથી થોડા સમય માટે યાદ શકે ત્યાં આ બધું હતા ઘટનાઓ કહેવાય વેબ દુનિયા માં, અને તેથી ત્યાં onclick અને onkeypress જેવી વસ્તુઓ છે અને onkeyup અને onmouseover અને onmouseout. જેથી ખ્યાલ પણ આ બધી વસ્તુઓ અમે કરવામાં લેતા કર્યા છે વેબ પર મંજૂર ફેસબુક અને Gmail જેવી સાઇટ્સ, પણ જો તમે કોઈ વિચાર સાથે તમે કેવી રીતે શક્ય છે કે અમલ કારણ કે ત્યાં તેને જેવી પણ વ્યાખ્યાન માં કશું જ નથી કરશે અથવા પ્રોબ્લેમ 7 સેટ કરો, આ ચોક્કસ જ ફંડામેન્ટલ્સ સાથે ખ્યાલ, HTTP અને પરિમાણો સાથે અને GET અને POST, આ બેઝિક HTML ઇનપુટ કે અમે અંતે જોવામાં કર્યું છે આમ અત્યાર સુધી સાથે અને કાર્યક્રમ વિષયક પદ્ધતિઓ સાથે ક્ષણ કે ટોમી વિશે લાવનાર તમે તમારી જાતને વ્યક્ત જેમ તમે 0 સપ્તાહમાં કર્યું શરૂ કરી શકો છો દ્વારા ખૂબ જ તર્ક ખેંચીને અને મુક્યો. 

જેથી જણાવ્યું હતું કે, ટોમી MacWilliam અને વેબ માટે કેટલાક આપણા માટે નવું પઝલ ટુકડાઓ સાથે. અધિકાર છે. મારું નામ ટોમી છે અને હું જાવાસ્ક્રિપ્ટ વિશે વાત કરી જાઉં છું. માત્ર એક અસ્વીકૃતિ: હું મત છું કે જાવાસ્ક્રિપ્ટ શ્રેષ્ઠ પ્રોગ્રામિંગ ભાષા છે સમગ્ર સમગ્ર વિશ્વમાં. ત્યાં લોકો મારી સાથે અસહમત ઘણાં હોય છે, પરંતુ તે માત્ર આકર્ષક છે. એકવાર તમે સી પર પાછા જાઓ, જો તમે બીજા વર્ગ અથવા અમુક અન્ય ભાષાઓ માટે સી લખી છે, તે માત્ર ખરેખર તમામ નીચા સ્તર વિગતો હોય તો નિરાશાજનક નીચે સાઇન જળબંબોળ થયેલું મળશે છે તેથી જો તમે ક્યારેય નકામી કેવી રીતે સી લખી છે તે વિશે ઉદાસી લાગણી કરી રહ્યાં છો, માત્ર પાછા જાઓ, કેટલાક જાવાસ્ક્રિપ્ટ લખો. તે નિર્વાણ છે. તમે વધુ સારું તમારા ખરાબ દિવસ વિશે લાગે પડશે. જાવાસ્ક્રિપ્ટ ના જાદુ ઘણાં તેની વસ્તુઓ ચાલાકી ક્ષમતા માંથી આવે છે તે પૃષ્ઠ પર પહેલાથી જ છે. જ્યારે અમે અમારા PHP સ્ક્રિપ્ટો લખ્યું હતું કે, તેઓ સર્વર પર ચાલતી હતી, અને છેવટે કે PHP સ્ક્રિપ્ટ કદાચ કેટલાક એચટીએમએલ બનાવવામાં. HTML કે જે ક્લાઈન્ટ માટે મોકલવામાં આવી હતી, અને પછી તે તેને હતી. જો PHP એક પૃષ્ઠ પર એક બટન ઉમેરવા માંગો, ઉદાહરણ તરીકે, તે ખરેખર છે કે નથી કરી શકો છો. તે એક સંપૂર્ણ નવો HTML ફાઇલ બનાવે છે, અને તે બ્રાઉઝર કે મોકલવા પડે. અમે સાથે જાવા ખબર છે કે અમે વસ્તુઓ સુધારવા જ્યારે તેઓ પૃષ્ઠ પર પહેલાથી જ છો કરી શકો છો, અને આ કારણ કે અમે વધુ તાત્કાલિક પ્રતિભાવ આપી શકે, જે ખરેખર અમારી વેબસાઇટ પર વપરાશકર્તા અનુભવ સુધારશે. જસ્ટ જાવાસ્ક્રિપ્ટ પસંદગીકારોએ ઝડપી રીકેપ. અમે તે જાણવું જ્યારે અમે એક HTML પાનું ડાઉનલોડ કરો, કે જે DOM રજૂ કરી રહ્યું છે તે. 

આ DOM યાદ રાખો ફક્ત આ મોટું વૃક્ષ જ્યાં તત્વો આ વિશાળ પદાનુક્રમમાં સંબંધિત છે. , જ્યારે અમે 7 pset માં ડેટાબેઝો સાથે કામ કર્યું હતું એક પ્રથમ વસ્તુઓ અમે કેવી રીતે કરવું જરૂરી હતું ડેટાબેઝ ક્વેરી. અમે આ મોટા વપરાશકર્તાઓ કોષ્ટક હોય છે, અને ઘણી વખત અમે હમણાં જ કહેવું માંગો છો, "હું માત્ર આ વપરાશકર્તાઓ કે અમુક શરત સાથે મેળ કેટલાક માંગો છો." એ જ રીતે, જ્યારે અમે DOM હોય તો અમે તે પ્રશ્ન કેટલાક માર્ગ જરૂર છે. અમે કહેતા અમુક રીતે જરૂર છે, "હું બટનો કે આના જેવો તમામ માંગો છો "અથવા પાનાં પર છબીઓ હોય." અને આ પસંદગીકારો અમને કે આમ કરવા માટે પરવાનગી આપે. તેથી માત્ર એક ઝડપી રીકેપ. આ પ્રથમ અહીં આ એક # submit, શું છે કે પસંદ કરવા માટે જવું? શું કોઇને યાદ? [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> અરે વાહ, બરાબર. આ પાનું છે કે જે submit નું ID હોય એક તત્વ પસંદ કરો રહ્યું છે. અને જેથી હેશ ટેગ કહે છે આ પસંદગીકાર માટે IDs ની સાથે કામ કરી રહ્યા છે. કેવી રીતે બીજા એક, આ કેન્દ્રિત., કે શું પસંદ કરશે? યાહ. >> [વિદ્યાર્થી] વર્ગ. ચોક્કસ. >> આ હવે માટે વર્ગ દ્વારા પસંદ રહ્યું છે. ID અને અહીં વર્ગ વચ્ચે તફાવત સામાન્ય રીતે ID ને અનન્ય હોવા જોઈએ જગ્યા ગમે અંદર તમે શોધી રહ્યાં છો. તેથી જો તમે સમગ્ર વેબ પાનું શોધ કરવામાં આવી હતી, તમે ખરેખર માત્ર કે ચોક્કસ ID સાથે 1 તત્વ હોવું જોઈએ, જેથી સબમિટ આ કેસ છે. વર્ગો સાથે, બીજી બાજુ પર, અમે એ જ પાનું 1 પર કરતાં વધુ તત્વ હોઈ શકે છે એ જ વર્ગ છે. આ કહેતા હું બધું છે કે પૃષ્ઠ પર કેન્દ્રિત છે પસંદ કરો માટે ઉપયોગી હોઈ શકે છે બદલે માત્ર 1 વાત હતી. 

અને છેલ્લે, આ છેલ્લા અહીં એક થોડી વધુ જટિલ હોય છે, પરંતુ આ શું કરવા માટે DOM પસંદ કરો રહ્યું છે? [અશ્રાવ્ય વિદ્યાર્થી પ્રતિભાવ] >> કે શું છે? [વિદ્યાર્થી] કંઈપણ કે ટેગ છે. >> અમે 2 ભાગો અહીં છે. બીજા ભાગ માટે કહે છે હું ઇનપુટ એક ટેગ સાથે આ ટૅગ્સ પસંદ કરો રહ્યું છે, કોઈપણ તત્વ જેથી ઇનપુટ ટેગ છે. પણ મને તો ફક્ત ઇનપુટ્સ તમામ પસંદ નથી માંગતા કારણ કે એક submit બટન કંઈક ઇનપુટ હોઈ શકે છે અને લખાણ બોક્સમાં કંઈક ઇનપુટ હોઈ શકે છે. તેથી આ ચોરસ કૌંસ હું કહી રહ્યો છું સાથે હું ફક્ત તે તત્વો પસંદ કરો તે પ્રકારના લખાણ છે. ક્યાંક મારી એચટીએમએલ ટેગ માં હું એક પ્રકાર કહેવાય લક્ષણ ધરાવે છે, અને તે લક્ષણની કિંમત સાથે ટેક્સ્ટ હોવા ધરાવે છે. કેવી રીતે આ પ્રથમ ભાગ વિશે અહીં? આ પસંદગીકાર પ્રથમ શબ્દ સ્વરૂપ છે પછી હું જગ્યા અને પછી આ ઇનપુટ ભાગ હોય છે. કે શું કરવું એ નથી કે તે સામે ફોર્મ મૂકવા? આ મૂળભૂત અમારા ક્વેરી મર્યાદા રહ્યું છે. તે કેસ કે અમે પૃષ્ઠ પર કેટલાક ઇનપુટ્સ હોય હોઈ શકે છે કે જે ફોર્મ વંશજો નથી. આ શું કરશે શું છે આ કહેવું કે હું માત્ર કરવા માંગો છો ઇનપુટ ટૅગ્સ કે જે તેમને ઉપર ક્યાંક હોય છે એક ફોર્મ કેટલાક પિતૃ તત્વ. અને તેથી આ રીતે અમે આ વધુ અધિક્રમિક પ્રશ્નો કરી શકો છો તેથી અમે માત્ર આપેલ પસંદગીકાર બંધબેસતા બધું પસંદ નથી. અમે તે ક્વેરી કંઈક બીજું માટે અવકાશ મર્યાદા પ્રકારની કરી શકો છો. તેથી હવે આપણે જાણીએ છીએ કે કેવી રીતે પાનાં પર તત્વો પસંદ કરવા માટે, ચાલો AJAX વિશે થોડી વાત કરો. AJAX હજી એક ખૂબ જ ટ્રેન્ડી ટૂંકાક્ષર છે કે અસિંક્રોનસ JavaScript અને XML માટે વપરાય છે. તે જ બને છે કે XML માત્ર માટે કેટલીક માહિતી પ્રતિનિધિત્વ માર્ગ છે. 

હારી લોકપ્રિયતા કે તાજેતરમાં પ્રકારની છે, તેથી AJAX માં X એ બધા સમય નથી વપરાય છે. હકીકતે, AJAX શું અમને કરવા માટે પરવાનગી આપે છે HTTP અરજીઓને બનાવવા છે જાવાસ્ક્રિપ્ટ સંદર્ભમાં છે. , જ્યારે અમે અમારા વેબ બ્રાઉઝર છો અને અમે પૃષ્ઠો આસપાસ શોધખોળ કરી રહ્યાં છો અને અમે એક લિંક પર ક્લિક કરો અમારા બ્રાઉઝર કરવા જઈ રહ્યો છે શું કડી ગમે અમે ક્લિક કરો કરવા માટે HTTP વિનંતિ કરી છે. પરંતુ તે હંમેશા આદર્શ નથી કારણ કે જો કે આ કેસ છે, ત્યાર બાદ ડેવિડ હતા, આપણે હંમેશા બનાવવા માટે વપરાશકર્તાઓને સબમિટ કરો બટન ક્લિક કરો અથવા કડી ક્લિક કરી ક્રમમાં બનાવવા માટે કંઈપણ થાય છે કે એક HTTP વિનંતિ સમાવેશ બનશે. તેથી AJAX સાથે અમે જાવાસ્ક્રિપ્ટ વતી આ વિનંતીઓ કરી શકો છો. તેનો અર્થ એ કે જ્યારે વપરાશકર્તા પાનું થાય છે અથવા કંઈપણ સાથે ક્રિયાપ્રતિક્રિયા કરે છે, અમે ખરેખર અમારી વેબસાઇટ પર કેટલાક અન્ય PHP ફાઈલ માટે એક કાર્યક્રમ વિષયક વિનંતી કરી શકો છો અથવા અન્ય કંઈપણ અને માહિતી કે જે ફાઈલ બહાર spits મેળવે. ચાલો AJAX એક ઉદાહરણ પર એક નજર. આ અમારી CS50 ફાયનાન્સ પાનું જેની સાથે આસ્થાપૂર્વક અમને કેટલાક પરિચિત છે. જો અમે આ પાનું HTML ને જોવા માટે, અમે અહીં જુઓ કે હું અમુક વસ્તુઓ ઉમેર્યા છે, એક જે મને આ ફોર્મ એક ID આપી છે. હું id = "સ્વરૂપ-ક્વોટ" જણાવ્યું હતું કર્યો છે. હું આ કર્યું છે કારણ કે તે માત્ર આ થોડો ડોમ માંથી સરળ પસંદ કરી રહ્યા છે કારણ કે હું માત્ર એક ખૂબ જ સિમ્પલ ક્વેરી કરી શકો છો. હું અહીં શું કરવા માગો છો શું છે મને CS50 ફાઇનાન્સ સાથે કેટલાક સમસ્યા સુધારવા માંગો છો. , તેથી જો આપણે finance.cs50.net પર જાઓ દર વખતે હું જે ક્વોટ મેળવવા માંગો છો, હું આ મેળવો પ્રત્યક્ષ બટન ક્લિક કરી, અને તે મેળવો પ્રત્યક્ષ બટન પછી મને બીજા સંપૂર્ણ પૃષ્ઠ પર લઈ જાય છે. અને જો હું અન્ય ક્વોટ કરવા માંગો છો, હું પાછળ બટનને હિટ હોય છે અને પછી હું તેને ટાઇપ માં, હું જે ક્વોટ વિચાર, અને હું પાછળ બટન દબાવો. આ ખરેખર શ્રેષ્ઠ વપરાશકર્તા અનુભવ નથી. કોણ ખરેખર સાઇટ વાપરો જો તે ધીમી કરવા માટે સ્ટોક કિંમતો મેળવો છો? તેથી અમે AJAX સાથે કરવા માંગો છો શું એક અલગ પૃષ્ઠ પર જઈને કે પગલું દૂર છે ક્રમમાં પરિણામો જોવા માટે. 

અમે ખરેખર માત્ર રહ્યાં છો માટે પુછે તે શું છે તે ખરેખર નાના કિંમત છે, અને તે માત્ર માહિતી એક ખરેખર નાની રકમ છે. તેથી મને કોઈ જરૂરિયાત બીજા સંપૂર્ણ HTML પૃષ્ઠ પર જાઓ, HTML ની ​​સંપૂર્ણ નવી બેચ ડાઉનલોડ, કદાચ કેટલાક વધુ છબીઓ ડાઉનલોડ કરો, કેટલાક અન્ય સીએસએસ ફાઈલો માત્ર મારા માટે તે ખૂબ જ સરળ પ્રશ્નનો જવાબ આપવા માટે કેટલા આ સ્ટોક ખર્ચ કરે છે. AJAX સાથે અમે આ ઘણો સરળ બનાવી શકે છે. અમે નીચે અહીં જુઓ કે હું જાવાસ્ક્રિપ્ટ quote.js તરીકે ઓળખાતી ફાઈલ માં લિંક છું. ચાલો ખરેખર અપ કે ફાઈલ ખોલો. ત્યાં નથી. મારા જાવાસ્ક્રિપ્ટ ફાઈલો બધા HTML માં સ્થિત થયેલ હશે આવે છે જેથી વેબ બ્રાઉઝર તેને ઍક્સેસ કરી શકો છો. તો પછી અમે જાવાસ્ક્રિપ્ટ માટે અલગ અહીં ડિરેક્ટરીમાં હોય, અને હવે અહીં quote.js છે. આ ફાઇલ ટોચ પર આ અહીં કહે છે કે હું સમગ્ર પાનું રાહ લોડ કરવા માંગતા હો પહેલાં હું કંઈ પણ કરવા માટે પ્રયત્ન કરો. કે શા માટે જરૂરી? તે તારણ છે કે આગામી વસ્તુ હું અહીં કરવા જાઉં છું એક તત્વ શોધી શરૂઆત છે કે અમુક પસંદગીકાર મેળ ખાય છે. જો આ જાવાસ્ક્રિપ્ટ પહેલા ક્યારેય આ તત્વ પૃષ્ઠ પર લોડ થાય છે ચલાવવામાં આવે છે, પછી બધું જ હું કામ કરવાનો પ્રયત્ન કામ ન રહ્યું છે કારણ કે હું કંઈક કે ત્યાં નથી પસંદ કરવાનો પ્રયાસ જાઉં છું. તેથી ઉપર આ રેખા કહે છે હું તમને ત્યાં સુધી બધું લોડ થાય છે રાહ કરવા માંગો છો તેથી અમે ખાતરી આપી રહ્યાં છો કે જે કોઈપણ ઘટકો હું શોધી રહ્યો છું પૃષ્ઠ પર ખરેખર છે. આ ડોલર અહીં સાઇન અર્થ છે મને ચોક્કસ jQuery કહેવાય પુસ્તકાલય ઉપયોગ કરું છું. આ jQuery પુસ્તકાલય અમને આ પસંદગીકારોએ કે અમે માત્ર પર જોવામાં વાપરવા માટે પરવાનગી આપે છે. $ પછી કહેતા એક દલીલ તરીકે આ ફોર્મ #-ક્વોટ પસાર કરીને, હું હવે ફોર્મ પસંદ કરું છું કે અમે હમણાં જ જોતા હતા. હવે હું મેમરી કે કોઈક ફોર્મ પ્રતિનિધિત્વ ધરાવે છે. 

આ ઑબ્જેક્ટ પર હવે, ફોર્મ આ રજૂઆત હું હવે પર કહેવાય કાર્ય ઉપયોગ કરું છું. આ કાર્ય કરે છે શું છે તે એક ઘટના સંભાળનાર જોડી રહ્યું છે. આ ઘટના છે કે અમે માટે સાંભળવા જઈ રહ્યાં છો તે submit ઘટના છે. તેથી જ્યારે વપરાશકર્તા ક્લિક્સ કે બટન અથવા દબાવીને સબમિટ દાખલ કરો, આ પ્રસંગ માટે ગોળીબાર રહ્યું છે. આ પ્રવેશ hooking કરીને, હું હવે ફોર્મ ના મૂળભૂત વર્તણૂક પર ફરીથી લખી શકો છો. આ જાવાસ્ક્રિપ્ટ વગર, ફોર્મ સુપ્રત કરશે PHP ફાઈલ ગમે અમે તે ક્રિયા લક્ષણ વપરાય છે. પરંતુ તેના બદલે, હું હવે, કહી રહ્યો છું રાહ જુઓ, રાહ જુઓ, રાહ જુઓ, હું તમને ખરેખર છે કે આમ કરવા માટે કરવા નથી માંગતા. હું આ તમે જાઓ તે પહેલા અને કેટલાક PHP ફાઈલ સબમિટ કરવાનો પ્રયાસ થાય છે કરવા માંગો છો. હવે હું શું કરવા માંગો છો? આ બિંદુએ હું AJAX કોઈક વાપરવા માટે સ્ટોકના કિંમત શું છે લોડ કરવા માંગો છો. પ્રથમ વસ્તુ મને જાણવાની જરૂર છે સ્ટોક શું વપરાશકર્તા અપ રહી છે. આમ કરવા માટે કે હું અન્ય પસંદગીકાર ઉપયોગ જાઉં છું. આ ત્રીજી પસંદગીકાર અમે પહેલાં પર જોવામાં આવે છે. આ કહે છે કે હું બોલ ફોર્મ-નિવેદનના એક ID સાથે આ ફોર્મ તત્વ શરૂ કરવા માંગો છો. પછી બીજે કે સ્વરૂપ ની અંદર ત્યાં એક ઇનપુટ તત્વ ધરાવે છે કે પ્રતીક એક નામ ધરાવે છે. જો અમે અમારી એચટીએમએલ પર એક નજર, અમે જોયું છે કે અમે ઇનપુટ હતી [નામ = પ્રતીક]. તેનો અર્થ એ છે કે આ માટે કે લખાણ બોક્સમાં પસંદ કરો કે વપરાશકર્તા માં ટાઇપ કરી રહ્યા છે રહ્યું છે. કે સારું છે. અમે લખાણ બોક્સમાં હોય છે. હવે અમે માત્ર તે જાણવા તે અંદર જરૂર છે. આમ કરવા માટે કે જે આપણે આ પદ્ધતિ અહીં કહી શકો છો, આ Val. અને આ કહે છે મને ખબર લખાણ બોક્સમાં શું તમારી પાસે છે. હું તમને મને કહી તે શું છે તે લખાણ બોક્સમાં ટાઇપ વપરાશકર્તા નથી માંગો છો. હવે અમે એક પ્રતીક તરીકે ઓળખાય શબ્દમાળા કે ગમે તે વપરાશકર્તા સાઇન ટાઇપ કરવા માટે સમાન હોય છે કે સારું છે. અમે કે જેઓ શબ્દમાળા હવે વાપરવા માટે અમારી વિનંતી કરી શકો છો. આ નવી કાર્ય અહીં છે, $ આ, સિવાય અમે લાંબા સમય સુધી તત્વો પસંદ કરી રહ્યા છીએ, અમે એક અલગ કાર્ય કે jQuery દ્વારા અમને પૂરી પાડવામાં આવ્યું છે તે ફોન કરી રહ્યા છીએ. આ AJAX કાર્ય છે જે ખરેખર આ HTTP વિનંતિ કરી રહ્યા છે. તેથી અમે તેને અમુક વસ્તુઓ કહેવું છે. પ્રથમ વસ્તુ અમે આ કાર્ય કહેવું હોય છે કે જ્યાં હું જવા માટે વિનંતી કરવા માંગો છો. ક્યાંક મારી પ્રોજેક્ટમાં હું તે HTML quote.php કહેવાય ડિરેક્ટરી ની અંદર આ ફાઇલ હોય છે. હું આ ફાઇલ ઍક્સેસ કરી શકો છો, અમે આ જેમ જ જોયું, જો હું / localhost quote.php પર જાઓ. 

હું મારા માટે તે પૃષ્ઠ પર એક વિનંતી કરી જાવાસ્ક્રિપ્ટ કરવા માંગો છો. કયા પ્રકારની વિનંતી હવે? અમે જોયું છે કે પહેલાં ફોર્મ કે જે પદ્ધતિ = "પોસ્ટ" લક્ષણ ધરાવે છે, અને તેનો અર્થ એ કે તે POST વિનંતી કરી રહ્યા છે, તેથી તે માટે વિચાર વિનંતી કરતાં URL માં કંઈપણ મૂકી નથી ચાલી રહ્યું છે, જે ફક્ત જો આપણે માત્ર વેબ બ્રાઉઝર સાથે ઉદાહરણ માટે, પૃષ્ઠને ઍક્સેસ છોડવામાં આવશે. હવે અમે જણાવ્યું હતું કર્યા છે હું એ HTTP POST વિનંતિ કરવા માંગો છો એક quote.php પર સ્થિત પાનું છે. જ્યારે આપણે ફોર્મ સબમિટ કરવાનું યાદ રાખો, અમે તે ફોર્મ ની અંદર ઇનપુટ તત્વો ઍક્સેસ કરી કે $ _POST ચલ સાથે. અત્યાર સુધી આ વાર્તામાં આપણે ખરેખર કોઈપણ માહિતી સાથે હજી સુધી મોકલ્યો છે. અમે હમણાં જ કહ્યું હતું કે, અમે કર્યું છે AJAX વિનંતી કરી રહ્યા છીએ અને અહીં વિનંતી પ્રકાર અમે કરી રહ્યા છીએ તે છે. હવે અમે ખરેખર પૃષ્ઠ પર કેટલીક માહિતી મોકલવાની જરૂર છે. આમ કરવા માટે કે જે આપણે આ માહિતી તરીકે ઓળખાય મિલકત વાપરી શકો છો. આ મિલકતની કિંમત ખરેખર એક સમૂહનો એરે છે. આ માટેનું કારણ એ છે કે તે અમને હમણાં જ માહિતી ના 1 ભાગ કરતાં વધુ મોકલવા માટે પરવાનગી આપે છે. તેથી જ અમે આ સર્પાકાર કૌંસ અહીં આ અન્ય સર્પાકાર કૌંસ ની અંદર નેસ્ટ. આ સમૂહનો એરે માં કીઓ જ વસ્તુ હોઈ જવું છે પેલા નામ અમારી ફોર્મ એલિમેન્ટ્સ શ્રેય. તેનો અર્થ એ છે કે જો હું પ્રતીક એક કી સાથે મોકલવા માટે, તેનો અર્થ એ કે મારી PHP પાનું $ _POST [પ્રતીક] સાથે આ માહિતી ઍક્સેસ કરી શકો છો જેમ અમે જ્યારે અમને ફોર્મ સબમિટ કરાયા પહેલાં હતી. અને હવે વાસ્તવિક માહિતી અમે મોકલવા માંગો છો છે આ સમૂહનો એરે ની કિંમત અંદર જ હશે. 

અમે એક ચલ કહેવાય પ્રતીક આ ટેક્સ્ટ સંગ્રહિત, અને તેથી અમે સાથે મોકલી રહ્યાં છો તે હવે પ્રતીક એક કી અને ગમે તે વપરાશકર્તા સાઇન લખ્યો ની કિંમત હવે અમે આ HTTP વિનંતિ કરી છે, અમારા PHP ફાઈલ એક્ઝિક્યુટ છે, અને તે માટે અમુક માહિતી પાછા ક્લાઈન્ટ કે જે હમણાં જ આ વિનંતી કરી હતી હવે મોકલી રહ્યું છે. હવે અમે ગમે તે સર્વર અમને જણાવ્યું હતું કે પ્રતિભાવ આપવા માટે જરૂર છે. આમ કરવા માટે કે જે આપણે આ છેલ્લા અહીં મિલકત સફળતા કહેવાય છે. આ સફળતાને કી મૂલ્ય વાસ્તવમાં એક કાર્ય પ્રયત્ન રહ્યું છે, અને આ એક ખરેખર ઠંડી વસ્તુઓ તમે જાવાસ્ક્રિપ્ટ સાથે કરી શકો છે. માત્ર તમે એક સમૂહનો એરે ની કિંમત અંદર તરીકે ints અથવા એરે હોઇ શકે છે, અમે પણ કાર્ય કરી શકે છે. સફળતા કહેતા દ્વારા તેથી, આ મારા ચાવી છે. એક કોલોન અહીં કહે છે કે કિંમત આવે છે, અને હવે આ કિંમત ખરેખર એક કાર્ય છે. તેથી અમે આ કાર્ય સે દીઠ એક નામ આપો જરૂર નથી. અમે હમણાં જ કહેવું આ અમુક કાર્ય પ્રયત્ન રહ્યું છે કરી શકો છો. તે માટે 1 દલીલ લઇ રહ્યું છે. આ કાર્ય કરવા માટે દલીલ થઇ રહ્યું છે સર્વર ગમે અમને વિનંતી માંથી પાછા મોકલવામાં આવે છે. જસ્ટ ગમે છે જ્યારે અમારા બ્રાઉઝર વિનંતી કરે છે, સર્વર કંઈક પાછું મોકલે છે અને બ્રાઉઝર તે દર્શાવે છે, AJAX સંદર્ભમાં અમે માત્ર એક વિનંતી કરવામાં, સર્વર કંઈક પરત મોકલવામાં, અને હવે અમે તે શબ્દમાળા તરીકે રજૂ છે. કે જેઓ શબ્દમાળા સાથે હું માત્ર પાનાં પર કે પ્રદર્શિત કરવા માંગો છો. આમ કરવા માટે કે હું એક છેલ્લા પસંદગીકાર હોય જાઉં છું. હું ID ને કિંમત સાથે તત્વ પસંદ કરો. આ માત્ર એક ખાલી div કે હું પૃષ્ઠ પર બનાવેલ છે, અને હું કે જે પ્રયત્ન ગમે તે સર્વર અમને મોકલવામાં પાછા div સમાવિષ્ટો સેટ કરવા માંગો છો. હું ખરેખર quote.php થોડી ફેરફાર કર્યો છે. 

ઊલટાનું રેન્ડર ફોન અને કેટલાક પાનું રેન્ડર કરતાં, quote.php હવે બસ એક શબ્દમાળા તરીકે સ્ટોકના કિંમત છાપી રહ્યું છે. તેથી જો તમે વાસ્તવમાં પૃષ્ઠની મુલાકાત લો, તો તમે માત્ર કે નાના શબ્દમાળા જોઈ શકશે ગમે તે શેરની કિંમત છે. એક છેલ્લા વસ્તુ અમે અહીં જરૂર માત્ર ખાતરી કરો કે આ કાર્ય ખોટા આપે બનાવવા આવે છે. આ કહે છે કે જો હું એક ઇવેન્ટ સંભાળનાર ની અંદર છું અને તે ઘટના સંભાળનાર સાચું પરત બદલે ખોટા આપે, કે અર્થ એ થાય કે હું મૂળ ગોળીબાર ઘટના નથી માંગતા. આ કિસ્સામાં, જો અમે કોઈ જાવાસ્ક્રિપ્ટ ન હતો અને અમે ફોર્મ સબમિટ કરો, અમારા વેબ બ્રાઉઝર જેમ કે, "હું કે માહિતી સાથે મોકલી જાઉં છું," રહ્યું છે અને તેઓ તમને બીજા પૃષ્ઠ પર મોકલી રહ્યા છીએ. કારણ કે અમે AJAX ઉપયોગ કરી રહ્યાં છો, હવે, ત્યાં કોઈ અન્ય પાનું વપરાશકર્તા મોકલી જરૂર નથી. અમે માત્ર પરિણામો આ જ પેજ પર ગતિશીલ પ્રદર્શિત રહ્યા છીએ. અમે ખરેખર તેમને ગમે ત્યાં જાઓ નહિં માંગો, તો અને હું તે જ પૃષ્ઠ પર રહો. જેથી ખોટા પાછા, અમે ખાતરી કરો કે જે સ્વરૂપ છે જે આપણા માટે કરતું નથી. ચાલો આ શું ખરેખર જેવું દેખાય પર એક નજર. અમારા ક્વોટ પાનું એ જ દેખાય છે. મને જે નિરીક્ષક નીચે અહીં ખેંચો જેથી અમે જોઈ શકો છો શું થઈ રહ્યું છે તે. તે ઓછી થોડું વિશાળ બનાવો. યાદ રાખો કે જો અમે નેટવર્ક ટેબ ખોલો, આ છે જ્યાં અમે HTTP અરજીઓને તમામ જોઈ શકો છો તે પૃષ્ઠ પર ચાલી રહ્યું છે. 

પ્રતીક માટે દો મને AAPL લખો અને પ્રત્યક્ષ મેળવો ક્લિક કરો. હવે અમે જોયું છે કે એપલે એક શેર ડોલર કેટલાક નંબર ખર્ચ ફક્ત પૃષ્ઠ પર દેખાય છે, પરંતુ તે URL બધા બદલી ન હતી. હકીકતમાં, અહીં HTTP વિનંતિ છે કે અમે માત્ર બનાવવામાં આવે છે. અમે quote.php માટે POST વિનંતી કરી હતી. તે અર્થમાં બનાવે છે. આ સર્વર શું અમને મોકલવામાં નહીં. તે લાંબા સમય સુધી છબીઓ અને તે જેવી વસ્તુઓ સાથે આ કદાવર HTML દસ્તાવેજ છે, તે માત્ર લખાણ એક વાક્ય છે, અને પછી અમે માત્ર લખાણ લીટી પ્રદર્શિત થાય છે. જો અમે હેડરો પર પાછા જાઓ અને જુઓ અમે શું કરીએ ખરેખર આ HTTP વિનંતિ ની અંદર મોકલ્યો, અમે નીચે અહીં જુઓ કે અમે પ્રતીક અને AAPL ની કિંમત એક કી સાથે મોકલી શકો છો, કે જે વપરાશકર્તા શું સાઇન લખ્યો આ સરસ છે, પરંતુ તે હજુ થોડો નકામી. હું હજુ પણ આ બટન ક્લિક કરો સ્ટોક ક્વોટ વિચાર છે. અમે વ્યસ્ત લોકો છો અને અમે બટનો પર ક્લિક કરો સમય નથી. Google આ થોડો સમય પહેલા ભાન જ્યારે તેઓ Google ઇન્સ્ટન્ટ અમલમાં મૂકી. Google ઝટપટ કરે છે શું છે જેમ તમે ટાઇપ કરી રહ્યા છે તે માત્ર તમારા માટે પરિણામો દર્શાવી શરૂ થાય છે તેથી તમારે પણ શોધો ક્લિક ચિંતા નથી. ખરેખર, એક મજા વાર્તા સાથે સંબંધિત. એકવાર Google ઝટપટ બહાર આવ્યા, લોકો જેવા હતા, "સાંભળો, આ સુપર આકર્ષક છે." "આ તેથી સરસ છે." અને સ્ટેનફોર્ડ ખાતે વિદ્યાર્થી નીચે જેઓ તે સમયે 19 હતી આ YouTube ઇન્સ્ટન્ટ કહેવાય સાઇટ કરી હતી. તમામ YouTube ઇન્સ્ટન્ટ અસરકારક છે નથી YouTube તરત શોધો. તેથી તેના બદલે માટે YouTube.com અને શોધ ફટકો જાઓ કર્યા કરતાં, હું જ્યારે CS50 જેવા YouTube ઇન્સ્ટન્ટ કંઈક માં લખીને શરૂ અમે અહીં જુઓ કે તે ધીમા ઇન્ટરનેટ કનેક્શન પર કરવાનો પ્રયાસ છે શકે છે રચના આ પરિણામો રહે છે. આમ કરવા માટે છે કે અમે ખરેખર ખૂબ જ સરળ અમારા quote.js ફાઈલમાં ફેરફાર કરી શકો છો. હમણાં અમે આ ઘટના જોડી રહ્યાં છો ત્યારે ફોર્મ સબમિટ છે. અમે ખરેખર બનાવવા માટે વપરાશકર્તા કે જેણે ફોર્મ હવે સબમિટ કરવા નથી માંગતા, તેથી આપણે તેને બદલે આ ઘટના દર વખતે વપરાશકર્તાને કી દબાવીને ગોળીબાર. આમ કરવા માટે કે લેટ્સ પ્રથમ keyup સબમિટ ના ઘટના બદલો. કે રાહ ફોર્મ સબમિટ બદલે તેનો અર્થ એ કે, દર વખતે કી દબાવવામાં આવે, કંઈક થવાનું છે. તે લાંબા સમય સુધી અર્થમાં બનાવે સમગ્ર સ્વરૂપ આ keyup ઘટના સાથે જોડે છે. અમે ખરેખર માત્ર તે શોધ બોક્સ વિશે કાળજી. 

પસંદ કરવા માટે હવે, અમે આ પ્રયત્ન કરવા માટે ફોર્મ-ક્વોટ જગ્યાએ બદલી શકો છો, ફોર્મ-ક્વોટ અને અમે ઇનપુટ હોય (= લખાણ લખો) અથવા પડશે અમે (= પ્રતીક નામ) કહે શકે - ગમે અમે માંગો છો. હવે ત્યાં એક છેલ્લા વસ્તુ અમે કરવા છે. નીચે અહીં યાદ રાખો જ્યારે અમે વળતર ખોટા જણાવ્યું અમે કહ્યું હતું કે અમે તે મૂળભૂત ઘટના ગોળીબાર નથી માંગતા. પરંતુ તે માત્ર જેથી બને છે જો અમે કે જે હવે નિષ્ક્રિય કરવા માટે, ગમે અમે લખો માટે બ્રાઉઝરમાં જોવા હવે નથી રહ્યું છે કારણ કે તે એક લખાણ બોક્સમાં લખીને ની મૂળભૂત વર્તણૂક હશે. અમે લાંબા સમય સુધી ફરીથી લખવા કે, તેથી આપણે આ વળતર ખોટા નાશ કરવા માંગો છો. જો આપણે એ સાચવો અને પૃષ્ઠને ફરીથી લોડ કરો, હવે જ્યારે હું AAPL લખીને શરૂ તમે જોશો કે અહીં તળિયે સ્ટોક કિંમત આપોઆપ પૂર્ણ છે. તેથી અહીં CS50 ફાયનાન્સ ઇન્સ્ટન્ટ છે. ખરેખર, YouTube ઝટપટ વિશે એક મજા વાર્તા છે કે વિદ્યાર્થી માત્ર પ્રકારની તે પ્રોજેક્ટ 1-રાત તરીકે લખ્યું હતું, અને બીજા દિવસે તે YouTube સીઇઓ દ્વારા નોકરી ઓફર કરવામાં આવી હતી. જેથી જે સરળ, તમે CS50 વિદ્યાર્થીઓ, તમારી અંતિમ પ્રોજેક્ટ્સ તમે YouTube પર નોકરી મેળવી શકો છો. કે કંઈક અંતિમ પ્રોજેક્ટ માટે ખરેખર ઠંડી વિચાર છે અધિકાર? અમે કેટલાક હાલના વિધેય કે અમે સાથે સંકલિત ઇચ્છતા હતા. અમે વપરાશકર્તા અનુભવ થોડો સુધારો, અને અચાનક YouTube ઇન્સ્ટન્ટ પર કંઈક શોધ ઘણો સરળ હોઈ શકે છે કરતાં નિયમિત YouTube પર તેની શોધ. જેથી ટૂંકમાં જોઇએ AJAX છે. 

ઉદાહરણો કે જોસેફ રહ્યું હતું, અમે autocompletes ઘણો થયો, અને તે autocompletes ખરેખર, ખરેખર સરળ છે કારણ કે અમે યાદ નથી - ઉદાહરણ તરીકે, જો તમે એપલ માટે શેરની કિંમત યાદ નથી અને અમે જાણીએ છીએ કે તે માત્ર આ કંઈક ફક્ત મને કહ્યું બદલે છે, "આ વસ્તુ એક શેર આ ખૂબ પૈસા ખર્ચ," હું પ્રકારની જાણવા શેરોમાં શું આ સાથે પ્રારંભ કરવા માંગો છો. અમે કે બુટસ્ટ્રેપ લાઈબ્રેરી કે જે પહેલાથી જ સમાવવામાં આવે છે તે જ સાથે ખરેખર સરસ રીતે કરી શકે છે અંદર CS50 ફાઇનાન્સ. જો તમે અહીં આવે છે અને JavaScript ટેગ માટે અને Typeahead સુધી સરકાવો, આ માત્ર એક સરસ પ્લગઇન છે કે જે કોઈકને પહેલાથી જ આપણા માટે લખ્યું છે, અને અમે સરળતાથી આ જેવા તેના વિધેય વાપરી શકો છો. હું એ માં લખ્યો અને અહીં કેટલાક કહે છે કે એ સાથે શરૂ યાદી છે હવે કહો કે મને લાગે છે કે આ ખરેખર સરસ છે અને તે મને મારા પૃષ્ઠ પર આ સમાવેશ થાય છે માટે સમય છે. તે તારણ છે કે આ ખરેખર, ખરેખર સરળ છે. ચાલો પર quote3.js અહીં કૂદકો. મારા ફાઈલ થોડુંક અલગ દેખાય છે. નીચે અહીં મારા AJAX સામગ્રી બધી જ છે. હું બીજા પૃષ્ઠ પર જાઓ કર્યા વગર સ્ટોક માહિતી લોડ કરવા માંગો છો. પરંતુ હવે હું આ પ્લગઇન ઉપયોગ કરવા માંગો છો. આ બુટસ્ટ્રેપ દસ્તાવેજીકરણ બરાબર હું કેવી રીતે કરી શકો છો કે જે મહાન ઉદાહરણો છે. , હું કહેવા માંગો છો કે "અહીં ઇનપુટ કે હું પર સ્વયંપૂર્ણ કરવા માંગો છો છે," અને હું આ typeahead કહેવાય કાર્ય કૉલ જાઉં છું, અને તે અમને માટે Typeahead સામગ્રી તમામ હેન્ડલ બનશે. તે યાદી પ્રારંભ કરશે, તે અમારી ફિલ્ટરિંગ તમામ કરશે. આ જ વસ્તુ તે જાણવા માટે જરૂર છે દશાંશ માહિતી શું આપણે autocompleting કરી રહ્યાં છો. તેથી હું દસ્તાવેજીકરણ વાંચન અને ઉદાહરણો જોઈને માત્ર આ કી મળી નથી. જો હું તે સ્ત્રોત એક કી, આ કી ની કિંમત આપી માત્ર કેટલીક બાબતો એરે હું પર સ્વયંપૂર્ણ માંગો. આ ચલ આ બીજી ફાઇલ હતી. હું symbols.js ખોલો. 

આ symbols.js ફક્ત આ ખરેખર, ખરેખર મોટી શબ્દમાળાઓ સમાવતા એરે છે નાસ્ડેક આ સ્ટોક પ્રતીકોમાં બધી. જો હું તે HTML, તેથી jharvard, vhosts, globalhost, html, ટેમ્પલેટો પાછા કૂદકો માંગો છો, quote_form. કારણ કે હવે quote3.js કહેવાય છે દો, મને જાવાસ્ક્રિપ્ટ ફાઈલ હું અહીં સમાવેશ કરી રહ્યો છું બદલો. હવે હું quote3.js હોય છે, તેથી હું જે અલગ જાવાસ્ક્રિપ્ટ ફાઈલ માં લોડ જાઉં છું, એક કે જે બુટસ્ટ્રેપ સ્વયંપૂર્ણ છે. હવે જ્યારે હું બ્રાઉઝર પર પાછા આવો, પૃષ્ઠને ફરીથી લોડ કરો, અને હું આ ટાઇપિંગ શરૂ કરો, ત્યાં મારી સ્વયંપૂર્ણ છે. અને તે ખરેખર હતી કે સરળ હોય છે. હું કોડ રેખા 1, કે જે હમણાં જ કહ્યું હતું કે "અહીં હું વસ્તુઓ પર સ્વયંપૂર્ણ કરવા માંગો છો છે," અને અચાનક હું પ્રયાસ સમગ્ર નથી બધા લોટ સાથે આ ખરેખર, ખરેખર સરસ વિધેય હોય છે. જેમ તમે વેબસાઇટ્સ અને ખાસ કરીને વસ્તુઓ આગળના ઓવરને બાજુ વિકાસ કરી રહ્યાં છો, તમે શોધવા આ કેસ ઘણો છે જઈ રહ્યાં છો. ત્યાં ખૂબ, લોટ ત્યાં આઉટ ખરેખર ઠંડી મફત લાઇબ્રેરીઓ ઘણું છે કે તેને આ કરવા જેવી વસ્તુઓ સરળ સુપર. કોઈને માત્ર પ્રતીકો આ વિશાળ યાદી પર autocompleting કોઇ ખામી વિચાર કરી શકો છો? શું જે કશુંક શ્રેષ્ઠ આ અભિગમ સાથે નથી હોઈ શકે છે? યાહ. >> [વિદ્યાર્થી] ટાઇમ, જો તમે [અશ્રાવ્ય] ઘણાં હોય છે યાહ. હમણાં અમે આ વિશાળ જાવાસ્ક્રિપ્ટ ફાઈલ ડાઉનલોડ કરી રહ્યાં છે અને ત્યાં પ્રતીકો ઘણું. અને તેથી જો આપણે સામગ્રી એક ટન છે, આ પ્રકારની કરી શકે શોધ માત્ર નથી લેટન્સીના વધારો પણ વાસ્તવિક ફાઇલ ડાઉનલોડ. સરસ. બીજું કંઇ? હમણાં ત્યાં અનુરૂપતા કોઈ વાસ્તવિક અર્થમાં છે. જો હું એ, કંપનીઓ અહીં બતાવવામાં લખો પ્રયત્ન સૌથી લોકપ્રિય કંપનીઓ છે કે જે એ સાથે શરૂ ન શકે 

પહેલાં હું એપલ મેળવવા, તે કેટલાક વધુ પાત્રો લેવા શોધવા હું શું શોધી રહ્યો છું શકે છે. આ સ્વયંપૂર્ણ અનુરૂપતા આ અર્થમાં નથી. તે માત્ર કહેવું, ચાલી રહ્યું છે "એનીથિંગ કે સાથે બંધબેસે હું પ્રદર્શિત કરવા માટે જઈ રહ્યો છું." કે બદલે, હું કંઇ મારા શોધ કેટલાક સુસંગતતા સંકલિત ગમશે. જો હું ઉપર અહીં જાઓ યાહૂ! ફાઇનાન્સ માટે finance.yahoo.com, જો હું યાહુ હિસ્સો ફાયનાન્સ પાનાં પર પ્રતીક દાખલ કરવાનો પ્રયાસ કરો અને હું GOOG ટાઇપિંગ શરૂ કરો, હું વસ્તુઓ આ સરસ યાદી હોય છે. સ્પષ્ટ રીતે, લાગે છે કે યાહૂ! ફાઇનાન્સ આવું છે હોંશિયાર અહીં વધુ. તેઓ કેટલાક સુસંગતતા ધરાવે છે અને તેઓ પણ વધારાની જાણકારી હોય છે સ્ટોક નું નામ જેમ. કે કંઈક કે હું ખરેખર માત્ર મારા પ્રતીકો સ્ટોક યાદી સાથે ન મળી શકે છે. હું આ કરવા માંગો છો અને તેથી હું તેને લેવા જાઉં છું. આમ કરવા માટે કે ચાલો અમુક વસ્તુઓ નથી. ચાલો પ્રથમ આ પૃષ્ઠ પર નિરીક્ષક ખોલવા કારણ કે અમે જોયું છે કે આ પાનું બધા પર ફરીથી લોડ થયેલ છે, તેથી તે કદાચ AJAX છે કોઈક મદદથી તેની માહિતી લોડ કરી શકાય છે. અમે શોધવા માહિતી તે લોડ છે કરી શકો છો. જો હું આ નેટવર્ક ટેબ પર ક્લિક કરો, આ અરજીઓ કે જે ઉત્તેજિત કરી શરૂ તમામ હશે આવે છે. હવે જો હું ગૂ લખો, અમે જોઈ શકે છે કે હું હમણાં જ નવો HTTP વિનંતિ મળી. આ સંભવિત છે કે જ્યાં દશાંશ માહિતી આવતા હોય છે. પૂરતી ખાતરી છે કે, જો હું આ URL, કે જે strangely નામ આપવામાં આવ્યું છે બીટ જોવા અમે જોઈ શકે છે કે આ બરાબર છે જ્યાં યાહૂ બોલ મોકલી રહ્યું છે તેની માહિતી. 

હું એક અલગ suggest.php તરીકે ઓળખાતી ફાઈલ કે જે ખૂબ ભાવના માં લૂકઅપ કાર્ય માટે સમાન છે બનાવી છે. તે વાસ્તવમાં માટે યાહૂ URL એ ક્વેરી કરી રહ્યા છે, પાછા અમુક માહિતી મેળવવા માટે, અને મને તે પાછું મોકલો. હવે, તેના બદલે આ મોટું, પ્રતીકો વિશાળ યાદી વાપરવા કરતાં, હું યાહૂ સરસ સુસંગતતા વસ્તુઓ વાપરી શકો છો, અને હું કે વ્યાપક જાવાસ્ક્રિપ્ટ ફાઈલ ડાઉનલોડ કરવાની જરૂર નથી. હું ફક્ત નીચે ખરેખર સંબંધિત સ્ટોક પ્રતીકોમાં ખેંચી જઇ રહ્યો છું. ચાલો કે કાર્યમાં કૂદી પડું. તેથી html, js. અમે quote4 હવે છો. હવે અમે લાંબા સમય સુધી જાવાસ્ક્રિપ્ટ ફાઈલો છે કે જે મોટી યાદી ઉપયોગ કરી રહ્યાં છો. પરંતુ ત્યાં ડિઝાઈન સમસ્યા નાના પ્રકારની અહીં છે. અમે કહ્યું છે કે આ AJAX એક અસુમેળ છે. કે અર્થ એ છે કે જ્યારે હું એક AJAX વિનંતિ કરવા માટે, તેથી અહીં 8 વાક્ય પર, આ છે જ્યાં મારા AJAX વિનંતી ખરેખર પકવવામાં આવે છે. હવે કહો કે હવે હું અમુક કોડ નીચે અહીં હોય કે જે અમુક સામગ્રી કરવા જઇ રહ્યો છે અથવા પાનાં પર બદલો કંઈક વપરાશકર્તા સજાગ ગમે છે. શું ન જવું છે તે જ બ્રાઉઝર આ વિનંતી કરવા માટે રાહ જુઓ અને ચાલુ રાખવા માટે નથી જઈ રહ્યા પહેલા આવતા અને આ રેખા ફટકા. કે અસુમેળ ભાગ છે. તે આ વિનંતી કરવા માટે બનાવવા અને કહે છે, "જ્યારે પણ તમે સમાપ્ત ચાલી રહ્યું છે, "પાછા આવો અને જે કાર્ય કે હું તમે કહ્યું હતું કે સફળતા ની અંદર કૉલ કરો." તેનો અર્થ એ કે અમે ફક્ત તમામ શેરોમાં પહેલાંથી નથી ડાઉનલોડ કરી શકો છો. અમે વિનંતી કરી છે અને પાછા આવો કંઈક માટે રાહ જરૂર છે. કે જે પહેલાં અર્થ થાય છે, અમે માત્ર બુટસ્ટ્રેપ કહેવું શકે છે, "અહીં વસ્તુઓ યાદીમાં હું સ્વયંપૂર્ણ માટે તમે કરવા માંગો છો છે." અમે લાંબા સમય સુધી કે હવે શું કરી શકો છો કારણ કે અમે જાણતા નથી અમે ખરેખર શું સ્વયંપૂર્ણ કરવા માંગો છો. સદભાગ્યે, બુટસ્ટ્રેપ આ વિચાર કારણ કે તે ત્યાં પર સ્માર્ટ ગાય્સ છે, અને તેઓ ખરેખર અમને બીજી આ Typeahead પ્લગઇન લોડ રસ્તો કરી આપ્યો. પહેલાં, આ સ્રોત મિલકતની કિંમત માત્ર વસ્તુઓ આ મોટું પર સ્વયંપૂર્ણ માટે એરે હતી. 

હવે સ્ત્રોત મિલકત ખરેખર એક કાર્ય છે, અને આ કાર્ય હેતુ માટે આકૃતિ પર સ્વયંપૂર્ણ માટે વસ્તુઓ શું છે. જે રીતે તે જે આકૃતિ રહ્યું છે તે માટે યાહૂ! ફાઇનાન્સ પૂછી રહ્યું છે સ્વત: પૂર્ણ કરવા માટે શ્રેષ્ઠ વસ્તુઓ શું છે. આમ કરવા માટે કે હું ખૂબ જ સમાન AJAX વિનંતિ કરવા જાઉં છું. હું suggest.php આ પાનું વિનંતી જાઉં છું. હું પ્રતીકો સાથે હજુ પણ મોકલવા માંગો છો. અને હવે મારી સફળતા માટે, બુટસ્ટ્રેપ દસ્તાવેજીકરણ મને કહ્યું કે ક્રમમાં વસ્તુઓ છે કે જે યાદી બનાવવા, બધા મને જરૂર આ એરે પાસ છે હવે કૉલબૅક કાર્ય છે. પરંતુ એક મિનિટ રાહ જુઓ. જો આ એક એરે હશે તેવું માનવામાં આવે છે અને એજેક્સ મને મોકલી રહ્યું છે પાછા લખાણ, કે કેવી રીતે શક્ય છે? આ JSON કહેવાય માહિતી આપલે એક નવો રસ્તો પરિચય આપે છે. આ કિસ્સામાં અમે પાછા નહીં લખાણ એ સાદી શબ્દમાળા મોકલી રહ્યાં છો. હવે અમે સ્ટોક પ્રતીકોમાં આ વધુ જટિલ યાદી સાથે કામ કરીએ છીએ. આ સ્ટોક પ્રતીકોમાં પણ કંપનીના નામ અથવા વર્તમાન ભાવમાં જેવી વસ્તુઓ સમાવેશ થાય છે. ફક્ત એક મોટું લાંબા શબ્દમાળા કે જે કોઈપણ ધારી રીતે ફોર્મેટ છે મદદથી છે જવાનું ન શ્રેષ્ઠ માતાનો યાહૂ સર્વરમાંથી આ માહિતી મને રસ્તો છે એક રીતે તે મને સરળતાથી સમજી શકે છે. JSON ટેક્નોલોજી કે અમે કેવી રીતે જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે બનાવો લાભ લે છે. આ એક જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે જેવી ઘણો લાગે છે, અને હકીકતમાં, કારણ કે તે છે. JSON જાવાસ્ક્રિપ્ટ ઑબ્જેક્ટ નોટેશન માટે વપરાય છે. આ મૂળભૂત છે એક માહિતી પરિવર્તીત અને આગળ સ્થળાંતર કરવા માટે બંધારણમાં પર સંમત થયા હતા. અહીં આ JSON ઑબ્જેક્ટ અથવા આ JSON સાહચર્યાત્મક એરે છે મને કોર્સ વિશે કેટલીક માહિતી મોકલી. 

આ ઍરેની કીઓ અભ્યાસક્રમ જેવી વસ્તુઓ કે cs50 એક મૂલ્ય છે હોય છે, અને નીચે અહીં આપણે જોઈ શકે છે કે હું કિંમત છે કે જે એરે હોય શકે છે. હું શબ્દમાળાઓ બહાર વિશ્લેષણ કરવા જેવી વસ્તુઓ નથી, અને કોમા જોવા માટે અને જેમ ઉન્મત્ત વસ્તુઓ નથી. કારણ કે આ JSON બંધારણમાં માં જાહેર કરવામાં આવે છે, જાવાસ્ક્રીપ્ટ અને jQuery પહેલેથી જ શબ્દમાળા કન્વર્ટ કાર્યો કરતા હોય છે કે જે વાસ્તવિક જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે આ JSON જેવો દેખાય છે કે અમે સાથે કામ કરી શકે છે. કે આવું તરીકે કહે છે કે લાંબા સમય સુધી આ ફાઇલ suggest.php, છે ખૂબ સરળ છે, મને પાછા ફક્ત લખાણ શબ્દમાળા મોકલવા, પરંતુ હું જાણું છું તે મને મોકલી JSON પાછા જવાનું છે. તેનો અર્થ એ છે કે જે તે JSON જાવાસ્ક્રિપ્ટ સાહચર્યાત્મક એરે રૂપાંતરિત કરી શકાય છે. અને jQuery તેથી, હું તમને મારા માટે કે કરવું ગમશે. તેનો અર્થ એ છે કે આ પ્રતિભાવ અહીં પરિમાણ, આ લાંબા સમય સુધી માત્ર એક શબ્દમાળા છે. કારણ કે અમે jQuery કહ્યું છે કે અહીં કેટલીક JSON આવે છે, , jQuery પૂરતી સ્માર્ટ કહેવું પ્રયત્ન રહ્યું છે "તમે JSON માગે છે?" "હું તમારા માટે એક સમૂહનો એરે માં કે રૂપાંતરિત જાઉં છું." ચાલો વાસ્તવમાં નેટવર્ક ટેબ પર એક નજર એકવાર અમે quote4.js છે. અમે આ ફેરફાર અને પૃષ્ઠને ફરીથી લોડ કરો પડશે. હવે હું એક એક ફરીથી લખો જાઉં છું. હું suggest.php એક દંપતી વિનંતીઓ કરી છે, પરંતુ હવે આ પ્રતિભાવ, ખાલી શબ્દમાળા કરતાં, તે JSON છે. તેથી હું એક ખુલ્લું સર્પાકાર તાણવું કહેતા હોય છે કે "અહીં એક સમૂહનો એરે આવે છે." 

આ સમૂહનો એરે પ્રથમ અને એકમાત્ર ચાવીરૂપ સંકેતોની કહે છે, અને પછી અહીં પ્રસ્તુત પ્રતીકો બધી ઝાકઝમાળ છે યાહૂ! ફાઇનાન્સ માંથી હવે કદાવર યાદી નથી આવતા. કે હું કેવી રીતે માત્ર આ સ્વયંપૂર્ણ પ્લગઇન રચના કરી શકો છો અમુક માહિતી કે જે સ્થાનિક ફાઈલ કે જે પહેલાથી જ પૂર્વનિર્ધારિત છે નથી આવે સાથે પણ કંઈક બીજુ છે. તે તારણ છે કે અમે ખરેખર એક JSONP કહેવાય ટેક્નોલોજીનો લાભ લઈ શકે છે, અથવા ગાદી સાથે JSON, આ suggest.php દલાલ નાશ કરશે. પરંતુ જે જગ્યાએ, ચાલો બદલે હું કેવી રીતે આ પણ વધુ સુધારી શકે પર એક નજર. હું ખરેખર માતાનો બુટસ્ટ્રેપ Typeahead ગમે છે. તે ખરેખર સરસ છે. પરંતુ અમે જાવાસ્ક્રિપ્ટ સારા રહ્યાં છો અને અમે પ્રકારની આ જાતને કરવા માંગો છો, કદાચ આ પ્લગિન શું કરી શકાય તેમ છે પર એક નજર. ચાલો લાંબા સમય સુધી કે Typeahead વસ્તુ વાપરો, દો અને સુચન શેરોમાં આ યાદી જાતને બનાવવા પ્રયાસ કરો. અહીં quote6.php આપણે માટે આ બોલ એ જ રીતે શરૂ રહ્યા છીએ. દર વખતે કોઈએ કંઈ પ્રકારો, અમે એક AJAX વિનંતી બનાવવા માંગો છો. આ અમારી મૂળ CS50 ફાયનાન્સ ઇન્સ્ટન્ટ સમાન છે. ઊલટાનું quote.php માટે વિનંતી કરવામાં કરતાં, આપણે હવે એ જ ફાઈલ કરી રહ્યાં પહેલાં તરીકે વિનંતી કરવામાં, આ suggest.php, જે માત્ર યાહૂ! ફાઇનાન્સ પાસેથી માહિતી ખેંચી રહ્યું છે. 

ફરીથી, અમે હજુ પણ JSON અપેક્ષા કરી રહ્યાં છો, પરંતુ હવે ત્યારથી Typeahead આ આપણા માટે નથી કરી રહ્યો છે, અમે પણ સાથે કિંમત છે કે જે વર્તમાન લખાણ બોક્સની અંદર છે મોકલવાની જરૂર છે. હવે અમે જાણવા યાહૂ! ફાઇનાન્સ પૂછી માટે, અને તેથી હવે અહીં કાર્ય કે અમે ચલાવવા એકવાર વિનંતી પૂર્ણ કરવા માંગો છો છે. અમે પ્લગઇન નથી અમને માટે યાદી કરી નથી, તેથી અહીં જ્યાં અમે ખરેખર સૂચનો એક સૂચિ બનાવી રહ્યા છીએ. કે કરવા માટે, ખૂબ PHP માં ગમે અમે HTML ની ​​આ મોટું શબ્દમાળાઓ શ્રેણીબદ્ધ પછી અમે તેમને મુદ્રિત, અમે જાવાસ્ક્રિપ્ટ જ ચોક્કસ વસ્તુ કરી શકો છો. પ્રથમ અમે આ સૂચનો કહેવાય શબ્દમાળા શરૂ જઈ રહ્યાં છો, અને આ શબ્દમાળાને માત્ર કેટલાક એચટીએમએલ સમાવી રહ્યું છે. અમે તે વસ્તુઓ યાદી પ્રયત્ન કરવા માંગો છો, તેથી અમે આ યાદી ટેગ સાથે બંધ શરૂ જઈ રહ્યાં છો, અને હવે અમે આ બોલ પર પ્રતીકો જે પાછા અમને પાછો હતી બધા ફરી વળવું રહ્યા છીએ. યાદ રાખો, કારણ કે અમે dataType કહ્યું છે: 'json', આ શબ્દમાળા નથી. આ પહેલેથી જ આપણા માટે એક વ્યૂહરચના છે. કે ખરેખર ઠંડી છે. અમે ફક્ત કહેવું કરી શકો છો, "હું તમને એક યાદી તત્વ ઉમેરી કરવા માંગો છો." અમે કે બાજુ માં એક તત્વ અંદર તે મૂકીશું, અમે તેને સૂચનો એક વર્ગ આપો જેથી અમે જાણીએ છીએ કે તે શું છે પડશે, અને હવે અહીં પ્રતીક કે અમે યાહૂ! ફાઇનાન્સ માંથી પાછા મળી છે. 

એકવાર અમે સંકેતો અમે પાછા મેળવેલ કર્યું છે દરેક માટે એક તત્વ બનાવ્યું છે, અમે હમણાં જ બંધ યાદી બંધ કરવા માંગો છો. તેથી હવે સૂચનો આ થોડું HTML ટુકડો પ્રતિનિધિત્વ કે જ્યારે પાનાં પર મૂકવામાં વસ્તુઓ અમે શોધી રહ્યાં છો યાદી પ્રયત્ન રહ્યું છે. હવે આપણે ખરેખર પાનું પર મૂકો. આમ કરવા માટે કે હું ખરેખર અન્ય ખાલી div બનાવેલ છે અને હું તેને સૂચનો નું ID આપી છે. ખૂબ જેવા અમે div સમાવિષ્ટો કે સ્ટોક માહિતી કિંમત દર્શાવશે સુયોજિત કરો, આપણે હવે માત્ર ગમે આ શબ્દમાળા છે આ div સમાવિષ્ટો સેટ કરવા માંગો છો જે આ પ્રતીકો સમાવે છે. આ HTML પદ્ધતિ નો ઉપયોગ કરીને, આ સૂચનો ચલ, આ શબ્દમાળા HTML ની ​​એક શબ્દમાળા છે. હું કે જે તમને HTML લેવા માટે અને તેને સૂચનો કહેવાય div ની અંદર મૂકેલ. અમે ફક્ત DOM માટે કંઇક હવે ઉમેરાયું. અમે DOM માટે કેટલાક નવા તત્વો ઉમેરવામાં કર્યું છે કે અમે હવે પૃષ્ઠ પર પ્રદર્શિત કરી શકો છો. માતાનો જુઓ આ શું લાગે દો. જો અમે quote6 માં લોડ અને હવે અમે પાછા આવો હવે જ્યારે હું AAPL ટાઇપિંગ શરૂ કરો, અમે લાંબા સમય સુધી કે બુટસ્ટ્રેપ સ્વયંપૂર્ણ છે, પરંતુ અમે હવે આ યાદી છે કે અમે જાતને કરવામાં હોય છે. આ બુટસ્ટ્રેપ Typeahead કરતાં થોડો uglier ઉદાહરણ માટે છે, પરંતુ અમને એક અન્ય વસ્તુ કરવા માટે પરવાનગી આપતું નથી. , જ્યારે અમે તે બુટસ્ટ્રેપ પ્લગઇન જોઈ હતી અમે જોયું છે કે જ્યારે અમે સ્વતઃપૂર્ણ, એક સ્વયંપૂર્ણ કિંમતો AAPL હતી. કે જેથી મદદરૂપ ન પણ હોઈ શકે. વપરાશકર્તા તરીકે, હું તરત જ સ્ટોક પ્રતીકો બધા ઓળખી શકે છે. હું કદાચ વધુ ઓળખી શક્યતા શું કંપનીના વાસ્તવિક નામો છે. તેથી તે ખરેખર મદદરૂપ ન થઈ શકે જો બદલે AAPL કહેતા કરશે આ એપલ ઇન્ક કંઈક કહ્યું હતું કારણ કે અમે આ વળેલું જાતને કર્યું છે, તો અમે ખરેખર સરળતાથી કરી શકે. ચાલો અમારી છેલ્લા ક્વોટ અહીં ફાઈલ ખોલવા માટે, જેથી quote7. 

જ વાત. હું માત્ર એક બીજી PHP ફાઈલ કે જે ફક્ત પ્રતીકો કરતાં અમને વધુ આપશે બનાવી છે. તે પણ અમને આપો પાછા આવશે કંપનીના નામો હોય. અને તેથી અમે આ જ વાત કરી રહ્યા છીએ. અમે એક AJAX વિનંતી કરી રહ્યા છીએ. એકવાર વિનંતી પૂર્ણ છે, અમે આ કાર્ય અહીં ચલાવવા જઈ રહ્યાં છો, અને આ કાર્ય કરવા માટે ઘટકોની મોટી શબ્દમાળા બિલ્ડ રહ્યું છે. પરંતુ અહીં તફાવત એ છે કે આ યાદીઓ ની કિંમત લાંબા સમય સુધી માત્ર પ્રતીક છે, તેને હવે નામ છે. તેથી અમે એક નાની સમસ્યા હોય છે. જ્યારે અમે અમારા લૂકઅપ વાપરવા માટે, અમે કોઈક તે પ્રતીક પસાર કરવાની જરૂર છે. અમે માઈક્રોસોફ્ટ કોર્પોરેશન જેવી લૂકઅપ કંઈક નથી પસાર કરી શકો છો. અમે તેને MSFT પસાર કરવાની જરૂર છે. જ્યારે અમે HTML લખી રહ્યાં, અમે સરસ આંતરિક લક્ષણો ઘણાં હોય છે. એન એ તે href અથવા વર્ગ સાથે સંકળાયેલ હોઈ શકે છે. પરંતુ અમે ખરેખર હવે જરૂર શું આ લિંક્સ દરેક માટે છે એક સ્ટોક તેની સાથે સંકળાયેલ પ્રતીક છે. ત્યાં કોઈ HTML લક્ષણ બિલ્ટ ઇન સ્ટોક પ્રતીક માટે છે, પરંતુ સદભાગ્યે, HTML5 અમારા પોતાના લક્ષણો બનાવવા માટે પ્રયત્ન ગમે અમે માંગો છો પરવાનગી આપે છે. ડેટા પ્રતીક કહેતા દ્વારા, હું એક નવું લક્ષણ રચના કરી છે નામ જેની હું હમણાં જ બનેલું છે, અને આ ઠીક છે, કારણ કે હું આ માહિતી સાથે prefaced. અમે સ્ટોક માંથી ત્યાં પ્રતીક અંદર હવે સંગ્રહવા જઈ રહ્યાં છો. તેનો અર્થ એ કે એ છે કે ભલે અમે કંપનીનું નામ મૂલ્ય પ્રદર્શિત કરી રહ્યાં છો અમારા સ્વયંપૂર્ણ ની અંદર, અમે હજુ પણ પ્રતીક યાદ કરી રહ્યા છીએ કે દરેક કંપની સાથે સંકળાયેલ છે. જે રીતે અમે તે કરી રહ્યા છીએ આ તત્વ પોતાની અંદર છે. તેથી તેનો અર્થ એ કે અમે વધુ એક ફેરફાર કરવાની જરૂર છે. જ્યારે અમે તે હવે ક્લિક કરો, અમે ખરેખર પ્રતીક લક્ષણની લાભ લેવાની જરૂર બદલે માત્ર તેના મૂલ્ય. અમે પાછા ઉપર જો, અમે સૂચનો માટે એક ઇવેન્ટ સંભાળનાર જોડે છે. જ્યારે પણ કોઈ એક આ સૂચનોનો હવે ક્લિક કર્યું છે, હું કંઈક કરવા માંગો છો. હું કરવા માંગો છો એ છે કે ઇનપુટ બોક્સની કિંમત બદલો. હવે હું આ જ Val કાર્ય સેટ કરવા માંગો છો. 

જેથી કોઇ પણ દલીલો કર્યા વગર આ કાર્ય Val તમે આપે શું લખાણ બોક્સમાં પહેલેથી જ છે, પરંતુ જો તમે તે શબ્દમાળા આપે છે, તે છે કે જેઓ શબ્દમાળા લો અને તેને લખાણ બોક્સમાં મૂકવામાં બનશે. હું એ જ રીતે તેની લખાણ બોક્સમાં પસંદ છું. તે નામ સ્વરૂપ-નિવેદનના પ્રતીક અંદર છે. હવે હું આ લક્ષણ માહિતી-પ્રતીક કિંમત મોકલવા છું. આ અહીં વસ્તુ નવું છે, આ $ (આ). આ સંદર્ભ લે છે શું તત્વ કે ક્લિક કર્યું હતું. અમે અહીં જુઓ કે અમે એક ક્લિક ઇવેન્ટ જોડાણ કરી શકો છો સૂચન એક વર્ગ સાથે દરેક વ્યક્તિગત રીતે તત્વ છે. તેના બદલે, અમે આ થોડું અલગ નજીક કરી રહ્યા છો. તેના બદલે આપણે કહી રહ્યાં છે જ્યારેપણ આ સૂચનો div ઓફ કંઈપણ અંદર, જે યાદ રાખો કે માત્ર કે યાદી માટે કન્ટેનર છે, જો આ div ની અંદર કંઈક ક્લિક કર્યું છે અને તે સૂચન એક વર્ગ છે, હું આ ઘટના ગોળીબાર કરવા માંગો છો. મૂળભૂત રીતે આનો અર્થ શું કરીએ છીએ તે કરી શકે છે અમે આ જ ઘટના સંભાળનાર પુનઃઉપયોગ કરી શકાય છે યાદીમાં તે બધું છે. તેથી અમે એક પ્રથમ તત્વ માટે ઇવેન્ટ સંભાળનાર ન હોય હોય તો અને બીજો તત્વ માટે એક અલગ ઘટના સંભાળનાર. અમે બદલે એમ કહેશે કરી શકો છો, "હું એ જ ઘટના સંભાળનાર મારા યાદી બધું પર લાગુ કરવા માંગો છો." પરંતુ અમે કોઈક ખબર તત્વ જે ક્લિક કરી હતી જરૂર છે. આ "આ" કીવર્ડ માત્ર કે પ્રતિનિધિત્વ કરે છે. આ પદાર્થ કે જે ફક્ત વપરાશકર્તા દ્વારા ક્લિક કર્યું હતું. જો હું માત્ર 3 જી લિંકને ક્લિક કરી, આ છે કે જે 3 જી કડી તત્વ રજૂ કરે છે, જેનો અર્થ છે કે હું તેના લક્ષણ માહિતી-પ્રતીક મેળવી શકો છો, જે આપણે જાણીએ છીએ તે પ્રતીક કે કંપની મેં હમણાં ક્લિક કર્યું સાથે સંકળાયેલ છે સમાવી છે. જો અમે અમારા નાણા પૃષ્ઠ પર પાછા આવો, અમે હવે એક વાર હું msft કંઈક લખીને શરૂ જોઈ શકો, અમે લાંબા સમય સુધી માત્ર સ્ટોક ચિહ્નો મળી રહ્યા હોય, અમે હવે વાસ્તવિક કંપનીઓ રહ્યાં છો. , પરંતુ જ્યારે હું એક આ કંપનીઓ પર ક્લિક કરો અમે કે અમે ખરેખર લખાણ બોક્સમાં થતો નથી રચના કંપની નામ સાથે જોઈ શકો છો પરંતુ ગમે તે માહિતી લક્ષણો ની અંદર સંગ્રહિત કરવામાં આવી હતી. અને તેથી જો હું ખરેખર અધિકાર તેને ક્લિક કરીને એક આ તત્વોની તપાસ અને એલિમેન્ટ નિરીક્શણ ક્લિક કરીને, અમે ખરેખર જોવા આ શું જુએ છે કરી શકો છો. 

યાદ રાખો આ કંઈક કે અમે કે અંદર લૂપ માટે બનાવાયેલ છે જ્યારે અમે HTML ની ​​છે કે જેઓ શબ્દમાળા મકાન હતા. અમે અહીં જુઓ કે આ ડેટા પ્રતીક MSFT છે, કે જે મહાન છે કિંમત શકે છે. કે અમે શું અપેક્ષા રાખતા હતા. કે પ્રતીક છે અને તે કેવી રીતે અમે કિંમત છે કે અમે વાપરવા માટે જરૂરી મળ્યું અંદર આ લખાણ બોક્સ છે. કે ક્વોટ ફોર્મ માટે પર્યાપ્ત છે કારણ કે તે કંટાળાજનક પ્રકારની છે. ચાલો અમારા પોર્ટફોલિયો પાનું કેટલાક ઝડપી ઉન્નત્તિકરણો બનાવે છે. જો તમે થોડા સમય માટે CS50 ફાયનાન્સ ઉપયોગ કર્યો છે અને તમે ખરીદી અને વેચાણ શેરોમાં ઘણો શરૂ કરવા માટે, છેવટે આ ટેબલ ખૂબ મોટું વિચાર રહ્યું છે, અને તમે અલબત્ત સ્ટોક ટીકર માંગો છો જઈ રહ્યાં છો. એકવાર ટેબલ ખરેખર, ખરેખર મોટી છે, તે વપરાશકર્તા માટે ઉપયોગી હોઈ માટે તેને શોધો પ્રયાસ કરી શકે છે. શોધ બોક્સમાં જો હું ડિઝની કંઈક લખીને શરૂ ની અંદર અને મારા મિકી માઉસ સ્ટોક માટે જોઈ રહ્યા છીએ, અમે જોઈ શકો છો કે જે ટેબલ હવે ગાળણ છે હું શું માત્ર સાઇન લખ્યો પર આધારિત આ વિધેય સુપર જટિલ લાગે છે, પરંતુ તે ખરેખર, ખરેખર સરળ છે jQuery અને જાવાસ્ક્રિપ્ટ સાથે. આ portfolio.php ફાઈલ જાવાસ્ક્રિપ્ટ portfolio.js તરીકે ઓળખાતી ફાઈલ સમાવે છે. ચાલો કે પર એક નજર. તેથી html, js, પોર્ટફોલિયો. અહીં છે જ્યાં અમે કરી રહ્યા છીએ કે જે ટેબલ પર શોધ. પ્રથમ વાત હું જરૂર છે કે જે લખાણ બોક્સમાં એક ઘટના સંભાળનાર જોડી છે કારણ કે આપણે જાણીએ છીએ કે અમે અમારા ફિલ્ટરિંગ કાર્ય ગોળીબાર કરવા માંગો છો દર વખતે વપરાશકર્તાને કંઈક દબાવીને કારણ કે અમે શોધ બટનો માટે સમય નથી. પ્રથમ વસ્તુ અમે જરૂર છે આઉટ આકૃતિ વપરાશકર્તા શું શોધી રહી છે, જેમ અમે પહેલાં હતી. આ કીવર્ડ વર્તમાન તત્વ વપરાશકર્તા સાથે સંપર્કમાં આવવાની છે ઉલ્લેખ કરે છે. 

કારણ કે વપરાશકર્તાને શોધ બોક્સ સાથે સંપર્કમાં આવવાની છે, $ આ શોધ બોક્સ દર્શાવે છે, જેથી this.val અમને આપે છે શું શોધ બોક્સ વપરાશકર્તા હાલમાં ટાઇપ કરી રહ્યા છે ની અંદર છે. તેથી, હવે આપણે શું કરવા માંગો છો અમે ઉપર પંક્તિઓ તમામ ભારપૂર્વક કહેવું કરવા માંગો છો છે અંદર અમારા કોષ્ટકની. અમારા કોષ્ટકમાં પંક્તિઓ તમામ પસંદ કરો, હું કે ટેબલ ટેબલ પોર્ટફોલિયો નું ID આપ્યું, અને દરેક પંક્તિ એક TR માં તત્વ દ્વારા રજૂ થાય છે, તેથી આ પસંદગીકાર મને એક મોટી એરે પર પાછા જવું છે મારા ટેબલ બધી પંક્તિઓને છે. હવે હું વધારે કે એરે ફરી વળવું કરવા માંગો છો. હું લૂપ માટે તમે કરી શકે છે, પરંતુ વાસ્તવમાં jQuery અમને સરસ કહેવાય કાર્ય પૂરું પાડે છે "દરેક." દરેક કરે છે શું છે દરેક એક દલીલ લે છે, અને તે દલીલ એક કાર્ય છે. તે શું થઈ રહ્યું છે તે શું છે તે આ યાદીમાં ની અંદર દરેક તત્વ કે કાર્ય અરજી ચાલી રહ્યું છે. આ કાર્ય એક દલીલ કે ઈ છે લે છે, અને જ્યારે આ કાર્ય ચલાવવામાં આવે છે, આ ઈ પ્રથમ પંક્તિ સાથે બદલી શકાય રહ્યું છે, પછી બીજા પંક્તિ, અને પછી ત્રીજા પંક્તિ. આ રીતે, આ લૂપ માટે ચાલતી તરીકે જ વસ્તુ છે અને પછી વર્તમાન તમારા ઓફ લૂપ માટે અનુક્રમણિકા અંદર પર આધારિત તત્વ figuring. દરેક ઇટરેશન પર, ટેબલ આ તત્વો દરેક માટે, આ પંક્તિ ની અંદર કોશિકાના લખાણ - હું તત્વ ઓફ લખાણ જો ચકાસણી કરવા માંગો છો - સાથે બંધબેસે હું શું શોધી રહ્યો છું. આદેશો આ મોટું લાંબા શબ્દમાળા છે કે હું કેવી રીતે કરી શકે. પ્રથમ, ફરીથી, આ હવે ઉલ્લેખ કરે છે - કારણ કે તે નવા કાર્ય ની અંદર છે - આ હવે ટેબલ માં વર્તમાન પંક્તિ છે. હું કોષ્ટકમાં વર્તમાન પંક્તિ લેવા માંગતા હોય તો, અને હું તેના બાળકો તમામ મેળવવા માંગો છો. યાદ રાખો, DOM એક અધિક્રમિક વૃક્ષ છે, જેનો અર્થ છે કે તત્વો બાળકો નંબર હોય છે. 

આ બાળકો. કાર્ય માટે મને પાછા તત્વો બધી ઝાકઝમાળ પાછા જવાની છે કે બાળકોને આ કિસ્સામાં, કોષ્ટકની એક પંક્તિ માં છે. આ માત્ર ખાલી છે પંક્તિના અંદર કોષો. હું માત્ર પ્રથમ કોશિકાના પર શોધ કરવા માંગો છો. આ પ્રથમ. કાર્ય કહે છે મને કે એરે પ્રથમ તત્વ આપે છે. પછી ટેક્સ્ટ કાર્ય કહે વિચાર મને ચોકકસ શું કે જે સેલ ની અંદર છે કારણ કે હું લખાણ શોધો કરવા માંગો છો. છેલ્લે, ચાલો તે લોઅરકેસ કન્વર્ટ, તેથી અમે લખાણ કેસ પ્રત્યે સંવેદનશીલ પ્રશ્નો કરી શકો છો. છેલ્લે, અમે શું કોષ્ટકની અંદર છે કે જેઓ શબ્દમાળા શબ્દમાળા અમે શોધી રહ્યાં છો સમાવે કરવા માંગો છો. જાવાસ્ક્રિપ્ટ આ indexOf કાર્ય માત્ર કે કરે છે. અમને કહે છે કે નહીં તે આ શબ્દમાળાને અન્ય શબ્દમાળા ધરાવે છે. જો તે સાચું છે કે કોશિકા સમાવે છે હું શું શોધી રહ્યો છું, પછી હું ખાતરી કરો કે તે બતાવવામાં આવ્યું છે તે બનાવવા માંગો છો. આ શો પદ્ધતિ કહે છે કે, "તત્વ બતાવો લેશે." જો આ કિસ્સો નથી, તો પછી તેનો અર્થ એ કે ગમે તે હું સમાયેલ નથી માટે શોધ છું તે હરોળમાંથી અંદર, અને તેથી હું છુપાવવા માંગો છો વપરાશકર્તા છે. કે જે તે સરસ ફિલ્ટરિંગ અસર હાંસલ જ્યાં લાંબા સમય સુધી અમે સંપૂર્ણ ટેબલ જુઓ. જો તમે આ કેવી રીતે ટીકર બનાવવા માટે તેમજ રુચિ ધરાવો છો, અમે સ્રોત ઑનલાઇન પોસ્ટ કરશો. પરંતુ તે ખરેખર સરળ છે. JQuery આ એનિમેશન અને હેરફેર સીએસએસ પ્રોપર્ટીઝ માટે અદ્ભુત પદ્ધતિઓ છે. તેથી, તે મારા માટે છે. 

શું પછી આગળ આવેલું છે? જેમ તમે થોડા દિવસોમાં જોશો, તો અંતિમ પ્રોજેક્ટ દરખાસ્ત કારણે છે. અંતિમ પ્રોજેક્ટ દરખાસ્ત તમે થોડા પ્રશ્નો પૂછશે, પરંતુ તેમની વચ્ચે ત્રણ લક્ષ્યો હશે - એક તો "સારા" નિશાન, એક વધુ સારું નિશાન છે, અને એક શ્રેષ્ઠ. આ ખરેખર હોવાથી તમે ગાય્સ મદદ વિચાર તમારા અપેક્ષાઓ સેટ જેથી ઓછા તમે તમારી અંતિમ પ્રોજેક્ટ નું આઉટપુટ ખુશ થશે અને તે "સારા" અત્યાર સુધી તરીકે તમે ચિંતિત આવે. પરંતુ તે પછી તમે કંઈક કરવા માટે માત્ર થોડો સુધી પહોંચવા મેળવવાની રસ વધુ સારી અથવા શ્રેષ્ઠ કંઈક, અમે પણ છે કે જે તમને તરફ તેમજ દબાણ ઓફ સૉર્ટ પડશે. આ CS50 હેક-a-thon દરમિયાન, થોડા અઠવાડિયા છે. ખાસ કરીને, અમે એક લોટરી આધાર ધોરણે રસ છે કારણ કે આ કરવા માટે, પરંતુ મતભેદ છે અમે હાર્વર્ડ સ્કેવર ના શટલ બસ અમને થોડા સો વાત કરીશું નીચે કેન્ડેલ સ્ક્વેર જ્યાં માઇક્રોસોફ્ટ એક સુંદર યોગ્ય રીતે "NERD" કહેવાય સુવિધા છે - ન્યૂ ઇંગ્લેન્ડ સંશોધન અને વિકાસ કેન્દ્ર. અમે ત્યાં વિચાર 8 વાગ્યા આસપાસ અમે કેટલાક ખાદ્ય પડશે પડશે. 1 વાગ્યે આસપાસ અમે કેટલાક વધુ ખોરાક પડશે. લગભગ 5 છું જો તમે હજી પણ જાગતું અમે ઉપર વડા IHOP અથવા તમે કેમ્પસ પર પાછા લેવા પડશે. ત્યાં હેતુ અંતિમ પ્રોજેક્ટ માં ડાઇવ છે સાથે સહપાઠીઓને અને સ્ટાફ. પછી થોડા દિવસ બાદ CS50 ફેર છે, જે ખરેખર એક તક થઈ ગયું છે માટે તમે ગાય્સ તમારા કાર્ય પ્રદર્શન માટે આ સત્ર માટે અને સફળતા જ્યારે એકબીજા સાથે ખભા ઘસ્યા અને દરેકને શું કર્યું એક અર્થમાં રહ્યો. કે જણાવ્યું હતું કે સાથે, ટોમી અને જોસેફ ઘણા આભાર, અને અમે તમને સોમવાર પર જોશે.  [વધાવી]