Building Themes in Liferay

Day 1

This one-day course provides students with a deep dive into the use of themes to customize the look and feel of the Liferay Portal. The course starts off with an introduction to Liferay, explaining what Liferay Portal is, what it does, and what makes Liferay Portal an ideal choice for running your web site. You will also learn how users and content are organized in the portal and how Themes can chance the look and feel of your portal and enhance your user's experience.

With the basic building blocks in place, you'll move on the Liferay Plugins Software Development Kit (SDK) and how it can be used to create and customize Themes for the Liferay Portal. You will also take a closer look at how Theme projects are created and organized.

After this quick introduction, you will configure your development environment. Throughout the course you'll be using the Liferay Developer Studio to create and deploy your theme. With your development environment in place, you'll move on to creating your first Liferay Theme.

This first theme project will be used to illustrate the page styling elements such as the header, background, footer and dockbar as well as the styling associated with each portlet. Additional topics such as Color Schemes will also be explored. Once your theme has been created, you'll learn how to teat your theme and finally package your theme for distribution.

With this first Theme under your belt, you'll move on to several Advanced Topics. First, you'll take a look at how you can use Velocity in your Themes. You'll start with an introduction to the Velocity language and then learn how you can access Velocity variables in your custom theme. You'll also learn how you can use Velocity to configure and embed portlets into your theme.

After Velocity, you'll move on to a look at the Alloy UI, the user interface web application framework that you can leverage in your Liferay theme. You'll start with an introduction and overview of how Alloy can be used and then move on to an exercise where you'll have the opportunity to combine Alloy and Velocity to make reusable dynamic elements.

At the end of the day, we will wrap up with a review of each of the topics covered and we'll take a look at some best practices and recommendations from Liferay Theme Experts. After completing this course, you'll find that you are ready to begin developing your own custom themes.

Training Notes:

A Hands-On Approach

Liferay training is guided by the expertise of experienced Liferay trainers. You will benefit from their hands-on approach to enabling you to learn the material effectively and quickly. Through the many exercises interspersed throughout the course, you will learn to perform all of the functions yourself, which maximizes your ability to learn everything. And your trainer will be there to guide you all the way to success.

 

Prerequisites

It is recommended that you complete Liferay Portal Administrator Training or Liferay Portal Developer Training before attending Liferay Theme Training. Attendees should also have knowledge of HTML, CSS and JavaScript. Liferay Developer Studio will be used throughout the course, so participants should have previous knowledge of Eclipse or other IDEs for the best possible experience.

ATTENTION TRAINEES:

Those to attend Liferay Portal Admin and Liferay Developer trainings are STRONGLY advised to watch the following introductory videos:

Introduction to Themes

  • Installing Liferay's Plugins SDK
  • Core Templates and Directory Structure
  • Properly Extending Liferay Themes

Building a Theme in Liferay

  • Creating a Theme from Scratch
  • Editing the Background
  • Modifying the Header
  • Customizing the Navigation
  • Styling the Portlet Box
  • Modifying the Footer
  • Customizing the Dockbar
  • Additional Styling

Creating Alternate Color Schemes

Cross Browser Compliance

Packaging your Theme for Distribution

Making your Theme Available in Liferay's Community Repository

Advanced Themes

  • Introduction to Velocity
  • Using Velocity to Access Variables
  • Embedding Portlets into a Theme

Summary

  • Liferay Best Practices
  • How Liferay Optimizes Theme Performance
  • Style Guide

Requirements

All Trainings:
Dual Core processor, 4GB RAM, wireless card
Windows XP, Mac OSX*, or Linux*
* Note: if you use Mac OSX or Linux, you must be prepared to support yourself if any operating system issues arise, as the trainer is not guaranteed to be familiar with these systems.

Prerequisites
Knowledge of HTML, CSS, and JavaScript. Liferay Developer Studio will be used throughout the course, so participants should have previous knowledge of Eclipse or other IDEs for the best possible experience.

Please contact us or call 1-877-LIFERAY if you have any questions.