English French German Italian Portuguese Russian Spanish

logo_old

  • Web Development Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Development

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Development

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

Sass Training

PDF Print Email

Course duration

  • 2 days

Course Benefits

  • Learn to learn what Sass is and why to use it.
  • Learn to learn to work with preprocessors.
  • Learn to learn to install and configure Sass on either a PC or a Mac.
  • Learn to learn the Sass philosophy on code organization.
  • Learn to learn how comments work in Sass.
  • Learn to learn how to work with operations, control directives, and expressions.
  • Learn to learn about mixins, such as bourbon, and learn how to write your own.
  • Learn to understand when and how to use nesting.
  • Learn to learn how to write your own functions.
  • Learn to learn about extending and framework options.
Available Delivery Methods
Public Class
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Private Class
Private classes are delivered for groups at your offices or a location of your choice.
Self-Paced
Learn at your own pace with 24/7 access to an On-Demand course.

Course Outline

  1. Introduction/Why Sass?
    1. The Problem Sass Solves
      1. Benefits of Sass
      2. Code Organization
      3. Performance
      4. Valid CSS
      5. Libraries
    2. Sass Syntax
    3. How to Use Sass
    4. Coming Attractions
      1. Organizing Sass
      2. Nesting
      3. Variables
  2. Organizing and Including Sass Code
    1. Sass Partials
    2. Partials/@import Example
    3. Sass Watch
    4. Exercise: Using Partials
    5. Code Organization
    6. The Sass Blog
    7. The Sass Blog: With Sass Partials
      1. Directory Structure & Master Sass File
      2. The general Partial
      3. The header Partial
      4. The maincontent Partial
      5. The mainnav Partial
      6. The footer Partial
      7. The forms Partial
      8. Up Next
    8. Exercise: Extending the Sass Blog
    9. More Styling for the Blog: Syntax Highlighting
    10. Exercise: Adding Syntax Coloring
  3. Nesting
    1. Nesting
    2. Referencing the Parent Selector with &
    3. Nested Properties
    4. Nesting Example
    5. Exercise: Using Nesting
    6. Nesting and Media Queries
    7. How Much to Nest
    8. Exercise: Using Nesting with the Sass Blog
    9. Nested @import
  4. Sass Variables
    1. Variables
    2. Variable Naming Guidelines
    3. Variable Scope
      1. Shadowing
      2. Overwriting Global Variables within Blocks
    4. Exercise: Using Variables in Sass
    5. When to Use Variables
    6. Exercise: More Variables
    7. Exercise: Adding Variables to the Blog
    8. Advanced Sass
      1. Operations and Control Directives
      2. Functions
      3. Mixins
      4. Debugging

Class Materials

Each student will receive a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following would be useful for this CSS class:

  • CSS experience is helpful but not required for this course.
Follow-on Courses
Since its founding in 1995, InterSource has been providing high quality and highly customized training solutions to clients worldwide. With over 500 course titles constantly updated and numerous course customization and creation possibilities, we have the capability to meet your I.T. training needs.
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.
Facebook TwitterGoogle BookmarksLinkedin