JavaFX for GUI development Language: German

JavaFX for GUI development

Web design, CMS & development 55 Videos · 8.1 h Video training · English Denis Panjuta by Denis Panjuta

Push the button! Don't scratch the surface any longer, but create it yourself according to your wishes! With this training you will check your way through the JavaFX structure point by point in order to create your own GUIs at the end. Add fields for input, buttons to press, diagrams for clarity or menus for "File" and "Edit" to the still blank screen. In short - let your users click, scroll and tap! 56 in-depth lessons for interactive interfaces in over 7.5 hours of video tutorials, practically explained and directly comprehensible with free software - so you can quickly master all the elements required in modern software control and navigation technology.

  • 56 lessons in over 7.5 hours of video training on GUI development with JavaFX
  • Learn how to create all important interface elements and create your own user interface
  • From programming artist and professional trainer Denis Panjuta

Get into the cutting edge with JavaFX and develop groundbreaking user interfaces!

content

55 Videos, 486 minutes

Start here

1 Videos · 5 minutes
01 Open

JavaFX for GUI development - 01 Downloading and installing the software

In this video we download and install the necessary software.

01

JavaFX for GUI development - 01 Downloading and installing the software

5 min Open

Basics

6 Videos · 45 minutes
02 Open

JavaFX for GUI development - 02 Our first window - Stage, Scene and Node in JavaFX

In this video, you will learn how to create your first user interface using your first window in JavaFX. You should already know the basics of Java, as I will not go into the basics such as classes, functions, variables, etc. in this video.

03 Open

JavaFX for GUI development - 03 Using user interaction with the event handler

In this video you will learn how to use the user interaction with the event handler, e.g. to execute something when a button is clicked.

04 Open

JavaFX for GUI development - 04 Using text in the GUI

In this video, you will learn how to use text fields in your GUI. We will build on the knowledge from the previous videos. To do this, we use the Text class. This allows us to define which text we want to display in the window.

05 Open

JavaFX for GUI development - 05 The label in JavaFX - alternative to text

In this video, you will learn what the label is all about and how it differs from text. You have already learned how to display text with the Text class in a GUI.

06 Open

JavaFX for GUI development - 06 Using multiple scenes

Here you will learn how to use multiple scenes in JavaFX. So far we have only ever worked with one scene, now it's time to learn how it works with multiple scenes.

07 Open

JavaFX for GUI development - 07 Lambda expressions and simple button clicks

In this video you will learn an easier way to work with buttons, using Lambda Expressions and simple button clicks in JavaFX.

02

JavaFX for GUI development - 02 Our first window - Stage, Scene and Node in JavaFX

9 min Open
03

JavaFX for GUI development - 03 Using user interaction with the event handler

5 min Open
04

JavaFX for GUI development - 04 Using text in the GUI

5 min Open
05

JavaFX for GUI development - 05 The label in JavaFX - alternative to text

10 min Open
06

JavaFX for GUI development - 06 Using multiple scenes

9 min Open
07

JavaFX for GUI development - 07 Lambda expressions and simple button clicks

7 min Open

Full throttle to your own user interface with UI Controls

20 Videos · 196 minutes
08 Open

JavaFX for GUI development - 08 TextField

In this video you will learn how GridPane and TextField work in JavaFX. These are text fields in which the user can enter text.

09 Open

JavaFX for GUI development - 09 PasswordField

In this video you will learn how to install and use a password field in JavaFX. This is a text field in which you can enter a password that is hidden.

10 Open

JavaFX for GUI development - 10 TextArea

In this video you will learn how to use TextArea in JavaFX. This is a larger text field which is used for longer text entries.

11 Open

JavaFX for GUI development - 11 toggle buttons

In this video you will learn how to use the toggle button in JavaFX. To do this, we will write a small program in which the user should specify which eye color he has.

12 Open

JavaFX for GUI development - 12 radio buttons

In this video we cover the radio button in JavaFX and look at how we can use the radio button class. A radio button can either be selected or deselected.

13 Open

JavaFX for GUI development - 13 CheckBox

In this video, we look at the check box in JavaFX. These are selectable boxes that can be used, for example, for preference when ordering a pizza.

14 Open

JavaFX for GUI development - 14 ChoiceBox

This video is about the choice box in JavaFX. This is a drop-down menu, i.e. a menu in which you can choose from various options.

15 Open

JavaFX for GUI development - 15 ComboBox

Here you will learn how to use ComboBox in JavaFX. This is a box similar to the Choice Box, but here we also have the option of adding entries in runtime, for example.

16 Open

JavaFX for GUI development - 16 ScrollBar

In this video you will learn how to use a scroll bar in JavaFX. To do this, we will create and use a scrollable area.

17 Open

JavaFX for GUI development - 17 ScrollPane

In this video you will learn how to use ScrollPane in JavaFX. Similar to the scroll bar, this is a scrollable area with scroll bars.

18 Open

JavaFX for GUI development - 18 sliders

In this video we cover sliders in JavaFX. Sliders allow the user to set values on a bar. This allows them to set the color values, for example.

