Дайджест свежих материалов из мира фронтенда за последнюю неделю №279 (4 — 10 сентября 2017)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #34: Moscow Frontend Conference 2017 и BEM React Core: https://soundcloud.com/5minreact/34-frontconf-uikit-bem-react-core

[8] Ночной фронтенд #3: https://medium.com/devschacht/nightly-3-a8a5bc8cb0e7

[9] #18 Как Лёха не попал в Booking: Прокрастинация, собеседование в Booking, Приватные данные классов ES6, async_hooks : https://soundcloud.com/frontend_u/e18

[10] Выпуск #7 — «Все фронтендеры попадают в Питер» : http://spb-frontend.ru/podcast/7/

[11] «Промисы в JavaScript»: https://www.youtube.com/watch?v=NJo_pv-mH-I&feature=youtu.be

[12] ChernivtsiJS #3: https://www.youtube.com/playlist?list=PLt-pAIa9BS40Rn0VDtQxutxlgor8wgc6U

[13] Свежий выпуск шоу «Supercharged» о новом свойстве Font-Display, позволяющим улучшить скорость загрузки веб-шрифтов : https://www.youtube.com/watch?v=-lPTshDcr7o

[14] Свежий выпуск шоу «Totally Tooling Tips» об инструменте Lighthouse: https://www.youtube.com/watch?v=d98CAgQNeaM&list=PLNYkxOF6rcIB3ci6nwNyLYNU6RDOU3YyLa

[15] confs.tech: https://confs.tech/

[16] Руководство по виртуальной реальности для веб-разработчиков: https://www.smashingmagazine.com/2017/09/guide-virtual-reality-web-developers/

[17] Об особенностях и огранизации фронтенда на HealthCare.gov: https://blog.navapbc.com/building-a-design-system-for-healthcare-gov-20dc1a833ab3

[18] Примеры того, что я делаю каждый день в качестве разработчика фронтенда: https://www.snaptest.io/dailydevblog

[19] Как в сервисе каршеринга car2go выбирали себе фреймворк: https://medium.com/car2godevs/how-car2go-chose-a-frontend-framework-86b4838c64b0

[20] Ленивое асинхронное растрирование SVG: https://jakearchibald.com/2017/lazy-async-svg/

[21] Еженедельная подборка красивых эффектов на CSS/SVG/JS #52: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-52.html

[22] Google официально добавил быстрые ответы на основе AMP в мобильную выдачу: https://www.searchengines.ru/google-amp-answers.html

[23] Свежая статья в блоге amphtml о том, как AMP может ускорить e-commerce сайты : https://amphtml.wordpress.com/2017/09/06/e-commerce-at-the-speed-of-amp/amp/

[24] Зачем и как внедряли Google AMP на Condé Nast: https://technology.condenast.com/story/the-why-and-how-of-google-amp-at-conde-nast

[25] Имплементируем “Приложение” в Прогрессивных Веб-Приложениях: https://www.sitepoint.com/putting-app-progressive-web-apps/

[26] Анонс Yarn 1.0: https://medium.com/@mad8/%D0%B0%D0%BD%D0%BE%D0%BD%D1%81-yarn-1-0-a4cc3349d456

[27] Это нормально не использовать Yarn: https://hackernoon.com/its-ok-to-not-use-yarn-f28dc766ef32

[28] Прекрасный мир Webpack: http://jackhiston.com/2017/9/4/the-wonderful-world-of-webpack/

[29] RESTool  —  open source UI инструмент для управления RESTful APIs: https://medium.com/@danielsternlicht/restool-an-open-source-ui-tool-for-managing-restful-apis-32c18062502

[30] Сокращённые свойства: https://habrahabr.ru/company/htmlacademy/blog/337274/

[31] Сборник советов по организации интерфейсов от Steve Schoger, на HTML и CSS: https://codepen.io/tyrellrummage/full/ZJPXgy/

