Search⌘ K
AI Features

Asset Organization

Explore best practices for organizing your Marionette.js application by structuring CSS, JavaScript, and HTML files effectively. Learn how to manage dependencies, set up your initial HTML file, and apply basic styling to prepare for building interactive client-server applications.

Before we get in the thick of things, let’s quickly consider how we’ll organize the various files (CSS, JS, etc.) that we’ll be using in this project.

Project structure

In order to maintain our sanity as the files increase in number, we’ll need some sort of system to keep the files tidy, so we don’t spend our time looking for things:

Structure of our project
Structure of our project


Within the js ...