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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] #83 – Илья Климов о том, как и зачем был создан образовательный проект JavaScript.Ninja : https://soundcloud.com/frontend-weekend/fw-83

[7] TypeScript и его поддержка в IDE от JetBrains: https://medium.com/devschacht/devschacht-61-75ac8fd58960

[8] #75 Tits on keyboard: https://soundcloud.com/frontend_u/e75

[9] Remote Talk #03 — Алексей Волков и Олеся Козлова, Челябинск: https://soundcloud.com/csssr/remote-talk-03

[10] «Satellite Text»: https://www.youtube.com/watch?v=xlE2fJ_6ZJQ&feature=youtu.be

[11] Как работают браузеры — введение в безопасность веб-приложений: https://habr.com/company/edison/blog/432870/

[12] Краткий обзор фронтенд-разработки в 2018 году: https://levelup.gitconnected.com/a-recap-of-frontend-development-in-2018-715724c9441d

[13] Генератор кода GraphQL: https://github.com/dotansimha/graphql-code-generator

[14] Создание анимированной формы авторизации для TouchID: https://css-tricks.com/creating-an-animated-login-form-for-touchid/

[15] Анти-паттерн производительности: Base64 Encoding: https://calendar.perfplanet.com/2018/performance-anti-patterns-base64-encoding/

[16] Измеряем производительность влияния расширений Chrome на производительность: https://www.debugbear.com/blog/measuring-the-performance-impact-of-chrome-extensions

[17] Все о prefetching: https://calendar.perfplanet.com/2018/all-about-prefetching/

[18] GoogleChromeLabs/quicklink: https://github.com/GoogleChromeLabs/quicklink

[19] Кейс: как Pinterest перешёл на PWA и увеличил активность пользователей на 60 %: https://tproger.ru/translations/pinterest-pwa/

[20] Существует ли холодная война между Android и Chrome из-за PWAs?: https://medium.com/@firt/is-there-a-cold-war-between-android-and-chrome-because-of-pwas-e50a7471056c

[21] Быстрее, чем AMP: https://our.bitchin.party/2018/12/faster-than-amp.html

[22] JavaScript и гражданские права.: https://www.deque.com/blog/javascript-and-civil-rights/

[23] Не древняя стратегия навигации: это больше, чем просто клавиша TAB : https://www.24a11y.com/2018/more-than-just-the-tab-key/

[24] Использование aria-live: https://bitsofco.de/using-aria-live/

[25] Все меняется? Что может случиться с законом о доступности в Великобритании после Brexit: https://www.24a11y.com/2018/accessibility-law-in-uk-after-brexit/

[26] В Firefox Accessibility Inspector теперь можно увидеть контраст WCAG, включая диапазон значений для градиентного фона: https://twitter.com/FirefoxDevTools/status/1072967286116380672

[27] Просто используйте стили для :focus, чёрт возьми: https://medium.com/web-standards/just-use-focus-799c577a8479

[28] Введение и руководство по CSS Object Model (CSSOM): https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/

[29] DebuCSSer: https://github.com/lucagez/Debucsser

[30] CSS-in-JS или CSS-and-JS: https://johnpolacek.github.io/css-in-js-or-css-and-js/

[31] Свойство visibility — это не только про видимость элемента: https://bitsofco.de/the-visibility-property-isnt-just-about-visibility/

[32] Когда применяются псевдо-классы :hover, :focus и :active?: https://bitsofco.de/when-do-the-hover-focus-and-active-pseudo-classes-apply/

[33] Проверяем, пустой ли инпут с помощью CSS: https://zellwk.com/blog/check-empty-input-css/

[34] Исследование свойств в спецификациях CSS: https://24ways.org/2018/researching-a-property-in-the-css-specifications/

[35] Математика в CSS: https://css-tricks.com/keep-math-in-the-css/

[36] О преимуществах встраивания CSS в JS: https://habr.com/post/433276/

[37] Кто принимал участие в JavaScript 2018 Survey?: https://medium.freecodecamp.org/who-took-the-state-of-javascript-2018-survey-8b51bca63a0

[38] Продвинутые инъекции JavaScript кода: https://brutelogic.com.br/blog/advanced-javascript-injections/

[39] Netflix Technology Blog: Наши выводы после внедрения GraphQL: https://medium.com/netflix-techblog/our-learnings-from-adopting-graphql-f099de39ae5f

[40] JavaScript: насколько далеко мы продвинулись: https://medium.com/achievers-tech/javascript-how-far-weve-come-bb92ef0898fe

[41] Решающий поединок между тех-трендами: React vs Angular vs Vue: https://medium.com/zerotomastery/tech-trends-showdown-react-vs-angular-vs-vue-61ffaf1d8706

