Liferay Theme Development | Live Liferay UI/UX Design Course
Master Liferay UI/UX Theme Development — Instructor-led Live Online Sessions
Liferay Theme Development Training by Laliwala IT is designed for web designers, front-end developers, and Liferay professionals who want to master custom theme creation for Liferay portals. Based in Ahmedabad, Gujarat, India, we deliver live, interactive, project-based training covering Velocity/FreeMarker templates, CSS/LESS/SASS customization, responsive design, theme deployment, and modern UI development.
Our online Liferay Theme Development course features real-time instructor-led classes, hands-on design labs, flexible schedules, and career guidance. Whether you're a designer or developer, this training will transform you into a skilled Liferay themer.
Course Modules — Comprehensive Liferay Theme Dev Training (4-5 Weeks | 35+ Hours)
- Module 1: Liferay Theming Fundamentals – Theme architecture, theme types (classic, color schemes, layout templates), theme directory structure
- Module 2: Theme Setup & Development Environment – Liferay Workspace, Blade CLI, Theme Generator, Gradle setup, IDE configuration
- Module 3: Velocity & FreeMarker Basics – Template language syntax, variables, directives, macros, Liferay template variables ($theme, $layout, $user)
- Module 4: CSS/SASS/LESS Customization – Overriding default CSS, creating custom styles, responsive framework (Bootstrap), Clay CSS integration
- Module 5: Theme Customization Files – custom.css, _custom.scss, _unstyled, _styled, theme settings, color schemes configuration
- Module 6: JavaScript & Front-end Components – Adding custom JS, jQuery integration, AUI framework, AlloyUI, Clay components, React in themes
- Module 7: Layout Templates – Creating custom layout templates, column configurations, responsive grid layouts, portlet placement
- Module 8: Theme Settings & Configuration – Theme settings properties, configurability, themelet creation, theme settings UI
- Module 9: Theme Deployment & Versioning – WAR deployment, hot deployment, versioning, theme dependencies, Liferay Marketplace
- Module 10: Mobile Responsive & Performance – Responsive design best practices, touch optimization, performance tuning, asset minification
- Module 11: Advanced Theming Techniques – Overriding portal default templates, custom navigation, custom portlet styling, theme inheritance, theme fragments
- Module 12: Capstone Project – Build a complete custom Liferay theme for a corporate portal with responsive design
What's Included in Liferay Theme Development Training?
- Live Instructor-led classes (real-time Q&A, design walkthroughs, code reviews)
- Recorded sessions for revision anytime
- Hands-on design labs on live Liferay instances
- Study materials (PDFs, theme samples, template files)
- Certificate of completion (recognized by industry partners)
- Placement assistance – resume & interview prep, UX/UI role guidance
- Lifetime access to course updates and themer community
Detailed Curriculum Highlights
Week 1-2: Foundations & Template Development
- Understanding Liferay Theme structure: _diffs, css/, js/, images/, templates/
- Creating first theme using Liferay Theme Generator (Yo)
- Velocity/FreeMarker templates: portal_normal.vm (Velocity) or portal_normal.ftl (FreeMarker)
- Theme variables: $theme, $layout, $user, $company, $request, $themeDisplay
- Template directives: #if, #foreach, #include, #parse, macros, functions
- Customizing header, navigation, footer, sidebar, portlet rendering
- Adding custom JavaScript and CSS files via theme deployment
- Working with Clay CSS and Bootstrap framework in themes
Week 3-4: Advanced Styling, Layouts & Responsive Design
- Customizing default Liferay portlet styles and portlet decorations
- Creating custom color schemes: color_schemes.xml, configuring color variables
- Themelets: creating reusable theme components, sharing across themes
- Custom Layout Templates: creating 1-2-1, 3-column, custom grid layouts
- Responsive design implementation: mobile-first approach, media queries
- Touch-friendly navigation for mobile devices, responsive tables
- Performance optimization: minifying resources, sprite generation, image optimization
- Overriding portal template files via theme (specific portal templates)
Week 5-6: Theming Portlets, Advanced Techniques & Project
- Customizing portlet templates (portlet.vm/.ftl), override specific portlets
- Working with Application Display Templates (ADTs) for Asset Publisher, Web Content
- Theme settings UI: adding configurable options (colors, logos, social links)
- Theme fragments: modular theme development, fragment bundles
- Theme deployment strategies: WAR, OSGi bundles, version management
- Liferay Upgrade considerations for themes (6.2 to 7.x migration)
- Capstone Project: Build a corporate theme with custom layout, responsive design, color schemes
- Project presentation, code review, deployment to production environment
Real-World Projects & Use Cases
- Creating a corporate branding theme for an enterprise portal
- Responsive e-commerce portal theme for product listings
- Educational portal theme with custom navigation for courses
- Government portal theme with accessibility standards (WCAG)
- Theme for community portal with custom user profile styling
- Mobile-first theme optimized for tablets and smartphones
- Project: Complete custom theme from scratch with color schemes and layout templates
Why Choose Laliwala IT for Liferay Theme Development Online Training?
- Industry Expert Trainers: 10+ years of Liferay theming & UI/UX experience
- Live Design Environment: Practice on real Liferay theme development servers
- Flexible Batches: Weekday & weekend options, recorded backup
- Small Batch Size: Max 10-12 students for personalized attention
- Affordable Fees: High-quality training from Ahmedabad tech hub
- Job Assistance: Tie-ups with enterprises & placement support
- Certification: ISO & Govt recognized certificate after completion
- 24/7 Lab Access: Online theming playgrounds & learning portal
- Global Recognition: Trained students from India, USA, UK, Canada, UAE
- Post-training Support: Doubt clearing via forum & email for 6 months
Tools & Technologies Covered
- Liferay DXP 7.4 / 7.3, Liferay Theme Generator, Blade CLI, Liferay Workspace
- Template Languages: Velocity (VM), FreeMarker (FTL)
- CSS Frameworks: Clay CSS, Bootstrap 4/5, LESS, SASS/SCSS
- JavaScript: jQuery, AUI, AlloyUI, React basics, ES6
- Build Tools: Gradle, npm, Node.js, Gulp, Webpack
- Version Control: Git, GitHub, Bitbucket
- IDE: IntelliJ IDEA, Eclipse, Visual Studio Code
Who Should Join?
- Front-end Developers & UI Designers
- Web Designers wanting to specialize in Liferay
- Liferay Portal Developers looking for theming skills
- Graphic Designers transitioning to portal design
- College students aiming for UX/UI careers
- Working professionals seeking Liferay theming specialization
- Freelancers offering Liferay theme customization services
Online Training
WordPress Development
Liferay System Administration
Liferay Theme Development
Liferay Portal Administrator
Liferay Development
Liferay Training Course
Apache Hive
Apache Pig
Apache Solr
Apache Cassandra
Apache CMIS
Apache Hadoop
Apache ActiveMQ
Advanced Apache Mahout
Apache Camel
Apache Maven
Apache Nutch
Apache Mahout
Magento
AWS Cloud Computing
Alfresco Share Configuration
Alfresco
Alfresco Activiti
Moodle
Drupal
Joomla
Advanced Activiti BPM
JBoss jBPM
Git
Puppet
Mule ESB
Apache CXF
Apache HBase
OpenStack Cloud Computing
Cloud Security
Automation Testing
Apache HTTP Server Administration
Development Services
© 2025 Laliwala IT. All rights reserved.
