{"id":280167,"date":"2016-10-31T00:10:09","date_gmt":"2016-10-30T21:10:09","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=280167"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=280167","title":{"rendered":"\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u0441\u0432\u0435\u0436\u0438\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0438\u0437 \u043c\u0438\u0440\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043d\u0435\u0434\u0435\u043b\u044e \u2116234 (24 \u2014 30 \u043e\u043a\u0442\u044f\u0431\u0440\u044f 2016)"},"content":{"rendered":"<p>\u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0432\u0430\u0448\u0435\u043c\u0443 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0441 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438\u0437 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/481\/bcf\/7ef\/481bcf7efba240188aa5e281f8fccdba.png\"\/><\/p>\n<p>  <a name=\"habracut\"><\/a><\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"#webdev\"><b>\u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#css\"><b>CSS<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#js\"><b>Javascript<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#browser\"><b>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#intresting\"><b>\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435<\/b><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><a name=\"webdev\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/b70\/f9f\/eae\/b70f9feaeee78b42a0c78c3731555e73.gif\"\/> \u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/h3>\n<p>   <\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/post\/313774\/\">Login \u0438\u043b\u0438 Log in?<\/a><\/li>\n<li><a href=\"https:\/\/soundcloud.com\/web-standards\/episode-39\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 \u0412\u0435\u0431-\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b, \u0412\u044b\u043f\u0443\u0441\u043a \u211639 <\/a>: Chrome 54, Async, Node.js v6 \u0438 npm v4, \u0418\u0440\u0435 \u043f\u0440\u043e PWA, \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0432 CSS, CSS-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438, Normalize.css, \u0436\u0435\u043d\u0449\u0438\u043d\u044b \u0432 \u0418\u0422.<\/li>\n<li><img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=cOTOSbjet_8\">\u0417\u0430\u043f\u0438\u0441\u044c \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438 Web Standards Days, \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0432\u0448\u0435\u0439 29 \u043e\u043a\u0442\u044f\u0431\u0440\u044f \u0432 \u041c\u0438\u043d\u0441\u043a\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/written-with-envy\/getting-started-with-webpack-2-ed2b86c68783\">\u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 Webpack 2<\/a> (Getting Started with Webpack 2)<\/li>\n<li>SVG:<br \/> \n<ul>\n<li><a href=\"https:\/\/htmlacademy.ru\/blog\/127-a-guide-to-svg-on-web\">\u041a\u0430\u043a \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c SVG<\/a><\/li>\n<li><a href=\"http:\/\/prgssr.ru\/development\/svg-i-mediazaprosy.html\">SVG \u0438 \u043c\u0435\u0434\u0438\u0430\u0437\u0430\u043f\u0440\u043e\u0441\u044b<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.oreilly.com\/learning\/introduction-to-svg-animation\">\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 SVG \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e<\/a> (Introduction to SVG animation)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/vanseodesign.com\/web-design\/svg-filter-primitives-working-external-images-svg-fragments\/\">\u0424\u0438\u043b\u044c\u0442\u0440\u044b SVG \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u043e \u0432\u043d\u0435\u0448\u043d\u0438\u043c\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430\u043c\u0438 SVG<\/a> (SVG Filter Primitives for Working with External Images and SVG Fragments)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/thenewcode.com\/1154\/Create-an-Interactive-Roadtrip-with-SVG-and-the-Web-Animation-API\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0433\u043e \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SVG \u0438 Web Animation API<\/a> (Create an Interactive Roadtrip with SVG and the Web Animation API)<\/li>\n<\/ul>\n<p>   <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@cramforce\/decentralized-hosting-of-amps-javascript-npm-for-the-web-75ed698a4d64\">\u0414\u0435\u0446\u0435\u043d\u0442\u0440\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 AMP JS \u0438 NPM \u0434\u043b\u044f \u0432\u0435\u0431\u0430<\/a><br \/>   (Decentralized hosting of AMP\u2019s JavaScript &#038; NPM for the web)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/evertpot.com\/switching-to-amp-and-back-again\/\">\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 Google AMP \u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e<\/a> (Switching to Google AMP and back)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/bitsofco.de\/bitsofcode-pwa-part-3-push-notifications\/\">\u041f\u0443\u0448-\u043d\u043e\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0432\u0435\u0431\u0430<\/a>. \u0422\u0440\u0435\u0442\u044c\u044f \u0438 \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0437\u0430\u043c\u0435\u0442\u043a\u0430 \u0438\u0437 \u0441\u0435\u0440\u0438\u0438 \u0441\u0442\u0430\u0442\u0435\u0439 \u00ab\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 PWA\u00bb (Push Notifications on the Web (Building a PWA, Part 3))<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/mediatemple.net\/blog\/tips\/carousels-dont-have-to-be-complicated\/\">\u041a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u044b\u043c\u0438<\/a>. \u041a\u0440\u0438\u0441 \u041a\u043e\u0439\u0435\u0440 \u043e \u0442\u0435\u0445\u043d\u0438\u043a\u0430\u0445 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0435\u0439 (Carousels Don\u2019t Have to be Complicated)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/seriot.ch\/parsing_json.html\">\u041f\u0430\u0440\u0441\u0438\u043d\u0433 JSON \u2014 \u044d\u0442\u043e \u043c\u0438\u043d\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 <\/a> (Parsing JSON is a Minefield )<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.webdesignerdepot.com\/2016\/10\/automatic-responsive-images-with-client-hints\/\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u044b\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0445 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043e\u043a<\/a><br \/>  (Automatic responsive images with client hints)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/amdouglas.com\/blog\/meet-the-new-web-animations-api\/\">\u0412\u0441\u0442\u0440\u0435\u0447\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 Web Animations API<\/a> (Meet the new Web Animations API)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/toddmotto\/public-apis\">\u041a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 JSON APIs \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/grepular.com\/The_Sad_State_of_HTML_Email_Input_Fields_and_IDNs\">\u041f\u0435\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 HTML Email \u043f\u043e\u043b\u0435\u0439 \u0438 IDNs<\/a><br \/>   (The Sad State of HTML Email Input Fields and IDNs)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.stefanjudis.de\/aria-selected-and-when-to-use-it.html\">aria-selected \u2013 \u043a\u043e\u0433\u0434\u0430 (\u043d\u0435) \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/a> (aria-selected \u2013 when (not) to use it)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=msrcqmlAnLA\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432<\/a>, \u0434\u043e\u043a\u043b\u0430\u0434 \u043e\u0442 Alistair Duggin (Accessibility for developers)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/react-etc.net\/entry\/youtube-is-being-rebuilt-on-web-components-and-polymer\">YouTube \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u0432\u0435\u0431 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u0438 Polymer<\/a><br \/>  (YouTube is being rebuilt with Web Components &#038; Polymer)<\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"css\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/36c\/2c6\/966\/36c2c69660dd21085a2dcb71d7246ae6.gif\"\/> CSS<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/css-live.ru\/articles-css\/understanding-border-image.html\">\u0415\u0449\u0435 \u0440\u0430\u0437 \u043f\u0440\u043e border-image<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/difference-between-types-of-css-variables\/\">\u0412 \u0447\u0435\u043c \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 CSS \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u0432 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430\u0445?<\/a> (What is the difference between CSS variables and preprocessor variables?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/csswizardry.com\/2016\/10\/improving-perceived-performance-with-multiple-background-images\/\">\u041f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u0435 \u0432\u043e\u0441\u043f\u0440\u0438\u044f\u0442\u0438\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0444\u043e\u043d\u043e\u0432\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439<\/a> (Improving Perceived Performance with Multiple Background Images)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/spoooooky-css-selectors\/\">\u0416\u0443\u0443\u0443\u0442\u043a\u0438\u0435 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u0432 CSS<\/a> (Spoooooky CSS Selectors)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/responsive-images-css\/\">\u041e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u044b\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 CSS<\/a> (Responsive Images in CSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@marcmintel\/you-are-too-lazy-to-write-markup-independent-css-1f3a60ba7ca\">\u0412\u044b \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043b\u0435\u043d\u0438\u0432\u044b \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0441 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u043c CSS<\/a><br \/>   (You are too lazy to write markup independent CSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@AlexDevero\/css-best-practices-14-steps-to-become-a-css-ninja-pt1-e670f8b42abd\">\u041b\u0443\u0447\u0448\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 CSS, 14 \u0448\u0430\u0433\u043e\u0432<\/a> (CSS Best Practices\u200a\u2014\u200a14 Steps to Become a CSS Ninja Pt1)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/daveshea.com\/2016\/10\/24\/photo-toning.html\">\u0422\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043e\u0432 \u0438 \u0440\u0435\u0436\u0438\u043c\u043e\u0432 \u0441\u043c\u0435\u0448\u0438\u0432\u0430\u043d\u0438\u044f<\/a> (Photo Toning with Gradients &#038; Blend Modes)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@osternaud_clem\/organize-your-sass-files-b2c2513f3fcf\">\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0432\u0430\u0448\u0438\u0445 Sass \u0444\u0430\u0439\u043b\u043e\u0432<\/a> (Organize your Sass files)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/javascript-inside\/functional-css-from-a-pure-ui-perspective-bd04c8af4fdc\">\u0424\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 CSS \u0432 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0435 Pure UI<\/a> (Functional CSS From A Pure UI Perspective)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.useful.ly\/\">useful.ly<\/a> \u2014 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u00ab\u043d\u0430 CSS Flexbox\u00bb<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/net-magazine\/create-a-set-of-micro-animations-6bb42a292f8b\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043d\u0430\u0431\u043e\u0440\u0430 \u043c\u0438\u043a\u0440\u043e-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439<\/a> (Create a set of micro-animations)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/covalent-ui\/angular-material-2-theme-tutorial-2f7e6c344006\">\u0423\u0440\u043e\u043a \u043f\u043e Angular-Material 2 Theme<\/a> (Angular-Material 2 Theme Tutorial)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codepen.io\/paolocavanna\/pen\/qNKAyX\">CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0441 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043e\u0431\u0432\u043e\u0434\u043a\u043e\u0439 \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/a> (Border composition and animation)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.w3.org\/TR\/2016\/WD-css-tables-3-20161025\/\">\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a CSS Table Module Level 3<\/a> (CSS Table Module Level 3)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/codepen.io\/pixelass\/pen\/VKJZPY\">\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u044b\u0431\u043e\u0440\u0430 \u0446\u0432\u0435\u0442\u0430 c CSS variables<\/a> (CSS colorpicker | powered by CSS variables)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/codepen.io\/jasesmith\/pen\/dpwjra\">CSS \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043a\u0430\u043a \u043e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438<\/a> (CSS Variables As Data Feedback)<\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"js\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/49d\/04e\/fb9\/49d04efb96fb6ce31cde9be5dc12a874.gif\"\/> JavaScript<\/h3>\n<p>   <\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/envato.com\/blog\/rising-trends-in-javascript\/\">\u0412\u043e\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0442\u0440\u0435\u043d\u0434\u044b \u0432 JS: \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430\u043c \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c<\/a><br \/>  (Rising Trends in In JavaScript: A Comprehensive Guide to Libraries &#038; Frameworks)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> \u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043a\u0432\u0438\u0432\u0430\u043b\u0435\u043d\u0442\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u0432 JQuery: <a href=\"http:\/\/codepen.io\/Mobius1\/post\/native-equivalents-of-jquery-methods\">\u0427\u0430\u0441\u0442\u044c 1: \u0432\u044b\u0431\u043e\u0440 DOM \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/a>, <a href=\"http:\/\/codepen.io\/Mobius1\/post\/native-equivalents-of-jquery-methods-part-2-working-with-attributes-and-properties\">\u0427\u0430\u0441\u0442\u044c 2: \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430\u043c\u0438 \u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.phrack.org\/papers\/attacking_javascript_engines.html\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0445\u0430\u043a\u0435\u0440\u0441\u043a\u0438\u0445 \u0430\u0442\u0430\u043a \u043d\u0430 JavaScript \u0434\u0432\u0438\u0436\u043a\u0438 <\/a> (Attacking JavaScript Engines: A case study of JavaScriptCore and CVE-2016-4622)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/javascript-game.firebaseapp.com\/\">\u0418\u0433\u0440\u0430-\u0432\u0438\u043a\u0442\u043e\u0440\u0438\u043d\u0430 \u043d\u0430 \u0437\u043d\u0430\u043d\u0438\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 JS \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432<\/a> (JavaScript Guessing Game)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/mjavascript.com\/\">Modular JavaScript<\/a> \u2014 \u043a\u0440\u0430\u0443\u0434\u0444\u0430\u043d\u0434\u0438\u043d\u0433\u043e\u0432\u0430\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u043e\u0442 Nicol\u00e1s Bevacqua, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u043d\u0430 \u0441\u0431\u043e\u0440 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u043d\u0438\u0433 \u043f\u043e \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u043c\u0443 JS<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/hacks.mozilla.org\/2016\/10\/control-mechanisms-in-javascript-games\/\">\u041c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u044b \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u0432 \u0438\u0433\u0440\u0430\u0445 \u043d\u0430 JavaScript<\/a> (Control mechanisms in JavaScript games)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/goshakkk.name\/javascript-generators-understanding-sample-use-cases\/\">\u0422\u0440\u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 JavaScript \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u0443\u043c\u0435\u0441\u0442\u043d\u044b (+ \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0438\u0445 \u0440\u0430\u0431\u043e\u0442\u044b)<\/a> (3 cases where JavaScript generators rock (+ understanding them))<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.risingstack.com\/history-of-node-js\/\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f Node.js \u043d\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0448\u043a\u0430\u043b\u0435<\/a> (History of Node.js on a Timeline)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webagility.com\/posts\/purplejs-the-alternative-to-node.js-for-java-projects\">PurpleJS \u2014 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430 Node.js \u0434\u043b\u044f Java \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/a><br \/>  (PurpleJS \u2014 the alternative to Node.js for Java projects)<\/li>\n<li>ES6:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/post\/313658\/\">Node.js 7.0.0 \u0437\u0430\u0440\u0435\u043b\u0438\u0437\u0438\u043b\u0441\u044f. \u0412\u0441\u0442\u0440\u0435\u0447\u0430\u0439\u0442\u0435 async\/await \u0431\u0435\u0437 babel<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/post\/313526\/\">\u041e\u0431\u0437\u043e\u0440 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 ES6<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/post\/313814\/.io.com.io\">\u0413\u043b\u0443\u043f\u044b\u0435 \u0442\u0440\u044e\u043a\u0438 \u0441 ES6<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.keithcirkel.co.uk\/es6-template-strings\/\">ES6 Template Strings, the Handlebars killer?<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/adrianmejia.com\/blog\/2016\/10\/19\/Overview-of-JavaScript-ES6-features-a-k-a-ECMAScript-6-and-ES2015\/\">\u041e\u0431\u0437\u043e\u0440 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 ES6<\/a><br \/>  (Overview of JavaScript ES6 features (a.k.a ECMAScript 6 and ES2015+))<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/nodesource.com\/blog\/six-of-the-most-exciting-es6-features-in-node-js-v6-lts\">6 \u0441\u0430\u043c\u044b\u0445 \u0432\u043f\u0435\u0447\u0430\u0442\u043b\u044f\u044e\u0449\u0438\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 ES6<\/a> (6 of the Most Exciting ES6 Features in Node.js v6 LTS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.2ality.com\/2016\/10\/understanding-promises.html\">\u0422\u0440\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043f\u043e\u043d\u044f\u0442\u044c \u043f\u0440\u043e\u043c\u0438\u0441\u044b<\/a> (Three ways of understanding Promises)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.hellojs.org\/setting-up-your-react-es6-development-environment-with-webpack-express-and-babel-e2a53994ade\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043d\u0430 React\/ES6 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Webpack, Express \u0438 Babel<\/a> (Setting up your React\/ES6 Development environment with Webpack, Express and Babel)<\/li>\n<\/ul>\n<p>   <\/li>\n<li>VueJS:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/vuejs.org\/guide\/comparison.html\">VueJS: \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0441 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438 <\/a> (Comparison with Other Frameworks)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.debugme.eu\/why-vue-js\/\">\u041f\u043e\u0447\u0435\u043c\u0443 Vue.js?<\/a> (Why Vue.js?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/js-dojo\/vue-js-is-easier-to-learn-than-jquery-abbbb9c12cf8\">Vue.js \u0435\u0449\u0435 \u043b\u0435\u0433\u0447\u0435, \u0447\u0435\u043c jQuery<\/a> (Vue.js is easier to learn than jQuery)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/marcosmoura.github.io\/vue-material\/#\/\">Vue.js Material \u2014 Material Design \u0434\u043b\u044f Vue.js <\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=D_z-RAweP1k\">Evan You \u2014 \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0441 Vue.js \u2014 Laracon EU 2016<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<li>React:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.zsoltnagy.eu\/step-by-step-environment-setup-of-the-react-developer-no-legacy-2016-standards\/\">\u041f\u043e\u0448\u0430\u0433\u043e\u0432\u0430\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f React \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430<\/a> (Step by Step Environment Setup of the React Developer \u2013 No Legacy, 2016 Standards)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/build-a-bookshop-with-react-redux-i-react-redux-flow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043a\u043d\u0438\u0436\u043d\u043e\u0433\u043e \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e React &#038; Redux I: React Redux Flow<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.sitepoint.com\/redux-without-react-state-management-vanilla-javascript\/\">Redux \u0431\u0435\u0437 React \u2014 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u043c \u043d\u0430 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u043c JavaScript<\/a> (Redux without React \u2014 State Management in Vanilla JavaScript)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/arc.js.org\/\">ARc \u2014 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0434\u043b\u044f React, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 Atomic Design <\/a> (ARc is a React starter kit based on the Atomic Design methodology)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codepen.io\/mikun\/full\/jrRJjq\/\">React Memory Game<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/serverless-with-syncano\/top-6-reasons-why-we-love-react-d70d3a289e4b\">\u0428\u0435\u0441\u0442\u044c \u043f\u0440\u0438\u0447\u0438\u043d \u043d\u0430\u0448\u0435\u0439 \u043b\u044e\u0431\u0432\u0438 \u043a React<\/a> (Top 6 Reasons Why We Love React)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.thinkloop.com\/article\/state-driven-routing-react-redux-selectors\/\">React, Redux, \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b<\/a> (React, Redux, Selectors )<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/vimeo.com\/album\/4199344\/video\/187454105\">\u041a\u0430\u043a \u0432\u044b\u043b\u043e\u0436\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 React \u0432 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u0438 \u0441\u043f\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435<\/a> (How to push a ReactJS application in production and sleep better \u2014 React.js Day 2016)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@matt_bush\/how-airtable-uses-react-5e37066a87d4\">\u041a\u0430\u043a Airtable \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 React<\/a> (How Airtable uses React)<\/li>\n<\/ul>\n<p>   <\/li>\n<li>Angular:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.sitepoint.com\/building-angular-1-5-components\/\">\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0432 Angular 1.5 <\/a> (A Guide to Building Quality Angular 1.5 Components)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/angular-2-transclusion-using-ng-content\">Angular 2 Transclusion \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ng-content<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@NetanelBasal\/angular-2-forms-create-async-validator-directive-dd3fd026cb45\">Angular 2 Forms\u200a\u2014\u200a \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438<\/a> (Angular 2 Forms\u200a\u2014\u200aCreate Async Validator Directive)<\/li>\n<\/ul>\n<p>   <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/zeit.co\/blog\/next\">Next.js \u2014 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0445 JS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043e\u0442\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u043d\u043d\u044b\u0445 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 <\/a> (a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/dollarshaveclub.github.io\/shave\/\">Shave<\/a> \u2014 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 JS \u043f\u043b\u0430\u0433\u0438\u043d \u0431\u0435\u0437 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u043e\u0431\u0440\u0435\u0437\u043a\u0438 \u0442\u0435\u043a\u0441\u0442\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.mathjax.org\/\">MathJax<\/a> \u2014 JavaScript \u0434\u0432\u0438\u0436\u043e\u043a \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u043a\u043e\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u043e \u0432\u0441\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jsipsum.lunarlogic.io\/\">JS Ipsum<\/a> \u2014 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0440\u044b\u0431\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u0442\u0435\u043c\u0443 JS<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jsonlogic.com\/operations.html\">JsonLogic &mdash; \u043f\u0430\u0440\u0441\u0435\u0440 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u043f\u0440\u0430\u0432\u0438\u043b \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 JSON-\u043e\u043c<\/a> (JsonLogic &mdash; Build complex rules, serialize them as JSON, share them between front-end and back-end)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/paulsonnentag\/swip\">swip<\/a> &mdash; \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u043e\u0432 \u0441 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u043e\u0439 \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445<\/li>\n<\/ul>\n<p>   <\/p>\n<h3>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h3>\n<p>   <\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/post\/313820\/\">Mozilla \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c Firefox \u043d\u043e\u0432\u044b\u043c \u0434\u0432\u0438\u0436\u043a\u043e\u043c Quantum<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=45385\">\u041f\u0440\u043e\u0435\u043a\u0442 Mozilla \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b Quantum, \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 \u0434\u0432\u0438\u0436\u043e\u043a \u0434\u043b\u044f Firefox<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/blogs\/novaya-opera-41-so-mnozhestvom-otkryityih-vkladok-zapuskaetsya-v-neskolko-raz-byistree-staroy-opera-40\/\">\u041d\u043e\u0432\u0430\u044f Opera 41 \u0441\u043e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0445 \u0432\u043a\u043b\u0430\u0434\u043e\u043a \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0441\u0442\u0430\u0440\u043e\u0439 Opera 40<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/dev.opera.com\/blog\/opera-41\/\">\u0427\u0442\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u0432 Chromium 54 \u0438 Opera 41<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/developers.google.com\/web\/updates\/2016\/10\/devtools-digest\">\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0439 DevTools \u0437\u0430 \u043e\u043a\u0442\u044f\u0431\u0440\u044c 2016 <\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/webkit.org\/blog\/7030\/release-notes-for-safari-technology-preview-16\/\">\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 Safari Technology Preview 16<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=45368\">Mozilla \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0451\u0442 \u0434\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043d\u043e\u0432\u044b\u043c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430\u043c WoSign \u0438 StartCom<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"intresting\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/d4b\/289\/ef0\/d4b289ef0a00e969108c25d0c3d75f58.gif\"\/> \u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"https:\/\/geektimes.ru\/post\/281942\/\">Apple Special Event, \u043e\u043a\u0442\u044f\u0431\u0440\u044c 2016 [\u0430\u0440\u0445\u0438\u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0439 \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438]<\/a><\/li>\n<li><a href=\"https:\/\/geektimes.ru\/company\/banderolka\/blog\/281982\/\">\u041a\u0430\u043a\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u043d\u043e\u0432\u044b\u0439 MacBook Pro<\/a><\/li>\n<li><a href=\"https:\/\/tjournal.ru\/36445-snova-zdorova-10-nedostatkov-novih-macbook-pro-i-chto-na-nih-otvetyat-fanati-apple\">\u0421\u043d\u043e\u0432\u0430 \u0437\u0434\u043e\u0440\u043e\u0432\u0430: 10 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u0432 \u043d\u043e\u0432\u044b\u0445 MacBook Pro \u0438 \u0447\u0442\u043e \u043d\u0430 \u043d\u0438\u0445 \u043e\u0442\u0432\u0435\u0442\u044f\u0442 \u0444\u0430\u043d\u0430\u0442\u044b Apple<\/a><\/li>\n<li><a href=\"http:\/\/ain.ua\/2016\/10\/30\/678914\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0422\u0438\u043c \u041a\u0443\u043a \u2014 \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u0421\u0442\u0438\u0432 \u0411\u0430\u043b\u043c\u0435\u0440<\/a><\/li>\n<li><a href=\"https:\/\/geektimes.ru\/post\/281894\/\">Microsoft Windows 10 Event [\u0430\u0440\u0445\u0438\u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0439 \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438]<\/a><\/li>\n<li><a href=\"http:\/\/gagadget.com\/24297-chto-nam-pokazali-na-meropriyatii-microsoft-windows-10\/\">\u0427\u0442\u043e \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u043d\u0430 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0438 Microsoft Windows 10<\/a><\/li>\n<li><a href=\"http:\/\/keddr.com\/2016\/10\/microsoft-predstavila-monoblok-surface-studio\/\">Microsoft \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u043c\u043e\u043d\u043e\u0431\u043b\u043e\u043a Surface Studio<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/javascript-scene\/no-escape-microsoft-is-about-to-eat-apple-for-lunch-1fbef5048086\">\u0411\u0435\u0437 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432? Microsoft \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0441\u043b\u043e\u043f\u0430\u0442\u044c Apple \u043d\u0430 \u043e\u0431\u0435\u0434<\/a> (No Escape? Microsoft is About to Eat Apple for Lunch)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/m.signalvnoise.com\/microsoft-i-forgive-you-2fb6d6061a2c\">Microsoft, \u044f \u0442\u0435\u0431\u044f \u043f\u0440\u043e\u0449\u0430\u044e!<\/a> (Microsoft, I forgive you!)<\/li>\n<li><a href=\"http:\/\/gagadget.com\/business\/24311-twitter-zakryivaet-videoservis-vine\/\">Twitter \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0432\u0438\u0434\u0435\u043e\u0441\u0435\u0440\u0432\u0438\u0441 Vine<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.recode.net\/2016\/10\/20\/13318746\/online-publishing-platform-amp-facebook-instant-articles-apple-news\">\u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0442\u0438\u043f\u0430 Facebook\u2019s Instant Articles \u0438 Google AMP \u0443\u0441\u043b\u0430\u0436\u043d\u044f\u044e\u0442 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044e \u0432 \u0432\u0435\u0431\u0435<\/a><\/li>\n<li><a href=\"http:\/\/theoryandpractice.ru\/posts\/14913-ogromnaya-okhrenitelnaya-raketa-spacex-na-chem-kogda-i-za-skolko-my-poletim-na-mars\">\u041e\u0433\u0440\u043e\u043c\u043d\u0430\u044f \u041e\u0445\u0440\u0435\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0420\u0430\u043a\u0435\u0442\u0430 SpaceX: \u043d\u0430 \u0447\u0435\u043c, \u043a\u043e\u0433\u0434\u0430 \u0438 \u0437\u0430 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u043f\u043e\u043b\u0435\u0442\u0438\u043c \u043d\u0430 \u041c\u0430\u0440\u0441<\/a><\/li>\n<li><a href=\"http:\/\/telegraf.design\/shrift-i-avtorskoe-pravo\/\">\u0428\u0440\u0438\u0444\u0442 \u0438 \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u043e\u0435 \u043f\u0440\u0430\u0432\u043e<\/a><\/li>\n<li><a href=\"http:\/\/ain.ua\/2016\/10\/28\/678721\">\u0412\u044b\u0440\u0432\u0438 \u0433\u043b\u0430\u0437: \u043a\u0430\u043a \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435 \u0441\u0442\u0430\u043b\u0430 \u043d\u0435\u0447\u0438\u0442\u0430\u0435\u043c\u043e\u0439<\/a><\/li>\n<li><a href=\"https:\/\/tproger.ru\/news\/ddos-devices-made-in-china\/\">\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0430\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u0437\u043d\u0430\u043b\u0430, \u0447\u0442\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u0430\u044f \u0432 \u043f\u044f\u0442\u043d\u0438\u0446\u0443 DDoS-\u0430\u0442\u0430\u043a\u0430 \u0441\u0442\u0430\u043b\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u0438\u0437-\u0437\u0430 \u0441\u043b\u0430\u0431\u044b\u0445 \u043f\u0430\u0440\u043e\u043b\u0435\u0439 \u0435\u0451 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432<\/a><\/li>\n<li><a href=\"https:\/\/geektimes.ru\/post\/281998\/\">\u041d\u0435\u0439\u0440\u043e\u043d\u043d\u0430\u044f \u0441\u0435\u0442\u044c Google \u0438\u0437\u043e\u0431\u0440\u0435\u043b\u0430 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/news\/issledovateli-sozdali-kvantovyiy-soket-vazhnyiy-shag-na-puti-k-masshtabiruemyim-kvantovyim-kompyuteram\/\">\u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u00ab\u043a\u0432\u0430\u043d\u0442\u043e\u0432\u044b\u0439 \u0441\u043e\u043a\u0435\u0442\u00bb \u2013 \u0432\u0430\u0436\u043d\u044b\u0439 \u0448\u0430\u0433 \u043d\u0430 \u043f\u0443\u0442\u0438 \u043a \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u043c \u043a\u0432\u0430\u043d\u0442\u043e\u0432\u044b\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u043c<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/p\/hyperloop-problems\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u00ab\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u0430 \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e\u00bb Hyperloop \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Hyperloop One<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/p\/silicon-valley-pill-freaks\">\u0422\u0430\u0431\u043b\u0435\u0442\u043e\u0447\u043d\u044b\u0435 \u0433\u0438\u043a\u0438 \u041a\u0440\u0435\u043c\u043d\u0438\u0435\u0432\u043e\u0439 \u0434\u043e\u043b\u0438\u043d\u044b: \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Nootrobox, \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u043f\u0440\u043e\u0434\u0430\u0436\u0435\u0439 \u043d\u043e\u043e\u0442\u0440\u043e\u043f\u043e\u0432<\/a><\/li>\n<li><a href=\"http:\/\/www.computerra.ru\/157619\/dyn\/\">\u00ab\u0423\u043c\u043d\u0430\u044f\u00bb \u0432\u0435\u0449\u044c \u043a\u0430\u043a \u043e\u0440\u0443\u0436\u0438\u0435 \u043c\u0430\u0441\u0441\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u0440\u0430\u0436\u0435\u043d\u0438\u044f<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/p\/walking-ceo\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0438 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0418\u0422-\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u0433\u0443\u043b\u043e\u043a<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/leereilly\/games\">\u0418\u0433\u0440\u044b \u043d\u0430 GitHub<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<p>\u041f\u0440\u043e\u0441\u0438\u043c \u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0437\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0438 \u0438\u043b\u0438 \u043d\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0435\/\u0434\u0443\u0431\u043b\u0438\u0440\u0443\u044e\u0449\u0438\u0435\u0441\u044f \u0441\u0441\u044b\u043b\u043a\u0438. \u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u2014 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432 \u043b\u0438\u0447\u043a\u0443, \u043c\u044b \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0438\u0445 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c. <\/p>\n<p>  <a href=\"https:\/\/habrahabr.ru\/company\/zfort\/blog\/313402\/\">\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u0437\u0430 \u043f\u0440\u043e\u0448\u043b\u0443\u044e \u043d\u0435\u0434\u0435\u043b\u044e<\/a>.<br \/>  \u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b\u0438 <a href=\"http:\/\/habrahabr.ru\/users\/dersmoll\/\">dersmoll<\/a> \u0438 <a href=\"http:\/\/habrahabr.ru\/users\/alekskorovin\/\">alekskorovin<\/a>.<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:\/\/habrahabr.ru\/post\/313968\/\"> https:\/\/habrahabr.ru\/post\/313968\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0432\u0430\u0448\u0435\u043c\u0443 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0441 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438\u0437 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/481\/bcf\/7ef\/481bcf7efba240188aa5e281f8fccdba.png\"\/><\/p>\n<p>  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-280167","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/280167","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=280167"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/280167\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=280167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=280167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=280167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}