Name: Issue 12_Front-end Development
Uploaded: 2022-03-28T18:59:32+8:00
Duration: 2689 min 44 s
Description: The learning objectives of the front-end development part of the twelfth issue of PHP Chinese website: 1. Basic knowledge and practical combat of HTML5+CSS3; 2. Complete the layout of all static pages of the website; focus: elastic layout and grid layout; 3. Basics and practical combat of JavaScript and jQuery; 4.LayUI basics and practice

Issue 12_Front-end Development

Chapter1 First lesson of school
expand retract

Section1 First lesson of school 1
duration： 26 minutes 58 seconds

Section2 First lesson of school 2
duration： 27 minutes 09 seconds

Section3 The first lesson of school 3
duration： 27 minutes 44 seconds

Section4 The complete process of installing small leather panel on Tencent Cloud Server
duration：In calculation
Chapter2 HTML parsing principle and content acquisition
expand retract

Section1 html and dom structure
duration： 37 minutes 17 seconds

Section2 How to obtain html content
duration： 32 minutes 43 seconds

Section3 Describe in detail the three attributes of html elements 1
duration： 25 minutes 59 seconds

Section4 Describe in detail the three attributes of html elements 2
duration： 23 minutes 42 seconds
Chapter3 Links, Lists and Practice
expand retract

Section1 css style sheet knowledge
duration： 37 minutes 25 seconds

Section2 Common sense about links and lists
duration： 26 minutes 03 seconds

Section3 Event listening and event proxying
duration： 38 minutes 31 seconds

Section4 Practical combat: PHP Chinese website homepage drop-down menu
duration： 17 minutes 31 seconds
Chapter4 Selectors and tables
expand retract

Section1 Simple selector vs contextual selector 1
duration： 19 minutes 52 seconds

Section2 Simple selector and contextual selector 2
duration： 27 minutes 58 seconds

Section3 Pseudo class selector and pseudo element 1
duration： 24 minutes 57 seconds

Section4 Pseudo class selector and pseudo element 2
duration： 29 minutes 28 seconds
Chapter5 Detailed description of tables and forms
expand retract

Section1 Classic table operations
duration： 39 minutes 08 seconds

Section2 Play with tables in a different way
duration： 18 minutes 34 seconds

Section3 Detailed description of all control elements of the form 1
duration： 24 minutes 58 seconds

Section4 Detailed description of all control elements of the form 2
duration： 25 minutes 14 seconds
Chapter6 Box model and element position and size
expand retract

Section1 Box model principle
duration： 30 minutes 13 seconds

Section2 Element positioning and actual combat
duration： 33 minutes 53 seconds

Section3 Element position and size practice 1
duration： 24 minutes 14 seconds

Section4 Element position and size practice 2
duration： 17 minutes 37 seconds
Chapter7 Layout principles and practice
expand retract

Section1 Lazy loading principle and implementation
duration： 18 minutes 04 seconds

Section2 Floating principle and its response
duration： 34 minutes 20 seconds

Section3 Three-column layout practice (positioning implementation)
duration： 23 minutes 15 seconds

Section4 Floating to implement three-column layout
duration： 04 minutes 48 seconds

Section5 Holy Grail implements three-column layout
duration： 18 minutes 06 seconds

Section6 Grid implements three-column layout (optional)
duration： 07 minutes 34 seconds
Chapter8 Background control and font icons
expand retract

Section1 Background Control Tips 1
duration： 20 minutes 54 seconds

Section2 Background Control Tips 2
duration： 23 minutes 19 seconds

Section3 The principle and implementation of sprite diagrams
duration： 28 minutes 39 seconds

Section4 Practical reference of Alibaba font icons
duration： 30 minutes 11 seconds
Chapter9 Flex layout knowledge
expand retract

Section1 A quick review of traditional layouts
duration： 29 minutes 52 seconds

Section2 Common properties in flex containers 1
duration： 31 minutes 30 seconds

Section3 Common properties and practical combat in flex containers 1
duration： 27 minutes 07 seconds

Section4 Common properties and practical combat in flex containers 2
duration： 27 minutes 13 seconds
Chapter10 Flex project properties and common layout schemes
expand retract

Section1 flex item properties 1
duration： 23 minutes 38 seconds

Section2 flex item properties 2
duration： 23 minutes 24 seconds

Section3 Flex implements a universal solution for PC
duration： 26 minutes 33 seconds

Section4 Common layout solutions for mobile terminals
duration： 32 minutes 57 seconds
Chapter11 Flex layout practice
expand retract

Section1 Header layout preview picture layout 1
duration： 30 minutes 34 seconds

Section2 Header layout preview picture layout 2
duration： 28 minutes 45 seconds

Section3 Main section content area and copyright information division
duration： 34 minutes 22 seconds
Chapter12 Grid layout basics
expand retract

Section1 Commonly used terms and attributes of grid 1
duration： 36 minutes 36 seconds

