Issue 16_Front-end Development-php.cn

Community Learn Tools Library Leisure

English

Issue 16_Front-end Development

The learning objectives of the front-end development part of the 16th issue of PHP Chinese website: 1. Basic knowledge and practice 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.Bootstrap basics and practical combat

Elementary

Front-end development

Issue 16

126412 person learning

132class hour

01 days 21 hours 54 minutes 10 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.7

认证高级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.Bootstrap basics and practice

Issue 16_Front-end Development

Chapter1 0628-First lesson of school
expand retract

Section1 Learning environment (browser and editor) configuration 01
duration： 20 minutes 14 seconds

Section2 Learning environment (browser and editor) configuration 02
duration： 19 minutes 46 seconds

Section3 Learning environment (browser and editor) configuration 03
duration： 19 minutes 33 seconds

Section4 How to write homework and HTTP knowledge 01
duration： 20 minutes 48 seconds

Section5 How to write homework and HTTP knowledge 02
duration： 19 minutes 32 seconds

Section6 How to write homework and HTTP knowledge 03
duration： 19 minutes 56 seconds
Chapter2 0629-Common tags and attributes
expand retract

Section1 Labels, Attributes and Layout Elements 1, 2, 3-01
duration： 18 minutes 24 seconds

Section2 Tags, attributes and layout elements 1, 2, 3-02
duration： 17 minutes 14 seconds

Section3 Tags, attributes and layout elements 1, 2, 3-03
duration： 21 minutes 00 seconds

Section4 Detailed Lists and Tables (Practice) 1, 2-01
duration： 17 minutes 26 seconds

Section5 Detailed list and table (practical) 1, 2-02
duration： 17 minutes 27 seconds

Section6 Detailed list and table (practical) 1, 2-03
duration： 17 minutes 44 seconds
Chapter3 0630-Form/Framework/CSS Basics
expand retract

Section1 Form and frame elements 01
duration： 19 minutes 50 seconds

Section2 Form and frame elements 02
duration： 19 minutes 29 seconds

Section3 Form and frame elements 03
duration： 19 minutes 42 seconds

Section4 CSS style sources and selectors 1-01
duration： 25 minutes 05 seconds

Section5 CSS style sources and selectors 1-02
duration： 24 minutes 37 seconds
Chapter4 0701-Pseudo class, font icon and box model
expand retract

Section1 Pseudo classes and font icons, layout principles 01
duration： 23 minutes 08 seconds

Section2 Pseudo classes and font icons, layout principles 02
duration： 20 minutes 30 seconds

Section3 Pseudo classes and font icons, layout principles 03
duration： 25 minutes 51 seconds

Section4 Box model calculation method and common units 01
duration： 19 minutes 31 seconds

Section5 Box model calculation method and common units 02
duration： 19 minutes 05 seconds
Chapter5 0702-Positioning and practical cases
expand retract

Section1 Relative units, positioning principles and applications 01
duration： 19 minutes 21 seconds

Section2 Relative units, positioning principles and applications 02
duration： 21 minutes 02 seconds

Section3 Relative units, positioning principles and applications 03
duration： 19 minutes 04 seconds

Section4 Relative units, positioning principles and applications 04
duration： 20 minutes 25 seconds

Section5 Bit layout practice: modal box and three-column layout 01
duration： 25 minutes 23 seconds

Section6 Bit layout practice: modal box and three-column layout 02
duration： 26 minutes 50 seconds
Chapter6 0705-flex elastic layout common properties
expand retract

Section1 Common properties of flex container 01
duration： 17 minutes 59 seconds

Section2 Common properties of flex container 02
duration： 16 minutes 52 seconds

Section3 Common properties of flex container 03
duration： 19 minutes 57 seconds

Section4 Common properties of flex projects 01
duration： 25 minutes 08 seconds

Section5 Common properties of flex projects 02
duration： 27 minutes 01 seconds
Chapter7 0706-flex in action: Somedong mobile terminal homepage
expand retract

Section1 Actual overall layout of header and footer 01
duration： 19 minutes 43 seconds

Section2 Practical overall layout of header and footer 02
duration： 20 minutes 27 seconds

Section3 Practical overall layout of header and footer 03
duration： 23 minutes 15 seconds

Section4 Actual overall layout of header and footer 04
duration： 16 minutes 23 seconds

Section5 Practical main navigation and product recommendation module 01
duration： 24 minutes 28 seconds

Section6 Practical main navigation and product recommendation module 02
duration： 24 minutes 31 seconds
Chapter8 0707-JS variables and functions common sense
expand retract

Section1 Variable, constant, data type 01
duration： 22 minutes 26 seconds

Section2 Variable, constant, data type 02
duration： 22 minutes 32 seconds

Section3 Variables, constants, data types 03
duration： 21 minutes 41 seconds

Section4 Function parameters/return values, arrow functions and IIFE functions 01
duration： 25 minutes 11 seconds

Section5 Function parameters/return values, arrow functions and IIFE functions 02
duration： 25 minutes 00 seconds
Chapter9 0708-Tag function, destructuring and object programming
expand retract

Section1 Higher-order functions and label functions 01
duration： 22 minutes 01 seconds

Section2 Higher-order functions and label functions 02
duration： 20 minutes 15 seconds

Section3 Higher-order functions and label functions 03
duration： 23 minutes 34 seconds

Section4 Destructuring assignment and simplification of object literals 01
duration： 21 minutes 51 seconds

Section5 Destructuring assignment and simplification of object literals 02
duration： 22 minutes 06 seconds
Chapter10 0709-JS strings, arrays and process control
expand retract

Section1 Introduction to commonly used string and array methods 01
duration： 23 minutes 07 seconds

Section2 Introduction to commonly used string and array methods 02
duration： 23 minutes 58 seconds

Section3 Introduction to commonly used string and array methods 03
duration： 23 minutes 25 seconds

Section4 Branching and Looping of Process Control 01
duration：In calculation

Section5 Branching and Looping of Process Control 02
duration：In calculation
Chapter11 0712-Basics of DOM operations in JS
expand retract

Section1 Accessor properties, scope/closure/DOM element acquisition method 01
duration： 19 minutes 53 seconds

Section2 Accessor properties, scope/closure/DOM element acquisition method 02
duration： 21 minutes 21 seconds

Section3 Accessor attributes, scope/closure/DOM element acquisition method 03
duration： 19 minutes 45 seconds

Section4 DOM traversal, addition and deletion, custom attribute dataset operation 01
duration： 24 minutes 04 seconds

Section5 DOM traversal, addition and deletion, custom attribute dataset operation 02
duration： 23 minutes 44 seconds
Chapter12 0713-Details of event and form event practice
expand retract

Section1 Event registration and event proxy 01
duration： 20 minutes 07 seconds

Section2 Event registration and event proxy 02
duration： 21 minutes 25 seconds

Section3 Event registration and event proxy 03
duration： 21 minutes 13 seconds

Section4 Practical combat: form validation and mini message board 01
duration： 23 minutes 33 seconds

Section5 Practical combat: form validation and mini message board 02
duration： 24 minutes 34 seconds
Chapter13 0714-Ajax and two actual combats
expand retract

Section1 JSON and Ajax combat 01
duration： 22 minutes 12 seconds

Section2 JSON and Ajax combat 02
duration： 23 minutes 04 seconds

Section3 JSON and Ajax combat 03
duration： 23 minutes 33 seconds

Section4 Practical combat of tabs and lazy/lazy loading technology 01
duration： 25 minutes 13 seconds

Section5 Practical combat of tabs and lazy/lazy loading technology 02
duration： 24 minutes 43 seconds
Chapter14 0715-Practice: Carousel and Album Manager
expand retract

Section1 The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 01
duration： 23 minutes 42 seconds

Section2 The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 02
duration： 23 minutes 09 seconds

Section3 The principle and implementation of the classic carousel chart in practice (100-minute full version) 03
duration： 22 minutes 57 seconds

Section4 The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 04
duration： 25 minutes 50 seconds

Section5 Simple photo album manager (DOM operation) 01
duration： 14 minutes 21 seconds

Section6 Simple photo album manager (DOM operation) 02
duration： 15 minutes 36 seconds
Chapter15 0716-Practical combat: Shopping cart full selection and automatic calculation
expand retract

Section1 Practical shopping cart full selection and real-time calculation function 01
duration： 20 minutes 10 seconds

Section2 Practical shopping cart full selection and real-time calculation function 02
duration： 20 minutes 06 seconds

Section3 Practical shopping cart full selection and real-time calculation function 03
duration： 20 minutes 04 seconds

Section4 Practical shopping cart full selection and real-time calculation function 04
duration： 19 minutes 12 seconds

Section5 Harmless sharing and mutual encouragement 01
duration： 15 minutes 00 seconds

Section6 Harmless sharing and mutual encouragement 02
duration： 14 minutes 44 seconds
Chapter16 0719-jquery`$()`parameters and selectors
expand retract

Section1 jquery`$()`parameters and selectors01
duration： 21 minutes 41 seconds

Section2 jquery`$()`parameters and selectors02
duration： 23 minutes 10 seconds

Section3 jquery`$()`parameters and selectors03
duration： 21 minutes 01 seconds

Section4 jquery attribute operation 01
duration： 19 minutes 34 seconds

Section5 jquery attribute operation 02
duration： 20 minutes 26 seconds

Section6 jquery attribute operation 03
duration： 16 minutes 43 seconds
Chapter17 0720-jquery text operation, style attribute operation, effect
expand retract

Section1 jquery text operation, style attribute operation, effect 01
duration： 17 minutes 55 seconds

Section2 jquery text operation, style attribute operation, effect 02
duration： 20 minutes 05 seconds

Section3 jquery text operation, style attribute operation, effect 03
duration： 18 minutes 11 seconds

Section4 jquery node 01
duration： 22 minutes 57 seconds

Section5 jquery node 02
duration： 23 minutes 34 seconds

