Name: Issue 22_Front-end development
Uploaded: 2022-12-12T14:04:43+8:00
Duration: 2402 min 39 s
Description: (Consult WeChat: phpcn01) The learning objectives of the front-end development part of the 22nd issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Mobile mall/ Website background homepage layout; 6. Automatic calculation of tabs/carousels/shopping carts...

Chapter10112-The first lesson of school (preparation): Learning styles and homework requirements
11 minutes37 seconds; Web development common terms
21 minutes13 seconds; Development environment and software tools
28 minutes37 seconds; Introduction to commonly used vscode plug-ins
12 minutes35 seconds; markdown syntax
21 minutes46 seconds; Basic operations of Git (Gitee)
28 minutes51 seconds
Chapter20113-Explain HTML in detail (1): html page structure 01
18 minutes26 seconds; html page structure 02
19 minutes17 seconds; html tags, attributes and types
16 minutes45 seconds; Detailed explanation of layout elements
27 minutes47 seconds; Graphic and text solutions
11 minutes22 seconds; Image, link and list elements
18 minutes02 seconds
Chapter30116-Details of tables and forms: Emmet grammar practice
25 minutes42 seconds; Detailed discussion of table elements and practice
23 minutes58 seconds; Detailed explanation of form and login, registration practice 01
18 minutes20 seconds; Detailed explanation of form and login, registration practice 02
17 minutes40 seconds; Detailed explanation of form and login, registration practice 03
21 minutes08 seconds
Chapter40117 - Media, frame elements and CSS basics: Practical combat of multimedia tags and attributes
15 minutes41 seconds; How to use inline frame elements and practice 01
15 minutes44 seconds; How to use and practice the inline frame element 02
16 minutes19 seconds; Elaborate on the source and priority of element styles 01
19 minutes19 seconds; Elaborate on the source and priority of element styles 02
20 minutes24 seconds; Elaborate on the source and priority of element styles 03
15 minutes14 seconds
Chapter50118-Details of selectors and practical cases: Detailed description of selector (1)
28 minutes01 seconds; Detailed description of selector (2)
24 minutes45 seconds; Detailed description of selector (3)
21 minutes03 seconds; Detailed description of selector (4)
21 minutes23 seconds
Chapter60206-CSS selector weight/box model/units: Describe selector weights and usage scenarios in detail (1)
23 minutes25 seconds; Describe selector weights and usage scenarios in detail (2)
17 minutes11 seconds; Detailed box model(1)
19 minutes45 seconds; Elaborate on the box model (2)
20 minutes33 seconds; css common unit-1
22 minutes29 seconds; css common units-2
21 minutes12 seconds
Chapter70207-Detailed explanation of layout and positioning: margins and layout rules
27 minutes50 seconds; Details font icon-1
15 minutes16 seconds; Details font icon-2
16 minutes36 seconds; Media Inquiry and Practice-1
16 minutes41 seconds; Media Inquiry and Practice-2
16 minutes30 seconds; Element types and viewing methods
12 minutes43 seconds
Chapter80208-Positioning and Flex Layout: Positioning type (relative/absolute/fixed/sticky)-1
17 minutes24 seconds; Positioning type (relative/absolute/fixed/sticky)-2
18 minutes54 seconds; Positioning type (relative/absolute/fixed/sticky)-3
15 minutes06 seconds; Fixed positioning practice
12 minutes27 seconds; Must-know properties of flex-1
23 minutes47 seconds; Must-know properties of flex-2
27 minutes18 seconds
Chapter90209-Grid must know container and project properties: Grid container and project properties-1
17 minutes34 seconds; Grid container and project properties-2
18 minutes26 seconds; Grid container and project properties-3
17 minutes34 seconds; Grid container and project properties-4
15 minutes38 seconds; Grid container and project properties-5
14 minutes51 seconds; Grid container and project properties-6
15 minutes59 seconds
Chapter100210-Mobile terminal layout principles and practice: Mobile terminal layout plan (rem+vw)-1
19 minutes48 seconds; Mobile terminal layout plan (rem+vw)-2
19 minutes25 seconds; Mobile terminal layout plan (rem+vw)-3
18 minutes42 seconds; Taobao mobile terminal layout-1
19 minutes51 seconds; Taobao mobile terminal layout-2
20 minutes02 seconds; Taobao mobile terminal layout-3
19 minutes25 seconds
Chapter110213-JavaScript basic syntax-1: Taobao mobile terminal layout-4
20 minutes17 seconds; Taobao mobile terminal layout-5
21 minutes48 seconds; Taobao mobile terminal layout-6
23 minutes09 seconds; Introduction to JavaScript and Execution Environment-1
18 minutes59 seconds; Introduction to JavaScript and Execution Environment-2
19 minutes18 seconds
Chapter120214-JavaScript basic syntax-2: Detailed explanation of variable declaration and function type-1
22 minutes03 seconds; Detailed explanation of variable declaration and function type-2
23 minutes18 seconds; Detailed explanation of variable declaration and function type-3
21 minutes52 seconds; Atomic type of data type (primitive type)-1
15 minutes19 seconds; Atomic type of data type (primitive type)-2
17 minutes04 seconds
Chapter130215-Reference types and process control: Reference types and classic application scenarios-1
23 minutes05 seconds; Reference types and classic application scenarios-2
22 minutes13 seconds; Scope and scope chain
15 minutes16 seconds; Simplified syntax for object members
12 minutes09 seconds; Branch structure of process control
28 minutes53 seconds
Chapter140216-Loop, function return value and destructuring assignment: Process control loop operation-1
15 minutes15 seconds; Process control loop operation-2
16 minutes06 seconds; Function parameters and return value -1
15 minutes11 seconds; Function parameters and return values-2
17 minutes54 seconds; template literal
11 minutes26 seconds; Destructuring assignment and application scenarios
27 minutes54 seconds
Chapter150217-Accessor properties, strings, and array common methods: accessor properties
21 minutes59 seconds; Common string methods-1
16 minutes10 seconds; Common string methods-2
17 minutes33 seconds; Common methods for arrays-1
19 minutes52 seconds; Common methods for arrays-2
19 minutes47 seconds; Common methods of array-3
18 minutes23 seconds
Chapter160220-Classes and DOM operations-1: Constructors and classes-1
22 minutes35 seconds; Constructors and classes-2
20 minutes44 seconds; Common DOM operations-1
20 minutes15 seconds; Common DOM operations-2
19 minutes45 seconds; Common DOM operations-3
21 minutes27 seconds
Chapter170221-Common DOM operations-2: Addition, deletion and modification of elements (write operations)
30 minutes00 seconds; Element content operations
11 minutes12 seconds; Add element at specified position
16 minutes49 seconds; Practical combat: Message board (addition and deletion)
31 minutes17 seconds; dataset object
08 minutes56 seconds; getComputedStyle calculated style
13 minutes47 seconds
Chapter180222-Details of events and applications: classList object
16 minutes04 seconds; Event addition, deletion and dispatch practice
35 minutes29 seconds; Event bubbling principle
09 minutes19 seconds; Event delegation practice
17 minutes05 seconds; form events
31 minutes20 seconds
Chapter190223-Module and module combat (tab): Module declaration, export and import-1
22 minutes09 seconds; Module declaration, export and import-2
22 minutes03 seconds; Module actual combat "Classic tab"-1
23 minutes40 seconds; Module actual combat "Classic tab"-2
22 minutes37 seconds; Module actual combat "Classic tab"-3
22 minutes50 seconds
Chapter200224-Module actual combat carousel chart actual combat: Carousel chart practice-1
19 minutes45 seconds; Carousel chart practice-2
19 minutes50 seconds; Carousel chart practice-3
20 minutes48 seconds; Carousel chart practice-4
19 minutes59 seconds; Carousel chart practice-5
23 minutes15 seconds
Chapter210227-Shopping cart practice and asynchronous programming: Introduction to JSON
14 minutes09 seconds; Shopping cart practice (module implementation)-1
27 minutes44 seconds; Shopping cart practice (module implementation)-2
27 minutes31 seconds; Cross-domain (jsonp and server allowed)
29 minutes11 seconds; Xhr and fetch asynchronous request implementation process
27 minutes56 seconds
Chapter220228-fetch with node,npm: fetch api practical case
31 minutes05 seconds; Common operations of npm and node-1
24 minutes53 seconds; Common operations of npm and node-2
25 minutes53 seconds; Common operations of npm and node-3
25 minutes43 seconds

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

Next Section：细说盒模型(1)1137 plays

Issue 22_Front-end development

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

Next Section： 细说盒模型(1)1137 plays

Issue 22_Front-end development

Allpost a note

Next Section：细说盒模型(1)1137 plays