ionic 零基础开发手机端移动应用视频课程（CSS布局+JS组件+应用案例）

缺什么补什么：移动端布局和组件拼装的缺口

很多转岗或查漏补缺的开发者，做手机端应用时最容易卡在两件事上：一是页面骨架搭不出来，头部、底部、列表区域凑在一起就乱套；二是只会写逻辑，碰到图文混排、卡片滑动就不知道用哪个现成控件。这门课解决的就是这个缺口，它不空谈框架原理，而是直接从基础的页面结构入手，带着你把一个移动应用最常复用的几块界面拼出来。如果你之前写过点网页脚本，但没碰过手机端控件，或者看了很多理论却连一个像样的列表页都做不出来，那说明你缺的正是这种照着拆解、边写边调的练习。别假装组件调用你都会，真到图文混排卡片的细节排版时，照样会手生。

先补骨架再补控件：建议的阅读顺序与练习配合

看这份资料别跳着看，老老实实按它的推进顺序走。建议先把开头那几块基础知识吃透，弄懂怎么构建初始页面，然后紧接着去搭头部与底部控件。这两块是整个移动端布局的地基，地基没弄明白，后面写列表和卡片全得返工。地基搭好后，重点看按钮和列表的使用，这是应用里出现频率最高的两块。基础列表能跑通了，再去碰图文混合列表和卡片构建。资料里每一个控件讲完，都要打开编辑器照着敲一遍，别光看视频觉得懂了。比如讲到图文混排卡片时，你自己试着把文字和图片换成本地素材，看看排版会不会错位。遇到样式不对，就回头去查对应布局的写法，缺什么补什么，别糊弄过去。

看完应能回答的问题与独立产出

学完这份资料，你得能独立回答并做到下面几点：第一，拿到一个移动端原型图，能不能马上拆出要用头部、底部还是列表？第二，图文混排的列表和卡片，具体该套用哪种结构，样式该怎么写才不会在手机上撑破屏幕？第三，按钮在不同状态下的表现怎么用控件控制？如果你能回答这些，说明你真把基础控件吃透了，而不是背了几个名词。学完之后，你应该能独立从零搭出一个包含头部导航、底部菜单、可滚动图文列表和卡片展示的完整移动端页面。不用指望看完就能做出多复杂的带网络请求的应用，但只要这几块基础骨架你能自己拼起来，后面再去接数据接口、加复杂业务逻辑，就有现成的界面往里填东西了。