《TypeScript入门与全栈式网站开发实战》 教学大纲

《TypeScript入门与全栈式网站开发实战》教学大纲课程基本信息课程代码课程名称TypeScript入门与全栈式网站开发实战开课学院信息科学与技术适用专业软件工程、计算机科学与技术等学分4总学时64理论学时32实践学时32课程性质必修专业课程类别专业课考核方式课程设计先修课程无选用教材《TypeScript入门与全栈式网站开发实战》清华大学出版社，2024制定人审核人批准人制定时间审核时间批准时间课程简介TypeScript是由微软开发的、基于JavaScript的开源编程语言。目前,TypeScript已在前端领域占据重要地位,得到了广泛运用和开发市场的普遍认可。TypeScrip可应用予前端开发,甚至实现后端开发。本课程分三个部分12章来学习TypeScript语言。第一部分为基础篇,包含TypeScript开发入门、基础语法、面向对象、包装类和集合类型;第二部分为进阶篇,包含TypeScript语法进阶、名称空间和模块、类型声明文件;第三部分为实战案例篇,为巩固知识和提升TypeScript开发实践技能,准备了4个案例项目:使用Puppeteer框架爬取图书信息、将图书信息保存至MongoDB、实现后端RESTfulAPI服务、实现前端Vue应用。课程目标课程思政目标：树立正确的人生观、价值观、事业观、技术观，形成良好的开发习惯，培养团队开发和协同工作的意识，提高沟通能力和自我表达能力。具有软件工程师的基本素质，良好的编码能力、自觉的规范意识和团队精神、正确的价值取向、科技报国的社会责任感、探索未知终身学习的意识、精益求精的工匠精神。知识与能力目标：本课程使学生能够在零基础基础上，了解编程及项目开发的基本概念，掌握TypeScript语法、Puppeteer框架、Mongoose模块、Express.js、Vue3等相关技术，能应用相关技术从事简单应用的开发，为将来企业级全栈开发应用的实现奠定坚实的基础。要求学生在案例学习的基础上，分小组完成大作页项目的开发。在此过程中可锻炼学生的项目开发能力，体验软件的实施、协作过程。对领悟设计思想、强化训练技巧的能力也将大幅提升。四、课程内容与教学要求第一章开发入门（一）课程内容JavaScript语言的优缺点、JavaScript与TypeScript的关系、TypeScript语言的优点、搭建TypeScript开发环境。（二）教学要求了解：JavaScript语言的优缺点、TypeScript语言的优点理解：JavaScript与TypeScript的关系掌握：搭建TypeScript开发环境重点：整体TypeScript开发环境的搭建第二章基础语法（一）课程内容注释、标识符、关键字、基础类型、变量、常量、操作符、分支语句、循环语句和循环函数、跳转、函数。（二）教学要求掌握：基础类型、变量、操作符、分支语句、循环语句、循环函数、跳转、函数重点：分支语句、循环语句、函数难点：基础类型繁杂、循环函数、递归函数、箭头函数、回调函数第三章面向对象（一）课程内容类和对象的基本概念、类结构、属性、成员函数、访问器、构造函数、创建对象、继承语法、单继承、函数覆盖与多态、this与super、抽象类、定义接口、接口实现类等一系列知识和概念。（二）教学要求理解：类、对象的基本概念,继承、覆盖、多态的概念和使用场合,抽象类和接口概念和作用掌握：类的设计,对象的创建,继承、覆盖、多态相关语法,关键字this和super的使用,接口的定义和使用重点：类的设计、对象的创建和继承难点：多态第四章包装类（一）课程内容Boolean、Number、String、正则表达式。（二）教学要求理解：Boolean、Number、String包装类型的使用场合，正则表达式作用掌握：Boolean、Number、String包装类型的使用，正则表达式的常见应用重点：String包装类型的使用难点：正则表达式第五章集合类型（一）课程内容数组、元组、Set、Map类型，集合类型间的转换。（二）教学要求理解：数组、元组、Set、Map类型的使用的使用场合，数组、元组、Set、Map类型间可进行转换掌握：组、元组、Set、Map类型的使用，数组、元组、Set、Map类型间的转换难点：数组、元组、Set、Map类型的使用有些繁杂重点：数组、元组、Map类型的使用第六章语法进阶（一）课程内容解构与展开、访问修饰符和只读修饰符、修饰器及修饰工厂，接口兼容性、类兼容性、函数兼容性，联合、交叉、别名、推断、断言、泛型，泛型类、泛型约束、索引签名约束，错误处理，异步处理。（二）教学要求理解：解构与展开的使用场合，访问修饰符和只读修饰符的作用，各类修饰器及修饰工厂，类型不一致时，需要进行兼容性处理，类型操作的作用，约束的作用和使用场景，错误的概念，异步处理的概念，以及2种异步处理编程写法的特点掌握：解构与展开的使用代码，访问修饰符和只读修饰符的使用代码，兼容性代码，类型操作相关代码，约束代码，处理错误的trycatchfinally语法，异步处理的Promise写法和async+await写法难点：修饰器的定义和使用，理解和使用兼容性，泛型定义和使用，异步处理概念和应用重点：解构与展开，接口兼容性、类兼容性、联合、交叉、别名、推断的使用，处理错误的trycatchfinally语法、异步处理的Promise写法和async+await写法第七章名称空间和模块（一）课程内容定义名称空间和导出资源、名称空间嵌套、跨文件访问名称空间内资源、普通脚本资源全局可见、模块导出默认资源、模块导出多个资源、同时导出默认资源和普通资源、导入变量的只读特征、导出导入的其他语法、CommonJS规则下模块的导出导入（二）教学要求理解：名称空间和资源的导入和导出在项目中的作用掌握：定义名称空间，导出导出资源，跨文件访问资源，CommonJS规则下模块的导出导入难点：同时导出默认资源和普通资源重点：定义名称空间和导出导入资源第八章类型声明文件（一）课程内容获取内置API的类型声明文件、获取常用第三方JS库的类型声明文件、对JavaScript文件的直接支持、为.js文件编写类型声明文件（二）教学要求理解：声明文件的作用掌握：获取内置API的类型声明文件,获取常用第三方JS库的类型声明文件的写法,对JavaScript文件的直接支持写法,为.js文件能编写自定义的类型声明文件难点：为.js文件能编写自定义的类型声明文件重点：为.js文件能编写自定义的类型声明文件第九章使用Puppeteer框架爬取书籍信息（一）课程内容演示：用TypeScript语言调用Puppeteer框架API，对清华大学出版社网站“新书推荐”书籍信息进行爬取。然后调用Node.js内置模块fs，保存信息到Json文件中。（二）教学要求理解：Puppeteer框架的作用和优点，使用Puppeteer框架爬取书籍信息的流程掌握：搭建Puppeteer框架爬取数据的开发环境，使用Puppeteer框架爬取书籍信息，并保存为JSON格式数据的核心代码难点：Puppeteer框架爬取书籍信息实现代码重点：编写Puppeteer框架爬取书籍信息实现代码并测试第十章书籍信息保存至MongoDB中（一）课程内容将爬取的Json格式信息，使用Mongoose框架API存放到MongoDB数据库中。（二）教学要求理解：了解MongoDB数据库相关概念，操作MongoDB的框架Mongoose作用掌握：搭建将书籍信息保存至MongoDB中的开发环境，使用Mongoose模块，将Books.json文件中的书籍信息保存到MongoDB数据库的核心代码难点：利用MongooseAPI，将Books.json数据填入MongoDB数据库重点：利用MongooseAPI，将Books.json数据填入MongoDB数据库第十一章实现RESTfulAPI服务（一）课程内容用Express.js应用框架构建RESTfulAPI服务，提供对MongoDB数据库中存放的书籍信息进行功能操作：获取列表信息、获取详细信息、修改书籍信息、更换书籍封面图片、删除书籍等。（二）教学要求理解：RESTfulAPI是一种软件架构风格-将行为和资源分离，Express.js是一个轻量级的Web应用框架掌握：搭建实现RESTfulAPI服务的开发环境，能基于Express.js搭建RESTfulAPI应用的整体构架难点：实现RESTfulAPI服务复杂度较大：涉及中间件、路由、实现控制器等部分重点：基于Express.js搭建RESTfulAPI应用的整体构架，利用MongooseAPI实现控制器核心代码第十二章实现前端Vue应用（一）课程内容设计Web前端Vue3应用，调用RESTfulAPI来实现对书籍信息的管理。（二）教学要求理解：Vue3项目特点,前端Vue3应用实现的整体思路掌握：使用Vite构建Vue3项目整体构架,安装vue-router模块、配置路由,定义实体类、设计服务类、设计Vue组件,编写与API交互代码难点：Vue项目复杂度较大：涉及面较多，不易实现重点：创建Vue项目整体框架，并在框架基础上设计逻辑代码，实现与后端API的交互五、本课程开设的实践（训）针对TypeScript语法，1~8章后设有相应的“实战闯关”练习环节：实战闯关1:环境搭建、初试开发实战闯关2:基础语法实战闯关3:面向对象实战闯关4:包装对象、正则表达式实战闯关5:集合实战闯关6:语法进阶实战闯关7:名称空间和模块实战闯关8:类型声明文件巩固TypeScript语法，在9~12章安排了项目实践：项目实践1：使用Puppeteer框架爬取书籍信息 项目实践2：将书籍信息保存至MongoDB中MongoDB项目实践3：实现RESTfulAPI服务项目实践4：实现前端Vue应用六、课程考核（一）考核要求本课程成绩评定采用项目答辩的形式展示大作业作品，要求提交项目文档，项目报告，进行项目的演示。成绩构成：平时成绩40%（4次作业），期末成绩60%（二）成绩评定序号考核形式考核方法考核权重备注1平时成绩4次作业40%2期末成绩项目(大作业)答辩60%总评成绩100%说明：学生不提交或被认定为抄袭者，以0分计算。七、参考书目及学习资料教材名称：《TypeScript入门与全栈式网站开发实战》清华大学出版社，2024参考资料(资源)：

[1]汪明.TypeScript实战[M].北京:清华大学出版社,2020.

[2]柳伟卫.Node.js+Express+MongoDB+Vue.js全栈开发[M].北京:清华大学出版社,2013.

[3]郑均辉,薛燚.JavaScript+Vue+React全程实例[M].北京:清华大学出版社,2019.

[4]吕鸣.Vue.js3应用开发与核心源码解析[M].北京:清华大学出版社,2022.

[5]ALEXISG.精通MongoDB3.x[M].陈凯,译.北京:清华大学出版社,2019.

[6]EDWARDSG,SABHARWALN.MongoDB实战:架构、开发与管理[M].蒲成,译.北京:清华大学出版社,2017.

[7]ISAACKSJD.ES2015/2016