Front-End Developer

Front-End Developer

Build modern websites with the latest front-end technologies.

What You'll Learn

For front-end developers serious about the integration of company branding with modern technologies, the Front-End Developer course teaches you how to realize your brand using Liferay.

You’ll learn how to control both global and specific presentation as well as how to maintain design integrity while allowing content creators to edit quickly.

Instructor

Brandon Pettit

Brandon Pettit joined the Liferay team in 2012. Since then, he's contributed to both training delivery and the development of course curriculum before becoming the Project Manager of the Curriculum team. He enjoys serving others through Liferay education. When not working, he can be found reading, taking a walk, or playing his favorite Nintendo games.

Curriculum3 days

  • Front-end Development in Liferay
  • Preview
    Introducing Front-end Development in Liferay
  • Front End Development Tools
  • Setting Up the Front End Development Environment
  • UI Frameworks
  • Liferay's Experience Language: Lexicon
  • Modern JavaScript Design
  • Freemarker Templates in Liferay
  • Theme Development
  • Themes and Theme Generator
  • Styling the Platform
  • Adding Custom Java Script
  • Configuring the Theme
  • Themelets
  • Importing Resources and Exporting Applications
  • Layout Templates
  • Controlling Page Layouts with Layout Templates
  • Customizing Widgets with Templates
  • Using Templates in Liferay
  • Application Display Templates
  • Web Content Templates
  • Page Fragments
  • Context Contributors and Theme Contributors
  • Developing Widgets and Apps
  • Single Page Applications
  • NPM SDK
  • Building Applications with Widgets and Java Script
  • Best Practices for Front End Development
  • Cover to Cover
  • Next Steps

What You'll Learn

For front-end developers serious about the integration of company branding with modern technologies, the Front-End Developer course teaches you how to realize your brand using Liferay.

You’ll learn how to control both global and specific presentation as well as how to maintain design integrity while allowing content creators to edit quickly.

Instructor

Brandon Pettit

Brandon Pettit joined the Liferay team in 2012. Since then, he's contributed to both training delivery and the development of course curriculum before becoming the Project Manager of the Curriculum team. He enjoys serving others through Liferay education. When not working, he can be found reading, taking a walk, or playing his favorite Nintendo games.

Curriculum3 days

  • Front-end Development in Liferay
  • Preview
    Introducing Front-end Development in Liferay
  • Front End Development Tools
  • Setting Up the Front End Development Environment
  • UI Frameworks
  • Liferay's Experience Language: Lexicon
  • Modern JavaScript Design
  • Freemarker Templates in Liferay
  • Theme Development
  • Themes and Theme Generator
  • Styling the Platform
  • Adding Custom Java Script
  • Configuring the Theme
  • Themelets
  • Importing Resources and Exporting Applications
  • Layout Templates
  • Controlling Page Layouts with Layout Templates
  • Customizing Widgets with Templates
  • Using Templates in Liferay
  • Application Display Templates
  • Web Content Templates
  • Page Fragments
  • Context Contributors and Theme Contributors
  • Developing Widgets and Apps
  • Single Page Applications
  • NPM SDK
  • Building Applications with Widgets and Java Script
  • Best Practices for Front End Development
  • Cover to Cover
  • Next Steps