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: Computed properties, listener property principles and practice 01
(560 plays)
Next Section
Watch Again
ဆ
Chapter
Note
Ask
Courseware
Feedback
Issue 21_Front-end development
Chapter1 1013-First lesson of school
1-1 Development environment: vscode/chrome/phpEnv -1
1-2 Development environment: vscode/chrome/phpEnv-2
1-3 Learning method: Live broadcast/playback/homework/questions
1-4 Markdown common syntax demonstration
1-5 Basic knowledge of HTTP and URL01
1-6 Basic knowledge of HTTP and URL02
Chapter2 1014-Elaborate on the basics of html
2-1 Review the key points of the first lesson of school 01
2-2 Review the key points of the first lesson of school 02
2-3 Elements, tags and attributes
2-4 HTML document structure, display mode and element type 01
2-5 HTML document structure, display mode and element type 02
2-6 Page Sambo and Emmet Grammar Practice 01
2-7 Page Sambo and Emmet Grammar Practice 02
Chapter3 1017-Elaborate on HTML5 must-know tags-1
3-1 Four major attribute types of html
3-2 HTML common element tags: layout class
3-3 Common html tags: images, links, lists
3-4 Describe tables and common attributes in detail
3-5 Describe the form in detail-<form> tag and attributes
Chapter4 1018-Details of form controls
4-1 Commonly used form controls 1-1
4-2 Commonly used form controls 1-2
4-3 Commonly used form controls 1-3
4-4 Commonly used form controls 2-1
4-5 Commonly used form controls 2-2
4-6 Commonly used form controls 2-3
Chapter5 1019-Other tags and CSS basics
5-1 Media tags and <iframe> frame elements 01
5-2 Media tags and <iframe> frame elements 02
5-3 CSS style source and priority 01
5-4 CSS style source and priority 02
5-5 Basic CSS selectors: tags and attributes
Chapter6 1020 - Detailed explanation of selector weights and pseudo-class selectors
6-1 What’s new with context selectors
6-2 Describe selector weight in detail (key points) 01
6-3 Describe selector weight in detail (key points) 02
6-4 Detailed description of pseudo-class structure selector 01
6-5 Detailed description of pseudo-class structure selector 02
Chapter7 1021 - Pseudo-class combat and box model
7-1 State Pseudo-Class Principles and Practical Cases 01
7-2 State Pseudo-Class Principles and Practical Cases 02
7-3 State Pseudo-Class Principles and Practical Cases 03
7-4 Box Model and Core Properties Lecture 01
7-5 Box Model and Core Properties Lecture 02
Chapter8 1024-CSS common units and table styles
8-1 Common CSS units: px, em, rem 01
8-2 Common CSS units: px, em, rem 02
8-3 Common CSS units: px, em, rem 03
8-4 Common CSS units: px, em, rem 04
8-5 CSS viewport unit: VW, VH and precautions 01
8-6 CSS viewport unit: VW, VH and precautions 02
Chapter9 1025-Font icon, media query and positioning
9-1 Font icon 01
9-2 Font icon 02
9-3 Media Inquiries 01
9-4 Media Inquiries 02
9-5 Positioning: relative, absolute, fixed principle and implementation 01
9-6 Positioning: relative, absolute, fixed principle and implementation 02
Chapter10 1026 - Positioning practice and detailed explanation of Flex layout attributes
10-1 Positioning practice (modal box) 01
10-2 Positioning practice (modal box) 02
10-3 Detailed explanation of common properties of flex layout 01
10-4 Detailed explanation of common properties of flex layout 02
10-5 Detailed explanation of common properties of flex layout 03
Chapter11 1027 - Flex practice and common properties of Grid layout
11-1 Flex Practical Classic Navigation Design 01
11-2 Flex Practical Classic Navigation Design 02
11-3 Grid's explicit grid and project properties 01
11-4 Grid's explicit grid and item properties 02
11-5 grid item arrangement rules and implicit grid
11-6 Grid item alignment
11-7 Grid row and column gaps
Chapter12 1028-Mobile terminal layout principles and practice
12-1 Must-know terminology and implementation principles of mobile terminal layout 01
12-2 Must-know terminology and implementation principles for mobile terminal layout 02
12-3 Must-know terminology and implementation principles of mobile terminal layout 03
12-4 Taobao mobile homepage: Header layout 01
12-5 Taobao mobile homepage: header layout 02
12-6 Mobile terminal overall layout solution (supplementary entry)
Chapter13 1031-Taobao mobile and PC layout
13-1 Mobile footer, navigation and main part 01
13-2 Mobile footer, navigation and main part 02
13-3 Mobile footer, navigation and main part 03
13-4 Taobao PC terminal layout analysis and layout framework implementation 01
13-5 Taobao PC terminal layout analysis and layout framework implementation 02
13-6 Taobao PC terminal layout analysis and layout framework implementation 03
13-7 Taobao PC terminal layout analysis and layout framework implementation 04
Chapter14 1101-JavaScript past and present life and code members
14-1 JS past and present, front-end development history and naming convention 01
14-2 JS past and present, front-end development history and naming conventions 02
14-3 JS past and present, front-end development history and naming convention 03
14-4 Describe console, variables, constants and function types in detail 01
14-5 Describe console, variables, constants and function types in detail 02
14-6 Describe console, variables, constants and function types in detail 03
Chapter15 1102-Elaborate on data types and process control
15-1 Describe data types and application scenarios in detail 01
15-2 Describe data types and application scenarios in detail 02
15-3 Describe data types and application scenarios in detail 03
15-4 Scope, object literal simplification and branch structure encyclopedia 01
15-5 Scope, object literal simplification and branch structure encyclopedia 02
Chapter16 1103-Loops, template functions, destructuring and accessors
16-1 Detailed explanation of loops, function parameters and return values 01
16-2 Detailed explanation of loops, function parameters and return values 02
16-3 Detailed explanation of loops, function parameters and return values 03
16-4 Template functions, destructuring and accessor properties 01
16-5 Template functions, destructuring and accessor properties 02
16-6 Template functions, destructuring and accessor properties 03
Chapter17 1104- A complete list of commonly used APIs for classes, objects, strings and arrays
17-1 Detailed explanation of constructor and class 01
17-2 Detailed explanation of constructor and class 02
17-3 Detailed explanation of constructors and classes 03
17-4 Commonly used APIs for strings and arrays 01
17-5 Common APIs for strings and arrays 02
17-6 Commonly used APIs for strings and arrays 03
Chapter18 1107-Common DOM operations
18-1 Commonly used APIs for array addition and deletion operations
18-2 Browser JS and how to get DOM elements 01
18-3 Browser JS and how to get DOM elements 02
18-4 Obtaining form elements and traversing the DOM tree 01
18-5 Obtaining form elements and traversing the DOM tree 02
Chapter19 1108-DOM addition, deletion and modification API and actual combat
19-1 A complete list of commonly used APIs for DOM addition, deletion and modification 01
19-2 A complete list of commonly used APIs for DOM addition, deletion and modification 02
19-3 A complete list of commonly used APIs for DOM addition, deletion and modification 03
19-4 DOM practical todoList message board 01
19-5 DOM practical todoList message board 02
19-6 dataset object and CSS calculated styles
Chapter20 1109-Elaborate on events and event objects
20-1 classList operates element class
20-2 Commonly used event additions and deletions 01
20-3 Adding and deleting commonly used events 02
20-4 Event bubbling, event delegation and form events 01
20-5 Event bubbling, event delegation and form events 02
Chapter21 1110-Details of module application scenarios and modular tab practice
21-1 Describe in detail the common syntax and usage scenarios of module export/export 01
21-2 Describe in detail the common syntax and usage scenarios of module export/export 02
21-3 Describe in detail the common syntax and usage scenarios of module export/export 03
21-4 Practical combat: Classic tab (completely implemented using modules) Important 01
21-5 Practical combat: Classic tab (completely implemented using modules) Important 02
21-6 Practical combat: Classic tab (completely implemented using modules) Important 03
Chapter22 1111-Classic Carousel Chart in Practice and JSON
22-1 Classic carousel chart practice (module version/key points) 01
22-2 Classic Carousel Chart in Practice (Module Version/Key Points) 02
22-3 Classic Carousel Chart in Practice (Module Version/Key Points) 03
22-4 Classic Carousel Chart in Practice (Module Version/Key Points) 04
22-5 JSON and common APIs
Chapter23 1114-Shopping cart practice and cross-domain request practice
23-1 Shopping cart practice (module/multi-function) 01
23-2 Shopping cart practice (module/multi-function) 02
23-3 Shopping cart practice (module/multi-function) 03
23-4 Cross-domain request solution (taking JSONP as an example) 01
23-5 Cross-domain request solution (taking JSONP as an example) 02
Chapter24 1115 - Asynchronous Programming and the fetch API
24-1 Asynchronous principles and traditional XHR 01
24-2 Asynchronous principles and traditional XHR 02
24-3 Asynchronous principles and traditional XHR 03
24-4 fetch and async, await, CPS, etc. 01
24-5 fetch and async, await, CPS, etc. 02
Chapter25 1116- Node.js Basics and NPM
25-1 Introduction to common cases of fetch 01
25-2 Introduction to common cases of fetch 02
25-3 Introduction to node common modules and NPM common instructions 01
25-4 Introduction to node common modules and NPM common instructions 02
25-5 Introduction to node common modules and NPM common instructions 03
Chapter26 1117-Vue terminology and common instructions
26-1 Introduction to Vue and reference methods 01
26-2 Introduction to Vue and reference methods 02
26-3 Introduction to Vue and reference methods 03
26-4 Introduction to common terms and instructions in vue 01
26-5 Introduction to common terms and instructions in vue 02
26-6 Introduction to common terms and instructions in vue 03
Chapter27 1118-List and conditional rendering, calculation/listening properties, etc.
27-1 Event/Event Modifier/List Rendering Directive 01
27-2 Event/Event Modifier/List Rendering Directive 02
27-3 Event/Event Modifier/List Rendering Directive 03
27-4 Conditional rendering and keyboard modifier todolist
Chapter28 1121-Computed properties communicate with components and components
28-1 Computed properties, listener property principles and practice 01
28-2 Computed properties, listener property principles and practice 02
28-3 Computed properties, principles and practice of listener properties 03
28-4 Definition of components and communication principles between components 01
28-5 Definition of components and communication principles between components 02
28-6 Definition of components and communication principles between components 03
Chapter29 1122-Front-end review and summary
29-1 Summary of html knowledge points 01
29-2 Summary of html knowledge points 02
29-3 html knowledge point summary 03
29-4 Summary of css and js knowledge points 01
29-5 Summary of css and js knowledge points 02
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
1013 source code
Belongs to chapter:Issue 21_Front-end development
Download
1014 source code
Belongs to chapter:Issue 21_Front-end development
Download
1017 source code
Belongs to chapter:Issue 21_Front-end development
Download
1018 source code
Belongs to chapter:Issue 21_Front-end development
Download
1019 source code
Belongs to chapter:Issue 21_Front-end development
Download
1020 source code
Belongs to chapter:Issue 21_Front-end development
Download
1021 source code
Belongs to chapter:Issue 21_Front-end development
Download
1024 source code
Belongs to chapter:Issue 21_Front-end development
Download
1025 source code
Belongs to chapter:Issue 21_Front-end development
Download
1026 source code
Belongs to chapter:Issue 21_Front-end development
Download
1027 source code
Belongs to chapter:Issue 21_Front-end development
Download
1028 source code
Belongs to chapter:Issue 21_Front-end development
Download
1031 source code
Belongs to chapter:Issue 21_Front-end development
Download
1101 source code
Belongs to chapter:Issue 21_Front-end development
Download
1102 source code
Belongs to chapter:Issue 21_Front-end development
Download
1103 source code
Belongs to chapter:Issue 21_Front-end development
Download
1104 source code
Belongs to chapter:Issue 21_Front-end development
Download
1107 source code
Belongs to chapter:Issue 21_Front-end development
Download
1108 source code
Belongs to chapter:Issue 21_Front-end development
Download
1109 source code
Belongs to chapter:Issue 21_Front-end development
Download
1110 source code
Belongs to chapter:Issue 21_Front-end development
Download
1111 source code
Belongs to chapter:Issue 21_Front-end development
Download
1114 source code
Belongs to chapter:Issue 21_Front-end development
Download
1115 source code
Belongs to chapter:Issue 21_Front-end development
Download
1116 source code
Belongs to chapter:Issue 21_Front-end development
Download
1117 source code
Belongs to chapter:Issue 21_Front-end development
Download
1118 source code
Belongs to chapter:Issue 21_Front-end development
Download
1121 source code
Belongs to chapter:Issue 21_Front-end development
Download
1122 source code
Belongs to chapter:Issue 21_Front-end development
Download
Students who have watched this course are also learning
492155 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!