---
title: SCSS and Storefront JavaScript | Shopware Community Hub
description: >-
  Learn how to customize the look and behavior of your Shopware shop using SCSS
  and Storefront JavaScript.
canonical_url: 'https://hub.shopware.com/learn/course/shopware-frontend-scss-and-javascript'
---

# SCSS and Storefront JavaScript

# SCSS and Storefront JavaScript

Customizing the look and behavior of your Shopware Storefront is a key part of creating a unique shopping experience. This course introduces you to the fundamentals of **Storefront styling and interactivity** in Shopware.

You will learn how to structure and organize **SCSS** for maintainable styling, and how to use **Storefront JavaScript** to add dynamic behavior or extend existing features. Step by step, we will explore how these two layers – styling and interactivity – work together to shape the overall user experience.

By the end of this course, you will have a solid understanding of how to build **clean**, **structured**, and **interactive** Storefronts using SCSS and JavaScript.

## Learning Units

## Units
- [Custom SCSS](/learn/unit/custom-scss): Learn how to customize the appearance of your Shopware Storefront using SCSS.
- [Custom Storefront Javascript](/learn/unit/custom-javascript): Getting started with adding custom storefront JavaScript to change and extend the behavior of your Shopware shop.