[32] Онлайн-генератор Critical Path CSS: https://www.sitelocity.com/critical-path-css-generator

[33] Цзен просто писать CSS: https://svelte.technology/blog/the-zen-of-just-writing-css

[34] Что может поломать макет на гридах (CSS Grid Layout): http://css-live.ru/articles/chto-mozhet-polomat-maket-na-gridax-css-grid-layout.html

[35] Два способа сломать CSS Grid и как это починить: http://daverupert.com/2017/09/breaking-the-grid/

[36] Создаем структуру Trello с помощью CSS Grid и Flexbox: https://www.sitepoint.com/building-trello-layout-css-grid-flexbox/

[37] Видео, показывающее как использовать Feature Queries и Grid Layout : https://gridbyexample.com/video/feature-queries/

[38] Базовая грид-раскладка с фоллбеком с помощью feature queries: https://www.chenhuijing.com/blog/basic-grid-with-fallbacks/

[39] Конкурс по использованию CSS Grid: создай макет и выиграй призы от SmashingMagazine!: https://www.smashingmagazine.com/2017/09/the-css-grid-challenge-join-in/

[40] 8 Ошибок при изучении JavaScript: https://www.youtube.com/watch?v=xMYg_GFZFs0

[41] JavaScript и SEO: сканирует ли Google JavaScript?: https://www.searchengines.ru/javascript-i-seo.html

[42] [[][[]]+[]][+[]][++[+[]][+[]]] — это «n» в JavaScript: https://tproger.ru/devnull/n-in-javascript/

[43] 7 советов по обработке «undefined» в JavaScript: https://tproger.ru/translations/how-to-handle-undefined-in-javascript/

[44] Javascript: любопытный случай с Null >= 0: https://blog.campvanilla.com/javascript-the-curious-case-of-null-0-7b131644e274

[45] Ироничный рассказ о руковостве каждого JavaScript фреймворка, написанного более чем 5 минут назад: https://medium.freecodecamp.org/every-javascript-framework-tutorial-written-more-than-5-minutes-ago-f96642d4f05

[46] Как я убедил нашего технического директора перейти с CoffeeScript на ES6: https://blog.aha.io/coffescript-to-es6/

[47] Набор базовых алгоритмов: стартовый комплект: https://hackernoon.com/basic-javascript-algorithms-toolbox-starter-kit-dc2af3ceebad

[48] React vs Angular: подробное сравнение: https://www.sitepoint.com/react-vs-angular/

[49] Как работает JS: обзор движка, механизмов времени выполнения, стека вызовов: https://habrahabr.ru/company/ruvds/blog/337042/

[50] Как работает JS: о внутреннем устройстве V8 и оптимизации кода: https://habrahabr.ru/company/ruvds/blog/337460/.com%5Bperevod%5D-kak-rabotaet-js-o-vnutrennem

[51] ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript: https://tproger.ru/translations/wtf-is-ecmascript/

[52] Глубокое погружение в JavaScript массивы – эволюция и производительность: http://voidcanvas.com/javascript-array-evolution-performance/

[53] Как разместить Vue-app на Heroku: https://medium.com/devschacht/%D0%BA%D0%B0%D0%BA-%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%81%D1%82%D0%B8%D1%82%D1%8C-vue-app-%D0%BD%D0%B0-heroku-29a3102a9c2d

[54] Готовые к продакшену веб-приложения с vue-pwa-boilerplate (Jeff Posnick на VueNYC) : https://www.youtube.com/watch?v=MLciApf2WTc

[55] Vue.Js Vs. Jquery: варианты использования и сравнение с примерами: https://scotch.io/bar-talk/vuejs-vs-jquery-use-cases-and-comparison-with-examples

[56] 3 шаблона резделения года для VueJS и Webpack: https://medium.com/js-dojo/3-code-splitting-patterns-for-vuejs-and-webpack-b8fff1ea0ba4

