This site is powered by
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML CSS JavaScript 初学者入门课程: 学习完整制作前端 Todo List 程序
欢迎加入本课程
前言 (1:45)
怎么寻求帮助?
1. 设置开发环境 (macOS)
1.1 安装Chrome浏览器 (macOS)【免费观看】 (1:42)
1.2 安装VS Code编辑器 (macOS)【免费观看】 (1:31)
1.3 安装Git (macOS)【免费观看】 (2:56)
2. 设置开发环境 (Windows)
2.1 安装Chrome浏览器 (Windows) (1:30)
2.2 安装VS Code编辑器 (Windows) (1:55)
2.3 安装Git (Windows) (4:05)
3. 界面设计和交互体验 (UI & UX)
3.1 设计Todo List界面 (1:21)
3.2 设计Todo List交互体验 (1:33)
4. 编写HTML/CSS
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功能
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程序
6.1 程序发布流程 【免费观看】 (2:09)
6.2 创建Github账号 + 创建代码仓【免费观看】 (3:52)
6.3 上传Todo List源代码 1 - 实操Git命令 (6:22)
6.4 上传Todo List源代码 2 - 同步本地代码仓库至Github (4:07)
6.5 开启Github Pages发布作品 (6:12)
7. 总结
总结 (3:32)
4.8 编写CSS代码 4 - 设置待办事项flex-grow
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock