The third training session_front-end basics

• Chapter1 Web front-end basic course
• 1-1 Course Outline
• 1-2 html document structure
• 1-3 CSS Basics 1
• 1-4 CSS Basics 4
• 1-5 Html Chinese text tag 1
• 1-6 Html Chinese text tag 2
• 1-7 Html text control 1
• 1-8 Html text control 2
• Chapter2 The relationship between PHP and HTML
• 2-1 Why learn HTML when learning PHP?
• 2-2 Why choose PHP as your back-end development language?
• 2-3 Why did PHP choose framework development projects?
• 2-4 What is the essence of elements, tags, and attributes in HTML?
• 2-5 How to use single and double labels
• 2-6 Introduction to usage scenarios of commonly used tags
• Chapter3 Forms and CSS selectors
• 3-1 Introduction to form elements
• 3-2 Login registration form practice
• 3-3 Common element units in CSS
• 3-4 The principle of style inheritance in CSS
• 3-5 How to deal with style conflicts in CSS
• 3-6 CSS must-know selectors (1)
• 3-7 CSS must-know selectors (2)
• 3-8 CSS must-know selectors (3)
• Chapter4 Box model, positioning and floating
• 4-1 Details box model 1
• 4-2 Details box model 2
• 4-3 Four common scenarios for element alignment
• 4-4 Examples explaining relative positioning
• 4-5 Examples to explain absolute positioning
• Chapter5 Detailed explanation of floating and classic layout methods
• 5-1 Fixed positioning principle and practice
• 5-2 Float and clear float
• 5-3 Tips to solve the height collapse of the parent container caused by floating
• 5-4 Practical implementation of mixed graphics and text technology
• 5-5 Absolute positioning implements three-column layout
• 5-6 Shuangfei hopes to achieve a three-row layout
• 5-7 Holy Grail implements three-column layout
• Chapter6 Layout and actual combat
• 6-1 Introduction to new semantic layout elements in html5
• 6-2 Layout practice: backend management system (1)
• 6-3 Layout practice: backend management system (2)
• 6-4 Layout in practice: backend management system (3)
• Chapter7 JavaScript syntax basics
• 7-1 js syntax basics (1)
• 7-2 js syntax basics (2)
• 7-3 js syntax basics (3)
• 7-4 js syntax basics (4)
• 7-5 js syntax basics (5)
• Chapter8 Basics of DOM and event operations in javascript
• 8-1 Basics of event triggering in js
• 8-2 Practical combat: Internet photo album
• 8-3 Optimized version of website photo album
• 8-4 Use js to implement a fully functional calculator case
• Chapter9 JSON and Ajax and practice
• 9-1 JSON introduction and example demonstration
• 9-2 Introduction to Ajax and common properties and methods
• 9-3 Ajax practice: getting html content
• 9-4 Ajax in practice: form validation (1)
• 9-5 Ajax in practice: form validation (2)
• Chapter10 DOM operations and practical cases
• 10-1 An introduction to the basics of DOM manipulation
• 10-2 How to get element based on id attribute?
• 10-3 How to get an element based on its name attribute?
• 10-4 How to get element based on tag name?
• 10-5 Name attribute and tag name shortcut to get elements
• 10-6 How to get elements through class attribute?
• 10-7 How to get elements through css selector?
• 10-8 How to traverse the document tree through DOM methods?
• 10-9 How to manipulate attributes of HTML elements?
• 10-10 How to deal with content in HTML elements?
• 10-11 DOM node creation/insertion/deletion/update operations
• 10-12 Practical warm-up: Principle of generating chat messages
• 10-13 Practical combat: Simulating intelligent online customer service system (1)
• 10-14 Practical combat: Simulating intelligent online customer service system (2)
• Chapter11 Basic operations in jQuery (1)
• 11-1 jQuery import and jQuery objects
• 11-2 Commonly used core methods and properties of jQuery
• 11-3 Attribute and content operations in jQuery
• 11-4 CSS operations in jQuery
• 11-5 Common selectors in jQuery
• 11-6 Common DOM operations in jQuery
• Chapter12 Basic operations in jQuery (2)
• 12-1 Traversing elements in jQuery
• 12-2 Basic animation knowledge in jQuery
• 12-3 How to use basic events in jQuery
• 12-4 Practical combat: Web version of photo album manager (1)
• 12-5 Practical combat: Web version of photo album manager (2)
• Chapter13 Ajax operations in jQuery
• 13-1 In-depth explanation and practical application of load() method
• 13-2 $.get() function detailed explanation and practical application
• 13-3 A detailed explanation of the $.getJSON() function and its practical use
• 13-4 Detailed description of $.getScript() function and actual combat
• 13-5 Detailed description of $.post() function and actual combat
• 13-6 Detailed explanation of the ultimate method $.ajax() and actual combat
• 13-7 Ajax practical province and city three-level linkage menu
• Chapter14 Bootstrap import and layout principles
• 14-1 Import and layout principles
• 14-2 Basic steps and examples of layout
• Chapter15 Tables and forms in Bootstrap global styles
• 15-1 Basic operations and style control of tables
• 15-2 Default vertical form and control group operations
• 15-3 Tips for creating inline forms
• 15-4 Creation and operation of horizontal forms
• Chapter16 Bootstrap buttons and drop-down menus
• 16-1 Static, read-only and disabled controls in forms
• 16-2 Commonly used button predefined styles
• 16-3 Commonly used image predefined styles
• 16-4 How to set text foreground and background colors
• 16-5 How to add font icons and usage scenarios
• 16-6 How to create and activate drop-down menus
• 16-7 Tips for creating button groups and split drop-down menus
• Chapter17 Bootstrap navigation giant screen thumbnail and other components
• 17-1 How to create and use the input box group
• 17-2 Common tabbed and capsule navigation setup methods
• 17-3 Detailed explanation of each component of the navigation bar
• 17-4 Common styles and setting techniques for pagination
• 17-5 How to set up labels and badges and how to use them
• 17-6 How to set up the giant screen and use it in practice
• 17-7 Thumbnail creation and usage scenario analysis
• Chapter18 Commonly used plugins in Bootstrap
• 18-1 How to use the alert box component
• 18-2 Usage scenarios for list groups
• 18-3 Usage scenarios of panels and other components
• 18-4 Modal box composition and setting skills
• 18-5 How to set up tabs
• 18-6 Several common scenarios for warning box plug-ins
• 18-7 Folding plug-in and menu creation
• 18-8 Detailed production steps of carousel images
• Chapter19 Vue.js development basics
• 19-1 Elaborate on MVC design ideas
• 19-2 Elaborate on MVVM design ideas
• 19-3 Import and instantiation of Vue.js
• 19-4 Mount points and variable rendering
• 19-5 Template rendering, attribute addition and event methods
• 19-6 Two-way binding of model data and page variables
• 19-7 Listener: respond to real-time changes in page variables