Issue 4_Front-end Basics

• Chapter1 [0114] First experience with HTML and CSS
• 1-1 Installation and use of vscode editor plug-in
• 1-2 HTML document structure in detail
• 1-3 A detailed introduction to common html tags (1)
• 1-4 A detailed introduction to common html tags (2)
• 1-5 Essential css syntax tutorial
• 1-6 css common selectors and priorities
• 1-7 A detailed introduction to css box model
• Chapter2 [0115] CSS floating positioning and layout practical lectures
• 2-1 Flexible and elegant selector
• 2-2 Fun and magical background
• 2-3 Naughty padding
• 2-4 Elusive margins
• 2-5 float
• 2-6 Positioning and relative positioning
• 2-7 Absolute positioning small case
• 2-8 Absolute positioning mask
• 2-9 Fixed positioning small case
• 2-10 Common part of general layout
• 2-11 General Layout [Double Flying Wings]
• 2-12 Universal Layout [Holy Grail]
• Chapter3 [0116] JavaScript basic syntax in depth
• 3-1 Introduction to JS and the use of console
• 3-2 JS basic syntax and process control
• 3-3 JS data types
• 3-4 3 ways to introduce JS
• Chapter4 [0117] DOM operations in JavaScript
• 4-1 DOM basics
• 4-2 How to select page elements in DOM
• 4-3 Classic ToList case
• 4-4 Add deletion message function to ToList
• 4-5 How to dynamically generate a table with JS
• Chapter5 [0118] Forms and Ajax
• 5-1 Form events (1)
• 5-2 Form events (2)
• 5-3 Principles of movement
• 5-4 Drag and drop principle
• 5-5 GET and POST requests
• 5-6 Asynchronous and AJAX requests (1)
• 5-7 Asynchronous and AJAX requests (2)
• Chapter6 [0121] Quick introduction to jQuery
• 6-1 jQuery installation and basic syntax
• 6-2 jQuery selector
• 6-3 jQuery selector (1)
• Chapter7 jquery improvement article
• 7-1 jquery traversal method
• 7-2 jQuery gets and sets CSS classes
• 7-3 jQuery get content and attributes
• Chapter8 Advanced jQuery
• 8-1 How to operate elements and attributes with jQuery
• 8-2 Case: Click on the product to select the effect
• 8-3 Case: Comment and like function practice
• Chapter9 jQuery Finale
• 9-1 jQuery animation effects
• 9-2 Case: navigation bar
• 9-3 Case: Navigation Bar (2)
• 9-4 Homework: Comment and like function practice
• Chapter10 First experience with bootstrap
• 10-1 bootstrap quick layout
• 10-2 bootstrap quick layout (2)
• 10-3 bootstrap quick layout (3)
• Chapter11 Cases
• 11-1 Weibo navigation bar
• 11-2 Main content part layout
• Chapter12 Case (2)
• 12-1 Weibo complete layout
• 12-2 Emoticon package layout
• 12-3 Improve Weibo cases
• Chapter13 Extremely fast applet
• 13-1 Mini program installation and project creation
• 13-2 Mini program layout component
• Chapter14 Extremely fast mini program (2)
• 14-1 Mini program page layout
• 14-2 Page rendering 1
• 14-3 Page rendering 2
• Chapter15 Front-end completion
• 15-1 Case: tab switching/switching theme