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

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