? ??? ??? ???? HTML4, CSS2 ? ??? JavaScript?? ????? ??? ??? ?????. 1) HTML5? ??? ? ? ????? ?? API? ???? ? ?? ????? ???? ?? ??? ??????. 2) CSS3? ????? ? ?? ??? ???? ?????? ????? ????. 3) JavaScript? ??? ?? ? ???? ?? Node.js ? ES6? ?? ??? ?? ?? ?? ? ?? ???? ??????. ??? ???? ?? ? ??????? ?? ??? ? ?? ??? ??? ???????.

??

???? ?? ???? ?? ? ?? ? ??? ??? ?? ???? ??? ??? ???? ? ??? ??????. ? ????? ?? ??? ?? ???? ?? ?? ??? ??? ??? ??? ??? ????? ??? ??? ??? ? ???????? ??? ????? ????????. ??? ?? ? ????? ?? ? ?? ?????, ?? ??? ??? ?? ??? ???? ??? ??? ?? ? ??? ?????.

?? ?? ??

???? ?? ?? ??? HTML (HyperText Markup Language), CSS (Cascade Stylesheets) ? JavaScript (????? ??)???. ??? ??? ?? ??? ?? ?????? ?? ??? ??????. HTML? ???? ???? ????? CSS? ???? ???? ??? JavaScript? ???? ??? ? ?? ??? ?????.

? ??? ?? ???? ???? ? HTML4? CSS2? ????? JavaScript? ?? ??? ?? ?? ? ??? ??? ?? ????? ??? ??????. ?? ? ??? ?? ??? ????? ? ??? ??? ???? ???? ????????.

?? ?? ?? ?? ??

? ??? ??

? ??? ??? HTML4?? HTML5, CSS2?? CSS3, ???? HTML ?? ?? ? CSS ??? ????? ???? ???????. ? ??? ???? ???? ???? ?? ???? ?????.

HTML5? ??? ??? ??????. HTML? ?? ??? ?? ??? ??? ???, ? ??, ?? ?? ?? ?? ??? API? ?????. ??? API? ?????? ??? ? ??????? ?? ? ??? ?????. ??? API? ?? ???? ? ??? ? ??? ?????? ???? ?? ?? ? ??? ??? ??? ?? ?? ? ?????.

?? ??

??? ??? ??? ?? ????. JavaScript? ??? ???? ???? ??? ????? ??? ??????. Node.js? ???? JavaScript? ???? ?? ?? ??? ??? ?? ??? ????? ? ????????. ES6 (ECMAScript 2015)? ??? ??? ??, ???, ?? ?? ?? ?? ???? ?? ? ??? ??? ?? ??? ? ?? ???? ?? ?? ?????.

ES6? ???? ?? ? ?? ?? ??? ???? ?? ??? ????? ?????? ??????? ??? ??? ??? ??? ???? ??? ??? ? ?????????.

?? ??

??? ??? ??? ??? ????? ???? ?? ?????. ?? ??, CSS? ???? ??? ?? ?? ???? ???? ?????. CSS3? ??? ?? ????? ? ??? ?? ? ?? ??? ? ??? ??? ? ???? ??? ??? ? ?????.

JavaScript? ?? ??? DOM (Document Object Model)? ?? ? ??? ???? ???? ??? ??? ?? ?????? ? ?????? ????? ?? ? ????. ?? ?????? DOM ??? ?? ? ?? ?? ??? ????? ??? ??? ??? DOM ??? ????? ?? DOM ??? ???? ? ???????.

??? ?

HTML5? ??? ??

HTML5? <video></video> ? <audio></audio> ??? ?? ???? ??? ??? ????? Flash? ?? ????? ???? ?? ? ???? ????? ???? ?? ???? ? ????.

 <video width = "320"height = "240"???>
  <?? src = "movie.mp4"type = "video/mp4">
  <?? src = "movie.ogg"type = "video/ogg">
  ????? ??? ??? ???? ????.
</video>

CSS3 ????? ??

CSS3 ????? ??? ? ???? ?? ???? ????. ??? ????? ?? ??? ????.

 @keyframes slidein {
  ?? {
    ?? ?? : 100%;
    ?? : 300%;
  }

  ?? {
    ?? ?? : 0%;
    ?? : 100%;
  }
}

div {
  ????? ?? : 3S;
  ?????-?? : ???? ?;
}

JavaScript? ???

ES6? ??? ?? ? ??? ??? ????? ???? ?? ????. ??? ??? ??? ???? ????.

 const ?? = [1, 2, 3, 4, 5];
const doubled = numbers.map (?? => ?? * 2);
Console.log (? ?); // [2, 4, 6, 8, 10]

?? ??? ? ?? ??

?? ??? ? ?? ??? ? ???? ??? ??? ?????. ? ?? ????? ???? ???? ?? ?? ??? ?? ????? ????. ?? ??????? ?? DOM ???? ?? ??? ??? ?? ????? ??? ?? DOM ??? ???? JavaScript ??? ??????? ??? ?? ?? ? ?? ?? ?? ???? ??????.

?? ??, react ?? vue.js? ?? ??? ??? ???? ?? ? DOM ??? ? ? ???? ??? ???? ? ????. ???, CDN ?? ??, ?? ? ?? ???, ??? ??? ?? ?? ?? ??? ?? ? ??????? ??? ?? ???? ? ????.

? ??? ?? ??? ?? ??? ?? ????? ??? ?????? ??? ??? ?? ?? ? ?? ?? ??????. ?? ? ?? ? ??? ???? ?? ?? ??? ??? ????, ??? ??? ??????? ??? ???? ????? ??? ???? ?? ????.

???, ? ?? ? ??? ??? ???? ?????? ? ??? ??? ??? ???? ?????. ? ????? ???? ???? ??? ?? ????? ???? ?? ??? ??? ????? ??? ???????.

? ??? H5 : ? ?? ? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!