Detailed teaching plan

Step by step installation of vscode plug-in

Detailed explanation of markdown syntax

semantic structural elements

Text and links

Lists and Images

Describe table elements in detail (1)

Detailed explanation of table elements (2)

Text box/radio selection/check box/drop-down box (1)

Text box/radio selection/check box/drop-down box (2)

FileField/TextField/Button/InlineFrame-1

FileField/TextField/Button/InlineFrame-2

css terminology and style sources

css terminology and style source 1

css cascading and priority relationship

css cascading and priority relationship 1

Abbreviation rules and applications of common css attributes

Abbreviation rules and applications of common css attributes 1

Introduction and examples of box model and em

Box model and em introduction and examples 1

Examples detailing em and rem

Example details em and rem1

Responsive principle and vw, vh, vmin, vmax and custom attributes

Commonly used widths and box-sizing of box models

Commonly used widths and box-sizing1 of box models

The height of the model and the implementation of equal height columns 1

Implementation of model height and equal height columns 2

The solution of equal height columns and the problem of vertical centering

Floating layout and BFC

Floating layout with BFC1

Detailed explanation of common properties of flex container

Detailed explanation of common properties of flex container 1

Project properties and order instances

Project properties and order instance 1

Flex layout demonstration case

Flex layout demonstration case 1

flex example demonstration

flex example demonstration 1

Grid layout basics 1

Grid layout basics 1

Grid layout basics 2

grid example demonstration

grid example demonstration 1

Introduction to grid media queries and floating 1

Introduction to grid media queries and floating 2

Modal box and precautions for positioning actual combat

Modal box and precautions for positioning actual combat 1

Variables and data types

Variables and data types 1

Templates, destructuring and branch control

Templates, deconstruction and branch control 1

A closer look at loops and functions

Detailed explanation of loops and functions 1

DOM and common objects

Principle and implementation of event addition and delivery mechanism

A complete list of commonly used methods for strings and arrays

A complete collection of common methods for strings and arrays 1

Son and ajax/get/post asynchronous request examples

Son and ajax/get/post asynchronous request example 1

Implementation of cross-domain requests-JSONP

ToDoList with tabs

ToDoList with Tab 1

One-click skin change and lazy loading

Carousel chart in action

Carousel chart practice 1

Introduction and import of jQury

Commonly used getters/setter1

Commonly used getters/setter2

Introduction to commonly used filters and events 1

Introduction to commonly used filters and events 2

Common Ajax operations in jQuery

Common Ajax operations in jQuery 1

Practical combat: Shopping cart full selection and automatic calculation

Practical combat: Shopping cart full selection and automatic calculation 1

Vue examples and basic syntax 1

Vue examples and basic syntax 2

Demonstration of commonly used data attributes in Vue

Branch loop and component registration

Branch loop and component registration 1

Component communication and routing implementation

Prototypes and prototypal inheritance

Prototypes and prototypal inheritance 1

call/apply/bind/reduce usage scenarios

call/apply/bind/reduce usage scenario 1