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

???????? ???????? ???????? ????? ?????????? ?????????? ?????????, ????????????? ???????????? ???????????? ? ???-?????????. ?????????? ???????????? ?????????? ???????????? ??????????????? ???????, ?????? ?? ??????? ????????? ?????? ????????. ???? ???????? ?????? ??????????, ????????????? ???????? ? ??????? ?????????. ?????? ?????????? ?????? ?????? ??????????? ??? ???????? ? ?????????? ???????????, ????????????? ????????? ???????? ???, ? ??????? ????????? ???????????? ?????????? ?????? ????? ?????? ? ????????.

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

???????????? ????????????? ????????? ????? ?????? ? ??????? ?????. ????????? ?????????????? ????????? ???????? ? ??????????? ?? ? ???????, ???????? ????????. ??? ???????????? ???? ? ???-???????? ??? ?? ??????????? ??? ???????? ?????. ???? ???????????? ????????????? ????????? ???????? ??????, ????????? HTTP, HTTPS ? FTP.

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

???????????? ?? ???-???????????? ??????????? ????? ???????? ???? ? ????????? ???????????. ???????????? ????????? URL-????? ??? ???????? ?? ???????????, ??????? ?????????? ????????? ? ???????. ??????? ????????? ??????? ???????? ??????????? ??? ??????????? ????????? ? ????????? ????????. ???????? ???????? ??????????????? ????????? ?????????????? URL ? ??????.

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

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

??????? ?????????? ???-???????? ?????????? ? ???????? ?????? ? ???????? ??????. ??????? ???????? DNS-?????? ??? ??????????? ????????? ???????????? ? IP-????? ?????. ????? ?????? IP-?????? ????????? ?????????? ?? ????????? TCP. ???? ???????? ????? ? HTML-?????????? ? ???????????.

??????????? HTML-??? ????????????? ???????????? ???????? ?????????. ?????? ????????? ????????????? ?????? DOM, ?????????? ????????? ??????????? ????????? ?????? ?????? ?????. ?????? ??????? HTML ?????????? ????????? ????????? ? ?????????????? ???????????. ??????????? ??????? ?????????? ????????? ?? ??????? ?????: ??????? ??????, ??????? ? ???????.

????????? ??????????????? ?????? ??????????? ?????????? ??? ????????? ? ??????????? ?? ???? ???????. ??????? ?????? CSS ?????????????? ???????????? ?????????. CSSOM-?????? ????????? ????? DOM ? ???????? ?????????? ??????????????. JavaScript-????? ?????????????? ????????????, ??????? ????? ?????????????? ??????????? ????????? ???????????.

??????????? DOM ? CSSOM ???????? ???????? ??????????, ???????? ????????? ??? ????????. ??????? ???????????? ???????????????? ?????????????? ??????? ???????: ??????????????, ???????? ? ??????????. ??????????? ??? — ????????????, ????? ????????? ?????????? ?????????????? ? ????? ?? ????????.

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

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

1. ???????????????? ????? ?????????? ???????? ????, ???????? ????????? ? ??????? ??????????. ????? ????????????? ???????????? ????? ? ?????? ????? ??????????? ??????? ????????.
2. ???? ???????????? ????????? ?????? ????? ?????? ? ????? ??????????. ????????? ?????????? ?????? ?????????? ? ????? ????????? ????? ????????????.
3. ?????? ?????????? ???????? ?? ????????????? ?????? ?? ????????. ?????????? ???? ???????? Blink, WebKit ? Gecko. ?????? ?????? HTML ? CSS, ????????? ????????? ????????? ? ????????? ?????????? ????????.
4. ??????? ?????? ???????????? ?????????? ????????? ?????? ????? ????????. ?????? ?????????????? HTTP-???????, ????????? ??????? ? ???????? ?????? ????????.
5. ?????????? JavaScript ????????? ??????????? ???, ?????????? ? ?????. ????????? V8 ? SpiderMonkey ??????????? ? ????????? ??????? ? ??????? ??????????????.
6. ????????? ?????????? ????????? cookies, ??? ? ?????? ?????????. ???? ????????????? ??????????? ???????? ????? ???????? ????????????????.

HTML, CSS ? JavaScript ? ???? ?????????????

HTML ????????? ??????????? ????????? ????????? ? ????????????? ?????????? ??????????? ???????????. ??????? ????? ????????????? ??????? ?????????: ????????, ??????, ??????? ? ???????. ???????????? ?????? HTML-??? ???????? ? ??????? ????????? ?????? ?????? ?????? ?????. ?????? ??? ?????????????? ? ???? DOM-?????? ? ?????????? ? ?????????? ?????????.

CSS ???????????? ?? ??????????? ?????? ????????? ????????? ? ?????????? ?? ?????????? ???????. ??????? ?????? ?????? ???????, ??????????, ???????? ? ?????????? ????????. ??????? ????????? ?????????? CSS ? ??????????????? ??????????? DOM-??????. ????????????? ?????? ???? ???????? ????????? ?? ????????? ???????? ???????????.

