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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

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

[8] Подкаст «Веб-стандарты»: https://medium.com/web-standards/episode-181-d24d4edae1d1

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

[10] Подкаст «CSSSR», Новости 512: https://soundcloud.com/csssr/novosti-512-vue-3-rfc-obnovlyon-eshchyo-o-mikroservisakh-novyy-ubiytsa-redux-i-interesnye-publikatsii

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

[12] «Repozitorro»: https://www.youtube.com/watch?v=ByX9Gc5LSY0

[13] WSD в Москве 2019: https://www.youtube.com/playlist?list=PLMBnwIwFEFHfaIXIyT-IhgbkjACIIEaU4

[14] Amsterdam JSNation 2019: https://www.youtube.com/playlist?list=PLfIM4SvaiIyygQEe2WPpENwxIf-0agBr9&mc_cid=11fe23a9ae&mc_eid=ab6c4d2297

[15] Подкаст syntax.fm: https://syntax.fm/show/154/svgs-with-sara-soueidan

[16] Как настроить веб-аналитику на AMP страницах: https://habr.com/ru/company/wrike/blog/451928/

[17] Начинаете работать с веб-производительностью? Вот на чем нужно сосредоточиться.: https://speedcurve.com/blog/getting-started-web-performance/

[18] Создание PWA с помощью Webpack и Workbox: https://www.smashingmagazine.com/2019/06/pwa-webpack-workbox/

[19] Spam Detection API: https://css-tricks.com/spam-detection-apis/

[20] Имитация относительного позиционирования вложенного SVG внутри SVG: https://www.sarasoueidan.com/blog/mimic-relative-positioning-in-svg/

[21] HTML can do that?: https://dev.to/ananyaneogi/html-can-do-that-c0n

[22] Как деревья доступности информируют вспомогательные технологии: https://hacks.mozilla.org/2019/06/how-accessibility-trees-inform-assistive-tech/

[23] Отчет по судебным искам, связанным с веб-доступностью (ADA Compliance) за первое полугодие.: https://blog.usablenet.com/midyear-ada-web-accessibility-lawsuit-report-blog

[24] Что такое доступность для веб-приложений и почему это меня волнует?: https://www.telerik.com/blogs/what-is-accessibility-for-web-apps-and-why-do-i-care

[25] Как правильно делать связанную скролл-анимацию: https://blog.logrocket.com/how-to-do-scroll-linked-animations/

[26] Интерактивный сайт для изучения основ синтетической музыки: https://learningsynths.ableton.com/

[27] useAnimations: анимированные иконки с помощью фреймворка Lottie и After Effects для использования в приложениях и веб-сайтах: https://useanimations.com/

[28] 10 PostCSS плагинов, которые сэкономят время вашему верстальщику: https://habr.com/en/post/457340/

[29] 18 советов по CSS, которые сделают жизнь разработчика проще: https://tproger.ru/translations/css-rules/

[30] Три прогноза из State of CSS 2019 Survey: https://css-tricks.com/three-predictions-from-the-state-of-css-2019-survey/

[31] Полное руководство по центрированию с помощью Flexbox: https://onextrapixel.com/flexbox-centering-guide/

[32] a11y-css-reset: https://github.com/mike-engel/a11y-css-reset

[33] Создание расписания конференции на CSS Grid: https://css-tricks.com/building-a-conference-schedule-with-css-grid/

[34] Drag-n-drop sticky, без JS!: https://codepen.io/scottkellum/pen/eaXJJb

[35] Вариативные шрифты для разработчиков: https://variablefonts.dev/

[36] Думаем о БЭМ как о философии пользовательского интерфейса вместо именования CSS классов : https://itnext.io/thinking-of-bem-as-a-ui-philosophy-instead-of-a-css-naming-convention-9727e2cf9328

[37] Стоимость JavaScript в 2019 году: https://v8.dev/blog/cost-of-javascript-2019

[38] RxJS: простое введение: https://medium.com/@rossbulat/rxjs-a-simple-introduction-32fb48f52a67

[39] Мгновенный поиск на ванильном JavaScript: https://www.florin-pop.com/blog/2019/06/vanilla-javascript-instant-search/

[40] Функциональный JavaScript: пять способов нахождения среднего арифметического элементов массива и метод .reduce(): https://habr.com/ru/company/ruvds/blog/458030/

[41] 5 функций ES2019, которые вы можете использовать сегодня: https://webdevblog.ru/5-funkcij-es2019-kotorye-vy-mozhete-ispolzovat-segodnya/

[42] Как настроить полифилл globalThis в универсальном JavaScript: https://tproger.ru/translations/universal-javascript-and-globalthis-feature/

[43] Разбираемся с Async/Await в JavaScript на примерах: https://tproger.ru/translations/understanding-async-await-in-javascript/

[44] Коллекции JavaScript – Set, Map, WeakMap и WeakSet: https://webdevblog.ru/kollekcii-javascript-set-and-map/

[45] Шаблоны проектирования в Node.js: практическое руководство: https://blog.logrocket.com/design-patterns-in-node-js/

[46] Новый ECMAScript модуль поддерживается в Node.js 12: https://2ality.com/2019/04/nodejs-esm-impl.html

[47] Firebase или MongoDB: какую базу данных использовать для разработки приложения: https://dzone.com/articles/firebase-vs-mongodb-which-database-to-use-for-your

