- PVSM.RU - https://www.pvsm.ru -

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

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

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

Веб-разработка [1]
CSS [2]
Javascript [3]
Браузеры [4]
Занимательное [5]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №268 (19 — 25 июня 2017) - 2 Веб-разработка

Дайджест свежих материалов из мира фронтенда за последнюю неделю №268 (19 — 25 июня 2017) - 20 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №268 (19 — 25 июня 2017) - 36 JavaScript

Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №268 (19 — 25 июня 2017) - 80 Занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [99].
Материал подготовили dersmoll [100] и alekskorovin [101].

Автор: Zfort Group

Источник [102]

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Connect: советы по современному фронтенду: https://habrahabr.ru/post/331548/[perevod]-connect-sovety-po-sovremennom

[7] HTTP/2 Server Push не так прост, как я думал: https://habrahabr.ru/company/badoo/blog/331216/[perevod]-http-2-server-push-ne-tak-pros

[8] Выбираем фронтенд фреймворк в 2017: https://medium.com/this-dot-labs/building-modern-web-applications-in-2017-791d2ef2e341

[9] Интересная техника реализации иконочной системы на SVG: https://css-tricks.com/pretty-good-svg-icon-system/

[10] HTML imports — это лучший веб-компонент: https://www.scirra.com/blog/ashley/34/html-imports-are-the-best-web-component

[11] Bojler: http://slicejack.github.io/bojler/

[12] Addy Osmani: Руководство для хакеров для мгновенной загрузки в бразуер чего угодно: https://www.youtube.com/watch?v=7vUs5yOuv-o

[13] Разбираемся с lock-файлами в NPM 5: https://medium.com/devschacht/understanding-lock-files-in-npm-5-4bf615c6cd50

[14] webpack 3: официальный релиз: https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b

[15] Уязвимость Webpack и Preact-CLI: https://medium.com/@mikenorth/webpack-preact-cli-vulnerability-961572624c54

[16] Hacker-box: https://hacker-box.com/

[17] Accelerated Mobile Pages (AMP): чем вы готовы пожертвовать ради скорости?: https://dockyard.com/blog/2017/06/22/accelerated-mobile-pages-what-are-you-willing-to-sacrifice

[18] AMP: мысли о проекте с двумя миллиардами страниц: https://mobiforge.com/news-comment/amp-thoughts-on-a-2-billion-page-project

[19] Иллюзия скорости: https://paulbakaus.com/tutorials/performance/the-illusion-of-speed/

[20] Обзор анимации с codepen для страниц загрузки сайта: https://habrahabr.ru/company/mr_gefest/blog/331236/

[21] Fluent Design: Calendar: https://codepen.io/acjdesigns/pen/vZKLyX/

[22] #4 ALL YOUR HTML, различные анимации лендинга с помощью GSAP: https://www.youtube.com/watch?v=b8P-6DDKU_c

[23] Занимательная вёрстка с единицами измерения области просмотра: https://habrahabr.ru/post/331184/

[24] CSS: введение в единицу длины 'fr': https://habrahabr.ru/post/331316/

[25] Кому нужны флексы — HTML Шорты: https://www.youtube.com/watch?v=Wpglfz7aXzo

[26] Знакомство с анимацией в CSS3: гайд для начинающих: https://tproger.ru/translations/css3-animation-step-by-step/

[27] Новые гриды уже в Edge Insider Preview: http://css-live.ru/vecssti-s-polej/novye-gridy-uzhe-v-edge-insider-preview.html

[28] Spectral: https://spectral.prototypo.io/

[29] О нет! Наши таблицы стилей только растут и растут!: https://css-tricks.com/oh-no-stylesheet-grows-grows-grows-append-stylesheet-problem/

[30] Используйте CSS переменные правильно: https://madebymike.com.au/writing/using-css-variables/

[31] Как выглядит хорошо задокументированная кодовая база CSS?: https://css-tricks.com/well-documented-css-codebase-look-like/

[32] Как применить CSS3 Transforms к Background Images: https://www.sitepoint.com/css3-transform-background-image/

[33] Соотношение сторон в CSS — это хак: https://www.bram.us/2017/06/16/aspect-ratios-in-css-are-a-hack/

[34] CSS vs. JavaScript: доверие vs. контроль: https://christianheilmann.com/2017/06/21/css-vs-javascript-trust-vs-control/

