સૈદ્ધાંતિક રીતે, દરેક વેબસાઇટ 3 તકનીકોના આધારે બનાવવામાં આવે છે; એચટીએમએલ, સીએસએસ અને જાવાસ્ક્રિપ્ટ. એચટીએમએલ સાઇટના જુદા જુદા ઘટક ભાગોના ક્રમમાં, આ ભાગોને જે રીતે પ્રસ્તુત કરવામાં આવે છે તેની સાથે સીએસએસ અને સોદા કરે છે જાવાસ્ક્રિપ્ટ જટિલ ક્રિયાઓ જેમ કે વપરાશકર્તા ક્રિયાઓની પ્રતિક્રિયા.
En અગાઉના લેખ અમે સમજાવ્યું હતું કે તે સીએસએસ ફ્રેમવર્ક છે અને અમે લિનક્સમાં ઉપયોગ કરી શકીએ તેવા શ્રેષ્ઠની સૂચિ આપી છે. કેવી રીતે જાવાસ્ક્રિપ્ટની ભૂમિકા સમજાવવા માટે થોડી વધુ મુશ્કેલ છે, અમે તેના માળખા પર ટિપ્પણી કરવા પહેલાં, અમે આ વિષયની એક નાની રજૂઆત કરીશું.
જાવાસ્ક્રિપ્ટ પ્રોગ્રામિંગ ભાષા. થોડી પરિચય
જાવાસ્ક્રિપ્ટ શું છે?
જાવાસ્ક્રિપ્ટ છે મૂળભૂત રીતે વેબ પૃષ્ઠોને સ્થિર થવાનું બંધ કરવા માટે બનાવેલી પ્રોગ્રામિંગ ભાષા, જોકે આજે તેનો ઉપયોગ એવા સેક્ટરમાં ફેલાયો છે જેનો વેબ સાથે કોઈ લેવાદેવા નથી.
Lજાવાસ્ક્રિપ્ટમાં લખાયેલા પ્રોગ્રામોને સ્ક્રિપ્ટ્સ કહેવામાં આવે છે અને તેઓ જાવાસ્ક્રિપ્ટ એન્જિન તરીકે ઓળખાતા વર્ચુઅલ મશીનની અંદર ચાલે છે.
બધા આધુનિક બ્રાઉઝર્સમાં જાવાસ્ક્રિપ્ટ એન્જિનનું તેમનું સંસ્કરણ શામેલ છે
વપરાશકર્તાઓની સલામતી માટે, જુદા જુદા બ્રાઉઝર્સ જાવાસ્ક્રિપ્ટ કોડ શું કરી શકે છે તેની મર્યાદા મૂકે છે. ઉદાહરણ તરીકે, ડિસ્ક પર જટિલ ફાઇલોની .ક્સેસ. જો કે, આ દરેકના રૂપરેખાંકન વિકલ્પોમાં વધુ મર્યાદિત હોઈ શકે છે.
વેબ પૃષ્ઠમાં જાવાસ્ક્રિપ્ટ કોડનું સંચાલન નીચે મુજબ છે:
- બ્રાઉઝરમાં એમ્બેડ કરેલું જાવાસ્ક્રિપ્ટ એન્જિન, કોડ વાંચે છે.
- કોડ મશીન ભાષામાં રૂપાંતરિત થાય છે.
- મશીન કોડ ચલાવે છે.
પ્રોગ્રામિંગ ભાષા હોવાથી, જાવાસ્ક્રિપ્ટ આ જેવા કાર્યો કરી શકે છે:
- ચલોની અંદર માહિતી સ્ટોર કરો.
- ટેક્સ્ટ શબ્દમાળાઓ હેન્ડલ કરો.
- કોઈ લિંકને ક્લિક કરવા જેવી ઘટનાઓને પ્રતિસાદ આપતા પ્રોગ્રામો ચલાવો.
જાવાસ્ક્રિપ્ટ ક્ષમતાઓ વધે છે એપ્લિકેશન પ્રોગ્રામિંગ ઇંટરફેસ (API) ના ઉપયોગ દ્વારા
એપીઆઇ છે વિશિષ્ટ કાર્યો માટે બનાવેલ પ્રોગ્રામ પુસ્તકાલયો જે વિકાસકર્તાને હાલના કોડને ફરીથી લખવા માટે મુક્ત કરે છે. જાવાસ્ક્રિપ્ટના કિસ્સામાં આપણે બે પ્રકારના એપીઆઈએસ વિશે વાત કરી શકીએ છીએ
બ્રાઉઝર એપી
તેઓ બ્રાઉઝરની અંદર ચાલે છે અને પર્યાવરણને પ્રતિક્રિયા આપે છે. અમારી પાસે, ઉદાહરણ તરીકે:
દસ્તાવેજ jectબ્જેક્ટ મોડેલ (DOM): તે ચોક્કસ ઇવેન્ટ્સના જવાબમાં પૃષ્ઠના HTML અને CSS કોડમાં ફેરફાર કરવાનું શક્ય બનાવે છે. આ વેબસાઇટ્સનો કેસ છે જે અમને જુદા જુદા ઉપકરણો પર પૃષ્ઠ કેવી રીતે દેખાશે તે જોવાની મંજૂરી આપે છે.
ભૌગોલિક સ્થાન APIએક: તેનો ઉપયોગ વપરાશકર્તાના સ્થાનને શોધવા અને તે મુજબ પ્રતિસાદ આપવા માટે થાય છે. ઉદાહરણ તરીકે, નેટફ્લિક્સ દ્વારા તમે તમારા દેશમાં અથવા Google નકશામાં તમે કઇ સામગ્રી જોઈ શકો છો તે બતાવવા તમે ક્યાં છો તે જાણવા માટે તેનો ઉપયોગ કરવામાં આવે છે.
કેનવાસ અને વેબજીએલ: તેઓ 2 ડી અને 3 ડી ગ્રાફિક્સ કાવતરું કરવા માટે આદર્શ છે
મલ્ટિમીડિયા API: તેઓ વેબ પૃષ્ઠથી મલ્ટિમીડિયા સામગ્રીના ટ્રાન્સમિશન અને સ્વાગતની મંજૂરી આપે છે.
તૃતીય-પક્ષ API
જુદી જુદી વેબ સેવાઓ વધુ વપરાશકર્તાઓ મેળવવાનો પ્રયાસ કરે છે (અને કેટલાક કિસ્સાઓમાં તે વપરાશકર્તાઓની વધુ માહિતી તેને વેચવા માટે કરે છે) તેથી જ પ્રોગ્રામિંગ ઇંટરફેસ બનાવો જેથી વિકાસકર્તાઓ વિધેયોને એકીકૃત કરી શકે કે આ સેવાઓ બાહ્ય સાઇટ્સને પ્રદાન કરે છે. આ ઉદાહરણ તરીકે તે વેબ પૃષ્ઠોનો કેસ છે જે તમને તમારા Google અથવા ફેસબુક એકાઉન્ટ સાથે નોંધણી કરવાની મંજૂરી આપે છે.
જાવાસ્ક્રિપ્ટ કોડ વેબસાઇટમાં કેવી રીતે કાર્ય કરે છે
સૌ પ્રથમ, તે સ્પષ્ટ કરવું આવશ્યક છે દરેક જાવાસ્ક્રિપ્ટ સ્ક્રિપ્ટ તેના પોતાના રનટાઈમ વાતાવરણમાં ચાલે છે. દરેક ટેબ માટે એક્ઝેક્યુશન વાતાવરણ છે (જો આપણે એક જ વિંડોની અંદર જુદી જુદી સાઇટ્સ ખોલીએ તો) અથવા જો આપણે પસંદ કરીએ તો વિવિધ વિંડોઝ માટે. કોઈ પણ સંજોગોમાં તેઓ એકબીજા સાથે સંકળાયેલા નથી અથવા, જેમ આપણે કહ્યું છે, વપરાશકર્તાની સક્રિય હસ્તક્ષેપ વિના systemપરેટિંગ સિસ્ટમ સાથે.
પ્રથમ એસઅને વેબ પૃષ્ઠનો HTML કોડ લોડ કરે છે અને દસ્તાવેજનું objectબ્જેક્ટ મોડેલ બનાવવામાં આવ્યું છે જેથી તે બ્રાઉઝરમાં પ્રદર્શિત થઈ શકે. જોડવાની વસ્તુઓ પછી લોડ થાય છે પૃષ્ઠ પર મીડિયા, છબીઓ અને શૈલી શીટ્સ તરીકે. અંતે, શૈલીઓ પૃષ્ઠના જુદા જુદા ભાગોને સોંપી છે શૈલી શીટ દ્વારા નક્કી થયેલ છે.
એકવાર આ બધું સમાપ્ત થઈ જાય, તે પછી જ જાવાસ્ક્રિપ્ટ એન્જિન શરૂ થાય છે ઉપર જણાવેલ ક્રમ બાદ.
અમારા આગલા લેખમાં આપણે જાવાસ્ક્રિપ્ટ માટેના ફ્રેમવર્કની વચન આપેલ સૂચિ સાથે જઈએ છીએ.