Name: Front-end basics to actual combat (HTML5+CSS3+ES6+NPM)
Uploaded: 2023-04-17T14:19:50+8:00
Duration: 3146 min 42 s
Description: PHP Chinese website front-end development part learning objectives: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Element Plus; 6. Front-end classic practical cases; 7. Front-end and back-end Completely separated development model...

Chapter1First lesson of school: Development environment: vscode/chrome/phpEnv -1
17 minutes43 seconds; Development environment: vscode/chrome/phpEnv-2
19 minutes30 seconds; Markdown common syntax demonstration
21 minutes41 seconds; Basic knowledge of HTTP and URL01
16 minutes46 seconds; Basic knowledge of HTTP and URL02
26 minutes48 seconds
Chapter2Explain in detail the basics of html: Review the key points of the first lesson of school 01
18 minutes53 seconds; Review the key points of the first lesson of school 02
17 minutes59 seconds; Elements, tags and attributes
19 minutes06 seconds; HTML document structure, display mode and element type 01
19 minutes51 seconds; HTML document structure, display mode and element type 02
19 minutes50 seconds; Page Sambo and Emmet Grammar Practice 01
17 minutes48 seconds; Page Sambo and Emmet Grammar Practice 02
19 minutes59 seconds
Chapter3Detailed explanation of HTML5 must-know tags-1: Four major attribute types of html
14 minutes42 seconds; HTML common element tags: layout class
22 minutes01 seconds; Common html tags: images, links, lists
24 minutes38 seconds; Describe tables and common attributes in detail
25 minutes11 seconds; Describe the form in detail-<form> tag and attributes
23 minutes30 seconds
Chapter4Detailed description of form controls: Commonly used form controls 1-1
19 minutes54 seconds; Commonly used form controls 1-2
20 minutes23 seconds; Commonly used form controls 1-3
20 minutes35 seconds; Commonly used form controls 2-1
18 minutes40 seconds; Commonly used form controls 2-2
18 minutes48 seconds; Commonly used form controls 2-3
13 minutes50 seconds
Chapter5Other tags and CSS basics: Media tags and <iframe> frame elements 01
19 minutes30 seconds; Media tags and <iframe> frame elements 02
22 minutes36 seconds; CSS style source and priority 01
25 minutes24 seconds; CSS style source and priority 02
24 minutes40 seconds; Basic CSS selectors: tags and attributes
16 minutes54 seconds
Chapter6A closer look at selector weights and pseudo-class selectors: What’s new with context selectors
20 minutes06 seconds; Describe selector weight in detail (key points) 01
18 minutes41 seconds; Describe selector weight in detail (key points) 02
23 minutes23 seconds; Detailed description of pseudo-class structure selector 01
16 minutes55 seconds; Detailed description of pseudo-class structure selector 02
19 minutes35 seconds
Chapter7Pseudo-class combat and box model: State Pseudo-Class Principles and Practical Cases 01
18 minutes21 seconds; State Pseudo-Class Principles and Practical Cases 02
18 minutes40 seconds; State Pseudo-Class Principles and Practical Cases 03
17 minutes55 seconds; Box Model and Core Properties Lecture 01
22 minutes57 seconds; Box Model and Core Properties Lecture 02
24 minutes38 seconds
Chapter8CSS common units and table styles: Common CSS units: px, em, rem
20 minutes03 seconds; Common CSS units: px, em, rem 02
20 minutes10 seconds; Common CSS units: px, em, rem 03
21 minutes11 seconds; Common CSS units: px, em, rem 04
15 minutes08 seconds; CSS viewport unit: VW, VH and precautions 01
17 minutes55 seconds; CSS viewport unit: VW, VH and precautions 02
14 minutes22 seconds
Chapter9Font icons, media queries and positioning: Font icon 01
18 minutes17 seconds; Font icon 02
19 minutes37 seconds; Media Inquiries 01
15 minutes08 seconds; Media Inquiries 02
13 minutes30 seconds; Positioning: relative, absolute, fixed principle and implementation 01
25 minutes36 seconds; Positioning: relative, absolute, fixed principle and implementation 02
23 minutes50 seconds
Chapter10Detailed explanation of positioning practice and Flex layout attributes: Positioning practice (modal box) 01
13 minutes28 seconds; Positioning practice (modal box) 02
20 minutes52 seconds; Detailed explanation of common properties of flex layout 01
23 minutes04 seconds; Detailed explanation of common properties of flex layout 02
19 minutes45 seconds; Detailed explanation of common properties of flex layout 03
23 minutes36 seconds
Chapter11Flex practice and common properties of Grid layout: Flex Practical Classic Navigation Design 01
20 minutes30 seconds; Flex Practical Classic Navigation Design 02
12 minutes41 seconds; Grid's explicit grid and project properties 01
08 minutes31 seconds; Grid's explicit grid and item properties 02
18 minutes57 seconds; grid item arrangement rules and implicit grid
12 minutes30 seconds; Grid item alignment
21 minutes43 seconds; Grid row and column gaps
07 minutes57 seconds
Chapter12Mobile terminal layout principles and practice: Must-know terminology and implementation principles of mobile terminal layout 01
23 minutes18 seconds; Must-know terminology and implementation principles for mobile terminal layout 02
21 minutes40 seconds; Must-know terminology and implementation principles of mobile terminal layout 03
23 minutes31 seconds; Taobao mobile homepage: Header layout 01
19 minutes39 seconds; Taobao mobile homepage: header layout 02
14 minutes48 seconds; Mobile terminal overall layout solution (supplementary entry)
06 minutes13 seconds
Chapter13Taobao mobile and PC layout: Mobile footer, navigation and main part 01
19 minutes55 seconds; Mobile footer, navigation and main part 02
19 minutes09 seconds; Mobile footer, navigation and main part 03
23 minutes27 seconds; Taobao PC terminal layout analysis and layout framework implementation 01
22 minutes09 seconds; Taobao PC terminal layout analysis and layout framework implementation 02
19 minutes01 seconds; Taobao PC terminal layout analysis and layout framework implementation 03
18 minutes17 seconds; Taobao PC terminal layout analysis and layout framework implementation 04
12 minutes53 seconds
Chapter14JavaScript past and present and code members: JS past and present, front-end development history and naming convention 01
20 minutes52 seconds; JS past and present, front-end development history and naming conventions 02
19 minutes55 seconds; JS past and present, front-end development history and naming convention 03
18 minutes05 seconds; Describe console, variables, constants and function types in detail 01
20 minutes44 seconds; Describe console, variables, constants and function types in detail 02
19 minutes32 seconds; Describe console, variables, constants and function types in detail 03
20 minutes19 seconds
Chapter15Describe data types and process control in detail: Describe data types and application scenarios in detail 01
23 minutes13 seconds; Describe data types and application scenarios in detail 02
21 minutes00 seconds; Describe data types and application scenarios in detail 03
22 minutes40 seconds; Scope, object literal simplification and branch structure encyclopedia 01
20 minutes33 seconds; Scope, object literal simplification and branch structure encyclopedia 02
21 minutes15 seconds
Chapter16Loops, template functions, destructuring and accessors: Detailed explanation of loops, function parameters and return values 01
19 minutes17 seconds; Detailed explanation of loops, function parameters and return values 02
18 minutes38 seconds; Detailed explanation of loops, function parameters and return values 03
18 minutes26 seconds; Template functions, destructuring and accessor properties 01
18 minutes14 seconds; Template functions, destructuring and accessor properties 02
23 minutes57 seconds; Template functions, destructuring and accessor properties 03
20 minutes28 seconds
Chapter17Comprehensive list of commonly used APIs for classes, objects, strings and arrays: Detailed explanation of constructor and class 01
16 minutes39 seconds; Detailed explanation of constructor and class 02
14 minutes39 seconds; Detailed explanation of constructors and classes 03
17 minutes13 seconds; Commonly used APIs for strings and arrays 01
20 minutes34 seconds; Common APIs for strings and arrays 02
20 minutes24 seconds; Commonly used APIs for strings and arrays 03
21 minutes49 seconds
Chapter18Common DOM operations: Commonly used APIs for array addition and deletion operations
23 minutes27 seconds; Browser JS and how to get DOM elements 01
14 minutes48 seconds; Browser JS and how to get DOM elements 02
13 minutes30 seconds; Obtaining form elements and traversing the DOM tree 01
23 minutes39 seconds; Obtaining form elements and traversing the DOM tree 02
22 minutes56 seconds
Chapter19DOM addition, deletion and modification API and actual combat: A complete list of commonly used APIs for DOM addition, deletion and modification 01
19 minutes56 seconds; A complete list of commonly used APIs for DOM addition, deletion and modification 02
19 minutes17 seconds; A complete list of commonly used APIs for DOM addition, deletion and modification 03
14 minutes56 seconds; DOM practical todoList message board 01
16 minutes24 seconds; DOM practical todoList message board 02
14 minutes35 seconds; dataset object and CSS calculated styles
20 minutes07 seconds
Chapter20Describe events and event objects in detail: classList operates element class
13 minutes20 seconds; Commonly used event additions and deletions 01
17 minutes07 seconds; Adding and deleting commonly used events 02
17 minutes07 seconds; Event bubbling, event delegation and form events 01
24 minutes53 seconds; Event bubbling, event delegation and form events 02
26 minutes03 seconds
Chapter21Detailed explanation of module application scenarios and modular tab practice: Describe in detail the common syntax and usage scenarios of module export/export 01
17 minutes57 seconds; Describe in detail the common syntax and usage scenarios of module export/export 02
20 minutes04 seconds; Describe in detail the common syntax and usage scenarios of module export/export 03
16 minutes21 seconds; Practical combat: Classic tab (completely implemented using modules) Important 01
21 minutes21 seconds; Practical combat: Classic tab (completely implemented using modules) Important 02
16 minutes06 seconds; Practical combat: Classic tab (completely implemented using modules) Important 03
26 minutes22 seconds
Chapter22Classic Carousel Chart in Practice and JSON: Classic carousel chart practice (module version/key points) 01
20 minutes42 seconds; Classic Carousel Chart in Practice (Module Version/Key Points) 02
20 minutes21 seconds; Classic Carousel Chart in Practice (Module Version/Key Points) 03
19 minutes32 seconds; Classic Carousel Chart in Practice (Module Version/Key Points) 04
21 minutes39 seconds; JSON and common APIs
19 minutes30 seconds
Chapter23Shopping cart practice and cross-domain request practice: Shopping cart practice (module/multi-function) 01
22 minutes17 seconds; Shopping cart practice (module/multi-function) 02
23 minutes46 seconds; Shopping cart practice (module/multi-function) 03
24 minutes14 seconds; Cross-domain request solution (taking JSONP as an example) 01
20 minutes42 seconds; Cross-domain request solution (taking JSONP as an example) 02
22 minutes11 seconds
Chapter24Asynchronous programming and fetch API: Asynchronous principles and traditional XHR 01
21 minutes05 seconds; Asynchronous principles and traditional XHR 02
23 minutes01 seconds; Asynchronous principles and traditional XHR 03
20 minutes03 seconds; fetch and async, await, CPS, etc. 01
20 minutes11 seconds; fetch and async, await, CPS, etc. 02
20 minutes06 seconds
Chapter25Node.js Basics and NPM: Introduction to common cases of fetch 01
18 minutes11 seconds; Introduction to common cases of fetch 02
17 minutes39 seconds; Introduction to node common modules and NPM common instructions 01
22 minutes44 seconds; Introduction to node common modules and NPM common instructions 02
25 minutes44 seconds; Introduction to node common modules and NPM common instructions 03
23 minutes25 seconds
Chapter26Vue terminology and common instructions: Introduction to Vue and reference methods 01
16 minutes45 seconds; Introduction to Vue and reference methods 02
18 minutes14 seconds; Introduction to Vue and reference methods 03
17 minutes18 seconds; Introduction to common terms and instructions in vue 01
18 minutes20 seconds; Introduction to common terms and instructions in vue 02
17 minutes52 seconds; Introduction to common terms and instructions in vue 03
20 minutes19 seconds
Chapter27List and conditional rendering, calculated/listening properties, etc.: Event/Event Modifier/List Rendering Directive 01
18 minutes56 seconds; Event/Event Modifier/List Rendering Directive 02
17 minutes37 seconds; Event/Event Modifier/List Rendering Directive 03
21 minutes23 seconds; Conditional rendering and keyboard modifier todolist
25 minutes55 seconds
Chapter28Computed properties communicate with components and components: Computed properties, listener property principles and practice 01
17 minutes26 seconds; Computed properties, listener property principles and practice 02
22 minutes02 seconds; Computed properties, principles and practice of listener properties 03
14 minutes23 seconds; Definition of components and communication principles between components 01
16 minutes25 seconds; Definition of components and communication principles between components 02
15 minutes46 seconds; Definition of components and communication principles between components 03
17 minutes15 seconds
Chapter29Front-end review and summary: Summary of html knowledge points 01
15 minutes23 seconds; Summary of html knowledge points 02
19 minutes28 seconds; html knowledge point summary 03
19 minutes01 seconds; Summary of css and js knowledge points 01
24 minutes57 seconds; Summary of css and js knowledge points 02
25 minutes30 seconds

部分浏览器不支持，请下载APP观看

Next Section：媒体查询 01633 plays

Front-end basics to actual combat (HTML5+CSS3+ES6+NPM)

部分浏览器不支持，请下载APP观看

Next Section： 媒体查询 01633 plays

Front-end basics to actual combat (HTML5+CSS3+ES6+NPM)

Allpost a note

Next Section：媒体查询 01633 plays