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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] Подкаст CSSSR: Новости 512 — React Conf, SmashingConf, VS Online, PHP 7.4.0 RC6, React 16.12, WordPress 5.3: https://soundcloud.com/csssr/novosti-512-react-conf-smashingconf-vs-online-php-740-rc6-react-1612-wordpress-53

[8] SPB Frontend Drinkcast #32 — «Есть ли жизнь после фронтенда»: https://spb-frontend.ru/podcast/32

[9] Подкаст «pro​Conf» #38 Holy.js: Piter 2019 | CI/CD | Opensource это круто | A11y accessibility много не бывает: https://soundcloud.com/proconf/38-holyjs-piter-2019

[10] Подкаст «Frontend Weekend» #99 – Что изменилось у Виталия Фридмана (об усталости от конференций и экосистеме Smashing Magazine): https://soundcloud.com/frontend-weekend/fw-99

[11] Подкаст «Фронтенд Юность (18+)» -Backspace For Frontend: https://soundcloud.com/frontend_u/hackspace

[12] Подкаст «Веб-стандарты» №203. Готовность к Edge, WebKit 2020, доступность и закон, WeakMap и GC: https://soundcloud.com/web-standards/episode-203

[13] Repozitorro #34 — Сборник ошибок новичков: https://www.youtube.com/watch?v=XZE4YEka_Qc

[14] Записи всех сессий с Chrome Dev Summit 2019 : https://www.youtube.com/playlist?list=PLNYkxOF6rcIDA1uGhqy45bqlul0VcvKMr

[15] Веб-альманах 2019: Доступность: https://habr.com/ru/post/476208/

[16] Опрос по инструментам фронтенда 2019 — результаты: https://habr.com/ru/post/476048/

[17] WebAssembly: что и как: https://habr.com/ru/post/475778/

[18] Использование полифиллов при написании кросс-браузерных приложений: https://habr.com/ru/company/ruvds/blog/475248/

[19] Что такое CORS: https://webdevblog.ru/chto-takoe-cors/

[20] Web Almanac — отчет о текущем состоянии веба в исследовании HTTP Archive: https://almanac.httparchive.org/en/2019/

[21] Когда использовать SVG, а когда Canvas: https://css-tricks.com/when-to-use-svg-vs-when-to-use-canvas/

[22] Масштабирование GraphQL в PayPal : https://medium.com/paypal-engineering/scaling-graphql-at-paypal-b5b5ac098810

[23] Брендан Айк, создатель JavaScript и соучредитель Mozilla, отвечает на вопросы в рамках AMA на reddit : https://www.reddit.com/r/IAmA/comments/dwfbmf/im_brendan_eich_inventor_of_javascript_and/?sort=top

[24] Начало работы с Puppeteer: https://www.sitepoint.com/getting-started-with-puppeteer/

[25] Google Chrome будет отмечать слишком медленные сайты специальным индикатором: https://xakep.ru/2019/11/12/badge-of-shame/

[26] Состояние современных методов оптимизации изображений в сети в 2019 году : https://www.heartinternet.uk/blog/the-state-of-modern-image-optimisation-techniques-on-the-web-in-2019/

[27] Lighthouse CI — набор команд, которые позволят автоматизировать получение и обработку результатов Lighthouse : https://github.com/GoogleChrome/lighthouse-ci

[28] Разработка анимированного Favicon : https://dailycoding.io/article/DfPAlsvW4BFECiNEFiU7

[29] Эффект огней скоростной трассы на Three.js: https://tympanus.net/codrops/2019/11/13/high-speed-light-trails-in-three-js/

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

[31] Решение проблемы зазубренных линий в градиентах: https://habr.com/ru/post/475884/

[32] Медиа-выражения в CSS — это не только max-width: https://habr.com/ru/post/475832/

[33] CSS4 не будет… потому что он давно прошел. Встречайте CSS8!: https://css-live.ru/css/css4-ne-budet-potomu-chto-on-davno-proshel-vstrechajte-css8.html

[34] Логические свойства CSS : https://adrianroselli.com/2019/11/css-logical-properties.html

[35] Некоторые CSS Grid-стратегии для согласования макетов : https://css-tricks.com/some-css-grid-strategies-for-matching-design-mockups/

[36] Получайте больше при меньших затратах с вариативными шрифтами: https://cloudfour.com/thinks/get-more-for-less-with-variable-fonts/

[37] Мысли после просмотра главы о CSS в Web Almanac 2019: https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/

[38] Ожидаемые новые возможности JavaScript, о которых полезно знать: https://habr.com/ru/company/ruvds/blog/475244/

[39] Производительность optional chaining в JavaScript: https://medium.com/devschacht/performance-of-javascript-optional-chaining-bf2a8aa99797

[40] Малоизвестные опасности JavaScript: https://webdevblog.ru/maloizvestnye-opasnosti-javascript/

[41] Используйте модули для создания модульного приложения на JavaScript: https://levelup.gitconnected.com/use-modules-to-build-a-modular-javascript-app-6aeaf82fa85d

[42] Создание визуализатора волновых аудио-графиков с помощью ванильного JavaScript : https://css-tricks.com/making-an-audio-waveform-visualizer-with-vanilla-javascript/

