{"id":328447,"date":"2022-01-23T21:00:06","date_gmt":"2022-01-23T21:00:06","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=328447"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=328447","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 \u2116503 (17 \u2014 23 \u044f\u043d\u0432\u0430\u0440\u044f 2022)<\/span>"},"content":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div 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\/fp\/hh\/2x\/fphh2xyim9zi5iedopuz0zvflx8.jpeg\" data-src=\"https:\/\/habrastorage.org\/webt\/fp\/hh\/2x\/fphh2xyim9zi5iedopuz0zvflx8.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>\u00a0\u00a0\u00a0\u00a0|\u00a0\u00a0\u00a0\u00a0<a href=\"#browser\"><b>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/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\/konspekt-o-mikrofrontendakh-remix-vs-nextjs-parcel-css-nodejs-1740-deno-118-kurs-po-linux\" rel=\"nofollow noopener noreferrer\">\u00ab\u041d\u043e\u0432\u043e\u0441\u0442\u0438 512\u00bb \u043e\u0442 CSSSR: \u041a\u043e\u043d\u0441\u043f\u0435\u043a\u0442 \u043e \u043c\u0438\u043a\u0440\u043e\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430\u0445, Remix vs. Next.js, Parcel CSS, Node.js 17.4.0, Deno 1.18, \u043a\u0443\u0440\u0441 \u043f\u043e Linux<\/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\/begebot\/ep68\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 \u00ab\u0421\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u043c\u043d\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u00bb \u211668 \u2014 \u0414\u0430\u0436\u0435 \u043f\u043e \u043c\u0435\u0440\u043a\u0430\u043c HTML \u044d\u0442\u043e \u0430\u0434\u043e\u043a<\/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 <a href=\"https:\/\/css-live.ru\/articles\/kak-chitat-w3c-specifikacii.html\" rel=\"nofollow noopener noreferrer\">\u041a\u0430\u043a \u0447\u0438\u0442\u0430\u0442\u044c W3C-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438<\/a><br \/>  \u2022 <a href=\"https:\/\/searchengines.guru\/ru\/articles\/2054117\" rel=\"nofollow noopener noreferrer\">5 \u0432\u0430\u0436\u043d\u044b\u0445 SEO-\u0442\u0440\u0435\u043d\u0434\u043e\u0432 \u0432 2022 \u0433\u043e\u0434\u0443: \u043e\u0442 \u043d\u0435\u0439\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0438\u0441\u043a\u0430 \u0434\u043e \u0444\u0438\u0434\u0436\u0438\u0442\u0430\u043b\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:\/\/css-tricks.com\/context-aware-web-components\/\" rel=\"nofollow noopener noreferrer\">\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e-\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u0432\u0435\u0431-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0449\u0435, \u0447\u0435\u043c \u0432\u044b \u0434\u0443\u043c\u0430\u0435\u0442\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:\/\/www.jayfreestone.com\/writing\/frontend-predictions-2022\/\" rel=\"nofollow noopener noreferrer\">\u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u043e\u0433\u043d\u043e\u0437\u044b \u043d\u0430 2022<\/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:\/\/rd.nytimes.com\/projects\/delivering-3d-scenes-to-the-web\" rel=\"nofollow noopener noreferrer\">\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f 3D \u0441\u0446\u0435\u043d \u0432 \u0432\u0435\u0431\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:\/\/dev.to\/0xmuse\/accelerated-guide-to-fullstack-web3-with-ass-anchor-solana-and-svelte-1mg\" rel=\"nofollow noopener noreferrer\">\u0423\u0441\u043a\u043e\u0440\u0435\u043d\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e Fullstack Web3 \u0441 ASS (Anchor, Solana \u0438 Svelte)<\/a><\/p>\n<ul>\n<li><strong>\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/strong><br \/>  \u2022 <a href=\"https:\/\/webdevblog.ru\/prishlo-vremya-poproshhatsya-s-webpack\/\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0438\u0448\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u043f\u043e\u043f\u0440\u043e\u0449\u0430\u0442\u044c\u0441\u044f \u0441 Webpack?<\/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:\/\/nolanlawson.com\/2021\/12\/17\/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps\/\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c fuite: \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 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\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:\/\/css-tricks.com\/a-complete-beginners-guide-to-npm\/\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u043b\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445 \u043f\u043e npm<\/a>  <\/li>\n<\/ul>\n<p>  <\/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\/647079\/\">\u0411\u044b\u0441\u0442\u0440\u044b\u0439, \u0440\u0435\u0437\u043a\u0438\u0439, \u043a\u0430\u043a \u043f\u0443\u043b\u044f, \u0434\u0435\u0440\u0437\u043a\u0438\u0439. \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 \u043f\u0435\u0440\u0444\u043e\u043c\u0430\u043d\u0441\u043e\u043c \u0441\u0430\u0439\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0438 \u0413\u0443\u0433\u043b\u0443<\/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\/vk\/blog\/594633\/\">\u041a\u0430\u043a \u043c\u044b \u043e\u0442\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u043e\u0442 JPEG, JSON, TCP \u0438 \u0443\u0441\u043a\u043e\u0440\u0438\u043b\u0438 \u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435 \u0432 \u0434\u0432\u0430 \u0440\u0430\u0437\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:\/\/blog.bitsrc.io\/web-workers-a-step-by-step-guide-to-boosting-performance-with-web-workers-11307238b36e\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u0432\u044b\u0441\u044c\u0442\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Web Workers: \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c<\/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:\/\/adrianroselli.com\/2022\/01\/accessible-cart-tables.html\" rel=\"nofollow noopener noreferrer\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u043a\u043e\u0440\u0437\u0438\u043d\u044b \u043f\u0440\u043e\u0434\u0443\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:\/\/uxdesign.cc\/hitchhikers-guide-to-image-accessibility-e121b9a4ecee\" rel=\"nofollow noopener noreferrer\">\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>\u042d\u0444\u0444\u0435\u043a\u0442\u044b<\/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\/647021\/\">7 + 1 \u0441\u043f\u043e\u0441\u043e\u0431 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043f\u0438\u043d\u043d\u0435\u0440<\/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\/2022\/01\/19\/animate-anything-along-an-svg-path\/\" rel=\"nofollow noopener noreferrer\">\u0410\u043d\u0438\u043c\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e \u0443\u0433\u043e\u0434\u043d\u043e \u0432\u0434\u043e\u043b\u044c SVG Path <\/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\/2022\/01\/20\/inspirational-websites-roundup-33\/\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432 \u00abInspirational Websites Roundup\u00bb #33<\/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:\/\/css-tricks.com\/css-dappled-light-effect\/\" rel=\"nofollow noopener noreferrer\">\u042d\u0444\u0444\u0435\u043a\u0442 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u044b\u0445 \u043f\u044f\u0442\u0435\u043d \u0441\u0432\u0435\u0442\u0430 \u043d\u0430 CSS<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<h3><font color=\"#349A48\"><a name=\"css\"><\/a> CSS<\/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\/post\/646089\/\">\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439<\/a><br \/>  \u2022 <a href=\"https:\/\/css-live.ru\/vecssti-s-polej\/roditelskomu-selektoru-has-skoree-vsego-zapretyat-byt-vlozhennym.html\" rel=\"nofollow noopener noreferrer\">\u00ab\u0420\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443\u00bb :has(), \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0437\u0430\u043f\u0440\u0435\u0442\u044f\u0442 \u0431\u044b\u0442\u044c \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c<\/a><br \/>  \u2022 <a href=\"https:\/\/css-live.ru\/tricks\/border-image-gradients-sorcery.html\" rel=\"nofollow noopener noreferrer\">\u0422\u0451\u043c\u043d\u0430\u044f \u0441\u0442\u043e\u0440\u043e\u043d\u0430 CSS: \u0432\u044b\u0445\u043e\u0434\u0438\u043c \u0437\u0430 \u0440\u0430\u043c\u043a\u0438 \u0438 \u0432\u0437\u0440\u044b\u0432\u0430\u0435\u043c \u0437\u0432\u0435\u0437\u0434\u044b \u0441 border-image \u0438 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430\u043c\u0438<\/a><br \/>  \u2022 <a href=\"https:\/\/css-live.ru\/vecssti-s-polej\/pervyj-publichnyj-chernovik-css-kaskada-5-urovnya.html\" rel=\"nofollow noopener noreferrer\">\u041f\u0435\u0440\u0432\u044b\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a CSS-\u043a\u0430\u0441\u043a\u0430\u0434\u0430 5 \u0443\u0440\u043e\u0432\u043d\u044f<\/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\/2022\/01\/modern-fluid-typography-css-clamp\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0433\u0438\u0431\u043a\u0430\u044f \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c CSS Clamp<\/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:\/\/ishadeed.com\/article\/building-components-svg-css\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SVG \u0438 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:\/\/css-tricks.com\/whats-new-since-css3\/\" rel=\"nofollow noopener noreferrer\">\u0427\u0442\u043e \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u0432 CSS \u043f\u043e\u0441\u043b\u0435 \u00abCSS3\u00bb?<\/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.scottlogic.com\/2022\/01\/20\/noJS-making-a-calculator-in-pure-css-html.html\" rel=\"nofollow noopener noreferrer\">NoJS \u2014 \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0438\u0441\u0442\u043e\u0433\u043e HTML \u0438 CSS. No 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:\/\/www.bram.us\/2022\/01\/20\/detect-at-rule-support-with-the-at-rule-function\/\" rel=\"nofollow noopener noreferrer\">\u0411\u0443\u0434\u0443\u0449\u0435\u0435 CSS: \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0439\u0442\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 at-rule \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e @supports at-rule(@keyword)<\/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:\/\/kilianvalkhof.com\/2022\/css-html\/comparing-css-specificity-values\/\" rel=\"nofollow noopener noreferrer\">\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u043e\u0441\u0442\u0438 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\/how-to-use-css-before-after-create-custom-animations-transitions\/\" rel=\"nofollow noopener noreferrer\">\u041a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c CSS ::before \u0438 ::after \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\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\/create-responsive-mobile-menu-with-css-no-javascript\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS \u0431\u0435\u0437 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:\/\/blog.logrocket.com\/advanced-guide-setting-colors-css\/\" rel=\"nofollow noopener noreferrer\">\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 \u0446\u0432\u0435\u0442\u043e\u0432 \u0432 CSS<\/a><\/p>\n<h3><font color=\"#349A48\"><a name=\"js\"><\/a> JavaScript<\/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\/timeweb\/blog\/646831\/\">JavaScript: \u0437\u0430\u0445\u0432\u0430\u0442 \u043c\u0435\u0434\u0438\u0430\u043f\u043e\u0442\u043e\u043a\u0430 \u0438\u0437 DOM \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/a><br \/>  \u2022 <a href=\"https:\/\/tproger.ru\/articles\/trendy-javascript-v-2022-godu\/\" rel=\"nofollow noopener noreferrer\">\u0422\u0440\u0435\u043d\u0434\u044b JavaScript \u0432 2022 \u0433\u043e\u0434\u0443<\/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=nBeUtwXcjp0\" rel=\"nofollow noopener noreferrer\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043c\u0435\u0442\u043e\u0434 bind? 30 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f 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:\/\/remix.run\/blog\/remix-vs-next\" rel=\"nofollow noopener noreferrer\">Remix vs Next.js <\/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:\/\/kittygiraudel.com\/2022\/01\/21\/exploiting-javascript-quirks-for-fun-and-profit\/\" rel=\"nofollow noopener noreferrer\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 JavaScript \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u0431\u044b\u043b\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:\/\/dev.to\/alexandromtzg\/launching-saasfrontends-v10-kg\" rel=\"nofollow noopener noreferrer\">SaasFrontends \u2014 \u0448\u0430\u0431\u043b\u043e\u043d\u044b Vue2, Vue3, React \u0438 Svelte<\/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:\/\/2ality.com\/2022\/01\/structured-clone.html\" rel=\"nofollow noopener noreferrer\">StructuredClone(): \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \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:\/\/blog.openreplay.com\/i-built-a-blog-with-remixjs-so-you-don-t-have-to-you-re-welcome\" rel=\"nofollow noopener noreferrer\">\u042f \u0441\u043e\u0437\u0434\u0430\u043b \u0431\u043b\u043e\u0433 \u043d\u0430 RemixJS, \u0442\u0430\u043a \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u044d\u0442\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0442\u044c (\u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430)<\/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\/alfa\/blog\/647013\/\">\u0423\u043b\u0443\u0447\u0448\u0430\u0435\u043c \u0434\u0438\u0437\u0430\u0439\u043d React \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Compound components<\/a><br \/>  \u2022 <a href=\"https:\/\/css-live.ru\/javascript\/zapashki-koda-react-komponentov.html\" rel=\"nofollow noopener noreferrer\">\u00ab\u0417\u0430\u043f\u0430\u0448\u043a\u0438\u00bb \u043a\u043e\u0434\u0430 React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\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.openreplay.com\/top-6-react-state-management-libraries-for-2022\" rel=\"nofollow noopener noreferrer\">\u0428\u0435\u0441\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c React \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\/enterprise-react-in-2022-3126ed43ba58\" rel=\"nofollow noopener noreferrer\">Enterprise React \u0432 2022<\/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.peerlist.io\/everything-about-our-migration-from-reactjs-to-nextjs\/\" rel=\"nofollow noopener noreferrer\">\u0412\u0441\u0435 \u043e \u043d\u0430\u0448\u0435\u0439 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 ReactJS \u043d\u0430 NextJS<\/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:\/\/thoughtspile.github.io\/2022\/01\/17\/jsx-conditionals\/\" rel=\"nofollow noopener noreferrer\">\u0425\u043e\u0440\u043e\u0448\u0438\u0439 \u0441\u043e\u0432\u0435\u0442 \u043f\u043e \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u043c \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c JSX<\/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:\/\/alexsergey.github.io\/rockpack\/\" rel=\"nofollow noopener noreferrer\">Rockpack \u2014 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0431\u044b\u0441\u0442\u0440\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c React \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 Server Side Rendering, \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u043c Webpack 5, Jest, Eslint, Typescript.<\/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\/xgeeks\/clean-up-your-react-component-types-45acec85d4c3\" rel=\"nofollow noopener noreferrer\">\u0427\u0438\u0441\u0442\u043a\u0430 \u0442\u0438\u043f\u043e\u0432 \u0432 React \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\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.logrocket.com\/exploring-react-18-three-new-apis\/\" rel=\"nofollow noopener noreferrer\">\u0418\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0440\u0435\u0445 \u043d\u043e\u0432\u044b\u0445 API React 18<\/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.vuejs.org\/posts\/vue-3-as-the-new-default.html\" rel=\"nofollow noopener noreferrer\">Vue 3 \u043a\u0430\u043a \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 <\/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:\/\/github.com\/nuxt-modules\/lazy-load\" rel=\"nofollow noopener noreferrer\">\u041c\u043e\u0434\u0443\u043b\u044c \u043b\u0435\u043d\u0438\u0432\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0434\u043b\u044f Nuxt 3<\/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:\/\/abhimanyuchauhan-61309.medium.com\/vue-3-programmatic-component-design-a1a20f853a4b\" rel=\"nofollow noopener noreferrer\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Vue 3<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>Angular<\/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.angular.io\/angular-2021-recap-and-2022-preview-cb3067f76217\" rel=\"nofollow noopener noreferrer\">\u0418\u0442\u043e\u0433\u0438 2021 \u0433\u043e\u0434\u0430 \u0434\u043b\u044f Angular \u0438 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043e\u0431\u0437\u043e\u0440 2022<\/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\/angular-form-typings-support-that-every-dev-needs-e198d4c1b63d\" rel=\"nofollow noopener noreferrer\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u0438 Angular Form, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0443\u0436\u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443<\/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:\/\/dev.to\/angular\/component-first-state-management-for-angular-standalone-components-3l1a\" rel=\"nofollow noopener noreferrer\">Component-First State Management \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Angular<\/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:\/\/dev.to\/sanity-io\/how-to-create-a-progressive-web-app-with-angular-2dgi\" rel=\"nofollow noopener noreferrer\">\u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Angular<\/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:\/\/levelup.gitconnected.com\/svelte-all-the-nice-things-of-a-framework-without-the-framework-fc910d291067\" rel=\"nofollow noopener noreferrer\">Svelte: \u0432\u0441\u0435 \u043f\u0440\u0435\u043b\u0435\u0441\u0442\u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u2014 \u0431\u0435\u0437 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\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:\/\/blog.logrocket.com\/building-svelte-micro-frontends-podium\/\" rel=\"nofollow noopener noreferrer\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0438\u043a\u0440\u043e\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 Svelte \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Podium<\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<ul>\n<li><strong>Libs &amp; Plugins<\/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:\/\/www.bennadel.com\/blog\/4184-replacing-jquery-110kb-with-umbrella-js-8kb.htm\" rel=\"nofollow noopener noreferrer\">\u0417\u0430\u043c\u0435\u043d\u0430 jQuery (110 \u041a\u0411) \u043d\u0430 Umbrella JS (8 \u041a\u0411)<\/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:\/\/css-tricks.com\/vitepwa-plugin-offline-service-worker\/\" rel=\"nofollow noopener noreferrer\">\u041a\u0430\u043a \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0430\u0439\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043b\u0430\u0433\u0438\u043d\u0430 VitePWA <\/a>  <\/li>\n<\/ul>\n<p>  <\/p>\n<h3><font color=\"#349A48\"><a name=\"browser\"><\/a> \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/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\/646137\/\">Firefox \u043e\u0441\u0442\u0430\u043b\u0441\u044f \u043e\u0434\u0438\u043d<\/a><br \/>  \u2022 <a href=\"https:\/\/vc.ru\/services\/350392-opera-vypustila-otkrytuyu-beta-versiyu-brauzera-so-vstroennym-kriptokoshelkom\" rel=\"nofollow noopener noreferrer\">Opera \u0432\u044b\u043f\u0443\u0441\u0442\u0438\u043b\u0430 \u043e\u0442\u043a\u0440\u044b\u0442\u0443\u044e \u0431\u0435\u0442\u0430-\u0432\u0435\u0440\u0441\u0438\u044e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0441\u043e \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u043c \u043a\u0440\u0438\u043f\u0442\u043e\u043a\u043e\u0448\u0435\u043b\u044c\u043a\u043e\u043c<\/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=uuzu2QxjMZ4\" rel=\"nofollow noopener noreferrer\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u2014 \u0432\u043e\u0439\u043d\u0430 \u0437\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f<\/a><\/p>\n<p>  <a href=\"https:\/\/habr.com\/ru\/post\/645913\/\">\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<\/div>\n<div class=\"v-portal\" style=\"display:none;\"><\/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\/647329\/\"> https:\/\/habr.com\/ru\/post\/647329\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div 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\/fp\/hh\/2x\/fphh2xyim9zi5iedopuz0zvflx8.jpeg\" data-src=\"https:\/\/habrastorage.org\/webt\/fp\/hh\/2x\/fphh2xyim9zi5iedopuz0zvflx8.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-328447","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/328447","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=328447"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/328447\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=328447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=328447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=328447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}