TypeScript+Vue3.0 practical tutorial-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

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.

Intermediate

typescript

vue3

Actual combat

262590 person learning

122class hour

11 hours 50 minutes 40 secondsTotal course duration

2022-05-05update

王林

Gold lecturer

A total of 180 courses Student180304 Lecturer rating5.1

有朋自远方来，虽远必诛！More>>

Course Introduction Course Outline Other Courses

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

Chapter1 Install and compile TS
expand retract

Section1 Introduction to TS
duration： 07 minutes 21 seconds

Section2 Install and compile TypeScript
duration： 04 minutes 20 seconds
Chapter2 Basic data types
expand retract

Section1 Basic data types
duration： 08 minutes 44 seconds

Section2 Any value (Any)
duration： 05 minutes 08 seconds

Section3 type inference
duration： 03 minutes 13 seconds

Section4 union type
duration： 05 minutes 44 seconds

Section5 interface
duration： 07 minutes 50 seconds

Section6 array
duration： 04 minutes 42 seconds
Chapter3 function
expand retract

Section1 Function declaration, function expression
duration： 08 minutes 07 seconds

Section2 Optional parameters, parameter default values
duration： 04 minutes 13 seconds

Section3 Remaining parameters, overloading
duration： 06 minutes 33 seconds
Chapter4 type assertion
expand retract

Section1 syntax to assert a union type as one of its types
duration： 09 minutes 37 seconds

Section2 Assert a parent class to a more specific subclass
duration： 06 minutes 00 seconds

Section3 Assert any type to any
duration： 04 minutes 12 seconds

Section4 Assert any to a concrete type
duration： 04 minutes 38 seconds

Section5 Limitations of type assertions
duration： 03 minutes 26 seconds

Section6 double affirmation
duration： 04 minutes 24 seconds

Section7 Type assertions VS generics
duration： 02 minutes 57 seconds
Chapter5 Tuples and Enumerations
expand retract

Section1 Use the type keyword to define type aliases and string literal types
duration： 04 minutes 50 seconds

Section2 tuple
duration： 04 minutes 52 seconds

Section3 enumerate
duration： 03 minutes 26 seconds
Chapter6 kind
expand retract

Section1 Concepts, constructors, properties and methods
duration： 06 minutes 38 seconds

Section2 accessor
duration： 03 minutes 23 seconds

Section3 static method
duration： 02 minutes 39 seconds

Section4 Three access modifiers: public, private and prote
duration： 03 minutes 03 seconds

Section5 Parameter properties and read-only property keywords
duration： 04 minutes 26 seconds

Section6 abstract class
duration： 05 minutes 32 seconds

Section7 Classes and interfaces, classes inherit interfaces, interfaces inherit interfaces, interfaces inherit classes
duration： 05 minutes 49 seconds
Chapter7 Generics
expand retract

Section1 Concepts, simple examples
duration： 05 minutes 46 seconds

Section2 multiple type parameters
duration： 04 minutes 04 seconds

Section3 Generic constraints
duration： 03 minutes 12 seconds

Section4 Generic interface
duration： 04 minutes 38 seconds

Section5 Generic class
duration： 03 minutes 41 seconds

Section6 Declaration merging, merging functions, interfaces, and classes with the same name
duration： 05 minutes 29 seconds

Section7 write at the end
duration： 01 minutes 38 seconds
Chapter8 Vue3 practical topic
expand retract

Section1 Opening introduction
duration： 04 minutes 27 seconds

Section2 Vue3 running environment installation--why you need to install the running environment
duration： 06 minutes 09 seconds

Section3 npm image installation
duration： 03 minutes 02 seconds

Section4 VueCI scaffolding installation
duration： 07 minutes 53 seconds

Section5 Create Vue3 project
duration： 04 minutes 58 seconds

Section6 Project directory structure explanation
duration： 04 minutes 18 seconds

Section7 vue2VSvue3 project main.js comparison
duration： 04 minutes 16 seconds

Section8 Understand vue3 life cycle changes and setup functions
duration： 11 minutes 53 seconds

Section9 ref, reactive responsive data life
duration： 23 minutes 46 seconds

Section10 Element-puls introduction
duration： 11 minutes 52 seconds

Section11 Introducing HTTP framework
duration： 03 minutes 52 seconds

Section12 Encapsulating axios
duration： 16 minutes 44 seconds

Section13 Morning and evening background management system page structure analysis and login page writing
duration： 25 minutes 40 seconds

Section14 Complete login using axios
duration： 05 minutes 34 seconds

Section15 Improve the left menu bar of the main page
duration： 24 minutes 54 seconds

Section16 Design sub-routes
duration： 11 minutes 24 seconds

Section17 Course list page writing
duration： 05 minutes 29 seconds

Section18 Implement front-end list paging
duration： 09 minutes 22 seconds

Section19 Pagination components and filter lists
duration： 16 minutes 50 seconds

Section20 Project summary
duration： 03 minutes 58 seconds
Chapter9 vue3+Element-plus+axios actual combat
expand retract

Section1 Course Introduction 01
duration： 04 minutes 54 seconds

Section2 Course Introduction 02
duration： 04 minutes 37 seconds

Section3 Difference comparison of vue2 vs vue3--faster
duration： 04 minutes 17 seconds

Section4 vue2 vs vue3 differential comparison--volume reduction
duration： 02 minutes 16 seconds

Section5 vue2 vs vue3 differential comparison--easier to maintain
duration： 04 minutes 19 seconds

Section6 vue2 vs vue3 differential comparison - higher native support
duration： 02 minutes 51 seconds

Section7 Project function display
duration： 06 minutes 06 seconds

Section8 Development environment and technology stack
duration： 03 minutes 07 seconds

Section9 Install NodeJS environment
duration： 03 minutes 59 seconds

