{"id":327375,"date":"2022-01-10T08:52:12","date_gmt":"2022-01-10T08:52:12","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=327375"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=327375","title":{"rendered":"<span>\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u0441\u0432\u0435\u0436\u0438\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0438\u0437 \u043c\u0438\u0440\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043d\u0435\u0434\u0435\u043b\u044e \u2116499 (20 \u2014 26 \u0434\u0435\u043a\u0430\u0431\u0440\u044f 2021)<\/span>"},"content":{"rendered":"<div><\/div>\n<div id=\"post-content-body\" class=\"article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0432\u0430\u0448\u0435\u043c\u0443 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0441 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438 \u043d\u0430 \u043d\u043e\u0432\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438\u0437 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0438 \u043e\u043a\u043e\u043b\u043e \u043d\u0435\u0433\u043e.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/webt\/4p\/zq\/va\/4pzqva7dl3anrhshknwqw_84uge.jpeg\" data-src=\"https:\/\/habrastorage.org\/webt\/4p\/zq\/va\/4pzqva7dl3anrhshknwqw_84uge.jpeg\" data-blurred=\"true\"\/><\/p>\n<p><a name=\"habracut\"><\/a>  <\/p>\n<p><a href=\"#media\"><b>\u041c\u0435\u0434\u0438\u0430<\/b><\/a>\u00a0\u00a0\u00a0\u00a0|\u00a0\u00a0\u00a0\u00a0<a href=\"#development\"><b>\u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/b><\/a>\u00a0\u00a0\u00a0\u00a0|\u00a0\u00a0\u00a0\u00a0<a href=\"#css\"><b>CSS<\/b><\/a>\u00a0\u00a0\u00a0\u00a0|\u00a0\u00a0\u00a0\u00a0<a href=\"#js\"><b>JavaScript<\/b><\/a><\/p>\n<p>  <\/p>\n<h3><font color=\"#349A48\"> <a name=\"media\"><\/a> \u041c\u0435\u0434\u0438\u0430<\/font><\/h3>\n<p>  \u2022 <img decoding=\"async\" alt=\"podcast\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/web\/259\/2f4\/069\/2592f40697cc49dc939e9fc3983fc737.png\"\/> <a href=\"https:\/\/soundcloud.com\/csssr\/uyazvimost-log4shell-the-state-of-css-2021-ruby-on-rails-7-tonkosti-renderinga-dzheneriki-v-go\" rel=\"nofollow noopener noreferrer\">\u00ab\u041d\u043e\u0432\u043e\u0441\u0442\u0438 512\u00bb \u043e\u0442 CSSSR: \u0423\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u044c Log4Shell, The State of CSS 2021, Ruby on Rails 7, \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430, \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u0438 \u0432 Go<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"podcast\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/web\/259\/2f4\/069\/2592f40697cc49dc939e9fc3983fc737.png\"\/> <a href=\"https:\/\/soundcloud.com\/web-standards\/episode-314\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 \u00ab\u0412\u0435\u0431-\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b\u00bb 314. Safari TP, \u043b\u0438\u043d\u0442\u0435\u0440 \u043d\u0430 C++, \u043a\u043d\u0438\u0433\u0438, CRA 5, Rust, \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u044e\u043d\u0438\u043a\u043e\u0434\u043d\u044b\u0439 \u0431\u044d\u043a\u0434\u043e\u0440, Fleet<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"podcast\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/web\/259\/2f4\/069\/2592f40697cc49dc939e9fc3983fc737.png\"\/> <a href=\"https:\/\/podcast.ru\/1233996390\" rel=\"nofollow noopener noreferrer\">Frontend Weekend \u2116116, \u0432 \u0433\u043e\u0441\u0442\u044f\u0445 \u0417\u0430\u0440\u0435\u043c\u0430 \u0425\u0430\u043b\u0438\u043b\u043e\u0432\u0430 \u0438\u0437 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Lido: \u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 <br \/>  spb_frontend, \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438 HolyJSconf, \u043f\u043e\u0434\u043a\u0430\u0441\u0442\u043e\u0432 \u0438 \u043a\u0443\u0440\u0441\u0430 \u043f\u043e \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u043e\u0439 \u0440\u0430\u043c\u043e\u0442\u043d\u043e\u0441\u0442\u0438<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"video\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/playlist?list=PLKaafC45L_SRifaD5yS-LYIE3L86x-X0W\" rel=\"nofollow noopener noreferrer\">\u042f.\u0421\u0443\u0431\u0431\u043e\u0442\u043d\u0438\u043a Pro \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 2021<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"video\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=RpcB5jnJvcI\" rel=\"nofollow noopener noreferrer\">webDev #13: Front-end. \u0412\u043e\u043f\u0440\u043e\u0441\u044b \u043d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0438<\/a><\/p>\n<h3><font color=\"#349A48\"> <a name=\"development\"><\/a> \u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/font><\/h3>\n<p>  \u2022 <img decoding=\"async\" alt=\"habr\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habr.com\/ru\/company\/mvideo\/blog\/597653\/\">\u041c\u0438\u043a\u0440\u043e-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u044b \u0434\u043b\u044f \u043c\u0438\u043a\u0440\u043e-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"habr\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habr.com\/ru\/company\/htmlacademy\/blog\/597205\/\">\u041a\u0430\u043a\u0438\u0435 \u043d\u0430\u0432\u044b\u043a\u0438 \u043d\u0443\u0436\u043d\u044b \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u0443, \u0447\u0442\u043e\u0431\u044b \u0441\u0442\u0430\u0442\u044c \u043c\u0438\u0434\u043b\u043e\u043c? \u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 HTML Academy<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"habr\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habr.com\/ru\/company\/digdes\/blog\/597463\/\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f frontend-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u0438\u0441\u0442\u0435\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/dragonman225.js.org\/curved-arrows.html\" rel=\"nofollow noopener noreferrer\">\u041a\u0430\u043a \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c S-\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0435 \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430\u043c\u0438<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/itnext.io\/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7\" rel=\"nofollow noopener noreferrer\">\u0428\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 \u043f\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043c\u043e\u0433\u043b\u0430 \u043c\u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0444\u0444\u0435\u0440\u044b \u043e\u0442 Amazon \u0438 LinkedIn<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/evgeniiray.medium.com\/infinite-scrolling-in-web-ultimate-guide-b698124b3172\" rel=\"nofollow noopener noreferrer\">\u0411\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u0432 \u0432\u0435\u0431\u0435: \u043f\u043e\u043b\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/uxdesign.cc\/a-first-look-at-error-prevention-wcag-3-0s-newest-criterion-9762812c591d\" rel=\"nofollow noopener noreferrer\">\u041f\u0435\u0440\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 Error Prevention \u2014 \u043d\u043e\u0432\u0435\u0439\u0448\u0438\u0439 \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0439 WCAG 3.0<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/tympanus.net\/codrops\/2021\/12\/21\/alternate-column-scroll-animation\/\" rel=\"nofollow noopener noreferrer\">Alternate Column Scroll Animation<\/a><\/p>\n<ul>\n<li><strong>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/strong><br \/>  \u2022 <img decoding=\"async\" alt=\"habr\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habr.com\/ru\/post\/597007\/\">Fuite \u2014 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430 \u0443\u0442\u0435\u0447\u0435\u043a \u043f\u0430\u043c\u044f\u0442\u0438 \u0432 SPA<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/calendar.perfplanet.com\/2021\/shapeup-jamstack-site-performance\/\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u0432\u044b\u0448\u0430\u0435\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 Jamstack<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.smashingmagazine.com\/2021\/12\/core-web-vitals-case-study-smashing-magazine\/\" rel=\"nofollow noopener noreferrer\">\u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 Core Web Vitals \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 Smashing Magazine<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@matthew.costello\/frontend-web-performance-the-essentials-0-61fea500b180\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430: \u0433\u043b\u0430\u0432\u043d\u043e\u0435 [0]<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<h3><font color=\"#349A48\"> <a name=\"css\"><\/a> CSS<\/font><\/h3>\n<p>  \u2022 <a href=\"https:\/\/css-live.ru\/css\/psevdoklass-has-ne-tolko-roditelskij-selektor.html\" rel=\"nofollow noopener noreferrer\">\u041f\u0441\u0435\u0432\u0434\u043e\u043a\u043b\u0430\u0441\u0441 :has() \u2014 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u00ab\u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u00bb<\/a><br \/>  \u2022 <a href=\"https:\/\/css-live.ru\/vecssti-s-polej\/den-zimnego-solncsstoyaniya-novye-publikacii-css-i-priyatnyj-syurpriz-safari.html\" rel=\"nofollow noopener noreferrer\">\u0414\u0435\u043d\u044c \u0437\u0438\u043c\u043d\u0435\u0433\u043e \u0441\u043e\u043b\u043dCSS\u0442\u043e\u044f\u043d\u0438\u044f: \u043d\u043e\u0432\u044b\u0435 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 CSS \u0438 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0441\u044e\u0440\u043f\u0440\u0438\u0437 Safari<\/a><br \/>  \u2022 <a href=\"https:\/\/webdevblog.ru\/tailwind-css-rezjume-posle-dvuh-s-polovinoj-proektov\/\" rel=\"nofollow noopener noreferrer\">Tailwind CSS \u2014 \u0440\u0435\u0437\u044e\u043c\u0435 \u043f\u043e\u0441\u043b\u0435 \u0434\u0432\u0443\u0445 \u0441 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.jayfreestone.com\/writing\/wrappping-text-inside-svg-css\/\" rel=\"nofollow noopener noreferrer\">\u041e\u0431\u0442\u0435\u043a\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 SVG \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.logrocket.com\/creating-customizing-html5-video-player-css\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0432\u0438\u0434\u0435\u043e\u043f\u043b\u0435\u0435\u0440\u0430 \u043d\u0430 HTML5 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.logrocket.com\/new-features-unocss-tailwind-css-alternative\/\" rel=\"nofollow noopener noreferrer\">\u041d\u043e\u0432\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 UnoCSS: \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430 Tailwind CSS<\/a><\/p>\n<h3><font color=\"#349A48\"> <a name=\"js\"><\/a> JavaScript<\/font><\/h3>\n<p>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.openreplay.com\/is-it-time-for-the-javascript-temporal-api\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u0448\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f JavaScript Temporal API?<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/indepth.dev\/posts\/1491\/attaching-new-behaviors-through-decorators-in-javascript\" rel=\"nofollow noopener noreferrer\">\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0447\u0435\u0440\u0435\u0437 \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u043e\u0440\u044b \u0432 JavaScript<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/tech.trell.co\/the-beauty-of-intersectionobserver-api-in-js-6c89f2394072\" rel=\"nofollow noopener noreferrer\">\u041a\u0440\u0430\u0441\u043e\u0442\u0430 API IntersectionObserver<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.logrocket.com\/react-remix-vs-next-js-vs-sveltekit\/\" rel=\"nofollow noopener noreferrer\">Remix vs. Next.js vs. SvelteKit<\/a><\/p>\n<ul>\n<li><strong>React<\/strong><br \/>  \u2022 <img decoding=\"async\" alt=\"habr\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habr.com\/ru\/company\/timeweb\/blog\/597109\/\">React.js: \u0440\u0430\u0437\u043c\u044b\u0448\u043b\u0435\u043d\u0438\u044f \u043e\u0431 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u043c \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0435<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.openreplay.com\/react-architecture-patterns-for-your-projects\" rel=\"nofollow noopener noreferrer\">\u0428\u0430\u0431\u043b\u043e\u043d\u044b React \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.logrocket.com\/modern-api-data-fetching-methods-react\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 API \u0432 React<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/wanago.io\/2021\/12\/20\/redux-middleware-websockets\/\" rel=\"nofollow noopener noreferrer\">Redux middleware \u0438 \u043a\u0430\u043a \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441 WebSockets<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.logrocket.com\/build-crud-application-react-firebase-web-sdk-v9\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 CRUD \u0432 React \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Firebase Web SDK v9<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>Vue<\/strong><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.openreplay.com\/top-5-vs-code-extensions-for-vue-developers-for-2022\" rel=\"nofollow noopener noreferrer\">\u0422\u043e\u043f-5 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 VS Code \u0434\u043b\u044f Vue \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0430 2022 \u0433\u043e\u0434<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/javascript.plainenglish.io\/4-top-rated-queries-about-vue-js-3-on-stackoverflow-90beaff3b285\" rel=\"nofollow noopener noreferrer\">4 \u0441\u0430\u043c\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043e Vue.js 3 \u043d\u0430 StackOverflow<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.logrocket.com\/building-vue-3-component-library\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0432\u043e Vue 3<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>Angular<\/strong><br \/>  \u2022 <img decoding=\"async\" alt=\"habr\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habr.com\/ru\/company\/tinkoff\/blog\/597689\/\">\u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043a\u0430\u043a \u043f\u0440\u043e\u0434\u0443\u043a\u0442: \u043e\u0442 \u043f\u0430\u043f\u043a\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0434\u043e \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0433\u043e \u043e\u043f\u0435\u043d\u0441\u043e\u0440\u0441\u0430<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blogs.ashutec.com\/angular-13-what-makes-it-tick-for-enterprise-frontend-development-428fe0a90bdc\" rel=\"nofollow noopener noreferrer\">Angular 13: \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0435\u0433\u043e \u0443\u0441\u043f\u0435\u0448\u043d\u044b\u043c \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043d\u0430 \u0435\u043d\u0442\u0435\u0440\u043f\u0440\u0430\u0439\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445? <\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.devgenius.io\/angular-micro-frontend-4dad619c4277\" rel=\"nofollow noopener noreferrer\">Angular \u2014 Micro-Frontend<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>Ember<\/strong><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/whyember.com\/\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u0447\u0435\u043c\u0443 Ember?<\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.emberjs.com\/ember-4-0-released\/\" rel=\"nofollow noopener noreferrer\">\u0420\u0435\u043b\u0438\u0437 Ember 4.0 <\/a><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.emberjs.com\/the-ember-times-issue-193\/\" rel=\"nofollow noopener noreferrer\">The Ember Times \u2014 Issue No. 193<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>Svelte<\/strong><br \/>  \u2022 <img decoding=\"async\" alt=\"en\" src=\"\/img\/image-loader.svg\" data-src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/svelte-intl-precompile.com\/\" rel=\"nofollow noopener noreferrer\">Svelte Intl Precompile \u2014 \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 i18n \u0434\u043b\u044f Svelte, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u0438 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 \u0432\u0430\u0448\u0438 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u044b \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438<\/a>  <\/li>\n<\/ul>\n<p>  <a href=\"https:\/\/habr.com\/ru\/post\/596593\/\">\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u0437\u0430 \u043f\u0440\u043e\u0448\u043b\u0443\u044e \u043d\u0435\u0434\u0435\u043b\u044e<\/a>.<br \/>  \u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b\u0438 <a href=\"http:\/\/habrahabr.ru\/users\/dersmoll\/\" rel=\"nofollow noopener noreferrer\">dersmoll<\/a> \u0438 <a href=\"http:\/\/habrahabr.ru\/users\/alekskorovin\/\" rel=\"nofollow noopener noreferrer\">alekskorovin<\/a>.<\/div>\n<\/div>\n<p> <!----> <!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/post\/597987\/\"> https:\/\/habr.com\/ru\/post\/597987\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><\/div>\n<div id=\"post-content-body\" class=\"article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0432\u0430\u0448\u0435\u043c\u0443 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0441 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438 \u043d\u0430 \u043d\u043e\u0432\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438\u0437 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0438 \u043e\u043a\u043e\u043b\u043e \u043d\u0435\u0433\u043e.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/webt\/4p\/zq\/va\/4pzqva7dl3anrhshknwqw_84uge.jpeg\" data-src=\"https:\/\/habrastorage.org\/webt\/4p\/zq\/va\/4pzqva7dl3anrhshknwqw_84uge.jpeg\" data-blurred=\"true\"\/><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-327375","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/327375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=327375"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/327375\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=327375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=327375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=327375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}