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

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

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

• WebAssembly – путь к новым горизонтам производительности.
  Введение в WebAssembly
• Что поправить в верстке перед выпуском в продакшн?
• Первый официальный релиз Webpack 2. Что нового по сравнению с Webpack 1?
• Подкаст Веб-стандарты, Выпуск №51: Модули ES6 и global, PhantomJS, веб-манифест, фронтенд ВКонтакте, методологии CSS, SVG-иконки.
• 14 основных этапов развития веб-разработки за последние 20 лет
• Использование атрибута aria-current
• Сложности элемента input type=date
• Определение шаблона структуры страницы сайта
• Сборка модулей и Webpack простым языком
• Большая подборка публичных API
• Приключения с NPM или: Как я перестал использовать npm shrinkwrap и полюбил Yarn
• Проблема с AMP
• Стилизованные компоненты: используем лучшие практики в системах компонентов
• Простые радиальные диаграммы с SVG (A simple pie chart in SVG)
• Отзывчивые, многоцветные SVG иконки
• WebSlides — простой инструмент для создания HTML презентаций
• Little Fragments: создание креативных эффектов для плакатов

CSS

• Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components
• Темизация с помощью CSS переменных
• Ack для CSS разработчиков
• Выровняйте SVG иконки в тексте и попрощайтесь иконочными шрифтами
• Понимание пути критического рендера (Critical Rendering Path)
• Анимация различных конечных состояний с помощью одного набора CSS Keyframes
• Креативный лоадер на CSS, вдохновленный Elite Dangerous
• Пишем Element Queries сегодня с помощью EQCSS
• Примеры правильной анимации для эффектов движения
• Генератор цветовых схем
• Полное руководство по непрямоугольным хедерам (часть 1)

JavaScript

• Убийцы оптимизации JS уже не такие страшные
• Чистый javascript. Объекты и структуры данных. Асинхронность. Обработка ошибок
• Нативные модули Native ECMAScript — первый обзор
• Восходящие звезды JavaScript 2016
• Пять лучших JS фреймворков в 2017-м
• 5 отличных способов реализации Lazy Load изображений для ускорения загрузки страницы
• Все что вы должны знать о JavaScript Source Maps
• Парсинг абсолютно всего в JavaScript с помощью алгоритма Earley
• Беседа с Brendan Eich-ом (создателем JavaScript)
• Короткая история языка JavaScript
• Функциональное программирование в Javascript
• Асинхронные JavaScript генераторы
• Чистим код с Eslint — Spacedojo Code Kata
• Angular vs React  — камень преткновения
• Angular:
  • Angular 2: почему на TypeScript?
  • Angular vs Angular 2: ключевые различия
  • Что такое Angular?
  • Должны ли вы учить Angular 1.x или 2?
  • Progressive Web Apps с angular 2+
  • Вкус четвёртой версии Angular
  • Angular 2 в продакшене
  • Angular 2: что уже работает, что нуждается в доработке и к чему всё идёт

• React:
  • React в 60fps
  • Интернационализация React приложений
  • Создание PWA с использованием React, Webpack, и остального
  • Неизменяемость в JavaScript с использованием Redux (Immutability in JavaScript using Redux)
  • Крестики-нолики на React и Redux
  • Мыслить терминами Redux (если всё, что ты знаешь — это MVC)
  • React Table — работа с таблицами для React

• Vue:
  • Vue.js 2.0 менее чем за 30 минут для начинающих [2017]
  • Начало работы с Vue + Vuex 
  • Интеграция RxJS с Vue.js
  • vue-weather-notifier — небольшое погодное приложение на Vue с SVG анимацией

• Plugins & Libs:
  • swarm-numberformat — форматирование больших чисел в понятные человеку форматы
  • when-dom-ready — аналог $(document).ready() на промисах
  • Mitt — небольшой 200b функциональный event emitter

Браузеры

• Создатели Firefox представили новый логотип и фирменный стиль компании
• В Chrome появится поддержка FLAC
• В Firefox по умолчанию будут предложены новые темы оформления
• Рассматривается возможность выноса Firefox Developer Tools в системное дополнение
• Первый юблией движка Chakra
• В сборку Edge nightly добавили полноцветные эмодзи

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

• Софт ИИ обучается делать ИИ: учёные сообщают об успехах в самообучении искусственного интеллекта
• Сатья Наделла считает, что ИИ должен помогать людям, а не отбирать у них работу
• Издержка эволюции: о пользе прокрастинации
• Будущее или новый вид мошенничества: что мы знаем об алгоритмической торговле
• «Последователи Мавроди» запустили собственную криптовалюту Mavro
• Мои худшие ошибки в PR за 25 лет работы на Apple, PayPal и Visa
• Google начала понижать рейтинг страниц с навязчивой рекламой в мобильном поиске
• Опубликован список наиболее популярных слов в исходных кодах — автор проанализировал 2 ТБ данных
• Создан робот, который общается с помощью гифок
• Война меняется: как работает первая отечественная MMORPG на базе Telegram
• Как устроен секс с роботами в кино и в реальности
• Как устроена защита фильмов и сериалов от пиратов
• Viva Las-Vegas: жизнь азартного интернета
• Предтечи успеха: мертвые предшественники великих стартапов
• Страна мечтателей, страна ученых. Какие открытия делали советские математики, инженеры и биологи в ГУЛАГе

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

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

Автор: Zfort Group

Источник