Дайджест свежих материалов из мира фронтенда за последнюю неделю №355 (4 — 10 марта 2019)

---

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

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

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

[1] Веб-разработка: #webdev

[2] CSS: #css

[3] Javascript: #js

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

[5] Занимательное: #intresting

[6] Как подступиться к fullstack-разработке сегодня, если ты проспал десять лет: https://habr.com/ru/post/427181/

[7] Веб-компоненты в реальном мире: https://habr.com/ru/post/443032/

[8] Как сэкономить ресурсы в браузере и не сломать веб. Доклад Яндекса: https://habr.com/en/company/yandex/blog/442456/

[9] Состояние и возможности Houdini API. Worklet’ы и немного про Event Loop.: https://www.youtube.com/watch?v=DOyKlqX1bpU

[10] Беспарольный WebAuthn стал официальным веб-стандартом: https://tproger.ru/news/webauthn-official-adoption/

[11] Настоящая виртуальность: соединение реальных вещей с виртуальной реальностью при помощи веб-технологий: https://hacks.mozilla.org/2019/03/connecting-real-things-to-virtual-worlds-using-web/

[12] Извлечение текста из содержимого с использованием HTML Slot, HTML Template и Shadow DOM: https://css-tricks.com/extracting-text-from-content-using-html-slot-html-template-and-shadow-dom/

[13] Состояние веб аналитики : https://areknawo.com/the-state-of-web-analytics/

[14] HTML, CSS и JS в ADD, OCD, биполярном, дислексическом и аутистическом мире: https://css-tricks.com/hmtl-css-and-js-in-an-add-ocd-bi-polar-dyslexic-and-autistic-world/

[15] Секреты DevTools: запуск, сеть и производительность: https://www.sitepoint.com/browser-devtools-secrets-start-up-network-and-performance/

[16] Подборка вдохновляющихе сайтов #2: https://tympanus.net/codrops/2019/03/05/inspirational-websites-roundup-2/

[17] Displacement Scroll: https://codepen.io/mwmwmw/full/VgemeN

[18] CSS LEGO Minifigure Maker: https://codepen.io/joshbader/full/MZMzjr

[19] Google игнорирует спам в CSS: https://www.searchengines.ru/css-spam.html

[20] 8 приемов работы с CSS: параллакс, «липкий» футер и другие: https://habr.com/en/company/skillbox/blog/442658/

[21] Создание надежных макетов с помощью Container Units: https://www.smashingmagazine.com/2019/03/robust-layouts-container-units-css/

[22] Как объединить цветовые функции SASS и CSS-переменные: https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables

[23] Составление масок: ускоренный курс: https://css-tricks.com/mask-compositing-the-crash-course/

[24] Вариативные шрифты: https://andi1984.de/en/post/variable-font/

[25] RFS (Responsive Font Size): https://github.com/twbs/rfs

[26] Как убедить вашу команду использовать CSS Grid: https://css-irl.info/how-to-convince-your-team-to-adopt-grid/

[27] Рефакторинг через классы: вычищаем свой JavaScript-код: https://tproger.ru/translations/javascript-code-cleanup-how-to-refactor-using-classes/

[28] Идеальное руководство для взлома интервью на JavaScript (с точки зрения разработчика): https://medium.com/@SilentHackz/a-perfect-guide-for-cracking-a-javascript-interview-a-developers-perspective-cb1716d35381

[29] Подводные камни производительности JavaScript в V8: https://ponyfoo.com/articles/javascript-performance-pitfalls-v8

[30] Поддержка больших JavaScript приложений: https://9elements.com/io/maintaining-large-javascript-projects/

[31] Когда JavaScript SEO имеет значение?: https://www.youtube.com/watch?v=Mqi9aLZElgc&t=0s&index=4&list=PLKoqnv2vTMUPOalM1zuWDP9OQl851WMM9&linkId=64439568

[32] TypeScript vs PureScript: https://blog.logrocket.com/typescript-vs-purescript-not-all-compilers-are-created-equal-c16dadaa7d3e

[33] Соглашения об именованиях в JavaScript: как делать и как не стоит: https://medium.freecodecamp.org/javascript-naming-conventions-dos-and-don-ts-99c0e2fdd78a

[34] Понимание мемоизации в JavaScript: https://scotch.io/tutorials/understanding-memoization-in-javascript

[35] Часть 1: https://itnext.io/javascript-fundamentals-master-the-dom-part-1-82433084fb40

[36] Часть 2: https://itnext.io/javascript-fundamentals-master-the-dom-part-2-bef36405598e

[37] JS классы и наследование в ES6, ES5: https://medium.com/@_jmoller/javascript-clases-and-inheritance-1f8de29c845c

[38] Промисы: полное руководство: https://itnext.io/promises-the-definitive-guide-6a49e0dbf3b7

[39] Как использовать методы apply (), call () и bind () в JavaScript: https://medium.freecodecamp.org/how-to-use-the-apply-call-and-bind-methods-in-javascript-80a8e6096a90

