Sassi algkursus (e-õpe, inglise keeles)

Koolituse maht: 16 akadeemilist tundi ehk 2 õppepäeva, mille saad endale sobivale ajale jaotada.

Sihtgrupp: This course is for students new to Sass.

Koolitusel osalemise eeldused: CSS experience is helpful but not required for this course.

To complete the training and get a certification you need to pass the quiz 100%.

Koolituse teemad:

In this 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 what Sass is along with a HTML and CSS background review. Then we dive right into getting students started using Sass.

CSS is not a prerequisite to this course. However, working with Sass is a more advanced way of using CSS with a website. Students looking to enhance their skills may want to consider our Introduction to CSS, Advanced CSS, or CSS3 for Web Developers courses after taking Sass.

1. Introduction/Why Sass?

• The Problem Sass Solves
  1. Benefits of Sass
  2. Code Organization
  3. Performance
  4. Valid CSS
  5. Libraries
• Sass Syntax
• How to Use Sass
• Coming Attractions
  1. Organizing Sass
  2. Nesting
  3. Variables
• Test

2. Organizing and Including Sass Code

• Sass Partials
• Partials/@import Example
• Sass Watch
• Exercise: Using Partials
• Code Organization
• The Sass Blog
• 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
• Exercise: Extending the Sass Blog
• More Styling for the Blog: Syntax Highlighting
• Exercise: Adding Syntax Coloring
• Test

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
• Test

4. Sass Variables

• Variables
• Variable Naming Guidelines
• Variable Scope
  1. Shadowing
  2. Overwriting Global Variables within Blocks
• Exercise: Using Variables in Sass
• When to Use Variables
• Exercise: More Variables
• Exercise: Adding Variables to the Blog
• Advanced Sass
  1. Operations and Control Directives
  2. Functions
  3. Mixins
  4. Debugging
• Test

5. Tables

• Responsive Tables
  1. Breakpoint-specific Responsive Tables
• Overall Table Styles
• Styling Tables
• Table Headers
  1. The scope Attribute
• Contextual Classes
• Test

Koolituse eesmärk

The main purpose of this e-course is to give students a good understanding of the basics of Sass.

Koolituse õpiväljundid

After completing this course, students will:

• 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.

Koolitus toimub e-õppe keskkonnas, kuhu saab siseneda isikliku kasutajanime ja parooliga. Need saadetakse Teile pärast koolitusarve tasumist või erikokkuleppel.

Täienduskoolituse õppekavarühm: tarkvara ja rakenduste arendus ning analüüs