Issue 15_Front-end development-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

Issue 15_Front-end development

The learning objectives of the front-end development part of the 15th issue of PHP Chinese website: 1. Basic knowledge and practical implementation of HTML5+CSS3; 2. Complete the layout of all static pages of the website; focus: elastic layout and grid layout; 3. JavaScript, jQuery, ES6 basics and Practical combat; 4.Vue.js basics and practical combat

Elementary

112771 person learning

86class hour

01 days 16 hours 44 minutes 20 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5297 Lecturer rating5.7

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

1.HTML+CSS Practice the layout of back-end modules and consolidate the basic knowledge of html and css 2.JavaScript+jQuery+ES6 Basic grammar, practical application 3. Vue.js basics and practice

Issue 15_Front-end development

Chapter1 0318-The first lesson of the 15th semester
expand retract

Section1 Course description and tool installation and configuration
duration： 37 minutes 30 seconds

Section2 Course Description and Tool Installation and Configuration 1
duration： 34 minutes 06 seconds

Section3 Introduction to vscode plug-in installation and HTML document structure
duration： 29 minutes 29 seconds

Section4 Introduction to vscode plug-in installation and HTML document structure 1
duration： 20 minutes 57 seconds
Chapter2 0319-html common tags
expand retract

Section1 Common tag example demonstration 1
duration： 30 minutes 56 seconds

Section2 Common tag example demonstration 2
duration： 41 minutes 07 seconds

Section3 Common tag example demonstration 3
duration： 28 minutes 27 seconds

Section4 Common tag example demonstration 4
duration： 17 minutes 20 seconds
Chapter3 0322-css basic knowledge 1
expand retract

Section1 Basic syntax and priority, modularization 01
duration： 27 minutes 55 seconds

Section2 Basic syntax and priority, modularization 02
duration： 31 minutes 50 seconds

Section3 Detailed explanation of the principle and application of pseudo-class selectors 01
duration： 30 minutes 40 seconds

Section4 Describe the principles and applications of pseudo-class selectors 02
duration： 25 minutes 30 seconds
Chapter4 0323-css basic knowledge 2
expand retract

Section1 Box mockup with font icon 01
duration： 30 minutes 33 seconds

Section2 Box mockup with font icon 02
duration： 37 minutes 30 seconds

Section3 Positioning Principles and Applications 01
duration： 18 minutes 44 seconds

Section4 Positioning Principles and Applications 02
duration： 18 minutes 40 seconds
Chapter5 0324-Basics of traditional layout and flex layout
expand retract

Section1 Comparison between traditional layout and flex layout 01
duration： 36 minutes 41 seconds

Section2 Comparison between traditional layout and flex layout 02
duration： 34 minutes 03 seconds

Section3 Detailed explanation of common properties of flex container 01
duration： 24 minutes 47 seconds

Section4 Detailed explanation of common properties of flex container 02
duration： 24 minutes 05 seconds
Chapter6 0325-flex project attributes and flex practical mall homepage
expand retract

Section1 Flex project attributes and mobile layout basics 01
duration： 36 minutes 24 seconds

Section2 Flex project attributes and mobile layout basics 02
duration： 36 minutes 33 seconds

Section3 Implementation process of mobile header and footer 01
duration： 21 minutes 37 seconds

Section4 Implementation process of mobile header and footer 02
duration： 20 minutes 50 seconds
Chapter7 0326-Mobile terminal layout practice 2 and Grid layout technology
expand retract

Section1 Mobile terminal layout practice 2——01
duration： 29 minutes 33 seconds

Section2 Mobile terminal layout practice 2——02
duration： 31 minutes 33 seconds

Section3 Basic knowledge of grid layout 1——01
duration： 34 minutes 28 seconds

Section4 Basic knowledge of grid layout 1——02
duration： 21 minutes 46 seconds
Chapter8 0329-Grid layout and practice
expand retract

Section1 Detailed arrangement and alignment of items 01
duration： 30 minutes 23 seconds

Section2 Detailed arrangement and alignment of items 02
duration： 26 minutes 30 seconds

Section3 Grid's item alignment and grid layout principles and applications 01
duration： 31 minutes 04 seconds

Section4 Grid's item alignment and grid layout principles and applications 02
duration： 27 minutes 20 seconds
Chapter9 0330-JavaScript Programming Lesson 1
expand retract

Section1 JavaScript past and present life and introduction methods 01
duration： 27 minutes 18 seconds

Section2 JavaScript past and present life and introduction methods 02
duration： 28 minutes 52 seconds

Section3 JavaScript loading method and common console commands 01
duration： 25 minutes 54 seconds

Section4 JavaScript loading methods and common console commands 02
duration： 23 minutes 09 seconds
Chapter10 0331-js data types and functions
expand retract

Section1 Detailed explanation of variables and data types 01
duration： 30 minutes 04 seconds

Section2 Detailed explanation of variables and data types 02
duration： 26 minutes 45 seconds

Section3 Detailed explanation of functions and function parameters 01
duration： 28 minutes 04 seconds

Section4 Detailed explanation of functions and function parameters 02
duration： 28 minutes 20 seconds
Chapter11 0401-Template literals and accessor properties
expand retract

Section1 Grid example: quickly complete the php.cn home page layout 01
duration： 23 minutes 33 seconds

Section2 Grid example: quickly complete the php.cn home page layout 02
duration： 24 minutes 33 seconds

Section3 Template literals and destructuring assignment 01
duration： 30 minutes 57 seconds

Section4 Template literals and destructuring assignment 02
duration： 33 minutes 45 seconds

Section5 Accessor properties and branch control 01
duration： 27 minutes 42 seconds

Section6 Accessor properties and branch control 02
duration： 27 minutes 31 seconds
Chapter12 0402-Closures/Loops/Constructors and Prototypes
expand retract

Section1 Closures and loops, iterator principle 01
duration： 30 minutes 35 seconds

Section2 Closures and loops, iterator principle 02
duration： 32 minutes 16 seconds

Section3 Constructors, prototypes, classes and inheritance 01
duration： 27 minutes 40 seconds

Section4 Constructors, prototypes, classes and inheritance 02
duration： 27 minutes 10 seconds
Chapter13 0406-Detailed explanation of common DOM operations
expand retract

Section1 Querying and traversing DOM elements 01
duration： 32 minutes 04 seconds

Section2 Querying and traversing DOM elements 02
duration： 31 minutes 04 seconds

Section3 DOM addition, deletion, modification and CSS operations 01
duration： 27 minutes 18 seconds

Section4 DOM addition, deletion, modification and CSS operations 02
duration： 28 minutes 17 seconds
Chapter14 0407-Case Demonstration Events and Delivery Mechanism
expand retract

Section1 Event addition and delivery mechanism, event proxy, form event 01
duration： 34 minutes 34 seconds

Section2 Event addition and delivery mechanism, event proxy, form event 02
duration： 34 minutes 26 seconds

Section3 Practical comments and commonly used string array methods 01
duration： 30 minutes 25 seconds

Section4 Practical comments and commonly used string array methods 02
duration： 30 minutes 54 seconds
Chapter15 0408-Ajax and cross-domain requests
expand retract

Section1 JSON and Ajax request and response processing methods 01
duration： 30 minutes 23 seconds

Section2 JSON and Ajax request and response processing methods 02
duration： 29 minutes 37 seconds

Section3 Cross-domain request, tab and one-click skin change practice 01
duration： 27 minutes 19 seconds

Section4 Cross-domain request, tab and one-click skin change practice 02
duration： 27 minutes 24 seconds
Chapter16 0409-JS practical case
expand retract

Section1 Practical combat 1: Principle and implementation of lazy loading of images 01
duration： 26 minutes 27 seconds

Section2 Practical combat 1: Principle and implementation of lazy loading of images 02
duration： 26 minutes 27 seconds

Section3 Practical combat 2: Carousel chart 01
duration： 28 minutes 22 seconds

Section4 Practical combat 2: Carousel chart 02
duration： 28 minutes 36 seconds
Chapter17 0412-Shopping cart practice and module introduction
expand retract

Section1 JS Practical Combat: Shopping Cart Selection and Automatic Calculation 01
duration： 31 minutes 47 seconds

Section2 JS Practical Combat: Shopping Cart Selection and Automatic Calculation 02
duration： 29 minutes 14 seconds

Section3 Quick introduction to ES6 module knowledge 01
duration： 24 minutes 21 seconds

Section4 Quick introduction to ES6 module knowledge 02
duration： 23 minutes 14 seconds
Chapter18 0413-jQuery functions and common methods
expand retract

Section1 jQuery factory functions and common methods 1-01
duration： 31 minutes 12 seconds

Section2 jQuery factory functions and common methods 1-02
duration： 28 minutes 24 seconds

Section3 jQuery common methods 2-01
duration： 23 minutes 49 seconds

Section4 jQuery common methods 2-02
duration： 24 minutes 21 seconds
Chapter19 0414-jQuery’s DOM/event/Ajax/Vue basics
expand retract

Section1 jQuery's DOM and event operations 01
duration： 26 minutes 56 seconds

Section2 jQuery's DOM and event operations 02
duration： 27 minutes 53 seconds

Section3 jQuery's Ajax operation and Vue basics introduction 01
duration： 27 minutes 58 seconds

Section4 jQuery's Ajax operation and Vue basics introduction 02
duration： 28 minutes 34 seconds
Chapter20 0415- Vue common instructions and attributes
expand retract

Section1 Vue common instructions 1-01
duration： 32 minutes 03 seconds

Section2 Common vue instructions 1-02
duration： 32 minutes 33 seconds

Section3 Vue common instructions 2-01
duration： 21 minutes 58 seconds

Section4 Vue common instructions 2-02
duration： 17 minutes 52 seconds
Chapter21 0416-Vue components and routing
expand retract

Section1 Vue components and component parameter passing 1-01
duration： 27 minutes 07 seconds

Section2 Vue components and component parameter passing 1-02
duration： 26 minutes 57 seconds

Section3 Vue parameter passing 2 and Vue routing principle and implementation 01
duration： 26 minutes 48 seconds

Section4 Vue parameter passing 2 and Vue routing principle and implementation 02
duration： 24 minutes 43 seconds

Data Name operate
[must see]0319 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]0326 source code Download

[must see]0329 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]0409 source code Download

[must see]0412 source code Download

[must see]0413 source code Download

[must see]0414 source code Download

[must see]0415 source code Download

[must see]0416 source code Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5520
Collection
ElementaryCSS 2.0 Chinese Manual

6125
Collection
ElementaryCSS 3.0 Reference Manual

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

33364
Collection
AdvancedPlay with CSS Flexbox layout

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

201222
Collection
ElementaryBootstrap3 reference manual

3342
Collection
ElementaryFoundation5 Manual

905
Collection
ElementaryJavaScript Reference Manual

9498
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5737
Collection
ElementaryjQuery_API_1.4.4 Manual

4226
Collection

Start Learning

This course includes：

01 days 16 hours 44 minutes 20 seconds Watch videos anytime

19 Download Resources

Popular courses Latest courses

More>