JavaScript ????????? ???????????? ? ?????????? ????????? ???-???????????. ???? ???????????????? ????????? ???????????????? ??????? ????????? ??? ????????????. ??????? ???????????? ??????? ????????????: ?????, ????? ?????? ? ?????????. ?????????? ??????? ???????? ????????? ??? JavaScript ? ???????? DOM-????????? ????????? ????????? ???????.

???????? ???? ?????????? ????????????? ???????????? ?????????? ???-??????????. HTML ????????????? ????????? ????????, CSS ??????????? ?????????? ???????, JavaScript ????????? ??????-??????. ??????? ?????????????? ???????????? ???? ??????? ??? ???????? ????????????? ????????.

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

?????? ?????????? ???????????? ???????? ??????? ? ??????????? ???? ????? ? ?????????? ???????????. ????????? ???????????? HTML-???????? ? ?????????? ????????? DOM, ?????????? ?????????? ?????. ??????????? ???????????????? ?????? ?????? ??????? ?????? CSS ??? ?????????? CSSOM-??????. ?????????? ???? ???????? ??????? render tree, ?????????? ?????? ???????????? ???????.

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

???????????? ???????????? ????????? ???????? ??????????? ? ??????? ?? ??????? ??????????. ??????????? ??? ???????? ?????????? ?????????? ????????? ? ?????????? ??????????? ????????. ???? ????????? ???? ???????? ??????????? ????????? ??? ????????? ?????????? ????????.

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

???, cookies ? ????????? ???? ????????

??? ???????? ?????? ????????? ??????????? ???????? ?? ????????? ????????? ???????. ???????????, ??????? ?????? ? ???????? ???????? ??? ?????????? ??????????. ??? ????????? ?????? ????? ??????? ??????? ???????? ????????? ??????? ?? ?????? ?????? ????????? ? ?????. ??????? ??????????? ???????????? ????????? ???-??????? ? ????????? ???????? ?? ?????.

Cookies ???????? ????? ?????????? ?????????? ?????????, ??????? ???? ?????????? ???????? ??? ??????. ????????? ???????? ?????????????? ???????, ???????????? ???????????? ? ?????? ???????????. ???????????? ?????????? ??????????? cookies ? ?????????? ?????????? ?? ??? ?? ?????.

LocalStorage ???????????? ???-??????????? ????? ??????? ?????????? ??????????????? ? ???????????? ????????????. ???? ???????? ?? ?????? ????-???????? ? ????????? ???????? ??? ??????????? ????? ????????. ????? ??????????? ????? ??????? ?????????? ?? ???? ?? ?????? ???????? ?? ?????. ?????? ??????????? ???????? ???? ????? ???????? ????????.

SessionStorage ????????????? ?????????? LocalStorage, ?? ?????? ???????? ?????? ?? ????? ?????? ????????????. ???????? ????????? ?????????? ??? ?????????? ???????? ????????. ????????? ?????????? ??? ?????? ????, ?????? ?? ?????????? ????? ?????????? ?????????.

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

??????????? ???????? ???????? ???????????? ??????? ?????? ??? ?????????????? ???????????? ?????? ? ????. ??????????? ???????????? ?????? ?????? ????????? ????????????? ???? ????????? ? ???????? ?????? ????????.

• HTTPS-?????????? ????????????? ?????????? ???????? ?????????? ????? ????????? ? ????????. ???????? ?????????? ???????????? ?????? ??? ??????????? ??????. ??????? ?????????? ?????? ????? ? ???????? ???? ??? ???????????? ??????????? ??????????.
• ???????? ????????? ???????? ????? ???? ?? ????? ? ?? ???????????? ???????. ??????? ????????? ??????????? ?????? ? ????????? ??????????? ??????. ???????????? ??? ? ????? ???? ?? ????? ?????????????? ?? ???? ??????.
• ?????????? pop-up ????????? ????????????? ????????? ???????? ?????????? ? ?????????? ??????. ??????? ?????????????? ???????? ???????? ???????? ????????? ??? ?????????? ?????.
• ?????? ?? ??????? ????????? ?????????? ????? ?? ????????? ????????? ????. ??????? ????????? URL-?????? ? ????????? ????????? ??????? ????????. ?????????? ???????????? ????? ??????? ?? ???????? ???????????? ????????.
• ??????????????? ??????? ????????? ???????? ?????? ? ????????? ?????? ????????? ????????????. ???????????? ????????? ????? ? ??????? ?????? ??? ????????????? ?????.

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

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

?????????? ?????? ????????????? ???????????? ?????????? ???-????????? ? ??????????? ??????????. ????? ??????????? ??????????? ??????????? HTML5, CSS3 ? JavaScript API ??? ?????????? ??????????????? ?????????. ?????? ???????????? ?? ????? ????? ????????? ?????, ????????????? ?????????? ????????????.

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

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