Дайджест свежих материалов из мира фронтенда за последнюю неделю №406 (9 — 15 марта 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное |
Медиа
•
•
•
•
•
Веб-разработка
•
•
•
•
•
•
•
-
Доступность
• Что такое ARIA?
•Web Accessibility Checklist: 16 вещей для улучшения доступности вашего сайта
•Доступные SVG: инклюзивность за пределами шаблонов
-
Эффекты
•Pure CSS Landscape — An Evening in Southwold
•Эффект масштабирования фонового изображения с помощью CSS Clip-path
CSS
•
•
•
•
•
•
•
JavaScript
•
•
•
• 7 полезных уловок с rest параметрами и spread операторами на JavaScript объектах
•
•
•
•
-
Теория
•JavaScript Clean Code — Вертикальное форматирование
•Прекратите использовать «else» в своем коде
•Руководство по стрелочным функциям в ES6
-
Практика
•Сила PWA: Система видеонаблюдения с нейросетью в 300 строчек JS-кода
•Докеризация приложения, построенного на базе React, Express и MongoDB
•Создавайте безопасные и быстрые веб-сайты с помощью JAMstack — бесплатный 3,5-часовой курс
•Начинаем создавать GraphQL APIs с Node
•Создать современный ванильный Javascript Router
-
React
•Вопрос для технического собеседования по JavaScript: React — это MVC или MVVM?
•Использование Redux с React: полное руководство с примерами из реальной жизни (Redux и Redux Toolkit)
•Простое руководство по предохранителям в React
•Релиз Next.js 9.3
•React Table v7 знаменует собой результат многолетней работы по рефакторингу всей библиотеки в утилиту для построения таблиц на хуках, не зависящую от интерфейса пользователя / стиля / разметки
•Однофайловые React компоненты уже здесь
•Как показать и скрывать элементы в React
•Как мигрировать React приложение на TypeScript
•9 советов по созданию клевых переиспользуемых React компонентов
•Как начать тестировать свои React приложения с помощью React Testing Library и Jest
-
Vue
•Когда фронтенд-разработчику стоит перейти с React на Vue, а когда это усложнит разработку
•Vue.js 3 Tutorial — Создайте приложение с новыми функциями Vue 3
•Шпаргалка по продвинутым трюкам во Vue
•Vuex: зачем нам SPA State Management
-
Angular
•Чему меня научил мой коммит в Angular
•Лучшая скрытая особенность Angular 9: строгая проверка шаблонов
•Локализация Angular: зачем, что и как
-
Ember
•Валидация форм в Ember с помощью ember-cp-validations
•Тестовый набор Ember для CRUD приложений с mirage
•The Ember Times — Issue No. 139
•EmberJS Chennai Meetup — Feb 29th 2020
-
Svelte
•Почему Svelte — наш выбор для большого веб-проекта в 2020 году
•Создание собственного генератора статических сайтов для Svelte
-
Libs & Plugins
•lukeed — Крошечная (134B) и быстрая утилита для генерации случайных идентификаторов фиксированной длины
•ls-lint — быстрый линтер имен файлов и директорий
•COVID API — API для получения актуальной информации о COVID-19
•sort-isostring — крошечная (110B) и быстрая утилита для сортировки строк дат согласно ISO 8601
Браузеры
•
• Google Chrome наглядно покажет создателям сайтов, как люди с нарушениями зрения видят их веб-страницы
• Релиз Firefox 74
• Firefox 74, технические детали для разработчиков
• Доступен Firefox Preview 4.0 для Android
•
Занимательное
• Из-за опасного бага Avast отключает JavaScript-движок в своем антивирусе
• Искусственный интеллект в кибербезопасности
• Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
• NVIDIA призвала геймеров использовать свои ПК для борьбы с COVID-19
• Как квантовые компьютеры могут изменить мир
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.