Дайджест свежих материалов из мира фронтенда за последнюю неделю №362 (22 — 28 апреля 2019)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Подкаст «Веб-стандарты»: https://medium.com/web-standards/episode-172-849738d96090

[8] Подкаст «Сделайте мне красиво»: https://soundcloud.com/begebot/ep15

[9] Подкаст «devschacht»: https://medium.com/devschacht/nightly-77-6cbf23a93ab3

[10] Подкаст «devschacht»: https://soundcloud.com/devschacht/devschacht-76

[11] Подкаст «CSSSR»: https://soundcloud.com/csssr/novosti-512-vypusk-48-2004-2604

[12] ALL YOUR HTML, #s2e11: https://www.youtube.com/watch?v=5DGZhWDl6XM

[13] proConf #11: https://www.youtube.com/watch?v=K-9TTXE3sOE

[14] FrontSpot Show#6: https://www.youtube.com/watch?v=M9GBDfE2uS0

[15] proConf #11: https://www.youtube.com/watch?v=O2fJRCKNHPc

[16] Веб-компоненты: 9 проектов, о которых стоит знать в 2019 году: https://habr.com/en/company/ruvds/blog/448918/

[17] Должен ли фронтенд разработчик уметь писать бэкенды?: https://medium.com/front-end-in-regions-grodno/%D0%B4%D0%BE%D0%BB%D0%B6%D0%B5%D0%BD-%D0%BB%D0%B8-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA-%D1%83%D0%BC%D0%B5%D1%82%D1%8C-%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C-%D0%B1%D1%8D%D0%BA%D0%B5%D0%BD%D0%B4%D1%8B-e1198c42d673

[18] Урок по CORS: руководство по Cross-Origin Resource Sharing: https://auth0.com/blog/cors-tutorial-a-guide-to-cross-origin-resource-sharing/

[19] Руководство по сообщениям в коммитах: https://github.com/RomuloOliveira/commit-messages-guide

[20] HTTP заголовки для ответственных разработчиков: https://www.twilio.com/blog/a-http-headers-for-the-responsible-developer

[21] Почему оценки скорости страницы могут быть опасными: https://www.machmetrics.com/speed-blog/why-page-speed-scores-can-be-dangerous/

[22] Правильное именование для улучшения доступности: https://hiddedevries.nl/en/blog/2019-04-18-naming-things-to-improve-accessibility

[23] Переход с Gulp на Parcel: https://benfrain.com/moving-from-gulp-to-parcel/

[24] Использование Parcel в качестве бандлера для приложений на React: https://css-tricks.com/using-parcel-as-a-bundler-for-react-applications/

[25] Как я настраиваю VSCode для всего: https://hackernoon.com/how-i-configure-vscode-for-everything-7df65a316a52

[26] 5 лучших онлайн-IDE для JavaScript 2019 году: https://www.telerik.com/blogs/top-5-javascript-online-ides-to-use-in-2019

[27] bento-starter: https://bento-starter.netlify.com/

[28] Grid или Flexbox?: https://habr.com/en/company/ruvds/blog/448916/

[29] Создаем виджет с помощью пользовательских CSS-свойств: встраиваем кастомную ссылку на сайт NHL: https://habr.com/en/company/netologyru/blog/449418/

[30] Поразительный CSS Grid Area: https://medium.com/@stasonmars/%D0%BF%D0%BE%D1%80%D0%B0%D0%B7%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B8%CC%86-css-grid-area-9728b622d528

[31] Как работают auto-fill и auto-fit в CSS Grid: https://medium.com/@stasonmars/%D0%BA%D0%B0%D0%BA-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D1%8E%D1%82-auto-fill-%D0%B8-auto-fit-%D0%B2-css-grid-7d903a6c678e

[32] Уроки CSSbattle: https://css-live.ru/tricks/uroki-cssbattle.html

[33] Вам просто нужно знать эти свойства, чтобы начать любить CSS: https://medium.freecodecamp.org/you-just-need-to-know-these-properties-to-start-loving-css-a06aca6087e9

[34] Справочник по CSS: удобное руководство по CSS для разработчиков: https://medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11

[35] CSS наконец достиг совершеннолетия?: https://www.creativebloq.com/features/has-css-has-finally-come-of-age

[36] Как создать фильтр-компонент в чистом CSS: https://webdesign.tutsplus.com/tutorials/how-to-build-a-filtering-component-in-pure-css--cms-33111

[37] Диагональные контейнеры в CSS: https://codyhouse.co/blog/post/css-diagonal-containers

[38] Tailwind CSS: это бутстрап завтрашнего дня?: https://blog.logrocket.com/tailwind-css-is-it-tomorrows-bootstrap-ebe560f9d00b

[39] Прогрессивное обогащение шрифтов: переосмысление веб-производительности: https://rwt.io/typography-tips/progressive-font-enrichment-reinventing-web-font-performance

[40] Относительный размер с помощью EM: https://andy-bell.design/wrote/relative-sizing-with-em-units/

[41] Новая документация Sass Docs: http://sass.logdown.com/posts/7829864-brand-new-sass-documents

[42] Использование JavaScript-консоли в браузерах: https://habr.com/ru/company/ruvds/blog/448920/

[43] Deno — новый Node.js?: https://habr.com/ru/post/449000/

[44] Svelte 3: Переосмысление реактивности: https://habr.com/en/post/449450/

[45] Выпуск серверной JavaScript-платформы Node.js 12.0: http://www.opennet.ru/opennews/art.shtml?num=50562

[46] В jQuery исправлена уязвимость prototype pollution: https://www.securitylab.ru/news/498873.php

[47] Как валидировать ваши запросы GraphQL с помощью ESLint: https://developer.ibm.com/blogs/how-to-validate-your-graphql-queries-with-eslint/

[48] Как использовать геттеры и сеттеры в JavaScript: https://www.developerdrive.com/2019/04/javascript-getters-setters/

[49] Введение в Storybook: организация того, как вы создаете JS компоненты : https://scotch.io/tutorials/an-introduction-to-storybook-organize-how-you-build-js-components

[50] Как создать работоспособные JavaScript спецификации: https://www.sitepoint.com/runnable-javascript-specifications/

[51] Design Patterns Game: http://designpatternsgame.com/

[52] Более быстрые события полей ввода с первым вкладом Facebook в API браузеров: https://code.fb.com/developer-tools/isinputpending-api/

[53] Фибоначчи на собеседовании: https://habr.com/ru/post/449616/

[54] Нужно ли чистить строки в JavaScript?: https://habr.com/en/post/449368/

[55] Стрелочные функции, объясненные на примере спуска с горки: https://medium.freecodecamp.org/javascripts-arrow-functions-explained-by-going-down-a-slide-2eb8ee3c45e

[56] Познаём MutationObserver API: https://www.smashingmagazine.com/2019/04/mutationobserver-api-guide/

[57] Распространенные подводные камни в JavaScript: https://blog.logrocket.com/common-javascript-gotchas-638bdea2a224

[58] React on λambda: https://habr.com/ru/post/449114/

[59] Круг жизненного цикла React: https://css-tricks.com/the-circle-of-a-react-lifecycle/

[60] Создание AMP версии сайта с помощью React & Next.js: https://reacttricks.com/building-an-amp-website-with-react-and-next/

[61] Релиз Create React App 3.0, вместе с новой функциональностью, включающую поддержку хуков: https://github.com/facebook/create-react-app/releases/tag/v3.0.0

[62] Построение структуры проекта энтерпрайз уровня на Angular: https://itnext.io/building-an-enterprise-grade-angular-project-structure-f5be32533ba3

[63] Практичный RxJS и Angular: https://itnext.io/practical-rxjs-and-angular-b8d38189bb2c

[64] Angular 8: выпущен первый релиз-кандидат: https://helpdev.eu/angular-8-first-release-candidate-released/

[65]  Часть 1: https://webdevblog.ru/prostoe-foto-prilozhenie-na-vue-js-axios-i-flickr-api-chast-1/

[66]  Часть 2: https://webdevblog.ru/prostoe-foto-prilozhenie-na-vue-js-axios-i-flickr-api-chast-2/

[67] Часть 3: https://webdevblog.ru/prostoe-foto-prilozhenie-na-vue-js-axios-i-flickr-api-chast-3/

[68] Компонентное мышление во Vue.js: https://medium.com/@_shirish/thinking-in-components-with-vue-js-a35b5af12df

[69] Откройте для себя силу замыканий в VueJS: https://medium.freecodecamp.org/closures-vuejs-higher-order-functions-emojipicker-f10d3c249a12

[70] Как создать музыкального бота с помощью Discord.js: https://medium.freecodecamp.org/how-to-create-a-music-bot-using-discord-js-4436f5f3f0f8

[71] glicky: браузерный загрузчик задач для современной веб разработки: https://github.com/alex-saunders/glicky

[72] Uppy 1.0: твой лучший друг для выгрузки файлов: https://uppy.io/blog/2019/04/1.0/

[73] faast.js: легкая работа с групповыми serverless вычислениями: https://faastjs.org/

[74] reattempt: дай своим функциям повторный шанс: https://github.com/wsmd/reattempt

[75] Релиз Chrome 74: http://www.opennet.ru/opennews/art.shtml?num=50559

[76] В стабильной версии Chrome 74 появилось тёмное оформление и защита от обнаружения сайтами режима инкогнито: https://itc.ua/news/v-stabilnoj-versii-chrome-74-poyavilos-tyomnoe-oformlenie-i-zashhita-ot-obnaruzheniya-sajtami-rezhima-inkognito/

[77] Что нового в DevTools (Chrome 75): https://developers.google.com/web/updates/2019/04/devtools

[78] Новое в Firefox 66: анимация CSS Grid: https://blog.logrocket.com/new-in-firefox-66-animating-css-grid-b4ed90ac32f5

[79] Сотрудники Microsoft выступили в поддержку репозитория GitHub, который могут закрыть под давлением китайских властей: https://itc.ua/news/sotrudniki-microsoft-vystupili-v-podderzhku-repozitoriya-github-kotoryj-mogut-zakryt-pod-davleniem-kitajskih-vlastej/

[80] OpenAI представила «ИИ-оркестр» — нейросеть MuseNet: https://itc.ua/blogs/openai-predstavila-ii-orkestr-nejroset-musenet/

[81] Mozilla отказывается от IRC, как платформы для общения: https://www.opennet.ru/opennews/art.shtml?num=50586

[82] Google предоставил выбор поисковых систем и браузеров для европейских пользователей Android : http://www.opennet.ru/opennews/art.shtml?num=50577

[83] Фишеры используют GitHub для мошеннических операций: https://xakep.ru/2019/04/26/github-pages-phishing/

[84] Самый худший UI управления громкостью звука : https://habr.com/ru/post/449060/

[85] Почему размытие плохо скрывает конфиденциальную информацию : https://habr.com/ru/post/449608/

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

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

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

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

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