Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Programming Languages QT Framework

Qt Quick and QML For Beginners (Qt 5): The Fundamentals

Build Cross Platform Fluid And Dynamic UIs. Run Them on Windows, Mac, Linux, Android,iOS and Embedded.
Rating: 4.4 out of 54.4 (888 ratings)
3,390 students
Created by Daniel Gakwaya
Last updated 11/2020
English
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

Course content

15 sections • 97 lectures • 14h 36m total length

  • Preview12:51
  • Install Qt & Tools on Windows
    10:28
  • Installing Qt & Tools on Linux
    10:52
  • About the latest Qt Version
    01:03
  • Running your QML Applications
    13:04
  • Join the Official Support Channels
    01:01

  • 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

  • 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 Explained
    05:26
  • Signals and Slots Demo1
    09:48
  • Signals and Slosts Demo2 ( Have two external components communicate)
    13:11

  • 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

  • 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 Offerings(Intro)
    01:38
  • Anchors Part1
    11:21
  • Anchors Part2
    07:49
  • Positioners
    13:36
  • Layouts
    15:19
  • Flow
    07:43

  • 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 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
  • Preview09:28
  • 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

  • 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

Special note : This course is based on Qt 5. Qt 6, released in December 2020 is the latest version. We are working on updates to take  Qt 6 into account that will be completed over the next couple of months. In the mean time, we recommend using Qt 5 for the best experience with the course.

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

Instructor

Daniel Gakwaya
Software Engineer at Blikoon Technologies
Daniel Gakwaya
  • 4.5 Instructor Rating
  • 2,920 Reviews
  • 9,420 Students
  • 6 Courses

Daniel is a Senior Software Engineer at Blikoon Technologies. He has been writing software since  2011 and Qt is one of his favorite frameworks. Many of his cross platform Qt based projects are completed and out there on the market. Autodidact by nature ,he has a passion for learning new things and loves sharing knowledge with others. Especially people new to the dark art of software development.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.