Issue 17_Front-end Development
1. Basic knowledge and practice of HTML5+CSS3; 2. Basics of JavaScript, Node.js, and Vue3; 3. Practice: mobile layout (JD M terminal), classic carousel images, lazy loading and optimization, tabs, online photo albums, Shopping cart automatic calculation and stage assessment.
77857
person learning
60
class hour
2023-07-28
update time
21 Hours21 minutes37 seconds
Total course duration
认证高级PHP讲师
You will learn
1.HTML+CSS Practice the layout of back-end modules and consolidate the basic knowledge of html and css 2.JavaScript+Node.js+Vue3 Basic grammar, practical application
Issue 17_Front-end Development
Section1 Course introduction, development environment and VSCODE common plug-ins 01
19 minutes55 seconds
Section2 Course introduction, development environment and VSCODE common plug-ins 02
20 minutes06 seconds
Section3 Course introduction, development environment and VSCODE common plug-ins 03
20 minutes06 seconds
Section4 markdown and emmet syntax 01
22 minutes35 seconds
Section5 markdown and emmet syntax 02
23 minutes26 seconds
Chapter1 First lesson of school
Section1 Document structure and layout tag usage skills and link and image tags and application scenarios 01
23 minutes53 seconds
Section2 Document structure and layout tag usage skills and link and image tags and application scenarios 02
25 minutes03 seconds
Section3 Lists and navigation, tables and practice, inline frames and website backend layout 01
20 minutes04 seconds
Section4 Lists and navigation, tables and practice, inline frames and website backend layout 02
20 minutes13 seconds
Section5 Lists and navigation, tables and practice, inline frames and website backend layout 03
17 minutes53 seconds
Chapter2 Commonly used HTML tags
Section1 Detailed knowledge of form elements 01
24 minutes45 seconds
Section2 Detailed knowledge of form elements 02
22 minutes17 seconds
Section3 css syntax/selector weight/context selector 01
18 minutes40 seconds
Section4 css syntax/selector weight/context selector 02
21 minutes02 seconds
Section5 css syntax/selector weight/context selector 03
15 minutes29 seconds
Chapter3 Form elements, CSS selectors and box models, etc.
Section1 Pseudo classes and font icons, box model common sense 01
20 minutes16 seconds
Section2 Pseudo classes and font icons, box model common sense 02
19 minutes59 seconds
Section3 Pseudo classes and font icons, box model common sense 03
22 minutes09 seconds
Section4 Detailed box model, common units, media query 01
20 minutes14 seconds
Section5 Detailed box model, common units, media query 02
20 minutes27 seconds
Section6 Detailed box model, common units, media query 03
19 minutes50 seconds
Section7 Detailed box model, common units, media query 04
18 minutes26 seconds
Chapter4 Pseudo classes/font icons/box models/media queries/common element styles, etc.
Section1 Commonly used element styles and positioning practice 01
23 minutes14 seconds
Section2 Commonly used element styles and positioning practice 02
23 minutes41 seconds
Section3 Commonly used element styles and positioning practice 03
23 minutes34 seconds
Section4 Flex layout and common attributes + grid layout and common attributes (example) 01
25 minutes23 seconds
Section5 Flex layout and common attributes + grid layout and common attributes (example) 02
25 minutes07 seconds
Section6 Flex layout and common attributes + grid layout and common attributes (example) 03
24 minutes57 seconds
Section7 Flex layout and common attributes + grid layout and common attributes (example) 04
24 minutes03 seconds
Chapter5 Common element styles/positioning/flex/grid layout
Section1 JD.com M terminal home page layout analysis and practice 01
20 minutes11 seconds
Section2 JD.com M terminal home page layout analysis and practice 02
20 minutes02 seconds
Section3 JD.com M terminal home page layout analysis and practice 03
20 minutes09 seconds
Section4 JD.com M terminal homepage layout analysis and practical implementation 04
22 minutes03 seconds
Section5 JS initial test: Where is the JS code written? How to quote it? 01
16 minutes06 seconds
Section6 JS initial test: Where is the JS code written? How to quote it? 02
13 minutes21 seconds
Chapter6 Jingdong homepage layout and JS basics 1
Section1 Variables, constants, data types and detailed functions and parameters 01
18 minutes32 seconds
Section2 Variables, constants, data types and detailed functions and parameters 02
18 minutes30 seconds
Section3 Variables, constants, data types and detailed functions and parameters 03
18 minutes31 seconds
Section4 Variables, constants, data types and detailed functions and parameters 04
20 minutes09 seconds
Section5 Scope/scope chain/closure and template string and label function 01
19 minutes19 seconds
Section6 Scope/scope chain/closure and template string and label function 02
20 minutes01 seconds
Section7 Scope/scope chain/closure and template string and label function 03
19 minutes41 seconds
Chapter7 js syntax basics: variables/data types/functions/scopes/closures/template strings
Section1 Branching and Simplification
21 minutes58 seconds
Section2 Loops and traversals
22 minutes21 seconds
Section3 accessor properties
23 minutes08 seconds
Section4 DOM element addition, deletion, modification and dataset and classList objects 01
19 minutes11 seconds
Section5 DOM element addition, deletion, modification and dataset and classList objects 02
19 minutes13 seconds
Section6 DOM element addition, deletion, modification and dataset and classList objects 03
18 minutes28 seconds
Chapter8 Process control and DOM manipulation
Section1 JS execution mechanism and asynchronous tasks and detailed event model and form events 01
23 minutes23 seconds
Section2 JS execution mechanism and asynchronous tasks and detailed event model and form events 02
23 minutes24 seconds
Section3 JS execution mechanism and asynchronous tasks and detailed event model and form events 03
25 minutes27 seconds
Section4 Fetch and axios examples explained 01
25 minutes02 seconds
Section5 Fetch and axios examples explained 02
24 minutes51 seconds
Chapter9 Describe events and asynchronous operations in detail
Section1 Tabs and Online Photo Albums 01
19 minutes17 seconds
Section2 Tabs and Online Photo Albums 02
18 minutes54 seconds
Section3 Tabs and Online Photo Albums 03
21 minutes13 seconds
Section4 Classic carousel chart and shopping cart automatic calculation 01
25 minutes06 seconds
Section5 Classic carousel chart and shopping cart automatic calculation 02
25 minutes38 seconds
Section6 Classic carousel chart and shopping cart automatic calculation 03
25 minutes10 seconds
Section7 Classic carousel and shopping cart automatic calculation 04
26 minutes31 seconds
Chapter10 JS classic practical cases
Data Name
17_0917 source code
Download
17_0918 source code
Download
17-0922 source code
Download
17-0923 source code
Download
17-0924 source code
Download
17-0926 source code
Download
17-0927 source code
Download
17-0927 source code
Download
0928 courseware
Download
17-0929 source code
Download
17-0930 source code
Download
PHP中文网 Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2987980
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
547891
Quick introduction to web front-end development
8 class hour
221062
Master PS video tutorials from scratch
268 class hour
1008564
Latest courses
[Web front-end] Node.js quick start
16 class hour
17028
Complete collection of foreign web development full-stack courses
12 class hour
13706
Go language practical GraphQL
10 class hour
11245
550W fan master learns JavaScript from scratch step by step
1 class hour
1294










![The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]](https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png)

