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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] AST, автоматизации, оптимизации или как прошла PiterJS conf #1: https://habr.com/ru/news/t/473712/

[8] JavaScript Meetup SuperJob: видеоотчёт: https://habr.com/ru/company/superjob/blog/474246/

[9] Подкаст «Фронтенд Юность (18+)» #113: Осмелься на дабл зарплатейшн: https://soundcloud.com/frontend_u/e113

[10] Подкаст «CSSSR»: Новости 512 — PWA-мифы, serverless API, дьявольский HTML, Vue-CLI 4 и Puppeteer 2: https://soundcloud.com/csssr/novosti-512-pwa-mify-serverless-api-dyavolskiy-html-vue-cli-4-i-puppeteer-3

[11] Подкаст «Веб-стандарты» №201: Web standards, CSS multi-column, printing, display values, contributing: https://medium.com/web-standards/episode-201-d4359aaad583

[12] Интервью: Вадим Макеев — «Пора переходить от разговоров к угрозам»: https://www.youtube.com/watch?v=gqON5U-Bifk

[13] KharkivJS #10 2019 — Javascript Conference, 30 видео: https://www.youtube.com/playlist?list=PLnkLrCUX4Qh5q2yvd-mfq2kD2DgMSCahO

[14] JSConf Budapest 2019, 14 видео: https://www.youtube.com/playlist?list=PL37ZVnwpeshEMCvdYDdZ09Sy-toTftWu0

[15] CSSConf Budapest 2019, 7 видео: https://www.youtube.com/playlist?list=PL37ZVnwpeshFWIBzpOHJdaI7LT8JQtPfI

[16] React Conf 2019, 27 видео: https://www.youtube.com/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh

[17] Ещё 9 проектов для оттачивания Front-End мастерства: https://habr.com/ru/company/edison/blog/474230/

[18] Шесть задачек для Front-End разработчика: https://habr.com/ru/company/edison/blog/473894/

[19] Отладка Front End — это не только технический вопрос: https://medium.com/@fuladuf/debugging-front-end-is-not-only-a-matter-of-tech-56b4308585d8

[20] Фулстек аутентификация: Cookies и Local Storage: https://www.taniarascia.com/full-stack-cookies-localstorage-react-express/

[21] Parcel — мой любимый сборщик проектов: https://habr.com/ru/company/ruvds/blog/473764/

[22] Аудит проблем доступности с помощью Firefox Developer Tools: https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/

[23] Chrome DevTools — 20+ советов и хитростей: https://www.keycdn.com/blog/chrome-devtools

[24] Часть 1: cоздание начального проекта с помощью NPM Scripts: https://css-irl.info/a-modern-front-end-workflow-part-1/

[25] Часть 2: бандлинг модулей с помощью Parcel: https://css-irl.info/a-modern-front-end-workflow-part-2/

[26] Часть 3: Создание Sass архитектуры: https://css-irl.info/a-modern-front-end-workflow-part-3/

[27] Джон Мюллер и Мартин Сплитт ответили на вопросы о скорости сайта: https://www.searchengines.ru/speed-site-ask.html

[28] Ускорьте свой сайт с WebP: https://www.smashingmagazine.com/2019/10/speed-up-your-website-webp/

[29] Предварительная загрузка шрифтов: когда это имеет смысл?: https://betterwebtype.com/articles/2019/11/02/preloading-fonts-when-does-it-make-sense/

[30] Текущее состояние стилизации селектов в 2019 году: https://css-tricks.com/the-current-state-of-styling-selects-in-2019/

[31] Необычные случаи использования для псевдоэлементов: https://ishadeed.com/article/unusual-use-cases-pseudo-elements/

[32] Каждый использует CSS-фреймворки : https://medium.com/@guerriero_se/everyone-uses-css-frameworks-f99a07ad7d50

[33] Есть ли случайные числа в CSS?: https://css-tricks.com/are-there-random-numbers-in-css/

