Дайджест свежих материалов из мира фронтенда за последнюю неделю №276 (14 — 20 августа 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

[4] Браузеры: #browser

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

[6] Подкаст «Веб-стандарты», Выпуск №81: https://soundcloud.com/web-standards/episode-81

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

[8] Подкаст «Пятиминутка React» #31: https://soundcloud.com/5minreact/31-getinstance

[9] Подкаст «Drinkcast» #4: http://spb-frontend.ru/podcast/4/

[10] Подкаст «The Art Of Programming» №144: http://blog.golodnyj.ru/2017/08/144-art-of-programming-web.html

[11] Подкаст «Фронтенд Юность (18+)» #15: https://soundcloud.com/frontend_u/e15

[12] Адаптивная вёрстка — HTML Шорты: https://www.youtube.com/watch?v=srUZ9E4qQlQ&feature=youtu.be&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

[13] «Введение в Web Workers»: https://www.youtube.com/watch?v=t_hrcpT6oYQ

[14] «Треугольники с физикой и Glitch на шейдерах»: https://www.youtube.com/watch?v=MXOYkZ59-zE

[15] Советы сеньоров: как прокачать знания junior Front-end/JavaScript: https://dou.ua/lenta/articles/senior-frontend-tips/

[16] Размеры в SVG: http://css.yoksel.ru/svg-sizes/

[17] Еженедельная подборка красивых эффектов на CSS/SVG/JS #49: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-49.html

[18] Подборка ресурсов на тему WebVR: https://hacks.mozilla.org/2017/08/essential-webvr-resources/

[19] Использование Paint Timing API: https://css-tricks.com/paint-timing-api/

[20] Google AMP — плохой выбор для E-commerce: https://thirtybees.com/blog/amp-is-bad-for-e-commerce/

[21] Начинаем работать с прогрессивными веб-приложениями(PWA): http://codingthesmartway.com/getting-started-with-progressive-web-apps-pwa/

[22] Offline POSTs с помощью Progressive Web Apps: https://medium.com/web-on-the-edge/offline-posts-with-progressive-web-apps-fc2dc4ad895

[23] Создание PWA с помощью стратегии гибридного рендеринга : https://medium.com/dev-channel/building-a-hybrid-rendered-pwa-c9d645baf158

[24] 14 метрик производительности веб-сайтов, которые необходимо анализировать: https://www.searchengines.ru/14-metrik-proizvoditelnosti-veb-sajtov.html

[25] Аудит скорости сайта документации Vue.js: https://medium.com/web-standards/vue-js-docs-performance-audit-a281f9d21e18

[26] Расследование проблемы скорости загрузки на HTTP/2, приведшее к обнаружению бага в Chrome. Блог разработчиков akamai: https://developer.akamai.com/blog/2017/06/27/performance-debugging-leads-discovery-bizarre-browser-bug/

[27] На сегодняший день средний вес страницы — 3MB. Какие значения должны нас волновать, а какие нет?: https://speedcurve.com/blog/web-performance-page-bloat/

[28] Тестирование доступности с помощью pa11y — набора бесплатных инструментов : https://bitsofco.de/pa11y/

[29] Презентация Webpack Dashboard в приложении на Electron : https://formidable.com/blog/2017/introducing-electron-webpack-dashboard/

[30] Инструмент для проверки контрастности в devtools: https://remysharp.com/2017/08/17/contrast-ratio-in-devtools

[31] Процесс работы с Gulp для автоматизации разработки фронтенда: https://nystudio107.com/blog/a-gulp-workflow-for-frontend-development-automation

[32] Разворачивание клиентских приложений за секунды с помощью инструмента UP от TJ Holowaychuk: https://medium.com/@tjholowaychuk/up-b3db1ca930ee

[33] Edge ненавидит ваши атрибуты: https://habrahabr.ru/post/335992/

[34] Перевод куррируемого Рейчел Эндрю списка багов в CSS Grid Layout: https://github.com/VladimirHumeniuk/gridbugs-ru

[35] Руководство по флексбоксам и гридам для дизайнеров: http://css-live.ru/articles/rukovodstvo-po-fleksboksam-i-gridam-dlya-dizajnerov.html

[36] Глоссарий терминов, связанных с загрузкой веб-шрифтов: https://www.zachleat.com/web/webfont-glossary/

[37] Состояние стилизации современных компонентов, подробно и с примерами: https://www.sitepen.com/blog/2017/08/17/state-of-modern-component-styling/

[38] Рисуем горизонтальное дерево с помощью псевдо-элементов CSS : https://igauravsehrawat.github.io/draw-a-horizontal-tree-using-css-pseduo-elements

[39] Способ супер-быстрого ознакомления с CSS Grid: http://jensimmons.com/post/aug-15-2017/heres-super-quick-way-try-out-css-grid

[40] Архитектура CSS и три столпа поддерживаемого CSS: https://www.sitepoint.com/css-architecture-and-the-three-pillars-of-maintainable-css/

[41] Использование пользовательских свойств для модификации компонентов: https://css-tricks.com/using-custom-properties-modify-components/

[42] CSS Custom Properties: Micro Tip #12: https://www.youtube.com/watch?v=9kFkEqAsJJY

[43] Что за черт, Javascript: https://habrahabr.ru/company/mailru/blog/335292/

[44] Пять инструментов отладки JavaScript, о которых полезно знать: https://habrahabr.ru/company/ruvds/blog/335758/

[45] Lodash не (только) для манипуляции списками!: https://medium.com/devschacht/lodash-%D0%BD%D0%B5-%D1%82%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE-%D0%B4%D0%BB%D1%8F-%D0%BC%D0%B0%D0%BD%D0%B8%D0%BF%D1%83%D0%BB%D1%8F%D1%86%D0%B8%D0%B8-%D1%81%D0%BF%D0%B8%D1%81%D0%BA%D0%B0%D0%BC%D0%B8-c78a5929a62c

[46] Ленивый, компонуемый и модульный JavaScript: https://tproger.ru/translations/js-lazy/

[47] Лучшие практики версионирования Javascript библиотек: https://adambard.com/blog/on-library-versioning/

[48] JavaScript для микроконтроллеров и IoT: веб сервер: https://auth0.com/blog/javascript-for-microcontrollers-and-iot-part-3/

[49] Да, вы можете убрать jQuery и по-прежнему поддерживать IE / Edge: https://gomakethings.com/yes-you-can-ditch-jquery-and-still-support-ieedge/

[50] Введение в Preact  —  маленькую, быструю альтернативу React: https://blog.logrocket.com/introduction-to-preact-a-smaller-faster-react-alternative-ad5532eb6d79

[51] Про цикл событий в JavaScript или «как на самом деле работает асинхронность»?: https://www.youtube.com/watch?v=8cV4ZvHXQL4

[52] Ключевые концепции мира JS: https://www.youtube.com/watch?v=IJQVLg4heLA

[53] Замыкания и области видимости: https://www.youtube.com/watch?v=QsWnRj_EXMg

[54] Запись трансляции KyivJS: https://www.youtube.com/watch?v=SJ5bBP6L_AU

[55] async / await in JavaScript — What, Why and How: https://www.youtube.com/watch?v=568g8hxJJp4&feature=youtu.be

[56] Использование ES2017 Async Functions: https://css-tricks.com/using-es2017-async-functions/

[57] Async/Await сделают ваш код проще: https://blog.patricktriest.com/what-is-async-await-why-should-you-care/

[58] Исследование производительности Object#toString в ES2015: https://ponyfoo.com/articles/investigating-performance-object-prototype-to-string-es2015

[59] Folding Promises в JavaScript: https://www.linkedin.com/pulse/folding-promises-javascript-vladim%C3%ADr-gorej

[60] Слайдер на Vue.js: https://abraxabra.ru/blog/vue-js/the-slider-on-vue-js/

[61] Миграция приложения VueJS App на Vuex: https://vuejsdevelopers.com/2017/08/15/vue-js-migrating-to-vuex/

[62] Я попробовал Vue.js и просто его полюбил: https://medium.com/@slryit/i-tried-vue-js-and-just-loved-it-7b497bd78f78

[63] 4 способа ускорить ваше приложение на Vue.js с помощью Webpack: https://medium.com/js-dojo/4-ways-to-boost-your-vue-js-app-with-webpack-8f915feef182

[64] Server-Side Rendering в Vue.js: https://blog.logrocket.com/server-side-rendering-in-vue-js-cf9a9587b92b

[65] Facebook отказался перелицензировать React для проектов фонда Apache: http://www.opennet.ru/opennews/art.shtml?num=47051

[66] Все фундаментальные концепты React.js, сжатые в одну статью на Medium: https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2

[67] Изучение React.js проще, чем вы думаете — интерактивные примеры: https://edgecoders.com/learning-react-js-is-easier-than-you-think-fbd6dc4d935a

[68] Я и React: старая собака с новыми фокусами: https://remysharp.com/2017/08/14/me-on-react-an-old-dog

[69] Repatch  — упрощённый Redux: https://community.risingstack.com/repatch-the-simplified-redux/

[70] Юнит-тестирование Unit ваших приложений на React с помощью Jest и Enzyme: https://medium.com/wehkamp-techblog/unit-testing-your-react-application-with-jest-and-enzyme-81c5545cee45

[71] Неотъемлемые функции ES6 для Angular: https://medium.com/@ashish.gd/es-6-essentials-for-angular-10391da40fd6

[72] Angular отклоняет ReflectiveInjector и вводит StaticInjector. Должны ли вы беспокоиться?: https://blog.angularindepth.com/angular-introduces-staticinjector-should-you-care-4e059eca030c

[73] Если ты думаешь, что `ngDoCheck` означает, что твой компонент проверяется — прочитай эту статью: https://blog.angularindepth.com/if-you-think-ngdocheck-means-your-component-is-being-checked-read-this-article-36ce63a3f3e5

[74] Google опубликовала библиотеку Deeplearn.js для машинного обучения в браузере: https://tproger.ru/news/google-deeplearn-js/

[75] promise-обертка над вебворкерами: https://github.com/kwolfy/webworker-promise

[76] gtop: https://github.com/aksakalli/gtop

[77] Scalable: https://scriptartist.github.io/Scalable/

[78] Bubb Infotip: http://bubb.surge.sh/

[79] Iroh.js: http://www.felixmaier.info/Iroh/

[80] В результате фишинга получен контроль ещё над 6 дополнениями к Chrome : http://www.opennet.ru/opennews/art.shtml?num=47035

[81] Chrome 61 Beta: JavaScript модули, Payment Request API на десктопе, Web Share API и WebUSB: https://blog.chromium.org/2017/08/chrome-61-beta-javascript-modules.html

[82] Chrome 62 будет выводить предупреждения безопасности для всех HTTP-страниц, начиная с октября 2017: http://oddstyle.ru/veb-razrabotka/chrome-62-budet-vyvodit-preduprezhdeniya-bezopasnosti-dlya-vsex-http-stranic-nachinaya-s-oktyabrya-2017.html

[83] Обновление Canary DevTools: await верхнего уровня теперь поддерживается: https://twitter.com/umaar/status/897408737694109697

[84] Microsoft обещает существенно ускорить работу браузера Edge: http://4pda.ru/2017/08/20/346160/

[85] Mozilla пообещала прекратить поддержку устаревших Firefox-расширений через 3 месяца: https://tproger.ru/news/firefox-57-add-ons-depr/

[86] WordPress 4.9 будет сфокусирован на редактировании кода и кастомизации, официальный релиз запланирован на 14 ноября: http://oddstyle.ru/wordpress-2/novosti-wordpress/wordpress-4-9-budet-sfokusirovan-na-redaktirovanii-koda-i-kastomizacii-oficialnyj-reliz-zaplanirovan-na-14-noyabrya.html

[87] Программы-вымогатели, нацеленные на WordPress – новая угроза: http://oddstyle.ru/wordpress-2/stati-wordpress/programmy-vymogateli-nacelennye-na-wordpress-novaya-ugroza.html

[88] Вышел настольный Skype Preview с новым интерфейсом, как у мобильной версии: http://itc.ua/news/vyishel-nastolnyiy-skype-preview-s-novyim-interfeysom-kak-u-mobilnoy-versii/

[89] GitHub представил новую функцию, упрощающую обсуждение кода: https://tproger.ru/news/github-embedded-code-snippets/

[90] YouTube будет показывать, сколько людей смотрит видео одновременно с вами: https://keddr.com/2017/08/youtube-budet-pokazyivat-skolko-lyudey-smotrit-video-odnovremenno-s-vami/

[91] Компания Oracle намерена передать разработку Java EE независимому сообществу: http://www.opennet.ru/opennews/art.shtml?num=47049

[92] Fail review: неудачные собеседования: https://dou.ua/lenta/articles/fail-interviews/

[93] Ранний запуск продукта — опыт основателей Reddit и Twitch: https://vc.ru/p/product-early-stages

[94] Подборка визуализаций по алгоритмам поиска: https://tproger.ru/digest/search-algorithms/

[95] Трендовые навыки разработчиков, основанные на анализе “Ask HN: Who’s Hiring?”: https://medium.freecodecamp.org/trending-developer-skills-based-on-my-analysis-of-ask-hn-whos-hiring-26c02a3ca1fd

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

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

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

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

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