Javascript-ով սկսելու որոշ հիմնական բաներ

Ներածություն Javascript-ին.

Javascript(«JS» կարճ) սկրիպտային լեզու է, որը սովորաբար օգտագործվում է վեբ բրաուզերների ներսում ինտերակտիվ էֆեկտներ ստեղծելու համար: Այն ի սկզբանե մշակվել է Netscape-ի կողմից՝ որպես կայքերում դինամիկ և ինտերակտիվ տարրեր ավելացնելու միջոց: JS-ն օգտագործվում է ինչպես հաճախորդի, այնպես էլ սերվերի կողմից՝ մեր վեբ էջերը արդյունավետ և ինտերակտիվ դարձնելու համար: Այնտեղ, որտեղ HTML-ը և CSS-ը վեբ էջի կառուցվածքն ու ոճն են, ապա Javascript-ն այն տրամաբանությունն է, որը ստեղծում է դինամիկ և ինտերակտիվ փորձ օգտվողի համար:

Javascript-ը հիմնականում շատ բազմակողմանի և սկսնակների համար հարմար լեզու է: Ավելի շատ փորձի և փորձի շնորհիվ դուք շուտով կկարողանաք ստեղծել խաղեր, անիմացիոն 2D և 3D գրաֆիկա, տվյալների բազայի վրա հիմնված համապարփակ հավելվածներ և շատ ավելին:

— Դուք կարող եք Javascript-ը ավելացնել HTML-ին հետևյալ մեթոդներով.

  1. Javascript ‹գլխում›
  2. Javascript ‹body›-ում
  3. Արտաքին Javascript

JS binկոմպիլյատորը լավագույնն է առցանց պրակտիկայի համար: Հետևեք ստորև նշված հղմանը և սկսեք կիրառել Javascript-ը:

http://jsbin.com

→ Javascript ‹head›-ում՝

Այս տեսակի մեջ Javascript-ն ավելացվում է HTML ֆայլի գլխում:

moreInfo() ֆունկցիան կանչվում է, երբ սեղմվում է կոճակը:

Նախքան Լրացուցիչ տեղեկություններ կոճակը սեղմելը թողարկեք.

Արդյունք Լրացուցիչ տեղեկություններ կոճակը սեղմելուց հետո. ընտրված պարբերությունը Javascript-ն օգտագործելուց հետո ավելացվում է ներածական էջում:

→ Javascript-ը ‹body›-ում՝

Այս տեսակի մեջ Javascript-ն ավելացվում է HTML ֆայլի մարմնում:

Արդյունք, նախքան «Լրացուցիչ տեղեկություններ» կոճակը սեղմելը.

Արդյունք «Լրացուցիչ տեղեկություններ» կոճակը սեղմելուց հետո.

→ Արտաքին Javascript.

Այս տեսակի մեջ մենք ստեղծում ենք արտաքին javascript ֆայլ (.js ընդլայնում ) և այն կապում ենք HTML փաստաթղթի հետ ‹head›-ում՝ օգտագործելով կոդի հետևյալ տողը: src հատկանիշում մենք կգրենք մեր .js ֆայլի անունը։

‹script src=””›‹/script›

Արդյունք, նախքան «Լրացուցիչ տեղեկություններ» կոճակը սեղմելը.

Արդյունք «Լրացուցիչ տեղեկություններ» կոճակը սեղմելուց հետո.

Կոդը կարող եք գտնել հետևյալ հղումով՝



toubaijaz19/addTextUsingJavascript
Նպաստեք toubaijaz19/addTextUsingJavascript-ի զարգացմանը՝ ստեղծելով հաշիվ GitHub-ում:github.com



Nodejs-ի տեղադրում.

Նախ, տեղադրեք nodejs ձեր համակարգում՝ օգտագործելով ստորև նշված հղումը:

https://nodejs.org/en/download/

Javascript-ում console.log() ֆունկցիան օգտագործվում է ցանկացած տեսակի սահմանված փոփոխական կամ հաղորդագրություն տպելու համար, որը պետք է ցուցադրվի օգտագործողին:

Փոփոխականներ —Փոփոխականը արժեքի կոնտեյներ է, որը մենք կարող ենք օգտագործել նախադասության մեջ կամ հաշվարկում: Մենք սահմանում ենք փոփոխականներ՝ օգտագործելով 3 հիմնաբառ

  1. var → var հիմնաբառը JavaScript փոփոխականը հայտարարելու միակ միջոցն էր մինչև 2015 թվականը:
  2. թող→ թող հիմնաբառը օգտագործվի սահմանափակ շրջանակով փոփոխականներ սահմանելու համար:
  3. const→ const հիմնաբառը սահմանում է փոփոխականներ, որոնք չեն կարող վերանշանակվել:

Տվյալների տիպեր —Javascript-ը հիմնականում ունի 2 տվյալների տեսակ

  1. Պարզունակ տվյալների տիպեր → թիվ, տող, բուլյան
  2. Ոչ պարզունակ տվյալների տիպեր → օբյեկտ, զանգված, ֆունկցիա

Թիվ. Համարը պարզունակ տվյալների տեսակ է: Javascript-ում յուրաքանչյուր թիվ՝ լինի դա ամբողջ, թե լողացող, համարվում է թիվ տվյալների տեսակ: typeof ֆունկցիան ցույց է տալիս փոփոխականի տվյալների տեսակը։

Տող. Տողը պարզունակ տվյալների տեսակ է: Այն նիշերի հավաքածու է, որը կարող է պարունակել նաև բացատներ և թվեր: Javascript-ում մենք կարող ենք սկզբնավորել տողը 3 եղանակով

  1. Մեկ մեջբերված տող → մենք օգտագործում ենք մեկ չակերտներ տողի սկզբնավորման համար:
  2. Կրկնակի մեջբերված տող → մենք օգտագործում ենք կրկնակի չակերտներ տողի սկզբնավորման համար:
  3. Կաղապարի տառերը→ Կաղապարի տառերը կցվում են հետին նշանով (``): Դրանք նշվում են դոլարի նշանով և գանգուր փակագծերով (${expression}):

Բուլյան. Դա պարզունակ տվյալների տեսակ է: Բուլյան տվյալների տեսակը մի տեսակ է, որն ունի ճիշտ կամ կեղծ արժեք:

Օբյեկտ.օբյեկտը հատկությունների հավաքածու է, իսկ հատկությունը կապ է անվան (կամ բանալի) և արժեքի միջև: Գույքի արժեքը կարող է լինել փոփոխական կամ ֆունկցիա, որը հայտնի է որպես մեթոդներ: Գանգուր փակագծերը {} օգտագործվում են օբյեկտների տարրեր պարունակելու համար:

Զանգված. Զանգվածը հիմնականում կոնտեյներ է, որը պարունակում է բազմաթիվ տարրեր, տարրերը կարող են լինել նույն տվյալների տիպի կամ տարբեր տվյալների տիպի: Javascript-ում մենք կարող ենք թվարկել տարբեր տվյալների տիպի փոփոխականներ մեկ զանգվածի մեջ: Զանգվածը ոչ պարզունակ տվյալների տեսակ է, իսկ ցանկացած ոչ պարզունակ տվյալների տեսակ՝ օբյեկտ: Քառակուսի փակագծերը [] օգտագործվում են զանգվածի տարրեր պարունակելու համար:

Practice.js կոդը կարող եք գտնել ստորև նշված հղումից.

https://github.com/toubaijaz19/javascriptBasicsPractice