Welcome to WebMOOC-Practice！We look forward to helping people who want to learn about Web technologies in an open source way.
欢迎访问 WebMOOC-Practice ，我们期望能够用开源的方式帮助希望学习 Web 技术的人士。
WebMOOC-Practice helps technical beginners learn more systematically by providing many step-by-step and targeted web practice projects. We also hope to provide some interesting projects for experienced developers to have fun.
WebMOOC-Practice 提供许多循序渐进、有针对性的Web实践项目，来帮助技术初学者更系统地进行学习。我们也希望提供一些有意思的项目，来让那些有经验的开发者寻找乐趣。
- Choose the task according to your skill level and the skill point you want to learn;
- Coding;
- Share your code in an issue for each task, or wherever you like, so that other people can help you with code review;
- Listen to others with an open mind, have active discussions, try different solutions, optimize your code, and become a better developer;
- Finally, you can summarize what you learned from the task in a blog post.
_
- 根据你自己的技术能力水平，和想学习的技术点，选择对应的任务；
- 编码；
- 分享你的代码到每个任务对应的issue里，或者其它你愿意分享的地方，以便于有热心的人来帮你做代码评价；
- 以开放的心态聆听别人的建议，进行积极的讨论，尝试不同的方案，优化你的代码，成为更好的自己；
- 最后你可以把通过这个任务学习到的东西总结成一篇博客分享出来。
| Practice | Brief Introduction | Tier | Knowledge Involved |
|---|---|---|---|
| 静态简历 | 使用 HTML 和 CSS 实现一个自己的在线简历 | ⭐ | HTML CSS |
| 高级简历 | 使用 HTML、CSS、JavaScript 实现一个高级版的个人简历网站 | ⭐ | HTML CSS JavaScript |
| 电子报纸 | 使用 HTML 和 CSS 实现一个报纸的电子化 | ⭐ | HTML CSS |
| 计算器函数 | 实现一个计算器函数，输入为一个计算表达式，输出为计算结果 | ⭐ | JavaScript |
| 队列 | 实现一个队列并在页面中显示 | ⭐ | JavaScript |
| 栈 | 实现一个栈并在页面中显示 | ⭐ | JavaScript |
| 石头剪刀布 | 待更新 | ⭐ | JavaScript |
| 树可视化 | 待更新 | ⭐ | JavaScript |
| 简单的柱状图 | 待更新 | ⭐ | JavaScript |
| 颜色选择器 | 待更新 | ⭐ | JavaScript |
| 表单生成器 | 待更新 | ⭐ | JavaScript |
| 车流模拟 | 待更新 | ⭐ | JavaScript |
| 与非门模拟 | 待更新 | ⭐ | JavaScript |
| 数据总线 | 待更新 | ⭐ | JavaScript |
| 密码解析 | 待更新 | ⭐ | JavaScript |
| 带界面交互的简单计算机 | 实现一个带界面和交互的计算机 | ⭐ | HTML CSS JavaScript |
| 待办小工具 | 实现一个TODO待办管理小工具 | ⭐⭐ | HTML CSS JavaScript |
| 餐厅游戏 | 实现一个餐厅经营的小游戏 | ⭐⭐⭐ | HTML CSS JavaScript |
| 简易聊天室 | 待更新 | ⭐ | JavaScript |
| 足球场 | 待更新 | ⭐ | JavaScript |