Name: Issue 13_Front-end Development
Uploaded: 2022-03-28T19:00:45+8:00
Duration: 2436 min 36 s
Description: The learning objectives of the front-end development part of the 13th issue of php Chinese website: 1. Basic knowledge and practical implementation of HTML5+CSS3; 2. Complete the layout of all static pages of the website; focus: elastic layout and grid layout; 3. JavaScript, jQuery, ES6 basics and Practical combat; 4. LayUI basics and practical combat; 5. Vue.js basics and practical combat

Issue 13_Front-end Development

Chapter1 First lesson of school
expand retract

Section1 Detailed teaching plan
duration：In calculation

Section2 Step by step installation of vscode plug-in
duration：In calculation

Section3 Detailed explanation of markdown syntax
duration： 26 minutes 36 seconds

Section4 semantic structural elements
duration： 29 minutes 34 seconds
Chapter2 Detailed explanation of common HTML elements 1
expand retract

Section1 Text and links
duration： 34 minutes 28 seconds

Section2 Lists and Images
duration： 22 minutes 34 seconds

Section3 Describe table elements in detail (1)
duration：In calculation

Section4 Detailed explanation of table elements (2)
duration：In calculation
Chapter3 Describe forms and common controls in detail
expand retract

Section1 Text box/radio selection/check box/drop-down box (1)
duration： 29 minutes 04 seconds

Section2 Text box/radio selection/check box/drop-down box (2)
duration： 30 minutes 32 seconds

Section3 FileField/TextField/Button/InlineFrame-1
duration： 31 minutes 49 seconds

Section4 FileField/TextField/Button/InlineFrame-2
duration： 27 minutes 54 seconds
Chapter4 Describe css cascading and priority in detail
expand retract

Section1 css terminology and style sources
duration： 24 minutes 57 seconds

Section2 css terminology and style source 1
duration： 26 minutes 39 seconds

Section3 css cascading and priority relationship
duration： 29 minutes 20 seconds

Section4 css cascading and priority relationship 1
duration： 26 minutes 46 seconds
Chapter5 css attribute abbreviation and relative unit
expand retract

Section1 Abbreviation rules and applications of common css attributes
duration： 27 minutes 31 seconds

Section2 Abbreviation rules and applications of common css attributes 1
duration： 22 minutes 00 seconds

Section3 Introduction and examples of box model and em
duration： 28 minutes 07 seconds

Section4 Box model and em introduction and examples 1
duration： 25 minutes 41 seconds
Chapter6 em, rem, vm, vh and examples
expand retract

Section1 Examples detailing em and rem
duration： 33 minutes 54 seconds

Section2 Example details em and rem1
duration： 32 minutes 45 seconds

Section3 Responsive principle and vw, vh, vmin, vmax and custom attributes
duration： 39 minutes 06 seconds
Chapter7 Details box model
expand retract

Section1 Commonly used widths and box-sizing of box models
duration： 29 minutes 49 seconds

Section2 Commonly used widths and box-sizing1 of box models
duration： 23 minutes 52 seconds

Section3 The height of the model and the implementation of equal height columns 1
duration： 24 minutes 23 seconds

Section4 Implementation of model height and equal height columns 2
duration： 26 minutes 41 seconds
Chapter8 The solution of equal height columns and the problem of vertical centering
expand retract

Section1 The solution of equal height columns and the problem of vertical centering
duration： 40 minutes 15 seconds
Chapter9 Floating and Flex Layout
expand retract

Section1 Floating layout and BFC
duration： 27 minutes 21 seconds

Section2 Floating layout with BFC1
duration： 24 minutes 44 seconds

Section3 Detailed explanation of common properties of flex container
duration： 30 minutes 50 seconds

Section4 Detailed explanation of common properties of flex container 1
duration： 27 minutes 36 seconds
Chapter10 (1027) Project properties and flex instances
expand retract

Section1 Project properties and order instances
duration： 26 minutes 08 seconds

Section2 Project properties and order instance 1
duration： 23 minutes 45 seconds

Section3 Flex layout demonstration case
duration： 32 minutes 08 seconds

Section4 Flex layout demonstration case 1
duration： 23 minutes 14 seconds
Chapter11 (1028)flex instance and Grid basics
expand retract

Section1 flex example demonstration
duration： 32 minutes 18 seconds

Section2 flex example demonstration 1
duration： 31 minutes 54 seconds

Section3 Grid layout basics 1
duration： 39 minutes 14 seconds
Chapter12 (1029)Grid layout properties and example demonstration
expand retract

Section1 Grid layout basics 1
duration： 32 minutes 17 seconds

