Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gzixnine/sass_course

This repository is dedicated to all the assignments and projects from the SASS course by Elzero Web School. Whether you're just getting started with SASS or looking to refine your skills, this repository contains comprehensive examples and practical assignments to help you master SASS.
https://github.com/gzixnine/sass_course

each elzero-frontend-challenges elzero-web-school function loop map sass sass-mixins scss-framework

Last synced: 4 days ago
JSON representation

Host: GitHub
URL: https://github.com/gzixnine/sass_course
Owner: GziXnine
License: mit
Created: 2024-07-10T01:58:26.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-07-11T03:22:14.000Z (5 months ago)
Last Synced: 2024-12-19T00:40:10.793Z (4 days ago)
Topics: each, elzero-frontend-challenges, elzero-web-school, function, loop, map, sass, sass-mixins, scss-framework
Language: SCSS
Homepage: https://elzero.org/
Size: 21.5 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # SASS Basics

Welcome to the SASS Basics repository! This repository serves as a comprehensive guide and reference for learning SASS (Syntactically Awesome Style Sheets), a CSS preprocessor that enhances the functionality and efficiency of writing CSS.

## Overview

This repository is designed to provide you with a solid foundation in SASS, covering everything from basic syntax to more advanced features. Whether you're a beginner just starting out or looking to refresh your knowledge, you'll find valuable resources and examples here to help you understand and master SASS.



          

    



![SASS Course](https://i.ibb.co/GxHhcwG/lg9jjgv3nj383ykkjxew.jpg)

### What is SASS?

SASS (Syntactically Awesome Style Sheets) is a CSS preprocessor that extends CSS with features like variables, nested rules, and mixins. It helps to keep stylesheets organized and allows for more efficient and maintainable code. SASS is widely used in web development to streamline and enhance the CSS writing process.

### Key Features

- **Variables**: Store reusable values like colors, fonts, or any CSS value.

- **Nesting**: Nest CSS rules inside each other in a way that follows the same visual hierarchy of HTML.

- **Partials**: Modularize your CSS code by splitting it into smaller, reusable files.

- **Mixins**: Create reusable chunks of code to avoid repetition and keep your styles DRY (Don't Repeat Yourself).

- **Inheritance**: Use placeholder selectors to share a set of CSS properties among multiple selectors.

- **Built-in Functions**: Use functions for manipulating strings, numbers, colors, and more.



### Course Reference

The content and examples presented here are based on the high-quality tutorials and lessons from [Elzero Web School](https://elzero.org).

#### About Elzero Web School

Elzero Web School is a premier online platform offering a wide range of web development tutorials and courses. With a focus on practical, hands-on learning, Elzero Web School helps students and professionals alike to enhance their skills and stay up-to-date with the latest web technologies.

#### Additional Resources

- Visit the [official website](https://elzero.org) for more courses and tutorials.

- Check out the [YouTube channel](https://www.youtube.com/@ElzeroWebSchool) for more video content.

- Check out the [GitHub account](https://github.com/ElzeroWebSchool) for more data and codes.

- Learn SASS from the [official documentation](https://sass-lang.com/documentation).



### Course Progress

#### Course Study Plan

- **Weeks Completed**: [02 of 02]  

  ![100%](https://progress-bar.dev/100/?title=Done)

  `Watched` - [Plan For Two Weeks](https://elzero.org/study/sass-2021-study-plan/)

#### Videos Watched

- **Total Videos**: [19 of 19] - Duration: 2 Hours, 00 Minutes, 00 Seconds  

  ![100%](https://progress-bar.dev/100/?title=Watched)  

  


    👉 Click Here To Watch Videos In YouTube

  1. `Watched` - [Introduction And What Is Sass](https://www.youtube.com/watch?v=Di_RlcpkpN4)

  2. `Watched` - [Sass Compilation Tools](https://www.youtube.com/watch?v=b7s9ePPm9Fg)

  3. `Watched` - [Import And Use And Advanced Architecture](https://www.youtube.com/watch?v=iDulsq5FYt4)

  4. `Watched` - [Variables](https://www.youtube.com/watch?v=FANYQWDNUhE)

  5. `Watched` - [Nesting And Parent Element](https://www.youtube.com/watch?v=bpfpoooqQcM)

  6. `Watched` - [Property Declarations And Placeholder](https://www.youtube.com/watch?v=qtjcN1nnln4)

  7. `Watched` - [Control Flow - If And Else](https://www.youtube.com/watch?v=uq7RQmaFQFc)

  8. `Watched` - [Create Triangle With If And Else](https://www.youtube.com/watch?v=8OEJRjwoNwg)

  9. `Watched` - [Interpolation](https://www.youtube.com/watch?v=jiheVm_JvN4)

  10. `Watched` - [Comments And Documenting](https://www.youtube.com/watch?v=2yAA1YbF8IA)

  11. `Watched` - [Mixin And Include](https://www.youtube.com/watch?v=aUmLt6fz8GQ)

  12. `Watched` - [Loop - For](https://www.youtube.com/watch?v=H7QHTpgmNlM&t=145s)

  13. `Watched` - [Loop - Each And Maps](https://www.youtube.com/watch?v=lou2rLOIHr0)

  14. `Watched` - [Loop - While](https://www.youtube.com/watch?v=X2jzWwmy3S4)

  15. `Watched` - [Create Bootstrap Grid System](https://www.youtube.com/watch?v=ZD262gzOeok)

  16. `Watched` - [Function](https://www.youtube.com/watch?v=6ifupgr0vB8)

  17. `Watched` - [Practice Mixin With Content](https://www.youtube.com/watch?v=-_UbIg1VyM0)

  18. `Watched` - [Practice Create Media Queries Mixin](https://www.youtube.com/watch?v=ynZabsx9k20)

  19. `Watched` - [The End And How To Master SASS](https://www.youtube.com/watch?v=KxIEyYQw4oI)

#### Assignments Solved

- **Total Assignments**: [24 of 24] - Topics: 4  

  ![100%](https://progress-bar.dev/100/?title=Solved)  

  Check Out The Assignments [Here 🤏](https://elzero.org/category/assignments/sass-assignments/).



👉 Courses & Articles

  


    SASS Guide

    Learn SASS

    SASS Interview Questions

    SASS Practice Test for Certification, Exams & Interviews

  




  

    

      Status

      Assignments

      Solutions

    

  

  

    

      

                         

                        

      All Lessons

    

    

      Solved

      Assignments From 01 To 05

      Code

    

    

      Assignments From 06 To 10

      Code

    

    

      Assignments From 11 To 14

      Code

    

    

      Assignments From 15 To 18

      Code

    

  

  

    

      

                         

                         

        

          

        

      

    

  



  

Feel free to explore the repository, follow along with the course material, and practice with the provided assignments. Happy learning!

## Contribution

Contributions are welcome! If you have suggestions or improvements, please open an issue or submit a pull request.

## Contact

You can reach me via [Gmail](mailto:[email protected]) or on [Telegram](http://t.me/GziXnine).

## License

This project is licensed under the [MIT License](LICENSE).