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

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

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

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

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

Медиа

podcast Подкаст «Сделайте мне красиво», выпуск №41: «Бездарные программисты и токсичность» [6]
podcast Подкаст Фронтенд Юность (18+) #151: React 17 по Dialup-у [7]
podcast Подкаст CSSSR: React 17 RC, архитектура NodeJS-приложений, OOCSS, PHP 8, npm 7 Beta, дебаг утечек памяти в WASM [8]
podcast Подкаст «Веб-стандарты» №243: PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб [9]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №429 (17 — 23 августа 2020) - 6 Веб-разработка

Туториал. График на Canvas [10]
Атака на пользователей почтовых клиентов при помощи ссылок «mailto:» [11]
en Используйте продвинутую типографику при работе с локальными шрифтами при помощи Local Font Access API [12]
en Особенности веб-разработки при работе с устройствами с двойным экраном часть 1 [13], часть 2 [14]
en Проект Phone Gap закрыт в 2020? [15]

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

habr Исследование CSS-свойства flex [29]
Grid для макетов, Flexbox для компонентов [30]
en Leading-Trim: будущее цифровой типографики и роль Miscrosoft в работе над соответствующими спецификациями [31]
en Создание 3D-иллюстраций с помощью CSS [32]
en Как определить поддержку Flexbox Gap браузером [33]
en Стилизация Select с использованием чистого CSS [34]

JavaScript

habr Разбор худшего в мире куска кода [35]
habr Как бесплатно перенести свои любимые треки в Spotify, используя Javascript [36]
Насколько JavaScript сильный? [37]
Введение в Set в JavaScript — все, что нужно знать о наборах [38]
en Релизы: Анонс TypeScript 4.0 [39], Storybook 6.0 [40], Cypress v5.0.0 [41]
en Что нового в TypeScript 4 [42]
en История Javascript и почему вы должны ее знать [43]
en Насколько хорошо вы знаете свои основы JavaScript? [44]

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

Microsoft прекратит поддержку Internet Explorer 11 и старой версии Edge в 2021 году [64]
Для Chrome развивается API для прямых TCP и UDP коммуникаций [65]
В Chrome 86 появится защита от небезопасной отправки web-форм [66]

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

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

Автор: alexzfort

Источник [70]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Сделайте мне красиво», выпуск №41: «Бездарные программисты и токсичность»: https://soundcloud.com/begebot/ep41

[7] Подкаст Фронтенд Юность (18+) #151: React 17 по Dialup-у: https://soundcloud.com/frontend_u/e151

[8] Подкаст CSSSR: React 17 RC, архитектура NodeJS-приложений, OOCSS, PHP 8, npm 7 Beta, дебаг утечек памяти в WASM: https://soundcloud.com/csssr/react-17-rc-arkhitektura-nodejs-prilozheniy-oocss-php-8-npm-7-beta-debag-utechek-pamyati-v-wasm

[9] Подкаст «Веб-стандарты» №243: PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб: https://soundcloud.com/web-standards/episode-243

[10] Туториал. График на Canvas: https://htmlacademy.ru/blog/boost/frontend/canvas-chart

[11] Атака на пользователей почтовых клиентов при помощи ссылок «mailto:»: https://www.opennet.ru/opennews/art.shtml?num=53570

[12] Используйте продвинутую типографику при работе с локальными шрифтами при помощи Local Font Access API : https://web.dev/local-fonts/

[13] часть 1: https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-i/

[14] часть 2: https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-ii/

[15] Проект Phone Gap закрыт в 2020?: https://firt.dev/phonegap-end/

[16] Как npm обеспечивает безопасность: https://habr.com/ru/company/domclick/blog/515848/

[17] Фигма против Фотошопа. Что выбрать начинающему верстальщику: https://htmlacademy.ru/blog/boost/tools/figma-vs-photoshop

[18] Грядет новый npm: https://webdevblog.ru/gryadet-novyj-npm/

[19] Omatsuri — набор из 10 фронтенд инструментов, реализованный в качестве PWA с оффлайн-режимом : https://omatsuri.app/

[20] Google готовит к запуску обновлённую версию Chrome DevTools: https://searchengines.guru/ru/news/2048484

[21] Что нового в DevTools (Chrome 86) : https://developers.google.com/web/updates/2020/08/devtools

[22] Измеряем изменения в скорости загрузки сайта в различных сетевых (и не только) условиях. Теперь удобнее: https://habr.com/ru/post/514406/

[23] Chrome на Android вскоре начнет маркировать быстрые сайты специальной отметкой — ее наличие будет влиять на ранжирование в поиске Google: https://itc.ua/news/chrome-na-android-vskore-nachnet-markirovat-bystrye-sajty-speczialnoj-otmetkoj-v-budushhem-eto-budet-vliyat-na-ranzhirovanie-v-poiske-google/

[24] Как быстро должен загружаться ваш сайт? : https://medium.com/firebase-developers/how-fast-should-your-site-load-cfb14be48e8b

[25] Оптимизация веб-сайтов с помощью новых медиаформатов : https://blog.bitsrc.io/website-optimization-with-media-formats-such-as-webp-and-webm-1df43bd252d

[26] Понимание мониторинга веб-производительности : https://blog.bitsrc.io/understanding-web-performance-monitoring-2ed52f97a974

[27] Удивительные методы анимации с GSAP : https://frontend.horse/articles/amazing-animation-techniques-with-gsap/

[28] Эффект трансформации миниатюры в полноразмерное изображение : https://tympanus.net/codrops/2020/08/19/thumbnail-to-full-width-image-animation/

