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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] #58 – Марина Миранович о жизни в Лос-Анджелесе и работе в EPAM: https://soundcloud.com/frontend-weekend/fw-58

[7] Ночной фронтенд #38 — Airbnb отказались от React Native: https://medium.com/devschacht/nightly-38-a7ff2fdf94ff

[8] Новости 512 — Выпуск №11 (18.06 — 24.06): https://soundcloud.com/csssr/news512_011

[9] «Полет в тоннеле»: https://www.youtube.com/watch?v=ERhMZiXwM9w

[10] ШРИ в Москве 2018, 9 видео: https://www.youtube.com/playlist?list=PLKaafC45L_SRqYQW-nFYw8bOlm3IYc2BI

[11] Могут ли PWA (Progressive Web Apps) образца 2018 года составить достойную конкуренцию нативным приложениям?: https://habr.com/company/google/blog/414609/

[12] Исчезающие фреймворки: https://habr.com/post/414869/

[13] Mozilla представила A-Terrain, картографические данные для веб-разработки: https://tproger.ru/news/mozilla-a-terrain/

[14] БЭМ для начинающих: почему вам нужен БЭМ: https://www.smashingmagazine.com/2018/06/bem-for-beginners/

[15] ESLint v5.0.0: https://eslint.org/blog/2018/06/eslint-v5.0.0-released

[16] Electron 3.0.0-beta.1: https://electronjs.org/releases#3.0.0-beta.1

[17] V8 release v6.8: https://v8project.blogspot.com/2018/06/v8-release-68.html

[18] Node v10.5.0 (Current): https://nodejs.org/en/blog/release/v10.5.0/

[19] Анализ проблем, зафиксированных в наиболее популярных фреймворках на GitHub: https://building.lang.ai/we-analyzed-the-github-issues-from-the-most-popular-front-end-frameworks-heres-what-we-found-c3491b26ec95

[20] Jake Archibald: Я обнаружил ошибку браузера: https://jakearchibald.com/2018/i-discovered-a-browser-bug/

[21] «Performance» — Иван Карев, Андрей Морозов, Михаил Мокрушин, Андрей Роенко, Тамерлан Локьяев на ШРИ 2018 : https://www.youtube.com/watch?v=LToHQwOx4SM&t=0s&index=10&list=PLKaafC45L_SRqYQW-nFYw8bOlm3IYc2BI

[22] Оптимизация скорости сайта с помощью: https://developers.google.com/web/tools/chrome-devtools/speed/get-started

[23] Улучшаем восприятие скорости загрузки за счет примитивного арта : https://www.contentful.com/blog/2018/06/21/svg-image-previews/

[24] Встречайте Teleport: инструмент для горячей перезагрузки и отладки PWA️: https://medium.com/@ericsimons/introducing-teleport-over-the-air-hot-reloading-debugging-for-pwas-%EF%B8%8F-efd1e2b1c64c

[25] Как использовать Visual Studio Code: https://hackernoon.com/how-to-use-visual-studio-code-b0ffb26d33ea

[26] Введение в tronic — webpack с разумными значениями по умолчанию: https://medium.com/richard-solomou/introducing-tronic-webpack-with-sensible-defaults-260c61ab062f

[27] VS Code может делать так?!: https://vscodecandothat.com/

[28] Не используй атрибут placeholder: https://www.smashingmagazine.com/2018/06/placeholder-attribute/

[29] stylelint-a11y: https://github.com/YozhikM/stylelint-a11y

[30] WCAG 2.1 — Изучение жестов указателя: https://knowbility.org/blog/2018/WCAG21-251PointerGestures/

[31] Анимированная каллиграфия с SVG: https://css-tricks.com/animate-calligraphy-with-svg/

[32] Лоадер на SVG в виде анимированной капли: https://codepen.io/chrisgannon/full/EREWPQ/

[33] Voronoi Airports WebGL: https://voronoi.surge.sh/

[34] Вариативные шрифты: http://css.yoksel.ru/opentype-variable-fonts/

[35] Не следует просто копировать код @font-face с Google Fonts URLs: https://css-tricks.com/dont-just-copy-the-font-face-out-of-google-fonts-urls/

[36] keyframes.app — простой способ создавать CSS анимации: https://keyframes.app/

[37] По поводу инструментов, определяющих «неиспользуемый CSS»: https://css-tricks.com/heres-the-thing-about-unused-css-tools/

[38] Центрирование в CSS: новый клевый способ vs. старый клевый способ: https://css-tricks.com/centering-the-newest-coolest-way-vs-the-oldest-coolest-way/

[39] 8-Point Grid: Типографика в вебе: https://medium.freecodecamp.org/8-point-grid-typography-on-the-web-be5dc97db6bc

[40] Использование кастомных шрифтов с SVG в теге Img: https://css-tricks.com/using-custom-fonts-with-svg-in-an-image-tag/

[41] Псевдо-элементы CSS и трансформации: мои любимые инструменты CSS : https://www.lullabot.com/articles/css-pseudoelements-and-transforms-my-favorite-css-tools

[42] Оптимизация CSS: ID селекторы и другие мифы : https://www.sitepoint.com/optimizing-css-id-selectors-and-other-myths/

[43] Новшества объектных литералов в JavaScript ES6: https://habr.com/company/ruvds/blog/414377/

[44] Конструкция async/await в JavaScript: сильные стороны, подводные камни и особенности использования: https://habr.com/company/ruvds/blog/414373/

