Issue 7_Front-end Basics

• Chapter1 Front-end development environment and common tools
• 1-1 Front-end development environment
• 1-2 Basic principles of how a website works
• 1-3 The relationship between html and http
• Chapter2 Quick introduction to common HTML tags
• 2-1 Quick introduction to common HTML tags
• 2-2 HTML common tags
• 2-3 HTML common tags 1
• 2-4 HTML common tags 2
• Chapter3 Introduction to CSS and the box model
• 3-1 Commonly used tags 3
• 3-2 CSS introduction and import
• 3-3 Introduction to style rules and box model 1
• 3-4 Introduction to style rules and box model 2
• Chapter4 CSS common selectors and background setting techniques
• 4-1 Box model example explanation
• 4-2 Commonly used selectors (Part 1)
• 4-3 Commonly used selectors (Part 2)
• Chapter5 Internal and external margin positioning and floating
• 5-1 background control technology
• 5-2 Padding and element centering techniques
• 5-3 Collapse transfer and extrusion of margins
• 5-4 Floating and positioning principles
• 5-5 Positioning practical small cases
• Chapter6 Layout Principles Common Layout Schemes
• 6-1 Layout principle analysis
• 6-2 Application of positioning and floating in layout
• 6-3 Introduction to common solutions for layout 1
• 6-4 Introduction to common solutions for layout 2
• Chapter7 Whole site layout and JS basics
• 7-1 Principle and implementation of the entire site layout for corporate news
• 7-2 javascript basic syntax 1
• 7-3 javascript basic syntax 2
• Chapter8 Object Basics and DOM Operations
• 8-1 Object creation and copying
• 8-2 Constructor and prototype objects
• 8-3 DOM and node operations(1)
• 8-4 DOM and node operations (2)
• Chapter9 Event Principle and Practice
• 9-1 Basic knowledge of events
• 9-2 Practical combat 1: Message board
• 9-3 Practical combat: super practical carousel chart (1)
• Chapter10 Actual carousel picture 2
• 10-1 Preliminary knowledge of carousel chart case (1)
• 10-2 Preliminary knowledge of carousel chart case (2)
• 10-3 Preliminary knowledge of carousel chart case (3)
• 10-4 Carousel chart case explanation
• Chapter11 Lazy loading and tabs
• 11-1 The principle of lazy loading
• 11-2 Lazy loading practice
• 11-3 Tab in action
• Chapter12 Form events and AJAX form validation
• 12-1 Form events and form elements
• 12-2 AJAX in practice: dynamically obtain user information
• 12-3 Ajax practice, post form verification
• Chapter13 When AJAX meets JSON
• 13-1 JSON principles and practice
• 13-2 How to use JSON for data interaction between the front and back ends
• 13-3 Simplify operations with FormData form serialization
• Chapter14 jQuery and LayUI basics
• 14-1 jQuery programming basics (1)
• 14-2 jQuery programming basics (2)
• 14-3 Ajax and Layui basics in jQuery
• Chapter15 How to create a secondary menu and online answers
• 15-1 How to create a secondary menu 1
• 15-2 How to create a secondary menu 2
• 15-3 Online Q & A