Community
Learn
Tools Library
AI Tools
Leisure
search
English
search
logo
  • Sign In
  • Sign Up
Password reset successful

Follow the proiects vou are interested in andi aet the latestnews about them taster

Home
Course List
Issue 12_Front-end Development

Issue 12_Front-end Development

The learning objectives of the front-end development part of the twelfth issue of PHP Chinese website: 1. Basic knowledge and practical combat of HTML5+CSS3; 2. Complete the layout of all static pages of the website; focus: elastic layout and grid layout; 3. Basics and practical combat of JavaScript and jQuery; 4.LayUI basics and practice

Front-end development Issue 12
168780 person learning
98 class hour
2023-08-07 update time
01 days20 Hours49 minutes44 seconds Total course duration
Download Start Learning
share
PHP中文网
Gold lecturer
51 Course
5297 student
5.2 score

认证高级PHP讲师

Download Start Learning
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 Basic grammar, practical application 3.LayUI basics and practice

Issue 12_Front-end Development

Section1 First lesson of school 1
26 minutes58 seconds
Section2 First lesson of school 2
27 minutes09 seconds
Section3 The first lesson of school 3
27 minutes44 seconds
Section4 The complete process of installing small leather panel on Tencent Cloud Server
In calculation
Chapter1 First lesson of school
Section1 html and dom structure
37 minutes17 seconds
Section2 How to obtain html content
32 minutes43 seconds
Section3 Describe in detail the three attributes of html elements 1
25 minutes59 seconds
Section4 Describe in detail the three attributes of html elements 2
23 minutes42 seconds
Chapter2 HTML parsing principle and content acquisition
Section1 css style sheet knowledge
37 minutes25 seconds
Section2 Common sense about links and lists
26 minutes03 seconds
Section3 Event listening and event proxying
38 minutes31 seconds
Section4 Practical combat: PHP Chinese website homepage drop-down menu
17 minutes31 seconds
Chapter3 Links, Lists and Practice
Section1 Simple selector vs contextual selector 1
19 minutes52 seconds
Section2 Simple selector and contextual selector 2
27 minutes58 seconds
Section3 Pseudo class selector and pseudo element 1
24 minutes57 seconds
Section4 Pseudo class selector and pseudo element 2
29 minutes28 seconds
Chapter4 Selectors and tables
Section1 Classic table operations
39 minutes08 seconds
Section2 Play with tables in a different way
18 minutes34 seconds
Section3 Detailed description of all control elements of the form 1
24 minutes58 seconds
Section4 Detailed description of all control elements of the form 2
25 minutes14 seconds
Chapter5 Detailed description of tables and forms
Section1 Box model principle
30 minutes13 seconds
Section2 Element positioning and actual combat
33 minutes53 seconds
Section3 Element position and size practice 1
24 minutes14 seconds
Section4 Element position and size practice 2
17 minutes37 seconds
Chapter6 Box model and element position and size
Section1 Lazy loading principle and implementation
18 minutes04 seconds
Section2 Floating principle and its response
34 minutes20 seconds
Section3 Three-column layout practice (positioning implementation)
23 minutes15 seconds
Section4 Floating to implement three-column layout
04 minutes48 seconds
Section5 Holy Grail implements three-column layout
18 minutes06 seconds
Section6 Grid implements three-column layout (optional)
07 minutes34 seconds
Chapter7 Layout principles and practice
Section1 Background Control Tips 1
20 minutes54 seconds
Section2 Background Control Tips 2
23 minutes19 seconds
Section3 The principle and implementation of sprite diagrams
28 minutes39 seconds
Section4 Practical reference of Alibaba font icons
30 minutes11 seconds
Chapter8 Background control and font icons
Section1 A quick review of traditional layouts
29 minutes52 seconds
Section2 Common properties in flex containers 1
31 minutes30 seconds
Section3 Common properties and practical combat in flex containers 1
27 minutes07 seconds
Section4 Common properties and practical combat in flex containers 2
27 minutes13 seconds
Chapter9 Flex layout knowledge
Section1 flex item properties 1
23 minutes38 seconds
Section2 flex item properties 2
23 minutes24 seconds
Section3 Flex implements a universal solution for PC
26 minutes33 seconds
Section4 Common layout solutions for mobile terminals
32 minutes57 seconds
Chapter10 Flex project properties and common layout schemes
Section1 Header layout preview picture layout 1
30 minutes34 seconds
Section2 Header layout preview picture layout 2
28 minutes45 seconds
Section3 Main section content area and copyright information division
34 minutes22 seconds
Chapter11 Flex layout practice
Section1 Commonly used terms and attributes of grid 1
36 minutes36 seconds
Section2 grid common terms and attributes 2
31 minutes39 seconds
Section3 grid common terms and attributes 3
44 minutes43 seconds
Chapter12 Grid layout basics
Section1 Alignment of grid cells and items 1
34 minutes15 seconds
Section2 Alignment of grid cells and items 2
27 minutes19 seconds
Section3 6.28 Homework explanation
21 minutes39 seconds
Section4 6.28 Homework Explanation 1
18 minutes22 seconds
Chapter13 grid project alignment and practice
Section1 Front-end knowledge summary 1
29 minutes36 seconds
Section2 Front-end knowledge summary 2
29 minutes39 seconds
Section3 Front-end knowledge summary 3
22 minutes40 seconds
Section4 Front-end knowledge summary 4
19 minutes18 seconds
Chapter14 Summary of front-end knowledge
Section1 Computer Programming Enlightenment 1
23 minutes58 seconds
Section2 Computer Programming Enlightenment 2
24 minutes28 seconds
Section3 Computer Programming Enlightenment 3
33 minutes09 seconds
Chapter15 Computer programming enlightenment
Section1 The architecture of the big front-end and the status of JS 1
27 minutes09 seconds
Section2 Big front-end architecture and the status of JS 2
26 minutes40 seconds
Section3 How to introduce and load JS
14 minutes42 seconds
Section4 Some differences between js and php
32 minutes55 seconds
Chapter16 First experience with JavaScript
Section1 js data types and common methods 1
32 minutes33 seconds
Section2 js data types and common methods 2
38 minutes10 seconds
Section3 js process control and json string
39 minutes40 seconds
Chapter17 js data type JSON
Section1 json and Ajax programming 1
42 minutes18 seconds
Section2 json and Ajax programming 2
35 minutes38 seconds
Section3 Ajax and json combat
41 minutes00 seconds
Chapter18 Ajax asynchronous programming
Section1 Related operations of document node 1
35 minutes37 seconds
Section2 Related operations of document nodes 2
35 minutes58 seconds
Section3 Practical combat: dynamic creation and deletion of elements 1
26 minutes31 seconds
Section4 Practical combat: dynamic creation and deletion of elements 2
28 minutes27 seconds
Chapter19 Common DOM operations
Section1 Cross-domain request practice 1: CORS
36 minutes27 seconds
Section2 Cross-domain request practice 2: JSONP
38 minutes07 seconds
Section3 Usage of classList object
09 minutes38 seconds
Section4 DOM event bubbling and proxying
26 minutes11 seconds
Chapter20 Cross-domain requests and DOM knowledge 2
Section1 Practical combat: Classic tab 1
36 minutes00 seconds
Section2 Practice: Classic Tab 2
30 minutes47 seconds
Section3 Practical combat: Image lazy loading technology
35 minutes53 seconds
Section4 Practical combat: classic carousel chart
31 minutes57 seconds
Chapter21 js classic case practice
Section1 jQuery introduces and $() factory function 1
25 minutes52 seconds
Section2 jQuery introduces $() factory function 2
27 minutes01 seconds
Section3 Query result processing and commonly used getters/setter-1
23 minutes33 seconds
Section4 Query result processing and common getters/setter-2
27 minutes43 seconds
Chapter22 Introduction to jQuery and important terms
Section1 Common getter/setter-1
33 minutes41 seconds
Section2 Common getter/setter-2
28 minutes47 seconds
Section3 Common DOM operations and filters
41 minutes55 seconds
Chapter23 Commonly used getters/setters and DOM operations
Section1 event
38 minutes20 seconds
Section2 Commonly used Ajax methods 1
24 minutes43 seconds
Section3 Commonly used ajax methods 2
29 minutes42 seconds
Section4 Ajax in action: Refresh-free paging based on POST
22 minutes10 seconds
Chapter24 Ajax and actual combat
Section1 Website skin change with one click
16 minutes59 seconds
Section2 Table alternate row changes
10 minutes29 seconds
Section3 Select and cancel all projects
21 minutes50 seconds
Section4 Shopping cart automatically calculates 1
28 minutes34 seconds
Section5 Shopping cart automatic calculation 2
26 minutes33 seconds
Chapter25 Practical js small cases and course summary

