Дайджест свежих материалов из мира фронтенда за последнюю неделю №388 (4 — 10 ноября 2019)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Фронтенд Юность»: #114 Тёплый выпуск с Дэном Абрамовым: https://www.youtube.com/watch?v=9aXRJ8Z-kxA&feature=youtu.be

[7] Подкаст «CSSSR»: Новости 512 — TypeScript 3.7, React Concurrent Mode, GraphQL API, Gitlab и геополитика: https://soundcloud.com/csssr/novosti-512-typescript-37-react-concurrent-mode-graphql-api-gitlab-i-geopolitika

[8] Repozitorro #33 — Самое полное ревью вёрстки: https://www.youtube.com/watch?v=INDP08Cio7o

[9] Почему использовать сторонний CSS и JS на своем сайте опасно : https://dailycoding.io/article/1QjY5CCZNO7U2aNGPGOb

[10] Превращение вашего существующего приложения в прогрессивное веб-приложение: https://medium.com/better-programming/turning-your-existing-application-into-a-pwa-776d65b0aa12

[11] Первые 5 советов по созданию безопасных (веб) приложений: https://www.telerik.com/blogs/first-5-tips-for-building-secure-web-apps

[12] Apple пытается убить веб-технологии: https://onezero.medium.com/apple-is-trying-to-kill-web-technology-a274237c174d

[13] GraphQL: The Documentary (Русская версия): https://www.youtube.com/watch?v=i_rsfHMF3x4

[14] Лицемерие google. PageSpeed Insights: https://habr.com/ru/post/475152/

[15] Prettier 1.19: долгожданная опция Vue, TypeScript 3.7 и новые функции JavaScript: https://prettier.io/blog/2019/11/09/1.19.0.html

[16] Как полностью оптимизировать Webpack 4 Tree Shaking: https://medium.com/@craigmiller160/how-to-fully-optimize-webpack-4-tree-shaking-405e1c76038

[17] «Шакал»: сжимаем фронтенд: https://habr.com/ru/company/tinkoff/blog/474632/

[18] Современная загрузка скриптов: https://habr.com/ru/company/raiffeisenbank/blog/473994/

[19] Почему нагрузочное тестирование и тестирование производительности должны выходить за рамки проверки времени отклика : https://focusaps.com/2019/11/07/why-load-and-performance-testing-should-go-beyond-response-time-validation/

[20] Оптимизация изображений для пользователей с низкой скоростью сети: https://css-tricks.com/optimizing-images-for-users-with-slow-network-speeds/

[21] Оформляйте стили наведения, фокуса и активного состояния по-разному: https://habr.com/ru/post/474306/

[22] Помимо автоматизированного тестирования доступности: шесть вещей, которые я проверяю на каждом своём сайте: https://medium.com/web-standards/six-things-i-check-51b8a2910dd2

[23] Что я узнал о доступности в SPA: https://nolanlawson.com/2019/11/05/what-ive-learned-about-accessibility-in-spas/

[24] aria-label не переводится: https://adrianroselli.com/2019/11/aria-label-does-not-translate.html

[25] Как доступность становится все более важной в веб-разработке : https://medium.com/better-programming/how-accessibility-gets-more-and-more-important-in-web-development-714fbc4d6114

[26] А есть ли случайные числа в CSS?: https://habr.com/ru/post/474818/

[27] Улучшите свой CSS с помощью этих 5 принципов: https://habr.com/ru/post/474360/

[28] Не усложняйте масштабируемый CSS: https://medium.com/@ABatickaya/keep-it-simple-71436866e727

[29] Переменные CSS с инлайновыми стилями: https://ishadeed.com/article/css-variables-inline-styles/

[30] Некоторые вещи, которые вы должны знать при работе с viewport-единицами : https://css-tricks.com/some-things-you-oughta-know-when-working-with-viewport-units/

[31] Показываем кнопку поиска, когда поле поиска не пусто : https://css-tricks.com/show-search-button-when-search-field-is-non-empty/

[32] Учебное пособие по CSS grid: 13 советов и приемов, которые следует знать веб-разработчику: https://medium.com/quick-code/css-grid-cheatsheet-13-tips-and-tricks-which-you-should-know-as-a-web-developer-b4e58f5614c3

[33] Сила CSS-процессоров в разработке веб-приложений : https://www.codica.com/blog/the-power-of-css-processors-in-web-applications-development/

[34] Синтаксис с двумя значениями display (и иногда с тремя): https://css-tricks.com/two-value-display-syntax-and-sometimes-three/

[35] Трюк с анимацией точки на букве “i”: https://css-tricks.com/the-trick-to-animating-the-dot-on-the-letter-i/

[36] 8 CSS-фильтров для изображений с примерами кода: https://dev.to/duomly/8-css-image-filters-with-code-examples-26hf

[37] PureCSS Lace: https://diana-adrianne.com/purecss-lace/

[38] Типизация REST API для фронтенд разработчика: https://habr.com/ru/post/475086/

[39] Axios vs Fetch — что использовать в 2019 : https://medium.com/frontend-digest/axios-vs-fetch-which-to-use-in-2019-6678c083c5c

