navid299/WS-06-intro-to-javafx
1
0
Fork 0
forked from AdvancedProgramming1404/WS-06-intro-to-javafx
Code Pull Requests Activity

Update README.md

Browse Source
This commit is contained in:
Hosein
2026-05-17 16:13:56 +03:30
parent b005cb35cd
commit 54f96e8fb9
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+8 -8
View File
@@ -1,4 +1,4 @@
# 🎨 JavaFX Workshop — Pricing Plans UI # JavaFX Workshop — Pricing Plans UI
## Introduction ## Introduction
Ready to dip your toes into the world of **JavaFX**? In this workshop, Ready to dip your toes into the world of **JavaFX**? In this workshop,
@@ -6,7 +6,7 @@ you'll build a pricing plans page — the kind you see on every modern SaaS webs
--- ---
## 📚 What You'll Learn ## What You'll Learn
| Concept | How you'll use it | | Concept | How you'll use it |
|--------------------|-------------------------------------------| |--------------------|-------------------------------------------|
@@ -21,8 +21,8 @@ you'll build a pricing plans page — the kind you see on every modern SaaS webs
--- ---
## 🛠️ Your TODO List ## Your TODO List
### 0️⃣ Install VS Code extension for better JavaFx CSS Support ### Install VS Code extension for better JavaFx CSS Support
* There is an extension for better JavaFx CSS support in **vscode-extension** folder * There is an extension for better JavaFx CSS support in **vscode-extension** folder
* You can install that with this command on your IntelliJ terminal: * You can install that with this command on your IntelliJ terminal:
> code --install-extension "vscode-extension\css-helper-for-javafx-1.0.1.vsix" > code --install-extension "vscode-extension\css-helper-for-javafx-1.0.1.vsix"
@@ -30,18 +30,18 @@ you'll build a pricing plans page — the kind you see on every modern SaaS webs
and finally add this line there: and finally add this line there:
> "css.lint.vendorPrefix": "ignore", > "css.lint.vendorPrefix": "ignore",
### 1️⃣ Main.java ### Main.java
* Load the FXML file using `FXMLLoader` * Load the FXML file using `FXMLLoader`
* Create a `Scene`, set its title, attach CSS file to it, and show it on the `Stage` * Create a `Scene`, set its title, attach CSS file to it, and show it on the `Stage`
### 2️⃣ Controller.java ### Controller.java
* Wire up the "Shop" buttons → show payment alerts * Wire up the "Shop" buttons → show payment alerts
* Implement theme toggle (Dark ↔ Light) * Implement theme toggle (Dark ↔ Light)
--- ---
## 🎓 Learning Goals ## Learning Goals
By working through this workshop, you'll be able to: By working through this workshop, you'll be able to:
@@ -54,7 +54,7 @@ By working through this workshop, you'll be able to:
--- ---
### 📝 Notes ### Notes
> Always run your Javafx app from the **Launcher.java**, Launching from > Always run your Javafx app from the **Launcher.java**, Launching from
the Main.class (where you have extended from Jfx Application) sometimes the Main.class (where you have extended from Jfx Application) sometimes
doesn't work due to building issues, and you get error of not finding Javafx. doesn't work due to building issues, and you get error of not finding Javafx.