Introduction to Front-End Development

When approaching the development of your application’s front-end, Liferay DXP offers a wide range of approaches, frameworks, utilities, and mechanisms to make your life easier.


If you’ve used Liferay in the past, you can of course continue to use Liferay’s venerable Alloy UI, but you are also free to use the front-end technologies you love the most:

  • ECMAScript 2015
  • Metal.js (developed by Liferay)
  • AlloyUI (developed by Liferay)
  • jQuery (included)
  • Lodash (included)


Liferay DXP follows a design language created by our designers at Liferay called Lexicon Experience Language, which has been implemented for use of the web as Lexicon.

Lexicon is automatically made available to application developers through a set of CSS classes and markup, although it’s even easier to use our tag library.


For templating, Java EE’s JSP is there as expected as well as FreeMarker, but the platform’s modularity enables using Google’s Soy (aka Closure Templates) or whatever else you like.


A Liferay Theme is the overall look and feel for a site. Themes are a combination of CSS, JavaScript, HTML, and FreeMarker templates. Although the default themes are nice, you may wish to create your own look and feel for your site.

In Liferay DXP, Liferay provides an easy-to-use tool called the Liferay Theme Generator that helps automate the theme development process.

Themes created with the Liferay Theme Generator give you access to theme gulp tasks that offer basic functions, such as build and deploy, along with more complex interactions, such as auto deploying when a change is made and setting the base theme.

Front-End Extensions

Liferay DXP’s modularity has many benefits for the front-end developer, in the form of development customizations and extension points. These extensions assure the stability, conformity, and future evolution of your applications.

Below are some of the available front-end extensions:

« Liferay as a Development PlatformJavaScript in Liferay DXP »
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 2