Section10 Install Vue-CLI
duration： 02 minutes 39 seconds

Section11 Create front-end projects and directory introduction
duration： 07 minutes 36 seconds

Section12 Install TypeScript and SCSS
duration： 07 minutes 36 seconds

Section13 Introduction and use of ElementPlus
duration： 06 minutes 59 seconds

Section14 Website module division
duration： 09 minutes 55 seconds

Section15 Routing configuration and use
duration： 08 minutes 14 seconds

Section16 Development of website header and footer and use of components
duration： 16 minutes 15 seconds

Section17 The use of menu bar controls, combined with routing to achieve switching
duration： 07 minutes 13 seconds

Section18 Implementation of banner carousel on home page
duration： 07 minutes 24 seconds

Section19 Read carousel data from variables
duration： 07 minutes 36 seconds

Section20 Use axios to read JSON data
duration： 12 minutes 52 seconds

Section21 Back-end development of webapi creation, operation, and directory explanation
duration： 06 minutes 13 seconds

Section22 Settings for webapi routing, and using swagger to view and debug the interface
duration： 11 minutes 01 seconds

Section23 Axios reads webapi and resolves cross-domain issues
duration： 06 minutes 52 seconds

Section24 Parsing cross-domain backend processing methods
duration： 04 minutes 47 seconds

Section25 Solve the problem of cross-domain front-end processing
duration： 07 minutes 13 seconds

Section26 Main content development of home page
duration： 08 minutes 59 seconds

Section27 Flower list interface
duration： 11 minutes 52 seconds

Section28 Login registration page functional analysis and User table design
duration： 04 minutes 05 seconds

Section29 Introduction to SqlSugar and installation
duration： 03 minutes 17 seconds

Section30 Use SqlSugar to implement Code First and create a database
duration： 06 minutes 22 seconds

Section31 Use SqlSugar combined with reflection to generate tables and initialize data
duration： 10 minutes 18 seconds

Section32 Service layer construction and structure introduction
duration： 09 minutes 31 seconds

Section33 Installation and use of AutoMapper
duration：In calculation

Section34 Flower list interface docking database
duration：In calculation

Section35 Introduction and use of vues, through vuex state management
duration： 14 minutes 28 seconds

Section36 Implementation of registration interface and submission form output parameters
duration： 08 minutes 00 seconds

Section37 Backend API docking
duration： 18 minutes 58 seconds

Section38 Implementation of login interface and back-end API docking
duration： 16 minutes 45 seconds

Section39 Use vuex to implement status switching in the upper right corner - complete process
duration： 05 minutes 53 seconds

Section40 Verification code analysis and implementation process analysis
duration：In calculation

Section41 Implementation of verification code backend interface
duration： 07 minutes 52 seconds

Section42 Implementation of the verification code function front-end (click to refresh)
duration： 08 minutes 08 seconds

Section43 Login and registration supplementary verification code logic
duration： 06 minutes 36 seconds

Section44 Implementation of front-end list page
duration： 06 minutes 32 seconds

Section45 Reading and binding of list page data
duration： 04 minutes 19 seconds

Section46 Component-based development list page extraction
duration： 06 minutes 40 seconds

Section47 Implementation of details page
duration：In calculation

Section48 Reading and binding of details page data
duration：In calculation

Section49 Use of breadcrumb components
duration：In calculation

Section50 Design the payment page and initiate an order creation request
duration： 04 minutes 38 seconds

Section51 Create an implementation of the order interface
duration：In calculation

Section52 Order interface analysis, the importance of vouchers
duration：In calculation

Section53 Use of jwt, login and registration logic adjustment
duration：In calculation

Section54 Front-end login registration logic adjustment, token saving and parsing
duration：In calculation

Section55 Create order interface plus authentication logic
duration：In calculation

Section56 Development of personal center page
duration：In calculation

Section57 Reading and binding of order list data
duration：In calculation

Section58 Demonstration of authentication logic and various practices
duration：In calculation

Section59 The concept and implementation of IOC for back-end upgrade
duration：In calculation

Section60 Extension of IOC for back-end upgrade, usage of Autofac
duration：In calculation

Section61 Use of Axios interceptor for front-end upgrade (Part 1)
duration：In calculation

Section62 Use of Axios interceptor for front-end upgrade (Part 2)
duration：In calculation

Section63 Configuration and use of Log4Net (Part 1), writing text logs
duration：In calculation

Section64 Configuration and use of Log4Net (Part 2), writing database logs
duration：In calculation

Section65 Publishing and deploying the backend
duration：In calculation

Section66 Release and deploy the front end
duration：In calculation

王林 Lecturer Other Courses

ElementaryComplete collection of interview questions in front-end disciplines (Season 1)

22828
Collection
ElementaryFlexible box + responsive page layout practice

8833
Collection
ElementaryMake a responsive website from scratch—Grid layout

17317
Collection
ElementaryThe most easy-to-understand HTML+CSS course in 9 days

43832
Collection
ElementaryBasic tutorial for getting started with Web front-end

236006
Collection
ElementaryWeb front-end development-Zero Basic Programming Admission Guide

65611
Collection
ElementaryFront-end basic HTML5+CSS3 from entry to proficiency (full version)

295381
Collection
ElementaryThe latest CSS3 tutorial is quick and easy to understand

22151
Collection
ElementaryCSS3 Flex flexible box model makes layout fly

27990
Collection
ElementaryLearn DIV+CSS layout in one day (five practical exercises)

10842
Collection
ElementaryHTML5+CSS practice project [Hand Knock Onmyoji official website]

10598
Collection
ElementaryMobile layout: HTML5+CSS3 advanced and enhanced version

120554
Collection

Start Learning

This course includes：

11 hours 50 minutes 40 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>