Lesson 1-JavaScript from A to Z

0
219
Courses - Development - Front-End - JavaScript from A to Z

JavaScript-ի մասին

JavaScript, ինտերպրետացվող ծրագրավորման լեզու։ Այն համացանցում ամենահանրահայտ սկրիպտային լեզուն է և աշխատում է բոլոր հանրահայտ բրաուզերներում, որոնց թվում են Ինտերնետ Էքսպլորեր, Mozilla Firefox, Google Chrome, Օպերա և Սաֆարի։
Այս լեզուն առաջին անգամ կիրառվել է Netscape Communications-ի կողմից Netscape Navigator 2 beta (1995) բրաուզերում։ ՋավաՍկրիպտ լեզուն ստեղծվել է Բրենդան Այկի կողմից 1995 թվականին։
Նախքան Բրենդան Այկի ներգրավումը Netscape ընկերություն (1995 թվականի ապրիլի 4), խնդիր էր դրված ընդլայնել ծրագրավորման սխեման՝ Scheme կամ Netscape զննարկիչում փոփոխության ենթարկել որոշ կարևորագույն տարրեր։ Քանի-որ պահանջը դրված էր խիստ նպատակային, Էյխային ներգրավեցին ընկերություն, որպես սերվերային նյութերի պատասխանատու։ Նա այս աշխատանքը կատարեց շուրջ մեկ ամիս, զբաղվեց HTTP-ի պրոտոկոլի բարելավման աշխատանքներով։ Այստեղ նա ծավալեց նաև նոր ծրագրավորման աշխատանքներ։ Մայիսի 8-ին ծրագրավորողը ետ վերադարձավ, զբաղվելով հաճախորդների սպասարկման աշխատանքներով (զննարկիչում), որտեղ էլ սկսեց վաստակել նոր ծրագրավորման լեզվի առաջխաղացման հաշվին։ Բացի Թոմ Պակինայից (Tom Paquin), Պիկա Շելլան (Rick Schell) ևս համոզված էր, որ Netscape-ը պետք է աջակցի ծրագրավորման լեզվին, որը գրված է HTML կոդով։

Ի՞նչ է JavaScript-ը

  • JavaScript-ը աշխարհի ամենատարածված ծրագրավորման լեզուն է:
  • JavaScript-ը ծրագրավորման լեզուն է՝ նախատեսված web-ի համար:
  • JavaScript-ը հեշտ է սովորել:

Ինչու՞ սովորել JavaScript

JavaScript– ը այն 3 լեզուներից մեկն է, որը պետք է բոլոր վեբ ծրագրավորողներին.

  1. HTML՝ վեբ էջերի կառուցվածքը սահմանելու համար
  2. CSS՝ վեբ էջերի style-ը նկարագրելու համար
  3. JavaScript՝ վեբ էջերի դինամիկան ապահովելու համար

JavaScript-ը աշխատում է browser-ում, համակարգչում, պլանշետում և հեռախոսում:
JavaScript-ը անվճար է օգտագործման համար:
Լավ ծրագրավորող դառնալու միակ ձևը հետևյալն է. Պրակտիկա: Պրակտիկա: Պրակտիկա:

JavaScript-ը կարող է փոխել HTML էջի բովանդակությունը

JavaScript-ի HTML-ի հետ աշխատելու բազմաթիվ մեթոդներից մեկն է getElementById():
Գտնենք HTML id=”demo”-ով էլեմենտը և փոխենք էլեմենտի content-ը (innerHTML), դարձնելով այն “Hello JavaScript”

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Էջի վերնագիր</title>
    </head>
    <body>
        <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
        <p id="demo">JavaScript-ը կարող է փոխել HTML էջի բովանդակությունը</p>
        <button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Click Me</button>
    </body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Էջի վերնագիր</title>
    </head>
    <body>
        <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
        <p id="demo">JavaScript-ը կարող է փոխել HTML էջի բովանդակությունը</p>
        <button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Click Me</button>
    </body>
</html>

JavaScript-ը կարող է փոխել HTML էլէմենտի attribute-ի value-ն

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Էջի վերնագիր</title>
    </head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p>JavaScript-ը կարող է փոխել HTML էլէմենտի attribute-ի value-ն</p>
    <button onclick="document.getElementById('myImage').src='img/pic_bulbon.gif'">Միացնել լույսը</button>
    <img alt="My Image" id="myImage" src="img/pic_bulboff.gif" style="width:100px">
    <button onclick="document.getElementById('myImage').src='img/pic_bulboff.gif'">Անջատել լույսը</button>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Էջի վերնագիր</title>
    </head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p>JavaScript-ը կարող է փոխել HTML էլէմենտի attribute-ի value-ն</p>
    <button onclick="document.getElementById('myImage').src='img/pic_bulbon.gif'">Միացնել լույսը</button>
    <img alt="My Image" id="myImage" src="img/pic_bulboff.gif" style="width:100px">
    <button onclick="document.getElementById('myImage').src='img/pic_bulboff.gif'">Անջատել լույսը</button>
</body>
</html>

Փոխենք img էլէեմէնտի src attributevalue

JavaScript-ը կարող է փոխել HTML էլէեմէնտի style-ը

Գտնենք HTML id=”demo”-ով էլեմենտը և փոխենք տեքստի տառաչափը

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Էջի վերնագիր</title>
</head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p id="demo">JavaScript-ը կարող է փոխել HTML էլէեմէնտի style-ը</p>
    <button type="button" onclick="document.getElementById('demo').style.fontSize='40px'">Click Me</button>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Էջի վերնագիր</title>
</head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p id="demo">JavaScript-ը կարող է փոխել HTML էլէեմէնտի style-ը</p>
    <button type="button" onclick="document.getElementById('demo').style.fontSize='40px'">Click Me</button>
</body>
</html>

JavaScript-ը կարող է թաքցնել HTML էլէմէենտները

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Էջի վերնագիր</title>
    </head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p id="demo">JavaScript-ը կարող է թաքցնել HTML էլէմէենտները</p>
    <button type="button" onclick="document.getElementById('demo').style.display='none'">Click Me</button>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Էջի վերնագիր</title>
    </head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p id="demo">JavaScript-ը կարող է թաքցնել HTML էլէմէենտները</p>
    <button type="button" onclick="document.getElementById('demo').style.display='none'">Click Me</button>
</body>
</html>

HTML էլէմէենտները թաքցնելը կարող է կատարվել`փոխելով display style-ը

JavaScript-ը կարող է ցուցադրել HTML էլէմէենտները

HTML էլէմէենտները ցուցադրելը կարող է կատարվել`փոխելով display style-ը

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Էջի վերնագիր</title>
</head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p>JavaScript-ը կարող է ցուցադրել HTML էլէմէենտները</p>
    <p id="demo" style="display:none">Hello JavaScript</p>
    <button type="button" onclick="document.getElementById('demo').style.display='block'">Click Me</button>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Էջի վերնագիր</title>
</head>
<body>
    <h2>Ի՞նչ է կարողանում անել JavaScript-ը</h2>
    <p>JavaScript-ը կարող է ցուցադրել HTML էլէմէենտները</p>
    <p id="demo" style="display:none">Hello JavaScript</p>
    <button type="button" onclick="document.getElementById('demo').style.display='block'">Click Me</button>
</body>
</html>

JavaScript-ը հորինել է Բրենդան Այխը 1995թ, Իսկ ECMA ստանդարտը դարձել է 1997թ-ին:
ECMA-262-ը ստանդարտի պաշտոնական անվանումն է: ECMAScript-ը լեզվի պաշտոնական անունն է:

Նմանատիպ դասեր