[57] react-imgpro: https://github.com/nitin42/react-imgpro

[58] Вам может понадобиться React, но не вся экосистема: https://medium.com/thetruesight/you-may-need-react-but-not-the-whole-ecosystem-9f8aa46593ad

[59] Firebase + React: оптимизация для реального мира: https://medium.com/@apvarun/firebase-react-optimizing-for-the-real-world-4d9edbbd54c5

[60] Как я перестал любить Angular: https://habrahabr.ru/post/337578/.com%5Biz-pesochnitsy%5D-kak-ya-perestal-lyubit-ang

[61] Существенное различие между pure и impure pipes в Angular и почему это имеет значение: https://blog.angularindepth.com/the-essential-difference-between-pure-and-impure-pipes-and-why-that-matters-999818aa068

[62] Существенное различие между Constructor и ngOnInit в Angular: https://blog.angularindepth.com/the-essential-difference-between-constructor-and-ngoninit-in-angular-c9930c209a42

[63] webworker-promise — Учим webworkers хорошим манерам: https://habrahabr.ru/post/337492/

[64] Size Limit: делаем веб легче: https://evilmartians.com/chronicles/size-limit-make-the-web-lighter

[65] Rythm.js: https://github.com/Okazari/Rythm.js

[66] LookForward.js: https://appleple.github.io/lookforward/

[67] Захват потока с MediaRecorder: https://zhirzh.github.io/2017/09/02/mediarecorder/

[68] Выпуск web-браузера Chrome 61: http://www.opennet.ru/opennews/art.shtml?num=47141

[69] 9 вещей в Firefox Dev Tools, о которых вы не знали: https://webdesign.tutsplus.com/tutorials/things-you-didnt-know-about-firefox-dev-tools--cms-26331

[70] Обзор всех инструментов разработчика Chrome DevTools: https://habrahabr.ru/company/simbirsoft/blog/337116/

[71] Как отлаживать JavaScript с помощью Chrome DevTools: https://codeburst.io/learn-how-to-debug-javascript-with-chrome-devtools-9514c58479db

[72] В Chrome 63 появятся средства информирования о попытках перехвата HTTPS: http://www.opennet.ru/opennews/art.shtml?num=47169

[73] Создатель Opera обвинил Google в препятствовании работе Opera и Vivaldi: https://vc.ru/n/opera-vs-google

[74] Мэтт Мулленвег описал проблемы, связанные с Gutenberg, и подтвердил, что новый редактор появится в WordPress 5.0: http://oddstyle.ru/wordpress-2/novosti-wordpress/mett-mullenveg-opisal-problemy-svyazannye-s-gutenberg-i-podtverdil-chto-novyj-redaktor-poyavitsya-v-wordpress-5-0.html

[75] Компания-владелец Trello и Jira запустила корпоративный мессенджер Stride: https://vc.ru/n/atlassian-stride

[76] Facebook запустил сервис для встреч с друзьями в духе Badoo и Tinder: http://gagadget.com/announce/28622-facebook-zapustil-servis-dlya-vstrech-s-druzyami-v-duhe-badoo-i-tinder-/

[77] Криптовалюта: текущее состояние и перспективы развития: https://anycoin.news/2017/09/06/crypto-technology-cond/

[78] Наставничество в IT: что делать, если вам поручили джуниора: https://dou.ua/lenta/articles/mentoring-in-it/

[79] Как защитить веб-приложение: основные советы, инструменты, полезные ссылки: https://tproger.ru/translations/webapp-security/

[80] Как Google в тайне финансирует академические исследования. Себе на пользу: https://ain.ua/2017/09/10/kak-google-finansiruet-issledovaniya

[81] Ради всего святого, напишите на главной сайта, что делает ваша компания: https://ain.ua/2017/09/10/chem-zanimaetsya-vasha-kompaniya

[82] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/337068/

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

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

[85] Источник: https://habrahabr.ru/post/337610/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

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