Issue 18_Front-end development
1. HTTP protocol and Web basics; 2. HTML5/CSS3; 3. JavaScript/ES6; 4. Node/Vue3...
125784
person learning
109
class hour
2023-07-28
update time
01 days11 Hours33 minutes57 seconds
Total course duration
认证高级PHP讲师
You will learn
1. HTTP protocol and Web basics; 2. HTML5/CSS3; 3. JavaScript/ES6; 4. Node/Vue3...
Issue 18_Front-end development
Section1 Software download and editor installation 01
18 minutes24 seconds
Section2 Software download and editor installation 02
17 minutes19 seconds
Section3 vscode common plug-ins and markdown syntax 01
20 minutes33 seconds
Section4 vscode common plug-ins and markdown syntax 02
21 minutes27 seconds
Section5 HTML document structure and viewing method 01
15 minutes33 seconds
Section6 HTML document structure and viewing method 02
16 minutes18 seconds
Chapter1 1220-First lesson of school: Development environment
Section1 The first lesson of the semester: Development environment configuration (essence version) 01
21 minutes48 seconds
Section2 The first lesson of the semester: Development environment configuration (essence version) 02
19 minutes47 seconds
Section3 Element syntax/properties/layout elements 01
23 minutes06 seconds
Section4 Element syntax/properties/layout elements 02
23 minutes16 seconds
Section5 Element syntax/properties/layout elements 03
23 minutes24 seconds
Chapter2 1221-Development environment configuration and common HTML tags
Section1 Pictures, links, lists, tables, etc. 01
20 minutes44 seconds
Section2 Pictures, links, lists, tables, etc. 02
19 minutes39 seconds
Section3 Forms, Inline Frames and Multimedia Elements 01
23 minutes10 seconds
Section4 Forms, Inline Frames and Multimedia Elements02
23 minutes25 seconds
Section5 Forms, Inline Frames and Multimedia Elements03
24 minutes25 seconds
Chapter3 1222 - Introduction to common HTML tags
Section1 css element style source analysis 01
24 minutes06 seconds
Section2 css element style source analysis 02
24 minutes32 seconds
Section3 css basic selector, contextual selector and weight (emphasis) 01
19 minutes01 seconds
Section4 css basic selector, contextual selector and weight (emphasis) 02
18 minutes57 seconds
Section5 css basic selector, contextual selector and weight (emphasis) 03
21 minutes09 seconds
Chapter4 1223-CSS style sources and selectors
Section1 Detailed explanation of pseudo-class selectors (key points) 01
18 minutes31 seconds
Section2 Detailed explanation of pseudo-class selectors (key points) 02
15 minutes51 seconds
Section3 Detailed explanation of pseudo-class selectors (key points) 03
17 minutes48 seconds
Section4 Font icon, box model, common layout unit 01
17 minutes48 seconds
Section5 Font icons, box models, common layout units 02
17 minutes14 seconds
Section6 Font icons, box models, common layout units 03
18 minutes31 seconds
Section7 Grid Layout Appreciation (Extended)
14 minutes59 seconds
Chapter5 1224-Elaborate on pseudo-classes, box model, and responsive layout
Section1 Examples of common styles for media queries and tables 01
20 minutes11 seconds
Section2 Examples of common styles for media queries and tables 02
20 minutes51 seconds
Section3 Positioning and actual combat 01
20 minutes05 seconds
Section4 Positioning and actual combat 02
20 minutes54 seconds
Section5 Common properties of flex containers and projects 01
21 minutes42 seconds
Section6 Common properties of flex containers and projects 02
22 minutes23 seconds
Chapter6 1227-Media query, positioning and flex, grid
Section1 Mobile layout solution: rem + vw01
17 minutes56 seconds
Section2 Mobile layout solution: rem + vw02
17 minutes50 seconds
Section3 Mobile layout solution: rem + vw03
14 minutes34 seconds
Section4 Detailed explanation of Grid layout principles and practice 01
24 minutes14 seconds
Section5 Detailed explanation of Grid layout principles and practice 02
24 minutes40 seconds
Section6 Detailed explanation of Grid layout principles and practice 03
24 minutes35 seconds
Chapter7 1228-Mobile terminal layout principles and Grid layout
Section1 Member Analysis in JS Learning Environment and Program 01
19 minutes36 seconds
Section2 Member Analysis in JS Learning Environment and Program 02
19 minutes12 seconds
Section3 Member Analysis in JS Learning Environment and Program 03
19 minutes50 seconds
Section4 Detailed explanation of scopes and constants, identifier naming convention 01
22 minutes34 seconds
Section5 Detailed explanation of scopes and constants, identifier naming convention 02
24 minutes35 seconds
Chapter8 1229-JavaScript efficient development environment and programming basics
Section1 Additional lesson: Handwritten grid layout components and practice (Grid version) (01)
14 minutes52 seconds
Section2 Additional lesson: Handwritten grid layout components and practice (Grid version) (02)
13 minutes56 seconds
Section3 Describe functions and data types in detail 01
20 minutes36 seconds
Section4 Describe functions and data types in detail 02
19 minutes19 seconds
Section5 Describe functions and data types in detail 03
20 minutes42 seconds
Section6 Describe functions and data types in detail 04
20 minutes07 seconds
Section7 Describe functions and data types in detail 05
22 minutes04 seconds
Chapter9 1230-Elaborate on functions and data types
Section1 Detailed explanation of branches and loops in process control 01
20 minutes11 seconds
Section2 Describe in detail the branches and loops of process control 02
20 minutes46 seconds
Section3 Describe in detail the branches and loops of process control 03
21 minutes02 seconds
Section4 Describe function parameters and return values in detail
23 minutes46 seconds
Section5 A simplified approach to object literals
09 minutes39 seconds
Section6 Template literals and template functions
26 minutes09 seconds
Chapter10 1231- Process control, function parameters and template literals
Section1 Closure/Accessor Properties 01
14 minutes55 seconds
Section2 Closure/Accessor Properties 02
17 minutes13 seconds
Section3 Classes and Objects/Destructuring Assignment 01
24 minutes32 seconds
Section4 Classes and Objects/Destructuring Assignment 02
24 minutes55 seconds
Section5 How to introduce and obtain DOM elements in js
22 minutes31 seconds
Chapter11 0104-Closures/Classes and Objects/Destructuring/Browser JS
Section1 Common dom operations and dom practical combat 01
20 minutes16 seconds
Section2 Common dom operations and dom practical combat 02
19 minutes42 seconds
Section3 Common DOM operations and DOM actual combat 03
19 minutes19 seconds
Section4 Common dom operations and dom practical combat 04
18 minutes01 seconds
Section5 dataset,classList,event addition and dispatch 01
14 minutes23 seconds
Section6 dataset, classList, event addition and dispatch 02
16 minutes06 seconds
Chapter12 0105-dom actual combat and events
Section1 JS form events and running mechanism: single thread + event loop and example demonstration 01
19 minutes10 seconds
Section2 JS form events and running mechanism: single thread + event loop and example demonstration 02
18 minutes30 seconds
Section3 JS form events and running mechanism: single thread + event loop and example demonstration 03
18 minutes56 seconds
Section4 Demonstration of common API examples for strings and arrays 01
24 minutes38 seconds
Section5 Demonstration of common API examples for strings and arrays 02
25 minutes28 seconds
Chapter13 0106-JS operating mechanism and common APIs for strings and arrays
Section1 Tabs and Cart01
19 minutes59 seconds
Section2 Tabs and Cart02
20 minutes57 seconds
Section3 Tabs and Cart03
20 minutes35 seconds
Section4 Event subscription and publishing, carousel chart and lazy loading practice 01
21 minutes00 seconds
Section5 Event subscription and publishing, carousel chart and lazy loading practice 02
23 minutes07 seconds
Chapter14 0107-JS classic combat
Section1 JSON and Promise, fetch, async, await operations 01
23 minutes26 seconds
Section2 JSON and Promise, fetch, async, await operations 02
23 minutes10 seconds
Section3 JSON and Promise, fetch, async, await operations 03
20 minutes57 seconds
Section4 JSON and Promise, fetch, async, await operations 04
21 minutes23 seconds
Section5 Module common sense
17 minutes23 seconds
Chapter15 0110-JSON, Promise and module common sense
Section1 DOM in action: Online photo album manager
35 minutes37 seconds
Section2 Node basic knowledge and common operations of npm package management 01
19 minutes58 seconds
Section3 Node basic knowledge and common operations of npm package management 02
20 minutes02 seconds
Section4 Node basic knowledge and common operations of npm package management 03
25 minutes12 seconds
Chapter16 0111- Online photo album manager practice and Node basics
Section1 node operating principle 01
17 minutes13 seconds
Section2 node operating principle 02
20 minutes20 seconds
Section3 Introduction to node common modules 01
23 minutes34 seconds
Section4 Introduction to node common modules 02
22 minutes34 seconds
Section5 Introduction to node common modules 03
22 minutes51 seconds
Chapter17 0112-node operating principle and introduction to common modules
Section1 Vue common terms and common instructions 1-01
21 minutes02 seconds
Section2 Vue common terms and common instructions 1-02
21 minutes28 seconds
Section3 Vue common terms and common instructions 1-03
22 minutes06 seconds
Chapter18 0113- Vue principles and common instructions
Section1 Events and conditions, list rendering 01
23 minutes55 seconds
Section2 Events and conditions, list rendering 02
25 minutes19 seconds
Section3 Computed properties and listeners 01
21 minutes24 seconds
Section4 Computed properties and listeners 02
16 minutes58 seconds
Section5 Communication between global components and components
25 minutes20 seconds
Section6 Get started quickly with common Git operations
48 minutes56 seconds
Chapter19 0114 - Events, list rendering and component communication
Data Name
1220 source code
Download
1221 source code
Download
1222 source code
Download
1223 source code
Download
1224 source code
Download
1227 source code
Download
1228 source code
Download
1229 source code
Download
1230 source code
Download
1231 source code
Download
0104 source code
Download
0105 source code
Download
0106 source code
Download
0107 source code
Download
0110 source code
Download
0111 source code
Download
0112 source code
Download
0113 source code
Download
0114 source code (including git)
Download
1228 source code-php Chinese website app-front-end page
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
2982580
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
