https://habr.com/ru/post/443216/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

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

Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №164: 11 марта 2019: Автор JS-интенсивов, встроенный скроллер в Chrome, развитие SVG и & в CSS, Preact и технологии интенсивов, JS для старых браузеров и итераторы, модули и импорт без Webpack.
• Подкаст «Фронтенд Юность (18+)» #86: Том Дейл получил оскар за Росомаху с Дэном Абрамовым
• Подкаст «devschacht» #72: Серверный рендеринг — это основы
• Видеоблог Вадима Макеева #16: Звёздный рейтинг ️️️️️
• FrontSpot Show #3: Нужно ли знать ES5, новые доки React, код ревью, викторина СSS, GraphQL

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

• Как подступиться к fullstack-разработке сегодня, если ты проспал десять лет
• Веб-компоненты в реальном мире
• Как сэкономить ресурсы в браузере и не сломать веб. Доклад Яндекса
• Состояние и возможности Houdini API. Worklet’ы и немного про Event Loop.
• Беспарольный WebAuthn стал официальным веб-стандартом
• Настоящая виртуальность: соединение реальных вещей с виртуальной реальностью при помощи веб-технологий
• Извлечение текста из содержимого с использованием HTML Slot, HTML Template и Shadow DOM
• Состояние веб аналитики
• HTML, CSS и JS в ADD, OCD, биполярном, дислексическом и аутистическом мире
• Секреты DevTools: запуск, сеть и производительность

• Анимация:
  • Подборка вдохновляющих сайтов #2
  • Displacement Scroll
  • CSS LEGO Minifigure Maker
  

CSS

• Google игнорирует спам в CSS
• 8 приемов работы с CSS: параллакс, «липкий» футер и другие
• Создание надежных макетов с помощью Container Units
• Как объединить цветовые функции SASS и CSS-переменные
• Составление масок: ускоренный курс
• Вариативные шрифты
• RFS (Responsive Font Size) — движок для работы с типографикой, который автоматически вычисляет подходящий размер шрифта на основе размеров окна просмотра браузера.
• Как убедить вашу команду использовать CSS Grid

JavaScript

• Рефакторинг через классы: вычищаем свой JavaScript-код
• Идеальное руководство для взлома интервью на JavaScript (с точки зрения разработчика)
• Подводные камни производительности JavaScript в V8
• Поддержка больших JavaScript приложений. Уроки, вынесенные из долгосрочных проектов
• Когда JavaScript SEO имеет значение?. Второй эпизод серии о JS SEO
• TypeScript vs PureScript
• Соглашения об именованиях в JavaScript: как делать и как не стоит

• Теория:
  • Про приведение типов в JS и магию. Часть 2. Что еще надо знать в 2019 году
  • Понимание мемоизации в JavaScript
  • Основы JavaScript: Master the DOM! Часть 1, Часть 2
  • JS классы и наследование в ES6, ES5
  • Промисы: полное руководство. Узнайте, почему они вроде как отстой :/
  • Как использовать методы apply (), call () и bind () в JavaScript
  • JavaScript Symbols: но зачем?
  

• React:
  • Gatsby.js в деталях
  • useTypescript — Полное руководство по React Hooks и TypeScript
  • Чем функциональные компоненты отличаются от классов?
  • Create React App слишком раздут
  • Рендеринг больших списков с помощью react-window
  • Юнит-тестирование компонентов React
  • Моя интуиция о том, когда использовать пользовательские React Hooks
  

• VueJS:
  • Десять советов по увеличению производительности при написании кода на Vue.js
  • Vue.js — Как создать свой первый пакет и опубликовать его на NPM
  • Point of Vue — часть 3 — столкновение с React
  • Shoptalk Show #350: «Поддержка Vue.js», в качестве приглашенного гостя — Evan You
  

• Angular:
  • Как добиться максимальной производительности ваших Angular приложений
  • Angular 8 Beta: новая схема обновления для Ivy в Angular 8.0.0-beta.7
  • Топ 10 способов использования Interceptors в Angular
  

• Libs & Plugins:
  • ThanosJS — Уменьшите размер файла вашего проекта до 50% путем случайного удаления половины файлов.
  • Handtrack.js: отслеживания рук в браузере с использованием Tensorflow.js и 3 строк кода.
  • iro.js — Настраиваемый инструмент выбора цвета на основе SVG без зависимостей
  

Браузеры

• Новый кодек AV1: ускоряем загрузку видео в браузере
• На первых скриншотах новый браузер Microsoft Edge на движке Chromium выглядит как клон Google Chrome
• Mozilla исправила ошибку 8-летней давности в Firefox, уменьшив потребление памяти
• Неисправленную уязвимость в Chrome атаковали злоумышленники
• Google развеял домыслы в отношении 0-day уязвимости в Chrome
• Новый браузер Edge сначала будет только в Windows 10 64 бит
• Что нового в DevTools (Chrome 74)

Занимательное

• AMP-страницы получили ряд улучшений
• Безопасность веб-приложений в 2018 году серьёзно ухудшилась
• Мнение: почему данные — не новая нефть
• 50 серьезных ошибок в программировании и дизайне, которые стоили жизней, времени и денег
• Опубликована статистика компрометации сайтов в 2018 году
• Microsoft обновила веб-версию Skype — теперь она работает только в Chrome и Edge
• Microsoft опубликовала на GitHub исходный код Калькулятора Windows
• Новая уязвимость Spoiler затрагивает все поколения процессоров Intel Core

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

→ Дайджест за прошлую неделю

Материал подготовили dersmoll и alekskorovin