Issue 23_Front-end development-php.cn

Community Learn Tools Library Leisure

English

Issue 23_Front-end development

(Consult WeChat: phpcn01) The learning objectives of the front-end development part of the 23rd issue of PHP Chinese website: 1. VSCode, Chrome, phpEnv; 2. CMS usage: Dreamweaver, Empire, WordPress; 3. Web development process and essential common tools ; 4. HTML5, CSS3, JavaScript/ES6; 5. Mobile mall/website backend home page layout; 6. Automatic calculation of tabs/carousels/shopping carts...

Elementary

front end

45522 person learning

98class hour

01 days 10 hours 09 minutes 49 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.7

认证高级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 23rd issue of PHP Chinese website: 1. VSCode, Chrome, phpEnv; 2. CMS usage: Dreamweaver, Empire, WordPress; 3. Web development process and essential common tools ; 4. HTML5, CSS3, JavaScript/ES6; 5. Mobile mall/website backend home page layout; 6. Automatic calculation of tabs/carousels/shopping carts...

Issue 23_Front-end development

Chapter1 0309-First lesson of school
expand retract

Section1 Learning methods, must-know terminology, environment construction and necessary plug-ins, etc.-1
duration： 24 minutes 43 seconds

Section2 Learning methods, must-know terminology, environment construction and necessary plug-ins, etc.-2
duration： 25 minutes 52 seconds

Section3 Introduction to markdown syntax and page element types-1
duration： 20 minutes 30 seconds

Section4 Introduction to markdown syntax and page element types-2
duration： 25 minutes 32 seconds
Chapter2 0310-html essential knowledge points
expand retract

Section1 Knowledge of page elements, structure, tags and attributes-1
duration： 20 minutes 27 seconds

Section2 Knowledge of page elements, structure, tags and attributes-2
duration： 21 minutes 01 seconds

Section3 Common sense about layout and table elements
duration： 30 minutes 18 seconds

Section4 First experience with forms
duration： 18 minutes 56 seconds
Chapter3 0313-Emmet syntax and form elements
expand retract

Section1 Practical Emmet, let HTML writing fly-1
duration： 21 minutes 13 seconds

Section2 Practical Emmet, let HTML writing fly-2
duration： 20 minutes 27 seconds

Section3 Detailed explanation of forms and common controls (extremely detailed version)-1
duration： 20 minutes 17 seconds

Section4 Detailed explanation of forms and common controls (extremely detailed version)-2
duration： 20 minutes 10 seconds

Section5 Detailed explanation of forms and common controls (extremely detailed version)-3
duration： 21 minutes 05 seconds
Chapter4 0314-css style source and priority
expand retract

Section1 video audio elements
duration： 31 minutes 54 seconds

Section2 Style source for page elements
duration： 16 minutes 06 seconds

Section3 Custom style type
duration： 18 minutes 14 seconds

Section4 simple selector
duration： 12 minutes 48 seconds

Section5 context selector
duration： 20 minutes 57 seconds
Chapter5 0315-Pseudo class/box model
expand retract

Section1 Pseudo-class selector must know knowledge points-1
duration： 22 minutes 46 seconds

Section2 Pseudo-class selector must know knowledge points-2
duration： 25 minutes 52 seconds

Section3 Selector Weights and Box Model-1
duration： 26 minutes 35 seconds

Section4 Selector weights and box model-2
duration： 24 minutes 26 seconds
Chapter6 0316-Common units, font icons, media queries, etc.
expand retract

Section1 Common units are em, rem, vw, vh-1
duration： 23 minutes 52 seconds

Section2 Common units are em, rem, vw, vh-2
duration： 23 minutes 37 seconds

Section3 Font icons, media queries and more - 1
duration： 25 minutes 32 seconds

Section4 Font icons, media queries and more - 2
duration： 27 minutes 03 seconds
Chapter7 0317-Positioning, Flex and Grid
expand retract

Section1 Detailed description of targeting types
duration： 33 minutes 25 seconds

Section2 Detailed explanation of Flex container and project properties-1
duration： 20 minutes 28 seconds

Section3 Detailed explanation of Flex container and project properties-2
duration： 21 minutes 03 seconds

Section4 Flex practical responsive navigation
duration： 10 minutes 28 seconds

Section5 Grid layout principles and properties (1)
duration： 27 minutes 18 seconds
Chapter8 0320-Grid layout implementation and mobile terminal layout principle
expand retract

Section1 grid container and project properties-1
duration： 18 minutes 55 seconds

Section2 grid container and project properties-2
duration： 17 minutes 54 seconds

Section3 Grid layout in practical grid
duration： 26 minutes 00 seconds

Section4 grid practical course list component
duration： 24 minutes 40 seconds

Section5 Mobile terminal layout principles and rem dynamics-1
duration： 16 minutes 00 seconds

Section6 Mobile terminal layout principles and rem dynamics-2
duration： 18 minutes 50 seconds
Chapter9 0321-Practice: Imitation of Toutiao home page layout
expand retract

Section1 Global styles, header, footer layout-1
duration： 27 minutes 19 seconds

Section2 Global styles, header, footer layout-2
duration： 26 minutes 21 seconds

Section3 Introduction to the main body and homepage modular solution-1
duration： 20 minutes 20 seconds

Section4 Introduction to the main body and homepage modular solution-2
duration： 21 minutes 12 seconds
Chapter10 0322-JavaScript Programming Basics
expand retract

Section1 Learning environment and basic grammar-1
duration： 24 minutes 06 seconds

Section2 Learning environment and basic grammar-2
duration： 24 minutes 26 seconds

Section3 Variables, constants, functions, data types, etc.-1
duration： 20 minutes 44 seconds

