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: Variables, constants, functions, data types, etc.-1
(473 plays)
Next Section
Watch Again
ဆ
Chapter
Note
Ask
Courseware
Feedback
Issue 23_Front-end development
Chapter1 0309-First lesson of school
1-1 Learning methods, must-know terminology, environment construction and necessary plug-ins, etc.-1
1-2 Learning methods, must-know terminology, environment construction and necessary plug-ins, etc.-2
1-3 Introduction to markdown syntax and page element types-1
1-4 Introduction to markdown syntax and page element types-2
Chapter2 0310-html essential knowledge points
2-1 Knowledge of page elements, structure, tags and attributes-1
2-2 Knowledge of page elements, structure, tags and attributes-2
2-3 Common sense about layout and table elements
2-4 First experience with forms
Chapter3 0313-Emmet syntax and form elements
3-1 Practical Emmet, let HTML writing fly-1
3-2 Practical Emmet, let HTML writing fly-2
3-3 Detailed explanation of forms and common controls (extremely detailed version)-1
3-4 Detailed explanation of forms and common controls (extremely detailed version)-2
3-5 Detailed explanation of forms and common controls (extremely detailed version)-3
Chapter4 0314-css style source and priority
4-1 video audio elements
4-2 Style source for page elements
4-3 Custom style type
4-4 simple selector
4-5 context selector
Chapter5 0315-Pseudo class/box model
5-1 Pseudo-class selector must know knowledge points-1
5-2 Pseudo-class selector must know knowledge points-2
5-3 Selector Weights and Box Model-1
5-4 Selector weights and box model-2
Chapter6 0316-Common units, font icons, media queries, etc.
6-1 Common units are em, rem, vw, vh-1
6-2 Common units are em, rem, vw, vh-2
6-3 Font icons, media queries and more - 1
6-4 Font icons, media queries and more - 2
Chapter7 0317-Positioning, Flex and Grid
7-1 Detailed description of targeting types
7-2 Detailed explanation of Flex container and project properties-1
7-3 Detailed explanation of Flex container and project properties-2
7-4 Flex practical responsive navigation
7-5 Grid layout principles and properties (1)
Chapter8 0320-Grid layout implementation and mobile terminal layout principle
8-1 grid container and project properties-1
8-2 grid container and project properties-2
8-3 Grid layout in practical grid
8-4 grid practical course list component
8-5 Mobile terminal layout principles and rem dynamics-1
8-6 Mobile terminal layout principles and rem dynamics-2
Chapter9 0321-Practice: Imitation of Toutiao home page layout
9-1 Global styles, header, footer layout-1
9-2 Global styles, header, footer layout-2
9-3 Introduction to the main body and homepage modular solution-1
9-4 Introduction to the main body and homepage modular solution-2
Chapter10 0322-JavaScript Programming Basics
10-1 Learning environment and basic grammar-1
10-2 Learning environment and basic grammar-2
10-3 Variables, constants, functions, data types, etc.-1
10-4 Variables, constants, functions, data types, etc.-2
10-5 Variables, constants, functions, data types, etc.-3
Chapter11 0323-Process control, functions and deconstruction
11-1 Alternative Array and Object Simplification
11-2 Branch structure of process control
11-3 Loop, function parameters and return value -1
11-4 Loop, function parameters and return value-2
11-5 Detailed explanation of destructuring assignment and application scenarios
Chapter12 0324-Commonly used string and array methods
12-1 accessor properties
12-2 Common string and array methods
12-3 Commonly used array methods-1
12-4 Commonly used array methods-2
12-5 Constructors and classes
Chapter13 0327-DOM basic operations
13-1 DOM element query API and how to obtain form elements-1
13-2 DOM element query API and how to obtain form elements-2
13-3 DOM traversal, addition, deletion, modification, etc. (key points)-1
13-4 DOM traversal, addition, deletion, modification, etc. (key points)-2
13-5 DOM traversal, addition, deletion, modification, etc. (key points)-3
Chapter14 0328-Details of events and actual combat
14-1 dataset,classList,getComputedStyle object
14-2 Adding and dispatching events in practice
14-3 Event bubbling, event delegation
14-4 Event Delegation in Practice: Classic Calculator-1
14-5 Event Delegation in Practice: Classic Calculator-2
Chapter15 0329-Modules and modules in action: Classic tab
15-1 Form events and message board practice-1
15-2 Form events and message board practice-2
15-3 Module principle and example demonstration
15-4 Module combat: Classic tab-1
15-5 Module in action: Classic tab-2
Chapter16 0330- Practical combat: classic carousel chart
16-1 Carousel chart structure and writing of function modules-1
16-2 Carousel chart structure and functional module writing-2
16-3 Carousel chart structure and functional module writing-3
16-4 Carousel chart structure and functional module writing-4
16-5 Carousel chart structure and functional module writing-5
Chapter17 0331-json/cross-domain/asynchronous programming
17-1 Introduction and use of json-1
17-2 Introduction and use of json-2
17-3 Cross-domain solution (jsonp and server-side cross-domain)
17-4 fetch and async, await asynchronous synchronization style
Chapter18 0403-fetch request type and npm/node basics
18-1 Fetch request actual combat (html/json/post)-1
18-2 Fetch request actual combat (html/json/post)-2
18-3 Introduction to node/npm command demonstration/use of node module, etc.-1
18-4 Introduction to node/npm command demonstration/use of node module, etc.-2
18-5 Introduction to node/npm command demonstration/use of node module, etc.-3
Chapter19 0404-Practice: Voting system and shopping cart function
19-1 Closure principle and voting system implementation process-1
19-2 Closure principle and voting system implementation process-2
19-3 Practical implementation of a fully functional shopping cart (must learn)-1
19-4 Practical use of a fully functional shopping cart (must learn)-2
19-5 Practical use of a fully functional shopping cart (must learn)-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
0309 source code
Belongs to chapter:Issue 23_Front-end development
Download
0310 source code
Belongs to chapter:Issue 23_Front-end development
Download
0313 source code
Belongs to chapter:Issue 23_Front-end development
Download
0314 source code
Belongs to chapter:Issue 23_Front-end development
Download
0315 source code
Belongs to chapter:Issue 23_Front-end development
Download
0316 source code
Belongs to chapter:Issue 23_Front-end development
Download
0317 source code
Belongs to chapter:Issue 23_Front-end development
Download
0320 source code
Belongs to chapter:Issue 23_Front-end development
Download
0321 source code
Belongs to chapter:Issue 23_Front-end development
Download
0322 source code
Belongs to chapter:Issue 23_Front-end development
Download
0323 source code
Belongs to chapter:Issue 23_Front-end development
Download
0324 source code
Belongs to chapter:Issue 23_Front-end development
Download
0327 source code
Belongs to chapter:Issue 23_Front-end development
Download
0328 source code
Belongs to chapter:Issue 23_Front-end development
Download
0329 source code
Belongs to chapter:Issue 23_Front-end development
Download
0330 source code
Belongs to chapter:Issue 23_Front-end development
Download
0331 source code
Belongs to chapter:Issue 23_Front-end development
Download
0403 source code
Belongs to chapter:Issue 23_Front-end development
Download
0404 source code
Belongs to chapter:Issue 23_Front-end development
Download
Students who have watched this course are also learning
492441 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