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

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

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

• Вот тебе, бабушка, и неймспейсы
• Изучение веб-разработки в 2017-м намного проще, чем вы думаете
• 10 веб-прогнозов на 2017-й
• Миграция на Webpack@2
• О важности указания кодировки для HTML символов
• Ортогональность и «CSS в JS»
• Улучшайте доступность вашего сайта с помощью WAI-ARIA
• Миграция системы сборки фронтенда на Webpack
• Разница между AMP и отзывчивым веб-дизайном
• Веб ожирение — это не проблема знаний
• xvg — расширение Chrome для визуальной отладки кривых в SVG
• Создание собственного HTML5 Video проигрывателя и Shadow DOM

CSS

• Эволюция CSS: от CSS, SASS, BEM, CSS Modules к Styled Components
• Как я уничтожил производительность своего блога с помощью CSS Background-Blend-Modes
• CSS Grid грядёт
• 20 коротких видео, которые помогут вам выучить Grid Layout
• Пытаемся разобраться в поддержке CSS в Gmail (после последнего обновления)
• Решаем проблемы поддержки отзывчивого дизайна в Gmail
• Реализация наклоненных под одинаковым углом краев в CSS
• Flexible Boxes — еще один визуальный генератор флексбоксов
• bttn.css — симпатичный генератор эффектных кнопок
• PostCSS: Sass’s New Play Date
• EM vs REM vs PX – почему вы не должны использовать только пиксели
• Двадцать лучших CSS анимаций на CodeCanyon
• Добавление Box Shadow (z-глубины) к компонентам Angular Material 2

JavaScript

• NativeScript, что за зверь и для чего он нужен?
• JavaScript везде [инфографика]
• 3 библиотеки JavaScript, за которыми следует следить в 2017-м
• лучшие практики чистого кода при написании JavaScript-кода
• Как мой десятилетний сын выучил Javascript
• Демистификация Babel и ES6
• ES2015 JavaScript vs. Elm vs. TypeScript
• Преодоление разрыва между Elm и JavaScript с помощью TypeScript
• Простая web оплата: представляем Payment Request API
• Лучшие и худшие стороны JSX
• Lazy-loading jQuery с webpack только тогда, когда это вам необходимо
• Подпись и публикация JavaScript модулей с Flow
• BunnyJS — Browser ES6 framework
• Собеседования:
  • Master the JavaScript Interview: что такое функциональное программирование
  • Вопросы собеседования по React
  • Три вопроса к которым стоит подготовиться перед собеседованием по JavaScript
  • Вопросы и ответы на собеседованиях по Node.js (Редакция 2017)

• React:
  • Хорошие практики: почему вы должны использовать JavaScript с React Native везде, где это возможно
  • Создание приложения на React.js с User Login и Authentication
  • Представляем React Reform, инструмент для создания тем к вашим формам
  • Пять смертельных пальцев смерти. Овладей этими пятью концепциями, затем овладей React-ом.
  • Критическое мышление по поводу Redux в вашем приложении

• Vue:
  • Vue.js 2: учебное пособие по быстрому старту в 2017-м
  • Vue.js 2: сборник мелких советов

• Angular:
  • Angular 1.6 уже здесь: всё что нужно знать (Angular 1.6 is here: what you need to know)

• Libs & Plugins:
  • table-dragger — добавление возможности drag-and-drop сортировки в ваших таблицах без jQuery
  • trae — минималистичный браузерный HTTP клиент для получения данных, основанный на Fetch API
  • jQuery плагины для работы с печатью
  • Diffy.js — библиотека для определения движения для браузеров, без зависимостей
  • flatpickr — библиотека для компонента выбора даты без зависимостей
  • Inferno — очень быстрая библиотека для создания современных пользовательских интерфейсов, подобная React

Браузеры

• Браузеры: время подводить итоги 2016 года
• Google Chrome помечает HTTPS-сайты надежными

Новости и занимательное

• «Почему я отказался от работы в Apple»
• Блог-платформа Medium отказалась от рекламы, но как заработать без неё — не придумала
• Итоги 2016 года: есть ли будущее у носимой электроники?
• Вернём компьютингу фан!
• В рейтинг самых ярких предпринимателей младше 30 лет от Forbes вошли создатели Prisma, MSQRD и GitLab
• Slack, Airbnb, Dropbox и другие претенденты на IPO в 2017 году по версии VentureBeat
• Итоги 2016 года для Microsoft
• Чему нас научили самые крупные прошлогодние ошибки технологических компаний
• Adobe повысила стоимость подписки на Creative Cloud более чем в два раза
• Уволенный сотрудник Snapchat обвинил компанию в завышении данных о количестве пользователей накануне IPO
• Языки, на которых активно пишут код на GitHub
• Шпаргалки по алгоритмам обработки данных

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

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

Автор: Zfort Group

Источник