[43] Как TypeScript делает вас лучшим JavaScript разработчиком : https://www.sitepoint.com/typescript-better-javascript-developer/

[44] Функциональное программирование с точки зрения EcmaScript. Композиция, каррирование, частичное применение: https://habr.com/ru/post/475324/

[45] Оператор spread и rest параметры в JavaScript: https://medium.com/@stasonmars/%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80-spread-%D0%B8-rest-%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D1%8B-%D0%B2-javascript-22eb33cb0825

[46] Зачем нам нужен строгий режим в JavaScript?: https://medium.com/better-programming/why-do-we-need-strict-mode-in-javascript-df34771eb950

[47] Modest JS Works. Небольшая электронная книга для тех, кто хочет писать скромный JavaScript, а затем сосредоточиться на всем остальном, что имеет значение при создании приложения.: https://modestjs.works/

[48] Обработка null и undefined в JavaScript: https://medium.com/javascript-scene/handling-null-and-undefined-in-javascript-1500c65d51ae

[49] Забавы с ES6 proxies: https://blog.logrocket.com/having-fun-with-es6-proxies/

[50] React Context за 5 минут: что это и как использовать: https://tproger.ru/articles/react-context-in-5-min/

[51] Создайте свой собственный React : https://pomb.us/build-your-own-react/

[52] Компетентное руководство по React useState() Hook : https://dmitripavlutin.com/react-usestate-hook-guide/

[53] Построение платежной системы с помощью React и Stripe : https://blog.logrocket.com/building-payments-system-react-stripe/

[54] Часть 1: https://medium.com/js-dojo/unit-testing-in-vue-with-mocha-74aafdf9f7cf

[55] Часть 2: https://medium.com/js-dojo/unit-testing-in-vue-mocha-part-2-ebf1df4b8897

[56] Ранний взгляд на Vue 3 Composition API в дикой природе: https://css-tricks.com/an-early-look-at-the-vue-3-composition-api-in-the-wild/

[57] Компилируем Vue 3 с нуля и пробуем новый Composition API: https://lmiller1990.github.io/electic/posts/20191114_compiling_vue_3_and_try_composition_api.html

[58] Angular: перенаправление на внешние ссылки : https://medium.com/wizdm-genesys/angular-redirecting-to-external-links-bd3e785325c6

[59] Как создать приложение на Angular 8 с нуля за 11 простых шагов : https://www.freecodecamp.org/news/angular-8-tutorial-in-easy-steps/

[60] Практическое руководство по Angular: компоненты и NgModules : https://www.telerik.com/blogs/a-practical-guide-to-angular-components-ngmodules

[61] Versatile Ivy: Использование Angular и React вместе: https://blog.angularindepth.com/angular-and-react-together-with-ivy-5c77d1f48204

[62] 9 библиотек веб-компонентов: https://habr.com/ru/company/edison/blog/475934/

[63] Стал доступен GSAP 3: https://greensock.com/3/

[64] GSAP 3 Playground: подборка демок на CodePen с некоторыми новыми клевыми функциями : https://codepen.io/collection/DrGLLo

[65] Новые возможности GSAP 3: https://tympanus.net/codrops/2019/11/14/the-new-features-of-gsap-3/

[66] Paged.js — библиотека для разбиения контента на страницы в браузере. Основан на спецификациях W3C, полифила для Paged Media и Generated Content for Paged Media.: https://www.pagedmedia.org/paged-js/

[67] sheen — Имитация ткани на GPGPU: https://github.com/sciecode/sheen

[68] Состоялся официальный релиз Brave – первого приватного браузера с открытым исходным кодом: https://itc.ua/news/sostoyalsya-oficzialnyj-reliz-brave-pervogo-privatnogo-brauzera-s-otkrytym-ishodnym-kodom/

[69] Выпуск Firefox Lite 2.0, компактного браузера для Android : https://www.opennet.ru/opennews/art.shtml?num=51866

[70] В свежей версии браузера Opera для ПК обновилась адресная строка, дизайн закладок и истории, а также появилась возможность увидеть заблокированные веб-трекеры: https://itc.ua/news/v-svezhej-versii-brauzera-opera-dlya-pk-obnovilas-adresnaya-stroka-dizajn-zakladok-i-istorii-a-takzhe-poyavilas-vozmozhnost-uvidet-zablokirovannye-veb-trekery/

[71] Mozilla, Fastly, Intel и Red Hat продвигают WebAssembly, как платформу для универсального применения: https://www.opennet.ru/opennews/art.shtml?num=51849

[72] GitHub запустил совместный проект для выявления уязвимостей в открытом ПО: https://www.opennet.ru/opennews/art.shtml?num=51867

[73] GitHub перезапускает мобильное приложение: https://dev.by/news/github-perezapuskaet-mobilnoe-prilozhenie

[74] Microsoft поместит весь открытый исходный код с GitHub в «Хранилище судного дня» в Арктике Материал редакции: https://tjournal.ru/tech/126198-microsoft-pomestit-ves-otkrytyy-ishodnyy-kod-s-github-v-hranilishche-sudnogo-dnya-v-arktike

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

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

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

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

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