Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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
•
Почему нельзя установить размер шрифта у посещенной ссылки
• Вещи в CSS, о которых мне никто никогда не говорил.
•
Добавляем фильтры SVG с помощью CSS
•
Сложенные границы. Eric Meyer о креативных вариантах комбинирования border-стилей.
•
CSS получает тригонометрические функции, помогающие веб-разработчикам избегать JavaScript
•
Сложное разбиение с помощью CSS Grid
•
Размытые границы в CSS
•
Область видимости в CSS
•
Все, что вам нужно знать о переносе слов в CSS
•
Flexulator — Калькулятор распределения пространства при использовании Flexbox
•
Наконец, CSS-решение для :hover на тачскринах
• Периодическая таблица на HTML (построенная с помощью CSS grid)
•
Разработка простых современных JavaScript-приложений с использованием Webpack и прогрессивных веб-технологий
•
Домашняя страница для спецификации JavaScript
•
Введение в концепции RxJS на ванильном JavaScript
•
Как с помощью JavaScript определить, какую цветовую схему предпочитает пользователь
•
Firefox 66: Звук тишины
• Релиз Firefox 66: блокировка видео со звуком, плавный скроллинг, поиск по вкладкам. Плюс, подробности для разработчиков в блоге Марата Таналина
• Opera выпустила Android-браузер со встроенным VPN
• Mozilla выпустила новый браузер Firefox для iPad
• Google предоставит европейским пользователям Android возможность выбрать альтернативные поисковик и браузер
• В Chrome перенесли две востребованные функции из Microsoft Edge
•
Я пользовался интернетом в течение дня в Internet Explorer 8
•
Первый взгляд на новый браузер Microsoft Edge на платформе Chromium
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
Медиа
•

•

•

•

•

•

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

• Front-end ремесло
•

•

•

•

•

•

•

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

• Вещи в CSS, о которых мне никто никогда не говорил.
•

•

•

•

•

•

•

•

•

• Периодическая таблица на HTML (построенная с помощью CSS grid)
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: блокировка видео со звуком, плавный скроллинг, поиск по вкладкам. Плюс, подробности для разработчиков в блоге Марата Таналина
• Opera выпустила Android-браузер со встроенным VPN
• Mozilla выпустила новый браузер Firefox для iPad
• Google предоставит европейским пользователям Android возможность выбрать альтернативные поисковик и браузер
• В Chrome перенесли две востребованные функции из Microsoft Edge
•

•

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