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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №391 (25 ноября — 1 декабря 2019)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №391 (25 ноября — 1 декабря 2019) - 1

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

Медиа

podcast Подкаст CSSSR: Новости 512 — JS tooling, Vue 3, новый гайд по созданию собственного React и CSSDB [6]
podcast UnderJS Podcast #9 — Разговор с Виталием Брагилевским про Haskell для студента? [Ламповый] [7]
podcast Подкаст «Фронтенд Юность (18+)» #116 Как стать фронтендером и сохранить лицо [8]
video FrontSpot #15: Идеальный командный игрок и карьера в IT. Интервью с главой Центра JS Компетенции. [9]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №391 (25 ноября — 1 декабря 2019) - 6 Веб-разработка

habr Тестирование фронтенда [10]
habr Знакомьтесь, <details> [11]
habr Rust для веб-разработчика — быстрый старт и стремительный полет [12]
habr Первое знакомство с AssemblyScript [13]
habr Самое интересное с форума по веб-разработке Chrome Web Dev Summit 2019 [14]
en Создание эффекта искаженной маски на изображении с помощью Babylon.js и GLSL [15]
en Релиз Bootstrap 4.4.1 [16]
en Введение в веб-API Picture-in-Picture [17]
en Я делаю ставку на SPA [18]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №391 (25 ноября — 1 декабря 2019) - 23 CSS

habr Как вы избавляетесь от неиспользуемого CSS-кода? Часть 1 [26], Часть 2 [27]
Полезные советы по CSS [28]
en Как перекрывать изображения в CSS [29]
en Cлишком занят JSом, чтобы заботиться о CSS? Вот свежие функции, о которых вы хотите знать [30]
en Использование пользовательских свойств CSS для уменьшения размера вашего CSS [31]
en Архитектура CSS для современных приложений JavaScript [32]
en Упрощенная отзывчивая типографика [33]
en Мыслительный процесс, стоящий за макетом на Flexbox [34]
en Мощь (и веселье) с областью видимости в пользовательских свойствах CSS [35]
en Использование пользовательских свойств CSS для уменьшения размера вашего CSS [36]
en Имена классов CSS, рассказывающие истории [37]
en Воспроизведение звуков с помощью CSS [38]

JavaScript

habr Axios или Fetch: чем пользоваться в 2019 году? [39]
habr JavaScript не нужно ничем заменять — другие языки тоже столкнутся с теми же проблемами [40]
en Анонс 2019 State of JavaScript Survey [41]
en Физическое моделирование с помощью JavaScript на холсте HTML5 [42]
en Я никогда не вернусь к JavaScript. [43] Как я отношусь к веб-разработке после изучения TypeScript

Дайджест свежих материалов из мира фронтенда за последнюю неделю №391 (25 ноября — 1 декабря 2019) - 74 Браузеры

В Firefox включена по умолчанию блокировка скрытых методов идентификации пользователя [77]
Разработчики из Mozilla добавили опцию для управления доступом к about:config [78]
en Flow — быстрый многопоточный HTML5 браузер от Ekioh с новым движком рендеринга [79]

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

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

Автор: alexzfort

Источник [83]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст CSSSR: Новости 512 — JS tooling, Vue 3, новый гайд по созданию собственного React и CSSDB: https://soundcloud.com/csssr/novosti-512-js-tooling-vue-3-novyy-gayd-po-sozdaniyu-sobstvennogo-react-i-cssdb

[7] UnderJS Podcast #9 — Разговор с Виталием Брагилевским про Haskell для студента? [Ламповый]: https://soundcloud.com/underjs/9-razgovor-s-vitaliem-bragilevskim-pro-haskell-dlya-studenta-lampovyy

[8] Подкаст «Фронтенд Юность (18+)» #116 Как стать фронтендером и сохранить лицо : https://soundcloud.com/frontend_u/e116

[9] FrontSpot #15: Идеальный командный игрок и карьера в IT. Интервью с главой Центра JS Компетенции. : https://www.youtube.com/watch?v=HWYXBB-5GzQ

[10] Тестирование фронтенда: https://habr.com/ru/company/ruvds/blog/477278/

[11] Знакомьтесь, <details>: https://habr.com/ru/post/477520/

[12] Rust для веб-разработчика — быстрый старт и стремительный полет: https://habr.com/ru/company/bitrix/blog/477342/

[13] Первое знакомство с AssemblyScript: https://habr.com/ru/company/ruvds/blog/477272/

[14] Самое интересное с форума по веб-разработке Chrome Web Dev Summit 2019: https://habr.com/ru/post/477800/

[15] Создание эффекта искаженной маски на изображении с помощью Babylon.js и GLSL: https://tympanus.net/codrops/2019/11/26/creating-a-distorted-mask-effect-on-an-image-with-babylon-js-and-glsl/

