Продвинутая вёрстка и инструменты

Анимации, SVG, тёмная тема, Chart.js, ApexCharts, слайдеры, Figma, практика: дашборд.

  1. 01Анимации: transitions и keyframes→
  2. 02Изображения: оптимизация, lazy-load, responsive→
  3. 03Оптимизация CSS: Autoprefixer, PostCSS, критический CSS→
  4. 04ARIA и доступность в интерфейсах→
  5. 05Тёмная тема: реализация→
  6. 06Графики: Chart.js — простой старт
  7. 07Графики: ApexCharts — красивый и современный
  8. 08Графики: ECharts — большие данные (обзор)
  9. 09Слайдеры и карусели: Swiper, Splide, Embla
  10. 10SVG и иконки
  11. 11Работа с макетами из Figma
  12. 12Практика: дашборд с графиками и слайдером
Пройти тест →