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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №408 (23 — 29 марта 2020)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №408 (23 — 29 марта 2020) - 1

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

Медиа

podcast UnderJS Podcast №18 — Yarn2 и баг длиною… [6]
podcast Девшахта/Ночной фронтенд: Мониторинг node.js на примере интересного кейса [7]
podcast Подкаст «Фронтенд Юность (18+)» №130: Первый изолированный [8]
podcast Подкаст «Веб-стандарты» №222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги! [9]
podcast video Repozitorro #39 — Дизайн и Front-end [10]
podcast en The CSS Podcast 003: Specificity [11]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №408 (23 — 29 марта 2020) - 10 Веб-разработка

habr Чистая архитектура для фронтендера [12]
habr Методы борьбы с legacy-кодом на примере GitLab [13]
Архитектура фронтенда: Ядро [14]
en Автоматически увеличивающиеся инпуты и текстовые поля [15]
en Современные форматы изображений: использование Webp в HTML и React [16]
en Устранение уязвимостей в зависимостях npm менее чем за 3 минуты [17]
en Как использовать Web Storage API [18]
en Favicons: Emojis в качестве фавиконки [19], Лайфхак от Криса Койера: использование другой фавиконки для разработки [20]
en Front-end RSS Feeds (2020 Edition) [21]
en Bootstrap 5 отказывается от поддержки IE 10 и 11: c чем мы останемся? [22]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №408 (23 — 29 марта 2020) - 24 CSS

habr CSS: полное руководство по функции calc() [27]
Комбинации в CSS: custom properties и ::selection [28]
en Объяснение специфики CSS пятилетке [29]
en Как повторить текст в качестве Background Image в CSS с помощью element() [30]
en Индикация позиции прокрутки на странице с помощью CSS [31]
en Как анимировать текст с помощью SVG и CSS [32]
en Стилизация скроллбаров с помощью CSS: современный способ оформления полос прокрутки [33]

JavaScript

habr Вывод типов в TypeScript с использованием конструкции as const и ключевого слова infer [34]
habr Новые возможности TypeScript, повышающие удобство разработки [35]
habr Шпаргалки по безопасности: Nodejs [36]
Проект CoreJS столкнулся с проблемами сопровождения из-за лишения свободы автора [37]
en 14 лучших JavaScript-конференций для участия в 2020 году [38]
en Как начать юнит тестирование JavaScript кода [39]
en Как использовать новейшие функции JavaScript в любом браузере [40]
en VueJS против ReactJS: кто будет править в 2020 году? [41]
en Как управлять HTML DOM только с помощью ванильного JavaScript? [42]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №408 (23 — 29 марта 2020) - 60 Браузеры

habr Firefox внедряет режим «только HTTPS» [65]
В Chrome 83 появится настройка для показа полного URL в адресной строке [66]
Google пропустит выпуск Chrome 82 [67]

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

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

Автор: alexzfort

Источник [71]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] UnderJS Podcast №18 — Yarn2 и баг длиною… : https://underjs.ru/podcast/2020/03/25/yarn2.html

[7] Девшахта/Ночной фронтенд: Мониторинг node.js на примере интересного кейса: https://soundcloud.com/devschacht/devschacht-114

[8] Подкаст «Фронтенд Юность (18+)» №130: Первый изолированный: https://soundcloud.com/frontend_u/e130

[9] Подкаст «Веб-стандарты» №222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги!: https://soundcloud.com/web-standards/episode-222

[10] Repozitorro #39 — Дизайн и Front-end: https://www.youtube.com/watch?v=eZRPs5LNTIQ

[11] The CSS Podcast 003: Specificity: https://thecsspodcast.libsyn.com/003-specificity

[12] Чистая архитектура для фронтендера: https://habr.com/ru/post/494638/

[13] Методы борьбы с legacy-кодом на примере GitLab: https://habr.com/ru/company/oleg-bunin/blog/493000/

[14] Архитектура фронтенда: Ядро: https://medium.com/front-end-in-regions-grodno/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B0-%D1%8F%D0%B4%D1%80%D0%BE-5e8752ca02b1

