beeon.academy
frontendНачальный

Sass / Less

42 урока · Variables, nesting, modules, mixins, tooling, architecture

SassLessDart SassCSSViteStylelint
Длительность
5 weeks
Старт
Студентов
0+
Рейтинг
0 / 5
Стоимость
49 000 ֏
Идёт набор
  • 5 weeks (всего 24 ч)
  • Старт
  • Формат: онлайн
  • HY · EN · RU
  • Сертификат по окончании
ЗаписатьсяНачать обучение

Для записи оплата не нужна · Мы свяжемся с вами в течение 24 часов

Чему посвящён курс

О курсе

42 урока · Variables, nesting, modules, mixins, tooling, architecture

За 5 weeks (24 ч занятий и проектной работы) вы пройдёте путь от основ до настоящего проекта продакшен-уровня — вместе с Tigran Hakobyan и командой менторов beeon.academy.

Результаты обучения

Чему вы научитесь

Писать shallow nesting с named token
Использовать @use/@forward и mixin без dumping ground
Читать/писать Less для поддержки legacy stack
Подключать Sass/Less в Vite со Stylelint и source map
Интерактивный курс

Уроки

42 урока · все открыты, начните с любого
  1. 1CSS, который scale за пределами copy-paste24 мин
  2. 2Sass и Less: cousins, не clones26 мин
  3. 3Dart Sass — сейчас история Sass24 мин
  4. 4Когда побеждают plain CSS + custom properties22 мин
  5. 5Source → compile → CSS, который видит browser24 мин
  6. 6Карта: Sass core → Less → tooling → architecture20 мин
  7. 7Nesting, который остаётся readable26 мин
  8. 8& parent selector с intent24 мин
  9. 9Sass variable против CSS custom properties26 мин
  10. 10_partials и старая привычка @import26 мин
  11. 11@use и @forward как module system28 мин
  12. 12Map и list для design token24 мин
  13. 13Interpolation, когда selector нужен construction22 мин
  14. 14Workshop: button с tokens + nesting28 мин
  15. 15Mixin для повторяющихся declaration block28 мин
  16. 16@content block внутри mixin24 мин
  17. 17Function, которые возвращают value, не CSS26 мин
  18. 18Built-in color и math helper24 мин
  19. 19@extend с открытыми глазами24 мин
  20. 20Workshop: fluid-type mixin + token function28 мин
  21. 21Когда Less всё ещё появляется на работе24 мин
  22. 22Less variable и lazy evaluation26 мин
  23. 23Less nesting и & — та же идея24 мин
  24. 24Less mixin и parametric guard26 мин
  25. 25Less @import и (reference)24 мин
  26. 26Less operation и escaping quirk22 мин
  27. 27Workshop: Less theme variable + button mixin28 мин
  28. 28Side-by-side: тот же UI в Sass и Less26 мин
  29. 29Migrate Less → Sass без big-bang rewrite24 мин
  30. 30Что modern CSS уже взял у preprocessor24 мин
  31. 31Выбор Sass, Less или CSS для нового project22 мин
  32. 32Sass/Less в Vite без drama26 мин
  33. 33CLI watch для non-bundler workflow22 мин
  34. 34Source map, делающие DevTools честными22 мин
  35. 35Stylelint для команд Sass/Less24 мин
  36. 36Workshop: Vite scss entry + shared partial26 мин
  37. 37Folder architecture, которая остаётся boring26 мин
  38. 38BEM-friendly nesting без selector soup24 мин
  39. 39Привычки compile и selector performance22 мин
  40. 40Theming: Sass map + CSS variable вместе24 мин
  41. 41Playbook: tiny design system sheet с нуля28 мин
  42. 42Практика-loop на следующую неделю20 мин
Модули курса

Программа

  1. 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    Что нужно для старта

    Требования

    • Основы CSS selector и box model
    • Node.js полезен для lab Vite
    • Опыт Sass/Less не обязателен
    Учитесь у практикующего инженера

    Ваш преподаватель

    TH

    Tigran Hakobyan

    Frontend Mentor · beeon.academy

    Instructor at beeon.academy. Sass/Less path (ArT): 42 lessons through tokens and compile habits.

    Что говорят выпускники

    Отзывы студентов

    Частые вопросы

    FAQ

    Стоимость
    49 000 ֏
    Записаться