Issue 20_Front-end development-php.cn

Community Learn Tools Library Leisure

English

Issue 20_Front-end development

The learning objectives of the front-end development part of the 20th issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Element UI; 6. Front-end classic practical cases; 7. Completely separate development model for front-end and back-end...

Intermediate

front end

146412 person learning

153class hour

02 days 01 hours 10 minutes 35 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.2

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

The learning objectives of the front-end development part of the 20th issue of PHP Chinese website: 1. HTML5/CSS3; 2. JavaScript/ES6; 3. Node basics; 4. Vue3 basics and advanced; 5. Element UI; 6. Front-end classic practical cases; 7. Completely separate development model for front-end and back-end...

Issue 20_Front-end development

Chapter1 0630First lesson of schooltry and see
expand retract

Section1 Building a front-end development environment and paying attention to details 01
duration： 17 minutes 25 seconds

Section2 Building a front-end development environment and paying attention to details 02
duration： 22 minutes 35 seconds

Section3 Building a front-end development environment and paying attention to details 03
duration： 17 minutes 24 seconds

Section4 Detailed explanation of commonly used terms in web development 01
duration： 16 minutes 25 seconds

Section5 Detailed explanation of commonly used terms in web development 02
duration： 16 minutes 12 seconds

Section6 Detailed explanation of commonly used terms in web development 03
duration： 16 minutes 34 seconds
Chapter2 0701-html deconstruction and Emmet syntax
expand retract

Section1 Detailed html page structure and parsing process 01
duration： 16 minutes 59 seconds

Section2 Detailed html page structure and parsing process 02
duration： 18 minutes 27 seconds

Section3 Detailed html page structure and parsing process 03
duration： 14 minutes 18 seconds

Section4 markdown syntax and emmet syntax 01
duration： 17 minutes 23 seconds

Section5 markdown syntax and emmet syntax 02
duration： 17 minutes 55 seconds

Section6 markdown syntax and emmet syntax 03
duration： 18 minutes 36 seconds
Chapter3 0704-html common tags and application scenarios
expand retract

Section1 Common attributes and usage scenarios 01
duration： 15 minutes 56 seconds

Section2 Common attributes and usage scenarios 02
duration： 16 minutes 03 seconds

Section3 Commonly used layout labels and usage tips
duration： 11 minutes 40 seconds

Section4 Combination rules for pictures, links and lists
duration： 22 minutes 29 seconds

Section5 Detailed table and cell merging techniques 01
duration： 15 minutes 50 seconds

Section6 Detailed table and cell merging techniques 02
duration： 21 minutes 38 seconds
Chapter4 0705-Detailed form: front-end and back-end interactive data carrier
expand retract

Section1 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 01
duration： 19 minutes 46 seconds

Section2 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 02
duration： 20 minutes 28 seconds

Section3 Describe text boxes, password boxes, radio buttons, check boxes, drop-down lists, etc. 03
duration： 20 minutes 57 seconds

Section4 Detailed explanation of media and frame elements and practical cases 01
duration： 20 minutes 05 seconds

Section5 Detailed explanation of media and frame elements and practical cases 02
duration： 19 minutes 34 seconds
Chapter5 0706-css common sense and selectors
expand retract

Section1 css style source, priority and type 01
duration： 23 minutes 20 seconds

Section2 css style source, priority and type 02
duration： 23 minutes 06 seconds

Section3 Common selectors and weight analysis application scenarios 01
duration： 22 minutes 55 seconds

Section4 Common selectors and weight analysis application scenarios 02
duration： 23 minutes 59 seconds

Section5 Common selectors and weight analysis application scenarios 03
duration： 22 minutes 29 seconds
Chapter6 0707-Pseudo classes and box models, etc.
expand retract

Section1 Detailed analysis of pseudo-classes and application scenarios 01
duration： 19 minutes 40 seconds

Section2 Detailed analysis of pseudo-classes and application scenarios 02
duration： 20 minutes 41 seconds

Section3 Detailed analysis of pseudo-classes and application scenarios 03
duration： 18 minutes 24 seconds

Section4 Describe the box model and common attribute calculation methods in detail 01
duration： 20 minutes 27 seconds

Section5 Describe the box model and common attribute calculation methods in detail 02
duration： 21 minutes 21 seconds
Chapter7 0708 - css common units and font icons
expand retract

Section1 Describe in detail the common units you must know about CSS layout 01
duration： 22 minutes 31 seconds

Section2 Describe in detail the common units you must know about CSS layout 01
duration： 21 minutes 54 seconds