19 Open

JavaFX for GUI development - 19 ProgressBar and ProgressIndicator

This video is about the progress bar in JavaFX. This is the loading bar that you see, for example, when downloading a file or copying files.

20 Open

JavaFX for GUI development - 20 DatePicker

This video is about the date picker in JavaFX and how you can use it. This is a UI element that you have probably already seen. It allows you to select a date.

21 Open

JavaFX for GUI development - 21 ColorPicker

In this video we cover the color picker in JavaFX. This is a UI element with which we can select a color. Let's take a look at how to install and use such a color picker in JavaFX.

22 Open

JavaFX for GUI development - 22 FileChooser

In this video you will learn how to create and use the file chooser in JavaFX. This is a UI element that allows you to select a file from your own file system.

23 Open

JavaFX for GUI development - 23 FileChooser (Exercise)

Here you will consolidate your understanding of the file chooser.

24 Open

JavaFX for GUI development - 24 ListView

In this video we cover one of the different views, namely ListView in JavaFX. This is a view in which you can insert list elements.

25 Open

JavaFX for GUI development - 25 TableView

In this video we cover TableView in JavaFX. This is another view type that allows us to use and display tables. Let's take a look at how to create a TableView in JavaFX.

26 Open

JavaFX for GUI development - 26 TreeView

In this video, you will learn how to use and benefit from the tree view in JavaFX. This is a view in which you can arrange elements like in a tree with several branches.

27 Open

JavaFX for GUI development - 28 HTML editor

Here you will get to know the HTML editor in JavaFX and see how to use it. HTML is a scripting language that is used when developing websites.

08

JavaFX for GUI development - 08 TextField

14 min Open
09

JavaFX for GUI development - 09 PasswordField

9 min Open
10

JavaFX for GUI development - 10 TextArea

6 min Open
11

JavaFX for GUI development - 11 toggle buttons

20 min Open
12

JavaFX for GUI development - 12 radio buttons

13 min Open
13

JavaFX for GUI development - 13 CheckBox

19 min Open
14

JavaFX for GUI development - 14 ChoiceBox

8 min Open
15

JavaFX for GUI development - 15 ComboBox

3 min Open
16

JavaFX for GUI development - 16 ScrollBar

9 min Open
17

JavaFX for GUI development - 17 ScrollPane

5 min Open
18

JavaFX for GUI development - 18 sliders

16 min Open
19

JavaFX for GUI development - 19 ProgressBar and ProgressIndicator

5 min Open
20

JavaFX for GUI development - 20 DatePicker

9 min Open
21

JavaFX for GUI development - 21 ColorPicker

6 min Open
22

JavaFX for GUI development - 22 FileChooser

14 min Open
23

JavaFX for GUI development - 23 FileChooser (Exercise)

4 min Open
24

JavaFX for GUI development - 24 ListView

7 min Open
25

JavaFX for GUI development - 25 TableView

13 min Open
26

JavaFX for GUI development - 26 TreeView

4 min Open
27

JavaFX for GUI development - 28 HTML editor

12 min Open

Layouts

6 Videos · 40 minutes
28 Open

JavaFX for GUI development - 29 HBox

In this chapter, we will be looking at layouts, and one of these layouts is the HBox in JavaFX. In the next videos we will see the different layouts and learn about the differences.

29 Open

JavaFX for GUI development - 30 VBox

VBox allows us to arrange all elements vertically.

30 Open

JavaFX for GUI development - 31 FlowPane

This video is about FlowPane in JavaFX. This is a layout class of the JavaFX API. We will look at an example of a FlowPane directly.

31 Open

JavaFX for GUI development - 32 BorderPane

This video is about the BorderPane in JavaFX. This is another layout that allows us to arrange our nodes accordingly.

32 Open

JavaFX for GUI development - 33 TitledPane

This video is about TitledPane in JavaFX. This is another layout. One where you simply enter a title for the layout and insert the nodes within the layout.

33 Open

JavaFX for GUI development - 34 Menu

In this video you will learn how to create a menu.

28

JavaFX for GUI development - 29 HBox

6 min Open
29

JavaFX for GUI development - 30 VBox

3 min Open
30

JavaFX for GUI development - 31 FlowPane

4 min Open
31

JavaFX for GUI development - 32 BorderPane

10 min Open
32

JavaFX for GUI development - 33 TitledPane

4 min Open
33

JavaFX for GUI development - 34 Menu

13 min Open

Shapes

7 Videos · 58 minutes
34 Open

JavaFX for GUI development - 35 Line

The next videos are about shapes. Line is the first shape we will look at.

35 Open

JavaFX for GUI development - 36 Line (challenge)

In this video you will consolidate your understanding of Line and the Canvas.

36 Open

JavaFX for GUI development - 37 Circle and Circle Arc

In this video we look at the shapes Circle and Circle Arc in JavaFX. Circle comes from English and means circle. So we are going to draw circles.

37 Open

JavaFX for GUI development - 38 Polyline and Polygon

