Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Веб-стандарты» №216: Ручной SVG, Puppeteer 2.1 с Firefox, снова Yarn 2, что такое TeamCity, компоненты в Storybook
•
Подкаст CSSSR: Новости 512 — Как работают браузеры, новинки GitHub и правила написания тестов
•
Repozitorro #36 — Портфолио, или сайт тур-агенства?
•
Новый фронтенд Одноклассников: запуск React в Java. Часть II
•
Исчерпывающий путеводитель по тегу iframe
• SEO 2020: актуальные тренды и подходы
• Инклюзивные компоненты: слайдер
•
3 способа подключать полифилы
•
Один день из жизни Frontend Product Engineer в Slack
•
Что подразумевает разработка Progressive Web Apps (PWA)?
•
Angular 9, Ionic 5, React Navigation 5 — Web Dev Update за февраль 2020
•
Понимание CSS Grid: Создание Grid-контейнера
• На пути к отзывчивым элементам
• Google увеличил лимит на пользовательский CSS для AMP
•
Понимание CSS Grid: Grid Template Areas
•
Styled Components vs. CSS Stylesheets
•
Один HTML, разный CSS
•
На встречу к отзывчивым элементам. Немного информации о текущем состоянии «Container Queries»
•
Chameleonic Header
•
Что такое CSS4?
•
Как создать более читаемый CSS
•
Пока вы не смотрели, CSS-градиенты стали лучше
•
CSS свойства object-fit и object-position: Обрезка изображений, встроенных в HTML
•
Работаем с двухмерной физикой в JavaScript
•
console.log — не часть языка JavaScript
•
Новые функции JavaScript в ES2019 (ES10)
•
Почему JavaScript съедает HTML
•
Анонс Ionic 5!
•
UniversalModel — унифицированное управление состоянием для Angular, React, Svelte и Vue
• Релиз Firefox 73
• Firefox 73, обзор технических деталей от Марата Таналина
•
Как я создал свой собственный браузер
•
Демистификация браузеров
•
Mozilla проиграла браузерные войны. Она все еще думает, что может спасти интернет.
• Разбираемся с управлением памятью в современных языках программирования
• GitHub начал тестирование интерфейса командной строки
• Новый проект для удаления артефактов из JPEG
• Три рабочих фреймворка для развития soft skills в ИТ и не только
• 15 трендов 2020 года в дизайне
• 82% уязвимостей в веб-приложениях содержатся в исходном коде
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
•

•

•

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

•

• SEO 2020: актуальные тренды и подходы
• Инклюзивные компоненты: слайдер
•

•

•

•


- Инструменты
•Webpack 5 — Asset Modules
•11 полезных онлайн-инструментов для разработчиков фронтенда
- Производительность
•Представляем Page Speed Benchmarks — новый ресурс для сообщества, занимающегося производительностью
•Производительная фронтенд архитектура
•Лучшие практики JavaScript — Производительность
- Эффекты
•Создание галереи изображений с использованием PixiJS и WebGL
•Где все анимированные SVG?
•Как создать физическую модель 3D-ткани с помощью Cannon.js и Three.js
•Очередная подборка креативных интерфейсов «UI Interactions & Animations Roundup #3»
CSS
•

• На пути к отзывчивым элементам
• Google увеличил лимит на пользовательский CSS для AMP
•

•

•

•

•

•

•

•

•

JavaScript
•

•

•

•

•

•

- Теория
•5 рекомендаций по написанию качественных стрелочных функций
•7 рекомендаций по повышению надёжности JavaScript-кода
•4 метода поиска по массивам в JavaScript
•Как JavaScript реализует объектно-ориентированное программирование
•Понимание быстрой сортировки в JavaScript
- React
• Погружаемся в работу с children на React
• Как сделать мобильное приложение с помощью JS. Путь React Native
•Частые ошибки в React и JavaScript. Алексей Ладыга на канале FrontSpot
•Хуки React Router
•Как создавать формы с помощью React легким способом
•Создать кастомные хуки в React для ваших веб-компонентов
- Vue
•Разработка более быстрых приложений на Vue.js
• Предварительный просмотр загружаемых файлов с помощью Axios и VueJS
• Реализация Drag & Drop при загрузке файлов на VueJS
•Понимание и разработка фильтров в Vue.js
•Настройка mocking API с помощью Mirage JS и Vue.js
- Angular
•Создание управляемых сервером удаленных тем для вашего приложения на Angular
•Как использовать *ngIf еще в ваших Angular приложениях
- Svelte
•Использование REST API в Svelte
•Компилятор Svelte: под капотом
- Ember
•The Ember Times — Выпуск 134
•The Ember Times — Выпуск 135
•Что такое реактивность?
•Как переусложнить статическую страницу
•Что делает хорошую реактивную систему?
•Три причины для перехода на синтаксис Angle Bracket в Ember Octane
•JS Party – Episode #114: Octane двигает Ember к подходу HTML-first
- Libs & Plugins
•DotMatrx.js — небольшая js библиотека, которая использует SVG вместо canvas для повышения производительности и удобства
•esbuild — крайне быстрый JavaScript-бандлер и минификатор
•plink-plonk.js: вы услышите изменения вашего DOM как различные частоты звука.
Браузеры
• Релиз Firefox 73
• Firefox 73, обзор технических деталей от Марата Таналина
•

•

•

Занимательное
• Разбираемся с управлением памятью в современных языках программирования
• GitHub начал тестирование интерфейса командной строки
• Новый проект для удаления артефактов из JPEG
• Три рабочих фреймворка для развития soft skills в ИТ и не только
• 15 трендов 2020 года в дизайне
• 82% уязвимостей в веб-приложениях содержатся в исходном коде
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.