Introduction to TS
07 minutes21 secondsInstall and compile TypeScript
04 minutes20 secondsBasic data types
08 minutes44 secondsAny value (Any)
05 minutes08 secondstype inference
03 minutes13 secondsunion type
05 minutes44 secondsinterface
07 minutes50 secondsarray
04 minutes42 secondsFunction declaration, function expression
08 minutes07 secondsOptional parameters, parameter default values
04 minutes13 secondsRemaining parameters, overloading
06 minutes33 secondssyntax to assert a union type as one of its types
09 minutes37 secondsAssert a parent class to a more specific subclass
06 minutes00 secondsAssert any type to any
04 minutes12 secondsAssert any to a concrete type
04 minutes38 secondsLimitations of type assertions
03 minutes26 secondsdouble affirmation
04 minutes24 secondsType assertions VS generics
02 minutes57 secondsUse the type keyword to define type aliases and string literal types
04 minutes50 secondstuple
04 minutes52 secondsenumerate
03 minutes26 secondsConcepts, constructors, properties and methods
06 minutes38 secondsaccessor
03 minutes23 secondsstatic method
02 minutes39 secondsThree access modifiers: public, private and prote
03 minutes03 secondsParameter properties and read-only property keywords
04 minutes26 secondsabstract class
05 minutes32 secondsClasses and interfaces, classes inherit interfaces, interfaces inherit interfaces, interfaces inherit classes
05 minutes49 secondsConcepts, simple examples
05 minutes46 secondsmultiple type parameters
04 minutes04 secondsGeneric constraints
03 minutes12 secondsGeneric interface
04 minutes38 secondsGeneric class
03 minutes41 secondsDeclaration merging, merging functions, interfaces, and classes with the same name
05 minutes29 secondswrite at the end
01 minutes38 secondsOpening introduction
04 minutes27 secondsVue3 running environment installation--why you need to install the running environment
06 minutes09 secondsnpm image installation
03 minutes02 secondsVueCI scaffolding installation
07 minutes53 secondsCreate Vue3 project
04 minutes58 secondsProject directory structure explanation
04 minutes18 secondsvue2VSvue3 project main.js comparison
04 minutes16 secondsUnderstand vue3 life cycle changes and setup functions
11 minutes53 secondsref, reactive responsive data life
23 minutes46 secondsElement-puls introduction
11 minutes52 secondsIntroducing HTTP framework
03 minutes52 secondsEncapsulating axios
16 minutes44 secondsMorning and evening background management system page structure analysis and login page writing
25 minutes40 secondsComplete login using axios
05 minutes34 secondsImprove the left menu bar of the main page
24 minutes54 secondsDesign sub-routes
11 minutes24 secondsCourse list page writing
05 minutes29 secondsImplement front-end list paging
09 minutes22 secondsPagination components and filter lists
16 minutes50 secondsProject summary
03 minutes58 secondsCourse Introduction 01
04 minutes54 secondsCourse Introduction 02
04 minutes37 secondsDifference comparison of vue2 vs vue3--faster
04 minutes17 secondsvue2 vs vue3 differential comparison--volume reduction
02 minutes16 secondsvue2 vs vue3 differential comparison--easier to maintain
04 minutes19 secondsvue2 vs vue3 differential comparison - higher native support
02 minutes51 secondsProject function display
06 minutes06 secondsDevelopment environment and technology stack
03 minutes07 secondsInstall NodeJS environment
03 minutes59 secondsInstall Vue-CLI
02 minutes39 secondsCreate front-end projects and directory introduction
07 minutes36 secondsInstall TypeScript and SCSS
07 minutes36 secondsIntroduction and use of ElementPlus
06 minutes59 secondsWebsite module division
09 minutes55 secondsRouting configuration and use
08 minutes14 secondsDevelopment of website header and footer and use of components
16 minutes15 secondsThe use of menu bar controls, combined with routing to achieve switching
07 minutes13 secondsImplementation of banner carousel on home page
07 minutes24 secondsRead carousel data from variables
07 minutes36 secondsUse axios to read JSON data
12 minutes52 secondsBack-end development of webapi creation, operation, and directory explanation
06 minutes13 secondsSettings for webapi routing, and using swagger to view and debug the interface
11 minutes01 secondsAxios reads webapi and resolves cross-domain issues
06 minutes52 secondsParsing cross-domain backend processing methods
04 minutes47 secondsSolve the problem of cross-domain front-end processing
07 minutes13 secondsMain content development of home page
08 minutes59 secondsFlower list interface
11 minutes52 secondsLogin registration page functional analysis and User table design
04 minutes05 secondsIntroduction to SqlSugar and installation
03 minutes17 secondsUse SqlSugar to implement Code First and create a database
06 minutes22 secondsUse SqlSugar combined with reflection to generate tables and initialize data
10 minutes18 secondsService layer construction and structure introduction
09 minutes31 secondsInstallation and use of AutoMapper
Flower list interface docking database
Introduction and use of vues, through vuex state management
14 minutes28 secondsImplementation of registration interface and submission form output parameters
08 minutes00 secondsBackend API docking
18 minutes58 secondsImplementation of login interface and back-end API docking
16 minutes45 secondsUse vuex to implement status switching in the upper right corner - complete process
05 minutes53 secondsVerification code analysis and implementation process analysis
Implementation of verification code backend interface
07 minutes52 secondsImplementation of the verification code function front-end (click to refresh)
08 minutes08 secondsLogin and registration supplementary verification code logic
06 minutes36 secondsImplementation of front-end list page
06 minutes32 secondsReading and binding of list page data
04 minutes19 secondsComponent-based development list page extraction
06 minutes40 secondsImplementation of details page
Reading and binding of details page data
Use of breadcrumb components
Design the payment page and initiate an order creation request
04 minutes38 secondsCreate an implementation of the order interface
Order interface analysis, the importance of vouchers
Use of jwt, login and registration logic adjustment
Front-end login registration logic adjustment, token saving and parsing
Create order interface plus authentication logic
Development of personal center page
Reading and binding of order list data
Demonstration of authentication logic and various practices
The concept and implementation of IOC for back-end upgrade
Extension of IOC for back-end upgrade, usage of Autofac
Use of Axios interceptor for front-end upgrade (Part 1)
Use of Axios interceptor for front-end upgrade (Part 2)
Configuration and use of Log4Net (Part 1), writing text logs
Configuration and use of Log4Net (Part 2), writing database logs
Publishing and deploying the backend
Release and deploy the front end
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.
