Professional Documents
Culture Documents
Ուղեցույց-գրքույկի մասին
2
JavaScript-ի մասին
ընդհանուր տեղեկություն
3
Կոդի խմբագրիչներ(code
editors)
• Ի՞նչ է code editor-ը
Սա այն վայրն է, որտեղ ծրագրավորողներն
անցկացնում են իրենց ժամանակի մեծ մասը 😊։
Այն նախատեսված է կոդը գրելու համար։
Տարածված code editor-ներից է IDE-ը։ Այն
հնարավորություն է տալիս ֆայլեր ներբեռնել,
իրականցնել ավտոլրացում(autofill)։ Տարածված
տեսակներից են՝
• Visual Studio Code(անվճար)
• WebStorm(վճարովի)
Windows-ի համար նախատեսված է նաև
Visual Studion, որը պետք չէ շփոթել Visual Studio
Code-ի հետ, քանի որ այն վճարովի է։
Visual Studio Code-ը, լինելով անվճար
editor, մեզ ընձեռում է լայն
հնարավորություններ՝ հատկապես վեբ-էջերի
պատրաստման համար, որն էլ մենք
ուսումնասիրելու ենք։
Հետևաբար խորհուրդ է տրվում
համակարգչի վրա ներբեռնել հենց այս editor-ը՝
լեզուն սովորելու և օգտագործելու համար։
4
Պարզ կոդի փորձարկումը
JavaScript-ում(Hello, word)
• Շնորհիվ իր ֆունկցիոնալության՝
JavaScriptը կարող է «ներդերվել» տարբեր
ծրագրավորման լեզուների մեջ՝ օրինակ HTML-
ում՝ օգտագործելով <script> tag-ը։ Պարզագույն
կոդերից մեկն է հայտարարությունը(alert
հրամանով)։ Բուն կոդը կունենա հետևյալ
տեսքը՝
<script>
alert( 'Hello, world!' );
</script>
5
Կոդի կառուցվածքը
JavaScript-ում(code structure)
Ինչպես արդեն գիտենք՝ JavaScript-ում կոդերն ունեն
հստակ կառուցվածք։ Ծանոթանանք դրանցից մի քանիսին։
• Հայտարարություններ(statements)
Մենք արդեն փորձարկել ենք հայտարարություններից
մեկը՝ “Hello, world!”։ Մենք կարող ենք նաև կոդը բաժանել
մի քանի մասի։ Օրինակ՝
alert('Hello'); alert('World');
Եթե 1ին դեպքում վեբ-էջում բացվում էր պատուհան որտեղ
գրված էր՝ Hello, world!, այս դեպքում մեզ կգան առաձին
հաղորդագրություններ՝ Hello և world:
• Ստորակետեր
Ստորակետները անբաժան մասն են այս ծրագրավորման
լեզվի։ Սակայն շատ հաճախ կարող ենք բաց թողնել
ստորակետները, երբ նոր տող ենք անցնում։ Սակայն այն
կարող է միշտ չաշխատել, հետևաբար ստորակետեր դնելը
միշտ էլ ցանկալի է։
• Մեկնաբանություններ
Ինչքան փորձառու է ծրագրավորողը, այնքան բարդ են իր
կոդերը։ Շատ հաճախ կարիք է լինում մեկնաբանել մեր
կոդերը՝ հասկանալու համար, թե որ կոդը ինչ է անում և
ինչի համար է նախատեսված։ Մեկնանաբանությունները
չեն խանգարում կոդի տեսքին, ֆունկցիաների, ուղղակի
պետք է այն օգտագործել ճիշտ կառուցվածքով։
Մեկնաբանությունները սկսվում են 2 կոտորակով՝ //
6
Փոփոխականները
JavaScript-ում(Variables)
• JavaScript-ում փոփոխականները այսպես կոչված
կոնտեյներներ են, որտեղ կարող ենք տեղեկատվություն
պահպանել։
• Փոփոխականների անունները պետք է սկսվեն տառով։
• Կարևոր է մեծատառը և փոքրատառը(X-ը և x-ը տարբեր
փոփոխականներ են)
Օրինակ՝
Եթե մեր փոփոխականների միջի տեղեկատվությունը
պետք է պարբերաբար փոխարինենք, սակայն դրանցով
գործողությունը մնա նույնը, ապա օգտագործում ենք
փոփոխականներ։ Փոփոխականները հարմար են հետևյալ
կոդի համար՝
<script> Այս դեպքում կստանանք z-ի
let x=5 արժեքը, այսինքն 6+5=11, սակայն
let y=6 կարող ենք x և y փոփոխականների
let z=x+y արժեքները փոխարինել և ստանալ
alert(z); նոր տվյալ
</script>
9
Մարդ-համակարգիչ շփման
ֆունկցիաները JavaScript-ում
(Interactions)
•Alert` այս ֆունկցիան արդեն փորձարկել ենք։ Այն ցույց
է տալիս հաղորդագրություն և ակնկալում է ok
պատասխանը։
Օրինակ՝ alert(“Hello”);
• Մաթեմատիկական գործողություններ
փոփոխականներով՝
let n = 2;
n += 5; // n = 7
n *= 2; // n = 14
alert( n ); // 14
12
Համեմատումները
JavaScript-ում(Comparisons)
Դրանք JavaScript-ում լինում են հետևյալ կերպ՝
• a>b, a<b, մեծ/փոքր
• a>=b, a<=b, մեծ կամ հավասար/փոքր կամ հավասար
• a==b հավասար, քանի որ = վերագրումն է
• a!=b, հավասար չէ
Այս ամենի արդյունքը Boolean-ն է լինում՝ true/false
Օրինակ՝ alert( 2 > 1 ); // true
alert( 2 == 1 ); // false
alert( 2 != 1 ); // true
2 string-ների համեմատում
• Եթե համեմատում ենք բառեր, ապա JavaScript-ն այն
համեմատում է տառ առ տառ՝ ըստ այբբենական
հաջորդականության։
Օրինակ՝ alert( 'Z' > 'A' ); // true
alert( 'Glow' > 'Glee' ); // true
alert( 'Bee' > 'Be' ); // true
13
Պայմանի ստուգումը
JavaScript-ում(If…)
Պայմանի ստուգումը մեզ հնարավորություն է տալիս
երկխոսական պատուհանի միջոցով տալ հարցը և
համապատասխան պատասխանի դեպքում կատարել
համապատասխան գործողություն։ Օրինակ տալիս ենք հարցը In
which year was the ECMAScript-2015 specification published?։ Ճիշտ
պատասխանն է 2015։ Եթե մուտքագրվում է 2015, ապա ցանկանում
ենք ստանալ You guessed it right!: Ուրիշ այլ արժեքների դեպքում՝
'How can you be so wrong?' հաղորդագրությունը։
Կոդը կունենա հետևյալ տեսքը՝
let year = prompt('In which year was the ECMAScript-2015 specification
published?', '');
if (year == 2015) {
alert( 'You guessed it right!' );
} else {
alert( 'How can you be so wrong?' )
Օրինակ՝ let i = 0;
while (i < 3) { // ցույց կտա 0, հետո 1, հետո 2
alert( i );
i++;
}
Ժամացույց
Քուիզ
Հաշվիչ
17
Վստահելի աղբյուրներ և
առաջադրանքներ
• JavaScript.info
• Developer.mozilla,org
• W3schools
18
Բովանդակություն
Ուղեցույց-գրքույկի մասին------------------------------2
Ընդհանուր տեղեկություն-------------------------------3
Code editors------------------------------------------------4
Hello, word!------------------------------------------------5
Code structure---------------------------------------------6
Variables---------------------------------------------------7
Data types--------------------------------------------------8
Interactions-----------------------------------------------10
Basic operators--------------------------------------------11
Number---String-----------------------------------------12
Comparisons----------------------------------------------13
If----------------------------------------------------------14
Logical operators-----------------------------------------15
Ծրագրեր-------------------------------------------------17
Վստահելի աղբյուրներ---------------------------------18
19
Լիլիա Գրիգորյան
JavaScript ծրագրավորման
լեզու սովորելու ուղեցույց-
գրքույկ
/հիմունքներ/
Տպաքանակը՝ 5
2023
20