3.50 (58 reviews)
☑ Learn how to take png / jpegs from UI/UX designers and turn them into apps
☑ Script an entire UI without the use of a drag-n-drop designer
☑ Get practical hands-on experience with Qml
☑ Script a UI according to the design of an App Designer
☑ How to Use Qml in the real world
This course hopes to help you build up;
1. Your ability to take designs from a designer and turn them into an Application
2. Your ability to build nice and trending apps
3. Built a beautiful portfolio.
4. Approach GUI projects with confidence
We take the inspirational (say imitational) images from Behance (the same are available on Dribbble as well)
then script the App in Qml, separating them into components defined by the UI/UX designer and as seems best
all while taking care to script according to specification. Modern design specification was also used.
You will enjoy the journer and the outcome of your work.
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), but rather in CSS style scripting language. 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 many resources on it online. So here is it, an introduction and a quick practical hands-on, on building a complete Python app with a modern trendy Gui.
Qt's Official Video
Create the folders
Put in the first Rectangle
Put in the Column Layout
Create components folder
Add text for Date
Put in another Rectangle
Create Component ButtonPrimary
Add Listview to handle Tasks
Create Task Component
Put in the Section Delegate
Put in a Column Layout
Add the expanded property
Put in three Rectangles
Add a Rowlayout
Add a Rectangle
Add a Column
Add text for Title
Add text for project
Create the IconicButton component
Add the FontLoader
Update Iconic Button
Script the onClicked Signal
Update Iconic Button to use textSize
Add search text placeholder
Add the Image placeholder
Add a Text Area
Update Text Area
Add A Row
Put in the glyph
Put in the remaining glyphs
Add a Rowlayout
Add another glyph
Add the Text
Use multiple colors for task
Use multiple colors cont.
Make task height dynamic
Put in the real Profile Pic (Option One)
Put in the real Profile Pic (Option Two)
This course is almost useless. You will get a short introduction on how to rebuild a design in QML without explanation, that's it. A real-life app should be functional, at least to some extent but it is not even an application, just plain QML items... The sound is quite bad and you can barely understand him (poor english).
Pleased with the structure and explanations to building and application. Will be valuable to me as I do my own app from a given design.
A lot of good information, but only about the UI design. However to be named the "Building the Real-life App" it should also contain information about coding the app business logic which is not covered at all.
It is a very good course for learning QML app development. The sample app is dynamic and professional. I thought development of the sample app would require more complex QML code. However Daniel is teaching with clear code and understandable language.