Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное |
Медиа
• Подкаст «Веб-стандарты» №206. Браузер Flow, Lighthouse CI, сабгриды, лишний CSS, details, JS 2019, strict, JS кусается
• Подкаст «Фронтенд Юность (18+)» #117 Садись за стол, Братишка!
• UnderJS Podcast #10 — Разговор с Артемом Арутюняном про State managment и «ужасный» TypeScript [Ламповый]
• Подкаст «Frontend Weekend» #101 – Анастасия Калашникова о том, как и зачем строить карьеру психолога в сфере IT
• Подкаст «Сделайте мне красиво!», Выпуск №29: в гостях Артур Кенжаев и Артём Арутюнян — Стейт-менеджеры и reatom как вершина эволюции
• WSD в Минске, 2019, запись трансляции
• Записи докладов ок.tech: Frontend Meetup #2
Веб-разработка
• Продуманные запросы: стратегии кэширования в век PWA
• Как управлять часами? Разбор фронтенд-трека второго чемпионата по программированию
• Микросервисный подход в веб-разработке: micro frontends
• Разбираемся в алгоритмах и структурах данных. Доступно и понятно
• Архитектура фронтенда: Стратегия и метрики автоматизированного тестирования.
• Что такое PWA?
• Создание лучшего кастомного селекта
• Возрастающая сложность сайтов на JAMstack и как ими управлять
• AI в браузерах: сравнение TensorFlow, ONNX и WebDNN для классификации изображений
- Инструменты
•10 возможностей VS Code, помогающих ускорить работу программиста
•Docker для фронтендера. Часть 1. Зачем?
•Плюсы, минусы, советы и хитрости при использовании Prettier при большой кодовой базе
•Шпаргалка по командам в npm и Yarn
- Производительность
•Советы по повышению производительности для фонового видео
•Неприятная правда об оптимизации красивых изображений
•Цена процессорного времени на уровне компонентов JavaScript
•Тонкое искусство prefetching
- Доступность
•Не существует «Мифов о доступности цветового контраста»
•8 странных советов, о которых специалисты по доступности не хотят, чтобы вы знали
•Будущие рекомендации по доступности — для людей, которые не могут ждать, чтобы прочитать их
•Веб-компоненты и объектная модель доступности (AOM)
•Стоимость в час для тестирования доступности
•Советы по доступности для веб-разработчиков от Addy Osmani
•«Smashing» (подкаст от SmashingMagazine), эпизод №4: Heydon Pickering — что такое инклюзивные компоненты?
- Эффекты
•Motion Paths – прошлое, настоящее и будущее
•Подборка креативный веб-демок «Awesome Demos Roundup #11»
•Техники рендера текста на WebGL с помощью Three.js
•Интересные возможности реализации скроллинга без библиотек
CSS
• Именование в CSS Grid
• Немного размышлений на тему модульного css и проблемы поддержки кода
• Введение в вариативные шрифты
• Немного повеселимся с кастомными фокус-стилями
• CSS: искусство, наука, кошмар (все, что вы должны знать)
• Сделай плавную тень, друг. Сервис для создания многослойных теней
• Сказ о CSS Resets и все, что вам нужно о них знать
• CSS Layout -коллекция популярных макетов и шаблонов, реализованных с помощью CSS
• Расчет цвета: динамическое цветовое оформление с помощью чистого CSS
• Научитесь создавать Masonry Gallery, используя чистый CSS
JavaScript
• Dap — еще один реактивный движок для веба. Совсем другой
• Обработка естественного языка в Node.js
• TypeScript: достоинства и недостатки
• Проверка типов в JavaScript слегка лажает
• Что нового для Node.js в 2020 году
• JavaScript, ES6, ES7, ES10, где мы сейчас?
• Простое руководство по загрузке C/C ++ кода в JavaScript-приложения на Node.js
• 5 анти-паттернов при работе с коллекциями в JavaScript
• Люди, стоящие за JavaScript: Allen Wirfs-Brock
• 63 лучших вопроса для интервью о Nodejs с ответами на них
• Как на самом деле работает Svelte? часть 1
• Превью основных моментов Ember Octane
- Теория
•Вам не нужны циклы в JavaScript
•Callbacks vs. Promises в JavaScript
•ES7-ES9 Features #2 Object.getOwnPropertyDescriptors()
- React
•Сравнение React Native и Flutter с точки зрения их применения в реальных проектах
•Релиз create-react-app v3.3.0
•Представлена React View, интерактивная песочница ваших компонентов
•Создание GraphQL + React приложения с TypeScript
•Как написать правильно типизированные компоненты React с помощью TypeScript
•Как включить React в тему на WordPress
- Vue
•Vue 3 станет быстрее
•Трюк в рукаве Vuex: Promises и WeakMaps
•Динамическая фильтрация списков с Vue на сервере проще, чем вы думаете
•Как использовать API на основе OAuth во Vue.js?
•Создание компонента Infinite Scroll с использованием VueJS и GraphQL
•Создание расширенного поиска и фильтрации с помощью Vuex (в Nuxt)
- Angular
•Мои любимые инструменты для Angular-разработчиков
•Как создать приложение на Angular 8 с API request за 10 минут?
•Будущее Angular с Ivy
•20 советов по производительности Angular
Браузеры
• Релиз Firefox 71
• Новая Opera для Android получила «принудительный» ночной режим с уменьшенной яркостью и регулировку цветовой температуры
• Расширения Avast и AVG для Firefox удалены из каталога из-за сбора пользовательских данных
• Что нового в DevTools (Chrome 80)
Занимательное
• Самый популярный пример Java-кода на StackOverflow оказался с ошибкой
• Компания Mozilla представила движок распознавания речи DeepSpeech 0.6
• Опубликованы тесты простейших приложений на различных языках программирования.
• «Изобретатели, а не предприниматели»: почему Сергей Брин и Ларри Пейдж отошли от управления Alphabet
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort