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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

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

[8] Подкаст «Frontend Weekend» #95: https://soundcloud.com/frontend-weekend/fw-95

[9] Подкаст «CSSSR»: https://soundcloud.com/csssr/novosti-512-http2-serverless-shtuki-cors-security-relizy-oracle-relizy-i-drugie-novosti

[10] Подкаст «Пятиминутка React»: https://soundcloud.com/5minreact/056-solid-book

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

[12] Repozitorro #22: https://www.youtube.com/watch?v=rmJPEDTNREE

[13] Frontreview #16: https://www.youtube.com/watch?v=qhN80jkvclc

[14] Фрактал имён элементов: https://habr.com/ru/post/461395/

[15] Стандартный браузерный API Payment Request: https://habr.com/ru/company/ruvds/blog/460799/

[16] Лучшие новостные рассылки для фронтенд разработчиков: https://dev.to/remotesynth/the-best-newsletters-to-subscribe-to-for-a-frontend-developer-1ni1

[17] Часть 1: https://www.smashingmagazine.com/2019/07/progressive-web-application-pwa-framework-part-1/

[18] Часть 2: https://www.smashingmagazine.com/2019/07/progressive-web-application-pwa-framework-part-2/

[19] SPA SEO: руководство по продвижению одностраничного приложения на первую страницу Google: https://snipcart.com/spa-seo

[20] 12 советов по улучшению производительности JavaScript-приложений: https://habr.com/ru/company/ruvds/blog/460795/

[21] 7 советов по оптимизации CSS для ускорения загрузки страниц: https://habr.com/ru/post/459878/

[22] Как работает Google PageSpeed: улучшите свой уровень и рейтинг в поисковых системах: https://css-tricks.com/how-google-pagespeed-works-improve-your-score-and-search-engine-ranking/

[23] Настройка производительности JavaScript сайтов с помощью Chrome DevTools: https://www.telerik.com/blogs/performance-tune-a-javascript-website-with-chrome-devtools

[24] Инклюзивные компоненты: тултипы и тоглтипы: https://medium.com/web-standards/tooltips-toggletips-c20691665ac7

[25] Возможно, стоит игнорировать type=search: http://adrianroselli.com/2019/07/ignore-typesearch.html

[26] Значение без разметки: Accessibility Object Model: https://hiddedevries.nl/en/blog/2019-07-22-meaning-without-markup-accessibility-object-model

[27] Я написал кастомизируемый CSS-движок на JavaScript: https://medium.com/the-guild/i-wrote-a-customizable-css-engine-in-javascript-b1e05c8914fe

[28] Почему вы должны обязательно научиться использовать CSS-in-JS: https://jxnblk.com/blog/why-you-should-learn-css-in-js/

[29] Все, что вам нужно знать о margin в CSS: https://www.smashingmagazine.com/2019/07/margins-in-css/

[30] Доступность контента, сгенерированного CSS: https://yatil.net/blog/accessible-css-generated-content

[31] Подборка библиотек для CSS анимации: https://css-tricks.com/css-animation-libraries/

[32] Действительно отзывчивая сетка на CSS Grid с помощью minmax() и min(): http://evanminto.com/blog/intrinsically-responsive-css-grid-minmax-min/

[33] Не разделяйте точкой с запятой :focus-within, если вам нужна глубокая браузерная поддержка: https://css-tricks.com/dont-comma-separate-focus-within-if-you-need-deep-browser-support/

[34] Responsive Iframes: https://css-tricks.com/responsive-iframes/

[35] Как добавить фоллбек на Flexbox для CSS Grid: https://zellwk.com/blog/calendar-flexbox-fallback/

[36] Самый простой способ асинхронной загрузки CSS: https://www.filamentgroup.com/lab/load-css-simpler/

[37] Многоколоночные манипуляции: https://every-layout.dev/blog/multi-column-manipulation/

[38] 5 заповедей TypeScript-разработчика: https://habr.com/ru/post/461565/

[39] Как поговорить с микроконтроллером из JS: https://habr.com/ru/company/oleg-bunin/blog/450826/

[40] Советы по созданию собственной ленивой загрузки картинок: https://webdevblog.ru/sovety-po-sozdaniju-sobstvennoj-lenivoj-zagruzki-kartinok/

[41] Понимание основ SEO в JavaScript: https://developers.google.com/search/docs/guides/javascript-seo-basics

[42] Практические способы писать JavaScript лучше: https://dev.to/taillogs/practical-ways-to-write-better-javascript-26d4

[43] Что нового в JavaScript: сводка с Google I/O 2019 : https://itnext.io/whats-new-in-javascript-google-i-o-2019-summary-d16bd2308412

[44] Введение в Svelte: https://daveceddia.com/svelte-intro/

[45] Основатель QEMU и FFmpeg опубликовал JavaScript-движок QuickJS: http://www.opennet.ru/opennews/art.shtml?num=51079

[46] Facebook открыл код JavaScript-движка Hermes: http://www.opennet.ru/opennews/art.shtml?num=51082

[47] Анонс TypeScript 3.6 Beta: https://devblogs.microsoft.com/typescript/announcing-typescript-3-6-beta/

