飞豹客 · 课能看,资料也能带走
飞豹客体系课

jQuery mobile + Node搭建移动端WEB APP实战(在线影院)

这门课在做什么 课程围绕一个具体的业务项目展开:用 jQuery Mobile 做移动端页面,用 Node 搭建服务端,最终拼出一个可运行的在线影院 Web App。换句话说,它不是单纯的前端组件教学,也不是孤立的 Node 入门,而是把“移动端 UI + 后端接口 + 数据渲染”这条完整链路串起来

单课价¥39.00新品 上架
会员价¥19.50开通会员,全站课程按会员价下载套餐详情
0 人关注 更新于 2026-10-21 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥39.00

会员 · 按档位

永久¥19.505折
年¥23.406折
月¥27.307折

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

这门课在做什么

课程围绕一个具体的业务项目展开:用 jQuery Mobile 做移动端页面,用 Node 搭建服务端,最终拼出一个可运行的在线影院 Web App。换句话说,它不是单纯的前端组件教学,也不是孤立的 Node 入门,而是把“移动端 UI + 后端接口 + 数据渲染”这条完整链路串起来,让你在做完项目之后,对一个轻量级 Web App 的结构心里有底。

前端部分会从设计稿分析讲起,再讲页面布局、按钮、工具栏、导航栏、列表、表格和网格等组件,最后用页面事件把交互串起来。Node 部分则覆盖基础语法、模块系统、npm 常用指令,一直到能写接口、读数据。整体定位是“用项目带动基础”,而不是“基础讲完再上项目”。

适合谁,基础门槛是什么

这门课的目标人群是已经会一点 HTML、CSS 和 JavaScript,想往移动端 Web 方向走,或者想了解前后端如何打通的人。如果你是完全零基础,连 JS 变量和函数都不熟,直接上手会偏吃力,建议先补一两周原生 JS 再来。如果你已经做过静态页面,但没碰过 Node,这门课正好适合——前端部分能很快带过去,Node 部分会从模块、npm 一路讲到能跑起服务端。

它不适合两类人:一是想学原生 App(iOS/Android)开发的,本课做的是 Web App,方向不同;二是想直接上手主流框架(Vue、React 等)的,这门课用的是 jQuery Mobile 这类相对老牌的技术栈,更适合打地基而不是追新。

建议的学习路径

资料大体分成两段:前端部分先讲设计稿和页面布局基础,再讲 jQuery Mobile 的组件和事件。建议先认真看设计稿分析和布局基础,这是相当多人会跳过的部分,但对后面写组件、写页面非常关键。组件部分按顺序看就行,按钮、工具栏、导航栏、列表是后面项目里出现次数最多的,表格和网格可以快速过,等用到了再回查。

Node 部分从 Node 简介开始,把模块系统那几节吃透,理解 require、exports、模块缓存是怎么工作的,再学 npm 常用指令。后半段的服务端开发是项目核心,建议跟着老师的节奏把路由、接口、数据读取写一遍,自己改一改返回结构,比单纯听有效。

学完能独立做什么,资料怎么配合练习

学完之后,你能独立做一个轻量的移动端 Web App:前端用 jQuery Mobile 拼出首页、详情页、分类页,能写页面切换和事件交互;后端用 Node 起服务、写接口、处理请求;前后端通过 Ajax 串起来,数据从服务端拉到前端渲染。

练习时,建议不要只跟着敲一遍。每一节看完,先把对应的页面或接口在自己工程里复刻一遍,再尝试改动布局、增减接口字段,或者把里面的“影院”换成别的内容(比如新闻、商品列表),用同一套技术栈做一遍。这个过程会逼你真正理解结构怎么设计、组件怎么复用,比多看两遍视频更扎实。资料里的源码和示例可以作为参考,但不要直接当成作业提交——自己写一遍,才能把这条链路真正走通。

课程目录

课程目录37 集
  • 1-1 [jQuery mobile基础知识体系] 课程简绍 (09:26).mp4
  • 1-2 [jQuery mobile基础知识体系] 移动端设计稿分析 (02:56).mp4
  • 1-3 [jQuery mobile基础知识体系] 移动端页面布局基础 (05:31).mp4
  • 1-4 [jQuery mobile基础知识体系] jQuery mobile简介 (10:39).mp4
  • 1-5 [jQuery mobile基础知识体系] jQuery mobile组件-按钮 (14:01).mp4
  • 1-6 [jQuery mobile基础知识体系] jQuery mobile工具栏 (11:20).mp4
  • 1-7 [jQuery mobile基础知识体系] jQuery mobile导航栏 (06:20).mp4
  • 1-8 [jQuery mobile基础知识体系] jQuery mobile页面 (06:05).mp4
  • 1-9 [jQuery mobile基础知识体系] jQuery mobile列表 (05:09).mp4
  • 1-10 [jQuery mobile基础知识体系] jQuery mobile表格布局 (06:36).mp4
  • 1-11 [jQuery mobile基础知识体系] jQuery mobile网格布局 (04:22).mp4
  • 1-12 [jQuery mobile基础知识体系] jQuery mobile页面事件 (14:17).mp4
  • 1-13 [jQuery mobile基础知识体系] jQuery mobile其它事件形式 (01:51).mp4
  • 2-1 [nodeJS基础知识体系] node简介 (09:41).mp4
  • 2-2 [nodeJS基础知识体系] node模块系统 (10:06).mp4
  • 2-3 [nodeJS基础知识体系] node模块系统 (09:56).mp4
  • 2-4 [nodeJS基础知识体系] npm常用指令 (03:19).mp4
  • 2-5 [nodeJS基础知识体系] package.json文件 (09:35)
  • 3-1 [项目实战-jQuery mobile+node 移动端在线影] 项目简介 (02:01).mp4
  • 3-2 [项目实战-jQuery mobile+node 移动端在线影] 搭建项目基础结构 (04:10).mp4
  • 3-3 [项目实战-jQuery mobile+node 移动端在线影] 工具栏实现-首页顶栏效果 (07:24).mp4
  • 3-4 [项目实战-jQuery mobile+node 移动端在线影] jQuery mobile-实现首页导航栏效果 (06:57).mp4
  • 3-5 [项目实战-jQuery mobile+node 移动端在线影] 首页轮播图实现机制 (07:41).mp4
  • 3-6 [项目实战-jQuery mobile+node 移动端在线影] 实现首页轮播图切换效果 (11:41).mp4
  • 3-7 [项目实战-jQuery mobile+node 移动端在线影] 实现首页轮播切换效果 (06:21).mp4
  • 3-8 [项目实战-jQuery mobile+node 移动端在线影] 轮播图滑动切换 (19:54).mp4
  • 3-9 [项目实战-jQuery mobile+node 移动端在线影] 实现电影列表布局 (07:09).mp4
  • 3-10 [项目实战-jQuery mobile+node 移动端在线影] 电影介绍页实现 (10:15).mp4
  • 3-11 [项目实战-jQuery mobile+node 移动端在线影] 电影介绍页实现 (03:17).mp4
  • 3-12 [项目实战-jQuery mobile+node 移动端在线影] 电影介绍页效果完善 (06:05).mp4
  • 3-13 [项目实战-jQuery mobile+node 移动端在线影] 视频播放页实现 (17:35).mp4
  • 3-14 [项目实战-jQuery mobile+node 移动端在线影] 视频评论列表实现 (13:04).mp4
  • 3-15 [项目实战-jQuery mobile+node 移动端在线影] 评论列表显示与隐藏切换效果 (06:15).mp4
  • 3-16 [项目实战-jQuery mobile+node 移动端在线影] 评论列表效果完善 (02:49).mp4
  • 3-17 [项目实战-jQuery mobile+node 移动端在线影] node搭建服务器访问影院站点 (09:42).mp4
  • 3-18 [项目实战-jQuery mobile+node 移动端在线影] jQuery ajax获取node服务器数据 (04:26).mp4
  • 3-19 [项目实战-jQuery mobile+node 移动端在线影] 将数据绑定到页面 (10:04).mp4
  • 3-20 [项目实战-jQuery mobile+node 移动端在线影] 课程总结 (01:38).mp4