Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
• 
Подкаст «Веб-стандарты» #205. Safari TP, сервис-воркеры, Node.js ESM, Async и Promise, Optional Chaining, кастомные свойства
• 
Подкаст «Frontend Weekend» #100 – Что изменилось у Артёма Цацина и самого подкаста за всё время (юбилейный выпуск)
• 
UnderJS Podcast #8 — Один бинарник для JavaScript?
• 
Подкаст «CSSSR»: Новости 512 — predustanovka, RC-парад, новые фичи Vue 3, CSS 8, Github for mobile и Oracle vs Google
• 
Подкаст «CSSSR»: Remote Talk #09 — Яков Файн и Антон Моисеев, NYC vs Самара, TypeScript и важность книг в IT
• 
Подкаст «Фронтенд Юность (18+)» #115 С чистым сердцем и голым движком
• 
Подкаст «Веб-стандарты» №204. Chrome Dev Summit, GitHub, снимок веба 2019, GSAP 3, Visual Studio
• 
Repozitorro #35 — Сильное портфолио для Джуниора
• 
CSS-Minsk-JS Conference 2019
• 
Подкаст «JS Party», эпизод #101: нуждается ли JavaScript в ребрендинге. Да? Нет?
Веб-разработка
• 
Как Apple убивает веб технологии
• 
SVG или canvas?
• 
Как мы внедряли WebAssembly в Яндекс.Картах и почему оставили JavaScript
• 
UI в Firefox теперь работает на веб-компонентах
• 
Введение в кодировку символов/текста в вебе
• 
Основные моменты c Chrome Dev Summit 2019
• 
6 паттернов для микрофронтендов
• 
Подборка креативных сайтов «Inspirational Websites Roundup #10»
- Производительность
•
Адаптивная загрузка — улучшение веб-производительности на бюджетных устройствах
•
WebPageTest: примеры сценариев продвинутого тестирования скорости сайтов
•
Новый подкаст «Planet Performance» от Стояна Стефанова
CSS
• 
Изучить отзывчивый веб-дизайн за 5 минут
• 
Как сделать ваш HTML отзывчивым, добавив одну строку кода на CSS
• Маленькие хитрости кастомных свойств (CSS-переменных)
• 
Тренируйте свои навыки CSS с помощью онлайн игр
• 
Как вы удаляете неиспользуемый CSS с сайта?
• 
Multiple-column Layout и column-span в Firefox 71
• 
Методы создания макета газеты с помощью CSS Grid и границ между элементами
• 
Понимание разницы между разрешением в CSS и разрешением устройства
• 
Пример использования UI: стили состояния компонентов карточки с учетом доступности
• 
Создание сложных макетов с использованием CSS Grid
JavaScript
• 
Топ-5 JS-фреймворков для фронтенд-разработки в 2020 году: Часть 1, Часть 2
• 
Deno: время Node.JS уходит?
• 
Анонсируем поддержку ECMAScript модулей в Node.js
• Производительность optional chaining в JavaScript
• 
Полезные новые функции в ES2016 и 2017
• 
Что нового в ES2019?
• 
Начало работы со стеком Express и ES6 + JavaScript
• 
Я создал одинаковое приложение в React и Svelte. Вот различия.
• 
jQuery Core: миграция с AMD на ES модули
• 
Как успешно управлять масштабным JavaScript-монорепозиторием aka megarepo
- Теория
•
Введение в ECMAScript 2017 (ES8)
•
Разница между асинхронной функцией и функцией, возвращающей промис
• Инкапсуляция в JavaScript
• Введение в Композицию в Javascript
• Просто о композиции, агрегации и ассоциации в JavaScript
•
15 частых операций над массивами в JavaScript (шпаргалка)
- React
• Ionic React — Первый взгляд
•
Методы жизненного цикла компонентов React
•
Создайте переключатель на React в качестве переиспользуемого использования
•
4 кастомных хука для ускорения вашего приложения на React
•
11 лучших инструментов для разработчиков React на 2020 год
•
SWR — React Hooks библиотека для удаленной выборки данных.
•
Typescript и Redux. Мои советы.
•
Является ли React переоцененным?
- Vue
•
Интересные новинки Vue 3
•
Как создать прогрессивное веб-приложение с Vue.js
•
Готовый к продакшену Vue SSR за 5 простых шагов
•
Suspense — новая функция в Vue 3
•
Создание полноценного сайта-портфолио с Nuxt.js и Netlify: красиво, быстро и с 100% оптимизацией SEO
•
Я создал одинаковоеприложение на Vue и Svelte. Вот различия.
- Angular
•
Angular без zone.js: максимум производительности
•
Angular SEO: как сделать страницы, дружественными к поиску
•
Angular Promises Versus Observables
•
Последнее руководство по обнаружению изменений в Angular, которое вам когда-либо понадобится.
•
Как я написал NgRx Store в 63 строчки кода
•
9 идей для Angular, которые часто упускают из виду разработчики
- Ember
•
Релиз Ember 3.14 (Octane Preview Cont.)
•
Promises и UI states в Ember.js
•
Нужен ли вам EmberObject?
•
Ember-CLI-Mirage: давайте создадим офигенный сервер и создадим базу данных
- Libs & Plugins
•
lite-youtube-embed — custom element от Пола Айриша, загружающий видео в 224 раза быстрее, чем оригинальный способ
•
Legra (Lego brick Graphics) — это небольшая JS библиотека, которая позволяет рисовать с использованием легоподобных кирпичиков на canvas
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
