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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Июньские новинки мира веб-стандартов: http://css-live.ru/vecssti-s-polej/iyunskie-novinki-mira-veb-standartov.html

[6] Визуальное регрессионное тестирование (как быстро продвигаться в разработке и ничего не ломать): https://medium.com/@ahmedmahmoud_47233/visual-regression-testing-how-you-can-move-fast-and-dont-break-things-895139f10846

[7] Часть 1:: https://css-tricks.com/form-validation-part-1-constraint-validation-html/

[8] Часть 2:: https://css-tricks.com/form-validation-part-2-constraint-validation-api-javascript/

[9] Часть 3:: https://css-tricks.com/form-validation-part-3-validity-state-api-polyfill/

[10] Part 4:: https://css-tricks.com/form-validation-part-4-validating-mailchimp-subscribe-form/

[11] FW #9 – Как стать крутым разработчиком без профильного образования: https://soundcloud.com/frontend-weekend/fw-9

[12] #23 — webpack 3.0.0, pnpm 1.0, TypeScript 2.4: http://5minreact.ru/23-webpack-pnpm-typescript/

[13] Прогрессивная деградация — HTML Шорты: https://www.youtube.com/watch?v=sZleJiCCWP8

[14] Sexy Fragment Shader and throttle-debounce: https://www.youtube.com/watch?v=YEYmYI7ZpQc

[15] Полная компиляция видео с React Amsterdam 2017 + бонус: https://medium.com/@ReactAmsterdam/full-compilation-of-react-amsterdam-2017-talk-videos-for-both-tracks-bonus-10020157c851

[16] инструмент линтинга для веба: https://js.foundation/community/js-devs-zone/episode0-sonar

[17] 8 свойств CodePen, о которых вы не знаете: http://www.creativebloq.com/features/8-hidden-codepen-features

[18] Полноразмерные скриншоты страниц нативными средствами браузеров: https://css-tricks.com/full-page-screenshots-browsers/

[19] GreenSock для начинающих: руководство по веб-анимации (часть 1): https://www.sitepoint.com/web-animation-tutorial-part-1/

[20] Анимация органической формы с помощью SVG clipPath : https://tympanus.net/codrops/2017/06/28/organic-shape-animations-with-svg-clippath/

[21] Я решил отключить Google AMP на своём сайте: https://habrahabr.ru/post/331958/

[22] Любой сайт может стать PWA – но мы должны делать это лучше: https://christianheilmann.com/2017/06/27/any-web-site-can-become-a-pwa-but-we-need-to-do-better/

[23] Создание m.uber: разработка высокопроизводительного веб-приложения для глобального маркета: https://eng.uber.com/m-uber/

[24] От бутстрапа — к CSS-гридам: http://css-live.ru/articles/ot-butstrapa-k-css-gridam.html

[25] Полное руководство по Flexbox: https://tuhub.ru/frontend/flexbox-complete-guide/

[26] Применение стилей для фокуса с клавиатуры: http://kizu.ru/en/blog/keyboard-only-focus/

[27] Выбираем, как структурировать наши CSS компоненты: https://medium.com/@CKGrafico/choosing-how-to-structure-our-css-components-7af3c7ea4f27

[28] Как определить и использовать пользовательские свойства CSS: http://vanseodesign.com/css/custom-properties/

[29] Пять основных этапов развития CSS: http://mediatemple.net/blog/tips/five-huge-css-milestones/

[30] Наложение шрифтов, или как переименовать шрифт в CSS: https://www.zachleat.com/web/rename-font/

[31] Отзывчивая типографика с помощью calc(), vw, и суперспособности Sass: https://www.ascedia.com/blog/june-2017/responsive-typography

[32] reproCSS: https://tomhodgins.github.io/reprocss/

[33] Подборка демок с reproCSS: https://codepen.io/collection/nVmzEO/

[34] Всплывающие метки полей при наборе текста с помощью :placeholder-shown: https://codepen.io/wesbos/pen/KgdzPq

[35] ArrayBuffer и SharedArrayBuffer в JavaScript, часть 2: знакомство с новыми объектами языка: https://habrahabr.ru/company/ruvds/blog/331760/

[36] JavaScript: многоликие функции: https://habrahabr.ru/company/ruvds/blog/332020/

[37] JavaScript: The Fun Parts: https://medium.com/@kermani/javascript-the-fun-parts-7af15ba62c4d

[38] TC39, ECMAScript и будущее JavaScript: https://ponyfoo.com/articles/tc39-ecmascript-proposals-future-of-javascript

[39] Назад к основам: что такое коллбэки в JavaScript?: https://www.sitepoint.com/callbacks-javascript/

[40] Тестирование JavaScript: от 0 до 80% покрытия кода: https://medium.com/@tilomitra/javascript-testing-from-0-to-80-code-coverage-14adc48e30cd

[41] Reddit: почему мы выбрали Typescript: https://redditblog.com/2017/06/30/why-we-chose-typescript/

[42] Браузерная загрузка модулей — можем ли мы уже остановить бандлинг?: https://sgom.es/posts/2017-06-30-ecmascript-module-loading-can-we-unbundle-yet/

[43] Разработка Javascript без ‘this’: https://codeburst.io/this-less-javascript-development-128839c6559e

[44] esprint: https://github.com/pinterest/esprint

[45] Подборка хороших вопросов для собеседования JavaScript разработчика: https://performancejs.com/post/hde6d32/The-Best-List-of-Frontend-JavaScript-Interview-Questions-(written-by-a-Frontend-Engineer)

