[Powered by Google Translate] [સેમિનાર] [જાવાસ્ક્રિપ્ટ માળખા:? શા માટે અને કેવી રીતે]
[કેપી સ્ચમિડ] [હાર્વર્ડ યુનિવર્સિટી]
[આ CS50 છે.] [CS50.TV]
>> હાય, બધાને. જો જાવાસ્ક્રિપ્ટ માળખા પરિસંવાદ સ્વાગત છે.
, મારું નામ કેપી છે, અને આજે હું જાવાસ્ક્રિપ્ટ માળખા વિશે વાત કરવા જઈ રહ્યો છું
અને આ પરિસંવાદ ધ્યેય, તમે મેળવવા માટે કહે છે, સે દીઠ ચોક્કસ માળખું માસ્ટર નથી
પરંતુ માળખા એક દંપતિ માટે તમને એક વ્યાપક પરિચય આપવા માટે
અને અમે ક્યારેય ફ્રેમવર્ક ઉપયોગ કરવા માંગો છો કે શા માટે બતાવી.
>> હું કે શું તે પહેલાં, હું જાવાસ્ક્રિપ્ટ થોડી પૃષ્ઠભૂમિ પ્રદાન કરીશું
અને પછી અમે તેને ત્યાંથી લઇ શકશો.
અમે માટે ડુ યાદી અમલીકરણ દ્વારા શરૂ કરવા જઈ રહ્યા છો.
અહીં આજે અમારી કાર્ય સૂચિ છે.
તે રમુજી પ્રકારની છે. અમે જાવાસ્ક્રિપ્ટ a થી-કરવું યાદી અમલ કરવા માટે હોય છે.
આ જેથી અમારી પ્રથમ લક્ષ્ય છે, તે જેવો બનશે શું છે.
અમે તે કરવા માટે ફ્રેમવર્કને વાપરો જવા નથી.
અમે કોડ જાવાસ્ક્રિપ્ટ જવા અને માટે શું યાદી કામ મેળવવા માટે કરી રહ્યા છો.
પછી અમે એક ફ્રેમવર્ક ઉપયોગ કર્યા વગર ડિઝાઇન સુધારવા માટે જઈ રહ્યાં છો.
અમે ફક્ત જાવાસ્ક્રિપ્ટ એકલા સાથે કરી શકો છો વિવિધ વસ્તુઓ વિશે ચર્ચા કરવા માટે જઈ રહ્યાં છો
અમારા બનાવવા માટે શું કરવું થોડી વધુ સારી રીતે રચાયેલ યાદી આપે છે.
પછી અમે, અમુક jQuery માં ફેંકવું જઈ રહ્યાં છો
અને પછી અમે, યાદી છું એ જ જોવા જઈ રહ્યાં છો
માત્ર વિવિધ માળખા માં અમલમાં આવ્યું હતું, અને અમે ચર્ચા કરીશું
માર્ગ સાથે ગુણદોષ.
>> યાદી છું કે અમલ શરૂ કરીએ.
ચાલો આપણે આ HTML આપવામાં રહ્યાં છો કહે છે.
હું આ થોડું નાના બનાવવા જઈ રહ્યો છું.
તમે જોઈ શકો છો, હું TODO કહે છે કે થોડા હેડર હોય
હું TODO વર્ણન દાખલ કરી શકો છો જ્યાં અને થોડી બોક્સ
અને પછી, જેથી આ યાદી માટે એક નવી TODO દાખલ કરવા માટે પ્રયત્ન એક નવી આઇટમ બટન દો.
, જાવાસ્ક્રિપ્ટ માળખા પરિસંવાદ આપો
અને હું નવી આઇટમ હિટ છું.
મને કહે છે કે આ અમલ Javascript ચેતવણી મળી.
અમે તે અમલ કરવા માટે મળી છે.
એ HTML અને JavaScript બંને માતાનો આ માટે કોડ તપાસો દો.
અહીં અમારા HTML છે.
તમે અહીં જોઈ શકો છો, અહીં અમારા ઓછી Todos હેડર છે.
, કે ટોચ પર કે બોલ્ડ બાબત હતી
અને પછી અમે પ્લેસહોલ્ડર સાથે ઇનપુટ બોક્સ હોય છે
અને તે પછી આ કાર્ય addTodo કહે છે કે આ બટન ચોક્કસ લક્ષણ છે.
કોઇ દર્શાવે છે ક્લિક કરો શું કે ધારી કરવા માંગો છો નથી?
[વિદ્યાર્થી અશ્રાવ્ય પ્રતિભાવ]
ગુડ, પર ક્લિક કરો, એક ઇવેન્ટ જેવા પ્રકારની છે
માઉસ ક્લિક માત્ર એક ઘટના છે, અને શું અમે કરી રહ્યા છીએ જેમ છે
અમે તે કાર્ય ચલાવવા માટે આ બટન પર ક્લિક ઘટનામાં ભોગવીને રહ્યાં છો છે.
AddTodo કે બટન પર ક્લિક કરવા માટે આ ઘટના સંભાળનાર છે.
>> તમે જોઈ શકો છો, હું નવી આઇટમ બટન ક્લિક કરો ત્યારે
પર ક્લિક કરો ઇવેન્ટ બરતરફ નહીં, અને આ કાર્ય કહેવાય નહીં.
માતાનો કાર્ય પર જોવા દો.
તમે જોઈ શકો છો, અહીં અત્યાર સુધી મારા JavaScript કોડ છે.
શું હું ટોચ પર છે મારા માટે શું યાદી માટે વૈશ્વિક માહિતી માળખું છે.
તે એરે જેવી લાગે છે. તે માત્ર એક ખાલી એરે છે.
અને પછી હું, અમે અગાઉ જોયું કે addTodo કાર્ય છે
અને ત્યાં કોડ માત્ર વાક્ય આ ચેતવણીને છે.
તે મને અમલ ચેતવે છે, અને પછી હું હાથ પર 2 કાર્યો છે.
હું કે જે, વૈશ્વિક માહિતી બંધારણ માટે TODO ઉમેરવાની જરૂર
અને પછી હું માટે ડુ યાદી બહાર ડ્રો કરવા માંગો છો.
કંઈ પણ હજી સુધી ફેન્સી છે, પરંતુ જાવાસ્ક્રિપ્ટ તમે સાથે અજાણ્યા હોઈ શકે છે
તેથી હું ધીમા જાઓ અને તે રીતે જાવાસ્ક્રિપ્ટ ની ફંડામેન્ટલ્સ સમીક્ષા કરવા જઇ રહ્યો છું.
>> માતાનો આ શોટ આપી દો.
ચાલો વપરાશકર્તા આ બૉક્સમાં કંઈક પ્રવેશે છે.
હું માત્ર અહીં, ટેક્સ્ટ કંઈક લખ્યો.
હું કેવી રીતે જાવાસ્ક્રિપ્ટ મારફતે વપરાશ છે કે જે લખાણ સૉર્ટ નથી?
કે જાવાસ્ક્રિપ્ટ યાદ રાખો, તેના મૂળભૂત લક્ષણો એક તે અમને આપે છે
ડોમ માટે આ કાર્યક્રમ વપરાશ.
તે અમને આ વાસ્તવિક HTML ની ​​તત્વો અને તેમની મિલકતો ઍક્સેસ કરવા માટે પરવાનગી આપે છે.
અમે ખુલ્લા હાડકા સાથે જાવા કે શું આ રીતે
અમે ખરેખર getElementByID કહેવાય જાવાસ્ક્રિપ્ટ એક વિધેય વાપરી શકે છે.
હું કેટલાક ચલ ત્યાં લખ્યો કે લખાણ સંગ્રહ કરવા માંગો છો
તેથી હું, new_todo તરીકે ઓળખાતી નવી ચલ કહે જઇ રહ્યો છું
અને હું કે જે તત્વ વિચાર કરવા જઇ રહ્યો છું.
આ એક કાર્ય છે. GetElementByID.
અને હવે, હું ID દ્વારા એક તત્વ મેળવવામાં છું, તેથી હું જે લખાણ બોક્સની ને જરૂર
તેથી હું તે ID ને new_todo_description આપી છે.
કે હું એક તત્વ વિચાર કરવા જઇ રહ્યો છું કેવી રીતે.
કે વિચાર કે જે ID ને સ્પષ્ટ કરવા માટે, આ કાર્ય માટે મારા દલીલ છે.
અને જેથી HTML માં એક તત્વ છે, અને તે ગુણધર્મો ધરાવે છે.
તમે આ જોઈ કર્યું. તેઓ લક્ષણો છો.
વપરાશકર્તાની ઇનપુટ સંગ્રહ કરે છે કે જે લખાણ તત્વ આ લક્ષણ કિંમત કહેવામાં આવે છે.
હું new_todo કહેવાય ચલ હવે તે લખાણ બોક્સમાં ની કિંમત સાચવી.
હવે હું આ વેરિયેબલ માટે કાર્યક્રમ વપરાશ હોય છે, જે પ્રકારની ઠંડી છે
હવે હું શું કરી શકો કારણ કે હું મારા માટે શું યાદી ઉમેરી શકો છે.
>> અમે આવું કરશે રીતે જાવાસ્ક્રીપ્ટ અને તમે આ સાથે પરિચિત હોય, તો ચિંતા નથી,
પરંતુ ફક્ત તે દ્વારા જવા todos.push છે
અપ અહીં મારા વૈશ્વિક માહિતી માળખું નામ છે, કારણ કે
અને હું new_todo દબાણ કરવા માટે જઇ રહ્યો છું.
હવે હું મારા જાવાસ્ક્રિપ્ટ તે ઉમેર્યા છે કારણ કે આ મહાન છે
કે કરવું યાદી પ્રતિનિધિત્વ.
પરંતુ હવે હું કેવી રીતે HTML માં તેને પાછું મેળવી શકું?
હું તેને પાછા દબાણ ઓફ સૉર્ટ કરવા માટે એક માર્ગ શોધવા માટે હોય છે.
અન્ય શબ્દોમાં, હું પ્રકારની આ ડ્રો છે.
અમે શું કરવા જઇ રહ્યા છો અમે માટે શું યાદી ડ્રો જઈ રહ્યાં છો છે.
હું કે જે, પૃષ્ઠ પર અન્ય HTML અપડેટ કરવાની જરૂર
તમે જોઈ શકો છો અને, હું અહીં આ થોડા કન્ટેનર છોડી દીધું છે
જેની ને todos છે પાનાંની આ વિભાજક,
અને હું ત્યાં થી કરવું યાદી મૂકી જાઉં છું.
પ્રથમ હું છું યાદી જૂની ત્યાં ત્યાં હતા, કહે છે, કારણ કે તે સાફ કરવા જઇ રહ્યો છું.
હું ફરી ને તે તત્વ મેળવવામાં છું
અને હું કે જે, તત્વ આંતરિક HTML ઍક્સેસ છું
અને હું કે જે સાફ કરવા જઇ રહ્યો છું.
છે કે અમે આ કોડ બાકી હોય, તો અમે, ત્યાં ખાલી કંઇ જોવા લેતો
અને હવે હું મારા નવા છું યાદી અનુવાદ શરૂ કરવા માંગો છો.
હું મૂળભૂત રીતે મારા માટે શું યાદી બહાર સાફ કરવા જઇ રહ્યો છું.
>> હવે તે todos DIV આંતરિક HTML અંદર, સંપૂર્ણપણે સ્પષ્ટ છે
અને હવે હું મારી યાદી ઉમેરી રહ્યા શરૂ કરવાની જરૂર છે.
હું પાછા ઍડ કરવા માંગો છો પ્રથમ વસ્તુ છે, એ unordered યાદી ટૅગ છે
જે મૂળભૂત રીતે આ એક unordered યાદી શરૂઆત છે સૂચવે છે.
હવે મારી todos એરે દરેક તત્વ માટે હું કે જે HTML ની ​​અંદર તે છાપશે કરવા માંગો છો.
હું આ યાદીમાં તળિયે તે પર ઉમેરવા માંગો છો.
જસ્ટ સે જેમ, હું લૂપ માટે ઉપયોગ કરી શકો છો, અને હું મારી યાદી શરૂઆતમાં શરૂ કરવા જઇ રહ્યો છું
તત્વ 0, અને હું યાદી લંબાઈના બધી રીતે જવું જઇ રહ્યો છું.
અમે ખરેખર લંબાઈ મિલકત ઉપયોગ કરીને JavaScript ને એક એરે લંબાઈ વિચાર કરી શકો છો.
મૂળભૂત રીતે હું અહીં અંદર ખૂબ જ કંઈક કરવા જઇ રહ્યો છું
તે તત્વ છાપે છે.
હું ફરીથી todos DIV, કે જે આંતરિક HTML મિલકત, ઍક્સેસ કરી શકો છો
અને હું આ નવી યાદી આઇટમ પર ઉમેરવા જઇ રહ્યો છું, અને તે દ્વારા ઘેરાયેલો જશે
આ li ટૅગ, અને હું + + ઓપરેટર સાથે એકસાથે જોડવું જઈ રહ્યો
અને તે, મારા todos એરે ની ઇથ તત્વ છે
અને પછી હું ટૅગ બંધ કરવા જઇ રહ્યો છું.
હવે દરેક તત્વ માટે અમે નવા યાદી પ્રવેશ ઉમેરીશ.
અને પછી આપણે ખરેખર શું કરવાની જરૂર છે કે બધા ટૅગ બંધ છે.
હું માત્ર યાદી ટૅગ unordered કે બંધ કરવાની જરૂર છે.
>> તમે તે કેવી રીતે કામ કરે માટે લાગણી વિચાર કરો છો?
આ સમગ્ર યાદીમાં નહીં.
આ todos યાદીમાંથી યાદી માટે વ્યક્તિગત ઘટકો ઉમેરે છે
અને પછી સમગ્ર યાદીમાં બંધ થાય છે, અને આ મારા addTodo કાર્ય છે.
હું મૂળભૂત લખાણ બોક્સમાં ના TODO મેળવવામાં દ્વારા શરૂ કરે છે.
હું todos એરે કે, ઉમેરવા, અને પછી હું તો છું યાદી ફરીથી રેન્ડર.
હવે હું મારા સૂચિમાં આઇટમ્સ ઉમેરી શકો છો.
આ પ્રકારની ઉત્તેજક છે કારણ કે કોડ માત્ર થોડા લાઇન
અમે મૂળભૂત રીતે અમે વસ્તુઓ ઉમેરી શકો છો જ્યાં થી કરવું યાદી કર્યા છે.
મહાન.
તે જાવાસ્ક્રિપ્ટ માટે મૂળભૂત પરિચય પ્રકારની છે.
, હવે માટે સિન્ટેક્ષ વિશે ખૂબ ચિંતા કરશો નહીં
પરંતુ આ ખ્યાલ વિશે વિચારો.
અમે કેટલાક એચટીએમએલ હતી.
અમે ઇનપુટ માટે શું આઇટમ પર મૂળભૂત રીતે મંજૂરી વપરાશકર્તાઓને ઉમેરવા માટે કે જે પાનાં પર લખાણ બોક્સમાં હતી.
અને પછી અમે તે લખાણ બોક્સમાં કે TODO મેળવવા માટે જાવાસ્ક્રિપ્ટ ઉપયોગ કરે છે.
અમે જાવાસ્ક્રિપ્ટ એરે અંદર, કે જે મૂળભૂત રીતે જેમ કે સ્ટોર
કે અમારી કાર્યક્રમ વિષયક પ્રતિનિધિત્વ યાદી છું,
અને પછી અમે તેને છપાયેલ.
આ todos.js છે.
>> આ ઠંડી પ્રકાર છે, પરંતુ કેવી રીતે અમે આ વધુ સમય લાગી શકે છે?
તમે જોઈ શકો છો, પણ સાથે સાથે, આ કરવું યાદી સંપૂર્ણ જેવી નથી.
ઉદાહરણ તરીકે, હું અપૂર્ણ તરીકે આ વસ્તુઓ કોઇ પણ માર્ક કરી શકતા નથી
હું વસ્તુઓ reprioritize અથવા વસ્તુઓ કાઢવા ઇચ્છતા હોય તો ગમે છે.
આ ઠીક છે, પરંતુ આપણે તો આ વધુ સમય લાગી શકે છે.
હું, વધારાની સુવિધાઓ ઉમેરીને વિશે ખૂબ વાત નથી જતા છું
પરંતુ અમે કે વધુ સમય લાગી શકે છે.
યાદી છું આ વધુ એક લક્ષણ ઉમેરી વિશે વાત કરીએ,
એક વ્યક્તિગત કરવું વસ્તુ ચકાસવા માટે સક્ષમ હોવા કરી રહ્યું છે જે
અને તેથી તે મૂળભૂત રીતે હું આ કર્યું છે એમ કહીને બહાર ઓળંગી શકાય છે.
માતાનો કે પરિપૂર્ણ કરી શકે છે કે જે અમુક કોડ જોવા દો.
શું હું ટોચ પર કર્યું છે કે હું ઉમેર્યા છે નોટિસ
નવી વૈશ્વિક એરે પૂર્ણ કહેવાય છે.
હું મૂળભૂત રીતે સંગ્રહવા માટે આ મદદથી છું કે કેમ માટે ડુ યાદી પર આઇટમ્સ
પૂર્ણ નથી અથવા છે.
આ કરવા માટે એક માર્ગ છે.
હું આ અમલીકરણ, પ્રદર્શન, જુઓ તો
હું TODO દાખલ કરો અને જો મૂળભૂત રીતે હું આ ટૉગલ બટન દબાવો
તેને પાર, જેથી આ યાદી પર દરેક વસ્તુ ક્યાંતો સંપૂર્ણ છે
અથવા અપૂર્ણ સ્થિતિમાં છે, અને હું માનું છું કે પ્રતિનિધિત્વ કરવા માટે અન્ય એરે મદદથી છું.
>> મૂળભૂત રીતે કે todos એરે દરેક TODO માટે
આઇટમ મૂળભૂત રીતે સૂચવે છે કે સંપૂર્ણ એરેમાં છે
કે સંપૂર્ણ છે કે નથી.
હું, આ કોડ માટે ખૂબ મિનિમલ ફેરફારો કરવા માટે હતી કર્યું
તેથી અહીં અમારી addTodo કાર્ય છે.
અહીં હું એરે પર કોઈ દબાણ છું કે નોટિસ,
અને પછી હું, કે જે સંપૂર્ણ એરેમાં 0 દબાણ છું
મૂળભૂત રીતે કહે છે કે નવી TODO પુશ સાથે સમાંતર માં
હું આ આઇટમ ઉમેરી રહ્યો છું, અને તે આ કિંમત સાથે જોડાયેલી છે
જે તે અપૂર્ણ છે કે થાય છે.
અને પછી હું માટે ડુ યાદી રિડ્રોઇંગ છું.
હવે, હું આ drawTodoList કાર્ય ઉમેર્યા નોટિસ.
આ, અમે પહેલાં કોડ ઘણો લે છે
મૂળભૂત બોક્સ બહાર સાફ કરે છે અને પછી નવા છું યાદી લે છે.
પરંતુ આ અંદર લૂપ માટે અમે વધુ હવે થોડી કરી રહ્યા છીએ કે નોટિસ.
અમે મૂળભૂત ઇથ TODO માટે આઇટમ અનુરૂપ છે કે શું અહીં કરી રહ્યાં છો, ચકાસણી
પૂર્ણ છે, અને અમે આ 2 સંજોગોમાં અલગ વર્તન કરી રહ્યાં છે.
તે સંપૂર્ણ છે, તો અમે આ ડેલ ટેગ ઉમેરી રહ્યાં છીએ
જે મૂળભૂત રીતે તમે અસર દ્વારા કે હડતાલ વિચાર કરી શકો છો માર્ગ છે
તે સંપૂર્ણ છે, જો ટુ કરવું યાદી બહાર પાર,
તે નથી, તો અમે તેને સમાવીને નથી.
અને તેથી તે પ્રકારના છે, કે જે કાળજી લે છે
>> અને તે આ પરિપૂર્ણ કરવા માટે એક માર્ગ છે.
વપરાશકર્તા આ એક ક્લિક્સ ત્યારે અને પછી નોટિસ
અમે તેને પૂર્ણ સ્થિતિ ટૉગલ.
વપરાશકર્તા ક્લિક્સ, અમે તેને પૂર્ણ નથી અથવા રહ્યું છે કે શું વિરુદ્ધ પડશે ત્યારે,
અને પછી અમે તેને redraw પડશે.
કામ આ પ્રકારની.
અમે તેમના પોતાના કાર્યો હાથ ધરવા કે આ કામગીરી
અને આ ઠીક છે.
અમે જોકે, આ વિશે વધુ સારી રીતે કરી શકે કંઈપણ ત્યાં છે?
અમે આ 2 વૈશ્વિક એરેને હોય નોટિસ.
આ સી હતી, અને અમે પ્રકારની રજૂ કે 2 એરેને હોય તો
પ્રકારની અમુક રીતે સંબંધિત હતી કે માહિતી
અમે આ 2 ક્ષેત્રો ભેગા સી શું ઉપયોગ કરશે
માહિતી બંને ટુકડાઓ પ્રાવૃત્ત કે કંઈક માં?
ત્યાં જવા માટે કોઇપણ સૂચન બનાવવા માંગો છો?
[વિદ્યાર્થી અશ્રાવ્ય પ્રતિભાવ]
>> બરાબર, તેથી અમે, સ્ટ્રક્ટ અમુક પ્રકારના ઉપયોગ કરી શકે છે
અને તમે pset 3, કહે છે, પાછા લાગે છે, જો
અમે શબ્દકોશ હતી, અને પછી અમે હતી યાદ છે કે કેમ તે શબ્દ
જો શબ્દકોશ હતી, અને તે બધા માહિતી સાથે મૂકવામાં આવી હતી
અમુક માહિતી માળખાની અંદર.
હું આ કોડ સાથે કરી શકો છો એક વસ્તુ આ 2 વિવિધ એરે કર્યા ટાળવા માટે
માહિતી સમાન ટુકડાઓ માટે હું એક JavaScript ઑબ્જેક્ટ તેમને ભેગા કરી શકે છે.
માતાનો કે પર એક નજર કરીએ.
હું માત્ર હવે ટોચ પર એક એરે છે નોટિસ
અને હું કંઇ કર્યું છે અને આ માત્ર પ્રકારના માટે જાવાસ્ક્રિપ્ટ વાક્યરચના છે
એક પદાર્થ એક શાબ્દિક આવૃત્તિ બનાવવા માટે,
અને, તેથી અમે TODO છે, 2 ગુણધર્મો છે નોટિસ
અને તે સંપૂર્ણ અથવા અપૂર્ણ છે કે શું સાથે મળીને રાખવામાં આવે છે.
આ ખૂબ જ સમાન કોડ છે.
અમે જાવાસ્ક્રિપ્ટ પદાર્થો ઉપયોગ કરી રહ્યાં છો.
સુધારે વસ્તુઓ આ પ્રકારની.
હવે જેમ, સંબંધિત જાણકારી આ બધા ક્ષેત્રો સાથે મળીને રાખવામાં આવે છે.
અમે તેને છાપે જાઓ ત્યારે, અમે ક્ષેત્રો ઍક્સેસ કરી શકો છો.
>> અમે todos [હું] કરી રહ્યા છીએ કેવી રીતે નોટિસ. પૂર્ણ
તેના બદલે અલગ સંપૂર્ણ એરે ચકાસણી કે,
અને અમે તો કરવું મિલકત મેળવવામાં રહ્યાં છો તે માટે શું શબ્દમાળા મેળવવા માંગો છો જ્યારે નોટિસ
કે TODO છે, જેથી આ પ્રકારની અર્થમાં બનાવે છે કારણ કે
દરેક વસ્તુ તે વિશે આ આંતરિક ગુણધર્મો ધરાવે છે.
જો તે TODO ધરાવે છે, અને તે સંપૂર્ણ નથી અથવા શું છે.
નથી પણ ઘણા ફેરફારો ત્યાં વિધેયાત્મક રીતે, ફક્ત કોડ માટે કેટલાક વધુ ઉમેર્યું.
આ અધિકાર, અમુક મોરચા પર એક સુધારો છે?
હું થોડી ડિઝાઇન બહાર અમે કારણભૂત, અર્થ.
હવે આપણે મૂળભૂત રીતે આ ડેટાને સમાવતા માટે પદાર્થો હોય છે.
અમે જાવાસ્ક્રિપ્ટ દ્રષ્ટિએ અહીં કરી શકે કંઈપણ વધુ છે?
ગમે નોટિસ કે અહીં આ કોડ
એક DIV આંતરિક HTML મેળવવા માટે
થોડી, હું ધારી, લાંબો છે.
Document.getElementByID ("todos") છે. InnerHTML.
અમે આ કોડ થોડી મૈત્રીભર્યું દેખાયું બનાવવા માટે કરી શકે એક વસ્તુ
તેથી હું, પીઠ, અને આગળ, સરકાવનાર ડાબી અને જમણી રાખવા ન હોત
હું jQuery જેવી લાઇબ્રેરી ઉપયોગ કરી શકે છે.
>> માતાનો, સેમિનાર 2 તપાસો દો
અને આ જ કોડ છે, પરંતુ તે jQuery સાથે કરવામાં આવે છે.
તમે jQuery સાથે પણ પરિચિત નહિં હોઈ શકે
પરંતુ માત્ર jQuery જાવાસ્ક્રિપ્ટ માટે એક લાઈબ્રેરી જેવું છે ખબર છે કે
તે સરળ DOM એક્સેસ વ્યક્તિગત ઘટકો જેવી વસ્તુઓ કરવા માટે બનાવે છે.
અહીં બદલે document.getElementByID કહેતા ("todos"). InnerHTML
હું, jQuery માં ખૂબ ક્લીનર રીતે ઉપયોગ કરી શકો છો
જે માત્ર પસંદગીકારો માટે વાપરવાનું છે.
તમે જોઈ શકો છો, આ કોડ છે, થોડી ક્લીનર મળી હતી
ખૂબ જ વિધેયાત્મક રીતે સરખા છે, પરંતુ તે વિચાર છે.
અમે અત્યાર સુધી વસ્તુઓ એક દંપતિ જોઈ કર્યું
તેથી અમે માત્ર કાચી જાવાસ્ક્રિપ્ટ અમલીકરણ સાથે શરૂઆત કરી હતી.
અમે નવી સુવિધાઓ ઉમેરી છે અને અમે સાથે કેવી રીતે સુધારી શકીએ દર્શાવ્યું
ફક્ત આપણે જાવાસ્ક્રિપ્ટ છે.
>> કોઇ આ ડિઝાઇન સાથે કોઇ મુશ્કેલીઓ જોવા છે?
જેમ કે, હું ધારી કે મુશ્કેલીઓ હોય તે જરૂરી નથી પરંતુ કહે છે ચાલો
અમે માટે શું યાદી પ્રોજેક્ટ કરતા ન હતા, અને કાલે અમે નક્કી કર્યું
અમે એક કરિયાણાની યાદી છે અથવા ખરીદી યાદી પ્રોજેક્ટ બનાવવા માગતા હતા.
આ લક્ષણો ઘણા જ હોય ​​છે.
અમે જાવાસ્ક્રિપ્ટ બહાર વિચાર કરવા માંગો છો તે વસ્તુઓ ઘણો, ખૂબ સામાન્ય હોય છે
અને આ રીતે કેટલાક પ્રકારની જરૂરિયાત underscores
આવું કરવા માટે આ સરળ બનાવે છે.
હું, આ HTML ઍક્સેસ તમામ બિલ્ડ કરવા માટે આ બધા DOM ઍક્સેસ હતી
હું આ મોડેલ સાથે ટુ ડુ યાદી રજૂ કરવા જઈ રહી છું.
અને હું જાવાસ્ક્રિપ્ટ ડેવલપર તરીકે જવાબદાર છું નોટિસ
હું સુમેળ હોય તે HTML અને જાવાસ્ક્રિપ્ટ રાખવા માટે.
આપમેળે કરવામાં કંઈ કે જાવાસ્ક્રિપ્ટ પ્રતિનિધિત્વ
અથવા તો કરવું યાદી HTML બહાર નહીં મળે છે.
નથીંગ કે મને સિવાય લાગુ.
હું યાદી કાર્ય કરવા માટે ડ્રો લખી હતી.
અને અર્થ હું હોઇ શકે છે, તે, તે કરવા માટે વાજબી નથી કરી શકે છે
પરંતુ તે ક્યારેક કંટાળાજનક હોઈ શકે છે.
જો તમે કોઈ મોટા પ્રોજેક્ટ હોય તો, તે મુશ્કેલ હોઈ શકે છે.
>> માળખા, માળખા હેતુ એક
પરિબળ કે પ્રક્રિયા અને સોર્ટ બહાર સરળ બનાવવા માટે છે,
આ સામાન્ય હું તમને કહી શકે ડિઝાઇન પેટર્ન ધારી
જે લોકો સામાન્ય રીતે માહિતી રજૂ રીતે અમુક પ્રકારના હોય છે
કે નકશો માહિતી છે કે શું, એક મિત્રો યાદી છે કે શું
અથવા કંઈક અથવા કોઇ કરવું યાદી.
કેટલાક લોકો સામાન્ય માહિતી રજૂ માર્ગ છે
અને તેઓ સામાન્ય રીતે સુમેળ કે માહિતી પ્રકારની રાખવા માટે જરૂર છે
વપરાશકર્તા જુઓ અમુક પ્રકારના માં જુએ છે તે વચ્ચે,
તમે વ્યાખ્યાન માં જોયું કે મોડેલ જુઓ નિયંત્રક જેવા શબ્દો બોલતા,
અને તે પછી આ કેસ માં આ જાવાસ્ક્રિપ્ટ એરે છે જે મોડેલ.
માળખા અમને કે સમસ્યા ઉકેલવા માટે એક રીત આપે છે.
હવે યાદી છું આ અમલીકરણ પર એક નજર કરીએ
angularjs કહેવાય માળખામાં.
આ તે છે. જો તે સ્લાઇડ પર ફિટ નોટિસ.
હું ડાબી અને જમણી સરકાવવા માટે નથી.
તે કદાચ એક ફ્રેમવર્ક ઉપયોગ કરવાની ભલામણ કરવા માટે એક મહાન કારણ નથી
પરંતુ નોટિસ હું ક્યારેય અહીં વ્યક્તિગત HTML તત્વો ઍક્સેસ છું?
હું ક્યારેય DOM જવા છું?
તમે કે જેમ કોઈ document.getElementByID અથવા કંઈક જુઓ છો?
ના, કે ચાલ્યો છે.
>> કોણીય અમને DOM અને કંઈક અમારા જાવાસ્ક્રિપ્ટ પ્રતિનિધિત્વ રાખવા મદદ કરે છે
સુમેળ કાઇન્ડ, તે જેએસ ફાઈલમાં નથી તેથી જો
પ્રોગ્રામ કે બધા HTML સામગ્રી મેળવવામાં કોઈ માર્ગ હોય તો
જો જાવાસ્ક્રિપ્ટ માંથી કેવી રીતે અમે સુમેળ આ રાખીને કરવામાં આવે છે?
તે. જેએસ ફાઇલ નથી, તો તે હક, HTML માં હોઈ મળી છે?
આ HTML ફાઇલ નવી આવૃત્તિ છે
અને અમે અહીં ઘણો ઉમેર્યા નોટિસ.
એનજી ક્લિક કરો અને એનજી-વારંવાર કહે છે કે આ નવા લક્ષણો ત્યાં નોટિસ.
ડિઝાઇનમાં મુશ્કેલીઓ આ સમસ્યા ઉકેલવા માટે કોણીય અભિગમ
મૂળભૂત રીતે HTML વધુ શક્તિશાળી બનાવવાનો છે.
કોણીય તમે HTML કંઈક વધુ અર્થસભર બનાવવા માટે પરવાનગી આપે છે માર્ગ છે.
ઉદાહરણ તરીકે, હું આ લખાણ બોક્સમાં ગૂંચ અથવા બાંધવા માટે જઇ રહ્યો છું કે કહી શકો છો
મારા કોણીય JavaScript કોડ અંદર એક ચલ માટે.
આ એનજી મોડેલ જ કરે છે.
મૂળભૂત રીતે કહે છે કે વસ્તુ આ લખાણ બોક્સની અંદર, કે
માત્ર ચલ new_todo_description સાથે સાંકળવા
આ JavaScript કોડ અંદર.
હું નિશ્ચિતપણે જવા માટે નથી, કારણ કે તે ખૂબ જ શક્તિશાળી છે
ડોમ એવી માહિતી મળી છે.
હું document.getElementByID કહે નથી.
હું DOM ઍક્સેસ જેવા jQueries વાપરવા માટે નથી.
હું કે જે ચલ બદલવા જ્યારે હું પછી ચલ સાથે સાંકળો અને શકો છો
જાવાસ્ક્રિપ્ટ અંદર તે HTML સાથે સુમેળ રાખવામાં આવ્યું છે
જેથી બે વચ્ચે આગળ અને પાછળ જવા માટે કર્યા પ્રક્રિયા સરળ બનાવે છે.
તે અર્થમાં બનાવવા નથી?
>> અને કોઈ HTML ઍક્સેસ કોડ ત્યાં નોટિસ.
અમે ફક્ત HTML વધુ શક્તિશાળી કરેલા
અને હવે, ઉદાહરણ તરીકે, અમે આ જેવી વસ્તુઓ કરી શકો છો
તમે આ પર ક્લિક કરો ત્યારે, todos.js તક અંદર આ વિધેય કોલ માંગો,
અને, આ એનજી મોડેલ જેવા, અમે પહેલા તે કરી શકે છે, પરંતુ અન્ય વસ્તુઓ છે
અને આ એનજી-વારંવાર નોટિસ.
તમે આ શું કરે છે લાગે છે?
અહીં પહેલાં અમારા unordered યાદી છે.
અમે ઉલ ટૅગ્સ છે
પરંતુ હું ક્યારેય JavaScript કોડ અંદર કે યાદી અનુવાદ છું?
હું ક્યારેય સ્પષ્ટ છે કે યાદી અનુવાદ નથી.
આ કેવી રીતે કામ કરે છે?
વેલ, જે રીતે કોણીય આ એક રીપીટર કહેવાય છે પરિપૂર્ણ કરે છે.
મૂળભૂત રીતે આ હું આ HTML પ્રિન્ટ કરવા માંગો છો તે કહે છે
મારા todos એરે દરેક TODO અંદર છે.
Todos.jr અંદર એક todos અરે, અહીં છે
અને આ છે કે જે એરે મારફતે કોણીય જાવ કહેશે, અને દરેક તત્વ માટે તમે જુઓ
હું તમને આ HTML પ્રિન્ટ કરવા માંગો છો.
હું આવું માત્ર કરી શકો છો કારણ કે આ અદ્ભુત પ્રકારની છે
લૂપ માટે લખી કર્યા વગર,
જે કોડ માત્ર 30 રેખાઓ હતી કે ટુ કરવું યાદી માટે
સૌથી વધુ લાભદાયી વસ્તુ હોઈ શકે નહિં,
જો તમારી પાસે મોટી પ્રોજેક્ટ હોય તો પણ, આ ખૂબ જ અનુકૂળ વિચાર કરી શકે છે.
>> આ HTML વધુ શક્તિશાળી બનાવવા, આ સમસ્યા માટે એક ઉકેલ છે,
અને તે અમને સમન્વયન માં JavaScript અને HTML રાખવા માટે પરવાનગી આપે છે.
આ સમસ્યા ઉકેલવા માટે અન્ય શક્ય માર્ગો છે,
અને દર માળખું આ નથી.
દરેક ફ્રેમવર્ક આ રેખાઓ સાથે કામ કરે નહિં.
કેટલાક માળખા, જુદા જુદા અભિગમો છે
અને જો તમે અન્ય પર એક માળખામાં કોડિંગ આનંદ લાગી શકે છે.
એક વધુ જોવા દો.
આ બેકબોન તરીકે ઓળખાતી ફ્રેમવર્ક માં કોડેડ આ માટે શું યાદી છે.
હું ઝડપથી પસાર કરવા જઇ રહ્યો છું.
અમે ત્યાં જવા પહેલાં હું એ HTML સાથે શરૂ કરીશું.
એક સેકન્ડ.
તમે નોટિસ તરીકે, HTML સાથે શરૂ કરી રહ્યા છીએ, અમારા HTML ખૂબ સમાન છે
તે બોલ પર પહેલા, જેથી નથી ખૂબ નવો હતો શું.
પરંતુ અમારા જેએસ ફાઈલ થોડી અલગ છે.
ના બેકબોન પ્રકારની આ વિચાર ધરાવે છે, અથવા તે વિચાર પર બનાવે છે
અમે શું ઘણો, કહે છે કે, અમારા જાવાસ્ક્રિપ્ટ પ્રોજેક્ટ
મોડલ અને આ મોડેલો સંગ્રહ વિશે વિચારો છે.
આ છે, ઉદાહરણ તરીકે, ફોટા એક ફોટો અને સંગ્રહોને હોઈ શકે
અથવા મિત્રો મિત્ર અને સંગ્રહ વિચાર.
અને ઘણી વખત નજર અમે JavaScript એપ્લિકેશન્સ પ્રોગ્રામિંગ કરી રહ્યા હો ત્યારે
મિત્રો સંગ્રહ કર્યા વિચાર પ્રતિનિધિત્વ આપણે સૉર્ટ પડશે
અચાનક જાવાસ્ક્રિપ્ટ, અને બેકબોન અમને આ સ્તર આપે છે
જાવાસ્ક્રિપ્ટ હાલનો એરેને અને ઓબ્જેક્ટો ટોચ પર
વધુ સરળતાથી સાથે વધુ શક્તિશાળી બાબતો કરવા.
>> અહીં હું એક માટે ડુ મોડેલ વ્યાખ્યાયિત કર્યું
અને જો તમે સિંટેક્સ વિશે ખૂબ ચિંતા કરવાની જરૂર નથી
પરંતુ શું આ ગુણધર્મો એક કે નોટિસ?
જો તે મૂળભૂત ક્ષેત્ર છે.
બેકબોન મને રન નોંધાયો પહેલેથી જ સ્પષ્ટ કરવા માટે પરવાનગી આપે છે
હું બનાવવા કે કરવું કોઈપણ નવા આ મૂળભૂત છે જવું છે.
હવે હું આ વૈવિધ્યપૂર્ણ, પરંતુ મૂળભૂત સ્પષ્ટ કરવા માટે છે આપની સમક્ષ કરી શકો છો
સરસ છે, અને આ જેમ કે કંઈક નથી કારણ કે તે અનુકૂળ પ્રકારની છે
જાવાસ્ક્રિપ્ટ સહજ છે, અને હવે હું નિશ્ચિતપણે જરૂર નથી
જો todos અપૂર્ણ છે કે કહે છે.
હું todos અપૂર્ણ તરીકે માર્ક કરવામાં જતા હોય છે કે જે યોગ્ય રન નોંધાયો કહી શકો છો.
પછી નોટિસ આ શું છે?
હવે હું એક માટે શું યાદી હોય છે, અને તે એક સંગ્રહ છે.
મોડેલ TODO કહે છે કે સાથે સંકળાયેલ ક્ષેત્ર નોટિસ.
આ સૂચવે છે કે બેકબોન કહેવાની મારી રીત છે
હું આ વ્યક્તિગત todos સંગ્રહ વિશે વિચારવાનો કરી જઇ રહ્યો છુ.
આ મૂળભૂત મારા કાર્યક્રમ માટે મોડેલ બંધારણ છે.
અહીં હું એક સંગ્રહ આ વિચાર છે
અને મૂળભૂત છે કે જે સંગ્રહ માં સમાયેલ વસ્તુઓ બધા, આ todos હોઈ ચાલુ છે
અને તે આ અર્થમાં ખૂબ જ સ્વાભાવિક છે
હું શું કારણ કે todos હોય છે, અને હું એક સંગ્રહમાં તેમને હોય છે.
>> માતાનો આ થોડી વધુ જોવા દો.
અહીં બેકબોન દૃશ્ય છે.
બેકબોન કહે છે કે અન્ય વસ્તુ છે કે
તમારા વિશે અથવા પણ સંગ્રહો વિચારી રહ્યાં છો કે મોડેલો ઘણો
પ્રદર્શિત કરવામાં આવી રહી છે કે અમુક રીતે જરૂર જતા હોય છે.
અમે, યાદી છું કે રેન્ડર કરવા માટે જરૂર
અમે દરેક મોડેલ માટે આપી શકે છે જો અને તે સરસ નથી
અથવા દરેક મોડલ સાથે આ દેખાવ સાંકળવા
અમને પરવાનગી આપે છે કે હું બે મળીને કનેક્ટ ધારી?
પહેલાં જ્યારે અમે મારફતે ચાલે છે કે લૂપ માટે ઉપયોગ કરવાનો હતો
દરેક અમારી યાદીમાં TODO અને પછી તે અહીં છાપશે
અમે મૂળભૂત રીતે આ મોડેલ સાથે જોડાઈ શકે છે.
આ માટે શું કરવું દૃશ્ય છે.
અમે અગાઉ મળી TODO સાથે સંકળાયેલ છે.
હવે દરેક TODO displayable અથવા renderable છે
આ દ્વારા દૃશ્ય છું.
ક્ષેત્રોમાં કેટલાક નોટિસ.
જો તમે આ ટૅગનામ છે ટૅગનામ શું વિચારો છો: li?
એક TODO રેન્ડર કરવા માટે અમે ઇચ્છતા હોય ત્યારે પહેલાં યાદ રાખો
અમે નિશ્ચિતપણે આ li ટેગ સાથે અમારી todos જોડીમાં હશે.
હવે આપણે આ TODO રહેવા જવાનું છે જ્યાં કે કહી રહ્યાં છે
એક li ટેગ અંદર હોઈ ચાલે છે.
અને હવે અમે પણ અમારા todos સાથે સાંકળી ઘટનાઓ કરી રહ્યાં છો.
>> દરેક TODO આ એક ઘટના છે.
તમે ખૂબ ખૂબ ટૉગલ કરો બટન ક્લિક કરો, તો કે, હું ત્યાં કહી રહ્યો છું શું છે
પછી મૂળભૂત રીતે તે પહેલાં હતું શું વિરોધી તરીકે TODO માર્ક
અને પછી એપ્લિકેશન ફરી રેન્ડર.
આ પહેલાં કોડ માટે સમાન પ્રકારની છે.
અમે ક્યાં વિપરીત અથવા તે ચિહ્નિત જ્યારે યાદ રાખો
અને પછી આપણે તેને ફરીથી રેન્ડર.
પરંતુ હવે તે HTML માં હતું કે કંઈક હોઈ ઉપયોગ આ ઘટના નોટિસ.
તે ત્યાં બેઠો હતો.
આ બટન પર ક્લિક કરો હતી.
તમે બટન પર ક્લિક કરો ત્યારે, તે પ્રકારની માટે સામગ્રી નથી
TODO અપૂર્ણ હોઈ તે સુયોજિત.
અહીં અમે તે ટૉગલ કરો બટન પર ક્લિક કે ઘટના સંકળાયેલ કર્યું
અને તે આ મત સાથે ચાલુ અથવા બંધ છે કે કેમ તે વિપરીત.
>> તે ખૂબ જ કડક રીતે બંધાયેલા છે કે જેથી આ ઘટના સુયોજિત એક સરસ રીત છે
આ દૃષ્ટિકોણ અને તેથી વધુ આ એક નોટિસ.
હું આ રેન્ડર પદ્ધતિ હોય છે, અને અમે વિગતો મારફતે જાઓ નથી.
તે, આપણે પહેલાં શું સમાન પ્રકારની છે
પરંતુ હું કાંઇ મારફતે નથીં રહ્યો નોટિસ.
હું બધા તત્વો છાપવા માટે જાઉં છું કહીને ઓફ સૉર્ટ કરો કે જે ઉલ ટૅગ છાપવા છું.
હું આ એક કરવું વસ્તુ અનુવાદ માટે કાર્યત્મકતા પૂરી છું.
આ કારણ કે મૂળભૂત રીતે ખૂબ જ શક્તિશાળી વિચાર છે
અમારા માટે શું યાદી આ બધા todos સમાવેશ થાય છે, અને અમે મૂળભૂત રીતે સ્પષ્ટ કરી શકો છો જો
તે todos એક રેન્ડર કરવા માટે માર્ગ
પછી અમે સે દીઠ અમારા શક્તિશાળી બેકબોન હોઈ શકે જો todos બધા રેન્ડર
વ્યક્તિગત todos પર રેન્ડર પદ્ધતિ ફોન દ્વારા.
આ અહીં ઉપયોગી છે કે ખ્યાલ છે.
હવે પૂછો એક સારો પ્રશ્ન આ એપ્લિકેશન કેવી રીતે સાથે મળીને રાખવામાં આવી રહી છે?
અમે એક TODO રેન્ડર કરવા માટે ક્ષમતા હોય છે, કારણ કે
પરંતુ કેવી રીતે અમે બહુવિધ todos ના વિચાર મેળવી શકું?
>> માતાનો કે પર એક નજર કરીએ.
આ છેલ્લા એક ભાગ છે.
અમે અહીં થી કરવું યાદી દૃશ્ય છે નોટિસ,
અને તે પણ એક દૃશ્ય નોટિસ.
અને વસ્તુઓ એક દંપતિ પર જાઓ,
આપણે પ્રથમ તો આ માટે શું યાદી બનાવવા ત્યારે આ પ્રારંભ પદ્ધતિ કહેવામાં આવશે.
તમે જોઈ શકો છો, તે માટે શું યાદી બનાવવા અને આ મત સાથે સાંકળી જેવું છે.
તમે એક ઉમેરો ત્યારે અને પછી હું મૂળભૂત રીતે અહીં કાર્યો ઉમેરવામાં આઇટમ-
આ addItem પદ્ધતિ સમાન છે અમે પહેલાં કરવત
હું એક નવા TODO પદાર્થ બનાવવાની, અને હું ખરેખર ફોન છું નોટિસ જઇ રહ્યો છું
આ નવી પદ્ધતિ TODO, તેથી આ બેકબોન દ્વારા પૂરી પાડવામાં આવે છે,
અને હું અહીં મારા ગુણધર્મો પાસ કરી શકો છો.
અને હવે હું આ ઉપયોગ કરીને બનાવેલ છે કે જે દરેક TODO અમે પહેલાં જોયું કે કાર્યક્ષમતા મળશે.
હું લખાણ બોક્સમાં બહાર સાફ છું તે પહેલાં એક નાના ઓછી વિગતવાર-નોટિસ
અને પછી હું આ સંગ્રહમાં ઉમેરીને છું.
>> આ લગભગ અલૌકિક લાગે છે કે આપણે todos.push કરવું હતું તે પહેલાં, કારણ કે
અને પછી અમે કરવામાં આવી હતી, અને આ ચોક્કસ પ્રોજેક્ટ માટે વધુ જટિલ લાગે શકે છે
અને તમે તે બેકબોન અથવા પણ કોણીય અથવા અન્ય કોઇ માળખું શોધી શકે છે
તમારા ચોક્કસ પ્રોજેક્ટ અનુકૂળ છે, પરંતુ હું તે વિશે વિચારો મહત્વપૂર્ણ લાગે છે નથી
આ શું છે તે મોટા પ્રોજેક્ટો માટે મોટા પાયા પર થાય છે,
કારણ કે અમે રજૂ કરવામાં આવી હતી જ્યાં એક મોટી પ્રોજેક્ટ હોય તો,
કેટલાક ખરેખર જટિલ સંગ્રહ છે, માત્ર માટે શું યાદી કરતાં વધુ ઊંડા કંઈક,
ના મિત્રો યાદી છે કે જે કંઈક કહે દો, આ હાથમાં આવે શકે છે
કારણ કે અમે એક ખરેખર અનુકૂળ રીતે અમારી કોડ આયોજન કરી શકે છે
બીજા કોઇની માટે સરળ બનાવે છે કે જે રીતે
જે પર બિલ્ડ કરવા માટે એક પ્રોજેક્ટ પસંદ કરવા માગતા હતા.
તમે આ માળખું ઘણો પૂરી પાડે છે કે જે જોઈ શકે છે.
અને પછી હું આ addItem પર રેન્ડર ફોન છું.
તમે જોઈ શકો છો, રેન્ડર કરે છે, અને તમે આ સંપૂર્ણ સિન્ટેક્સ પકડ નથી,
પરંતુ મૂળભૂત રીતે દરેક મોડેલ માટે તે વ્યક્તિગત રેન્ડર પદ્ધતિ કૉલ બનશે.
આ પરથી આવે છે કે પ્રકારની છે.
માત્ર વ્યક્તિગત todos રેન્ડર કરવા માટે કેવી રીતે સ્પષ્ટ ચાલો,
અને પછી સમગ્ર મળીને ગુંદર તેમને માતાનો દો.
પરંતુ આ તાત્વિક રીતે પૂરી પાડે છે
હું વ્યક્તિગત todos રેન્ડર કરવા માટે નક્કી રીતે બદલી શકે છે, કારણ કે
અને હું આ કોડ કોઇ ફેરફાર ન હોત.
તે પ્રકારની ઠંડી છે.
>> કોઇ જાવાસ્ક્રિપ્ટ માળખા વિશે કોઇ પ્રશ્નો હોય છે?
[વિદ્યાર્થી અશ્રાવ્ય પ્રશ્ન]
ઓહ, ખાતરી કરો કે, એક મહાન પ્રશ્ન છે.
આ પ્રશ્ન કેવી રીતે હું માળખા સમાવેશ થાય છે નહોતી હતો?
સૌથી વધુ જાવાસ્ક્રિપ્ટ માળખા મૂળભૂત રીતે માત્ર JS ફાઈલો છે
તમે તમારો કોડ ટોચ પર સમાવેશ કરી શકે છે.
હું આ બધા સ્ક્રિપ્ટ ટૅગ્સ છે મારા HTML ની ​​વડા ભાગમાં સૂચના,
અને અંતિમ સ્ક્રિપ્ટ ટૅગ અમે લખેલા કરેલો કોડ છે.
અને પછી 3 ફ્રેમવર્ક કોડ માત્ર પણ સ્ક્રિપ્ટ ટૅગ્સ છે.
હું એક CDN કહેવાય છે તે તેમને સમાવેશ કરી રહ્યો છું
જે મને આ બિંદુએ અન્ય કોઇની તે વિચાર કરવા માટે પરવાનગી આપે
પરંતુ દરેક ફ્રેમવર્ક આ, તમે ખૂબ ખૂબ સામગ્રી શોધી શકો છો છે
કે જેવા કેટલાક CDN અથવા કંઈક પર ઉપલબ્ધ ચોક્કસ જાવાસ્ક્રિપ્ટ ગ્રંથાલય માટે,
અને પછી તમે આ સ્ક્રિપ્ટને ટૅગ્સ સમાવેશ થાય છે.
તે અર્થમાં બનાવવા નથી?
સરસ.
>> તે 2 અલગ અલગ અભિગમ છે.
તે આ સમસ્યા ઉકેલવા માટે માત્ર એક જ અભિગમ નથી.
ઘણા અલગ વસ્તુઓ છે કે જે
કોઇની કરી શકે છે, અને ઘણા માળખા બહાર ત્યાં હોય છે.
કોણીય અને બેકબોન સમગ્ર વાર્તા કહી નથી.
તમારી અંતિમ પ્રોજેક્ટ સાથે નસીબ સારા છે, અને ખૂબ આભાર.
[CS50.TV]