Name: Issue 20_Front-end development
Uploaded: 2022-09-08T12:01:50+8:00
Duration: 2950 min 35 s
Description: The learning objectives of the front-end development part of the 20th issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Element UI; 6. Front-end classic practical cases; 7. Completely separate development model for front-end and back-end...

Chapter10630First lesson of school: Building a front-end development environment and paying attention to details 01
17 minutes25 seconds; Building a front-end development environment and paying attention to details 02
22 minutes35 seconds; Building a front-end development environment and paying attention to details 03
17 minutes24 seconds; Detailed explanation of commonly used terms in web development 01
16 minutes25 seconds; Detailed explanation of commonly used terms in web development 02
16 minutes12 seconds; Detailed explanation of commonly used terms in web development 03
16 minutes34 seconds
Chapter20701-html deconstruction and Emmet syntax: Detailed html page structure and parsing process 01
16 minutes59 seconds; Detailed html page structure and parsing process 02
18 minutes27 seconds; Detailed html page structure and parsing process 03
14 minutes18 seconds; markdown syntax and emmet syntax 01
17 minutes23 seconds; markdown syntax and emmet syntax 02
17 minutes55 seconds; markdown syntax and emmet syntax 03
18 minutes36 seconds
Chapter30704-html common tags and application scenarios: Common attributes and usage scenarios 01
15 minutes56 seconds; Common attributes and usage scenarios 02
16 minutes03 seconds; Commonly used layout labels and usage tips
11 minutes40 seconds; Combination rules for pictures, links and lists
22 minutes29 seconds; Detailed table and cell merging techniques 01
15 minutes50 seconds; Detailed table and cell merging techniques 02
21 minutes38 seconds
Chapter40705-Detailed form: front-end and back-end interactive data carrier: Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 01
19 minutes46 seconds; Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 02
20 minutes28 seconds; Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 03
20 minutes57 seconds; Detailed explanation of media and frame elements and practical cases 01
20 minutes05 seconds; Detailed explanation of media and frame elements and practical cases 02
19 minutes34 seconds
Chapter50706-css common sense and selectors: css style source, priority and type 01
23 minutes20 seconds; css style source, priority and type 02
23 minutes06 seconds; Common selectors and weight analysis application scenarios 01
22 minutes55 seconds; Common selectors and weight analysis application scenarios 02
23 minutes59 seconds; Common selectors and weight analysis application scenarios 03
22 minutes29 seconds
Chapter60707-Pseudo classes and box models, etc.: Detailed analysis of pseudo-classes and application scenarios 01
19 minutes40 seconds; Detailed analysis of pseudo-classes and application scenarios 02
20 minutes41 seconds; Detailed analysis of pseudo-classes and application scenarios 03
18 minutes24 seconds; Describe the box model and common attribute calculation methods in detail 01
20 minutes27 seconds; Describe the box model and common attribute calculation methods in detail 02
21 minutes21 seconds
Chapter70708 - css common units and font icons: Describe in detail the common units you must know about CSS layout 01
22 minutes31 seconds; Describe in detail the common units you must know about CSS layout 01
21 minutes54 seconds; Table styles, font icons, media queries 01
23 minutes16 seconds; Table styles, font icons, media queries 02
23 minutes58 seconds; Table styles, font icons, media queries 03
24 minutes54 seconds
Chapter80711-Default layout and positioning layout: Default layout and label type 01
17 minutes14 seconds; Default layout and label type 02
17 minutes02 seconds; Default layout and label type 03
21 minutes17 seconds; Relative, absolute, fixed, sticky positioning principles and demonstrations 01
22 minutes19 seconds; Relative, absolute, fixed, sticky positioning principles and demonstrations 02
22 minutes31 seconds; Relative, absolute, fixed, sticky positioning principles and demonstrations 03
24 minutes12 seconds
Chapter90712-Positioning cases and common attributes of flex and grid: Positioning small case: commonly used multi-column layout 01
21 minutes59 seconds; Positioning small case: commonly used multi-column layout 02
22 minutes32 seconds; Detailed explanation of 6 properties you must know about flex containers and projects 01
25 minutes01 seconds; Detailed explanation of 6 properties you must know about flex containers and projects 02
25 minutes08 seconds; Detailed explanation of 6 properties you must know about flex containers and projects 03
24 minutes48 seconds
Chapter100713-Details of common attributes of grid layout: Flex instance and grid layout process and common attributes 1-01
22 minutes39 seconds; Flex instance and grid layout process and common attributes 1-02
22 minutes19 seconds; Flex instance and grid layout process and common attributes 1-03
22 minutes40 seconds; Common properties of grid layout-2-01
20 minutes29 seconds; Common properties of grid layout-2-02
20 minutes51 seconds
Chapter110714-grid actual PHP Chinese website homepage (part): grid implements php.cn navigation part 01
21 minutes15 seconds; grid implements php.cn navigation part 02
22 minutes55 seconds; grid implements php.cn navigation part 03
20 minutes55 seconds; Grid implements the content of the header of the php.cn home page 01
19 minutes50 seconds; Grid implements the content of the header of the php.cn home page 02
19 minutes57 seconds
Chapter120715-Mobile terminal layout principles and example analysis: Detailed explanation of the three major viewports and two major units of the mobile terminal 01
25 minutes11 seconds; Detailed explanation of the three major viewports and two major units of the mobile terminal 02
26 minutes11 seconds; Detailed explanation of the three major viewports and two major units of the mobile terminal 03
20 minutes41 seconds; Mobile solution to font size boundaries 01
14 minutes33 seconds; Mobile solution to font size boundaries 02
16 minutes33 seconds
Chapter130718-Mobile terminal layout practice-Taobao homepage: Mobile terminal overall layout and header design 01
17 minutes35 seconds; Overall layout and header design of mobile terminal 02
17 minutes49 seconds; Overall layout and header design of mobile terminal 03
20 minutes49 seconds; Mobile footer and body design 01
19 minutes12 seconds; Mobile footer and body design 02
19 minutes51 seconds; Mobile footer and body design 03
19 minutes37 seconds
Chapter140719-JS syntax and programming basics 1: Data and operation reuse technology: first understanding of variables and functions 01
22 minutes27 seconds; Data and operation reuse technology: first understanding of variables and functions 02
25 minutes09 seconds; Detailed explanation of scope, naming rules and functions 01
20 minutes20 seconds; Detailed explanation of scope, naming rules and functions 02
20 minutes17 seconds; Detailed explanation of scope, naming rules and functions 03
19 minutes26 seconds
Chapter150720-Data types and process control: Detailed explanation of data types (key points) 01
21 minutes33 seconds; Detailed explanation of data types (key points) 02
14 minutes59 seconds; Detailed explanation of data types (key points) 03
11 minutes39 seconds; Process Control-Branch 01
15 minutes27 seconds; Process Control-Branch 02
14 minutes50 seconds; Process Control-Loop 01
15 minutes20 seconds; Process Control-Loop 02
14 minutes31 seconds
Chapter160721-function/object/template string: Simplification of function parameters/return values/object literals 01
22 minutes29 seconds; Simplification of function parameters/return values/object literals 02
23 minutes09 seconds; Template literals and template functions/details of closures and applications 01
21 minutes03 seconds; Template literals and template functions/details of closures and applications 02
21 minutes32 seconds; Template literals and template functions/details of closures and applications 03
21 minutes24 seconds
Chapter170722-Constructor/Class/Destructuring: Accessor properties and interface attribution 01
13 minutes41 seconds; Accessor properties and interface attribution 02
13 minutes20 seconds; Detailed explanation of constructor and object access 01
21 minutes26 seconds; Detailed explanation of constructor and object access 02
20 minutes49 seconds; Class simplifies object creation and access to various members
18 minutes14 seconds; Describe in detail the deconstruction and application scenarios of arrays and objects
23 minutes34 seconds
Chapter180725-Common DOM operations: JS01 in the browser
16 minutes31 seconds; JS02 in the browser
15 minutes59 seconds; Get DOM elements elegantly 01
17 minutes03 seconds; Get DOM elements elegantly 02
17 minutes52 seconds; Correctly obtain forms and controls
13 minutes10 seconds; DOM traversal common API
24 minutes17 seconds
Chapter190726-dom addition, deletion, modification and css operation: DOM commonly used additions, deletions, modifications and content operations 01
17 minutes51 seconds; DOM commonly used additions, deletions, modifications and content operations 02
18 minutes07 seconds; DOM commonly used additions, deletions, modifications and content operations 03
20 minutes54 seconds; Message board actual combat/dataset/js css operation method 01
20 minutes35 seconds; Message board actual combat/dataset/js css operation method 02
17 minutes35 seconds; Message board actual combat/dataset/js css operation method 06
18 minutes17 seconds
Chapter200727-Elaborate on common APIs for events and arrays: ClassList object and event adding method 01
11 minutes48 seconds; ClassList object and event adding method 02
20 minutes30 seconds; ClassList object and event adding method 03
16 minutes14 seconds; Event agent/form event/character common api01
22 minutes27 seconds; Event agent/form event/character common api02
22 minutes09 seconds; Event agent/form event/character common api03
21 minutes45 seconds
Chapter210728-Classic cases of commonly used api and dom for arrays: Array commonly used API refined version 01
18 minutes53 seconds; Array commonly used API refined version 02
17 minutes31 seconds; Array commonly used API refined version 03
22 minutes21 seconds; Practical classic tab and carousel diagram 01
19 minutes31 seconds; Practical classic tab and carousel diagram 02
18 minutes52 seconds; Practical classic tab and carousel diagram 03
20 minutes29 seconds
Chapter220729-Shopping cart practice and JSON: Classic shopping cart practice 01
20 minutes54 seconds; Classic shopping cart practice 02
21 minutes17 seconds; Classic shopping cart practice 03
23 minutes19 seconds; Detailed explanation of front-end and back-end interaction principles and JSON data conversion 01
20 minutes06 seconds; Detailed explanation of front-end and back-end interaction principles and JSON data conversion 02
22 minutes03 seconds
Chapter230801-Asynchronous programming and module technology: Asynchronous XHR and Fetch01
20 minutes32 seconds; Asynchronous XHR and Fetch02
20 minutes13 seconds; Asynchronous XHR and Fetch03
19 minutes08 seconds; Fetch optimization and module must-know techniques 01
21 minutes04 seconds; Fetch optimization and module must-know techniques 02
22 minutes44 seconds; Fetch optimization and module must-know techniques 03
21 minutes54 seconds
Chapter240802- node basics: node, npm knowledge and package installation 01
22 minutes24 seconds; node, npm knowledge and package installation 02
17 minutes47 seconds; node, npm knowledge and package installation 03
22 minutes47 seconds; npm package management common instructions 01
19 minutes47 seconds; npm package management common instructions 02
21 minutes20 seconds
Chapter250803- Vue basic syntax and common instructions: Introduction to vue and must-know terms 01
18 minutes35 seconds; Introduction to vue and must-know terms 02
15 minutes03 seconds; Introduction to vue and must-know terms 03
18 minutes54 seconds; Style binding and data two-way binding 01
18 minutes24 seconds; Style binding and data two-way binding 02
16 minutes08 seconds; Style binding and data two-way binding 03
19 minutes07 seconds
Chapter260804-Vue common instructions v-if, v-for and various modifiers: Vue common instructions v-if, v-for and various modifiers 01
19 minutes34 seconds; Common vue instructions v-if, v-for and various modifiers 02
19 minutes33 seconds; Vue common instructions v-if, v-for and various modifiers 03
23 minutes52 seconds; Computed properties, listener properties and life cycle preliminary 01
13 minutes16 seconds; Computed properties, listener properties and life cycle preliminary 05
14 minutes43 seconds
Chapter270805-Component registration and communication between components: Component registration and communication between components 01
19 minutes38 seconds; Component registration and communication between components 02
16 minutes42 seconds; Component registration and communication between components 03
17 minutes30 seconds; Online Q&A/summary/knowledge sharing, etc. 01
16 minutes59 seconds; Online Q&A/summary/knowledge sharing, etc. 02
18 minutes16 seconds; Online Q&A/summary/knowledge sharing, etc. 03
16 minutes13 seconds

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

Next Section：优雅的获取DOM元素02914 plays

Issue 20_Front-end development

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

Next Section： 优雅的获取DOM元素02914 plays

Issue 20_Front-end development

Allpost a note

Next Section：优雅的获取DOM元素02914 plays