Дайджест свежих материалов из мира фронтенда за последнюю неделю №410 (6 — 12 апреля 2020)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст CSSSR: PostCSS 8.0, Chrome 81, Firefox 75, курс по веб-безопасности, Windows для веба, изучаем TypeScipt: https://soundcloud.com/csssr/postcss-80-chrome-81-firefox-75-kurs-po-veb-bezopasnosti-windows-dlya-veba-izuchaem-typescipt

[7] Подкаст «Фронтенд Юность (18+)» #132: Самый нерабочий: https://soundcloud.com/frontend_u/e132

[8] CSSSR. Argumentarium — Коронавирус: удалёнка или страх и ненависть в IT: https://soundcloud.com/csssr/argumentarium-koronavirus-udalyonka-ili-strakh-i-nenavist-v-it

[9] Свежий стрим Вадима Макеева №18: Уже и не ждали: https://www.youtube.com/watch?v=9eAwN6z55M0

[10] Первая часть с видео докладов с JavaScript fwdays'20, прошедшего онлайн 14го марта: https://www.youtube.com/playlist?list=PLPcgQFk9n9y97vTsPnvpzDXBTLe0l1JDI

[11] 10 принципов масштабируемых фронтенд-проектов: https://habr.com/ru/company/raiffeisenbank/blog/496390/

[12] От 48k до 10 строк кода — история GitHub JavaScript SDK: https://habr.com/ru/post/496598/

[13] Web Storage API: примеры использования: https://habr.com/ru/post/496348/

[14] Введение в Web Contact Picker API: https://dev.to/twilio/an-introduction-to-the-web-contact-picker-api-43ap

[15] Front End Debugging — Советы по быстрому решению проблем, чтобы вы могли заняться более полезными делами : https://tech.ebayinc.com/engineering/front-end-debugging-tips-on-resolving-issues-quickly-so-you-can-move-on-to-better-things/

[16] 10 вариантов Headless CMS для вашего сайта на JAMstack : https://bejamas.io/blog/headless-cms/

[17] Настройка Windows для веб-разработки : https://zellwk.com/blog/windows-wsl/

[18] Советы для работы с GitHub: трюки, хаки и секреты от Lee Reilly : https://github.blog/2020-04-09-github-protips-tips-tricks-hacks-and-secrets-from-lee-reilly/

[19] Измерение производительности JavaScript-функций: https://habr.com/ru/company/ruvds/blog/495894/

[20] Лучшие книги по веб-производительности для изучения оптимизации скорости сайта : https://www.machmetrics.com/speed-blog/best-web-performance-books/

[21] 10 важных шагов по оптимизации производительности, которые вы должны предпринять : https://medium.com/better-programming/10-critical-performance-optimization-steps-you-should-take-b560a3fcf658

[22] Как мы проводили accessibility-тестирование в Alfa Digital: https://habr.com/ru/company/alfa/blog/496396/

[23] Быстрая анимация нескольких слоев изображений для интро или перехода между страницами. : https://tympanus.net/codrops/2020/04/07/rapid-image-layers-animation/

[24] Советы по эффективному написанию кода для анимаций : https://css-tricks.com/tips-for-writing-animation-code-efficiently/

[25] Variable Emojis — эмоджи, построенные на вариативном шрифте: http://variableemojis.com/

[26] Забудьте про RGB и HEX: https://habr.com/ru/post/496768/

[27] Создание тёмной темы для Stack Overflow: https://habr.com/ru/company/ruvds/blog/495998/

[28] Viewport единицы в CSS: https://medium.com/@stasonmars/viewport-%D0%B5%D0%B4%D0%B8%D0%BD%D0%B8%D1%86%D1%8B-%D0%B2-css-52c2b029f8b9

[29] Стилизация упорядоченных списков с помощью CSS-счетчиков : https://joshwcomeau.com/css/styling-ordered-lists-with-css-counters/

[30] Создание темного режима для Stack Overflow: https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow/

[31] PostCSS 8.0 грядёт: вот что он принесет: https://evilmartians.com/chronicles/postcss-8-is-coming-here-is-what-it-brings

[32] Как воссоздать анимацию из Netflix в CSS : https://css-tricks.com/how-to-re-create-a-nifty-netflix-animation-in-css/

[33] Ускорьте свой UX с помощью скелетон-загрузки : https://dev.to/sanderdebr/speed-up-your-ux-with-skeleton-loading-18ja

[34] Держим футер внизу: Flexbox vs. Grid : https://dev.to/5t3ph/keep-the-footer-at-the-bottom-flexbox-vs-grid-4o2o

[35] Элементы равной высоты: Flexbox vs. Grid : https://dev.to/5t3ph/equal-height-elements-flexbox-vs-grid-2jk2

