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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] UnderJS Podcast #11 — Виктор Вершанский и Андрей Печкуров разговоры про NodeJS [Ламповый]: https://underjs.ru/podcast/2019/12/13/andrey-and-victor.html

[8] Подкаст «Сделайте мне красиво», Выпуск №30: Состояние веба в 2019 и как верстать табличку 2 недели: https://soundcloud.com/begebot/ep30

[9] Подкаст «CSSSR»: Новости 512 — Rambler vs NGINX, CSS-in-JS performance, caniemail.com и security-релизы: https://soundcloud.com/csssr/novosti-512-rambler-vs-nginx-css-in-js-performance-caniemailcom-i-security-relizy

[10] Подкаст «pro​Conf» #42 ВЫГОРАНИЕ и не только: https://soundcloud.com/proconf/42-vygoranie-i-ne-tolko

[11] 9 полезных трюков HTML: https://habr.com/ru/post/480104/

[12] Как JAMstack решает эти проблемы?: https://dailycoding.io/article/6zJ8IlFeOtge8pDGjnMC

[13] Краткий обзор фронтенда в 2019 году : https://levelup.gitconnected.com/a-recap-of-frontend-development-in-2019-1e7d07966d6c

[14] Raw WebGL — иллюстрированное руководство по написанию приложений на WebGL. Узнайте, какие ключевые структуры данных и типы необходимы для рисования в WebGL.: https://alain.xyz/blog/raw-webgl

[15] Веб-ридер с использованием Web Speech API: https://dev.to/lenmorld/web-reader-using-web-speech-api-bkn

[16] Почему <details> — это не аккордион: https://daverupert.com/2019/12/why-details-is-not-an-accordion/

[17] Тестирование доступности людьми с ограниченными возможностями : https://www.24a11y.com/2019/accessibility-testing-by-people-with-disabilities/

[18] 9 инструментов, повышающих продуктивность веб-разработчика: https://habr.com/ru/company/ruvds/blog/479272/

[19] Develop, Debug, Learn? Время переосмыслить наши инструменты. : https://medium.com/@codepo8/develop-debug-learn-a-time-to-re-think-our-tooling-5f3ee374c283

[20] Эволюция инструментов JavaScript: современное руководство для разработчиков : https://www.sitepoint.com/javascript-tooling-evolution-modern-developers-guide/

[21] Анализ нагрузки на процессор, создаваемой отдельными JavaScript-компонентами: https://habr.com/ru/company/ruvds/blog/479266/

[22] Self-hosting третьесторонние ресурсы: хорошие, плохие и уродливые.: https://calendar.perfplanet.com/2019/self-hosting-third-party-resources-the-good-the-bad-and-the-ugly/

[23] Разработка метрики производительности «Largest Contentful Paint» : https://calendar.perfplanet.com/2019/developing-the-largest-contentful-paint-metric/

[24] Начало работы с веб-производительностью : https://calibreapp.com/blog/get-started-with-performance

[25] Среднее время загрузки страницы на 2020 год. Вы быстрее? : https://www.machmetrics.com/speed-blog/average-page-load-times-for-2020/

[26] Golden canon grid: страшилка для фронтендеров: https://habr.com/ru/post/479580/

[27] Почему цвета HSL в CSS лучше остальных: https://medium.com/@elad/why-css-hsl-colors-are-better-83b1e0b6eead

[28] Отображение типов файлов в ссылках : https://adrianroselli.com/2019/12/showing-file-types-in-links.html

[29] Цитирование в HTML: Quotations, Citations и Blockquotes : https://css-tricks.com/quoting-in-html-quotations-citations-and-blockquotes/

[30] 7 советов по использованию пользовательских свойств CSS : https://css-irl.info/7-uses-for-css-custom-properties/

[31] Глитч-эффект для текста на CSS за 3 минуты: https://blog.prototypr.io/css-glitchy-text-reveal-in-3-minutes-7fa00732f1ea

[32] CSS 3D трансформации и SVG: https://blogs.igalia.com/nzimmermann/posts/2019-12-12-3d-transformations/

[33] Удобный инструмент на Sass для создания сбалансированных цветовых палитр : https://css-tricks.com/a-handy-sass-powered-tool-for-making-balanced-color-palettes/

[34] Рисуем Гомера Симпсона с использованием кругов в CSS: https://dev.to/alvaromontoro/drawing-homer-simpson-using-circles-in-css-4gc1

[35] Что нового можно ожидать от Node.js в 2020 году?: https://habr.com/ru/company/ruvds/blog/479270/

[36] Нано-нейрон — 7 простых JavaScript функций, показывающих, как машина может «учиться»: https://habr.com/ru/post/479220/

[37] Секреты и уловки JavaScript: https://dailycoding.io/article/vSK1fc4TsOB2tojuEpLt

[38] Мысли о Svelte.: https://ilikekillnerds.com/2019/12/thoughts-on-svelte/

[39] Вам, возможно, все-таки понадобятся эти точки с запятой в JavaScript: https://medium.com/better-programming/you-might-need-those-semicolons-in-your-javascript-after-all-b28154f93ea8?

[40] 20 способов стать лучшим разработчиком Node.js в 2020 году : https://medium.com/@me_37286/20-ways-to-become-a-better-node-js-developer-in-2020-d6bd73fcf424

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

[42] Визуализация JavaScript: движок JavaScript: https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf

