|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/master-typescript-react-typescript-to-develop-projects/
课程评论：没有评论
**课程总结：精通 TypeScript 与 React TypeScript 项目开发** 本课程旨在教授学员如何掌握 TypeScript 语言及其在 React 项目中的应用，从而提升开发效率和代码质量。 **课程核心内容：** * **TypeScript 基础：** * 深入理解 TypeScript 的概念及其与 JavaScript 的区别。 * 掌握 TypeScript 的各项特性，并通过实际动手示例进行学习。 * 学习安装及使用所需的开发软件。 * 理解 Transpiler 的作用，以及 Transpiling 与 Compiling 的差异。 * 实践编写、编译及运行第一个 TypeScript 程序。 * 学习使用 watch 模式进行 TypeScript 转译，实时监测代码变更。 * 掌握变量声明、作用域（`let`, `const`, `var`）以及各种数据类型（包括数组、元组、枚举、`any`、`unknown` 以及类型推断、联合类型）。 * 学习使用模板字符串、子类型、`unknown` 类型与类型断言。 * **TypeScript 函数与接口：** * 学习 TypeScript 中函数的定义与类型标注。 * 掌握可选函数参数和默认函数参数的用法。 * 理解接口 (`Interface`) 的重要性，并通过示例学习其应用。 * **TypeScript 类与继承：** * 学习如何在 TypeScript 中创建类 (`Class`) 和对象 (`Object`)。 * 掌握继承 (`Inheritance`) 的概念及实现方式。 * 了解并使用访问修饰符 (`Access modifiers`) 控制属性和方法的可见性。 * **React 与 TypeScript 集成：** * 理解为何将 React 与 TypeScript 结合使用。 * 学习创建支持 TypeScript 的 React 应用。 * 熟悉 React TypeScript 项目的工作流程和结构概览。 * 实践创建第一个 React 组件（包括 ES5 和 ES6 语法）。 * 掌握在 React 组件中为 props（包括字符串、数字、布尔值、自定义对象类型以及自定义对象数组）添加 TypeScript 类型支持。 **学习目标：** 完成本课程后，学员将能够熟练使用 TypeScript 为 React 项目添加强类型支持，编写更健壮、易于维护的代码，并能自信地开发复杂的 React 应用程序。
Welcome to this Typescript and React Typescript Masterclass course.In this course you will the following:What is TypescriptDifference between JavaScript and TypescriptFeatures of Typescript with Real Practical Handson Examples for each conceptLearn to install and use required softwareWhat is TranspilerWhat is the difference between Transpiling and CompilingWriting Compiling and Running our first Typescript programTranspiling in watch mode for any new changesVariable declaration and scopes - let const varData Types explanationDeclaring variables with Data TypesTemplate String in TypescriptSub types in TypescriptArrays and Tuple in TypescriptEnum in TypescriptAny type in TypecsriptUnknown type in Typescript and Type castingType inference in TypescriptMulti type or Union type in TypescriptFunctions and TypescriptOptional function parameters in TypescriptDefault function parameters in TypescriptWhy we need Interface in TypescriptInterface ExampleClass and Object in TypescriptInheritance in TypescriptAccess modifiers in TypescriptYou will learn to create React Application with Typescript support and then start applying Typescript concept to all React JS concepts one by one as mentioned below:Why Should we Combine React with TypescriptCreating new React Typescript applicationReact Workflow and React Typescript Project OverviewCreate First React Component with ES5 syntaxCreate First React Component with ES6 syntaxUsing Props with Typescript in React ComponentUsing string number and boolean type with props and component attributesProps with Custom Object TypeProps with Array of Custom Object
