[Level 2] Python Programming with Qt: QML

Section 1. Starting the lecture
Before the lecture begins, this section provides an overview of the entire learning process. This section introduces the instructor and summarizes the key content covered in each section, helping you grasp the overall flow of the lecture.

Section 2. Lecture Materials
This section provides all the example source code files used in the lectures, starting in Section 3 , in a compressed file for download. This section is provided for reference purposes only, not as part of the course.

Section 3. Setting up the development environment
This section delves into how to set up a development environment for Python programming using Qt. We'll also explore how to use Visual Studio Code as an IDE for writing source code.

Section 4. What is QML
QML is an interpreted language provided by the Qt Framework. In this lesson, we'll explore the features and advantages of QML.

Section 5. Syntax and Structure of QML
This section covers the structure and syntax of QML, and how to use QML through practical examples.

Section 6. Type
Type is a concept similar to QWidget in Qt. In this section, we'll learn what Type is, focusing on the most frequently used types provided by QML. As a practical example, we'll implement a button type using the Accessible type and report on it.

Section 7. Event
This section covers how to implement event handling for user interface events, such as touch, mouse, and keyboard input. You'll also learn how to implement signals in QML. In this hands-on example, you'll learn how to handle signals in detail through examples of connecting signals to methods (functions).

Section 8. Implementing Dynamic UI using Loader type
You'll learn how to dynamically change specific areas of a UI. For example, you'll learn how to transition from GUI screen A to screen B when a certain condition is met. Therefore, in this section, you'll learn how to dynamically implement screens. The final hands-on example will demonstrate how to dynamically change screens using the Loader type.

Section 9. Module Programming
Learn how to modularize user-defined types, such as frequently used GUI modules like buttons and combo boxes. You'll also learn how to modularize and implement QML through hands-on examples.

Section 10. Using JavaScript in QML
Learn how to use JavaScript functions in QML and how to import JavaScript files in QML. In this hands-on example, you'll learn more about using JavaScript by implementing a calculator.

Section 11. Type Positioning
Type Positioning teaches you how to display types on the screen. For example, you'll learn how to arrange types horizontally, vertically, or in a grid-like pattern. You'll also learn how to retrieve information about a specific type when multiple types are arranged sequentially.

Section 12. Anaimation
Animations provide an easy way to apply animations to GUI elements. For example, a button might appear and disappear. Animations can be used for this. A button might disappear for one second, for example, or a specific amount of time can be given for the Opacity value to change from 100% to 0%.

Using these animations, you can create effects similar to those used on GUIs. You can also implement effects that allow smooth screen transitions. Therefore, in this section, you'll learn how to use animations on GUI elements.

Section 13. Ball Bounding Example Implementation Using Animation and Easing Curves
Easing Curves allow you to create more sophisticated effects by using specific options within your animations. For example, by accelerating a specific time interval during a 10-second animation, you can create a variety of effects.
In this section, you will learn how to use easing curves in animations through practical examples.

Section 14. State and Transition
A state represents a condition. A transition represents an action. For example, in an on/off switch, the conditions are "ON" and "OFF," and the action (transition) is defined as the change from "ON" to "OFF." Using states and transitions, you can group complex behaviors and have them change collectively when the conditions change, making complex GUI implementations easier to implement.

Section 15. Implementing an Image Viewer Example Using State and Transition
In this section, we will implement an Image Viewer using the State and Transition learned in the previous section.

Section 16. Model and View
Models and Views are used to display large amounts of data on a GUI. For example, when displaying 100 data items in a table, the data is stored in the Model, and the View represents how the data stored in the Model is displayed on the GUI. The View can be a table or a tree. In this section, you'll learn how to use Models and Views.

Section 17. Implementing a Chess Game Using Model and View
We will learn in depth how to implement a Knight in the Chess Game using Model and View as an example.

Section 18. Integration between QML and Python
Learn how to call functions in specific Python classes from QML and how to call specific JavaScript functions from Python in QML. You'll also learn how to call functions and pass data between QML and Python through hands-on examples.

Section 19. Exchanging List Data Between QML and Python
Learn how to pass large lists of data from Python to QML. And with a practical example, you'll learn how to process data stored in a Python list, pass it to QML, and display it on a UI.

Section 20. Implementing a New QML Type Using Python
Just as we used QPainter to display 2D graphic elements on QWidget, we will learn how to use the QQuickPaintedItem class provided by Python to display 2D graphic elements on QML Type using QPainter.

Section 21. Implementing QML types in nested structures
When simply implementing a Type, you may need to implement a hierarchical structure. For example, you may need to implement multiple Types within a Type. In this section, we'll learn how to implement a hierarchical Type through the topic of Chart.

Q. In addition to theory and grammar, will I be able to access a variety of practical examples?

Yes, you can. After each section's theoretical lecture, you'll have a hands-on coding session with the instructor, using examples. This allows you to learn practical programming skills using QML in the workplace.

Q. Are there any reference materials or textbooks for the lectures I am studying?

I currently serve as an administrator for the Qt Developer Community ( qt-dev.com ). You can find additional resources related to Qt and QML on this site.

Q. Is there anything I need to know before attending the lecture?

This course requires basic knowledge of Python and Qt. If you don't have any experience with Qt, we recommend taking the previous course, " [Level 1] Python Programming with Qt: Introduction, " before taking this course.

Q. What level of content is covered in the class?

Covers everything from QML basics to advanced topics for various application areas.