[43] Разбираем WTF задачки в JavaScript: https://habr.com/ru/post/479496/

[44] Занимательный JavaScript: Почти линейное уравнение: https://habr.com/ru/company/semrush/blog/475594/

[45] Полное руководство по классам в JavaScript : https://dmitripavlutin.com/javascript-classes-complete-guide/

[46] JavaScript's Async + Await за 5 минут: https://dev.to/jh3y/javascript-s-async-await-in-5-minutes-3e6d

[47] Новые фронтендовые библиотеки на периферии React: https://habr.com/ru/company/piter/blog/480078/

[48] Невидимые затраты на производительность современных библиотек CSS-in-JS в приложениях на React : https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/

[49] Что нового в Preact X? : https://blog.logrocket.com/whats-new-in-preact-x/

[50] Enterprise React в 2020: https://medium.com/@viacheslavlushchinskiy/enterprise-react-in-2020-78155bc99259

[51] Моя подборка лучших технических докладов по React за 2019: https://dev.to/mavropalias/my-top-react-techtalks-of-2019-485j

[52] Хорошее и плохое в программировании на Vue.js : https://medium.com/swlh/the-good-and-the-bad-of-vue-js-framework-programming-84a8656d9f1

[53] Как повторно использовать кодовую базу Vue.js в нескольких приложениях : https://medium.com/bauer-kirch/how-to-reuse-one-vue-js-codebase-across-multiple-apps-3d2756a6552

[54] Плагин Composition API для Vue2 : https://github.com/vuejs/composition-api

[55] Portal — новая функция в Vue 3 : https://vueschool.io/articles/vuejs-tutorials/portal-a-new-feature-in-vue-3/

[56] Все, что вы должны знать о фильтрах во Vue : https://www.telerik.com/blogs/everything-you-should-know-about-filters-in-vue

[57] Design Principles of Vue 3.0 by Evan You: https://vuetoronto.com/videos/design-principles-of-vue-3-evan-you/

[58] Angular компоненты со встраиваемым контентом: https://habr.com/ru/post/478886/

[59] Делаем кроссплатформенное нативное десктоп приложение на Angular: https://habr.com/ru/post/480396/

[60] Создаем готовый для опенсорса проект на Angular в пару кликов: https://habr.com/ru/company/tinkoff/blog/479360/

[61] 50+ советов по производительности в Angular от профессионалов : https://www.telerik.com/campaigns/kendo-angular-ui/angular-performance-tips-from-the-experts

[62] Создание динамических форм в Angular на лету : https://dev.to/max/build-dynamic-angular-forms-on-the-fly-4n3m

[63] 10 полезных функций в Angular, которые вы, вероятно, никогда не использовали : https://blog.bitsrc.io/10-useful-angular-features-youve-probably-never-used-e9e33f5c35a7

[64] Angular и Internet Explorer: https://medium.com/angular-in-depth/angular-and-internet-explorer-a6e4b5a5dae1

[65] Шпаргалка по Ember.js: Octane vs Classic: https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/

[66] Open Source + A11y Deep Dive: Ember Sortable: https://www.linkedin.com/pulse/open-source-a11y-deep-dive-ember-sortable-yicheng-jerry-gong/

[67] Браузеру Firefox – 15 лет: взлёт, падение и ренессанс с упором на конфиденциальность: https://habr.com/ru/post/479072/

[68] Релиз Chrome 79: https://www.opennet.ru/opennews/art.shtml?num=52000

[69] В Firefox 73 появится режим браузера одного сайта. Усиление защиты аккаунтов разработчиков дополнений: https://www.opennet.ru/opennews/art.shtml?num=52034

[70] «Геймерский» браузер Opera GX вышел на платформе macOS: https://itc.ua/news/gejmerskij-brauzer-opera-gx-vyshel-na-platforme-macos/

[71] Got Firefox? Можно ли жить с Firefox в качестве основного браузера: https://dou.ua/lenta/articles/got-firefox/

[72] Новое в Chrome 79: https://developers.google.com/web/updates/2019/12/nic79

[73] Отладка переменных с помощью Watchpoints в Firefox 72 : https://hacks.mozilla.org/2019/12/debugging-variables-with-watchpoints-in-firefox-72/

[74] No to Chrome: https://notochrome.org/

[75] Как стартовал Nginx. Игорь Сысоев о разработке знаменитого веб-сервера: https://xakep.ru/2019/12/13/nginx-interview/

[76] Что говорят юристы о споре между Rambler Group и nginx Материал редакции: https://vc.ru/legal/97188-chto-govoryat-yuristy-o-spore-mezhdu-rambler-group-i-nginx

[77] Как новые функции в SERP меняют поведение пользователей: https://www.searchengines.ru/serp-evolution.html

[78] Поиск Google объявил о крупнейшем обновлении — его нейросети научились понимать суть запроса: https://roem.ru/10-12-2019/281092/poisk-google-yazyk/

[79] Кризис машинного обучения в научных исследованиях: обладает ли научной ценностью эксперимент, результаты которого не удалось воспроизвести?: https://tproger.ru/translations/machine-learning-crisis/

[80] Jonathon F закрыл доступ к ряду популярных PPA-репозиториев: https://www.opennet.ru/opennews/art.shtml?num=52036

[81] В даркнете данные медицинских карт стоят дороже банковских: https://xakep.ru/2019/12/13/medical-data/

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

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

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

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

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