Issue 11_Front-end Development

• Chapter1 Development environment and tools
• 1-1 VSCode and phpStudy installation and configuration
• 1-2 markdown basic syntax
• 1-3 Server installation and small leather panel operation
• Chapter2 html5 basics
• 2-1 html5 document structure and attributes 1
• 2-2 html5 document structure and attributes 2
• 2-3 html5 document structure and attributes 3
• 2-4 html5 document structure and attributes 4
• Chapter3 html5 common elements
• 3-1 Semantic element 1
• 3-2 Semantic element 2
• 3-3 Semantic element 3
• Chapter4 Detailed description of form controls
• 4-1 form control 1
• 4-2 form control 2
• 4-3 Form control 3
• 4-4 form control 4
• Chapter5 css and html documents
• 5-1 css and html documents 1
• 5-2 css and html documents 2
• 5-3 css and html documents 3
• Chapter6 Detailed description of css selector
• 6-1 simple selector
• 6-2 context selector
• 6-3 Pseudo class selector 1
• 6-4 Pseudo class selector 2
• Chapter7 Font and text settings
• 7-1 Fonts and font icons 1
• 7-2 Fonts and font icons 2
• 7-3 text attribute 1
• 7-4 text attribute 2
• Chapter8 Box model and positioning
• 8-1 Detailed box model 1
• 8-2 Detailed box model 2
• 8-3 Floating and positioning 1
• 8-4 Floating and positioning 2
• Chapter9 Flex layout
• 9-1 Flex layout knowledge 1
• 9-2 Flex layout knowledge 2
• 9-3 Flex layout knowledge 3
• 9-4 Flex layout knowledge 4
• Chapter10 Flex practical small case
• 10-1 Project sequence small case
• 10-2 PC layout reference plan
• 10-3 flex mall layout 1
• 10-4 flex mall layout 2
• Chapter11 Grid layout basics
• 11-1 grid layout basics 1
• 11-2 grid layout basics 2
• 11-3 grid layout basics 3
• 11-4 grid layout basics 4
• 11-5 grid layout basics 5
• 11-6 grid layout basics 6
• Chapter12 grid layout case
• 12-1 grid layout case 1
• 12-2 grid layout case 2
• 12-3 grid layout case 3
• 12-4 Introduction and layout summary of the actual project front-end page
• Chapter13 JavaScript basic syntax
• 13-1 JavaScript basic syntax 1
• 13-2 JavaScript basic syntax 2
• 13-3 Variables/Scope in JavaScript
• Chapter14 Detailed description of data types and JSON
• 14-1 Detailed description of data type 1
• 14-2 Detailed description of data type 2
• 14-3 JSON and JS object serialization
• Chapter15 AJAX and FormData
• 15-1 Commonly used AJAX request types 1
• 15-2 Commonly used AJAX request types 2
• 15-3 A closer look at FormData and Ajax
• Chapter16 Detailed description of cross-domain requests (CORS/JSONP)
• 16-1 Describe the principles and practice of cross-domain requests 1
• 16-2 Describe the principles and practice of cross-domain requests 2
• 16-3 DOM manipulation 1
• Chapter17 DOM operations and event mechanism
• 17-1 DOM common operations 1
• 17-2 DOM common operations 2
• 17-3 Describe event 1 in detail
• 17-4 Describe event 4 in detail
• Chapter18 JS actual combat
• 18-1 Classic comment management
• 18-2 Principle and practice of tabs
• 18-3 Element size and position
• 18-4 Lazy loading
• 18-5 Carousel image 1
• 18-6 Carousel 2
• Chapter19 jQuery basics and operation result processing
• 19-1 jQuery syntax and terminology 1
• 19-2 jQuery syntax and terminology 2
• 19-3 Processing of jQuery query results 1
• 19-4 Processing of jQuery query results 2
• Chapter20 DOM manipulation and filters
• 20-1 getter and setter operations 1
• 20-2 getter and setter operations 2
• 20-3 Common DOM operations and filters 1
• 20-4 Common DOM operations and filters 2
• Chapter21 Events and Ajax in practice
• 21-1 Events and ajax basics 1
• 21-2 Events and ajax basics 2
• 21-3 Ajax common operation methods
• 21-4 Ajax non-refresh paging technology practice
• Chapter22 layui basics
• 22-1 layui basic framework foundation 1
• 22-2 layui basic framework foundation 2
• 22-3 How to use layui form form elements
• 22-4 Introduction to each component of layui and how to use it 1
• 22-5 Introduction to each component of layui and how to use it 2