值不值得学：先看你的工作场景是否需要它
很多做C++后台或传统桌面端的朋友，遇到带交互界面的需求时，用纯Widgets写界面往往费时费力，改个动效还要绕进底层逻辑里。这门课解决的就是这个痛点：把界面层和业务逻辑层剥离开。QML本质是一套声明式界面语言，配合内嵌的JavaScript，专门用来处理前端展示、动画与用户交互，而C++只负责后台数据处理和重度计算。如果你日常工作中要碰带触屏的设备界面、需要做流畅动画的桌面客户端，或者想从纯C++逻辑端往全栈方向靠拢，这部分内容是绕不开的。但如果你目前只做纯后端接口，日常完全不碰界面，那不必急着学，优先级可以往后放。
适合什么基础与建议先看的重点
这套资料不面向零基础新手。它默认你已经掌握了C++基础语法，对Qt5的底层机制有基本概念。如果你连C++的类、继承都没弄明白，直接看这套内容会觉得断层。建议有基础的同学拿到资料后，先看QML架构解析和基础语法这两块，搞懂声明式语言的运作逻辑，再往下看Item和Rectangle等基本元素。其中MouseArea鼠标事件处理和Animation动画这两块一定要重点看，这是QML区别于传统界面写法的核心，也是后面做复杂交互页面的基石。把基本元素的属性和事件机制摸透，再进入布局与控件章节，循序渐进地看，不要跳跃。
学完能做什么与资料配合练习方法
跟着这套资料走完，你能独立用QML搭建出一套具备基础交互、动态效果和合理布局的桌面端前端界面，并知道如何在前端用JavaScript处理轻量逻辑，再与后端的C++代码打通。看视频时不要只过眼瘾，资料里每讲到一个基本元素，就同步在编辑器里敲一遍。比如讲到动画的自由落体，就自己改一下参数，看看下落速度和弹跳效果的变化。讲到布局控件时，试着把几个输入框和按钮组合起来，做一个简单的登录表单。前端开发高度依赖手感，只看不练，到了真实项目里依然写不出界面。把资料里的演示代码当成骨架，自己往里面填肉，才是这套课正确的打开方式。
学会QML基础知识，学会Javascript基础知识，可以上手使用QML开发项目
课程目录
* 01 QML入门与基本元素/
* 01 QML课程概览与简介.mp4 05:24
* 02 QML架构解析与概览.mp4 09:45
* 03 QML亲手搞第一个Helloworld.mp4 10:48
* 04 QML基础语法小白必备.mp4 10:29
* 05 QML的基本元素Item.mp4 15:28
* 06 QML的基本元素Rectangle.mp4 09:02
* 07 QML的基本元素MouseArea鼠标事件处理.mp4 07:51
* 08 QML的基本元素Rectangle再学习.mp4 06:41
* 09 QML的基本元素Animation动画的自由落体.mp4 04:33
* 10 QML的其它几个基本元素.mp4 10:40
* 02 QML布局与控件/
* 01 QML布局简介及Rowlayout应用.mp4 13:18
* 02 QML的Rowlayout详解.mp4 07:35
* 03 QML的锚布局详解及案例实战.mp4 16:53
* 04 QML的定位器布局详解及案例实战.mp4 15:17
* 05 QML的布局管理器详解及案例实战.mp4 12:47
* 06 QML的布局元素的理论分析.mp4 05:07
* 07 QML控件Item的讲解.mp4 08:33
* 08 QML控件Button的讲解.mp4 09:04
* 09 QML其他几个常用控件的讲解.mp4 14:16
* 03 CSS和JavaScript入门简介/
* 01 CSS的入门讲解与实践.mp4 08:31
* 02 CSS的id与class选择器的讲解.mp4 05:39
* 03 JavaScript入门简介与动手实践.mp4 08:31
* 04 JavaScript的按钮点击事件及函数的讲解.mp4 06:38
* 05 使用独立的js文件.mp4 08:22
* 06 JavaScript中的变量及作用域的讲解.mp4 11:23
* 04 补充内容：可选修(html及js、jquery）/
* 01 HTML入门简介及动手操练.mp4 13:07
* 02 div与table的讲解与实践.mp4 11:04
* 03 video的讲解与实践.mp4 08:14
* 04 nginx发布网页的讲解与实践.mp4 07:22
* 05 BOM对象模型的讲解.mp4 07:41
* 06 window对象的讲解.mp4 05:37
* 07 window对象的讲解.mp4 05:37
* 08 document对象的入门讲解.mp4 09:31
* 09 document对象的更多属性和方法.mp4 06:46
* 10 location对象的讲解.mp4 07:49
* 11 navigator对象的讲解.mp4 08:09
* 12 jQuery的讲解.mp4 07:24
* 13 jQuery选择器的讲解.mp4 07:59
* 14 jQuery事件函数的讲解.mp4 06:44
* 05 QML时钟实战/
* 01 QML绘制时钟的原理流程分析.mp4 09:32
* 02 QML的Context2D讲解.mp4 11:45
* 03 QML时钟之绘制大圆和文字.mp4 11:12
* 04 QML时钟之绘制时分秒.mp4 11:07
* 06 QML调用C++实战/
* 01 QML调用C++的原理流程步骤.mp4 13:14
* 02 QML调用C++的内容详解.mp4 13:55
* 03 QML调用C++的信号槽解析.mp4 10:09
* 04 创建工程代码运行调试.mp4 14:20
* 07 C++调用QML实战/
* 01 C++调用QML的原理流程步骤.mp4 11:56
* 02 C++调用QML的代码详解.mp4 08:08
* 03 创建工程代码运行调试.mp4 13:29
* 08 QML虚拟键盘和车载仪/
* 01 QML虚拟键盘讲解.mp4 11:09
* 02 QML奔驰车载仪简介.mp4 08:59
* 09 加餐1：QML 编程理念与Canvas绘图/
* 01 QML编程方式及Context2D简介.mp4 06:59
* 02 Canvas及Context2D的坐标.mp4 07:56
* 03 Canvas绘制矩形并改变颜色.mp4 06:13
* 04 Canvas绘制圆形及arc函数.mp4 05:53
* 05 arc代码手写及解析.mp4 07:25
* 06 arcTo绘制弧线.mp4 09:59
* 07 QML官方文档解读.mp4 05:59
* 10 加餐2：QML绘制时钟二次讲解及消化/
* 01 QML绘制时钟背景及刻度.mp4 18:53
* 02 QML绘制圆心点.mp4 06:42
* 03 QML绘制时针.mp4 11:28
* 04 QML让时钟跑起来.mp4 04:17
