Email Us   Phone : 503-259-0312   
  Home    |    Instructor-led Training    |    Online Training     


Contact Us   -   Why Choose Wintrac   -   Clients    

Courses
ADA
Adobe
Agile
AJAX
Android
Apache
AutoCAD
Big Data
BlockChain
Business Analysis
Business Intelligence
Business Objects
Business Skills
C/C++/Go programming
Cisco
Citrix
Cloud Computing
COBOL
Cognos
ColdFusion
COM/COM+
CompTIA
CORBA
CRM
Crystal Reports
Data Science
Datawarehousing
DB2
Desktop Application Software
DevOps
DNS
Embedded Systems
Google Web Toolkit (GWT)
IPhone
ITIL
Java
JBoss
LDAP
Leadership Development
Lotus
Machine learning/AI
Macintosh
Mainframe programming
Microsoft technologies
Mobile
MultiMedia and design
.NET
NetApp
Networking
New Manager Development
Object oriented analysis and design
OpenVMS
Oracle
Oracle VM
Perl
PHP
PostgreSQL
PowerBuilder
Professional Soft Skills Workshops
Project Management
Rational
Ruby
Sales Performance
SAP
SAS
Security
SharePoint
SOA
Software quality and tools
SQL Server
Sybase
Symantec
Telecommunications
Teradata
Tivoli
Tomcat
Unix/Linux/Solaris/AIX/
HP-UX
Visual Basic
Visual Foxpro
VMware
Web Development
WebLogic
WebSphere
Websphere MQ (MQSeries)
Windows programming
XML
XML Web Services
Other
Sass Training
Overview

In this 2-day Sass Training class, students will learn how to get started using Sass (Syntactically Awesome Style Sheets). Sass is a growing CSS extension language that is compatible with all versions of CSS. This course starts with a introduction of Sass along with a HTML and CSS background review. We then dive right into getting students started using Sass.

Audience

For students wanting to learn a more advanced way of using CSS with a website

Prerequisites

CSS experience is helpful but not required for this course.

Course duration

2 Days

Course outline

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

 
About us
Contact us
Careers at Wintrac
Our Clients
Why Wintrac


Register for a free training CD-ROM drawing
Refer a client or instructor and earn $$$


Wintrac Inc.
16523 SW McGwire Ct.
Beaverton OR 97007
 
Wintrac, Inc. All rights reserved.                                                                               Site Map   |   Terms of Use   |   Privacy Policy