Issue 19_Front-end development-php.cn

Community Learn Tools Library Leisure

English

Issue 19_Front-end development

The learning objectives of the front-end development part of the 19th issue of PHP Chinese website: 1. HTTP protocol and Web basics; 2. HTML5/CSS3; 3. JavaScript/ES6; 4. Node/Vue3; 5. Mobile mall layout; 6. Website backend layout ; 7. Classic carousel image; 8. Classic tab; 9. Asynchronous lazy loading of images...

Intermediate

front end

develop

102548 person learning

111class hour

01 days 12 hours 27 minutes 26 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.0

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

The learning objectives of the front-end development part of the 19th issue of PHP Chinese website: 1. HTTP protocol and Web basics; 2. HTML5/CSS3; 3. JavaScript/ES6; 4. Node/Vue3; 5. Mobile mall layout; 6. Website backend layout ; 7. Classic carousel image; 8. Classic tab; 9. Asynchronous lazy loading of images...

Issue 19_Front-end development

Chapter1 0316-The first lesson of schooltry and see
expand retract

Section1 Build an efficient development environment, markdown syntax, course introduction and common terms 01
duration： 23 minutes 44 seconds

Section2 Build an efficient development environment, markdown syntax, course introduction and common terms 02
duration： 17 minutes 24 seconds

Section3 Build an efficient development environment, markdown syntax, course introduction and common terms 03
duration： 25 minutes 52 seconds

Section4 HTML document structure, common terms and concepts 01
duration： 21 minutes 45 seconds

Section5 HTML document structure, common terms and concepts 02
duration： 20 minutes 36 seconds
Chapter2 0317-Elaborate on common elements of HTML
expand retract

Section1 Emmet syntax practice and attribute types and semantic tags 01
duration： 19 minutes 28 seconds

Section2 Emmet syntax practice and attribute types and semantic tags 02
duration： 22 minutes 07 seconds

Section3 Emmet syntax practice and attribute types and semantic tags 03
duration： 17 minutes 20 seconds

Section4 Pictures, links and lists - details on tables and learning methods 01
duration： 23 minutes 33 seconds

Section5 Pictures, links and lists - details on tables and learning methods 02
duration： 21 minutes 17 seconds
Chapter3 0318-Elaborate on common tags 2
expand retract

Section1 Detailed explanation of forms and iframe01
duration： 18 minutes 36 seconds

Section2 Detailed explanation of forms and iframe02
duration： 17 minutes 36 seconds

Section3 Detailed explanation of forms and iframe03
duration： 19 minutes 03 seconds

Section4 iframe case and css style source 01
duration： 21 minutes 26 seconds

Section5 iframe case and css style source 02
duration： 23 minutes 09 seconds
Chapter4 0321-Details of the selector
expand retract

Section1 Simple selector, detailed selector weight 01
duration： 20 minutes 38 seconds

Section2 Simple selector, detailed selector weight 02
duration： 20 minutes 46 seconds

Section3 Simple selector, detailed selector weight 03
duration： 20 minutes 51 seconds

Section4 Detailed explanation of pseudo-class selectors and pseudo-class parameters 01
duration： 19 minutes 41 seconds

Section5 Detailed explanation of pseudo-class selectors and pseudo-class parameters 02
duration： 19 minutes 55 seconds
Chapter5 0322-Elaboration Box Model and Media Queries
expand retract

Section1 Detailed box model 01
duration： 24 minutes 56 seconds

Section2 Details box model 02
duration： 26 minutes 05 seconds

Section3 Font icons, media queries and common units 01
duration： 24 minutes 58 seconds

Section4 Font icons, media queries and common units 02
duration： 26 minutes 16 seconds
Chapter6 0323-Positioning methods and actual combat
expand retract

Section1 Detailed explanation of commonly used units vh, vw and common positioning methods 01
duration： 24 minutes 56 seconds

Section2 Detailed explanation of commonly used units vh, vw and common positioning methods 02
duration： 26 minutes 26 seconds

Section3 Positioning practice modal box 01
duration： 20 minutes 44 seconds

Section4 Positioning practice modal box 02
duration： 20 minutes 20 seconds
Chapter7 0324-flex and grid layout principles and common attributes
expand retract