[48] Использование middleware во Vue: https://webdevblog.ru/ispolzovanie-middleware-vo-vue/

[49] Почему люди злятся на Vue 3: https://vueschool.io/articles/news/why-people-are-mad-with-vue-3/

[50] Руководство для начинающих по Vue CLI: https://www.sitepoint.com/vue-cli-intro/

[51] Когда на самом деле нужен атрибут :key по Vue и зачем?: https://www.telerik.com/blogs/in-vue-when-do-i-actually-need-the-key-attribute-and-why

[52] Как начать работать с Vuetify: https://www.sitepoint.com/get-started-vuetify/

[53] Разработка приложения для потокового вещания с помощью Node.js и React: https://habr.com/ru/company/ruvds/blog/457860/

[54] Знакомство с useReducer React Hook: https://css-tricks.com/getting-to-know-the-usereducer-react-hook/

[55] Миф о недоступности React: https://www.freecodecamp.org/news/the-myth-of-inaccessible-react/

[56] Десять заповедей React компонентов: https://dev.to/selbekk/the-10-component-commandments-2a7f

[57] Добавление WebAssembly компонента в React приложение: https://blog.scottlogic.com/2019/06/14/add-webassembly-to-react-app.html

[58] Продвинутые концепты React хуков пояснённые на примере игры Змейка: https://blog.usejournal.com/advanced-react-hooks-concepts-through-snake-99e00490ffef

[59] Next.js или Create React App: какие приложения более производительны?: https://blog.logrocket.com/next-js-vs-create-react-app/

[60] Состояние Angular в 2019-м: https://blog.bitsrc.io/the-state-of-angular-in-2019-b5fb7783a1c6

[61] Понимание магии, которая стоит за элементами Angular: https://netbasal.com/understanding-the-magic-behind-angular-elements-8e6804f32e9f

[62] Создание музыкального проигрывателя с использованием Kendo UI и Angular: https://www.telerik.com/blogs/creating-a-music-player-application-using-kendo-ui-and-angular

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

[64] Начало работы с Glimmer-Native: https://codingitwrong.com/2019/06/26/glimmer-native-tutorial.html

[65] Ember.js Seattle Meetup с Yehuda Katz: https://www.youtube.com/watch?v=rNUGZn8ZZME

[66] Пожелания для роадмапа Ember 2019: https://medium.com/@thomas.leperou/wishes-for-the-ember-roadmap-2019-67ec1555bf8e

[67] 10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах: https://habr.com/ru/post/457946/

[68] freezeframe.js: https://github.com/ctrl-freaks/freezeframe.js/

[69] TWGL: http://twgljs.org/

[70] pixelmatch: небольшая, простая и быстрая JS библиотека для попиксельного сравнения изображений: https://github.com/mapbox/pixelmatch

[71] svelte-adapter: использование Svelte компонентов с Vue и React: https://github.com/pngwn/svelte-adapter

[72] В Firefox Nightly тестируется генератор паролей: https://tproger.ru/news/password-generator-firefox-nightly/

[73] Инструмент Track THIS от Mozilla позволяет обмануть рекламные алгоритмы: https://itc.ua/blogs/instrument-track-this-ot-mozilla-pozvolyaet-obmanut-reklamnye-algoritmy/

[74] В Microsoft Edge появится три режима блокировки отслеживающих скриптов: https://tproger.ru/news/tracking-prevention-edge-testing/

[75] В Firefox 68 будет предложена новая реализация адресной строки: http://www.opennet.ru/opennews/art.shtml?num=50983

[76] Первый выпуск нового браузера Firefox Preview для Android: http://www.opennet.ru/opennews/art.shtml?num=50982

[77] Самый важный навык, который может освоить программист: https://medium.com/devschacht/the-most-important-skill-a-programmer-can-learn-5a3826d096b

[78] Пользователи Google теперь могут ограничивать время хранения данных об активности (история местоположений, приложений и веб-поиска) на серверах компании: https://itc.ua/news/polzovateli-google-teper-mogut-ogranichivat-vremya-hraneniya-personalnyh-dannyh-istoriya-mestopolozhenij-prilozhenij-i-veb-poiska-na-serverah-kompanii/

[79] Windows Terminal — основы настройки и первые впечатления: http://www.outsidethebox.ms/19493/

[80] «Разработка языка Kotlin обошлась намного дороже, чем наш средний продукт»: интервью с главой JetBrains: https://vc.ru/story/72800-razrabotka-yazyka-kotlin-oboshlas-namnogo-dorozhe-chem-nash-sredniy-produkt-intervyu-s-glavoy-jetbrains

[81] Почему стоит включить в разработку прототипирование: https://dou.ua/lenta/articles/prototyping-best-practices/

[82] Facebook, Google и другие IT-компании совместно создадут общепринятый набор тестов для ИИ: https://itc.ua/news/facebook-google-i-drugie-it-kompanii-sovmestno-sozdadut-obshheprinyatyj-nabor-testov-dlya-ii/

[83] Трамп устно разрешил американским компаниям работать с Huawei : https://vc.ru/tech/73487-tramp-ustno-razreshil-amerikanskim-kompaniyam-rabotat-s-huawei

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

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

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

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

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