[40] JavaScript Symbols: но зачем?: https://medium.com/intrinsic/javascript-symbols-but-why-6b02768f4a5c

[41] Gatsby.js в деталях: https://habr.com/en/post/442298/

[42] useTypescript — Полное руководство по React Hooks и TypeScript: https://levelup.gitconnected.com/usetypescript-a-complete-guide-to-react-hooks-and-typescript-db1858d1fb9c

[43] Чем функциональные компоненты отличаются от классов?: https://overreacted.io/how-are-function-components-different-from-classes/

[44] Create React App слишком раздут: https://hackernoon.com/create-react-app-is-way-too-bloated-5db07c3511

[45] Рендеринг больших списков с помощью react-window: https://addyosmani.com/blog/react-window/

[46] Юнит-тестирование компонентов React: https://medium.com/javascript-scene/unit-testing-react-components-aeda9a44aae2

[47] Моя интуиция о том, когда использовать пользовательские React Hooks: https://frontarm.com/james-k-nelson/react-hooks-intuition/

[48] Десять советов по увеличению производительности при написании кода на Vue.js: https://www.telerik.com/blogs/10-tips-to-increase-your-productivity-when-coding-in-vuejs

[49] Vue.js — Как создать свой первый пакет и опубликовать его на NPM: https://www.telerik.com/blogs/vuejs-how-to-build-your-first-package-publish-it-on-npm

[50] Point of Vue — часть 3 — столкновение с React: https://medium.com/js-dojo/point-of-vue-part-3-facing-react-3328d8b505b2

[51] Shoptalk Show #350: «Поддержка Vue.js», в качестве приглашенного гостя — Evan You: https://shoptalkshow.com/episodes/350/

[52] Как добиться максимальной производительности ваших Angular приложений : https://medium.freecodecamp.org/how-to-get-the-best-performance-out-of-your-angular-apps-d5132a6c3335

[53] Angular 8 Beta: новая схема обновления для Ivy в Angular 8.0.0-beta.7: https://medium.com/swlh/angular-8-beta-new-update-scheme-for-ivy-in-angular-8-0-0-beta-7-d5f3541e5ed3

[54] Топ 10 способов использования Interceptors в Angular: https://blog.angularindepth.com/top-10-ways-to-use-interceptors-in-angular-db450f8a62d6

[55] ThanosJS: https://thanosjs.org/

[56] Handtrack.js: отслеживания рук в браузере с использованием Tensorflow.js и 3 строк кода.: https://hackernoon.com/handtrackjs-677c29c1d585

[57] iro.js: https://github.com/jaames/iro.js

[58] Новый кодек AV1: ускоряем загрузку видео в браузере: https://habr.com/ru/post/442020/

[59] На первых скриншотах новый браузер Microsoft Edge на движке Chromium выглядит как клон Google Chrome: https://itc.ua/news/na-pervyih-skrinshotah-novyiy-brauzer-microsoft-edge-na-dvizhke-chromium-vyiglyadit-kak-klon-google-chrome/

[60] Mozilla исправила ошибку 8-летней давности в Firefox, уменьшив потребление памяти: https://3dnews.ru/983805

[61] Неисправленную уязвимость в Chrome атаковали злоумышленники: https://xakep.ru/2019/03/07/filereader-0day/

[62] Google развеял домыслы в отношении 0-day уязвимости в Chrome: http://www.opennet.ru/opennews/art.shtml?num=50276

[63] Новый браузер Edge сначала будет только в Windows 10 64 бит: https://overclockers.ru/blog/Scorpion81/show/24726/novyj-brauzer-edge-snachala-budet-tolko-v-windows-10-64-bit

[64] Что нового в DevTools (Chrome 74): https://developers.google.com/web/updates/2019/03/devtools

[65] AMP-страницы получили ряд улучшений: https://www.searchengines.ru/amp-improvements.html

[66] Безопасность веб-приложений в 2018 году серьёзно ухудшилась: https://servernews.ru/983799/

[67] Мнение: почему данные — не новая нефть: https://ain.ua/2019/03/04/mnenie-pochemu-dannye-ne-novaya-neft/

[68] 50 серьезных ошибок в программировании и дизайне, которые стоили жизней, времени и денег: https://dou.ua/lenta/columns/dangerous-mistakes-in-prorgamming/

[69] Опубликована статистика компрометации сайтов в 2018 году: http://www.opennet.ru/opennews/art.shtml?num=50255

[70] Microsoft обновила веб-версию Skype — теперь она работает только в Chrome и Edge: https://vc.ru/services/60648-microsoft-obnovila-veb-versiyu-skype-teper-ona-rabotaet-tolko-v-chrome-i-edge

[71] Microsoft опубликовала на GitHub исходный код Калькулятора Windows: https://itc.ua/news/microsoft-opublikovala-na-github-ishodnyiy-kod-kalkulyatora-windows/

[72] Новая уязвимость Spoiler затрагивает все поколения процессоров Intel Core: https://3dnews.ru/983814/

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

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

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

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

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