The second phase_The big front-end goes to work online
This issue is still a live broadcast teaching by industry experts, targeting students with zero basic knowledge, or students who have switched from back-end to front-end. The course design is divided into four stages, with a total of 50 learning days, based on the original HTML5+CSS3+JS+Vue3+Vant project. The currently most popular Vue3+Vite+TS+ElementPlus has been added to complete the multi-end development of mall front-end, mall back-end management system, mini-programs, APPs, etc. For detailed inquiries, please contact WeChat: phpcn01 (Teacher Yueyue)
471716
person learning
345
class hour
2023-07-28
update time
03 days23 Hours30 minutes29 seconds
Total course duration
好走路一定是下坡路,知难而进
You will learn
1. HTML5+CSS3+JavaScript / ES6 2. Node.js+NPM+Webpack+axios 3. Vue3+Vite+Vant+API interface+TypeScript+ElementPlus 4. Multi-terminal development of mall system (front-end + back-end + mini program + APP)
The second phase_The big front-end goes to work online
Section1 HTML common tags 01
20 minutes43 seconds
Section2 HTML common tags 02
18 minutes45 seconds
Section3 HTML common tags 03
14 minutes31 seconds
Section4 HTML lists, links, multimedia01
23 minutes24 seconds
Section5 HTML lists, links, multimedia02
22 minutes50 seconds
Section6 Form, table tag 01
26 minutes19 seconds
Section7 Form, table tag 02
23 minutes48 seconds
Section8 Introduction to front-end development and basic use of markdown
27 minutes55 seconds
Section9 Introduction to CSS, selectors 01
19 minutes01 seconds
Section10 Introduction to CSS, selectors 02
18 minutes21 seconds
Section11 Introduction to CSS, selectors 03
16 minutes14 seconds
Section12 Selector under 01
24 minutes31 seconds
Section13 Selector under 02
28 minutes20 seconds
Section14 CSS font properties, text properties 01
19 minutes16 seconds
Section15 CSS font properties, text properties 02
22 minutes10 seconds
Section16 CSS font properties, text properties 03
15 minutes08 seconds
Section17 Background, size, list, positioning01
23 minutes57 seconds
Section18 Background, size, list, positioning02
22 minutes27 seconds
Section19 Box model, telescopic box 01
18 minutes17 seconds
Section20 Box model, telescopic box 02
19 minutes34 seconds
Section21 Box model, telescopic box 03
16 minutes17 seconds
Section22 Positioning, floating 01
26 minutes50 seconds
Section23 Positioning, floating 02
27 minutes41 seconds
Section24 CSS3 new attributes, animated slideshow 01
20 minutes14 seconds
Section25 CSS3 new attributes, animated slideshow 02
21 minutes20 seconds
Section26 CSS3 new attributes, animated slideshow 03
19 minutes17 seconds
Section27 Layout architecture file, header layout 01
18 minutes02 seconds
Section28 Layout architecture file, header layout 02
19 minutes34 seconds
Section29 Public header layout implementation 01
17 minutes11 seconds
Section30 Public header layout implementation 02
17 minutes34 seconds
Section31 Public header layout implementation 03
17 minutes41 seconds
Section32 Home page content layout 01
19 minutes27 seconds
Section33 Home page content layout 02
18 minutes06 seconds
Section34 Home page content layout 03
19 minutes15 seconds
Section35 Product details page layout 01
19 minutes29 seconds
Section36 Product details page layout 02
21 minutes17 seconds
Section37 Product details page layout 03
14 minutes03 seconds
Section38 Product details page layout 04
22 minutes20 seconds
Section39 Product details page layout 05
23 minutes27 seconds
Section40 Shopping cart page and order page 01
17 minutes58 seconds
Section41 Shopping cart page and order page 02
18 minutes38 seconds
Section42 Shopping cart page and order page 03
20 minutes13 seconds
Section43 Order page, responsive layout 01
24 minutes16 seconds
Section44 Order page, responsive layout 02
24 minutes57 seconds
Section45 Responsive layout basic style and website header 01
19 minutes53 seconds
Section46 Responsive layout basic style and website header 02
16 minutes09 seconds
Section47 Responsive layout basic style and website header 03
19 minutes05 seconds
Section48 Home page responsive layout 01
22 minutes03 seconds
Section49 Home page responsive layout 02
23 minutes06 seconds
Section50 Introduction to JS, introduction methods, statements, output, etc. 01
19 minutes16 seconds
Section51 Introduction to JS, introduction methods, statements, output, etc. 02
21 minutes24 seconds
Section52 Introduction to JS, introduction methods, statements, output, etc. 03
19 minutes12 seconds
Section53 Operator 01
16 minutes51 seconds
Section54 Operator 02
20 minutes27 seconds
Section55 Operator 03
10 minutes15 seconds
Section56 Process control, function 01
21 minutes13 seconds
Section57 Process control, function 02
21 minutes18 seconds
Section58 Process control, function 03
18 minutes08 seconds
Section59 Function, object 01
17 minutes59 seconds
Section60 Function, object 02
15 minutes30 seconds
Section61 Function, object 03
14 minutes13 seconds
Section62 Use 01 for object and array declarations
22 minutes50 seconds
Section63 Object and array declarations use 02
17 minutes42 seconds
Section64 Object and array declarations use 03
19 minutes24 seconds
Section65 System object 01
18 minutes13 seconds
Section66 System Object 02
18 minutes22 seconds
Section67 System Object 03
11 minutes25 seconds
Section68 Event, window object 01
20 minutes46 seconds
Section69 Event, window object 02
22 minutes05 seconds
Section70 Event, window object 03
22 minutes10 seconds
Chapter1 Stage 1: Web development basics (HTML+CSS+JavaScript)
Section1 BOM01
15 minutes42 seconds
Section2 BOM02
19 minutes13 seconds
Section3 BOM03
12 minutes36 seconds
Section4 DOM, get document object collection 01
18 minutes13 seconds
Section5 DOM, get document object collection 02
18 minutes29 seconds
Section6 DOM, get document object collection 03
13 minutes34 seconds
Section7 Content operation, attribute operation, style operation, etc. 01
18 minutes26 seconds
Section8 Content operation, attribute operation, style operation, etc. 02
18 minutes23 seconds
Section9 Content operations, attribute operations, style operations, etc. 03
18 minutes24 seconds
Section10 Convert HTML elements to JS objects and understand nodes 01
16 minutes00 seconds
Section11 Convert HTML elements to JS objects and understand nodes 02
19 minutes58 seconds
Section12 Convert HTML elements to JS objects and understand nodes 03
15 minutes03 seconds
Section13 Location, animation 01
20 minutes11 seconds
Section14 Location, animation 02
17 minutes45 seconds
Section15 Location, animation 03
20 minutes09 seconds
Section16 event object 01
17 minutes30 seconds
Section17 event object 02
16 minutes52 seconds
Section18 event object 03
19 minutes13 seconds
Section19 Form event, animation encapsulation 01
16 minutes40 seconds
Section20 Form events, animation encapsulation 02
24 minutes06 seconds
Section21 Form events, animation encapsulation 03
13 minutes10 seconds
Section22 Introduction to ajax, get method request 01
22 minutes17 seconds
Section23 Introduction to ajax, get method request 02
21 minutes36 seconds
Section24 Introduction to ajax, get method request 03
22 minutes13 seconds
Section25 Project installation under ajax, introduction to twig basic syntax 01
20 minutes22 seconds
Section26 Project installation under ajax, introduction to twig basic syntax 02
20 minutes55 seconds
Chapter2 Stage 1: Web development basics (BOM/DOM+Ajax)
Section1 Home page, user login, registration verification 01
20 minutes07 seconds
Section2 Home page, user login, registration verification 02
20 minutes25 seconds
Section3 Home page, user login, registration verification 03
23 minutes36 seconds
Section4 Home navigation, slideshow 01
23 minutes31 seconds
Section5 Home navigation, slideshow 02
23 minutes25 seconds
Section6 Home page data, list page data 01
20 minutes48 seconds
Section7 Home page data, list page data 02
18 minutes57 seconds
Section8 Home page data, list page data 03
18 minutes02 seconds
Section9 Product list, product details 01
18 minutes24 seconds
Section10 Product list, product details 02
17 minutes11 seconds
Section11 Product list, product details 03
16 minutes07 seconds
Section12 Product details page (add to shopping cart, add to favorites) 01
17 minutes48 seconds
Section13 Product details page (add to shopping cart, add to favorites) 02
17 minutes18 seconds
Section14 Product details page (add to shopping cart, add to favorites) 03
18 minutes40 seconds
Section15 Product details (reviews) 01
17 minutes20 seconds
Section16 Product details (reviews) 02
17 minutes11 seconds
Section17 Product details (reviews) 03
15 minutes06 seconds
Section18 Product reviews, shopping cart 01
17 minutes15 seconds
Section19 Product reviews, shopping cart 02
18 minutes25 seconds
Section20 Product reviews, shopping cart 03
17 minutes03 seconds
Section21 End of shopping cart 01
19 minutes17 seconds
Section22 End of shopping cart 02
17 minutes55 seconds
Section23 End of shopping cart 03
17 minutes48 seconds
Chapter3 Web front-end actual combat (EWShop front-end PC complete set of template secondary development)
Section1 Course Introduction 01
20 minutes33 seconds
Section2 Course Introduction 02
20 minutes05 seconds
Section3 Course Introduction 03
18 minutes58 seconds
Section4 ES6 Basics 01
20 minutes45 seconds
Section5 ES6 Basics 02
21 minutes35 seconds
Section6 ES6 Basics 03
19 minutes48 seconds
Section7 ES6 Application-Zhong 01
21 minutes51 seconds
Section8 ES6 Application-Zhong 02
19 minutes41 seconds
Section9 ES6 Application-Zhong 03
19 minutes40 seconds
Section10 ES6 Application-Next 01
21 minutes18 seconds
Section11 ES6 Application-Next 02
21 minutes00 seconds
Section12 ES6 Application-Part 03
21 minutes13 seconds
Section13 node.js01
19 minutes50 seconds
Section14 node.js02
18 minutes02 seconds
Section15 node.js03
19 minutes48 seconds
Section16 NPM01
19 minutes16 seconds
Section17 NPM02
21 minutes54 seconds
Section18 NPM03
21 minutes01 seconds
Section19 webpack tool (Part 1) 01
20 minutes35 seconds
Section20 webpack tool (Part 1) 02
20 minutes21 seconds
Section21 webpack tool (Part 1) 03
18 minutes25 seconds
Section22 Webpack tool (medium) 01
21 minutes01 seconds
Section23 Webpack Tools (Part 2) 02
17 minutes16 seconds
Section24 Webpack Tools (Part 2) 03
16 minutes26 seconds
Chapter4 Phase 2: Web engineering development (Node+NPM+Webpack)
Section1 Webpack (Part 2) 01
21 minutes38 seconds
Section2 Webpack (Part 2) 02
19 minutes17 seconds
Section3 Webpack (Part 2) 03
23 minutes25 seconds
Section4 Axios Preschool Preparation 01
20 minutes20 seconds
Section5 Axios Preschool Preparation 02
20 minutes26 seconds
Section6 Axios Preschool Preparation 03
14 minutes04 seconds
Section7 Axios Application 01
17 minutes26 seconds
Section8 Axios App 02
18 minutes36 seconds
Section9 Axios Application 03
18 minutes17 seconds
Chapter5 Phase 2: Web engineering development (ES6+axios)
Section1 Vue first experience 01
21 minutes52 seconds
Section2 Vue first experience 02
20 minutes26 seconds
Section3 Vue first experience 03
18 minutes46 seconds
Section4 Vue scaffolding installation and directory structure 01
16 minutes10 seconds
Section5 Vue scaffolding installation and directory structure 02
20 minutes59 seconds
Section6 Vue scaffolding installation and directory structure 03
18 minutes13 seconds
Section7 How Vue works 01
20 minutes10 seconds
Section8 How Vue works 02
20 minutes59 seconds
Section9 How Vue works 03
17 minutes53 seconds
Section10 Vue template syntax (1) 01
20 minutes44 seconds
Section11 Vue template syntax (1) 02
21 minutes33 seconds
Section12 Vue template syntax (1) 03
19 minutes41 seconds
Section13 Vue template syntax (2) 01
18 minutes19 seconds
Section14 Vue template syntax (2) 02
20 minutes41 seconds
Section15 Vue template syntax (2) 03
15 minutes00 seconds
Section16 Vue template syntax (3) 01
20 minutes17 seconds
Section17 Vue template syntax (3) 02
19 minutes46 seconds
Section18 Vue template syntax (3) 03
22 minutes24 seconds
Section19 Vue component development (1) 01
18 minutes03 seconds
Section20 Vue component development (1) 02
17 minutes40 seconds
Section21 Vue component development (1) 03
19 minutes28 seconds
Section22 Component thinking 01
18 minutes45 seconds
Section23 Component thinking 02
18 minutes52 seconds
Section24 Component thinking 03
18 minutes17 seconds
Section25 Transferring data between components 01
21 minutes58 seconds
Section26 Transferring data between components 02
20 minutes29 seconds
Section27 Transferring data between components 03
21 minutes31 seconds
Section28 Vue component life cycle 01
21 minutes44 seconds
Section29 Vue component life cycle 02
19 minutes29 seconds
Section30 Vue component life cycle 03
19 minutes34 seconds
Section31 Get to know routing 01
18 minutes28 seconds
Section32 Understanding routing 02
18 minutes52 seconds
Section33 Understanding routing 03
19 minutes17 seconds
Section34 Vue routing (1) 01
21 minutes00 seconds
Section35 Vue routing (1) 02
17 minutes24 seconds
Section36 Vue routing (1) 03
18 minutes48 seconds
Section37 Vue routing (2) 01
19 minutes00 seconds
Section38 Vue routing (2) 02
17 minutes09 seconds
Section39 Vue routing (2) 03
17 minutes54 seconds
Section40 Status Management (Part 1) 01
18 minutes36 seconds
Section41 Status Management (Part 1) 02
23 minutes12 seconds
Section42 Status Management (Part 1) 03
15 minutes48 seconds
Section43 Status Management (Part 2) 01
18 minutes10 seconds
Section44 Status Management (Part 2) 02
19 minutes33 seconds
Section45 Status Management (Part 2) 03
19 minutes13 seconds
Section46 Combined API (1) 01
20 minutes22 seconds
Section47 Combined API (1) 02
20 minutes55 seconds
Section48 Combined API (1) 03
20 minutes08 seconds
Section49 Combined API (2) 01
18 minutes01 seconds
Section50 Combined API (2) 02
20 minutes21 seconds
Section51 Combined API (2) 03
16 minutes43 seconds
Section52 Combined API (3) 01
19 minutes04 seconds
Section53 Combined API (3) 02
19 minutes10 seconds
Section54 Combined API (3) 03
15 minutes06 seconds
Section55 Combined API (4) 01
22 minutes01 seconds
Section56 Combined API (4) 02
19 minutes27 seconds
Section57 Combined API (4) 03
21 minutes39 seconds
Chapter6 Stage 3: Web front-end advanced framework (Vue3 basics)
Section1 Project initialization (1) 01
18 minutes16 seconds
Section2 Project initialization (1) 02
18 minutes36 seconds
Section3 Project initialization (1) 03
22 minutes25 seconds
Section4 Project initialization (2) 01
20 minutes52 seconds
Section5 Project initialization (2) 02
21 minutes22 seconds
Section6 Project initialization (2) 03
16 minutes54 seconds
Section7 Develop navigation bar component 01
20 minutes12 seconds
Section8 Develop navigation bar component 02
24 minutes37 seconds
Section9 Develop navigation bar component 03
17 minutes12 seconds
Section10 Common component development 01
19 minutes35 seconds
Section11 Common component development 02
22 minutes09 seconds
Section12 Common component development 03
18 minutes25 seconds
Section13 Home tab and product display 01
20 minutes27 seconds
Section14 Home tab and product display 02
23 minutes05 seconds
Section15 Home tab and product display 03
16 minutes19 seconds
Section16 Pull up to load more 01
21 minutes44 seconds
Section17 Pull up to load more 02
18 minutes40 seconds
Section18 Pull up to load more 03
19 minutes18 seconds
Section19 Home page function is perfect 01
19 minutes49 seconds
Section20 Home page function is perfect 02
19 minutes32 seconds
Section21 Home page function is perfect 03
23 minutes08 seconds
Section22 Install and use component library 01
19 minutes08 seconds
Section23 Install and use component library 02
20 minutes09 seconds
Section24 Install and use component library 03
16 minutes50 seconds
Section25 Product Classification (Part 1) 01
20 minutes20 seconds
Section26 Product Classification (Part 1) 02
19 minutes58 seconds
Section27 Product Classification (Part 1) 03
19 minutes11 seconds
Section28 Product Classification (Part 2) 01
17 minutes54 seconds
Section29 Product Classification (Part 2) 02
24 minutes40 seconds
Section30 Product Classification (Part 2) 03
15 minutes42 seconds
Section31 Classification and details01
22 minutes00 seconds
Section32 Classification and details02
25 minutes06 seconds
Section33 Classification and details03
19 minutes20 seconds
Section34 Login and registration 01
17 minutes29 seconds
Section35 Login and registration 02
20 minutes58 seconds
Section36 Login and registration 03
18 minutes04 seconds
Section37 Login process refinement and project installation online 01
22 minutes30 seconds
Section38 Login process refinement and project installation online 02
18 minutes18 seconds
Section39 Login process refinement and project installation online 03
22 minutes08 seconds
Section40 Other project processes 01
17 minutes56 seconds
Section41 Other project processes 02
16 minutes50 seconds
Section42 Other project processes 03
17 minutes07 seconds
Chapter7 Vue3 actual combat (EWShop mobile terminal template development)
Section1 Project process introduction 01
21 minutes13 seconds
Section2 Project process introduction 02
23 minutes14 seconds
Section3 Code specification and initialization project 01
19 minutes55 seconds
Section4 Code specification and initialization project 02
20 minutes24 seconds
Section5 Code specification and initialization project 03
18 minutes46 seconds
Section6 Project initialization (Part 2) 01
17 minutes28 seconds
Section7 Project initialization (Part 2) 02
15 minutes53 seconds
Section8 Project initialization (Part 2) 03
14 minutes44 seconds
Section9 api and login logic 01
20 minutes30 seconds
Section10 api and login logic 02
20 minutes30 seconds
Section11 api and login logic 03
18 minutes33 seconds
Section12 Complete login logic 01
22 minutes47 seconds
Section13 Complete login logic 02
22 minutes36 seconds
Section14 Routing and Layout 01
18 minutes05 seconds
Section15 Routing and Layout 02
19 minutes13 seconds
Section16 Complete Layout01
18 minutes13 seconds
Section17 Complete Layout02
18 minutes40 seconds
Section18 Complete Layout03
12 minutes32 seconds
Section19 Complete sidebar and user list page 01
19 minutes12 seconds
Section20 Complete sidebar and user list page 02
20 minutes12 seconds
Section21 Complete sidebar and user list page 03
19 minutes53 seconds
Section22 Complete user list 01
16 minutes48 seconds
Section23 Complete user list 02
15 minutes37 seconds
Section24 Complete user list 03
18 minutes10 seconds
Section25 Complete user addition 01
18 minutes58 seconds
Section26 Complete user addition 02
20 minutes13 seconds
Section27 Complete user addition 03
16 minutes08 seconds
Section28 Complete user editing and adding 01
16 minutes05 seconds
Section29 Complete user editing and addition 02
16 minutes51 seconds
Section30 Complete user editing and addition 03
15 minutes41 seconds
Section31 Complete image upload 01
17 minutes39 seconds
Section32 Complete image upload 02
19 minutes31 seconds
Section33 Complete image upload 03
15 minutes41 seconds
Section34 Image upload packaging and rich text 01
20 minutes40 seconds
Section35 Image upload packaging and rich text 02
17 minutes09 seconds
Section36 Image upload packaging and rich text 03
08 minutes42 seconds
Section37 Rich text packaging 01
18 minutes20 seconds
Section38 Rich text packaging 02
18 minutes43 seconds
Section39 Deployment based on server and OSS01
15 minutes06 seconds
Section40 Deployment based on server and OSS02
15 minutes16 seconds
Section41 Deployment based on server and OSS03
15 minutes28 seconds
Section42 Deployment based on Serverless 01
22 minutes40 seconds
Section43 Deployment based on Serverless 02
21 minutes40 seconds
Section44 Code review 01
21 minutes31 seconds
Section45 Code review 02
23 minutes53 seconds
Chapter8 Stage 4: EWShop management platform (TypeScript + new version of Vite scaffolding)
Data Name
Big front-end phase 2 0426 source code
Download
Big front-end phase 2 0427 source code
Download
Big front-end phase 2 0428 source code
Download
Big front-end phase 2 0506 source code
Download
Big front-end phase 2 0507 source code
Download
Big front-end phase 2 0509 source code
Download
Big front-end phase 2 0510 source code
Download
Big front-end phase 2 0511 source code
Download
Big front-end phase 2 0512 source code
Download
Big front-end phase 2 0513 source code
Download
Big front-end phase 2 0516 source code
Download
Big front-end phase 2 0517 source code
Download
Big front-end phase 2 0518 source code
Download
Big front-end phase 2 0519 source code
Download
Big front-end phase 2 0520 source code
Download
Big front-end phase 2 0523 source code
Download
Big front-end phase 2 0524 source code
Download
Big front-end phase 2 0525 source code
Download
Big front-end phase 2 0526 source code
Download
Big front-end phase 2 0527 source code
Download
Big front-end phase 2 0530 source code
Download
Big front-end phase 2 0531 source code
Download
Big front-end phase 2 0601 source code
Download
Big front-end phase 2 0602 source code
Download
Big front-end phase 2 0606 source code
Download
Big front-end phase 2 0607 source code
Download
Big front-end phase 2 0608 source code
Download
Big front-end phase 2 0609 source code
Download
Big front-end phase 2 0610 source code
Download
Big front-end phase 2 0613 source code
Download
Big front-end phase 2 0614 source code
Download
Big front-end phase 2 0615 source code
Download
Big front-end phase 2 0616 source code
Download
Big front-end phase 2 0617 source code
Download
Big front-end phase 2 0620 source code
Download
Big front-end phase 2 0621 source code
Download
Big front-end phase 2 0622 source code
Download
Big front-end phase 2 0623 source code
Download
Big front-end phase 2 0624 source code
Download
Big front-end phase 2 0627 source code
Download
Big front-end phase 2 0628 source code
Download
Big front-end phase 2 0629 source code
Download
Big front-end phase 2 0630 source code
Download
Big front-end phase 2 0701 source code
Download
Big front-end phase 2 0704 source code
Download
Big front-end phase 2 0718 source code
Download
猪老湿 Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982553
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546665
Quick introduction to web front-end development
8 class hour
220790
Master PS video tutorials from scratch
268 class hour
1003288
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
