Liferay Front-End Developer Training
Introduction to Liferay
Get an overview of Liferay, a robust open-source portal platform. Learn about its architecture and key features, and understand how it can be utilized for front-end development.
Setting Up Liferay Development Environment
Learn how to set up your development environment for Liferay. Understand the installation process, configure the Liferay server, and integrate front-end development tools.
Theming and Layouts
Explore the creation and customization of themes and layouts in Liferay. Learn to use Liferay’s templating system, CSS, and JavaScript to design responsive and engaging user interfaces.
Customizing User Interfaces
Discover how to customize and extend Liferay’s user interfaces. Learn to work with Liferay’s front-end components, integrate custom designs, and implement dynamic features.
Front-End Technologies and Tools
Understand the front-end technologies used in Liferay development, including HTML, CSS, JavaScript, and modern frameworks. Learn to leverage these tools to enhance Liferay’s user experience.
Developing Responsive Designs
Learn best practices for developing responsive and adaptive designs in Liferay. Understand how to ensure that your designs work seamlessly across different devices and screen sizes.
Integration with Back-End Services
Explore how to integrate front-end components with Liferay’s back-end services. Learn about APIs, data handling, and how to create a cohesive user experience by connecting front-end and back-end functionalities.
Performance Optimization
Discover techniques for optimizing front-end performance in Liferay. Learn about efficient coding practices, asset management, and strategies for improving load times and user experience.
Testing and Debugging
Understand methods for testing and debugging Liferay front-end components. Learn to use various tools and techniques to ensure the functionality and quality of your user interfaces.
Certification Preparation and Exam
Prepare for the Liferay Front-End Developer certification exam. Review essential concepts, practice exam questions, and understand the certification requirements and process.
Liferay Front-End Developer syllabus
1. Environment Setup
- Java JDK
- MySQL 5.6
- Node.JS and NPM
- Yeoman
- Gulp
- Code Generator
- Liferay + Tomcat Bundle
2. Fundamentals
Understanding the core concepts and architecture of Liferay Front-End development.
3. Tools
- Blade CLI
- Liferay Theme Generator
- Creating a new theme
- Customizing page structure
- Creating new layouts
- Creating themelets
- Importing themes
4. Front-End Components
- Languages Used
- HTML & Structure
- FreeMarker
- Soy Templates (Google Closure)
- CSS
- JavaScript
- HTML & Structure
- ADTs (Application Display Templates)
- Web Content Structures & Templates
- Web Content Structures
- Web Content Templates
- Liferay UI Components
- Gulp Tasks
- Gulp build
- Gulp deploy
- Gulp watch
- Gulp init
- Gulp extend
- Gulp status
5. Front-End Good Practices
- Effective code organization
- Performance optimization techniques
- Accessibility and usability considerations
6. Util
- Configuration Management
- Code Formatting
- HTML/TPL/FTL
- CSS/SCSS
- JavaScript
- Liferay Front End Source Formatter
7. Liferay Certification
- Liferay 6.2 Certified Professional Developer
- Liferay DXP Certified Professional Front-End Developer
- Liferay DXP Certified Professional Back-End Developer
8. Code Snippets
- Blog / Web Content
Training
Basic Level Training
Duration : 1 Month
Advanced Level Training
Duration : 1 Month
Project Level Training
Duration : 1 Month
Total Training Period
Duration : 3 Months
Course Mode :
Available Online / Offline
Course Fees :
Please contact the office for details