{"id":387235,"date":"2024-06-29T07:12:48","date_gmt":"2024-06-29T07:12:48","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=387235"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=387235","title":{"rendered":"<span>\u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c 2, \u0438\u043b\u0438 \u0437\u0430\u0447\u0435\u043c \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0435\u0449\u0435 \u043e\u0434\u043d\u0443 UI-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u043c\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 npm-\u043c\u043e\u0434\u0443\u043b\u044c?<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/580\/9ef\/8ac\/5809ef8aca028d84b97bae2d5bc1d394.jpg\" alt=\"\u0421\u043f\u043e\u0439\u043b\u0435\u0440: \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\" title=\"\u0421\u043f\u043e\u0439\u043b\u0435\u0440: \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\" width=\"780\" height=\"163\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/580\/9ef\/8ac\/5809ef8aca028d84b97bae2d5bc1d394.jpg\" data-blurred=\"true\"\/><figcaption>\u0421\u043f\u043e\u0439\u043b\u0435\u0440: \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d<\/figcaption><\/figure>\n<p>\u042d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435\u043c \u043c\u043e\u0435\u0433\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u0434\u043b\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u043e\u0431 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u0430\u0445 \u043a \u0432\u0435\u0440\u0441\u0442\u043a\u0435 <a href=\"https:\/\/good-layout-book.netlify.app\/\" rel=\"noopener noreferrer nofollow\"><u>\u041a\u0430\u043a \u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0431\u044b\u0441\u0442\u0440\u043e, \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e<\/u><\/a>. \u041d\u043e, \u0435\u0441\u043b\u0438, \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u0442\u0440\u0430\u043a\u0442\u0430\u0442\u0435, \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0443\u0434\u0435\u043b\u044f\u043b\u043e\u0441\u044c, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u0441\u0442\u0438\u043b\u044e \u043a\u043e\u0434\u0430, \u0435\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0443 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u043d\u044b\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u0432 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u0447\u0442\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0434\u0430\u0447\u0430\u0445, \u0442\u0435\u043f\u0435\u0440\u044c \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u0430\u0445 \u0432\u0435\u0431-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0447\u0438\u0442\u0430\u043b\u0438 \u043c\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442, \u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0447\u0435\u0441\u0442\u044c \u044d\u0442\u043e\u0442 \u2014 \u043d\u0435 \u043f\u043e\u043b\u0435\u043d\u0438\u0442\u0435\u0441\u044c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435 \u0438 \u043f\u0440\u043e\u0431\u0435\u0436\u0430\u0442\u044c \u0433\u043b\u0430\u0437\u0430\u043c\u0438 \u0441\u0430\u043c\u044b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044b \u043a\u0430\u0436\u0434\u043e\u0439 \u0438\u0437 \u0434\u0432\u0443\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043e\u0441\u043e\u0431\u0438\u044f: \u00ab\u0413\u043e\u0442\u043e\u0432\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u00bb \u0438 \u00ab\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u044b\u00bb. \u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u0440\u044f\u043c\u043e \u0441 \u044d\u0442\u0438\u0445 \u043c\u0435\u0441\u0442 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u0438 \u0438\u0434\u0435\u0438: \u0438 \u043e \u043f\u0430\u0433\u0443\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0440\u0430\u0441\u043a\u0440\u0443\u0447\u0435\u043d\u043d\u044b\u0445-\u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u00ab\u043d\u0430 \u0432\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0445\u00bb UI-\u00ab\u0434\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u00bb-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0432\u0435\u0431-\u043c\u043e\u0440\u0434 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438, \u043e, \u043f\u043e \u0441\u0443\u0442\u0438, \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0445\u043e\u0442\u044f \u0431\u044b \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u044f\u0432\u043d\u044b\u0445 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0432\u0435\u0431-GUI \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435. \u041d\u043e \u044f \u043d\u0435 \u0441\u0442\u0430\u043d\u0443 \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f, \u0434\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044f, \u0447\u0442\u043e \u00ab\u043d\u0438 \u0432 \u043a\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Vuetify \u0438\u043b\u0438 AntDesign\u00bb \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0440\u0443\u043f\u043d\u044b\u0445 UI-\u0441\u0438\u0441\u0442\u0435\u043c \u0441 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\u043c. \u0412\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044c \u0441\u0435\u0431\u0435 <s>\u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u0433\u0435\u043c\u043e\u0440\u0440\u043e\u0439<\/s> \u043d\u0435\u043f\u0440\u043e\u043d\u0438\u0446\u0430\u0435\u043c\u044b\u0439 \u0441\u043b\u043e\u0439 \u043f\u043b\u043e\u0445\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e GUI \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u0438\u043b\u0438 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430! \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u0434\u0430\u0442\u0430\u043f\u0438\u043a\u0435\u0440 \u2014 \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u0438 \u0434\u043e\u043f\u0438\u043b\u0438\u0442\u0435 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u0434 \u0441\u0435\u0431\u044f. \u042d\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043c\u043e\u0436\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u0439\u0442\u0438 \u0438\u043b\u0438 \u0442\u0430\u043a \u0438 \u043d\u0435 \u043f\u0440\u0438\u0434\u0442\u0438 \u0441 \u0433\u043e\u0434\u0430\u043c\u0438 \u0442\u044f\u0436\u0435\u043b\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 CSS \u2014 \u00ab\u043a\u0440\u044f\u043a\u0438 \u0441 !important`\u0430\u043c\u0438 \u043f\u043e\u0432\u0435\u0440\u0445 \u0441\u0442\u0438\u043b\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438\u00bb, \u0432\u044b\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u0447\u0443\u0434\u043d\u044b\u0435 \u043a\u043e\u0441\u0442\u044b\u043b\u0438 \u043d\u0430 javascript \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u043d\u0430 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0435 \u0438 \u0445\u0438\u0442\u0440\u043e\u0435-\u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0435 \u0437\u0430\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438&#8230; \u0418, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c, \u0432\u0430\u0448\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u044b, \u0441\u0442\u0438\u043b\u0438 \u0438 js-\u043e\u0431\u0432\u044f\u0437\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0432\u043e \u0432\u0441\u0435 \u043c\u0435\u043d\u0435\u0435 \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0435, \u0437\u0430\u043f\u0443\u0442\u0430\u043d\u043d\u044b\u0435 \u043d\u0430\u0433\u0440\u043e\u043c\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0441 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c \u043a \u043d\u0430\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044e \u0438 \u043f\u0440\u043e\u0447\u0438\u043c\u0438 \u0431\u0435\u0434\u0430\u043c\u0438\u2026 \u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u0440\u0438\u0437\u0432\u0430\u043d\u044b \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u00ab\u0430 \u043a\u0430\u043a \u043d\u0430\u0434\u043e?\u00bb.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/0e7\/0c1\/5b5\/0e70c15b5652fbcb37a45c2a1311378f.jpeg\" alt=\"\u0421\u0438\u043c\u043e\u043d\u043e\u0432 \u0418\u0433\u043e\u0440\u044c \u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447. \u00ab\u0411\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u00bb. 1953 \u0433\u043e\u0434.\" title=\"\u0421\u0438\u043c\u043e\u043d\u043e\u0432 \u0418\u0433\u043e\u0440\u044c \u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447. \u00ab\u0411\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u00bb. 1953 \u0433\u043e\u0434.\" width=\"2423\" height=\"2160\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/0e7\/0c1\/5b5\/0e70c15b5652fbcb37a45c2a1311378f.jpeg\" data-blurred=\"true\"\/><figcaption>\u0421\u0438\u043c\u043e\u043d\u043e\u0432 \u0418\u0433\u043e\u0440\u044c \u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447. \u00ab\u0411\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u00bb. 1953 \u0433\u043e\u0434.<\/figcaption><\/figure>\n<p>\u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0439 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0438\u043d\u043e\u0439, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0441\u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0439, \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432 \u0438 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u0441 \u043d\u0438\u043c\u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439. \u0427\u0430\u0441\u0442\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043e\u0434\u0438\u043d \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431, \u0438, \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435, \u0441\u0442\u0430\u0433\u043d\u0438\u0440\u0443\u044e\u0442 \u0432 \u043e\u0431\u0449\u0435\u043c \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438. \u041f\u0440\u0438\u0432\u044b\u0447\u043a\u0438 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u044e\u0442 \u0443\u0434\u043e\u0431\u043d\u0443\u044e \u0437\u043e\u043d\u0443 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u0430 \u0438 \u044d\u0442\u043e \u043c\u0435\u0448\u0430\u0435\u0442 \u043e\u0441\u043e\u0437\u043d\u0430\u0442\u044c \u0440\u0438\u0441\u043a\u0438 \u0432 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\u0445 \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043e\u043d\u0438 \u043d\u0435\u0430\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u044b. \u0417\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a\u043e\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442 \u043c\u043d\u0435 \u0443\u0436\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0441\u043b\u044b\u0448\u0430\u0442\u044c \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u0438 \u043e\u0442 \u043e\u043f\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u0449\u0438\u0449\u0430\u0432\u0448\u0438\u0445 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u0443\u044e \u0434\u043b\u044f \u043d\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u043d\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u043f\u0440\u0438\u0433\u043e\u0434\u043d\u0443\u044e, \u043d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434, \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0443\u0449\u0438\u0445 \u043d\u0430\u0441\u0443\u0449\u043d\u044b\u0445 \u0437\u0430\u0434\u0430\u0447, \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0441\u0440\u043e\u043a\u043e\u0432? \u00ab\u041d\u0443 \u044d\u0442\u043e \u0436\u0435 <em>\u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u0430\u044f<\/em> \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f?\u00bb, \u00ab\u0413\u0443\u0433\u043b, \u0424\u0435\u0439\u0441\u0431\u0443\u043a, \u2026 \u044d\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442, \u0447\u0435\u043c \u043c\u044b \u0445\u0443\u0436\u0435\u00bb&#8230; \u0415\u0441\u043b\u0438 \u0432\u044b \u0441\u043b\u044b\u0448\u0438\u0442\u0435 \u043e\u0442 \u043a\u043e\u0433\u043e-\u0442\u043e, \u0447\u0442\u043e \u043d\u0435\u0447\u0442\u043e, \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0435\u0435\u0441\u044f \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u043c\u0443 \u0432\u0441\u0435\u043c\u0438 \u043d\u0430\u043c\u0438 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u043c\u0443 \u043f\u0435\u0440\u0435\u0447\u043d\u044e \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 \u2014 \u00ab\u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u043e\u00bb, \u044d\u0442\u043e \u043f\u043e\u0432\u043e\u0434 \u0441\u0440\u0430\u0437\u0443 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0432\u0430\u0448 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043d\u0438\u043a \u0438\u043c\u0435\u0435\u0442 \u043c\u0430\u043b\u043e \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u0432 \u044d\u0442\u043e\u043c \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u043b\u0435\u043d\u044c \u0438 \u043d\u0435\u0436\u0435\u043b\u0430\u043d\u0438\u0435 \u0443\u0447\u0438\u0442\u044c\u0441\u044f \u043d\u043e\u0432\u043e\u043c\u0443. \u0420\u044f\u0434\u043e\u043c \u0441 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u043f\u0440\u043e \u0441\u0442\u0440\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0438\u0441\u0442\u0440\u0430\u0441\u0442\u0438\u044f \u0430\u043a\u0443\u043b \u043a\u0430\u043f\u0438\u0442\u0430\u043b\u0438\u0437\u043c\u0430 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0435\u0449\u0435 \u0438 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u0441\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u043e \u00ab\u043d\u0430\u0448\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u043d\u0435 \u0432\u0441\u0435 \u0437\u043d\u0430\u044e\u0442 Stylus\u00bb, \u043f\u0440\u0438 \u0442\u043e\u043c \u0447\u0442\u043e, \u043b\u044e\u0431\u043e\u0439 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 CSS \u0434\u0430\u0436\u0435 \u0438 \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u0441\u043f\u043e\u0441\u043e\u0431\u0435\u043d \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u0434\u043e \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u0437\u0430 \u043e\u0434\u0438\u043d \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0432\u0435\u0447\u0435\u0440. \u041c\u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u0440\u0430\u0432\u0438\u043b\u043e\u0441\u044c \u043c\u0435\u043d\u044f\u0442\u044c \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u044b \u2014 \u044d\u0442\u043e \u043e\u0441\u0432\u0435\u0436\u0430\u0435\u0442 \u0438 \u043f\u0440\u0438\u0434\u0430\u0435\u0442 \u0434\u0440\u0430\u0439\u0432\u0443, \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435. \u0418 \u0438\u043c\u0435\u043d\u043d\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0441 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f\u043c\u0438 \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043b \u043c\u043e\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043e \u0442\u043e\u043c \u00ab\u0447\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e, \u0447\u0442\u043e \u043f\u043b\u043e\u0445\u043e\u00bb \u0432 \u0442\u0435\u0445 \u0438\u043b\u0438 \u0438\u043d\u044b\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\u0445.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/939\/e73\/396\/939e7339689cd38cfd7a789ed13f440d.jpg\" alt=\"\u0417\u0430\u043a\u043e\u043d \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0447\u0435\u0441\u0442\u0438!\" title=\"\u0417\u0430\u043a\u043e\u043d \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0447\u0435\u0441\u0442\u0438!\" width=\"2495\" height=\"1396\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/939\/e73\/396\/939e7339689cd38cfd7a789ed13f440d.jpg\" data-blurred=\"true\"\/><figcaption>\u0417\u0430\u043a\u043e\u043d \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0447\u0435\u0441\u0442\u0438!<\/figcaption><\/figure>\n<p>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u044f \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u043d\u0430\u043a\u043e\u043f\u043b\u044e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0437\u043b\u043e\u0441\u0442\u0438 \u0438 \u043d\u0430\u0439\u0434\u0443 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0445 \u0432\u043e\u043f\u0438\u044e\u0449\u0438\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u00ab\u0430 \u043f\u043e\u0447\u0435\u043c\u0443 \u0432\u043e\u0442 \u044d\u0442\u043e \u043f\u043b\u043e\u0445\u043e?\u00bb. \u041d\u043e \u044d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u0438 \u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0434\u0443\u043b\u044f \u043e \u0442\u043e\u043c \u00ab\u043a\u0430\u043a \u043d\u0430\u0434\u043e?\u00bb, \u0447\u0442\u043e \u0442\u043e\u0447\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e. \u0415\u0441\u043b\u0438 \u0432\u044b \u044f\u0432\u043b\u044f\u0435\u0442\u0435\u0441\u044c \u0443\u043f\u0435\u0440\u0442\u044b\u043c \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u043a\u043e\u043c CSS-in-JS-\u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432, \u0438\u043b\u0438, \u0432\u043e\u043e\u0431\u0449\u0435, \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043d\u0430\u043d\u043e\u0441\u0438\u0442\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0432 \u00ab\u0431\u043e\u0440\u043e\u0434\u0430\u0442\u043e\u043c\u00bb \u00ab\u0443\u0442\u0438\u043b\u0438\u0442\u0430\u0440\u043d\u043e\u043c\u00bb \u0441\u0442\u0438\u043b\u0435 \u00ab\u043c\u043d\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0441 \u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0445 \u043e\u0434\u043d\u043e-\u0434\u0432\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u043e\u00bb (\u0442\u0443\u0442 \u0443\u043c\u0435\u0441\u0442\u043d\u043e \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0443\u0436\u0435 \u00ab\u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0443\u044e\u00bb \u2014 CSS-in-JS \u2014 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e <a href=\"https:\/\/tailwindcss.com\/\" rel=\"noopener noreferrer nofollow\">Tailwind<\/a> \u0441 \u0435\u0435 \u043e\u0433\u043e\u043b\u0442\u0435\u043b\u044b\u043c \u0441\u043b\u043e\u0433\u0430\u043d\u043e\u043c-\u043e\u043a\u0441\u044e\u043c\u043e\u0440\u043e\u043d\u043e\u043c: \u00ab&#187;Best practices\u201d don\u2019t actually work\u00bb.) \u2014 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u043d\u0430\u044f \u0438 \u0432 \u043c\u043e\u0435\u0439 \u043f\u0435\u0440\u0432\u043e\u0439 \u043a\u043d\u0438\u0436\u043a\u0435 \u0438 \u0432 \u0435\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0438 \u2014 \u0437\u0434\u0435\u0441\u044c \u2014 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0430\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043b\u044e\u0431\u043e\u0439 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u043a\u0430\u043a \u00ab\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043c\u0435\u0434\u0438\u0430\u0442\u043e\u0440 \u0441\u0442\u0438\u043b\u0435\u0439\u00bb \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0434\u0438\u0437\u0430\u0439\u043d-\u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442 \u0438 \u043f\u0440\u043e\u0447\u0435\u0439 \u0441\u0442\u0438\u043b\u0435\u0432\u043e\u0439 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u0438 \u0441\u0430\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f, \u043f\u0440\u043e\u0441\u0442\u0438\u0442\u0435 \u0437\u0430 \u0441\u043f\u043b\u043e\u0448\u043d\u0443\u044e \u0442\u0430\u0432\u0442\u043e\u043b\u043e\u0433\u0438\u044e \u2014 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e\u0439 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0441\u0442\u0438 \u2014 \u0432\u0430\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u043d\u0435 \u0437\u0430\u0439\u0434\u0435\u0442, \u043d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u043f\u044b\u0442\u043a\u0438 \u043f\u043e\u0441\u0430\u0434\u0438\u0442\u044c Styled Components \u043d\u0430 \u0434\u0438\u0437\u0430\u0439\u043d-\u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u043f\u0440\u0438\u0432\u043e\u0434\u044f\u0442 \u043a \u0431\u0435\u0437\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u043c\u0443 \u043a\u043e\u0434\u0443 \u0432 \u0442\u0430\u043a\u0438\u0445 \u00ab\u0441\u0442\u0438\u043b\u044f\u0445\u00bb&#8230; \u0418\u043b\u0438 \u0443\u0442\u0438\u043b\u0438\u0442\u044b \u00ab\u0438\u0448\u0430\u043a \u0432\u0438\u0436\u0443 \u2014 \u0438\u0449\u0430\u043a \u043f\u043e\u044e\u00bb \u00ab\u0432 \u0441\u0442\u0438\u043b\u0435 Taiwind\u00bb \u0432\u043f\u043e\u043b\u043d\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u00ab\u0430\u0442\u043e\u043c\u044b\u00bb, \u043d\u043e \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u044e\u0442 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u044c \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0438 \u0447\u0430\u0441\u0442\u044b\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439, \u043d\u0443 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u2014 \u0442\u0430\u043a\u0436\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0438\u0437\u043b\u0438\u0448\u043d\u0435-\u043d\u0435\u0432\u043c\u0435\u043d\u044f\u0435\u043c\u043e \u0443\u0436\u0435 \u043d\u0430 \u0441\u0430\u043c\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435. \u042f \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0433\u0434\u0435 \u043f\u0440\u0438\u043a\u0440\u0443\u0447\u0435\u043d\u043e \u00ab\u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u0440\u0430\u0437\u0443 \u0432\u0441\u0435\u00bb \u2014 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440, CSS-\u043c\u043e\u0434\u0443\u043b\u0438 \u0438 Styled Components, Flow \u043a \u0437\u0430\u0447\u0435\u043c-\u0442\u043e \u201c\u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u043e\u043c\u0443\u201d CRA, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u2014 \u0438 \u044d\u0442\u043e \u0443\u0436\u0435 \u0434\u0430\u0436\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u00ab\u043e\u0432\u0435\u0440\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u043e\u043c\u00bb, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0433\u043b\u0443\u043f\u043e\u0441\u0442\u044c \u0438 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043f\u043b\u043e\u0445\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0440\u0430\u0441\u043a\u0430\u044f\u043d\u0438\u0435 \u0438 \u043e\u0442\u0440\u0435\u0437\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0441\u0442\u0443\u043f\u0438\u0442 \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u043e\u043f\u044f\u0442\u044c \u043f\u0440\u0435\u0432\u044b\u0441\u0438\u0442\u0435 \u0441\u0440\u043e\u043a\u0438 \u0438 \u0431\u044e\u0434\u0436\u0435\u0442 \u043d\u0430 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432 \u043f\u044f\u0442\u044c, \u0434\u0430, \u041a\u0430\u0440\u043b, \u043f\u044f\u0442\u044c \u0440\u0430\u0437 \u2014 \u0438 \u0442\u0430\u043a\u043e\u0435 \u0431\u044b\u0432\u0430\u0435\u0442 \u0441\u043f\u043b\u043e\u0448\u044c \u0438 \u0440\u044f\u0434\u043e\u043c. \u0418\/\u0438\u043b\u0438 \u2014 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b, \u043f\u043e \u043f\u0440\u043e\u0441\u044c\u0431\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043d\u0438\u043a\u0430\u043a \u043d\u0435\u043b\u044c\u0437\u044f \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0440\u0430\u0437 \u00ab\u0432\u0441\u0435 \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u0430\u044e\u0442\u00bb \u0432 \u043c\u0430\u043a\u0435\u0442\u0430\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u00ab\u0443\u0436\u0435 \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u043d\u044b\u00bb\u2026<\/p>\n<h2>\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f<\/h2>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u0447\u0435\u0442\u043a\u043e \u043e\u0431\u0440\u0438\u0441\u0443\u0435\u043c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0440\u0435\u0448\u0430\u0442\u044c. \u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u043c\u0438\u0440\u0435, \u0432 \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u0438\u0445 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u0445 \u2014 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0438\u043a\u0430\u043a \u043d\u0435 \u00ab\u0434\u0440\u0443\u0436\u0438\u0442\u00bb \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439, \u043e\u0431\u0449\u0430\u044f\u0441\u044c, \u043f\u043e \u0441\u0443\u0442\u0438 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0435 \u00ab\u043c\u0430\u043a\u0435\u0442\u044b\u00bb. \u0414\u0430\u0436\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u043f\u044b\u0442\u043d\u044b\u0435 \u00ab\u0444\u0443\u043b\u043b\u044b\u00bb, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0435\u0442 \u043d\u0430\u043d\u0438\u043c\u0430\u0442\u044c \u00ab\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u043e\u0432\u00bb, \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0442\u043e \u0434\u0435\u043b\u0435, \u0432\u0435\u0440\u0441\u0442\u0430\u044e\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u0441\u043b\u0430\u0431\u043e. \u041a\u043e\u0434\u0435\u0440\u044b \u0441\u0434\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u043c \u0441\u0430\u043c\u0438\u043c \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e <s>\u0438\u0437 \u043a\u0430\u043a\u043e\u0433\u043e \u0433\u0430\u0432\u043d\u0430<\/s> \u043a\u0430\u043a \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u2014 \u0442\u0443\u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0442 \u0438\u0445 \u0441 \u043c\u0430\u043a\u0435\u0442\u0430\u043c\u0438 \u2014 \u0437\u0430\u043c\u044b\u043a\u0430\u044f \u043f\u043e\u0440\u043e\u0447\u043d\u044b\u0439 \u043a\u0440\u0443\u0433. \u041e\u0431\u044b\u0447\u043d\u043e \u0438, \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435, \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u0436\u0435\u0441\u0442\u043a\u0438\u0445 \u0434\u0435\u0434\u043b\u0430\u0439\u043d\u043e\u0432 \u0438\/\u0438\u043b\u0438 \u0432 \u0440\u0430\u0437\u043d\u043e\u0448\u0435\u0440\u0441\u0442\u043d\u044b\u0445, \u043d\u0430\u0441\u043f\u0435\u0445 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u0445 \u0438\u0437 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u0441 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043a\u0438\u043b\u0430\u043c\u0438 \u0438 \u043e\u043f\u044b\u0442\u043e\u043c \u2014 \u0431\u044b\u0432\u0430\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u0441\u043b\u043e\u0436\u043d\u043e \u0432\u0432\u0435\u0441\u0442\u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f. \u041e\u0431\u0449\u0438\u0439 \u0444\u043e\u043a\u0443\u0441 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u043d\u0435\u043c\u0438\u043d\u0443\u0435\u043c\u043e \u0441\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0442\u043e \u0447\u0442\u043e\u0431\u044b \u00ab\u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0445\u043e\u0442\u044c \u043a\u0430\u043a-\u043d\u0438\u0431\u0443\u0434\u044c\u00bb, \u00ab\u043f\u0440\u043e\u0442\u043e\u043b\u043a\u043d\u0443\u0432\u00bb \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0433\u0430\u0432\u043d\u043e\u043a\u043e\u0434 \u0447\u0435\u0440\u0435\u0437 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u043e\u0432\u2026<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/f7c\/30c\/1c5\/f7c30c1c512aa0d079054f3e333ea531.jpg\" alt=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" title=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" width=\"1140\" height=\"641\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f7c\/30c\/1c5\/f7c30c1c512aa0d079054f3e333ea531.jpg\" data-blurred=\"true\"\/><figcaption>\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442<\/figcaption><\/figure>\n<p>\u0422\u0430\u043a\u0430\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043a\u0430\u043a \u0440\u0430\u0437 \u043e\u0447\u0435\u043d\u044c \u0432\u044b\u0433\u043e\u0434\u043d\u0430 \u043c\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u0430\u043c. \u041c\u0440\u0430\u043a\u043e\u0434\u0435\u043b \u043e\u0442\u0433\u043e\u0440\u0430\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u00ab\u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0432\u043e\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439\u00bb \u2014 \u00ab\u043c\u043e\u044f \u0445\u0430\u0442\u0430 \u0441\u043a\u0440\u0430\u044e\u00bb \u2014 \u0438 \u043f\u0438\u0448\u0435\u0442 \u0435\u0435 \u0442\u0430\u043a, \u043a\u0430\u043a \u0435\u043c\u0443 \u0443\u0434\u043e\u0431\u043d\u043e, \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044f best practices \u0438 \u043d\u0430\u043f\u0440\u044f\u0436\u043d\u044b\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f, \u0447\u0430\u0441\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0443 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u2014 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043b, \u0447\u0443\u0442\u043a\u0430 \u043f\u0435\u0440\u0435\u043a\u043e\u0432\u044b\u0440\u044f\u043b \u043f\u043e\u0434 \u043c\u0430\u043a\u0435\u0442\u044b \u2014 \u0443\u0448\u0435\u043b \u0433\u0443\u043b\u044f\u0442\u044c, \u0432\u0435\u0447\u0435\u0440\u043e\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b \u2014 \u0436\u0434\u0435\u0442 \u043a\u043e\u0433\u0434\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u0438 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u0432\u0435\u0440\u043d\u0443\u0442 \u043d\u0430 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0443\u2026 \u00ab\u0415\u0441\u0442\u044c \u0431\u0430\u0433\u0438 \u2014 \u0435\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430!\u00bb. \u00ab\u041f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u00bb \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u00ab\u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0443\u044e\u00bb \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e \u00ab\u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043a\u0443\u0441\u043a\u043e\u0432\u00bb \u2014 \u043b\u0430\u0432\u0438\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e \u0443\u0441\u0443\u0433\u0443\u0431\u043b\u044f\u044f \u043c\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u0438 \u0437\u0430\u043f\u0443\u0442\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0438\u043b\u0435\u0439, \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0438 js-\u043e\u0431\u0432\u044f\u0437\u043e\u043a \u0434\u043b\u044f \u043d\u0438\u0445. \u0418 \u0435\u0441\u043b\u0438 javascript \u0431\u044b\u0432\u0430\u0435\u0442 \u0435\u0449\u0435 \u0431\u043e\u043b\u0435\u0435-\u043c\u0435\u043d\u0435\u0435 \u0430\u0434\u0435\u043a\u0432\u0430\u0442\u0435\u043d, \u0432\u0441\u0435 \u0435\u0433\u043e \u00ab\u0443\u043c\u0435\u044e\u0442\u00bb \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u2014 \u0442\u043e \u0441\u0442\u0438\u043b\u0438 \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u0435\u0431\u0440\u0438 \u0438 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u0443\u044e \u0438\u0437\u043b\u0438\u0448\u043d\u044e\u044e \u043d\u0435\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u043a\u043e\u043b\u0431\u0430\u0441\u0443, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e \u043a\u0430\u043a\u0438\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f\u2026 \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e, \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0445\u043e\u0434\u044f\u0442 \u0447\u0438\u0442\u0430\u0442\u044c \u0440\u0435\u043f\u043e \u043c\u043e\u0433\u0443\u0442 \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u0442\u044c \u0432 \u043d\u0430\u0438\u0432\u043d\u043e\u0439 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0447\u0442\u043e \u00ab<em>\u0432\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u043e, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0430\u0436\u0430\u0442\u044c<\/em>\u00bb \u0438\u043b\u0438 \u0445\u043e\u0442\u044f \u0431\u044b \u2014 \u00ab<em>\u0432\u043e\u0442 \u044d\u0442\u043e \u0443\u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u043d\u0430 \u0442\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0438 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/em>\u00bb&#8230; \u041c\u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043f\u043e \u0441 \u0442\u043e\u043d\u043d\u043e\u0439 \u00ab\u0438\u043d\u0434\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u00bb \u2014 \u043d\u0435\u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043d\u0435\u0431\u0440\u0435\u0436\u043d\u043e\u0433\u043e \u0438 \u044f\u0432\u043d\u043e \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0446\u0435\u043b\u044b\u043c\u0438 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u043a\u0443\u0441\u043a\u0430\u043c\u0438 \u0438 \u0434\u0430\u0436\u0435 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u043a\u043e\u0434\u0430, \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044e\u0449\u0435\u0433\u043e \u0432\u043f\u043e\u043b\u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0439\u0441\u044f \u0443 \u0444\u0438\u0440\u043c\u044b \u0435\u0434\u0438\u043d\u044b\u0439 UI-\u043a\u0438\u0442, \u0435\u0433\u043e \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0441\u0442\u044c, \u0441 \u043f\u043e\u0441\u044b\u043b\u043e\u043c \u043e\u0442 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0447\u0442\u043e \u00ab\u0432\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u043e\u00bb, \u00ab\u043d\u0430\u0434\u043e \u0441\u043b\u0435\u0433\u043a\u0430 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c\u00bb\u2026 \u041c\u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0433\u043e\u0434\u0430\u043c\u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0437\u0430 \u00ab\u0442\u0438\u043c\u043b\u0438\u0434\u0430\u043c\u0438-\u0441\u0435\u043d\u044c\u043e\u0440\u0430\u043c\u0438\u00bb \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441 \u0443\u0436\u0430\u0441\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043e\u0439 \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u044e\u0449\u0435\u0439 \u0431\u044b\u0441\u0442\u0440\u0443\u044e \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u2014 \u0441\u043b\u043e\u0436\u043d\u043e\u0433\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430\u2026 \u041f\u0440\u0438\u0447\u0435\u043c, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u043b\u0438 \u2014 \u0441\u0430\u043c\u044b\u0435 \u0432\u0430\u0436\u043d\u044b\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u044b, \u0437\u0430\u0442\u043e \u0441 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u043c\u0438 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u00ab\u043c\u043e\u0434\u043d\u044b\u043c\u0438 \u0442\u0440\u0435\u043d\u0434\u0430\u043c\u0438\u00bb \u043f\u043e\u043a\u0443\u0440\u0430\u0436\u0438\u043b\u0438\u0441\u044c \u0432\u043e\u0432\u0441\u044e&#8230;<\/p>\n<p>\u042f \u0437\u0430\u043c\u0435\u0442\u0438\u043b \u0447\u0442\u043e \u0441 \u043c\u043e\u043b\u043e\u0434\u044b\u043c\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0430\u043c\u0438 \u0447\u0430\u0441\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u0434\u043e\u0431\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0449\u0435 \u0447\u0435\u043c \u0441 \u0437\u0430\u043a\u043e\u0441\u0442\u0435\u043d\u0435\u043b\u044b\u043c\u0438 \u0441\u0430\u043c\u043e\u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u043c\u0438 \u00ab\u0444\u0443\u043b\u043b\u0441\u0442\u0435\u043a\u0430\u043c\u0438\u00bb, \u0440\u0435\u0444\u043b\u0435\u043a\u0441\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0432\u043e\u044e \u043d\u0435\u0434\u043e\u043e\u0446\u0435\u043d\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438 \u043f\u0440\u043e\u0447\u0435\u0435\u2026 \u0420\u0435\u0431\u044f\u0442\u0430 \u043f\u043e\u043c\u043e\u043b\u043e\u0436\u0435 \u0435\u0449\u0435 \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u043b\u0438 \u0430\u0437\u0430\u0440\u0442 \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u043a \u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u044e\u0442, \u043d\u0435 \u0443\u0441\u043f\u0435\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043f\u0435\u0440\u0435\u0433\u043e\u0440\u0435\u0442\u044c, \u0443\u0441\u0442\u0430\u0442\u044c, \u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043a\u0430\u043a \u0440\u0430\u0437 \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0430\u0442\u044c \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u043c\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u0430\u043c\u0438, \u043e\u0442\u043a\u0440\u044b\u0442\u044b \u043d\u043e\u0432\u044b\u043c \u0438\u0434\u0435\u044f\u043c, \u043f\u043e\u0434\u0445\u043e\u0434\u0430\u043c, \u0438\u0449\u0443\u0442 \u0438 \u043f\u0435\u0440\u0435\u043d\u0438\u043c\u0430\u044e\u0442 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0441\u0442\u0438\u043b\u044c, \u0430\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u044e\u0442 \u043d\u0430 \u043a\u0440\u0438\u0442\u0438\u043a\u0443 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435.. \u0425\u043e\u0442\u044f \u0431\u044b\u0432\u0430\u044e\u0442 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0438 \u0441 \u0442\u0435\u043c\u0438, \u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438, \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u2026 \u041d\u043e \u0445\u0432\u0430\u0442\u0438\u0442\u044c \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0439 \u043b\u0438\u0440\u0438\u0447\u043d\u043e\u0439 \u0431\u043e\u043b\u0438 \u2014 \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0443\u0436\u0435 \u043a \u00ab\u0445\u043e\u0440\u043e\u0448\u0438\u043c \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430\u043c \u043f\u043e \u0413\u0430\u043c\u0431\u0430\u0440\u044f\u043d\u0443\u00bb\u2026<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/355\/6db\/3be\/3556db3be1030ed346dc06158550358e.jpeg\" alt=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" title=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" width=\"1467\" height=\"2048\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/355\/6db\/3be\/3556db3be1030ed346dc06158550358e.jpeg\" data-blurred=\"true\"\/><figcaption>\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442<\/figcaption><\/figure>\n<h2>\u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0439\u0442\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u044f\u0437\u044b\u043a \u0438 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u043d\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0441\u0432\u043e\u0438\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0447\u0435\u0442\u043a\u0438\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0430 \u043d\u0435 \u0445\u0430\u043e\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435!!!<\/h2>\n<p>\u041f\u043e \u043e\u043f\u044b\u0442\u0443, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e, \u0435\u0441\u043b\u0438 \u0440\u0435\u0447\u044c \u0438\u0434\u0435\u0442 \u043e \u00ab\u0431\u0440\u0435\u043d\u043d\u043e\u0439 \u0432\u044c\u044e\u0445\u0435\u00bb \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435, \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u0438\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0433\u043e\u0434\u043d\u0443\u044e \u043d\u0430 \u0432\u0441\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430 \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0443\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u00ab\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438\u043b\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043a\u0443\u0441\u043a\u043e\u0432 \u043a\u043e\u0434\u0430\u00bb \u0441 \u0434\u0435\u0432\u0438\u0437\u043e\u043c \u00ab\u0434\u0430 \u0445\u0437 \u0447\u0442\u043e \u0437\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u00bb \u2014 \u0438 \u0442\u0430\u043a\u043e\u0439 \u0443\u0436\u0435 \u0440\u0430\u0441\u043f\u0438\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0445\u0430\u0440\u0434\u043a\u043e\u0440-\u043a\u043e\u0434 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u0442\u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c, \u0442\u043e\u0447\u043d\u0435\u0435 \u2014 \u043f\u043e \u043e\u043f\u044b\u0442\u0443 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0443\u0434\u0430\u0447\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u043f\u043b\u044e\u0441, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b&#8230; \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\u0445 \u043c\u043e\u0436\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u00ab\u043f\u043e\u0434\u043c\u0435\u0441\u0442\u0438\u00bb \u0438 \u00ab\u0437\u0430\u043c\u043e\u0440\u043e\u0437\u0438\u0442\u044c\u00bb, \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u044f, \u043f\u043e \u0441\u0443\u0442\u0438, \u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043c\u0440\u0430\u043a \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0430 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u043b\u043e\u0445\u043e\u0439 \u043a\u043e\u0434 \u043a\u043e\u043b\u043b\u0435\u0433, \u0438\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u0435\u0430\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u044b\u043c\u0438 \u0437\u0430\u0434\u0430\u0447\u0430\u043c \u0438 \u0446\u0435\u043b\u044f\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430\u043c\u0438 \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u0435\u0434\u0448\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0438\u043a\u043e\u0432 \u0440\u0435\u0437\u043a\u043e \u0441\u043d\u0438\u0436\u0430\u0435\u0442 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0436\u0438\u0437\u043d\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u0432.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/dd6\/08c\/c50\/dd608cc50c7bbb7b060bfefe04e5cbb1.jpg\" alt=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" title=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" width=\"1000\" height=\"1379\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/dd6\/08c\/c50\/dd608cc50c7bbb7b060bfefe04e5cbb1.jpg\" data-blurred=\"true\"\/><figcaption>\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442<\/figcaption><\/figure>\n<p>\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0442\u0430\u043a\u0438\u0435 \u0436\u0435 \u043b\u0435\u043d\u0438\u0432\u044b\u0435, \u0445\u043e\u0442\u044c \u0438 \u043c\u044b\u0441\u043b\u044f\u0449\u0438\u0435, \u0436\u0438\u0432\u043e\u0442\u043d\u044b\u0435 \u043a\u0430\u043a \u0438 \u0432\u0441\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u043b\u044e\u0434\u0438 \u0438 \u043a\u043e\u0442\u044b. \u0414\u0430, \u043c\u043d\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043c\u043e\u0439 \u043f\u043e\u043b\u043e\u0441\u0430\u0442\u044b\u0439 \u043c\u043d\u043e\u0433\u043e \u0434\u0443\u043c\u0430\u0435\u0442 \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u0436\u0435 \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f&#8230; \u0412\u043e\u0442 \u0434\u0430\u0436\u0435 \u043a\u043e\u0442\u0438\u043a \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u0445 \u0441\u0432\u043e\u0435\u0433\u043e \u0443\u043c\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0442\u0440\u0443\u0434\u0430? \u0410 \u043c\u043d\u043e\u0433\u0438\u0435 \u0438\u0437 \u0432\u0430\u0441 \u043d\u0435 \u0442\u043e \u0447\u0442\u043e \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 \u2014 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u2014 \u043f\u0438\u0448\u0443\u0442 \u0442\u0430\u043a\u043e\u0439 \u043a\u043e\u0434 \u0447\u0442\u043e <s>\u044f \u0431\u044b \u0441\u0440\u0430\u0437\u0443 \u0443\u0432\u043e\u043b\u0438\u043b<\/s> <s>\u043a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0437\u0432\u0438\u0434\u0435\u0442\u044c<\/s>, \u043a \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043b\u044e\u0431\u044b\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u0438\u0437\u043b\u0438\u0448\u043d\u0438, \u0442\u0430\u043a \u0441\u043a\u0430\u0436\u0435\u043c. \u041f\u0440\u0438\u0447\u0435\u043c, \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043a\u043e\u0434\u0430 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435: \u00ab\u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435 \u0431\u044b\u043b\u043e\u00bb, \u00ab\u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c\u00bb, \u00ab\u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u043e\u00bb \u0438 \u0442\u043e\u043c\u0443 \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0435, \u00ab\u0431\u0443\u0434\u0435\u0442 \u0432\u0440\u0435\u043c\u044f \u2014 \u043f\u0435\u0440\u0435\u043f\u0438\u0448\u0435\u043c\u00bb\u2026 \u041f\u043e\u0432\u0435\u0440\u044c\u0442\u0435, \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438 \u2014 \u043e\u043f\u043b\u0430\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044e \u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0431\u044b\u0432\u0430\u0435\u0442. \u041a\u043b\u0438\u0435\u043d\u0442\u044b \u0432 \u0430\u0443\u0442\u0441\u043e\u0440\u0441\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u0447\u0442\u0438 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 \u0435\u0433\u043e \u043a\u0430\u043a \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043e\u043f\u0446\u0438\u044e. \u0414\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043d\u0435\u043a\u0438\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043d\u0435\u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u043e \u0441\u0431\u043e\u044f\u043c\u0438 \u0438 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435 \u0433\u043e\u0434\u0435\u043d \u0434\u043b\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u2014 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u0432 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0435 \u043d\u043e\u0432\u043e\u0433\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u043b\u044e\u0431\u043e\u0439 \u0446\u0435\u043d\u043e\u0439, \u0430 \u043d\u0435 \u0432 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u00ab\u0443\u0436\u0435 \u043f\u0440\u043e\u0434\u0430\u043d\u043d\u043e\u0433\u043e\u00bb \u2014 \u0438 \u0432\u0441\u0435 \u0447\u0442\u043e \u043e\u043d \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0437\u0430\u0445\u043e\u0447\u0435\u0442, \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e, \u044d\u0442\u043e \u043e\u043f\u044f\u0442\u044c \u2014 \u0431\u044b\u0441\u0442\u0440\u043e \u2014 \u00ab\u043a\u0430\u043a-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u0434\u043b\u0430\u0442\u0430\u0442\u044c \u0432\u0441\u0435 \u0431\u0430\u0433\u0438\u00bb\u2026 \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0432 \u044d\u0442\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435 \u2014 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u0441\u0442\u0430\u0440\u0442\u0435 \u0432\u044b\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0447\u0435\u0442\u043a\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u044b\u0445 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u0445 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043f\u0438\u0441\u0430\u0442\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043a\u043e\u043d\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043d\u044b\u0439, \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439, \u0438, \u0441\u0430\u043c\u043e\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u0432 \u0438\u0434\u0435\u0430\u043b\u0435 \u2014 \u0438 \u0433\u0438\u0431\u043a\u0438\u0439, \u0438, \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e, \u0436\u0435\u043b\u0435\u0437\u043d\u043e \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u043a\u043e\u0434.<\/p>\n<p>\u0421\u0440\u0435\u0434\u043d\u0435\u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a-\u043c\u0440\u0430\u043a\u043e\u0434\u0435\u043b, \u0442\u044f\u043d\u0443\u0449\u0438\u0439 \u043b\u044f\u043c\u043a\u0443 \u0432 \u043a\u0430\u043f\u0438\u0442\u0430\u043b\u0438\u0437\u043c\u0435 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043a \u0441\u0432\u043e\u0435\u043c\u0443 \u043f\u043e\u0441\u043f\u0435\u0448\u043d\u043e\u043c\u0443 \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043e\u0442\u043a\u0440\u043e\u0432\u0435\u043d\u043d\u043e, \u043f\u0440\u043e\u0441\u0442\u0438\u0442\u0435 \u043c\u043e\u0439 \u0441\u043f\u0435\u0441\u0438\u0448\u0438\u0437\u043c, \u00ab\u0438\u043d\u0434\u0443\u0441\u0441\u043a\u043e\u043c\u0443\u00bb \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u0435-\u043a\u043e\u0434\u0443 \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0435\u0433\u043e, \u043a\u0440\u043e\u043c\u0435 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439, \u043a\u043e\u0433\u0434\u0430 \u0441\u043b\u0443\u0436\u0431\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u0435\u0440\u043d\u0443\u043b\u0430 \u043d\u0435\u043a\u0438\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0431\u0430\u0433 \u043d\u0430 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0443. \u0418, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0442\u0443\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u043b\u044c\u0437\u044f \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043e \u043a\u0430\u043a\u043e\u043c-\u043b\u0438\u0431\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e\u043c \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0438, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u043e\u0441\u044f\u0442 \u043d\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439, \u0430 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439-\u0447\u0430\u0441\u0442\u043d\u044b\u0439 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440 \u00ab\u0431\u044b\u0441\u0442\u0440\u044b\u0445 \u0444\u0438\u043a\u0441\u043e\u0432\u00bb, \u00ab\u043a\u0440\u044f\u043a\u043e\u0432\u00bb \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0441\u0443\u0433\u0443\u0431\u043b\u044f\u044e\u0442 \u0431\u0435\u0441\u043f\u043e\u0440\u044f\u0434\u043e\u043a. \u041d\u0435 \u0434\u0430\u0439 \u0431\u043e\u0433 \u0442\u0440\u043e\u0433\u0430\u0442\u044c \u043a\u043e\u0434 \u043f\u043e \u00ab\u0443\u0436\u0435 \u0437\u0430\u043a\u0440\u044b\u0442\u044b\u043c \u0442\u0430\u0441\u043a\u0430\u043c\u00bb, \u00ab\u0442\u0430\u043a \u0432\u0435\u0434\u044c \u043c\u043e\u0436\u043d\u043e \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u043b\u043e\u043c\u0430\u0442\u044c!\u00bb&#8230; \u0421\u0440\u0435\u0434\u043d\u0435\u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a-\u043c\u0440\u0430\u043a\u043e\u0434\u0435\u043b \u043d\u0430\u0446\u0435\u043b\u0435\u043d, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u043d\u0430 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u0441\u0432\u043e\u0438\u0445 \u0442\u0430\u0441\u043a\u043e\u0432-\u0431\u0430\u0433\u043e\u0432 \u043f\u043e \u0442\u0440\u0435\u043a\u0435\u0440\u0443 \u0438 \u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442\u0441\u044f \u043e\u0431\u0449\u0438\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0449\u0438\u043c \u0447\u0443\u0436\u0438\u043c \u043a\u043e\u0434\u043e\u043c. \u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f \u0435\u0433\u043e \u043d\u0430\u043f\u0440\u044f\u0433\u0430\u044e\u0442, \u043e\u043d \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u0435\u0442 \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u043f\u0440\u043e\u0442\u0438\u0432\u0438\u0442\u044c\u0441\u044f \u0438\u043c. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u044f \u0437\u0430\u043c\u0435\u0442\u0438\u043b, \u0447\u0442\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u044b \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u0445 \u0438 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0441\u0442\u0440\u0435\u043c\u044f\u0442\u0441\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0442\u044c\u0441\u044f \u0432 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u0435 \u0433\u0440\u0443\u043f\u043f\u044b\u2026 \u041c\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u044b \u043a\u043e\u043f\u0438\u0440\u0443\u044e\u0442 \u043c\u0440\u0430\u043a\u043e\u043a\u043e\u0434 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 \u0432 \u0444\u0430\u0439\u043b, \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u044f \u0434\u0440\u0443\u0433-\u0434\u0440\u0443\u0433\u0430, \u043b\u043e\u043c\u0430\u044f \u0432\u043e\u043b\u044e \u041f\u041c\u043e\u0432 \u0438 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e \u0440\u0430\u043f\u043e\u0440\u0442\u0443\u044f \u0447\u0435\u0440\u0435\u0437 \u043d\u0438\u0445 \u043d\u0430\u0447\u0430\u043b\u044c\u0441\u0442\u0432\u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043d\u0435 \u0447\u0438\u0442\u0430\u0435\u0442 \u0440\u0435\u043f\u043e \u0447\u0442\u043e \u00ab\u0432\u0441\u0435 \u043f\u043e\u0447\u0442\u0438 \u0433\u043e\u0442\u043e\u0432\u043e, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0430\u0436\u0430\u0442\u044c\u00bb&#8230; \u041c\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u044b \u0434\u0430\u0436\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u043e\u0440\u0430\u0441\u0442\u0430\u044e\u0442 \u0434\u043e \u0441\u0435\u043d\u044c\u043e\u0440\u043e\u0432 \u0438 \u043b\u0438\u0434\u043e\u0432. \u0422\u043e\u0433\u0434\u0430 \u043e\u043d\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0441\u043e\u043c\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043e\u0432\u0435\u0440\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u043e\u043c, \u043d\u0430\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u044f \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0435, \u043d\u043e \u043c\u043e\u0434\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u043f\u043e\u043a\u0430 \u043d\u0435 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0447\u0442\u043e \u0432\u0441\u0435 \u0441\u0440\u043e\u043a\u0438 \u0441\u043e\u0440\u0432\u0430\u043d\u044b \u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u0442\u043e\u0433\u043e \u0447\u0435\u0433\u043e \u0445\u043e\u0442\u0435\u043b, \u0430 \u043a\u043e\u0434 \u0442\u0430\u043a\u043e\u0439 \u0447\u0442\u043e \u0437\u0430\u043f\u043b\u0430\u0442\u043a\u0438 \u043d\u0435\u0433\u0434\u0435 \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0431\u0435\u0437 \u043f\u043e\u043b\u043b\u0438\u0442\u0440\u044b \u043d\u0435 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c\u2026 \u041a\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u043e\u043c\u0443 \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a\u0443 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u0441\u0442\u043e\u044f\u0442\u044c \u0432\u0441\u0435\u043b\u0435\u043d\u0441\u043a\u043e\u043c\u0443 \u043c\u0440\u0430\u043a\u0443?<\/p>\n<p>\u0414\u0430\u043b\u0435\u0435 \u0431\u0443\u0434\u0435\u0442 \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u0438\u043a\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0433\u0438\u0431\u043a\u043e\u0433\u043e \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e GUI \u0432\u0435\u0431-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432 \u043a\u043e\u0434, \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0441\u0432\u043e\u0434\u0438\u0442 \u043d\u0430 \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u0438\u0437\u043a\u043e\u043f\u0440\u043e\u0431\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e \u043f\u043e\u043c\u043e\u0447\u044c \u0431\u043e\u043b\u0435\u0435 \u0447\u0435\u0442\u043a\u043e, \u0441\u043f\u0435\u0440\u0432\u0430 \u2014 \u043e\u0446\u0435\u043d\u0438\u0442\u044c, \u0438, \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443. \u0412\u043a\u0440\u0430\u0442\u0446\u0435, \u043e\u0431\u043e\u0431\u0449\u0430\u044f\u00a0 \u043c\u043e\u0436\u043d\u043e \u0442\u0435\u0437\u0438\u0441\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u044d\u0442\u043e \u043a\u0430\u043a \u0442\u043e, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0432 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043c\u043e\u043c\u0435\u043d\u0442\u043e\u0432:<\/p>\n<ul>\n<li>\n<p>\u0412\u0441\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0432\u043f\u043b\u043e\u0442\u044c \u0434\u043e \u043f\u0435\u0440\u0435\u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0439 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043d\u0435\u0443\u043a\u043e\u0441\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043e \u043d\u0430 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430\u0445-\u00ab\u0430\u0442\u043e\u043c\u0430\u0445\u00bb \u0438 \u0443\u0436\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u044b\u0445 \u043d\u0430 \u0438\u0445 \u043e\u0441\u043d\u043e\u0432\u0435 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u0430\u0445 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0438\u043a\u0442\u0443\u0435\u0442 \u0432\u0430\u0448 \u0434\u0438\u0437\u0430\u0439\u043d, \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0441\u0442\u0438\u043b\u044e.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0446\u0435\u043d\u043a\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b: \u00ab\u043c\u043e\u043b\u0435\u043a\u0443\u043b\u044b\u00bb \u0438 \u00ab\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043c\u044b\u00bb, \u00ab\u0448\u0430\u0431\u043b\u043e\u043d\u044b\u00bb \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u0445 \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430. \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u0432\u0438\u0434\u0436\u0435\u0442\u044b, \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0438, \u043e\u0431\u0449\u0438\u0435 \u043b\u0435\u0439\u0430\u0443\u0442\u044b, \u0432\u0441\u0435 \u043a\u0440\u043e\u043c\u0435 \u0443\u0436\u0435 \u043e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0432\u0438\u0434\u043e\u0432 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u2014 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f \u043c\u0430\u043a\u0435\u0442\u0430\u043c \u043a\u043e\u043d\u0435\u0447\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044c\u044e\u0445\u0430 \u0438\u0437 \u044d\u0442\u0438\u0445 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u2014 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u044e\u0442 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438 \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u0443\u0436\u0435 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0432\u0441\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u041a\u043e\u0434 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u0431\u043e\u043b\u0435\u0435 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u0447\u0435\u043c \u043f\u0440\u0438 \u0445\u0430\u043e\u0442\u0438\u0447\u043d\u043e\u043c \u00ab\u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u0430\u00bb-\u043f\u043e\u0434\u0445\u043e\u0434\u0435 \u043a\u043e\u0433\u0434\u0430 \u00ab\u043b\u0435\u0432\u0430\u044f \u043d\u043e\u0433\u0430 \u043d\u0435 \u0437\u043d\u0430\u0435\u0442 \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043f\u0440\u0430\u0432\u0430\u044f\u00bb. <\/p>\n<\/li>\n<li>\n<p>\u0414\u0430\u0436\u0435 \u043d\u0430 \u00ab\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435\u00bb \u043d\u0443\u0436\u043d\u043e \u0441\u0442\u0430\u0440\u0430\u0442\u044c\u0441\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u0443\u044e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043a\u0430\u043a \u0431\u0443\u0434\u0442\u043e \u0432\u0430\u0448\u0438 @\/src\/components \u2014 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u043c \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u2014 \u00abUI-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435\u00bb, \u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u2014 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0434\u043b\u044f \u00ab\u043e\u0431\u0432\u044f\u0437\u043e\u043a\u00bb \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e. \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u00ab\u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0432\u044c\u044e\u0445\u00bb [\u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0434\u0438\u0437\u0430\u0439\u043d-\u043c\u0430\u043a\u0435\u0442\u0430\u043c], \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0430 @\/src\/views \u0432\u043e Vue \u0438\u043b\u0438 @\/src\/pages \u0438 @\/src\/layouts \u0441 Nuxt \u2014\u0434\u043e\u043b\u0436\u043d\u044b \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u00ab\u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0442, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044f \u0434\u0430\u043d\u043d\u044b\u0435\u00bb \u2014 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u043f\u0441\u044b \u2014 \u0447\u0435\u0440\u0435\u0437 \u044f\u0432\u043d\u043e \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u0430 \u043d\u0435 \u00ab\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c\u00bb. \u041a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u043e, \u044d\u0442\u043e \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442 \u043d\u0430\u043c \u00ab\u0438\u043d\u043a\u0430\u043f\u0441\u0443\u043b\u044f\u0446\u0438\u044e\u00bb \u0438\u0437 \u00ab\u0441\u0435\u0440\u044c\u0435\u0437\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\u00bb, \u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u044c \u043a \u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u2014 \u0441\u0442\u0438\u043b\u0438 \u0437\u0430 \u0440\u0435\u0434\u043a\u0438\u043c \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0435\u043d\u044b \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u00ab\u0432 UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445\u00bb, \u0430 \u0432\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u2014 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0442\u043e\u0447\u043d\u043e \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0430 \u0432\u0438\u0434\u0430\u0445. \u042d\u0442\u043e \u0435\u0449\u0435 \u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u2014 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438 \u00ab\u0441 \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0432\u0435\u0440\u0441\u0442\u043a\u043e\u0439\u00bb \u043c\u043e\u0433\u0443\u0442, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u2014 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443.<\/p>\n<\/li>\n<\/ul>\n<p>\u0427\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u0435 \u0441\u043b\u0443\u0447\u0430\u0439 \u043a\u043e\u0433\u0434\u0430, \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u043c, \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043e\u0442\u0434\u0435\u043b\u0430 \u0432\u0435\u0434\u0443\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0440\u0430\u0437\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0434\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u2014 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0447\u0435\u0440\u0435\u0437 \u043e\u0431\u0449\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443-\u043c\u043e\u0434\u0443\u043b\u044c.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/8f9\/7c8\/12e\/8f97c812ef6fa8a6a589e539a3d4da19.jpeg\" alt=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" title=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" width=\"1540\" height=\"2048\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/8f9\/7c8\/12e\/8f97c812ef6fa8a6a589e539a3d4da19.jpeg\" data-blurred=\"true\"\/><figcaption>\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442<\/figcaption><\/figure>\n<h2>\u0410\u043d\u0442\u0438\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430<\/h2>\n<p><a href=\"https:\/\/www.npmjs.com\/package\/ui-library-starter\" rel=\"noopener noreferrer nofollow\"><u>UI Library Starter<\/u><\/a> \u044d\u0442\u043e \u0442\u043e\u0447\u043d\u043e \u043d\u0435 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u00ab\u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u043d\u0430 \u0432\u0441\u0435 UI\u00bb. \u042d\u0442\u043e, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u043a\u043e\u043d\u0446\u0435\u043f\u0442 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0432\u0430\u043c \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0447\u0438\u0441\u0442\u043e\u0433\u043e \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u0435\u043c\u043e\u0433\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0439 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u0438 \u0441 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\u043c \u0442\u043e\u0447\u043d\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0443\u044e\u0449\u0438\u043c\u0441\u044f \u0441 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u043c \u043f\u043e \u0441\u0442\u0438\u043b\u044e. \u041f\u0440\u043e\u0435\u043a\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u0430. \u042d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432 \u043b\u044e\u0431\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435: \u043f\u0440\u043e\u0441\u0442\u044b\u0435, \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u2014 \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u0441\u0435\u0442\u043a\u0438, \u0438 \u043f\u0430\u0440\u0430 \u0432\u0430\u0436\u043d\u044b\u0445 \u00ab\u0434\u043e\u0440\u043e\u0433\u0438\u0445\u00bb \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043e\u0432: \u0434\u0430\u0442\u0430\u043f\u0438\u043a\u0435\u0440 \u0441 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u043e\u043c \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u043b\u0438\u0441\u0442\u0435 \u0438 \u043a\u0432\u0430\u0440\u0442\u0430\u043b\u0430\u043c\u0438, \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u043d\u0430\u0434 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u043c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u043c&#8230;<\/p>\n<p>\u041c\u044b\u0441\u043b\u0438 \u043e \u0442\u043e\u043c \u0447\u0442\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0445\u0430\u0440\u0434\u043a\u043e\u0440-\u043a\u043e\u0434\u0430 \u0438\u043b\u0438, \u0442\u043e\u0447\u043d\u0435\u0435, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0445\u0430\u0440\u0434\u043a\u043e\u0440-\u043a\u043e\u0434\u0430 \u0435\u0449\u0435 \u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0447\u0443\u0436\u043e\u0433\u043e, \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u043a\u0430\u043a-\u0442\u043e <em>\u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0440\u0435\u0448\u0430\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/em> \u2014 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0431\u044b\u0442\u044c. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0442\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u043d\u043e \u0442\u043e\u0447\u043d\u043e \u2014 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043d\u0435\u043d\u0430\u0434\u0435\u0436\u043d\u043e, \u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u2014 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u0440\u0435\u0434\u043f\u043e\u0441\u044b\u043b\u043a\u0438 \u0434\u043b\u044f \u043e\u0447\u0435\u043d\u044c \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0434\u0430\u0436\u0435 \u0441\u0430\u043c\u043e\u043c \u0441\u043a\u043e\u0440\u043e\u043c. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0443\u0434\u043e\u0432\u043e\u043b\u044c\u0441\u0442\u0432\u0438\u0435 \u043e\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u0434\u043b\u044f \u0442\u0435\u0445 \u043a\u0442\u043e \u0442\u0440\u0443\u0434\u0438\u0442\u044c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u0438\u043b\u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0438\u043c\u0435\u0442\u044c \u0434\u0435\u043b\u043e \u0441 \u044d\u0442\u0438\u043c \u043b\u0435\u0433\u0430\u0441\u0438 \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c.<\/p>\n<p>\u0412 \u044d\u0442\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435 \u0441\u0430\u043c\u0430 \u0438\u0434\u0435\u044f UI Library Starter \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u043f\u043e\u043b\u043e\u0436\u043d\u0430 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043b\u044e\u0431\u043e\u0439 \u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0433\u0434\u0435 \u00ab\u0432\u0441\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e\u00bb. \u041e\u043d\u0430 \u043d\u0435 \u0432 \u0442\u043e\u043c \u0447\u0442\u043e\u0431\u044b \u0434\u0430\u0442\u044c \u0432\u0430\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043b\u0435\u043d\u0438\u0442\u044c\u0441\u044f, \u0431\u043e\u044f\u0442\u044c\u0441\u044f \u0438 \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0447\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0435\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u043c\u0443\u0447\u0430\u044f\u0441\u044c \u0442\u0440\u0443\u0434\u043d\u044b\u043c\u0438 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 <code>!important<\/code> \u0441 \u043d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c, \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0430\u0434\u043e\u0432\u044b\u043c\u0438 \u043a\u0440\u044f\u043a\u0430\u043c\u0438, \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044f \u0441\u0432\u043e\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0432 \u043d\u0435\u0432\u0435\u0434\u043e\u043c\u044b \u0437\u0432\u0435\u0440\u0443\u0448\u043a\u0438 \u0438\u0437 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u0447\u0443\u0436\u0438\u0445 \u043a\u0440\u0438\u0432\u044b\u0445 \u043f\u043e\u0434\u0435\u043b\u043e\u043a, \u043d\u0435\u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0435 \u043b\u043e\u0441\u043a\u0443\u0442\u043d\u044b\u0435 \u043e\u0434\u0435\u044f\u043b\u0430 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u043a\u043e\u0434\u0430 \u0438\u043b\u0438 \u0437\u0430\u043f\u0443\u0442\u0430\u043d\u043d\u044b\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u0438 \u0442\u043e\u0433\u043e \u0436\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443, \u0441 \u043f\u043e\u0437\u043e\u0440\u043d\u043e \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u043c \u043e\u043f\u0430\u0441\u043d\u044b\u043c \u043f\u0443\u043b\u043e\u043c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439. \u0418\u0434\u0435\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439, \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439 \u0438 \u0437\u0430\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439, \u0433\u0438\u0431\u043a\u0438\u0439 \u0438 \u043b\u0435\u0433\u043a\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u0443\u043b\u0443\u0447\u0448\u0430\u0442\u044c.<\/p>\n<p><a href=\"https:\/\/github.com\/ushliypakostnik\/ui-library-start\" rel=\"noopener noreferrer nofollow\">\u041f\u0440\u0438\u043c\u0435\u0440<\/a> \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044c-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443.<\/p>\n<p>\u0414\u0430\u043b\u0435\u0435 \u2014 \u043f\u0440\u043e\u0441\u0442\u0438\u0442\u0435 \u043c\u043d\u0435 \u0441\u0442\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u043a\u0440\u0430\u043f\u043b\u0435\u043d\u0438\u044f \u043c\u043e\u0435\u0433\u043e \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438\u2026)))<\/p>\n<h2>Getting Started<\/h2>\n<h3>Installation<\/h3>\n<p>\u0421\u043a\u0430\u0447\u0430\u0439\u0442\u0435 \u043a\u043e\u0434 <a href=\"https:\/\/github.com\/ushliypakostnik\/ui-library-starter\" rel=\"noopener noreferrer nofollow\">ui-library-starter<\/a> \u0438 \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u0435 \u0435\u0433\u043e \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439. \u041f\u0440\u0438 \u0432\u044b\u0431\u043e\u0440\u0435 \u0438\u043c\u0435\u043d\u0438 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u0440\u0430\u0437\u0443 \u0443\u0431\u0435\u0434\u0438\u0442\u044c\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043e\u043d\u043e \u043d\u0435 \u0437\u0430\u043d\u044f\u0442\u043e \u043d\u0430 <a href=\"https:\/\/www.npmjs.com\/\" rel=\"noopener noreferrer nofollow\">npmjs.com<\/a>. \u041f\u0443\u0441\u0442\u044c \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 ui-library-starter-test.<\/p>\n<p>\u0418\u043b\u0438, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0435 \u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0442\u0438\u043b\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043f\u043e\u0434 \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0433\u0430\u0439\u0434\u044b, \u043d\u043e, \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u043e\u0438\u0433\u0440\u0430\u0442\u044c\u0441\u044f \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u0432\u043d\u0435\u0441\u0442\u0438 \u0432\u043a\u043b\u0430\u0434 \u0432 \u0435\u0433\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0432 \u0435\u0449\u0435 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0432\u0430\u0436\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u2014 \u0441\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0444\u043e\u0440\u043a, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435. \u0414\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a \u043f\u0435\u0440\u0432\u043e\u043c\u0443 \u0441\u043b\u0443\u0447\u0430\u044e \u2014 \u043f\u0438\u043b\u0438\u043c \u0441\u0432\u0435\u0436\u0443\u044e \u043b\u0438\u0431\u0443 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c \u0441\u0442\u0438\u043b\u0435\u043c \u043f\u043e\u0434 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u2014 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043d\u043e\u0433\u0438\u0435 \u043c\u043e\u0433\u0443\u0442 \u0437\u0430\u0445\u043e\u0442\u0435\u0442\u044c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u0443 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0438 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u043b\u0438\u0448\u043d\u044e\u044e \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u044e.<\/p>\n<pre><code class=\"bash\">$ npm install<\/code><\/pre>\n<h3>Customization<\/h3>\n<h4>README.md<\/h4>\n<p>\u041f\u043e\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043f\u0435\u0440\u0432\u0443\u044e \u0441\u0442\u0440\u043e\u0447\u043a\u0443 \u0432\u00a0<code>@\/README.md<\/code>:<\/p>\n<pre><code class=\"markdown\"># Ui-library-starter test project<\/code><\/pre>\n<h3>package.json<\/h3>\n<p>\u0414\u0430\u043b\u0435\u0435 \u0432 <code>@\/package.json<\/code> \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043a\u0440\u0430\u0439\u043d\u0435 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044f, \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0432:<\/p>\n<pre><code class=\"json\">{   \"name\": \"ui-library-starter-test\",   \"description\": \"UI Library Starter Demonstration\",   \"version\": \"0.1.0\",    \"main\": \"dist\/ui-library-starter-test.umd.min.js\",   \"unpkg\": \"dist\/ui-library-starter-test.umd.min.js\",   \"jsdelivr\": \"dist\/ui-library-starter-test.umd.min.js\",    \"scripts\": {     \"build\": \"rimraf .\/src\/static &amp;&amp; cp -r .\/docs\/.vuepress\/public .\/src\/static &amp;&amp; vue-cli-service build --target lib --name ui-library-starter-test src\/main.js\"   },    \"author\": \"Levon Gambaryan\",   \"license\": \"MIT\",    \"homepage\": \"\",   \"repository\": {     \"type\": \"git\",     \"url\": \"https:\/\/github.com\/ushliypakostnik\/ui-library-starter-test\"   },   \"bugs\": {     \"url\": \"https:\/\/github.com\/ushliypakostnik\/ui-library-starter-test\/issues\"   },    \"keywords\": [] }<\/code><\/pre>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0438\u043c\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u043a\u043e\u043d\u0446\u0435 \u0434\u043b\u0438\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0434\u0435\u043f\u043b\u043e\u044f\u00a0<code>build<\/code>!<\/p>\n<h4>Documentation config<\/h4>\n<p>\u041f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043a \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043d\u0430 VuePress \u0438 \u0441\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u0443\u0439\u0442\u0435 \u0435\u0435 \u043f\u043e\u0434 \u0441\u0435\u0431\u044f\u00a0<code>@\/docs\/.vuepress\/config.js<\/code>:<\/p>\n<pre><code class=\"javascript\">module.exports = {   locales: {     '\/': {       lang: 'en-US',       title: 'UI Library',       description: 'Vue Component UI Library',     },   },    themeConfig: {     repoLabel: 'GitHub repo',     repo: 'https:\/\/github.com\/ushliypakostnik\/ui-library-starter-test.git',     docsDir: 'docs',     search: false,     locales: {       '\/': {         nav: [{ text: '', link: '' }],         sidebar: [           {             title: `Components`,             children: [               \/\/ ... \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0431\u0435\u0437 Sandbox \u0438 \u043f\u0430\u043f\u043a\u0438 \/Tests \u0441 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u043c\u0438              ],           },           {             title: `Sandbox`,             path: '\/sandbox\/sandbox',           },         ],       },     },   }, };<\/code><\/pre>\n<h4>Connecting fonts<\/h4>\n<p>\u041f\u0435\u0440\u0435\u043f\u0438\u0448\u0438\u0442\u0435 \u0438\u043c\u044f \u0448\u0440\u0438\u0444\u0442\u0430 \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043d\u0430\u0447\u0435\u0440\u0442\u0430\u043d\u0438\u0439 \u0435\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435\u00a0<code>~\/src\/stylus\/utils\/_typography.styl<\/code>:<\/p>\n<pre><code class=\"css\">$font-family = \"Open Sans\"  $font-weight = {   regular: 400,   bold: 700, }<\/code><\/pre>\n<p>\u041f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 \u0441 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c \u0448\u0440\u0438\u0444\u0442\u043e\u043c \u0440\u044f\u0434\u043e\u043c \u0441 \u043f\u0430\u043f\u043a\u043e\u0439\u00a0<code>\/Ubuntu<\/code>\u00a0\u0432\u00a0<code>@\/docs\/.vuepress\/public\/fonts\/<\/code>.<\/p>\n<p>\u041f\u0440\u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u043f\u0443\u0442\u0438 \u0432 \u0444\u0430\u0439\u043b\u0435 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043d\u0430 VuePress\u00a0<code>@\/docs\/.vuepress\/styles\/palette.styl\/<\/code>:<\/p>\n<pre><code>@import \"..\/..\/..\/src\/stylus\/_stylebase.styl\"  \/\/ Import fonts \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  @font-face {   font-family: $font-family;   src: url('\/fonts\/OpenSans\/OpenSans-Regular.eot');   src: local('Open Sans Regular'), local('OpenSans-Regular'),     url('\/fonts\/OpenSans\/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),     url('\/fonts\/OpenSans\/OpenSans-Regular.woff') format('woff'),     url('\/fonts\/OpenSans\/OpenSans-Regular.ttf') format('truetype');   font-weight: $font-weight.regular;   font-style: normal; }  @font-face {   font-family: $font-family;   src: url('\/fonts\/OpenSans\/OpenSans-Bold.eot');   src: local('Open Sans Bold'), local('OpenSans-Bold'),     url('\/fonts\/OpenSans\/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),     url('\/fonts\/OpenSans\/OpenSans-Bold.woff') format('woff'),     url('\/fonts\/OpenSans\/OpenSans-Bold.ttf') format('truetype');   font-weight: $font-weight.bold;   font-style: normal; }  \/\/ Customization \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  ...<\/code><\/pre>\n<p>\u0423\u0434\u0430\u043b\u0438\u0442\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0441\u043e \u0441\u0442\u0430\u0440\u044b\u043c \u0448\u0440\u0438\u0444\u0442\u043e\u043c\u00a0<code>@\/docs\/.vuepress\/public\/fonts\/Ubuntu<\/code>.<\/p>\n<h3>\u0421leaning project<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0447\u0438\u0441\u0442\u0443\u044e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u2014 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043e\u0447\u0438\u0441\u0442\u043a\u0443 \u043f\u0430\u043f\u043e\u043a \u0438 \u0444\u0430\u0439\u043b\u043e\u0432.<\/p>\n<p>\u0423\u0434\u0430\u043b\u0438\u0442\u0435 \u0432\u0441\u0435 \u043f\u0430\u043f\u043a\u0438 \u0438 \u0444\u0430\u0439\u043b\u044b \u0432\u00a0<code>@\/docs\/<\/code>\u00a0\u043a\u0440\u043e\u043c\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0439\u00a0<code>@\/docs\/.vuepress<\/code>,\u00a0<code>@\/docs\/components<\/code>\u00a0\u0438\u00a0<code>@\/docs\/sandbox<\/code>\u00a0\u2014 \u0435\u0441\u043b\u0438 \u0436\u0435\u043b\u0430\u0435\u0442\u0435 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0443. \u0418 \u0444\u0430\u0439\u043b\u0430\u00a0<code>@\/docs\/README.md<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u043d\u043e \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c, \u043d\u043e \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u044c:<\/p>\n<pre><code class=\"markdown\"># UI Library  ...<\/code><\/pre>\n<p>\u0423\u0434\u0430\u043b\u0438\u0442\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e\u00a0<code>@\/src\/components\/tests<\/code>.<\/p>\n<p>\u0412\u044b\u0447\u0438\u0441\u0442\u0438\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435\u00a0<code>@\/src\/components\/index.js<\/code>:<\/p>\n<pre><code class=\"javascript\">\/\/ Tests - \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u0447\u043a\u0438 \u0443\u0434\u0430\u043b\u0438\u0442\u044c!!! export { default as TestColors } from '.\/tests\/TestColors'; export { default as TestBreakpoints } from '.\/tests\/TestBreakpoints'; export { default as TestTypography } from '.\/tests\/TestTypography';  \/\/ Elements ...<\/code><\/pre>\n<p>\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0438\u0445 \u0432\u0441\u0435, \u0435\u0441\u043b\u0438 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b \u0432 \u0441\u0435\u0431\u0435 \u0438 \u043d\u0435 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0435\u0441\u044c \u0432 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439. \u0412\u0435\u0440\u043d\u0438\u0442\u0435\u0441\u044c \u043a \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0438 \u043e\u0442\u0440\u0430\u0437\u0438\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432\u00a0<code>@\/docs\/.vuepress\/config.js<\/code>.<\/p>\n<h4>Style setting<\/h4>\n<p>\u0417\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439:<\/p>\n<pre><code class=\"bash\">$ npm run docs:dev<\/code><\/pre>\n<p>\u041f\u0440\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0440\u0430\u0437\u0434\u0435\u043b Constants \u044d\u0442\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438.<\/p>\n<p>\u0412\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u0432\u0430\u0448\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0432 \u0442\u043e\u0447\u043d\u043e\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0432\u0430\u0448\u0438\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u043c \u043f\u043e \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u043e\u043c\u0443 \u0441\u0442\u0438\u043b\u044e.<\/p>\n<h3>Adding a component<\/h3>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e \u043a\u0430\u043a \u0441\u0442\u0438\u043b\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u044b \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b.<\/p>\n<p>\u0412\u044b\u0431\u0435\u0440\u0435\u0442\u0435 \u0438\u043c\u044f \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 PascalCase \u0441\u0442\u0438\u043b\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f, \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u043c \u044d\u0442\u043e\u00a0<code>ComponentName<\/code>.<\/p>\n<p>\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u043c\u0435\u043d\u0430 \u043c\u043e\u0433\u0443\u0442 \u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u0437\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u043d\u044b VuePress.\u00a0<code>Layout<\/code>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440. \u0421\u0430\u043c\u0430\u044f \u0434\u043e\u0441\u0442\u043e\u0439\u043d\u0430\u044f \u0437\u0430\u043c\u0435\u043d\u0430\u00a0<code>Layout<\/code>\u00a0\u0432\u0438\u0434\u0438\u0442\u0441\u044f \u043a\u0430\u043a\u00a0<code>View<\/code>.<\/p>\n<p>\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e\u00a0<code>@\/src\/components\/ComponentName<\/code>.<\/p>\n<p>\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u043d\u0435\u0435 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u044b\u0439 \u0444\u0430\u0439\u043b c \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u043c-\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u043c <code>@\/src\/components\/ComponentName\/index.js:<\/code><\/p>\n<pre><code class=\"javascript\">import ComponentName from '.\/ComponentName.vue';  export default ComponentName;<\/code><\/pre>\n<p>\u0418 \u0441\u0430\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 <code>@\/src\/components\/ComponentName\/ComponentName.vue:<\/code><\/p>\n<pre><code>&lt;template>   &lt;div     class=\"component-name\"     :class=\"{       '.component-name__element--modifier1': prop1,       '.component-name__element--modifier2': prop2,     }\"   >     This is test component!!!   &lt;\/div> &lt;\/template>  &lt;script> export default {   name: 'ComponentName',    props: {     prop1: {       type: Boolean,       required: true,     },     prop2: {       type: Boolean,       required: false,       default: false,     },   }, }; &lt;\/script>  &lt;style lang=\"stylus\" scoped> @import \"~\/src\/stylus\/_stylebase.styl\";  .component-name   background $colors.primary \/\/ test styles   \/\/ add adaptive   +$mobile()     display block    &amp;__element     $text(\"natasha\") \/\/ add typography      &amp;--modifier1       color $colors.primary \/\/ add good color      &amp;--modifier2       color $colors.secondary &lt;\/style><\/code><\/pre>\n<p>\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0432 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438\u00a0<code>@\/src\/components\/index.js<\/code>:<\/p>\n<pre><code class=\"javascript\">export { default as ComponentName } from '.\/ComponentName';<\/code><\/pre>\n<p>\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0444\u0430\u0439\u043b\u00a0<code>@\/docs\/components\/component-name.md<\/code>:<\/p>\n<pre><code class=\"markdown\"># ComponentName  ## Description  This is new custom component.  ## Connection  ```vue &lt;template>   &lt;ComponentName prop1 \/> &lt;\/template> ```  ## Render  &lt;ComponentName prop1 \/>  ## API  ### Props  | **Name**  | **Type** | **Description** | **Default** | | :-------- | :------- | :-------------- | ----------: | | **prop1** | Boolean  | -               |  (required) | | **prop2** | Boolean  | -               |     `false` |  ## Source code  &lt;code>@\/src\/components\/ComponentName\/ComponentName.vue&lt;\/code>  &lt;&lt;&lt; @\/src\/components\/ComponentName\/ComponentName.vue<\/code><\/pre>\n<p>\u0418 \u0434\u0430\u043b\u0435\u0435 \u2014 \u0440\u0435\u043d\u0434\u0435\u0440-\u0442\u0435\u0441\u0442 \u0438 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0444\u0430\u0439\u043b\u0430\u043c\u0438.<\/p>\n<p>\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e VuePress\u00a0<code>@\/docs\/.vuepress\/config.js<\/code>:<\/p>\n<pre><code class=\"javascript\">module.exports = {   themeConfig: {     locales: {       '\/': {         sidebar: [           {             title: `Components`,             children: [               {                 title: `ComponentName`,                 path: '\/components\/component-name',               },             ],           },         ],       },     },   }, };<\/code><\/pre>\n<h4>Using third party modules<\/h4>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 \u0434\u043b\u044f \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0447\u0435\u0433\u043e-\u043b\u0438\u0431\u043e \u0432 javascript \u0432\u0430\u0448\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u041d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u00ab\u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u044b\u0435\u00bb \u0430\u043b\u0438\u0430\u0441\u044b:<\/p>\n<pre><code>&lt;script> import { dateFilter } from '..\/..\/..\/node_modules\/vue-date-fns\/src\/index';  import Icon from '..\/Icon\/Icon';  export default {   components: {     Icon,   }, }; &lt;\/script><\/code><\/pre>\n<p>\u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432\u0430\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u00ab\u0441\u0430\u043c\u044b\u0435 \u0434\u043e\u0440\u043e\u0433\u0438\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u00bb \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439. \u0412 \u0442\u0430\u043a\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043e\u0431\u0435\u0440\u0442\u043a\u0443 \u043d\u0430\u0434 \u0447\u0443\u0436\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0443\u044e \u0432\u0441\u044e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0443\u044e \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u044e. \u041f\u0440\u0438\u043c\u0435\u0440 \u044d\u0442\u043e\u0433\u043e:\u00a0<a href=\"https:\/\/ui-library-starter.netlify.app\/components\/select\" rel=\"noopener noreferrer nofollow\">Select<\/a>.<\/p>\n<p>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u043c\u043e\u0434\u0443\u043b\u044c \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u0433\u043b\u0430\u0432\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435\u00a0<code>@\/src\/main.js<\/code>:<\/p>\n<pre><code class=\"javascript\">import vSelect from 'vue-select'; import 'vue-select\/dist\/vue-select.css';  Vue.component('v-select', vSelect);<\/code><\/pre>\n<p>\u0422\u0430\u043a \u043a\u0430\u043a \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u2014 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0449\u0438\u0442\u0438\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 SFC-\u043e\u0431\u0435\u0440\u0442\u043a\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e\u00a0<code>scoped<\/code>:<\/p>\n<pre><code>&lt;style lang=\"stylus\"> @import \"~\/src\/stylus\/_stylebase.styl\";  .vs   &amp;__dropdown-toggle     \/\/ ...    \/\/ ...  \/\/ ... &lt;\/style><\/code><\/pre>\n<h4>Use the sandbox<\/h4>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u00a0<code>@\/src\/components\/Sandbox\/Sandbox.vue<\/code>\u00a0\u0438 \u0440\u043e\u0443\u0442 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Sandbox \u043a\u0430\u043a \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443 \u0438 \u0445\u043e\u043b\u0441\u0442 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u043e\u0432\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043c\u043e\u043a\u043a\u0430\u0445 \u0438\u043b\u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. \u0425\u043e\u0442\u044f, \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043b\u0435\u0439\u0430\u0443\u0442 \u2014 \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0438 \u0443\u0436\u0435 \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443.<\/p>\n<h3>Library publishing<\/h3>\n<p>\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c \u043d\u0430\u00a0<a href=\"https:\/\/www.npmjs.com\/\" rel=\"noopener noreferrer nofollow\">npmjs.com<\/a><strong> <\/strong>\u0438 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044e (\u0434\u043e\u0436\u0434\u0438\u0442\u0435\u0441\u044c \u043f\u0438\u0441\u044c\u043c\u0430 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443).<\/p>\n<pre><code class=\"bash\">$ npm run build $ npm version patch $ npm publish<\/code><\/pre>\n<h3>Connecting to projects<\/h3>\n<p>\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043b\u0438\u0431\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432\u00a0<a href=\"https:\/\/github.com\/ushliypakostnik\/ui-library-start\" rel=\"noopener noreferrer nofollow\"><strong>ui-library-start<\/strong><\/a>, \u0442\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443:<\/p>\n<pre><code class=\"bash\">$ npm uninstall ui-library-starter --save-dev $ npm install ui-library-starter-test --save-dev<\/code><\/pre>\n<p>\u041b\u0438\u0431\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043a\u0430\u043a \u043b\u044e\u0431\u043e\u0439 \u0434\u0440\u0443\u0433\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043b\u044e\u0431\u043e\u0439 \u0434\u0440\u0443\u0433\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442:<\/p>\n<pre><code class=\"bash\">$ npm install ui-library-starter-test --save-dev<\/code><\/pre>\n<p>\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043c\u043e\u0436\u0435\u0442 \u0438\u043b\u0438 \u0438\u043c\u0435\u0442\u044c \u043f\u043e\u0434\u043e\u0431\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0438\u043b\u0438 \u043b\u044e\u0431\u0443\u044e \u0434\u0440\u0443\u0433\u0443\u044e (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u044b \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u0442\u0435 \u0431\u0438\u0431\u0438\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0432 \u0441\u0442\u0430\u0440\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442). \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0435: \u043f\u0435\u0440\u0432\u044b\u0439 \u0438\u043c\u043f\u043e\u0440\u0442 \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 \u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438. \u0412\u0442\u043e\u0440\u043e\u0439 \u2014 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0438 \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u00a0<code>:root<\/code>\u00a0\u0438\u00a0<code>body<\/code>.<\/p>\n<p><code>@\/src\/stylus\/_stylebase.styl<\/code>\u00a0\u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0435\u0433\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443:<\/p>\n<pre><code>\/\/ Import UI Library stylebase @import '~ui-library-starter-test\/src\/stylus\/_stylebase.styl';  \/\/ core @import \"core\/_base\"; \/\/ normalize<\/code><\/pre>\n<p><code>@\/src\/stylus\/core\/_base.styl<\/code>\u00a0\u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0435\u0433\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443:<\/p>\n<pre><code>\/\/ Import UI Library fonts  @font-face {   font-family: $font-family;   src: url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Regular.eot');   src: local('Open Sans Regular'), local('OpenSans-Regular'),     url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),     url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Regular.woff') format('woff'),     url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Regular.ttf') format('truetype');   font-weight: $font-weight.regular;   font-style: normal; }  @font-face {   font-family: $font-family;   src: url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Bold.eot');   src: local('Open Sans Bold'), local('OpenSans-Bold'),     url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),     url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Bold.woff') format('woff'),     url('~ui-library-starter-test\/src\/static\/fonts\/OpenSans\/OpenSans-Bold.ttf') format('truetype');   font-weight: $font-weight.bold;   font-style: bold; }   \/\/ Base normalize  :root   scroll-behavior smooth  body   font-family $font-family, sans-serif   -moz-osx-font-smoothing grayscale   -webkit-font-smoothing antialiased   text-rendering: optimizeSpeed   color $colors.text   overflow-x hidden <\/code><\/pre>\n<p>\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u0432\u043e\u0434 \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c \u0432 \u044d\u0442\u043e\u043c \u0444\u0430\u0439\u043b\u0435 \u2014 \u043a\u0440\u0430\u0439\u043d\u0435 \u043c\u0430\u043b\u043e\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u0430\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f \u2014 \u0437\u0430\u043c\u0435\u043d\u0430 \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u0430 \u0432 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d. \u041f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0447\u0442\u043e \u043e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0443\u0442\u0438 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u2014 \u043f\u0440\u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043f\u043e\u0434 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c.<\/p>\n<p>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0435 \u0432\u0441\u0435 \u044d\u0442\u043e \u043a \u0433\u043b\u0430\u0432\u043d\u043e\u043c\u0443 \u0448\u0430\u0431\u043b\u043e\u043d\u0443\u00a0<code>@\/src\/App.vue<\/code>:<\/p>\n<pre><code>&lt;template>   &lt;div id=\"app\">&lt;\/div> &lt;\/template>  &lt;script> export default {   name: 'App', }; &lt;\/script>  &lt;style lang=\"stylus\"> @import \"~\/src\/stylus\/_stylebase.styl\"; &lt;\/style><\/code><\/pre>\n<p>\u0418\u0441\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0438\u043c\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0432 \u0438\u043c\u043f\u043e\u0440\u0442\u0430\u0445 \u0432 \u0442\u043e\u0447\u043a\u0443 \u0432\u0445\u043e\u0434\u0430\u00a0<code>@\/src\/main.js<\/code>\u00a0\u0435\u0441\u043b\u0438 \u0432\u044b \u0431\u0440\u0430\u043b\u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0440\u0435\u043f\u043e \u0438\u043b\u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0435:<\/p>\n<pre><code class=\"javascript\">import ComponentLibrary from 'ui-library-starter-test'; import 'ui-library-starter-test\/dist\/ui-library-starter-test.css';  Vue.use(ComponentLibrary);<\/code><\/pre>\n<p>\u0418\u0441\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0438\u043c\u044f \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443\u00a0<code>update<\/code>\u00a0\u0432\u00a0<code>@\/package.json<\/code>:<\/p>\n<pre><code class=\"json\">{   \"name\": \"ui-library-start-test\",   \"scripts\": {     \"update\": \"npm install ui-library-starter-test@latest\"   }, }<\/code><\/pre>\n<h3>Updating in projects<\/h3>\n<p>\u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0439\u0442\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0434\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445:<\/p>\n<pre><code class=\"bash\">$ npm run update<\/code><\/pre>\n<h2>Constants<\/h2>\n<h3>_stylebase.styl<\/h3>\n<p>\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0435\u0434\u0438\u0430\u0442\u043e\u0440 \u0441\u0442\u0438\u043b\u0435\u0439 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043d\u0435 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435\u00a0<code>\/utils<\/code>, \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435\u00a0<code>\/core<\/code>\u00a0\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439\u00a0<code>\/libs<\/code>\u00a0(\u043d\u043e, \u0442\u0435 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0431\u0435\u0437\u00a0<code>scoped<\/code>\u2014 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 SFC-\u043e\u0431\u0435\u0440\u0442\u043a\u0430\u0445).<\/p>\n<p><code>@\/src\/stylus\/_stylebase.styl<\/code>\u00a0\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438:<\/p>\n<pre><code>\/\/ utils @import \"utils\/_variables\"; @import \"utils\/_placeholders\"; @import \"utils\/_mixins\"; @import \"utils\/_typography\";  \/\/ core @import \"core\/_base\"; \/\/ normalize @import \"core\/_animations\";  \/\/ libs ...<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u044e \u044d\u0442\u0443 \u043a\u0443\u0445\u043d\u044e \u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445:<\/p>\n<pre><code>&lt;style lang=\"stylus\" scoped> @import \"~\/src\/stylus\/_stylebase.styl\";  ... &lt;\/style><\/code><\/pre>\n<p>\u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u00ab\u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0441\u0442\u0438\u043b\u044f\u043c\u0438-\u043d\u0435\u0432\u0438\u0434\u0438\u043c\u043a\u0430\u043c\u0438\u00bb, \u0447\u0442\u043e-\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u2014 \u043e\u043d\u0438, \u0441 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u2014 \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u044e\u0442 \u0432 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0438 \u0432\u0435\u0437\u0434\u0435, \u043d\u043e, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c, \u00ab\u0438\u0445 \u043d\u0435 \u0432\u0438\u0434\u043d\u043e\u00bb. \u041c\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u0430 \u0438 \u0432\u0441\u044e \u043f\u0440\u043e\u0447\u0443\u044e \u043c\u043e\u0449\u044c \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 \u0432\u0441\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0438 \u0432\u0441\u0435\u043c \u0435\u0435 \u00ab\u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044f\u043c\u00bb.<\/p>\n<h4>Mixins and placeholders<\/h4>\n<p>UI Library Starter \u0434\u0430\u0435\u0442 \u043d\u0430\u0434\u0435\u0436\u0434\u0443 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u0432 \u0432\u0430\u0448\u0435\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435 \u043a\u043e\u0434 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0438 \u043a\u043e\u043d\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043d\u044b\u0439. \u042d\u0442\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0430\u0436\u0435 \u043a\u0440\u0443\u043f\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0431\u0430\u0437\u0438\u0440\u0443\u044e\u0449\u0438\u0445\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u044f\u0437\u044b\u043a\u0435 \u2014 \u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u043e\u0439, \u0438, \u0432 \u0442\u043e\u0436\u0435 \u0432\u0440\u0435\u043c\u044f \u2014 \u0433\u0438\u0431\u043a\u043e\u0439.<\/p>\n<p>\u041d\u0435 \u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u0434 \u043a\u0443\u0441\u043a\u0430\u043c\u0438 \u043f\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u2014 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u043d\u0430\u0431\u043e\u0440\u044b \u0432 \u043c\u0438\u043a\u0441\u0438\u043d\u0430\u0445 \u0438 \u043f\u043b\u0435\u0439\u0441\u0445\u043e\u043b\u0434\u0435\u0440\u0430\u0445!<\/p>\n<p>\u0418\u043b\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0441\u0438 \u0431\u0435\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u2014 \u0437\u0430\u0431\u0435\u0433\u0430\u044f \u0432\u043f\u0435\u0440\u0435\u0434 (\u0441\u043c. \u0440\u0430\u0437\u0434\u0435\u043b Breakpoints) \u2014 \u0442\u0430\u043a\u043e\u0439 \u0436\u0435 \u043d\u0430\u0431\u043e\u0440 \u0441\u0442\u0430\u043b \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u0435\u0434\u0438\u0430-\u043c\u0438\u043a\u0441\u0438\u043d\u043e\u0432 <code>@\/src\/stylus\/utils\/_mixins.styl<\/code>:<\/p>\n<pre><code>\/\/ Utilities \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/ Mixins without arguments duplicate placeholders, \/\/ so it can be passed to media mixins  $flex--center()   display flex   align-items center   justify-content center<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c:<\/p>\n<pre><code>.selector   +$tablet()     $flex--center()<\/code><\/pre>\n<h3>Colors<\/h3>\n<p>\u0410\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u0443\u0439\u0442\u0435 \u0432\u0441\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u0430 \u0432 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0435 \u0438\u043c\u0435\u043d\u0430-\u043c\u0430\u0440\u043a\u0435\u0440\u044b.<\/p>\n<p><code>~\/src\/stylus\/utils\/_variables.styl<\/code>:<\/p>\n<pre><code>\/\/ Palette \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ $colors = {   cat: #515bd4,   dog: #ffffff,   bird: #fd5f00,   wood: #fed564,   stone: #8bc24c,   sea: #13334c, } \/\/ Dependencies colors $colors[\"text\"] = $colors.sea $colors[\"placeholder\"] = rgba($colors.sea, $opacites.rock) $colors[\"primary\"] = $colors.cat $colors[\"secondary\"] = $colors.dog<\/code><\/pre>\n<p>\u0412 \u043b\u044e\u0431\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u043a\u043e\u0434\u0430 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 \u0438\u043b\u0438 \u0441\u0435\u043a\u0446\u0438\u0438 \u0441\u0442\u0438\u043b\u0435\u0439 SFC (\u043f\u0440\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0441\u0442\u0438\u043b\u0435\u0432\u043e\u0439 \u0431\u0430\u0437\u044b) \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438\u043b\u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430:<\/p>\n<pre><code>.selector   color $colors.primary<\/code><\/pre>\n<p>\u041b\u0435\u0433\u043a\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u0443\u044e\u0449\u0438\u0439 \u043f\u0430\u043b\u0438\u0442\u0440\u0443 \u0432 <code>@\/src\/components\/tests\/TestColors\/TestColors.vue<\/code>.<\/p>\n<h3>Breakpoints<\/h3>\n<p>\u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435-\u0431\u0440\u0435\u043a\u043f\u043e\u0438\u043d\u0442\u044b \u043b\u0443\u0447\u0448\u0435 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e-\u043f\u043e\u043d\u044f\u0442\u043d\u043e.<\/p>\n<p><code>~\/src\/stylus\/utils\/_variables.styl<\/code>:<\/p>\n<pre><code>\/\/ Breakpoints \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  $breakpoints = {   tablet: 768px,   desktop: 1025px, } $breakpoints[\"mobile--max\"] = $breakpoints.tablet - 1 $breakpoints[\"tablet--max\"] = $breakpoints.desktop - 1<\/code><\/pre>\n<p>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0442\u043e\u0447\u043a\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430: \u0432 \u0441\u0442\u0438\u043b\u0435\u0432\u043e\u0439 \u0431\u0430\u0437\u0435 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 \u0432\u00a0<code>px<\/code>\u00a0\u0438 \u0432 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0432\u00a0<code>Number<\/code>\u00a0\u2014 \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433-\u0434\u0440\u0443\u0433\u0443.<\/p>\n<p><code>@\/src\/utils\/\u0441onstants.js<\/code>:<\/p>\n<pre><code class=\"javascript\">\/\/ Design constants \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  export const DESIGN = {   BREAKPOINTS: {     tablet: 768,     desktop: 1025,   }, };<\/code><\/pre>\n<p>\u0412 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0435 \u2014 \u043c\u043e\u0449\u043d\u0435\u0439\u0448\u0435\u0435, \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043e \u2014 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u0431\u0440\u0435\u043a\u043f\u043e\u0438\u043d\u0442\u0430\u0445 \u043f\u0440\u0438\u043c\u0435\u0441\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0449\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442:<\/p>\n<pre><code>\/\/ Media \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  $no-gadgets()   @media only screen and (max-width $breakpoints.desktop--max)     {block}  $desktop()   @media only screen and (min-width $breakpoints.desktop)     {block}  $gadgets()   @media only screen and (max-width $breakpoints.tablet--max)     {block}  $tablet()   @media only screen and (min-width $breakpoints.tablet) and (max-width $breakpoints.tablet--max)     {block}  $not-mobile()   @media only screen and (min-width $breakpoints.tablet)     {block}  $mobile()   @media only screen and (max-width $breakpoints.mobile--max)     {block}<\/code><\/pre>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u043b\u044e\u0431\u043e\u043c \u0431\u043b\u043e\u043a\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 SFC:<\/p>\n<pre><code>.selector   +$desktop()     \/\/ styles only for desktops    +$tablet()     \/\/ styles only for tablet    +$mobile()     \/\/ styles only for mobile<\/code><\/pre>\n<p>\u0412 \u0441\u0442\u0440\u043e\u0433\u043e\u0439 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u044e\u0431\u044b\u0445 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0441\u043e \u0441\u0442\u0438\u043b\u044f\u043c\u0438, \u0437\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u0434\u043b\u044f Vue \u0438 \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d\u043d\u044b\u0445 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0439 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0433\u0434\u0435 \u00ab\u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434 \u0441\u00a0<code>!important<\/code>\u00bb))). \u041c\u044b \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0438 \u00ab\u0442\u043e\u0447\u0435\u0447\u043d\u043e\u00bb \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0430\u043c\u044b\u0435 \u00ab\u0434\u043e\u0440\u043e\u0433\u0438\u0435\u00bb, \u043d\u0435\u043f\u043e\u0434\u044a\u0435\u043c\u043d\u044b\u0435 \u043f\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430\u043c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u044b\u0435 \u043c\u0435\u0441\u0442\u0430.<\/p>\n<p>\u0422\u043e\u0447\u043a\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c-\u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a\u043e\u043c \u0434\u043b\u044f \u044d\u043a\u0440\u0430\u043d\u0430 \u0447\u0435\u0440\u0435\u0437 matchMedia:<\/p>\n<pre><code class=\"javascript\">\/\/ Viewport utils module \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  import { DESIGN } from '.\/constants.js';  const ScreenHelper = (() => {   const TABLET = DESIGN.BREAKPOINTS.tablet;   const DESKTOP = DESIGN.BREAKPOINTS.desktop;    const isMobile = () => {     return window.matchMedia(`(max-width: ${TABLET - 1}px)`).matches;   };    const isTablet = () => {     return window.matchMedia(       `(min-width: ${TABLET}px) and (max-width: ${DESKTOP - 1}px)`,     ).matches;   };    const isDesktop = () => {     return window.matchMedia(`(min-width: ${DESKTOP}px)`).matches;   };    const getOrientation = () => {     if (window.matchMedia('(orientation: portrait)').matches) {       return 'portrait';     }     return 'landscape';   };    const getPixelRatio = () => {     \/\/ eslint-disable-next-line prettier\/prettier     return (       window.devicePixelRatio ||       window.screen.deviceXDPI \/ window.screen.logicalXDPI     );   };    return {     isMobile,     isTablet,     isDesktop,     getOrientation,     getPixelRatio,   }; })();  export default ScreenHelper;<\/code><\/pre>\n<p>\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043c\u043e\u0433\u043b\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0435\u0440\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0442\u0438\u043f\u043e\u0440\u0430\u0437\u043c\u0435\u0440 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u043e\u0431\u0449\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u044e\u0449\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0432 \u0441\u043e\u0431\u044b\u0442\u0438\u0438 \u0440\u0435\u0441\u0430\u0439\u0437\u0430. \u042d\u0442\u043e\u0442 \u043c\u0438\u043a\u0441\u0438\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0438 \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0445 \u0432\u0438\u0434\u043e\u0432 \u2014 \u0432 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445.<\/p>\n<p><code>@\/src\/mixins\/resize.js<\/code>:<\/p>\n<pre><code class=\"javascript\">import ScreenHelper from '..\/utils\/screen-helper.js';  export default {   data() {     return {       isMobile: null,       isTablet: null,       isDesktop: null,     };   },    mounted() {     window.addEventListener('resize', this.onWindowResizeCommon, false);     this.onWindowResizeCommon();   },    beforeDestroy() {     window.removeEventListener('resize', this.onWindowResizeCommon, false);   },    methods: {     onWindowResizeCommon() {       \/\/ console.log('onWindowResizeCommon!!!!');        this.isMobile = ScreenHelper.isMobile();       this.isTablet = ScreenHelper.isTablet();       this.isDesktop = ScreenHelper.isDesktop();     },   }, };<\/code><\/pre>\n<p>\u041d\u0430 \u043b\u044e\u0431\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 \u0438\u043b\u0438 \u0432\u0438\u0434\u0430\u0445 \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435:<\/p>\n<pre><code>&lt;template>   &lt;Component v-show=\"isDesktop\" \/>      &lt;div v-if=\"isDesktop\" \/> &lt;\/template>  &lt;script> import resize from '..\/..\/..\/src\/mixins\/resize.js';  export default {   name: 'ComponentName',    mixins: [resize], }; &lt;\/script><\/code><\/pre>\n<p>\u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445:<\/p>\n<pre><code>&lt;script> import resize from 'ui-library-starter\/src\/mixins\/resize.js';  export default {   name: 'Test',    mixins: [resize], }; &lt;\/script><\/code><\/pre>\n<p>\u0422\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 <code>@\/src\/components\/Tests\/TestBreakpoints\/TestBreakpoints.vue<\/code>.<\/p>\n<h3>Typography<\/h3>\n<p>\u0410\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u0443\u0439\u0442\u0435 \u0432\u0441\u0435 \u0433\u0430\u0440\u043d\u0438\u0442\u0443\u0440\u044b \u0438\u0437 \u0433\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u0430 \u0432 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0435 \u0438\u043c\u0435\u043d\u0430-\u043c\u0430\u0440\u043a\u0435\u0440\u044b.<\/p>\n<p><code>~\/src\/stylus\/utils\/_typography.styl<\/code>:<\/p>\n<pre><code>\/\/ Typography \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  \/\/ Typographic Variables \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  \/\/ Guide  $font-family = \"Ubuntu\"  $font-weight = {   regular: 400,   bold: 700, }  $letter-spacing = {   normal: normal }  \/\/ Universal Typographic Mixin \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  \/\/ We use one, only one, Karl, a universal mixin for all cases!  $text($name)   font-family $font-family   letter-spacing $letter-spacing.normal    if $name == \"elena\"     font-size 72px     line-height 72px     font-weight $font-weight.bold   if $name == \"olga\"     font-size 56px     line-height 56px     font-weight $font-weight.bold   if $name == \"anna\"     font-size 40px     line-height 44px     font-weight $font-weight.bold   if $name == \"maria\"     font-size 32px     line-height 36px     font-weight $font-weight.bold   if $name == \"katya\"     font-size 24px     line-height 28px     font-weight $font-weight.regular   if $name == \"alena\"     font-size 20px     line-height 28px     font-weight $font-weight.regular   if $name == \"natasha\"     font-size 16px     line-height 28px     font-weight $font-weight.regular   if $name == \"nina\"     font-size 13px     line-height 16px     font-weight $font-weight.regular<\/code><\/pre>\n<h3>Others<\/h3>\n<p><code>~\/src\/stylus\/utils\/_variables.styl<\/code>:<\/p>\n<pre><code>\/\/ Others from guide \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  $border-radiuses = {   soccer: 0,   dancing: 2px,   swimming: 3px,   shooting: 10px, }  $opacites = {   waltz: 1,   funky: 0.75,   rock: 0.66,   psy: 0.45,   pop: 0.2,   reggae: 0, }  $effects = {   duration: 0.1s, }<\/code><\/pre>\n<p>\u041c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043c\u0438\u043a\u0441\u0438\u043d\u044b \u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u043b\u0430\u043a\u043e\u043d\u0438\u0447\u043d\u043e\u0433\u043e \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430\u00a0<code>~\/src\/stylus\/utils\/_mixins.styl<\/code>:<\/p>\n<pre><code>\/\/ Rounding \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  $border-radius($name)   if $name == \"soccer\"     border-radius $border-radiuses.soccer \/\/ 0   if $name == \"dancing\"     border-radius $border-radiuses.dancing \/\/ 2px   if $name == \"swimming\"     border-radius $border-radiuses.swimming \/\/ 3px   if $name == \"shooting\"     border-radius $border-radiuses.shooting \/\/ 10px   \/\/ Opacity \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  $opacity($name)   if $name == \"waltz\"     opacity $opacites.waltz \/\/ 1   if $name == \"funky\"     opacity $opacites.funky \/\/ 0.75   if $name == \"rock\"     opacity $opacites.rock \/\/ 0.66   if $name == \"psy\"     opacity $opacites.psy \/\/ 0.45   if $name == \"pop\"     opacity $opacites.pop \/\/ 0.2   if $name == \"reggae\"     opacity $opacites.reggae \/\/ 0<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e:<\/p>\n<pre><code>.selector   $opacity(\"dancing\")   $border-radius(\"funky\")<\/code><\/pre>\n<p>\u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043c\u043e\u0433\u0443\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0435\u0441\u043b\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0437\u0430\u0445\u043e\u0442\u044f\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442 \u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u043d\u043e\u0439 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c\u044e:<\/p>\n<pre><code>.selector   color rgba($colors.dog, $opacites.psy)<\/code><\/pre>\n<h4>\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438<\/h4>\n<p>\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u0441\u0442\u0438\u043b\u0435\u0432\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u0441\u0442\u0440\u043e\u0433\u043e\u0439 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u2014 \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 Vue. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u0445 \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0432\u0443\u044e\u0449\u0438\u0445\u00a0<code>@keyframes<\/code>\u00a0\u0432 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 \u0441\u0442\u0438\u043b\u0435\u0432\u043e\u0439 \u0431\u0430\u0437\u044b\u00a0<code>~\/src\/stylus\/core\/_animation.styl<\/code>:<\/p>\n<pre><code>\/\/ Project animations \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  \/\/ Keyframes \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  @keyframes fade   0%     opacity 0    100%     opacity 1   \/\/ Vue classes for animation \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/  .fade   &amp;-enter-active     animation fade ($effects.duration * 2) forwards    &amp;-leave-active     animation fade ($effects.duration * 2) reverse<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435:<\/p>\n<pre><code>&lt;template>   &lt;transition name=\"fade\">     &lt;div v-if=\"Boolean\" \/>   &lt;\/transition> &lt;\/template><\/code><\/pre>\n<h3>Structure<\/h3>\n<pre><code>. \u251c\u2500 docs\/ \/\/ documentation folder \u2502  \u251c\u2500\u2500 .vuepress\/ \/\/ VuePress \u2502  \u2502   \u251c\u2500 stylus\/ \/\/ import of fonts and customization of documentation \u2502  \u2502   \u2502  \u2514\u2500 palette.styl \u2502  \u2502   \u251c\u2500 config.js \/\/ configuration \u2502  \u2502   \u2514\u2500 enhanceApp.js \/\/ improvements - installation of library components \u2502  \u251c\u2500 components\/ \/\/ components documentation folder \u2502  \u2502  \u251c\u2500 link.md \u2502  \u2502  \u2514\u2500 ... \u2502  \u251c\u2500 constants\/ \/\/ library documentation folder \u2502  \u2502  \u251c\u2500 breakpoints.md \u2502  \u2502  \u251c\u2500 colors.md \u2502  \u2502  \u251c\u2500 others.md \u2502  \u2502  \u251c\u2500 stylebase.md \u2502  \u2502  \u2514\u2500 typography.md \u2502  \u251c\u2500 sandbox\/ \/\/ sandbox view \u2502  \u2502  \u2514\u2500 sandbox.md \u2502  \u251c\u2500 links.md \/\/ useful reading links \u2502  \u251c\u2500 README.md \/\/ homepage \u2502  \u251c\u2500 start.md \/\/ getting started \u2502  \u2514\u2500 structure.md \/\/ structure \u251c\u2500 src\/ \/\/ source folder \u2502  \u251c\u2500 components\/ \u2502  \u2502  \u251c\u2500 Icon \u2502  \u2502  \u2502  \u251c\u2500 index.js \u2502  \u2502  \u2502  \u2514\u2500 Icon.vue \u2502  \u2502  \u251c\u2500 Sandbox \u2502  \u2502  \u2502  \u251c\u2500 index.js \u2502  \u2502  \u2502  \u2514\u2500 Sandbox.vue \u2502  \u2502  \u251c\u2500 Tests \u2502  \u2502  \u2502  \u2514\u2500 ... \u2502  \u2502  \u2514\u2500 ... \u2502  \u251c\u2500 mixins\/ \u2502  \u2502  \u251c\u2500 resize.js \/\/ adaptive to components \u2502  \u2502  \u2514\u2500 ... \u2502  \u251c\u2500 static\/ \/\/ after build fonts will be copied here \u2502  \u2502  \u2514\u2500 fonts\/ \u2502  \u2502     \u2514\u2500 ... \u2502  \u251c\u2500 stylus\/ \u2502  \u2502  \u251c\u2500 core \u2502  \u2502  \u2502  \u251c\u2500 _animations.styl \/\/ keyframes and Vue animationss classes \u2502  \u2502  \u2502  \u2514\u2500 _base.styl \/\/ normalize \u2502  \u2502  \u251c\u2500 utils \u2502  \u2502  \u2502  \u251c\u2500 _mixins.styl \u2502  \u2502  \u2502  \u251c\u2500 _placeholders.styl \u2502  \u2502  \u2502  \u251c\u2500 _typography.styl \/\/ Use one, only one, Karl, a universal mixin for all cases! \u2502  \u2502  \u2502  \u2514\u2500 _variables.styl \u2502  \u2502  \u2514\u2500 _stylebase.styl \/\/ main file of stylus  \u2502  \u251c\u2500 utils\/ \/\/ scripts \u2502  \u2502  \u251c\u2500 constants.js \/\/ javascript constants \u2502  \u2502  \u251c\u2500 screen-helper.js \/\/ adaptive viewport \u2502  \u2502  \u2514\u2500 ... \u2502  \u2514\u2500 main.js \/\/ library connection \u251c\u2500 .browserslistrc \/\/ configuration of supported browsers \u251c\u2500 .eslintrc.js \/\/ linter configuration \u251c\u2500 .gitignore \/\/ git ignore \u251c\u2500 .prettierrc \/\/ prettier configuration \u251c\u2500 babel.config.js \/\/ babel configuration \u251c\u2500 colors.jpg \/\/ image for README \u251c\u2500 package.json \/\/ project configuration \u2514\u2500 README.md ```<\/code><\/pre>\n<h2>\u041c\u044b \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u043d\u043e\u0433\u043e\u0435 \u043f\u043e\u043d\u044f\u043b\u0438<\/h2>\n<p>\u0427\u0438\u0441\u0442\u044b\u0439 \u043a\u043e\u0434 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u0447\u0435\u0442\u043a\u0438\u0445 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0438 \u0433\u043e\u0434\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b, \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u2014 \u0441 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438 \u0438 \u0432\u043d\u044f\u0442\u043d\u044b\u0445 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439. \u042f \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u043b \u0432\u0441\u0435\u0433\u043e \u043e\u0434\u0438\u043d \u0432\u0435\u0447\u0435\u0440 \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0430\u043c \u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0434\u0443\u043b\u044f-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0430 Vue \u0441\u043e Stylus (\u0431\u0435\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442). \u0422\u043e\u0447\u043d\u043e \u0442\u043e\u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u043b\u0435\u0433\u043a\u043e \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0438\u0442\u044c \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u043a\u0438 \u043b\u044e\u0431\u043e\u0433\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0438 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430. \u0414\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u0442\u0435, \u0438\u043b\u0438 \u043f\u043e \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u0432\u043d\u0435\u0448\u043d\u0438\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c \u2014 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u2014 \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0439 \u0438 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u0439 UI \u0441\u0432\u043e\u0435\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 \u043c\u043e\u0434\u0443\u043b\u044c-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u0432\u044b\u0448\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u0438 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0438\u0441\u0430\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0441 \u043f\u043e-\u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u043c\u0443 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0442\u043a\u043e\u0439.<\/p>\n<p>\u0423\u0434\u0430\u0447\u0438 \u0432 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a!<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/5e4\/f10\/383\/5e4f10383d235d5ea2efb8c17dccafd4.jpg\" alt=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" title=\"\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442\" width=\"462\" height=\"700\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/5e4\/f10\/383\/5e4f10383d235d5ea2efb8c17dccafd4.jpg\" data-blurred=\"true\"\/><figcaption>\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442<\/figcaption><\/figure>\n<p>@@<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/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\/articles\/582638\/\"> https:\/\/habr.com\/ru\/articles\/582638\/<\/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 article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<figure class=\"full-width\"><figcaption>\u0421\u043f\u043e\u0439\u043b\u0435\u0440: \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d<\/figcaption><\/figure>\n<p>\u042d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435\u043c \u043c\u043e\u0435\u0433\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u0434\u043b\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u043e\u0431 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u0430\u0445 \u043a \u0432\u0435\u0440\u0441\u0442\u043a\u0435 <a href=\"https:\/\/good-layout-book.netlify.app\/\" rel=\"noopener noreferrer nofollow\"><u>\u041a\u0430\u043a \u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0431\u044b\u0441\u0442\u0440\u043e, \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e<\/u><\/a>. \u041d\u043e, \u0435\u0441\u043b\u0438, \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u0442\u0440\u0430\u043a\u0442\u0430\u0442\u0435, \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0443\u0434\u0435\u043b\u044f\u043b\u043e\u0441\u044c, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u0441\u0442\u0438\u043b\u044e \u043a\u043e\u0434\u0430, \u0435\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0443 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u043d\u044b\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043e\u0432 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u0447\u0442\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0434\u0430\u0447\u0430\u0445, \u0442\u0435\u043f\u0435\u0440\u044c \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u0430\u0445 \u0432\u0435\u0431-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0447\u0438\u0442\u0430\u043b\u0438 \u043c\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442, \u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0447\u0435\u0441\u0442\u044c \u044d\u0442\u043e\u0442 \u2014 \u043d\u0435 \u043f\u043e\u043b\u0435\u043d\u0438\u0442\u0435\u0441\u044c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435 \u0438 \u043f\u0440\u043e\u0431\u0435\u0436\u0430\u0442\u044c \u0433\u043b\u0430\u0437\u0430\u043c\u0438 \u0441\u0430\u043c\u044b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044b \u043a\u0430\u0436\u0434\u043e\u0439 \u0438\u0437 \u0434\u0432\u0443\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043e\u0441\u043e\u0431\u0438\u044f: \u00ab\u0413\u043e\u0442\u043e\u0432\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u00bb \u0438 \u00ab\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u044b\u00bb. \u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u0440\u044f\u043c\u043e \u0441 \u044d\u0442\u0438\u0445 \u043c\u0435\u0441\u0442 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u0438 \u0438\u0434\u0435\u0438: \u0438 \u043e \u043f\u0430\u0433\u0443\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0440\u0430\u0441\u043a\u0440\u0443\u0447\u0435\u043d\u043d\u044b\u0445-\u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u00ab\u043d\u0430 \u0432\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0445\u00bb UI-\u00ab\u0434\u0438\u0437\u0430\u0439\u043d-\u0441\u0438\u0441\u0442\u0435\u043c\u00bb-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0432\u0435\u0431-\u043c\u043e\u0440\u0434 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438, \u043e, \u043f\u043e \u0441\u0443\u0442\u0438, \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0445\u043e\u0442\u044f \u0431\u044b \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u044f\u0432\u043d\u044b\u0445 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0432\u0435\u0431-GUI \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435. \u041d\u043e \u044f \u043d\u0435 \u0441\u0442\u0430\u043d\u0443 \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f, \u0434\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044f, \u0447\u0442\u043e \u00ab\u043d\u0438 \u0432 \u043a\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Vuetify \u0438\u043b\u0438 AntDesign\u00bb \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0440\u0443\u043f\u043d\u044b\u0445 UI-\u0441\u0438\u0441\u0442\u0435\u043c \u0441 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\u043c. \u0412\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044c \u0441\u0435\u0431\u0435 <s>\u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u0433\u0435\u043c\u043e\u0440\u0440\u043e\u0439<\/s> \u043d\u0435\u043f\u0440\u043e\u043d\u0438\u0446\u0430\u0435\u043c\u044b\u0439 \u0441\u043b\u043e\u0439 \u043f\u043b\u043e\u0445\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e GUI \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u0438\u043b\u0438 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430! \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u0434\u0430\u0442\u0430\u043f\u0438\u043a\u0435\u0440 \u2014 \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u0438 \u0434\u043e\u043f\u0438\u043b\u0438\u0442\u0435 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u0434 \u0441\u0435\u0431\u044f. \u042d\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043c\u043e\u0436\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u0439\u0442\u0438 \u0438\u043b\u0438 \u0442\u0430\u043a \u0438 \u043d\u0435 \u043f\u0440\u0438\u0434\u0442\u0438 \u0441 \u0433\u043e\u0434\u0430\u043c\u0438 \u0442\u044f\u0436\u0435\u043b\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 CSS \u2014 \u00ab\u043a\u0440\u044f\u043a\u0438 \u0441 !important`\u0430\u043c\u0438 \u043f\u043e\u0432\u0435\u0440\u0445 \u0441\u0442\u0438\u043b\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438\u00bb, \u0432\u044b\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u0447\u0443\u0434\u043d\u044b\u0435 \u043a\u043e\u0441\u0442\u044b\u043b\u0438 \u043d\u0430 javascript \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u043d\u0430 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0435 \u0438 \u0445\u0438\u0442\u0440\u043e\u0435-\u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0435 \u0437\u0430\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438&#8230; \u0418, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c, \u0432\u0430\u0448\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u044b, \u0441\u0442\u0438\u043b\u0438 \u0438 js-\u043e\u0431\u0432\u044f\u0437\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0432\u043e \u0432\u0441\u0435 \u043c\u0435\u043d\u0435\u0435 \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0435, \u0437\u0430\u043f\u0443\u0442\u0430\u043d\u043d\u044b\u0435 \u043d\u0430\u0433\u0440\u043e\u043c\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0441 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c \u043a \u043d\u0430\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044e \u0438 \u043f\u0440\u043e\u0447\u0438\u043c\u0438 \u0431\u0435\u0434\u0430\u043c\u0438\u2026 \u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u0440\u0438\u0437\u0432\u0430\u043d\u044b \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u00ab\u0430 \u043a\u0430\u043a \u043d\u0430\u0434\u043e?\u00bb.<\/p>\n<figure class=\"full-width\"><figcaption>\u0421\u0438\u043c\u043e\u043d\u043e\u0432 \u0418\u0433\u043e\u0440\u044c \u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447. \u00ab\u0411\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u00bb. 1953 \u0433\u043e\u0434.<\/figcaption><\/figure>\n<p>\u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0439 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0438\u043d\u043e\u0439, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0441\u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0439, \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432 \u0438 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u0441 \u043d\u0438\u043c\u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439. \u0427\u0430\u0441\u0442\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043e\u0434\u0438\u043d \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431, \u0438, \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435, \u0441\u0442\u0430\u0433\u043d\u0438\u0440\u0443\u044e\u0442 \u0432 \u043e\u0431\u0449\u0435\u043c \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438. \u041f\u0440\u0438\u0432\u044b\u0447\u043a\u0438 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u044e\u0442 \u0443\u0434\u043e\u0431\u043d\u0443\u044e \u0437\u043e\u043d\u0443 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u0430 \u0438 \u044d\u0442\u043e \u043c\u0435\u0448\u0430\u0435\u0442 \u043e\u0441\u043e\u0437\u043d\u0430\u0442\u044c \u0440\u0438\u0441\u043a\u0438 \u0432 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\u0445 \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043e\u043d\u0438 \u043d\u0435\u0430\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u044b. \u0417\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a\u043e\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442 \u043c\u043d\u0435 \u0443\u0436\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0441\u043b\u044b\u0448\u0430\u0442\u044c \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u0438 \u043e\u0442 \u043e\u043f\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u0449\u0438\u0449\u0430\u0432\u0448\u0438\u0445 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u0443\u044e \u0434\u043b\u044f \u043d\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u043d\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u043f\u0440\u0438\u0433\u043e\u0434\u043d\u0443\u044e, \u043d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434, \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0443\u0449\u0438\u0445 \u043d\u0430\u0441\u0443\u0449\u043d\u044b\u0445 \u0437\u0430\u0434\u0430\u0447, \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0441\u0440\u043e\u043a\u043e\u0432? \u00ab\u041d\u0443 \u044d\u0442\u043e \u0436\u0435 <em>\u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u0430\u044f<\/em> \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f?\u00bb, \u00ab\u0413\u0443\u0433\u043b, \u0424\u0435\u0439\u0441\u0431\u0443\u043a, \u2026 \u044d\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442, \u0447\u0435\u043c \u043c\u044b \u0445\u0443\u0436\u0435\u00bb&#8230; \u0415\u0441\u043b\u0438 \u0432\u044b \u0441\u043b\u044b\u0448\u0438\u0442\u0435 \u043e\u0442 \u043a\u043e\u0433\u043e-\u0442\u043e, \u0447\u0442\u043e \u043d\u0435\u0447\u0442\u043e, \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0435\u0435\u0441\u044f \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u043c\u0443 \u0432\u0441\u0435\u043c\u0438 \u043d\u0430\u043c\u0438 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u043c\u0443 \u043f\u0435\u0440\u0435\u0447\u043d\u044e \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 \u2014 \u00ab\u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u043e\u00bb, \u044d\u0442\u043e \u043f\u043e\u0432\u043e\u0434 \u0441\u0440\u0430\u0437\u0443 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0432\u0430\u0448 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043d\u0438\u043a \u0438\u043c\u0435\u0435\u0442 \u043c\u0430\u043b\u043e \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u0432 \u044d\u0442\u043e\u043c \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u043b\u0435\u043d\u044c \u0438 \u043d\u0435\u0436\u0435\u043b\u0430\u043d\u0438\u0435 \u0443\u0447\u0438\u0442\u044c\u0441\u044f \u043d\u043e\u0432\u043e\u043c\u0443. \u0420\u044f\u0434\u043e\u043c \u0441 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u043f\u0440\u043e \u0441\u0442\u0440\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0438\u0441\u0442\u0440\u0430\u0441\u0442\u0438\u044f \u0430\u043a\u0443\u043b \u043a\u0430\u043f\u0438\u0442\u0430\u043b\u0438\u0437\u043c\u0430 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0435\u0449\u0435 \u0438 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u0441\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u043e \u00ab\u043d\u0430\u0448\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u043d\u0435 \u0432\u0441\u0435 \u0437\u043d\u0430\u044e\u0442 Stylus\u00bb, \u043f\u0440\u0438 \u0442\u043e\u043c \u0447\u0442\u043e, \u043b\u044e\u0431\u043e\u0439 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 CSS \u0434\u0430\u0436\u0435 \u0438 \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u0441\u043f\u043e\u0441\u043e\u0431\u0435\u043d \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u0434\u043e \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u0437\u0430 \u043e\u0434\u0438\u043d \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0432\u0435\u0447\u0435\u0440. \u041c\u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u0440\u0430\u0432\u0438\u043b\u043e\u0441\u044c \u043c\u0435\u043d\u044f\u0442\u044c \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u044b \u2014 \u044d\u0442\u043e \u043e\u0441\u0432\u0435\u0436\u0430\u0435\u0442 \u0438 \u043f\u0440\u0438\u0434\u0430\u0435\u0442 \u0434\u0440\u0430\u0439\u0432\u0443, \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435. \u0418 \u0438\u043c\u0435\u043d\u043d\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0441 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f\u043c\u0438 \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043b \u043c\u043e\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043e \u0442\u043e\u043c \u00ab\u0447\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e, \u0447\u0442\u043e \u043f\u043b\u043e\u0445\u043e\u00bb \u0432 \u0442\u0435\u0445 \u0438\u043b\u0438 \u0438\u043d\u044b\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\u0445.<\/p>\n<figure class=\"full-width\"><figcaption>\u0417\u0430\u043a\u043e\u043d \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0447\u0435\u0441\u0442\u0438!<\/figcaption><\/figure>\n<p>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u044f \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u043d\u0430\u043a\u043e\u043f\u043b\u044e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0437\u043b\u043e\u0441\u0442\u0438 \u0438 \u043d\u0430\u0439\u0434\u0443 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u044b\u0445 \u0432\u043e\u043f\u0438\u044e\u0449\u0438\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u00ab\u0430 \u043f\u043e\u0447\u0435\u043c\u0443 \u0432\u043e\u0442 \u044d\u0442\u043e \u043f\u043b\u043e\u0445\u043e?\u00bb. \u041d\u043e \u044d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u0438 \u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0434\u0443\u043b\u044f \u043e \u0442\u043e\u043c \u00ab\u043a\u0430\u043a \u043d\u0430\u0434\u043e?\u00bb, \u0447\u0442\u043e \u0442\u043e\u0447\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e. \u0415\u0441\u043b\u0438 \u0432\u044b \u044f\u0432\u043b\u044f\u0435\u0442\u0435\u0441\u044c \u0443\u043f\u0435\u0440\u0442\u044b\u043c \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u043a\u043e\u043c CSS-in-JS-\u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432, \u0438\u043b\u0438, \u0432\u043e\u043e\u0431\u0449\u0435, \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043d\u0430\u043d\u043e\u0441\u0438\u0442\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0432 \u00ab\u0431\u043e\u0440\u043e\u0434\u0430\u0442\u043e\u043c\u00bb \u00ab\u0443\u0442\u0438\u043b\u0438\u0442\u0430\u0440\u043d\u043e\u043c\u00bb \u0441\u0442\u0438\u043b\u0435 \u00ab\u043c\u043d\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0441 \u0433\u043e\u0432\u043e\u0440\u044f\u0449\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0445 \u043e\u0434\u043d\u043e-\u0434\u0432\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u043e\u00bb (\u0442\u0443\u0442 \u0443\u043c\u0435\u0441\u0442\u043d\u043e \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0443\u0436\u0435 \u00ab\u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0443\u044e\u00bb \u2014 CSS-in-JS \u2014 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e <a href=\"https:\/\/tailwindcss.com\/\" rel=\"noopener noreferrer nofollow\">Tailwind<\/a> \u0441 \u0435\u0435 \u043e\u0433\u043e\u043b\u0442\u0435\u043b\u044b\u043c \u0441\u043b\u043e\u0433\u0430\u043d\u043e\u043c-\u043e\u043a\u0441\u044e\u043c\u043e\u0440\u043e\u043d\u043e\u043c: \u00ab&#187;Best practices\u201d don\u2019t actually work\u00bb.) \u2014 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u043d\u0430\u044f \u0438 \u0432 \u043c\u043e\u0435\u0439 \u043f\u0435\u0440\u0432\u043e\u0439 \u043a\u043d\u0438\u0436\u043a\u0435 \u0438 \u0432 \u0435\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0438 \u2014 \u0437\u0434\u0435\u0441\u044c \u2014 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0430\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043b\u044e\u0431\u043e\u0439 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u043a\u0430\u043a \u00ab\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043c\u0435\u0434\u0438\u0430\u0442\u043e\u0440 \u0441\u0442\u0438\u043b\u0435\u0439\u00bb \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0434\u0438\u0437\u0430\u0439\u043d-\u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442 \u0438 \u043f\u0440\u043e\u0447\u0435\u0439 \u0441\u0442\u0438\u043b\u0435\u0432\u043e\u0439 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u0438 \u0441\u0430\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f, \u043f\u0440\u043e\u0441\u0442\u0438\u0442\u0435 \u0437\u0430 \u0441\u043f\u043b\u043e\u0448\u043d\u0443\u044e \u0442\u0430\u0432\u0442\u043e\u043b\u043e\u0433\u0438\u044e \u2014 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e\u0439 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0441\u0442\u0438 \u2014 \u0432\u0430\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u043d\u0435 \u0437\u0430\u0439\u0434\u0435\u0442, \u043d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u043f\u044b\u0442\u043a\u0438 \u043f\u043e\u0441\u0430\u0434\u0438\u0442\u044c Styled Components \u043d\u0430 \u0434\u0438\u0437\u0430\u0439\u043d-\u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u043f\u0440\u0438\u0432\u043e\u0434\u044f\u0442 \u043a \u0431\u0435\u0437\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u043c\u0443 \u043a\u043e\u0434\u0443 \u0432 \u0442\u0430\u043a\u0438\u0445 \u00ab\u0441\u0442\u0438\u043b\u044f\u0445\u00bb&#8230; \u0418\u043b\u0438 \u0443\u0442\u0438\u043b\u0438\u0442\u044b \u00ab\u0438\u0448\u0430\u043a \u0432\u0438\u0436\u0443 \u2014 \u0438\u0449\u0430\u043a \u043f\u043e\u044e\u00bb \u00ab\u0432 \u0441\u0442\u0438\u043b\u0435 Taiwind\u00bb \u0432\u043f\u043e\u043b\u043d\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u00ab\u0430\u0442\u043e\u043c\u044b\u00bb, \u043d\u043e \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u044e\u0442 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u044c \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0438 \u0447\u0430\u0441\u0442\u044b\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439, \u043d\u0443 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u2014 \u0442\u0430\u043a\u0436\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0438\u0437\u043b\u0438\u0448\u043d\u0435-\u043d\u0435\u0432\u043c\u0435\u043d\u044f\u0435\u043c\u043e \u0443\u0436\u0435 \u043d\u0430 \u0441\u0430\u043c\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435. \u042f \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0433\u0434\u0435 \u043f\u0440\u0438\u043a\u0440\u0443\u0447\u0435\u043d\u043e \u00ab\u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u0440\u0430\u0437\u0443 \u0432\u0441\u0435\u00bb \u2014 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440, CSS-\u043c\u043e\u0434\u0443\u043b\u0438 \u0438 Styled Components, Flow \u043a \u0437\u0430\u0447\u0435\u043c-\u0442\u043e \u201c\u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u043e\u043c\u0443\u201d CRA, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u2014 \u0438 \u044d\u0442\u043e \u0443\u0436\u0435 \u0434\u0430\u0436\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u00ab\u043e\u0432\u0435\u0440\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u043e\u043c\u00bb, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0433\u043b\u0443\u043f\u043e\u0441\u0442\u044c \u0438 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u043f\u043b\u043e\u0445\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0440\u0430\u0441\u043a\u0430\u044f\u043d\u0438\u0435 \u0438 \u043e\u0442\u0440\u0435\u0437\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0441\u0442\u0443\u043f\u0438\u0442 \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u043e\u043f\u044f\u0442\u044c \u043f\u0440\u0435\u0432\u044b\u0441\u0438\u0442\u0435 \u0441\u0440\u043e\u043a\u0438 \u0438 \u0431\u044e\u0434\u0436\u0435\u0442 \u043d\u0430 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432 \u043f\u044f\u0442\u044c, \u0434\u0430, \u041a\u0430\u0440\u043b, \u043f\u044f\u0442\u044c \u0440\u0430\u0437 \u2014 \u0438 \u0442\u0430\u043a\u043e\u0435 \u0431\u044b\u0432\u0430\u0435\u0442 \u0441\u043f\u043b\u043e\u0448\u044c \u0438 \u0440\u044f\u0434\u043e\u043c. \u0418\/\u0438\u043b\u0438 \u2014 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b, \u043f\u043e \u043f\u0440\u043e\u0441\u044c\u0431\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043d\u0438\u043a\u0430\u043a \u043d\u0435\u043b\u044c\u0437\u044f \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0440\u0430\u0437 \u00ab\u0432\u0441\u0435 \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u0430\u044e\u0442\u00bb \u0432 \u043c\u0430\u043a\u0435\u0442\u0430\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u00ab\u0443\u0436\u0435 \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u043d\u044b\u00bb\u2026<\/p>\n<h2>\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f<\/h2>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435, \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u0447\u0435\u0442\u043a\u043e \u043e\u0431\u0440\u0438\u0441\u0443\u0435\u043c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0440\u0435\u0448\u0430\u0442\u044c. \u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u043c\u0438\u0440\u0435, \u0432 \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u0438\u0445 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u0445 \u2014 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0438\u043a\u0430\u043a \u043d\u0435 \u00ab\u0434\u0440\u0443\u0436\u0438\u0442\u00bb \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439, \u043e\u0431\u0449\u0430\u044f\u0441\u044c, \u043f\u043e \u0441\u0443\u0442\u0438 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0435 \u00ab\u043c\u0430\u043a\u0435\u0442\u044b\u00bb. \u0414\u0430\u0436\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u043f\u044b\u0442\u043d\u044b\u0435 \u00ab\u0444\u0443\u043b\u043b\u044b\u00bb, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0435\u0442 \u043d\u0430\u043d\u0438\u043c\u0430\u0442\u044c \u00ab\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u043e\u0432\u00bb, \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0442\u043e \u0434\u0435\u043b\u0435, \u0432\u0435\u0440\u0441\u0442\u0430\u044e\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u0441\u043b\u0430\u0431\u043e. \u041a\u043e\u0434\u0435\u0440\u044b \u0441\u0434\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u043c \u0441\u0430\u043c\u0438\u043c \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e <s>\u0438\u0437 \u043a\u0430\u043a\u043e\u0433\u043e \u0433\u0430\u0432\u043d\u0430<\/s> \u043a\u0430\u043a \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u2014 \u0442\u0443\u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0442 \u0438\u0445 \u0441 \u043c\u0430\u043a\u0435\u0442\u0430\u043c\u0438 \u2014 \u0437\u0430\u043c\u044b\u043a\u0430\u044f \u043f\u043e\u0440\u043e\u0447\u043d\u044b\u0439 \u043a\u0440\u0443\u0433. \u041e\u0431\u044b\u0447\u043d\u043e \u0438, \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435, \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u0436\u0435\u0441\u0442\u043a\u0438\u0445 \u0434\u0435\u0434\u043b\u0430\u0439\u043d\u043e\u0432 \u0438\/\u0438\u043b\u0438 \u0432 \u0440\u0430\u0437\u043d\u043e\u0448\u0435\u0440\u0441\u0442\u043d\u044b\u0445, \u043d\u0430\u0441\u043f\u0435\u0445 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u0445 \u0438\u0437 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u0441 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043a\u0438\u043b\u0430\u043c\u0438 \u0438 \u043e\u043f\u044b\u0442\u043e\u043c \u2014 \u0431\u044b\u0432\u0430\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u0441\u043b\u043e\u0436\u043d\u043e \u0432\u0432\u0435\u0441\u0442\u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f. \u041e\u0431\u0449\u0438\u0439 \u0444\u043e\u043a\u0443\u0441 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u043d\u0435\u043c\u0438\u043d\u0443\u0435\u043c\u043e \u0441\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0442\u043e \u0447\u0442\u043e\u0431\u044b \u00ab\u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0445\u043e\u0442\u044c \u043a\u0430\u043a-\u043d\u0438\u0431\u0443\u0434\u044c\u00bb, \u00ab\u043f\u0440\u043e\u0442\u043e\u043b\u043a\u043d\u0443\u0432\u00bb \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0433\u0430\u0432\u043d\u043e\u043a\u043e\u0434 \u0447\u0435\u0440\u0435\u0437 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u043e\u0432\u2026<\/p>\n<figure class=\"full-width\"><figcaption>\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442<\/figcaption><\/figure>\n<p>\u0422\u0430\u043a\u0430\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043a\u0430\u043a \u0440\u0430\u0437 \u043e\u0447\u0435\u043d\u044c \u0432\u044b\u0433\u043e\u0434\u043d\u0430 \u043c\u0440\u0430\u043a\u043e\u0434\u0435\u043b\u0430\u043c. \u041c\u0440\u0430\u043a\u043e\u0434\u0435\u043b \u043e\u0442\u0433\u043e\u0440\u0430\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u00ab\u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0432\u043e\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439\u00bb \u2014 \u00ab\u043c\u043e\u044f \u0445\u0430\u0442\u0430 \u0441\u043a\u0440\u0430\u044e\u00bb \u2014 \u0438 \u043f\u0438\u0448\u0435\u0442 \u0435\u0435 \u0442\u0430\u043a, \u043a\u0430\u043a \u0435\u043c\u0443 \u0443\u0434\u043e\u0431\u043d\u043e, \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044f best practices \u0438 \u043d\u0430\u043f\u0440\u044f\u0436\u043d\u044b\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f, \u0447\u0430\u0441\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0443 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u2014 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043b, \u0447\u0443\u0442\u043a\u0430 \u043f\u0435\u0440\u0435\u043a\u043e\u0432\u044b\u0440\u044f\u043b \u043f\u043e\u0434 \u043c\u0430\u043a\u0435\u0442\u044b \u2014 \u0443\u0448\u0435\u043b \u0433\u0443\u043b\u044f\u0442\u044c, \u0432\u0435\u0447\u0435\u0440\u043e\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b \u2014 \u0436\u0434\u0435\u0442 \u043a\u043e\u0433\u0434\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u0438 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u0432\u0435\u0440\u043d\u0443\u0442 \u043d\u0430 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0443\u2026 \u00ab\u0415\u0441\u0442\u044c \u0431\u0430\u0433\u0438 \u2014 \u0435\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430!\u00bb. \u00ab\u041f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u00bb \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u00ab\u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0443\u044e\u00bb \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e \u00ab\u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043a\u0443\u0441\u043a\u043e\u0432\u00bb \u2014 \u043b\u0430\u0432\u0438\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e \u0443\u0441\u0443\u0433\u0443\u0431\u043b\u044f\u044f \u043c\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u0438 \u0437\u0430\u043f\u0443\u0442\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0438\u043b\u0435\u0439, \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0438 js-\u043e\u0431\u0432\u044f\u0437\u043e\u043a \u0434\u043b\u044f \u043d\u0438\u0445. \u0418 \u0435\u0441\u043b\u0438 javascript \u0431\u044b\u0432\u0430\u0435\u0442 \u0435\u0449\u0435 \u0431\u043e\u043b\u0435\u0435-\u043c\u0435\u043d\u0435\u0435 \u0430\u0434\u0435\u043a\u0432\u0430\u0442\u0435\u043d, \u0432\u0441\u0435 \u0435\u0433\u043e \u00ab\u0443\u043c\u0435\u044e\u0442\u00bb \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u2014 \u0442\u043e \u0441\u0442\u0438\u043b\u0438 \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u0435\u0431\u0440\u0438 \u0438 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u0443\u044e \u0438\u0437\u043b\u0438\u0448\u043d\u044e\u044e \u043d\u0435\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u043a\u043e\u043b\u0431\u0430\u0441\u0443, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e \u043a\u0430\u043a\u0438\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f\u2026 \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e, \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0445\u043e\u0434\u044f\u0442 \u0447\u0438\u0442\u0430\u0442\u044c \u0440\u0435\u043f\u043e \u043c\u043e\u0433\u0443\u0442 \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u0442\u044c \u0432 \u043d\u0430\u0438\u0432\u043d\u043e\u0439 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0447\u0442\u043e \u00ab<em>\u0432\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u043e, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0430\u0436\u0430\u0442\u044c<\/em>\u00bb \u0438\u043b\u0438 \u0445\u043e\u0442\u044f \u0431\u044b \u2014 \u00ab<em>\u0432\u043e\u0442 \u044d\u0442\u043e \u0443\u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u043d\u0430 \u0442\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0438 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/em>\u00bb&#8230; \u041c\u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043f\u043e \u0441 \u0442\u043e\u043d\u043d\u043e\u0439 \u00ab\u0438\u043d\u0434\u0443\u0441\u0441\u043a\u043e\u0433\u043e\u00bb \u2014 \u043d\u0435\u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043d\u0435\u0431\u0440\u0435\u0436\u043d\u043e\u0433\u043e \u0438 \u044f\u0432\u043d\u043e \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0446\u0435\u043b\u044b\u043c\u0438 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u043a\u0443\u0441\u043a\u0430\u043c\u0438 \u0438 \u0434\u0430\u0436\u0435 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u043a\u043e\u0434\u0430, \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044e\u0449\u0435\u0433\u043e \u0432\u043f\u043e\u043b\u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0439\u0441\u044f \u0443 \u0444\u0438\u0440\u043c\u044b \u0435\u0434\u0438\u043d\u044b\u0439 UI-\u043a\u0438\u0442, \u0435\u0433\u043e \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0441\u0442\u044c, \u0441 \u043f\u043e\u0441\u044b\u043b\u043e\u043c \u043e\u0442 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0447\u0442\u043e \u00ab\u0432\u0441\u0435 \u0433\u043e\u0442\u043e\u0432\u043e\u00bb, \u00ab\u043d\u0430\u0434\u043e \u0441\u043b\u0435\u0433\u043a\u0430 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c\u00bb\u2026 \u041c\u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0433\u043e\u0434\u0430\u043c\u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0437\u0430 \u00ab\u0442\u0438\u043c\u043b\u0438\u0434\u0430\u043c\u0438-\u0441\u0435\u043d\u044c\u043e\u0440\u0430\u043c\u0438\u00bb \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441 \u0443\u0436\u0430\u0441\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043e\u0439 \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u044e\u0449\u0435\u0439 \u0431\u044b\u0441\u0442\u0440\u0443\u044e \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u2014 \u0441\u043b\u043e\u0436\u043d\u043e\u0433\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430\u2026 \u041f\u0440\u0438\u0447\u0435\u043c, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u043b\u0438 \u2014 \u0441\u0430\u043c\u044b\u0435 \u0432\u0430\u0436\u043d\u044b\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u044b, \u0437\u0430\u0442\u043e \u0441 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u043c\u0438 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u00ab\u043c\u043e\u0434\u043d\u044b\u043c\u0438 \u0442\u0440\u0435\u043d\u0434\u0430\u043c\u0438\u00bb \u043f\u043e\u043a\u0443\u0440\u0430\u0436\u0438\u043b\u0438\u0441\u044c \u0432\u043e\u0432\u0441\u044e&#8230;<\/p>\n<p>\u042f \u0437\u0430\u043c\u0435\u0442\u0438\u043b \u0447\u0442\u043e \u0441 \u043c\u043e\u043b\u043e\u0434\u044b\u043c\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0430\u043c\u0438 \u0447\u0430\u0441\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u0434\u043e\u0431\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0449\u0435 \u0447\u0435\u043c \u0441 \u0437\u0430\u043a\u043e\u0441\u0442\u0435\u043d\u0435\u043b\u044b\u043c\u0438 \u0441\u0430\u043c\u043e\u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u043c\u0438 \u00ab\u0444\u0443\u043b\u043b\u0441\u0442\u0435\u043a\u0430\u043c\u0438\u00bb, \u0440\u0435\u0444\u043b\u0435\u043a\u0441\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0432\u043e\u044e \u043d\u0435\u0434\u043e\u043e\u0446\u0435\u043d\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438 \u043f\u0440\u043e\u0447\u0435\u0435\u2026 \u0420\u0435\u0431\u044f\u0442\u0430 \u043f\u043e\u043c\u043e\u043b\u043e\u0436\u0435 \u0435\u0449\u0435 \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u043b\u0438 \u0430\u0437\u0430\u0440\u0442 \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u043a \u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u044e\u0442, \u043d\u0435 \u0443\u0441\u043f\u0435\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043f\u0435\u0440\u0435\u0433\u043e\u0440\u0435\u0442\u044c, \u0443\u0441\u0442\u0430\u0442\u044c, \u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043a\u0430\u043a \u0440\u0430\u0437 \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0430\u0442\u044c \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u043c\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u0430\u043c\u0438, \u043e\u0442\u043a\u0440\u044b\u0442\u044b \u043d\u043e\u0432\u044b\u043c \u0438\u0434\u0435\u044f\u043c, \u043f\u043e\u0434\u0445\u043e\u0434\u0430\u043c, \u0438\u0449\u0443\u0442 \u0438 \u043f\u0435\u0440\u0435\u043d\u0438\u043c\u0430\u044e\u0442 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0441\u0442\u0438\u043b\u044c, \u0430\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u044e\u0442 \u043d\u0430 \u043a\u0440\u0438\u0442\u0438\u043a\u0443 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435.. \u0425\u043e\u0442\u044f \u0431\u044b\u0432\u0430\u044e\u0442 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0438 \u0441 \u0442\u0435\u043c\u0438, \u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438, \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u2026 \u041d\u043e \u0445\u0432\u0430\u0442\u0438\u0442\u044c \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0439 \u043b\u0438\u0440\u0438\u0447\u043d\u043e\u0439 \u0431\u043e\u043b\u0438 \u2014 \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0443\u0436\u0435 \u043a \u00ab\u0445\u043e\u0440\u043e\u0448\u0438\u043c \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430\u043c \u043f\u043e \u0413\u0430\u043c\u0431\u0430\u0440\u044f\u043d\u0443\u00bb\u2026<\/p>\n<figure class=\"full-width\"><figcaption>\u0421\u043e\u0432\u0435\u0442\u0441\u043a\u0438\u0439 \u043f\u043b\u0430\u043a\u0430\u0442<\/figcaption><\/figure>\n<h2>\u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0439\u0442\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u044f\u0437\u044b\u043a \u0438 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u043d\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0441\u0432\u043e\u0438\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0447\u0435\u0442\u043a\u0438\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0430 \u043d\u0435 \u0445\u0430\u043e\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435!!!<\/h2>\n<p>\u041f\u043e \u043e\u043f\u044b\u0442\u0443, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e, \u0435\u0441\u043b\u0438 \u0440\u0435\u0447\u044c \u0438\u0434\u0435\u0442 \u043e \u00ab\u0431\u0440\u0435\u043d\u043d\u043e\u0439 \u0432\u044c\u044e\u0445\u0435\u00bb \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435, \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u0438\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0433\u043e\u0434\u043d\u0443\u044e \u043d\u0430 \u0432\u0441\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430 \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0443\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u00ab\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438\u043b\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043a\u0443\u0441\u043a\u043e\u0432 \u043a\u043e\u0434\u0430\u00bb \u0441 \u0434\u0435\u0432\u0438\u0437\u043e\u043c \u00ab\u0434\u0430 \u0445\u0437 \u0447\u0442\u043e \u0437\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u00bb \u2014 \u0438 \u0442\u0430\u043a\u043e\u0439 \u0443\u0436\u0435 \u0440\u0430\u0441\u043f\u0438\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0445\u0430\u0440\u0434\u043a\u043e\u0440-\u043a\u043e\u0434 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\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-387235","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/387235","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=387235"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/387235\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=387235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=387235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=387235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}