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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #1. Дэн Абрамов — самозванец? Flow не float? И кто же он — король ништяков?: https://www.youtube.com/watch?v=xeW_F-a8A_A

[8] Выпуск 55: Node.js на бэкенде – настоящий бэкенд?: https://radiojs.ru/2019/02/radiojs55-nodejs-on-backend/

[9] 68: Неудобные вопросы к GraphQL : https://www.youtube.com/watch?v=7BrbOPtqyaY&feature=youtu.be

[10] #82 Как lodash изменил javascript : https://soundcloud.com/frontend_u/e82

[11] Турнир: «Лучшая веб-фича 2018» (ЧАСТЬ 1): https://www.youtube.com/watch?v=SItV6NBSgpo

[12] Как писать хороший и понятный код: https://medium.com/webbdev/code-d3487ba7365c

[13] HTML, CSS и исчезающие точки входа в индустрию: https://medium.com/@ABatickaya/entry-points-cd78f4c527ad

[14] Руководство по GraphQL для начинающих: https://tproger.ru/translations/graphql-beginners-guide/

[15] CSS и JS в состоянии войны, вот как это остановить: https://dev.to/evilmartians/css-and-js-are-at-war-heres-how-to-stop-it-158a

[16] HTML есть и всегда был целью компиляции — можем ли мы что-нибудь сделать с этим?: https://medium.com/@codepo8/html-is-and-always-was-a-compilation-target-can-we-deal-with-this-e1a545ad276b

[17] Магазин Google Play теперь открыт для Progressive Web Apps : https://medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc

[18] “Бэкэндификация” фронтенд-разработки: https://medium.com/@mktlr/the-backendification-of-frontend-development-62f218a773d4

[19] Обзор наиболее интересных предложений для веб-платформы, связанных с веб-компонентами: https://scotch.io/bar-talk/an-overview-of-the-most-exciting-proposals-for-the-web-platform-related-to-web-components

[20] Оптимизация скорости страницы: метрики, инструменты и способы улучшения: https://moz.com/blog/website-page-speed

[21] Улучшение производительности веб-шрифтов на примерах: https://www.netcentric.biz/insights/2019/01/web-font-performance.html

[22] tris-webpack-boilerplate: https://github.com/tr1s/tris-webpack-boilerplate

[23] 11 JavaScript расширений для Visual Studio Code: https://scotch.io/bar-talk/11-awesome-javascript-extensions-for-visual-studio-code

[24] Что нового в DevTools (Chrome 73): https://developers.google.com/web/updates/2019/01/devtools

[25] Новое в Firefox DevTools 65: https://hacks.mozilla.org/2019/01/new-in-firefox-devtools-65/

[26] Использование искусственного интеллекта для создания альтернативного текста на изображениях: https://css-tricks.com/using-artificial-intelligence-to-generate-alt-text-on-images/

[27] Инструменты и стратегии для разработки доступных веб-приложений: https://accessible-app.com/

[28] Как ты используешь элемент figure?: https://www.scottohara.me/blog/2019/01/21/how-do-you-figure.html

[29] Деконструкция Taotajima.jp WebGL: https://medium.com/@akella/taotajima-jp-webgl-deconstruction-af4946e8e8ed

[30] Создание волновых анимаций на Three.js: https://tympanus.net/codrops/2019/01/30/buildings-wave-animation-with-three-js/

[31] Кастомные эффекты для курсора: https://tympanus.net/codrops/2019/01/31/custom-cursor-effects/

[32] Как на самом деле работает position: sticky в CSS: https://medium.com/@ABatickaya/sticky-bc7ff7088693

[33] Взгляд на CSS-переносы в 2019 году: https://justmarkup.com/log/2019/01/a-look-at-css-hyphenation-in-2019/

[34] Множество способов изменить SVG-заливку при наведении (и когда их использовать): https://css-tricks.com/the-many-ways-to-change-an-svg-fill-on-hover-and-when-to-use-them/

[35] CSS-in-JS и статический рендеринг: https://frontarm.com/james-k-nelson/css-in-js-static-rendering/