[29] Исследование CSS-свойства flex: https://habr.com/ru/company/ruvds/blog/515298/

[30] Grid для макетов, Flexbox для компонентов: https://webdevblog.ru/grid-dlya-maketov-flexbox-dlya-komponentov/

[31] Leading-Trim: будущее цифровой типографики и роль Miscrosoft в работе над соответствующими спецификациями : https://medium.com/microsoft-design/leading-trim-the-future-of-digital-typesetting-d082d84b202

[32] Создание 3D-иллюстраций с помощью CSS : https://frontend.horse/articles/creating-3d-illustrations-with-css/

[33] Как определить поддержку Flexbox Gap браузером : https://ishadeed.com/article/flexbox-gap/

[34] Стилизация Select с использованием чистого CSS : https://dev.to/5t3ph/custom-select-styles-with-pure-css-4f58?ref=heydesigner

[35] Разбор худшего в мире куска кода: https://habr.com/ru/company/ruvds/blog/515676/

[36] Как бесплатно перенести свои любимые треки в Spotify, используя Javascript: https://habr.com/ru/company/dentsuaegisnetworkrussia/blog/515640/

[37] Насколько JavaScript сильный?: https://medium.com/devschacht/javascript-coercions-9a36505c1370

[38] Введение в Set в JavaScript — все, что нужно знать о наборах: https://webdevblog.ru/vvedenie-v-set-v-javascript-vse-chto-nuzhno-znat-o-naborah/

[39] Анонс TypeScript 4.0 : https://devblogs.microsoft.com/typescript/announcing-typescript-4-0/

[40] Storybook 6.0: https://medium.com/storybookjs/storybook-6-0-1e14a2071000

[41] Cypress v5.0.0: https://github.com/cypress-io/cypress

[42] Что нового в TypeScript 4 : https://medium.com/better-programming/whats-new-in-typescript-4-fe8d50f08e31

[43] История Javascript и почему вы должны ее знать : https://dev.to/manikbajaj/the-history-of-javascript-and-why-you-should-know-it-3aik

[44] Насколько хорошо вы знаете свои основы JavaScript? : https://medium.com/better-programming/quiz-how-well-do-you-know-your-js-fundamentals-df813504ff53

[45] Организация разработки крупномасштабных React-приложений: https://habr.com/ru/company/ruvds/blog/515682/

[46] ТОП 25 инструментов React разработчика: https://www.youtube.com/watch?v=_T57mBi_VQs

[47] Начало работы с Adobe’s React Spectrum: https://blog.bitsrc.io/getting-started-with-adobes-react-spectrum-15322be00c12

[48] Что React 17 означает для разработчиков : https://www.telerik.com/blogs/what-react-17-means-for-developers

[49] Создание модальных окон в React с конечными автоматами : https://daveceddia.com/react-confirmation-modal-state-machine/

[50] Понимание React's useRef Hook : https://ui.dev/useref/

[51] Освоение Props и PropTypes в React : https://www.smashingmagazine.com/2020/08/mastering-props-proptypes-react/

[52] 4 рекомендации для крупномасштабных проектов на Vue.js : https://blog.bitsrc.io/4-best-practices-for-large-scale-vue-js-projects-9a533450bdb2

[53] VueJS + Wicket = Vuecket: https://medium.com/orienteer/vuejs-wicket-vuecket-ee7bd5534fee

[54] Приближается Vue 3 — чего ожидать и как подготовиться : https://levelup.gitconnected.com/vue-3-is-coming-what-to-expect-and-how-to-prepare-dbf35c67c52d

[55] Давайте сделаем ежемесячный календарь на базе Vue : https://css-tricks.com/lets-make-a-vue-powered-monthly-calendar/

[56] Генерируйте QR-коды с помощью Angular 10 : https://codeburst.io/generate-qr-codes-with-angular-10-dc698df0713d

[57] Обзор Angular для веб-разработчиков : https://dev.to/nalaka/a-tour-of-angular-for-web-developers-4he1

[58] Новые возможности с рендерингом Angular и push pipe — Часть 1 : https://indepth.dev/angulars-push-pipe-part-1/

[59] 5 советов по развитию навыков работы с Angular : https://medium.com/its-tinkoff/5-tips-to-boost-your-angular-skills-ae665c10816f

[60] The Ember Times — Issue No. 161: https://dev.to/embertimes/the-ember-times-issue-no-161-37gg

[61] Миграция PromiseProxyMixin в Ember Octane : https://v5.chriskrycho.com/journal/migrating-off-of-promiseproxymixin-in-ember-octane/

[62] Каково текущее состояние более продвинутых функций Glimmer VM? : https://discuss.emberjs.com/t/what-is-the-current-state-of-more-advanced-glimmer-vm-features/18114/3

[63] Как создать простое приложение с Svelte : https://dev.to/phongduong/how-to-create-a-simple-application-with-svelte-gka

[64] Microsoft прекратит поддержку Internet Explorer 11 и старой версии Edge в 2021 году: https://itc.ua/news/microsoft-prekratit-podderzhku-internet-explorer-11-i-staroj-versii-edge-v-2021-godu/

[65] Для Chrome развивается API для прямых TCP и UDP коммуникаций: https://www.opennet.ru/opennews/art.shtml?num=53582

[66] В Chrome 86 появится защита от небезопасной отправки web-форм: https://www.opennet.ru/opennews/art.shtml?num=53561

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

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

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

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