Дайджест свежих материалов из мира фронтенда за последнюю неделю №381 (16 — 22 сентября 2019)

---

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

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

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

[1] Подкаст «Веб-стандарты», #193. Chrome 77, Can I use + MDN, Can I email, митап по доступности: https://soundcloud.com/web-standards/episode-193

[2] Подкаст «Фронтенд Юность (18+)»: #108 Россияне не готовы верить, что роботы воспитают их детей натуралами: https://soundcloud.com/stream

[3] Интервью c Виталием Фридманом на канале JavasSript.Ninja: https://www.youtube.com/watch?v=mpqA-nWisSs

[4] Видеокаст «Frontreview» #19: React, Angular и Vue: что изучать в 2019-2020 году?: https://www.youtube.com/watch?v=jOgBIt4Lki0

[5] Repozitorro #27 — Похоже на моё первое портфолио): https://www.youtube.com/watch?v=lfkDh5jb-FA

[6] Блоги по frontend-разработке, которые стоят того, чтобы их читали: https://habr.com/ru/post/468175/

[7] История одной анимации: https://habr.com/ru/company/oleg-bunin/blog/450832/

[8] Архитектура фронтенда: Малый круг: 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-%D0%BC%D0%B0%D0%BB%D1%8B%D0%B9-%D0%BA%D1%80%D1%83%D0%B3-463da9064a32

[9] Об HTML-атрибуте, потенциально стоящим $4,4 млн. для Chipotle: https://cloudfour.com/thinks/an-html-attribute-potentially-worth-4-4m-to-chipotle/

[10] Как создавать профессиональные HTML формы: https://www.jotform.com/blog/create-html-form/

[11] Как Google Nofollow, Sponsored и UGC ссылки влияют на SEO : https://moz.com/blog/nofollow-sponsored-ugc

[12] Создание расширения для Chrome с Preact и Webpack: https://medium.com/better-programming/build-a-chrome-extension-with-preact-and-webpack-c90edafe05f2

[13] Современная архитектура фронтенда 103: https://medium.com/js-dojo/modern-front-end-architecture-103-92dd1cc3f26c

[14] Пол Бакаус: «AMP — это довольно недопонятый проект»: https://medium.com/css-mine/paul-bakaus-amp-is-a-pretty-misunderstood-project-4eadc5f58e65

[15] Каждый сайт заслуживает сервис воркер: https://blog.logrocket.com/every-website-deserves-a-service-worker/

[16] Советы по оптимизации HTML-кода, изображений, элементов пагинации, внедрению микроразметки, турбо-страниц, AMP от руководителя оптимизаторов в «Ашманов и партнёры»: https://vc.ru/seo/83683-tehnicheskaya-optimizaciya-sayta-chast-vtoraya

[17] Более быстрые метрики отрисовки с адаптивными CDN для оптимизации изображений: https://medium.com/@firt/faster-paint-metrics-with-responsive-image-optimization-cdns-d43340d4a48c

[18] Бюджет инициализации JavaScript на Wikipedia: https://phabricator.wikimedia.org/phame/live/7/post/175/wikipedia_s_javascript_initialisation_on_a_budget/

[19] Оптимизация изображений для веба: https://www.keycdn.com/blog/optimize-images-for-web

[20] «Performance Matters» — доклад Emery Berger со Strange Loop 2019: https://www.youtube.com/watch?v=r-TLSBdHe1A&feature=youtu.be

[21] Насколько хорошо вы знаете CSS? (+ мини-тест): https://habr.com/ru/post/467555/

[22] Эффекты искажения на CSS : https://1stwebdesigner.com/trippy-css-distortion-effects/

[23] Будьте проще, используя масштабируемый CSS: https://hankchizljaw.com/wrote/keeping-it-simple-with-css-that-scales/?ref=heydesigner

[24] CSS Quickies: CSS-переменные — или как легко создать «светлую/темную» тему : https://dev.to/lampewebdev/css-quickies-css-variables-or-how-you-create-a-white-dark-theme-easily-1i0i?ref=heydesigner

[25] Демонстрация нового способа сделать Sass быстрее: https://css-tricks.com/a-proof-of-concept-for-making-sass-faster/

[26] CSS Grid: иллюстрированное введение : https://dev.to/mustapha/css-grid-illustrated-introduction-52l5?ref=heydesigner

[27] Маленькая неровная таблетка: проблемы с закругленными кнопками: https://cloudfour.com/thinks/jagged-little-pill-issues-with-rounded-buttons/

[28] Таблицы со схлопывающимися строками: http://adrianroselli.com/2019/09/table-with-expando-rows.html

[29] Gap — светлое будущее для отступов в Flexbox (как в Grid): https://habr.com/ru/post/468327/

[30] Прокачиваем навыки отладки JavaScript с помощью консольных трюков: https://habr.com/ru/company/plarium/blog/468189/

[31] Используем DOM как Pro: https://webdevblog.ru/ispolzuem-dom-kak-pro/

[32] Машинное обучение для фронтенд разработчиков с Tensorflow.js: https://medium.com/maria-machine/charlie-gerard-machine-learning-for-front-end-developers-with-tensorflowjs-9c908fbfa8ec

[33] Как писать эффективный код на JavaScript с помощью Event Loop: https://tproger.ru/blogs/effective-code-in-js-with-event-loop/