Section2 grid common terms and attributes 2
duration： 31 minutes 39 seconds

Section3 grid common terms and attributes 3
duration： 44 minutes 43 seconds
Chapter13 grid project alignment and practice
expand retract

Section1 Alignment of grid cells and items 1
duration： 34 minutes 15 seconds

Section2 Alignment of grid cells and items 2
duration： 27 minutes 19 seconds

Section3 6.28 Homework explanation
duration： 21 minutes 39 seconds

Section4 6.28 Homework Explanation 1
duration： 18 minutes 22 seconds
Chapter14 Summary of front-end knowledge
expand retract

Section1 Front-end knowledge summary 1
duration： 29 minutes 36 seconds

Section2 Front-end knowledge summary 2
duration： 29 minutes 39 seconds

Section3 Front-end knowledge summary 3
duration： 22 minutes 40 seconds

Section4 Front-end knowledge summary 4
duration： 19 minutes 18 seconds
Chapter15 Computer programming enlightenment
expand retract

Section1 Computer Programming Enlightenment 1
duration： 23 minutes 58 seconds

Section2 Computer Programming Enlightenment 2
duration： 24 minutes 28 seconds

Section3 Computer Programming Enlightenment 3
duration： 33 minutes 09 seconds
Chapter16 First experience with JavaScript
expand retract

Section1 The architecture of the big front-end and the status of JS 1
duration： 27 minutes 09 seconds

Section2 Big front-end architecture and the status of JS 2
duration： 26 minutes 40 seconds

Section3 How to introduce and load JS
duration： 14 minutes 42 seconds

Section4 Some differences between js and php
duration： 32 minutes 55 seconds
Chapter17 js data type JSON
expand retract

Section1 js data types and common methods 1
duration： 32 minutes 33 seconds

Section2 js data types and common methods 2
duration： 38 minutes 10 seconds

Section3 js process control and json string
duration： 39 minutes 40 seconds
Chapter18 Ajax asynchronous programming
expand retract

Section1 json and Ajax programming 1
duration： 42 minutes 18 seconds

Section2 json and Ajax programming 2
duration： 35 minutes 38 seconds

Section3 Ajax and json combat
duration： 41 minutes 00 seconds
Chapter19 Common DOM operations
expand retract

Section1 Related operations of document node 1
duration： 35 minutes 37 seconds

Section2 Related operations of document nodes 2
duration： 35 minutes 58 seconds

Section3 Practical combat: dynamic creation and deletion of elements 1
duration： 26 minutes 31 seconds

Section4 Practical combat: dynamic creation and deletion of elements 2
duration： 28 minutes 27 seconds
Chapter20 Cross-domain requests and DOM knowledge 2
expand retract

Section1 Cross-domain request practice 1: CORS
duration： 36 minutes 27 seconds

Section2 Cross-domain request practice 2: JSONP
duration： 38 minutes 07 seconds

Section3 Usage of classList object
duration： 09 minutes 38 seconds

Section4 DOM event bubbling and proxying
duration： 26 minutes 11 seconds
Chapter21 js classic case practice
expand retract

Section1 Practical combat: Classic tab 1
duration： 36 minutes 00 seconds

Section2 Practice: Classic Tab 2
duration： 30 minutes 47 seconds

Section3 Practical combat: Image lazy loading technology
duration： 35 minutes 53 seconds

Section4 Practical combat: classic carousel chart
duration： 31 minutes 57 seconds
Chapter22 Introduction to jQuery and important terms
expand retract

Section1 jQuery introduces and $() factory function 1
duration： 25 minutes 52 seconds

Section2 jQuery introduces $() factory function 2
duration： 27 minutes 01 seconds

Section3 Query result processing and commonly used getters/setter-1
duration： 23 minutes 33 seconds

Section4 Query result processing and common getters/setter-2
duration： 27 minutes 43 seconds
Chapter23 Commonly used getters/setters and DOM operations
expand retract

Section1 Common getter/setter-1
duration： 33 minutes 41 seconds

Section2 Common getter/setter-2
duration： 28 minutes 47 seconds

Section3 Common DOM operations and filters
duration： 41 minutes 55 seconds
Chapter24 Ajax and actual combat
expand retract

Section1 event
duration： 38 minutes 20 seconds

Section2 Commonly used Ajax methods 1
duration： 24 minutes 43 seconds

Section3 Commonly used ajax methods 2
duration： 29 minutes 42 seconds

Section4 Ajax in action: Refresh-free paging based on POST
duration： 22 minutes 10 seconds
Chapter25 Practical js small cases and course summary
expand retract

Section1 Website skin change with one click
duration： 16 minutes 59 seconds

Section2 Table alternate row changes
duration： 10 minutes 29 seconds

Section3 Select and cancel all projects
duration： 21 minutes 50 seconds

Section4 Shopping cart automatically calculates 1
duration： 28 minutes 34 seconds

Section5 Shopping cart automatic calculation 2
duration： 26 minutes 33 seconds