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

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

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

Занимательное

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

Дайджест за прошлую неделю ^[91].
Материал подготовили dersmoll ^[92] и alekskorovin ^[93].

Автор: alexzfort

Источник ^[94]

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Занимательное: #interesting

[7] Подкаст «Веб-стандарты» №206. Браузер Flow, Lighthouse CI, сабгриды, лишний CSS, details, JS 2019, strict, JS кусается: https://medium.com/web-standards/episode-206-104a9e358165

[8] Подкаст «Фронтенд Юность (18+)» #117 Садись за стол, Братишка!: https://soundcloud.com/frontend_u/e117/

[9] UnderJS Podcast #10 — Разговор с Артемом Арутюняном про State managment и «ужасный» TypeScript [Ламповый]: https://soundcloud.com/underjs/10-razgovor-s-artemom-arutyunyanom-pro-state-managment-i-uzhasnyy-typescript-lampovyy

[10] Подкаст «Frontend Weekend» #101 – Анастасия Калашникова о том, как и зачем строить карьеру психолога в сфере IT: https://soundcloud.com/frontend-weekend/fw-101

[11] Подкаст «Сделайте мне красиво!», Выпуск №29: в гостях Артур Кенжаев и Артём Арутюнян — Стейт-менеджеры и reatom как вершина эволюции: https://soundcloud.com/begebot/ep29

[12] WSD в Минске, 2019, запись трансляции : https://www.youtube.com/watch?v=fHlTk5IhZws

[13] Записи докладов ок.tech: Frontend Meetup #2: https://habr.com/ru/company/odnoklassniki/blog/478378/

[14] Продуманные запросы: стратегии кэширования в век PWA: https://habr.com/ru/company/ruvds/blog/478326/

[15] Как управлять часами? Разбор фронтенд-трека второго чемпионата по программированию: https://habr.com/ru/company/yandex/blog/478550/

[16] Микросервисный подход в веб-разработке: micro frontends: https://dou.ua/lenta/articles/micro-frontend/

[17] Разбираемся в алгоритмах и структурах данных. Доступно и понятно: https://dou.ua/lenta/articles/what-you-should-know-about-algorithms/

[18] Архитектура фронтенда: Стратегия и метрики автоматизированного тестирования.: https://medium.com/front-end-in-regions-grodno/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B0-%D1%81%D1%82%D1%80%D0%B0%D1%82%D0%B5%D0%B3%D0%B8%D1%8F-%D0%B8-%D0%BC%D0%B5%D1%82%D1%80%D0%B8%D0%BA%D0%B8-%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-9797b570a153

[19] Что такое PWA?: https://dailycoding.io/article/fhMNyRYyIzGoFIFXJMcU

[20] Создание лучшего кастомного селекта: https://24ways.org/2019/making-a-better-custom-select-element/?ref=resoource.com

[21] Возрастающая сложность сайтов на JAMstack и как ими управлять : https://css-tricks.com/the-rising-complexity-of-jamstack-sites-and-how-to-manage-them/

[22] AI в браузерах: сравнение TensorFlow, ONNX и WebDNN для классификации изображений : https://blog.logrocket.com/ai-in-browsers-comparing-tensorflow-onnx-and-webdnn-for-image-classification/

[23] 10 возможностей VS Code, помогающих ускорить работу программиста: https://habr.com/ru/company/ruvds/blog/478320/

[24] Docker для фронтендера. Часть 1. Зачем?: https://habr.com/ru/post/478932/

[25] Плюсы, минусы, советы и хитрости при использовании Prettier при большой кодовой базе: https://blog.scottlogic.com/2019/12/05/prettier-tips-and-tricks-for-large-codebases.html

[26] Шпаргалка по командам в npm и Yarn : https://alligator.io/nodejs/npm-yarn-cheatsheet/

[27] Советы по повышению производительности для фонового видео : https://calendar.perfplanet.com/2019/performance-tips-for-background-video/

[28] Неприятная правда об оптимизации красивых изображений : https://calendar.perfplanet.com/2019/the-ugly-truth-about-optimising-beautiful-images/

[29] Цена процессорного времени на уровне компонентов JavaScript : https://calendar.perfplanet.com/2019/javascript-component-level-cpu-costs/

[30] Тонкое искусство prefetching: https://calendar.perfplanet.com/2019/the-subtle-art-of-predictive-prefetching/

[31] Не существует «Мифов о доступности цветового контраста»: https://www.creativejuiz.fr/blog/en/user-experience/there-is-no-myths-of-color-contrast-accessibility

[32] 8 странных советов, о которых специалисты по доступности не хотят, чтобы вы знали : https://www.24a11y.com/2019/7-weird-tips-accessibility-specialists-dont-want-you-to-know/

[33] Будущие рекомендации по доступности — для людей, которые не могут ждать, чтобы прочитать их : https://24ways.org/2019/future-accessibility-guidelines/

