Practical Project in QML: Windows 10's photos App.

A hands on; on styling inside Qt Qml

4.10 (54 reviews)
Udemy
platform
English
language
Programming Languages
category
instructor
4,231
students
3 hours
content
Nov 2019
last update
$19.99
regular price

What you will learn

Build a beautiful functional gui like Microsoft's Photo's app, that comes with windows 10

Understand UI programming in Qml

Know QtQuick styling in material design and Universal design guidelines

Understand Qt.

Write a Major application fully written in Qml

Description

Gui's are what are missing from most programmer's toolkit, they cannot find it in addition to their wealth of knowledge. Not many years ago, I researched by God's help and found to my utmost pleasure how programming knowledge is applied in the real world both for UI's and Core-code (Both are scripted by the way). Qt has powered the world of UI's and still powers it. Adobe, VLC, WhatsApp Inc, are a few of notable institutions that use Qt for both UI and also for functional code. But here is the catch, not so recent though, Qt released Qt Quick Markup language (Qml), that is not written in either C++ or  python, but rather in it's css style writing. This will help the advanced team-work desire to separate UI from core-code functionality. Also there is another problem here, you can't seem to find much resources on it online. So here is it, an introduction and a quick practical hands on, on building a beautiful  trendy app, that in most ways resembles Microsoft's Photos app. The reason is because I have Windows 10 and I love the look and feel of it, also taught is could boost your moral, and enrich your portfolio since it is very recent.

Content

Introduction

Qt's Official Video
Introduction: Qt in the real-life apps market
Download Qt
Install Qt
Locate where your qmlscene is installed

Basics

Lets create our First Window
Create the helpful Rectangle
Layouts - Row and Column
Make a Toolbar
Make a TabBar
Make a Menubar
Styling: Material Design Guidelines

Project

Block the Toolbar
Add in a Stack View
Block the Drawer
Make the Navigation Buttons
Put in the Real Icon Codes
Put in the other Two icons
Put in the Navigation Icon codes
Lets make the Popup Menu
Turn off the Drawer's Interactivity
Populate Drawer's Content
Make Filename's TextField
Add functionality ro the navigation buttons
Make Stack Responsive

Screenshots

Practical Project in QML: Windows 10's photos App. - Screenshot_01Practical Project in QML: Windows 10's photos App. - Screenshot_02Practical Project in QML: Windows 10's photos App. - Screenshot_03Practical Project in QML: Windows 10's photos App. - Screenshot_04

Reviews

Leonardo
July 23, 2019
It is a good tutorial but it is a bit tedious to watch the videos with a bad sound and mistakes that confuse.
Teguh
April 9, 2019
how to spread it well directly to the topic. easy to understand. at least give an overview of Qt with qml nay which is quite powerful on Windows 10werful on Windows 10
Akshay
April 7, 2019
I got to learn new things like running Qml application from command prompt.Only the accent in between made it a bit difficult to understand speaker words in-spite of wearing headphones in full volumes.Rest everything was good
Sushant
March 18, 2019
Yes absolutely this was amazing experience.This course was totally useful for beginers like me .Thank you so much!

Charts

Price

Practical Project in QML: Windows 10's photos App. - Price chart

Rating

Practical Project in QML: Windows 10's photos App. - Ratings chart

Enrollment distribution

Practical Project in QML: Windows 10's photos App. - Distribution chart
1872366
udemy ID
8/23/2018
course created date
6/30/2019
course indexed date
Bot
course submited by