Issue 5_Front-end Basics

• Chapter1 HTML document structure
• 1-1 Commonly used text elements on the page
• 1-2 Images and links on web pages
• Chapter2 Web front-end basic course
• 2-1 Commonly used background controls in CSS3 (sprites...)
• 2-2 Commonly used border effects in layout (border)
• 2-3 Style control for tables and lists
• 2-4 Commonly used form elements on the front end
• Chapter3 Web front-end basic course 1
• 3-1 Detailed explanation of css cascading style sheets: internal\external\inline
• 3-2 Common css selectors
• 3-3 Element display and inner and outer margins
• 3-4 Float(float)+(Youku hot module layout (Part 1)
• 3-5 Float (float) + (Youku hot module layout) (Part 2)
• Chapter4 Web front-end basic course 2
• 4-1 Detailed explanation of positioning in css (fixed/relative/absolute)
• 4-2 Pseudo selector:hover
• 4-3 Case: Youku top navigation (Part 1)
• 4-4 Case: Youku top navigation (Part 2)
• Chapter5 Web front-end basic course 3
• 5-1 Case: Partial layout of the carousel image at the top of Youku (1)
• 5-2 Case: Partial layout of the carousel image at the top of Youku (2)
• 5-3 Case: The layout of each navigation bar at the top of Youku (1)
• 5-4 Case: The layout of each navigation bar at the top of Youku (2)
• Chapter6 JavaScript basics
• 6-1 Learn about JavaScript
• 6-2 variable declaration
• 6-3 JavaScript data types
• 6-4 Conditional statements
• Chapter7 JavaScript Basics 2
• 7-1 switch (multi-branch selection statement)
• 7-2 loop statement
• 7-3 Function
• Chapter8 JavaScript Basics 3
• 8-1 function call
• 8-2 Closure
• 8-3 HTML DOM
• 8-4 DOM events
• Chapter9 JavaScript case
• 9-1 JavaScript alternate line color change
• 9-2 JavaScript select all
• 9-3 Math object (random color)
• 9-4 Date object (countdown)
• Chapter10 JavaScript case 1
• 10-1 Get the [coordinates] of the mouse in the div in real time
• 10-2 Imitate the text search effect in Baidu Library
• 10-3 Move the scroll bar down a certain distance to display [Fixed Navigation]
• 10-4 Level three linkage
• Chapter11 jquery basic course
• 11-1 Learn about jQuery
• 11-2 jquery installation and use
• 11-3 jquery selector
• 11-4 jquery event
• Chapter12 jquery basic course 1
• 12-1 jQuery traversal
• 12-2 jQuery gets and sets CSS classes
• 12-3 jQuery gets and sets content
• 12-4 Simulate adding to shopping cart effect
• Chapter13 jquery basic course 2
• 13-1 jQuery action properties
• 13-2 jQueryadd element
• 13-3 jQuery delete element
• 13-4 Comment like function practice
• Chapter14 jquery basic course 3
• 14-1 jQuery animation effects
• 14-2 Improve the comment and like function practice
• 14-3 tab switching (automatic switching js native) 1
• 14-4 tab switching (automatic switching js native) 2
• Chapter15 Use of front-end framework
• 15-1 bootstrap+layui
• 15-2 Frame: Grid Layout
• 15-3 Layui modular use
• 15-4 Today's headlines [1]
• Chapter16 Project【Today's Headlines】
• 16-1 Today's headlines [Navigation layout]
• 16-2 Today's headlines [News list]
• 16-3 Today's headlines [tab switch]
• 16-4 Today's Toutiao [Home Page Login Layout]
• 16-5 Today's headlines - emoticons
• 16-6 Today's headlines [emoji drop-down]
• 16-7 Today's headlines [News list]
• 16-8 Posting effect
• 16-9 scroll bar effect
• 16-10 Toutiao [Login Page 1]
• 16-11 Toutiao [Login Page 2]
• Chapter17 4.13 Saturday knowledge answers
• 17-1 Knowledge Answer 1
• 17-2 Knowledge Answer 2