[15] Автоматически увеличивающиеся инпуты и текстовые поля : https://css-tricks.com/auto-growing-inputs-textareas/

[16] Современные форматы изображений: использование Webp в HTML и React : https://joshwcomeau.com/performance/embracing-modern-image-formats/

[17] Устранение уязвимостей в зависимостях npm менее чем за 3 минуты : https://itnext.io/fixing-security-vulnerabilities-in-npm-dependencies-in-less-than-3-mins-a53af735261d

[18] Как использовать Web Storage API: https://blog.bitsrc.io/localstorage-sessionstorage-the-web-storage-of-the-web-6b7ca51c8b2a

[19] Emojis в качестве фавиконки: https://css-tricks.com/emojis-as-favicons/

[20] Лайфхак от Криса Койера: использование другой фавиконки для разработки: https://css-tricks.com/different-favicon-for-development/

[21] Front-end RSS Feeds (2020 Edition): https://www.impressivewebs.com/frontend-rss-feeds-2020/

[22] Bootstrap 5 отказывается от поддержки IE 10 и 11: c чем мы останемся? : https://dev.to/themesberg/bootstrap-5-dropping-ie-10-11-browser-support-where-does-that-leave-us-1b4a

[23] ADA Compliance обязательно для цифровых агентств, вот как это делается: https://www.sitepoint.com/the-ultimate-ada-compliance-guide/

[24] Почему 2020 год — год, когда нужно серьезно относиться к доступности: Верховный суд больше не шутит, и вам не следует : https://www.telerik.com/blogs/why-2020-is-the-year-to-get-serious-about-accessibility

[25] Эффекты анимации частиц при выделении текста : https://tj.ie/text-selection-particle-effects/

[26] Анимированные эффекты для курсора : https://tympanus.net/codrops/2020/03/24/animated-custom-cursor-effects/

[27] CSS: полное руководство по функции calc(): https://habr.com/ru/company/ruvds/blog/493660/

[28] Комбинации в CSS: custom properties и ::selection: https://medium.com/front-end-in-regions-grodno/%D0%BA%D0%BE%D0%BC%D0%B1%D0%B8%D0%BD%D0%B0%D1%86%D0%B8%D0%B8-%D0%B2-css-custom-properties-%D0%B8-selection-8300376b3400

[29] Объяснение специфики CSS пятилетке : https://codepen.io/AmeliaBR/post/explaining-css-specificity-to-a-5-year-old

[30] Как повторить текст в качестве Background Image в CSS с помощью element(): https://css-tricks.com/how-to-repeat-text-as-a-background-image-in-css-using-element/

[31] Индикация позиции прокрутки на странице с помощью CSS : https://css-tricks.com/indicating-scroll-position-on-a-page-with-css/

[32] Как анимировать текст с помощью SVG и CSS : https://css-tricks.com/how-to-animate-text-with-svg-and-css/

[33] Стилизация скроллбаров с помощью CSS: современный способ оформления полос прокрутки : https://alligator.io/css/css-scrollbars/

[34] Вывод типов в TypeScript с использованием конструкции as const и ключевого слова infer: https://habr.com/ru/company/ruvds/blog/493716/

[35] Новые возможности TypeScript, повышающие удобство разработки: https://habr.com/ru/company/ruvds/blog/493712/

[36] Шпаргалки по безопасности: Nodejs: https://habr.com/ru/company/acribia/blog/493714/

[37] Проект CoreJS столкнулся с проблемами сопровождения из-за лишения свободы автора: https://www.opennet.ru/opennews/art.shtml?num=52606

[38] 14 лучших JavaScript-конференций для участия в 2020 году : https://blog.jscrambler.com/14-javascript-conferences-in-2020-every-developer-should-attend/

[39] Как начать юнит тестирование JavaScript кода : https://www.freecodecamp.org/news/how-to-start-unit-testing-javascript/

[40] Как использовать новейшие функции JavaScript в любом браузере : https://medium.com/javascript-in-plain-english/use-the-latest-javascript-features-in-any-browser-f047f5c426a8

