Liferay DXP 7.4 is now available!

Power your digital transformation with these powerful new capabilities

Certification

Front-End Developer 7.1
Certification

Put your developer skills to the test with Liferay DXP 7.1 questions on topics including building layout templates and themes, upgrading themes, and customizing with templates.

90 Min | 50 Questions | 200 USD

Get Prepared for the Exam

Liferay University

Front-End Developer 7.1

Build modern websites with the latest front-end technologies.

Go to Course

Liferay University

Liferay Fundamentals 7.1

Everything you need to know about Liferay out of the box.

Go to Course

Exam Blueprint

90 Minutes

50 Questions

80% Passing Score

Example Test Questions

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

Topics:

Each topic will be a percentage of the test below.

Expand All Collapse 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.

JavaScript in Liferay Portal:

Metal JS

Senna.js

Liferay AMD Module

AlloyUI

Module Development

Lexicon & Clay

Soy & JSX

npm SDK

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%

A Liferay Theme is the overall look and feel for a site. Themes are a combination of CSS, JavaScript, HTML, and FreeMarker templates.

Liferay Theme Generator

Theme Development

Theme Settings

Color Scheme

Themelets

Importing Resources with a Theme

Theme Contributors

Context Contributors

Portlet Decorators

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.

Theme Upgrade

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

Clay 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

Workflow 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.
Register.
Show up to the testing center with the required identification and take the 90-minute exam.