[45] Команды для работы с JavaScript-консолью в браузерах и повышение производительности труда программиста: https://habr.com/company/ruvds/blog/414375/

[46] Знакомство с разработкой через тестирование в JavaScript: https://tproger.ru/translations/unit-testing-in-javascript/

[47] Новый выпуск ".getInstance": Итераторы в JavaScript: https://www.youtube.com/watch?v=i43M0WaEhTQ

[48] Использование JavaScript модулей в вебе: https://developers.google.com/web/fundamentals/primers/modules

[49] Быстрое и полное руководство по типам в TypeScript: https://blog.logrocket.com/a-quick-and-complete-guide-to-typescript-types-438c259257d3

[50] MobX 5: сага продолжается…: https://medium.com/@mweststrate/mobx-5-the-saga-continues-4852bce05572

[51] Введение в шаблон Single Element: https://medium.freecodecamp.org/introducing-the-single-element-pattern-dfbd2c295c5d

[52] Гляди ма, без рук! JS, управляемый мозгом: https://www.youtube.com/watch?v=7KhFO-qCVyg

[53] Vue.js — соображения и трюки: https://medium.com/devschacht/vue-js-considerations-and-tricks-58ec768ac237

[54] Использование vue-template-loader с Vue.js для компиляции шаблонов HTML: https://medium.com/devschacht/vue-template-loader-5fb1ab6c3436

[55] Написание абстрактных компонентов во Vue.js: https://medium.com/devschacht/vue-abstract-components-bc4bc2b89baf

[56] От нуля до деплоя: разработка системы документации с помощью Vue и VuePress: https://medium.com/devschacht/%D0%BE%D1%82-%D0%BD%D1%83%D0%BB%D1%8F-%D0%B4%D0%BE-%D0%B4%D0%B5%D0%BF%D0%BB%D0%BE%D1%8F-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D1%8B-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D0%B8-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-vue-%D0%B8-vuepress-cf6bde7c9a1f

[57] vue-translations: https://github.com/owl1n/vue-translations

[58] Часть 1: https://css-tricks.com/building-a-rss-viewer-with-vue-part-1/

[59] Часть 2: https://css-tricks.com/building-a-rss-viewer-with-vue-part-2/

[60] Vue.js: хороший, «ни о чем», ужасный: https://medium.com/@Pier/vue-js-the-good-the-meh-and-the-ugly-82800bbe6684

[61] Галерея в стиле Instagram на Vue.js и CSS Grid: https://itnext.io/an-instagram-gallery-with-vue-js-and-css-grid-c0a2d7cc3e0f

[62] Топ 21 Vue.js UI библиотек для ваших приложений: https://hackernoon.com/21-top-vue-js-ui-libraries-for-your-app-4556e5a9060e

[63] React Native в Airbnb: https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c

[64] Настройка React Hot Loader за 10 минут: https://blog.logrocket.com/setup-react-hotloader-in-10-minutes-3175dfdbf38a

[65] Гитхабовские звёзды !== использование: React всё ещё более распространён, чем Vue и Angular: https://zendev.com/2018/06/19/react-usage-beating-vue-angular.html

[66] Визуализация данных при помощи Angular и D3: https://habr.com/post/414785/

[67] Компоненты Angular: советы и трюки: https://netbasal.com/angular-components-tips-and-tricks-d9e725871d58

[68] Как создавать динамические компоненты в Angular 6: https://blog.bitsrc.io/how-to-build-dynamic-components-in-angular-6-41f50abddc64

[69] Мулленвег анонсировал дорожную карту для Gutenberg: http://oddstyle.ru/wordpress-2/novosti-wordpress/mullenveg-anonsiroval-dorozhnuyu-kartu-dlya-gutenberg.html

[70] Учимся программировать с помощью задач с числами: https://tproger.ru/digest/programming-with-numbers/

[71] Apple, Samsung и автопроизводители утвердили первую версию стандарта электронного ключа для автомобилей: https://vc.ru/40664-apple-samsung-i-avtoproizvoditeli-utverdili-pervuyu-versiyu-standarta-elektronnogo-klyucha-dlya-avtomobiley

[72] Google, Lyft, Uber создают коалицию, чтобы развеять страхи по поводу робомобилей: https://3dnews.ru/971516/#5b2a2cc8b4182e943c8b456c

[73] Семь игр, которые научат программировать: https://vc.ru/37745-sem-igr-kotorye-nauchat-programmirovat

[74] Что такое VR, AR и смешанная реальность — сайты, приложения и статьи, которые помогут разобраться: https://vc.ru/39700-chto-takoe-vr-ar-i-smeshannaya-realnost-sayty-prilozheniya-i-stati-kotorye-pomogut-razobratsya

[75] В Instagram уже более 1 млрд пользователей. Соцсеть запускает новый сервис IGTV для вертикальных видео длительностью до часа: https://itc.ua/news/v-instagram-uzhe-bolee-1-mlrd-polzovateley-sotsset-zapuskaet-novyiy-servis-igtv-dlya-vertikalnyih-video-dlitelnostyu-do-chasa/

[76] Как Маск, Безос, Брэнсон, Цукерберг, Брин, Гейтс и Тиль видят будущее: https://vc.ru/40533-kak-mask-bezos-brenson-cukerberg-brin-geyts-i-til-vidyat-budushchee

[77] «GitHub — платформа для великих приложений»: https://vc.ru/39311-github-platforma-dlya-velikih-prilozheniy

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

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

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

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

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