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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] Подкаст «CSSSR»: Новости 512 — Hacktoberfets, Vue-директивы, TypeScript 3.7 Beta и PostgreSQL 12: https://soundcloud.com/csssr/novosti-512-hacktoberfets-vue-direktivy-typescript-37-beta-i-postgresql-12

[8] «Девшахта-подкаст» #96: Цели, приватные поля и новая Node.js: https://medium.com/devschacht/devschacht-96-143ba526a513

[9] «Девшахта-подкаст» #97: LongestJS, TC39 Panel, воркшопы и лайтнинги на HolyJS: https://soundcloud.com/devschacht/devschacht-97

[10] Фронтенд Юность (18+) #110: Компилируем шаварму: https://soundcloud.com/frontend_u/e110

[11] Repozitorro #29 — Частая ошибка новичков: https://www.youtube.com/watch?v=mzJ5E49MgIg

[12] «Алиса, пойдём во фронтенд!»: https://habr.com/ru/company/oleg-bunin/blog/468545/

[13] Рендеринг текста вас ненавидит: https://habr.com/ru/post/469529/

[14] Эволюция управления веб-контентом: https://remotesynthesis.com/blog/evolution-of-web-content-manaagement

[15] Как заопенсорсить npm-пакет с нормальным деплоем, CI и демо (без потери радости к жизни): https://habr.com/ru/company/tinkoff/blog/467227/

[16] Вещи, которые вы могли не знать о Chrome DevTools: https://dev.to/lpellis/things-you-may-not-know-about-chrome-devtools-53k6

[17] WebHint в Firefox DevTools: улучшенная совместимость, доступность и многое другое : https://hacks.mozilla.org/2019/09/webhint-in-firefox-devtools-improve-compatibility-accessibility-and-more/

[18] Ускорение instagram.com. Часть 2: https://habr.com/ru/company/ruvds/blog/468413/

[19] Оптимизация изображений для веба — подробное руководство : https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d?ref=heydesigner

[20] Доброшрифт: https://habr.com/ru/company/habr/blog/469811/

[21] Инклюзивные компоненты: интерфейсы со вкладками: https://medium.com/web-standards/tabbed-interfaces-a125212e6c35

[22] Бесконечная прокрутка и Role = проблемы доступности: https://www.deque.com/blog/infinite-scrolling-rolefeed-accessibility-issues/

[23] Сара Суидан о прикладной доступности: практические советы по созданию более доступных интерфейсов (SmashingConf Feiburg 2019): https://vimeo.com/362155651

[24] Не усложняйте масштабируемый CSS: https://medium.com/@ABatickaya/keep-it-simple-71436866e727

[25] Современный CSS Reset: https://hankchizljaw.com/wrote/a-modern-css-reset/

[26] Feeling Sassy Again. Заметка в блоге cloudfour о том, как они задумались о возвращении на Sass после 4х лет использования PostCSS: https://cloudfour.com/thinks/feeling-sassy-again/

[27] Создание макета Scrapbook с помощью CSS Grid: https://css-irl.info/building-a-scrapbook-layout-with-css-grid/

[28] Редакторские шаблоны дизайна с помощью CSS Grid и Named Columns: https://www.smashingmagazine.com/2019/10/editorial-design-patterns-css-grid-subgrid-naming/

[29] Создание слайд-шоу с CSS Scroll Snapping: https://medium.com/frontend-digest/creating-a-slide-show-with-css-scroll-snapping-92efa93691b4

[30] Почему CSS такой странный?: https://hacks.mozilla.org/2019/10/why-is-css-so-weird/

[31] Множество способов залинковать фигуры и изображения с помощью HTML и CSS: https://css-tricks.com/the-many-ways-to-link-up-shapes-and-images-with-html-and-css/

[32] Интересные лейауты с CSS Grid: https://tobireif.com/posts/layout_fun_with_css_grid/

[33] Попытка разобраться в поддержке CSS в Gmail (по версии 2019): https://emails.hteumeuleu.com/trying-to-make-sense-of-gmail-css-support-2019-edition-b7cc132ee226

[34] Создайте PWA с использованием ванильного JavaScript : https://levelup.gitconnected.com/build-a-pwa-using-only-vanilla-javascript-bdf1eee6f37a