Section1 Describe in detail the principle of flex layout and common properties of flex 01
duration： 18 minutes 34 seconds

Section2 Detailed explanation of flex layout principles and flex common attributes 02
duration： 16 minutes 11 seconds

Section3 Describe in detail the principle of flex layout and common properties of flex 03
duration： 19 minutes 50 seconds

Section4 Describe grid principles and properties in detail 01
duration： 21 minutes 24 seconds

Section5 Describe grid principles and properties in detail 02
duration： 24 minutes 30 seconds
Chapter8 0325-Grid actual combat php.cn home page
expand retract

Section1 Website sharing
duration： 03 minutes 25 seconds

Section2 Grid common properties
duration： 22 minutes 32 seconds

Section3 php.cn homepage layout practice 01
duration： 25 minutes 37 seconds

Section4 php.cn homepage layout practice 02
duration： 25 minutes 26 seconds

Section5 php.cn homepage layout practice 03
duration： 24 minutes 43 seconds

Section6 php.cn homepage layout practice 04
duration： 22 minutes 44 seconds
Chapter9 0328-Mobile terminal layout principle and practice
expand retract

Section1 Mobile terminal layout principles and common units, terminology 01
duration： 21 minutes 04 seconds

Section2 Mobile terminal layout principles and common units, terminology 02
duration： 17 minutes 51 seconds

Section3 Mobile terminal layout principles and common units, terminology 03
duration： 19 minutes 18 seconds

Section4 Taobao mobile homepage practice 1-1
duration： 24 minutes 49 seconds

Section5 Taobao mobile homepage practice 1-2
duration： 24 minutes 15 seconds
Chapter10 0329-Taobao mobile terminal homepage layout continued and JS basics
expand retract

Section1 Taobao mobile homepage layout continued 01
duration： 16 minutes 05 seconds

Section2 Taobao mobile homepage layout continued 02
duration： 18 minutes 19 seconds

Section3 Taobao mobile homepage layout continued 03
duration： 19 minutes 19 seconds

Section4 First experience with JS variables and functions 01
duration： 23 minutes 05 seconds

Section5 First experience with JS variables and functions 02
duration： 22 minutes 28 seconds
Chapter11 0330-Constant, functions and data types
expand retract

Section1 Constants and functions 01
duration： 25 minutes 10 seconds

Section2 Constants and Functions 02
duration： 24 minutes 35 seconds

Section3 Detailed data type 01
duration： 22 minutes 36 seconds

Section4 Details of data types 02
duration： 24 minutes 16 seconds
Chapter12 0331-Flow control and function parameters/return values
expand retract

Section1 Process control: branch, loop 01
duration： 17 minutes 15 seconds

Section2 Process control: branch, loop 02
duration： 17 minutes 22 seconds

Section3 Process control: branching, looping 03
duration： 19 minutes 33 seconds

Section4 Function parameters, template literals and label functions 01
duration： 23 minutes 02 seconds

Section5 Function parameters, template literals, and label functions 02
duration： 23 minutes 52 seconds
Chapter13 0401-Closures, Accessors, Classes and Destructuring
expand retract

Section1 Closures, Accessor Properties and Classes 01
duration： 17 minutes 30 seconds

Section2 Closures, accessor properties and classes 02
duration： 18 minutes 54 seconds

Section3 Closures, accessor properties and classes 03
duration： 21 minutes 34 seconds

Section4 Destructuring assignment and obtaining dom elements 01
duration： 19 minutes 57 seconds

Section5 Destructuring assignment and obtaining dom elements 02
duration： 19 minutes 40 seconds
Chapter14 0402-Common DOM operations
expand retract

Section1 Getting form elements and DOM traversal 01
duration： 26 minutes 55 seconds

Section2 Obtaining form elements and DOM traversal02
duration： 26 minutes 16 seconds

Section3 Message board practice and custom attributes 01
duration： 23 minutes 30 seconds

Section4 Message board practice and custom attributes 02
duration： 24 minutes 49 seconds
Chapter15 0406-Details of the incident
expand retract

Section1 js operation css and classlist object and event basis 01
duration： 25 minutes 26 seconds

Section2 js operation css and classList object and event basis 02
duration： 26 minutes 53 seconds

