Issue 22_Front-end development

• Chapter1 0112-The first lesson of school (preparation)
• 1-1 Learning styles and homework requirements
• 1-2 Web development common terms
• 1-3 Development environment and software tools
• 1-4 Introduction to commonly used vscode plug-ins
• 1-5 markdown syntax
• 1-6 Basic operations of Git (Gitee)
• Chapter2 0113-Explain HTML in detail (1)
• 2-1 html page structure 01
• 2-2 html page structure 02
• 2-3 html tags, attributes and types
• 2-4 Detailed explanation of layout elements
• 2-5 Graphic and text solutions
• 2-6 Image, link and list elements
• Chapter3 0116-Details of tables and forms
• 3-1 Emmet grammar practice
• 3-2 Detailed discussion of table elements and practice
• 3-3 Detailed explanation of form and login, registration practice 01
• 3-4 Detailed explanation of form and login, registration practice 02
• 3-5 Detailed explanation of form and login, registration practice 03
• Chapter4 0117 - Media, frame elements and CSS basics
• 4-1 Practical combat of multimedia tags and attributes
• 4-2 How to use inline frame elements and practice 01
• 4-3 How to use and practice the inline frame element 02
• 4-4 Elaborate on the source and priority of element styles 01
• 4-5 Elaborate on the source and priority of element styles 02
• 4-6 Elaborate on the source and priority of element styles 03
• Chapter5 0118-Details of selectors and practical cases
• 5-1 Detailed description of selector (1)
• 5-2 Detailed description of selector (2)
• 5-3 Detailed description of selector (3)
• 5-4 Detailed description of selector (4)
• Chapter6 0206-CSS selector weight/box model/units
• 6-1 Describe selector weights and usage scenarios in detail (1)
• 6-2 Describe selector weights and usage scenarios in detail (2)
• 6-3 Detailed box model(1)
• 6-4 Elaborate on the box model (2)
• 6-5 css common unit-1
• 6-6 css common units-2
• Chapter7 0207-Detailed explanation of layout and positioning
• 7-1 margins and layout rules
• 7-2 Details font icon-1
• 7-3 Details font icon-2
• 7-4 Media Inquiry and Practice-1
• 7-5 Media Inquiry and Practice-2
• 7-6 Element types and viewing methods
• Chapter8 0208-Positioning and Flex Layout
• 8-1 Positioning type (relative/absolute/fixed/sticky)-1
• 8-2 Positioning type (relative/absolute/fixed/sticky)-2
• 8-3 Positioning type (relative/absolute/fixed/sticky)-3
• 8-4 Fixed positioning practice
• 8-5 Must-know properties of flex-1
• 8-6 Must-know properties of flex-2
• Chapter9 0209-Grid must know container and project properties
• 9-1 Grid container and project properties-1
• 9-2 Grid container and project properties-2
• 9-3 Grid container and project properties-3
• 9-4 Grid container and project properties-4
• 9-5 Grid container and project properties-5
• 9-6 Grid container and project properties-6
• Chapter10 0210-Mobile terminal layout principles and practice
• 10-1 Mobile terminal layout plan (rem+vw)-1
• 10-2 Mobile terminal layout plan (rem+vw)-2
• 10-3 Mobile terminal layout plan (rem+vw)-3
• 10-4 Taobao mobile terminal layout-1
• 10-5 Taobao mobile terminal layout-2
• 10-6 Taobao mobile terminal layout-3
• Chapter11 0213-JavaScript basic syntax-1
• 11-1 Taobao mobile terminal layout-4
• 11-2 Taobao mobile terminal layout-5
• 11-3 Taobao mobile terminal layout-6
• 11-4 Introduction to JavaScript and Execution Environment-1
• 11-5 Introduction to JavaScript and Execution Environment-2
• Chapter12 0214-JavaScript basic syntax-2
• 12-1 Detailed explanation of variable declaration and function type-1
• 12-2 Detailed explanation of variable declaration and function type-2
• 12-3 Detailed explanation of variable declaration and function type-3
• 12-4 Atomic type of data type (primitive type)-1
• 12-5 Atomic type of data type (primitive type)-2
• Chapter13 0215-Reference types and process control
• 13-1 Reference types and classic application scenarios-1
• 13-2 Reference types and classic application scenarios-2
• 13-3 Scope and scope chain
• 13-4 Simplified syntax for object members
• 13-5 Branch structure of process control
• Chapter14 0216-Loop, function return value and destructuring assignment
• 14-1 Process control loop operation-1
• 14-2 Process control loop operation-2
• 14-3 Function parameters and return value -1
• 14-4 Function parameters and return values-2
• 14-5 template literal
• 14-6 Destructuring assignment and application scenarios
• Chapter15 0217-Accessor properties, strings, and array common methods
• 15-1 accessor properties
• 15-2 Common string methods-1
• 15-3 Common string methods-2
• 15-4 Common methods for arrays-1
• 15-5 Common methods for arrays-2
• 15-6 Common methods of array-3
• Chapter16 0220-Classes and DOM operations-1
• 16-1 Constructors and classes-1
• 16-2 Constructors and classes-2
• 16-3 Common DOM operations-1
• 16-4 Common DOM operations-2
• 16-5 Common DOM operations-3
• Chapter17 0221-Common DOM operations-2
• 17-1 Addition, deletion and modification of elements (write operations)
• 17-2 Element content operations
• 17-3 Add element at specified position
• 17-4 Practical combat: Message board (addition and deletion)
• 17-5 dataset object
• 17-6 getComputedStyle calculated style
• Chapter18 0222-Details of events and applications
• 18-1 classList object
• 18-2 Event addition, deletion and dispatch practice
• 18-3 Event bubbling principle
• 18-4 Event delegation practice
• 18-5 form events
• Chapter19 0223-Module and module combat (tab)
• 19-1 Module declaration, export and import-1
• 19-2 Module declaration, export and import-2
• 19-3 Module actual combat "Classic tab"-1
• 19-4 Module actual combat "Classic tab"-2
• 19-5 Module actual combat "Classic tab"-3
• Chapter20 0224-Module actual combat carousel chart actual combat
• 20-1 Carousel chart practice-1
• 20-2 Carousel chart practice-2
• 20-3 Carousel chart practice-3
• 20-4 Carousel chart practice-4
• 20-5 Carousel chart practice-5
• Chapter21 0227-Shopping cart practice and asynchronous programming
• 21-1 Introduction to JSON
• 21-2 Shopping cart practice (module implementation)-1
• 21-3 Shopping cart practice (module implementation)-2
• 21-4 Cross-domain (jsonp and server allowed)
• 21-5 Xhr and fetch asynchronous request implementation process
• Chapter22 0228-fetch with node,npm
• 22-1 fetch api practical case
• 22-2 Common operations of npm and node-1
• 22-3 Common operations of npm and node-2
• 22-4 Common operations of npm and node-3