Live classroom recording of the second full-stack development training class (front-end part)

• Chapter1 3.15_First experience of front-end development
• 1-1 How to download and install plugins for Sublime Text3 editor
• 1-2 Browser choice: Chrome Google vs. FireFox
• 1-3 Create a real online development environment using PHP toolbox
• 1-4 Experience the charm of tags: the role of HTML and CSS
• 1-5 Make your web pages come alive: Experience the power of JavaScript
• Chapter2 3.16_Text, images, links, tables
• 2-1 HTML5 document structure
• 2-2 Introduction to HTML tags
• 2-3 HTML tag attributes
• 2-4 HTML text tag
• 2-5 HTML link tag
• 2-6 image tag
• 2-7 Basic steps to create a table
• 2-8 Merge of table rows and columns
• 2-9 Practical combat: forms with information management functions
• Chapter3 3.19_Lists and forms and practical combat
• 3-1 Introduction to list tags
• 3-2 List example demonstration
• 3-3 Introduction to block elements
• 3-4 Commonly used controls in forms
• 3-5 Practical combat: user registration form
• 3-6 Practical combat: Implementing login form using control grouping
• Chapter4 3.20_Inline frames and practice
• 4-1 iframe
• 4-2 Practical backend website management (Part 1)
• 4-3 1Practical backend website management (Part 2)
• 4-4 Practical backend website management (Part 2)
• Chapter5 3.21_CSS basic terminology
• 5-1 CSS basic terms
• 5-2 CSS introduction method
• 5-3 basic selector
• 5-4 attribute selector
• 5-5 Pseudo class selector
• Chapter6 3.22_CSS box model and table
• 6-1 Box Model_Basic Structure
• 6-2 Box model_Details of the border
• 6-3 Box model_details about rounded corners
• 6-4 Box model_shadow in detail
• 6-5 Practical combat: Make a cool table
• Chapter7 3_23 Elements Centered_Background_Lists and Links
• 7-1 Center single line of text
• 7-2 Center multi-line text
• 7-3 3. Block elements are centered
• 7-4 4. Centering of variable width block elements
• 7-5 Background settings
• 7-6 List and link settings
• Chapter8 3_26 Positioning and floating
• 8-1 How to use the Emmet plug-in
• 8-2 Principles and cases of relative positioning
• 8-3 Principles and cases of absolute positioning
• 8-4 Principles and cases of fixed layout
• 8-5 The principle of floating
• 8-6 Clear float of sibling elements
• 8-7 Clear float of hierarchical elements
• 8-8 Mixed arrangement of pictures and texts in floating practice
• Chapter9 3_27 Principle Analysis of Classic Layout Method
• 9-1 Absolute positioning implements three-column layout
• 9-2 Classic double flying wing three column layout
• 9-3 Classic Holy Grail Three Column Layout
• Chapter10 3_28 Practical Combat_Enterprise Site Layout
• 10-1 Corporate website layout_1
• 10-2 Corporate website layout_2
• 10-3 Corporate website layout_3
• 10-4 Corporate website layout_4
• Chapter11 3_29Javascript Getting Started and Practical Combat
• 11-1 javascript basic syntax
• 11-2 Actual Combat_Celebrity Photo Album
• 11-3 Practical combat_mini calculator
• Chapter12 3_30javascript practice 2
• 12-1 Quickly create tabs imitating PHP Chinese website
• 12-2 Practical combat_Imitation of online customer service automatic response robot
• Chapter13 4_2 jquery quick introduction
• 13-1 The underlying working principle of jquery
• 13-2 How to download and introduce jquery
• 13-3 Query factory function
• 13-4 Basic syntax of jquery
• 13-5 How jquery is executed
• Chapter14 4_3jQuery selector
• 14-1 Commonly used basic selectors
• 14-2 Hierarchy and specific selectors
• 14-3 Content filter selector
• 14-4 Form selection filter
• 14-5 Commonly used filter functions
• Chapter15 4_4 Custom attributes and style operations
• 15-1 Element attributes and custom attribute operations
• 15-2 Operations on element’s native properties
• 15-3 Custom data attribute operations
• 15-4 Set the class style of an element
• 15-5 Set inline style CSS
• Chapter16 4_8 Basic DOM operations of jQuery
• 16-1 Element content operations
• 16-2 How to create new elements
• 16-3 Add or move elements
• 16-4 Add or move elements to the target node
• 16-5 How to wrap elements
• Chapter17 4_9DOM actual combat and Ajax examples
• 17-1 Element deletion and content clearing operations
• 17-2 Practical combat_Online photo album management book (Part 1)
• 17-3 Practical combat_Online photo album management book (Part 2)
• 17-4 Native implementation of Ajax
• 17-5 jquery implementation of Ajax ($.post())
• Chapter18 4_10ajax和bootstrap
• 18-1 load() function in ajax
• 18-2 Two working modes of $.get() function
• 18-3 $.ajax() detailed explanation
• 18-4 bootstrap grid layout principle
• 18-5 bootstrap grid layout example