JavaFX Workshop — Pricing Plans UI

Introduction

This workshop introduces students to JavaFX by building a simple pricing plans user interface.
Students will learn how to set up a JavaFX project with Maven, create FXML layouts, apply CSS styling, and handle basic UI events.

---

Workshop Structure

The workshop consists of building a pricing plans page with three tiers (Basic, Pro, Enterprise) and a theme toggle button.

Topics Covered:

• Setting up a JavaFX project with Maven
• Creating an FXML layout with containers (VBox, HBox) and controls (Label, Button)
• Writing a Controller class with @FXML annotations
• Handling button click events
• Switching between Dark and Light themes using CSS
• Displaying information alerts

---

Tasks

1. Implement the Main class:

   • Load the FXML file using FXMLLoader
   • Create a Scene and display it on the Stage

2. Implement the Controller class:

   • Wire up the "Shop" buttons to show payment alerts
   • Implement the theme toggle between Dark and Light modes

---

Learning Goals

By working through this workshop, students should be able to:

• Understand the structure of a JavaFX Maven project
• Read and write basic FXML layouts
• Connect FXML views to Java controllers
• Handle UI events with @FXML methods
• Apply and switch between CSS stylesheets dynamically
• Create and show JavaFX dialogs