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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #54 Хочешь быстроты — пиши на плюсах : https://soundcloud.com/frontend_u/e54

[8] Новости 512 — Выпуск №12 (25.06 — 01.07) : https://soundcloud.com/csssr/news512_012

[9] «Каталог стримов на Vue.js + Nuxt»: https://www.youtube.com/watch?v=HSbj0dKErtY

[10] Dev.Tube — агрегатор лучших видео для разработичков: https://dev.tube/

[11] Конференция DUMP-2018: видео всех докладов и презентации: https://habr.com/company/it_people/blog/415527/

[12] YGLF 2018 Kyiv: https://www.youtube.com/playlist?list=PLII-CO3Ff0qaXCf7RgN7bulEmwZB_ngZG&disable_polymer=true

[13] 11 лучших англоязычных ресурсов для верстальщиков: http://css-live.ru/articles/11-luchshix-angloyazychnyx-resursov-dlya-verstalshhikov.html

[14] Как WebAssembly ускоряет будущее веб-разработки: https://zendev.com/2018/06/26/webassembly-accelerating-future-web-development.html

[15] Как сделать ваши веб-приложения дружественными к мобильным устройствам: https://blog.bitsrc.io/how-to-make-your-web-apps-mobile-friendly-85bad8736dbf

[16] Веб-кеширование, объясненное процессом покупки молока в супермаркете: https://dev.to/kbk0125/web-caching-explained-by-buying-milk-at-the-supermarket-9k4

[17] Релиз Foundation 6.5.0 (RC 1) с большим количеством багфиксов и улучшений: https://github.com/zurb/foundation-sites/releases/tag/v6.5.0-rc.1

[18] В Google PageSpeed Insights появились данные о скорости загрузки всего сайта: https://www.searchengines.ru/google-speed-data.html

[19] Состояние дел в вебе: главные стратегии оптимизации изображений: http://css-live.ru/articles/sostoyanie-del-v-vebe-glavnye-strategii-optimizacii-izobrazhenij.html

[20] Улучшаем производительность загрузки страниц: Pingdom, YSlow и GTmetrix: https://www.sitepoint.com/improving-page-load-performance-pingdom-yslow-gtmetrix/

[21] Обзор методологии производительности RAIL : https://www.keycdn.com/blog/rail-performance-model/

[22] Пакетный менеджер Yarn — инструкция по применению: http://rightblog.ru/3504

[23] lepto: https://github.com/leptojs/lepto

[24] Обеспечение быстрой работы сайта как часть конвейера разработки: https://habr.com/company/alconost/blog/415665/

[25] «Доступность интерфейсов»: https://www.youtube.com/watch?v=36SkjSZhNY0

[26] Инспектор доступности в Firefox Developer Tools: https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector

[27] Создание доступных интерфейсов — это несложно: https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94

[28] Креативное меню, созданное в рамках CodePen Challenge: https://codepen.io/cobra_winfrey/full/oyMaKr/

[29] Слайдер с тремя панелями и анимациями перехода: https://tympanus.net/codrops/2018/06/26/triple-panel-reveal-slideshow/

[30] Rabbit Ear: https://rabbitear.org/

[31] tenori-off.glitch.me: https://tenori-off.glitch.me/

[32] Устойчивый, декларативный, контекстный (новый взгляд на сильные стороны CSS): http://css-live.ru/articles/ustojchivyj-deklarativnyj-kontekstnyj-novyj-vzglyad-na-silnye-storony-css.html

[33] Как я избавился от 250 KB мертвого CSS с помощью PurgeCSS: https://frontstuff.io/how-i-dropped-250-kb-of-dead-css-weight-with-purgecss

[34] Рисование изображений с помощью CSS градиентов: https://css-tricks.com/drawing-images-with-css-gradients/

[35] Pixels vs. Ems: Users DO Change Font Size: https://medium.com/@vamptvo/pixels-vs-ems-users-do-change-font-size-5cfb20831773

