Joomla! Responsive Templates Building (A 3-day course: 18,500 Baht)

     Responsive websites are becoming increasingly popular. They are websites that offer optimal viewing and display on every type of screens, whether on PC or on mobile devices, which makes web navigation become more easy and enjoyable.
     This course will teach you how to build responsive templates for responsive websites. The course consists of 3 days (21 hours), providing general details about Joomla! 2.5: installation, content structure, how components/modules/templates work, and how to build a responsive template.

This course aims primarily at:

  • Business owners or web administrators who want to increase the number of web visitors/page views
  • People interested in writing CSS to support multi-device displays
  • Lecturers and students interested in building Joomla! responsive templates


  • A workshop that offers real practice in the making of responsive templates by experts who have more than 15 years of experience
  • Practical guidance in web development to support a wider range of devices
  • Understanding of how to build and modify responsive templates
Additional offers:
  • A certificate for those finishing the course
  • Lunch and coffee breaks
  • A slide handout
  • A notebook for each participant for use during the course
**Requirements for Participants:
  • Understanding of programs used in graphic design, e.g. Photoshop, GIMP
  • Understanding in the basics of HTML, XHTML, and CSS
  • Knowledge in Joomla! 1.5.x or 2.5.x installation

The topics of Joomla! Responsive Templates Builder
by Supachai Teasakul

1st day

Session 1: Understanding Joomla! Templates

  • What are templates?
  • Why Joomla! templates?
  • How to fix problems in making templates to support web browsers
  • How to install templates
  • How to change templates
  • Using many templates in one website

Session 2 : Getting to Know Joomla! Templates

  • Structures of template directories
  • Basic details of Joomla! templates
  • File and folder structures
  • Model View Controller (MVC)
  • Understanding document declaration
  • Understanding CSS structures
  • Understanding module declaration

2nd day

Session 3 : Making Joomla! Responsive Templates

  • How to install the original template
  • How responsive templates work
  • Framework structures and extensions
  • How to edit templates

Session 4 : Cascading Style Sheets (CSS & Less)

  • What is LESS?
  • Adjusting and compiling LESS into CSS
  • Managing scripts to detect users’ tools and browsers
  • Managing scripts to process each menu in the framework
  • Using AJAX to manage templates, cache, new files, and general parameters

3rd day

Session 5 : Managing Module Display

  • How to make your module display and how to use it
  • Making various layouts
  • Managing display on mobile devices

Session 6 : Template Parameters

  • Putting parameters in templateDetails.xml
  • Types of standard parameters
  • How to make XML parameters

Session 7 : Making Templates to Support the Language Desired

  • Creating files of the language desired

Session 8 : Making a template package

  • How to make an installation package

The Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla!® Project