You are previewing Instant PrimeFaces Starter.
O'Reilly logo
Instant PrimeFaces Starter

Book Description

Design and develop awesome web user interfaces for desktop and mobile devices with PrimeFaces and JSF2 using practical, hands-on examples

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.

  • Integrate Google Maps in your web application to show search results with markers and overlays with the PrimeFaces gmap component

  • Develop a customizable dashboard for your users that displays charts with live data, news feeds, and draggable widgets

  • Implement a live chat system that uses PrimeFaces Push to send updates to desktop and mobile users simultaneously

  • Create a mobile version of your web application that supports Android, iOS, and other platforms using the PrimeFaces Mobile toolkit

In Detail

Developing great user interfaces for web applications has never been easier! PrimeFaces delivers a powerful set of features that enable JSF developers to deliver awesome user experiences on the Web. With more than 150 Ajax-enabled UI components, jQuery integration, a mobile UI toolkit, theme support, Ajax Push technology, and much more, PrimeFaces takes JSF application development to a whole new level!

Instant PrimeFaces Starter is a practical, hands-on guide to PrimeFaces that will show you how to get started quickly using PrimeFaces in your web applications and provides examples on how to design and develop compelling user interfaces using PrimeFaces Ajax UI components, PrimeFaces Mobile, and PrimeFaces Push.

Starting with the setup of your first PrimeFaces project in Eclipse, Instant PrimeFaces Starter will then take you through the process of designing and implementing the user interface of a social events web application that enables users to find fun things in their city. In this process you will learn a range of techniques for building innovative user interfaces with PrimeFaces UI components.

You will also learn how to build a mobile version of your web application using the PrimeFaces Mobile toolkit, leveraging the jQuery mobile library to extend your web application to Android, iOS, and other mobile platforms. Finally you will see how to build a live chat application with presence awareness that uses PrimeFaces Push technology to send updates to desktop and mobile users simultaneously.

Table of Contents

  1. Instant PrimeFaces Starter
    1. Instant PrimeFaces Starter
    2. Credits
    3. Foreword
    4. About the Author
    5. About the Reviewers
    6. www.packtpub.com
      1. Support files, eBooks, discount offers and more
    7. packtlib.packtpub.com
      1. Why Subscribe?
      2. Free Access for Packt account holders
    8. 1. Instant PrimeFaces Starter
      1. So, what is PrimeFaces?
      2. Installation
        1. Step 1 – Installing Eclipse
          1. Installing Eclipse Marketplace
        2. Step 2 – Installing Maven
        3. Step 3 – Installing GlassFish
        4. Step 4 – Installing Dreamweaver
        5. Step 5 – Installing MySQL
        6. Step 6 – Installing PrimeFaces
        7. And that's it
      3. Quick start – Implementing a sample project using PrimeFaces
        1. Step 1 – Requirements
        2. Step 2 – Architecture and Design
          1. Application Architecture
          2. Database Design
          3. Information Architecture
          4. User Interface Design
        3. Step 3 – Implementation
          1. Step 1 – Creating the Directory Structure
          2. Step 2 – Creating the Facelets Template
          3. Step 3 – Creating the Login Page
          4. Step 4 – Implementing the LoginController Class
          5. Step 5 – Deploying the web application
          6. Step 6 – Opening the web application in the browser
      4. Top 3 features you need to know about
        1. User sign-up page
          1. Sign-up controller implementation
          2. Sign-up page creation
          3. Dashboard page
          4. Venues page
          5. Venue selection for editing
          6. Enhanced confirmation dialog
          7. An editable select-one menu component
          8. Shows page
          9. Reviews page
          10. JSF2 composite component with PrimeFaces
          11. Chat feature with PrimeFaces Push
        2. Chat room
          1. Getting started with Prime Push
          2. Opening a WebSocket communication channel
          3. Use of a PrimeFaces socket component
          4. Implementation of the chat room dialog for desktop web browsers
        3. Show Times page
          1. Adding the Google Maps component
          2. Events search
        4. Mobile UI with PrimeFaces Mobile
          1. Search page
          2. Login page
          3. Member page
          4. Dashboard page
          5. Shows page
          6. Chat room for mobile devices
      5. People and places you should get to know
        1. Official sites
        2. Articles and tutorials
        3. Community
        4. Twitter