TypeScript – System entry to project action

Baidu web disk link download

TS advantages in building large-scale applications, as well as the perfect interoperability with JS, let TS future bright, in moOCs popular lecturer Dell teacher take you from 0 to 1 system learning, TS really applied to the framework and project, in the framework of the middle school, in the project of the middle school, in the teacher guidance middle school!

Suits the crowd

Early level front-end developers and developers interested in TypeScript

Technical reserve requirements

Familiar with ES6 syntax and apis

Some knowledge of Node Express is required

Chapter Contents:

Chapter 1 Course Guide This chapter mainly introduces the syllabus, learning premise, teaching method and expected harvest of the course.

One session (7 minutes)

1-1 It’s 2020. Why don’t you learn TypeScript? See Chapter 2 for an introduction to TypeScript’s basic syntax. This chapter will help you understand the problems TypeScript can handle and the benefits it brings. It will also help you understand the various static types in TS, including: Function, array, tuple, class, general class interface, etc., quickly assist you to understand the basic usage of TS and syntax.

There are 16 sessions (169 minutes)

What does TypeScript do for you? (10:42 An in-depth look at static typing (03:47) 2-6 Base types and object types (07:36) 2-7 type annotations and type inference (08:59) 2-8 function-related types (11:31) 2-9 Base syntax review (11:58) 2-10 Arrays and tuples (15:00 2-12 Class Definition and Inheritance (07:28) 2-13 Class Access Types and structors (20:02) 2-14 Static properties, Setters and Getters (15:43) 2-15 General Classes (13:16) 2-16 Homework Chapter 3 writing a crawler in TypeScript This chapter will take you through the process of writing a crawler in TypeScript to get sales of web courses. This process solidify the TypeScript fundamentals we learned in the previous chapter and explain the design of local object-oriented development with the help of OOP programming in TypeScript.

There are 8 sessions (104 minutes)

3-2 Use SuperAgent and type definition file to obtain page content (18:43) 3-3 Use Cheerio to stop data extraction (12:32) 3-4 Structure design and storage of crawl data (18:00) 3-5 Chapter 4 of homework section 3-8: Advanced TypeScript syntax. This chapter explains more about TypeScript compilation TypeScript advanced syntax and primitive knowledge. This includes how to stop TypeScript compilation configuration, incorporating types, type maintenance, enumerated types, and generics. At the same time, it also gives you an expanded explanation of the use of type definition files and writing methods. By the end of this chapter, you’ll be able to control most of TypeScript’s syntax. .

A total of 16 sessions (178 minutes) close the list

4-1 Configuration files in TypeScript (top) 4-2 Configuration files in TypeScript (bottom) (11:09) 4-3 Homework Section 4-4 Combining types and Type Maintenance (14:12) 4-5 Enum Types (14:08) 4-6 Function generics (13:46) generics in classes 4-7 and generic types (16:37) 4-8 Namespace-Namespace (top) (15:26) 4-9 Namespace-namespace (bottom) (10:37) 4-10 Import corresponding modularity – Missing code (09:36) 4-14 Type description file for TS code using Parcel (07:04) 4-14 Type description file for TS code using Parcel (07:04) Chapter 5 Using the Express framework to develop a data crawl and display interface. This chapter uses TypeScript syntax in the Express framework to stop logging in, data crawl and display interface development. The process solidifies the fundamentals of TypeScript and explains the issues and plans for working with TypeScript in a JavaScript framework.

A total of 5 sessions (96 minutes)

5-2 Problems encountered in using TS to write general Express code (15:34) 5-3 Extension processing Express type definition file problem (13:24) 5-4 Development of login function (23:29) Advanced TypeScript Syntax This chapter explains the syntax of decorators and metadata in TypeScript, including class decorators, method decorators, attribute decorators, and parameter decorators. By the end of this chapter, you’ve basically learned all of TypeScript’s key syntax.

There are 10 sessions (88 minutes)

Class 6-1 decorators (1) (14:08) Class 6-2 decorators (2) (12:59) 6-3 method decorators (10:51) 6-4 Accessor decorators (06:12) 6-5 Attribute decorators (09:27) 6-6 parameter decorators (03:59) 6-7 6-8 Reflection-Metadata (13:13) 6-9 Decorator execution (08:33) 6-10 Assignments Chapter 7 Express Project Code Improvements To separate decorators and metadata syntax learned in the previous chapter, This chapter will be through the object-oriented way, before the interface code to stop the comprehensive reconstruction, and finally help you write and the mainstream Node framework style of back-end application code differences, on the previous chapter of knowledge to stop fighting solid, while assisting you to understand the Node framework design behind the rational knowledge. .

There are 6 sessions (78 minutes)

7-1 Creation of controller and decorator (13:57) 7-2 Completion of project routing function through decorator (11:45) 7-3 Generation of decorator in various solicitation methods (08:22) 7-4 Middleware Decorator writing (11:06) 7-5. Code construction optimization (25:11) 7-6. Exercises: In this chapter, you will learn how to use TS syntax to stop the development of the React code. We’ll show you how to use TypeScript smartly and correctly on front-end centric frameworks like React and Redux. At the end of this chapter, we will produce a complete crawler project and stop displaying the crawler data through visualization. .

There are 9 sessions (146 minutes)

8-1 Initialize React project (10:55) 8-2 Write login form (14:57) 8-3 Use of type and route (16:27) 8-4 Use of front and back end code and login jump logic development (23:31) 8-5 Complete optimization of login and exit function (19:46) 8-6 Data crawl and Echarts (15:37) 8-7 Line graph data processing and presentation (17:51) 8-8 Interface data type redundancy issues (15:37) 8-9 Simplified Typescript front and back collaboration (10:56) Chapter 9 This chapter will summarize the knowledge learned in the whole project and give you the methods and skills to further study TS.

One session (6 minutes)

9-1 Course Summary and Introduction of follow-up Learning Methods (05:24)