[34] Веб-компоненты и объектная модель доступности (AOM): https://www.24a11y.com/2019/web-components-and-the-aom/

[35] Стоимость в час для тестирования доступности : https://medium.com/@sheribyrnehaber/cost-per-hour-for-accessibility-testing-868ddf74322c

[36] Советы по доступности для веб-разработчиков от Addy Osmani: https://dev.to/addyosmani/accessibility-tips-for-web-developers-4cn0?ref=heydesigner

[37] «Smashing» (подкаст от SmashingMagazine), эпизод №4: Heydon Pickering — что такое инклюзивные компоненты? : https://www.smashingmagazine.com/2019/12/smashing-podcast-episode-4/

[38] Motion Paths – прошлое, настоящее и будущее: https://tympanus.net/codrops/2019/12/03/motion-paths-past-present-and-future/

[39] Подборка креативный веб-демок «Awesome Demos Roundup #11»: https://tympanus.net/codrops/2019/12/04/awesome-demos-roundup-11/

[40] Техники рендера текста на WebGL с помощью Three.js: https://css-tricks.com/techniques-for-rendering-text-with-webgl/

[41] Интересные возможности реализации скроллинга без библиотек : https://24ways.org/2019/beautiful-scrolling-experiences-without-libraries/

[42] Именование в CSS Grid: https://habr.com/ru/post/478850/

[43] Немного размышлений на тему модульного css и проблемы поддержки кода: https://habr.com/ru/post/478888/

[44] Введение в вариативные шрифты : https://24ways.org/2019/an-introduction-to-variable-fonts/

[45] Немного повеселимся с кастомными фокус-стилями : https://css-tricks.com/having-a-little-fun-with-custom-focus-styles/

[46] CSS: искусство, наука, кошмар (все, что вы должны знать) : https://www.taniarascia.com/overview-of-css-concepts/

[47] Сделай плавную тень, друг. Сервис для создания многослойных теней : https://brumm.af/shadows

[48] Сказ о CSS Resets и все, что вам нужно о них знать : https://medium.com/@riittagirl/a-tale-of-css-resets-and-everything-you-need-to-know-about-them-781849d9b7f2

[49] CSS Layout -коллекция популярных макетов и шаблонов, реализованных с помощью CSS : https://csslayout.io/

[50] Расчет цвета: динамическое цветовое оформление с помощью чистого CSS : https://una.im/css-color-theming/?ref=heydesigner

[51] Научитесь создавать Masonry Gallery, используя чистый CSS : https://medium.com/better-programming/learn-to-build-a-masonry-gallery-layout-using-pure-css-50331dbc1e15

[52] Dap — еще один реактивный движок для веба. Совсем другой: https://habr.com/ru/post/478330/

[53] Обработка естественного языка в Node.js: https://medium.com/devschacht/natural-language-processing-for-node-js-da990c7dd886

[54] TypeScript: достоинства и недостатки: https://medium.com/@lucyhackwrench/typescript-%D0%B4%D0%BE%D1%81%D1%82%D0%BE%D0%B8%D0%BD%D1%81%D1%82%D0%B2%D0%B0-%D0%B8-%D0%BD%D0%B5%D0%B4%D0%BE%D1%81%D1%82%D0%B0%D1%82%D0%BA%D0%B8-64f70a0ebfd7

[55] Проверка типов в JavaScript слегка лажает : https://dmitripavlutin.com/javascript-type-checking-screwed/

[56] Что нового для Node.js в 2020 году : https://developer.okta.com/blog/2019/12/04/whats-new-nodejs-2020

[57] JavaScript, ES6, ES7, ES10, где мы сейчас?: https://medium.com/engineered-publicis-sapient/javascript-es6-es7-es10-where-are-we-8ac044dfd964

[58] Простое руководство по загрузке C/C ++ кода в JavaScript-приложения на Node.js : https://itnext.io/a-simple-guide-to-load-c-c-code-into-node-js-javascript-applications-3fcccf54fd32

[59] 5 анти-паттернов при работе с коллекциями в JavaScript: https://medium.com/better-programming/5-anti-patterns-to-avoid-when-working-with-collections-in-javascript-4e3bbd0a75d3

[60] Люди, стоящие за JavaScript: Allen Wirfs-Brock: https://javascript.christmas/2019/6

[61] 63 лучших вопроса для интервью о Nodejs с ответами на них : https://dev.to/anilsingh/63-best-nodejs-interview-questions-and-answers-29o7

[62] Как на самом деле работает Svelte? часть 1 : https://dev.to/zev/how-does-svelte-actually-work-part-1-j9m

[63] Превью основных моментов Ember Octane : https://dev.to/mesadhan/ember-octane-preview-highlights-n6l

[64] Вам не нужны циклы в JavaScript : https://medium.com/better-programming/you-dont-need-loops-in-javascript-1dc8139eab4b

[65] Callbacks vs. Promises в JavaScript: https://medium.com/better-programming/callbacks-vs-promises-in-javascript-1f074e93a3b5

[66] ES7-ES9 Features #2 Object.getOwnPropertyDescriptors(): https://www.youtube.com/watch?v=laAjQoMbnPY

[67] Сравнение React Native и Flutter с точки зрения их применения в реальных проектах: https://habr.com/ru/company/ruvds/blog/478322/

[68] Релиз create-react-app v3.3.0 : https://github.com/facebook/create-react-app/releases/tag/v3.3.0

[69] Представлена React View, интерактивная песочница ваших компонентов: https://baseweb.design/blog/introducing-react-view/?code=import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20%7B%20Button%2C%20SIZE%20%7D%20from%20%22baseui%2Fbutton%22%3B%0A%0Aexport%20default%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CButton%0A%20%20%20%20%20%20size%3D%7BSIZE.compact%7D%0A%20%20%20%20%20%20onClick%3D%7B()%20%3D%3E%20alert(%22click%22)%7D%0A%20%20%20%20%3E%0A%20%20%20%20%20%20Hello%D0%B2%0A%20%20%20%20%3C%2FButton%3E%0A%20%20)%3B%0A%7D

[70] Создание GraphQL + React приложения с TypeScript : https://levelup.gitconnected.com/build-a-graphql-react-app-with-typescript-9661f908b26

[71] Как написать правильно типизированные компоненты React с помощью TypeScript : https://blog.logrocket.com/correctly-typed-react-components-with-typescript/

[72] Как включить React в тему на WordPress : https://dev.to/zgordon/how-to-include-react-in-a-wordpress-theme-k88

[73] Vue 3 станет быстрее: https://habr.com/ru/post/477228/

[74] Трюк в рукаве Vuex: Promises и WeakMaps: https://medium.com/js-dojo/a-trick-up-vuexs-sleeve-promises-and-weakmaps-a7629042399b

[75] Динамическая фильтрация списков с Vue на сервере проще, чем вы думаете: https://css-tricks.com/filtering-lists-dynamically-with-vue-on-the-server-side-is-easier-than-youd-think/

[76] Как использовать API на основе OAuth во Vue.js? : https://dev.to/bearer/how-to-use-an-oauth-based-api-in-vue-js-1elo

[77] Создание компонента Infinite Scroll с использованием VueJS и GraphQL : https://dev.to/sebastian_scholl/building-an-infinite-scroll-component-using-vuejs-and-graphql-aih

[78] Создание расширенного поиска и фильтрации с помощью Vuex (в Nuxt) : https://dev.to/messerli90/build-an-advanced-search-and-filter-with-vuex-in-nuxt-3jn8

[79] Мои любимые инструменты для Angular-разработчиков : https://blog.bitsrc.io/my-top-favorite-tools-for-angular-developers-c2ed96397f6b

[80] Как создать приложение на Angular 8 с API request за 10 минут? : https://dev.to/duomly/how-to-build-an-angular-8-application-with-api-request-in-10-minutes-34m8

[81] Будущее Angular с Ivy: https://dev.to/mquanit/the-future-of-angular-with-ivy-17d

[82] 20 советов по производительности Angular : https://dev.to/rahul626/20-tips-for-angular-performance-2j1d

[83] Релиз Firefox 71: https://www.opennet.ru/opennews/art.shtml?num=51965

[84] Новая Opera для Android получила «принудительный» ночной режим с уменьшенной яркостью и регулировку цветовой температуры: https://itc.ua/news/novaya-opera-dlya-android-poluchila-prinuditelnyj-nochnoj-rezhim-s-umenshennoj-yarkostyu-i-regulirovku-czvetovoj-temperatury/

[85] Расширения Avast и AVG для Firefox удалены из каталога из-за сбора пользовательских данных: https://xakep.ru/2019/12/04/avast-vs-mozilla/

[86] Что нового в DevTools (Chrome 80) : https://developers.google.com/web/updates/2019/12/devtools

[87] Самый популярный пример Java-кода на StackOverflow оказался с ошибкой: https://www.opennet.ru/opennews/art.shtml?num=51982

[88] Компания Mozilla представила движок распознавания речи DeepSpeech 0.6: https://www.opennet.ru/opennews/art.shtml?num=51991

[89] Опубликованы тесты простейших приложений на различных языках программирования.: https://www.opennet.ru/opennews/art.shtml?num=51992

[90] «Изобретатели, а не предприниматели»: почему Сергей Брин и Ларри Пейдж отошли от управления Alphabet: https://ain.ua/2019/12/08/brin-i-pejdzh-otoshli-ot-upravleniya-alphabet/

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

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

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

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

Нажмите здесь для печати.