[48] Среда, лексическая область видимости и замыкания в JavaScript: https://habr.com/ru/company/nix/blog/460861/

[49] Концепции JavaScript: Замыкания: https://medium.com/webbdev/js-2087d93ded24

[50] Чистка вашего кода: избегайте условий: https://blog.sapegin.me/all/avoid-conditions/

[51] Обработка ошибок во Vue: https://habr.com/ru/company/funcorp/blog/460539/

[52] Создание SPA на Vue.js и Headless WordPress: https://medium.com/js-dojo/build-a-vue-js-spa-on-top-of-headless-wordpress-6af7c11ce5e5

[53] Композиция компонентов: Vue Function API vs Renderless Components: https://medium.com/@adamorlowskipoland/vue-components-composition-vue-functional-api-vs-renderless-components-36abee218215

[54] Что мне нравится во Vue: https://daverupert.com/2019/07/what-i-like-about-vue/

[55] OverVue, a инструмент для прототипирования Vue: https://levelup.gitconnected.com/overvue-a-vue-prototyping-tool-f2b8a2f0c229

[56] Структурирование React-приложений: https://habr.com/ru/company/ruvds/blog/460793/

[57] Создание компонента переключателя на React: https://upmostly.com/tutorials/build-a-react-switch-toggle-component

[58] Самый удобный способ обработки алертов в React : https://dev.to/dmtrkovalenko/the-neatest-way-to-handle-alert-dialogs-in-react-1aoe

[59] Как нанимать и обучать разработчиков, если вы не используете React: https://medium.com/front-end-weekly/how-to-hire-and-train-developers-when-you-dont-use-react-42762e6b1a57

[60] Прототипирование с помощью Angular: https://blog.angular.io/prototyping-with-angular-a83fbf0533ef

[61] Введение в @ngrx/effects: https://developer.school/posts/introduction-to-ngrx-effects/

[62] Понимание магии, стоящей за Angular Elements: https://netbasal.com/understanding-the-magic-behind-angular-elements-8e6804f32e9f

[63] Что я узнал за 3 года разработки на Angular 2+: https://blog.usejournal.com/what-i-learnt-during-3-years-of-angular-2-a777ab74653d

[64] 7 ошибок для предотвращения при переходе от AngularJS на Angular: https://jenniferwadella.com/blog/angularjs-mistakes-to-avoid

[65] Релиз Ember 3.11: https://blog.emberjs.com/2019/07/15/ember-3-11-released.html

[66] Настройка активности ссылок — современный способ: https://devjournal.balinterdi.com/setting-link-activeness/

[67] Дерево навыков для изучения Ember.js в 2019: https://github.com/rajasegar/ember-skill-tree

[68] Интеграция любого бекенда в Ember с помощью Custom Adapters & Serializers: https://emberigniter.com/fit-any-backend-into-ember-custom-adapters-serializers/

[69] cesiumjs: open-source библиотека для создания трехмерных глобусов и карт: https://cesiumjs.org/

[70] json-complete: https://github.com/cierelabs/json-complete

[71] Moveable: библиотека для добавления функций перетаскивания, вращения, изменения размера и масштаба: https://daybrush.com/moveable/

[72] Что ты такое, Rendering Engine? Или как работает модуль отображения браузера: https://habr.com/ru/post/459814/

[73] Браузер Firefox Reality стал доступным и для гарнитур Oculus Quest: https://itc.ua/news/brauzer-firefox-reality-stal-dostupnym-i-dlya-garnitur-oculus-quest/

[74] Chrome и Android вскоре перестанут принимать корневые сертификаты от DarkMatter: https://tproger.ru/news/chrome-android-bans-darkmatter/

[75] В Firefox 70 страницы открытые по HTTP начнут помечаться как небезопасные: http://www.opennet.ru/opennews/art.shtml?num=51109

[76] Google начнёт удалять расширения для Chrome, которые злоупотребляют сбором данных пользователей: https://vc.ru/services/76893-google-nachnet-udalyat-rasshireniya-dlya-chrome-kotorye-zloupotreblyayut-sborom-dannyh-polzovateley

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

[78] Что должен делать тимлид: роли, обязанности и навыки: https://habr.com/ru/post/461145/

[79] Facebook, Twitter и Google аутсорсят модерацию в Филиппины. Чем это обернулось — репортаж Washington Post: https://ain.ua/2019/07/27/kak-ustroen-autsors-moderacii/

[80] Исследование: почему ИТ-специалисты выбирают средние по размеру компании: https://vc.ru/hr/77058-issledovanie-pochemu-it-specialisty-vybirayut-srednie-po-razmeru-kompanii

[81] Чем заменить продукты Google: подборка альтернатив, которые не будут за вами следить: https://tproger.ru/digest/list-of-alternatives-to-google-products/

[82] Исследование: сайты теряют до 10% выручки с пользователя из-за регламента по защите личных данных Евросоюза: https://vc.ru/finance/76853-issledovanie-sayty-teryayut-do-10-vyruchki-s-polzovatelya-iz-za-reglamenta-po-zashchite-lichnyh-dannyh-evrosoyuza

[83] GitHub блокирует разработчиков из стран, на которые наложены санкции США: https://xakep.ru/2019/07/26/github-sanctioned/

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

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

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

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

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