SASS - The Complete SASS Course (CSS Preprocessor)

George Lomidze, Web Developer / Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
50 Lessons (5h 57m)
    • 1. 001 - Welcome

      1:21
    • 2. 002 - Introduction

      2:50
    • 3. 003 - What is SASS

      3:10
    • 4. 004 - Setup

      1:55
    • 5. 005 - Install SASS Compiler

      12:21
    • 6. 006 - SASS Variables

      9:24
    • 7. 007 - Nesting

      4:19
    • 8. 008 - Mixins

      7:12
    • 9. 009 - Extend

      4:27
    • 10. 010 - Functions

      7:38
    • 11. 011 - Placeholder Selectors

      2:37
    • 12. 012 - Import And Partials

      5:23
    • 13. 013 - Project Preview - Restaurant "Georgia"

      6:21
    • 14. 014 - Create Structure of Header

      3:51
    • 15. 015 - Style Header - Part 1

      14:39
    • 16. 016 - Style Header - Part 2

      7:58
    • 17. 017 - Create Markup for About Us Section

      4:00
    • 18. 018 - Style About Us Section

      5:41
    • 19. 019 - Build Structure of Gallery

      3:58
    • 20. 020 - Style Gallery

      11:47
    • 21. 021 - Create Structure of Footer

      3:56
    • 22. 022 - Style Footer

      5:06
    • 23. 023 - Build Navbar Structure

      5:37
    • 24. 024 - Style Navigation

      8:49
    • 25. 025 - Hamburger Menu

      11:35
    • 26. 026 - Make Project Responsive - Part 1

      11:12
    • 27. 027 - Make Project Responsive - Part 2

      9:57
    • 28. 028 - Make Project Responsive - Part 3

      7:39
    • 29. 029 - SASS Data Types - Part 1

      6:14
    • 30. 030 - SASS Data Types - Part 2

      4:40
    • 31. 031 - SASS Interpolation

      3:27
    • 32. 032 - For Loop

      5:10
    • 33. 033 - Each Loop

      3:38
    • 34. 034 - If Directive

      5:33
    • 35. 035 - Project Preview - Clothes Store

      8:49
    • 36. 036 - Create Structure of Header

      6:41
    • 37. 037 - Layout of Container

      6:20
    • 38. 038 - Style Header - Part 1

      9:13
    • 39. 039 - Style Header - Part 2

      6:11
    • 40. 040 - Dropdown

      8:57
    • 41. 041 - Create Markup for Slideshow

      2:55
    • 42. 042 - Make Slideshow Working

      5:54
    • 43. 043 - Make Slideshow Working Part 2

      9:29
    • 44. 044 - Build Structure of Products Section

      4:16
    • 45. 045 - Styling of Products Section

      12:23
    • 46. 046 - Products Section Button

      12:23
    • 47. 047 - Create Structure of Footer

      9:06
    • 48. 048 - Styling of Footer - Part 1

      5:28
    • 49. 049 - Styling of Footer - Part 2

      14:43
    • 50. 050 - Make Project Responsive

      20:49

About This Class

The Brand New SASS Course on Skillshare!!!

"SASS - The Complete SASS Course (CSS Preprocessor)"

If you want to learn about the most popular CSS Extension and build modern, beautiful and real world websites, then this is the right course for you. The course covers all you need to know about this awesome technology.

INCLUDED:

1. You will start from SASS basic topics, such as how to install SASS compiler, how to create variables and mixins in order to write more concise and flexible code. Also, we will cover topics like: extend, placeholder selectors, functions, imports, partials and much more...

2. You will build modern and beautiful website - Restaurant "Georgia". Project will be created based on basics of SASS. You will learn about how to structure your code using SASS and you will be able to put all the learned stuff together and build the website.

3. Next we will cover some advanced stuff in SASS. You will be able to learn about SASS data types, Interpolation, loops, IF Directive and much more.

4. After completing the advanced SASS section, we will build our next project - "Clothes Store" based on advanced SASS stuff. 

5. You will be able to make websites responsive for all screen sizes using some SASS techniques.

Throughout the course, you will meet detailed explanations about how SASS works, also, you will introduce to modern practices and solutions.

Get fast and friendly support from instructors 24/7.

JOIN US!!!