Community
Articles
Topics
Q&A
Learn
Course
Programming Dictionary
Tools Library
Development tools
Website Source Code
PHP Libraries
JS special effects
Website Materials
Extension plug-ins
Leisure
Game Download
Game Tutorials
English
简体中文
English
繁体中文
日本語
한국어
Melayu
Français
Deutsch
Login
singup
Next Section: Development environment and software tools
(851 plays)
Next Section
Watch Again
ဆ
Chapter
Note
Ask
Courseware
Feedback
Issue 22_Front-end development
Chapter1 0112-The first lesson of school (preparation)
1-1 Learning styles and homework requirements
1-2 Web development common terms
1-3 Development environment and software tools
1-4 Introduction to commonly used vscode plug-ins
1-5 markdown syntax
1-6 Basic operations of Git (Gitee)
Chapter2 0113-Explain HTML in detail (1)
2-1 html page structure 01
2-2 html page structure 02
2-3 html tags, attributes and types
2-4 Detailed explanation of layout elements
2-5 Graphic and text solutions
2-6 Image, link and list elements
Chapter3 0116-Details of tables and forms
3-1 Emmet grammar practice
3-2 Detailed discussion of table elements and practice
3-3 Detailed explanation of form and login, registration practice 01
3-4 Detailed explanation of form and login, registration practice 02
3-5 Detailed explanation of form and login, registration practice 03
Chapter4 0117 - Media, frame elements and CSS basics
4-1 Practical combat of multimedia tags and attributes
4-2 How to use inline frame elements and practice 01
4-3 How to use and practice the inline frame element 02
4-4 Elaborate on the source and priority of element styles 01
4-5 Elaborate on the source and priority of element styles 02
4-6 Elaborate on the source and priority of element styles 03
Chapter5 0118-Details of selectors and practical cases
5-1 Detailed description of selector (1)
5-2 Detailed description of selector (2)
5-3 Detailed description of selector (3)
5-4 Detailed description of selector (4)
Chapter6 0206-CSS selector weight/box model/units
6-1 Describe selector weights and usage scenarios in detail (1)
6-2 Describe selector weights and usage scenarios in detail (2)
6-3 Detailed box model(1)
6-4 Elaborate on the box model (2)
6-5 css common unit-1
6-6 css common units-2
Chapter7 0207-Detailed explanation of layout and positioning
7-1 margins and layout rules
7-2 Details font icon-1
7-3 Details font icon-2
7-4 Media Inquiry and Practice-1
7-5 Media Inquiry and Practice-2
7-6 Element types and viewing methods
Chapter8 0208-Positioning and Flex Layout
8-1 Positioning type (relative/absolute/fixed/sticky)-1
8-2 Positioning type (relative/absolute/fixed/sticky)-2
8-3 Positioning type (relative/absolute/fixed/sticky)-3
8-4 Fixed positioning practice
8-5 Must-know properties of flex-1
8-6 Must-know properties of flex-2
Chapter9 0209-Grid must know container and project properties
9-1 Grid container and project properties-1
9-2 Grid container and project properties-2
9-3 Grid container and project properties-3
9-4 Grid container and project properties-4
9-5 Grid container and project properties-5
9-6 Grid container and project properties-6
Chapter10 0210-Mobile terminal layout principles and practice
10-1 Mobile terminal layout plan (rem+vw)-1
10-2 Mobile terminal layout plan (rem+vw)-2
10-3 Mobile terminal layout plan (rem+vw)-3
10-4 Taobao mobile terminal layout-1
10-5 Taobao mobile terminal layout-2
10-6 Taobao mobile terminal layout-3
Chapter11 0213-JavaScript basic syntax-1
11-1 Taobao mobile terminal layout-4
11-2 Taobao mobile terminal layout-5
11-3 Taobao mobile terminal layout-6
11-4 Introduction to JavaScript and Execution Environment-1
11-5 Introduction to JavaScript and Execution Environment-2
Chapter12 0214-JavaScript basic syntax-2
12-1 Detailed explanation of variable declaration and function type-1
12-2 Detailed explanation of variable declaration and function type-2
12-3 Detailed explanation of variable declaration and function type-3
12-4 Atomic type of data type (primitive type)-1
12-5 Atomic type of data type (primitive type)-2
Chapter13 0215-Reference types and process control
13-1 Reference types and classic application scenarios-1
13-2 Reference types and classic application scenarios-2
13-3 Scope and scope chain
13-4 Simplified syntax for object members
13-5 Branch structure of process control
Chapter14 0216-Loop, function return value and destructuring assignment
14-1 Process control loop operation-1
14-2 Process control loop operation-2
14-3 Function parameters and return value -1
14-4 Function parameters and return values-2
14-5 template literal
14-6 Destructuring assignment and application scenarios
Chapter15 0217-Accessor properties, strings, and array common methods
15-1 accessor properties
15-2 Common string methods-1
15-3 Common string methods-2
15-4 Common methods for arrays-1
15-5 Common methods for arrays-2
15-6 Common methods of array-3
Chapter16 0220-Classes and DOM operations-1
16-1 Constructors and classes-1
16-2 Constructors and classes-2
16-3 Common DOM operations-1
16-4 Common DOM operations-2
16-5 Common DOM operations-3
Chapter17 0221-Common DOM operations-2
17-1 Addition, deletion and modification of elements (write operations)
17-2 Element content operations
17-3 Add element at specified position
17-4 Practical combat: Message board (addition and deletion)
17-5 dataset object
17-6 getComputedStyle calculated style
Chapter18 0222-Details of events and applications
18-1 classList object
18-2 Event addition, deletion and dispatch practice
18-3 Event bubbling principle
18-4 Event delegation practice
18-5 form events
Chapter19 0223-Module and module combat (tab)
19-1 Module declaration, export and import-1
19-2 Module declaration, export and import-2
19-3 Module actual combat "Classic tab"-1
19-4 Module actual combat "Classic tab"-2
19-5 Module actual combat "Classic tab"-3
Chapter20 0224-Module actual combat carousel chart actual combat
20-1 Carousel chart practice-1
20-2 Carousel chart practice-2
20-3 Carousel chart practice-3
20-4 Carousel chart practice-4
20-5 Carousel chart practice-5
Chapter21 0227-Shopping cart practice and asynchronous programming
21-1 Introduction to JSON
21-2 Shopping cart practice (module implementation)-1
21-3 Shopping cart practice (module implementation)-2
21-4 Cross-domain (jsonp and server allowed)
21-5 Xhr and fetch asynchronous request implementation process
Chapter22 0228-fetch with node,npm
22-1 fetch api practical case
22-2 Common operations of npm and node-1
22-3 Common operations of npm and node-2
22-4 Common operations of npm and node-3
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
0112 source code
Belongs to chapter:Issue 22_Front-end development
Download
0113 source code
Belongs to chapter:Issue 22_Front-end development
Download
0116 source code
Belongs to chapter:Issue 22_Front-end development
Download
0117 source code
Belongs to chapter:Issue 22_Front-end development
Download
0118 source code
Belongs to chapter:Issue 22_Front-end development
Download
0206 source code
Belongs to chapter:Issue 22_Front-end development
Download
0207 source code
Belongs to chapter:Issue 22_Front-end development
Download
0208 source code
Belongs to chapter:Issue 22_Front-end development
Download
0209 source code
Belongs to chapter:Issue 22_Front-end development
Download
0210 source code
Belongs to chapter:Issue 22_Front-end development
Download
0213 source code
Belongs to chapter:Issue 22_Front-end development
Download
0214 source code
Belongs to chapter:Issue 22_Front-end development
Download
0215 source code
Belongs to chapter:Issue 22_Front-end development
Download
0216 source code
Belongs to chapter:Issue 22_Front-end development
Download
0217 source code
Belongs to chapter:Issue 22_Front-end development
Download
0220 source code
Belongs to chapter:Issue 22_Front-end development
Download
0221 source code
Belongs to chapter:Issue 22_Front-end development
Download
0222 source code
Belongs to chapter:Issue 22_Front-end development
Download
0223 source code
Belongs to chapter:Issue 22_Front-end development
Download
0224 source code
Belongs to chapter:Issue 22_Front-end development
Download
0227 source code
Belongs to chapter:Issue 22_Front-end development
Download
0228 source code
Belongs to chapter:Issue 22_Front-end development
Download
Students who have watched this course are also learning
492836 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