fbpx

Course Sass and Less Preprocessing

Region:
  • Content
  • Training
  • Modules
  • General
    General
  • Reviews
  • Certificate
  • Course Sass and Less Preprocessing : Content

    In the course Sass and Less Preprocessing participants learn the functionalities of the CSS Preprocessors Sass and Less. Preprocessors are script languages ​​that extend the default capabilities of CSS. This makes it possible to use logic in CSS code with variables, nesting, inheritance, mixins, functions and mathematical operations. CSS preprocessors make it easy to automate repetitive tasks and reduce errors.

    Syntax Sass and Less

    The course starts with a discussion of the basic characteristics of Sass and Less. The Sass syntax with the .scss file extension is discussed. Sass uses standard CSS syntax with braces and semicolons. It is also explained how Less is actually a JavaScript library that requires either NodeJS or compilation using .less files.

    Sass Variables and Types

    Subsequently the variables and types of Sass are discussed and the scope of variables, nested rules and nested properties is explained. And also Sass Plugins are treated.

    Less Variables and Types

    Attention is paid as well to Less variables and types and the syntax of variable interpolation is discussed. The use of mixin's and the parameterization thereof is also part of the program of the course.

    Directives

    A number of directives can be used in Sass such as @import, @mixin, @include and @extend. The meaning and application of these directives is treated. There is also attention for various Sass functions such as Map, Selector and Introspection.

    Testing Sass and Less

    The course concludes with the subject of testing Sass and Less. This includes the Less Hat, Clearless and 3L libraries.

  • Course Sass and Less Preprocessing : Training

    Audience Course Sass and Less Preprocessing

    The course Sass and Less Preprocessing is intended for Web Designers and Developers who want to use Sass and Less Preprocessing in the development of Web Applications.

    Prerequisites Course Sass and Less Preprocessing

    Knowledge and experience with HTML and the basic principles of Cascading Style Sheets (CSS) are required.

    Realization Training Sass and Less Preprocessing

    The concepts are discussed on the basis of presentation slides. Demo projects are used to clarify the concepts. The theory and the demos are interchanged with hands-on exercises. Course times are from 9.30 to 16.30.

    Certification Sass and Less Preprocessing

    After successful completion of the course participants receive an official certificate Sass and Less Preprocessing.

    Sass and Less Preprocessing course
  • Course Sass and Less Preprocessing : Modules

    Module 1 : CSS Preprocessors

    Module 2 : Sass Variables

    Module 3 : Less Variables

    What is Sass?
    Installing Sass
    CSS Extensions
    Sass Transpilation
    What is Less?
    CSS3 for Styling
    CSS Inheritance
    CSS Cascading
    Compiling Less
    CSS Resets
    Layout in Less
    Autoprefixing
    BEM Methodology
    Variable Syntax
    Strings
    Numbers
    Colors
    Booleans
    Lists
    Nulls
    SCSS Syntax
    Variable Scope
    Sass !global
    Plugins
    Nested Rules
    Nested Properties
    Naming Variables
    Variable Types
    Using Variables
    Variable Interpolation
    Non Staticness
    Declaration Order
    Escaping Values
    Detached Rulesets
    Lazy Loading
    Mixins
    Basic Mixins
    Parametric Mixins
    Default Values

    Module 4 : Sass Directives

    Module 5 : Sass Functions

    Module 6 : Testing Sass and Less

    Importing Files
    Sass @import
    Partials
    Sass Mixins
    @mixin
    Defining Mixins
    Passing Parameters
    Vendor Prefixes Mixin
    @include
    @extend Directive
    Inheritance
    String Functions
    Numeric Functions
    List Functions
    join and append
    Map Functions
    Selector Functions
    Introspection Functions
    feature-exists
    function-exists
    type-of
    Color Functions
    Using Developer Tools
    Understanding TDD
    Test Cycle
    Using Style Guides
    Building Style Guides
    Prebuilt Mixins
    Less Hat Library
    SEO Debugging
    HTML Debugging
    Clearless Library
    3L Library
  • Course Sass and Less Preprocessing : General

    Course Forms

    All our courses are classroom courses in which the students are guided through the material on the basis of an experienced trainer with in-depth material knowledge. Theory is always interspersed with exercises.

    Customization

    We also do custom classes and then adjust the course content to your wishes. On request we will also discuss your practical cases.

    Course times

    The course times are from 9.30 to 16.30. But we are flexible in this. Sometimes people have to bring children to the daycare and other times are more convenient for them. In good consultation we can then agree on different course times.

    Hardware

    We take care of the computers on which the course can be held. The software required for the course has already been installed on these computers. You do not have to bring a laptop to participate in the course. If you prefer to work on your own laptop, you can take it with you if you wish. The required software is then installed at the start of the course.

    Software

    Our courses are generally given with Open Source software such as Eclipse, IntelliJ, Tomcat, Pycharm, Anaconda and Netbeans. You will receive the digital course material to take home after the course.

    Lunch

    The course includes lunch that we use in a restaurant within walking distance of the course room.

    Locations

    The courses are planned at various places in the country. A course takes place at a location if at least 3 people register for that location. If there are registrations for different locations, the course will take place at our main location, Houten which is just below Utrecht. A course at our main location also takes place with 2 registrations and regularly with 1 registration. And we also do courses at the customer’s location if they appreciate that.

    Evaluations

    At the end of each course, participants are requested to evaluate the course in terms of course content, course material, trainer and location. The evaluation form can be found at https://www.klantenvertellen.nl/reviews/1039545/spiraltrain?lang=en. The evaluations of previous participants and previous courses can also be found there.

    Copyright

    The intellectual property rights of the published course content, also referred to as an information sheet, belong to SpiralTrain. It is not allowed to publish the course information, the information sheet, in written or digital form without the explicit permission of SpiralTrain. The course content is to be understood as the description of the course content in sentences as well as the division of the course into modules and topics in the modules.

  • Course Sass and Less Preprocessing : Reviews

  • Course Sass and Less Preprocessing : Certificate