Name: Issue 14_Front-end development
Uploaded: 2022-03-28T19:01:09+8:00
Duration: 2871 min 34 s
Description: The learning objectives of the front-end development part of the 14th 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

Chapter11208-Front-end development environment and htm basics: Build an efficient front-end development environment 1
26 minutes16 seconds; Build an efficient front-end development environment 2
30 minutes33 seconds; Text link anchors and images
23 minutes48 seconds; Text link anchor and image 1
26 minutes24 seconds
Chapter21209-Lists, tables, forms and frames: Details of lists and tables
27 minutes19 seconds; Detailed list and table 1
31 minutes17 seconds; Describe forms and common controls in detail
28 minutes58 seconds; Describe forms and common controls in detail
38 minutes48 seconds
Chapter31210-Introduction to Inline Architectural Elements and CSS: Principles and Applications of Inline Frame Elements
22 minutes15 seconds; Principles and Applications of Inline Frame Elements 1
20 minutes58 seconds; css terminology and priority
31 minutes19 seconds; css terminology and priority 1
22 minutes16 seconds
Chapter41215-css introduction method and selector: CSS introduction method and modular programming
36 minutes13 seconds; Common selectors and application analysis
32 minutes58 seconds; Commonly used selectors and application analysis 1
28 minutes05 seconds
Chapter51216-Elaborate on selector priority and attribute abbreviation: Elaborating on selector priority
29 minutes52 seconds; Elaborating on selector priority 1
20 minutes54 seconds; Introduction using compound attributes and abbreviations
26 minutes01 seconds; Introduction to compound attributes and abbreviations 1
25 minutes18 seconds
Chapter61217-Elaborate on em/rem/vh/vw and responsive layout: Detailed examples of em/rem and responsive layout
33 minutes59 seconds; Detailed example of em/rem and responsive layout 1
35 minutes12 seconds; vh/vw/css variables
36 minutes12 seconds
Chapter71218-Box model and alignment: Detailed explanation of box model types
24 minutes51 seconds; Detailed explanation of box model types 1
23 minutes53 seconds; Introduction to commonly used element alignments
25 minutes01 seconds; Introduction to commonly used element alignments 1
24 minutes12 seconds
Chapter81221-Floating positioning and flex preliminary: Application and practice of floating and positioning
35 minutes24 seconds; Application and practice of floating and positioning 1
49 minutes58 seconds; Preliminary introduction to flex (intensive lecture the next day)
19 minutes05 seconds
Chapter91222-Detailed explanation of common attributes of flex elements: Flex usage scenarios and terminology introduction
28 minutes38 seconds; Flex usage scenarios and terminology introduction 1
25 minutes44 seconds; Detailed explanation of common properties of containers and projects
28 minutes18 seconds; Detailed explanation of common properties of containers and projects 1
21 minutes19 seconds
Chapter101223- Practical combat: JD.com APP homepage layout: The overall layout and navigation area of JD.com’s mobile homepage
30 minutes38 seconds; The overall layout and navigation area of JD.com’s mobile homepage 1
23 minutes17 seconds; The style of the footer of flash sale area and recommendation area
43 minutes40 seconds
Chapter111224- Basic knowledge of Grid layout: grid common properties 1
38 minutes32 seconds; grid common attributes 2
35 minutes38 seconds; Grid common attributes 3
37 minutes22 seconds
Chapter121225-grid actual combat: Project Alignment and Practice
28 minutes12 seconds; Project Alignment and Practice
29 minutes03 seconds; php.cn homepage quick layout real media query principle
22 minutes24 seconds; php.cn homepage quick layout real media query principle 1
24 minutes35 seconds
Chapter130104-JS variables and function basics: JS variable and function basics 1
34 minutes08 seconds; JS variable and function basics 2
33 minutes10 seconds; JS variable and function basics 3
40 minutes38 seconds
Chapter140105-JS Object and Process Control: Template literals and destructuring assignment
35 minutes24 seconds; Template literals and destructuring assignment 1
31 minutes12 seconds; Accessor properties and branch control
27 minutes09 seconds; Accessor properties and branch control 1
24 minutes26 seconds
Chapter150106-Prototype/Class and DOM Operations: Loops, iterations, prototypes, classes and continuation
32 minutes45 seconds; Loops, iterations, prototypes, classes and continuation 1
43 minutes55 seconds; Common operations of dom
37 minutes48 seconds
Chapter160107-Events and common functions: Event mechanism and common events of forms
35 minutes12 seconds; Event mechanism and common events in forms 1
40 minutes00 seconds; Message board and string common functions
35 minutes16 seconds
Chapter170108-Array/JSON/AJAX/cross-domain: Detailed description of arrays and JSON
31 minutes49 seconds; Detailed description of arrays and JSON1
34 minutes49 seconds; Ajax requests and cross-domain skills
35 minutes38 seconds; Ajax requests and cross-domain skills 1
30 minutes10 seconds
Chapter180111 - Classic practical case of native JS: Select card, skin change and image lazy loading
36 minutes28 seconds; Select card, skin change and lazy loading of pictures 1
26 minutes30 seconds; Select card, skin change and lazy loading of pictures 2
21 minutes29 seconds; Principle and implementation of carousel chart
33 minutes55 seconds
Chapter190112-jQuery Programming Basics 1: Detailed explanation of factory function $() and common terms
31 minutes06 seconds; Detailed explanation of factory function $() and common terms 1
30 minutes25 seconds; Introduction to commonly used getter/setter methods
27 minutes24 seconds; Introduction to commonly used getter/setter methods 1
20 minutes52 seconds
Chapter200113-jQuery common DOM operations and Ajax: jQuery commonly used DOM operations and practical combat
35 minutes26 seconds; jQuery commonly used DOM operations and practical combat 1
35 minutes19 seconds; Ajax and jsonp cross-domain implementation in jQuery
35 minutes44 seconds
Chapter210114-Shopping cart practice and ES6 modular technology: Practical case: Shopping cart full selection and automatic calculation
29 minutes11 seconds; Practical case: Shopping cart full selection and automatic calculation 1
34 minutes56 seconds; Common module operations in ES6
48 minutes22 seconds
Chapter220115-Vue basics and common instructions introduction: vue common instructions 1
32 minutes58 seconds; vue common instructions 2
42 minutes45 seconds; vue common instructions 3
37 minutes43 seconds
Chapter230118-Vue common instructions introduction: key, conditional rendering and keyboard modifiers, etc.
27 minutes37 seconds; key, conditional rendering and keyboard modifiers, etc. 1
43 minutes24 seconds; Lifecycle, computed properties and detector properties
48 minutes37 seconds
Chapter240119-Knowledge of components: Component types and data transfer methods
29 minutes56 seconds; Component types and data transfer methods 1
36 minutes22 seconds; Two-way data binding between child component and parent binding
23 minutes44 seconds; Two-way data binding between child component and parent binding 1
31 minutes13 seconds
Chapter250120-vue routing principle and implementation: Hash-based routing principle and implementation
32 minutes02 seconds; Hash-based routing principle and implementation 1
29 minutes44 seconds; Historical object implementation front-end routing principle and course summary 1
32 minutes12 seconds; Historical object implementation front-end routing principle and course summary
31 minutes19 seconds

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

Next Section： dom的常用操作1069 plays

Issue 14_Front-end development

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

Next Section： dom的常用操作1069 plays

Issue 14_Front-end development

Allpost a note