Data Name

June 10 courseware source code (12th issue)
Download
June 11 courseware source code (12th issue)
Download
June 12 courseware source code (12th issue)
Download
June 15 courseware source code (12th issue)
Download
June 16 Teaching Source Code (Issue 12)
Download
June 17 courseware source code (12th issue)
Download
June 18 courseware source code (12th issue)
Download
June 19 courseware source code (12th issue)
Download
June 22 courseware and source code (12th issue)
Download
June 23 courseware source code (12th issue)
Download
June 24 courseware source code (12th issue)
Download
June 28th courseware source code (12th issue)
Download
June 29th courseware source code (12th issue)
Download
June 30th courseware source code (12th issue)
Download
Source code on August 10 (12th issue)
Download
Source code on August 11th (12th issue)
Download
Source code on August 12 (12th issue)
Download
Teaching sources and courseware for August 13 (Issue 12)
Download
Teaching sources and courseware for August 14 (12th issue)
Download
Source code on August 17 (12th issue)
Download
Source code on August 18 (12th issue)
Download
Teaching sources and courseware for August 19 (12th issue)
Download
Source code on August 20 (12th issue)
Download
Source code on August 21 (12th issue)
Download
Popular courses
JAVA Beginner's Video Tutorial
JAVA Beginner's Video Tutorial
753 class hour
2982576
Show More
Latest courses
Go language practical GraphQL
Go language practical GraphQL
10 class hour
11115
Show More