Дайджест свежих материалов из мира фронтенда за последнюю неделю №270 (3 — 9 июля 2017)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/260007

Ссылки в тексте:

[1] Веб-разработка: #webdev

[2] CSS: #css

[3] Javascript: #js

[4] Занимательное: #intresting

[5] 10 способов протестировать ваши навыки работы с HTML и CSS: http://codecondo.com/10-ways-to-test-your-programming-skills-in-html-and-css/

[6] Реальные отзывы о доступности в вебе, собранные из Твиттера: https://hugogiraudel.com/2017/07/02/accessibility-feedback/

[7] Подкаст «Пятиминутка React» #24: http://5minreact.ru/24-podcasts/

[8] Подкаст «Фронтерки» №6: https://fronterki.fireside.fm/6

[9] Подкаст «Frontend Weekend» FW #10: https://soundcloud.com/frontend-weekend/fw-10

[10] Как фокус помогает: https://www.youtube.com/watch?v=eh-yMJzZUJ4&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1&index=1

[11] Адаптивная верстка 5 лет спустя / Сергей Кузнецов (AGIMA): https://www.youtube.com/watch?v=Xp1lu2V9Q3A

[12] Make form validation fun again / Павел Ловцевич (LOVATA): https://www.youtube.com/watch?v=qd9POgbSuNM

[13] 6 генераторов шаблонов на SVG: https://www.sitepoint.com/6-incredible-svg-pattern-generators/

[14] Micro frontends — микросервисный подход к разработке фронтенда: https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to-front-end-web-development-f325ebdadc16

[15] 4 полезных инструмента для отладки в последнем апдейте Chrome: https://codeburst.io/four-useful-debugging-tools-in-the-latest-chrome-update-8bcbffc738a5

[16] Еженедельный стрим от Юрия Артюха #6 ALL YOUR HTML: https://www.youtube.com/watch?v=LNSvO-jJhKg

[17] Морфинг SVG (легкий и сложный пути): https://medium.com/@ahmedmahmoud_47233/svg-morphing-the-easy-way-and-the-hard-way-c117a620b65f

[18] Повторяющаяся, чередующаяся анимация, три способа: Sass, GSAP и Web Animations API: https://css-tricks.com/repeatable-staggered-animation-three-ways-sass-gsap-web-animations-api/

[19] Креативные идеи для анимации букв (часть 2): https://tympanus.net/codrops/2017/07/05/letter-effects-and-interaction-ideas-part-2/

[20] Отдайте нам ваши статьи: https://medium.com/@mediamrg/otdaite-nam-vashi-stati-fa023b54aff5

[21] Ваш сайт — любой сайт — должен быть PWA: https://www.aaron-gustafson.com/notebook/your-site-should-be-a-pwa/

[22] Как превратить ваш сайт в PWA: https://mxb.at/blog/how-to-turn-your-website-into-a-pwa/

[23] Руководство для новичка по созданию Progressive Web Apps: https://medium.com/samsung-internet-dev/a-beginners-guide-to-making-progressive-web-apps-beb56224948e

[24] Прогрессивные прогрессивные веб-приложения: https://paul.kinlan.me/progressive-progressive-web-apps/

[25] Надувательство AMP: https://lolware.net/2017/07/04/amp-bloat.html

[26] Правда ли уже пора использовать CSS Grid Layout?: https://habrahabr.ru/post/332572/

[27] Нативные переменные в CSS. Уже пора…: https://habrahabr.ru/post/332038/

[28] Как правильно использовать переменные в препроцессорах LESS и SASS: http://paulradzkov.com/2017/local_variables/

[29] Что будет в CSS?: https://jonathantneal.github.io/css-db/

[30] Возможности автоматической генерации CSS стайлгайдов : https://css-tricks.com/options-programmatically-documenting-css/

[31] Лучшие книги по CSS в 2017: https://medium.com/level-up-web/best-css-books-in-2017-3cec8466cc3f

[32] Подробная статья о схлопывающихся отступах margin: https://bitsofco.de/collapsible-margins/

[33] Создание мега-меню с помощью Flexbox: https://www.sitepoint.com/building-mega-menus-flexbox/

[34] Отзывчивая галерея с помощью CSS Grids от yoksel: https://codepen.io/yoksel/full/ZyqLGv

[35] CSS is Awesome: https://css-tricks.com/css-is-awesome/

[36] Стал ли CSS более сложным с конца девяностых?: https://hiddedevries.nl/en/blog/2017-07-03-did-css-get-more-complicated-since-the-late-nineties

[37] Разбор вопросов для собеседования по CSS : https://codeburst.io/clearing-your-front-end-job-interview-css-95bdd82871f2

[38] Свежая подробная статья о PostCSS: https://pub.monospacelabs.com/postcss-you-beauty-8f62faf127bf

[39] Мемоизация в JS и ускорение функций: https://habrahabr.ru/company/ruvds/blog/332384/

[40] ArrayBuffer и SharedArrayBuffer в JavaScript, часть 3: гонки потоков и Atomics: https://habrahabr.ru/company/ruvds/blog/332194/

