Firefox Marketplace Frontend Documentation

In-depth developer documentation for Firefox Marketplace frontend projects.

Related Documentation

• Firefox Marketplace high-level documentation
• Firefox Marketplace API documentation
• Old Commonplace Wiki

Frontend Projects and Components

Marketplace frontend projects all share a common framework. Current projects include:

• Marketplace Frontend
• Marketplace Template
• Marketplace Curation Tools
• Marketplace Communication Dashboard
• Marketplace Operator Dashboard
• Marketplace Statistics
• Marketplace Style Guide

Pieces that make up the framework include:

• Marketplace Core Modules
• Marketplace Gulp
• Marketplace Node Modules
• Marketplace API Mock
• Marketplace Elements
• Marketplace jQuery

Contents

• Usage
  • Installation
  • Pulling in Updates
  • About the Webserver
  • Building the Project for Production
  • Additional Command-Line Interface
  • Bower and RequireJS Configuration
  • Packaged App
• Marketplace Framework
  • Goals of the Marketplace Framework
  • Everything Client-Side
  • Fetching and Rendering Data from RESTful APIs
  • Caching
  • Modular Components and Reusable Code
• Page Building
  • Routing
  • Building Views
  • Defer Blocks
• Developing Components
  • Bower Components
  • Node Modules
  • Guidelines
• Testing
  • Unit Tests
  • End-to-End Tests
  • Continuous Integration (Travis)
• Coding Guidelines
  • Mozilla Webdev Style Guide
  • Indenting
  • AMD Definitions
  • Comments
  • Additional Guidelines