frontend
Усі матеріали розділу
Accessibility (a11y): базовий чек-лист для фронтенд-розробника
Практичний розбір теми «accessibility (a11y): базовий чек-лист для фронтенд-розробника» з прикладами та рекомендаціями для фронтенд-розробників.
Анімації з Framer Motion і Motion One
Практичний розбір теми «анімації з Framer Motion і Motion One» з прикладами та рекомендаціями для фронтенд-розробників.
Атомарний CSS і утилітарні фреймворки
Практичний розбір теми «атомарний CSS і утилітарні фреймворки» з прикладами та рекомендаціями для фронтенд-розробників.
Composable-функції у Vue 3
Практичний розбір теми «composable-функції у Vue 3» з прикладами та рекомендаціями для фронтенд-розробників.
Оптимізація Core Web Vitals у 2026 році
Як прискорити LCP, INP і CLS з урахуванням актуальних рекомендацій Google.
CSS Container Queries на практиці
Як перестати прив'язуватися до ширини вʼюпорта і будувати справді перевикористовувані компоненти.
CSS Grid vs Flexbox: коли що використовувати
Практичний розбір теми «cSS Grid vs Flexbox: коли що використовувати» з прикладами та рекомендаціями для фронтенд-розробників.
CSS Subgrid: вкладені сітки без хаків
Практичний розбір теми «cSS Subgrid: вкладені сітки без хаків» з прикладами та рекомендаціями для фронтенд-розробників.
CSS-змінні та темізація застосунків
Практичний розбір теми «cSS-змінні та темізація застосунків» з прикладами та рекомендаціями для фронтенд-розробників.
Drag-and-drop інтерфейси: бібліотеки та підходи
Практичний розбір теми «drag-and-drop інтерфейси: бібліотеки та підходи» з прикладами та рекомендаціями для фронтенд-розробників.
Дизайн-системи: від Figma до коду
Практичний розбір теми «дизайн-системи: від Figma до коду» з прикладами та рекомендаціями для фронтенд-розробників.
Кешування на клієнті: Service Worker і Cache API
Практичний розбір теми «кешування на клієнті: Service Worker і Cache API» з прикладами та рекомендаціями для фронтенд-розробників.
Ліниве завантаження компонентів і маршрутів
Практичний розбір теми «ліниве завантаження компонентів і маршрутів» з прикладами та рекомендаціями для фронтенд-розробників.
Локалізація (i18n) фронтенд-застосунків
Практичний розбір теми «локалізація (i18n) фронтенд-застосунків» з прикладами та рекомендаціями для фронтенд-розробників.
Мікрофронтенди: коли вони справді потрібні
Розбираємо плюси, мінуси та типові помилки при переході на мікрофронтенд-архітектуру.
Оптимістичні оновлення інтерфейсу (optimistic UI)
Практичний розбір теми «оптимістичні оновлення інтерфейсу (optimistic UI)» з прикладами та рекомендаціями для фронтенд-розробників.
Оптимізація бандла: code splitting і tree shaking
Практичний розбір теми «оптимізація бандла: code splitting і tree shaking» з прикладами та рекомендаціями для фронтенд-розробників.
Оптимізація повторних рендерів у React
Практичний розбір теми «оптимізація повторних рендерів у React» з прикладами та рекомендаціями для фронтенд-розробників.
Оптимізація шрифтів: font-display і варіативні шрифти
Практичний розбір теми «оптимізація шрифтів: font-display і варіативні шрифти» з прикладами та рекомендаціями для фронтенд-розробників.
Оптимізація зображень: AVIF, WebP і адаптивне завантаження
Практичний розбір теми «оптимізація зображень: AVIF, WebP і адаптивне завантаження» з прикладами та рекомендаціями для фронтенд-розробників.
Патерн Compound Components у React
Практичний розбір теми «патерн Compound Components у React» з прикладами та рекомендаціями для фронтенд-розробників.
Progressive Web Apps у 2026 році
Практичний розбір теми «progressive Web Apps у 2026 році» з прикладами та рекомендаціями для фронтенд-розробників.
React Server Components і Vue Islands: що обрати у 2026
Порівнюємо дві архітектурні моделі часткової гідратації та розбираємося, коли яка підходить.
Робота з датами й часовими зонами на фронтенді
Практичний розбір теми «робота з датами й часовими зонами на фронтенді» з прикладами та рекомендаціями для фронтенд-розробників.
Робота з формами через React Hook Form
Практичний розбір теми «робота з формами через React Hook Form» з прикладами та рекомендаціями для фронтенд-розробників.
Робота з формами: валідація та UX
Практичний розбір теми «робота з формами: валідація та UX» з прикладами та рекомендаціями для фронтенд-розробників.
Робота з великими списками: віртуалізація
Практичний розбір теми «робота з великими списками: віртуалізація» з прикладами та рекомендаціями для фронтенд-розробників.
Робота з WebSocket на клієнті
Практичний розбір теми «робота з WebSocket на клієнті» з прикладами та рекомендаціями для фронтенд-розробників.
Server-Side Rendering vs Static Site Generation
Практичний розбір теми «server-Side Rendering vs Static Site Generation» з прикладами та рекомендаціями для фронтенд-розробників.
Signals: нова модель реактивності у фронтенді
Практичний розбір теми «signals: нова модель реактивності у фронтенді» з прикладами та рекомендаціями для фронтенд-розробників.
SSR-гідратація: проблеми і рішення
Практичний розбір теми «sSR-гідратація: проблеми і рішення» з прикладами та рекомендаціями для фронтенд-розробників.
State management у 2026: Pinia, Zustand і сигнали
Практичний розбір теми «state management у 2026: Pinia, Zustand і сигнали» з прикладами та рекомендаціями для фронтенд-розробників.
Темна тема: правильна реалізація через CSS
Практичний розбір теми «темна тема: правильна реалізація через CSS» з прикладами та рекомендаціями для фронтенд-розробників.
Тестування компонентів з Vitest і Testing Library
Практичний розбір теми «тестування компонентів з Vitest і Testing Library» з прикладами та рекомендаціями для фронтенд-розробників.
TypeScript generics на практиці
Практичний розбір теми «typeScript generics на практиці» з прикладами та рекомендаціями для фронтенд-розробників.
Розбираємося з View Transitions API
Нативні анімації переходів між станами сторінки без сторонніх бібліотек.
Vite vs Webpack: порівняння збирачів у 2026
Практичний розбір теми «vite vs Webpack: порівняння збирачів у 2026» з прикладами та рекомендаціями для фронтенд-розробників.
Використання Web Workers для важких обчислень
Практичний розбір теми «використання Web Workers для важких обчислень» з прикладами та рекомендаціями для фронтенд-розробників.
Web Components: ізольовані UI-блоки без фреймворку
Практичний розбір теми «web Components: ізольовані UI-блоки без фреймворку» з прикладами та рекомендаціями для фронтенд-розробників.
Як працює Virtual DOM і навіщо він потрібен
Практичний розбір теми «як працює Virtual DOM і навіщо він потрібен» з прикладами та рекомендаціями для фронтенд-розробників.