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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] Подкаст «CSSSR»: https://soundcloud.com/csssr/novosti-512-vydykhay-huawei-novye-fichi-na-github-i-git-klienty-relizy-i-dokumentalka-pro-graphql

[7] Подкаст «devschacht»: https://soundcloud.com/devschacht/nightly-86

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

[9] «Pro Conf» #19: https://www.youtube.com/watch?v=aF_JjC-vd8Q

[10] Где изучать HTML и CSS в 2019 году?: https://css-tricks.com/where-do-you-learn-html-css-in-2019/

[11] Советы по созданию собственной ленивой загрузки: https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/

[12] Все, что вам нужно знать Push-уведомлениях в PWA: https://medium.com/better-programming/everything-you-need-to-know-about-pwas-push-notifications-e870bb54e14f

[13] CORS – Cross-Origin коммуникация в современном вебе: https://alazierplace.com/2019/06/cors-cross-origin-communication-in-the-modern-web/

[14] Будущее веб-сайтов: Headless CMS: https://scotch.io/bar-talk/the-future-of-websites-headless-cmss

[15] Как работает Google Pagespeed: улучшите свой счет и рейтинг в поисковых системах: https://calibreapp.com/blog/how-pagespeed-works/

[16] Доступность и закон: https://www.telerik.com/blogs/accessibility-and-the-law

[17] Пользовательские свойства CSS в каскаде: https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/

[18] Добавление интересных эффектов с помощью CSS Blend Mode: https://speckyboy.com/css-blend-mode/

[19] Внедрение новых CSS техник на продакшене: https://sidigital.co/blog/bringing-new-css-techniques-to-production

[20] Почему у меня возникли трудности с изучением React?: https://snook.ca/archives/javascript/difficulty-with-react

[21] 7 советов по оптимизации CSS для улучшения времени загрузки страницы: https://onextrapixel.com/best-css-optimization-tips/

[22] Разработка надежной стратегии загрузки шрифтов для CSS-Tricks: https://www.zachleat.com/web/css-tricks-web-fonts/

[23] Internet Explorer 3, приключение в кросс-браузерной совместимости: https://www.chenhuijing.com/blog/internet-explorer-3-an-adventure-in-compatibility/

[24] Не пропускайте CSS переменные : https://dev.to/timdeschryver/don-t-miss-out-on-css-variables-4708

[25] Меню с динамическими областями наведения: https://css-tricks.com/menus-with-dynamic-hit-areas/

[26] Создание переключателя цвета с помощью CSS переменных: https://codeburst.io/color-switcher-ui-with-color-input-type-css-variables-d4efd8aa6f8f

[27] Пять методов создания пятизвездочных рейтингов: https://css-tricks.com/five-methods-for-five-star-ratings/

[28] Ограничение (псевдо) элемента в рамках родительского border-box: https://css-tricks.com/restricting-a-pseudo-element-to-its-parents-border-box/

[29] Index fun: https://psuter.net/2019/07/07/z-index

[30] Что такое Native Payment Request API?: https://medium.com/better-programming/what-is-the-native-payments-request-api-905c60a996e8

[31] Наиболее часто используемые JavaScript-фреймворки для быстрой разработки: что выбрать: https://stfalcon.com/en/blog/post/javascript-frameworks-for-software-development

[32] Подробное сравнительное руководство Angular vs React vs Vue — какой из них выбрать в 2019: https://www.themexpert.com/blog/angular-vs-react-vs-vue

[33] Является ли React лучшим фронтенд фреймворком, с которого нужно начинать?: https://medium.com/@thomas.leperou/best-frontend-framework-to-begin-with-emberjs-fits-the-most-the-most-9e0a863926d4

[34] 12 советов по улучшению производительности в JavaScript: https://nodesource.com/blog/improve-javascript-performance

[35] Советы по улучшению условий в JavaScript: https://sneakbug8.com/improve-conditionals-in-js

[36] Разбираем Async/Await в JavaScript на примерах: https://habr.com/ru/company/skillbox/blog/458950/

[37] Функциональный JavaScript: что такое функции высшего порядка и зачем они нужны?: https://habr.com/ru/company/mailru/blog/458896/

[38] Пятиминутка React: Траспиляция из async/await в генераторы: https://www.youtube.com/watch?v=czgxE_UQnDQ&feature=youtu.be

