Дайджест свежих материалов из мира фронтенда за последнюю неделю №339 (12 — 18 ноября 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #79 – Олег Поляков об основании CodeDojo и о том, как это стало основным местом работы: https://soundcloud.com/frontend-weekend/fw-79

[8] #49 — bem-react-core: https://soundcloud.com/5minreact/49-bem-react-core

[9] #73 Три корочки Эдди Османи: https://soundcloud.com/frontend_u/e73

[10] Новости 512 — Выпуск №29 (12.11 — 18.11): https://soundcloud.com/csssr/novosti-512-vypusk-29-1211-1811

[11] 9. Меню для меню, гриды или Бутстрап, целесообразность удобства: https://www.youtube.com/watch?v=QAEQ6CG-xBQ

[12] KharkivJS #9 2018: https://www.youtube.com/playlist?list=PLnkLrCUX4Qh4RH-BltBk03Eet1UAF-S7S

[13] FrontTalks 2018: https://www.youtube.com/playlist?list=PLKaafC45L_SSA7_fLU7EMXTWI6ljhLx50

[14] Chrome Dev Summit 2018 — All Sessions: https://www.youtube.com/playlist?list=PLNYkxOF6rcIDjlCx1PcphPpmf43aKOAdF

[15] До свидания, Electron. Здравствуйте, настольные PWA: https://habr.com/company/ruvds/blog/429836/

[16] HTTP поверх протокола QUIC будет стандартизирован как HTTP/3: http://www.opennet.ru/opennews/art.shtml?num=49594

[17] Начало работы с WebAssembly, используя только 14 строк на JavaScript: https://medium.com/devschacht/daniel-simmons-get-started-with-webassembly-using-only-14-lines-of-javascript-89960df71498

[18] Web.dev by Google: https://web.dev/

[19] Мощь веб-компонентов: https://hacks.mozilla.org/2018/11/the-power-of-web-components/

[20] 5 причин, по которым статические сайты рулят: https://scotch.io/bar-talk/5-reasons-static-sites-rock

[21] Основные моменты, вынесенные из Chrome Dev Summit 2018: https://bitsofco.de/chrome-dev-summit-2018/

[22] Виртуальный DOM — медленный. Встречайте мемоизированный DOM: https://medium.freecodecamp.org/the-virtual-dom-is-slow-meet-the-memoized-dom-bb19f546cc52

[23] Google провёл редизайн инструмента PageSpeed Insights: https://www.searchengines.ru/psi-lighthouse.html

[24] Google выпустила приложение Squoosh для оптимизации изображений: https://tproger.ru/news/google-squoosh-release/

[25] Адди Османи про браузеры, JS и его оптимизацию: https://www.youtube.com/watch?v=vSyZGOgtniw

[26] Измерение, оптимизация и мониторинг: https://medium.com/@addyosmani/measure-optimize-monitor-33e36108e014

[27] Обзор докладов с конференции performance.now(), прошедшей недавно в Амстердаме: https://hiddedevries.nl/en/blog/2018-11-10-up-to-speed-with-web-performance

[28] Инлайнить или кешировать? Оба варианта, пожалуйста!: https://www.filamentgroup.com/lab/inlining-cache.html

[29] Ретроспектива работы над производительноcтью в Mapbox Studio: https://calibreapp.com/blog/2018-10-30-performance-at-mapbox/

[30] Рассылай и властвуй: инструменты для создания и тестирования рассылки: https://habr.com/company/2gis/blog/429772/

[31] Разработка фронтенда на iPad Pro (2018): https://blog.usejournal.com/fe-webdev-on-ipad-pro-2018-c55283f01e4c

[32] Важность уровней заголовков для вспомогательных технологий: https://medium.com/web-standards/heading-levels-229def4e0e33

[33] Почему использование значений `tabindex` выше чем “0” — это плохо: http://www.karlgroves.com/2018/11/13/why-using-tabindex-values-greater-than-0-is-bad/

[34] Focus-стили, специфичные только для клавиатуры: https://css-tricks.com/keyboard-only-focus-styles/

[35] Page Flip Layout: https://tympanus.net/codrops/2018/11/12/page-flip-layout/

[36] flashlight эффект для дома с привидениями: https://codepen.io/slyka85/details/gQMzdJ

[37] Креативный концепт страницы разработчика (digital design): https://codepen.io/fajjet/full/WYRELm/

[38] Примеры использования флексбоксов: https://htmlacademy.ru/blog/371-flexbox-use-cases

[39] “C” в CSS: The Cascade: https://css-tricks.com/the-c-in-css-the-cascade/

[40] Как избавиться от неиспользуемого CSS для облегчения CSS файлов: https://www.keycdn.com/blog/remove-unused-css

[41] Разница между currentColor и Custom Properties: https://www.madebymike.com.au/writing/currentcolor-and-custom-properties/

[42] Braces to Pixels: https://alistapart.com/article/braces-to-pixels

[43] Плавное масштабирование текста в JavaScript & CSS: https://itnext.io/smooth-text-scaling-in-javascript-css-a817ae8cc4c9

[44] Хардкорный CSS calc( ): https://medium.com/buildit/hardcore-css-calc-bdfb0162993c

[45] Небольшое видео о том, как команда basecamp.com использует CSS Grid на продакшене: https://xotv.me/channels/22-important/vod_videos/1205-important-slash-slash-basecamp-dot-com-css-grid

[46] Google профинансирует улучшение фреймворков JavaScript: https://tproger.ru/news/google-frameworks-javascript/

[47] Играем в Mortal Kombat с TensorFlow.js: перенос обучения и дополнение данных: https://medium.com/devschacht/transfer-learning-tensorflow-js-data-augmentation-59823ab00b34

[48] «TypeScript Difinitive Guide»: https://nauchikus.gitlab.io/typescript-definitive-guide/

[49] Обработка ошибок в JavaScript: полное руководство: https://levelup.gitconnected.com/the-definite-guide-to-handling-errors-gracefully-in-javascript-58424d9c60e6

[50] Цепочки промисов мертвы. Да здравствует async/await: https://blog.logrocket.com/promise-chaining-is-dead-long-live-async-await-445897870abc

[51] Создание своей собственной интерактивной JavaScript песочницы: http://krasimirtsonev.com/blog/article/build-your-own-interactive-javascript-playground

[52] Почему Facebook api начинается с цикла for: https://dev.to/antogarand/why-facebooks-api-starts-with-a-for-loop-1eob

[53] После двух лет использования TypeScript – стоило ли оно того?: https://ecom.software/after-two-years-with-typescript-was-it-worth-it/

[54] Node.js sleep, usleep, msleep: https://medium.com/@frontman/node-js-sleep-usleep-msleep-bba767557c20

[55] Как использовать NodeJS без фреймворков и внешних библиотек: https://hackernoon.com/how-to-use-nodejs-without-frameworks-and-external-libraries-97eb6acac9e3

[56] Оффлайн документация по Node.js (PDF): https://thomashunter.name/nodejs-documentation-pdf

[57] Контекст выполнения и стек вызовов в JavaScript: https://medium.com/webbdev/js-a4a9dfed9782

[58] Возможности JavaScript, о которых я не знал: https://medium.com/webbdev/js-40d1c8881333

[59] часть 1: первая программа, особенности языка, стандарты: https://habr.com/company/ruvds/blog/429552/

[60] часть 2: стиль кода и структура программ: https://habr.com/company/ruvds/blog/429556/

[61] часть 3: переменные, типы данных, выражения, объекты: https://habr.com/company/ruvds/blog/429838/

[62] Занимательный JavaScript: Без фигурных скобок: https://habr.com/post/428337/

[63] Контекст выполнения и стек вызовов — визуальная иллюстрация в виде разрезанного торта: https://medium.freecodecamp.org/execution-context-and-the-call-stack-visually-illustrated-by-a-slice-of-tasty-cake-14f9a64dc460

[64] Введение в React Hooks: https://habr.com/post/429712/

[65] Почему React Hooks, и как вы вообще до этого дошли?: https://medium.freecodecamp.org/why-react-hooks-and-how-did-we-even-get-here-aa5ed5dc96af

[66] Концепты, которые вы должны знать в React.js (после изучения основ): https://medium.freecodecamp.org/these-are-the-concepts-you-should-know-in-react-js-after-you-learn-the-basics-ee1d2f4b8030

[67] Обзор Render Props в React: https://css-tricks.com/an-overview-of-render-props-in-react/

[68] Создание React To-Do App с помощью React Hooks (No Class Components): https://scotch.io/tutorials/build-a-react-to-do-app-with-react-hooks-no-class-components

[69] Как использовать React.lazy и Suspense для ленивой загрузки компонентов: https://medium.freecodecamp.org/how-to-use-react-lazy-and-suspense-for-components-lazy-loading-8d420ecac58

[70] Hooked on hooks: как использовать React’s useReducer(): https://medium.freecodecamp.org/hooked-on-hooks-how-to-use-reacts-usereducer-2fe8f486b963

[71] Делаем React реактивным используя хуки: https://www.reaktor.com/blog/make-react-reactive-by-using-hooks/

[72] Как настроить установку переменных окружения Nuxt.js в рантайме, или Как сделать всё не как все и не пожалеть: https://habr.com/company/umbrellaitcom/blog/429756/

[73] Превью Vue.js 3.0 от Evan You: https://medium.com/vue-mastery/evan-you-previews-vue-js-3-0-ab063dec3547

[74] Создание вашего первого Vue.js PWA проекта: https://medium.com/the-web-tub/creating-your-first-vue-js-pwa-project-22f7c552fb34

[75] Как мы используем Redux & Redux-Observable с Vue (v3.0 journal): https://snipcart.com/blog/redux-vue

[76] Offline-First Vue приложения с Hoodie & Workbox: https://www.telerik.com/blogs/offline-first-vue-apps-with-hoodie-workbox

[77] Проектируем улучшенный UX с Vue.js переходами и анимациями: https://code.tutsplus.com/tutorials/design-better-ux-with-vuejs-transitions-and-animations--cms-32050

[78] Визуальное объяснение Vuex: https://medium.com/vue-mastery/vuex-explained-visually-f17c8c76d6c4

[79] Оптимизация обработки событий в Angular: https://habr.com/company/tinkoff/blog/429692/

[80] Angular — все доклады с AngularConnect за 2015-2018: https://nitayneeman.com/posts/all-talks-from-angular-connect-over-the-years-2015-and-2018/

[81] Начало работы с Angular App и Angular CLI за несколько минут: https://codeburst.io/how-to-build-an-angular-app-with-angular-cli-in-a-couple-of-minutes-43089d3ab272

[82] TensorSpace.js: https://tensorspace.org/

[83] TNG-Hooks: https://github.com/getify/tng-hooks

[84] router: простой JS роутер для решения одной задачи без фреймворков React, Angular или Vue: https://github.com/kevindurb/router

[85] Firefox начнет уведомлять о посещении взломанных сайтов, а также изменениях цен: https://ain.ua/2018/11/16/firefox-monitor-uvedomleniya/

[86] В ночные сборки Firefox добавлена поддержка Wayland: http://www.opennet.ru/opennews/art.shtml?num=49624

[87] Mozilla тестирует в Firefox две новые возможности: Price Wise и Email Tabs: http://www.opennet.ru/opennews/art.shtml?num=49596

[88] В Chrome развивается API для создания полноценных пользовательских приложений: http://www.opennet.ru/opennews/art.shtml?num=49597

[89] Семь новых атак на механизм спекулятивного выполнения в CPU: http://www.opennet.ru/opennews/art.shtml?num=49608

[90] Раскол среди раскольников: что произошло с четвертой по капитализации криптовалютой Bitcoin Cash: https://ain.ua/2018/11/18/bitcoin-ash/

[91] Взгляд изнутри: про продуктовую культуру Facebook: https://vc.ru/hr/50880-vzglyad-iznutri-pro-produktovuyu-kulturu-facebook

[92] Google откроет для всех домен верхнего уровня .dev: https://ain.ua/2018/11/13/google-otkroet-dev/

[93] Microsoft выращивает огурцы лучше, чем Tencent и Intel. Основанная Биллом Гейтсом компания, похоже, наконец нашла свое призвание: https://itc.ua/blogs/microsoft-vyirashhivaet-ogurtsyi-luchshe-chem-tencent-i-intel-osnovannaya-billom-geytsom-kompaniya-pohozhe-nakonets-nashla-svoe-prizvanie/

[94] Статистика Octoverse: топовые языки программирования в 2018-м: https://blog.github.com/2018-11-15-state-of-the-octoverse-top-programming-languages/

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

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

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

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

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