[42] Используйте эти функции Javascript, чтобы сделать ваш код более читабельным: https://medium.com/cleversonder/use-these-javascript-features-to-make-your-code-more-readable-ec3930827226

[43] Машинное обучение с Node.js при помощи библиотеки Tensorflow.js: https://habr.com/company/piter/blog/432984/

[44] Запускаем дрон с помощью React и Node.js! (100% JavaScript!) — часть 1: https://www.youtube.com/watch?v=JzFvGf7Ywkk

[45] 19 способов стать лучше для Node.js разработчиков в 2019: https://medium.com/@me_37286/19-ways-to-become-a-better-node-js-developer-in-2019-ffd3a8fbfe38

[46] Node.js API и веб-фреймворки для 2019: https://checklyhq.com/blog/2018/12/node.js-api-and-web-frameworks-for-2019/

[47] Явные возможности JavaScript: https://habr.com/post/432102/

[48] Как работает JavaScript: обзор движка, среды выполнения и стека вызовов: http://jem-space.ru/kak-rabotaiet-javascript/

[49] Наследование в JavaScript и цепь прототипов: https://medium.freecodecamp.org/javascript-inheritance-and-the-prototype-chain-d4298619bdae

[50] ECMAScript — пробуем что-то из ES2019 (ES10): https://nitayneeman.com/posts/a-taste-from-ecmascript-2019/

[51] Публичные и приватные свойства классов: https://developers.google.com/web/updates/2018/12/class-fields

[52] 9 статических генераторов сайтов на React для 2019: https://blog.bitsrc.io/9-react-static-site-generators-for-2019-f54a66e519d2

[53] Рендер списков с помощью React Virtualized: https://css-tricks.com/rendering-lists-using-react-virtualized/

[54] Написание кода React быстрее с помощью простых React-сниппетов: https://scotch.io/tutorials/write-react-faster-w-simple-react-snippets

[55] Советы по оптимизации React : https://itnext.io/react-optimization-tips-224c66b4b30d

[56] Async React с помощью React Router & Suspense: https://itnext.io/async-react-using-react-router-suspense-a86ade1176dc

[57] React: State & Props IRL: https://medium.com/@natashabuck1/react-state-props-irl-14b98c14981

[58] Рассказы, главы и параграфы: структурирование контента с помощью Storyblok и Vue.js: https://www.storyblok.com/tp/structuring-content-storyblok-vuejs

[59] Выбор темы интерактивной карты с помощью Vue.js: https://developer.here.com/blog/picking-an-interactive-map-theme-with-vue.js

[60] Написание кастомное TSLint правило для Angular: https://medium.com/@rangleio/writing-a-custom-tslint-rule-for-angular-f31660e881ad

[61] Вариант для наследования компонентов в Angular, часть 1: https://medium.com/@saniyusuf/part-1-the-case-for-component-inheritance-in-angular-a34fe2a0f7ac

[62] Делаем Angular библиотеки еще лучше — часть 1: https://hackernoon.com/building-better-angular-libraries-part-1-217b3af7a3a1

[63] Миграция с AngularJS на Angular — новая стратегия: https://medium.com/@urishmueli_82036/migrating-from-angularjs-to-angular-a-brand-new-strategy-cbfba7417dd2

[64] matchit: быстро парсит и сравнивает URLы: https://github.com/lukeed/matchit

[65] Rendora: динамический рендеринг на сервере, использующий headless Chrome для решения SEO проблем с современными фреймворками React, Vue, Angular без усилий: https://github.com/rendora/rendora

[66] pika: поиск современных npm-пакетов. Получи быстрые и легковесные JavaScript сборки.: https://www.pikapkg.com/

[67] Почему я больше не использую D3.js: https://medium.com/@PepsRyuu/why-i-no-longer-use-d3-js-b8288f306c9a

[68] Релиз Firefox 64: http://www.opennet.ru/opennews/art.shtml?num=49762

[69] Подробности для разработчиков в обзоре Марата Таналина: http://tanalin.com/blog/2018/12/firefox-64/

[70] Новый Edge будет поддерживать расширения Chrome: http://www.wincore.ru/windows-news/7287-novyy-edge-budet-podderzhivat-rasshireniya-chrome.html

[71] Opera выпустила первый Android-браузер с поддержкой Web 3 и встроенным криптокошельком Ethereum: https://itc.ua/news/opera-vyipustila-pervyiy-android-brauzer-s-podderzhkoy-web-3-i-vstroennyim-kriptokoshelkom-ethereum/

[72] Браузер Brave завершил переход на Chromium: https://xakep.ru/2018/12/13/chromium-brave/

[73] Подборка комментариев, посвященных недавней ситуацией с браузерами и Edge: https://css-tricks.com/browser-diversity-commentary-regarding-the-edge-news/

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

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

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

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

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