Name: Issue 15_Front-end development
Uploaded: 2022-03-28T19:02:49+8:00
Duration: 2444 min 20 s
Description: 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

Chapter10318-The first lesson of the 15th semester: Course description and tool installation and configuration
37 minutes30 seconds; Course Description and Tool Installation and Configuration 1
34 minutes06 seconds; Introduction to vscode plug-in installation and HTML document structure
29 minutes29 seconds; Introduction to vscode plug-in installation and HTML document structure 1
20 minutes57 seconds
Chapter20319-html common tags: Common tag example demonstration 1
30 minutes56 seconds; Common tag example demonstration 2
41 minutes07 seconds; Common tag example demonstration 3
28 minutes27 seconds; Common tag example demonstration 4
17 minutes20 seconds
Chapter30322-css basic knowledge 1: Basic syntax and priority, modularization 01
27 minutes55 seconds; Basic syntax and priority, modularization 02
31 minutes50 seconds; Detailed explanation of the principle and application of pseudo-class selectors 01
30 minutes40 seconds; Describe the principles and applications of pseudo-class selectors 02
25 minutes30 seconds
Chapter40323-css basic knowledge 2: Box mockup with font icon 01
30 minutes33 seconds; Box mockup with font icon 02
37 minutes30 seconds; Positioning Principles and Applications 01
18 minutes44 seconds; Positioning Principles and Applications 02
18 minutes40 seconds
Chapter50324-Basics of traditional layout and flex layout: Comparison between traditional layout and flex layout 01
36 minutes41 seconds; Comparison between traditional layout and flex layout 02
34 minutes03 seconds; Detailed explanation of common properties of flex container 01
24 minutes47 seconds; Detailed explanation of common properties of flex container 02
24 minutes05 seconds
Chapter60325-flex project attributes and flex practical mall homepage: Flex project attributes and mobile layout basics 01
36 minutes24 seconds; Flex project attributes and mobile layout basics 02
36 minutes33 seconds; Implementation process of mobile header and footer 01
21 minutes37 seconds; Implementation process of mobile header and footer 02
20 minutes50 seconds
Chapter70326-Mobile terminal layout practice 2 and Grid layout technology: Mobile terminal layout practice 2——01
29 minutes33 seconds; Mobile terminal layout practice 2——02
31 minutes33 seconds; Basic knowledge of grid layout 1——01
34 minutes28 seconds; Basic knowledge of grid layout 1——02
21 minutes46 seconds
Chapter80329-Grid layout and practice: Detailed arrangement and alignment of items 01
30 minutes23 seconds; Detailed arrangement and alignment of items 02
26 minutes30 seconds; Grid's item alignment and grid layout principles and applications 01
31 minutes04 seconds; Grid's item alignment and grid layout principles and applications 02
27 minutes20 seconds
Chapter90330-JavaScript Programming Lesson 1: JavaScript past and present life and introduction methods 01
27 minutes18 seconds; JavaScript past and present life and introduction methods 02
28 minutes52 seconds; JavaScript loading method and common console commands 01
25 minutes54 seconds; JavaScript loading methods and common console commands 02
23 minutes09 seconds
Chapter100331-js data types and functions: Detailed explanation of variables and data types 01
30 minutes04 seconds; Detailed explanation of variables and data types 02
26 minutes45 seconds; Detailed explanation of functions and function parameters 01
28 minutes04 seconds; Detailed explanation of functions and function parameters 02
28 minutes20 seconds
Chapter110401-Template literals and accessor properties: Grid example: quickly complete the php.cn home page layout 01
23 minutes33 seconds; Grid example: quickly complete the php.cn home page layout 02
24 minutes33 seconds; Template literals and destructuring assignment 01
30 minutes57 seconds; Template literals and destructuring assignment 02
33 minutes45 seconds; Accessor properties and branch control 01
27 minutes42 seconds; Accessor properties and branch control 02
27 minutes31 seconds
Chapter120402-Closures/Loops/Constructors and Prototypes: Closures and loops, iterator principle 01
30 minutes35 seconds; Closures and loops, iterator principle 02
32 minutes16 seconds; Constructors, prototypes, classes and inheritance 01
27 minutes40 seconds; Constructors, prototypes, classes and inheritance 02
27 minutes10 seconds
Chapter130406-Detailed explanation of common DOM operations: Querying and traversing DOM elements 01
32 minutes04 seconds; Querying and traversing DOM elements 02
31 minutes04 seconds; DOM addition, deletion, modification and CSS operations 01
27 minutes18 seconds; DOM addition, deletion, modification and CSS operations 02
28 minutes17 seconds
Chapter140407-Case Demonstration Events and Delivery Mechanism: Event addition and delivery mechanism, event proxy, form event 01
34 minutes34 seconds; Event addition and delivery mechanism, event proxy, form event 02
34 minutes26 seconds; Practical comments and commonly used string array methods 01
30 minutes25 seconds; Practical comments and commonly used string array methods 02
30 minutes54 seconds
Chapter150408-Ajax and cross-domain requests: JSON and Ajax request and response processing methods 01
30 minutes23 seconds; JSON and Ajax request and response processing methods 02
29 minutes37 seconds; Cross-domain request, tab and one-click skin change practice 01
27 minutes19 seconds; Cross-domain request, tab and one-click skin change practice 02
27 minutes24 seconds
Chapter160409-JS practical case: Practical combat 1: Principle and implementation of lazy loading of images 01
26 minutes27 seconds; Practical combat 1: Principle and implementation of lazy loading of images 02
26 minutes27 seconds; Practical combat 2: Carousel chart 01
28 minutes22 seconds; Practical combat 2: Carousel chart 02
28 minutes36 seconds
Chapter170412-Shopping cart practice and module introduction: JS Practical Combat: Shopping Cart Selection and Automatic Calculation 01
31 minutes47 seconds; JS Practical Combat: Shopping Cart Selection and Automatic Calculation 02
29 minutes14 seconds; Quick introduction to ES6 module knowledge 01
24 minutes21 seconds; Quick introduction to ES6 module knowledge 02
23 minutes14 seconds
Chapter180413-jQuery functions and common methods: jQuery factory functions and common methods 1-01
31 minutes12 seconds; jQuery factory functions and common methods 1-02
28 minutes24 seconds; jQuery common methods 2-01
23 minutes49 seconds; jQuery common methods 2-02
24 minutes21 seconds
Chapter190414-jQuery’s DOM/event/Ajax/Vue basics: jQuery's DOM and event operations 01
26 minutes56 seconds; jQuery's DOM and event operations 02
27 minutes53 seconds; jQuery's Ajax operation and Vue basics introduction 01
27 minutes58 seconds; jQuery's Ajax operation and Vue basics introduction 02
28 minutes34 seconds
Chapter200415- Vue common instructions and attributes: Vue common instructions 1-01
32 minutes03 seconds; Common vue instructions 1-02
32 minutes33 seconds; Vue common instructions 2-01
21 minutes58 seconds; Vue common instructions 2-02
17 minutes52 seconds
Chapter210416-Vue components and routing: Vue components and component parameter passing 1-01
27 minutes07 seconds; Vue components and component parameter passing 1-02
26 minutes57 seconds; Vue parameter passing 2 and Vue routing principle and implementation 01
26 minutes48 seconds; Vue parameter passing 2 and Vue routing principle and implementation 02
24 minutes43 seconds

部分浏览器不支持，请下载APP观看

Next Section： JavaScript前世今生与引入方式021123 plays

Issue 15_Front-end development

部分浏览器不支持，请下载APP观看

Next Section： JavaScript前世今生与引入方式021123 plays

Issue 15_Front-end development

Allpost a note