Section4 Variables, constants, functions, data types, etc.-2
duration： 20 minutes 43 seconds

Section5 Variables, constants, functions, data types, etc.-3
duration： 18 minutes 13 seconds
Chapter11 0323-Process control, functions and deconstruction
expand retract

Section1 Alternative Array and Object Simplification
duration： 37 minutes 29 seconds

Section2 Branch structure of process control
duration： 10 minutes 39 seconds

Section3 Loop, function parameters and return value -1
duration： 19 minutes 47 seconds

Section4 Loop, function parameters and return value-2
duration： 23 minutes 11 seconds

Section5 Detailed explanation of destructuring assignment and application scenarios
duration： 19 minutes 41 seconds
Chapter12 0324-Commonly used string and array methods
expand retract

Section1 accessor properties
duration： 15 minutes 31 seconds

Section2 Common string and array methods
duration： 25 minutes 47 seconds

Section3 Commonly used array methods-1
duration： 19 minutes 58 seconds

Section4 Commonly used array methods-2
duration： 19 minutes 19 seconds

Section5 Constructors and classes
duration： 30 minutes 59 seconds
Chapter13 0327-DOM basic operations
expand retract

Section1 DOM element query API and how to obtain form elements-1
duration： 21 minutes 53 seconds

Section2 DOM element query API and how to obtain form elements-2
duration： 23 minutes 12 seconds

Section3 DOM traversal, addition, deletion, modification, etc. (key points)-1
duration： 20 minutes 11 seconds

Section4 DOM traversal, addition, deletion, modification, etc. (key points)-2
duration： 20 minutes 15 seconds

Section5 DOM traversal, addition, deletion, modification, etc. (key points)-3
duration： 24 minutes 05 seconds
Chapter14 0328-Details of events and actual combat
expand retract

Section1 dataset,classList,getComputedStyle object
duration： 30 minutes 56 seconds

Section2 Adding and dispatching events in practice
duration： 24 minutes 53 seconds

Section3 Event bubbling, event delegation
duration： 19 minutes 06 seconds

Section4 Event Delegation in Practice: Classic Calculator-1
duration： 22 minutes 53 seconds

Section5 Event Delegation in Practice: Classic Calculator-2
duration： 25 minutes 20 seconds
Chapter15 0329-Modules and modules in action: Classic tab
expand retract

Section1 Form events and message board practice-1
duration： 18 minutes 40 seconds

Section2 Form events and message board practice-2
duration： 17 minutes 49 seconds

Section3 Module principle and example demonstration
duration： 26 minutes 39 seconds

Section4 Module combat: Classic tab-1
duration： 25 minutes 50 seconds

Section5 Module in action: Classic tab-2
duration： 28 minutes 28 seconds
Chapter16 0330- Practical combat: classic carousel chart
expand retract

Section1 Carousel chart structure and writing of function modules-1
duration： 19 minutes 29 seconds

Section2 Carousel chart structure and functional module writing-2
duration： 19 minutes 32 seconds

Section3 Carousel chart structure and functional module writing-3
duration： 17 minutes 21 seconds

Section4 Carousel chart structure and functional module writing-4
duration： 22 minutes 45 seconds

Section5 Carousel chart structure and functional module writing-5
duration： 23 minutes 59 seconds
Chapter17 0331-json/cross-domain/asynchronous programming
expand retract

Section1 Introduction and use of json-1
duration： 19 minutes 07 seconds

Section2 Introduction and use of json-2
duration： 19 minutes 43 seconds

Section3 Cross-domain solution (jsonp and server-side cross-domain)
duration： 44 minutes 22 seconds

Section4 fetch and async, await asynchronous synchronization style
duration： 27 minutes 14 seconds
Chapter18 0403-fetch request type and npm/node basics
expand retract

Section1 Fetch request actual combat (html/json/post)-1
duration： 19 minutes 49 seconds

Section2 Fetch request actual combat (html/json/post)-2
duration： 20 minutes 10 seconds

Section3 Introduction to node/npm command demonstration/use of node module, etc.-1
duration： 23 minutes 48 seconds

Section4 Introduction to node/npm command demonstration/use of node module, etc.-2
duration： 23 minutes 36 seconds

Section5 Introduction to node/npm command demonstration/use of node module, etc.-3
duration： 22 minutes 16 seconds
Chapter19 0404-Practice: Voting system and shopping cart function
expand retract

Section1 Closure principle and voting system implementation process-1
duration： 25 minutes 46 seconds

Section2 Closure principle and voting system implementation process-2
duration： 19 minutes 55 seconds

Section3 Practical implementation of a fully functional shopping cart (must learn)-1
duration： 25 minutes 19 seconds

Section4 Practical use of a fully functional shopping cart (must learn)-2
duration： 25 minutes 23 seconds

Section5 Practical use of a fully functional shopping cart (must learn)-3
duration： 29 minutes 06 seconds

Data Name operate
[must see]0309 source code Download

[must see]0310 source code Download

[must see]0313 source code Download

[must see]0314 source code Download

[must see]0315 source code Download

[must see]0316 source code Download

[must see]0317 source code Download

[must see]0320 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]0327 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]0403 source code Download

[must see]0404 source code Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5512
Collection
ElementaryCSS 2.0 Chinese Manual

6116
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

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

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

163120
Collection
ElementaryBootstrap3 reference manual

3339
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9456
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5733
Collection
ElementaryjQuery_API_1.4.4 Manual

4225
Collection

Start Learning

This course includes：

01 days 10 hours 09 minutes 49 seconds Watch videos anytime

19 Download Resources

Popular courses Latest courses

More>