Training

Front-End Developer Training Course

Perfect For:

Web Designers & CSS Developers

Overview:

In this two-day course, we will cover how to convert an existing visual design into a Mura CMS site theme. You'll get an in-depth understanding of how to create and modify Mura CMS templates and CSS to create your site's layouts and design, and how to use JavaScript to manipulate page elements dynamically. We will also show you how to rapidly build-out a site with common functionality by leveraging the built-in features of Mura.

Recommended pre-requisites:
  • Completion of the Admin/User Training Course
  • Working knowledge of CSS and web standards
  • Familiarity with jQuery and Firebug for Firefox
  • You must bring your own laptop (we will not be providing computers for this training)
  • A self-contained version of Mura CMS will be provided for Win32, Win64, or Mac OSX
Recommended Pre-course Reading:
  • "Designing with Web Standards", Jeffrey Zeldman
  • "Web Standards Solutions: The Markup and Style Handbook", Dan Cederholm
  • "Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS", Dan Cederholm

Outline:

  • Overview of Themes and Theme Structure
  • Template development -  Structure and Variables
  • Navigation -  Custom navigation using the feed iterator
  • CSS hooks
    • Template Level
    • Object Level
  • Javascript
    • HTML head queue
  • Mura Scope - retrieving data
  • Editor overview and customization
  • Extended attributes
  • Components/Component templates
  • Customizing Content Objects and default output
  • Best Practices
  • Customization and staying on upgrade path