Issue 21_Front-end development
The learning objectives of the front-end development part of the 21st issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Element Plus; 6. Front-end classic practical cases ;7. Completely separate development model for front-end and back-end...
190757
person learning
169
class hour
2023-07-27
update time
02 days04 Hours43 minutes04 seconds
Total course duration
认证高级PHP讲师
You will learn
The learning objectives of the front-end development part of the 21st issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Element Plus; 6. Front-end classic practical cases ;7. Completely separate development model for front-end and back-end...
Issue 21_Front-end development
Section1 Development environment: vscode/chrome/phpEnv -1
17 minutes43 seconds
Section2 Development environment: vscode/chrome/phpEnv-2
19 minutes30 seconds
Section3 Learning method: Live broadcast/playback/homework/questions
16 minutes22 seconds
Section4 Markdown common syntax demonstration
21 minutes41 seconds
Section5 Basic knowledge of HTTP and URL01
16 minutes46 seconds
Section6 Basic knowledge of HTTP and URL02
26 minutes48 seconds
Chapter1 1013-First lesson of school
Section1 Review the key points of the first lesson of school 01
18 minutes53 seconds
Section2 Review the key points of the first lesson of school 02
17 minutes59 seconds
Section3 Elements, tags and attributes
19 minutes06 seconds
Section4 HTML document structure, display mode and element type 01
19 minutes51 seconds
Section5 HTML document structure, display mode and element type 02
19 minutes50 seconds
Section6 Page Sambo and Emmet Grammar Practice 01
17 minutes48 seconds
Section7 Page Sambo and Emmet Grammar Practice 02
19 minutes59 seconds
Chapter2 1014-Elaborate on the basics of html
Section1 Four major attribute types of html
14 minutes42 seconds
Section2 HTML common element tags: layout class
22 minutes01 seconds
Section3 Common html tags: images, links, lists
24 minutes38 seconds
Section4 Describe tables and common attributes in detail
25 minutes11 seconds
Section5 Describe the form in detail-<form> tag and attributes
23 minutes30 seconds
Chapter3 1017-Elaborate on HTML5 must-know tags-1
Section1 Commonly used form controls 1-1
19 minutes54 seconds
Section2 Commonly used form controls 1-2
20 minutes23 seconds
Section3 Commonly used form controls 1-3
20 minutes35 seconds
Section4 Commonly used form controls 2-1
18 minutes40 seconds
Section5 Commonly used form controls 2-2
18 minutes48 seconds
Section6 Commonly used form controls 2-3
13 minutes50 seconds
Chapter4 1018-Details of form controls
Section1 Media tags and <iframe> frame elements 01
19 minutes30 seconds
Section2 Media tags and <iframe> frame elements 02
22 minutes36 seconds
Section3 CSS style source and priority 01
25 minutes24 seconds
Section4 CSS style source and priority 02
24 minutes40 seconds
Section5 Basic CSS selectors: tags and attributes
16 minutes54 seconds
Chapter5 1019-Other tags and CSS basics
Section1 What’s new with context selectors
20 minutes06 seconds
Section2 Describe selector weight in detail (key points) 01
18 minutes41 seconds
Section3 Describe selector weight in detail (key points) 02
23 minutes23 seconds
Section4 Detailed description of pseudo-class structure selector 01
16 minutes55 seconds
Section5 Detailed description of pseudo-class structure selector 02
19 minutes35 seconds
Chapter6 1020 - Detailed explanation of selector weights and pseudo-class selectors
Section1 State Pseudo-Class Principles and Practical Cases 01
18 minutes21 seconds
Section2 State Pseudo-Class Principles and Practical Cases 02
18 minutes40 seconds
Section3 State Pseudo-Class Principles and Practical Cases 03
17 minutes55 seconds
Section4 Box Model and Core Properties Lecture 01
22 minutes57 seconds
Section5 Box Model and Core Properties Lecture 02
24 minutes38 seconds
Chapter7 1021 - Pseudo-class combat and box model
Section1 Common CSS units: px, em, rem 01
20 minutes03 seconds
Section2 Common CSS units: px, em, rem 02
20 minutes10 seconds
Section3 Common CSS units: px, em, rem 03
21 minutes11 seconds
Section4 Common CSS units: px, em, rem 04
15 minutes08 seconds
Section5 CSS viewport unit: VW, VH and precautions 01
17 minutes55 seconds
Section6 CSS viewport unit: VW, VH and precautions 02
14 minutes22 seconds
Chapter8 1024-CSS common units and table styles
Section1 Font icon 01
18 minutes17 seconds
Section2 Font icon 02
19 minutes37 seconds
Section3 Media Inquiries 01
15 minutes08 seconds
Section4 Media Inquiries 02
13 minutes30 seconds
Section5 Positioning: relative, absolute, fixed principle and implementation 01
25 minutes36 seconds
Section6 Positioning: relative, absolute, fixed principle and implementation 02
23 minutes50 seconds
Chapter9 1025-Font icon, media query and positioning
Section1 Positioning practice (modal box) 01
13 minutes28 seconds
Section2 Positioning practice (modal box) 02
20 minutes52 seconds
Section3 Detailed explanation of common properties of flex layout 01
23 minutes04 seconds
Section4 Detailed explanation of common properties of flex layout 02
19 minutes45 seconds
Section5 Detailed explanation of common properties of flex layout 03
23 minutes36 seconds
Chapter10 1026 - Positioning practice and detailed explanation of Flex layout attributes
Section1 Flex Practical Classic Navigation Design 01
20 minutes30 seconds
Section2 Flex Practical Classic Navigation Design 02
12 minutes41 seconds
Section3 Grid's explicit grid and project properties 01
08 minutes31 seconds
Section4 Grid's explicit grid and item properties 02
18 minutes57 seconds
Section5 grid item arrangement rules and implicit grid
12 minutes30 seconds
Section6 Grid item alignment
21 minutes43 seconds
Section7 Grid row and column gaps
07 minutes57 seconds
Chapter11 1027 - Flex practice and common properties of Grid layout
Section1 Must-know terminology and implementation principles of mobile terminal layout 01
23 minutes18 seconds
Section2 Must-know terminology and implementation principles for mobile terminal layout 02
21 minutes40 seconds
Section3 Must-know terminology and implementation principles of mobile terminal layout 03
23 minutes31 seconds
Section4 Taobao mobile homepage: Header layout 01
19 minutes39 seconds
Section5 Taobao mobile homepage: header layout 02
14 minutes48 seconds
Section6 Mobile terminal overall layout solution (supplementary entry)
06 minutes13 seconds
Chapter12 1028-Mobile terminal layout principles and practice
Section1 Mobile footer, navigation and main part 01
19 minutes55 seconds
Section2 Mobile footer, navigation and main part 02
19 minutes09 seconds
Section3 Mobile footer, navigation and main part 03
23 minutes27 seconds
Section4 Taobao PC terminal layout analysis and layout framework implementation 01
22 minutes09 seconds
Section5 Taobao PC terminal layout analysis and layout framework implementation 02
19 minutes01 seconds
Section6 Taobao PC terminal layout analysis and layout framework implementation 03
18 minutes17 seconds
Section7 Taobao PC terminal layout analysis and layout framework implementation 04
12 minutes53 seconds
Chapter13 1031-Taobao mobile and PC layout
Section1 JS past and present, front-end development history and naming convention 01
20 minutes52 seconds
Section2 JS past and present, front-end development history and naming conventions 02
19 minutes55 seconds
Section3 JS past and present, front-end development history and naming convention 03
18 minutes05 seconds
Section4 Describe console, variables, constants and function types in detail 01
20 minutes44 seconds
Section5 Describe console, variables, constants and function types in detail 02
19 minutes32 seconds
Section6 Describe console, variables, constants and function types in detail 03
20 minutes19 seconds
Chapter14 1101-JavaScript past and present life and code members
Section1 Describe data types and application scenarios in detail 01
23 minutes13 seconds
Section2 Describe data types and application scenarios in detail 02
21 minutes00 seconds
Section3 Describe data types and application scenarios in detail 03
22 minutes40 seconds
Section4 Scope, object literal simplification and branch structure encyclopedia 01
20 minutes33 seconds
Section5 Scope, object literal simplification and branch structure encyclopedia 02
21 minutes15 seconds
Chapter15 1102-Elaborate on data types and process control
Section1 Detailed explanation of loops, function parameters and return values 01
19 minutes17 seconds
Section2 Detailed explanation of loops, function parameters and return values 02
18 minutes38 seconds
Section3 Detailed explanation of loops, function parameters and return values 03
18 minutes26 seconds
Section4 Template functions, destructuring and accessor properties 01
18 minutes14 seconds
Section5 Template functions, destructuring and accessor properties 02
23 minutes57 seconds
Section6 Template functions, destructuring and accessor properties 03
20 minutes28 seconds
Chapter16 1103-Loops, template functions, destructuring and accessors
Section1 Detailed explanation of constructor and class 01
16 minutes39 seconds
Section2 Detailed explanation of constructor and class 02
14 minutes39 seconds
Section3 Detailed explanation of constructors and classes 03
17 minutes13 seconds
Section4 Commonly used APIs for strings and arrays 01
20 minutes34 seconds
Section5 Common APIs for strings and arrays 02
20 minutes24 seconds
Section6 Commonly used APIs for strings and arrays 03
21 minutes49 seconds
Chapter17 1104- A complete list of commonly used APIs for classes, objects, strings and arrays
Section1 Commonly used APIs for array addition and deletion operations
23 minutes27 seconds
Section2 Browser JS and how to get DOM elements 01
14 minutes48 seconds
Section3 Browser JS and how to get DOM elements 02
13 minutes30 seconds
Section4 Obtaining form elements and traversing the DOM tree 01
23 minutes39 seconds
Section5 Obtaining form elements and traversing the DOM tree 02
22 minutes56 seconds
Chapter18 1107-Common DOM operations
Section1 A complete list of commonly used APIs for DOM addition, deletion and modification 01
19 minutes56 seconds
Section2 A complete list of commonly used APIs for DOM addition, deletion and modification 02
19 minutes17 seconds
Section3 A complete list of commonly used APIs for DOM addition, deletion and modification 03
14 minutes56 seconds
Section4 DOM practical todoList message board 01
16 minutes24 seconds
Section5 DOM practical todoList message board 02
14 minutes35 seconds
Section6 dataset object and CSS calculated styles
20 minutes07 seconds
Chapter19 1108-DOM addition, deletion and modification API and actual combat
Section1 classList operates element class
13 minutes20 seconds
Section2 Commonly used event additions and deletions 01
17 minutes07 seconds
Section3 Adding and deleting commonly used events 02
17 minutes07 seconds
Section4 Event bubbling, event delegation and form events 01
24 minutes53 seconds
Section5 Event bubbling, event delegation and form events 02
26 minutes03 seconds
Chapter20 1109-Elaborate on events and event objects
Section1 Describe in detail the common syntax and usage scenarios of module export/export 01
17 minutes57 seconds
Section2 Describe in detail the common syntax and usage scenarios of module export/export 02
20 minutes04 seconds
Section3 Describe in detail the common syntax and usage scenarios of module export/export 03
16 minutes21 seconds
Section4 Practical combat: Classic tab (completely implemented using modules) Important 01
21 minutes21 seconds
Section5 Practical combat: Classic tab (completely implemented using modules) Important 02
16 minutes06 seconds
Section6 Practical combat: Classic tab (completely implemented using modules) Important 03
26 minutes22 seconds
Chapter21 1110-Details of module application scenarios and modular tab practice
Section1 Classic carousel chart practice (module version/key points) 01
20 minutes42 seconds
Section2 Classic Carousel Chart in Practice (Module Version/Key Points) 02
20 minutes21 seconds
Section3 Classic Carousel Chart in Practice (Module Version/Key Points) 03
19 minutes32 seconds
Section4 Classic Carousel Chart in Practice (Module Version/Key Points) 04
21 minutes39 seconds
Section5 JSON and common APIs
19 minutes30 seconds
Chapter22 1111-Classic Carousel Chart in Practice and JSON
Section1 Shopping cart practice (module/multi-function) 01
22 minutes17 seconds
Section2 Shopping cart practice (module/multi-function) 02
23 minutes46 seconds
Section3 Shopping cart practice (module/multi-function) 03
24 minutes14 seconds
Section4 Cross-domain request solution (taking JSONP as an example) 01
20 minutes42 seconds
Section5 Cross-domain request solution (taking JSONP as an example) 02
22 minutes11 seconds
Chapter23 1114-Shopping cart practice and cross-domain request practice
Section1 Asynchronous principles and traditional XHR 01
21 minutes05 seconds
Section2 Asynchronous principles and traditional XHR 02
23 minutes01 seconds
Section3 Asynchronous principles and traditional XHR 03
20 minutes03 seconds
Section4 fetch and async, await, CPS, etc. 01
20 minutes11 seconds
Section5 fetch and async, await, CPS, etc. 02
20 minutes06 seconds
Chapter24 1115 - Asynchronous Programming and the fetch API
Section1 Introduction to common cases of fetch 01
18 minutes11 seconds
Section2 Introduction to common cases of fetch 02
17 minutes39 seconds
Section3 Introduction to node common modules and NPM common instructions 01
22 minutes44 seconds
Section4 Introduction to node common modules and NPM common instructions 02
25 minutes44 seconds
Section5 Introduction to node common modules and NPM common instructions 03
23 minutes25 seconds
Chapter25 1116- Node.js Basics and NPM
Section1 Introduction to Vue and reference methods 01
16 minutes45 seconds
Section2 Introduction to Vue and reference methods 02
18 minutes14 seconds
Section3 Introduction to Vue and reference methods 03
17 minutes18 seconds
Section4 Introduction to common terms and instructions in vue 01
18 minutes20 seconds
Section5 Introduction to common terms and instructions in vue 02
17 minutes52 seconds
Section6 Introduction to common terms and instructions in vue 03
20 minutes19 seconds
Chapter26 1117-Vue terminology and common instructions
Section1 Event/Event Modifier/List Rendering Directive 01
18 minutes56 seconds
Section2 Event/Event Modifier/List Rendering Directive 02
17 minutes37 seconds
Section3 Event/Event Modifier/List Rendering Directive 03
21 minutes23 seconds
Section4 Conditional rendering and keyboard modifier todolist
25 minutes55 seconds
Chapter27 1118-List and conditional rendering, calculation/listening properties, etc.
Section1 Computed properties, listener property principles and practice 01
17 minutes26 seconds
Section2 Computed properties, listener property principles and practice 02
22 minutes02 seconds
Section3 Computed properties, principles and practice of listener properties 03
14 minutes23 seconds
Section4 Definition of components and communication principles between components 01
16 minutes25 seconds
Section5 Definition of components and communication principles between components 02
15 minutes46 seconds
Section6 Definition of components and communication principles between components 03
17 minutes15 seconds
Chapter28 1121-Computed properties communicate with components and components
Section1 Summary of html knowledge points 01
15 minutes23 seconds
Section2 Summary of html knowledge points 02
19 minutes28 seconds
Section3 html knowledge point summary 03
19 minutes01 seconds
Section4 Summary of css and js knowledge points 01
24 minutes57 seconds
Section5 Summary of css and js knowledge points 02
25 minutes30 seconds
Chapter29 1122-Front-end review and summary
Data Name
1013 source code
Download
1014 source code
Download
1017 source code
Download
1018 source code
Download
1019 source code
Download
1020 source code
Download
1021 source code
Download
1024 source code
Download
1025 source code
Download
1026 source code
Download
1027 source code
Download
1028 source code
Download
1031 source code
Download
1101 source code
Download
1102 source code
Download
1103 source code
Download
1104 source code
Download
1107 source code
Download
1108 source code
Download
1109 source code
Download
1110 source code
Download
1111 source code
Download
1114 source code
Download
1115 source code
Download
1116 source code
Download
1117 source code
Download
1118 source code
Download
1121 source code
Download
1122 source code
Download
PHP中文网 Lecturer Other Courses
![The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]](https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png)
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982581
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546699
Quick introduction to web front-end development
8 class hour
220792
Master PS video tutorials from scratch
268 class hour
1003307
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
