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

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

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

??????? ?????? ??????????? ????? ?????? ? ?????????? ?????. ?????????? ???????????? ??????? ???????????? ? ??????????? ?? ? ?????????, ????? ????????. ??? ???????????? ?????? ? ???-???????? ??? ?? ?????????? ??? ???????? ?????. ???? ???????????? ?????? ????????? ??????????????? ??????????, ????????? 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-?????????? ???????????? ?????????? ???????? ?????????? ????? ????????????? ? ??????. ???????? ????????? ????????????????? ?????? ??? ?????????? ??????. ???????????? ?????????? ?????? ?????? ? ???????? ???? ??? ???????? ??????????? ???????????.
• ????????? ????????? ?????? ????? ???? ?? ????? ? ?? ???????????? ?????????. ??????? ???????????? ??????????? ?????????? ? ?????????? ??????????? ??????????. ??????????? ??? ? ????? ??????? ?? ????? ???????? ?? ???? ??????.
• ???????????? ??????????? ???? ????????????? ????????? ????????????? ??????? ? ????????????? ????????. ??????? ????????????? ?????????? ???????? ????????? ????????? ??? ???????? ?????.
• ???????????? ?? ??????? ??????????? ?????????? ???????? ?? ??????? ???????? ???????. ??????? ???????????? URL-?????? ? ???????? ????????? ??????? ??????. ?????????????? ???????????? ????? ?????????? ?? ???????????? ???????????? ?????.
• ??????????????? ????? ????????? ?????????? ???????????? ? ????????? ?????? ????????? ??????. ??????? ????????? ??????????? ? ??????? ??????? ??? ????????????? ????????????.

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

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

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

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

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