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

Медиа |
Веб-разработка |
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.