Issue 20_Front-end development

• Chapter1 0630First lesson of school
• 1-1 Building a front-end development environment and paying attention to details 01
• 1-2 Building a front-end development environment and paying attention to details 02
• 1-3 Building a front-end development environment and paying attention to details 03
• 1-4 Detailed explanation of commonly used terms in web development 01
• 1-5 Detailed explanation of commonly used terms in web development 02
• 1-6 Detailed explanation of commonly used terms in web development 03
• Chapter2 0701-html deconstruction and Emmet syntax
• 2-1 Detailed html page structure and parsing process 01
• 2-2 Detailed html page structure and parsing process 02
• 2-3 Detailed html page structure and parsing process 03
• 2-4 markdown syntax and emmet syntax 01
• 2-5 markdown syntax and emmet syntax 02
• 2-6 markdown syntax and emmet syntax 03
• Chapter3 0704-html common tags and application scenarios
• 3-1 Common attributes and usage scenarios 01
• 3-2 Common attributes and usage scenarios 02
• 3-3 Commonly used layout labels and usage tips
• 3-4 Combination rules for pictures, links and lists
• 3-5 Detailed table and cell merging techniques 01
• 3-6 Detailed table and cell merging techniques 02
• Chapter4 0705-Detailed form: front-end and back-end interactive data carrier
• 4-1 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 01
• 4-2 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 02
• 4-3 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 03
• 4-4 Detailed explanation of media and frame elements and practical cases 01
• 4-5 Detailed explanation of media and frame elements and practical cases 02
• Chapter5 0706-css common sense and selectors
• 5-1 css style source, priority and type 01
• 5-2 css style source, priority and type 02
• 5-3 Common selectors and weight analysis application scenarios 01
• 5-4 Common selectors and weight analysis application scenarios 02
• 5-5 Common selectors and weight analysis application scenarios 03
• Chapter6 0707-Pseudo classes and box models, etc.
• 6-1 Detailed analysis of pseudo-classes and application scenarios 01
• 6-2 Detailed analysis of pseudo-classes and application scenarios 02
• 6-3 Detailed analysis of pseudo-classes and application scenarios 03
• 6-4 Describe the box model and common attribute calculation methods in detail 01
• 6-5 Describe the box model and common attribute calculation methods in detail 02
• Chapter7 0708 - css common units and font icons
• 7-1 Describe in detail the common units you must know about CSS layout 01
• 7-2 Describe in detail the common units you must know about CSS layout 01
• 7-3 Table styles, font icons, media queries 01
• 7-4 Table styles, font icons, media queries 02
• 7-5 Table styles, font icons, media queries 03
• Chapter8 0711-Default layout and positioning layout
• 8-1 Default layout and label type 01
• 8-2 Default layout and label type 02
• 8-3 Default layout and label type 03
• 8-4 Relative, absolute, fixed, sticky positioning principles and demonstrations 01
• 8-5 Relative, absolute, fixed, sticky positioning principles and demonstrations 02
• 8-6 Relative, absolute, fixed, sticky positioning principles and demonstrations 03
• Chapter9 0712-Positioning cases and common attributes of flex and grid
• 9-1 Positioning small case: commonly used multi-column layout 01
• 9-2 Positioning small case: commonly used multi-column layout 02
• 9-3 Detailed explanation of 6 properties you must know about flex containers and projects 01
• 9-4 Detailed explanation of 6 properties you must know about flex containers and projects 02
• 9-5 Detailed explanation of 6 properties you must know about flex containers and projects 03
• Chapter10 0713-Details of common attributes of grid layout
• 10-1 Flex instance and grid layout process and common attributes 1-01
• 10-2 Flex instance and grid layout process and common attributes 1-02
• 10-3 Flex instance and grid layout process and common attributes 1-03
• 10-4 Common properties of grid layout-2-01
• 10-5 Common properties of grid layout-2-02
• Chapter11 0714-grid actual PHP Chinese website homepage (part)
• 11-1 grid implements php.cn navigation part 01
• 11-2 grid implements php.cn navigation part 02
• 11-3 grid implements php.cn navigation part 03
• 11-4 Grid implements the content of the header of the php.cn home page 01
• 11-5 Grid implements the content of the header of the php.cn home page 02
• Chapter12 0715-Mobile terminal layout principles and example analysis
• 12-1 Detailed explanation of the three major viewports and two major units of the mobile terminal 01
• 12-2 Detailed explanation of the three major viewports and two major units of the mobile terminal 02
• 12-3 Detailed explanation of the three major viewports and two major units of the mobile terminal 03
• 12-4 Mobile solution to font size boundaries 01
• 12-5 Mobile solution to font size boundaries 02
• Chapter13 0718-Mobile terminal layout practice-Taobao homepage
• 13-1 Mobile terminal overall layout and header design 01
• 13-2 Overall layout and header design of mobile terminal 02
• 13-3 Overall layout and header design of mobile terminal 03
• 13-4 Mobile footer and body design 01
• 13-5 Mobile footer and body design 02
• 13-6 Mobile footer and body design 03
• Chapter14 0719-JS syntax and programming basics 1
• 14-1 Data and operation reuse technology: first understanding of variables and functions 01
• 14-2 Data and operation reuse technology: first understanding of variables and functions 02
• 14-3 Detailed explanation of scope, naming rules and functions 01
• 14-4 Detailed explanation of scope, naming rules and functions 02
• 14-5 Detailed explanation of scope, naming rules and functions 03
• Chapter15 0720-Data types and process control
• 15-1 Detailed explanation of data types (key points) 01
• 15-2 Detailed explanation of data types (key points) 02
• 15-3 Detailed explanation of data types (key points) 03
• 15-4 Process Control-Branch 01
• 15-5 Process Control-Branch 02
• 15-6 Process Control-Loop 01
• 15-7 Process Control-Loop 02
• Chapter16 0721-function/object/template string
• 16-1 Simplification of function parameters/return values/object literals 01
• 16-2 Simplification of function parameters/return values/object literals 02
• 16-3 Template literals and template functions/details of closures and applications 01
• 16-4 Template literals and template functions/details of closures and applications 02
• 16-5 Template literals and template functions/details of closures and applications 03
• Chapter17 0722-Constructor/Class/Destructuring
• 17-1 Accessor properties and interface attribution 01
• 17-2 Accessor properties and interface attribution 02
• 17-3 Detailed explanation of constructor and object access 01
• 17-4 Detailed explanation of constructor and object access 02
• 17-5 Class simplifies object creation and access to various members
• 17-6 Describe in detail the deconstruction and application scenarios of arrays and objects
• Chapter18 0725-Common DOM operations
• 18-1 JS01 in the browser
• 18-2 JS02 in the browser
• 18-3 Get DOM elements elegantly 01
• 18-4 Get DOM elements elegantly 02
• 18-5 Correctly obtain forms and controls
• 18-6 DOM traversal common API
• Chapter19 0726-dom addition, deletion, modification and css operation
• 19-1 DOM commonly used additions, deletions, modifications and content operations 01
• 19-2 DOM commonly used additions, deletions, modifications and content operations 02
• 19-3 DOM commonly used additions, deletions, modifications and content operations 03
• 19-4 Message board actual combat/dataset/js css operation method 01
• 19-5 Message board actual combat/dataset/js css operation method 02
• 19-6 Message board actual combat/dataset/js css operation method 06
• Chapter20 0727-Elaborate on common APIs for events and arrays
• 20-1 ClassList object and event adding method 01
• 20-2 ClassList object and event adding method 02
• 20-3 ClassList object and event adding method 03
• 20-4 Event agent/form event/character common api01
• 20-5 Event agent/form event/character common api02
• 20-6 Event agent/form event/character common api03
• Chapter21 0728-Classic cases of commonly used api and dom for arrays
• 21-1 Array commonly used API refined version 01
• 21-2 Array commonly used API refined version 02
• 21-3 Array commonly used API refined version 03
• 21-4 Practical classic tab and carousel diagram 01
• 21-5 Practical classic tab and carousel diagram 02
• 21-6 Practical classic tab and carousel diagram 03
• Chapter22 0729-Shopping cart practice and JSON
• 22-1 Classic shopping cart practice 01
• 22-2 Classic shopping cart practice 02
• 22-3 Classic shopping cart practice 03
• 22-4 Detailed explanation of front-end and back-end interaction principles and JSON data conversion 01
• 22-5 Detailed explanation of front-end and back-end interaction principles and JSON data conversion 02
• Chapter23 0801-Asynchronous programming and module technology
• 23-1 Asynchronous XHR and Fetch01
• 23-2 Asynchronous XHR and Fetch02
• 23-3 Asynchronous XHR and Fetch03
• 23-4 Fetch optimization and module must-know techniques 01
• 23-5 Fetch optimization and module must-know techniques 02
• 23-6 Fetch optimization and module must-know techniques 03
• Chapter24 0802- node basics
• 24-1 node, npm knowledge and package installation 01
• 24-2 node, npm knowledge and package installation 02
• 24-3 node, npm knowledge and package installation 03
• 24-4 npm package management common instructions 01
• 24-5 npm package management common instructions 02
• Chapter25 0803- Vue basic syntax and common instructions
• 25-1 Introduction to vue and must-know terms 01
• 25-2 Introduction to vue and must-know terms 02
• 25-3 Introduction to vue and must-know terms 03
• 25-4 Style binding and data two-way binding 01
• 25-5 Style binding and data two-way binding 02
• 25-6 Style binding and data two-way binding 03
• Chapter26 0804-Vue common instructions v-if, v-for and various modifiers
• 26-1 Vue common instructions v-if, v-for and various modifiers 01
• 26-2 Common vue instructions v-if, v-for and various modifiers 02
• 26-3 Vue common instructions v-if, v-for and various modifiers 03
• 26-4 Computed properties, listener properties and life cycle preliminary 01
• 26-5 Computed properties, listener properties and life cycle preliminary 05
• Chapter27 0805-Component registration and communication between components
• 27-1 Component registration and communication between components 01
• 27-2 Component registration and communication between components 02
• 27-3 Component registration and communication between components 03
• 27-4 Online Q&A/summary/knowledge sharing, etc. 01
• 27-5 Online Q&A/summary/knowledge sharing, etc. 02
• 27-6 Online Q&A/summary/knowledge sharing, etc. 03