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

Issue 14_Front-end development

Chapter1 1208-Front-end development environment and htm basics
expand retract

Section1 Build an efficient front-end development environment 1
duration： 26 minutes 16 seconds

Section2 Build an efficient front-end development environment 2
duration： 30 minutes 33 seconds

Section3 Text link anchors and images
duration： 23 minutes 48 seconds

Section4 Text link anchor and image 1
duration： 26 minutes 24 seconds
Chapter2 1209-Lists, tables, forms and frames
expand retract

Section1 Details of lists and tables
duration： 27 minutes 19 seconds

Section2 Detailed list and table 1
duration： 31 minutes 17 seconds

Section3 Describe forms and common controls in detail
duration： 28 minutes 58 seconds

Section4 Describe forms and common controls in detail
duration： 38 minutes 48 seconds
Chapter3 1210-Introduction to Inline Architectural Elements and CSS
expand retract

Section1 Principles and Applications of Inline Frame Elements
duration： 22 minutes 15 seconds

Section2 Principles and Applications of Inline Frame Elements 1
duration： 20 minutes 58 seconds

Section3 css terminology and priority
duration： 31 minutes 19 seconds

Section4 css terminology and priority 1
duration： 22 minutes 16 seconds
Chapter4 1215-css introduction method and selector
expand retract

Section1 CSS introduction method and modular programming
duration： 36 minutes 13 seconds

Section2 Common selectors and application analysis
duration： 32 minutes 58 seconds

Section3 Commonly used selectors and application analysis 1
duration： 28 minutes 05 seconds
Chapter5 1216-Elaborate on selector priority and attribute abbreviation
expand retract

Section1 Elaborating on selector priority
duration： 29 minutes 52 seconds

Section2 Elaborating on selector priority 1
duration： 20 minutes 54 seconds

Section3 Introduction using compound attributes and abbreviations
duration： 26 minutes 01 seconds

Section4 Introduction to compound attributes and abbreviations 1
duration： 25 minutes 18 seconds
Chapter6 1217-Elaborate on em/rem/vh/vw and responsive layout
expand retract

Section1 Detailed examples of em/rem and responsive layout
duration： 33 minutes 59 seconds

Section2 Detailed example of em/rem and responsive layout 1
duration： 35 minutes 12 seconds

Section3 vh/vw/css variables
duration： 36 minutes 12 seconds
Chapter7 1218-Box model and alignment
expand retract

Section1 Detailed explanation of box model types
duration： 24 minutes 51 seconds

Section2 Detailed explanation of box model types 1
duration： 23 minutes 53 seconds

Section3 Introduction to commonly used element alignments
duration： 25 minutes 01 seconds

Section4 Introduction to commonly used element alignments 1
duration： 24 minutes 12 seconds
Chapter8 1221-Floating positioning and flex preliminary
expand retract

Section1 Application and practice of floating and positioning
duration： 35 minutes 24 seconds

Section2 Application and practice of floating and positioning 1
duration： 49 minutes 58 seconds

Section3 Preliminary introduction to flex (intensive lecture the next day)
duration： 19 minutes 05 seconds
Chapter9 1222-Detailed explanation of common attributes of flex elements
expand retract

Section1 Flex usage scenarios and terminology introduction
duration： 28 minutes 38 seconds

Section2 Flex usage scenarios and terminology introduction 1
duration： 25 minutes 44 seconds

Section3 Detailed explanation of common properties of containers and projects
duration： 28 minutes 18 seconds

Section4 Detailed explanation of common properties of containers and projects 1
duration： 21 minutes 19 seconds
Chapter10 1223- Practical combat: JD.com APP homepage layout
expand retract

Section1 The overall layout and navigation area of JD.com’s mobile homepage
duration： 30 minutes 38 seconds

Section2 The overall layout and navigation area of JD.com’s mobile homepage 1
duration： 23 minutes 17 seconds

Section3 The style of the footer of flash sale area and recommendation area
duration： 43 minutes 40 seconds
Chapter11 1224- Basic knowledge of Grid layout
expand retract

Section1 grid common properties 1
duration： 38 minutes 32 seconds

Section2 grid common attributes 2
duration： 35 minutes 38 seconds

Section3 Grid common attributes 3
duration： 37 minutes 22 seconds
Chapter12 1225-grid actual combat
expand retract

Section1 Project Alignment and Practice
duration： 28 minutes 12 seconds

Section2 Project Alignment and Practice
duration： 29 minutes 03 seconds

Section3 php.cn homepage quick layout real media query principle
duration： 22 minutes 24 seconds

Section4 php.cn homepage quick layout real media query principle 1
duration： 24 minutes 35 seconds
Chapter13 0104-JS variables and function basics
expand retract

Section1 JS variable and function basics 1
duration： 34 minutes 08 seconds

