Article
Topic
Learning
Download
Q&A
Programming Dictionary
Game
Recent Updates
login
简体中文(ZH-CN)
English(EN)
繁体中文(ZH-TW)
日本語(JA)
한국어(KO)
Melayu(MS)
Français(FR)
Deutsch(DE)
Next Section: Detailed html page structure and parsing process 02
(1083 plays)
Next Section
Watch Again
ဆ
Chapter
Note
Ask
Courseware
Feedback
Issue 20_Front-end development
Chapter1 0630First lesson of school
1-1 Building a front-end development environment and paying attention to details 01
1-2 Building a front-end development environment and paying attention to details 02
1-3 Building a front-end development environment and paying attention to details 03
1-4 Detailed explanation of commonly used terms in web development 01
1-5 Detailed explanation of commonly used terms in web development 02
1-6 Detailed explanation of commonly used terms in web development 03
Chapter2 0701-html deconstruction and Emmet syntax
2-1 Detailed html page structure and parsing process 01
2-2 Detailed html page structure and parsing process 02
2-3 Detailed html page structure and parsing process 03
2-4 markdown syntax and emmet syntax 01
2-5 markdown syntax and emmet syntax 02
2-6 markdown syntax and emmet syntax 03
Chapter3 0704-html common tags and application scenarios
3-1 Common attributes and usage scenarios 01
3-2 Common attributes and usage scenarios 02
3-3 Commonly used layout labels and usage tips
3-4 Combination rules for pictures, links and lists
3-5 Detailed table and cell merging techniques 01
3-6 Detailed table and cell merging techniques 02
Chapter4 0705-Detailed form: front-end and back-end interactive data carrier
4-1 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 01
4-2 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 02
4-3 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 03
4-4 Detailed explanation of media and frame elements and practical cases 01
4-5 Detailed explanation of media and frame elements and practical cases 02
Chapter5 0706-css common sense and selectors
5-1 css style source, priority and type 01
5-2 css style source, priority and type 02
5-3 Common selectors and weight analysis application scenarios 01
5-4 Common selectors and weight analysis application scenarios 02
5-5 Common selectors and weight analysis application scenarios 03
Chapter6 0707-Pseudo classes and box models, etc.
6-1 Detailed analysis of pseudo-classes and application scenarios 01
6-2 Detailed analysis of pseudo-classes and application scenarios 02
6-3 Detailed analysis of pseudo-classes and application scenarios 03
6-4 Describe the box model and common attribute calculation methods in detail 01
6-5 Describe the box model and common attribute calculation methods in detail 02
Chapter7 0708 - css common units and font icons
7-1 Describe in detail the common units you must know about CSS layout 01
7-2 Describe in detail the common units you must know about CSS layout 01
7-3 Table styles, font icons, media queries 01
7-4 Table styles, font icons, media queries 02
7-5 Table styles, font icons, media queries 03
Chapter8 0711-Default layout and positioning layout
8-1 Default layout and label type 01
8-2 Default layout and label type 02
8-3 Default layout and label type 03
8-4 Relative, absolute, fixed, sticky positioning principles and demonstrations 01
8-5 Relative, absolute, fixed, sticky positioning principles and demonstrations 02
8-6 Relative, absolute, fixed, sticky positioning principles and demonstrations 03
Chapter9 0712-Positioning cases and common attributes of flex and grid
9-1 Positioning small case: commonly used multi-column layout 01
9-2 Positioning small case: commonly used multi-column layout 02
9-3 Detailed explanation of 6 properties you must know about flex containers and projects 01
9-4 Detailed explanation of 6 properties you must know about flex containers and projects 02
9-5 Detailed explanation of 6 properties you must know about flex containers and projects 03
Chapter10 0713-Details of common attributes of grid layout
10-1 Flex instance and grid layout process and common attributes 1-01
10-2 Flex instance and grid layout process and common attributes 1-02
10-3 Flex instance and grid layout process and common attributes 1-03
10-4 Common properties of grid layout-2-01
10-5 Common properties of grid layout-2-02
Chapter11 0714-grid actual PHP Chinese website homepage (part)
11-1 grid implements php.cn navigation part 01
11-2 grid implements php.cn navigation part 02
11-3 grid implements php.cn navigation part 03
11-4 Grid implements the content of the header of the php.cn home page 01
11-5 Grid implements the content of the header of the php.cn home page 02
Chapter12 0715-Mobile terminal layout principles and example analysis
12-1 Detailed explanation of the three major viewports and two major units of the mobile terminal 01
12-2 Detailed explanation of the three major viewports and two major units of the mobile terminal 02
12-3 Detailed explanation of the three major viewports and two major units of the mobile terminal 03
12-4 Mobile solution to font size boundaries 01
12-5 Mobile solution to font size boundaries 02
Chapter13 0718-Mobile terminal layout practice-Taobao homepage
13-1 Mobile terminal overall layout and header design 01
13-2 Overall layout and header design of mobile terminal 02
13-3 Overall layout and header design of mobile terminal 03
13-4 Mobile footer and body design 01
13-5 Mobile footer and body design 02
13-6 Mobile footer and body design 03
Chapter14 0719-JS syntax and programming basics 1
14-1 Data and operation reuse technology: first understanding of variables and functions 01
14-2 Data and operation reuse technology: first understanding of variables and functions 02
14-3 Detailed explanation of scope, naming rules and functions 01
14-4 Detailed explanation of scope, naming rules and functions 02
14-5 Detailed explanation of scope, naming rules and functions 03
Chapter15 0720-Data types and process control
15-1 Detailed explanation of data types (key points) 01
15-2 Detailed explanation of data types (key points) 02
15-3 Detailed explanation of data types (key points) 03
15-4 Process Control-Branch 01
15-5 Process Control-Branch 02
15-6 Process Control-Loop 01
15-7 Process Control-Loop 02
Chapter16 0721-function/object/template string
16-1 Simplification of function parameters/return values/object literals 01
16-2 Simplification of function parameters/return values/object literals 02
16-3 Template literals and template functions/details of closures and applications 01
16-4 Template literals and template functions/details of closures and applications 02
16-5 Template literals and template functions/details of closures and applications 03
Chapter17 0722-Constructor/Class/Destructuring
17-1 Accessor properties and interface attribution 01
17-2 Accessor properties and interface attribution 02
17-3 Detailed explanation of constructor and object access 01
17-4 Detailed explanation of constructor and object access 02
17-5 Class simplifies object creation and access to various members
17-6 Describe in detail the deconstruction and application scenarios of arrays and objects
Chapter18 0725-Common DOM operations
18-1 JS01 in the browser
18-2 JS02 in the browser
18-3 Get DOM elements elegantly 01
18-4 Get DOM elements elegantly 02
18-5 Correctly obtain forms and controls
18-6 DOM traversal common API
Chapter19 0726-dom addition, deletion, modification and css operation
19-1 DOM commonly used additions, deletions, modifications and content operations 01
19-2 DOM commonly used additions, deletions, modifications and content operations 02
19-3 DOM commonly used additions, deletions, modifications and content operations 03
19-4 Message board actual combat/dataset/js css operation method 01
19-5 Message board actual combat/dataset/js css operation method 02
19-6 Message board actual combat/dataset/js css operation method 06
Chapter20 0727-Elaborate on common APIs for events and arrays
20-1 ClassList object and event adding method 01
20-2 ClassList object and event adding method 02
20-3 ClassList object and event adding method 03
20-4 Event agent/form event/character common api01
20-5 Event agent/form event/character common api02
20-6 Event agent/form event/character common api03
Chapter21 0728-Classic cases of commonly used api and dom for arrays
21-1 Array commonly used API refined version 01
21-2 Array commonly used API refined version 02
21-3 Array commonly used API refined version 03
21-4 Practical classic tab and carousel diagram 01
21-5 Practical classic tab and carousel diagram 02
21-6 Practical classic tab and carousel diagram 03
Chapter22 0729-Shopping cart practice and JSON
22-1 Classic shopping cart practice 01
22-2 Classic shopping cart practice 02
22-3 Classic shopping cart practice 03
22-4 Detailed explanation of front-end and back-end interaction principles and JSON data conversion 01
22-5 Detailed explanation of front-end and back-end interaction principles and JSON data conversion 02
Chapter23 0801-Asynchronous programming and module technology
23-1 Asynchronous XHR and Fetch01
23-2 Asynchronous XHR and Fetch02
23-3 Asynchronous XHR and Fetch03
23-4 Fetch optimization and module must-know techniques 01
23-5 Fetch optimization and module must-know techniques 02
23-6 Fetch optimization and module must-know techniques 03
Chapter24 0802- node basics
24-1 node, npm knowledge and package installation 01
24-2 node, npm knowledge and package installation 02
24-3 node, npm knowledge and package installation 03
24-4 npm package management common instructions 01
24-5 npm package management common instructions 02
Chapter25 0803- Vue basic syntax and common instructions
25-1 Introduction to vue and must-know terms 01
25-2 Introduction to vue and must-know terms 02
25-3 Introduction to vue and must-know terms 03
25-4 Style binding and data two-way binding 01
25-5 Style binding and data two-way binding 02
25-6 Style binding and data two-way binding 03
Chapter26 0804-Vue common instructions v-if, v-for and various modifiers
26-1 Vue common instructions v-if, v-for and various modifiers 01
26-2 Common vue instructions v-if, v-for and various modifiers 02
26-3 Vue common instructions v-if, v-for and various modifiers 03
26-4 Computed properties, listener properties and life cycle preliminary 01
26-5 Computed properties, listener properties and life cycle preliminary 05
Chapter27 0805-Component registration and communication between components
27-1 Component registration and communication between components 01
27-2 Component registration and communication between components 02
27-3 Component registration and communication between components 03
27-4 Online Q&A/summary/knowledge sharing, etc. 01
27-5 Online Q&A/summary/knowledge sharing, etc. 02
27-6 Online Q&A/summary/knowledge sharing, etc. 03
Previous section
Next Section
Tutorial List
get help
Course Recommendations
Courseware download
Elementary
Imperial CMS enterprise imitation website tutorial
3048 people are watching
Elementary
Newbies with zero foundation in WordPress build personal blogs and corporate websites
6743 people are watching
Elementary
Ultimate CMS zero-based website building instruction video
2724 people are watching
Elementary
Front-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]
3117 people are watching
Intermediate
Vue3.0 from 0 to build a universal backend management system project practice
5351 people are watching
Elementary
Zero-based front-end course [Vue advanced learning and practical application]
2821 people are watching
Elementary
WEB front-end tutorial [HTML5+CSS3+JS]
3506 people are watching
Elementary
Quick introduction to apipost
2161 people are watching
Intermediate
Vue3+TypeScript practical tutorial-enterprise-level project practice
3208 people are watching
Elementary
Let's briefly talk about starting a business in PHP
17423 people are watching
Intermediate
VUE e-commerce project (front-end & back-end dual project actual combat)
3828 people are watching
Elementary
Apipost practical application [api, interface, automated testing, mock]
2265 people are watching
0630 source code
Belongs to chapter:Issue 20_Front-end development
Download
0701 source code
Belongs to chapter:Issue 20_Front-end development
Download
0704 source code
Belongs to chapter:Issue 20_Front-end development
Download
0705 source code
Belongs to chapter:Issue 20_Front-end development
Download
0706 source code
Belongs to chapter:Issue 20_Front-end development
Download
0707 source code
Belongs to chapter:Issue 20_Front-end development
Download
0708 source code
Belongs to chapter:Issue 20_Front-end development
Download
0711 source code
Belongs to chapter:Issue 20_Front-end development
Download
0712 source code
Belongs to chapter:Issue 20_Front-end development
Download
0713 source code
Belongs to chapter:Issue 20_Front-end development
Download
0714 source code
Belongs to chapter:Issue 20_Front-end development
Download
0715 source code
Belongs to chapter:Issue 20_Front-end development
Download
0718 source code
Belongs to chapter:Issue 20_Front-end development
Download
0719 source code
Belongs to chapter:Issue 20_Front-end development
Download
0720 source code
Belongs to chapter:Issue 20_Front-end development
Download
0721 source code
Belongs to chapter:Issue 20_Front-end development
Download
0722 source code
Belongs to chapter:Issue 20_Front-end development
Download
0725 source code
Belongs to chapter:Issue 20_Front-end development
Download
0726 source code
Belongs to chapter:Issue 20_Front-end development
Download
0727 source code
Belongs to chapter:Issue 20_Front-end development
Download
0728 source code
Belongs to chapter:Issue 20_Front-end development
Download
0729 source code
Belongs to chapter:Issue 20_Front-end development
Download
0801 source code
Belongs to chapter:Issue 20_Front-end development
Download
0802 source code
Belongs to chapter:Issue 20_Front-end development
Download
0803 source code
Belongs to chapter:Issue 20_Front-end development
Download
0804 source code
Belongs to chapter:Issue 20_Front-end development
Download
0805 source code
Belongs to chapter:Issue 20_Front-end development
Download
Students who have watched this course are also learning
492084 plays
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)
notes
X
About us
Disclaimer
Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!