Front-end basics to actual combat (HTML5+CSS3+ES6+NPM)

• Chapter1 First lesson of school
• 1-1 Development environment: vscode/chrome/phpEnv -1
• 1-2 Development environment: vscode/chrome/phpEnv-2
• 1-3 Markdown common syntax demonstration
• 1-4 Basic knowledge of HTTP and URL01
• 1-5 Basic knowledge of HTTP and URL02
• Chapter2 Explain in detail the basics of html
• 2-1 Review the key points of the first lesson of school 01
• 2-2 Review the key points of the first lesson of school 02
• 2-3 Elements, tags and attributes
• 2-4 HTML document structure, display mode and element type 01
• 2-5 HTML document structure, display mode and element type 02
• 2-6 Page Sambo and Emmet Grammar Practice 01
• 2-7 Page Sambo and Emmet Grammar Practice 02
• Chapter3 Detailed explanation of HTML5 must-know tags-1
• 3-1 Four major attribute types of html
• 3-2 HTML common element tags: layout class
• 3-3 Common html tags: images, links, lists
• 3-4 Describe tables and common attributes in detail
• 3-5 Describe the form in detail-<form> tag and attributes
• Chapter4 Detailed description of form controls
• 4-1 Commonly used form controls 1-1
• 4-2 Commonly used form controls 1-2
• 4-3 Commonly used form controls 1-3
• 4-4 Commonly used form controls 2-1
• 4-5 Commonly used form controls 2-2
• 4-6 Commonly used form controls 2-3
• Chapter5 Other tags and CSS basics
• 5-1 Media tags and <iframe> frame elements 01
• 5-2 Media tags and <iframe> frame elements 02
• 5-3 CSS style source and priority 01
• 5-4 CSS style source and priority 02
• 5-5 Basic CSS selectors: tags and attributes
• Chapter6 A closer look at selector weights and pseudo-class selectors
• 6-1 What’s new with context selectors
• 6-2 Describe selector weight in detail (key points) 01
• 6-3 Describe selector weight in detail (key points) 02
• 6-4 Detailed description of pseudo-class structure selector 01
• 6-5 Detailed description of pseudo-class structure selector 02
• Chapter7 Pseudo-class combat and box model
• 7-1 State Pseudo-Class Principles and Practical Cases 01
• 7-2 State Pseudo-Class Principles and Practical Cases 02
• 7-3 State Pseudo-Class Principles and Practical Cases 03
• 7-4 Box Model and Core Properties Lecture 01
• 7-5 Box Model and Core Properties Lecture 02
• Chapter8 CSS common units and table styles
• 8-1 Common CSS units: px, em, rem
• 8-2 Common CSS units: px, em, rem 02
• 8-3 Common CSS units: px, em, rem 03
• 8-4 Common CSS units: px, em, rem 04
• 8-5 CSS viewport unit: VW, VH and precautions 01
• 8-6 CSS viewport unit: VW, VH and precautions 02
• Chapter9 Font icons, media queries and positioning
• 9-1 Font icon 01
• 9-2 Font icon 02
• 9-3 Media Inquiries 01
• 9-4 Media Inquiries 02
• 9-5 Positioning: relative, absolute, fixed principle and implementation 01
• 9-6 Positioning: relative, absolute, fixed principle and implementation 02
• Chapter10 Detailed explanation of positioning practice and Flex layout attributes
• 10-1 Positioning practice (modal box) 01
• 10-2 Positioning practice (modal box) 02
• 10-3 Detailed explanation of common properties of flex layout 01
• 10-4 Detailed explanation of common properties of flex layout 02
• 10-5 Detailed explanation of common properties of flex layout 03
• Chapter11 Flex practice and common properties of Grid layout
• 11-1 Flex Practical Classic Navigation Design 01
• 11-2 Flex Practical Classic Navigation Design 02
• 11-3 Grid's explicit grid and project properties 01
• 11-4 Grid's explicit grid and item properties 02
• 11-5 grid item arrangement rules and implicit grid
• 11-6 Grid item alignment
• 11-7 Grid row and column gaps
• Chapter12 Mobile terminal layout principles and practice
• 12-1 Must-know terminology and implementation principles of mobile terminal layout 01
• 12-2 Must-know terminology and implementation principles for mobile terminal layout 02
• 12-3 Must-know terminology and implementation principles of mobile terminal layout 03
• 12-4 Taobao mobile homepage: Header layout 01
• 12-5 Taobao mobile homepage: header layout 02
• 12-6 Mobile terminal overall layout solution (supplementary entry)
• Chapter13 Taobao mobile and PC layout
• 13-1 Mobile footer, navigation and main part 01
• 13-2 Mobile footer, navigation and main part 02
• 13-3 Mobile footer, navigation and main part 03
• 13-4 Taobao PC terminal layout analysis and layout framework implementation 01
• 13-5 Taobao PC terminal layout analysis and layout framework implementation 02
• 13-6 Taobao PC terminal layout analysis and layout framework implementation 03
• 13-7 Taobao PC terminal layout analysis and layout framework implementation 04
• Chapter14 JavaScript past and present and code members
• 14-1 JS past and present, front-end development history and naming convention 01
• 14-2 JS past and present, front-end development history and naming conventions 02
• 14-3 JS past and present, front-end development history and naming convention 03
• 14-4 Describe console, variables, constants and function types in detail 01
• 14-5 Describe console, variables, constants and function types in detail 02
• 14-6 Describe console, variables, constants and function types in detail 03
• Chapter15 Describe data types and process control in detail
• 15-1 Describe data types and application scenarios in detail 01
• 15-2 Describe data types and application scenarios in detail 02
• 15-3 Describe data types and application scenarios in detail 03
• 15-4 Scope, object literal simplification and branch structure encyclopedia 01
• 15-5 Scope, object literal simplification and branch structure encyclopedia 02
• Chapter16 Loops, template functions, destructuring and accessors
• 16-1 Detailed explanation of loops, function parameters and return values ​​01
• 16-2 Detailed explanation of loops, function parameters and return values ​​02
• 16-3 Detailed explanation of loops, function parameters and return values ​​03
• 16-4 Template functions, destructuring and accessor properties 01
• 16-5 Template functions, destructuring and accessor properties 02
• 16-6 Template functions, destructuring and accessor properties 03
• Chapter17 Comprehensive list of commonly used APIs for classes, objects, strings and arrays
• 17-1 Detailed explanation of constructor and class 01
• 17-2 Detailed explanation of constructor and class 02
• 17-3 Detailed explanation of constructors and classes 03
• 17-4 Commonly used APIs for strings and arrays 01
• 17-5 Common APIs for strings and arrays 02
• 17-6 Commonly used APIs for strings and arrays 03
• Chapter18 Common DOM operations
• 18-1 Commonly used APIs for array addition and deletion operations
• 18-2 Browser JS and how to get DOM elements 01
• 18-3 Browser JS and how to get DOM elements 02
• 18-4 Obtaining form elements and traversing the DOM tree 01
• 18-5 Obtaining form elements and traversing the DOM tree 02
• Chapter19 DOM addition, deletion and modification API and actual combat
• 19-1 A complete list of commonly used APIs for DOM addition, deletion and modification 01
• 19-2 A complete list of commonly used APIs for DOM addition, deletion and modification 02
• 19-3 A complete list of commonly used APIs for DOM addition, deletion and modification 03
• 19-4 DOM practical todoList message board 01
• 19-5 DOM practical todoList message board 02
• 19-6 dataset object and CSS calculated styles
• Chapter20 Describe events and event objects in detail
• 20-1 classList operates element class
• 20-2 Commonly used event additions and deletions 01
• 20-3 Adding and deleting commonly used events 02
• 20-4 Event bubbling, event delegation and form events 01
• 20-5 Event bubbling, event delegation and form events 02
• Chapter21 Detailed explanation of module application scenarios and modular tab practice
• 21-1 Describe in detail the common syntax and usage scenarios of module export/export 01
• 21-2 Describe in detail the common syntax and usage scenarios of module export/export 02
• 21-3 Describe in detail the common syntax and usage scenarios of module export/export 03
• 21-4 Practical combat: Classic tab (completely implemented using modules) Important 01
• 21-5 Practical combat: Classic tab (completely implemented using modules) Important 02
• 21-6 Practical combat: Classic tab (completely implemented using modules) Important 03
• Chapter22 Classic Carousel Chart in Practice and JSON
• 22-1 Classic carousel chart practice (module version/key points) 01
• 22-2 Classic Carousel Chart in Practice (Module Version/Key Points) 02
• 22-3 Classic Carousel Chart in Practice (Module Version/Key Points) 03
• 22-4 Classic Carousel Chart in Practice (Module Version/Key Points) 04
• 22-5 JSON and common APIs
• Chapter23 Shopping cart practice and cross-domain request practice
• 23-1 Shopping cart practice (module/multi-function) 01
• 23-2 Shopping cart practice (module/multi-function) 02
• 23-3 Shopping cart practice (module/multi-function) 03
• 23-4 Cross-domain request solution (taking JSONP as an example) 01
• 23-5 Cross-domain request solution (taking JSONP as an example) 02
• Chapter24 Asynchronous programming and fetch API
• 24-1 Asynchronous principles and traditional XHR 01
• 24-2 Asynchronous principles and traditional XHR 02
• 24-3 Asynchronous principles and traditional XHR 03
• 24-4 fetch and async, await, CPS, etc. 01
• 24-5 fetch and async, await, CPS, etc. 02
• Chapter25 Node.js Basics and NPM
• 25-1 Introduction to common cases of fetch 01
• 25-2 Introduction to common cases of fetch 02
• 25-3 Introduction to node common modules and NPM common instructions 01
• 25-4 Introduction to node common modules and NPM common instructions 02
• 25-5 Introduction to node common modules and NPM common instructions 03
• Chapter26 Vue terminology and common instructions
• 26-1 Introduction to Vue and reference methods 01
• 26-2 Introduction to Vue and reference methods 02
• 26-3 Introduction to Vue and reference methods 03
• 26-4 Introduction to common terms and instructions in vue 01
• 26-5 Introduction to common terms and instructions in vue 02
• 26-6 Introduction to common terms and instructions in vue 03
• Chapter27 List and conditional rendering, calculated/listening properties, etc.
• 27-1 Event/Event Modifier/List Rendering Directive 01
• 27-2 Event/Event Modifier/List Rendering Directive 02
• 27-3 Event/Event Modifier/List Rendering Directive 03
• 27-4 Conditional rendering and keyboard modifier todolist
• Chapter28 Computed properties communicate with components and components
• 28-1 Computed properties, listener property principles and practice 01
• 28-2 Computed properties, listener property principles and practice 02
• 28-3 Computed properties, principles and practice of listener properties 03
• 28-4 Definition of components and communication principles between components 01
• 28-5 Definition of components and communication principles between components 02
• 28-6 Definition of components and communication principles between components 03
• Chapter29 Front-end review and summary
• 29-1 Summary of html knowledge points 01
• 29-2 Summary of html knowledge points 02
• 29-3 html knowledge point summary 03
• 29-4 Summary of css and js knowledge points 01
• 29-5 Summary of css and js knowledge points 02