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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] Выпуск №154: Признание подкаста, наш Патреон, ёлочные игрушки, безопасность, Edge, нейронки на JS, фронтенд в Италии, почему не знать нормально, корейское сердечко и брызги шампанского.: https://medium.com/web-standards/episode-154-2f27486c22c4

[7] #63: Новогодний выпуск: https://medium.com/devschacht/new-year-2019-a14f389d34d6

[8] Джон Мюллер о создании AMP-only сайтов: https://www.searchengines.ru/amp-only-tips.html

[9] Лучшие генераторы статических сайтов для React в 2019 году: https://medium.com/nuances-of-programming/%D0%BB%D1%83%D1%87%D1%88%D0%B8%D0%B5-%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B-%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D1%85-%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-react-%D0%B2-2019-%D0%B3%D0%BE%D0%B4%D1%83-ef162e2a662

[10] Сколько стоит создание сайтов в 2019 году?: https://www.smashingmagazine.com/2019/01/costs-building-websites-2019/

[11] Static Site Boilerplate: http://staticsiteboilerplate.com/

[12] Узнайте, как использовать JSON Web Tokens (JWT) для аутентификации: https://github.com/dwyl/learn-json-web-tokens/blob/master/README.md

[13] PageSpeed Module: значительное увеличение скорости вашего сайта в автоматическом режиме: https://www.machmetrics.com/speed-blog/google-pagespeed-module-dramatically-increase-the-speed-of-your-website-automatically/

[14] Как создать сниппеты для VS Code: https://levelup.gitconnected.com/snippets-for-vs-code-6b36fc4ef11f

[15] Инклюзивные компоненты: переключатели: https://medium.com/web-standards/toggle-buttons-a41388e80974

[16] На Beyoncé's Parkwood Entertainment подали в суд из-за (не)доступности веб-сайта: https://www.theguardian.com/music/2019/jan/04/beyonce-parkwood-entertainment-sued-over-website-accessibility

[17] Доступность — Состояние Сети: https://www.youtube.com/watch?v=TomOQYxFnrU

[18] Инструмент для создания SVG-фильтров с Gradient Map: https://yoksel.github.io/svg-gradient-map/#/

[19] HTML5 SVG-анимация на CSS3 и ванильном JavaScript: https://www.smashingmagazine.com/2019/01/html5-svg-fill-animation-css3-vanilla-javascript/

[20] Наиболее понравившиеся работы на CodePen в 2018: https://codepen.io/2018/popular/pens/

[21] Новогодняя композиция с помощью three.js: https://ykob.github.io/sketch-threejs/sketch/newyear2019.html

[22] Игра Crossy Road на three.js: https://codepen.io/HunorMarton/full/JwWLJo

[23] 4 CSS фишки на каждый день: https://medium.com/@frontman/4-css-%D1%84%D0%B8%D1%88%D0%BA%D0%B8-f26ff6d9b1fc

[24] Как изучать CSS: https://www.smashingmagazine.com/2019/01/how-to-learn-css/

[25] CSS Grid для дизайнеров: https://open.nytimes.com/css-grid-for-designers-f74a883b98f5

[26] Простое руководство по анимации CSS: https://medium.com/@js_tut/simple-css-animation-tutorial-c4ad941a5d5c

[27] Быстрый аудит CSS и общие заметки о системах дизайна: https://css-tricks.com/a-quick-css-audit-and-general-notes-about-design-systems/

[28] Фоновый градиент на многострочном тексте: https://css-tricks.com/multi-line-inline-gradient/

[29] JavaScript реализация throttle на пальцах — скринкаст: https://www.youtube.com/watch?v=-v31jfaTyhU&feature=youtu.be

[30] Y-комбинатор на JavaScript: https://www.youtube.com/watch?v=clYMNxScsFQ

[31] Чем опасны сторонние модули Node.js: https://tproger.ru/translations/evil-npm-modules/

[32] Топ фреймворков и областей JavaScript для изучения в 2019 году: https://medium.com/javascript-scene/top-javascript-frameworks-and-topics-to-learn-in-2019-b4142f38df20

[33] Изучение современного JavaScript десятью простыми способами: https://blog.usejournal.com/10-fun-things-to-do-in-javascript-6fea173d2199

[34] Фоновая синхронизация с Service Workers: https://davidwalsh.name/background-sync

[35] AI в JavaScript с TensorFlow.js: https://www.javascriptjanuary.com/blog/artificial-intelligence-in-javascript-with-tensorflowjs

[36] Курс лекций по JavaScript и Node.js в КПИ: https://habr.com/post/434686/

[37] Как работать с async/await в циклах JavaScript: https://habr.com/post/435084/

[38] Краткая история JavaScript. Часть 1: https://medium.com/webbdev/js-809d6101e64b

[39] Когда использовать var vs let vs const в JavaScript: https://tylermcginnis.com/var-let-const/

