Դաս 21: Առաջադեմ API-ներ

0

Այս դասընթացի ընթացքում կդիտարկենք API-ներ (և JavaScript):

 HTML5 և JavaScript

HTML5 հնարավորություն է տալիս ներառել առաջադեմ առանձնահատկություններ և փոխազդեցությունների միջոցով ավելացնել որոշ հետաքրքիր հատկություններ Ձեր կայքին։

Խնդիրն այն է, որ նրանցից ոչ մեկը մաքուր HTML5-ի կոդ չէ: Բոլորն էլ պահանջում են HTML-ի և JavaScript-ի համադրություն, որը ավելի առաջադեմ կոդավորման լեզու է:

HTML-ը, CSS-ը և JavaScript-ը հաճախ օգտագործվում և աշխատում են միասին հրաշալի համակարգված կայք ստանալու համար։ Այժմ, երբ դուք պատկերացում ունեք HTML-ից շատ ավելի հեշտ է կլինի սովորել JavaScript-ը:

Այնպես որ, եկեք սովորենք JavaScript-ի հիմունքները։ Ավելի մանրամսը կիմանաք, երբ սկսեք ընթերցել JavaScript-ի դասընթացը։ Սակայն այժմ խոսենք միայն անհրաժեշտ հիմունքներից:

JavaScript։ Ներածություն

JavaScript-ի functions -ը JavaScript-ի ողնաշարն է։ Այն կապում է HTML-ի տարրերը միմյանց հետ և, ըստ էության, գործի դնում դրանք։ Function-ը ունի հետևյալ տեսքը՝

function functionName()

 Function-ը (ֆունկցիան) միշտ ունի իրեն հաջորդող կոդ, որը սահմանում է, թե ինչ գործողություններ պետք է տեղի ունենա: Կոդը գտնվում է այս { } փակագծերի միջև և սովորաբար ավարտվում է ստորակետով:

Function-ը միշտ հայտնվում է <script> տարրերի ներսում։  <script> տարրերը տեղադրվում են <head>-ում կամ անմիջապես </ body> տարրից առաջ: Եթե ունեք շատ JavaScript մեկ էջում, անհրաժեշտ է հնրավորինս նվազեցնել, քանի որ այն ազդում է Ձեր էջի բեռնման արագության վրա: Այժմ, դուք կարող եք պարզապես տեղադրել դրանք <head> տարրում։

Ամբողջական JavaScript-ի script-ը կունենա հետևյալ տեսքը՝

       <head>

          <script>

            function functionName()

           {

            some code;

           }

         </script>

       </head>

HTML-ում անվանում եք Ձեր script-ը՝ ավելացնելով անունը և տալով տարրին գործողություն։ Այդ գործողությունները կարող են լինել, օրինակ, onclick կամ onhover, ինչ որ  իրադարձություն(event), երբ տեղի է ունենում որևէ գործողություն։ Կան մի շարք այլ գործառույթներ, որոնք պետք է սովորել JavaScript-ը ուսումնասիրելիս։

Calling a script

                <button onclick=”functionName()”>Go!</button>

JavaScript-ը կարող է իրագործել տարբեր գործողություններ, բայց առավել կարևոր է, օգտագործել որոշակի տրամաբանություն, որ ասում է «եթե … ապա … ուրիշ բան»՝ այսպես կոչված If, then, else: Այնպես որ, եթե բրաուզերը աջակցում է geolocation-ը, ապա ցույց տվեք կոորդինատները։ Հակառակ դեպքում՝ error message։

If, then, else –ի  օրինակ

if (navigator.geolocation) {

          navigator.geolocation.getCurrentPosition(showPosition);

          }

        else

         {

          x.innerHTML=”Geolocation is not supported by this browser.”;

          }

Ահա այն ամենը ինչ բավարար է իմանալ Javascript-ի մասին այժմ։ Հաջորդ դասի ընթացքում սերտորեն կուսումնասիրենք geolocation-ը՝ աշխարհագրական դիրքը:

Հարգելի ընթերցող, խնդրում ենք չմոռանալ like տալ մեր ֆեյսբուքյան էջին, քանի որ նորությունների մեծ մասը առաջինը տեղադրվում է հենց այնտեղ։ Ինչպես նաև հետևեք մեզ այլ սոցիալական ցանցերում և, իհարկե, գրանցվեք մեր բլոգում։

Share.