- PVSM.RU - https://www.pvsm.ru -

Дайджест свежих материалов из мира фронтенда за последнюю неделю №426 (27 июля — 2 августа 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №426 (27 июля — 2 августа 2020) - 1

Медиа [1]    |    Веб-разработка [2]    |    CSS [3]    |    JavaScript [4]

Медиа

podcast Подкаст «Фронтенд Юность (18+)» #148: Vue, React, Svelte, Typescript, PWA [5]
podcast Подкаст CSSSR: Vue 3 RC, релизы NodeJS, Svelte + TS, TSDX, V8 8.5, JS будущего, результаты опроса от JetBrains [6]
podcast Подкаст «Сделайте мне красиво», Выпуск №39: Привет, Svelte! Пока, moment.js! [7]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №426 (27 июля — 2 августа 2020) - 5 Веб-разработка

habr Хватить это верстать дважды или 2-х сторонняя связь между дизайном и кодом [8]
habr Локальное хранилище или куки? Безопасное хранение JWT на клиенте [9]
habr О роли фронтенд-разработчика [10]
Предстоящие изменения в WordPress 5.5, про которые должны знать разработчики тем [11]
Подготовка к mobile-first-индексации — с учетом дополнительного времени [12]
en Ренессанс No-Code для веб-разработчиков [13]
en this vs that: объяснение разницы между похожими понятиями в веб-разработке [14]
en Визуализация работы CORS [15]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №426 (27 июля — 2 августа 2020) - 20 CSS

habr Нововведения CSS – Июль 2020 (Gap, Aspect ratio, Masonry, Subgrid) [24]
habr CSS и множественный фон [25]
habr Визуальное сравнение 13 CSS-фреймворков [26]
Генератор цветовых тем [27]
en Получение максимальной выгоды от вариативных шрифтов в Google Fonts [28]
en Анализ CSS с помощью CSS OM: Получение поддерживаемых свойств, сокращений и других деталей [29]
en PostCSS плагин для исправления бага с 100vh в iOS [30]
en Что означает 100% в CSS? [31]
en Несколько CSS комиксов [32]
en Использование CSS для обнаружения и переключения тем сайта в соответствии с системными настройками [33]
en Хотите стать лучше в написании кода? Научите кого-нибудь CSS. [34]
en Жирный текст при наведении… без сдвигов контента [35]
en Почему CSS Grid Layout не заменит сетку фреймворка [36]

JavaScript

habr Пишем свой dependency free WebSocket сервер на Node.js [37]
en style9: компилятор CSS-in-JS, основанный на идеях stylex от Facebook [38]
en Внедрение современного JavaScript в библиотеки [39]
en Хватит дублировать константы в JS и CSS [40]
en Разработка и развертывание микро-фронтендов с Single-Spa [41]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №426 (27 июля — 2 августа 2020) - 62 Браузеры

habr Chrome (чуть не) снёс расширение, над которым мы работали три года, и не хочет говорить за что [69]
Релиз Firefox 79 [70], подробности для веб-разработчиков от Марата Таналина [71]
Защищённые браузеры: выбираем лучший [72]
Новый браузер Microsoft Edge аварийно завершал работу, если поисковиком по умолчанию в нём был установлен Google [73]
Android-версия Chrome позволит подтверждать платежи с помощью биометрической аутентификации [74]

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [75].
Материал подготовили dersmoll [76] и alekskorovin [77].

Автор: alexzfort

Источник [78]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

[5] Подкаст «Фронтенд Юность (18+)» #148: Vue, React, Svelte, Typescript, PWA: https://soundcloud.com/frontend_u/e148

[6] Подкаст CSSSR: Vue 3 RC, релизы NodeJS, Svelte + TS, TSDX, V8 8.5, JS будущего, результаты опроса от JetBrains: https://soundcloud.com/csssr/vue-3-rc-relizy-nodejs-svelte-ts-tsdx-v8-85-js-budushchego-rezultaty-oprosa-ot-jetbrains

[7] Подкаст «Сделайте мне красиво», Выпуск №39: Привет, Svelte! Пока, moment.js!: https://soundcloud.com/begebot/ep39

[8] Хватить это верстать дважды или 2-х сторонняя связь между дизайном и кодом: https://habr.com/ru/post/513134/

[9] Локальное хранилище или куки? Безопасное хранение JWT на клиенте: https://habr.com/ru/company/ruvds/blog/512866/

[10] О роли фронтенд-разработчика: https://habr.com/ru/company/quarkly/blog/513168/

[11] Предстоящие изменения в WordPress 5.5, про которые должны знать разработчики тем: https://oddstyle.ru/wordpress-2/novosti-wordpress/predstoyashhie-izmeneniya-v-wordpress-5-5-pro-kotorye-dolzhny-znat-razrabotchiki-tem.html

[12] Подготовка к mobile-first-индексации — с учетом дополнительного времени: https://vc.ru/seo/146525-podgotovka-k-mobile-first-indeksacii-s-uchetom-dopolnitelnogo-vremeni

[13] Ренессанс No-Code для веб-разработчиков : https://www.smashingmagazine.com/2020/07/renaissance-no-code-web-designers/

[14] this vs that: объяснение разницы между похожими понятиями в веб-разработке : https://thisthat.dev/

[15] Визуализация работы CORS: https://dev.to/lydiahallie/cs-visualized-cors-5b8h

[16] Создание PWA было нашей лучшей идеей : https://medium.com/javascript-in-plain-english/building-a-pwa-was-our-best-idea-ever-b7b233726b41

[17] Создание PWA в Google, часть 1 : https://web.dev/building-a-pwa-at-google-part-1/

[18] Мы сдаемся, прогрессивные веб-приложения могут отследить вас, говорит W3C: через 5 лет вопрос с приватностью разрешился : https://www.theregister.com/2020/07/31/w3c_progressive_web_app_privacy/

[19] Lock-файлы npm: https://habr.com/ru/company/domclick/blog/513130/

[20] Взгляд на новые возможности Chrome DevTools в 2020 году : https://css-tricks.com/whats-new-in-devtools-2020/

[21] Webpack: плавное введение: https://ui.dev/webpack/

[22] Бесконечный скролл без сдвига макета : https://addyosmani.com/blog/infinite-scroll-without-layout-shifts/

[23] Изучение проблемы с повторяющимися HTML-запросами при загрузке страницы : https://dev.to/paulcalvano/investigating-duplicate-html-requests-on-a-page-load-2eog

[24] Нововведения CSS – Июль 2020 (Gap, Aspect ratio, Masonry, Subgrid): https://habr.com/ru/post/513198/

[25] CSS и множественный фон: https://habr.com/ru/company/ruvds/blog/512864/

[26] Визуальное сравнение 13 CSS-фреймворков: https://habr.com/ru/post/512586/

[27] Генератор цветовых тем: http://css.yoksel.ru/color-themes-generator/

[28] Получение максимальной выгоды от вариативных шрифтов в Google Fonts : https://css-tricks.com/getting-the-most-out-of-variable-fonts-on-google-fonts/

[29] Анализ CSS с помощью CSS OM: Получение поддерживаемых свойств, сокращений и других деталей: https://lea.verou.me/2020/07/introspecting-css-via-the-css-om-getting-supported-properties-shorthands-longhands/

[30] PostCSS плагин для исправления бага с 100vh в iOS: https://github.com/postcss/postcss-100vh-fix

[31] Что означает 100% в CSS? : https://wattenberger.com/blog/css-percents

[32] Несколько CSS комиксов : https://jvns.ca/blog/2020/07/25/some-comics-about-css/

[33] Использование CSS для обнаружения и переключения тем сайта в соответствии с системными настройками: https://seifi.org/css/prefers-color-scheme.html

[34] Хотите стать лучше в написании кода? Научите кого-нибудь CSS. : https://css-tricks.com/want-to-get-better-at-code-teach-someone-css/

[35] Жирный текст при наведении… без сдвигов контента: https://css-tricks.com/bold-on-hover-without-the-layout-shift/

[36] Почему CSS Grid Layout не заменит сетку фреймворка : https://codyhouse.co/blog/post/css-grid-layout-vs-framework-grid

[37] Пишем свой dependency free WebSocket сервер на Node.js: https://habr.com/ru/post/513224/

[38] style9: компилятор CSS-in-JS, основанный на идеях stylex от Facebook : https://css-tricks.com/style9-build-time-css-in-js/

[39] Внедрение современного JavaScript в библиотеки : https://dev.to/garylchew/bringing-modern-javascript-to-libraries-432c

[40] Хватит дублировать константы в JS и CSS : https://medium.com/@smvilar/stop-duplicating-constants-between-js-and-css-40efd253a945

[41] Разработка и развертывание микро-фронтендов с Single-Spa : https://medium.com/swlh/developing-and-deploying-micro-frontends-with-single-spa-c8b49f2a1b1d

[42] Простое объяснение делегирования событий: https://habr.com/ru/post/512782/

[43] Выбор зависимостей JavaScript : https://dailycoding.io/article/PieJ9ZXohbxEnyy2quaF

[44] Что такое композиция? Объяснение от Дена Абрамова: https://whatthefuck.is/composition

[45] Часть 1 : https://www.blog.duomly.com/10-most-popular-javascript-interview-questions-and-answers-for-beginners/

[46] Часть 2: https://www.blog.duomly.com/6-most-popular-front-end-interview-questions-and-answers-for-beginners-part-2/

[47] React: 50 оттенков состояния : https://krasimirtsonev.com/blog/article/react-50-shades-of-state

[48] Современное тестирование React, часть 4: Cypress и Cypress Testing Library : https://blog.sapegin.me/all/react-testing-4-cypress/

[49] Как и почему вы должны использовать React Query : https://blog.bitsrc.io/how-to-start-using-react-query-4869e3d5680d

[50] React Guitar — Красивый и гибкий гитарный компонент для React.: https://react-guitar.com/

[51] reactivue — Используйте API Vue Composition в компонентах React : https://github.com/antfu/reactivue

[52] Vue.js для начинающих, урок 7: вычисляемые свойства: https://habr.com/ru/company/ruvds/blog/512660/

[53] Vue.js для начинающих, урок 8: компоненты: https://habr.com/ru/company/ruvds/blog/512658/

[54] Vue 3 теперь в RC!: https://webdevblog.ru/vue-3-teper-v-rc/

[55] Я создал одинаковое приложение на React и Vue. Вот различия. [Версия 2020 года] : https://sunilsandhu.com/posts/i-created-the-exact-same-app-in-react-and-vue-2020-edition

[56] Как писать хорошие библиотеки под Angular: https://habr.com/ru/company/tinkoff/blog/512608/

[57] Angular Language Service для Visual Studio : https://www.nowayshecodes.com/blog-tech/angular-language-service-for-visual-studio

[58] Blogit — блог на AngularJS + Github в роли хостинга : https://github.com/xepozz/blogit/

[59] 10 лучших советов по Angular, отобранных сообществом : https://indepth.dev/best-angular-tips/

[60] 15 примеров удивительной статистики об Angular : https://dev.to/2muchcoffeecom/15-surprising-stats-about-angular-3fh7

[61] 11 причин, по которым вам следует использовать NGXS в качестве управления состоянием в ваших Angular приложениях : https://dev.to/kuncevic/11-reasons-why-you-should-use-ngxs-as-state-management-in-your-angular-apps-l82

[62] Релиз Ember 3.20 : https://blog.emberjs.com/2020/07/29/ember-3-20-released.html

[63] The Ember Times — Issue No. 158: https://dev.to/embertimes/the-ember-times-issue-no-158-1kg

[64] ember-csz: решение CSS-in-JS для стилизации в Ember: https://dev.to/rajasegar/ember-csz-a-css-in-js-solution-for-styling-in-ember-2mpp

[65] Ember Octane: краткий обзор реактивности : https://dockyard.com/blog/2020/07/31/ember-octane-a-brief-reactivity-overview

[66] tinykeys — Небольшая (~ 400 B) и современная библиотека для регистрации клавиатурных нажатий : https://jamiebuilds.github.io/tinykeys/

[67] moment-guess — Пакет утилит для угадывания формата даты : https://github.com/apoorv-mishra/moment-guess

[68] svelthree — компонент Svelte для использования three.js : https://svelthree.dev/

[69] Chrome (чуть не) снёс расширение, над которым мы работали три года, и не хочет говорить за что: https://habr.com/ru/company/digital-ecosystems/blog/513260/

[70] Релиз Firefox 79: https://www.opennet.ru/opennews/art.shtml?num=53445

[71] подробности для веб-разработчиков от Марата Таналина: https://tanalin.com/blog/2020/07/firefox-79/

[72] Защищённые браузеры: выбираем лучший: https://3dnews.ru/1016608/zashchishchyonnie-brauzeri

[73] Новый браузер Microsoft Edge аварийно завершал работу, если поисковиком по умолчанию в нём был установлен Google: https://itc.ua/news/novyj-brauzer-microsoft-edge-avarijno-zavershal-rabotu-esli-poiskovikom-po-umolchaniyu-v-nyom-byl-ustanovlen-google/

[74] Android-версия Chrome позволит подтверждать платежи с помощью биометрической аутентификации: https://3dnews.ru/1017146

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

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

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

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