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

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

Нет, мы не прекращаем работать над дайджестами по фронтенду (по крайней мере, ближайшее время), как вы могли бы подумать. Однако, в каждой шутке есть всего лишь доля шутки. Про детей, энтузиазм и дефицит времени было написано совершенно искренне. Находить 6-8 часов личного времени в неделю становится все сложнее, но пока еще мы будем продолжать. Спасибо нашим читателям за слова поддержки и благодарности в комментариях под предыдущим постом и в личке. Собственно, это нас и мотивирует продолжать.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

Медиа

• Подкаст «Frontend Weekend» #46 – Виталий Грин про React в Яндексе и эксперимент Альфа Лаборатории
• Подкаст «devschacht»: Ночной фронтенд #28: CodeFest 2018. День первый
• Подкаст «Фронтенд Юность (18+)» #43 Как понять что ты лох, если ты тупой
• Подкаст «Разбор Полетов», Episode 156 — РП: Фронтенд — JavaScript и мемасики
• «ALL YOUR HTML» #42: «3d Emoji анимация на GPU и синусах»
• JavaScript fwdays'18, 22 видео с прошедшей недавно в Киеве конференции

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

• Как стать фронтенд-разработчиком в 2018 году
• Нативная валидация как фреймворк. Лекция в Яндексе
• Отладка Front-end: HTML/CSS
• Google анонсировала широкий запуск приоритетной индексации мобильных страниц
• Progressive Web Apps: заполняем пробел между вебом и мобильными приложениями
• Progressive Web Apps на iOS уже здесь
• Добавление favicons в мультибраузерном мультиплатформенном мире
• Создание удобных и доступных таблиц с данными, подробная статья на inclusive-components

• Анимация:
  • Необычный эффект раскрывающегося меню
  • Анимация радиального прогресс бара на SVG

CSS

• CSS-2018: W3C выбирает, каким возможностям пора дать «зеленый свет»
• Работа с новым CSS Typed Object Model
• Как работает display: contents;
• Понимание логических свойств и значений в CSS
• Обрезка негативного влияния Line Height на типографику
• Эксперимент с CSS writing-mode
• Фокусируемся на стилях для фокуса
• Решено с помощью CSS! Колоризация SVG Backgrounds
• Мощные лейауты с помощью CSS Variables + CSS Grid

JavaScript

• Google опубликовал руководство по стилю JavaScript. Вот несколько ключевых уроков оттуда
• Оптимизация третьесторонних скриптов – способы, которые могут повысить их производительность
• JavaScript за 14 минут: небольшое интерактивное руководство, которое поможет помочь ключевые аспекты JavaScript
• Юнит-тестирование в JavaScript

• Фреймворки:
  • Обзор экосистемы JavaScript (2018)
  • Обновленное сравнение современных фронтенд фреймворков в реальном мире
  • Состояние библиотек и фреймворков JavaScript: 2018 и после
  • Основная причина, по которой существуют современные JavaScript фреймворки

• Теория:
  • Классы и фабричные функции в JavaScript. Что выбрать?
  • ES6: полезные советы и неочевидные приёмы
  • Используем void в JS. Зачем и как?
  • Завтрашние модули ES уже сегодня!

• VueJS:
  • 4 совета по работе с Vue.js
  • Забываем о jQuery с Vue.js (Часть 1)
  • Краткое введение в использование Vue.js с NativeScript
  • Глубокое погружение в исходный код Vue.js
  • У реактивности много лиц. Размышления по мотивам конференций Frontend Love и VueJS Amsterdam
  • Vue.js Kanban Board: процесс разработки
  • Vue после React: создание приложений с помощью Vue, используя мои знания React
  • Создание PWA с помощью Vue.js

• React:
  • Вышел React v.16.3.0
  • React Code Style Guide
  • React Router 4: практическое руководство
  • Понимание React Render Props в примерах

• Angular:
  • Аутентификация с помощью Angular и Auth0
  • То, что вы всегда когда хотели знать о дереве Angular Dependency Injection
  • 20 основных причин, по которым вам стоит использовать Angular

• Libs & Plugins:
  • 11 Javascript библиотек для Machine Learning
  • dinero.js — иммутабельная библиотека для создания, подсчета и форматирования денежных значений
  • is-thirteen — npm пакет для проверки равенства значения с 13

Браузеры

• Mozilla предлагает Facebook Container — расширение для Firefox, надежно изолирующее Facebook от других сайтов
• Google выпустила бета-версию Chrome 66
• Как создать расширение для Chrome

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

• Вышло весеннее обновление IDE WebStorm
• Опубликован очередной рейтинг самых популярных языков программирования на март 2018 года
• Проекту Mozilla исполняется 20 лет
• Google: после работ по повышению качества сайта не ждите результата сразу
• Я — посредственный разработчик (как с этим справиться)
• Нейронная сеть научилась придумывать первоапрельские розыгрыши
• Мнение: как изменится общество, когда всюду будет ИИ
• Подборка первоапрельских шуток от IT-компаний
• Подборка первоапрельских шуток 2018 года
• Утки, мемы и рога – что приготовили известные компании на первое апреля?

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

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

Автор: alexzfort

Источник