[36] Мои любимые вопросы для интервью по CSS с детальными ответами. Часть II «Значения CSS» : https://dev.to/melnik909/my-favorite-css-interview-questions-with-detailed-answers-part-ii-css-values-55g

[37] Практическое руководство по борьбе с утечками памяти в Node.js: https://habr.com/ru/company/ruvds/blog/495898/

[38] Пишем современный маршрутизатор на JavaScript: https://habr.com/ru/post/496590/

[39] Особенности стрелочных функций в JavaScript: https://dailycoding.io/article/hmZQP6trEnLreITR8ONn

[40] Мощь рекурсии в JavaScript : https://medium.com/better-programming/the-power-of-recursion-in-javascript-af57107a1a5a

[41] Как операторы && и || на самом деле работают в JavaScript : https://dmitripavlutin.com/javascript-and-or-logical-operators/

[42] Что такое карринг в JavaScript и почему это важно? : https://medium.com/better-programming/what-is-currying-in-javascript-and-why-does-it-matter-db5926fc4f42

[43] Понимание (всех) форматов модулей и инструментов в JavaScript : https://weblogs.asp.net/dixin/understanding-all-javascript-module-formats-and-tools

[44] React, performance и -500 миллисекунд на старте — история наших оптимизаций в цифрах: https://habr.com/ru/post/495984/

[45] Пакет use-sound: звуковые эффекты в React-приложениях: https://habr.com/ru/company/ruvds/blog/495896/

[46] Реакт, Redux и немного математики. : https://itnext.io/react-redux-and-a-little-bit-of-math-fe2c9a4a477c

[47] Новые функции в Create React App 3.3 : https://medium.com/better-programming/new-features-of-create-react-app-3-3-649f85255e86

[48] 8 хитростей производительности в React: сделайте ваше приложение быстрым! : https://dev.to/sanderdebr/8x-react-performance-make-your-app-blazing-faster-1h1f

[49] React, Web Workers и IndexedDB : https://dev.to/daviddalbusco/react-web-workers-and-indexeddb-55ip

[50] Чистые, масштабируемые формы с Vue Composition API: https://webdevblog.ru/chistye-masshtabiruemye-formy-s-vue-composition-api/

[51] Сократите время создания Nuxt.js в два раза с помощью context.payload : https://markus.oberlehner.net/blog/cut-your-nuxt-generate-build-time-in-half-with-context-payload/

[52] Что нового в Angular 9? : https://dev.to/tomekponiat/what-s-new-in-angular-9-3ocg

[53] Разбиваем большое Angular приложение на микрофронтенды : https://codeburst.io/breaking-a-large-angular-app-into-microfrontends-fb8f985d549f

[54] Имплементация Google Sign-In (OAuth) в Angular приложении менее чем за 15 минут : https://dev.to/angular/implement-google-sign-in-oauth-in-your-angular-app-in-under-15-minutes-1ebo

[55] Сделайте свое Angular приложение доступным для всех : https://medium.com/angular-in-depth/make-your-angular-application-accessible-for-everybody-2e5e8e402387

[56] The Ember Times — Issue No. 143: https://dev.to/embertimes/the-ember-times-issue-no-143-34el

[57] Простое перетаскивание в Ember Octane : https://dev.to/dgavey/simple-drag-and-drop-in-ember-octane-466i

[58] Ember Octane: Airtable Time: https://yehudakatz.com/2020/04/06/ember-octane-airtable-time/

[59] Почему стоит использовать Svelte для своих веб-проектов: https://habr.com/ru/company/vdsina/blog/496094/

[60] Мощь SvelteJS: создание карусели из с анимацией изображений в <30 строк кода : https://dev.to/bholmesdev/making-an-animated-image-carousel-the-easy-way-with-svelte-49ln

[61] Svelte и React: различия при создании одного и того же веб-приложения : https://dev.to/jscrambler/svelte-vs-react-differences-when-building-the-same-web-app-57d

[62] JS-микробиблиотека для отзывчивых CSS motion paths: https://github.com/jh3y/meanderer#readme

[63] prerender.js — быстро предзагружает страницы в любом браузере : https://github.com/genderev/prerender.js

[64] Релиз Firefox 75: https://www.opennet.ru/opennews/art.shtml?num=52689

[65] Релиз Chrome 81: https://www.opennet.ru/opennews/art.shtml?num=52565

[66] Firefox 75: планы на апрель : https://hacks.mozilla.org/2020/04/firefox-75-ambitions-for-april/

[67] Web Animations в Safari 13.1: https://webkit.org/blog/10266/web-animations-in-safari-13-1/

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

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

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

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

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