[35] Не используйте переменные JavaScript без понимания временной мертвой зоны : https://dmitripavlutin.com/javascript-variables-and-temporal-dead-zone/

[36] RE: Боль и слёзы в Svelte 3: https://habr.com/ru/post/469411/

[37] Исполнение JavaScript кода через import(): https://2ality.com/2019/10/eval-via-import.html

[38] Вышел TensorFlow 2.0 с переработанными API и улучшенной производительностью: https://tproger.ru/news/tensorflow-2-0/

[39] TensorFlow 2.0 теперь доступен!: https://medium.com/tensorflow/tensorflow-2-0-is-now-available-57d706c2a9ab

[40] Preact X — новая версия preact c Virtuous DOM и Fragments of Suspense: https://github.com/preactjs/preact/releases/tag/10.0.0

[41] Релиз Nuxt v2.10.0: https://github.com/nuxt/nuxt.js/releases/tag/v2.10.0

[42] Анонс TypeScript 3.7 Beta: https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-beta/

[43] Обновляйтесь! Node.js 8 не поддерживается с 2020: https://blog.risingstack.com/update-nodejs-8-end-of-life-no-support/

[44] Заметка о void в JavaScript и TypeScript: https://habr.com/ru/company/ruvds/blog/468229/

[45] Два исключительных варианта использования оператора spread, о которых вы можете не знать: https://webdevblog.ru/dva-iskljuchitelnyh-varianta-ispolzovaniya-operatora-spread-o-kotoryh-vy-mozhete-ne-znat/

[46] Функции высшего порядка и их использование в javascript: https://webdevblog.ru/funkcii-vysshego-poryadka-i-ih-ispolzovanie-v-javascript/

[47] Подробно про метод filter() в JavaScript: https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%BE-%D0%BF%D1%80%D0%BE-%D0%BC%D0%B5%D1%82%D0%BE%D0%B4-filter-%D0%B2-javascript-1fcb239a0d74

[48] Почему я предпочитаю объекты, а не оператор switch: https://webdevblog.ru/pochemu-ya-predpochitaju-obekty-a-ne-operator-switch/

[49] JavaScript Map, Reduce и Filter — объяснение с примерами: https://www.freecodecamp.org/news/javascript-map-reduce-and-filter-explained-with-examples/

[50] Как проверить число в JavaScript : https://medium.com/javascript-in-plain-english/how-to-check-for-a-number-in-javascript-8d9024708153

[51] Руководство по React от Framer: https://www.framer.com/books/framer-guide-to-react/

[52] Минималистичный менеджмент состояния (React): https://itnext.io/minimalist-state-management-react-only-41606cf8f843

[53] Анимации с использованием React Hooks и GreenSock : https://blog.logrocket.com/animations-react-hooks-greensock/

[54] Повысьте производительность приложений на React + Redux с помощью библиотеки Reselect: https://medium.com/better-programming/increase-your-react-redux-application-performance-with-reselect-library-3f4d632a08c5

[55] Новые функции в React 16.9.0 : https://www.telerik.com/blogs/new-features-in-react-16.9.0

[56] Демонстрация повторно используемых компонентов React в формах: https://css-tricks.com/demonstrating-reusable-react-components-in-a-form/

[57] React VS Vue: что выбрать для 2020 года? : https://towardsdatascience.com/react-vs-vue-which-is-better-for-2020-c484f22c67a8

[58] Я создал точно одинаковое приложение на React и Vue. Вот различия. [по версии 2019 года]: https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-2019-edition-42ba2cab9e56

[59] Релиз create-react-app v3.2.0: https://github.com/facebook/create-react-app/releases/tag/v3.2.0

[60] 15 обязательных директив Vue, которые значительно увеличат вашу производительность: https://webdevblog.ru/15-obyazatelnyh-direktiv-vue-kotorye-znachitelno-uvelichat-vashu-proizvoditelnost/

[61] vue-next (Vue 3 Pre-Alpha): разработчики достигли большинства архитектурных целей и новых функций, запланированных для v3: https://github.com/vuejs/vue-next

