Initialize WS-06-intro-to-javafx with empty exercise template
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
# 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
|
||||
Reference in New Issue
Block a user