Learning methods, must-know terminology, environment construction and necessary plug-ins, etc.-1

Learning methods, must-know terminology, environment construction and necessary plug-ins, etc.-2

Introduction to markdown syntax and page element types-1

Introduction to markdown syntax and page element types-2

Knowledge of page elements, structure, tags and attributes-1

Knowledge of page elements, structure, tags and attributes-2

Common sense about layout and table elements

First experience with forms

Practical Emmet, let HTML writing fly-1

Practical Emmet, let HTML writing fly-2

Detailed explanation of forms and common controls (extremely detailed version)-1

Detailed explanation of forms and common controls (extremely detailed version)-2

Detailed explanation of forms and common controls (extremely detailed version)-3

video audio elements

Style source for page elements

Custom style type

simple selector

context selector

Pseudo-class selector must know knowledge points-1

Pseudo-class selector must know knowledge points-2

Selector Weights and Box Model-1

Selector weights and box model-2

Common units are em, rem, vw, vh-1

Common units are em, rem, vw, vh-2

Font icons, media queries and more - 1

Font icons, media queries and more - 2

Detailed description of targeting types

Detailed explanation of Flex container and project properties-1

Detailed explanation of Flex container and project properties-2

Flex practical responsive navigation

Grid layout principles and properties (1)

grid container and project properties-1

grid container and project properties-2

Grid layout in practical grid

grid practical course list component

Mobile terminal layout principles and rem dynamics-1

Mobile terminal layout principles and rem dynamics-2

Global styles, header, footer layout-1

Global styles, header, footer layout-2

Introduction to the main body and homepage modular solution-1

Introduction to the main body and homepage modular solution-2

Learning environment and basic grammar-1

Learning environment and basic grammar-2

Variables, constants, functions, data types, etc.-1

Variables, constants, functions, data types, etc.-2

Variables, constants, functions, data types, etc.-3

Alternative Array and Object Simplification

Branch structure of process control

Loop, function parameters and return value -1

Loop, function parameters and return value-2

Detailed explanation of destructuring assignment and application scenarios

accessor properties

Common string and array methods

Commonly used array methods-1

Commonly used array methods-2

Constructors and classes

DOM element query API and how to obtain form elements-1

DOM element query API and how to obtain form elements-2

DOM traversal, addition, deletion, modification, etc. (key points)-1

DOM traversal, addition, deletion, modification, etc. (key points)-2

DOM traversal, addition, deletion, modification, etc. (key points)-3

dataset,classList,getComputedStyle object

Adding and dispatching events in practice

Event bubbling, event delegation

Event Delegation in Practice: Classic Calculator-1

Event Delegation in Practice: Classic Calculator-2

Form events and message board practice-1

Form events and message board practice-2

Module principle and example demonstration

Module combat: Classic tab-1

Module in action: Classic tab-2

Carousel chart structure and writing of function modules-1

Carousel chart structure and functional module writing-2

Carousel chart structure and functional module writing-3

Carousel chart structure and functional module writing-4

Carousel chart structure and functional module writing-5

Introduction and use of json-1

Introduction and use of json-2

Cross-domain solution (jsonp and server-side cross-domain)

fetch and async, await asynchronous synchronization style

Fetch request actual combat (html/json/post)-1

Fetch request actual combat (html/json/post)-2

Introduction to node/npm command demonstration/use of node module, etc.-1

Introduction to node/npm command demonstration/use of node module, etc.-2

Introduction to node/npm command demonstration/use of node module, etc.-3

Closure principle and voting system implementation process-1

Closure principle and voting system implementation process-2

Practical implementation of a fully functional shopping cart (must learn)-1

Practical use of a fully functional shopping cart (must learn)-2

Practical use of a fully functional shopping cart (must learn)-3