Дайджест свежих материалов из мира фронтенда за последнюю неделю №259 (16 — 23 апреля 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Размышления по поводу невыполненных обещаний веб-компонентов: https://medium.com/web-standards/regarding-broken-promise-of-web-components-385d63de4959

[7] 10 самых разрушительных ошибок в мобильном SEO: https://www.searchengines.ru/mobile-seo-mistakes.html

[8] Датчики внешней освещённости могут использоваться для хищения данных из браузера: https://tproger.ru/news/ambient-light-sensors-browser-attack/

[9] Facebook открыл фреймворки для построения интерфейса: Litho, React Fiber, Relay Modern и React VR: http://www.opennet.ru/opennews/art.shtml?num=46408

[10] Техники детального анализа производительноти с помощью Dev Tools в блоге разработчиков Google: https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/

[11] Презентация библиотеки pwmetrics: https://medium.com/@denar90/easy-progressive-web-metrics-9afa5ed857c2

[12] Пять Lazy Load техник для изображений, для повышения производительности сайта: https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/

[13] Тестирование производительности — инструменты и Waterfall диаграммы: http://vanseodesign.com/web-design/performance-testing-and-waterfall-diagrams/

[14] Слайды и видео с конференции Render 2017: http://2017.render-conf.com/blog/2017-04-03-slides-and-videos-from-render-2017

[15] Рабочий процесс в современном фронтенде: https://www.youtube.com/watch?v=v5r_n6Tq0uk&feature=youtu.be

[16] Как правильно выбирать современные технологии: https://www.youtube.com/watch?v=wAekLOUpMB4&t=2s&list=PLBzScQzZ83I_n5kvxmUaRNZvc_vsCuEQD&index=1

[17] Начинаем использовать CSS Grid Layouts уже сегодня: https://www.youtube.com/watch?v=tjHOLtouElA&index=12&list=PLBzScQzZ83I_n5kvxmUaRNZvc_vsCuEQD

[18] Записи докладов F8, конференции для разработчиков от Facebook : https://developers.facebook.com/videos/?category=f8_2017

[19] Mega Tags: https://megatags.co/

[20] Что нового на сайте «AMP by Example»: https://medium.com/@sebabenz/whats-new-in-amp-by-example-b44aea5da47d

[21] RealWorld: https://github.com/gothinkster/realworld

[22] SVG слайдер с эффектом морфинга — 20th Century Women: http://codepen.io/nolakat/full/mWNvdb/

[23] Креативный концепт страницы для разработчика/дизайнера: https://tympanus.net/codrops/2017/04/18/developerdesigner-page-layout-concept/

[24] Ремы, емы, и почему отказ от них — не проблема: https://medium.com/devschacht/david-gilbertson-rems-and-ems-and-why-you-probably-dont-need-them-3b2b1e785787

[25] Пришло время начинать использовать пользовательские свойства CSS : https://www.smashingmagazine.com/2017/04/start-using-css-custom-properties/

[26] Переход к стеку системных шрифтов в 2017: https://woorkup.com/system-font/?ref=webdesignernews.com

[27] 8 примеров, как не нужно и как нужно писать CSS селекторы: https://medium.com/@aljullu/8-css-selectors-dos-and-don-ts-1e0d23fcf96c

[28] CSS Grid Layout — новая терминология: http://codepen.io/stacy/pen/ObmjeZ

[29] Шпаргалка по CSS Grid: полное визуальное руководство по гридам: https://alialaa.github.io/css-grid-cheat-sheet/

[30] Между строк: https://css-tricks.com/between-the-lines/

[31] Проблема с атомарным CSS: https://medium.com/simple-human/the-problem-with-atomic-css-d0c09c7aa38e

[32] Создание устойчивой архитектуры на Sass: часть 2: https://jonoherrington.com/build-a-strong-sass-architecture-part-2

[33] ragrid — базовая сетка на flexbox: https://argyleink.github.io/ragrid/

[34] Как мы сделали наш продукт более персонализированным с помощью CSS переменных и React: https://medium.com/geckoboard-under-the-hood/how-we-made-our-product-more-personalized-with-css-variables-and-react-b29298fde608

[35] Путешествие к высокоэффективным и поддерживаемым медиазапросам CSS: https://medium.com/@superKalo/journey-to-highly-effective-and-maintainable-css-media-queries-876e5b92f918

[36] О состоянии вариативных шрифтов в браузерах на начало 2017-го: http://www.axis-praxis.org/blog/2017-04-18/18/the-variable-state-of-the-browsers-early-2017

[37] Использование flow-root сегодня: https://helloanselm.com/2017/flow-root-supports/

[38] Революция в JavaScript. Буквально: https://habrahabr.ru/post/324640/

[39] Способы отладки JS на клиенте: https://habrahabr.ru/post/327190/

[40] Трудные уроки: пять лет с Node.js: https://habrahabr.ru/post/327058/

[41] Спецификация Static Land: https://medium.com/devschacht/static-land-ae8a9024cdd5

[42] Разбор инструментов для тестирования JavaScript: Sinon.js vs testdouble.js: https://www.sitepoint.com/javascript-testing-tool-showdown-sinon-js-vs-testdouble-js/

[43] JavaScript: что волнует меня в 2017: https://hackernoon.com/javascript-what-excites-me-in-2017-7681766b7d79

[44] JavaScript: изучение регулярных выражений для новичков: https://hackernoon.com/javascript-learn-regular-expressions-for-beginners-bb6107015d91

[45] Управляем мышкой и сенсорным вводом с помощью Pointer Events API: http://tutorialzine.com/2017/04/handle-mouse-and-touch-input-with-the-pointer-events-api/

[46] CSS в JS. Rockey.: https://medium.com/@tuchk4/css-in-js-rockey-890ebbbd16e7

[47] Методы обхода массива: https://medium.com/devschacht/jordan-harband-array-iteration-methods-summarized-52c1e759b9bc

[48] Добавляем комментарий в код: хороший, плохой, безобразный: https://medium.freecodecamp.com/code-comments-the-good-the-bad-and-the-ugly-be9cc65fbf83

[49] Адаптивные фоновые изображения с JavaScript: https://www.jpap.org/blog/2017/04/responsive-background-images-with-javascript/

[50] Начинаем работать с Three.js: https://blog.jscrambler.com/getting-started-with-three-js

[51] Начинаем работать с Chart.js: введение: https://code.tutsplus.com/tutorials/getting-started-with-chartjs-introduction--cms-28278

[52] Нативные ECMAScript модули — первый обзор: https://habrahabr.ru/company/tuturu/blog/326716/

[53] Асинхронные функции 101: https://medium.com/devschacht/ire-aderinokun-asynchronous-functions-101-7bc145afe930

[54] Async итераторы и генераторы: https://jakearchibald.com/2017/async-iterators-and-generators/

[55] Вы нуждаетесь в ES2017 функциях Async Functions. И вот почему…: https://derickbailey.com/2017/04/18/you-need-es7s-async-functions-heres-why/

[56] Пришло время овладеть стрелочными функциями: https://medium.com/javascript-scene/familiarity-bias-is-holding-you-back-its-time-to-embrace-arrow-functions-3d37e1a9bb75

[57] Facebook готовит к релизу React Fiber, перезапуск JS-библиотеки React·: https://tproger.ru/news/facebook-react-fiber-f8/

[58] Oculus опубликовала WebVR-библиотеку React VR: http://holographica.space/news/oculus-react-vr-9520

[59] Создаем свой собственный Redux, часть 2: функция connect: https://medium.com/devschacht/jakob-lind-code-your-own-redux-part-2-the-connect-function-d941dc247c58

[60] React Move — красивые и изолированные анимации всего в реакте: https://react-move.js.org/

[61] Быстрый совет: как стилизовать компоненты React с помощью styled-components: https://www.sitepoint.com/style-react-components-styled-components/

[62] Выбираем между React и Angular: глубокое сравнение: https://www.sitepoint.com/choosing-between-react-and-angular/

[63] Использование AngularJS компонентов и директив в React: http://softeng.oicr.on.ca/chang_wang/2017/04/17/Using-AngularJS-components-directives-in-React/

[64] Когда проекту нужден React?: https://css-tricks.com/project-need-react/

[65] Вещи, о которых никто вам не скажет о React.js: https://medium.com/@gianluca.guarini/things-nobody-will-tell-you-about-react-js-3a373c1b03b4

[66] Руководство по аутентификации во Vuejs 2: https://auth0.com/blog/vuejs2-authentication-tutorial/

[67] Юнит тестирование для Vue.js и TypeScript: https://medium.com/@hayavuk/unit-testing-for-vue-js-and-typescript-abc94eff007

[68] Мощь пользовательских директив в Vue: https://css-tricks.com/power-custom-directives-vue/

[69] Давайте создадим веб-приложение с Vue, Chart.js и API: https://dev.to/apertureless/lets-build-a-web-app-with-vue-chartjs-and-an-api

[70] Создание игры Tic-Tac-Toe Game на Vue 2: часть 2: https://scotch.io/tutorials/building-a-tic-tac-toe-game-with-vue-2-part-2

[71] vee-validate: https://github.com/logaretm/vee-validate

[72] Все, что вам нужно знать об обнаружении изменений в Angular: https://habrahabr.ru/post/327004/

[73] Вопросы для собеседования на позицию Angular разработчика: https://github.com/khan4019/angular-interview-questions

[74] Angular 2.0 vs Polymer: http://dotjsfile.blogspot.in/2017/04/angular2-vs-polymer.html

[75] zuck.js: https://github.com/ramon82/zuck.js

[76] Forall.js: https://github.com/MaiaVictor/forall

[77] d3-annotation: http://d3-annotation.susielu.com/

[78] lodash-form-collector: https://github.com/crapthings/lodash-form-collector

[79] simple-slider: http://ruyadorno.github.io/simple-slider/

[80] HR.js: https://mburakerman.github.io/hrjs/

[81] Google приписывают намерение встроить функцию блокирования «неприемлемой» рекламы в браузер Chrome: http://itc.ua/news/google-pripisyivayut-namerenie-vstroit-funktsiyu-blokirovaniya-nepriemlemoy-reklamyi-v-brauzer-chrome/

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

[83] Релиз Firefox 53: http://www.opennet.ru/opennews/art.shtml?num=46398

[84] подробности для разработчиков: http://tanalin.com/blog/2017/04/firefox-53/

[85] Тестирование бета-версии Firefox 54: http://www.opennet.ru/opennews/art.shtml?num=46432

[86] Реструктуризация процесса разработки Firefox и отказ от ветки Aurora: http://www.opennet.ru/opennews/art.shtml?num=46399

[87] Улучшенная производительность JavaScript, WebAssembly, и Shared Memory в Microsoft Edge: https://blogs.windows.com/msedgedev/2017/04/20/improved-javascript-performance-webassembly-shared-memory/

[88] Подробно о том, как переписали DOM в Microsoft Edge: https://blogs.windows.com/msedgedev/2017/04/19/modernizing-dom-tree-microsoft-edge/#ZA8iiMXuFl2qHFDW.97

[89] Соцсеть в виртуальной реальности, управление компьютером силой мысли и множество новинок для разработчиков — всё, что Facebook показала на конференции F8 : https://tproger.ru/articles/facebook-f8-summary/

[90] 8 важных анонсов с конференции Facebook F8 и их значение для маркетологов: https://vc.ru/p/f8-2017

[91] Google открыла доступ к Cloud Speech API, лежащей в основе Google Ассистента технологии распознавания речи : https://tproger.ru/news/google-cloud-speech-api/

[92] «Даже создатели ИИ не до конца знают, как он работает»: 4 проблемы искусственного интеллекта: https://ain.ua/2017/04/21/problemy-iskusstvennogo-intellekta

[93] Mastercard представила биометрическую банковскую карту нового поколения: https://3dnews.ru/951039/

[94] Видео: Григорий Бакунов показал собственного голосового ассистента для автомобиля: https://vc.ru/p/bakunov-presents-vika

[95] «Мы не Facebook или Instagram»: сервис Pinterest убрал кнопку Like: https://ain.ua/2017/04/23/pinterest-ubral-knopku-like

[96] Илон Маск планирует создать полноценные нейроинтерфейсы для связи мозга с компьютером за 8-10 лет, а продукты для медицины – за четыре: http://itc.ua/news/ilon-mask-planiruet-sozdat-polnotsennyie-neyrointerfeysyi-dlya-svyazi-mozga-s-kompyuterom-za-8-10-let-a-produktyi-dlya-meditsinyi-za-chetyire/

[97] Как Reddit создал r/Place: https://habrahabr.ru/company/badoo/blog/326984/

[98] Весь гарвардский курс по основам программирования: https://tjournal.ru/43510-ves-garvardskii-kurs-po-osnovam-programmirovaniya

[99] Новая версия Google Earth: Земля как на ладони: http://gagadget.com/announce/26630-novaya-versiya-google-earth-zemlya-kak-na-ladoni/

[100] Google Hire — новый сервис для поиска работы: http://gagadget.com/business/26615-google-hire-novyij-servis-dlya-poiska-rabotyi/

[101] Internet Archive запустил онлайн-эмулятор Macintosh: http://gagadget.com/apple-watch-2/26683-apple-i-nike-predstavili-novuyu-limitirovannuyu-versiyu-apple-watch/

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

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

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

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

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