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 պահելու համար
Wire արա Sass/Less Vite-ում՝ Stylelint և source map-ով
Ինտերակտիվ դասընթաց

Դասեր

42 դաս · բոլորը բաց են, սկսեք ցանկացածից
  1. 1CSS, որ scale է լինում copy-paste-ից այն կողմ24 րոպե
  2. 2Sass և Less. cousins, ոչ clones26 րոպե
  3. 3Dart Sass-ը հիմա Sass պատմությունն է24 րոպե
  4. 4Երբ plain CSS + custom properties են հաղթում22 րոպե
  5. 5Source → compile → CSS, որ browser-ը տեսնում է24 րոպե
  6. 6Քարտեզ. Sass core → Less → tooling → architecture20 րոպե
  7. 7Nesting, որ readable է մնում26 րոպե
  8. 8& parent selector՝ intent-ով24 րոպե
  9. 9Sass variable ընդդեմ CSS custom properties26 րոպե
  10. 10_partials և հին @import սովորություն26 րոպե
  11. 11@use և @forward՝ որպես module system28 րոպե
  12. 12Map և list՝ design token-երի համար24 րոպե
  13. 13Interpolation, երբ selector-ին պետք է construction22 րոպե
  14. 14Workshop. button՝ tokens + nesting28 րոպե
  15. 15Mixin՝ կրկնվող declaration block-երի համար28 րոպե
  16. 16@content block՝ mixin-ի ներսում24 րոպե
  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. 29Less → Sass migrate առանց big-bang rewrite24 րոպե
  30. 30Ինչ modern CSS-ն արդեն վերցրել է preprocessor-ից24 րոպե
  31. 31Sass, Less կամ CSS ընտրել նոր project-ի համար22 րոպե
  32. 32Sass/Less Vite-ում առանց drama26 րոպե
  33. 33CLI watch՝ non-bundler workflow-ի համար22 րոպե
  34. 34Source map, որ DevTools-ը ազնիվ է դարձնում22 րոպե
  35. 35Stylelint՝ Sass/Less թիմերի համար24 րոպե
  36. 36Workshop. Vite scss entry + shared partial26 րոպե
  37. 37Folder architecture, որ boring է մնում26 րոպե
  38. 38BEM-friendly nesting առանց selector soup24 րոպե
  39. 39Compile և selector performance սովորություն22 րոպե
  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 օգտակար է Vite lab-երի համար
    • Նախորդ Sass/Less փորձ պարտադիր չէ
    Սովորեք գործող ինժեներից

    Ձեր դասավանդողը

    TH

    Tigran Hakobyan

    Frontend Mentor · beeon.academy

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

    Ինչ են ասում շրջանավարտները

    Ուսանողների կարծիքներ

    Հաճախ տրվող հարցեր

    ՀՏՀ

    Արժեքը
    49 000 ֏
    Գրանցվել