课程介绍

从0开始讲解 TypeScript 这门编程语言，也就是从最基础的变量、类型注解、数据类型等开始讲起。采用引导式教学模式，利用案例来强化学习效果。最终，通过一个游戏案例，来练习和检验 TypeScript 的使用

课程目录

• TypeScript初体验
• 00-TypeScript初体验导读
• 01-JavaScript是什么
• 02-TypeScript是什么
• 03-TypeScript相比JS的优势
• 04-开发工具准备（1VScode）
• 05-开发工具准备（2Node.js）
• 06-为什么要安装解析TS的工具包
• 07-安装解析TS的工具包
• 08-第一个TS文件
• 09-简化执行TS的步骤
• 10-注释
• 11-输出语句
• 12-TypeScript初体验总结
• 2
• 变量和数据类型
• 00-变量和数据类型导读
• 01-什么是变量
• 02-变量的使用
• 03-配置VSCode
• 04-类型注解
• 05-命名规则和规范
• 06-变量的练习（交换两个变量的值）
• 07-数据类型概述
• 08-数字类型
• 09-字串类型
• 10-布尔类型
• 11-undefined和null类型
• 12-基本类型总结
• 3
• 运算符
• 00-运算符导读
• 01-算术运算符
• 02-加号实现字符串拼接<
• 03-加号引发的思考
• 04-赋值运算符
• 05-自增和自减运算符<
• 06-比较运算符
• 07-逻辑运算符<
• 4
• 语句
• 00-语句导读
• 01-条件语句概述
• 02-if 语句
• 03-else 语句
• 04-if else语句练习
• 05-三元运算符概述
• 06-三元运算符的练习
• 07-循环语句概述
• 08-从写作业的例子看for循环组成
• 09-for循环的基本使用
• 10-for循环的执行过程
• 11-断点调试查看for循环执行过程
• 12-VSCode断点调试配置(1配置步骤)
• 13-VSCode断点调试配置(2调试技巧)
• 14-for循环的练习(1打印1-5)
• 15-for循环的练习(2打印正在吃第n个包子)
• 16-for循环的练习(3计算1-100的和)
• 17-break和continue(1break)
• 18-break和continue(2continue)
• 5
• 数组
• 00-数组导读
• 01-数组概述
• 02-创建数组(语法一)
• 03-创建数组(语法二)
• 04-数组长度和索引
• 05-数组的取值和存值(1取值)
• 06-数组的取值和存值(2存值)
• 07-给数组添加元素
• 08-遍历数组(1计数器默认值为0)
• 09-遍历数组(2判断条件为数组长度减1)
• 10-遍历数组(3优化判断条件)
• 11-数组的练习(1求数组中所有元素的和)
• 12-数组的练习(2找出数组中的最大值)
• 13-数组的练习(3找出数组中不为0的元素)
• 6
• 函数基础
• 00-函数基础导读
• 01-函数概述
• 02-函数的使用
• 03-函数的使用练习
• 04-函数参数概述
• 05-形参和实参
• 06-参的其他说明
• 07-函数参数练习(1)
• 08-函数参数练习(2)
• 09-函数返回值概述
• 10-函数返回值的基本使用
• 11-函数返回值练习(1改造getSum函数)
• 12-函数返回值练习(2三角形面积)
• 13-函数返回值练习(3找最大值)
• 14-return的说明
• 15-函数基础总结
• 7
• 函数进阶
• 00-函数进阶导读
• 01-函数调试(基本操作)
• 02-函数调试(函数的执行过程)
• 03-变量作用域
• 8
• 运算符
• 00-对象导读
• 01-对象概述
• 02-创建对象
• 03-接口(1对象的类型注解)
• 04-对象方法的类型注解
• 05-接口的使用
• 06-对象取值
• 07-对象存值
• 08-对象的基本使用总结
• 09-内置对象概述
• 10-数组对象1(length属性)
• 11-数组对象2(push)
• 12-数组对象3(forEach)
• 13-数组对象3(forEach的解释说明)
• 14-forEach的练习
• 15-数组对象4(some)
• 16-TS的类型推论
• 9
• Web开发
• 01-Web开发基础概述
• 02-HTML的基本使用(1 创建第一个html页面并使用)
• 03-HTML的基本使用(2 常用标签)
• 04-CSS的基本使用(1 style属性)
• 05-CSS的基本使用(2 style标签)
• 06-CSS的基本使用(3 css文件)
• 07-在浏览器中使用JavaScript
• 08-使用Live Server插件-自动刷新浏览器
• 09-在浏览器中运行TS
• 10-DOM操作概述
• 11-获取元素(1 querySelector)
• 12-TS的类型断言
• 13-获取元素(2 querySelectorAll)
• 14-操作文本内容(innerText)
• 15-练习(querySelectorAll和innerText)
• 16-操作样式(1 style属性)
• 17-操作样式(2 classList属性)
• 18-操作事件(1 addEventListener 添加事件)
• 19-操作事件(2 事件对象)
• 20-removeEventListener 移除事件(1)
• 21-removeEventListener 移除事件(2)
• 22-关于函数声明形式的事件处理程序的两点说明