[40] Особенности ES6, которые вы должны знать: https://medium.freecodecamp.org/these-are-the-features-in-es6-that-you-should-know-1411194c71cb

[41] Хроники JavaScript объектов: https://blog.bitsrc.io/the-chronicles-of-javascript-objects-2d6b9205cd66

[42] Состояние JavaScript в 2018 году: обзор Vue.js: https://medium.com/devschacht/the-state-of-javascript-2018-the-view-on-vue-b1606c452344

[43] О чем вас спросят на собеседовании vue.js в 2019: https://vanillaweb.ru/o-chem-vas-sprosyat-na-sobesedovanii-vuejs-v-2019/

[44] Семь причин изучать Vue.js в 2019 году: https://medium.com/vue-curious/seven-reasons-to-learn-vue-js-in-2019-fd38c98a4a63

[45] Сайт с блогом и портфолио с использованием Vue.js + Nuxt + Markdown: https://marinaaisa.com/blog/blog-using-vue-nuxt-markdown/

[46] Хранение и использование последнего известного маршрута в Vue: https://css-tricks.com/storing-and-using-the-last-known-route-in-vue/

[47] Лучшие практики Vue.js: https://medium.com/@riccardopolacci/vue-js-best-practices-c5da8d7af48d

[48] Hooper: настраиваемая карусель для приложений на Vue: https://baianat.github.io/hooper/getting-started.html#installation

[49] D3.js и Vue.JS: https://levelup.gitconnected.com/d3-js-and-vue-js-7a6a721eb79f

[50] Next.js для начинающих, с базовыми знаниями React: https://vanillaweb.ru/next-js-dlya-nachinauschich/

[51] Использование React.lazy и Suspense для разделения кода вашего приложения: https://hswolff.com/blog/react-lazy-and-suspense/

[52] 3 основных инструмента для повышения SEO вашего приложения на React: https://medium.com/@prestonwallace/3-ways-improve-react-seo-without-isomorphic-app-a6354595e400

[53] Универсальные конфигурации Webpack для приложений на React: https://blog.logrocket.com/versatile-webpack-configurations-for-your-react-application-e6ebf6615cc

[54] Рекурсивные пути с React Router: https://tylermcginnis.com/react-router-recursive-paths/

[55] Создание переиспользуемого акордион-компонента, который может работать где угодно: https://blog.bitsrc.io/creating-a-reusable-accordion-component-that-works-anywhere-2f2add05baa4

[56] Создание своего собственного Angular CLI Schematic с Nx: https://auth0.com/blog/create-custom-schematics-with-nx/

[57] Прогрессивное веб-приложение с использованием Angular и Google API: https://medium.com/@prashanth17.naik/progressive-web-application-using-angular-and-google-apis-e746a41128cb

[58] FBT: https://facebookincubator.github.io/fbt/

[59] Readlint: https://github.com/Wildhoney/Readlint

[60] omniclone: https://github.com/jfet97/omniclone

[61] SEO-итоги 2018: качество сайта, дискриминация органики и пауки в банке: https://www.searchengines.ru/seo-itogi-2018.html

[62] Наиболее важные события 2018 года: http://www.opennet.ru/opennews/art.shtml?num=49878

[63] Стабильный выпуск web-браузера Otter 1.0 с интерфейсом в стиле Opera 12 : http://www.opennet.ru/opennews/art.shtml?num=49888

[64] Империя Amazon — список всех подразделений онлайн-гиганта: https://ain.ua/2019/01/03/chto-est-amazon/

[65] 8K, VR и голограммы: каким будет телевидение завтрашнего дня?: https://www.computerra.ru/233896/8k-vr-i-gologrammy-kakim-budet-televidenie-zavtrashnego-dnya/

[66] Net Applications: в декабре 2018 года Windows 10 обошла Windows 7 по доле рынка настольных ОС: https://vc.ru/services/54758-net-applications-v-dekabre-2018-goda-windows-10-oboshla-windows-7-po-dole-rynka-nastolnyh-os

[67] MIT: в 2019 году блокчейн станет «скучным»: https://www.computerra.ru/233967/mit-v-2019-godu-blokchejn-stanet-skuchnym/

[68] Итоги акционеров: как изменилась стоимость крупнейших ИТ-компаний мира за 2018 год: https://vc.ru/finance/54803-itogi-akcionerov-kak-izmenilas-stoimost-krupneyshih-it-kompaniy-mira-za-2018-god

[69] Почему 2018 год стал худшим для Марка Цукерберга и что это значит для свободного интернета: https://tjournal.ru/internet/82868-pochemu-2018-god-stal-hudshim-dlya-marka-cukerberga-i-chto-eto-znachit-dlya-svobodnogo-interneta

[70] Видео: какими Microsoft видела технологии 2019 года в 2009 году : https://vc.ru/future/54715-video-kakimi-microsoft-videla-tehnologii-2019-goda-v-2009-godu

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

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

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

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

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