Section2 JS variable and function basics 2
duration： 33 minutes 10 seconds

Section3 JS variable and function basics 3
duration： 40 minutes 38 seconds
Chapter14 0105-JS Object and Process Control
expand retract

Section1 Template literals and destructuring assignment
duration： 35 minutes 24 seconds

Section2 Template literals and destructuring assignment 1
duration： 31 minutes 12 seconds

Section3 Accessor properties and branch control
duration： 27 minutes 09 seconds

Section4 Accessor properties and branch control 1
duration： 24 minutes 26 seconds
Chapter15 0106-Prototype/Class and DOM Operations
expand retract

Section1 Loops, iterations, prototypes, classes and continuation
duration： 32 minutes 45 seconds

Section2 Loops, iterations, prototypes, classes and continuation 1
duration： 43 minutes 55 seconds

Section3 Common operations of dom
duration： 37 minutes 48 seconds
Chapter16 0107-Events and common functions
expand retract

Section1 Event mechanism and common events of forms
duration： 35 minutes 12 seconds

Section2 Event mechanism and common events in forms 1
duration： 40 minutes 00 seconds

Section3 Message board and string common functions
duration： 35 minutes 16 seconds
Chapter17 0108-Array/JSON/AJAX/cross-domain
expand retract

Section1 Detailed description of arrays and JSON
duration： 31 minutes 49 seconds

Section2 Detailed description of arrays and JSON1
duration： 34 minutes 49 seconds

Section3 Ajax requests and cross-domain skills
duration： 35 minutes 38 seconds

Section4 Ajax requests and cross-domain skills 1
duration： 30 minutes 10 seconds
Chapter18 0111 - Classic practical case of native JS
expand retract

Section1 Select card, skin change and image lazy loading
duration： 36 minutes 28 seconds

Section2 Select card, skin change and lazy loading of pictures 1
duration： 26 minutes 30 seconds

Section3 Select card, skin change and lazy loading of pictures 2
duration： 21 minutes 29 seconds

Section4 Principle and implementation of carousel chart
duration： 33 minutes 55 seconds
Chapter19 0112-jQuery Programming Basics 1
expand retract

Section1 Detailed explanation of factory function $() and common terms
duration： 31 minutes 06 seconds

Section2 Detailed explanation of factory function $() and common terms 1
duration： 30 minutes 25 seconds

Section3 Introduction to commonly used getter/setter methods
duration： 27 minutes 24 seconds

Section4 Introduction to commonly used getter/setter methods 1
duration： 20 minutes 52 seconds
Chapter20 0113-jQuery common DOM operations and Ajax
expand retract

Section1 jQuery commonly used DOM operations and practical combat
duration： 35 minutes 26 seconds

Section2 jQuery commonly used DOM operations and practical combat 1
duration： 35 minutes 19 seconds

Section3 Ajax and jsonp cross-domain implementation in jQuery
duration： 35 minutes 44 seconds
Chapter21 0114-Shopping cart practice and ES6 modular technology
expand retract

Section1 Practical case: Shopping cart full selection and automatic calculation
duration： 29 minutes 11 seconds

Section2 Practical case: Shopping cart full selection and automatic calculation 1
duration： 34 minutes 56 seconds

Section3 Common module operations in ES6
duration： 48 minutes 22 seconds
Chapter22 0115-Vue basics and common instructions introduction
expand retract

Section1 vue common instructions 1
duration： 32 minutes 58 seconds

Section2 vue common instructions 2
duration： 42 minutes 45 seconds

Section3 vue common instructions 3
duration： 37 minutes 43 seconds
Chapter23 0118-Vue common instructions introduction
expand retract

Section1 key, conditional rendering and keyboard modifiers, etc.
duration： 27 minutes 37 seconds

Section2 key, conditional rendering and keyboard modifiers, etc. 1
duration： 43 minutes 24 seconds

Section3 Lifecycle, computed properties and detector properties
duration： 48 minutes 37 seconds
Chapter24 0119-Knowledge of components
expand retract

Section1 Component types and data transfer methods
duration： 29 minutes 56 seconds

Section2 Component types and data transfer methods 1
duration： 36 minutes 22 seconds

Section3 Two-way data binding between child component and parent binding
duration： 23 minutes 44 seconds

Section4 Two-way data binding between child component and parent binding 1
duration： 31 minutes 13 seconds
Chapter25 0120-vue routing principle and implementation
expand retract

Section1 Hash-based routing principle and implementation
duration： 32 minutes 02 seconds

Section2 Hash-based routing principle and implementation 1
duration： 29 minutes 44 seconds

Section3 Historical object implementation front-end routing principle and course summary 1
duration： 32 minutes 12 seconds

Section4 Historical object implementation front-end routing principle and course summary
duration： 31 minutes 19 seconds