[36] CSSans Pro: https://cssans.pro/

[37] CSS WordArt: https://codepen.io/kathykato/full/omxPap

[38] CSS Grid: Excel Spreadsheet: https://codepen.io/oliviale/details/rPjgmB

[39] CSS Animation: Marauder's Map: https://codepen.io/oliviale/full/ZwWbNg

[40] Цена композиции в Javascript-мире: https://habr.com/ru/post/438404/

[41] EcmaScript 10 — JavaScript в этом году: https://habr.com/ru/post/437806/

[42] Почему в основе каждого нового веб-приложения в PayPal лежит TypeScript?: https://habr.com/ru/company/ruvds/blog/437986/

[43] Что нового в JavaScript 2019: https://medium.com/@ABatickaya/es2019-417d8b406346

[44] Будущий JavaScript: чего еще не хватает?: http://2ality.com/2019/01/future-js.html

[45] Статическое vs Юнит vs Интеграционное vs E2E тестирование для фронтенд-приложений: https://blog.kentcdodds.com/static-vs-unit-vs-integration-vs-e2e-testing-for-frontend-apps-ec4eb7e855d1

[46] React vs Angular: подробное сравнение: https://www.sitepoint.com/react-vs-angular/

[47] Еще три способа визуализации состояния JavaScript: https://medium.freecodecamp.org/three-more-ways-to-visualize-the-state-of-javascript-1f91ee452d07

[48] TypeScript 3.3: https://blogs.msdn.microsoft.com/typescript/2019/01/31/announcing-typescript-3-3/

[49] Babel 7.3: https://babeljs.io/blog/2019/01/21/7.3.0

[50] Jest 24: https://jestjs.io/blog/2019/01/25/jest-24-refreshing-polished-typescript-friendly

[51] JavaScript: Публичные и приватные поля классов: https://habr.com/ru/post/438202/

[52] Как освоить синтаксис async/await: реальный пример: https://habr.com/ru/company/plarium/blog/438318/

[53] Как работать с async/await в циклах JavaScript: https://medium.com/webbdev/js-8dfa059cae97

[54] Краткая история асинхронных возможностей Javascript: https://medium.com/webbdev/%D0%BA%D1%80%D0%B0%D1%82%D0%BA%D0%B0%D1%8F-%D0%B8%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F-%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D1%85-%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9-javascript-d5487d1f5e36

[55] Погружаемся еще глубже в объекты JavaScripts: https://blog.bitsrc.io/diving-deeper-in-javascripts-objects-318b1e13dc12

[56] 7 проблем, которые вы можете избежать, используя Nuxt.js для вашего следующего приложения на Vue: https://medium.com/vue-mastery/7-problems-you-can-avoid-by-using-nuxt-js-for-your-next-vue-app-963afd5047d3

[57] Оптимизация производительности приложения Vue.js: часть 1 — Введение в оптимизацию производительности и отложенную загрузку.: https://itnext.io/vue-js-app-performance-optimization-part-1-introduction-to-performance-optimization-and-lazy-29e4ff101019

[58] Освоение Computed Properties в VueJS: https://levelup.gitconnected.com/mastering-computed-properties-in-vuejs-82a60dfcbaef

[59] Как создать простой мониторинг социальных сетей на NodeJS, GraphQL и Vue: https://medium.freecodecamp.org/how-to-build-a-simple-social-media-monitor-with-nodejs-graphql-and-vue-55ffe4124ab5

[60] Использование Vue.js для создания интерактивной панели погоды с API: https://www.smashingmagazine.com/2019/02/interactive-weather-dashboard-api-vue-js/

[61] Что Vue 3.0 означает для веб-разработки?: https://medium.com/@mattmaribojoc/what-does-vue-3-0-mean-for-web-development-851052fc0138

[62] (Новые) методы жизненного цикла React на простом доступном языке: https://blog.logrocket.com/the-new-react-lifecycle-methods-in-plain-approachable-language-61a2105859f3

[63] React as a UI Runtime: https://overreacted.io/react-as-a-ui-runtime/

