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

Chapter1First lesson of school: First lesson of school 1
26 minutes58 seconds; First lesson of school 2
27 minutes09 seconds; The first lesson of school 3
27 minutes44 seconds; The complete process of installing small leather panel on Tencent Cloud Server
Chapter2HTML parsing principle and content acquisition: html and dom structure
37 minutes17 seconds; How to obtain html content
32 minutes43 seconds; Describe in detail the three attributes of html elements 1
25 minutes59 seconds; Describe in detail the three attributes of html elements 2
23 minutes42 seconds
Chapter3Links, Lists and Practice: css style sheet knowledge
37 minutes25 seconds; Common sense about links and lists
26 minutes03 seconds; Event listening and event proxying
38 minutes31 seconds; Practical combat: PHP Chinese website homepage drop-down menu
17 minutes31 seconds
Chapter4Selectors and tables: Simple selector vs contextual selector 1
19 minutes52 seconds; Simple selector and contextual selector 2
27 minutes58 seconds; Pseudo class selector and pseudo element 1
24 minutes57 seconds; Pseudo class selector and pseudo element 2
29 minutes28 seconds
Chapter5Detailed description of tables and forms: Classic table operations
39 minutes08 seconds; Play with tables in a different way
18 minutes34 seconds; Detailed description of all control elements of the form 1
24 minutes58 seconds; Detailed description of all control elements of the form 2
25 minutes14 seconds
Chapter6Box model and element position and size: Box model principle
30 minutes13 seconds; Element positioning and actual combat
33 minutes53 seconds; Element position and size practice 1
24 minutes14 seconds; Element position and size practice 2
17 minutes37 seconds
Chapter7Layout principles and practice: Lazy loading principle and implementation
18 minutes04 seconds; Floating principle and its response
34 minutes20 seconds; Three-column layout practice (positioning implementation)
23 minutes15 seconds; Floating to implement three-column layout
04 minutes48 seconds; Holy Grail implements three-column layout
18 minutes06 seconds; Grid implements three-column layout (optional)
07 minutes34 seconds
Chapter8Background control and font icons: Background Control Tips 1
20 minutes54 seconds; Background Control Tips 2
23 minutes19 seconds; The principle and implementation of sprite diagrams
28 minutes39 seconds; Practical reference of Alibaba font icons
30 minutes11 seconds
Chapter9Flex layout knowledge: A quick review of traditional layouts
29 minutes52 seconds; Common properties in flex containers 1
31 minutes30 seconds; Common properties and practical combat in flex containers 1
27 minutes07 seconds; Common properties and practical combat in flex containers 2
27 minutes13 seconds
Chapter10Flex project properties and common layout schemes: flex item properties 1
23 minutes38 seconds; flex item properties 2
23 minutes24 seconds; Flex implements a universal solution for PC
26 minutes33 seconds; Common layout solutions for mobile terminals
32 minutes57 seconds
Chapter11Flex layout practice: Header layout preview picture layout 1
30 minutes34 seconds; Header layout preview picture layout 2
28 minutes45 seconds; Main section content area and copyright information division
34 minutes22 seconds
Chapter12Grid layout basics: Commonly used terms and attributes of grid 1
36 minutes36 seconds; grid common terms and attributes 2
31 minutes39 seconds; grid common terms and attributes 3
44 minutes43 seconds
Chapter13grid project alignment and practice: Alignment of grid cells and items 1
34 minutes15 seconds; Alignment of grid cells and items 2
27 minutes19 seconds; 6.28 Homework explanation
21 minutes39 seconds; 6.28 Homework Explanation 1
18 minutes22 seconds
Chapter14Summary of front-end knowledge: Front-end knowledge summary 1
29 minutes36 seconds; Front-end knowledge summary 2
29 minutes39 seconds; Front-end knowledge summary 3
22 minutes40 seconds; Front-end knowledge summary 4
19 minutes18 seconds
Chapter15Computer programming enlightenment: Computer Programming Enlightenment 1
23 minutes58 seconds; Computer Programming Enlightenment 2
24 minutes28 seconds; Computer Programming Enlightenment 3
33 minutes09 seconds
Chapter16First experience with JavaScript: The architecture of the big front-end and the status of JS 1
27 minutes09 seconds; Big front-end architecture and the status of JS 2
26 minutes40 seconds; How to introduce and load JS
14 minutes42 seconds; Some differences between js and php
32 minutes55 seconds
Chapter17js data type JSON: js data types and common methods 1
32 minutes33 seconds; js data types and common methods 2
38 minutes10 seconds; js process control and json string
39 minutes40 seconds
Chapter18Ajax asynchronous programming: json and Ajax programming 1
42 minutes18 seconds; json and Ajax programming 2
35 minutes38 seconds; Ajax and json combat
41 minutes00 seconds
Chapter19Common DOM operations: Related operations of document node 1
35 minutes37 seconds; Related operations of document nodes 2
35 minutes58 seconds; Practical combat: dynamic creation and deletion of elements 1
26 minutes31 seconds; Practical combat: dynamic creation and deletion of elements 2
28 minutes27 seconds
Chapter20Cross-domain requests and DOM knowledge 2: Cross-domain request practice 1: CORS
36 minutes27 seconds; Cross-domain request practice 2: JSONP
38 minutes07 seconds; Usage of classList object
09 minutes38 seconds; DOM event bubbling and proxying
26 minutes11 seconds
Chapter21js classic case practice: Practical combat: Classic tab 1
36 minutes00 seconds; Practice: Classic Tab 2
30 minutes47 seconds; Practical combat: Image lazy loading technology
35 minutes53 seconds; Practical combat: classic carousel chart
31 minutes57 seconds
Chapter22Introduction to jQuery and important terms: jQuery introduces and $() factory function 1
25 minutes52 seconds; jQuery introduces $() factory function 2
27 minutes01 seconds; Query result processing and commonly used getters/setter-1
23 minutes33 seconds; Query result processing and common getters/setter-2
27 minutes43 seconds
Chapter23Commonly used getters/setters and DOM operations: Common getter/setter-1
33 minutes41 seconds; Common getter/setter-2
28 minutes47 seconds; Common DOM operations and filters
41 minutes55 seconds
Chapter24Ajax and actual combat: event
38 minutes20 seconds; Commonly used Ajax methods 1
24 minutes43 seconds; Commonly used ajax methods 2
29 minutes42 seconds; Ajax in action: Refresh-free paging based on POST
22 minutes10 seconds
Chapter25Practical js small cases and course summary: Website skin change with one click
16 minutes59 seconds; Table alternate row changes
10 minutes29 seconds; Select and cancel all projects
21 minutes50 seconds; Shopping cart automatically calculates 1
28 minutes34 seconds; Shopping cart automatic calculation 2
26 minutes33 seconds

部分浏览器不支持，请下载APP观看

Next Section：实战:　图片懒加载技术1201 plays

Issue 12_Front-end Development

部分浏览器不支持，请下载APP观看

Next Section： 实战: 图片懒加载技术1201 plays

Issue 12_Front-end Development

Allpost a note

Next Section：实战:　图片懒加载技术1201 plays