This video is about polyline and polygon in JavaFX. These are shapes that have several corners.

38 Open

JavaFX for GUI development - 39 Rectangle and Ellipse

In this video you will learn how to use Rectangle and Ellipse in JavaFX. Rectangle is a rectangle, which we have already used before, and Ellipse is a compressed circle. Both are from the Shape subclass.

39 Open

JavaFX for GUI development - 40 Path

This video is about Path in JavaFX. Path allows us to make paths with shapes, i.e. to draw a line that goes in all possible directions.

40 Open

JavaFX for GUI development - 41 Gradient Color and Color

In this video we take a look at Gradient Color and Color in JavaFX. These are colors and color transitions.

34

JavaFX for GUI development - 35 Line

8 min Open
35

JavaFX for GUI development - 36 Line (challenge)

9 min Open
36

JavaFX for GUI development - 37 Circle and Circle Arc

9 min Open
37

JavaFX for GUI development - 38 Polyline and Polygon

6 min Open
38

JavaFX for GUI development - 39 Rectangle and Ellipse

4 min Open
39

JavaFX for GUI development - 40 Path

12 min Open
40

JavaFX for GUI development - 41 Gradient Color and Color

10 min Open

Charts

5 Videos · 43 minutes
41 Open

JavaFX for GUI development - 42 PieChart

This video is about pie charts and how to create them.

42 Open

JavaFX for GUI development - 43 LineChart

This video is about line charts and how to create them.

43 Open

JavaFX for GUI development - 44 Bar chart - BarChart

This video is about bar charts and how to create them.

44 Open

JavaFX for GUI development - 45 (Stacked) AreaChart

In this video we cover the area chart in JavaFX. This is another two-axis chart. It differs from the line chart mainly in that the line color is also filled in below the line, up to the zero point or the lowest point.

45 Open

JavaFX for GUI development - 46 ScatterChart

This video is about the scatter chart in JavaFX. This is a type of chart in which the individual values are displayed as unconnected points.

41

JavaFX for GUI development - 42 PieChart

13 min Open
42

JavaFX for GUI development - 43 LineChart

5 min Open
43

JavaFX for GUI development - 44 Bar chart - BarChart

7 min Open
44

JavaFX for GUI development - 45 (Stacked) AreaChart

12 min Open
45

JavaFX for GUI development - 46 ScatterChart

6 min Open

Events

4 Videos · 42 minutes
46 Open

JavaFX for GUI development - 47 events and event filters

In this video, you will learn about events and event filters in JavaFX. Basically, it's about what happens when you move over an element or press a key on the keyboard, for example. Let's first take a look at mouse events in JavaFX.

47 Open

JavaFX for GUI development - 48 gesture events

In this video, you will learn about the various gesture events in JavaFX. These are events that are particularly interesting on touch devices. This is especially true for Windows 8 and higher.

48 Open

JavaFX for GUI development - 49 event handlers

This video is about event handlers in JavaFX. We have already worked with event handlers, but I wanted to explain this in more detail here.

49 Open

JavaFX for GUI development - 50 Shape Drag and Drop

In this video you will learn how to use drag and drop in JavaFX. This is a common procedure in programs. You can "drag" (pull) and "drop" (drop) an element (e.g. node).

46

JavaFX for GUI development - 47 events and event filters

13 min Open
47

JavaFX for GUI development - 48 gesture events

6 min Open
48

JavaFX for GUI development - 49 event handlers

6 min Open
49

JavaFX for GUI development - 50 Shape Drag and Drop

17 min Open

Audio and Video

3 Videos · 21 minutes
50 Open

JavaFX for GUI development - 51 Audio player

In this video you will learn how to use the audio player in JavaFX, i.e. how to play an audio file with JavaFX.

51 Open

JavaFX for GUI development - 52 Properties of Mediaplayer

In this video you will learn how to use the properties of the media player.

52 Open

JavaFX for GUI development - 53 VideoPlayer

In this video you will learn how to use the video player in JavaFX, i.e. how to play and display a video file with JavaFX.

50

JavaFX for GUI development - 51 Audio player

8 min Open
51

JavaFX for GUI development - 52 Properties of Mediaplayer

8 min Open
52

JavaFX for GUI development - 53 VideoPlayer

5 min Open

SceneBuilder

3 Videos · 29 minutes
53 Open

JavaFX for GUI Development - 54 Scene Builder (Introduction)

In this video you will get to know the Scene Builder. A tool that makes the work of building a GUI extremely easy.

54 Open

JavaFX for GUI development - 55 controllers

This video is about the controller, which controls the communication between the Scene Builder and our program.

55 Open

JavaFX for GUI development - 56 Scene Builder (Project)

Last but not least, we create a project with the SceneBuilder.

53

JavaFX for GUI Development - 54 Scene Builder (Introduction)

9 min Open
54

JavaFX for GUI development - 55 controllers

7 min Open
55

JavaFX for GUI development - 56 Scene Builder (Project)

13 min Open
Comments (0)

Comment now „JavaFX for GUI development“