- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | JavaScript [4] | Браузеры [5]
• Подкаст «Веб-стандарты» 198. Sass жив, компоненты без JS, новый сброс стилей, странный CSS [6]
• Подкаст «Frontend Weekend» #98 – Татьяна Смирнова о том, зачем становиться деврелом и как убедить разработчиков выступать [7]
• «Девшахта-подкаст» #99: Настя Катаева о том, чем занимается DevRel в СКБ Контур [8]
• Подкаст «Пятиминутка React»: Reatom vs MobX [9]
• Подкаст «Сделайте мне красиво!»: Выпуск №28 — Снова о монорепозитории, локфайлы и HTTP/3 [10]
• Repozitorro #31 — Код ревью — это не больно [11]
• WSD в Екатеринбурге, 2019. Запись трансляции [12]
• Видео с Fronteers 2019 [13]
• Кибернетически улучшенные Web-приложения [14]
• Новичок в тестировании фронтенда? Начните с вершины пирамиды! [15]
• Верификация телефонных номеров в вебе с помощью SMS Receiver API [16]
• Воспоминания о прошлой веб-разработке (Christian Heilmann) [17]
• Подборка креативных веб-демо «Awesome Demos Roundup #9» [18]
• Знакомство с Sass модулями [29]
• Как CSS Grid меняет представление о структурировании контента [30]
• Вопросы по CSS [31]
• CSSWG одобрила size для краткой записи width и height [32]
• Удивительный мир CSS counters [33]
• Более быстрые макеты с помощью CSS Grid (и Subgrid!) [34]
• Делаем таблицы отзывчивыми с помощью с минимального CSS [35]
• Стилизуйте стиль наведения, фокус и активное состояние по-разному [36]
• Остановка анимации во время изменения размера окна [37]
• Создание собственных синтаксических конструкций для JavaScript с использованием Babel. Часть 1 [38], Часть 2 [39]
• Web — javascript authentication, obfuscation и native code. Решение задач с r0от-мi —. Client. Часть 1 [40]
• Developing с Node.js on Windows. Новое руководство в блоге разработчиков Microsoft, посвященное разработке на Node.js в новой версии Windows с WSL 2 [41]
• Как мы потерпели неудачу, а затем преуспели при переходе на TypeScript [42]
• 7 простых, но хитрых вопросов для интервью по JavaScript [43]
• Понимание MVC-сервисов для фронтенда: VanillaJS [44]
• Следует ли нам провести ребрендинг JavaScript? [45]
• В Firefox появятся новые индикаторы безопасности и интерфейс about:config [67]
• Усиление изоляции между сайтами в Chrome [68]
• BSI: Firefox — самый безопасный браузер [69]
• Apple объяснила, что трафик пользователей Safari не передается китайской компании Tencent [70]
• Safari против paywall [71]
• Новый WebSocket Inspector в Firefox [72]
• Улучшение элементов форм в Microsoft Edge и Chromium [73]
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [74].
Материал подготовили dersmoll [75] и alekskorovin [76].
Автор: alexzfort
Источник [77]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/333896
Ссылки в тексте:
[1] Медиа: #media
[2] Веб-разработка: #development
[3] CSS: #css
[4] JavaScript: #js
[5] Браузеры: #browser
[6] Подкаст «Веб-стандарты» 198. Sass жив, компоненты без JS, новый сброс стилей, странный CSS: https://medium.com/web-standards/episode-198-d63ad177ef7b
[7] Подкаст «Frontend Weekend» #98 – Татьяна Смирнова о том, зачем становиться деврелом и как убедить разработчиков выступать : https://soundcloud.com/frontend-weekend/fw-98
[8] «Девшахта-подкаст» #99: Настя Катаева о том, чем занимается DevRel в СКБ Контур: https://medium.com/devschacht/devschacht-99-fe7d85d20211
[9] Подкаст «Пятиминутка React»: Reatom vs MobX : https://soundcloud.com/5minreact/062-reatom-vs-mobx
[10] Подкаст «Сделайте мне красиво!»: Выпуск №28 — Снова о монорепозитории, локфайлы и HTTP/3: https://soundcloud.com/begebot/ep28
[11] Repozitorro #31 — Код ревью — это не больно: https://www.youtube.com/watch?v=osa9JE79T-I
[12] WSD в Екатеринбурге, 2019. Запись трансляции: https://www.youtube.com/watch?v=DsfnFrwKksA
[13] Видео с Fronteers 2019 : https://vimeo.com/fronteers
[14] Кибернетически улучшенные Web-приложения: https://habr.com/ru/post/471702/
[15] Новичок в тестировании фронтенда? Начните с вершины пирамиды!: https://dev.to/noriste/new-to-front-end-testing-start-from-the-top-of-the-pyramid-36kj
[16] Верификация телефонных номеров в вебе с помощью SMS Receiver API : https://web.dev/sms-receiver-api-announcement
[17] Воспоминания о прошлой веб-разработке (Christian Heilmann): https://christianheilmann.com/2019/10/15/memories-of-web-development-past/
[18] Подборка креативных веб-демо «Awesome Demos Roundup #9»: https://tympanus.net/codrops/2019/10/17/awesome-demos-roundup-9/
[19] Заметки верстальщика: Полезные расширения Google Chrome в 2019 году: https://habr.com/ru/company/wrike/blog/471938/
[20] Псевдоним модуля в Webpack: https://webdevblog.ru/psevdonim-modulya-v-webpack/
[21] Инструменты и классификация в JAMstack : https://css-tricks.com/jamstack-tools-and-the-spectrum-of-classification/
[22] Что нового в DevTools (Chrome 79): https://developers.google.com/web/updates/2019/10/devtools
[23] Метрики производительности для исследования невероятно быстрых веб-приложений: https://habr.com/ru/company/ruvds/blog/470872/
[24] Предварительная загрузка шрифтов: https://habr.com/ru/company/ruvds/blog/470870/
[25] Awesome Webpack Perf — курируемый список webpack инструментов и плагинов, которые помогают делать веб быстрее: https://github.com/iamakulov/awesome-webpack-perf
[26] Инклюзивные компоненты: сворачиваемые секции: https://medium.com/web-standards/collapsibl-sections-c0de689e0ebe
[27] Мифы о Color Contrast Accessibility: https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/
[28] За пределом автоматического тестирования доступности: 6 вещей, которые я проверяю на каждом своем сайте: https://www.matuzo.at/blog/beyond-automatic-accessibility-testing-6-things-i-check-on-every-website-i-build/
[29] Знакомство с Sass модулями: https://habr.com/ru/post/471924/
[30] Как CSS Grid меняет представление о структурировании контента: https://habr.com/ru/post/471396/
[31] Вопросы по CSS: https://medium.com/@frontman/%D0%B2%D0%BE%D0%BF%D1%80%D0%BE%D1%81%D1%8B-%D0%BF%D0%BE-css-c6c26ecfc75f
[32] CSSWG одобрила size для краткой записи width и height: http://tanalin.com/blog/2019/10/css-size-width-height/
[33] Удивительный мир CSS counters: https://www.chenhuijing.com/blog/the-wondrous-world-of-css-counters/
[34] Более быстрые макеты с помощью CSS Grid (и Subgrid!): https://hacks.mozilla.org/2019/10/faster-layouts-with-css-grid-and-subgrid/
[35] Делаем таблицы отзывчивыми с помощью с минимального CSS: https://uglyduck.ca/responsive-tables/
[36] Стилизуйте стиль наведения, фокус и активное состояние по-разному: https://zellwk.com/blog/style-hover-focus-active-states/
[37] Остановка анимации во время изменения размера окна: https://css-tricks.com/stop-animations-during-window-resizing/
[38] Создание собственных синтаксических конструкций для JavaScript с использованием Babel. Часть 1: https://habr.com/ru/company/ruvds/blog/470876/
[39] Часть 2: https://habr.com/ru/company/ruvds/blog/470878/
[40] Web — javascript authentication, obfuscation и native code. Решение задач с r0от-мi —. Client. Часть 1: https://habr.com/ru/post/471662/
[41] Developing с Node.js on Windows. Новое руководство в блоге разработчиков Microsoft, посвященное разработке на Node.js в новой версии Windows с WSL 2: https://docs.microsoft.com/en-us/windows/nodejs/index
[42] Как мы потерпели неудачу, а затем преуспели при переходе на TypeScript : https://heap.io/blog/engineering/migrating-to-typescript
[43] 7 простых, но хитрых вопросов для интервью по JavaScript: https://dmitripavlutin.com/simple-but-tricky-javascript-interview-questions/
[44] Понимание MVC-сервисов для фронтенда: VanillaJS: https://www.carloscaballero.io/understanding-mvc-for-frontend-vanillajs/
[45] Следует ли нам провести ребрендинг JavaScript?: https://kieranpotts.com/rebranding-javascript/
[46] Распространённые заблуждения о наследовании в JavaScript: https://medium.com/devschacht/eric-elliott-common-misconceptions-about-inheritance-in-javascript-f6137fc3a45a
[47] Сказка о трех точках в JavaScript: https://webdevblog.ru/skazka-o-treh-tochkah-v-javascript/
[48] Организация вашего кода JavaScript с помощью функций : https://medium.com/@hohanga/organizing-your-javascript-code-with-functions-c2e0d1b9b776
[49] Комплексное руководство по операторам, выражениям и инструкциям в JavaScript: https://medium.com/better-programming/the-comprehensive-guide-to-operators-expressions-and-statements-in-javascript-8da6289b763e
[50] React 17 что нового? Что ждать в новой версии?: https://www.youtube.com/watch?v=3Zv9Zjcf_OE
[51] Я создал одинаковое приложение на Redux и React. Вот различия.: https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-with-react-and-redux-here-are-the-differences-6d8d5fb98222
[52] Сравнение 8 способов стилизации компонентов в React: https://www.sitepoint.com/react-components-styling-options/
[53] Введение в SVG для React разработчиков : https://able.bio/dbmzzo/intro-to-svg-for-react-developers--56cmmcy
[54] Наблюдение за видимостью элементов в React: https://www.telerik.com/blogs/observing-visibility-in-react
[55] Как я учил React : https://daveceddia.com/how-i-learned-react/
[56] Как стать разработчиком React за 5 месяцев : https://www.freecodecamp.org/news/how-to-become-a-react-developer-in-5-months/
[57] Использование Vuex Store с TypeScript: решение, совместимое с Vue 3 Composition API: https://itnext.io/use-a-vuex-store-with-typing-in-typescript-without-decorators-or-boilerplate-57732d175ff3
[58] Эксперименты с WebGL и Vue: как анимировать субтитры? : https://medium.com/js-dojo/experimenting-with-webgl-and-vue-how-to-animate-subtitles-7857655da69a
[59] Релиз Vue CLI version 4: https://github.com/vuejs/vue-cli/releases/tag/v4.0.0
[60] Модульное тестирование во Vue: ваш первый тест: https://www.vuemastery.com/blog/Unit-Testing-in-Vue-Your-First-Test/
[61] Быстрые веб-приложения с Vue 3: https://vueschool.io/articles/vuejs-tutorials/faster-web-applications-with-vue-3/
[62] Как сделать приложение для Windows на Vue.js и Electron: https://medium.com/dataseries/how-to-make-a-windows-app-with-vue-js-and-electron-53ea2493423c
[63] [Editor's Cut] Live coding: The new Composition API — Vue.js London — Jason Yu: https://www.youtube.com/watch?feature=youtu.be&v=JON6X6Wmteo
[64] Обработка несколько API запросов в Angular, используя mergeMap и forkJoin, чтобы избежать вложенных подписок: https://levelup.gitconnected.com/handle-multiple-api-requests-in-angular-using-mergemap-and-forkjoin-to-avoid-nested-subscriptions-a20fb5040d0c
[65] Обмен данными между компонентами Angular : https://medium.com/@chameeradulanga87/sharing-data-between-angular-components-f76fa680bf76
[66] The Angular Team @ AngularConnect 2019: https://blog.angular.io/the-angular-team-angularconnect-2019-b23be3762ccb
[67] В Firefox появятся новые индикаторы безопасности и интерфейс about:config: https://www.opennet.ru/opennews/art.shtml?num=51693
[68] Усиление изоляции между сайтами в Chrome: https://www.opennet.ru/opennews/art.shtml?num=51702
[69] BSI: Firefox — самый безопасный браузер: https://threatpost.ru/bsi-tests-show-firefox-the-most-secure-browser/34545/
[70] Apple объяснила, что трафик пользователей Safari не передается китайской компании Tencent: https://xakep.ru/2019/10/15/safari-tencent/
[71] Safari против paywall: https://blognot.co/58019
[72] Новый WebSocket Inspector в Firefox : https://hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/
[73] Улучшение элементов форм в Microsoft Edge и Chromium : https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/
[74] Дайджест за прошлую неделю: https://habr.com/ru/post/471346/
[75] dersmoll: http://habrahabr.ru/users/dersmoll/
[76] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[77] Источник: https://habr.com/ru/post/472298/?utm_source=habrahabr&utm_medium=rss&utm_campaign=472298
Нажмите здесь для печати.