[35] Как я создал кроссворд на чистом CSS: https://www.sitepoint.com/how-built-pure-css-crossword-puzzle/

[36] Мощное улучшение CSS Grid Inspector в Firefox Nightly: https://hacks.mozilla.org/2017/06/new-css-grid-layout-panel-in-firefox-nightly/

[37] CSS фреймворки для использования с Angular 2+: https://medium.com/@stefvardalos/css-framework-to-use-with-angular-version-2-b2d4abc81280

[38] Less-Grid-Boilerplate: https://github.com/joeberthelot88/Less-Grid-Boilerplate

[39] Visual Component Library “VCL“: http://vcl.github.io/presentation/index.html#1

[40] ArrayBuffer и SharedArrayBuffer в JavaScript, часть 1: краткий курс по управлению памятью: https://habrahabr.ru/company/ruvds/blog/331344/

[41] Давайте выучим замыкания в JavaScript: https://htmlacademy.ru/blog/195-lets-learn-javascript-closures

[42] sonar: https://js.foundation/announcements/2017/06/22/sonar-js-foundation-welcomes-newest-project

[43] Почему всегда стоит использовать Linter: https://medium.com/dailyjs/why-you-should-always-use-a-linter-and-or-pretty-formatter-bb5471115a76

[44] Шаблоны оптимизации JavaScript (часть 1): http://benediktmeurer.de/2017/06/20/javascript-optimization-patterns-part1/

[45] Функциональное программирование в Javascript — это антипаттерн: https://medium.com/@alexdixon/functional-programming-in-javascript-is-an-antipattern-58526819f21e

[46] Руководство для начинающих по тестированию функционального JavaScript: https://www.sitepoint.com/testing-functional-javascript/

[47] Создание прогрессивных веб приложений с Ember: https://madhatted.com/2017/6/16/building-a-progressive-web-app-with-ember

[48] Подводные камни Service Worker: https://labs.kollegorna.se/blog/2017/06/service-worker-gotchas/

[49] Как создать интерактивные JavaScript графики и диаграммы из задаваемых наборов данных: https://www.sitepoint.com/javascript-charts-custom-data-sets/

[50] Lodash это не (только) для манипуляций со списками!: https://blog.pragmatists.com/lodash-is-not-only-for-list-manipulation-791c2e3b9de1

[51] Машинное обучение с JavaScript: часть 2: https://hackernoon.com/machine-learning-with-javascript-part-2-da994c17d483

[52] JavaScript для микроконтроллеров и IoT: часть 1: https://auth0.com/blog/javascript-for-microcontrollers-and-iot-part-1/

[53] Новые #приватные поля классов в JavaScript: https://medium.com/devschacht/javascripts-new-private-class-fields-c60daffe361b

[54] async/await из ES2017 — лучшее что происходило в JavaScript: https://certsimple.com/blog/javascript-equals-async-await

[55] ES6 Katas: http://es6katas.org/

[56] Давайте изучим ES6 Generators: https://medium.freecodecamp.com/lets-explore-es6-generators-5e58ed23b0f1

[57] p-iteration: https://github.com/toniov/p-iteration

[58] Excel-подобная таблица в 25 строк ES6: http://jsfiddle.net/ondras/o3tzx1px/

[59] Динамический рендеринг компонентов в Angular 2: https://habrahabr.ru/post/331298/

[60] От новичка до героя Angular: https://blog.goyello.com/2017/06/14/zero-angular-hero/

[61] Состояние Angular и срок 5й версии: https://hackernoon.com/the-state-of-angular-and-the-due-date-of-version-5-68374002267f

[62] ng-annotate устарел: что это означает для ваших проектов: http://www.codelord.net/2017/06/18/ng-annotate-deprecated-what-that-means-for-your-projects/

[63] flight: http://www.react-flight.io/

[64] React Express: http://www.react.express/

[65] Создание мини-Netflix на React за 10 минут: https://scotch.io/tutorials/build-a-mini-netflix-with-react-in-10-minutes

[66] fbox: https://github.com/nantaphop/fbox/tree/master

[67] Vataxia: https://github.com/buckyroberts/Vataxia-Frontend

[68] Учишь React? Начни с малого.: https://daveceddia.com/learning-react-start-small/

[69] Первое приложение Reason React для Javascript разработчиков: https://jamesfriend.com.au/a-first-reason-react-app-for-js-developers

