web开发

Web开发

进度条：

2025.8.9草率完结

速通了一下前端后端的内容

下面放一些资源

MIT web development course

IAP – MIT ELO

课程视频：https://www.youtube.com/

课程网站：https://weblab.mit.edu/

作业：weblab-workshops

javascript练习网站：https://www.jschallenger.com/javascript-practice

piazza:https://piazza.com/

csstricks网址：weblab.is/flex

Ui设计组件网站：Mantine

2025

完成了 2025 的课程。
所有的课程视频在 youtube 上都有，所有的作业在课题组的github上也能找到，对非MIT学生很友好。
完全没有基础的也可以学（因为作业的每一步都有答案）。如果有点基础的话，可以1.5倍速快速浏览视频然后做课程项目。
预计学时：35 小时 - 50 小时

基本上是一个网站制作速成课。课程介绍的东西都很浅显易懂，包括：

1. 基础 HTML + CSS + Javascript

2. 前端 React.js 基础

3. 后端 Express.js 简介

4. 后端数据库 mongodb + mongoose （mongodb云数据库可以免费注册，使用时记得挂梯子）

5. 后端 serverless：Next.js （一个很小的示例项目 bank-statement-viewer）

6. websocket + canvas （做一个类似 agar.io 的多人即时在线游戏）

7. Git 简介(解决方案：Stack Overflow)\

   Good Git practice: Learn Git Branching

   Git Cheat sheet: Cheatsheet

   new branch: git checkout -b “”

   merge: git merge “ “

   remote connection : git push /git pull

   /未提交情况

   (1)git stash (2)do anything (3) git stash pop

8. Google Auth API

2025 课程视频在 https://www.youtube.com/@mitweblab/videos 上可以找到。除了有一个视频录像窗口错误，没录到编程环节，其他视频都没问题。
2025 课程的作业（实验项目）在 https://github.com/weblab-workshops/catbook-react 里，git checkout 指定分支即可。
特别注意：全程挂梯子可以解决99%的疑难问题。（尤其是连接云端MongoDB、使用 Google Auth API 等场景）

到课程结束时，学生会实现一个本地网站的前后端，最终效果见：https://weblab.is/example
包括发送评论、使用 Google Auth 登录、云端MongoDB数据库持久化数据、实时聊天室、类似 agar.io 的多人即时在线游戏等。