When approaching the development of your application’s front-end, Liferay Portal 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 Portal follows a design language created by our designers called Lexicon. It is automatically available to application developers through a set of CSS classes, or 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.
In Liferay Portal, 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
deploy, along with more complex interactions, such as auto deploying when a change is made and setting the base theme.
Liferay Portal’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: