Issue 8_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 8_Front-end Development

The front-end development part of the eighth phase uses PHPCN UI as a practical development project. The learning objectives are: 1. Be able to complete the layout of the front-end and back-end of the website; 2. Be able to optimize and upgrade the code of the front-end and back-end; 3. Realize the website special effects of the front-end and back-end. ;

Elementary

Issue 8_Front-end Development

91759 person learning

70class hour

01 days 08 hours 51 minutes 21 secondsTotal course duration

2023-08-07update

PHPz

Gold lecturer

A total of 72 courses Student45552 Lecturer rating5.8

学习是最好的投资！More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

1. Backend template Decomposing the PHPCN backend UI module 2.HTML+CSS Practice the layout of back-end modules and consolidate the basic knowledge of html and css 3.JavaScript+jQuery Basic syntax, CMS front-end and back-end application practice

Issue 8_Front-end Development

Chapter1 Front-end development environment configuration and foundation
expand retract

Section1 Installation and configuration of commonly used software 1
duration： 39 minutes 25 seconds

Section2 Installation and configuration of commonly used software 2
duration： 31 minutes 12 seconds

Section3 html tags/attributes/document structure
duration： 35 minutes 47 seconds
Chapter2 CMS practical project introduction and common tags
expand retract

Section1 Introduction to large-scale cms practical combat and front-end UI
duration： 34 minutes 43 seconds

Section2 html common tags (1)
duration： 28 minutes 16 seconds

Section3 html common tags (2)
duration： 28 minutes 39 seconds

Section4 html common tags (3)
duration： 24 minutes 29 seconds
Chapter3 css basics
expand retract

Section1 Inline frames and universal layout containers
duration： 38 minutes 04 seconds

Section2 css introduction and priority
duration： 22 minutes 07 seconds

Section3 css selector priority
duration： 24 minutes 30 seconds

Section4 Getting started with the box model
duration： 26 minutes 39 seconds
Chapter4 Common selectors and layout principles
expand retract

Section1 Common selectors
duration： 43 minutes 01 seconds

Section2 Tips for using backgrounds
duration： 16 minutes 02 seconds

Section3 naughty padding
duration： 22 minutes 37 seconds

Section4 Elusive margins
duration： 30 minutes 22 seconds
Chapter5 CSS layout principle and implementation
expand retract

Section1 Floating layout principle
duration： 25 minutes 56 seconds

Section2 A complete list of methods to eliminate the floating effect of child elements
duration： 12 minutes 02 seconds

Section3 Positioning and relative positioning
duration： 18 minutes 03 seconds

Section4 Absolute positioning small case
duration： 15 minutes 11 seconds

Section5 Absolute positioning mask (simulating PHP Chinese website login)
duration： 10 minutes 09 seconds

Section6 Fixed positioning small case (simulating PHP Chinese website enrollment advertisement)
duration： 08 minutes 07 seconds

Section7 Basic principles and knowledge points of layout
duration： 06 minutes 40 seconds

Section8 Classic three-column layout (absolute positioning implementation)
duration： 11 minutes 30 seconds

Section9 Classic three-column layout (floating implementation)
duration： 12 minutes 20 seconds
Chapter6 Common layout practical cases
expand retract

Section1 Universal header and bottom layout implementation
duration： 44 minutes 47 seconds

Section2 Common three-column layout practice (double flying wings)
duration： 27 minutes 25 seconds

Section3 Universal three-column layout in practice (Holy Grail)
duration： 29 minutes 50 seconds
Chapter7 CSS table style and this week’s course summary
expand retract

Section1 CSS techniques for controlling table styles
duration： 43 minutes 50 seconds

Section2 This week’s course summary and answers
duration： 46 minutes 36 seconds
Chapter8 Flex elastic layout basics
expand retract

Section1 Flex basic terminology
duration： 23 minutes 29 seconds

Section2 Flex container basic properties
duration： 34 minutes 29 seconds

Section3 Common properties of Flex projects
duration： 36 minutes 23 seconds
Chapter9 Flex layout practice/grid layout/media query
expand retract

Section1 Imitation php Chinese website mobile website homepage 1
duration： 34 minutes 14 seconds

Section2 Imitation php Chinese website mobile website homepage 2
duration： 27 minutes 38 seconds

Section3 Imitation php Chinese website mobile website homepage 3
duration： 32 minutes 49 seconds

Section4 Basic knowledge of media queries
duration： 19 minutes 35 seconds
Chapter10 Front-end packaging principles and knowledge points
expand retract

Section1 rem and media query relationship
duration： 24 minutes 42 seconds

Section2 phpcnUI encapsulation principle
duration： 33 minutes 16 seconds

