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: Cross-domain request solution (taking JSONP as an example) 01
(509 plays)
Next Section
Watch Again
ဆ
Chapter
Note
Ask
Courseware
Feedback
Front-end basics to actual combat (HTML5+CSS3+ES6+NPM)
Chapter1 First lesson of school
1-1 Development environment: vscode/chrome/phpEnv -1
1-2 Development environment: vscode/chrome/phpEnv-2
1-3 Markdown common syntax demonstration
1-4 Basic knowledge of HTTP and URL01
1-5 Basic knowledge of HTTP and URL02
Chapter2 Explain in detail 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 Detailed explanation of 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-
tag and attributes
Chapter4 Detailed description 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 Other tags and CSS basics
5-1 Media tags and
frame elements 01
5-2 Media tags and
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 A closer look at 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 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 CSS common units and table styles
8-1 Common CSS units: px, em, rem
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 Font icons, media queries 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 Detailed explanation of positioning practice and 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 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 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 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 JavaScript past and present 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 Describe data types and process control in detail
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 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 Comprehensive 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 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 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 Describe events and event objects in detail
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 Detailed explanation 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 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 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 Asynchronous programming and 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 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 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 List and conditional rendering, calculated/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 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 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
Intermediate
Front-end Vue3 actual combat [handwritten vue project]
2857 people are watching
Elementary
APIPOST tutorial [Popularization of technical concepts related to network communication]
1795 people are watching
Intermediate
Issue 22_Comprehensive actual combat
5521 people are watching
Elementary
Issue 22_PHP Programming
5172 people are watching
Elementary
Issue 22_Front-end development
8713 people are watching
Intermediate
Big data (MySQL) video tutorial full version
4525 people are watching
Elementary
Go language tutorial-full of practical information and no nonsense
2794 people are watching
Elementary
GO Language Core Programming Course
2814 people are watching
Intermediate
JS advanced and BootStrap learning
2563 people are watching
Intermediate
SQL optimization and troubleshooting (MySQL version)
3374 people are watching
Intermediate
Redis+MySQL database interview tutorial
2963 people are watching
Elementary
Deliver food or learn programming?
5708 people are watching
Front-end basics to practical courseware
Belongs to chapter:Front-end basics to actual combat (HTML5+CSS3+ES6+NPM)
Download
Students who have watched this course are also learning
491085 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!