Name: Issue 11_Front-end Development
Uploaded: 2022-03-07T10:09:21+8:00
Duration: 2446 min 23 s
Description: Learning objectives: 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. Basics and practice of JavaScript and jQuery; 4. Basics and practice of LayUI

Chapter1Development environment and tools: VSCode and phpStudy installation and configuration
37 minutes50 seconds; markdown basic syntax
27 minutes56 seconds; Server installation and small leather panel operation
39 minutes58 seconds
Chapter2html5 basics: html5 document structure and attributes 1
26 minutes53 seconds; html5 document structure and attributes 2
28 minutes30 seconds; html5 document structure and attributes 3
26 minutes37 seconds; html5 document structure and attributes 4
26 minutes54 seconds
Chapter3html5 common elements: Semantic element 1
26 minutes41 seconds; Semantic element 2
34 minutes42 seconds; Semantic element 3
37 minutes37 seconds
Chapter4Detailed description of form controls: form control 1
33 minutes26 seconds; form control 2
32 minutes39 seconds; Form control 3
26 minutes06 seconds; form control 4
20 minutes31 seconds
Chapter5css and html documents: css and html documents 1
31 minutes04 seconds; css and html documents 2
34 minutes19 seconds; css and html documents 3
36 minutes16 seconds
Chapter6Detailed description of css selector: simple selector
28 minutes13 seconds; context selector
25 minutes16 seconds; Pseudo class selector 1
33 minutes20 seconds; Pseudo class selector 2
16 minutes22 seconds
Chapter7Font and text settings: Fonts and font icons 1
25 minutes58 seconds; Fonts and font icons 2
28 minutes41 seconds; text attribute 1
25 minutes54 seconds; text attribute 2
27 minutes39 seconds
Chapter8Box model and positioning: Detailed box model 1
28 minutes23 seconds; Detailed box model 2
35 minutes51 seconds; Floating and positioning 1
30 minutes35 seconds; Floating and positioning 2
24 minutes08 seconds
Chapter9Flex layout: Flex layout knowledge 1
35 minutes57 seconds; Flex layout knowledge 2
36 minutes20 seconds; Flex layout knowledge 3
24 minutes52 seconds; Flex layout knowledge 4
27 minutes17 seconds
Chapter10Flex practical small case: Project sequence small case
23 minutes50 seconds; PC layout reference plan
33 minutes18 seconds; flex mall layout 1
35 minutes56 seconds; flex mall layout 2
33 minutes28 seconds
Chapter11Grid layout basics: grid layout basics 1
24 minutes31 seconds; grid layout basics 2
16 minutes25 seconds; grid layout basics 3
20 minutes58 seconds; grid layout basics 4
22 minutes32 seconds; grid layout basics 5
25 minutes53 seconds; grid layout basics 6
13 minutes18 seconds
Chapter12grid layout case: grid layout case 1
28 minutes58 seconds; grid layout case 2
13 minutes21 seconds; grid layout case 3
22 minutes17 seconds; Introduction and layout summary of the actual project front-end page
33 minutes03 seconds
Chapter13JavaScript basic syntax: JavaScript basic syntax 1
28 minutes28 seconds; JavaScript basic syntax 2
24 minutes43 seconds; Variables/Scope in JavaScript
40 minutes59 seconds
Chapter14Detailed description of data types and JSON: Detailed description of data type 1
31 minutes48 seconds; Detailed description of data type 2
30 minutes04 seconds; JSON and JS object serialization
41 minutes27 seconds
Chapter15AJAX and FormData: Commonly used AJAX request types 1
27 minutes52 seconds; Commonly used AJAX request types 2
26 minutes28 seconds; A closer look at FormData and Ajax
42 minutes04 seconds
Chapter16Detailed description of cross-domain requests (CORS/JSONP): Describe the principles and practice of cross-domain requests 1
39 minutes21 seconds; Describe the principles and practice of cross-domain requests 2
34 minutes28 seconds; DOM manipulation 1
23 minutes28 seconds
Chapter17DOM operations and event mechanism: DOM common operations 1
30 minutes13 seconds; DOM common operations 2
32 minutes11 seconds; Describe event 1 in detail
23 minutes57 seconds; Describe event 4 in detail
23 minutes55 seconds
Chapter18JS actual combat: Classic comment management
23 minutes25 seconds; Principle and practice of tabs
25 minutes00 seconds; Element size and position
27 minutes57 seconds; Lazy loading
23 minutes04 seconds; Carousel image 1
22 minutes06 seconds; Carousel 2
21 minutes43 seconds
Chapter19jQuery basics and operation result processing: jQuery syntax and terminology 1
27 minutes50 seconds; jQuery syntax and terminology 2
34 minutes12 seconds; Processing of jQuery query results 1
24 minutes12 seconds; Processing of jQuery query results 2
21 minutes51 seconds
Chapter20DOM manipulation and filters: getter and setter operations 1
32 minutes36 seconds; getter and setter operations 2
26 minutes40 seconds; Common DOM operations and filters 1
25 minutes40 seconds; Common DOM operations and filters 2
18 minutes11 seconds
Chapter21Events and Ajax in practice: Events and ajax basics 1
30 minutes19 seconds; Events and ajax basics 2
31 minutes05 seconds; Ajax common operation methods
13 minutes21 seconds; Ajax non-refresh paging technology practice
32 minutes03 seconds
Chapter22layui basics: layui basic framework foundation 1
30 minutes23 seconds; layui basic framework foundation 2
34 minutes37 seconds; How to use layui form form elements
34 minutes48 seconds; Introduction to each component of layui and how to use it 1
29 minutes54 seconds; Introduction to each component of layui and how to use it 2
23 minutes27 seconds

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

Next Section：细说FormData与Ajax1285 plays

Issue 11_Front-end Development

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

Next Section： 细说FormData与Ajax1285 plays

Issue 11_Front-end Development

Allpost a note

Next Section：细说FormData与Ajax1285 plays