[34] Медиа-запросы в CSS — это не только max-width: https://medium.com/mabiloft/css-media-queries-are-not-just-max-width-e543ee5d1a5b

[35] Вещи, которые мы не можем (пока) сделать в CSS: https://www.smashingmagazine.com/2019/11/css-things-cant-yet-do/

[36] Руководство по объектно-ориентированному программированию в JavaScript: https://medium.com/better-programming/object-oriented-programming-in-javascript-b3bda28d3e81

[37] Отчет о безопасности JavaScript фреймворков 2019: https://snyk.io/blog/javascript-frameworks-security-report-2019/

[38] Малоизвестные опасности JavaScript: https://medium.com/better-programming/lesser-known-javascript-hazards-8d688a463b1f

[39] 5 интересных, но не обязательно полезных трюков в Javascript: https://areknawo.com/5-interesting-and-not-necessarily-useful-javascript-tricks/

[40] Сравнение различных типов нативных всплывающих окон в JavaScript : https://css-tricks.com/comparing-the-different-types-of-native-javascript-popups/

[41] Обрезка изображений до определенного соотношения сторон с помощью JavaScript: https://pqina.nl/blog/cropping-images-to-an-aspect-ratio-with-javascript/

[42] Введение в новые функции в TypeScript 3.7 и как их использовать : https://morioh.com/p/4f7ac56ebe8f

[43] Возможности современного JavaScript, о которых вы могли не знать: https://habr.com/ru/company/mailru/blog/473816/

[44] Как перестать бояться и полюбить Итераторы: https://webdevblog.ru/kak-perestat-boyatsya-i-poljubit-iteratory/

[45] Шаблон Модуль в JavaScript: https://webdevblog.ru/shablon-modul-v-javascript/

[46] Шаблон Facade в JavaScript: https://webdevblog.ru/shablon-facade-v-javascript/

[47] Методы JavaScript, которые должен использовать каждый новичок и профессионал : https://medium.com/better-programming/most-useful-javascript-methods-355139f96d75

[48] Окончательное объяснение метода Reduce в JavaScript: https://alligator.io/js/finally-understand-reduce/

[49] Преобразование объекта в массив: https://www.samanthaming.com/tidbits/76-converting-object-to-array

[50] Современные функции JavaScript, которые вы, возможно, пропустили : http://www.breck-mckye.com/blog/2019/10/modern-javascript-features-you-may-have-missed/

[51] Вы всё ещё не знаете JS: начата работа над 2-м изданием: https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/get-started/README.md

[52] It’s All в the Head: управление head-секцией сайта на React  с помощью React Helmet: https://css-tricks.com/its-all-in-the-head-managing-the-document-head-of-a-react-powered-site-with-react-helmet/

[53] Mobile First анимация в React : https://github.com/aholachek/mobile-first-animation

[54] Что я узнал о тестировании приложений React — Часть 1. Юнит тесты: https://dev.to/tlakomy/what-i-ve-learned-about-testing-react-apps-part-1-55g7

[55] React + D3.js: https://wattenberger.com/blog/react-and-d3

[56] 31 шаг, чтобы стать профессиональным разработчиком React: https://www.freecodecamp.org/news/31-steps-to-become-a-professional-react-developer/

[57] Почему в Vue 3 Composition API – reactive() будет считаться не нужным: https://webdevblog.ru/pochemu-v-vue-3-composition-api-reactive-budet-schitatsya-ne-nuzhnym/

[58] Composition API RFC: https://webdevblog.ru/composition-api-rfc/

[59] Новинки влияющие на производительность во Vue.js версии 3: https://webdevblog.ru/novinki-vliyajushhie-na-proizvoditelnost-vo-vue-js-versii-3/

[60] Создание приложения для поиска фильмов с помощью API Vue Composition: https://webdevblog.ru/sozdanie-prilozheniya-dlya-poiska-filmov-s-pomoshhju-api-vue-composition/