[62] Vue 3 — обзор доступной информации о новой версии Vue.js: https://madewithvuejs.com/blog/vue-3-roundup

[63] Как улучшить производительность vuex store: https://medium.com/@jiihu/how-to-improve-performance-of-vuex-store-c9e3cfb01f72

[64] Создание веб-приложения Vue на основе классов с аутентификацией Firebase : https://medium.com/@neeleshjjoshi/creating-a-class-based-vue-web-app-with-firebase-authentication-600e9427966c

[65] Юнит-тестирование во Vue: что тестировать? : https://www.vuemastery.com/blog/unit-testing-vue-1/

[66] Как сделать приложение календаря с помощью Vue: https://medium.com/swlh/how-to-make-a-calendar-app-with-vue-b6946df45791

[67] В 10 раз более быстрые Nuxt сборки на Netlify: https://www.voorhoede.nl/en/blog/10x-faster-nuxt-builds-on-netlify/

[68] Мой год рефакторинга крупномасштабного проекта на AngularJS… : https://medium.com/swlh/my-year-of-refactoring-a-large-scale-angularjs-project-cd4745da4242

[69] Анимация UI элементов в Angular #1: https://medium.com/wizdm-genesys/animating-ui-elements-in-angular-1-ae3fc3cadb1b

[70] #2: https://medium.com/wizdm-genesys/animating-ui-elements-in-angular-2-8cc597ee5b0a

[71] Angular — Все доклады с AngularConnect 2019: https://nitayneeman.com/posts/all-talks-from-angular-connect-2019/

[72] Система внедрения зависимости в Ember.js: https://medium.com/@sarbbottam/ember-js-dependency-injection-system-27bae9ae49a7

[73] Анимированные шахматные фигуры с ember-animated: https://devjournal.balinterdi.com/animate-chess-pieces-with-ember-animated/

[74] «Эволюция Ember.js в Intercom», — Gavin Joyce на JSDayIE 2019: https://www.youtube.com/watch?v=NoCxHTxpmSQ&feature=youtu.be

[75] EmberCamp Chicago 2019: https://www.youtube.com/playlist?list=PL4eq2DPpyBbmSKZLCqzMqdtpedlGrDQuc

[76] Рассказ о решении проблемы с производительностью Moment.js: https://habr.com/ru/company/ruvds/blog/468411/

[77] timequeue.js — Очередь с настраиваемым параллелизмом и ограничением по времени.: https://github.com/fent/timequeue.js

[78] Moveable — это Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable : https://github.com/daybrush/moveable

[79] Google Chrome будет блокировать весь смешанный контент: https://www.searchengines.ru/chrome-mixed.html

[80] В ночных сборках Firefox предложено модернизированное оформление адресной строки: https://www.opennet.ru/opennews/art.shtml?num=51615

[81] Тотальный бойкот HTTP. Google Chrome вскоре будет по умолчанию блокировать весь «смешанный» контент: https://itc.ua/news/totalnyj-bojkot-http-google-chrome-vskore-budet-po-umolchaniyu-blokirovat-ves-smeshannyj-kontent/

[82] Google: HTML-карта сайта не нужна с точки зрения SEO: https://www.searchengines.ru/html-map-seo.html

[83] Google: заголовки H1 полезны, но не критичны: https://www.searchengines.ru/h1-google-view.html

[84] Mozilla выиграла судебное разбирательство, связанное с сетевым нейтралитетом: https://www.opennet.ru/opennews/art.shtml?num=51607

[85] Сатья Наделла: Windows для нас больше не является важным направлением: https://itc.ua/news/satya-nadella-windows-dlya-nas-bolshe-ne-yavlyaetsya-vazhnym-napravleniem/

[86] Почему Windows — больше не приоритет Microsoft. Анализ The Verge: https://ain.ua/2019/10/05/windows-i-microsoft/

[87] WSJ: Visa, Mastercard и другие компании задумались о выходе из проекта криптовалюты Libra от Facebook: https://vc.ru/finance/86250-wsj-visa-mastercard-i-drugie-kompanii-zadumalis-o-vyhode-iz-proekta-kriptovalyuty-libra-ot-facebook

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

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

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

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

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