课程介绍
精心为初学者打造的前端程序制作课程，以最通俗易懂的讲解方式和
系统化的课程内容，结合HTML/CSS/JavaScript理论讲解和实战部署，
深入浅出的将前端知识融汇其中，手把手教你实现“待办事项清单网络应用” (Todo List WebApp) 的制作。
适合人群
对软件编程感兴趣的新手小白以及
没有完整开发经验的各年龄层初学者。
加入本课程的好处：
✅ Codetisan VIP 专属社区终身会员 (可以直接与我在该社区互动，同时也可以和其他学员互相学习、分享经验) 【价值$500美金】
✅ 掌握编程思维和编写技巧。
✅ 掌握HTML DOM元素布局和规划。
✅ 掌握CSS针对HTML DOM元素进行排版和美化。
✅ 掌握JavaScript处理和用户之间的交互体验。
✅ 掌握HTML/CSS/JavaScript + Git 协作开发能力。
✅ 系统化实战开发经验。
✅ 终身免费视频内容更新。
✅ 程序发布后获得免费域名(专属URL) + 托管服务。
看看其他学员怎么说
HTML CSS JavaScript 是网络应用必备制作工具
我会在课程里用最通俗易懂的讲解方式带你入门开发属于你的第一个Web Application！
学习完整制作前端 Todo List 程序
课程列表
欢迎加入本课程
Available in
days
days
after you enroll
1. 设置开发环境 (macOS)
Available in
days
days
after you enroll
2. 设置开发环境 (Windows)
Available in
days
days
after you enroll
3. 界面设计和交互体验 (UI & UX)
Available in
days
days
after you enroll
4. 编写HTML/CSS
Available in
days
days
after you enroll
- 4.1 Todo List UI 组件【免费观看】 (2:07)
- 4.2 Todo List UI 组件 (PDF版本)
- 4.3 编写HTML代码 - 页面布局【免费观看】 (7:39)
- 4.4 编写CSS代码 1 - 创建和连接CSS外部资源 (6:06)
- 4.5 什么是盒子模型 (CSS Box Model) (4:52)
- 4.6 编写CSS代码 2 - 盒子模型实操 (3:48)
- 4.7 编写CSS代码 3 - 设置元素CSS (5:43)
- 4.8 编写CSS代码 4 - 设置待办事项flex-grow (7:15)
- 4.9 编写CSS代码 5 - 改造默认复选框CSS (9:27)
- 4.10 编写CSS代码 6 - 美化删除按钮 (5:54)
5. 开发JavaScript功能
Available in
days
days
after you enroll
- 5.1 添加Todo List - 数据流程【免费观看】 (1:51)
- 5.2 添加待办事项 1 - 创建添加待办事项函数function【免费观看】 (6:02)
- 5.3 添加待办事项 2 - 创建添加待办事项表单Form (8:49)
- 5.4 添加待办事项 3 - 添加待办事项Array数据 (4:27)
- 5.5 显示待办事项列表 1 - 创建显示列表函数function (6:10)
- 5.6 显示待办事项列表 2 - 调整待办事项列表顺序 (2:11)
- 5.7 更新待办事项状态 1 - 创建复选框事件监听器捕捉Click事件 (7:08)
- 5.8 更新待办事项状态 2 - 创建更新状态函数function (10:13)
- 5.9 更新待办事项状态 3 - 修复绿钩子bug (5:32)
- 5.10 删除待办事项 1 - 创建删除待办事项事件监听器Event Listener (4:40)
- 5.11 删除待办事项 2 - 创建删除待办事项函数function (7:25)
- 5.12 储存待办事项数据 1 - Local Storage (6:17)
- 5.13 储存待办事项数据 2 - Local Storage (7:24)
6. 发布Todo List程序
Available in
days
days
after you enroll
7. 总结
Available in
days
days
after you enroll
