educative.io

Sass for CSS: Advanced Frontend Development (Timothy Robards)


Starting with SASS - Who is this course for? Welcome to the course! View the lesson [here](https://www.educative.io/courses/sass-for-css/YQBgWvBrXV9). SASS Features - Variables In this lesson, we'll be introducing the concept of SAS S variables. View the lesson [here](https://www.educative.io/courses/sass-for-css/N8g9rkJBAoz). SASS Features - Inheritance and Extends In this lesson, we'll be looking at how to implement inheritance with the extends directive. View the lesson [here](https://www.educative.io/courses/sass-for-css/q2G6g5vnj8D). SASS Features - The '&' Operator In this lesson, we'll be looking at the ampersand ('&') operator syntax. View the lesson [here](https://www.educative.io/courses/sass-for-css/g7y57QzAJnr). SASS Features - Interpolation In this lesson, we'll learn how to use Interpolation to make our code more dynamic. View the lesson [here](https://www.educative.io/courses/sass-for-css/7D1n3p7q4KQ). SASS Features - Summing up Here is a brief summary of what we've covered so far before we move on to the next section! View the lesson [here](https://www.educative.io/courses/sass-for-css/7Dj4RRwlKWO). Structuring your SASS Projects - Basic structure In this lesson, we'll take a look at an example of a basic project structure. View the lesson [here](https://www.educative.io/courses/sass-for-css/7XmwrrAL4Lr). Structuring your SASS Projects - The 7–1 Pattern In this lesson, we'll learn how to organize our projects using the 7-1 pattern. View the lesson [here](https://www.educative.io/courses/sass-for-css/3w33EljmDnA). Setting up a SASS Build Process - Concatenation In this lesson, we'll learn how to concatenate our files. View the lesson [here](https://www.educative.io/courses/sass-for-css/YMVo6PMZDOp). Setting up a SASS Build Process - Prefixing In this lesson, we'll learn how to setup autoprefixing. View the lesson [here](https://www.educative.io/courses/sass-for-css/g7YDNA24RN9). Setting up a SASS Build Process - The Build! In this final step, we'll add one more script, which will execute the entire process! View the lesson [here](https://www.educative.io/courses/sass-for-css/g7wlKQvY8ZY). Starting with SASS - An Introduction to CSS pre-processing In this lesson, we'll introduce the concept of CSS pre-processing, and take a look at how it benefits us as front-end developers. View the lesson [here](https://www.educative.io/courses/sass-for-css/gkWmDRrgAWZ). Starting with SASS - What is SASS? In this introduction, we'll define SASS and its relationship to SCSS (aka Sassy CSS). View the lesson [here](https://www.educative.io/courses/sass-for-css/m2VyVBROVyp). Bonus: Setting up Media Queries with SASS Mixins - How to setup Media Queries with SASS Mixins In this lesson, we'll learn how to use SASS Mixins to make managing Media Queries a breeze. View the lesson [here](https://www.educative.io/courses/sass-for-css/B17xQ8OPD2W). Appendix - How to Install and Configure SASS Locally In this lesson, we'll cover the installation of SASS onto our local machine. Including the initial configuration & live server setup. View the lesson [here](https://www.educative.io/courses/sass-for-css/m2GqzAQpzVp). SASS Features - Nesting In this lesson, we'll be introducing the SASS nesting syntax. View the lesson [here](https://www.educative.io/courses/sass-for-css/qVLAlXrjnYD). SASS Features - Mixins In this lesson, we'll be looking at the SASS mixin syntax. View the lesson [here](https://www.educative.io/courses/sass-for-css/qA9k1grx603). SASS Features - Functions In this lesson, we'll be looking at how to write functions in SASS. View the lesson [here](https://www.educative.io/courses/sass-for-css/g292oy6KzkY). SASS Features - Partials and Importing In this lesson, we'll be looking at how to modularize our files with partials & importing. View the lesson [here](https://www.educative.io/courses/sass-for-css/R8QBPZjx53w). SASS Features - Control Directives In this lesson, we'll be looking at SASS control directives, which allow us to introduce conditionals and looping into our stylesheets. View the lesson [here](https://www.educative.io/courses/sass-for-css/q2QJOprXzl2). SASS Features - Placeholders In this lesson, we'll be looking at SASS placeholders. View the lesson [here](https://www.educative.io/courses/sass-for-css/x1ElDzqx0KE). Structuring your SASS Projects - How should we structure our Sass projects? In this next lesson, we'll learn all about structuring our SASS projects, starting with a brief overview. View the lesson [here](https://www.educative.io/courses/sass-for-css/7AmWJQYQrBG). Setting up a SASS Build Process - Creating a Build Process In this section, we'll learn how to create a SASS build process, starting with a brief overview. View the lesson [here](https://www.educative.io/courses/sass-for-css/7D10DYLmGoO). Setting up a SASS Build Process - Compilation In this lesson, we'll learn how to setup a compilation script and run our watch script to check for file changes. View the lesson [here](https://www.educative.io/courses/sass-for-css/JEmJ0rr3Jp9). Setting up a SASS Build Process - Compressing In this lesson, we'll learn how to add compression into our process in order to fully-optimize our code before it’s released into the world! View the lesson [here](https://www.educative.io/courses/sass-for-css/m2jDQg2B2ZO).
About the Sass for CSS: Advanced Frontend Development (Timothy Robards) category [Sass for CSS: Advanced Frontend Development (Timothy Robards)] (1)