简单分析一下我们的项目构成
初期想要实现的简单功能只需要前端就可以完成
javascript是一个非常强大的工具，基本可以实现我们所需要的动画和交互需求
simple animation with JavaScript
https://www.youtube.com/watch?v=AKmoccuRiN4
中期想要加入更多功能时其实也是前端就可以完成
后端的作用一般是存储数据，给前端提供数据，提供登录API，提供跑code功能这些，可能不会立马需要到
这里提供一个叫做electron的前端框架，VSC是用这个写的，使用前端的三件套（html，css，js）就可以制作出一个桌面程序，也可以分发到其他移动平台http://www.electronjs.org/
这个框架或许需要搭配其他的框架使用，例如react和vue：https://zhuanlan.zhihu.com/p/29164782
如果需要用到后端的话，那就会用到springboot来作为前后端交互的框架
Productive Web Development in Java with IntelliJ IDEA, Spring Boot, and Vaadin
https://www.youtube.com/watch?v=v8SwUUWSWG8
可供参考的demo是Algorithm Visualizer https://github.com/algorithm-visualizer/algorithm-visualizer
具体看github里面的readme
algorithm-visualizeris a web app written in React. It contains UI components and interprets commands into visualizations. Check out the contributing guidelines.serverserves the web app and provides APIs that it needs on the fly. (e.g., GitHub sign in, compiling/running code, etc.)
有一个contributor的页面告诉大家怎么在本地使用
https://github.com/algorithm-visualizer/server/blob/master/CONTRIBUTING.md#running-locally
这个项目的动画部分就是全部由js完成的，下午的时候可以研究一下
下午的工作就是回顾网页制作，研究electron，react，vue这些，能找到demo的都找一找，clone下来好做参考
思考一下需不需要用到springboot（我们需不需要后端）
JS动画制作的教程看一下
研究一下visualizer的构成
如果有其他合适项目的 发在群里和大家介绍一下（按照上次我们分配任务的人来做调查，这回要仔细研究一下项目构成
如果有接触过以上前端框架的，或者网上找到了好的demo的，或者有更好的选择的可以发群里和大家分享讨论
晚上的话分享一下以上前期工作结果
尝试着敲定框架，选择怎么个开发顺序
或许能够做一些或者玩一些小demo熟悉一下怎么回事
附录
第三章 Maven构建 Java Spring Boot Web项目
https://www.cnblogs.com/fengguozhong/p/12073054.html
https://www.lanqiao.cn/courses/?from_login_page=true
基于 JavaScript 实现打地鼠游戏
https://www.lanqiao.cn/courses/48
第一个Javaweb应用程序
https://www.cnblogs.com/albertrui/p/8428075.html
Maven构建 Java Spring Boot Web项目
https://www.cnblogs.com/fengguozhong/p/12073054.html
Java Web开发后端常用技术汇总
https://blog.csdn.net/deaidai/article/details/94589757
有什么值得推荐的 Java、Web 练手项目？
https://www.zhihu.com/question/29444491
Spring和SpringBoot的区别
https://blog.csdn.net/weixin_43770982/article/details/88977526
SpringBoot两小时视频教学
https://www.youtube.com/watch?v=vtPkZShrvXQ
SpringBoot图文教学
https://blog.csdn.net/qq_40147863/article/details/84194493
Spring图文教学
http://c.biancheng.net/spring/
Spring框架介绍及使用
https://blog.csdn.net/qq_22583741/article/details/79589910
Vaadin介绍与开发练习
https://blog.csdn.net/oscar999/article/details/105005780
Productive Web Development in Java with IntelliJ IDEA, Spring Boot, and Vaadin
https://www.youtube.com/watch?v=v8SwUUWSWG8
simple animation with JavaScript
https://www.youtube.com/watch?v=AKmoccuRiN4
高级css课程