Section3 Table styles, font icons, media queries 01
duration： 23 minutes 16 seconds

Section4 Table styles, font icons, media queries 02
duration： 23 minutes 58 seconds

Section5 Table styles, font icons, media queries 03
duration： 24 minutes 54 seconds
Chapter8 0711-Default layout and positioning layout
expand retract

Section1 Default layout and label type 01
duration： 17 minutes 14 seconds

Section2 Default layout and label type 02
duration： 17 minutes 02 seconds

Section3 Default layout and label type 03
duration： 21 minutes 17 seconds

Section4 Relative, absolute, fixed, sticky positioning principles and demonstrations 01
duration： 22 minutes 19 seconds

Section5 Relative, absolute, fixed, sticky positioning principles and demonstrations 02
duration： 22 minutes 31 seconds

Section6 Relative, absolute, fixed, sticky positioning principles and demonstrations 03
duration： 24 minutes 12 seconds
Chapter9 0712-Positioning cases and common attributes of flex and grid
expand retract

Section1 Positioning small case: commonly used multi-column layout 01
duration： 21 minutes 59 seconds

Section2 Positioning small case: commonly used multi-column layout 02
duration： 22 minutes 32 seconds

Section3 Detailed explanation of 6 properties you must know about flex containers and projects 01
duration： 25 minutes 01 seconds

Section4 Detailed explanation of 6 properties you must know about flex containers and projects 02
duration： 25 minutes 08 seconds

Section5 Detailed explanation of 6 properties you must know about flex containers and projects 03
duration： 24 minutes 48 seconds
Chapter10 0713-Details of common attributes of grid layout
expand retract

Section1 Flex instance and grid layout process and common attributes 1-01
duration： 22 minutes 39 seconds

Section2 Flex instance and grid layout process and common attributes 1-02
duration： 22 minutes 19 seconds

Section3 Flex instance and grid layout process and common attributes 1-03
duration： 22 minutes 40 seconds

Section4 Common properties of grid layout-2-01
duration： 20 minutes 29 seconds

Section5 Common properties of grid layout-2-02
duration： 20 minutes 51 seconds
Chapter11 0714-grid actual PHP Chinese website homepage (part)
expand retract

Section1 grid implements php.cn navigation part 01
duration： 21 minutes 15 seconds

Section2 grid implements php.cn navigation part 02
duration： 22 minutes 55 seconds

Section3 grid implements php.cn navigation part 03
duration： 20 minutes 55 seconds

Section4 Grid implements the content of the header of the php.cn home page 01
duration： 19 minutes 50 seconds

Section5 Grid implements the content of the header of the php.cn home page 02
duration： 19 minutes 57 seconds
Chapter12 0715-Mobile terminal layout principles and example analysis
expand retract

Section1 Detailed explanation of the three major viewports and two major units of the mobile terminal 01
duration： 25 minutes 11 seconds

Section2 Detailed explanation of the three major viewports and two major units of the mobile terminal 02
duration： 26 minutes 11 seconds

Section3 Detailed explanation of the three major viewports and two major units of the mobile terminal 03
duration： 20 minutes 41 seconds

Section4 Mobile solution to font size boundaries 01
duration： 14 minutes 33 seconds

Section5 Mobile solution to font size boundaries 02
duration： 16 minutes 33 seconds
Chapter13 0718-Mobile terminal layout practice-Taobao homepage
expand retract

Section1 Mobile terminal overall layout and header design 01
duration： 17 minutes 35 seconds

Section2 Overall layout and header design of mobile terminal 02
duration： 17 minutes 49 seconds

Section3 Overall layout and header design of mobile terminal 03
duration： 20 minutes 49 seconds

Section4 Mobile footer and body design 01
duration： 19 minutes 12 seconds

Section5 Mobile footer and body design 02
duration： 19 minutes 51 seconds

Section6 Mobile footer and body design 03
duration： 19 minutes 37 seconds
Chapter14 0719-JS syntax and programming basics 1
expand retract

Section1 Data and operation reuse technology: first understanding of variables and functions 01
duration： 22 minutes 27 seconds

Section2 Data and operation reuse technology: first understanding of variables and functions 02
duration： 25 minutes 09 seconds

Section3 Detailed explanation of scope, naming rules and functions 01
duration： 20 minutes 20 seconds

Section4 Detailed explanation of scope, naming rules and functions 02
duration： 20 minutes 17 seconds

Section5 Detailed explanation of scope, naming rules and functions 03
duration： 19 minutes 26 seconds
Chapter15 0720-Data types and process control
expand retract

Section1 Detailed explanation of data types (key points) 01
duration： 21 minutes 33 seconds

Section2 Detailed explanation of data types (key points) 02
duration： 14 minutes 59 seconds

Section3 Detailed explanation of data types (key points) 03
duration： 11 minutes 39 seconds

Section4 Process Control-Branch 01
duration： 15 minutes 27 seconds

Section5 Process Control-Branch 02
duration： 14 minutes 50 seconds

Section6 Process Control-Loop 01
duration： 15 minutes 20 seconds

Section7 Process Control-Loop 02
duration： 14 minutes 31 seconds
Chapter16 0721-function/object/template string
expand retract

Section1 Simplification of function parameters/return values/object literals 01
duration： 22 minutes 29 seconds

Section2 Simplification of function parameters/return values/object literals 02
duration： 23 minutes 09 seconds

Section3 Template literals and template functions/details of closures and applications 01
duration： 21 minutes 03 seconds

Section4 Template literals and template functions/details of closures and applications 02
duration： 21 minutes 32 seconds

Section5 Template literals and template functions/details of closures and applications 03
duration： 21 minutes 24 seconds
Chapter17 0722-Constructor/Class/Destructuring
expand retract

Section1 Accessor properties and interface attribution 01
duration： 13 minutes 41 seconds

Section2 Accessor properties and interface attribution 02
duration： 13 minutes 20 seconds

Section3 Detailed explanation of constructor and object access 01
duration： 21 minutes 26 seconds

Section4 Detailed explanation of constructor and object access 02
duration： 20 minutes 49 seconds

Section5 Class simplifies object creation and access to various members
duration： 18 minutes 14 seconds

Section6 Describe in detail the deconstruction and application scenarios of arrays and objects
duration： 23 minutes 34 seconds
Chapter18 0725-Common DOM operations
expand retract

Section1 JS01 in the browser
duration： 16 minutes 31 seconds

Section2 JS02 in the browser
duration： 15 minutes 59 seconds

Section3 Get DOM elements elegantly 01
duration： 17 minutes 03 seconds

Section4 Get DOM elements elegantly 02
duration： 17 minutes 52 seconds

Section5 Correctly obtain forms and controls
duration： 13 minutes 10 seconds

Section6 DOM traversal common API
duration： 24 minutes 17 seconds
Chapter19 0726-dom addition, deletion, modification and css operation
expand retract

Section1 DOM commonly used additions, deletions, modifications and content operations 01
duration： 17 minutes 51 seconds

Section2 DOM commonly used additions, deletions, modifications and content operations 02
duration： 18 minutes 07 seconds

Section3 DOM commonly used additions, deletions, modifications and content operations 03
duration： 20 minutes 54 seconds

Section4 Message board actual combat/dataset/js css operation method 01
duration： 20 minutes 35 seconds

Section5 Message board actual combat/dataset/js css operation method 02
duration： 17 minutes 35 seconds

Section6 Message board actual combat/dataset/js css operation method 06
duration： 18 minutes 17 seconds
Chapter20 0727-Elaborate on common APIs for events and arrays
expand retract

Section1 ClassList object and event adding method 01
duration： 11 minutes 48 seconds

Section2 ClassList object and event adding method 02
duration： 20 minutes 30 seconds

Section3 ClassList object and event adding method 03
duration： 16 minutes 14 seconds

Section4 Event agent/form event/character common api01
duration： 22 minutes 27 seconds

Section5 Event agent/form event/character common api02
duration： 22 minutes 09 seconds

Section6 Event agent/form event/character common api03
duration： 21 minutes 45 seconds
Chapter21 0728-Classic cases of commonly used api and dom for arrays
expand retract

Section1 Array commonly used API refined version 01
duration： 18 minutes 53 seconds

Section2 Array commonly used API refined version 02
duration： 17 minutes 31 seconds

Section3 Array commonly used API refined version 03
duration： 22 minutes 21 seconds

Section4 Practical classic tab and carousel diagram 01
duration： 19 minutes 31 seconds

Section5 Practical classic tab and carousel diagram 02
duration： 18 minutes 52 seconds

Section6 Practical classic tab and carousel diagram 03
duration： 20 minutes 29 seconds
Chapter22 0729-Shopping cart practice and JSON
expand retract

Section1 Classic shopping cart practice 01
duration： 20 minutes 54 seconds

Section2 Classic shopping cart practice 02
duration： 21 minutes 17 seconds

