Developers Guide to Customizing Jamroom

A guide for web developers who want to make and sell modules or skins for the Jamroom CMS platform from
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
29 students enrolled
50% off
Take This Course
  • Lectures 25
  • Length 5.5 hours
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2013 English

Course Description

This course is intended for anybody with web development skills who wants to build on the Jamroom 5 CMS platform from

The target audience for this course is someone who is already familiar with creating websites using HTML, CSS and wants to learn how to build community websites using the Jamroom 5 platform.

By the end of the course you should feel comfortable:

  • creating modules
  • creating skins
  • converting an existing skin template into a Jamroom skin.
  • creating new items for release into the marketplace

Part1 of this course is:

"Start Your Own Online Community
A step-by-step guide to get you running your own online community powered by the Jamroom 5 CMS system from"

So if you're unfamiliar with Jamroom CMS I suggest doing that course first.

Otherwise, thank you for joining, I look forward to working with you.

Lets get started.

What are the requirements?

  • HTML knowledge
  • CSS knowledge

What am I going to get from this course?

  • By the end of the course you will be comfortable creating new modules or skins, or converting templates into jamroom skins.

Who is the target audience?

  • web developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Our Goals

An introduction to the "Developers Guide to Customizing Jamroom 5" course.

If you are unfamiliar with Jamroom 5 and want to learn about how to use it, I suggest you start with part1 of this course:

"Start Your Own Online Community"

A list of links to more information and locations to get help

Section 2: Development Tools

A quick look at the tools that the Jamroom development team use during development


Step-by-step setup of a development environment ready to code on Jamroom.


  • PhpStorm
  • control panel
  • Git
Section 3: JR5 Architecture

A look at the file structure for a module for Jamroom 5.


A look a the file structure for skins.

We take a look at how the file system for a skin is laid out along with important files and automatic bonus features that become available to the admin users when a skin is setup in the correct file structure.


A look at the different locations that exist in any jamroom site.

  1. The main site section
  2. A users profile
  3. The admin control panel

An overview of the concept of 'Quotas' as they relate to a Jamroom site.

Smarty Templating Language

There is a tool called the 'Form Designer' in JR5 that allows the admin user to alter the way the forms are presented, so don't build too much into your modules.

Section 4: Development

This video shows the creation of 2 modules and demonstrates how one module can alter the output of the other module via the 'events' and 'listeners' system.


Adding a form to a module using existing functions, then using that form to save some information to the modules datastore.

(the attached xxHelloWorld module is in-case you wanted the full experience "Hello World" included. :) )


quick video to show how to add an icon to a module.


Get the data that we previously stored in the datastore back out and format it in a template file.

7 questions

A check to see how much you have learned from the development section


We take a look at the routing system in Jamroom 5.

Learn how to control any URL or over-ride other modules from controlling a specific URL.


A look a the base CSS layer common to core jamroom skins.


using {debug} in your templates to find out what variables you have available to you to use as a skin designer.


The queueing system allows time intensive tasks to be sent to the background so the user does not have to wait for them.

Section 5: Convert an HTML design into a Jamroom Skin

A walk through of taking a standard HTML / CSS web template and converting it into a jamroom skin.

This video goes as far as the front section of the site.


changing the menu navigation of the front section of the site so the active location is highlighted.

Template to JR5 skin: Profiles Section

A look at customizing the ACP area and the forms area in the converted template.

Attached is the skin in its current state so you can look at the code.

Template to JR5 skin: Giving your admin user control over their sites colors
Section 6: Additional
HowTo: Change the way a list item looks in a skin

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jamroom is a profile centric community content management system.

It enables you to bring your entire community online to participate in your websites content creation.

It began life in 2003 as a music content management system.

Currently on the development team there are 4 developers:

* Paul
* Doug
* Brian
* Michael (its me doing these videos :) @jamroomdev )

Ready to start learning?
Take This Course