Rapid 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
Wishlisted Wishlist

Please confirm that you want to add Rapid SASS to your Wishlist.

Add to Wishlist

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
Created by Packt Publishing
Last updated 2/2015
English
Learn Fest Sale
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • This video tutorial is for web designers and developers who are familiar with and make use of HTML, CSS, and moderate JavaScript.
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.

Who is the target audience?
  • This course is ideal for those who want to take their workflow to the next level.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 10 Lectures Collapse All 10 Lectures 59:13
+
Project Overview
1 Lecture 03:50

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

The Setup
03:50
+
Up and Running with SASS
1 Lecture 07:15

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

Preview 07:15
+
CSS Like You've Never Seen Before
7 Lectures 45:57

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

Preview 06:34

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

Nesting with SASS
02:37

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.

Leverage Mixins Using Bourbon and Neat
08:38

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

Site Layout
07:25

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

Styling Products
05:06

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

Sidebars and SASS Color Functions
07:12

We complete our build with a footer for our page.

Footer and Finishing SASS
08:25
+
Review and Publish
1 Lecture 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.

Preview 02:11
Frequently Bought Together
About the Instructor
Packt Publishing
3.9 Average rating
5,077 Reviews
39,710 Students
396 Courses
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.