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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #82 – Максим Сальников о том, как переехать в Осло и стать Google Developer Expert'ом: https://soundcloud.com/frontend-weekend/fw-82

[8] #74 Китайская трёшка: https://soundcloud.com/frontend_u/e74

[9] 088: Nicholas Zakas: https://devchat.tv/my-javascript-story/mjs-088-nicholas-zakas/

[10] Вышел релиз WordPress 5.0 (c Gutenberg на React), закладывающий фундамент новой платформы: http://oddstyle.ru/wordpress-2/novosti-wordpress/vyshel-reliz-wordpress-5-0-zakladyvayushhij-fundament-novoj-platformy.html

[11] Прогрессивные веб-приложения: примеры и варианты использования PWA: https://alistapart.com/article/progressive-web-apps-excerpt

[12] Введение в Background Fetch: https://developers.google.com/web/updates/2018/12/background-fetch

[13] Руководство по HTML Canvas API: https://flaviocopes.com/canvas/

[14] Защищаем сайт, как-будто сейчас 1999-й: https://24ways.org/2018/securing-your-site-like-its-1999

[15] Going Offline First: https://bitsofco.de/going-offline-first/

[16] Почему вы должны использовать GatsbyJS для создания статических сайтов: https://medium.freecodecamp.org/why-you-should-use-gatsbyjs-to-build-static-sites-4f90eb6d1a7b

[17] Отзывчивые изображения с помощью SVG вместо Srcset: https://vecta.io/blog/responsive-images-with-svg-vs-srcset

[18] Интерактивный эффект отталкивания с помощью Three.js: https://tympanus.net/codrops/2018/12/06/interactive-repulsion-effect-with-three-js/

[19] 16 советов и трюков по DevTools, которые должен знать каждый разработчик CSS: https://www.heartinternet.uk/blog/16-devtools-tips-and-tricks-every-css-developer-need-to-know/

[20] screenshoteer: делай скриншоты и эмуляции мобильных устройств прямо из командной строки: https://github.com/vladocar/screenshoteer

[21] Инструменты для CI мониторинга для фронтенда: https://blog.logrocket.com/tools-for-continuous-integration-monitoring-of-front-end-dade4c32c929

[22] Разработка доступных интерфейсов: https://habr.com/company/oleg-bunin/blog/425447/

[23] “D” в DOM: https://www.24a11y.com/2018/the-d-in-the-dom/

[24] Доступные SVG иконки с инлайновыми спрайтами: https://www.24a11y.com/2018/accessible-svg-icons-with-inline-sprites/

[25] Что можно вынести из ситуации с доступностью в Gutenberg?: https://www.smashingmagazine.com/2018/12/gutenberg-accessibility-situation/

[26] Инвалидность — это спектр, а не бинарное значение: https://www.24a11y.com/2018/disability-is-a-spectrum-not-a-binary/

[27] Руководство по доступности веб контента 2.1 — для тех, кто не читал обновления: https://24ways.org/2018/wcag-for-people-who-havent-read-the-update/

[28] Accessibility at a Glance: https://www.youtube.com/playlist?list=PLtSVUgxIo6KqBBGqNdPQG64f-hTs1YxFM

[29] Microsoft официально подтвердила, что Edge переходит на движок Chromium : https://habr.com/post/432372/

[30] Разнообразие браузеров начинается с нас: https://habr.com/post/432440/

[31] Релиз web-браузера Chrome 71: http://www.opennet.ru/opennews/art.shtml?num=49724

[32] Глава Mozilla раскритиковал переход Microsoft на Chromium: https://3dnews.ru/979350

[33] Qualcomm вместе с Mozilla работают над браузером Firefox для платформы Windows на ARM: https://itc.ua/news/qualcomm-vmeste-s-mozilla-rabotayut-nad-brauzerom-firefox-dlya-platformyi-windows-na-arm/

[34] Безболезненный линтинг CSS с помощью stylelint: http://blog.csssr.ru/2018/12/05/lint-your-css

[35] Заполняем пробел между CSS и JavaScript: CSS модули, PostCSS и будущее CSS: https://css-tricks.com/bridging-the-gap-between-css-and-javascript-css-modules-postcss-and-the-future-of-css/

[36] Диаграмма Венна на CSS: http://adrianroselli.com/2018/12/a-css-venn-diagram.html

[37] Создание переключателей с помощью переменных CSS: https://css-tricks.com/dry-switching-with-css-variables-the-difference-of-one-declaration/

[38] Программирование на CSS: https://adactio.com/journal/14574

[39] Как ты именуешь переменные для цвета?: https://css-tricks.com/what-do-you-name-color-variables/

[40] Подборка креативных теней для текста на CSS с CodePen: https://freebiesupply.com/blog/css-text-shadows/

[41] Imba: JavaScript-совместимый язык для быстрой работы с DOM: https://habr.com/company/ruvds/blog/431874/

[42] Малоизвестные возможности JavaScript: https://medium.com/webbdev/%D0%BC%D0%B0%D0%BB%D0%BE%D0%B8%D0%B7%D0%B2%D0%B5%D1%81%D1%82%D0%BD%D1%8B%D0%B5-%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B8-javascript-6e401ce3a48d

[43] Этот год в JavaScript: обзор 2018 и npm-предсказания на 2019-й: https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms

[44] Следует ли специалистам, связанным с Data Science, изучать JavaScript?: https://medium.freecodecamp.org/should-data-scientists-learn-javascript-e611d45804b8

[45] Немутабельные веб приложения: https://immutablewebapps.org/

[46] Microsoft реализовала IntelliCode для TypeScript/JavaScript и C++: https://tproger.ru/news/intellicode-typescript-cpp/

[47] Google анонсировала Flutter 1.0, первую стабильную версию фреймворка на Dart: https://tproger.ru/news/flutter-1-0-release/

[48] Релиз Babel 7.2.0: приватные методы экземпляра: https://babeljs.io/blog/2018/12/03/7.2.0

[49] Что нового в Typescript 3.2?: https://blog.bitsrc.io/so-whats-new-in-typescript-3-2-1ab82e83db94

[50] Релиз react-redux 6.0.0: https://github.com/reduxjs/react-redux/releases/tag/v6.0.0

[51] О композиции функций в JavaScript: https://habr.com/post/432196/

[52] Руководство по обработке ошибок в JavaScript: https://medium.com/webbdev/js-6c7a3c5b4e61

[53] Почему вам НАДО отписываться от Observable?: https://medium.com/thekiba/why-do-you-need-unsubscribe-ee0c62b5d21f

[54] Возможно, вы не знаете JS: идеи из Библии JavaScript: https://medium.freecodecamp.org/you-might-not-know-js-insights-from-the-javascript-bible-2ee9518302aa

[55] Прощайте Transform-Streams, да здравствуют асинхронные генераторы ES9: https://medium.com/@andreasimonecosta/goodbye-transform-streams-long-live-es9-async-generators-86e60284fb80

[56] Как защитить ваше приложение на Node.js от вредоносных зависимостей: https://blog.logrocket.com/how-to-protect-your-node-js-applications-from-malicious-dependencies-5f2e60ea08f9

[57] Как использовать TypeScript для создания Node API с Express: https://www.sitepoint.com/how-to-use-typescript-to-build-a-node-api-with-express/

[58] Аргументы «за»: https://www.youtube.com/watch?v=FFZfmIQ9I44

[59] Аргументы «против»: https://www.youtube.com/watch?v=kuHSJNxNFQw

[60] eslint-plugin-vue: https://vuejs.github.io/eslint-plugin-vue/

[61] Разработка на Vue в 2019: что вам нужно знать: https://vuejsdevelopers.com/2018/12/04/vue-js-2019-knowledge-map/

[62] Как создать приложение на Vue.js с помощью Single-File Components, без CLI.: https://medium.freecodecamp.org/how-to-create-a-vue-js-app-using-single-file-components-without-the-cli-7e73e5b8244f

[63] Создание анимированных приложений на React с помощью React Spring: https://scotch.io/tutorials/create-animated-react-apps-with-react-spring

[64] Еще 10 вещей, о которых вы не знали о Create React App: https://www.telerik.com/blogs/10-more-things-you-didnt-know-create-react-app

[65] Советы и трюки для вашего React-Redux приложения: https://medium.com/dailyjs/tips-and-tricks-for-react-redux-application-c8d0db0ab0c8

[66] Как React отличает класс от функции?: https://overreacted.io/how-does-react-tell-a-class-from-a-function/

[67] Компоновка компонентов в React с использованием Context API: https://css-tricks.com/compound-components-in-react-using-the-context-api/

[68] React Podcast: https://reactpodcast.com/31

[69] Оптимизация Angular-приложений: https://habr.com/company/ruvds/blog/431876/

[70] Как начать работать с Angular на Windows: https://medium.freecodecamp.org/how-to-get-up-and-running-with-angular-on-windows-7405ba745c25

[71] Мета-программирование, компоненты высокого уровня и примеси с Angular Ivy: https://blog.nrwl.io/metaprogramming-higher-order-components-and-mixins-with-angular-ivy-75748fcbc310

[72] Angular Console: что это и почему она ценна для вас?: https://blog.angular.io/angular-console-21d36c02ff76

[73] Прогрессивные веб приложения с Angular: часть 2 — ленивая загрузка: https://houssein.me/progressive-angular-applications-2

[74] sharp: https://github.com/lovell/sharp

[75] 6 JavaScript-библиотек для аутентификации пользователей на 2019 год: https://blog.bitsrc.io/6-javascript-user-authentication-libraries-for-2019-6c7c45fbe458

[76] ForgJs: https://github.com/oussamahamdaoui/forgJs

[77] Как наполнить базу тысячами пользователей, используя Knex.js и Faker.js: https://blog.bitsrc.io/seeding-your-database-with-thousands-of-users-using-knex-js-and-faker-js-6009a2e5ffbf

[78] Как 8-летний мальчик стал самым высокооплачиваемым ютубером 2018 года: https://disgustingmen.com/zhizn/rich-boy-with-toy

[79] HackerOne представила «песочницы» для отработки хакерских навыков: https://itc.ua/blogs/hackerone-predstavila-pesochnitsyi-dlya-otrabotki-hakerskih-navyikov/

[80] Китайская дилемма Google: история разработки поисковика Dragonfly и протесты против «угрозы свободному интернету»: https://vc.ru/story/52674-kitayskaya-dilemma-google-istoriya-razrabotki-poiskovika-dragonfly-i-protesty-protiv-ugrozy-svobodnomu-internetu

[81] Официально: Google закроет мессенджер Allo в марте 2019 года и сосредоточится на развитии Messages, Duo и Hangouts для бизнеса: https://itc.ua/news/ofitsialno-google-zakroet-messendzher-allo-v-marte-2019-goda-i-sosredotochitsya-na-razvitii-messages-duo-i-hangouts/

[82] Google персонализирует выдачу даже в инкогнито-режиме — исследование DuckDuckGo: https://ain.ua/2018/12/05/google-personalizaciya-vezde/

[83] Состояние UX в 2019: https://trends.uxdesign.cc/

[84] Дайджест за прошлую неделю: https://habr.com/post/431836/

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

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

[87] Источник: https://habr.com/post/432598/?utm_source=habrahabr&utm_medium=rss&utm_campaign=432598

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