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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Подкаст Фронтёрки #004: http://fronterki.fm/post/159297855437/suzdalev

[6] Знакомство с фронтэнд-тестированием. Часть первая. Введение: https://tproger.ru/translations/frontend-testing-1/

[7] Как написать ваш собственный виртуальный DOM: https://medium.com/devschacht/how-to-write-your-own-virtual-dom-c166b56cf01f

[8] Как ВВС создаёт масштабируемые сайты: 7 базовых принципов: http://www.cossa.ru/152/157200/

[9] Состояние front-end инструментария в 2017: http://www.webdesignerdepot.com/2017/04/the-state-of-front-end-tooling/

[10] PWA, «Зловещая долина» и стабильная работа в офлайне: https://habrahabr.ru/company/webo/blog/325788/

[11] Как мы создали Twitter Lite: https://blog.twitter.com/2017/how-we-built-twitter-lite

[12] Три вещи, которые нужно рассмотреть перед тем, как ваше прогрессивное веб-приложение станет автономным: https://www.stefanjudis.de/three-things-to-consider-before-your-progressive-web-app-goes-standalone.html

[13] часть 1: https://medium.com/pastportal/progressive-web-apps-the-non-technical-guide-17ef112038d9

[14] часть 2: https://medium.com/pastportal/progressive-web-app-the-non-technical-guide-part-2-3f6d74d1a98b

[15] Оффлайн синхронизация для Progressive Web Apps: https://medium.com/ibm-watson-data-lab/offline-sync-for-progressive-web-apps-ccab6bf6db17

[16] Использование code coverage — нового инструмента Chrome devtools.: https://medium.com/devschacht/using-the-chrome-devtools-new-code-coverage-feature-6535bc26c97b

[17] Создание одного браузерного расширения для всех: Edge, Chrome, Firefox, Opera, Brave и Vivaldi: https://www.smashingmagazine.com/2017/04/browser-extension-edge-chrome-firefox-opera-brave-vivaldi/

[18] Краткая история Firefox DevTools: https://medium.com/@patrickbrosset/a-quick-history-of-firefox-devtools-620d3074b510

[19] Дизайнерские трюки с фильтрами SVG: эффект размытия по маске: https://www.sitepoint.com/design-tricks-with-svg-filters-a-masked-blur-effect/

[20] Дополненная реальность в 10 строчек кода на HTML: https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf

[21] Вы не поняли AMP: http://blog.153.io/2017/03/08/you-dont-get-amp/

[22] Топ актуальных моноширинных шрифтов для разработчиков: https://freebiesupply.com/blog/top-monospace-fonts-for-developers/

[23] Как сделать сообщения об ошибках доступными: https://hiddedevries.nl/en/blog/2017-04-04-how-to-make-error-messages-accessible

[24] Webpack 2 Tutorials: https://www.youtube.com/playlist?list=PLkEZWD8wbltnRp6nRR8kv97RbpcUdNawY

[25] Webpack и Rollup: похожие, но разные: https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c

[26] Создатель JavaScript Brendan Eich о WebAssembly: https://softwareengineeringdaily.com/2017/03/31/webassembly-with-brendan-eich/

[27] Подарки от браузеров ко дню вебмастера: http://css-live.ru/vecssti-s-polej/podarki-ot-brauzerov-ko-dnyu-vebmastera.html

[28] CSS Grid Layout. Быстрый старт: https://habrahabr.ru/post/325760/

[29] Grid Garden: http://cssgridgarden.com/

[30] Edge начал работу по своей имплементации гридов: https://rachelandrew.co.uk/archives/2017/04/04/edge-starts-work-on-their-grid-implementation-update/

[31] Grid-Powered Drop Quotes: http://meyerweb.com/eric/thoughts/2017/04/07/grid-powered-drop-quotes/

[32] Кроссворд на чистом CSS с помощью CSS Grid: http://codepen.io/adrianroworth/pen/OpeyZq

