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

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

Веб-разработка

CSS

Javascript

Занимательное

Веб Разработка

• Июньские новинки мира веб-стандартов
• Визуальное регрессионное тестирование (как быстро продвигаться в разработке и ничего не ломать)
• Валидация форм, Часть 1: Проверка ограничений в HTML, Часть 2: API проверки достоверности (JavaScript), Часть 3: Validity State API Polyfill, Part 4: Валидация формы подписки MailChimp
• Медиа:
  
  
  • Подкаст Веб-стандарты, Выпуск №74: Разнообразие браузеров, HTML для людей, PE и GD в Шортах, гриды с фолбэком, фокус с клавиатуры, трюки со шрифтами, рефакторинг и ответственность, Uber в браузере, фича из CS в ES.
  • Подкаст Frontend Weekend, FW #9 – Как стать крутым разработчиком без профильного образования
  • Подкаст «Пятиминутка React», #23 — webpack 3.0.0, pnpm 1.0, TypeScript 2.4
  • Прогрессивная деградация — HTML Шорты
  • Запись стрима Юрия Артюха ALL YOUR HTML #5: Sexy Fragment Shader and throttle-debounce
  • Полная компиляция видео с React Amsterdam 2017 + бонус
  
  
• Инструменты:
  
  
  • JS Foundation: Episode #0 – sonar: инструмент линтинга для веба
  • 8 свойств CodePen, о которых вы не знаете
  • Полноразмерные скриншоты страниц нативными средствами браузеров
  
  
• Анимации:
  
  
  • GreenSock для начинающих: руководство по веб-анимации (часть 1)
  • Анимация органической формы с помощью SVG clipPath
  
  
• AMP/PWA:
  
  
  • Я решил отключить Google AMP на своём сайте
  • Любой сайт может стать PWA – но мы должны делать это лучше
  • Создание m.uber: разработка высокопроизводительного веб-приложения для глобального маркета

CSS

• От бутстрапа — к CSS-гридам
• Полное руководство по Flexbox
• Применение стилей для фокуса с клавиатуры
• Выбираем, как структурировать наши CSS компоненты
• Как определить и использовать пользовательские свойства CSS
• Пять основных этапов развития CSS
• Наложение шрифтов, или как переименовать шрифт в CSS
• Отзывчивая типографика с помощью calc(), vw, и суперспособности Sass
• reproCSS — CSS репроцессор, использующий теги <style>. Подборка демок с reproCSS
• Всплывающие метки полей при наборе текста с помощью :placeholder-shown

JavaScripts

• ArrayBuffer и SharedArrayBuffer в JavaScript, часть 2: знакомство с новыми объектами языка
• JavaScript: многоликие функции
• JavaScript: The Fun Parts
• TC39, ECMAScript и будущее JavaScript
• Назад к основам: что такое коллбэки в JavaScript?
• Тестирование JavaScript: от 0 до 80% покрытия кода
• Reddit: почему мы выбрали Typescript
• Браузерная загрузка модулей — можем ли мы уже остановить бандлинг?
• Разработка Javascript без ‘this’
• esprint — быстрый загрузчик eslint от Pinterest
• Подборка хороших вопросов для собеседования JavaScript разработчика
• Прилипающие заголовки от Remy Sharp: часть 1, часть 2, часть 3
• Фреймворки:
  
  
  • Что будет если скрестить React и Angular?
  • Бешеные псы: Angular 2 vs React: доклад Евгения Гусева и Ильи Таратухина
  • Angular vs. React: что лучше для веб-разработки?
  • Использование компонентов AngularJS в React
  • Миграция с Angular на VueJS
  
  
• Vue:
  
  
  • Vue.js наступает на пятки React и Angular
  • Создание веб-приложений в режиме реального времени с использованием Vue.js 2 и Firebase.
  • Впечатления после Vue Conf 2017
  • Что мы узнали на at VueConf
  • Интеграция TypeScript в ваш проект на Vue
  • Vue.js devtools — новое расширение к Firefox
  • vetur — инструментарий Vue для VSCode
  
  
• React:
  
  
  • Создание React VR-приложения, работающего в реальном времени
  • Новый раздел в React Docs о доступности в React
  • React Native UI Kitten — мобильный фреймворк с легко кастомизируемыми компонентами
  • Принцип единой ответственности компонентов: объектно-ориентированный дизайн в React, — свежий выпуск Front End Center
  
  
• Angular:
  
  
  • Почему Angular 2/4 опоздал
  • Почему я не люблю Angular 2 (и 4)
  • Мощь селекторов в Angular
  • Angular 4 и тестирование: angular/cli + gitlab-ci + ng test + PhantomJS + TDD.
  
  
• Libs & Plugins:
  
  
  • Почему я переключаюсь с React на Cycle.js
  • Stickybits: альтернатива полифиллу к `position: sticky`
  • share-this: шаринг текста в стиле Medium

Занимательное

• Более половины npm-пакетов могли быть скомпрометированы из-за ненадёжных паролей доступа
• ЕС оштрафовал Google на €2,42 млрд за нарушение антимонопольного законодательства
• В Microsoft похвастались тем, что их искусственный интеллект лишил работы специалиста по данным
• Новый редактор Gutenberg для WordPress стал доступен для тестирования в виде плагина
• Mozilla развивает концепцию Web of Things
• Petya, NotPetya или Petna? Все, что нужно знать о новой эпидемии
• Очень темные дела. Материал на ленте о даркнете
• Один в поле воин! Как блогер Uber победил
• «Как Касперский звук свиньи придумал»
• Разработка проекта vs разработка продукта — в чем разница
• Почему прокрастинаторы прокрастинируют
• Из-за чего наступит закат Google

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

← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin