Name: Issue 8_Front-end Development
Uploaded: 2022-03-07T10:11:19+8:00
Duration: 1971 min 21 s
Description: 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. ;

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