TypeScript+Vue3.0 practical tutorial
This set of video tutorials provides an in-depth explanation of TypeScript, covering environment construction, various types in TypeScript (basic types, arrays, objects, tuples, enumerations, unknown, any, void, never, etc.), and the compilation of TypeScript. options, as well as object-oriented knowledge (classes, abstract classes and interfaces) in TypeScript. At the end of the tutorial, the knowledge is systematically connected through the implementation of e-commerce projects.
311646
person learning
122
class hour
2022-05-05
update time
11 Hours50 minutes40 seconds
Total course duration
有朋自远方来，虽远必诛！
You will learn
This set of video tutorials provides an in-depth explanation of TypeScript, covering environment construction, various types in TypeScript (basic types, arrays, objects, tuples, enumerations, unknown, any, void, never, etc.), and TypeScript compilation. options, as well as object-oriented knowledge (classes, abstract classes, and interfaces) in TypeScript. At the end of the tutorial, the knowledge is systematically connected through the implementation of e-commerce projects.
TypeScript+Vue3.0 practical tutorial
Section1 Introduction to TS
07 minutes21 seconds
Section2 Install and compile TypeScript
04 minutes20 seconds
Chapter1 Install and compile TS
Section1 Basic data types
08 minutes44 seconds
Section2 Any value (Any)
05 minutes08 seconds
Section3 type inference
03 minutes13 seconds
Section4 union type
05 minutes44 seconds
Section5 interface
07 minutes50 seconds
Section6 array
04 minutes42 seconds
Chapter2 Basic data types
Section1 Function declaration, function expression
08 minutes07 seconds
Section2 Optional parameters, parameter default values
04 minutes13 seconds
Section3 Remaining parameters, overloading
06 minutes33 seconds
Chapter3 function
Section1 syntax to assert a union type as one of its types
09 minutes37 seconds
Section2 Assert a parent class to a more specific subclass
06 minutes00 seconds
Section3 Assert any type to any
04 minutes12 seconds
Section4 Assert any to a concrete type
04 minutes38 seconds
Section5 Limitations of type assertions
03 minutes26 seconds
Section6 double affirmation
04 minutes24 seconds
Section7 Type assertions VS generics
02 minutes57 seconds
Chapter4 type assertion
Section1 Use the type keyword to define type aliases and string literal types
04 minutes50 seconds
Section2 tuple
04 minutes52 seconds
Section3 enumerate
03 minutes26 seconds
Chapter5 Tuples and Enumerations
Section1 Concepts, constructors, properties and methods
06 minutes38 seconds
Section2 accessor
03 minutes23 seconds
Section3 static method
02 minutes39 seconds
Section4 Three access modifiers: public, private and prote
03 minutes03 seconds
Section5 Parameter properties and read-only property keywords
04 minutes26 seconds
Section6 abstract class
05 minutes32 seconds
Section7 Classes and interfaces, classes inherit interfaces, interfaces inherit interfaces, interfaces inherit classes
05 minutes49 seconds
Chapter6 kind
Section1 Concepts, simple examples
05 minutes46 seconds
Section2 multiple type parameters
04 minutes04 seconds
Section3 Generic constraints
03 minutes12 seconds
Section4 Generic interface
04 minutes38 seconds
Section5 Generic class
03 minutes41 seconds
Section6 Declaration merging, merging functions, interfaces, and classes with the same name
05 minutes29 seconds
Section7 write at the end
01 minutes38 seconds
Chapter7 Generics
Section1 Opening introduction
04 minutes27 seconds
Section2 Vue3 running environment installation--why you need to install the running environment
06 minutes09 seconds
Section3 npm image installation
03 minutes02 seconds
Section4 VueCI scaffolding installation
07 minutes53 seconds
Section5 Create Vue3 project
04 minutes58 seconds
Section6 Project directory structure explanation
04 minutes18 seconds
Section7 vue2VSvue3 project main.js comparison
04 minutes16 seconds
Section8 Understand vue3 life cycle changes and setup functions
11 minutes53 seconds
Section9 ref, reactive responsive data life
23 minutes46 seconds
Section10 Element-puls introduction
11 minutes52 seconds
Section11 Introducing HTTP framework
03 minutes52 seconds
Section12 Encapsulating axios
16 minutes44 seconds
Section13 Morning and evening background management system page structure analysis and login page writing
25 minutes40 seconds
Section14 Complete login using axios
05 minutes34 seconds
Section15 Improve the left menu bar of the main page
24 minutes54 seconds
Section16 Design sub-routes
11 minutes24 seconds
Section17 Course list page writing
05 minutes29 seconds
Section18 Implement front-end list paging
09 minutes22 seconds
Section19 Pagination components and filter lists
16 minutes50 seconds
Section20 Project summary
03 minutes58 seconds
Chapter8 Vue3 practical topic
Section1 Course Introduction 01
04 minutes54 seconds
Section2 Course Introduction 02
04 minutes37 seconds
Section3 Difference comparison of vue2 vs vue3--faster
04 minutes17 seconds
Section4 vue2 vs vue3 differential comparison--volume reduction
02 minutes16 seconds
Section5 vue2 vs vue3 differential comparison--easier to maintain
04 minutes19 seconds
Section6 vue2 vs vue3 differential comparison - higher native support
02 minutes51 seconds
Section7 Project function display
06 minutes06 seconds
Section8 Development environment and technology stack
03 minutes07 seconds
Section9 Install NodeJS environment
03 minutes59 seconds
Section10 Install Vue-CLI
02 minutes39 seconds
Section11 Create front-end projects and directory introduction
07 minutes36 seconds
Section12 Install TypeScript and SCSS
07 minutes36 seconds
Section13 Introduction and use of ElementPlus
06 minutes59 seconds
Section14 Website module division
09 minutes55 seconds
Section15 Routing configuration and use
08 minutes14 seconds
Section16 Development of website header and footer and use of components
16 minutes15 seconds
Section17 The use of menu bar controls, combined with routing to achieve switching
07 minutes13 seconds
Section18 Implementation of banner carousel on home page
07 minutes24 seconds
Section19 Read carousel data from variables
07 minutes36 seconds
Section20 Use axios to read JSON data
12 minutes52 seconds
Section21 Back-end development of webapi creation, operation, and directory explanation
06 minutes13 seconds
Section22 Settings for webapi routing, and using swagger to view and debug the interface
11 minutes01 seconds
Section23 Axios reads webapi and resolves cross-domain issues
06 minutes52 seconds
Section24 Parsing cross-domain backend processing methods
04 minutes47 seconds
Section25 Solve the problem of cross-domain front-end processing
07 minutes13 seconds
Section26 Main content development of home page
08 minutes59 seconds
Section27 Flower list interface
11 minutes52 seconds
Section28 Login registration page functional analysis and User table design
04 minutes05 seconds
Section29 Introduction to SqlSugar and installation
03 minutes17 seconds
Section30 Use SqlSugar to implement Code First and create a database
06 minutes22 seconds
Section31 Use SqlSugar combined with reflection to generate tables and initialize data
10 minutes18 seconds
Section32 Service layer construction and structure introduction
09 minutes31 seconds
Section33 Installation and use of AutoMapper
In calculation
Section34 Flower list interface docking database
In calculation
Section35 Introduction and use of vues, through vuex state management
14 minutes28 seconds
Section36 Implementation of registration interface and submission form output parameters
08 minutes00 seconds
Section37 Backend API docking
18 minutes58 seconds
Section38 Implementation of login interface and back-end API docking
16 minutes45 seconds
Section39 Use vuex to implement status switching in the upper right corner - complete process
05 minutes53 seconds
Section40 Verification code analysis and implementation process analysis
In calculation
Section41 Implementation of verification code backend interface
07 minutes52 seconds
Section42 Implementation of the verification code function front-end (click to refresh)
08 minutes08 seconds
Section43 Login and registration supplementary verification code logic
06 minutes36 seconds
Section44 Implementation of front-end list page
06 minutes32 seconds
Section45 Reading and binding of list page data
04 minutes19 seconds
Section46 Component-based development list page extraction
06 minutes40 seconds
Section47 Implementation of details page
In calculation
Section48 Reading and binding of details page data
In calculation
Section49 Use of breadcrumb components
In calculation
Section50 Design the payment page and initiate an order creation request
04 minutes38 seconds
Section51 Create an implementation of the order interface
In calculation
Section52 Order interface analysis, the importance of vouchers
In calculation
Section53 Use of jwt, login and registration logic adjustment
In calculation
Section54 Front-end login registration logic adjustment, token saving and parsing
In calculation
Section55 Create order interface plus authentication logic
In calculation
Section56 Development of personal center page
In calculation
Section57 Reading and binding of order list data
In calculation
Section58 Demonstration of authentication logic and various practices
In calculation
Section59 The concept and implementation of IOC for back-end upgrade
In calculation
Section60 Extension of IOC for back-end upgrade, usage of Autofac
In calculation
Section61 Use of Axios interceptor for front-end upgrade (Part 1)
In calculation
Section62 Use of Axios interceptor for front-end upgrade (Part 2)
In calculation
Section63 Configuration and use of Log4Net (Part 1), writing text logs
In calculation
Section64 Configuration and use of Log4Net (Part 2), writing database logs
In calculation
Section65 Publishing and deploying the backend
In calculation
Section66 Release and deploy the front end
In calculation
Chapter9 vue3+Element-plus+axios actual combat
Data Name
The courseware is currently not available for download, and the staff are organizing it. Please pay more attention to this course in the future~
王林 Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982559
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546667
Quick introduction to web front-end development
8 class hour
220790
Master PS video tutorials from scratch
268 class hour
1003301
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