[36] Как и зачем мы проводим юнит-тестирование нашему Sass: https://seesparkbox.com/foundry/how_and_why_we_unit_test_our_sass

[37] Где CSS4? Когда же он выйдет?: https://www.youtube.com/watch?v=Jtmkk6odggs&feature=youtu.be

[38] Как быстро прототипировать приложения с помощью CSS Grid и CSS переменных: https://medium.freecodecamp.org/how-to-quickly-prototype-apps-with-css-grid-and-css-variables-8d3d96d68eaa

[39] Что такое единица ‘ch’ в CSS?: https://meyerweb.com/eric/thoughts/2018/06/28/what-is-the-css-ch-unit/

[40] Руководство по CSS Grid для чайников: https://blog.logrocket.com/the-simpletons-guide-to-css-grid-1767565b3cf7

[41] Часть 1: React Native в Airbnb: https://medium.com/devschacht/react-native-at-airbnb-9cd91177f0d0

[42] Часть 2: Технология: https://medium.com/devschacht/react-native-at-airbnb-the-technology-a72800bfd6e0

[43] Часть 3: Создание кроссплатформенной мобильной команды: https://medium.com/devschacht/building-a-cross-platform-mobile-team-d98796c34e7e

[44] Часть 4: Принятие решения по React Native: https://medium.com/devschacht/sunsetting-react-native-cae979e08eb2

[45] Часть 5: Что дальше с мобильной разработкой: https://medium.com/devschacht/whats-next-for-mobile-at-airbnb-d2d35f83577e

[46] Новый выпуск ".getInstance": Map & WeakMap: https://www.youtube.com/watch?v=IjlmBGk_9ng

[47] Практическое введение в ES2017 Async-Await: http://www.zsoltnagy.eu/a-practical-introduction-to-es2017-async-await/

[48] Создание AR/VR с помощью Javascript и HTML: https://hackernoon.com/building-ar-vr-with-javascript-and-html-28acd1da0371

[49] Использование JavaScript в индустриях: https://blog.npmjs.org/post/175311966445/javascript-usage-by-industry

[50] Новая книга: фул-стэк веб-разработка на JavaScript— от А до Я: https://edgecoders.com/new-book-full-stack-javascript-web-development-from-a-to-z-8d7eab113128

[51] Как работает JS: классы и наследование, транспиляция в Babel и TypeScript: https://habr.com/company/ruvds/blog/415377/

[52] JavaScript for Designers: https://github.com/object-of-obsession/javascript

[53] Минимальное руководство по декораторам ECMAScript: https://medium.com/devschacht/a-minimal-guide-to-ecmascript-decorators-c7348f61ba24

[54] Классы и Интерфейсы в TypeScript: https://medium.com/devschacht/%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D1%8B-%D0%B8-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D1%8B-%D0%B2-typescript-ce556514b7d5

[55] Изучите эти основные концепции JavaScript всего за несколько минут: http://codenative.ru/article/izuchite_eti_osnovnye_koncepcii_javascript_vsego_za_neskolko_minut

[56] Умеет ли он мутировать?: http://codenative.ru/article/umeet_li_on_mutirovat

[57] Клевые штуки ES6 — большая жирная стрела: https://medium.com/front-end-hacking/es6-cool-stuffs-a-big-fat-arrow-c01e3d7b5357

[58] Новый контекст Реакта: https://medium.com/@v.cibizov/new-react-context-560e7a40497f

[59] Lition, написанный на React.js: https://medium.com/@arturbasak/lition-%D0%BD%D0%B0%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9-%D0%BD%D0%B0-react-js-2c7c2307b3de

[60] Создание статического блога с помощью Gatsby, CosmicJS и React: https://levelup.gitconnected.com/build-a-gatsby-blog-using-the-cosmic-js-source-plugin-57ea1b7c87dd

[61] Как использовать Error Boundaries в React 16: https://scotch.io/tutorials/how-to-use-error-boundaries-in-react-16