[46] часть 1: https://remysharp.com/2017/06/28/sticky-headers

[47] часть 2: https://remysharp.com/2017/06/29/smooth-scroll-with-sticky-nav

[48] часть 3: https://remysharp.com/2017/06/29/css-sticky-nav-and-smooth-scroll

[49] Что будет если скрестить React и Angular?: https://habrahabr.ru/post/331704/

[50] Бешеные псы: Angular 2 vs React: доклад Евгения Гусева и Ильи Таратухина: https://habrahabr.ru/company/wrike/blog/330872/

[51] Angular vs. React: что лучше для веб-разработки?: https://www.toptal.com/front-end/angular-vs-react-for-web-development

[52] Использование компонентов AngularJS в React : https://medium.com/appifycanada/angular-components-in-react-2c929130f995

[53] Миграция с Angular на VueJS: https://medium.lucaskatayama.com/migrating-from-angular-to-vuejs-71277cdc3dd9

[54] Vue.js наступает на пятки React и Angular: https://abraxabra.ru/blog/vue-js/vue-js-on-the-heels-of-the-react-and-angular/

[55] Создание веб-приложений в режиме реального времени с использованием Vue.js 2 и Firebase.: https://abraxabra.ru/blog/vue-js/vue-js-2-firebase/

[56] Впечатления после Vue Conf 2017: http://no-kill-switch.ghost.io/impressions-after-vue-conf-2017/

[57] Что мы узнали на at VueConf : https://vuejsfeed.com/blog/what-we-learned-at-vueconf

[58] Интеграция TypeScript в ваш проект на Vue: https://alexjoverm.github.io/2017/06/28/Integrate-TypeScript-in-your-Vue-project/

[59] Vue.js devtools: https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/

[60] vetur: https://github.com/vuejs/vetur

[61] Создание React VR-приложения, работающего в реальном времени: https://habrahabr.ru/company/mailru/blog/331816/

[62] Новый раздел в React Docs о доступности в React: https://facebook.github.io/react/docs/accessibility.html

[63] React Native UI Kitten: https://akveo.github.io/react-native-ui-kitten/#/home

[64] Принцип единой ответственности компонентов: объектно-ориентированный дизайн в React: https://www.youtube.com/watch?v=pSdp92Up8O8

[65] Почему Angular 2/4 опоздал: https://medium.com/@chriscordle/why-angular-2-4-is-too-little-too-late-ea86d7fa0bae

[66] Почему я не люблю Angular 2 (и 4): https://medium.com/@danmack_86097/why-i-dont-like-angular-2-and-4-eb0783636f12

[67] Мощь селекторов в Angular: https://netbasal.com/the-power-of-selectors-in-angular-cd6947ce3bfd

[68] Angular 4 и тестирование: angular/cli + gitlab-ci + ng test + PhantomJS + TDD.: https://medium.com/@wingsuitist/angular-4-and-testing-angular-cli-gitlab-ci-ng-test-phantomjs-tdd-afc20f50b928

[69] Почему я переключаюсь с React на Cycle.js: https://www.sitepoint.com/switching-from-react-to-cycle-js/

[70] Stickybits: альтернатива полифиллу к `position: sticky`: https://css-tricks.com/stickybits-alternative-position-sticky-polyfills/

[71] share-this:: https://maxart2501.github.io/share-this/

[72] Более половины npm-пакетов могли быть скомпрометированы из-за ненадёжных паролей доступа: http://www.opennet.ru/opennews/art.shtml?num=46768

[73] ЕС оштрафовал Google на €2,42 млрд за нарушение антимонопольного законодательства: http://itc.ua/news/es-oshtrafoval-google-na-e2-42-mlrd-za-narushenie-antimonopolnogo-zakonodatelstva/

[74] В Microsoft похвастались тем, что их искусственный интеллект лишил работы специалиста по данным: http://itc.ua/blogs/v-microsoft-pohvastalis-tem-chto-ih-iskusstvennyiy-intellekt-lishil-rabotyi-spetsialista-po-dannyim/

[75] Новый редактор Gutenberg для WordPress стал доступен для тестирования в виде плагина: http://oddstyle.ru/wordpress-2/wordpress-plaginy/novyj-redaktor-gutenberg-dlya-wordpress-stal-dostupen-dlya-testirovaniya-v-vide-plagina.html

[76] Mozilla развивает концепцию Web of Things: http://www.opennet.ru/opennews/art.shtml?num=46795

[77] Petya, NotPetya или Petna? Все, что нужно знать о новой эпидемии: https://xakep.ru/2017/06/28/petya-write-up/

[78] Очень темные дела: http://darknet.lenta.ru/

[79] Один в поле воин! Как блогер Uber победил: http://gosvopros.ru/territory/istoriya-uspekha/fowler-vs-uber/

[80] «Как Касперский звук свиньи придумал»: https://vc.ru/p/kaspersky-pig-noise

[81] Разработка проекта vs разработка продукта — в чем разница: https://spark.ru/startup/adn-digital-studio/blog/30355/razrabotka-proekta-vs-razrabotka-produkta-v-chem-raznitsa?from=vc

[82] Почему прокрастинаторы прокрастинируют: https://vc.ru/p/why-procrastinators-procrastinate

[83] Из-за чего наступит закат Google: https://vc.ru/p/google-may-collapse

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

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

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

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

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