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.
62 students enrolled
$50
Take This Course
  • Lectures 10
  • Contents Video: 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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

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

Curriculum

Section 1: Project Overview
03:50

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

Section 2: Up and Running with SASS
07:15

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

Section 3: CSS Like You've Never Seen Before
06:34

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

02:37

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

08:38

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.

07:25

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

05:06

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

07:12

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

08:25

We complete our build with a footer for our page.

Section 4: Review and Publish
02:11

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

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course