Issue 22_Front-end development-php.cn

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Issue 22_Front-end development

(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...

Elementary

front end

60282 person learning

119class hour

01 days 16 hours 02 minutes 39 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5294 Lecturer rating5.1

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

(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...

Issue 22_Front-end development

Chapter1 0112-The first lesson of school (preparation)
expand retract

Section1 Learning styles and homework requirements
duration： 11 minutes 37 seconds

Section2 Web development common terms
duration： 21 minutes 13 seconds

Section3 Development environment and software tools
duration： 28 minutes 37 seconds

Section4 Introduction to commonly used vscode plug-ins
duration： 12 minutes 35 seconds

Section5 markdown syntax
duration： 21 minutes 46 seconds

Section6 Basic operations of Git (Gitee)
duration： 28 minutes 51 seconds
Chapter2 0113-Explain HTML in detail (1)try and see
expand retract

Section1 html page structure 01 try and see
duration： 18 minutes 26 seconds

Section2 html page structure 02 try and see
duration： 19 minutes 17 seconds

Section3 html tags, attributes and types try and see
duration： 16 minutes 45 seconds

Section4 Detailed explanation of layout elements try and see
duration： 27 minutes 47 seconds

Section5 Graphic and text solutions try and see
duration： 11 minutes 22 seconds

Section6 Image, link and list elements try and see
duration： 18 minutes 02 seconds
Chapter3 0116-Details of tables and forms
expand retract

Section1 Emmet grammar practice
duration： 25 minutes 42 seconds

Section2 Detailed discussion of table elements and practice
duration： 23 minutes 58 seconds

Section3 Detailed explanation of form and login, registration practice 01
duration： 18 minutes 20 seconds

Section4 Detailed explanation of form and login, registration practice 02
duration： 17 minutes 40 seconds

Section5 Detailed explanation of form and login, registration practice 03
duration： 21 minutes 08 seconds
Chapter4 0117 - Media, frame elements and CSS basics
expand retract

Section1 Practical combat of multimedia tags and attributes
duration： 15 minutes 41 seconds

Section2 How to use inline frame elements and practice 01
duration： 15 minutes 44 seconds

Section3 How to use and practice the inline frame element 02
duration： 16 minutes 19 seconds

Section4 Elaborate on the source and priority of element styles 01
duration： 19 minutes 19 seconds

Section5 Elaborate on the source and priority of element styles 02
duration： 20 minutes 24 seconds

Section6 Elaborate on the source and priority of element styles 03
duration： 15 minutes 14 seconds
Chapter5 0118-Details of selectors and practical cases
expand retract

Section1 Detailed description of selector (1)
duration： 28 minutes 01 seconds

Section2 Detailed description of selector (2)
duration： 24 minutes 45 seconds

Section3 Detailed description of selector (3)
duration： 21 minutes 03 seconds

Section4 Detailed description of selector (4)
duration： 21 minutes 23 seconds
Chapter6 0206-CSS selector weight/box model/units
expand retract

Section1 Describe selector weights and usage scenarios in detail (1)
duration： 23 minutes 25 seconds

Section2 Describe selector weights and usage scenarios in detail (2)
duration： 17 minutes 11 seconds

Section3 Detailed box model(1)
duration： 19 minutes 45 seconds

Section4 Elaborate on the box model (2)
duration： 20 minutes 33 seconds

Section5 css common unit-1
duration： 22 minutes 29 seconds

Section6 css common units-2
duration： 21 minutes 12 seconds
Chapter7 0207-Detailed explanation of layout and positioning
expand retract

Section1 margins and layout rules
duration： 27 minutes 50 seconds

Section2 Details font icon-1
duration： 15 minutes 16 seconds

Section3 Details font icon-2
duration： 16 minutes 36 seconds

Section4 Media Inquiry and Practice-1
duration： 16 minutes 41 seconds

Section5 Media Inquiry and Practice-2
duration： 16 minutes 30 seconds

Section6 Element types and viewing methods
duration： 12 minutes 43 seconds
Chapter8 0208-Positioning and Flex Layout
expand retract

Section1 Positioning type (relative/absolute/fixed/sticky)-1
duration： 17 minutes 24 seconds

Section2 Positioning type (relative/absolute/fixed/sticky)-2
duration： 18 minutes 54 seconds

Section3 Positioning type (relative/absolute/fixed/sticky)-3
duration： 15 minutes 06 seconds

Section4 Fixed positioning practice
duration： 12 minutes 27 seconds

Section5 Must-know properties of flex-1
duration： 23 minutes 47 seconds

Section6 Must-know properties of flex-2
duration： 27 minutes 18 seconds
Chapter9 0209-Grid must know container and project properties
expand retract

Section1 Grid container and project properties-1
duration： 17 minutes 34 seconds

Section2 Grid container and project properties-2
duration： 18 minutes 26 seconds

Section3 Grid container and project properties-3
duration： 17 minutes 34 seconds

Section4 Grid container and project properties-4
duration： 15 minutes 38 seconds

Section5 Grid container and project properties-5
duration： 14 minutes 51 seconds

Section6 Grid container and project properties-6
duration： 15 minutes 59 seconds
Chapter10 0210-Mobile terminal layout principles and practice
expand retract

Section1 Mobile terminal layout plan (rem+vw)-1
duration： 19 minutes 48 seconds

Section2 Mobile terminal layout plan (rem+vw)-2
duration： 19 minutes 25 seconds

Section3 Mobile terminal layout plan (rem+vw)-3
duration： 18 minutes 42 seconds

Section4 Taobao mobile terminal layout-1
duration： 19 minutes 51 seconds

Section5 Taobao mobile terminal layout-2
duration： 20 minutes 02 seconds

Section6 Taobao mobile terminal layout-3
duration： 19 minutes 25 seconds
Chapter11 0213-JavaScript basic syntax-1
expand retract

Section1 Taobao mobile terminal layout-4
duration： 20 minutes 17 seconds

Section2 Taobao mobile terminal layout-5
duration： 21 minutes 48 seconds

Section3 Taobao mobile terminal layout-6
duration： 23 minutes 09 seconds

Section4 Introduction to JavaScript and Execution Environment-1
duration： 18 minutes 59 seconds

Section5 Introduction to JavaScript and Execution Environment-2
duration： 19 minutes 18 seconds
Chapter12 0214-JavaScript basic syntax-2
expand retract

Section1 Detailed explanation of variable declaration and function type-1
duration： 22 minutes 03 seconds

Section2 Detailed explanation of variable declaration and function type-2
duration： 23 minutes 18 seconds

Section3 Detailed explanation of variable declaration and function type-3
duration： 21 minutes 52 seconds

Section4 Atomic type of data type (primitive type)-1
duration： 15 minutes 19 seconds

Section5 Atomic type of data type (primitive type)-2
duration： 17 minutes 04 seconds
Chapter13 0215-Reference types and process control
expand retract

Section1 Reference types and classic application scenarios-1
duration： 23 minutes 05 seconds

Section2 Reference types and classic application scenarios-2
duration： 22 minutes 13 seconds

Section3 Scope and scope chain
duration： 15 minutes 16 seconds

Section4 Simplified syntax for object members
duration： 12 minutes 09 seconds

Section5 Branch structure of process control
duration： 28 minutes 53 seconds
Chapter14 0216-Loop, function return value and destructuring assignment
expand retract

Section1 Process control loop operation-1
duration： 15 minutes 15 seconds

Section2 Process control loop operation-2
duration： 16 minutes 06 seconds

Section3 Function parameters and return value -1
duration： 15 minutes 11 seconds

Section4 Function parameters and return values-2
duration： 17 minutes 54 seconds

Section5 template literal
duration： 11 minutes 26 seconds

Section6 Destructuring assignment and application scenarios
duration： 27 minutes 54 seconds
Chapter15 0217-Accessor properties, strings, and array common methods
expand retract

Section1 accessor properties
duration： 21 minutes 59 seconds

Section2 Common string methods-1
duration： 16 minutes 10 seconds

Section3 Common string methods-2
duration： 17 minutes 33 seconds

Section4 Common methods for arrays-1
duration： 19 minutes 52 seconds

Section5 Common methods for arrays-2
duration： 19 minutes 47 seconds

Section6 Common methods of array-3
duration： 18 minutes 23 seconds
Chapter16 0220-Classes and DOM operations-1
expand retract

Section1 Constructors and classes-1
duration： 22 minutes 35 seconds

Section2 Constructors and classes-2
duration： 20 minutes 44 seconds

Section3 Common DOM operations-1
duration： 20 minutes 15 seconds

Section4 Common DOM operations-2
duration： 19 minutes 45 seconds

Section5 Common DOM operations-3
duration： 21 minutes 27 seconds
Chapter17 0221-Common DOM operations-2
expand retract

Section1 Addition, deletion and modification of elements (write operations)
duration： 30 minutes 00 seconds

Section2 Element content operations
duration： 11 minutes 12 seconds

Section3 Add element at specified position
duration： 16 minutes 49 seconds

Section4 Practical combat: Message board (addition and deletion)
duration： 31 minutes 17 seconds

Section5 dataset object
duration： 08 minutes 56 seconds

Section6 getComputedStyle calculated style
duration： 13 minutes 47 seconds
Chapter18 0222-Details of events and applications
expand retract

Section1 classList object
duration： 16 minutes 04 seconds

Section2 Event addition, deletion and dispatch practice
duration： 35 minutes 29 seconds

Section3 Event bubbling principle
duration： 09 minutes 19 seconds

Section4 Event delegation practice
duration： 17 minutes 05 seconds

Section5 form events
duration： 31 minutes 20 seconds
Chapter19 0223-Module and module combat (tab)
expand retract

Section1 Module declaration, export and import-1
duration： 22 minutes 09 seconds

Section2 Module declaration, export and import-2
duration： 22 minutes 03 seconds

Section3 Module actual combat "Classic tab"-1
duration： 23 minutes 40 seconds

Section4 Module actual combat "Classic tab"-2
duration： 22 minutes 37 seconds

Section5 Module actual combat "Classic tab"-3
duration： 22 minutes 50 seconds
Chapter20 0224-Module actual combat carousel chart actual combat
expand retract

Section1 Carousel chart practice-1
duration： 19 minutes 45 seconds

Section2 Carousel chart practice-2
duration： 19 minutes 50 seconds

Section3 Carousel chart practice-3
duration： 20 minutes 48 seconds

Section4 Carousel chart practice-4
duration： 19 minutes 59 seconds

Section5 Carousel chart practice-5
duration： 23 minutes 15 seconds
Chapter21 0227-Shopping cart practice and asynchronous programming
expand retract

Section1 Introduction to JSON
duration： 14 minutes 09 seconds

Section2 Shopping cart practice (module implementation)-1
duration： 27 minutes 44 seconds

Section3 Shopping cart practice (module implementation)-2
duration： 27 minutes 31 seconds

Section4 Cross-domain (jsonp and server allowed)
duration： 29 minutes 11 seconds

Section5 Xhr and fetch asynchronous request implementation process
duration： 27 minutes 56 seconds
Chapter22 0228-fetch with node,npm
expand retract

Section1 fetch api practical case
duration： 31 minutes 05 seconds

Section2 Common operations of npm and node-1
duration： 24 minutes 53 seconds

Section3 Common operations of npm and node-2
duration： 25 minutes 53 seconds

Section4 Common operations of npm and node-3
duration： 25 minutes 43 seconds

Data Name operate
[must see]0112 source code Exclusive for paid users

[must see]0113 source code Exclusive for paid users

[must see]0116 source code Exclusive for paid users

[must see]0117 source code Exclusive for paid users

[must see]0118 source code Exclusive for paid users

[must see]0206 source code Exclusive for paid users

[must see]0207 source code Exclusive for paid users

[must see]0208 source code Exclusive for paid users

[must see]0209 source code Exclusive for paid users

[must see]0210 source code Exclusive for paid users

[must see]0213 source code Exclusive for paid users

[must see]0214 source code Exclusive for paid users

[must see]0215 source code Exclusive for paid users

[must see]0216 source code Exclusive for paid users

[must see]0217 source code Exclusive for paid users

[must see]0220 source code Exclusive for paid users

[must see]0221 source code Exclusive for paid users

[must see]0222 source code Exclusive for paid users

[must see]0223 source code Exclusive for paid users

[must see]0224 source code Exclusive for paid users

[must see]0227 source code Exclusive for paid users

[must see]0228 source code Exclusive for paid users

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5508
Collection
ElementaryCSS 2.0 Chinese Manual

6106
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

23078
Collection
AdvancedMake layout as fast as 5G: CSS Grid grid layout

26252
Collection
ElementaryThe front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]

130414
Collection
ElementaryBootstrap3 reference manual

3334
Collection
ElementaryFoundation5 Manual

901
Collection
ElementaryJavaScript Reference Manual

9429
Collection
ElementaryjQuery1.11 Reference Manual

9114
Collection
ElementaryjQuery1.7 Chinese manual

5728
Collection
ElementaryjQuery_API_1.4.4 Manual

4224
Collection

Delivery price：￥1200

Buy Now

This course includes：

01 days 16 hours 02 minutes 39 seconds Watch videos anytime

22 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！