[41] VueJS против ReactJS: кто будет править в 2020 году? : https://towardsdatascience.com/vuejs-vs-reactjs-which-will-reign-in-2020-c5591213784c

[42] Как управлять HTML DOM только с помощью ванильного JavaScript? : https://htmldom.dev/

[43] Знание и состояние: https://habr.com/ru/post/494354/

[44] Упрости свой JavaScript – используй map, reduce и filter : https://dailycoding.io/article/WUKl4cSlPxvkEpw7Wq5Z

[45] Введение в MDXJS: https://css-tricks.com/an-introduction-to-mdxjs/

[46] Как уменьшить количество и увеличить читаемость кода в react-redux, redux-saga: https://habr.com/ru/post/494114/

[47] Использование FuseBox в качестве альтернативы бандлингу вебпаком в React : https://css-tricks.com/using-fusebox-as-a-bundling-alternative-to-webpack-for-react/

[48] Server-Side Rendering в React — Redux: https://medium.com/javascript-in-plain-english/server-side-rendering-in-react-redux-8d6209fbfed

[49] Миграция в земли React: Gatsby: https://blog.cloudflare.com/migrating-to-react-land-gatsby/

[50] Airbnb передает право собственности на Enzyme, его библиотеку для тестирования для React: https://www.infoq.com/news/2020/03/airbnb-drops-ownership-enzyme/

[51] Создание приложения для чата в реальном времени с React и Firebase : https://css-tricks.com/building-a-real-time-chat-app-with-react-and-firebase/

[52] Реализация i18n в Vue.js с использованием vue-i18n : https://alligator.io/vuejs/vue-with-i18n/

[53] Что происходит под капотом, когда вы объявляете ref() в Vue 3? : https://dev.to/bornfightcompany/what-happens-under-the-hood-when-you-declare-ref-in-vue-3-5hda

[54] Создайте свой собственный Vue.js с нуля — Часть 3 (Сборка VDOM) : https://dev.to/_marcba/create-your-own-vue-js-from-scratch-part-2-building-the-vdom-3bp2

[55] Руководство по стилизации компонентов Angular: https://medium.com/javascript-in-plain-english/styling-angular-components-ca4237bcff5f

[56] Преобразование кодовой базы: создание проекта MEAN.js AngularJS с помощью Create-React-App : https://blog.isquaredsoftware.com/2020/03/codebase-conversion-building-mean-with-cra/

[57] Доступна версия 9.1 Angular — TypeScript 3.8, более быстрые сборки и многое другое : https://blog.angular.io/version-9-1-of-angular-now-available-typescript-3-8-faster-builds-and-more-eb292f989428

[58] The Ember Times — Issue No. 141: https://dev.to/embertimes/the-ember-times-issue-no-141-5hap

[59] Почему вы должны начать использовать Svelte Js для веб-проектов, если вы все еще этого не делаете : https://dev.to/vaniukov/why-you-need-to-start-using-svelte-js-for-web-development-projects-if-you-still-don-t-40dh

[60] Курируемый список с ресурсами по Svelte JS: https://dev.to/sm0ke/svelte-js-open-source-starters-e1m

[61] Обзор видеоплееров для веба: https://habr.com/ru/post/493674/

[62] 9 лучших игровых движков и JS библиотек в 2020 году : https://blog.bitsrc.io/9-top-js-gaming-engines-and-libraries-for-2020-81707d9f095

[63] Rsup Progress — Крошечный индикатор прогресса, который поддерживает промисы : https://skt-t1-byungi.github.io/rsup-progress/

[64] jsSHA — JavaScript реализация полного семейства Secure Hash Standard: https://github.com/Caligatio/jsSHA

[65] Firefox внедряет режим «только HTTPS»: https://habr.com/ru/company/globalsign/blog/494024/

[66] В Chrome 83 появится настройка для показа полного URL в адресной строке: https://www.opennet.ru/opennews/art.shtml?num=52612

[67] Google пропустит выпуск Chrome 82: https://www.opennet.ru/opennews/art.shtml?num=52593

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

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

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

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