[70] Техники для декомпозиции компонентов React: https://medium.com/dailyjs/techniques-for-decomposing-react-components-e8a1081ef5da

[71] Почему VueJS внедряется так медленно?: https://www.quora.com/Why-is-VueJS-being-adopted-so-slowly/answer/Mattias-Petter-Johansson?share=5f775dbb

[72] Четыре способа ускорения приложения Vue.js c Webpack: http://vuejsdevelopers.com/2017/06/18/vue-js-boost-your-app-with-webpack/

[73] Vue vs React: битва Javascript фреймворков: https://deliciousbrains.com/vue-vs-react-battle-javascript/

[74] Миграция с KnockoutJS на VueJS: https://jes.al/2017/05/migrating-from-knockoutjs-to-vuejs/

[75] Начинаем работать с Vue Router: https://scotch.io/tutorials/getting-started-with-vue-router

[76] Vue.js: трехминутное интерактивное введение: https://medium.freecodecamp.com/learn-basic-vue-js-crash-course-guide-vue-tutorial-e3da361c635

[77] Зачем выбирать Vue.js: http://hire.jonasgalvez.com.br/2017/Jun/23/Why-Choose-Vue

[78] 5 отличных докладов с VueConf 2017, первой конференции по Vue.js: http://vuejsdevelopers.com/2017/06/25/vue-conf-2017/

[79] Использование Vue, Vuex, Immutable для программирования Tetris: https://github.com/Binaryify/vue-tetris/blob/master/README-EN.md

[80] Pasition: https://alloyteam.github.io/pasition/

[81] gpotter-gradient: https://github.com/HawkeyePierce89/gpotter-gradient

[82] graphql-js: https://github.com/graphql/graphql-js

[83] lazy-arr: https://performancejs.com/post/ewffd34/Introducing:-Lazy-arrays-in-JavaScript

[84] Для Android создан web-браузер Firefox Focus на базе движка Webkit: http://www.opennet.ru/opennews/art.shtml?num=46730

[85] Выпуск web-браузера Opera 46: http://www.opennet.ru/opennews/art.shtml?num=46748

[86] Советы для разработчиков по DevTools: как снять полностраничный скриншот без расширений браузера: https://umaar.com/dev-tips/151-screenshot-capture/

[87] Yahoo! всё: http://www.computerra.ru/167870/yahoo-the-end/

[88] В России возник острый дефицит видеокарт: https://www.vedomosti.ru/technology/articles/2017/06/19/695005-rost-kursa-kriptovalyut

[89] Цифровая реальность: как мировая конкуренция поисковиков делает офлайн умнее: http://www.forbes.ru/tehnologii/345075-cifrovaya-realnost-kak-mirovaya-konkurenciya-delaet-oflayn-poiskoviki-umnee

[90] ООН, Microsoft и другие компании работают над системой цифровой идентификации на основе блокчейн для лиц, лишённых документов: http://itc.ua/news/oon-microsoft-i-drugie-kompanii-rabotayut-nad-sistemoy-tsifrovoy-identifikatsii-na-osnove-blokcheyn-dlya-lits-lishyonnyih-dokumentov/

[91] Золотая лихорадка: наши дни: https://tjournal.ru/45541-zolotaya-lihoradka-nashi-dni

[92] Кирка, видеокарта, шахта с биткоинами. Как перестать бояться и начать добывать криптовалюту: http://medialeaks.ru/2006sts-txt-kirka-lopata-i-videokarta

[93] Мнение: Когда пузырь лопнет или почему я ошибался насчет эфириума: https://ain.ua/2017/06/25/ya-oshibalsya-naschet-ethereum-mnenie

[94] «Они за нами повторяют»: в Microsoft намекнули о копировании со стороны Apple: https://ain.ua/2017/06/20/oni-za-nami-povtoryayut-v-microsoft-nameknuli-o-kopirovanii-so-storony-apple

[95] Facebook обучает ИИ переговорам с людьми и обману: https://ain.ua/2017/06/20/facebook-obuchaet-ii-peregovoram

[96] Google запустил поиск вакансий на основе машинного обучения: https://ain.ua/2017/06/20/google-zapustil-poisk-vakansij

[97] Google перестанет сканировать почтовые ящики пользователей к концу 2017 года: https://vc.ru/n/google-noscan

[98] Tesla планирует создать конкурента Apple Music: https://keddr.com/2017/06/tesla-planiruet-sozdat-konkurenta-apple-music/

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

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

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

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