Section2 Grid layout basics 2
duration： 25 minutes 46 seconds

Section3 grid example demonstration
duration： 23 minutes 17 seconds

Section4 grid example demonstration 1
duration： 27 minutes 06 seconds
Chapter13 (1030)Details on floating and actual combat
expand retract

Section1 Introduction to grid media queries and floating 1
duration： 25 minutes 27 seconds

Section2 Introduction to grid media queries and floating 2
duration： 23 minutes 48 seconds

Section3 Modal box and precautions for positioning actual combat
duration： 32 minutes 42 seconds

Section4 Modal box and precautions for positioning actual combat 1
duration： 21 minutes 05 seconds
Chapter14 (1102) ES6 basic syntax
expand retract

Section1 Variables and data types
duration： 31 minutes 51 seconds

Section2 Variables and data types 1
duration： 27 minutes 47 seconds

Section3 Templates, destructuring and branch control
duration： 29 minutes 54 seconds

Section4 Templates, deconstruction and branch control 1
duration： 25 minutes 00 seconds
Chapter15 (1103)Function and DOM
expand retract

Section1 A closer look at loops and functions
duration： 32 minutes 48 seconds

Section2 Detailed explanation of loops and functions 1
duration： 33 minutes 21 seconds

Section3 DOM and common objects
duration： 48 minutes 25 seconds
Chapter16 (1104) Complete list of events and string/array methods
expand retract

Section1 Principle and implementation of event addition and delivery mechanism
duration： 43 minutes 17 seconds

Section2 A complete list of commonly used methods for strings and arrays
duration： 38 minutes 34 seconds

Section3 A complete collection of common methods for strings and arrays 1
duration： 27 minutes 23 seconds
Chapter17 (1105)json and Ajax asynchronous interface
expand retract

Section1 Son and ajax/get/post asynchronous request examples
duration： 29 minutes 33 seconds

Section2 Son and ajax/get/post asynchronous request example 1
duration： 30 minutes 17 seconds

Section3 Implementation of cross-domain requests-JSONP
duration： 44 minutes 44 seconds
Chapter18 (1106) JS classic practical case selection
expand retract

Section1 ToDoList with tabs
duration： 34 minutes 28 seconds

Section2 ToDoList with Tab 1
duration： 32 minutes 42 seconds

Section3 One-click skin change and lazy loading
duration： 45 minutes 28 seconds
Chapter19 (1109) Carousel chart practice and jQuery basics
expand retract

Section1 Carousel chart in action
duration： 37 minutes 23 seconds

Section2 Carousel chart practice 1
duration： 33 minutes 20 seconds

Section3 Introduction and import of jQury
duration： 27 minutes 39 seconds
Chapter20 (1110)jQuery common operations
expand retract

Section1 Commonly used getters/setter1
duration： 30 minutes 07 seconds

Section2 Commonly used getters/setter2
duration： 29 minutes 47 seconds

Section3 Introduction to commonly used filters and events 1
duration： 32 minutes 28 seconds

Section4 Introduction to commonly used filters and events 2
duration： 21 minutes 34 seconds
Chapter21 (1111) jQuery’s Ajax and classic combat
expand retract

Section1 Common Ajax operations in jQuery
duration： 27 minutes 03 seconds

Section2 Common Ajax operations in jQuery 1
duration： 22 minutes 21 seconds

Section3 Practical combat: Shopping cart full selection and automatic calculation
duration： 26 minutes 16 seconds

Section4 Practical combat: Shopping cart full selection and automatic calculation 1
duration： 33 minutes 51 seconds
Chapter22 (1112)Vue examples and basic syntax
expand retract

Section1 Vue examples and basic syntax 1
duration： 30 minutes 38 seconds

Section2 Vue examples and basic syntax 2
duration： 33 minutes 12 seconds

Section3 Demonstration of commonly used data attributes in Vue
duration： 38 minutes 55 seconds
Chapter23 (1116)Vue Basics Part 2
expand retract

Section1 Branch loop and component registration
duration： 30 minutes 42 seconds

Section2 Branch loop and component registration 1
duration： 30 minutes 05 seconds

Section3 Component communication and routing implementation
duration： 44 minutes 21 seconds
Chapter24 (1125) Analysis of some difficulties in JS
expand retract

Section1 Prototypes and prototypal inheritance
duration： 27 minutes 18 seconds

Section2 Prototypes and prototypal inheritance 1
duration： 15 minutes 21 seconds

Section3 call/apply/bind/reduce usage scenarios
duration： 23 minutes 31 seconds

Section4 call/apply/bind/reduce usage scenario 1
duration： 25 minutes 32 seconds