Section3 Knowledge points used in front-end framework 1
duration： 31 minutes 19 seconds

Section4 Knowledge points used in front-end framework 2
duration： 27 minutes 37 seconds
Chapter11 Course summary and online Q&A
expand retract

Section1 A brief summary of front-end framework and layout 1
duration： 29 minutes 15 seconds

Section2 A brief summary of front-end framework and layout 2
duration： 27 minutes 46 seconds

Section3 Course Answers
duration： 43 minutes 29 seconds
Chapter12 JavaScript basics
expand retract

Section1 Variables and Expressions 1
duration： 33 minutes 13 seconds

Section2 Variables and Expressions 2
duration： 27 minutes 02 seconds

Section3 Functions and anonymous functions
duration： 49 minutes 13 seconds
Chapter13 JavaScript basics 1
expand retract

Section1 Process Control and Loops 1
duration： 31 minutes 15 seconds

Section2 Process Control and Loops 2
duration： 22 minutes 13 seconds

Section3 Arrays and common events 1
duration： 34 minutes 05 seconds

Section4 Arrays and common events 2
duration： 25 minutes 10 seconds
Chapter14 JavaScript Basics 2
expand retract

Section1 js object-oriented basics 1
duration： 28 minutes 26 seconds

Section2 js object-oriented basics 2
duration： 28 minutes 36 seconds

Section3 jquery selector principle 1
duration： 41 minutes 24 seconds
Chapter15 JavaScript Basics 3
expand retract

Section1 jquery operates dom element attributes 1
duration： 27 minutes 47 seconds

Section2 jquery operates dom element attributes 2
duration： 32 minutes 34 seconds

Section3 jquery basic selector 1
duration： 29 minutes 37 seconds

Section4 jquery basic selector 2
duration： 20 minutes 14 seconds
Chapter16 JavaScript Basics 4
expand retract

Section1 jquery basic selector 1
duration： 32 minutes 09 seconds

Section2 jquery basic selector 2
duration：In calculation

Section3 jquery attribute selector 1
duration：In calculation

Section4 jquery attribute selector 2
duration：In calculation
Chapter17 JavaScript Basics 5
expand retract

Section1 jquery document processing 1
duration： 30 minutes 20 seconds

Section2 jquery document processing 2
duration： 27 minutes 09 seconds

Section3 A preliminary study on jquery filtering and ajax
duration： 52 minutes 01 seconds
Chapter18 JavaScript Basics 6
expand retract

Section1 ajax principle and use 1
duration： 30 minutes 08 seconds

Section2 ajax principle and use 2
duration： 33 minutes 55 seconds

Section3 ajax principle and use 3
duration： 44 minutes 07 seconds
Chapter19 JavaScript Basics 7
expand retract

Section1 ajax form processing 1
duration： 28 minutes 18 seconds

Section2 ajax form processing 2
duration： 29 minutes 08 seconds

Section3 js jquery summary
duration： 48 minutes 57 seconds

Data Name operate
[must see]Teaching source code and courseware on August 30 (eighth issue) Exclusive for paid users

[must see]Teaching source code and courseware on September 2 (eighth issue) Exclusive for paid users

[must see]Teaching source code and courseware on September 3 (eighth issue) Exclusive for paid users

[must see]September 4th Teaching Source Code and Courseware (Eight Issues) Exclusive for paid users

[must see]Teaching source code and courseware on September 5 (eighth issue) Exclusive for paid users

[must see]September 6th Teaching Source Code and Courseware (Eight Issues) Exclusive for paid users

[must see]September 9th Teaching Source Code and Courseware (Eight Issues) Exclusive for paid users

[must see]September 10th Teaching Source Code and Courseware (Eight Issues) Exclusive for paid users

[must see]js-Jquery courseware (eight issues) Exclusive for paid users

PHPz Lecturer Other Courses

ElementaryIntroduction to basic parameters of Layer pop-up window

38055
Collection
ElementaryFront-end basic practical course

40721
Collection
ElementaryQuickly master the basics of programming (a must-read for beginners)

18773
Collection
ElementaryWeb Development Basics_HTML+CSS

33618
Collection
ElementaryHTML code example

138391
Collection
ElementaryBuild HTML pages from scratch

137408
Collection
ElementaryFront-end actual native layout—(Xiaomi Mall)

43847
Collection
ElementaryCSS code example

162550
Collection
ElementaryBeautification function of CSS

87296
Collection
IntermediateH5 page design project practice

26433
Collection
IntermediateHTML5 front-end interview questions

23264
Collection
ElementaryBootstrap5-make web development faster

35914
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 08 hours 51 minutes 21 seconds Watch videos anytime

9 Download Resources

Popular courses Latest courses

More>

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