[62] Объединяем React, D3 и их экосистемы: https://medium.com/@smashingmag/bringing-together-react-d3-and-their-ecosystem-dde80de29755

[63] Новые свойства и исправления, которые мы получили с последним релизом React: https://www.telerik.com/blogs/new-features-and-fixes-we-got-with-the-latest-react-releases

[64] Как писать Vue-компоненты, которые хорошо взаимодействуют: https://medium.com/devschacht/vue-components-play-nicely-cea6e41afe92

[65] Vue + TypeScript: комбинация в вашем редакторе кода: https://css-tricks.com/vue-typescript-a-match-made-in-your-code-editor/

[66] Шаблоны динамических компонентов с помощью Vue.js: https://medium.com/scrumpy/dynamic-component-templates-with-vue-js-d9236ab183bb

[67] 5 лучших курсов для изучения Angular в 2018: https://javarevisited.blogspot.com/2018/06/5-best-courses-to-learn-angular.html

[68] Angular — советы и трюки: https://medium.com/@alexandrubereghici/angular-tips-and-tricks-ec7f548670c1

[69] Архитектуры громадных энтерпрайз проектов на Angular: https://www.youtube.com/watch?v=q4XmAy6_ucw

[70] gio.js: http://giojs.org/

[71] face-api.js: https://itnext.io/face-api-js-javascript-api-for-face-recognition-in-the-browser-with-tensorflow-js-bcc2a6c4cf07

[72] docz: https://www.docz.site/

[73] Firefox проверит скомпрометированные пароли методом k-анонимизации: https://habr.com/post/415361/

[74] Релиз Firefox 61: http://www.opennet.ru/opennews/art.shtml?num=48845

[75] Доступен релиз Opera 54 с обновленным Speed Dial и новыми функциями восстановления: https://tproger.ru/news/opera-54/

[76] В «Яндекс.Браузере» появился режим для слабых компьютеров: https://lifehacker.ru/v-yandeks-brauzere-poyavilsya-rezhim-dlya-slabyx-kompyuterov/

[77] В браузер Brave встроена поддержка Tor: http://www.opennet.ru/opennews/art.shtml?num=48875

[78] Mozilla добавляет функцию «Была ли утечка» в Firefox: https://thenextweb.com/security/2018/06/26/mozilla-bakes-have-i-been-pwned-into-firefoxs-new-privacy-tool/

[79] Firefox 61 – Quantum of Solstice: https://hacks.mozilla.org/2018/06/firefox-61-quantum-of-solstice/

[80] Улучшения производительности JavaScript и WebAssembly в EdgeHTML 17: https://blogs.windows.com/msedgedev/2018/06/19/improved-javascript-webassembly-performance-edgehtml-17/

[81] Что случилось с Punto Switcher: https://vc.ru/40834-chto-sluchilos-s-punto-switcher

[82] JetBrains опубликовала результаты ежегодного опроса среди программистов: https://tproger.ru/news/jetbrains-interview-2018/

[83] 49 вопросов, которые задают на собеседованиях в Apple: https://ain.ua/2018/06/25/49-voprosov-ot-apple

[84] Взломана инфраструктура проекта Gentoo на GitHub: http://www.opennet.ru/opennews/art.shtml?num=48870

[85] Google инвестирует 22 млн долларов в KaiOS, форк Firefox OS: http://www.opennet.ru/opennews/art.shtml?num=48874

[86] Google создала ИИ, раскрашивающий чёрно-белые видео по одной фотографии: https://tproger.ru/news/google-video-recolorizing/

[87] Facebook передумала и сняла запрет на рекламу криптовалют спустя полгода после его введения: https://itc.ua/news/facebook-peredumala-i-snyala-zapret-na-reklamu-kriptovalyut/

[88] Гайд по подключению платежей к Telegram ботам. : https://medium.com/@osadchiyn/how-to-start-accepting-payments-with-your-telegram-bot-6742dd9b2f37

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

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

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

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

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