Issue 13_Front-end Development-php.cn

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Issue 13_Front-end Development

The learning objectives of the front-end development part of the 13th 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. LayUI basics and practical combat; 5. Vue.js basics and practical combat

Elementary

Issue 13_Front-end Development

99471 person learning

98 class hour

01 days 16 hours 36 minutes 36 seconds Total course duration

2023-08-07update

PHP中文网

Gold lecturer

A total of 51 coursesStudent5294 Lecturer rating5.3

认证高级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.LayUI basics and practice 4. Vue.js basics and practice

Issue 13_Front-end Development

Chapter1 First lesson of school
expand retract

Section1 Detailed teaching plan
duration：In calculation

Section2 Step by step installation of vscode plug-in
duration：In calculation

Section3 Detailed explanation of markdown syntax
duration： 26 minutes 36 seconds

Section4 semantic structural elements
duration： 29 minutes 34 seconds
Chapter2 Detailed explanation of common HTML elements 1
expand retract

Section1 Text and links
duration： 34 minutes 28 seconds

Section2 Lists and Images
duration： 22 minutes 34 seconds

Section3 Describe table elements in detail (1)
duration：In calculation

Section4 Detailed explanation of table elements (2)
duration：In calculation
Chapter3 Describe forms and common controls in detail
expand retract

Section1 Text box/radio selection/check box/drop-down box (1)
duration： 29 minutes 04 seconds

Section2 Text box/radio selection/check box/drop-down box (2)
duration： 30 minutes 32 seconds

Section3 FileField/TextField/Button/InlineFrame-1
duration： 31 minutes 49 seconds

Section4 FileField/TextField/Button/InlineFrame-2
duration： 27 minutes 54 seconds
Chapter4 Describe css cascading and priority in detail
expand retract

Section1 css terminology and style sources
duration： 24 minutes 57 seconds

Section2 css terminology and style source 1
duration： 26 minutes 39 seconds

Section3 css cascading and priority relationship
duration： 29 minutes 20 seconds

Section4 css cascading and priority relationship 1
duration： 26 minutes 46 seconds
Chapter5 css attribute abbreviation and relative unit
expand retract

Section1 Abbreviation rules and applications of common css attributes
duration： 27 minutes 31 seconds

Section2 Abbreviation rules and applications of common css attributes 1
duration： 22 minutes 00 seconds

Section3 Introduction and examples of box model and em
duration： 28 minutes 07 seconds

Section4 Box model and em introduction and examples 1
duration： 25 minutes 41 seconds
Chapter6 em, rem, vm, vh and examples
expand retract

Section1 Examples detailing em and rem
duration： 33 minutes 54 seconds

Section2 Example details em and rem1
duration： 32 minutes 45 seconds

Section3 Responsive principle and vw, vh, vmin, vmax and custom attributes
duration： 39 minutes 06 seconds
Chapter7 Details box model
expand retract

Section1 Commonly used widths and box-sizing of box models
duration： 29 minutes 49 seconds

Section2 Commonly used widths and box-sizing1 of box models
duration： 23 minutes 52 seconds

Section3 The height of the model and the implementation of equal height columns 1
duration： 24 minutes 23 seconds

Section4 Implementation of model height and equal height columns 2
duration： 26 minutes 41 seconds
Chapter8 The solution of equal height columns and the problem of vertical centering
expand retract

Section1 The solution of equal height columns and the problem of vertical centering
duration： 40 minutes 15 seconds
Chapter9 Floating and Flex Layout
expand retract

Section1 Floating layout and BFC
duration： 27 minutes 21 seconds

Section2 Floating layout with BFC1
duration： 24 minutes 44 seconds

Section3 Detailed explanation of common properties of flex container
duration： 30 minutes 50 seconds

Section4 Detailed explanation of common properties of flex container 1
duration： 27 minutes 36 seconds
Chapter10 (1027) Project properties and flex instances
expand retract

Section1 Project properties and order instances
duration： 26 minutes 08 seconds