Section3 Event bubbling and delegation, common form events 01
duration： 20 minutes 54 seconds

Section4 Event bubbling and delegation, common form events 02
duration： 19 minutes 03 seconds
Chapter16 0407-Common string/array API
expand retract

Section1 js operating mechanism and common string API01
duration： 19 minutes 34 seconds

Section2 js operating mechanism and common string API02
duration： 22 minutes 15 seconds

Section3 Describe in detail the commonly used array API01
duration： 20 minutes 18 seconds

Section4 Describe in detail the commonly used array API02
duration： 18 minutes 13 seconds

Section5 Describe in detail the commonly used array API03
duration： 16 minutes 01 seconds
Chapter17 0408-JS actual combat (1)
expand retract

Section1 Classic double color ball lottery draw actual combat
duration： 26 minutes 46 seconds

Section2 Classic Tab Quick Solution
duration： 24 minutes 27 seconds

Section3 Universal shopping cart automatic calculation solution 01
duration： 23 minutes 29 seconds

Section4 Universal shopping cart automatic calculation solution 02
duration： 24 minutes 26 seconds
Chapter18 0411-JS Practical Combat 2 and JSON
expand retract

Section1 Carousel images and lazy loading 01
duration： 19 minutes 03 seconds

Section2 Carousel images and lazy loading 02
duration： 18 minutes 58 seconds

Section3 Carousel images and lazy loading 03
duration： 15 minutes 50 seconds

Section4 json and xhr01
duration： 19 minutes 49 seconds

Section5 json and xhr02
duration： 20 minutes 55 seconds

Section6 json and xhr03
duration： 19 minutes 31 seconds
Chapter19 0412-fetch/async/module introduction
expand retract

Section1 fetch Api and asynchronous function async01
duration： 20 minutes 22 seconds

Section2 fetch Api and asynchronous functions async02
duration： 19 minutes 35 seconds

Section3 The underlying implementation logic of the module
duration： 10 minutes 23 seconds

Section4 Native modules in es6
duration： 24 minutes 29 seconds
Chapter20 0413-node, npm and modules
expand retract

Section1 node and npm knowledge 01
duration： 20 minutes 15 seconds

Section2 node and npm knowledge 02
duration： 21 minutes 22 seconds

Section3 Module knowledge in node 01
duration： 20 minutes 07 seconds

Section4 Module knowledge in node 02
duration： 18 minutes 55 seconds
Chapter21 0414-vue basics 1
expand retract

Section1 Vue must know terminology and instruction syntax 01
duration： 20 minutes 29 seconds

Section2 Vue must know terminology and instruction syntax 02
duration： 16 minutes 35 seconds

Section3 Vue must know terminology and instruction syntax 03
duration： 16 minutes 02 seconds

Section4 Events with modifiers and list rendering 01
duration： 22 minutes 04 seconds

Section5 Events with Modifiers and List Rendering 02
duration： 24 minutes 07 seconds
Chapter22 0415 - Computed properties/listeners/component-to-component communication
expand retract

Section1 Computed properties and listeners 01
duration： 19 minutes 46 seconds

Section2 Computed properties and listeners 02
duration： 21 minutes 00 seconds

Section3 Computed properties and listeners 03
duration： 17 minutes 29 seconds

Section4 Detailed description of component communication and participation in component communication 01
duration： 17 minutes 03 seconds

Section5 Detailed description of component communication and participation in component communication 02
duration： 17 minutes 49 seconds

Data Name operate
[must see]0316 source code Download

[must see]0317 source code Download

[must see]0318 source code Download

[must see]0321 source code Download

[must see]0322 source code Download

[must see]0323 source code Download

[must see]0324 source code Download

[must see]0325 source code Download

[must see]0328 source code Download

[must see]0329 source code Download

[must see]0330 source code Download

[must see]0331 source code Download

[must see]0401 source code Download

[must see]0402 source code Download

[must see]0406 source code Download

[must see]0407 source code Download

[must see]0408 source code Download

[must see]0411 source code Download

[must see]0413 source code Download

[must see]0414 source code Download

[must see]0415 source code Download

[must see]0412 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

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

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

169698
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：

01 days 12 hours 27 minutes 26 seconds Watch videos anytime

22 Download Resources

Popular courses Latest courses

More>