[33] Невидимые части CSS: https://madebymike.com.au/writing/the-invisible-parts-of-CSS/

[34] rem и em, и почему, возможно, вы в них не нуждаетесь: https://hackernoon.com/rems-and-ems-and-why-you-probably-dont-need-them-664b9ce1e09f

[35] Индивидуализация CSS свойств с помощью CSS переменных: https://danielcwilson.com/blog/2017/04/individualized-properties/

[36] Позиционирование элементов в вебе: https://robots.thoughtbot.com/positioning

[37] Относительные селекторы и селекторы атрибутов в CSS3: https://www.sitepoint.com/relational-and-attribute-selectors-in-css3/

[38] The State of Reactive in JS: практический обзор FRP библиотек: https://habrahabr.ru/post/325660/

[39] Реактивные библиотеки RX: https://dou.ua/lenta/articles/reactive-libraries/

[40] Современный JavaScript для древних веб-разработчиков·: https://medium.com/devschacht/modern-javascript-for-ancient-web-developers-e601e59e87a2

[41] Отладка JavaScript с помощью Node Debugger: https://www.sitepoint.com/debugging-javascript-node-debugger/

[42] Назад к основам: операторы, условные операторы и функции в JavaScript: https://www.sitepoint.com/javascript-operators-conditionals-functions/

[43] function_invocation.js: https://gist.github.com/myshov/05800f083a0afce56e0f782314a103eb

[44] Создание понга на SVG.js: https://css-tricks.com/pong-svg-js/

[45] Регулярные выражения в мире post-ES6: https://ponyfoo.com/articles/regular-expressions-post-es6

[46] Начинаем работать с JavaScript промисами: http://www.hongkiat.com/blog/javascript-promise-object/

[47] Обработка отколенных промисов в Node.js: http://thecodebarbarian.com/unhandled-promise-rejections-in-node.js.html

[48] Matreshka.js 2 — tl;dr: https://habrahabr.ru/company/matreshka/blog/325480/

[49] Мнение разработчика, сравнивающего React, Angular2, и Aurelia: https://github.com/stickfigure/blog/wiki/Opinionated-Comparison-of-React%2C-Angular2%2C-and-Aurelia

[50] Javascript фреймворки: бесполезная попытка объективности: https://medium.com/@mattburgess/javascript-frameworks-a-futile-attempt-at-objectivity-adf6e75d2fbe

[51] EmberConf 2017: текущий статус: https://emberjs.com/blog/2017/04/05/emberconf-2017-state-of-the-union.html

[52] Почему я восхищён GlimmerJS: https://hackernoon.com/why-im-excited-about-glimmerjs-3631bd0c95c4

[53] Релиз React v15.5.0: https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

[54] Знакомство с React Loadable: https://habrahabr.ru/post/325688/

[55] Эволюция на React+Redux: https://habrahabr.ru/post/325756/

[56] React Native: очередная «серебряная пуля» для кросплатформенной разработки?: https://habrahabr.ru/company/jugru/blog/325628/

[57] Встречайте ReactXP: https://microsoft.github.io/reactxp/blog/2017/04/06/introducing-reactxp.html

[58] Reactour: https://elrumordelaluz.github.io/reactour/

[59] Заблуждение о рендеринге в React: https://robots.thoughtbot.com/react-rendering-misconception

[60] Тестирование снапшотов React с помощью Jest: https://daveceddia.com/snapshot-testing-react-with-jest/

[61] Представление Redux Offline: https://hackernoon.com/introducing-redux-offline-offline-first-architecture-for-progressive-web-applications-and-react-68c5167ecfe0

[62] Представление glamorous: https://medium.com/@kentcdodds/introducing-glamorous-fb3c9f4ed20e

[63] Управление состоянием в Vue.js 2 – введение: http://codingthesmartway.com/vue-js-2-state-management-with-vuex-introduction/

