Qt Quick and QML For Beginners : The Fundamentals
4.5 (622 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,453 students enrolled

Qt Quick and QML For Beginners : The Fundamentals

Build Cross Platform Fluid And Dynamic UIs. Run Them on Windows, Mac, Linux, Android,iOS and Embedded.
4.5 (619 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,451 students enrolled
Created by Daniel Gakwaya
Last updated 5/2020
English
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 14.5 hours on-demand video
  • 4 articles
  • 71 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • The basics of working with the QML language
  • Working with Qt Quick basic elements and building your own in QML
  • Signals and slots in QML
  • Working with input elements
  • Working with Javascript in QML
  • Positioning elements in QML
  • Running your QML Apps on Android
  • Qt Quick Controls 2 framework
  • Working with Dialogs in QML
  • Models,Views and Delegates
  • Transforms,Transitions and Animations
  • Networking : Fetching HTTP Data and JSON(REST) APIs
  • Settings and Local Storage
Course content
Expand all 97 lectures 14:35:51
+ Introduction
6 lectures 48:18
About the latest Qt Version
01:03
Running your QML Applications
13:04
Join the Official Support Channels
01:01
+ Dissecting the QML Syntax
6 lectures 01:09:49
QML Syntax : An Overview
15:35
Basic Types of the QML Language-Part1
11:28
Basic Types of the QML Language-Part2
16:42
Property Binding in QML
09:16
The QtQuick Global Object
10:49
Properties and Handlers
05:59
+ Qt Quick Basic Elements
3 lectures 36:06
A tour of Qt Quick basic Elements Part 1 : Item, Rectangle and Text
12:02
A tour of Qt Quick basic Elements Part 2 : Image
08:29
Building your own custom elements
15:35
+ Signals and Slots
3 lectures 28:25
Signals and Slots Explained
05:26
Signals and Slots Demo1
09:48
Signals and Slosts Demo2 ( Have two external components communicate)
13:11
+ User Input Elements
7 lectures 01:05:07
User Input Elements Overview
00:40
TextInput Element
10:09
TextEdit Element
09:46
MouseArea , Drag and Drop
15:15
Keys Attached Properties
10:07

Key Navigation
10:02
Focus Scope
09:08
+ Working with Javascript
5 lectures 36:45
How Javacript fits into QML
08:10
Javascript Used in QML Code
07:42
Functions and Scope
06:26
Direct Import of External JS Files
05:32
Indirect Import of External JS Files
08:55
+ Qt Quick Positioning
6 lectures 57:26

PPT Done

Qt Quick Positioning Offerings(Intro)
01:38
Anchors Part1
11:21
Anchors Part2
07:49
Positioners
13:36
Layouts
15:19
Flow
07:43
+ Qt and Qt Quick on Mobile Devices
4 lectures 35:37
Qt on Multiple Platforms
06:09
Android Environment Setup
16:11
Running your Qt Quick App on Android
10:37
Qt on IOS
02:40
+ Qt Quick Controls
24 lectures 02:57:48

PPT Done

Qt Quick Controls Introduction
06:21
Button Control
11:08
Button Control (Mobile) : Yet another Qt on Android Demo
04:40
Busy Indicator Control
13:38
CheckBox Control
04:20
ComboBox Control
17:50
Delay Button
07:23
Dial Control
05:34
Frame
03:10
GroupBox, RadioButton and CheckBox
07:16
ProgressBar
04:47
RangeSlider
05:22
Flickable and ScrollBar
05:36
Slider
04:02
Switch
04:10
Page, SwipeView and TabBar
07:31
Background Property of the TextArea Control
00:50
TextArea
07:27
TextField and Label
05:19
SplitView Control
06:06
Drawer Control
12:37
SpinBox Control
06:22
Application Window and Menus (Desktop)
16:51
+ Dialogs
7 lectures 41:01
Introduction to Dialogs in Qt Quick
02:42

ColorDialog
07:35

FileDialog
09:02

FontDialog
04:34
MessageDialog
02:27

CustomDialogs
14:21
Qt5.12 Note : Dialog Component Binding Loop Warning
00:20
Requirements
  • Open mind and strong willingness to learn
  • A basic understanding of Javascript will be useful but not required
  • An eye for design
Description

Qt Quick (QML) is the latest and greatest technology from the Qt Framework, to build slick looking , fluid, dynamic and cross platform User Interfaces that can run mobile devices(Android,IoS, touch devices (embedded) and any major desktop platform out there(Linux,Windows,Mac). Qt Quick can be used to build stand-alone applications, but it can also be interfaced and/or extended with a C++ back end.

The main aim of this course is to help you succeed in becoming a Qt Quick/QML GUI Designer and do so in the most effective amount of time possible. The course is packed with lots of straight to the point, easy to understand  demos, that are carefully designed to help you master a given Qt Quick  UI development topic at hand.

The target student is anyone willing to add Qt Quick/QML UI design to their stack of skills. While Qt Quick is built on top of Qt and C++, no knowledge of Qt or C++ is required. The course will equally be useful to both designers willing to jump into Qt Quick and existing C++ developers willing to level up their skills in fluid UI design.

We start by getting your development environment set up and get you to run your first Qt Quick application. We then jump into topics like

  • Dissecting the QML Syntax , where we explore subjects like the QML syntax, Basic Types of QML,  Properties and Handlers,Property Binding and the Qt Quick Global Object;

  • Qt Quick Basic Elements, and look at elements like Rectangle,Text, Image and Item;

  • Signals and Slots;

  • Working with Javascript, where we explore the javascript environment available to you in QML, where and how to type your Javascript code in QML files, functions and scope and importing external Javascript files;

  • User Input Elements : TextInput, TextEdit, MouseArea and drag and drop, Keys Attached Properties, KeyNavigation and FocusScope

  • Qt Quick Positioning and explore subjects like Anchors, Positioners, Layouts and Flow

  • Qt Quick on Mobile Devices : we take you on a detailed journey on how to run your Qt Quick Apps on Android and guide you on how you would do the same on IoS.

  • Qt Quick Controls  where we explore a host of Ui Components available and ready to be consumed by your awesome apps ;

  • Dialogs : ColorDialog, FileDialog,FontDialog, MessageDialog and Custom Dialogs

  • Model , View and Delegate where we explore the pieces of the puzzle needed to take advantage of the Model View Delegate Architeture in Qt Quick

  • Transitions, Transforms and Animations  : Oooh Animations! This is the most fun and captivating subject for me in Qt Quick. We take you on a tour of how you animate your Qt Quick Components and bring your designs to life using tricks like states and transitions.

  • Network : We show you how to download HTTP data using XmlHttpRequest and how to consume REST APIs in your Qt Quick apps using the same Javascript Object

  • Storage : We first use the Settings component from the Qt.labs module to save and load your applications settings and do the same thing using the LocalStorage module that is backed by an embedded SQLite database.

Qt is the platform of choice for thousands of software projects and some of the most successful companies on the planet. Learning Qt Quick will certainly level up your abilities in taking advantage of this rich and awesome framework. Please check out some of the preview videos and lets get you STARTED building slick and fluid User Interfaces with Qt Quick.

Who this course is for:
  • Designers willing to jump into Qt Quick Prototyping and UI Design
  • Existing Qt C++ Programmers willing to add Qt Quick to their Arsenal
  • Anyone willing to build Fluid and Dynamic User Interfaces capable of running on desktop, mobile and embedded devices