[40] Лучшие практики Node.js : https://github.com/goldbergyoni/nodebestpractices/blob/master/README.md

[41] Грядущие новые функции JavaScript, о которых вы должны знать, если вы используете JavaScript каждый день: https://medium.com/javascript-in-plain-english/upcoming-new-javascript-features-you-should-know-if-you-use-javascript-everyday-8208b477b7a2

[42] Функциональное программирование с точки зрения EcmaScript. Чистые функции, лямбды, имутабельность: https://habr.com/ru/post/474702/

[43] Лексическое окружение (LexicalEnvironment) и Замыкание (Closures) в EcmaScript: https://habr.com/ru/post/474852/

[44] Поймут даже дети: простое объяснение async/await и промисов в JavaScript: https://habr.com/ru/post/474726/

[45] Чем прототипное наследование отличается от классического?: https://webdevblog.ru/chem-prototipnoe-nasledovanie-otlichaetsya-ot-klassicheskogo/

[46] Что такое Генераторы в JavaScript: https://webdevblog.ru/chto-takoe-generatory-v-javascript/

[47] Что такое super() в JavaScript? : https://css-tricks.com/what-is-super-in-javascript/

[48] Разрываем цепочки с пайплайнами в современном JavaScript : https://www.wix.engineering/post/breaking-chains-with-pipelines-in-modern-javascript

[49] Атрибуты свойств объекта в JavaScript: https://2ality.com/2019/11/object-property-attributes.html

[50] Использование i18n с Next.js & React context API: https://itnext.io/using-i18n-with-next-js-react-context-api-ab208659cee8

[51] React Query — Хуки для извлечения, кэширования и обновления асинхронных данных в React: https://github.com/tannerlinsley/react-query

[52] Методы жизненного цикла, хуки, ожидания: что лучше всего выбрать в React? : https://dmitripavlutin.com/react-fetch-lifecycle-methods-hooks-suspense/

[53] 3 способа создать свою собственную библиотеку компонентов в React: https://blog.bitsrc.io/3-ways-to-build-your-own-react-component-library-b4d00013a716

[54] Экспериментируем с новым режимом Concurrent в React : https://swizec.com/blog/experimenting-with-the-new-react-concurrent-mode/swizec/9231

[55] 39 продвинутых ответов на вопросы собеседования по React, которые вам следует сегодня уточнить : https://dev.to/fullstackcafe/39-advanced-react-interview-questions-you-must-clarify-today-3c1h

[56] Готовый к продакшену Vue SSR: 5 простых шагов: https://dou.ua/lenta/articles/five-steps-to-vue-ssr/

[57] Автоматический рутинг в приложениях на Vue.js: https://codeburst.io/automatic-routing-in-vue-js-applications-1403ba425bfa

[58] Обработка форм во Vue.js : https://dev.to/yashints/handling-forms-with-vue-js-3f1p

[59] Полная информация об атрибутах и структурных директивах в Angular: https://medium.com/better-programming/the-low-down-on-attribute-and-structural-directives-in-angular-d6130eacaf4e

[60] Google Maps теперь является компонентом Angular : https://blog.angularindepth.com/google-maps-is-now-an-angular-component-821ec61d2a0

[61] 26 лучших вопросов на собеседовании по Angular 8 в 2020: https://www.codementor.io/alexershov/26-top-angular-8-interview-questions-to-know-in-2020-10b7fil403?utm_content=posts&utm_source=sendgrid&utm_medium=email&utm_term=post-10b7fil403&utm_campaign=newsletter20191106

[62] Вызов Angle Bracket для вложенных компонентов (3.10) : https://embermap.com/topics/what-s-new-in-ember/angle-bracket-invocation-for-nested-components-3-10

[63] EmberFest 2019: https://www.youtube.com/playlist?list=PLN4SpDLOSVkT0e094BZhGkUnf2WBF09xx

[64] hybrids.js — декларативные и функциональные веб-компоненты: https://medium.com/better-programming/hybrids-js-declarative-and-functional-web-components-c0f1c3fbf1c8

[65] tenko — 100% совместимый со спецификацией парсер JavaScript ES2020, написанный на JS: https://github.com/pvdz/tenko

[66] Proton: легкая JS-библиотека для анимации частиц: http://a-jie.github.io/Proton/

[67] cashify: библиотека для конвертации валюты, наследник money.js: https://github.com/xxczaki/cashify

[68] В ночных сборках Firefox появилась поддержка HTTP/3: https://www.opennet.ru/opennews/art.shtml?num=51807

[69] Релизная версия Microsoft Edge на Chromium будет поставляться без поддержки ARM64, синхронизации истории и расширений: http://microsoftportal.net/windows-9/11649-reliznaya-versiya-microsoft-edge-na-chromium-budet-postavlyatsya-bez-podderzhki-arm64-sinhronizacii-istorii-i-rasshireniy.html

[70] В следующем году Firefox и Chrome начнут скрывать всплывающие уведомления: https://xakep.ru/2019/11/07/restricting-notification/

[71] Подготовка ваших сайтов к новому Microsoft Edge : https://blogs.windows.com/msedgedev/2019/11/04/edge-chromium-release-candidate-get-ready/

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

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

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

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

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