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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] Подкаст «CSSSR»: Github купил npm, remote-конференции, CSS и Houdini, магия calc(), Java SE 14, токсичный Angular : https://soundcloud.com/csssr/github-kupil-npm-remote-konferentsii-css-i-houdini-magiya-calc-java-se-14-toksichnyy-angular

[8] UnderJS Podcast #17 — Беседы с Михаилом Башуровым про типы и HolyJS: https://underjs.ru/podcast/2020/03/17/holyjs.html

[9] Подкаст «Веб-стандарты» №221: Отмена событий, Firefox и KaiOS, ненужный CSS, вьюпорт, размеры картинок, цвета, Vue.js: https://medium.com/web-standards/episode-221-f1e1bf37b0b2

[10] Подкаст «Frontend Weekend» #103 – Алексей Золотых о переезде из Челябинска, ценности работы в ПК HolyJS и множества выступлений: https://soundcloud.com/frontend-weekend/fw-103

[11] Подкаст «Сделайте мне красиво», Выпуск №36 — Коронавирус, джуниоры лучше сеньоров и недоступная доступность : https://soundcloud.com/begebot/ep36

[12] Подкаст «pro​Conf» #54 AngularConnect — ProConf на карантине | Angular 9 | Ivy | Нейронки наступают | Как делать ревью: https://soundcloud.com/proconf/54-angularconnect-proconf-na-karantine-angular-9-ivy-neyronki-nastupayut-kak-delat-revyu

[13] «Не закрывайте теги!»: https://css-live.ru/verstka/do-not-close-tags.html

[14] Неразбериха с заголовками: когда они терпят неудачу во WCAG?: https://developer.paciellogroup.com/blog/2020/03/heading-off-confusion-when-do-headings-fail-wcag/

[15] Что означает «playsinline» в веб-видео? : https://css-tricks.com/what-does-playsinline-mean-in-web-video/

[16] Быстрая интеграция фронтенда через компоненты : https://blog.bitsrc.io/quick-front-end-integrations-through-components-739625e7069d

[17] Оптимизация совместной работы между фронтенд разработчиками : https://blog.bitsrc.io/optimizing-collaboration-between-distributed-front-end-teams-82ba14ce21f9

[18] Просто о Чистом коде и качестве кода (Code Quality & Clean Code): https://www.youtube.com/watch?v=XT6XkIJIVbA

[19] Micrоsoft покупает NPM и будет развивать его вместе с GitHub: https://www.opennet.ru/opennews/art.shtml?num=52554

[20] Инструменты для оптимизации SVG : https://css-tricks.com/tools-for-optimizing-svg/

[21] Prettier 2.0 “2020”: https://prettier.io/blog/2020/03/21/2.0.0.html

[22] Поддержка производительности. Или… Как я сократил загрузку страницы на ~33с, исправив шрифты: https://daverupert.com/2020/03/maintaining-performance/

[23] DevTools Performance Tab – использование Chrome Profiler для оптимизации скорости вашей страницы: https://www.machmetrics.com/speed-blog/devtools-performance-tab-chromes-profiler-optimize-page-speed/

[24] Играем с частицами с помощью Web Animations API : https://css-tricks.com/playing-with-particles-using-the-web-animations-api/

[25] Создайте эффект движения волны на изображении с Three.js : https://tympanus.net/codrops/2020/03/17/create-a-wave-motion-effect-on-an-image-with-three-js/

[26] Идеи для эффектов искаженная ссылок в меню : https://tympanus.net/codrops/2020/03/18/ideas-for-distorted-link-effects-on-menus/

[27] Как создать аккордионовый эффект наведения с помощью box-shadows : https://fossheim.io/writing/posts/css-box-shadow-animation/

[28] CSS: приключения в стране полупрозрачности: https://habr.com/ru/company/ruvds/blog/492512/

[29] CSS разработчики — почему они нужны миру?: https://habr.com/ru/post/492822/

