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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] #76 – Иван Ботанов о том, как и зачем начал обучать разработчиков Angular'у: https://soundcloud.com/frontend-weekend/fw-76

[7] Новости 512 — Выпуск №26 (22.10 — 28.10): https://soundcloud.com/csssr/novosti-512-vypusk-26-2210-2810

[8] Выпуск 53: Proposals, proposals, proposals или итоги рабочей встречи: https://radiojs.ru/2018/10/%D0%B2%D1%8B%D0%BF%D1%83%D1%81%D0%BA-53/

[9] №7. KFC, SVG и лишний base64, вредная типа-доступность: https://www.youtube.com/watch?v=Eo3COLvWBFk

[10] JavaScript Jabber 336: “The Origin of ESLint” with Nicholas Zakas: https://devchat.tv/js-jabber/jsj-336-the-origin-of-eslint-with-nicholas-zakas/

[11] React Podcast #26: Chill Out and Listen with Brad Frost: https://reactpodcast.com/26

[12] Node Ukraine 2018 — talks: https://www.youtube.com/playlist?list=PLpIsQPwLKqN-jwAA62rqqAuGdbYv-nYzg

[13] WSD в Киеве, 2018: https://www.youtube.com/watch?v=hSyO6y4B4BE

[14] React Conf 2018, 28 videos: https://www.youtube.com/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ

[15] Верхнеуровневая архитектура фронтенда. Лекция Яндекса: https://habr.com/company/yandex/blog/425611/

[16] Рассылай и властвуй: вёрстка рассылки тогда и сейчас: https://habr.com/company/2gis/blog/427653/

[17] Прагматичные правила веб-доступности, которые задержаться в вашем сознании: https://medium.freecodecamp.org/pragmatic-rules-of-web-accessibility-that-will-stick-to-your-mind-9d3eb85a1a28

[18] Типичный сайт в 2018: https://www.reddit.com/r/web_design/comments/9pmqxb/typical_website_in_2018/

[19] codepen edition: https://codepen.io/cobra_winfrey/pen/MPqvwg

[20] website edition: https://2018.bloomca.me/en

[21] Использование инспектора анимации в инструментах разработчика Chrome: https://habr.com/post/427657/

[22] 10 консольных трюков для профессиональной отладки: https://itnext.io/10-console-tricks-to-debug-like-a-pro-66ee2225ec57

[23] Аннотированный webpack 4 Config для разработки фронтенда: https://nystudio107.com/blog/an-annotated-webpack-4-config-for-frontend-web-development

[24] Siteaudit: проведите аудит вашего сайта (Pagespeed, Lighthouse, A11y) прямо из терминала: https://github.com/thecreazy/siteaudit

[25] Фигуры, сгенерированные с помощью CSS background gradients.: https://codepen.io/yuanchuan/full/vVRKRQ/

[26] Создание интерфейсов с учетом пропорций: https://medium.com/@getflourish/designing-with-ratio-dcc656d5385d

[27] Соединение ДНК HTML с помощью атрибутов селекторов CSS : https://www.smashingmagazine.com/2018/10/attribute-selectors-splicing-html-dna-css/

[28] От обычного к экстраординарному с помощью CSS анимаций: https://medium.marqeta.com/from-ordinary-to-extraordinary-with-css-animations-2aafd1bd9a6d

[29] Упрощение стилизации с помощью функционального CSS: https://blog.rangle.io/styling-with-functional-css/

[30] Вы используете <em> неправильно: https://logrocket.com/blog/youre-using-em-wrong/

[31] Использование темного режима в CSS с MacOS Mojave: https://paulmillr.com/posts/using-dark-mode-in-css/

[32] Неполный список ошибок в проектировании CSS: https://wiki.csswg.org/ideas/mistakes

[33] 100 Days CSS Challenge: https://100dayscss.com/

[34] ES2018 — метод промисов finally: https://habr.com/company/ruvds/blog/427405/

[35] API ReportingObserver: взгляд на код веб-страниц с новой точки зрения: https://habr.com/company/ruvds/blog/427403/

[36] Вышла Node.js 11.0 с поддержкой движка V8 7.0: https://tproger.ru/news/node-js-11-0-release/

[37] The State of JavaScript: https://www.youtube.com/watch?v=i5R7giitymk&feature=youtu.be

[38] Как уменьшить влияние JavaScript на время загрузки вашей страницы: https://engineering.gosquared.com/improve-javascript-page-load-time

[39] Как создать кастомные маркеры для Google Maps с помощью HTML & CSS, ES6 классов и замыканий: https://levelup.gitconnected.com/how-to-create-custom-html-markers-on-google-maps-9ff21be90e4b

[40] 3 ошибки производительности JavaScript, которые вы должны прекратить делать: https://hackernoon.com/3-javascript-performance-mistakes-you-should-stop-doing-ebf84b9de951