[64] Создание прогрессивных веб-приложений с помощью React. Часть 1: https://blog.bitsrc.io/build-progressive-web-apps-with-react-part-1-63f1fbc564a6

[65] addimated: https://github.com/vincentriemer/addimated

[66] React Custom Scroll 4.0: https://github.com/AlexSergey/react-customscroll

[67] 5 способов анимировать ReactJs-приложения в 2019 году.: https://medium.com/@dmitrynozhenko/5-ways-to-animate-a-reactjs-app-in-2019-56eb9af6e3bf

[68] Почему Gatsby такой быстрый: https://medium.freecodecamp.org/how-gatsby-is-so-blazing-fast-c99a6f2d405e

[69] Знакомство с NG-VDOM: новый способ написания приложений на Angular: https://blog.angularindepth.com/introducing-to-ng-vdom-a-new-way-to-write-angular-application-60a3be805e59

[70] Создайте готовый к продакшену PWA с Angular и Firebase: https://itnext.io/build-a-production-ready-pwa-with-angular-and-firebase-8f2a69824fcc

[71] Angular 7|6 Tutorial: Создание и отправка форм: https://itnext.io/angular-7-6-tutorial-building-and-submitting-a-form-b17461c5568b

[72] Angular DI: знакомство с Ivy NodeInjector: https://blog.angularindepth.com/angular-di-getting-to-know-the-ivy-nodeinjector-33b815642a8e

[73] flexsearch: https://github.com/nextapps-de/flexsearch

[74] readability.js: https://github.com/mozilla/readability

[75] webaudio-synth: Web Audio API полифонический синтезатор: https://github.com/nextgtrgod/webaudio-synth

[76] В 2020 году Microsoft прекратит поддержку Internet Explorer 10: https://habr.com/ru/post/438208/

[77] Релиз Firefox 65: https://www.opennet.ru/opennews/art.shtml?num=50050

[78] детали для веб-разработчиков в блоге Марата Таналина: http://tanalin.com/blog/2019/01/firefox-65/

[79] WebRender для видеокарт AMD/Intel и защита от MITM-атак в Firefox: https://www.opennet.ru/opennews/art.shtml?num=50075

[80] Mozilla представила ещё один мобильный браузер: https://overclockers.ru/blog/Drakostaarn_blog/show/23986/mozilla-predstavila-eschjo-odin-mobilnyj-brauzer

[81] Пользователи пожаловались на проблемы с сертификатами после установки Firefox 65: https://www.securitylab.ru/news/497730.php

[82] Что станет с блокировщиками рекламы после обновления API Chromium: мнения «Яндекс.Браузера», AdGuard и Adblock Plus: https://vc.ru/media/56605-chto-stanet-s-blokirovshchikami-reklamy-posle-obnovleniya-api-chromium-mneniya-yandeks-brauzera-adguard-i-adblock-plus

[83] Ответы на самые популярные вопросы про Gutenberg: http://oddstyle.ru/wordpress-2/stati-wordpress/otvety-na-samye-populyarnye-voprosy-pro-gutenberg.html

[84] Полное отключение Google+ для обычных пользователей запланировано на 2 апреля, компания предупреждает о полном удалении данных: https://itc.ua/news/polnoe-otklyuchenie-google-dlya-obyichnyih-polzovateley-zaplanirovano-na-2-aprelya-kompaniya-preduprezhdaet-o-polnom-udalenii-dannyih/

[85] JavaScript обогнал Java в рейтинге предпочтений разработчиков HackerRank: http://www.opennet.ru/opennews/art.shtml?num=50077

[86] Как виртуальная торговля игровыми артефактами может повлиять на реальную жизнь: https://knife.media/anarchy-in-the-ww/

[87] Что такое квантовый компьютер и как он работает: https://ain.ua/2019/02/01/chto-takoe-kvantovyj-kompyuter/

[88] Состояние искусственного интеллекта в 2019 году: https://www.computerra.ru/234616/sostoyanie-iskusstvennogo-intellekta-v-2019-godu/

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

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

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

[92] Источник: https://habr.com/ru/post/438708/?utm_campaign=438708

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