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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №374 (29 июля — 4 августа 2019)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №374 (29 июля — 4 августа 2019) - 1

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №374 (29 июля — 4 августа 2019) - 2 Медиа

• podcast Подкаст «Пятиминутка React» [6]: TechTrain, Ричард Столлман и Свободное программное обеспечение
• podcast Подкаст «devschacht» [7] #88: На краю земли. Как предыдущий опыт помогает в работе.
• podcast Подкаст «Фронтенд Юность (18+)» [8] #101 Как купить деревню по дороге за пивасом
• podcast UnderJS Podcast [9]: #1 — Пилотный — Настоящий Underground
• video «Repozitorro» #23 [10]: Псс парень, немного Vue.js не хочешь?
• video «Pro Conf» #24 [11] PerfMatters: Web Performance Conference 2019
• video en "#PerfMatters Conference 2019" [12]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №374 (29 июля — 4 августа 2019) - 11 Веб-разработка

• Быстрый старт с WebComponents [13]
• habr SVG в реальной жизни. Доклад Яндекса [14]
• habr Руководство по разработке, основанной на компонентах [15]
• en Frontend Design, React и мост через великий раздел [16]
• en Упс, кажется, мы стали разработчиками полного стека [17]
• en Фронтенд в Южной Корее [18]. Тема на reddit, где местные фронтендеры делятся своей болью
• en Создание реалистичного эффекта стекла с помощью SVG [19]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №374 (29 июля — 4 августа 2019) - 24 CSS

• en Изучение свойств CSS-анимации с помощью волшебного котенка [26]
• en Использование пользовательских атрибутов CSS, сгенерированных JavaScript, в качестве механизма передачи [27]
• en 7 главных трендов CSS за 2019 год [28]
• en Новые возможности CSS в Firefox 68 [29]
• en Какая специфичность правил @rules, таких как @keyframes и @media? [30]
• en Flexbox и padding-и [31]
• en Лучшие практики организации тем в CSS [32]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №374 (29 июля — 4 августа 2019) - 32 JavaScript

• habr Введение в Screen Capture API — Сканируем QR коды в браузере [33]
• habr Асинхронное программирование в JavaScript (Callback, Promise, RxJs ) [34]
• habr Опыт перевода большого проекта с Flow на TypeScript [35]
• Использование искусственного интеллекта в браузере с TensorFlow.js [36]
• Практические советы по улучшению кода на JavaScript [37]
• en Шпаргалка для перехода от jQuery к ванильному JavaScript [38]
• en Написание простого MVC приложения на простом JavaScript [39]
• en Как не быть отстойным в JavaScript [40]
• en Svelte: первые впечатления [41]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №374 (29 июля — 4 августа 2019) - 63 Браузеры

• habr Настройка Firefox в Linux [65]
• В Firefox будет проведён эксперимент, связанный с DNS-over-HTTPS [66]
• Релиз Chrome 76 [67]
• Релиз веб-браузера Midori 9 [68]
• Microsoft анонсировала отключение VBScript в Internet Explorer 11 [69]
• en Что нового в DevTools (Chrome 77) [70]
• en Новые возможности CSS в Firefox 68 [29]

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

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

Автор: alexzfort

Источник [74]

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] Подкаст «Пятиминутка React»: https://soundcloud.com/5minreact/057-techtrain-richard-stallman-free-software

[7] Подкаст «devschacht»: https://soundcloud.com/devschacht/devschacht-88

[8] Подкаст «Фронтенд Юность (18+)»: https://soundcloud.com/frontend_u/e101

[9] UnderJS Podcast: https://underjs.ru/podcast/2019/08/03/pilot-nastoyashiy-underground.html

[10] «Repozitorro» #23: https://www.youtube.com/watch?v=q4a9hhh6rzc

[11] «Pro Conf» #24: https://www.youtube.com/watch?v=U13VUb60eD0

[12] "#PerfMatters Conference 2019": https://www.youtube.com/playlist?list=PLSmH2HL6l9pw47J-xWZSIH7HpEgqlGiXD

[13] Быстрый старт с WebComponents: https://medium.com/webbdev/web-1370a1426072