[64] 7 вещей, которые вы должны знать о Vue.js: https://www.pointofvue.net/2017/04/05/7-things-you-should-know-about-vue-js/

[65] Создание переиспользующихся компонентов с помощью Vue.js: компонент кнопки: https://medium.com/@caseymorrisus/creating-reusable-components-with-vue-js-button-component-503167facfde

[66] Использование Vue.js для создания кастомных веб компонентов: http://vuetips.com/vue-web-components

[67] день 1: https://auth0.com/blog/ngconf2017-summary-day1/

[68] день 2: https://auth0.com/blog/ngconf2017-summary-day2/

[69] Angular и доступность (Accessibility): https://medium.com/@urish/angular-and-accessibility-8ae1f601803a

[70] Angular v4: практическая работа с данными стран: https://medium.com/@dormoshe/angular-v4-practical-countries-application-f866b567ead1

[71] Angular 4 с серверным рендерингом (aka Angular Universal): https://medium.com/burak-tasci/angular-4-with-server-side-rendering-aka-angular-universal-f6c228ded8b0

[72] Все что нужно знать об определении изменений в Angular: https://hackernoon.com/everything-you-need-to-know-about-change-detection-in-angular-8006c51d206f

[73] Использование Pipes в Angular: http://developer.telerik.com/topics/web-development/using-pipes-angular-2/

[74] Tippy.js: https://atomiks.github.io/tippyjs/

[75] embedo: https://shobhitsharma.github.io/embedo/

[76] BitArray.js: https://github.com/brockwhittaker/BitArray.js

[77] UTIF.js: https://github.com/photopea/UTIF.js

[78] across-tabs: http://engineering.wingify.com/across-tabs/introduction.html

[79] Sonnet: https://github.com/deepmind/sonnet

[80] Важная веха: Android обошел Windows и стал платформой №1 в вебе: http://css-live.ru/vecssti-s-polej/vazhnaya-vexa-android-oboshel-windows-i-stal-platformoj-1-v-vebe.html

[81] Возврат Ubuntu на GNOME, прекращение развития Ubuntu Phone и Unity 8, сокращение штата — в Canonical произошли серьёзные изменения: https://tproger.ru/news/canonical-breaking-news/

[82] Google добавил фактчек в новостной агрегатор и поисковик: http://itc.ua/news/google-dobavil-faktchek-v-novostnoy-agregator-i-poiskovik/

[83] Mozilla готовит обновление пользовательского интерфейса Firefox: https://tproger.ru/news/mozilla-firefox-redesigned-gui/

[84] Mastodon — конкурент Twitter с открытым исходным кодом: https://lifehacker.ru/2017/04/08/mastodon/

[85] Теория восторга: почему пользователям нравятся не украшения, а продуманные интерфейсы: https://vc.ru/p/usability-user-delightful-experience

[86] Чат-боты не оправдали хайп прошлого года: https://roem.ru/03-04-2017/246705/chat-bot-analitics/

[87] На каком языке компьютер сможет общаться с мозгом напрямую: https://ain.ua/2017/04/03/interfeis_mozg-kompjuter

[88] «Ковчеги» для спасения человеческого наследия: https://tjournal.ru/42743-kovchegi-dlya-spaseniya-chelovecheskogo-naslediya

[89] Что такое виртуальная реальность: свойства, классификация, оборудование — подробный обзор области: https://tproger.ru/translations/vr-explained/

[90] Что-то пошло не так: Истории провала шести многообещающих стартапов : https://secretmag.ru/trends/players/chto-to-poshlo-ne-tak-istorii-provala-shesti-mnogoobeshayushih-startapov.htm

[91] Компьютерный вирус заставил пользователей проходить игру для доступа к файлам: https://dtf.ru/5760-kompyuternyy-virus-zastavil-polzovateley-prohodit-igru-dlya-dostupa-k-faylam

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

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

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

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

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