Section3 Classic shopping cart practice 03
duration： 23 minutes 19 seconds

Section4 Detailed explanation of front-end and back-end interaction principles and JSON data conversion 01
duration： 20 minutes 06 seconds

Section5 Detailed explanation of front-end and back-end interaction principles and JSON data conversion 02
duration： 22 minutes 03 seconds
Chapter23 0801-Asynchronous programming and module technology
expand retract

Section1 Asynchronous XHR and Fetch01
duration： 20 minutes 32 seconds

Section2 Asynchronous XHR and Fetch02
duration： 20 minutes 13 seconds

Section3 Asynchronous XHR and Fetch03
duration： 19 minutes 08 seconds

Section4 Fetch optimization and module must-know techniques 01
duration： 21 minutes 04 seconds

Section5 Fetch optimization and module must-know techniques 02
duration： 22 minutes 44 seconds

Section6 Fetch optimization and module must-know techniques 03
duration： 21 minutes 54 seconds
Chapter24 0802- node basics
expand retract

Section1 node, npm knowledge and package installation 01
duration： 22 minutes 24 seconds

Section2 node, npm knowledge and package installation 02
duration： 17 minutes 47 seconds

Section3 node, npm knowledge and package installation 03
duration： 22 minutes 47 seconds

Section4 npm package management common instructions 01
duration： 19 minutes 47 seconds

Section5 npm package management common instructions 02
duration： 21 minutes 20 seconds
Chapter25 0803- Vue basic syntax and common instructions
expand retract

Section1 Introduction to vue and must-know terms 01
duration： 18 minutes 35 seconds

Section2 Introduction to vue and must-know terms 02
duration： 15 minutes 03 seconds

Section3 Introduction to vue and must-know terms 03
duration： 18 minutes 54 seconds

Section4 Style binding and data two-way binding 01
duration： 18 minutes 24 seconds

Section5 Style binding and data two-way binding 02
duration： 16 minutes 08 seconds

Section6 Style binding and data two-way binding 03
duration： 19 minutes 07 seconds
Chapter26 0804-Vue common instructions v-if, v-for and various modifiers
expand retract

Section1 Vue common instructions v-if, v-for and various modifiers 01
duration： 19 minutes 34 seconds

Section2 Common vue instructions v-if, v-for and various modifiers 02
duration： 19 minutes 33 seconds

Section3 Vue common instructions v-if, v-for and various modifiers 03
duration： 23 minutes 52 seconds

Section4 Computed properties, listener properties and life cycle preliminary 01
duration： 13 minutes 16 seconds

Section5 Computed properties, listener properties and life cycle preliminary 05
duration： 14 minutes 43 seconds
Chapter27 0805-Component registration and communication between components
expand retract

Section1 Component registration and communication between components 01
duration： 19 minutes 38 seconds

Section2 Component registration and communication between components 02
duration： 16 minutes 42 seconds

Section3 Component registration and communication between components 03
duration： 17 minutes 30 seconds

Section4 Online Q&A/summary/knowledge sharing, etc. 01
duration： 16 minutes 59 seconds

Section5 Online Q&A/summary/knowledge sharing, etc. 02
duration： 18 minutes 16 seconds

Section6 Online Q&A/summary/knowledge sharing, etc. 03
duration： 16 minutes 13 seconds

Data Name operate
[must see]0630 source code Download

[must see]0701 source code Download

[must see]0704 source code Download

[must see]0705 source code Download

[must see]0706 source code Download

[must see]0707 source code Download

[must see]0708 source code Download

[must see]0711 source code Download

[must see]0712 source code Download

[must see]0713 source code Download

[must see]0714 source code Download

[must see]0715 source code Download

[must see]0718 source code Download

[must see]0719 source code Download

[must see]0720 source code Download

[must see]0721 source code Download

[must see]0722 source code Download

[must see]0725 source code Download

[must see]0726 source code Download

[must see]0727 source code Download

[must see]0728 source code Download

[must see]0729 source code Download

[must see]0801 source code Download

[must see]0802 source code Download

[must see]0803 source code Download

[must see]0804 source code Download

[must see]0805 source code Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5513
Collection
ElementaryCSS 2.0 Chinese Manual

6119
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

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

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

169664
Collection
ElementaryBootstrap3 reference manual

3339
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9464
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5735
Collection
ElementaryjQuery_API_1.4.4 Manual

4226
Collection

Start Learning

This course includes：

02 days 01 hours 10 minutes 35 seconds Watch videos anytime

27 Download Resources

Popular courses Latest courses

More>