[14] SVG в реальной жизни. Доклад Яндекса: https://habr.com/en/company/yandex/blog/461571/

[15] Руководство по разработке, основанной на компонентах: https://habr.com/ru/company/ruvds/blog/461661/

[16] Frontend Design, React и мост через великий раздел: http://bradfrost.com/blog/post/frontend-design-react-and-a-bridge-over-the-great-divide/

[17] Упс, кажется, мы стали разработчиками полного стека: https://full-stack.netlify.com/

[18] Фронтенд в Южной Корее: https://www.reddit.com/r/Frontend/comments/cldm4k/frontend_in_south_korea/

[19] Создание реалистичного эффекта стекла с помощью SVG: https://css-tricks.com/making-a-realistic-glass-effect-with-svg/

[20] Особенности Google PageSpeed: улучшение оценки сайта и его рейтинга в поиске: https://habr.com/en/company/ruvds/blog/462005/

[21] Я использовал интернет целый день с бюджетом в 50Мб: https://www.smashingmagazine.com/2019/07/web-on-50mb-budget/

[22] Делаем Instagram.com быстрее: часть 1: https://instagram-engineering.com/making-instagram-com-faster-part-1-62cc0c327538

[23] Стратегии доступности для вашей контент-команды: https://www.deque.com/blog/accessibility-strategies-for-your-content-team/

[24] Правда о цифровой доступности: https://ericwbailey.design/writing/truths-about-digital-accessibility.html?ref=heydesigner

[25] Создание кастомных радиокнопок, доступных с клавиатуры: https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accessible-radio-buttons

[26] Изучение свойств CSS-анимации с помощью волшебного котенка: https://www.chenhuijing.com/blog/figuring-out-css-animation-with-magic-kittencorn/#%F0%9F%92%BB

[27] Использование пользовательских атрибутов CSS, сгенерированных JavaScript, в качестве механизма передачи: https://medium.com/@codepo8/using-css-custom-attributes-generated-by-javascript-as-a-handover-mechanism-d3ea09dab4db

[28] 7 главных трендов CSS за 2019 год: https://1stwebdesigner.com/7-top-css-trends-for-2019/

[29] Новые возможности CSS в Firefox 68: https://hacks.mozilla.org/2019/07/new-css-features-in-firefox-68/

[30] Какая специфичность правил @rules, таких как @keyframes и @media?: https://css-tricks.com/how-much-specificity-do-rules-have-like-keyframes-and-media/

[31] Flexbox и padding-и: https://www.chenhuijing.com/blog/flexbox-and-padding/

[32] Лучшие практики организации тем в CSS: https://medium.com/welldone-software/css-theme-organization-best-practices-a8e375d92c7c

[33] Введение в Screen Capture API — Сканируем QR коды в браузере: https://habr.com/en/post/460825/

[34] Асинхронное программирование в JavaScript (Callback, Promise, RxJs ): https://habr.com/ru/post/462355/

[35] Опыт перевода большого проекта с Flow на TypeScript: https://habr.com/ru/company/directum/blog/462055/

[36] Использование искусственного интеллекта в браузере с TensorFlow.js: https://medium.com/maria-machine/ryan-marchildon-jan-scholz-bringing-artificial-intelligence-to-the-browser-with-tensorflowjs-b349e2d52624

[37] Практические советы по улучшению кода на JavaScript: https://webdevblog.ru/prakticheskie-sovety-po-uluchsheniju-koda-na-javascript/

[38] Шпаргалка для перехода от jQuery к ванильному JavaScript: https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/

[39] Написание простого MVC приложения на простом JavaScript: https://www.taniarascia.com/javascript-mvc-todo-app/

[40] Как не быть отстойным в JavaScript: https://medium.com/better-programming/js-reliable-fdea261012ee

[41] Svelte: первые впечатления: https://www.erikostrom.com/code/words/svelte-first-impressions/

[42] Что ты такое, Event Loop? Или как устроен цикл событий в браузере Chrome: https://habr.com/ru/post/461401/

[43] Объяснение работы EventLoop в JavaScript: https://medium.com/devschacht/javascript-eventloop-explained-f2dcf84e36ee

