Grab the chance to earn a scholarship!

Study a desired course for free & get money
watching now
1 Students
41 Lessons
Intermediate

What Will You Learn?

  • How you can set up a Sass project
  • How to apply nesting in Sass
  • How segmentation works is Sass
  • How to integrate Sass variables
  • What’s the difference between Sass and SCSS

Curriculum

3h 19m
Section 1: Introduction to SASS
23:27
Installation (Mac)
01:54
Installation (Windows)
11:54
Creating a New SASS Project
06:12
Wrap Up - Introduction
00:24
Section 2: Let's Make a Nest - Nesting With SASS
36:42
Introduction
00:36
Building a Nest
03:09
Create a Project
05:25
Nesting + Inheritance
12:05
Calling the Parent
08:47
Building a vCard
06:04
Cleaning Code with Segmentation
00:36
Section 3: Separation is Natural - Segmenting our Code for Cleaner SCSS
28:02
Introduction to Segmentation
00:40
Why Segment
02:32
Segmenting Core styles
07:39
Segmenting Elements
04:43
Building a Landing Page, Part 1
11:55
It Varies
00:33
Section 4: Varied Sassyness
33:10
Introduction to Working with Variables
00:41
Working with Variables
03:14
Variables in the Main SASS file
07:24
Variables in local SASS files
08:40
Variable Scope - Global vs. Local
02:39
Building a Landing Page, Part 2
09:57
Advanced SASS
00:35
Section 5: Mixins, Placeholders, Plugins, Oh My
37:09
Let's mix it up
00:37
What are mixins?
06:19
What is Inheritance?
08:12
Plugins - Bourbon
06:38
Functions in SASS
07:06
Building a Landing Page, Final
07:47
Best Practices
00:30
Section 6: Final Chapter - Best Practices
40:36
Introduction
00:32
Best Practices - Nesting
09:02
Best Practices - Segmentation
09:15
Best Practices - Variables
05:21
Best Practices - Mixins
07:59
Landing Page Audit
08:12
Congratulations
00:15

Description

Requirements

  • Basics of HTML
  • Basics of CSS
  • Windows or Mac OS

About the Instructor

LearnToProgram

Web, Mobile and Game Development
Reviews 309
Students 154,336
Massive audience
Courses 17

LearnToProgram is a circle of outstanding experienced lecturers focusing on mobile, web, and game development. They attract a massive audience to their courses, and there’s a reason for it. LearnToProgram has united experts in their fields with excellent teaching skills, so you get the theory complemented with lots of practical and real-world examples PLUS easy to follow and engaging instructions.

LearnToProgram team wants to teach the world to code – the skill which is somewhat like maths used to be in the previous century. Nontechnical people are being related to complex web, mobile, and game development skills in a fun and effective learning process.

On BitDegree, LearnToProgram offers opportunities to study different skills taught by different lecturers. Learn any of the dominant programming languages (Python, Java, JavaScript, Ruby, Java, HTML5, etc.) and get hold of the dominant tools for web creation (Wordpress, Dreamweaver, etc.). Master the art of building mobile apps, understand how you can become more professional and effective with the right project management tools – and so much more.

LearnToProgram team will equip you with the necessary tools to kickstart your career in the tech world. Join their high-end courses today!

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo