Name: Issue 16_Front-end Development
Uploaded: 2022-03-28T19:01:51+8:00
Duration: 2754 min 10 s
Description: 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

Chapter10628-First lesson of school: Learning environment (browser and editor) configuration 01
20 minutes14 seconds; Learning environment (browser and editor) configuration 02
19 minutes46 seconds; Learning environment (browser and editor) configuration 03
19 minutes33 seconds; How to write homework and HTTP knowledge 01
20 minutes48 seconds; How to write homework and HTTP knowledge 02
19 minutes32 seconds; How to write homework and HTTP knowledge 03
19 minutes56 seconds
Chapter20629-Common tags and attributes: Labels, Attributes and Layout Elements 1, 2, 3-01
18 minutes24 seconds; Tags, attributes and layout elements 1, 2, 3-02
17 minutes14 seconds; Tags, attributes and layout elements 1, 2, 3-03
21 minutes00 seconds; Detailed Lists and Tables (Practice) 1, 2-01
17 minutes26 seconds; Detailed list and table (practical) 1, 2-02
17 minutes27 seconds; Detailed list and table (practical) 1, 2-03
17 minutes44 seconds
Chapter30630-Form/Framework/CSS Basics: Form and frame elements 01
19 minutes50 seconds; Form and frame elements 02
19 minutes29 seconds; Form and frame elements 03
19 minutes42 seconds; CSS style sources and selectors 1-01
25 minutes05 seconds; CSS style sources and selectors 1-02
24 minutes37 seconds
Chapter40701-Pseudo class, font icon and box model: Pseudo classes and font icons, layout principles 01
23 minutes08 seconds; Pseudo classes and font icons, layout principles 02
20 minutes30 seconds; Pseudo classes and font icons, layout principles 03
25 minutes51 seconds; Box model calculation method and common units 01
19 minutes31 seconds; Box model calculation method and common units 02
19 minutes05 seconds
Chapter50702-Positioning and practical cases: Relative units, positioning principles and applications 01
19 minutes21 seconds; Relative units, positioning principles and applications 02
21 minutes02 seconds; Relative units, positioning principles and applications 03
19 minutes04 seconds; Relative units, positioning principles and applications 04
20 minutes25 seconds; Bit layout practice: modal box and three-column layout 01
25 minutes23 seconds; Bit layout practice: modal box and three-column layout 02
26 minutes50 seconds
Chapter60705-flex elastic layout common properties: Common properties of flex container 01
17 minutes59 seconds; Common properties of flex container 02
16 minutes52 seconds; Common properties of flex container 03
19 minutes57 seconds; Common properties of flex projects 01
25 minutes08 seconds; Common properties of flex projects 02
27 minutes01 seconds
Chapter70706-flex in action: Somedong mobile terminal homepage: Actual overall layout of header and footer 01
19 minutes43 seconds; Practical overall layout of header and footer 02
20 minutes27 seconds; Practical overall layout of header and footer 03
23 minutes15 seconds; Actual overall layout of header and footer 04
16 minutes23 seconds; Practical main navigation and product recommendation module 01
24 minutes28 seconds; Practical main navigation and product recommendation module 02
24 minutes31 seconds
Chapter80707-JS variables and functions common sense: Variable, constant, data type 01
22 minutes26 seconds; Variable, constant, data type 02
22 minutes32 seconds; Variables, constants, data types 03
21 minutes41 seconds; Function parameters/return values, arrow functions and IIFE functions 01
25 minutes11 seconds; Function parameters/return values, arrow functions and IIFE functions 02
25 minutes00 seconds
Chapter90708-Tag function, destructuring and object programming: Higher-order functions and label functions 01
22 minutes01 seconds; Higher-order functions and label functions 02
20 minutes15 seconds; Higher-order functions and label functions 03
23 minutes34 seconds; Destructuring assignment and simplification of object literals 01
21 minutes51 seconds; Destructuring assignment and simplification of object literals 02
22 minutes06 seconds
Chapter100709-JS strings, arrays and process control: Introduction to commonly used string and array methods 01
23 minutes07 seconds; Introduction to commonly used string and array methods 02
23 minutes58 seconds; Introduction to commonly used string and array methods 03
23 minutes25 seconds; Branching and Looping of Process Control 01; Branching and Looping of Process Control 02
Chapter110712-Basics of DOM operations in JS: Accessor properties, scope/closure/DOM element acquisition method 01
19 minutes53 seconds; Accessor properties, scope/closure/DOM element acquisition method 02
21 minutes21 seconds; Accessor attributes, scope/closure/DOM element acquisition method 03
19 minutes45 seconds; DOM traversal, addition and deletion, custom attribute dataset operation 01
24 minutes04 seconds; DOM traversal, addition and deletion, custom attribute dataset operation 02
23 minutes44 seconds
Chapter120713-Details of event and form event practice: Event registration and event proxy 01
20 minutes07 seconds; Event registration and event proxy 02
21 minutes25 seconds; Event registration and event proxy 03
21 minutes13 seconds; Practical combat: form validation and mini message board 01
23 minutes33 seconds; Practical combat: form validation and mini message board 02
24 minutes34 seconds
Chapter130714-Ajax and two actual combats: JSON and Ajax combat 01
22 minutes12 seconds; JSON and Ajax combat 02
23 minutes04 seconds; JSON and Ajax combat 03
23 minutes33 seconds; Practical combat of tabs and lazy/lazy loading technology 01
25 minutes13 seconds; Practical combat of tabs and lazy/lazy loading technology 02
24 minutes43 seconds
Chapter140715-Practice: Carousel and Album Manager: The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 01
23 minutes42 seconds; The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 02
23 minutes09 seconds; The principle and implementation of the classic carousel chart in practice (100-minute full version) 03
22 minutes57 seconds; The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 04
25 minutes50 seconds; Simple photo album manager (DOM operation) 01
14 minutes21 seconds; Simple photo album manager (DOM operation) 02
15 minutes36 seconds
Chapter150716-Practical combat: Shopping cart full selection and automatic calculation: Practical shopping cart full selection and real-time calculation function 01
20 minutes10 seconds; Practical shopping cart full selection and real-time calculation function 02
20 minutes06 seconds; Practical shopping cart full selection and real-time calculation function 03
20 minutes04 seconds; Practical shopping cart full selection and real-time calculation function 04
19 minutes12 seconds; Harmless sharing and mutual encouragement 01
15 minutes00 seconds; Harmless sharing and mutual encouragement 02
14 minutes44 seconds
Chapter160719-jquery`$()`parameters and selectors: jquery`$()`parameters and selectors01
21 minutes41 seconds; jquery`$()`parameters and selectors02
23 minutes10 seconds; jquery`$()`parameters and selectors03
21 minutes01 seconds; jquery attribute operation 01
19 minutes34 seconds; jquery attribute operation 02
20 minutes26 seconds; jquery attribute operation 03
16 minutes43 seconds
Chapter170720-jquery text operation, style attribute operation, effect: jquery text operation, style attribute operation, effect 01
17 minutes55 seconds; jquery text operation, style attribute operation, effect 02
20 minutes05 seconds; jquery text operation, style attribute operation, effect 03
18 minutes11 seconds; jquery node 01
22 minutes57 seconds; jquery node 02
23 minutes34 seconds; jquery node 03
23 minutes50 seconds
Chapter180721-jQuery dom element operation: jQuery dom element operation 01
19 minutes47 seconds; jQuery dom element operation 02
16 minutes08 seconds; jQuery dom element operation 03
20 minutes06 seconds; Selector operations and mouse events 01
20 minutes11 seconds; Selector operations and mouse events 02
20 minutes08 seconds; Selector operations and mouse events 03
21 minutes02 seconds
Chapter190722-Form events and keyboard events: Form events and keyboard events 01
16 minutes55 seconds; Form events and keyboard events 02
18 minutes36 seconds; Form events and keyboard events 03
18 minutes20 seconds; jquery $.get method 01
24 minutes06 seconds; jquery $.get method 02
24 minutes06 seconds; jquery $.get method 03
20 minutes37 seconds
Chapter200723-jquert $.post request: jquert $.post request 01
17 minutes53 seconds; jquert $.post request 02
19 minutes55 seconds; jquert $.post request 03
20 minutes37 seconds; jquery $.ajax01
21 minutes05 seconds; jquery $.ajax02
40 minutes01 seconds; jquery $.ajax03
20 minutes00 seconds
Chapter210726-bootstrap download and installation and bootstrap form: bootstrap download and installation and bootstrap form 01
22 minutes29 seconds; bootstrap download and installation and bootstrap form 02
17 minutes43 seconds; bootstrap download and installation and bootstrap form 03
20 minutes53 seconds; Responsive layout 01
25 minutes46 seconds; Responsive layout 02
24 minutes58 seconds
Chapter220728-Text layout: Text layout 01
19 minutes58 seconds; Text layout 02
17 minutes27 seconds; Text layout 03
17 minutes23 seconds; Buttons and Navigation 01
21 minutes39 seconds; Buttons and Navigation 02
18 minutes15 seconds; Buttons and Navigation 03
16 minutes46 seconds
Chapter230729-Navigation bar, form, form element: Navigation bar, form, form element 01
20 minutes52 seconds; Navigation bar, form, form element 02
20 minutes15 seconds; Navigation bar, form, form element 03
19 minutes59 seconds; Alert box and modal box 01
24 minutes50 seconds; Alert box and modal box 02
25 minutes00 seconds
Chapter240730-css width, height, css margins, padding and jquery supplementary knowledge: css width, height, css margins, padding and jquery supplementary knowledge 01
18 minutes30 seconds; css width, height, css margins, padding and jquery supplementary knowledge 02
17 minutes37 seconds; css width, height, css margins, padding and jquery supplementary knowledge 03
21 minutes10 seconds; Practical combat: modify and delete 01
26 minutes29 seconds; Practical combat: modify and delete 02
23 minutes28 seconds

部分浏览器不支持，请下载APP观看

Next Section：导航栏、表单、表单元素03789 plays

Issue 16_Front-end Development

部分浏览器不支持，请下载APP观看

Next Section： 导航栏、表单、表单元素03789 plays

Issue 16_Front-end Development

Allpost a note

Next Section：导航栏、表单、表单元素03789 plays