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
• 12-1 Common dom operations and dom practical combat 01
• 12-2 Common dom operations and dom practical combat 02
• 12-3 Common DOM operations and DOM actual combat 03
• 12-4 Common dom operations and dom practical combat 04
• 12-5 dataset,classList,event addition and dispatch 01
• 12-6 dataset, classList, event addition and dispatch 02
• Chapter13 JS operating mechanism and common APIs for strings and arrays
• 13-1 JS form events and running mechanism: single thread + event loop and example demonstration 01
• 13-2 JS form events and running mechanism: single thread + event loop and example demonstration 02
• 13-3 JS form events and running mechanism: single thread + event loop and example demonstration 03
• 13-4 Demonstration of common API examples for strings and arrays 01
• 13-5 Demonstration of common API examples for strings and arrays 02
• Chapter14 JS classic combat
• 14-1 Tabs and Cart01
• 14-2 Tabs and Cart02
• 14-3 Tabs and Cart03
• 14-4 Event subscription and publishing, carousel chart and lazy loading practice 01
• 14-5 Event subscription and publishing, carousel chart and lazy loading practice 02
• Chapter15 JSON, Promise and module common sense
• 15-1 JSON and Promise, fetch, async, await operations 01
• 15-2 JSON and Promise, fetch, async, await operations 02
• 15-3 JSON and Promise, fetch, async, await operations 03
• 15-4 JSON and Promise, fetch, async, await operations 04
• 15-5 Module common sense
• Chapter16 Online photo album manager practice and Node basics
• 16-1 DOM in action: Online photo album manager
• 16-2 Node basic knowledge and common operations of npm package management 01
• 16-3 Node basic knowledge and common operations of npm package management 02
• 16-4 Node basic knowledge and common operations of npm package management 03
• Chapter17 Node operating principle and introduction to common modules
• 17-1 node operating principle 01
• 17-2 node operating principle 02
• 17-3 Introduction to node common modules 01
• 17-4 Introduction to node common modules 02
• 17-5 Introduction to node common modules 03
• Chapter18 Vue principles and common instructions
• 18-1 Vue common terms and common instructions 1-01
• 18-2 Vue common terms and common instructions 1-02
• 18-3 Vue common terms and common instructions 1-03
• Chapter19 Events, list rendering and component communication
• 19-1 Events and conditions, list rendering 01
• 19-2 Events and conditions, list rendering 02
• 19-3 Computed properties and listeners 01
• 19-4 Computed properties and listeners 02
• 19-5 Communication between global components and components
• 19-6 Get started quickly with common Git operations