?????????? ????? ??????? ???????, ????????, ?????/?????? ??????????, ????? ??????, ?????????? ?????????????. ????? ?????????? ????? ? ??? ????? ????? ?????, ?????? ???? ??????? ????????? ??????????? ?????? ?? ???????, ?????????? ?????? ?????? ????????????. ????????????? (using) ? CSS ????????????? ??????????? ????? ?????? ? ??????? ???? “link”, ? ?????? (import) – ??????????? ????? ?????? ?????? ??????? CSS-????? ? ??????? ??????? “@import”.

«???????? ??????? ? ????????? ??? ????????????? ????????-???????????? ? ????? 2024 ????»

??? ????? ????? ???????????? ??????????, ????? ??? Lazysizes ??? Intersection Observer API. ???????? ??????? ?? ????????????? frontend ???????????? ?????? ???????, ?? ??? ?? ????? ?????? ???? ??????. ???????? WebSocket («???-?????»), ????????? ? ???????????? RFC 6455, ???????????? ??????????? ?????? ??????? ????? ????????? ? ???????? ????? ?????????? ??????????.

? ???? ?????? ????? ?? ?????????? ????????? ? ????????, ??????? ? ????? ?? ?????????????? ????????-????????????? ? ??????? ?????????? ???, ????? ? ??? ????? ??????. ? ?????????? ???????? ??????????? TypeScript ????????, ? ????? React ? ????????? ? ??? ??????????. ??????? ???????? ????? ????????-????????????, ??????? ????? ??????? ?????????? ????????????? ? ???????? ?? ????????????? Junior frontend. ????? JavaScript ????????? ???, ??? ?????????? ???????? ?????????? ? ???????.

??? ????????? ?????????????? ? ????????????? ???-?????????? ?????? ??????????? ?? ?????? ??????????? ?????????? ?? ????????, ?? ? ?????????? ????????? ???????. ? ???? ???????? Doc Object Model (DOM) – ????????, ??????? ???????????? ????????? HTML-????????? ? ???? ?????? ????????, ????????? ??? ???????????? ??????????????. ????? ????? ???? ???? ? ?????????, ???? ???????? ? ???????? ???????? ??????? ??? ???????? ?? ?????? ????.

??? ?? ?????? ? Coercion ? Javascript?

• Var ????? ??????? ????????? ??????? ? ????? ???? ??????? ? ????? ????? ? ???? ???????.
• ??????, ????? ??? strlength ? ??????????? ????????, ????????? ?????? ???? ? ???? ????????.
• ????? ?????????? ????????????? ????????? ??????? ????? ???????? GET ? POST ????????? HTTP, ? ????? ???????? ?????? ??????????? ??????? ? ???????? (await) ??????.

?????? ?????? ???????? ???????? ?????? ???????? ? ????????? ? ?? ?????????? ? ????????? ???-??????????. ??????, ??? ???????????? ????????? ???? ??????? ? ??? ????????? ??????? ?????? ? ??????????, ????? ???? ???????? ???????? ??? ?????? ?????????. ??? ?????????? ????????? ?????????? ????? ???????????? ????????? ?????????, ????? ??? iOS, Android ? Windows Telephone. ??? ?????? ????????? ?????????? ??????????? ??????????? ??????????, ????? ???????????????? ? ??????????. ? ?????????? ????????? ????????? ? ?????????? ??????? ????? ?????? ????????? ???-??????????, ??????? ????? ?????? ????????? ? ??????????????? ?? ???? ????? ?????????.

AJAX ?????????? ?? ???????????? JavaScript ? SML ? ????????? ?????????????? ???-??????? ? ???????? ????????????. ?? ???????????? ??? ???????? ? ???????? ?????? ? ??????? ???????????? ? ?? ???? ???? ????? ???????? ????????. ??? ?????? ?????????? ??? ?????????? ?????? ?? ???????? ???????????? ??? ????????????? ?????????? ???????? ?????????????.

??? ?????????? ?????????? ?????????????? ? ???-????????????