[30] CSS Grid: Верстаем адаптивный журнальный макет в 20 строк: https://habr.com/ru/company/ruvds/blog/492760/

[31] Туториал. Простая анимация на чистом CSS: https://htmlacademy.ru/blog/boost/frontend/pure-css-tree

[32] Когда 255 × 0 не равно нулю: https://css-live.ru/css/kogda-255-x-0-ne-ravno-nulyu.html

[33] Комбинации в CSS: background-color и linear-gradient: 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-background-color-%D0%B8-linear-gradient-6ab5df5a1906

[34] ‘CSS X’: https://www.w3.org/blog/2020/03/css-x/

[35] Полное руководство по calc() в CSS : https://css-tricks.com/a-complete-guide-to-calc-in-css/

[36] Неоморфизм и CSS : https://css-tricks.com/neumorphism-and-css/

[37] Размещение текста по траектории с помощью CSS : https://css-irl.info/positioning-text-along-a-path-with-css/

[38] Практический обзор CSS Houdini : https://www.smashingmagazine.com/2020/03/practical-overview-css-houdini/?ref=heydesigner

[39] Все о Auto в CSS : https://ishadeed.com/article/auto-css/

[40] CSS: гибкие повторяющиеся SVG маски : https://tylergaw.com/articles/css-repeating-svg-masks/

[41] Почему JavaScript пожирает HTML: примеры кода: https://habr.com/ru/company/ruvds/blog/492754/

[42] Знакомимся с NestJS: https://habr.com/ru/company/otus/blog/493090/

[43] Внедри это полностью. DI-in-JS: https://habr.com/ru/post/492150/

[44] В Google ответили на вопросы о SEO для JavaScript: https://www.searchengines.ru/js-seo-google.html

[45] Монорепозитории в JavaScript, анти-паттерн: https://medium.com/@PepsRyuu/monorepos-in-javascript-anti-pattern-917603da59c8

[46] Для циклов в Javascript один цикл, чтобы управлять ими всеми : https://www.jonathancreamer.com/for-of-loops-in-javascript-one-loop-to-rule-them-all/

[47] Полезные советы по использованию console.log() : https://dmitripavlutin.com/console-log-tips/

[48] Angular vs React vs Vue [2020 Update]: https://www.youtube.com/watch?v=lYWYWyX04JI

[49] Понимаем компоненты высшего порядка в React на реальном примере: https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%BD%D0%B8%D0%BC%D0%B0%D0%B5%D0%BC-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B-%D0%B2%D1%8B%D1%81%D1%88%D0%B5%D0%B3%D0%BE-%D0%BF%D0%BE%D1%80%D1%8F%D0%B4%D0%BA%D0%B0-%D0%B2-react-%D0%BD%D0%B0-%D1%80%D0%B5%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%BC-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%B5-12089f7e2ee6

[50] React Suspense на практике: https://css-tricks.com/react-suspense-in-practice/

[51] Создание таблиц c сортировкой с помощью React : https://www.smashingmagazine.com/2020/03/sortable-tables-react/

[52] Реализация бесконечной прокрутки и отложенной загрузки изображений в React : https://www.smashingmagazine.com/2020/03/infinite-scroll-lazy-image-loading-react/

[53] Создатель Vue.js об истории создания фреймворка: https://www.youtube.com/watch?v=F8n0GhPrmnk

[54] Правильный способ заставить Vue перендерить компонент: https://arutyunov.me/blog/vue/pravilnyj-sposob-zastavit-vue-perenderit-komponent/

[55] Глубокое погружение в управление состоянием Vue : https://vueschool.io/articles/vuejs-tutorials/deep-dive-into-vue-state-management/

[56] Как протестировать свои Vue компоненты с помощью Jest : https://alligator.io/vuejs/vue-testing/

[57] В качестве фреймворка для WikiMedia выбран Vue.js : https://phabricator.wikimedia.org/T241180

