Rapid SASS

Give your CSS special powers with SASS!
3.4 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
64 students enrolled
70% off
Take This Course
  • Lectures 10
  • Length 1 hour
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2015 English

Course Description

This course will simply help you become a better frontend developer, and serve to make your life easier with its powerful features.
Begin with getting your first SASS files up and running within the first 10 minutes. You will then move on to understanding and implementing the SASS concepts that include variables and nesting and make your life easier with simpler code. Finally, gain insight into the Bourbon library for cross-browser compatibility and review the website.
Rapid frontend development with SASS will enhance your CSS workflow so much that you may never go back to standard CSS ever again!

About the Author

Brock Nunn is a frontend web developer from Tulsa, Oklahoma. Over the past six years Brock has taken part in web projects big and small. Self taught, Brock has a passion for teaching others with a simple and personal approach. Brock married his wife in June of 2009. When he is not neck deep in code, Brock enjoys making great food for his family, including his puppy Sugar.

What are the requirements?

  • This video tutorial is for web designers and developers who are familiar with and make use of HTML, CSS, and moderate JavaScript.

What am I going to get from this course?

  • Understand frontend CSS workflows with SASS to give your app a modern look
  • Utilize the power of SASS variables and never repeat yourself
  • Write less code with the powerful nesting features
  • Leverage powerful SASS libraries like Bourbon and Neat
  • Extend styles with SASS mixins to build a flexible development environment
  • Implement auto-prefixer for worry-free vendor prefixing
  • Deploy your site with super performant styles

Who is the target audience?

  • This course is ideal for those who want to take their workflow to the next level.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Project Overview

Understand exactly what we are going to deliver with this course using SASS.

Section 2: Up and Running with SASS

Easily set up your SASS environment with a preprocessing app and HTML5 boilerplate.

Section 3: CSS Like You've Never Seen Before

CSS can be difficult to structure. However, using SASS, developers have more control than ever. Leverage variables to transform your CSS.


Using normal CSS, developers are often forced to repeat themselves. Using nesting, we are able to write performant and readable code.


Developers are often in a place where they are forced to reinvent the wheel. Using SASS, we can leverage the power of a massive community to transform our CSS.


Laying out a site can be a tedious process. Using SASS, layouts are a breeze.


Product grids can be complex to style and develop. Use Bourbon and Neat to easily create a dynamic and responsive product grid.


Maintain a design relationship with your page using beautiful and informative secondary content.


We complete our build with a footer for our page.

Section 4: Review and Publish

We are done. However, our site will need proper minification and browser fallbacks using autoprefixer. We'll double check these and review deployment.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course