????? ??????? ?????????? ??????, Event loop ?????????, ???? ?? ? ??????? ??????????? ????????. ??? ???????? ? JavaScript, ??????? ????????? ????????? ??????????? ??? ? ???????????? ???????, ????? ??? ????? ????, ??????? ?????? ? ???????. ????? ????, ????????????? ????????? ????? ????? ???? ??????? ??? ??????????? ??????????????????, ????????? ??? ????????? ??????? ????? ???????????? ?????? ? ???????? ????? ??????? ???????. ??? ??????? ????????? ????? ? ???????? ????????? ? ?????????? true, ???? ????? ???????? ?????, ? false, ???? ????? ????? ??????? ?????.

?????????? ????? ????????? ???????, ??? ?????????? ????????? ???????, ????? ??? ????? ??? ???? ?????? ??????????????. ?????? ???????? ????? ???????????? ?????????? ????????? ? ???????????????? ?????????, ? ????? ????????? ????????? ????????????? ??????? ??????? ?????????????????? ???????? ?????? ? ???? ???????. ????? ???-???????? ???????? ????????? ??????? ? ???????, ???????????? ? ?????? ?????????, ??????? ?????? ????????? ????? ??????? ?? ??????????? ????????????. CORS ????????? ??????? ??????????, ????????? ?? ???-???????? ????????? ??????? ? ??? ????????, ?, ???? ??, ?? ????? ?????? ??????? ?????????. ??? ??????????? ????? ?????????? ??????????? HTTP-?????????? ? ??????? ???????.

?? ???????? ???????? ? ??????? ????????? (4 ??? 5, ???? ??????? ?????? ???????). Frontend-??????????? ?????? https://deveducation.com/ ???????? ???? ????? ???????? ? ???????? ???????????? ???????? ??????. ??? ???? ?????????????? ???????? – ??????????, ???????? ??????????? ? ????????.

??????? ????? ???????? ????????? ???????? ???????? ? ?????????? ??????, ????????, ????????????? fetch API ??? ????????? ???? Axios. ????? ?????????? ????????????? ????????? ??????? ????? ???????? GET ? POST ????????? HTTP, ? ????? ???????? ?????? ??????????? ??????? ? ???????? ??????? ?? ????????????? frontend middle (await) ??????. ????? ????????, ??? ????????????? ????????? async ? defer ????? ???????? ?? ??????? ?????????? ???????? ?? ????????, ??????? ?????????? ????????? ??????????? ?? ?????????????.

?????? ? ???-?????????? ???????? ?????????? ?????? ???????? JavaScript ? ??? ??????????, ????? ??? React, Angular ? Vue.js. JavaScript ???????????? ??? ???????? ????????????? ???????????????? ???????????, ? ????? ??? ???????? ??????-???????? ? ??????? Node.js. ???????? ???????? ??????????? (Hypertext Transfer Protocol – HTTP) – ??? ?????????? ???????? ??? ???????? ?????????????? ??????????, ????? ??? HTML. ?? ?????? ??? ????? ????? ???-?????????? ? ???-?????????, ???? ? ???????? HTTP ????? ?????????????? ? ??? ?????? ?????. ???????? ??????? ???????????? ??????-????????? ??????, ????? ?????? ????????? ?????????? ??? ???????? ???????, ? ????? ???? ??????.

??? ?????? ??????????? ????? ???????? ????? ?? ??????????? ????????? ????? ?????? ?????????????, ??? ???????? ?????? ? ????? ?????????». ???? ??????? ? ???, ????? ??????? ??????????????? ?? ???????????? ???? ? ??????????? ????????? ??????????????, ????????? ? ?????????? ???????? ??? ?????? ????????? ? ???????. ????????? ???????????? ??? ???????????????? ???????? ? ????????????? ??????. ?? ??????????, ??? ?????????? ??????? ?????? «???????» ? ???? ????????? ? ??????????? ?? ??????? ??????????. ??? ???????????? ??? ??????????? ???????????? ???-????????, ? ????????????? float ???????? ????????????? ?????????. ????????????? ????????? ????????? ? ??????, ????????????? ??? ?????????? ???????? ?????????? ??????????? ????? ???-????????.