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

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

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

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

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

Медиа

podcast Подкаст «Веб-стандарты» 198. Sass жив, компоненты без JS, новый сброс стилей, странный CSS [6]
podcast Подкаст «Frontend Weekend» #98 – Татьяна Смирнова о том, зачем становиться деврелом и как убедить разработчиков выступать [7]
podcast «Девшахта-подкаст» #99: Настя Катаева о том, чем занимается DevRel в СКБ Контур [8]
podcast Подкаст «Пятиминутка React»: Reatom vs MobX [9]
podcast Подкаст «Сделайте мне красиво!»: Выпуск №28 — Снова о монорепозитории, локфайлы и HTTP/3 [10]
video Repozitorro #31 — Код ревью — это не больно [11]
video WSD в Екатеринбурге, 2019. Запись трансляции [12]
video en Видео с Fronteers 2019 [13]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №385 (14 — 20 октября 2019) - 11 Веб-разработка

habr Кибернетически улучшенные Web-приложения [14]
en Новичок в тестировании фронтенда? Начните с вершины пирамиды! [15]
en Верификация телефонных номеров в вебе с помощью SMS Receiver API [16]
en Воспоминания о прошлой веб-разработке (Christian Heilmann) [17]
en Подборка креативных веб-демо «Awesome Demos Roundup #9» [18]

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

habr Знакомство с Sass модулями [29]
habr Как CSS Grid меняет представление о структурировании контента [30]
Вопросы по CSS [31]
CSSWG одобрила size для краткой записи width и height [32]
en Удивительный мир CSS counters [33]
en Более быстрые макеты с помощью CSS Grid (и Subgrid!) [34]
en Делаем таблицы отзывчивыми с помощью с минимального CSS [35]
en Стилизуйте стиль наведения, фокус и активное состояние по-разному [36]
en Остановка анимации во время изменения размера окна [37]

JavaScript

habr Создание собственных синтаксических конструкций для JavaScript с использованием Babel. Часть 1 [38], Часть 2 [39]
habr Web — javascript authentication, obfuscation и native code. Решение задач с r0от-мi —. Client. Часть 1 [40]
en Developing с Node.js on Windows. Новое руководство в блоге разработчиков Microsoft, посвященное разработке на Node.js в новой версии Windows с WSL 2 [41]
en Как мы потерпели неудачу, а затем преуспели при переходе на TypeScript [42]
en 7 простых, но хитрых вопросов для интервью по JavaScript [43]
en Понимание MVC-сервисов для фронтенда: VanillaJS [44]
en Следует ли нам провести ребрендинг JavaScript? [45]

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

В Firefox появятся новые индикаторы безопасности и интерфейс about:config [67]
Усиление изоляции между сайтами в Chrome [68]
BSI: Firefox — самый безопасный браузер [69]
Apple объяснила, что трафик пользователей Safari не передается китайской компании Tencent [70]
Safari против paywall [71]
en Новый WebSocket Inspector в Firefox [72]
en Улучшение элементов форм в 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