CS142: Web Applications (Spring 2022)

课程官网

http://web.stanford.edu/class/cs142/index.html

实验内容

Project #1: HTML and CSS

基础html与css实验

Project #2: JavaScript Calisthenics

基础 JS实验，涉及new Function语法的使用与装饰器模式处理函数

Project #3: JavaScript and the DOM

1. 用DOM操作与Date类实现一个智能的日历组件
2. 在Project2的基础上用DOM操作处理表格

Project #4: Page Generation with ReactJS

1. 练习使用state动态更新页面内容
2. 编写组件并用props建立组件间的通信
3. 使用react-router实现客户端路由与单页应用

Project 5: Single Page Applications

1. 初步搭建照片分享应用，实现用户列表、用户详情与用户照片组件
2. 使用底层的AJAX接口XMLHttpRequest实现前后端间的通信。其中后端使用expressjs构建服务器

Project 6: Appserver and Database

1. 使用Mongodb储存、查询数据
2. 使用axios替换Project 5中的XMLHttpRequest并初步实现REST API

Project 7: Sessions and Input

1. 为照片分享应用添加登录与注册的功能，使用express-session管理登录状态
2. 增加照片评论功能
3. 增加照片上传功能，用multer解析携带文件的post请求