[34] Замыкающие запятые (Trailing Commas) в JavaScript ES 2017: https://medium.com/@stasonmars/%D0%B7%D0%B0%D0%BC%D1%8B%D0%BA%D0%B0%D1%8E%D1%89%D0%B8%D0%B5-%D0%B7%D0%B0%D0%BF%D1%8F%D1%82%D1%8B%D0%B5-trailing-commas-%D0%B2-javascript-es-2017-6b15365462cb

[35] Static Svelte: JavaScript для блогов с менее 93% JavaScript: https://www.swyx.io/writing/svelte-static

[36] Почему JavaScript инструментарий отстой: https://www.swyx.io/writing/js-tooling/

[37] Как делать Authenticated Serverless JAMstack Apps с помощью Gatsby и Netlify: https://www.freecodecamp.org/news/building-jamstack-apps/

[38] Выходим за пределы console.log() — 8 консольных методов, которые следует использовать при отладке JavaScript и Node: https://levelup.gitconnected.com/moving-beyond-console-log-8-console-methods-you-should-use-when-debugging-javascript-and-node-25f6ac840ada

[39] Обратные кавычки (``) медленнее, чем другие строки в JavaScript?: https://medium.com/javascript-in-plain-english/are-backticks-slower-than-other-strings-in-javascript-ce4abf9b9fa

[40] Новые функции Javascript — Часть 1: https://itnext.io/javascript-new-features-part-1-f1a4360466

[41] Часть 1: https://habr.com/ru/company/ruvds/blog/467247/

[42] Часть 2: https://habr.com/ru/company/ruvds/blog/467249/

[43] Проблемы и нюансы при разработке под SmartTV с использованием React.js: https://habr.com/ru/post/467961/

[44] Профилирование производительности приложений на React : https://kentcdodds.com/blog/profile-a-react-app-for-performance

[45] 10 ошибок, которые делают разработчики React : https://blog.logrocket.com/10-mistakes-react-developers-make/

[46] Тестирование React приложений в 2019: https://blog.logrocket.com/testing-react-applications-in-2019/

[47] Запись MSK VUE.JS meetup #3 в Mail.ru Group: https://www.youtube.com/watch?v=IEiHbbmKB-c

[48] 11 хуков жизненного цикла Vue.js : https://medium.com/notonlycss/11-vue-js-lifecycle-hooks-3c8251e1996a

[49] Создайте приложение на Rails с VueJS, используя JSX: https://nebulab.it/blog/build-rails-application-vuejs-using-jsx/

[50] «Сравнение Vue 2 / Vue 3 » — доклад James Stewart на VueJS Glasgow: https://www.youtube.com/watch?v=8D4N7IcexoA

[51] Бесконечная прокрутка в Angular с использованием CDK : https://alligator.io/angular/infinite-scroll/

[52] Создание поведенческих компонентов в Angular: https://netbasal.com/creating-behavioral-components-in-angular-8db6080f0cc4

[53] Почему ваше приложение на Angular не работает: 7 распространенных ошибок: https://dev.to/valeriopisapia/why-your-angular-app-is-not-working-7-common-mistakes-2ba1

[54] Подкаст «The EmberMap»: Гипотеза усыновления воина выходного дня: https://embermap.com/podcast/the-weekend-warrior-adoption-hypothesis

[55] Релиз `ember-svg-jar`: добавление SVG изображений в Ember самым простым способом: https://svgjar.web.app/

[56] EmberCamp Chicago 2019: https://github.com/elwayman02/embercamp/blob/master/2019.md

[57] ember-sinon-qunit v4: Консолидация и упрощение: https://www.jordanhawker.com/p/187541610821

[58] Microsoft Edge – Универсальный XSS: https://habr.com/ru/company/otus/blog/468097/

[59] Firefox переходит на сокращённый цикл подготовки релизов: https://www.opennet.ru/opennews/art.shtml?num=51505

[60] Firefox Preview 2.0 для Android: http://www.opennet.ru/opennews/art.shtml?num=51527

[61] В Chrome добавлена экспериментальная поддержка протокола HTTP/3: http://www.opennet.ru/opennews/art.shtml?num=51526

[62] Новое в Chrome 77: https://developers.google.com/web/updates/2019/09/nic77

[63] Chrome 78 Beta: новый Houdini API, нативный доступ к файловой системе и многое другое: https://blog.chromium.org/2019/09/chrome-78-beta-new-houdini-api-native.html

[64] Microsoft представил новый открытый шрифт Cascadia Code: http://www.opennet.ru/opennews/art.shtml?num=51521

[65] Google о текущем статусе сканирования AJAX: https://www.searchengines.ru/ajax-hash-bang.html

[66] Маски, макияж и капюшоны: как люди пытаются защититься от технологий распознавания лиц Материал редакции: https://tjournal.ru/tech/115467-maski-makiyazh-i-kapyushony-kak-lyudi-pytayutsya-zashchititsya-ot-tehnologiy-raspoznavaniya-lic

[67] Mozilla выделила 100 млн долларов на поддержку сайтов, работающих без рекламы: https://tproger.ru/news/mozilla-web-monetization-grant/

[68] Алгоритм Google диагностирует кожные заболевания не хуже дерматологов: https://itc.ua/blogs/algoritm-google-diagnostiruet-kozhnye-zabolevaniya-ne-huzhe-dermatologov/

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

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

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

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

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