[44] Разбираемся с путаницей между JavaScript методами slice(), splice() и split(): https://medium.com/@stasonmars/%D1%80%D0%B0%D0%B7%D0%B1%D0%B8%D1%80%D0%B0%D0%B5%D0%BC%D1%81%D1%8F-%D1%81-%D0%BF%D1%83%D1%82%D0%B0%D0%BD%D0%B8%D1%86%D0%B5%D0%B9-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-javascript-%D0%BC%D0%B5%D1%82%D0%BE%D0%B4%D0%B0%D0%BC%D0%B8-slice-splice-%D0%B8-split-6e72363baf1d

[45] Концепции JavaScript: Деструктурирующее присваивание: https://medium.com/webbdev/js-b69978264dec

[46] JavaScript Promises и Async/Await: настолько быстро, насколько это возможно: https://itnext.io/javascript-promises-and-async-await-as-fast-as-possible-d7c8c8ff0abc

[47] React + Redux + Comlink = Off-main-thread: https://dassur.ma/things/react-redux-comlink/

[48] React <Animated /> Tutorial: https://medium.com/@js_tut/react-animated-tutorial-7a46fa3c2b96

[49] Получение данных в React с использованием React Async: https://css-tricks.com/fetching-data-in-react-using-react-async/

[50] Почему React хуки?: https://tylermcginnis.com/why-react-hooks/

[51] Заменят ли React хуки Redux?: https://medium.com/javascript-scene/do-react-hooks-replace-redux-210bab340672

[52] Заменят ли React хуки Компоненты Высокого Порядка (HOC-и)?: https://medium.com/javascript-scene/do-react-hooks-replace-higher-order-components-hocs-7ae4a08b7b58

[53] localize-react: https://github.com/yankouskia/localize-react

[54] Эффективное решение для замены Redux контекстом React и хуками: https://silvenon.com/blog/replacing-redux-with-context-and-hooks

[55] Создайте свой собственный классификатор изображений на Angular и Tensorflow.js: https://blog.angularindepth.com/create-your-own-image-classifier-with-angular-and-tensorflow-js-5b1bc2391424

[56] Лучшие Angular open source проекты: https://flatlogic.com/blog/top-angular-open-source-projects/

[57] Релиз публичной беты Bit with Angular : https://blog.bitsrc.io/announcing-bit-with-angular-public-beta-578cbb173690

[58] Svelte для Angular разработчиков: https://blog.bitsrc.io/svelte-for-angular-developers-34012b93420c

[59] Создание динамических маршрутов в приложении на Nuxt: https://css-tricks.com/creating-dynamic-routes-in-a-nuxt-application/

[60] Vue.js 3: Перспективное программирование: https://blog.bitsrc.io/vue-js-3-future-oriented-programming-54dee797988b

[61] Начало работы с Vuetify 2.0: https://medium.com/vue-mastery/getting-started-with-vuetify-2-0-522ad3a55154

[62] Ember 2019-2020 Roadmap: https://github.com/emberjs/rfcs/blob/2018-2019-roadmap/text/000-2018-2019-roadmap.md

[63] Музей компонентов Ember: https://jenweber.github.io/the-ember-components-museum/versions/master/

[64] Шпаргалка по компонентам Ember: https://codingitwrong.com/2019/07/23/ember-component-cheat-sheet.html

[65] Настройка Firefox в Linux: https://habr.com/en/post/459880/

[66] В Firefox будет проведён эксперимент, связанный с DNS-over-HTTPS: http://www.opennet.ru/opennews/art.shtml?num=51204

[67] Релиз Chrome 76: http://www.opennet.ru/opennews/art.shtml?num=51090

[68] Релиз веб-браузера Midori 9: http://www.opennet.ru/opennews/art.shtml?num=51195

[69] Microsoft анонсировала отключение VBScript в Internet Explorer 11: http://microsoftportal.net/windows-7/11160-microsoft-anonsirovala-otklyuchenie-vbscript-v-internet-explorer-11.html

[70] Что нового в DevTools (Chrome 77): https://developers.google.com/web/updates/2019/07/devtools#audits

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

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

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

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