WEB-SASS

Basics of SASS/SCSS

Form of participation
Form of training
Length of training
  • 2 day (2×12 Lessons)
  • daily 9:00 - 17:00
Available languages
  • Hungarian
Dates

Training price

299 000 Ft
+ VAT/person
Please choose the date and form of participation!
Would you like a custom made solution, group training on this topic?
Find out more about our customised training services here.

Description

During the course, students will learn how to use the SASS/SCSS preprocessor to write more efficient, dynamic CSS code, making development easier and faster.

Through practical examples, they will learn the basics of SASS/SCSS and the modular organisation of CSS code for UI components, which greatly increases reusability. All this is done using a modern code editor Visual Studio Code. They will also learn about best practices used in development.

Outline

  • Install the necessary software
  • What is CSS preprocessor?
  • What is SASS/SCSS?
  • What is the difference between SASS and SCSS?
  • Nesting, parent selector, BEM
  • Variables, scope, shadowing, interpolation
  • Custom properties
  • Placeholder selector
  • Operators
  • Values, debugging
  • Partials
  • Modules, built-in modules
  • Mixin, Extend,
  • The if else statement
  • Use of cycles: for, each, while
  • Functions
Outline (PDF)

Prerequisites

HTML, advanced CSS, programming basics are required to complete the course, or you can take our Fundamentals of Enterprise Web Development course.