All questions are based on Liferay best practices when developing for Liferay DXP.
Unless other otherwise indicated in the question, assume a new Liferay installation with no additional plugins installed and no modifications to portal properties.
A page in the Liferay Platform can be configured to use a different theme from the rest of the pages of the Site. True False Answer: True
A portlet can be embedded inside of: (Please select all correct answers.) A. A Role B. A Theme C. A Layout D. A Document Answer: B and C
To create and deploy a Liferay Theme, you need the following tools: (Please select all correct answers.) A. Yeoman B. Node.js C. Gulp D. Gull E. Liferay Theme Generator Answer: A, B, C, and E
The command to create a layout is: A. yo layout B. yo liferay-layout C. yo liferay-theme:layout D. yo layout:liferay-theme Answer: C
After deploying a Theme and a Layout, in which folder can you see the files of each one? A. data B. osgi/modules C. osgi/configs D. osgi/war Answer: D
Each topic will be a percentage of the test below.
Expand AllCollapse All
Liferay 7.1: Front-End Development | 25%
When approaching the development of your application’s front-end, Liferay Portal offers a wide range of tools, frameworks, utilities, and mechanisms to make your life easier.
Liferay AMD Module
Lexicon & Clay
Soy & JSX
Liferay 7.1: Building Layouts Templates | 20%
Layout templates allow you to set the rows and columns of a page and determine where content can be placed.
Layout Templates with the Liferay Theme Generator
Creating Layout Templates Manually
Embedding Portlets in Layouts Templates
Liferay 7.1: Building Themes | 30%
Liferay Theme Generator
Importing Resources with a Theme
Embedding Portlets in Themes
Clay CSS and Themes
Liferay 7.1: Upgrading Themes | 05%
In prior versions of Liferay Portal, Velocity templates (.vm files) were the default template language for writing theme markup. But Velocity had limitations. Since Liferay Portal CE 7.0, Freemarker templates (.ftl files) are the default template language, and Velocity templates are deprecated.
Liferay 7.1: Front-End Taglibs | 10%
Liferay Portal offers a powerful set of taglibs that are fully maintained and integrated. They provide common implementations for UI components and utilities to ensure that your app behaves in a very clean and efficient way.
Liferay UI Taglib
Liferay 7.1: Customizing with Templates | 10%
There are a number of resources on the platform where you can use templates for styling.
Web Content Templates
Application Display Templates
Preparing for the Exam
Achieving recognition as a Liferay Certified Professional Front-End Developer demonstrates that you understand core concepts for front-end development on Liferay. The exam is designed to be challenging, yet fair for Liferay developers. Here’s how you can succeed:
This exam is based off of the Liferay Training course Front-End Developer.
Attend the Front-End Developer training course. Attending training is not required before you sit for the exam, but much of the exam material is based on concepts covered in training.
Review additional source material. Liferay Developer Network is an amazing complementary source of information for the exam.
Get hands-on development experience. Some of the topics covered on the exam require the kind of knowledge that comes from real experience developing for the Liferay Platform. If you have attended a developer training, be sure you've completed and reviewed all of the exercises presented during class, even the bonus exercises. If you haven't attended training, spend some time developing applications and customizations. It would also be helpful to review Liferay’s source code to ensure you're familiar with Liferay's best practices.