[16] Релиз Bootstrap 4.4.1 : https://blog.getbootstrap.com/2019/11/28/bootstrap-4-4-1/

[17] Введение в веб-API Picture-in-Picture: https://css-tricks.com/an-introduction-to-the-picture-in-picture-web-api/

[18] Я делаю ставку на SPA : https://www.mediasuite.co.nz/blog/im-betting-on-spas/

[19] WebStorm 2019.3: ускоренный запуск, усовершенствованная поддержка Vue.js и другие улучшения: https://habr.com/ru/company/JetBrains/blog/477078/

[20] Новый релиз Lighthouse CI, который позволяет автоматизировать проверку веб-производительности и лучше лучших практик при каждом коммите: https://github.com/GoogleChrome/lighthouse-ci

[21] Как я преодолел свой страх перед webpack : https://medium.com/better-programming/how-i-got-over-my-fear-of-webpack-2f66218bb18b

[22] Архитектура микро-интерфейса: динамический импорт фрагментов из другого пакета Webpack во время выполнения. Чередующиеся приложения: https://itnext.io/micro-frontend-architecture-dynamic-import-chunks-from-another-webpack-bundle-at-runtime-1132d8cb6051

[23] WhoCanUse — инструмент, который дает понимание того, как цветовой контраст может влиять на людей с нарушениями зрения.: https://whocanuse.com/

[24] Чеклист, чтобы избежать наиболее распространенных ошибок доступности : https://www.brucelawson.co.uk/2019/checklist-to-avoid-the-most-common-accessibility-errors/

[25] Аудит проблем доступности с помощью Firefox Developer Tools: https://marcozehe.de/2019/11/29/auditing-for-accessibility-problems-with-firefox-developer-tools/

[26] Часть 1: https://habr.com/ru/company/ruvds/blog/477274/

[27] Часть 2: https://habr.com/ru/company/ruvds/blog/477276/

[28] Полезные советы по CSS : https://dailycoding.io/article/hPegDo0xJiujXZ01K8Du

[29] Как перекрывать изображения в CSS : https://bricampgomez.com/blog/how-to-overlap-images-in-css/

[30] Cлишком занят JSом, чтобы заботиться о CSS? Вот свежие функции, о которых вы хотите знать: https://pawelgrzybek.com/does-javascript-keep-you-too-busy-to-care-about-css-here-are-recent-features-you-want-to-know-about/

[31] Использование пользовательских свойств CSS для уменьшения размера вашего CSS : https://codyhouse.co/blog/post/using-css-custom-properties-to-reduce-the-size-of-your-css

[32] Архитектура CSS для современных приложений JavaScript : https://www.madebymike.com.au/writing/css-architecture-for-modern-web-applications/?no-cache=1

[33] Упрощенная отзывчивая типографика : https://css-tricks.com/simplified-fluid-typography/

[34] Мыслительный процесс, стоящий за макетом на Flexbox : https://css-tricks.com/the-thought-process-behind-a-flexbox-layout/

[35] Мощь (и веселье) с областью видимости в пользовательских свойствах CSS : https://css-tricks.com/the-power-and-fun-of-scope-with-css-custom-properties/

[36] Использование пользовательских свойств CSS для уменьшения размера вашего CSS : https://codyhouse.co/blog/post/using-css-custom-properties-to-reduce-the-size-of-your-css?ref=heydesigner

[37] Имена классов CSS, рассказывающие истории: https://medium.com/@elad/storytelling-css-class-names-887a78798f07

[38] Воспроизведение звуков с помощью CSS : https://css-tricks.com/playing-sounds-with-css/

[39] Axios или Fetch: чем пользоваться в 2019 году?: https://habr.com/ru/company/ruvds/blog/477286/

[40] JavaScript не нужно ничем заменять — другие языки тоже столкнутся с теми же проблемами: https://habr.com/ru/post/477694/

[41] Анонс 2019 State of JavaScript Survey: https://dev.to/sachagreif/announcing-the-2019-state-of-javascript-survey-1c86

[42] Физическое моделирование с помощью JavaScript на холсте HTML5 : https://medium.com/@cosinekitty/physical-simulation-with-javascript-in-the-html5-canvas-27dc6ea121cf

[43] Я никогда не вернусь к JavaScript.: https://medium.com/javascript-in-plain-english/ill-never-go-back-to-javascript-16370dc264a0

[44] Зачем в JavaScript нужен строгий режим?: https://habr.com/ru/company/ruvds/blog/477284/

[45] Пример реализация Композиции в JavaScript: https://webdevblog.ru/primer-realizaciya-kompozicii-v-javascript/

[46] Пособие по методам Apply и Call в JavaScript: https://alligator.io/js/apply-and-call/

[47] Задержка, сон, пауза и ожидание в JavaScript: https://www.sitepoint.com/delay-sleep-pause-wait/

[48] ES7-ES9 Features #0 Introduction: https://www.youtube.com/watch?v=ZjR-oBsuQcs

[49] ES7-ES9 Features #1 Object methods: https://www.youtube.com/watch?v=zXaXzC5U_8c

[50] Промисы с нуля в пост-апокалиптическом будущем: https://www.youtube.com/watch?v=4GpwM8FmVgQ

[51] Как быстро начать разработку на ReactJS: 3 надежных инструмента и лучшие практики : https://www.codica.com/blog/how-to-start-reactjs-development-fast-3-solid-tools-and-best-practices/

[52] Тестирование React Hooks с помощью Enzyme и React Testing Library : https://css-tricks.com/testing-react-hooks-with-enzyme-and-react-testing-library/

[53] 15 советов по производительности, которые нужно знать при создании приложения React.js : https://dev.to/duomly/15-performance-tips-which-you-need-to-know-when-building-react-js-application-2noj

[54] Преимущества ортогональных компонентов React : https://dmitripavlutin.com/orthogonal-react-components/

[55] Redux Style Guide: https://redux.js.org/style-guide/style-guide

[56] 26 советов для Vue, которые сэкономят ваше время: https://arutyunov.me/blog/vue/26-sovetov-dlya-vue-razrabotchikov/

[57] Использование Vue.Observable в качестве State Store: https://webdevblog.ru/ispolzovanie-vue-observable-v-kachestve-state-store/

[58] Доменная архитектура Vue.js : https://medium.com/bauer-kirch/a-domain-driven-vue-js-architecture-77771c20f0da

[59] Как загружать сторонние скрипты в Nuxt.js : https://vueschool.io/articles/vuejs-tutorials/how-to-load-third-party-scripts-in-nuxt-js/

[60] Как работают компоненты Vue (и как они упрощают веб-разработку) : https://snipcart.com/blog/vue-component-example-tutorial

[61] Vuetensils 0.4: потрясающие компоненты и полезные директивы : https://stegosource.com/vuetensils-0-4-awesome-components-helpful-directives/

[62] Как создать адаптивный макет с помощью Vue Slots : https://medium.com/dataseries/how-to-create-responsive-layout-with-vue-slots-8ed26edd3201

[63] Анимация Vue с помощью GreenSock : https://blog.logrocket.com/animating-vue-with-greensock/

[64] Подкаст «Full Stack Radio» №129: Evan You — What's Coming in Vue.js 3.0: http://www.fullstackradio.com/129

[65] Angular vs. React: рендеринг массива : https://medium.com/better-programming/angular-vs-react-rendering-an-array-eb2a0c9e6bd9

[66] 6 шагов к Angular-based Microfrontend Shell: https://www.softwarearchitekt.at/aktuelles/6-steps-to-your-angular-based-microfrontend-shell/

[67] Повысьте производительность SPA, разбив ваши библиотеки Angular на несколько частей : https://medium.com/angular-in-depth/improve-spa-performance-by-splitting-your-angular-libraries-in-multiple-chunks-8c68103692d0

[68] Очистка CSS в Ember (PostCSS + Purgecss) : https://www.balinterdi.com/blog/purging-css-in-ember-postcss-purgecss/

[69] EmberJS Chennai Meetup — November 9th 2019: https://www.youtube.com/playlist?list=PLh_rF0Qob_szvcCJsf17dkmZ5gSkiM8RX

[70] Meetup: Ember London: https://www.youtube.com/playlist?list=PL4eq2DPpyBbmvEzhyW9fhMzlctxwrn8JM

[71] Ember.js Nizhny Novgorod #1: https://www.youtube.com/playlist?list=PLHmOYA1JrOhON-uosmutHoVCPAecQ5FpC

[72] Quiet.js: библиотека для приёма и передачи данных ультразвуком: https://habr.com/ru/company/globalsign/blog/477990/

[73] fix-es-imports — Исправляет пути импорта ES — от Node-стиля до явных имен файлов: https://github.com/billinghamj/fix-es-imports

[74] Jstates — небольшая JS-библиотека состояний: https://itnext.io/a-simple-small-javascript-state-library-called-jstates-%EF%B8%8F-c4c366a6ea1a

[75] Flowy — небольшая библиотека на JavaScript для создания блок-схем : https://github.com/alyssaxuu/flowy?ref=heydesigner

[76] Creepyface — js-библиотека, которая заставляет ваше лицо смотреть в направлении указателя мыши: https://creepyface.io/

[77] В Firefox включена по умолчанию блокировка скрытых методов идентификации пользователя: https://www.opennet.ru/opennews/art.shtml?num=51927

[78] Разработчики из Mozilla добавили опцию для управления доступом к about:config: https://www.opennet.ru/opennews/art.shtml?num=51925

[79] Flow — быстрый многопоточный HTML5 браузер от Ekioh с новым движком рендеринга : https://www.ekioh.com/flow-browser/

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

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

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

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