[41] Усталость от JavaScript, или моя история веб-разработки: https://www.alexkras.com/my-history-with-web-development-or-javascript-fatigue/

[42] Отладка JavaScript – console.loggerheads?: https://christianheilmann.com/2017/07/08/debugging-javascript-console-loggerheads/

[43] npm — это новый jQuery?: https://medium.com/@fagnerbrack/there-is-an-npm-module-for-that-d6b384678f6c

[44] 5 инструментов для отладки, о которых должен знать каждый JS разработчик: https://medium.com/@kamielynn/5-debugging-tools-every-javascript-programmer-should-know-and-use-38575141689c

[45] Начинаем использовать Mocha для тестирования в Javascript: https://medium.com/@steveostudios/getting-started-with-mocha-testing-in-javascript-c0b97fbbc4e8

[46] Должны ли пользователи иметь возможность отключить JavaScript?: https://www.sitepoint.com/disable-javascript-option/

[47] Изучение и понимание рекурсии в JavaScript: https://codeburst.io/learn-and-understand-recursion-in-javascript-b588218e87ea

[48] Создание биндинга данных в браузере: https://medium.com/dartlang/building-data-binding-in-the-browser-f523c99de79c

[49] 5 приемов в помощь разработке на vue.js + vuex: https://habrahabr.ru/post/332628/.js

[50] Создание потрясающих диаграмм с Vue.js и Chart.js: https://abraxabra.ru/blog/vue-js/create-stunning-charts-vue-js-and-chart-js/

[51] Маршрутизация Vue.js с помощью vue-router: https://abraxabra.ru/blog/vue-js/routing-vue-js-using-the-vue-router/

[52] Выложены записи видео с VueConf: https://vuejsfeed.com/blog/first-recording-of-vueconf-released

[53] Vue.js, JS фреймворк для людей: https://codeburst.io/vue-js-a-js-framework-for-humans-1073612ba607

[54] curated.vuejs.org: http://curated.vuejs.org/

[55] route-planner-vue: https://github.com/Kasheftin/route-planner-vue

[56] Создание компонента с кастомной Google картой с помощью Vue.js: https://medium.com/founders-factory/building-a-custom-google-map-component-with-vue-js-d1c01ddd0b0a

[57] Пример серверного рендеринга: прокачиваем email-рассылку при помощи React: https://tproger.ru/translations/how-to-build-emails-with-react/

[58] Gatsby: https://www.gatsbyjs.org/

[59] Быстрый взгляд на Gatsby: https://www.youtube.com/watch?v=CSemYFzHAtU

[60] real-world-react: https://github.com/jeromedalbert/real-world-react

[61] Некоторые мысли о формах в React: https://medium.com/javascript-inside/some-thoughts-on-forms-in-react-9ca2d9078c20

[62] terminal-in-react: https://github.com/nitin42/terminal-in-react

[63] Rebass: http://jxnblk.com/rebass/

[64] AngularJS и ESLint Airbnb Style Guidelines: некоторые правила должны быть сломаны: https://medium.com/@tournetorres/angularjs-and-eslint-airbnb-style-guidelines-some-rules-are-made-to-be-broken-be3e2a275ddc

[65] Angular: плохие практики: https://codeburst.io/angular-bad-practices-eab0e594ce92

[66] Стимуляция производительности вашего приложения на Angular 4 : https://medium.com/@paramsingh_66174/catalysing-your-angular-4-app-performance-9211979075f6

[67] Очень глубокое погружение в компилятор Angular : https://medium.com/@urish/a-deep-deep-deep-deep-deep-dive-into-the-angular-compiler-5379171ffb7a

[68] frontexpress: https://github.com/camelaissani/frontexpress

[69] size-limit: https://github.com/ai/size-limit#who-uses-size-limit

[70] Введение в date-fns: https://www.sitepoint.com/date-fns-javascript-date-library/

[71] 6 самых громких хакерских атак 2017 года: https://ain.ua/2017/07/04/6-samyx-gromkix-xakerskix-atak-2017-goda

[72] Великое Криптослияние: как криптовалюты учат «говорить» друг с другом: http://www.computerra.ru/168286/cryptofusion/

[73] Технологии Microsoft: от десятилетней изоляции до возрождения: https://vc.ru/p/microsoft-ai

[74] Не все так просто с Petya: https://geektimes.ru/post/290779/

[75] Как у Словакии украли национальный домен верхнего уровня .SK: https://geektimes.ru/post/290879/

[76] Провайдер деактивирует аккаунт пользователя через 20 лет из-за слишком необычного адреса email : https://geektimes.ru/post/290807/

[77] AMD Ryzen — когда красные восстали из пепла : https://geektimes.ru/post/290907/

[78] Как компьютерные профи раскалывают хакеров : https://habrahabr.ru/company/parallels/blog/332178/

[79] Как студенты используют Wolfram|Alpha, чтобы решать сложнейшие уровнения на экзаменах по математике: https://www.wired.com/story/ai-is-making-it-extremely-easy-for-students-to-cheat/

[80] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/332138/

[81] dersmoll: http://habrahabr.ru/users/dersmoll/

[82] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[83] Источник: https://habrahabr.ru/post/332736/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Нажмите здесь для печати.