HTML5/CSS3/JavaScript/ES6 introductory course

• Chapter1 The first lesson of school: Development environment
• 1-1 Software download and editor installation 01
• 1-2 Software download and editor installation 02
• 1-3 vscode common plug-ins and markdown syntax 01
• 1-4 vscode common plug-ins and markdown syntax 02
• 1-5 HTML document structure and viewing method 01
• 1-6 HTML document structure and viewing method 02
• Chapter2 Development environment configuration and common HTML tags
• 2-1 The first lesson of the semester: Development environment configuration (essence version) 01
• 2-2 The first lesson of the semester: Development environment configuration (essence version) 02
• 2-3 Element syntax/properties/layout elements 01
• 2-4 Element syntax/properties/layout elements 02
• 2-5 Element syntax/properties/layout elements 03
• Chapter3 Introduction to common HTML tags
• 3-1 Pictures, links, lists, tables, etc. 01
• 3-2 Pictures, links, lists, tables, etc. 02
• 3-3 Forms, Inline Frames and Multimedia Elements 01
• 3-4 Forms, Inline Frames and Multimedia Elements02
• 3-5 Forms, Inline Frames and Multimedia Elements03
• Chapter4 CSS style sources and selectors
• 4-1 css element style source analysis 01
• 4-2 css element style source analysis 02
• 4-3 css basic selector, contextual selector and weight (emphasis) 01
• 4-4 css basic selector, contextual selector and weight (emphasis) 02
• 4-5 css basic selector, contextual selector and weight (emphasis) 03
• Chapter5 Describe pseudo-classes, box models, and responsive layout in detail
• 5-1 Detailed explanation of pseudo-class selectors (key points) 01
• 5-2 Detailed explanation of pseudo-class selectors (key points) 02
• 5-3 Detailed explanation of pseudo-class selectors (key points) 03
• 5-4 Font icon, box model, common layout unit 01
• 5-5 Font icons, box models, common layout units 02
• 5-6 Font icons, box models, common layout units 03
• 5-7 Grid Layout Appreciation (Extended)
• Chapter6 Media queries, positioning and flex, grid
• 6-1 Examples of common styles for media queries and tables 01
• 6-2 Examples of common styles for media queries and tables 02
• 6-3 Positioning and actual combat 01
• 6-4 Positioning and actual combat 02
• 6-5 Common properties of flex containers and projects 01
• 6-6 Common properties of flex containers and projects 02
• Chapter7 Mobile layout principles and Grid layout
• 7-1 Mobile layout solution: rem + vw01
• 7-2 Mobile layout solution: rem + vw02
• 7-3 Mobile layout solution: rem + vw03
• 7-4 Detailed explanation of Grid layout principles and practice 01
• 7-5 Detailed explanation of Grid layout principles and practice 02
• 7-6 Detailed explanation of Grid layout principles and practice 03
• Chapter8 JavaScript efficient development environment and programming basics
• 8-1 Member Analysis in JS Learning Environment and Program 01
• 8-2 Member Analysis in JS Learning Environment and Program 02
• 8-3 Member Analysis in JS Learning Environment and Program 03
• 8-4 Detailed explanation of scopes and constants, identifier naming convention 01
• 8-5 Detailed explanation of scopes and constants, identifier naming convention 02
• Chapter9 Describe functions and data types in detail
• 9-1 Additional lesson: Handwritten grid layout components and practice (Grid version) (01)
• 9-2 Additional lesson: Handwritten grid layout components and practice (Grid version) (02)
• 9-3 Describe functions and data types in detail 01
• 9-4 Describe functions and data types in detail 02
• 9-5 Describe functions and data types in detail 03
• 9-6 Describe functions and data types in detail 04
• 9-7 Describe functions and data types in detail 05
• Chapter10 Process control, function parameters and template literals
• 10-1 Detailed explanation of branches and loops in process control 01
• 10-2 Describe in detail the branches and loops of process control 02
• 10-3 Describe in detail the branches and loops of process control 03
• 10-4 Describe function parameters and return values ​​in detail
• 10-5 A simplified approach to object literals
• 10-6 Template literals and template functions
• Chapter11 Closures/Classes and Objects/Destructuring/Browser JS
• 11-1 Closure/Accessor Properties 01
• 11-2 Closure/Accessor Properties 02
• 11-3 Classes and Objects/Destructuring Assignment 01
• 11-4 Classes and Objects/Destructuring Assignment 02
• 11-5 How to introduce and obtain DOM elements in js
• Chapter12 DOM actual combat and events