Community
Learn
Tools Library
AI Tools
Leisure
search
English
search
logo
  • Sign In
  • Sign Up
Password reset successful

Follow the proiects vou are interested in andi aet the latestnews about them taster

<  Return Practical combat: Classic tab (completely implemented using modules) Important 01
Previous section
Next Section
Tutorial List
get help
directory
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-<form> 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 <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 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
  • Course Recommendations
  • Courseware download
¥ 1200 Front-end basics to actual combat (HTML5+CSS3+ES6+NPM)
Free ECMAScript new features in-depth video tutorial
Free Detailed video tutorial on Ajax principles
Free React basics in-depth video tutorial
Free React routing in-depth video tutorial
Free React Native basics video tutorial
Free PHP Fun Breakthrough Class
Free Ajax message board, waterfall flow video tutorial
Free AJAX cross-domain solution: JSONP video tutorial
Free Yexiutang HTML5+CSS3 video tutorial
Free React Native advanced in-depth video tutorial
Free LNMP production environment optimization and LVS cluster video tutorial
Front-end basics to practical courseware
Download
Students who have watched this course are also learning
496453
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)