Section2 Project properties and order instance 1
duration： 23 minutes 45 seconds

Section3 Flex layout demonstration case
duration： 32 minutes 08 seconds

Section4 Flex layout demonstration case 1
duration： 23 minutes 14 seconds
Chapter11 (1028)flex instance and Grid basics
expand retract

Section1 flex example demonstration
duration： 32 minutes 18 seconds

Section2 flex example demonstration 1
duration： 31 minutes 54 seconds

Section3 Grid layout basics 1
duration： 39 minutes 14 seconds
Chapter12 (1029)Grid layout properties and example demonstration
expand retract

Section1 Grid layout basics 1
duration： 32 minutes 17 seconds

Section2 Grid layout basics 2
duration： 25 minutes 46 seconds

Section3 grid example demonstration
duration： 23 minutes 17 seconds

Section4 grid example demonstration 1
duration： 27 minutes 06 seconds
Chapter13 (1030)Details on floating and actual combat
expand retract

Section1 Introduction to grid media queries and floating 1
duration： 25 minutes 27 seconds

Section2 Introduction to grid media queries and floating 2
duration： 23 minutes 48 seconds

Section3 Modal box and precautions for positioning actual combat
duration： 32 minutes 42 seconds

Section4 Modal box and precautions for positioning actual combat 1
duration： 21 minutes 05 seconds
Chapter14 (1102) ES6 basic syntax
expand retract

Section1 Variables and data types
duration： 31 minutes 51 seconds

Section2 Variables and data types 1
duration： 27 minutes 47 seconds

Section3 Templates, destructuring and branch control
duration： 29 minutes 54 seconds

Section4 Templates, deconstruction and branch control 1
duration： 25 minutes 00 seconds
Chapter15 (1103)Function and DOM
expand retract

Section1 A closer look at loops and functions
duration： 32 minutes 48 seconds

Section2 Detailed explanation of loops and functions 1
duration： 33 minutes 21 seconds

Section3 DOM and common objects
duration： 48 minutes 25 seconds
Chapter16 (1104) Complete list of events and string/array methods
expand retract

Section1 Principle and implementation of event addition and delivery mechanism
duration： 43 minutes 17 seconds

Section2 A complete list of commonly used methods for strings and arrays
duration： 38 minutes 34 seconds

Section3 A complete collection of common methods for strings and arrays 1
duration： 27 minutes 23 seconds
Chapter17 (1105)json and Ajax asynchronous interface
expand retract

Section1 Son and ajax/get/post asynchronous request examples
duration： 29 minutes 33 seconds

Section2 Son and ajax/get/post asynchronous request example 1
duration： 30 minutes 17 seconds

Section3 Implementation of cross-domain requests-JSONP
duration： 44 minutes 44 seconds
Chapter18 (1106) JS classic practical case selection
expand retract

Section1 ToDoList with tabs
duration： 34 minutes 28 seconds

Section2 ToDoList with Tab 1
duration： 32 minutes 42 seconds

Section3 One-click skin change and lazy loading
duration： 45 minutes 28 seconds
Chapter19 (1109) Carousel chart practice and jQuery basics
expand retract

Section1 Carousel chart in action
duration： 37 minutes 23 seconds

Section2 Carousel chart practice 1
duration： 33 minutes 20 seconds

Section3 Introduction and import of jQury
duration： 27 minutes 39 seconds
Chapter20 (1110)jQuery common operations
expand retract

Section1 Commonly used getters/setter1
duration： 30 minutes 07 seconds

Section2 Commonly used getters/setter2
duration： 29 minutes 47 seconds

Section3 Introduction to commonly used filters and events 1
duration： 32 minutes 28 seconds

Section4 Introduction to commonly used filters and events 2
duration： 21 minutes 34 seconds
Chapter21 (1111) jQuery’s Ajax and classic combat
expand retract

Section1 Common Ajax operations in jQuery
duration： 27 minutes 03 seconds