[41] GraphQL: история успеха PayPal Checkout: https://medium.com/paypal-engineering/graphql-a-success-story-for-paypal-checkout-3482f724fb53

[42] Играем в Mortal Kombat с TensorFlow.js. Transfer learning и data augmentation: https://blog.mgechev.com/2018/10/20/transfer-learning-tensorflow-js-data-augmentation-mobile-net/

[43] The Intl.RelativeTimeFormat API: https://developers.google.com/web/updates/2018/10/intl-relativetimeformat

[44] Каррирование функций в JavaScript: https://habr.com/company/ruvds/blog/427295/

[45] 100 видео-лекций по программированию: https://habr.com/post/427799/

[46] typeof Everything и утиные недоразумения: https://habr.com/post/427253/

[47] Разбираемся в проверке JavaScript-типов с помощью typeof: https://medium.com/devschacht/javascript-typeof-43591ab15bef

[48] Просто о JavaScript: честное введение о Mocking, Stubbing и интерфейсы: https://medium.freecodecamp.org/simply-javascript-a-straightforward-intro-to-mocking-stubbing-and-interfaces-14e67ed6641a

[49] Понимание функций высокого порядка в JavaScript: https://blog.bitsrc.io/understanding-higher-order-functions-in-javascript-75461803bad

[50] Что нового в React 16.6: https://scotch.io/bar-talk/whats-new-in-react-166

[51] React 16.6: React.memo() для Functional Components Rendering Control: https://scotch.io/tutorials/react-166-reactmemo-for-functional-components-rendering-control

[52] Начинаем работать с React Hooks: https://scotch.io/tutorials/getting-started-with-react-hooks

[53] Использование React Profiler для производительности: https://scotch.io/tutorials/use-the-react-profiler-for-performance

[54] Ломаем производительность React с помощью Redux: https://blog.scottlogic.com/2018/10/22/ruining-react-s-performance-with-redux.html

[55] Чистые функциональные компоненты в React: https://logrocket.com/blog/pure-functional-components/

[56] Понимание Render Props и HOC: https://blog.bitsrc.io/understanding-react-render-props-and-hoc-b37a9576e196

[57] Функциональный React. Это возможно? Изучение техник функционального программирования в HOC: https://levelup.gitconnected.com/functional-react-is-it-possible-ceaf5ed91bfd

[58] Создание компонентов скелетона с помощью React: https://css-tricks.com/building-skeleton-components-with-react/

[59] Angular 7 и виртуальный скролл: https://www.master-web.info/angular-7-and-virtual-scroll/

[60] Angular v7 вышел, но 7.1.0 уже на подходе: https://jaxenter.com/road-to-angular-v7-release-is-here-145326.html

[61] Реактивные формы angular в реальном мире: https://blog.grossman.io/real-world-angular-reactive-forms/

[62] Интернационализация в приложениях Angular и React — сравнение: https://hackernoon.com/internationalization-in-angular-and-react-applications-a-comparison-93883f4e1cdb

[63] Isoline Routing в Angular-приложении с использованием API-интерфейсов HERE Routing: https://developer.here.com/blog/isoline-routing-in-an-angular-application-using-the-here-routing-api

[64] Shards Dashboard Vue: https://github.com/designrevision/shards-dashboard-vue

[65] Использование мутаций GraphQL в Vue.js: https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf

[66] lazy-brush: https://github.com/dulnan/lazy-brush

[67] percollate: инструмент командной строки, превращающий веб-страницы в форматированные PDF: https://github.com/danburzo/percollate

[68] IronDB — резервное хранилище ключей для браузера: https://github.com/gruns/irondb

[69] Firefox 63: новые Web Components API, редактор шрифтов и подавление анимации через CSS: https://tproger.ru/news/firefox-63-release/

[70] Firefox возможно будет монетизироваться за счет встроенного платного VPN-дополнения: https://habr.com/post/427373/

[71] Браузер Firefox 63 получил функцию Enhanced Tracking Protection для повышения уровня приватности серфинга: https://itc.ua/news/brauzer-firefox-63-poluchil-funktsiyu-enhanced-tracking-protection-dlya-povyisheniya-urovnya-privatnosti-serfinga/

[72] Mozilla встроит в Firefox подписку на ProtonVPN, причем по более высокой цене, чем напрямую через сайт сервиса: https://itc.ua/news/mozilla-vstroit-v-firefox-podpisku-na-protonvpn-prichem-po-bolee-vyisokoy-tsene-chem-napryamuyu-cherez-sayt-servisa/

[73] Что нового в Microsoft Edge в Windows 10 October 2018 Update: https://blogs.windows.com/msedgedev/2018/10/04/edgehtml-18-october-2018-update/

[74] Дайджест за прошлую неделю: https://habr.com/company/zfort/blog/427239/

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

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

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

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