Issue Six_Front-End Basics

• Chapter1 Introduction to front-end learning environment and HTML
• 1-1 Introduction to the sixth course
• 1-2 Build a learning environment
• 1-3 HTML first experience
• Chapter2 Common tags in HTML
• 2-1 Commonly used tags(1)
• 2-2 Commonly used tags(2)
• 2-3 Commonly used tags(3)
• 2-4 Commonly used tags(4)
• Chapter3 Basic css knowledge and box model
• 3-1 css basic syntax
• 3-2 css selector priority
• 3-3 Box model knowledge in CSS
• Chapter4 Commonly used CSS selectors and background settings
• 4-1 Commonly used CSS selectors (Part 1)
• 4-2 Commonly used CSS selectors (Part 2)
• 4-3 CSS background control technology
• Chapter5 Floating and positioning and examples
• 5-1 Interesting inner and outer margins
• 5-2 Basic knowledge about floating
• 5-3 Positioning and Case 1
• 5-4 Positioning and Case 2
• Chapter6 4/27 Saturday Question Answering Course
• 6-1 Q&A 1
• 6-2 Q&A 2
• 6-3 Q&A 3
• Chapter7 Analysis of common layout techniques
• 7-1 Five ways to clear floats
• 7-2 Layout common sense
• 7-3 Absolute positioning layout principle
• 7-4 Floating layout principle
• 7-5 Universal header and bottom layout
• 7-6 Principle and implementation of double flying wing layout
• 7-7 Holy Grail Layout Principle and Implementation
• Chapter8 Enterprise website analysis and creation
• 8-1 Page splitting and creation of corporate sites (Part 1)
• 8-2 Page splitting and creation of corporate sites (Part 2)
• 8-3 html+css summary and sharing
• Chapter9 JS programming environment and basic syntax
• 9-1 Build a programming environment
• 9-2 JS basic syntax (1)
• 9-3 JS basic syntax (2)
• 9-4 JS basic syntax (3)
• Chapter10 Loops, objects and functions in JS
• 10-1 Commonly used loop control structures
• 10-2 First experience with object-oriented
• 10-3 Function knowledge in JS
• Chapter11 Detailed explanation of objects and arrays in JS
• 11-1 Elaborate on the object
• 11-2 Describe object 1 in detail
• 11-3 A closer look at array traversal and conversion
• 11-4 Detailed description of array traversal and conversion 1
• Chapter12 JS getting elements and DOM operations
• 12-1 DOM and nodes
• 12-2 Summary of methods for obtaining elements in JS
• 12-3 DOM combat online photo album 1
• 12-4 DOM combat online photo album 2
• Chapter13 DOM node table and event operations
• 13-1 DOM practical guestbook 1
• 13-2 DOM actual combat guestbook 2
• 13-3 Tips for operating tables with js
• Chapter14 DOM combat and events
• 14-1 Practical combat: online automated customer service
• 14-2 Practical Combat: Little Calculator
• 14-3 JS event basics
• Chapter15 5/11 Saturday Q&A course
• 15-1 5.11 Saturday Question Answering Class (1)
• 15-2 5.11 Saturday Question Answering Class (2)
• Chapter16 Examples to explain form events
• 16-1 The application of change event in the form
• 16-2 Other common events: submit/blur/input
• 16-3 Similarities and differences between input and change events
• 16-4 Implementation of the select-all function of the shopping cart
• Chapter17 Job analysis and asynchronous programming principles
• 17-1 Yesterday’s homework explanation
• 17-2 Single thread and events
• 17-3 Ajax gets HTML content
• Chapter18 Ajax principles and practice
• 18-1 Explain the principles of Ajax in detail
• 18-2 Ajax practical form validation
• 18-3 Ajax combat tab
• Chapter19 JSON and actual combat
• 19-1 JSON(1) in detail
• 19-2 JSON(2) in detail
• 19-3 JSON actual back-end data reading
• 19-4 JSON practical form validation
• Chapter20 JSON Practical Combat (2) 1
• 20-1 FAQ
• 20-2 Serialization of JS objects
• 20-3 Rewrite Ajax form validation
• 20-4 Extended knowledge of serialization and restoration of JS objects
• Chapter21 5/18 Saturday Question Answering Course
• 21-1 Saturday course answers
• Chapter22 Introduction to jQuery and commonly used selectors
• 22-1 First experience with jQuery
• 22-2 Introduction to usage scenarios of $() function
• 22-3 How to convert between jQuery objects and DOM objects
• 22-4 Introduction to common selectors
• Chapter23 DOM operations and practical combat in jQuery
• 23-1 Commonly used DOM operations (1)
• 23-2 Commonly used DOM operations (2)
• 23-3 Events in jQuery
• 23-4 Practical combat: private photo album manager
• Chapter24 Commonly used Ajax methods in jQuery
• 24-1 Commonly used Ajax methods (1)
• 24-2 Commonly used Ajax methods (2)
• 24-3 Commonly used Ajax methods (3)
• Chapter25 Traversal and plug-in installation in jQuery
• 25-1 Three-level linkage principle and implementation of event actual combat
• 25-2 Introduction to commonly used traversal methods in jQuery
• 25-3 How to install and use plug-ins in jQuery
• Chapter26 Bootstrap basics
• 26-1 Introduction of frameworks and templates
• 26-2 Grid layout principle
• 26-3 Bootstrap grid layout practice
• Chapter27 5/25 Saturday Question Answering Course
• 27-1 Saturday course answers (1)
• 27-2 Saturday course answers (2)
• Chapter28 Introduction to common components of Bootstrap 1
• 28-1 Tables and Forms
• 28-2 Buttons and Images
• 28-3 Drop-down menus and button groups, etc.
• Chapter29 Boostrap common components and plug-ins 2
• 29-1 Control groups and navigation bars
• 29-2 Pagination and tab badges
• 29-3 Giant screen and thumbnail components
• Chapter30 Bootstrap common components and plug-ins 3
• 30-1 List group panel etc.
• 30-2 Warning and modal box folding plug-ins, etc.
• 30-3 Practical combat: The principle and implementation of carousel charts
• Chapter31 Practical combat: website backend management system
• 31-1 Implemented using iframe
• 31-2 Implemented with Ajax
• 31-3 Use Bootstrap to beautify the backend management system
• Chapter32 Summary of front-end knowledge
• 32-1 Analysis of the whole process of page parsing and script execution 1
• 32-2 Analysis of the whole process of page parsing and script execution 2
• 32-3 Task queue and event loop principles