Section2 Common Ajax operations in jQuery 1
duration： 22 minutes 21 seconds

Section3 Practical combat: Shopping cart full selection and automatic calculation
duration： 26 minutes 16 seconds

Section4 Practical combat: Shopping cart full selection and automatic calculation 1
duration： 33 minutes 51 seconds
Chapter22 (1112)Vue examples and basic syntax
expand retract

Section1 Vue examples and basic syntax 1
duration： 30 minutes 38 seconds

Section2 Vue examples and basic syntax 2
duration： 33 minutes 12 seconds

Section3 Demonstration of commonly used data attributes in Vue
duration： 38 minutes 55 seconds
Chapter23 (1116)Vue Basics Part 2
expand retract

Section1 Branch loop and component registration
duration： 30 minutes 42 seconds

Section2 Branch loop and component registration 1
duration： 30 minutes 05 seconds

Section3 Component communication and routing implementation
duration： 44 minutes 21 seconds
Chapter24 (1125) Analysis of some difficulties in JS
expand retract

Section1 Prototypes and prototypal inheritance
duration： 27 minutes 18 seconds

Section2 Prototypes and prototypal inheritance 1
duration： 15 minutes 21 seconds

Section3 call/apply/bind/reduce usage scenarios
duration： 23 minutes 31 seconds

Section4 call/apply/bind/reduce usage scenario 1
duration： 25 minutes 32 seconds

Data Nameoperate
[must see]Source code on September 28 (Issue 13)Exclusive for paid users

[must see]Source code on September 29 (13)Exclusive for paid users

[must see]Source code on September 30 (13)Exclusive for paid users

[must see]1019 source code (13 issues)Exclusive for paid users

[must see]1020 source code (13 issues)Exclusive for paid users

[must see]1021 source code (13 issues)Exclusive for paid users

[must see]1022 source code (13 issues)Exclusive for paid users

[must see]1026 source code (13 issues)Exclusive for paid users

[must see]1027 source code (13 issues)Exclusive for paid users

[must see]1028 source code (13 issues)Exclusive for paid users

[must see]1029 source code and courseware (13)Exclusive for paid users

[must see]1030 source code and courseware(13)Exclusive for paid users

[must see]1102 source code (13 issues)Exclusive for paid users

[must see]1103 source code (13 issues)Exclusive for paid users

[must see]Teaching source code and courseware on November 4th (Issue 13)Exclusive for paid users

[must see]1105 source code (13 issues)Exclusive for paid users

[must see]1106 source code (13 issues)Exclusive for paid users

[must see]1109 source code (13 issues)Exclusive for paid users

[must see]1110 source code (13 issues)Exclusive for paid users

[must see]Double Eleven courseware source code (Issue 13), dear, does your hand still hurt?Exclusive for paid users

[must see]1112 source code (13 issues)Exclusive for paid users

[must see]1116 source code (13 issues)Exclusive for paid users

PHP中文网 Lecturer Other Courses

Elementary html5 Chinese manual

5511
Collection
Elementary CSS 2.0 Chinese Manual

6109
Collection
Elementary CSS 3.0 Reference Manual

3773
Collection
Advanced Play with CSS Flexbox layout

23727
Collection
Advanced Make layout as fast as 5G: CSS Grid grid layout

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

139632
Collection
Elementary Bootstrap3 reference manual

3335
Collection
Elementary Foundation5 Manual

902
Collection
Elementary JavaScript Reference Manual

9434
Collection
Elementary jQuery1.11 Reference Manual

9118
Collection
Elementary jQuery1.7 Chinese manual

5729
Collection
Elementary jQuery_API_1.4.4 Manual

4224
Collection

Delivery price：￥288

favor

Opening a VIP only requires￥ 259 Save ￥ 29

discount

VIP member exclusive VIP 60+ courses are free to watch

Coupon

Participate in the full reduction promotion The specific usage regulations are based on coupons

Buy Now

This course includes：

01 days 16 hours 36 minutes 36 seconds Watch videos anytime

22 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！