[58] Vue.js Amsterdam 2020: https://www.youtube.com/playlist?list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn

[59] Как ускорить время сборки Angular с помощью кэширования : https://medium.com/vendasta/how-to-speed-up-angular-build-times-with-caching-5856d369de88

[60] Angular: храним его жирным, тупым и счастливым : https://indepth.dev/angular-fat-dumb-and-happy/

[61] Ленивая загрузка Angular компонентов в не-Angular приложениях : https://dev.to/brunob15/lazy-loading-angular-components-into-non-angular-applications-43k

[62] The Ember Times — Issue No. 140: https://dev.to/embertimes/the-ember-times-issue-no-140-8kf

[63] EmberConf 2020 Notes: краткий обзор основных моментов выступлений на EmberConf 2020: https://alexdiliberto.com/posts/emberconf-2020-notes/

[64] Руководство по тестированию Ember: https://selleo.com/ebook/ember

[65] Рефакторинг шаблонов Ember — быстрый совет: https://abhilashlr.in/ember-refactor-templates

[66] EmberConf 2020: https://www.youtube.com/playlist?list=PL4eq2DPpyBbkC03mdzlyej6tcbEqrZK8N

[67] Композиция в Svelte 3: слоты: https://dev.to/9zemian5/composition-in-svelte-3-slots-82d

[68] Использование use в Svelte : https://dev.to/ism/the-use-for-use-in-svelte-g98

[69] Движок/алгоритм для шахмат, созданный только с использованием vanilla JS, CSS, HTML.: https://github.com/VanillaJSChess/VanillaJSChess.github.io

[70] heapify — Очень быстрая очередь приоритетов JavaScript, реализованная с использованием двоичной кучи: https://github.com/luciopaiva/heapify

[71] Введение в AntV, технологию в визуализацию данных : https://observablehq.com/@jiazhewang/introduction-to-antv

[72] mutik: крошечная (495B) библиотка для управления иммутабельностью на базе Immer: https://github.com/jaredpalmer/mutik

[73] SameSite=Lax по умолчанию — уже в Chrome 80 stable (правда, пока не у всех): https://habr.com/ru/post/492830/

[74] Разработчик оценил сложность современных браузеров: https://habr.com/ru/company/dcmiran/blog/493018/

[75] Firefox отказывается от поддержки протокола FTP: https://xakep.ru/2020/03/19/mozilla-ftp/

[76] Выпуск Chrome 81 отложен из-за перехода сотрудников Google к работе на дому: https://www.opennet.ru/opennews/art.shtml?num=52567

[77] Новые релизы Chrome задерживаются из-за коронавируса: https://xakep.ru/2020/03/20/chrome-delay/

[78] WordPress и Apache Struts среди web-платформ лидируют по числу уязвимостей с эксплоитами: https://www.opennet.ru/opennews/art.shtml?num=52562

[79] Проект OpenSilver развивает открытую реализацию Silverlight: https://www.opennet.ru/opennews/art.shtml?num=52553

[80] Корпоративный мессенджер Slack получил самый большой редизайн с момента своего запуска: https://itc.ua/news/korporativnyj-messendzher-slack-poluchil-samyj-bolshoj-redizajn-s-momenta-svoego-zapuska/

[81] Что не так в инструкциях по удаленной работе: вы забыли, что дома есть дети: https://vc.ru/office/113935-chto-ne-tak-v-instrukciyah-po-udalennoy-rabote-vy-zabyli-chto-doma-est-deti

[82] Робохроники ИИ: алгоритмы как спасение от коронавируса, обучающие искусственный интеллект заключенные и чип-«нюхач»: https://vc.ru/ml/113801-robohroniki-ii-algoritmy-kak-spasenie-ot-koronavirusa-obuchayushchie-iskusstvennyy-intellekt-zaklyuchennye-i-chip-nyuhach

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

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

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

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

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