Дайджест свежих материалов из мира фронтенда за последнюю неделю №357 (18 — 24 марта 2019)

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

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры

---

Медиа

• Подкаст «Девшахта/Ночной фронтенд» 73: Вопросы к стрелочным функциям и экспериментальные модули в Node.js
• Подкаст «CSSSR» Новости 512 — Выпуск №43 (16.03 — 22.03)
• Подкаст «Фронтенд Юность (18+)» #88 Корпорации уничтожают OpenSource
• Подкаст «proConf» #2, FrontEnd Con 2018. В подкасте ведущие обсуждают технические конференции, от Highload++ до Bulbacon
• «ALL YOUR HTML» #s2e7: «Летающие треугольники»
• На митап #3 от HTML Academy: лайв-дискуссия о джуниорах во фронтенде c Андреем Мелиховым и Алексеем Симоненко

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

• «Пора валить из фронтенда»: Андрей Ситник о стагнации сообщества, опенсорсе и не только
• Front-end ремесло
• Топ 5 мегатрендов развития фронтенда
• Тенденции веб-разработки 2019
• Все о mailto: Links
• Серия статей о веб-компонентах: от введения и создания пользовательского компонента с нуля до инкапсуляции стилей и структуры c ShadowDOM и продвинутого инструментария
• Как сделать прогрессивное веб-приложение из вашего существующего сайта
• Декомпозиция SVG Circle в Paths
• Как создать плавные WebGL переходы при скролле с помощью Phenomenon

• Производительность:
  • Preload, prefetch и остальные <link> теги
  • Измерение влияния производительности третьесторонних скриптов
  • У кого самый быстрый сайт в F1?
  • Как мы создали самый быстрый сайт для конференций в мире
  • 10 показателей веб-производительности, за которыми нужно следить
  

• Accessibility:
  • Что такое доступность? Перевод соответствующего раздела на MDN
  • Создание доступных веб-сайтов и приложений является моральным обязательством
  • Веб-доступность для начинающих
  

CSS

• Почему нельзя установить размер шрифта у посещенной ссылки
• Вещи в CSS, о которых мне никто никогда не говорил.
• Добавляем фильтры SVG с помощью CSS
• Сложенные границы. Eric Meyer о креативных вариантах комбинирования border-стилей.
• CSS получает тригонометрические функции, помогающие веб-разработчикам избегать JavaScript
• Сложное разбиение с помощью CSS Grid
• Размытые границы в CSS
• Область видимости в CSS
• Все, что вам нужно знать о переносе слов в CSS
• Flexulator — Калькулятор распределения пространства при использовании Flexbox
• Наконец, CSS-решение для :hover на тачскринах
• Периодическая таблица на HTML (построенная с помощью CSS grid)

JavaScript

• Разработка простых современных JavaScript-приложений с использованием Webpack и прогрессивных веб-технологий
• Домашняя страница для спецификации JavaScript
• Введение в концепции RxJS на ванильном JavaScript
• Как с помощью JavaScript определить, какую цветовую схему предпочитает пользователь

• Теория:
  • Особенности использования типа данных Symbol в JavaScript
  • Реализация быстрой сортировки на JavaScript
  • Я не ненавижу стрелочные функции, но…
  • Список книг и статей по JS для взыскательных веб-разработчиков.
  

• React:
  • Переписываем тестовое задание для junior frontend на TypeScript и react-hooks
  • Асинхронный Redux без Middlewares  — используя ES2017
  • Релиз React Router v5
  • Начало работы с React (по версии 2019 года)
  • Что я узнал о React после месяца, посвященного его изучению (С точки зрения разработчика Angular )
  • Доступный роутинг в React
  • React State: выбирай с умом
  • Как создать приложение для обнаружения логотипа в реальном времени с React Native, Google Vision API и Crowdbotics
  

• VueJS:
  • Vue 2.6.6 Release part1
  • Разница между Computed Properties, Methods и Watchers в Vue
  • Как уменьшить размер бандла во Vue.JS с помощью Webpack
  • Глубокое погружение во Vuex
  • TradingVue.js — расширяемая библиотека для трейдеров для построения графиков
  • Начинаем писать Vue.js приложения на базе классов с использованием TypeScript
  • Nuxt.js: минималистичный фреймворк для создания гибридных Vue.js приложений
  • Evan You — Состояние Vue-сообщества, VueJS Амстердам 2019
  

• Angular:
  • Советы по оптимизации вашего приложения на Angular
  • Советы по отладке ваших Angular приложений
  • Как опубликовать разработанную Angular библиотеку в NPM, и стоит ли оно того
  

• Libs & Plugins:
  • construct-js — Библиотека для создания структур данных уровня байтов.
  • fromfrom — библиотека для трансформации последовательности данных из одного формата в другой
  • CrumbsJS: легковесная библиотека, написанная на ванильном ES6 для работы с cookies и local storage.
  

Браузеры

• Firefox 66: Звук тишины
• Релиз Firefox 66: блокировка видео со звуком, плавный скроллинг, поиск по вкладкам. Плюс, подробности для разработчиков в блоге Марата Таналина
• Opera выпустила Android-браузер со встроенным VPN
• Mozilla выпустила новый браузер Firefox для iPad
• Google предоставит европейским пользователям Android возможность выбрать альтернативные поисковик и браузер
• В Chrome перенесли две востребованные функции из Microsoft Edge
• Я пользовался интернетом в течение дня в Internet Explorer 8
• Первый взгляд на новый браузер Microsoft Edge на платформе Chromium

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

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