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 |