Building an App UI with PrimeFaces

Create interactive, friendly and powerful UIs with PrimeFaces
3.4 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
65 students enrolled
Take This Course
  • Lectures 24
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 English

Course Description

The tutorial starts off with configuring the required components: PrimeFaces, NetBeans, MongoDB, MongoVUE, JSF, and Spring. You then go on to develop a very basic JSF and PrimeFaces UI for your website using Spring and Mongo running on a Tomcat server. Next you will upgrade the website using more features like the creation of the data administration pages and securing the administration pages. Finally you will use CSS and JSF templates to finish off a functional database-driven website with a beautiful and neat interface.

This set of videos will show you how to take full advantage of PrimeFaces by coupling it with JSF, Spring, and MongoDB to create a user interface that meets your demands of flexibility and extensibility.

Kobus has been programming since the age of 11. He has worked with Visual Basic, Delphi, and Waba, and wrote probably one of the first databases for the Palm OS and Windows CE machines. He then moved on to Java development using J2EE. From South African Breweries to Discovery Life, he has worked with a variety of organizations. Currently he is working at Flight Centre Australia where his main task is to develop and maintain a system that is written in Java, Spring, and PrimeFaces. In his spare time, he has been involved in projects like building a bomb prop for his business and a battlebox. It is while working on such projects that he stumbled upon the DLP 3D printer technology. He then designed his own DLP-based 3D printer that is currently in the prototype stage.

What are the requirements?

  • This is a comfortably-paced video tutorial that starts off with the basic concepts and gradually picks up speed by integrating PrimeFaces with a range of other software to develop a website with an attractive interface and advanced features.

What am I going to get from this course?

  • Configure PrimeFaces and Spring and then create a JSF web application in NetBeans
  • Transfer data from a local to a remote Mongo database using MongoVue
  • Develop your webpage using PrimeFaces, create a Spring managed bean, and link both together
  • Create a Spring service as well as a MongoDB data access object and connect them to your frontend
  • Build a Data List page and develop CRUD data display web pages using a reusable JSF component
  • Enhance the security of your UI by configuring the Tomcat settings and the web.xml

Who is the target audience?

  • If you know Java and want to develop great looking UIs for your web applications using PrimeFaces, then this tutorial is just for you. You do not need any previous web or database experience.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Setup

We'll download and install NetBeans, which is useful/necessary for building Java applications.


We'll download and install MongoDB, which is useful/necessary for applications that need a fast and easy-to-use document-oriented database.


We'll install and configure MongoVUE to connect to a local MongoDB.


We will create an online MongoDB account so that our system that is installed on a server somewhere on the Web has a database to which it can connect.


When you have data on a remote database, you may be interested in browsing through the data.

Section 2: Creating a Basic Web Application

This web application will be the basis for the tutorial. The web application will be built using Maven.


It is important to configure JSF so that Maven can download it automatically and only then can it be used to develop the app.


It is important to configure PrimeFaces so that Maven can download it automatically and only then can it be used to develop the app.


It is important to configure Spring so that Maven can download it automatically and only then can it be used to develop the app.


It is important to configure Mongo so that Maven can download it automatically and only then can it be used to develop the app.

Section 3: Upgrading the Web Application to Use Spring and PrimeFaces

Create a Search web page using PrimeFaces.


Create a Spring managed bean that will be called by the frontend.


Link the web page to the Spring managed bean.

Section 4: Creating the Spring and Mongo Classes for the Screens

Create a Spring managed bean that will be called by the frontend and a Spring service that will be called by the banking bean.


Create a Mongo DAO that will be called by the service.


Link the web page with the Spring managed bean and the Mongo DAO.

Section 5: Building the Admin Screen Selection

Create a new page using PrimeFaces to display a list of person data.


Create a new JSF component using PrimeFaces to display the data of a single person.


Update the admin managed bean and service to add, edit, and delete a person.


Link the new pages to the list page.

Section 6: Tomcat Security

Upgrade web.xml to allow multiple roles.


Add usernames and passwords to the Tomcat configuration.

Section 7: Upgrading Pages to Use CSS

Create a JSF template that all the current screens will extend from so that all the screens look the same.


Make the template look better using CSS.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course