- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | JavaScript [4] | Браузеры [5]
• Подкаст CSSSR: Новости 512 — JS tooling, Vue 3, новый гайд по созданию собственного React и CSSDB [6]
• UnderJS Podcast #9 — Разговор с Виталием Брагилевским про Haskell для студента? [Ламповый] [7]
• Подкаст «Фронтенд Юность (18+)» #116 Как стать фронтендером и сохранить лицо [8]
• FrontSpot #15: Идеальный командный игрок и карьера в IT. Интервью с главой Центра JS Компетенции. [9]
• Тестирование фронтенда [10]
• Знакомьтесь, <details> [11]
• Rust для веб-разработчика — быстрый старт и стремительный полет [12]
• Первое знакомство с AssemblyScript [13]
• Самое интересное с форума по веб-разработке Chrome Web Dev Summit 2019 [14]
• Создание эффекта искаженной маски на изображении с помощью Babylon.js и GLSL [15]
• Релиз Bootstrap 4.4.1 [16]
• Введение в веб-API Picture-in-Picture [17]
• Я делаю ставку на SPA [18]
• Как вы избавляетесь от неиспользуемого CSS-кода? Часть 1 [26], Часть 2 [27]
• Полезные советы по CSS [28]
• Как перекрывать изображения в CSS [29]
• Cлишком занят JSом, чтобы заботиться о CSS? Вот свежие функции, о которых вы хотите знать [30]
• Использование пользовательских свойств CSS для уменьшения размера вашего CSS [31]
• Архитектура CSS для современных приложений JavaScript [32]
• Упрощенная отзывчивая типографика [33]
• Мыслительный процесс, стоящий за макетом на Flexbox [34]
• Мощь (и веселье) с областью видимости в пользовательских свойствах CSS [35]
• Использование пользовательских свойств CSS для уменьшения размера вашего CSS [36]
• Имена классов CSS, рассказывающие истории [37]
• Воспроизведение звуков с помощью CSS [38]
• Axios или Fetch: чем пользоваться в 2019 году? [39]
• JavaScript не нужно ничем заменять — другие языки тоже столкнутся с теми же проблемами [40]
• Анонс 2019 State of JavaScript Survey [41]
• Физическое моделирование с помощью JavaScript на холсте HTML5 [42]
• Я никогда не вернусь к JavaScript. [43] Как я отношусь к веб-разработке после изучения TypeScript
• В Firefox включена по умолчанию блокировка скрытых методов идентификации пользователя [77]
• Разработчики из Mozilla добавили опцию для управления доступом к about:config [78]
• 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
Нажмите здесь для печати.