[39] Метод строки startsWith() в JavaScript: https://medium.com/@samanthaming/string-startswith-method-in-javascript-b12ec998eb54

[40] Как использовать forEach() для итерации массива в JavaScript: https://dmitripavlutin.com/foreach-iterate-array-javascript/

[41] 13 приёмов работы с npm, которые помогают экономить время: https://habr.com/ru/company/ruvds/blog/458504/

[42] Переключение между версиями Node во время разработки: https://blog.logrocket.com/switching-between-node-versions-during-development/

[43] Сравнение Stream API и (async) генераторов в Node.js v10: https://blog.logrocket.com/comparing-the-stream-api-and-async-generators-in-node-js-v10/

[44] Под капотом у React. Пишем свою реализацию с нуля: https://habr.com/ru/post/458916/

[45] Практические рекомендации по разработке масштабных React-приложений. Планирование, действия, источники данных и API: https://habr.com/ru/company/ruvds/blog/458496/

[46] 8 практик, которые приведут к краху вашего приложения в будущем: https://medium.com/better-programming/8-practices-in-react-that-will-crash-your-app-in-the-future-e4c0e4529d26

[47] Руководство программиста по React Router: https://blog.jscrambler.com/a-programmers-guide-to-react-router/

[48] Изучение React хуков и Context API при создании приложение поиска по рецептам: https://dev.to/mongopark/let-s-learn-react-hooks-and-context-api-by-building-a-recipe-search-app-39pc

[49] Как React Hooks может заменить React Router: https://blog.logrocket.com/how-react-hooks-can-replace-react-router/

[50] Практический пример использования render-функций Vue: создание типографской сетки для дизайн-системы: https://habr.com/ru/company/ruvds/blog/458494/

[51] Несколько простых, но полезных советов по работе с геттерами в Vuex: https://habr.com/ru/post/459034/

[52] Как увеличить размер страницы на 1500% с помощью веб-пакета и Vue: https://webdevblog.ru/kak-uvelichit-razmer-stranicy-na-1500-s-pomoshhju-veb-paketa-i-vue/

[53] Использование слотов в Vue.js: https://www.smashingmagazine.com/2019/07/using-slots-vue-js/

[54] Руководство для начинающих по работе с компонентами во Vue: https://www.sitepoint.com/vue-components-intro/

[55] Создание чата в реальном времени с Pusher и Vue.js: https://www.sitepoint.com/pusher-vue-real-time-chat-app/

[56] Осторожно! Angular может украсть ваше время.: https://blog.angularindepth.com/beware-angular-can-steal-your-time-41fe589483df

[57] Что может пойти не так? Как обрабатывать ошибки в Angular: https://dev.to/tapaibalazs/what-could-go-wrong-how-to-handle-errors-in-angular-18j0

[58] Серия статей [Flight Assist Off], часть 1 – Angular без CLI: https://thedrunkendeveloper.wordpress.com/2019/06/30/flight-assist-off-part-1-angular-without-the-cli/

[59] Вызовы, с которыми я столкнулся в Ember.js: https://medium.com/@sarbbottam/challenges-i-face-with-ember-js-59bfba30416e

[60] Имитация бекенда блога с помощью Mirage и JSON API: https://emberigniter.com/mock-json-api-backend-with-mirage/

[61] Ember в середине 2019 года — хороший, плохой, ужасный и (надеюсь) будущее веб-разработки Ember: https://medium.com/@vlascik/ember-in-the-middle-of-2019-the-good-the-bad-the-ugly-hopefully-d641cc73d6d1

[62] bounds.js: https://github.com/ChrisCavs/bounds.js

[63] zip: надёжный ZIP декодер: https://github.com/ronomon/zip

[64] До Netscape: забытые веб-браузеры начала 1990-х: https://habr.com/ru/post/458282/

[65] Google Pay получил более глубокую интеграцию с Chrome: https://www.searchengines.ru/gpay-chrome.html

[66] Firefox продолжает терять пользовательскую аудиторию: https://3dnews.ru/990020

[67] Mozilla анонсировала подписку на новостные сайты без рекламы в Firefox: https://vc.ru/services/74255-mozilla-anonsirovala-podpisku-na-novostnye-sayty-bez-reklamy-v-firefox

[68] В Великобритании Firefox не будет использовать DNS-over-HTTPS из-за претензий в обходе блокировок: http://www.opennet.ru/opennews/art.shtml?num=51046

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

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

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

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

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