ડેવિડ જે MALAN: બધા અધિકાર છે, તેથી આ અહીં MYO હાથ છે
બેન્ડ, એક દંપતી જે અમે CS50 અંતિમ પ્રોજેક્ટ માટે હોય છે.
અને તે અમે કતાર એક પ્રદર્શન હતું અગાઉથી અનિવાર્યપણે જ્યાં તમે ઉપર
આ એકદમ ચુસ્ત હાથ અહીં બેન્ડ તમારા સ્નાયુનું હલનચલન સાંભળે છે
પછી સોફ્ટવેરમાં માપ થયેલ છે કે અહીં ઉપર કોલ્ટન લેપટોપ છે કે જે
હતી આઇટ્યુન્સ અને તે ગીત પહેલેથી અપ કતારમાં.
તેના બદલે મને આ demoing કરતાં, કોલ્ટન લેબ કરવામાં આવી છે
સ્પષ્ટ બધા સપ્તાહ પ્રદર્શન મેળવવામાં એક બહાદુર સ્વયંસેવક માટે તૈયાર છે.
કોઇ આવે છે કરવા માંગો છો ઘણું પ્રથમ તમારા હાથમાં જોયું.
પર આવો.
>> તમામ હક અનામત.
અને તમારું નામ શું છે?
>> પ્રેક્ષક: ઉહ, મારિયા.
>> ડેવિડ જે MALAN: મારિયા, તમે જોવા માટે સરસ.
અહીં પર આવે છે.
મને કોલ્ટન તમે દાખલ દો.
કોલ્ટન, આ મારિયા છે.
>> COLTON: હાય, તમને મળીને સરસ.
>> ડેવિડ જે MALAN: બધા અધિકાર છે, તેથી અમે કરી રહ્યાં છો, એક પગલું
તમે જઈને મૂકી તમારા ડાબા હાથ પર આ
તે સુંદર છે કે જેથી તમારી કોણી નજીક અપ ચુસ્ત.
અને ત્યાં છે, ચાલો હોય અમારા ગૂગલ ગ્લાસ પર મૂકી
અને આજે આપણે ટેકનોલોજી મિશ્રણ પડશે.
>> COLTON: પ્રથમ અમે પડશે વસ્તુઓ આ રોકી.
>> ડેવિડ જે MALAN: ઠીક છે.
ખરેખર, કારણ કે તમારા હાથ મૂકી દો શક્ય હોય તો આ કેબલ નજીક
તેથી અમે પ્રથમ તેને સમન્વિત કરી શકે છે.
>> COLTON: માતાનો આ દો.
>> ડેવિડ જે MALAN: અને ત્યાં છે, જેથી દરેક નજીકથી નજર મેળવી શકો છો,
અમે એન્ડ્રુ માતાનો કેમેરા જીત્યાં પડશે ત્યાં સ્ક્રીન પર.
તેથી અમે તે એક યુએસબી કેબલ હોય છે મારિયા પદવી સાથે જોડવામાં આવે છે.
અને મને કોલ્ટન સ્ક્રીન જીત્યાં દો આગામી પ્રોજેક્ટર પર.
>> તેથી કોલ્ટન ઉપકરણ રજીસ્ટર થયેલ છે એક MYO આ કેબલ સાથે જોડાયેલ હવે.
અને હવે શું માતાનો મારિયા પળવારમાં શું કરવા જઇ
ખરેખર લઈ જવામાં આવે છે, કેલિબ્રેશન પગલાંઓ
અને સોફ્ટવેર શીખવે છે કેવી રીતે તેના સ્નાયુઓ જવાબ
તે બનાવવા જ્યારે અમુક પૂર્વ નિર્ધારિત સોફ્ટવેર સમજે છે કે હાવભાવ.
તમે જવા માંગો છો, તો સ્ક્રીન સામે.
ઓકે, પ્રયાસ કરી રાખો.
>> COLTON: આ જેમ જાઓ.
અને તે ગમે છે.
અને જમણી બધી રીતે.
પાછા જાઓ.
>> ડેવિડ જે MALAN: ઠીક છે.
અલગ પરિપ્રેક્ષ્ય.
તે તમને નથી.
તે અમને છે.
>> MARIA: બરાબર.
ડેવિડ જે MALAN: ના
ઉચ્ચ અપ તેથી તે ખસેડો તમારા કોણી નજીક છે, અથવા પણ સજ્જડ.
તમામ હક અનામત.
>> અહીં અમે જાઓ.
આ CS52X માટે સારો સમય હશે.
ત્યાં અમે જાઓ.
>> ખૂબ જ સરસ.
ઠીક છે.
અંગૂઠો પીંકી છે.
>> ખૂબ જ સરસ.
તમારી આંગળીઓ ફેલાવો.
ગુડ.
અધિકાર તરંગ.
તે જિજ્ઞાસાપૂર્વક દર્શાવે છે ડાબી હાથ સાથે તમે
>> COLTON: અરે વાહ, કે વિચિત્ર છે.
ડેવિડ જે MALAN: માટે વેવ અધિકાર અને આગળ વધો.
આગળ ઝડપી અવગણો અથવા આગામી છે.
તે ઠીક વેવ અધિકાર છે.
>> MARIA: હું રાહ don't--.
>> ડેવિડ જે MALAN: કેટલીક સહાયની જરૂર છે?
>> COLTON: તેથી તમે આ જેવી જઈ રહ્યાં છો.
MARIA: તે દેવાનો છે અન્ય વસ્તુ છે, જોકે.
COLTON: તે છે.
ડેવિડ જે MALAN: અરે વાહ, મને ખબર નથી તે શા માટે તમે એક leftie દર્શાવે છે.
COLTON: શા માટે તમે પ્રયાસ નથી આ જેમ જ ચાલી રહ્યું છે કરવાનો પ્રયાસ કરો.
>> ડેવિડ જે MALAN: આ બોલ પર કોઈ?
કદાચ તમારા હાથ સુધી પહોંચી થોડી straighter બહાર
અને તે આ જેમ વધુ આકસ્મિક કરો.
અરે વાહ, ઠીક છે, પર આવે છે.
>> MARIA: હું દિલગીર છું.
ડેવિડ જે MALAN: તે તમારો દોષ નથી.
COLTON: તે દંડ છે.
ડેવિડ જે MALAN: બધા અધિકાર.
Well--
>> MARIA: અમે પછી આ અવગણો જોઈએ?
ડેવિડ જે MALAN: હા, ચાલો હૂક બોલ જો તમે દો.
કોઈને એક કરવા માંગો છો તેથી જો આ કટીંગ ધાર ઉપયોગ અંતિમ પ્રોજેક્ટ
હાર્ડવેર ખ્યાલ, તે માત્ર કદાચ કરવા માટે વપરાય રહેલી થોડી લે છે.
અને છે આ વાસ્તવિકતા આ છે ખરેખર ખૂબ જ ધાર રક્તસ્ત્રાવ થાય છે.
>> આ કહેવામાં આવે છે ડેવલપર કિટ, જે
અનિવાર્યપણે પૂર્વ પ્રકાશન થઈ ગયું છે તેથી લોકો બરાબર કરી શકે છે
તે સાથે લડવા છે આ, આકૃતિ બહાર કેવી રીતે લોકો સંસ્થાઓ કામ કરે છે
ટેકનોલોજી સાથે.
તમે કરવા માંગો છો, તેથી જો પછીથી વ્યાખ્યાન બાદ,
અમે તમને આવવા દો કરી શકો છો અને તે અન્ય પ્રયાસ લેવા.
અભિવાદન પરંતુ અન્યથા, રાઉન્ડમાં, જો અમે પર આવતા મારિયા માટે કરી શકે છે.
>> MARIA: આભાર.
>> ડેવિડ જે MALAN: આપનો આભાર.
અમે આ પર અટકી પડશે, પરંતુ અમે આપશે રીતે તમે કેવી રીતે અહીં એક તણાવ બોલ વિશે શું?
ઓહ, and-- if-- હા, આભાર.
તમામ હક અનામત.
તમે હતા વિચિત્ર છે, તેથી જો અવાજ પસંદગી સાથે પરિચિત
અમે ત્યાં કરી છે કે અગાઉ, એક સુંદર ટીવી
જે દર્શાવે છે કે તમે સંપૂર્ણપણે જોઈએ પર્વની ઉજવણી જોવાથી Netflix પર હોવું
અહીં આ એક છે.
>> 1 વક્તા: લેડિઝ એન્ડ જેન્ટલમેન, જોશ નામના જાદુગર.
>> ડેવિડ જે MALAN: અને દેખીતી રીતે, તે છે એક વસ્તુ હવે વ્યાખ્યાન દરમિયાન મને લખાણ.
હું જણાવ્યું હતું કે આવી રહી છું મારિયા ગઇકાલે જન્મદિવસ હતો.
તેથી ખુશ જન્મદિવસ મારિયા CS50 તેમજ.
>> તેથી જો તમે તાજેતરના મહિનામાં વાંચી શકે છે તે અહીં આ જેન્ટલમેન, સ્ટીવ
ખરેખર કોણ હતી બાલ્મેર, કોલેજ ખાતે 1977 ના વર્ગ,
તાજેતરમાં માઇક્રોસોફ્ટ માટે નિવૃત્ત થયા હતા.
તેમણે અહીં અન્ડરગ્રેજ્યુએટ હતી પછી થોડા વર્ષ પછી
પર પોતાને મળી નથી સ્ટેનફોર્ડ બિઝનેસ સ્કૂલ
તેઓ એક ફોન મળ્યો હતો ત્યારે તેના જેઓ એક મિત્ર કૉલ
હોલ નીચે રહેતા હતા અહીં હાર્વર્ડ ખાતે તેમની પાસેથી.
તે મિત્રનું નામ બિલ હતું ગેટ્સ, અને તે સમયે,
તેમણે પ્રયત્ન સ્ટીવ ભરતી કરવાનો પ્રયાસ કરવામાં આવ્યો પ્રથમ બિઝનેસ વ્યક્તિ, ખરેખર,
એક નાની કંપની ખાતે માઇક્રોસોફ્ટ નામ.
>> એક લાંબા વાર્તા ટૂંકા, સ્ટીવ આખરે જીતી હતી,
જ્યારે તેઓ માઇક્રોસોફ્ટ જોડાયા માત્ર 30 કર્મચારીઓ હતા.
અને સમય દ્વારા તેમણે તદ્દન તાજેતરમાં નિવૃત્ત,
કંપનીએ 1,00,000 કર્મચારીઓ હતી છેલ્લા થોડા વર્ષોમાં.
અને તેથી એક વેબસાઇટ ધાર તરીકે ઓળખવામાં આવે છે વિડિઓ પર આ શ્રદ્ધાંજલિ તૈયાર
અમે કરશો વિચાર્યું કે તમે આપે છે કે શેર
કેટલી ઊર્જા સ્ટીવ એક અર્થમાં તેમણે આપે કોઈપણ રજૂઆત લાવે છે.
[વિડિઓ પ્લેબેક]
-Microsoft ચોથા બાળક જેવું છે.
બાળકો ઘર છોડી નથી.
આ કિસ્સામાં, હું માનું છું હું ઘર છોડીને છું.
બિલ અરે, whazzap?
>> -Wazzap?
>> -Hey, Wazzap?
અમે આપવામાં આવી છે એક પ્રચંડ તક.
અને બિલ કે અમને તક આપી હતી.
મને લાગે છે કે બિલ આભાર કરવા માંગો છો.
હું તમને ખૂબ કરવા માંગો છો.
નવીનીકરણ ની ગતિ ધીમી નથી જઈ રહ્યા છે.
>> તે ઝડપી અને વધુ ઝડપી બનશે.
થોડા સ્પર્ધકો હોઈ શકે છે કે કમનસીબે દૂર કરવામાં આવે છે!
>> હું આ કંપની પ્રેમ.
હા!
હું એક પીસી છું, અને હું આ કંપની પ્રેમ!
>> વિકાસકર્તાઓ, વિકાસકર્તાઓ, વિકાસકર્તાઓ, વિકાસકર્તાઓ, વિકાસકર્તાઓ, વિકાસકર્તાઓ,
વિકાસકર્તાઓ, વિકાસકર્તાઓ.
હા!
વેબ ડેવલપર્સ!
>> વેબ ડેવલપર્સ!
વેબ ડેવલપર્સ!
સાંભળો બીજું શું તમે કોઈ વધારાની ચાર્જ અંતે વિચાર!
>> આ MS-DOS એક્ઝિક્યુટિવ નિમણૂક સમયપત્રક, એક કાર્ડ ખૂંટો, એક નોંધ પેડ,
એક ઘડિયાળ, નિયંત્રણ પેનલ.
અને, જો તમે તે માને કરી શકો છો?
Reversie!
>> સીડી તેમને બર્ન!
MSN અને તેમને પોસ્ટ કરો!
તમે મિત્રો તેમને મેઇલ!
>> એક ક્લિક સાથે બધા!
એક માઇક્રોસોફ્ટ, એક વ્યૂહરચના છે, એક team-- શિસ્તની કાર્યવાહી, વ્યાવસાયિક, ધ્યાન કેન્દ્રિત,
અને આપણે શું કે બધા નિષ્ણાત.
મને એક જૂની ફિલ્મ એક વાક્ય નો ઉપયોગ કરો.
>> સંબંધો શાર્ક જેવી છે.
તેઓ આગળ વધો અથવા તેઓ મૃત્યુ પામે છે.
હું ખરેખર ટેક લાગે છે કંપનીઓ સમાન હોય છે.
>> [સમાપ્ત વિડિઓ પ્લેબેક]
ડેવિડ જે MALAN: તેથી અમે ઉત્સુક છે સ્ટીવ અમને જોડાયા આવશે જાહેરાત કરી છે કે
અહીં એક CS50 ખાતે આગામી બુધવારે સામાન્ય સ્થળ અને અહીં સમય.
જગ્યા શક્યતા મર્યાદિત હશે.
અને તેથી, વ્યક્તિ અમને જોડાવા કૃપા કરીને ત્યાર બાદ ટૂંક સમયમાં આજે વડા અથવા
cs50.harvard.edu/register છે.
>> અને અમે દ્વારા અનુસરણ કરવામાં આવશે મંગળવારે ફોલ્લીઓ પુષ્ટિ કરે છે.
કે આગામી આગળ જુઓ CS50 માં વ્યાખ્યાન દરમિયાન બુધવારે.
હવે, અન્ય સમાચાર માં, હું થયું ક્રિમસન આ સમગ્ર આવે છે માત્ર
બીજા દિવસે.
>> તે CS50 સ્ટાફ એક કે બહાર વળે અને CS50 વિદ્યાર્થીઓ ઓછામાં ઓછા એક
હાલમાં યુસી માટે ચાલી રહ્યું છે પ્રમુખ અને ઉપ પ્રમુખ,
જે મને પાછા લાવ્યા મારી પોતાની દિવસોમાં પાછા
જ્યારે હું miserably યુસી ચૂંટણી હારી ગયા હતા.
પરંતુ ચાંદીના અસ્તર કે હું હંમેશા છે
આ વાર્તા છે કે જે કહેવું હું એક ખાતરી છે કે છું
ઘણા કારણો હું ગુમાવી ચૂંટણી સંપૂર્ણ અભાવ હતો
જાહેર બોલતા માટે પ્રતિભા.
અને તેથી તદ્દન પ્રામાણિકપણે, તે મને તેમાં લઈ જાય છે, જે અનુભવ
હું મારા જુનિયર વર્ષ, વાસ્તવમાં સાઇન ઇન કરવા માટે લાગે છે હાર્વર્ડ કમ્પ્યુટર સોસાયટી, માટે જે
જૂથ કેમ્પસ પર છે વિવિધ ટેકનિકલ મંત્રણા ધરાવે છે
અને અન્ય વસ્તુઓ.
અને હું તેમના શિક્ષણ સંભાળ્યો પરિસંવાદો અને તેથી
એક તક હતી અદ્ભુત તક
બરાબર આ પર કામ શરૂ કરવા માટે.
પણ, હું એક તક હતી આ અનુભવ દરમ્યાન
મારી બધી વધુ HTML શીખવે છે.
અને તેથી હું દ્વારા છેલ્લા રાત્રે ઢીલ એ HTML આધારિત વેબસાઇટ મારફતે શોધી
હું, 1997 જેવા '98 માં કરવામાં મારી અહીં આ જેમ દેખાય છે કે જે ઝુંબેશ.
મને ખબર છે.
>> કારણ કે, અને અલબત્ત, નોટિસ 1998 માં આ અમેઝિંગ ડિઝાઇન નિર્ણય
અથવા whatnot.
તમે કરવા માંગો છો પ્રથમ વસ્તુ વપરાશકર્તાઓ તમારી વેબસાઇટની મુલાકાત પર કરવા
બીજી લિંક ફક્ત ક્લિક કરો હોય છે સાધુ સાથે અહીં તમારી વેબસાઇટ દાખલ કરવા માટે
પાછળ જ્યાં સંતાડેલું પડદો જેવી દેખીતી રીતે મારા ઝુંબેશ પ્લેટફોર્મ હતી.
અને આ તમે મળશે બધા છે આજે માત્ર એક સ્ક્રીનશૉટ છે.
પરંતુ હું જેમ, મારફતે વાંચન કરવામાં આવ્યું હતું મારું અભિયાન પોસ્ટરો છેલ્લા રાત
અને મારા પ્લેટફોર્મ.
>> અને હું તે સમયે ગુસ્સે હતી.
તે રસપ્રદ હતો was-- મારા પ્લેટફોર્મ.
તેથી હું ત્યારથી શાંત છે.
પરંતુ ફરીથી ભેગાં થઈને કામ, હું ફરીથી ચલાવવામાં આવશે અને આ બોલ પર આસ્થાપૂર્વક સારી.
>> તેથી HTML, હું જે બનાવી કે ભાષા તમે in-- તે ટૂંક સમયમાં જ ખૂબ more-- બનાવવા પડશે
અમે થયા છો કંઈક છે અંતમાં વિશે વાત
અને મોટા ભાગે હવે મંજૂર અપનાવતા કે અમે અન્ય ભાષાઓમાં પર ખસેડવામાં આવ્યા છે.
પરંતુ માત્ર એક ક્ષણ માટે વિરામ દો અને સંદર્ભમાં આમાંની કેટલીક વસ્તુઓ મૂકો.
તેથી જ વાક્યમાં, HTML શું છે?
>> અથવા, તે માટે ઉપયોગ કરવામાં આવે છે?
કોઈપણ?
હા.
>> પ્રેક્ષક: વેબસાઇટ્સ માટે માર્કઅપ.
ડેવિડ જે MALAN: વેબસાઇટ માટે માર્કઅપ.
તેથી તે એક માર્કઅપ ભાષા છે જો તમે વેબ પાનું માળખું દે છે.
મથાળું અહીં જાય છે, શીર્ષક અહીં જાય છે, શરીર અહીં જાય છે.
આ છે, જાડા છે વિગતવાર કે સૉર્ટ italics--.
>> ઠીક છે, સારુ.
તેથી સીએસએસ રીતે તમે અને હું કરી શકો છો ત્યાં કેટલાક સ્વતંત્રતા લીધો
બોલ્ડ સામનો અને ત્રાંસા કારણ કે તે વધુ સારી રીતે આ સાથે અમલમાં છે.
સીએસએસ શું ઠીક છે?
સજા કહો.
કોઈપણ અંતે તમામ.
યાહ.
>> પ્રેક્ષક: કલ્પિત ઉમેરા અને તેને ડિઝાઇન કરવા માટે કેવી રીતે જેમ સામગ્રી.
ડેવિડ જે MALAN: ઠીક છે, સારુ.
તમે પરવાનગી આપે છે કે કલ્પિત ઉમેરા તે ડિઝાઇન અથવા તે stylize માટે
જાડા અને જેવી વસ્તુઓ સાથે ત્રાંસા અને રંગો અને પણ વધુ દંડ
તત્વો દાણાદાર સ્થિતિ.
તે પ્રકારના તમે વસ્તુઓ લેવા દે છે છેલ્લા માઇલ દાખલા તરીકે, જો કે તેથી,
Pset7, તમે પર નોંધ્યું છે શકે છે તમારા પોર્ટફોલિયો પાનું તમે આ બિંદુ પર છો, તો
પહેલેથી જ એક મૂળભૂત કોષ્ટક કે જે તમે વપરાશકર્તાની હિસ્સેદારી બતાવવા માટે બનાવવા માટે
અને રોકડ કદાચ ખૂબ કદરૂપું લાગે છે કોઈ સફેદ જગ્યા સાથે મૂળભૂત દ્વારા.
ઉપયોગ કરાયો બધું પ્રકારની એકસાથે પંક્તિઓ અને કૉલમ્સ માં.
>> વેલ, એક બીટ સાથે સીએસએસ, તમે સમજો શકે છે,
તમે ખરેખર તે ઝટકો અને તે કરી શકો છો વધુ પરિચિત અને ખૂબ કંઈક
prettier જોવા માટે.
તેથી સીએસએસ વિશે છે વેબસાઇટ્સ stylization.
પરંતુ તે પછી આપણે હજુ સુધી અન્ય પરિચય અમને શું કરી શકો છો કે જે ભાષા છે, PHP,?
>> માતાનો માત્ર શું કરીએ?
કોઈપણ.
બહાર સાહસ મળ્યો પ્રથમ યુગલ પંક્તિઓ.
યાહ.
>> પ્રેક્ષક: ગતિશીલ સામગ્રી બનાવો.
ડેવિડ જે MALAN: પરફેક્ટ.
ગતિશીલ સામગ્રી બનાવો.
અને તમે આ કરી શકો છો કોઈપણ ભાષાઓમાં સંખ્યા.
અમે તે છે, કારણ કે PHP, ઉપયોગ થાય છે સી વાક્યરચના જેથી સમાન ભાગ છે.
>> પરંતુ PHP, બરાબર છે કે કરે છે.
તે તમને ગતિશીલ આઉટપુટ પેદા કરે છે.
અને તે આઉટપુટ કેટલાક હોઈ શકે છે એચટીએમએલ, અમે સામાન્ય રીતે કરવામાં કરવાનું કર્યું છે.
કારણ કે તે છે અને તે પણ છે એક પ્રોગ્રામિંગ ભાષા છે,
આ પદ્ધતિ છે કે જેના દ્વારા અમે ડેટાબેઝ સાથે વાત કરી શકે છે.
>> અને અમે પ્રશ્નો કરી શકો છો Yahoos જેવા અન્ય સર્વર્સ
અને પ્રોગ્રામ કંઈપણ કરી ખરેખર છે કે તમે અન્યથા કદાચ
કરવા માટે કોમ્પ્યુટર ફરજ પાડવી કરવા માંગો છો.
તેથી PHP અમને શરૂ કરી શકો છો ગતિશીલ સામગ્રી outputting.
આ તર્ક દ્વારા તેથી, હું ન હતી છેક 1998 માં ગતિશીલ વેબસાઇટ.
>> તે માત્ર એક સ્થિર વેબ પાનું હતી.
મારી સામગ્રી દ્વારા બદલી કરવામાં આવી હતી જાતે gedit અથવા અમુક સમકક્ષ સાથે.
પરંતુ PHP, અમે ઉપયોગ શું છે અથવા ઉપયોગ કરી શકે છે, તેના બદલે,
આ કંઈક માટે વધુ Frosh IMS વેબસાઇટ છે, જે
રજીસ્ટ્રેશન લેવા ધારતા હતા અને users-- વસ્તુઓ યાદી મેનેજ કરો કે જે
વાસ્તવમાં પર બદલાતા રહે છે અમે શું છે, તેમ છતાં સમય,
પર્લ, એક અલગ ઉપયોગ કરવા માટે આ સમયે ભાષા.
>> અને પછી છેલ્લે, અમે પરિચય SQL-- સ્ટ્રક્ચર્ડ ક્વેરી લેંગ્વેજ.
તેથી હજુ સુધી બીજી ભાષા કે શું માટે વપરાય છે?
શું માટે વપરાય છે?
અમે slight-- સાહસ કરી શકે છે ઠીક છે, આપણે નથી જઈ રહ્યાં છો
ખૂબ દૂર મેળવવા માટે અહીં ઓર્કેસ્ટ્રા કરતાં.
પ્રેક્ષક: તે એક પ્રોટોકોલ છે ડેટાબેઝો સાથે વાત કરવા માટે વપરાય છે.
ડેવિડ જે MALAN: પ્રોટોકોલ ડેટાબેઝો સાથે વાત કરવા માટે વપરાય છે.
મને ઝટકો દો.
તે ઉપયોગ કુદરતી ભાષા databases-- પસંદ કરવા માટે વાત કરવા માટે
અને દાખલ અને રદ્દ અને સુધારાઓ અને ખરેખર
પણ વધુ સુવિધાઓ કે અમે પણ dived ન હોય
માં, પરંતુ તમારી પાસે explore-- કરી શકો છો કહે છે, માટે અંતિમ પ્રોજેક્ટ અન્વેષણ કરો.
તેથી આ વિવિધ ટુકડાઓ છે.
>> અને આસ્થાપૂર્વક Pset7 છે, તેમ છતાં તેના સ્પષ્ટીકરણ, ખૂબ લાંબુ છે
તે તમે ચાલવા ઇરાદાપૂર્વક લાંબો છે કેવી રીતે આ બધી વસ્તુઓ કરી શકો છો મારફતે
એકસાથે ટાઇપ કરી.
હવે સોમવારે, અમે પર અમારા છેલ્લા ભાષા પરિચય
અમે ઔપચારિક પરિચય પડશે કે જાવાસ્ક્રિપ્ટ, કે કોર્સ.
આ PHP, જેમ કે, એક અર્થઘટન ભાષા.
>> પરંતુ તફાવત કી હું સોમવારે સૂચિત
PHP, જ્યારે ચલાવવા અથવા આવે છે સર્વર પર અર્થઘટન રહી છે
આ કિસ્સામાં, આ CS50 સાધન છે, અથવા અમુક વ્યવસાયિક વેબ હોઈ શકે છે
ઇન્ટરનેટ પર સર્વર, જાવાસ્ક્રિપ્ટ સામાન્ય
ક્લાઈન્ટ બાજુ ચાલે છે કે ભાષા છે બ્રાઉઝર નથી સર્વર બાજુ છે.
જે માત્ર હું જ્યારે ખોલવામાં આવે ત્યારે, જેમ કહે છે ફેસબુક સ્રોત કોડ અને બધા મળી
તે જેએસ ફાઈલો, સૂચિતાર્થ હતી જો તમે ફેસબુક અથવા મુલાકાત લો ત્યારે કે મોટા ભાગના
વેબસાઇટ્સ આ દિવસોમાં, તમે વિચાર માત્ર HTML, માત્ર સીએસએસ
પરંતુ જાવાસ્ક્રિપ્ટ સમગ્ર ટોળું વારંવાર જેએસ ફાઈલો સ્વરૂપમાં કોડ.
અને પછી તે બ્રાઉઝર તમારી પોતાની છે તે કોડ ચલાવે છે કે મેક અથવા PC--.
>> પરંતુ તમારા બ્રાઉઝરમાં તે ચલાવે છે.
તમે એક સેન્ડબોક્સ જેવું લાગે છે કરી શકો છો.
JavaScript કોડ ન હોવી જોઈએ કે જેથી તમારા કમ્પ્યુટર પર ફાઇલો કાઢી નાખવા માટે સક્ષમ.
તે કરવા માટે સક્ષમ ન હોવી જોઈએ તમારા વતી ઇમેઇલ્સ મોકલો.
પ્રતિબંધિત તમારા બ્રાઉઝર પ્રકારની તમે તેની સાથે શું કરી શકો છો.
>> તેથી તે અર્થમાં, તે થોડું છે ઓછા શક્તિશાળી છે, કદાચ કરતાં સી
પરંતુ જાવાસ્ક્રિપ્ટ કરી શકો છો, જેમ કે કોરે, સર્વર પર વાપરી શકાય છે,
અમે વાત ન હોય કરશો આ સંદર્ભમાં તે વિશે.
તેથી હવે આપણે સાથે મળીને આ ગૂંચ દો.
એક સપ્તાહ વત્તા પહેલા, અમે કેટલાક એચટીએમએલ રજૂ ડાબી સુપર બોરિંગ વેબ પૃષ્ઠ પર.
>> જસ્ટ હેલ્લો વિશ્વ કહે છે.
અને પછી હું પર સૂચિત અધિકાર અમે પ્રકારની વિચારો ચોરી કરી શકો છો
અમારી ચર્ચા પરથી સી માહિતી માળખાં
અને કેવી રીતે આ અધિક્રમિક વિશે વિચારો ડાબી પર માર્કઅપ લેંગ્વેજ
દોરવામાં અથવા મેમરી અમલ કરી શકે છે ગાંઠો સાથે વાસ્તવિક વૃક્ષ માળખું
પોઇંટરો અને વિગતો તે પ્રકારના છે.
જમણી બાજુ પર, અમે ફોન એક DOM-- દસ્તાવેજ છે કે જે
જે માત્ર છે Model-- ઑબ્જેક્ટ વૃક્ષ કહેતા ફેન્સી માર્ગ છે.
>> હવે, શા માટે આ ઉપયોગી છે આ રીતે તે લાગે છે?
હવે કારણ કે જાવાસ્ક્રિપ્ટ, કારણ કે અમે હોય
આ રમવા નહીં કે કોડ કે જે પર્યાવરણ, કે જે વાસ્તવિક HTML
બ્રાઉઝર માટે મોકલવામાં આવ્યો પહેલાથી જ અને પહેલેથી જ છે
દ્વારા મેમરીમાં લોડ કરવામાં આવી તમારા કમ્પ્યુટર માં એક વૃક્ષ માં બ્રાઉઝર
આ જેમ રેમ, અમે જાવાસ્ક્રિપ્ટ ઉપયોગ કરી શકો છો વાસ્તવમાં પસાર અથવા જેમ ચાલવા અથવા શોધ
અથવા DOM વૃક્ષ તેમ છતાં અમે માંગો છો તે બદલો.
તેથી હકીકતમાં, જો તમને લાગે લગભગ facebook.com,
તમે ચેટ લક્ષણ વાપરવા માટે, તો તમે જો Gmail નો ઉપયોગ અને Gchat લક્ષણ,
છે કે જ્યાં તમે કંઈપણ ફરીથી અને ફરીથી આવતા સંદેશાઓ
અને ફરી, તે સંદેશાઓ, કદાચ છે જેમ કે, લિ ટૅગ યાદી વસ્તુ ટૅગ્સ, કદાચ.
>> અથવા કદાચ તેઓ છો દેખાડવાથી રાખવા કે divs
દરેક વખતે જ્યારે તમે એક ઇન્સ્ટન્ટ મેસેજ મળે છે.
અને તેથી તે માત્ર શું એનો અર્થ એ થાય Facebook અથવા Google કરી રહ્યા છે
કોઈપણ સમયે તમે વિચાર છે સર્વરમાંથી સંદેશ,
તેઓ કદાચ જાવાસ્ક્રિપ્ટ ઉપયોગ કરવામાં આવે છે માત્ર અન્ય નોડ ઉમેરો
આ આ માટે અન્ય નોડ વૃક્ષ પછી દૃષ્ટિની માત્ર લાગે છે કે વૃક્ષ
તમારી સ્ક્રીન પર લખાણ એક નવી લાઇન ગમે છે.
પરંતુ તેઓ દાખલ કરી રહ્યા છો આ માહિતી માળખામાં.
>> જેમ વર્ગો તેથી CS124 અને અન્ય, તો તમે
ખરેખર સામે વધુ કોડ લખો આ જેમ માહિતી માળખાં.
પરંતુ હવે જાવાસ્ક્રિપ્ટ માટે, અમે ફક્ત ધારે પડશે
અમે આ બધા વિધેયો વિચાર ભાષા પોતે મફત છે.
તેથી આપણે એક ઉદાહરણ જોવા દો.
>> મને form.html તરીકે ઓળખાતી ફાઈલ ખોલો.
તે સરળ સુપર છે.
તે માત્ર આ જેવો દેખાય છે.
>> આ બોલ પર કોઈ સીએસએસ, સૌંદર્ય કોઈ વિચાર.
તે સ્પષ્ટ વિધેયાત્મક છે અને દેખીતી રીતે હું છું
એક ઇમેઇલ માટે પૂછતી, પાસવર્ડ, ફરીથી પાસવર્ડ, અને પછી એક ચેક
કેટલાક નિયમો અને શરતો માટે સંમત.
શું આ માટે સ્રોત કોડ કદાચ કંઈક છે જેવી લાગે છે
તમે એક સાથે ધારી શકે છે હવે વિચાર થોડો.
હું અહીં ફોર્મ ટેગ મળી છે.
>> ક્રિયા દેખીતી રીતે જઈ રહ્યું છે register.php તરીકે ઓળખાતી ફાઈલ પર જાઓ.
હું વાપરવા માટે જાઉં છું આ પદ્ધતિ વિચાર છે.
અને પછી હું લખાણ મળી છે નામ જેની ઇમેઇલ ક્ષેત્ર.
>> હું પાસવર્ડ ક્ષેત્ર મેળવ્યા છે પાસવર્ડ જેના નામ છે.
હું અન્ય મળી છે જેના નામ પાસવર્ડ ક્ષેત્ર
કંઈક આપખુદ પુષ્ટિ છે.
તે માત્ર અન્ય HTTP પરિમાણ છે.
>> અને પછી અમે સિવાય આ ઉપયોગ કર્યો છે વધુ Frosh IMS વર્ગ ડેમો થી
છે કે જે ચેક બોક્સ ફક્ત પ્રકાર ચેક સમકક્ષ હોય છે.
અને મને લાગે છે કે કરાર કહી શકશો.
તેથી હું કર્યું પ્રકારની આપખુદ, પરંતુ સરળ છે આ ક્ષેત્રો નામ આપ્યું હતું.
આ ફોર્મ મળે છે ત્યારે હવે, કે જેથી સબમિટ, શું થાય છે તે જોવા દો.
હું malan@harvard.edu કરો છો, તો હું કિરમજી એક પાસવર્ડ કરીશ.
હું કંઇ પાસવર્ડ કરીશ.
માતાનો સહકાર ન દો.
>> અને હું બોક્સ તપાસશે નહીં.
મને નોંધણી ક્લિક કરો.
અને તે એચએમ, તમે રજીસ્ટર કરી રહ્યા છીએ, કહે છે.
ખરેખર નથી.
>> પરંતુ URL બદલ્યો છે.
તેથી આ ફોર્મ સ્પષ્ટ મંજૂરી આપવામાં આવી હતી register.php સબમિટ.
પરંતુ કદાચ, હું પ્રયત્ન કરીશું આ ભૂલો કેટલાક મોહક.
હવે, Pset7 અને કેટલાક અમારા વ્યાખ્યાન ઉદાહરણો,
અમે સામાન્ય રીતે છાપી શકે છે અહીં એક મોટું લાલ ભૂલ સંદેશો
એ કહીને કે, નામ ગુમ, પાસવર્ડ અથવા ખૂટે છે.
અમે અને અમે પહેલાં કર્યું તે કર્યું આમાં પણ સર્વર બાજુએ ભૂલ શોધ.
>> પરંતુ ઘણા વેબસાઇટ્સ આ દિવસ ક્લાઈન્ટ બાજુ ભૂલ શોધ કરી
જ્યાં URL ને બદલી નથી.
આ સમગ્ર પાનું તાજું નથી.
તમે તાત્કાલિક પ્રતિક્રિયા વિચાર બ્રાઉઝર માંથી.
કદાચ કંઈક લાલ જાય છે.
>> કદાચ તમે એક પોપ અપ વિચાર.
પરંતુ તમે મોકલવા સમય કચરો નથી અપૂર્ણ છે કે સર્વર ડેટા.
તેથી અમે કેવી રીતે કદાચ માતાનો જોવા દો, તેમજ લક્ષણ હાંસલ કરે છે.
>> મને form1.html પર જાઓ જે એ જ જુએ છે.
પરંતુ આ સમય હું તો malan@harvard.edu અને હું કિરમજી લખો
અને હું વધુ સહકાર નથી પરંતુ નોંધણી કરો ક્લિક કરો, હવે નોટિસ.
તે સેક્સી ઉકેલ નથી.
હું ઓછામાં ઓછા આ ભૂલ પડેલા કર્યું છે.
અને હું ચેતવણી વપરાય છે જાવાસ્ક્રિપ્ટ કાર્ય
જે અમે માત્ર વર્ગ ઉપયોગ કરી રહ્યાં છો.
સામાન્ય રીતે, તમે આ ઉપયોગ કરવો ન જોઈએ તે ખૂબ જ ઝડપથી મેળવી શકો છો કારણ કે
નિયંત્રણ.
પરંતુ સાથે મેળ નહી ખાય પાસવર્ડો ભૂલ છે.
>> મને આગળ વધો અને OK પર ક્લિક કરો.
પરંતુ શું અહીં કી takeaway URL ને બદલી ન હતી કે છે.
તેથી હું હેરાનગતિ નથી કર્યું વ્યય સર્વરનું સમય પૂછવા
હું કરી શકે છે તે એક પ્રશ્ન મારી જવાબ બહાર figured.
>> અને વપરાશકર્તા છતાં પણ, આ વિશે વાત કરવામાં આવી
વપરાશકર્તાની કરતાં લાંબા સમય સુધી આ વિશે વિચારો,
તાત્કાલિક પ્રતિભાવ હોય રહ્યું છે.
કોઇ લેટન્સીના સાથે છે નેટવર્ક જોડાણ.
તેથી આ સ્રોત કોડ જોવા દો.
>> Form1.html દેખાવ અહીં માળખાગત સમાન.
આ ફોર્મ હકીકત એ જ છે.
પરંતુ હું અહીં નીચે હતી તે જોવા દો.
અને આ કરવા માટે વિવિધ માર્ગો છે.
અને હું સૌથી વધુ સીધા કર્યું હજુ સુધી સૌથી ભવ્ય રીતે અનુયાયી નથી, પરંતુ.
હું સ્ક્રિપ્ટ ટેગ છે.
હું પછી કૉલ document.getElementById ('નોંધણી').
અને હું તે કિંમત સ્ટોર ફોર્મ માં, ચલ.
>> તેથી હું શું કર્યું છે?
તમે વિચાર કરી શકો છો document.getElementById હોવાથી
એક ખાસ કાર્ય કે જાવાસ્ક્રિપ્ટ તમે આપે છે
શાબ્દિક તમે હાથ કે એક નોડ નિર્દેશક
આ વૃક્ષ અથવા લંબચોરસ.
તેથી હવે શું અમારી ફોર્મ ચલ છે જાવાસ્ક્રિપ્ટ ખરેખર તરફ સંકેત કરે છે.
>> તેથી હવે વાક્યરચના અલગ છે સી પરંતુ અમે અહીં કેટલીક વસ્તુઓ કરી રહ્યા છીએ.
એક, આ એક થોડો વિચિત્ર છે, સી વિરુદ્ધ ચોક્કસપણે શોધી
પરંતુ 35 લીટી પર જુઓ.
ડાબી form.onsubmit પર તેથી.
કે ો ામ યાદ છે, એક સ્ટ્રક્ટ એક ક્ષેત્ર ગમે છે.
તમે ફોર્મ ચલ લાગે છે માત્ર એક સી સ્ટ્રક્ટ કરવામાં આવી રહી છે,
તે કેટલાક ક્ષેત્રો છે શકે છે.
>> એક દિવસ પાછા, અમે વિદ્યાર્થીઓ નામો હતા, આઇડી ઘરો, ખેતરો તે પ્રકારની.
જસ્ટ અન્ય ક્ષેત્ર તરીકે ો ામ લાગે છે.
પરંતુ તે છે, કારણ કે એક ખાસ ક્ષેત્ર છે બ્રાઉઝર અપેક્ષા preprogrammed છે
.onsubmit કિંમત નથી એક નંબર અથવા સ્ટ્રિંગ જેમ
પરંતુ વાસ્તવમાં એક કાર્ય પ્રયત્ન અથવા કાર્ય સરનામું
કમ્પ્યુટરની મેમરી છે.
>> અને ખરેખર, તે શું છે આ કીવર્ડ અહીં કરે છે.
આ મને એક નવી કાર્ય આપે છે, કહે છે.
પરંતુ તેના નામ શું છે દેખીતી રીતે, હશે શું?
>> સોમવારે પાછા વિચારવાનો.
આ નામ શું છે આ વાક્યરચના પર આધારિત કાર્ય?
ના, હું તેનો અર્થ, સ્પષ્ટ છે કોઈ નામ ચોક્કસપણે associated--
નથી હું અહીં પ્રકાશિત કર્યું શું.
>> પરંતુ તે ખરેખર બરાબર છે.
આ એક અનામી કાર્ય છે, અથવા તે કહી શકે કેટલાક લામડા કાર્ય.
અને તે માત્ર અર્થ એ થાય તે હજુ પણ એક કાર્ય છે.
તે તમે નામ દ્વારા તે કૉલ કરી શકતા નથી, માત્ર છે.
પરંતુ તે ઠીક છે.
ફરીથી, કારણ કે બ્રાઉઝરને રહી છે Google જેવી કંપનીઓ દ્વારા preprogrammed
માઈક્રોસોફ્ટ અથવા મોઝિલા અથવા અન્ય કે માત્ર ખબર છે કે .onsubmit ક્ષેત્ર જો
એક સ્વરૂપ તત્વ છે ની અંદર કિંમત છે, એક કાર્ય તરીકે સારવાર
એક કાર્ય નિર્દેશક, જો તમે કરશે.
ફોર્મ રજૂ કરવામાં આવે છે ત્યારે તે કહે છે.
>> તેથી શું કોડ ચલાવવામાં આવવો જોઈએ જ્યારે ફોર્મ રજૂ કરવામાં આવે છે?
દેખીતી રીતે, બધું સર્પાકાર તાણવું અંદર.
અને આ માત્ર શૈલીયુક્ત છે.
>> તમે જેમ કે આ કરી શકે છે અમે CS50 માં કરવા માટે હોય છે.
પરંતુ જાવાસ્ક્રિપ્ટ, મોટા ભાગના લોકો આ જ વાક્ય પર રાખવા માટે હોય છે
માત્ર તે વધુ સ્પષ્ટ છે, કારણ કે કે મુખ્ય કાર્ય સાથે સંકળાયેલ હોય છે.
તેથી હવે હું શું કરી રહ્યો છું?
>> Form.email.value સમકક્ષ સમકક્ષ હોય તો ખાલી શબ્દમાળા અથવા કંઈ નથી, અહીં છે
હું કહેવા જાઉં છું જ્યાં એક ચેતવણી, તમે તમારું ઇમેઇલ સરનામું પૂરું પાડવું જ જોઈએ
અને પછી ખોટા આવો.
અને તે વળતર ખોટા છે કે સબમિટ થવાથી ફોર્મ અટકાવે છે.
દરમિયાન, પાસવર્ડ કિંમત હોય તો ખાલી, હું વપરાશકર્તા અંતે કિકિયારી જાઉં છું
અને જો તમે પાસવર્ડ પૂરું પાડવું જ જોઈએ, કહે છે.
>> દરમિયાન વસ્તુઓ મેળવવામાં આવે છે અહીં થોડી પારખુ.
Form.password.value તેમ ન હોય તો સમાન form.confirmation.value,
અન્ય ક્ષેત્ર, કિકિયારી વપરાશકર્તા કે પાસવર્ડો
તેઓ મેળ ખાતા નથી એક ક્ષણ પહેલા ન હતી.
અને પછી આ એક એક થોડો sexier, હું કારણ કે
હું ખ્યાલ જાણતા ખબર છે કે ચકાસાયેલ બોક્સમાં ચેક નામ છે.
>> તેથી હું માત્ર ઉદ્ગાર ઉપયોગ કરી શકો છો ચેક ન હોય તો, બિંદુ કરવા માટે કહે છે
ચકાસાયેલ તે બુલિયન છે સાચું કે ખોટા કિંમત,
મને લાગે છે કે કારણ માટે વપરાશકર્તા અંતે કિકિયારી પડશે.
અન્યથા, અમે મારફતે વિચાર જો આ શરતો તમામ,
માતાનો હમણાં જ સાચું પાછા દો.
ફોર્મ સબમિટ કરી દો.
અને આ પછી થાય છે.
>> કિરમજી લખો દો.
આ બોક્સ ચકાસો દો, નોંધણી પર ક્લિક કરો.
અને હવે હું અંતિમ મુકામ માટે પસાર થાય છે.
હવે, ત્યાં કોઈ ડેટાબેઝ છે.
રસપ્રદ કંઇ છે register.php છે.
હું ફક્ત કંઈક જરૂરી ખરેખર વાત કરવા.
તેથી મને અહીં, વિરામ દો.
અમે હમણાં જ કર્યું છે તેના પર કોઇ પ્રશ્નો અથવા આ નવી વાક્યરચના કેટલાક શું છે?
હા, ઠીક છે?
>> પ્રેક્ષક: તેથી કોઇ ચકાસણીબોક્સ આપોઆપ બુલિયન છે.
તમે કે જેમ તે જાહેર કરવાની જરૂર નથી.
>> ડેવિડ જે MALAN: સાચું.
તમને મોકલવામાં આવે છે કે જે કોઈપણ ચકાસણીબોક્સ તમારા JavaScript કોડ માટે એક HTML ફોર્મ
તરીકે, હા, ગણવામાં આવશે બુલિયન સાચું કે ખોટું કિંમત.
તે એક સારો પ્રશ્ન છે.
અન્ય કિંમતો જ્યારે, ના અલબત્ત, લખાણ, ઉર્ફ શબ્દમાળાઓ કરવામાં આવી છે.
>> બધા હક છે, તેથી મને દો થોડી વધુ રીવાઇન્ડ.
આ સમગ્ર મુદ્દો શું હતો?
જસ્ટ સ્પષ્ટ છે.
જેમ, અમે પહેલાથી જ Pset7 થી, ખબર અને પણ ગયા અઠવાડિયે વ્યાખ્યાન
અમે ચોક્કસપણે શકો છો ઉદાહરણો છે કે, વપરાશકર્તા અમને આપે છે જો $ _GET $ _POST જુઓ
ખાલી કિંમત.
PHP માં ખાલી કાર્ય યાદ રાખો.
>> તેથી શું માત્ર છે, સ્પષ્ટ કરવા અમે પણ કદાચ એક કારણ
આ ભૂલ ચકાસણી કરવા માંગો છો બ્રાઉઝર ની અંદર?
અહીં પ્રેરણા શું છે?
યાહ.
>> પ્રેક્ષક: ઝડપી, અને જો તમે ન કરો સર્વર નકામું માહિતી મોકલો.
ડેવિડ જે MALAN: ગુડ.
તે વધુ ઝડપી છે.
તમે નકામું નથી મોકલી સર્વર પર માહિતી.
>> તેથી જો તમે એક વધુ પાછી મેળવવા તાત્કાલિક પ્રતિભાવ.
અને એકંદર, વપરાશકર્તા અનુભવ સારી છે.
વૈકલ્પિક વિશે વિચારો.
>> Gmail-- માટે અને હતી તો ઘણા વર્ષો પહેલા આ કેસ છે.
તમે એક નવું ઇમેઇલ તમારા Gmail મળી ધારો એકાઉન્ટ છે, પરંતુ માત્ર એક જ રસ્તો પસાર
તે જેવા છે, તે જોવા માટે, સમગ્ર પાનું ફરીથી લોડ કરો.
અથવા તમે તેના પર ક્લિક કરો ધારવું એક લિંક ઇમેઇલ વાંચો.
>> બધું જેથી ફરીથી લોડ કરવા માટે છે તમે ઇમેઇલ જોઈ શકે છે.
અથવા તમે એક ચેટ સંદેશ વિચાર Facebook--.
તમે ફરીથી લોડ કરો ત્યાં સુધી તમે તેને જોઈ નથી આ પાનું અથવા અમુક કડી પર ક્લિક કરો.
>> જેમ, આ અત્યંત અનહદ એક હશે હેરાન વપરાશકર્તા અનુભવ.
અને આ છે, તે જેવી હતી શું છે સ્પષ્ટ રીતે, પાછા હું યુસી માટે ચાલી હતી
અને વેબ ઘણી ઓછી ગતિશીલ હતી લોકપ્રિય અને જાવાસ્ક્રિપ્ટ ન હતી
કારણ કે તે હવે છે.
અને વસ્તુઓ ખૂબ મેળવવામાં આવે છે વધુ ગતિશીલ અને વધુ
તે અર્થમાં ક્લાઈન્ટ બાજુ.
>> પરંતુ ત્યાં એક કેચ અહીં છે, અને આ એક નકામી gotcha પ્રકારની છે.
જસ્ટ તમે ક્લાઈન્ટ બાજુ ઉમેરવા કારણ કે આ જેમ શોધ એનો અર્થ એ નથી
તમે અથવા ત્યાગ કરવો જોઈએ કરી શકો છો સર્વર બાજુ શોધ.
તમે અનિવાર્યપણે તમારા મૂકી કરવા માંગો છો બંને સ્થળોએ તપાસ કરવામાં ભૂલ.
એક શું હતું કારણ કે શીખી પાઠ
આ લેખમાં હું કેટલાક અવતરણો વાંચો આ મૂર્ખ CMS સિસ્ટમ માંથી
હતું કે કન્ટેન્ટ મેનેજમેન્ટ સિસ્ટમ તેના સત્તાધિકરણ સિસ્ટમ અમલીકરણ,
શું પદ્ધતિ મારફતે તેના પ્રવેશ?
જાવાસ્ક્રિપ્ટ.
>> પ્રેક્ષક: જાવાસ્ક્રિપ્ટ.
ડેવિડ જે MALAN: જાવાસ્ક્રિપ્ટ, બરાબર, બરાબર ને?
જાવાસ્ક્રિપ્ટ ઉપયોગ કરવામાં આવ્યો હતો.
અને શાબ્દિક અર્થ, જો તમે ગાય્સ છે કદાચ થોડો ભજવી
Chrome ના ઇન્સ્પેક્ટર સાથે.
હું તેને શોધી શકો છો, જો, તત્વ તપાસ.
>> મને કરવા માટે ઉપર જવા દો Chrome ના બધા વિકલ્પો.
અને આ છે તે કેવી રીતે સરળ છે એક બ્રાઉઝરમાં JavaScript નિષ્ક્રિય કરો.
કોઈ વધુ જાવાસ્ક્રિપ્ટ તપાસો.
>> તેથી ઔચિત્યની માં, ઘણો આ દિવસોમાં વેબ
માત્ર કારણ કે તોડી રહ્યું છે Gmail અને અન્ય સાઇટ્સ
ધારે છે કે Facebook-- JavaScript સક્ષમ છે.
પરંતુ તમે મૂર્ખ કંઈક કરી રહ્યાં છો, તો જેમ માત્ર વપરાશકર્તાઓ ઇનપુટ માન્ય
અને તે માટે તપાસ ક્લાઈન્ટ બાજુ પર ભૂલો,
વિરોધી આને સરળતાથી કરી શકે છે.
અને પછી પણ સ્માર્ટ તમે ગાય્સ જેમ શત્રુ
હવે ટેલનેટ અથવા curl ઉપયોગ કરી શકે છે અથવા ફક્ત આદેશ વાક્ય આદેશો
અને ખરેખર સર્વર પર સંદેશા મોકલવા તે જ રીતે ચકાસાયેલ ભૂલ નથી.
>> તેથી આ એક વધુ છે વપરાશકર્તા ઈન્ટરફેસ નિર્ણય
તે તકનિકી એક વાસ્તવિક છે કરતાં improvement-- અમલીકરણ
આ કંઈક ક્લાઈન્ટ બાજુ.
તેથી હવે એક ઝડપી નજરથી, પરંતુ પછી હું ઑનલાઇન વોક મુલતવી રાખવું પડશે
આ માટે મારફતે.
ફોર્મ બે, અમે ખરેખર પસાર થયું હતું અને કોડ થોડો સાફ.
પરંતુ મને એક અલગ પાડવા દો વિડિઓઝ અમે સંભવિત પડશે
હમણાં જ તમને બતાવે છે કે Pset8 એમ્બેડ કહેવાય પુસ્તકાલય ઉપયોગ સમાન વાક્યરચના
એક સુપર, સુપર છે, જે jQuery, જાવાસ્ક્રિપ્ટ લોકપ્રિય પુસ્તકાલય
કે પ્રમાણિકપણે, મોટા ભાગના લોકો આ દિવસોમાં ઉપયોગ
અને પણ દિગ્મૂઢ અસ્તિત્વ જાવાસ્ક્રિપ્ટ પોતે.
>> અને તે પ્રયોજવાનું વલણ હોય છે કેટલાક ડોલર ચિહ્ન
અને દસ્તાવેજ જેવા કીવર્ડ્સ અહીં કૌંસ છે.
પરંતુ ફરીથી, મને અલગ પાડવા દો અમને કેટલાક ધીમા ટ્યુટોરિયલ્સ
બદલે માત્ર વાક્યરચના બાંધી મળે છે.
માતાનો પર ખસેડો થોડી ઠંડી કંઈક
આ કાર્યક્રમો દ્રષ્ટિએ.
>> ખાસ કરીને, તેથી મને જવા દો આગળ અને અહીં આ ખોલો.
પર આવો.
ત્યાં અમે જાઓ.
>> મને આ ચિત્ર અહીં ખોલો.
બિનજરૂરીપણે જટિલ જોઈ છે, પરંતુ તે
કહેવાય ટેકનિક વર્ણવે છે AJAX-- એસિન્ક્રોનસ Javascript અને XML, જ્યાં
XML માટે એક્સ ખરેખર છે લાંબા સમય સુધી ખરેખર ઉપયોગ થાય છે.
તે કંઈક ઉપયોગ કરે છે બીજું JSON કહેવાય.
>> પરંતુ અહીં કેવી રીતે કંઈક જેવું છે Google Maps અથવા ગૂગલ અર્થ કામ કરે છે.
વાસ્તવમાં, ફ્લાય પર આ પ્રયાસ કરીએ.
મને આગળ વધો અને ખોલવા દો મારું બ્રાઉઝર પર ક્રોમ.
>> અને, મને જવા દે , maps.google.com કહે છે.
અને ખરેખર, તમે જૂના છો, તો શું યાદ કરવા માટે પૂરતી,
જેમ કે, મેપક્વેસ્ટ, એ દિવસે પાછા જેવી થઇ હતી અને કદાચ તેઓ હજુ પણ આ જેમ કામ કરે છે.
તમે કંઈક શોધવા માટે વપરાય છે, ત્યારે 33 ઓક્સફર્ડ સ્ટ્રીટ, કેમ્બ્રીજ, માસ,
માતાનો છે આ તમે શું દો ખરેખર, તમે કરશે જો
ઉપર પેન કરવા માગે છે અને નીચે, ડાબી અને જમણી
તમે જેવો દેખાશે મોટી ટોચ પર તીર, અને તે
તમે બીજા બતાવશે અહીં નકશા ફ્રેમ.
અથવા તમે છોડી અને ક્લિક કરો કરશે અહીં પર જાઓ, અથવા અન્ય ક્લિક કરો કરશે
અને તમે અહીં પર જાઓ કરશે.
પરંતુ તેના બદલે આ દિવસો, અમે અલબત્ત માત્ર
અમે જઈ શકે છે લેવા માટે મંજૂર કેમ્બ્રિજ આસપાસ ખૂબ ઝડપથી
માત્ર ક્લિક કરીને અને ખેંચીને.
પરંતુ કેટલાક અવરોધો છે તે જુઓ.
>> હું ઝડપી પૂરતી આવું કરવા માટે, શું થઈ રહ્યું છે તેવું લાગે છે
હું ખેંચો તરીકે ખૂબ ઝડપી કમ્પ્યુટર માટે ઉપર રાખવા?
તમે શું જુઓ છો?
યાહ.
>> પ્રેક્ષક: આ પિક્સેલ્સ તાજું નથી.
ડેવિડ જે MALAN: આ પિક્સેલ્સ તાજું નથી.
ખરેખર છે અને તમે ત્યાં છે ખરેખર, આ જુઓ શકે છે,
તમે ઑનલાઇન અને વિરામ જોઈ રહ્યાં છો, તો આ કે ખરેખર વસ્તુઓ નીચે ધીમો પડી જાય છે
once-- માટે તમે ત્યાં છે તે જોવા મળશે ટાઇલ્સ, ચોરસ, અથવા લંબચોરસ કે
નકશા પરથી સુધી ખૂટે છે એક ભાગલા બીજા પાછળથી વધુ માહિતી
વાસ્તવમાં વધુ છબીઓ સ્ક્રીન પર દેખાય છે.
અને હકીકતમાં, અમે જોઈ દ્વારા આવું તો માતાનો, Chrome-- કહે દો Chrome's-- અપ
માતાનો જોવા દો.
અમે તે ન કરી શકો.
>> ઓહ, ઓહ.
માતાનો maps.google.com ખોલો.
મને ફરીથી વિન્ડો મોટા બનાવો.
>> પાછા 33 ઓક્સફર્ડ સ્ટ્રીટ પર જાઓ.
મેં તાજેતરમાં પર હતો વેબસાઇટ શું હતું?
હું આ જેમ, ખાનગી મોટા મોટા શબ્દો વાપરવા હતી મારી જાતને હું પછી ઇન્સ્ટન્ટ મેસેજ કરશો કે
ઓનલાઇન હતો, જે કોઇ મિત્ર જે તે સાંભળવા માગતા હતા.
કેટલાક વેબસાઇટ છે.
હું તેથી તે Comcast-- લાગે છે એક ખૂબ જ મોટી અમેરિકન ISP.
તમે નવા કેબલ માટે સાઇન અપ કરી શકો છો, જ્યારે મોડેમ સેવા અથવા કેબલ ટીવી સેવા છે,
તેઓ ખૂબ વ્યાજબી એક સ્વરૂપ છે જ્યાં તેઓ તમારી સરનામા માટે તમને પૂછે છે.
અને આ અમેઝિંગ છે ઓટો પૂર્ણ કહેવાય લક્ષણ,
ગૂગલ જેવી છે, કે ભરવા માટે શરૂ થાય છે તમારા પ્રશ્નનો જવાબ છે.
>> સમસ્યા એ છે કે તેઓ સ્વતઃપૂર્ણ કરી છે, તમે લખો કે પ્રથમ વસ્તુઓ પર.
તેથી જો તમે 33 લખવાનું શરૂ કરો, તો તે દરેક ઘર શાબ્દિક તમને બતાવશે
અમેરિકા કે શરૂ થાય છે સંખ્યા 33
ચાલુ રાખવા પહેલાં તમે વધુ લખો કરવા માટે અપેક્ષા.
તમે ઓક્સફર્ડ 33 લખો છો તેથી જો, પછી તે તમને દરેક શેરી બતાવે છે
અમેરિકામાં 33 ઓક્સફર્ડ છે કે ગમે નગર તેનું નામ છે,
તમે છો.
>> અને પછી તમે લખીને ચાલુ.
અને છેલ્લે, તે તેઓ નથી ખબર પડે છે કે કેમ્બ્રિજ તમારા ઘરમાં ઓફર સેવા
કે કંઈક.
પરંતુ મુદ્દો એ છે કે આ સૌથી છે ઓટો બેવકૂફ અમલ
ક્યારેય પૂર્ણ કરો.
>> અને હું માત્ર બંધ જાઉં છું આ સ્પર્શક પર ફરીથી.
પરંતુ સારા માર્ગો છે જાવાસ્ક્રિપ્ટ અને ખરાબ રીતે ઉપયોગ કરે છે.
અને તે જરૂરી શ્રેષ્ઠ એક છે.
>> પરંતુ આ પહેલાં અહીં બિંદુ, નિંદાત્મક ભાષણ આપ્યા, સાધનો અહીં નીચે ખોલવા માટે હતી
અને વિકાસકર્તા સાધનો ખોલી અમે પહેલાં પ્રોત્સાહન આપ્યું છે, કારણ કે
અને નેટવર્ક જુઓ ટેબ હું ખરેખર ઝડપી ક્લિક કરો છે.
અને સમગ્ર ટોળું નોટિસ અરજીઓ થયું છે.
હું ખેંચી કારણ કે આ તમામ થયું.
>> અને મોટા ભાગે, ખરેખર આ પંક્તિઓ ઘણો
હવે છબી કાપો JPEG છે MIME પ્રકારો અથવા સામગ્રી પ્રકારો.
શું કરવાનું છે ક્રોમ કારણ કે તે છે હું ક્લિક કરો અને ખેંચો દરેક સમય, પર ક્લિક કરો
અને, હું તે ઓહ, અનુભૂતિની છે ખેંચાણ છે ટાઇલ માટે Google ને પૂછો જવા માટે જરૂર છે
અહીં છે કે નકશા પર ઝડપથી HTTP મારફતે ડાઉનલોડ કરો,
અને પછી કહેવાતા DOM માટે તે ઉમેરો મેમરી વૃક્ષ વેબ બ્રાઉઝર્સ
રજૂઆત વપરાશકર્તા છે, કે જેથી મને છે, કે જે સુધારાશે ટાઇલ જુએ છે.
અને આ કારણ છે AJAX કહેવાય ટેકનિક.
એક દિવસ પાછા, તે ખરેખર જો કે આ કેસ હતો જો તમે
સ્ક્રીન પર શું બદલવા માગતા હતા, તમે ક્લિક કરો હશે, નીચે, ડાબે,
અધિકાર.
અને પછી એક નવું પાનું ખોલી શકે છે.
પરંતુ આ દિવસોમાં, બધું વધુ ગતિશીલ છે.
તે આપણે મનુષ્યો છો તે રીતે બને છે તે ખરેખર પૂછપરછ કરશે આશા.
અને તે દ્વારા પ્રાપ્ત કહેવાય ટેકનિક માર્ગ
કદાચ શ્રેષ્ઠ છે કે જે એજેક્સ, એક ઉદાહરણ દ્વારા સમજાવ્યું.
પ્રથમ, દો મને આગળ વધો અને ફાઇલ ખોલો
માં quote.php કહેવાય આજે વિતરણ કોડ.
>> અને પછી મને પ્રતીક દેખીતી ભૂલ માટે માફી દો.
મને પ્રતીક કરવા દો = GOOG માત્ર કેટલાક સ્ટોક માટે.
અથવા ખરેખર, ચાલો દો આ pset મફત એક.
દાખલ કરો.
>> અને હવે હું પાછી મેળવવા શું નોટિસ.
તેથી આ એક ખરેખર છે ટૂંકા PHP, ફાઈલ કે હું
ખાલી કોડ મેળવે છે લખ્યું હતું કે Pset7 લૂકઅપ કાર્ય
અને આ સર્પાકાર તાણવું મદદથી બહાર spits અને અવતરણ અને કોલોન નોટેશનમાં છે, દેખીતી રીતે,
આ માટે વર્તમાન સ્ટોક ભાવ તમે વિચાર મારફતે પસાર કંપની.
તેથી આ અલગ છે અમે કર્યું શું મોટા ભાગના
હું છું કે નોટિસ કર્યું શાબ્દિક બહાર spitting
શું જાવાસ્ક્રિપ્ટ કોડ જેવો દેખાય છે.
>> હકીકતમાં, આ એક JavaScript ઑબ્જેક્ટ છે.
હકીકતમાં, માત્ર વધારે સ્પષ્ટ થઈ JSON-- Notation-- જાવાસ્ક્રિપ્ટ ઑબ્જેક્ટ
તમે કહ્યું હતું કે માત્ર એક ફેન્સી માર્ગ છે ખૂબ જાવાસ્ક્રિપ્ટ માહિતી પ્રતિનિધિત્વ કરી શકે છે
જેમ કે તમે PHP, કરી શકો છો કી કિંમત જોડીઓને મદદથી.
હું જાહેર કરવા માગતા હતા તેથી જો જાવાસ્ક્રિપ્ટ એક ચલ
માટે Zamyla, રજૂ કરે છે Zamyla-- માટે સ્ટ્રક્ટ દાખલા
અને અમે તેને કહી શકશો વિદ્યાર્થી, આ ચલ.
તેના ID ને ઘર છે, એક છે વીનથ્રોપ, અને નામ Zamyla છે.
>> પરંતુ હું પણ વસ્તુઓ ઝાકઝમાળ છે શકે છે.
તેથી હું ખરેખર ઇચ્છતા હોય તો સમાવતી જાવાસ્ક્રિપ્ટ ઝાકઝમાળ
બહુવિધ જેવી વસ્તુઓ, આ સમય, સ્ટાફ રજૂ
હું આ ત્રણ હોઈ શકે છે પાછા કોડ હિસ્સામાં
આ માટે પાછળ પાછળ પાછળ ત્રણ ભૂતપૂર્વ સ્ટાફ સભ્યો.
તેથી આ વાક્યરચના, ખૂબ PHP, both-- સમાન.
પરંતુ આ ખાસ કરીને JavaScript છે.
તે પદાર્થ નોટેશનમાં છે.
તેથી આ માટે ઉપયોગી છે શું છે?
>> હું કોડ લખી કે બહાર spits JSON-- સામગ્રી Notation-- જાવાસ્ક્રિપ્ટ ઑબ્જેક્ટ કે
આ અથવા સામગ્રી જેવી લાગે છે Zamyla, માળખું જેવી લાગે છે
હું ખરેખર આ ઉપયોગ કરી શકો છો કાર્યક્રમોમાં હું લખવા.
મને ajax0.html જવા દો.
અને આ ખૂબ જ નથી પણ છે સૌંદર્ય શાસ્ત્ર માટે આપવામાં આવે છે વિચાર.
પરંતુ શું થાય છે જુઓ.
>> મને આગળ વધો અને અહીં મફત લખો.
ક્વોટ મેળવવા ક્લિક કરો.
અને URL ન બદલાઈ ગયેલ છે નોટિસ.
પરંતુ હું દેખીતી રીતે સાથે એક પોપ અપ મળી હતી $ 0.15 આજે પેની સ્ટોક ભાવ.
તેથી કે જે બધી ખરાબ નથી.
પરંતુ તફાવત છે, કે જે કોઈક છે આ માહિતી સીધી મને પાછા આવ્યા.
પરંતુ તરફ એક પગલું લેવા દો વધુ પરિચિત કંઈક.
આ એક આવૃત્તિ માં, મને દો ભાવ મેળવો ક્લિક કરો, મફત ફરીથી લખો,
અને ઓહ હવે, આ હતી વાસ્તવમાં jQuery આવૃત્તિ.
હું નથી me-- તેથી દો તદ્દન દૂરના ફાસ્ટ ફોરવર્ડ.
મને બે સંસ્કરણ પર જાઓ જે હું ઇચ્છતા જ્યાં છે.
હું શું અહીં કર્યું છે તે જુઓ.
હું એક વેબ સુપર પૃષ્ઠને છે કોઈપણ વેબ પૃષ્ઠ સરળ આવૃત્તિ
જો તમે લખાણ ક્ષેત્ર સાથે આજે ઉપયોગ કરી શકે છે મફત માટે અહીં છે અને પછી દેખીતી રીતે માત્ર
લખાણ.
>> આ દેખીતી રીતે, અહીં એક સ્વરૂપ છે.
પરંતુ હું ક્લિક કરો જો વિચાર ભાવ, મારી વેબ પાનું નોટિસ
હું છતાં તરીકે બદલવા વિશે છે માત્ર એક નવો તુરંત સંદેશો મળ્યો
અથવા હું માત્ર ખસેડવામાં છતાં તરીકે નકશો અને વધુ માહિતી મેળવવા માટે જરૂરી
વેબ પૃષ્ઠ પર વૈશ્વિક રીતે ઉમેરી URL બદલવાનું અને વપરાશકર્તા વગર
અનુભવ વિક્ષેપ રહેલી.
ખરેખર, હું અંતે હજુ પણ છું ચોક્કસ જ જગ્યાએ ajax2.html.
>> તેથી આપણે આ ઉદાહરણ પર જ જોવા દો અને આ શું થઈ રહ્યું છે તે જોવા માટે.
મને ajax2.html માં જાઓ.
અને પ્રથમ ફોર્મ નોટિસ.
>> અહીં નીચે, હું દેવાનો છું સ્વતઃપૂર્ણ બંધ.
ક્યારેક તે નહીં બ્રાઉઝર જો હેરાન
તમે બતાવવા માટે પ્રયાસ કરી રહી છે તમારા સંપૂર્ણ ઇતિહાસ છે.
તેથી તમે દ્વારા એચટીએમએલ તે કરી શકો છો માત્ર ઓટો બોલ પૂર્ણ કહેતા.
>> હું આ લખાણ ક્ષેત્રમાં એક આપવામાં આવે છે પ્રતીક પ્રતીક બદલે, એક આઈડી.
અને હવે, આ એક રસપ્રદ લક્ષણ છે.
અમે ગાળામાં વિશે વાત કરી છે પરંતુ તમે તે વિશે વિચાર કરી શકો છો
એક ફકરો ટેગ અથવા DIV ટૅગ ગમે છે.
તે શું કહેવાય રહ્યું છે લીટી તત્વ છે, જે
તમે એક ફકરો મળશે નહીં એનો અર્થ એ થાય ઉપર અને નીચે તેને તોડવા.
તે માત્ર વિના લાઇન રહેવા ચાલી રહ્યું દાખલ સમકક્ષ હિટ.
તેથી હું HTML ની ​​આ ભાગ આપવામાં આવે છે એક અનન્ય ઓળખકર્તા નક્કી કરી
હું આપખુદ ભાવ કહેવાય છે.
અને હું સબમિટ કરો બટન હોય છે.
>> હવે અહીં છે અને આ છે, કારણ કે ખરેખર સુપર આકર્ષક કેવી રીતે ઓછી કોડ
તમે શું લખી શકે છે વસ્તુઓ પ્રમાણમાં પીવાય
નોટિસ હું તો અહીં શું કર્યું આ પાનું વડા સુધી સરકાવો.
હું પ્રથમ સમાવેશ થાય છે મારા માથા સ્ક્રિપ્ટ ટેગ
કે ખરેખર સંદર્ભ એક જાવાસ્ક્રિપ્ટ અન્યત્ર કરો.
આ સંસ્થા છે કે, jQuery લખે છે
અને આ માત્ર તમે તાજેતરની આપે છે તેમના jQuery લાઇબ્રેરી આવૃત્તિ.
>> તેથી આ તીક્ષ્ણ જેવા પ્રકારની છે સી સમાવેશ થાય છે અથવા PHP, જરૂરી છે.
તમે સ્ક્રિપ્ટ ટેગ ઉપયોગ સ્ત્રોત લક્ષણ સાથે.
પરંતુ હવે મારી પોતાની કોડ છે અહીં અધિકાર હશે.
>> હું કાર્ય કહેવાય અવતરણ છે નોટિસ.
અને તે થોડા દેખાય છે પ્રથમ નજરમાં છુપાયેલું.
પરંતુ આ સિવાય પીંજવું.
મને એક ચલ કહેવાય URL આપો.
શાબ્દિક આ શબ્દમાળા સોંપો.
તેથી, એક જ અવતરણચિહ્નો, બેવડા અવતરણ જાવાસ્ક્રિપ્ટ માત્ર મને શબ્દમાળા આપે છે.
વત્તા શું કરે છે?
સાથે જોડાણ.
>> તેથી આ હવે jQuery વાક્યરચના છે જે માટે વપરાય રહેલી થોડી લે છે.
પરંતુ આ માત્ર મને ડોમ જવા મળી એનો અર્થ એ થાય જેની અનન્ય ઓળખકર્તા પ્રતીક છે નોડ.
ત્યાં થાય છે, hashtag અનન્ય ઓળખકર્તા પ્રતીક.
>> આ ડોલર સાઇન માત્ર અર્થ એ કૌંસ, આ કામળો
ગુપ્ત ચટણી jQuery માં એક પ્રકારની છે, તેથી તમે વધારાના વિધેયો છે.
અને પછી .val દેખીતી રીતે છે એક કાર્ય છે, અથવા આપણે હવે કહે છે,
આ ગાંઠની અંદર એક પદ્ધતિ કે જે હમણાં જ તમે આ કિંમત આપે છે.
ટૂંકમાં, નીચ અને ગૂંચવણવાળો તેથી આ પ્રથમ નજરમાં લાગે છે,
આ માત્ર ટાઇપ વપરાશકર્તા સાથે વિચાર એનો અર્થ એ થાય માં, શબ્દમાળા ઓવરને પર મૂકી
તે concatenating દ્વારા.
તે બધા છે.
>> તેથી હવે, છેલ્લા ત્રણ રેખાઓ.
તમે ઘણો સ્વીઝ કરી શકો છો ત્રણ રેખાઓ બહાર વિધેય.
એક તરીકે આ ડોલર સાઇન, કોરે, માત્ર એક ઉપનામ છે
એક ખાસ વૈશ્વિક ચલ માટે jQuery શાબ્દિક કહેવામાં આવે છે.
>> ડોલર સાઇન માત્ર ઠંડી લાગે છે.
તેથી jQuery સમુદાય ફક્ત પ્રકારની તેમના ખાસ પ્રતીક તરીકે ઉપયોગ થાય છે.
તે PHP, એનો શું અર્થ થાય એનો અર્થ એ નથી.
જાવાસ્ક્રિપ્ટ, ડોલર નિશાની છે માત્ર મૂળાક્ષર અક્ષર જેવા
અથવા એક ચલ માટે એક નંબર.
>> તમે માત્ર નામ તરીકે તે હોઈ શકે છે.
જસ્ટ ઠંડી લાગે છે.
આ સમુદાય તેથી ઉપનામ તરીકે તેને અપનાવ્યું
jQuery કહેવાય પોતાના પુસ્તકાલય માટે.
>> અને તે સુપર લોકપ્રિય છે.
તેથી JSON કે બરાબર મળે છે.
તે કાર્ય છે કે જે jQuery જાણતા લખ્યું
કે સર્વર માંથી JSON નહીં જાવાસ્ક્રીપ્ટ ઑબ્જેક્ટ નોટેશન.
કયા URL પ્રતિ તે ચાલે છે, કે માહિતી મેળવવા માટે?
દેખીતી રીતે આ URL અહીં છે.
>> અને બ્રાઉઝર તરીકે શું કરવું જોઈએ તે આ જવાબ નોંધાયો નહીં જલદી?
અને આ એજેક્સ જાદુ છે, તેથી XML માં વાત એસિન્ક્રોનસ જાવાસ્ક્રિપ્ટ.
તે એક સાથે જોવા માટે મુશ્કેલ છે અમે અહીં હતી તરીકે સરળ ઉદાહરણ છે.
>> પરંતુ આ અસુમેળ હતી અર્થમાં કે મારા કોડ ત્યારે
આ સંદેશો મોકલાવ્યો ચલાવવામાં સર્વર મને કેટલીક JSON વિચાર જાઓ.
અને તે સુપર ફાસ્ટ થયું કારણ કે હું એક જવાબ મળી.
પરંતુ શું રસપ્રદ છે કે આ છે કોડ વાક્ય મારા કમ્પ્યુટર અટકી ન હતી.
>> હું એક કાંતણ ચિહ્ન જોઈ ન હતી.
હું ગુમાવી ન હતી મારું માઉસ ખસેડવા માટે ક્ષમતા છે.
મારું બ્રાઉઝર ખરેખર સંપૂર્ણપણે દંડ હતી.
>> જે રીતે જાવાસ્ક્રિપ્ટ સંભાળે છે કારણ કે નીચે પ્રમાણે સર્વર તરફથી પ્રતિસાદની છે.
તમે કૉલ કરશો શું રજિસ્ટર કૉલબૅક કાર્ય છે, કે જે
માત્ર હેય, જાવાસ્ક્રિપ્ટ થાય છે.
જલદી સર્વર તરીકે JSON સાથે જવાબ આપે છે,
આ અનામી કાર્ય કૉલ કરો.
>> અને આ કાર્ય માં પસાર કૃપા કરીને ગમે તે શબ્દમાળા સર્વર બોલે
એક દલીલ ડેટા કહેવાય છે.
તેથી, અન્ય શબ્દોમાં, જો હું ગતિશીલ એસેમ્બલ છું
આ પસાર એક URL quote.php મફત અથવા GOOG અથવા whatnot જેવા પ્રતીક છે,
હું પછી કહી રહ્યો છું જાવાસ્ક્રિપ્ટ URL કે જે વિચાર જાઓ.
બ્રાઉઝર યાદ રાખો કે કંઈક પાછા જઈ રહ્યું છે
અમે આ અગાઉ જોયું કે જેમ દેખાય છે.
>> અને શું બીજી દલીલ અહીં JSON એવું કહેતા હોય છે વિચાર
આ કાર્ય ફોન આવે છે જ્યારે સર્વર નોંધાયો નહીં
તે 10 મિલિસેકન્ડોમાં છે કે કેમ હવે કે હવે 10 સેકન્ડ થી.
અને જલદી તમે કરવા માટે, આ પાનું ભાવ ઉમેરો.
આ વાક્યરચના માત્ર અહીં નોડ વિચાર જાઓ અર્થ એ થાય
જેની અનન્ય ઓળખકર્તા વૃક્ષ આપણે અગાઉ જોયું કે ગાળો price-- છે.
>> આ HTML કહેવાય પદ્ધતિ માત્ર બદલો જવા કહે છે
data.price સાથે છે તે એચટીએમએલ.
Data.price શું છે?
વેલ, બ્રાઉઝર, યાદ, મને આ પાછા આવતા જોવા મળ્યો હતો.
તેથી આ માહિતી છે.
>> અને તેથી તે થોડી છુપાયેલું છે અલ્પવિરામ અહીં જુઓ.
પરંતુ હકીકતમાં, મને આ કરવા દો.
મને તો ફક્ત આ પેસ્ટ કરો વાસ્તવિક ઝડપી gedit માં
અમે દર્શાવ્યું જેવા અને આ દર્શાવે છે અગાઉ Zamyla માળખું.
>> શું સર્વર મોકલી રહ્યું છે પાછા છે આ જેવી લાગે છે કે થોડું પદાર્થ.
અને તેથી data.price છે ફક્ત મને 0,1515 આપે છે.
ખસેડવાની તેથી ઘણો ભાગો અહીં બધા એક જ સમયે.
>> પરંતુ કી ટેકઅવે છે અમે આ ક્ષમતા હોય છે
વધારાની એચટીટીપી બનાવવા માટે જાવાસ્ક્રિપ્ટ ઉપયોગ કરીને અરજીઓ
પૃષ્ઠને ફરીથી લોડ કર્યા વગર.
અને પછી આપણે ખરેખર કરી શકો છો ફ્લાય પર વેબ પાનું બદલો.
અને તે તારણ આપે છે કે જાવાસ્ક્રીપ્ટ અને અન્ય ભાષાઓમાં
હવે ઉપયોગ કરી શકાય છે માત્ર વેબ પાનાંઓ પરિવર્તનશીલ પણ બનાવાય,
પરંતુ વાસ્તવમાં સોફ્ટવેર લખવા માટે એક વાસ્તવિક કમ્પ્યુટર માં,
માત્ર ક્રોમ અથવા જેમ નથી મર્યાદિત છે.
>> હકીકતમાં, તમે કોલ્ટન કરશે if-- અમને પાછા અહીં જોડાવા માંગો
તમારા લેબ કોડ છે, અને ચાંગ તેમજ સાથે?
માતાનો વિશે વાત કરી, જેમણે આગળ વધો અનામિક વિધેયો અને callbacks
અને ખરેખર અહીં ભાવિ ઉશ્કેરવું રક્તસ્ત્રાવ સાથે લાઇવ ડેમો સાથે
ધાર ટેકનોલોજી, એક આ એલિટ મોશન ઉપકરણો.
હવે, આ ઉપકરણ, સ્મૃતિ, થોડી USB ઉપકરણ છે
તેમજ તે beautiful-- છે તેનો કે જે તમારી USB પોર્ટ માં પ્લગ.
>> અને પછી તે ઇનપુટ પૂરી પાડે છે માનવ હાવભાવ ના ફોર્મ માં
ઇન્ફ્રારેડ બીમ ઉપયોગ શોધવાની દ્વારા, અનિવાર્યપણે, તમારા હાથ માંથી હલનચલન.
તેથી મારિયા પ્રયાસ કર્યો છે તે જ્યારે પર પહેલાં, સ્નાયુબદ્ધ હતી
ખરેખર બદલવા શું લાગણી તમારા હાથ, આ આધારિત ઇન્ફ્રારેડ છે.
તેથી તે અંદર હલનચલન માટે જોઈ છે એક પગ અથવા તેથી વલયની સૉર્ટ કરો
ઉપકરણ પોતે.
>> તેથી શા માટે હું ન લો પ્રથમ આ એક પ્રયાસ?
અને આગળ વધો અને ફેંકવું દો અહીં ઓવરહેડ પર તમે.
તેથી અહીં કોલ્ટન લેપટોપ મૂકી દો.
અમે ટીવી પર એન્ડ્રુ મળી છે.
અને તમે મને પ્રથમ શું કરવું માંગો છો?
>> COLTON: આગળ જાઓ અને માત્ર આ વ્યક્તિ પર તમારા હાથ મૂકી
અને તમે કેટલાક કલ્પિત ઝગમગાટ જોવા મળશે.
>> ડેવિડ જે MALAN: ખૂબ જ સરસ.
આ બધા વાસ્તવિક સમય માં થઈ રહ્યું છે.
ઠીક છે.
બધા હક છે, અને હા.
તેથી સરસ.
બધા હક, અમે બીજું શું કરી શકો છો?
>> COLTON: આગળની સ્ક્રીન પર જાઓ અને જુઓ.
>> ડેવિડ જે MALAN: બધા અધિકાર.
>> COLTON: એક મજા થોડી રમત જ્યાં તમે રોબોટ્સ બનાવવા માટે મળે છે.
>> ડેવિડ જે MALAN: બધા હક છે, તેથી આ મને શું દર્શાવે નકલી હાથ છે.
COLTON: હા તેથી આગળ વધો અને બ્લોકની એક પડાવી લેવું
અને તે રોબોટ શરીરના ટોચ પર મૂકો.
ડેવિડ જે MALAN: ઓહ, મારા હાથમાં છે.
ઓહ.
ઠીક છે, માનનીય.
ઠીક છે, એક મિનિટ રાહ જુઓ.
ત્યાં અમે જાઓ.
>> COLTON: હું અકસ્માત પર એક બનાવ્યું છે.
>> ડેવિડ જે MALAN: ઠીક છે, હું આ વ્યક્તિ મળશે.
તે ખરેખર ખૂબ જ!
અમે આ ગયા પ્રેક્ટીસ કરવામાં આવી હતી જ્યારે રાત, તમે આ માં હસ્તાંતરિત શું જાણો છો?
>> આ જેમ.
ઠીક છે.
આગામી એક?
>> COLTON: શ્યોર.
>> ડેવિડ જે MALAN: બધા અધિકાર છે, અને ત્રીજા છે.
તમામ હક અનામત.
COLTON: આ એક, તમે to-- વિચાર
ડેવિડ જે MALAN: ઓહ, આ એક સુંદર છે.
COLTON: --yeah, આ ફૂલ સિવાય બનાવ્યો.
ડેવિડ જે MALAN: ઠીક છે.
કોઈ?
ચૂકી.
>> COLTON: ઓહ, ત્યાં તમે જાઓ.
>> ડેવિડ જે MALAN: આહ, કે જુઓ.
ખૂબ જ સરસ.
વેલ, અમે શા માટે લેવા 'dont અહીં એક સ્વયંસેવક બહાર
જે પર આવવા માંગો છો.
વિશે કેવી રીતે અધિકાર ત્યાં લીલા, તે છે?
>> બધા હક છે, અને માતાનો પાસે દો તેને બદલે તમે, કે જે અમુક કરવાથી
આ રમત ખબર પડી શકે છે અહીં કદાચ, દોરડા કાપી?
માતાનો જોવા દો.
અમે અહીં પર અમારી ચશ્મા હોય છે?
>> ઠીક છે.
આપનો આભાર.
તમારું નામ શું છે?
>> પ્રેક્ષક: લૌરા.
>> ડેવિડ જે MALAN: લૌરા?
જોવા માટે સરસ.
તમે મૂકવા વાંધો ન હોય તો તમારા ચશ્મા પર Google ગ્લાસ.
આ કોલ્ટન છે.
>> COLTON: હાય.
તમને મળીને સરસ.
>> ડેવિડ જે MALAN: બરાબર છે, આસપાસ પર આવે છે.
બધા હક છે, તેથી જો તમે જઈ રહ્યાં છો શું અહીં તે પહેલાં આ ભજવી હોવાની
પર તમારા હાથમાં મૂકવામાં આવે છે અહીં લીપ મોશન.
અને હવે તમારા તીર ખસેડવા જોઇએ.
ના, ઓહ.
>> પ્રેક્ષક: ના
>> ડેવિડ જે MALAN: અમે હજુ સુધી બહાર નીકળવા માંગો છો નથી.
ઠીક છે, રાહ જુઓ.
અહીં કુલ સ્કોર.
તમે પકડી તેથી નોટિસ તમારે તમારા કંઈક પર આંગળી,
માઉસ લીલા જાઓ શરૂ થાય છે, જે તમે ક્લિક કેવી રીતે છે.
>> તેથી રમો હૉવર.
અને માત્ર એક આંગળી દંડ છે.
અને હવે થોડી પર ક્લિક કરો ડાબી પર લીલા વ્યક્તિ.
તે લીલા ભરે છે ત્યાં સુધી અને હવે ધરાવે છે.
ગુડ.
હવે, જેમ કે, ઉપર સ્તર છે.
>> પ્રેક્ષક: અરે વાહ, અમે માંગો છો, અહીં એક સ્તર.
>> ડેવિડ જે MALAN: ગુડ.
ઠીક છે, તેથી તમે બધા છે દોરડા કાપી છે શું કરવું.
તમારા કર્સર નીચે ત્યાં સફેદ એક છે.
>> ખૂબ જ સરસ.
બધા હક છે, તે કઠણ વિચાર વિશે છે.
તેથી હવે આગળ પર તમારી આંગળી પકડી.
ગુડ.
આ એક મુશ્કેલ છે.
>> પ્રેક્ષક: ઓહ ક્રેપ.
ઠીક છે.
એ જ રીતે જવા માંગે છે.
ક્રેપ ઓહ, તેનો
>> ડેવિડ જે MALAN: અરે વાહ.
માધ્યમિક ધ્યેય માટે બધા તારા વિચાર છે.
તમામ હક, આગામી.
>> તમે આ તૃતીય એક વિચાર કરી શકો છો જો માતાનો જોવા દો.
ગુડ.
ઠીક છે, ત્યાં જાઓ.
>> ખાતરી કરો.
ઓહ, ખૂબ સરસ.
તમામ હક અનામત.
>> તેથી શા માટે અમે આજે અહીં મોકૂફ રાખવું નથી?
કોઈને રમવા માંગે છે જે પર આવે છે.
અમારા સ્વયંસેવક લૌરા ખૂબ આભાર.
અને અમે તમને સોમવાર પર જોશે.
>> પ્રેક્ષક: તમે કદાચ આ પાછા માંગો છો.
>> 2 વક્તા: આગામી CS50 અંતે