Section6 jquery node 03
duration： 23 minutes 50 seconds
Chapter18 0721-jQuery dom element operation
expand retract

Section1 jQuery dom element operation 01
duration： 19 minutes 47 seconds

Section2 jQuery dom element operation 02
duration： 16 minutes 08 seconds

Section3 jQuery dom element operation 03
duration： 20 minutes 06 seconds

Section4 Selector operations and mouse events 01
duration： 20 minutes 11 seconds

Section5 Selector operations and mouse events 02
duration： 20 minutes 08 seconds

Section6 Selector operations and mouse events 03
duration： 21 minutes 02 seconds
Chapter19 0722-Form events and keyboard events
expand retract

Section1 Form events and keyboard events 01
duration： 16 minutes 55 seconds

Section2 Form events and keyboard events 02
duration： 18 minutes 36 seconds

Section3 Form events and keyboard events 03
duration： 18 minutes 20 seconds

Section4 jquery $.get method 01
duration： 24 minutes 06 seconds

Section5 jquery $.get method 02
duration： 24 minutes 06 seconds

Section6 jquery $.get method 03
duration： 20 minutes 37 seconds
Chapter20 0723-jquert $.post request
expand retract

Section1 jquert $.post request 01
duration： 17 minutes 53 seconds

Section2 jquert $.post request 02
duration： 19 minutes 55 seconds

Section3 jquert $.post request 03
duration： 20 minutes 37 seconds

Section4 jquery $.ajax01
duration： 21 minutes 05 seconds

Section5 jquery $.ajax02
duration： 40 minutes 01 seconds

Section6 jquery $.ajax03
duration： 20 minutes 00 seconds
Chapter21 0726-bootstrap download and installation and bootstrap form
expand retract

Section1 bootstrap download and installation and bootstrap form 01
duration： 22 minutes 29 seconds

Section2 bootstrap download and installation and bootstrap form 02
duration： 17 minutes 43 seconds

Section3 bootstrap download and installation and bootstrap form 03
duration： 20 minutes 53 seconds

Section4 Responsive layout 01
duration： 25 minutes 46 seconds

Section5 Responsive layout 02
duration： 24 minutes 58 seconds
Chapter22 0728-Text layout
expand retract

Section1 Text layout 01
duration： 19 minutes 58 seconds

Section2 Text layout 02
duration： 17 minutes 27 seconds

Section3 Text layout 03
duration： 17 minutes 23 seconds

Section4 Buttons and Navigation 01
duration： 21 minutes 39 seconds

Section5 Buttons and Navigation 02
duration： 18 minutes 15 seconds

Section6 Buttons and Navigation 03
duration： 16 minutes 46 seconds
Chapter23 0729-Navigation bar, form, form element
expand retract

Section1 Navigation bar, form, form element 01
duration： 20 minutes 52 seconds

Section2 Navigation bar, form, form element 02
duration： 20 minutes 15 seconds

Section3 Navigation bar, form, form element 03
duration： 19 minutes 59 seconds

Section4 Alert box and modal box 01
duration： 24 minutes 50 seconds

Section5 Alert box and modal box 02
duration： 25 minutes 00 seconds
Chapter24 0730-css width, height, css margins, padding and jquery supplementary knowledge
expand retract

Section1 css width, height, css margins, padding and jquery supplementary knowledge 01
duration： 18 minutes 30 seconds

Section2 css width, height, css margins, padding and jquery supplementary knowledge 02
duration： 17 minutes 37 seconds

Section3 css width, height, css margins, padding and jquery supplementary knowledge 03
duration： 21 minutes 10 seconds

Section4 Practical combat: modify and delete 01
duration： 26 minutes 29 seconds

Section5 Practical combat: modify and delete 02
duration： 23 minutes 28 seconds

Data Name operate
[must see]0628 courseware source code Download

[must see]0629 source code Download

[must see]0630 source code Download

[must see]0701 source code Download

[must see]0702 source code Download

[must see]0705 source code Download

[must see]0706 source code Download

[must see]0707 source code Download

[must see]0708 source code Download

[must see]0709 source code Download

[must see]0712 source code Download

[must see]0713 source code Download

[must see]0714 source code Download

[must see]0715 source code Download

[must see]0716 source code Download

[must see]0719 source code Download

[must see]0720 source code Download

[must see]0721 source code Download

[must see]0722 source code Download

[must see]0723 source code Download

[must see]0726 source code Download

[must see]0728 source code Download

[must see]0729 source code Download

[must see]0730 source code Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5512
Collection
ElementaryCSS 2.0 Chinese Manual

6116
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

25478
Collection
AdvancedMake layout as fast as 5G: CSS Grid grid layout

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

163206
Collection
ElementaryBootstrap3 reference manual

3339
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9456
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5733
Collection
ElementaryjQuery_API_1.4.4 Manual

4225
Collection

Start Learning

This course includes：

01 days 21 hours 54 minutes 10 seconds Watch videos anytime

24 Download Resources

Popular courses Latest courses

More>