JavaScript? ?? ? ??? ???? ?? ???? ??? ?? ?????, ?? ??? ?? ? ??? ?????? ?????. 1) ??? ?? ?????? ???? ??? ??? ?? ? ???? ???? ?? ? ? ????. 2) ?? ??? ??? ???? ??? ?? ??? ???? ??? ? ????. 3) ??? ?????? ??? ?????? ???? ??????. JavaScript? ? ?? ??, ?? ??? ?? ???? ? ?? ? ??? ?? ???? ??? ?? ? ??? ??? ??? ???? ?? ??????.

??

? ???? ??? ??? ???? ??????? ??? ?? ????? ??? ?? ? ??? ?? ? JavaScript ? ????. ? ??? JavaScript? ???? ??? ??????, ? ??? ???? ?????. ? ??? ??? JavaScript? ?? ??, ?? ?? ???? ? ???? ??? ???? ?? ???? ??? ?? ??????.

JavaScript? ?? ??

JS???? JavaScript? ?? ? ???? ??? ??? ???? ? ?? ???? ?? ?? ? ?? ????? ?????. 1995 ? Brendan Eich? ?? ? ???? ?? ???? ?? ??? ?? ??? ??? ??? ?? ? ? ??? ??????. JavaScript? ??? HTML ? CSS? ???? ?? ??? ??? ?? ? ? ??? ????.

?? ??, ? ???? ??? ???? ???? ???? ?? ???? ?????. ??? ?? JavaScript? ??? ? ????.

 document.getElementById ( 'myButton'). addEventListener ( 'click', function () {
    Alert ( 'JavaScript? ?? ?? ?????!');
});

? ??? ??? JavaScript? HTML ??? ?? ???? ??? ???? ??? ??? ?? ?? ??? ?????.

JavaScript? ?? ??

??? ?? ?????

JavaScript? ?? ? ??? ??? ?? ????????. ??, ??? ?? ??? ??? ?? ? ???? ?? ??? ?? ??? ???? ?? ? ? ????. JavaScript? ???? ???? ??? ???? ?? ???? ??? ? ?? ??? ??? ? ????. ?? ?? ? ???? ???? ??? ?? ???? ??? ? ????.

?? ??, ???? ??? ???? JavaScript? ???? ???? ??? ??? ??? ? ????.

 document.getElementById ( 'changetextButton'). addEventListener ( 'click', function () {
    document.getElementById ( 'displayText'). textContent = '??? ??!';
});

?? ??? ??

JavaScript? ? ??? ???? ???? ???? ??? ? ????. ?, ???? ??? ?? ?? ?? ??? ?? ??? ?????? ??? ? ????. ?? ??, ???? ??? ??? ???? ?? ???? ?????.

 ?? showcontent (??) {
    ??? ??;
    ??? (??) {
        ?? '?? 1':
            content = '??? ?? 1';
            ????;
        ?? '?? 2':
            content = '??? ?? 2';
            ????;
        ??:
            ?? = '??? ??????';
    }
    document.getElementById ( 'contentDisplay'). textContent = content;
}

??? ?????

JavaScript? ? ?? ??? ??? ??? ???????, ??? ?????? ???? ?? ??? ?? ??? ??? ?? ? ? ??????. ?? ??, ???? ???? ?? ?? JavaScript? ??? ?? (? : AJAX)? ???? ???? ????????? ???? ??? ??? ???? ?? ??? ? ??? ? ? ????.

 fetch ( 'https://api.example.com/data')
    .Then (?? => response.json ())
    . ??? (data => {
        document.getElementById ( 'datAdisplay'). textContent = json.stringify (data);
    })
    .catch (error => console.error ( 'error :', error));

JavaScript? ?? ??

? ?? ??

JavaScript? ??? ?? ???? ??? ??? ????? ???? ????? ? ?? ??? ???? ?? ????? ??? ????. ?? ??, ?? ??? ???? ?????? ??? ?? ???? ???? ??? ? ? ????.

 document.getElementById ( 'dubstebutton'). addeventListener ( 'click', function (event) {
    ??? = document.getElementById ( 'emailInput'). ?? ??.
    if (! email.includes ( '@')) {
        ?? ( '??? ??? ??? ??????');
        event.preventDefault ();
    }
});

?? ??? ?? ???? (SPA)

JavaScript? ?? ?? ??? ?? ???? (SPA)? ?? ?????. SPA? ?? ???? ?????? ?? ???? ???? ? ? ???? ??? ??? ??? ?????. React, Vue ? Angular? ?? ??? ??? ?? JavaScript? ???? ??? ?????.

?? ? JavaScript

Node.js? ???? JavaScript? ? ?? ???? ?? ???? ????. ?? ??? ???? ???? ??? ??? ???? ??? ?? ? ????? ??? ? ???? ?? ????? ??? ? ? ????. ?? ?? Node.js? ???? ??? ? ??? ?? ? ? ????.

 const http = require ( 'http');

const server = http.createserver ((req, res) => {
    res.writehead (200, { 'content-type': 'text/plain'});
    res.end ( 'Hello World \ n');
});

server.listen (3000, () => {
    Console.log ( '?? 3000?? ???? ??);
});

JavaScript? ???

??? ??? ??????

JavaScript? ???? ???? ?? ??? ??? ?? ???????. ?? ?? ? ???? ??? ??? ?? ???? ?? ? ??? ? ???? ??? ? ??? ?????. ?? ??, Google Maps? ????? ??? ???? ?? JavaScript? ???? ???? ????.

?? ??? ??

JavaScript? ???? ?? ??? ??? ???? ?????. ??? ??????, ???? ?? ???? ?? ?? ?? ?????? JavaScript? ?????. ?? ??, Electron Framework? JavaScript ? Node.js? ???? ??? ??? ???? ?? ????? ?????.

???? ?? ??

JavaScript?? ???? ??? ???? ? ???? ????. ?? ???? ?? ???? ??? ????? ??? ?????, ??? ?? ? ??? ?? ?? ? ??? ?????. ?? ??, NPM (Node Package Manager)? ??? ???? ??? ??? ??? ????? ??? ?? ???? ?????.

?? ??? ? ?? ??

?? ???

JavaScript? ??? ? ?? ???? ?????. ??? ?? ??? ??? ???? ?? ??? ?????? ???? ??? ????? ?? ??? ??? ???? DOM ??? ??? ?? ?? ??? ????? ???? ?????. ?? ??, requestAnimationFrame ???? ????? ??? ??????.

 ?? ????? () {
    // ????? ?? ?? ?? ??? (?????);
}
?? ?? ??();

?? ??

?? ??? ?? ??? ???? ?? ??? ?? ? ? ????. ?? ??, ?? ? ??? ???? ??? ????, ?? ?? ??? ??? ?? let ? const ? ?? ES6? ??? ??? ????, ??? ??? ???? ???? ??? ??????.

 '??? ??';

const pi = 3.14159;

?? calculatearea (??) {
    PI * RADIUS * RADIUS? ?????.
}

???? {calculatearea};

?????

JavaScript? ? ??? ?? ?? ?? ? ??? ?? ????? ??? ???? ?? ?????. JavaScript? ??? ?? ????? ???????? ???? ?? ? ??? ?? ????? ?? ? ? ????. ????? ?? ? ?????, JavaScript? ????? ??? ? ??? ????.

? ??? Demystifying JavaScript : ????? ?? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!