• 2023-06-11

mk_6小时jQuery开发一个前端应用

项目从html的结构搭建到css3样式布局,再到jquery动态效果实现,先从大的页面布局开始,一点点向下完善细节,手把手教大家掌握清单应用的开发。通过搭建一个清单应用,让你一次性掌握jQuery核心功能和使用技巧。

课程目录:

第1章 前期准备3 节 | 20分钟
介绍课程目标和学习内容,基本环境的部署及结构说明。
1-1 课程简介 (03:46)
1-2 基本环境的部署 (08:22)
1-3 结构说明 (07:13)


第2章 整体布局2 节 | 21分钟
对所有页面进行整体布局,以保证在不同页面中的布局标准统一。
2-1 整体布局(1) (10:28)
2-2 整体布局(2) (10:14)


第3章 细节完善4 节 | 48分钟
使用css3选择器及css3样式对输入框、按钮及列表清单版块进行美化。
3-1 细节完善(css reset、normalize.css) (08:25)
3-2 细节完善(1) (09:05)
3-3 细节完善(2) (15:44)
3-4 细节完善(3) (14:09)


第4章 添加及查看Task5 节 | 59分钟
使用 store.js 第三方库对任务进行多维数据存储,实现新任务的添加、查看及删除任务功能。store.js可以对 locastorge 进行灵活操作。
4-1 添加及查看Task(1) (10:49)
4-2 添加及查看Task(2) (13:15)
4-3 添加及查看Task(3) (09:36)
4-4 删除Task(1) (12:59)
4-5 删除Task(2) (11:23)


第5章 Task详情6 节 | 62分钟
实现Task详情及对代码进行代码注释。
5-1 Task详情(1) (07:57)
5-2 Task详情(2) (08:39)
5-3 Task更新(1) (12:20)
5-4 Task更新(2) (13:44)
5-5 Task更新(3) (10:16)
5-6 代码注释及完善工作列表 (08:11)


第6章 标记完成状态、定时提醒5 节 | 72分钟
实现添加task提醒时间功能
6-1 标记完成状态、定时提醒--标记完成状态(1) (12:54)
6-2 标记完成状态、定时提醒--标记完成状态(2) (13:15)
6-3 标记完成状态、定时提醒--标记完成状态(3) (17:06)
6-4 标记完成状态、定时提醒--setInterval实现Task定时提醒(1) (12:52)
6-5 标记完成状态、定时提醒--setInterval实现Task定时提醒(2) (15:19)


第7章 自定义Alert4 节 | 54分钟
重写js原生Alert弹出框。
7-1 自定义Alert--弹出层添加 (12:01)
7-2 自定义Alert--javascript 实现动态居中 (13:02)
7-3 自定义Alert--确定、取消功能(1) (13:22)
7-4 自定义Alert--确定、取消功能(2) (14:53)



正文到此结束