[61] Почему вы должны использовать TypeScript с Vue: https://medium.com/better-programming/why-you-should-use-typescript-with-vue-33f4942e03c9

[62] Развертывание статического сайта на NuxtJS в Cloudflare Workers: https://scotch.io/tutorials/deploying-a-static-nuxtjs-site-to-cloudflare-workers

[63] 10 советов по созданию и поддержке крупных проектов на Vue.js : https://morioh.com/p/bd5f397e8ffe

[64] Освоение Angular 8: пять вещей, которые полезно знать, чтобы сэкономить ваше время. : https://www.newline.co/@kievsash/mastering-angular-8:-five-things-that-are-good-to-know-to-save-your-time.--6302e8aa?utm_campaign=Angular%20Weekly&utm_medium=email&utm_source=Revue%20newsletter

[65] Отладка утечек памяти в Angular : https://blog.bitsrc.io/debugging-memory-leaks-in-angular-4bc7b3eab569

[66] Миграция вашей Angular библиотеки на Jest : https://blog.angularindepth.com/migrate-your-angular-library-to-jest-faba9579591a

[67] Octane Release Update: https://blog.emberjs.com/2019/10/31/octane-release-update.html

[68] Вариант использования для асинхронного генератора : https://medium.com/kloeckner-i/a-use-case-for-an-async-generator-b378359ca7a7

[69] Ember Octane Livestream: создание драм-машины: https://www.youtube.com/watch?v=5znpEiwHpL4

[70] Google разрабатывает встроенный блокировщик «тяжёлой» рекламы в браузере, который уже появился в Chrome Canary: https://itc.ua/news/google-razrabatyvaet-vstroennyj-blokirovshhik-tyazhyoloj-reklamy-v-brauzere-kotoryj-uzhe-poyavilsya-v-chrome-canary/

[71] В Firefox будет прекращена поддержка прямой предустановки дополнений: https://www.opennet.ru/opennews/art.shtml?num=51793

[72] Mozilla, Cloudflare и Facebook представили TLS-расширение для делегирования короткоживущих сертификатов: https://www.opennet.ru/opennews/art.shtml?num=51797

[73] Microsoft представила логотип нового браузера Edge на движке Chromium: https://vc.ru/design/90943-microsoft-predstavila-logotip-novogo-brauzera-edge-na-dvizhke-chromium

[74] В Chrome началось тестирование третьей редакции манифеста, несовместимой с uBlock Origin: https://www.opennet.ru/opennews/art.shtml?num=51802

[75] Что нового в DevTools (Chrome 79) : https://developers.google.com/web/updates/2019/10/devtools

[76] Бизнес-кейс для прекращения поддержки Internet Explorer: https://css-tricks.com/a-business-case-for-dropping-internet-explorer/

[77] Google Поиск вскоре прекратит индексировать Flash-контент: https://tproger.ru/news/google-search-ignore-flash/

[78] Google обновила алгоритм поиска: он затронет 10% запросов: https://ain.ua/2019/10/28/google-obnovlenie-bert/

[79] Самые крупные SEO-мифы по версии Билла Славски: https://www.searchengines.ru/slawski-seo-myth.html

[80] Как и для чего собеседовать работодателя: https://dou.ua/lenta/articles/interview-with-employer/

[81] «Начало познания природы вещей»: глава Google пояснил, почему поисковый гигант уделяет особое внимание квантовым вычислениям: https://itc.ua/blogs/nachalo-poznaniya-prirody-veshhej-glava-google-poyasnil-pochemu-poiskovyj-gigant-udelyaet-osoboe-vnimanie-kvantovym-vychisleniyam/

[82] Худший отдел Microsoft с миллиардами убытков, который стал прибыльным: что помогло возродиться поисковику Bing : https://vc.ru/story/90583-hudshiy-otdel-microsoft-s-milliardami-ubytkov-kotoryy-stal-pribylnym-chto-pomoglo-vozroditsya-poiskoviku-bing

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

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

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

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

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