Issue 22_Front-end development
(Consult WeChat: phpcn01) The learning objectives of the front-end development part of the 22nd issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Mobile mall/ Website background homepage layout; 6. Automatic calculation of tabs/carousels/shopping carts...
127779
person learning
119
class hour
2023-07-28
update time
01 days16 Hours02 minutes39 seconds
Total course duration
认证高级PHP讲师
You will learn
(Consult WeChat: phpcn01) The learning objectives of the front-end development part of the 22nd issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Mobile mall/ Website background homepage layout; 6. Automatic calculation of tabs/carousels/shopping carts...
Issue 22_Front-end development
Section1 Learning styles and homework requirements
11 minutes37 seconds
Section2 Web development common terms
21 minutes13 seconds
Section3 Development environment and software tools
28 minutes37 seconds
Section4 Introduction to commonly used vscode plug-ins
12 minutes35 seconds
Section5 markdown syntax
21 minutes46 seconds
Section6 Basic operations of Git (Gitee)
28 minutes51 seconds
Chapter1 0112-The first lesson of school (preparation)
Section1 html page structure 01
18 minutes26 seconds
Section2 html page structure 02
19 minutes17 seconds
Section3 html tags, attributes and types
16 minutes45 seconds
Section4 Detailed explanation of layout elements
27 minutes47 seconds
Section5 Graphic and text solutions
11 minutes22 seconds
Section6 Image, link and list elements
18 minutes02 seconds
Chapter2 0113-Explain HTML in detail (1)
Section1 Emmet grammar practice
25 minutes42 seconds
Section2 Detailed discussion of table elements and practice
23 minutes58 seconds
Section3 Detailed explanation of form and login, registration practice 01
18 minutes20 seconds
Section4 Detailed explanation of form and login, registration practice 02
17 minutes40 seconds
Section5 Detailed explanation of form and login, registration practice 03
21 minutes08 seconds
Chapter3 0116-Details of tables and forms
Section1 Practical combat of multimedia tags and attributes
15 minutes41 seconds
Section2 How to use inline frame elements and practice 01
15 minutes44 seconds
Section3 How to use and practice the inline frame element 02
16 minutes19 seconds
Section4 Elaborate on the source and priority of element styles 01
19 minutes19 seconds
Section5 Elaborate on the source and priority of element styles 02
20 minutes24 seconds
Section6 Elaborate on the source and priority of element styles 03
15 minutes14 seconds
Chapter4 0117 - Media, frame elements and CSS basics
Section1 Detailed description of selector (1)
28 minutes01 seconds
Section2 Detailed description of selector (2)
24 minutes45 seconds
Section3 Detailed description of selector (3)
21 minutes03 seconds
Section4 Detailed description of selector (4)
21 minutes23 seconds
Chapter5 0118-Details of selectors and practical cases
Section1 Describe selector weights and usage scenarios in detail (1)
23 minutes25 seconds
Section2 Describe selector weights and usage scenarios in detail (2)
17 minutes11 seconds
Section3 Detailed box model(1)
19 minutes45 seconds
Section4 Elaborate on the box model (2)
20 minutes33 seconds
Section5 css common unit-1
22 minutes29 seconds
Section6 css common units-2
21 minutes12 seconds
Chapter6 0206-CSS selector weight/box model/units
Section1 margins and layout rules
27 minutes50 seconds
Section2 Details font icon-1
15 minutes16 seconds
Section3 Details font icon-2
16 minutes36 seconds
Section4 Media Inquiry and Practice-1
16 minutes41 seconds
Section5 Media Inquiry and Practice-2
16 minutes30 seconds
Section6 Element types and viewing methods
12 minutes43 seconds
Chapter7 0207-Detailed explanation of layout and positioning
Section1 Positioning type (relative/absolute/fixed/sticky)-1
17 minutes24 seconds
Section2 Positioning type (relative/absolute/fixed/sticky)-2
18 minutes54 seconds
Section3 Positioning type (relative/absolute/fixed/sticky)-3
15 minutes06 seconds
Section4 Fixed positioning practice
12 minutes27 seconds
Section5 Must-know properties of flex-1
23 minutes47 seconds
Section6 Must-know properties of flex-2
27 minutes18 seconds
Chapter8 0208-Positioning and Flex Layout
Section1 Grid container and project properties-1
17 minutes34 seconds
Section2 Grid container and project properties-2
18 minutes26 seconds
Section3 Grid container and project properties-3
17 minutes34 seconds
Section4 Grid container and project properties-4
15 minutes38 seconds
Section5 Grid container and project properties-5
14 minutes51 seconds
Section6 Grid container and project properties-6
15 minutes59 seconds
Chapter9 0209-Grid must know container and project properties
Section1 Mobile terminal layout plan (rem+vw)-1
19 minutes48 seconds
Section2 Mobile terminal layout plan (rem+vw)-2
19 minutes25 seconds
Section3 Mobile terminal layout plan (rem+vw)-3
18 minutes42 seconds
Section4 Taobao mobile terminal layout-1
19 minutes51 seconds
Section5 Taobao mobile terminal layout-2
20 minutes02 seconds
Section6 Taobao mobile terminal layout-3
19 minutes25 seconds
Chapter10 0210-Mobile terminal layout principles and practice
Section1 Taobao mobile terminal layout-4
20 minutes17 seconds
Section2 Taobao mobile terminal layout-5
21 minutes48 seconds
Section3 Taobao mobile terminal layout-6
23 minutes09 seconds
Section4 Introduction to JavaScript and Execution Environment-1
18 minutes59 seconds
Section5 Introduction to JavaScript and Execution Environment-2
19 minutes18 seconds
Chapter11 0213-JavaScript basic syntax-1
Section1 Detailed explanation of variable declaration and function type-1
22 minutes03 seconds
Section2 Detailed explanation of variable declaration and function type-2
23 minutes18 seconds
Section3 Detailed explanation of variable declaration and function type-3
21 minutes52 seconds
Section4 Atomic type of data type (primitive type)-1
15 minutes19 seconds
Section5 Atomic type of data type (primitive type)-2
17 minutes04 seconds
Chapter12 0214-JavaScript basic syntax-2
Section1 Reference types and classic application scenarios-1
23 minutes05 seconds
Section2 Reference types and classic application scenarios-2
22 minutes13 seconds
Section3 Scope and scope chain
15 minutes16 seconds
Section4 Simplified syntax for object members
12 minutes09 seconds
Section5 Branch structure of process control
28 minutes53 seconds
Chapter13 0215-Reference types and process control
Section1 Process control loop operation-1
15 minutes15 seconds
Section2 Process control loop operation-2
16 minutes06 seconds
Section3 Function parameters and return value -1
15 minutes11 seconds
Section4 Function parameters and return values-2
17 minutes54 seconds
Section5 template literal
11 minutes26 seconds
Section6 Destructuring assignment and application scenarios
27 minutes54 seconds
Chapter14 0216-Loop, function return value and destructuring assignment
Section1 accessor properties
21 minutes59 seconds
Section2 Common string methods-1
16 minutes10 seconds
Section3 Common string methods-2
17 minutes33 seconds
Section4 Common methods for arrays-1
19 minutes52 seconds
Section5 Common methods for arrays-2
19 minutes47 seconds
Section6 Common methods of array-3
18 minutes23 seconds
Chapter15 0217-Accessor properties, strings, and array common methods
Section1 Constructors and classes-1
22 minutes35 seconds
Section2 Constructors and classes-2
20 minutes44 seconds
Section3 Common DOM operations-1
20 minutes15 seconds
Section4 Common DOM operations-2
19 minutes45 seconds
Section5 Common DOM operations-3
21 minutes27 seconds
Chapter16 0220-Classes and DOM operations-1
Section1 Addition, deletion and modification of elements (write operations)
30 minutes00 seconds
Section2 Element content operations
11 minutes12 seconds
Section3 Add element at specified position
16 minutes49 seconds
Section4 Practical combat: Message board (addition and deletion)
31 minutes17 seconds
Section5 dataset object
08 minutes56 seconds
Section6 getComputedStyle calculated style
13 minutes47 seconds
Chapter17 0221-Common DOM operations-2
Section1 classList object
16 minutes04 seconds
Section2 Event addition, deletion and dispatch practice
35 minutes29 seconds
Section3 Event bubbling principle
09 minutes19 seconds
Section4 Event delegation practice
17 minutes05 seconds
Section5 form events
31 minutes20 seconds
Chapter18 0222-Details of events and applications
Section1 Module declaration, export and import-1
22 minutes09 seconds
Section2 Module declaration, export and import-2
22 minutes03 seconds
Section3 Module actual combat "Classic tab"-1
23 minutes40 seconds
Section4 Module actual combat "Classic tab"-2
22 minutes37 seconds
Section5 Module actual combat "Classic tab"-3
22 minutes50 seconds
Chapter19 0223-Module and module combat (tab)
Section1 Carousel chart practice-1
19 minutes45 seconds
Section2 Carousel chart practice-2
19 minutes50 seconds
Section3 Carousel chart practice-3
20 minutes48 seconds
Section4 Carousel chart practice-4
19 minutes59 seconds
Section5 Carousel chart practice-5
23 minutes15 seconds
Chapter20 0224-Module actual combat carousel chart actual combat
Section1 Introduction to JSON
14 minutes09 seconds
Section2 Shopping cart practice (module implementation)-1
27 minutes44 seconds
Section3 Shopping cart practice (module implementation)-2
27 minutes31 seconds
Section4 Cross-domain (jsonp and server allowed)
29 minutes11 seconds
Section5 Xhr and fetch asynchronous request implementation process
27 minutes56 seconds
Chapter21 0227-Shopping cart practice and asynchronous programming
Data Name
0112 source code
Download
0113 source code
Download
0116 source code
Download
0117 source code
Download
0118 source code
Download
0206 source code
Download
0207 source code
Download
0208 source code
Download
0209 source code
Download
0210 source code
Download
0213 source code
Download
0214 source code
Download
0215 source code
Download
0216 source code
Download
0217 source code
Download
0220 source code
Download
0221 source code
Download
0222 source code
Download
0223 source code
Download
0224 source code
Download
0227 source code
Download
0228 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
2987800
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
547877
Quick introduction to web front-end development
8 class hour
221058
Master PS video tutorials from scratch
268 class hour
1008424
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
17014
Complete collection of foreign web development full-stack courses
12 class hour
13703
Go language practical GraphQL
10 class hour
11244
550W fan master learns JavaScript from scratch step by step
1 class hour
1294
