QML for Beginners with Qt 5

QML for Beginners with Qt 5

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 13.5 Hours | 4.12 GB

QML for beginners using Qt 5 along with JavaScript and C++

This course is specifically designed for Qt 5 with the total beginner in mind. These videos take you from knowing nothing about QML to creating intermediate level applications using QML, JavaScript and C++. These videos build on the popular Qt Core series available on Udemy. These videos show many best practices and how to overcome common mistakes. About the author: Bryan has created hundreds of Qt tutorials available on YouTube and has created official Qt training videos for the Qt Company. Full source code available on GitHub, and runs a Facebook community with thousands of developers that can offer free help 24×7.

What you’ll learn

  • QML for Qt 5
  • QML Language
  • Qt Quick
  • Items
  • Rectangles
  • Components
  • Anchors
  • Positioning
  • Transformations
  • Basic States
  • Layouts
  • Columns
  • Rows
  • Grids
  • Flexes
  • Absolute Positioning
  • Swipe View
  • Page View
  • List View
  • Custom Components
  • Properties
  • Bindings
  • Connections
  • Signals and Slots
  • Property Animations
  • Opacity Animations
  • Rotation Animations
  • Scale Animations
  • Sequential Animations
  • Parallel Animations
  • Qt Quick Controls
  • Model Views and Delegates
  • Pages
  • Passing Properties
  • Drag and Drop
  • Example Applications
  • Javascript basics
  • Inline JavaScript
  • Javascript bindings
  • External Javascript
  • C++ Integration
  • C++ Root Context
  • Registering C++ classes in QML
  • Calling C++ Slots from QML Signals
  • Calling QML Slots from C++ Signals
  • Image viewers
  • Text Editors
  • Data Converters
  • Number Generators
  • Common issues and solutions
Table of Contents

Introduction to QML
1 What this course covers
2 What this course does not cover
3 QML vs Qt Quick
4 QML limitations
5 What can you make with QML
6 Qt5 vs Qt6
7 QML vs Qt Widgets
8 Write once build anywhere

Exploring Qt Creator
9 Paid vs free
10 Qt Creator settings
11 Qt Creator kits
12 Qt Creator projects
13 Qt command line app
14 Qt widgets app
15 Multiple projects
16 QML example project
17 QML editor vs designer

Diving into QML
18 Comments
19 Root object and IDs
20 QML objects vs QObjects
21 X, Y, Z positioning
22 Parent and child transformations
23 Object interaction – TapHandler

Basic types
24 Item type
25 Rectangle
26 Image
27 Text
28 MouseArea
29 Custom component

Positioning and layouts
30 Object positioning using X, Y
31 Object positioning using Z
32 Column layout
33 Row layout
34 Grid layout
35 Flow layout
36 Anchors
37 Margins
38 Simple image viewer

Properties and animations
39 Property and PropertyAnimation
40 Rotation and RotationAnimation
41 Scale and SequentialAnimation
42 Opacity and OpacityAnimator
43 SmoothedAnimation
44 Anti-aliasing
45 Keyboard input
46 Transform and Translate
47 Drag and drop

Introducing the designer
48 Designer
49 Property editor
50 Connections and bindings
51 Connections and properties
52 States
53 Images in the designer

Qt Quick
54 Qt Quick Controls
55 Label
56 BusyIndicator
57 Button
58 Checkbox
59 CheckDelegate in a ListView
60 ComboBox
61 DelayButton
62 Dial
63 Frames and Popups
64 GroupBox and RadioButton
65 Slider
66 RangeSlider
67 RoundButton
68 SpinBox
69 Switch
70 Tumbler
71 Simple login screen
72 TextArea in a ScrollView

QML project templates
73 ScrollView application
74 StackView application
75 SwipeView application
76 Passing variables
77 Passing variables (alt method)

JavaScript
78 JavaScript variables
79 JavaScript scope basics
80 JavaScript IF
81 JavaScript loops
82 JavaScript switch
83 JavaScript ternary
84 JavaScript functions
85 JavaScript more info
86 QML in-line JavaScript
87 QML JavaScript Functions
88 QML JavaScript Files
89 QML JavaScript Connections

QML and C++ integration
90 QML and C++ intro
91 Call C++ slot from QML
92 Call a QML slot from C++
93 Register C++ class with QML
94 C++ integration example

Custom components
95 Custom image button
96 Dynamically created number pad
97 Login component
98 Owner drawn ComboBox
99 Owner drawn ListView

Example Applications
100 Square Footage Calculator
101 Number Converter
102 Dice Roller
103 Random Dinner Application
104 Image Viewer with C++
105 Text Editor with C++