< Return
Box model, telescopic box 01
Chapter1 Stage 1: Web development basics (HTML+CSS+JavaScript)
1-1 HTML common tags 01
1-2 HTML common tags 02
1-3 HTML common tags 03
1-4 HTML lists, links, multimedia01
1-5 HTML lists, links, multimedia02
1-6 Form, table tag 01
1-7 Form, table tag 02
1-8 Introduction to front-end development and basic use of markdown
1-9 Introduction to CSS, selectors 01
1-10 Introduction to CSS, selectors 02
1-11 Introduction to CSS, selectors 03
1-12 Selector under 01
1-13 Selector under 02
1-14 CSS font properties, text properties 01
1-15 CSS font properties, text properties 02
1-16 CSS font properties, text properties 03
1-17 Background, size, list, positioning01
1-18 Background, size, list, positioning02
1-19 Box model, telescopic box 01
1-20 Box model, telescopic box 02
1-21 Box model, telescopic box 03
1-22 Positioning, floating 01
1-23 Positioning, floating 02
1-24 CSS3 new attributes, animated slideshow 01
1-25 CSS3 new attributes, animated slideshow 02
1-26 CSS3 new attributes, animated slideshow 03
1-27 Layout architecture file, header layout 01
1-28 Layout architecture file, header layout 02
1-29 Public header layout implementation 01
1-30 Public header layout implementation 02
1-31 Public header layout implementation 03
1-32 Home page content layout 01
1-33 Home page content layout 02
1-34 Home page content layout 03
1-35 Product details page layout 01
1-36 Product details page layout 02
1-37 Product details page layout 03
1-38 Product details page layout 04
1-39 Product details page layout 05
1-40 Shopping cart page and order page 01
1-41 Shopping cart page and order page 02
1-42 Shopping cart page and order page 03
1-43 Order page, responsive layout 01
1-44 Order page, responsive layout 02
1-45 Responsive layout basic style and website header 01
1-46 Responsive layout basic style and website header 02
1-47 Responsive layout basic style and website header 03
1-48 Home page responsive layout 01
1-49 Home page responsive layout 02
1-50 Introduction to JS, introduction methods, statements, output, etc. 01
1-51 Introduction to JS, introduction methods, statements, output, etc. 02
1-52 Introduction to JS, introduction methods, statements, output, etc. 03
1-53 Operator 01
1-54 Operator 02
1-55 Operator 03
1-56 Process control, function 01
1-57 Process control, function 02
1-58 Process control, function 03
1-59 Function, object 01
1-60 Function, object 02
1-61 Function, object 03
1-62 Use 01 for object and array declarations
1-63 Object and array declarations use 02
1-64 Object and array declarations use 03
1-65 System object 01
1-66 System Object 02
1-67 System Object 03
1-68 Event, window object 01
1-69 Event, window object 02
1-70 Event, window object 03
Chapter2 Stage 1: Web development basics (BOM/DOM+Ajax)
2-1 BOM01
2-2 BOM02
2-3 BOM03
2-4 DOM, get document object collection 01
2-5 DOM, get document object collection 02
2-6 DOM, get document object collection 03
2-7 Content operation, attribute operation, style operation, etc. 01
2-8 Content operation, attribute operation, style operation, etc. 02
2-9 Content operations, attribute operations, style operations, etc. 03
2-10 Convert HTML elements to JS objects and understand nodes 01
2-11 Convert HTML elements to JS objects and understand nodes 02
2-12 Convert HTML elements to JS objects and understand nodes 03
2-13 Location, animation 01
2-14 Location, animation 02
2-15 Location, animation 03
2-16 event object 01
2-17 event object 02
2-18 event object 03
2-19 Form event, animation encapsulation 01
2-20 Form events, animation encapsulation 02
2-21 Form events, animation encapsulation 03
2-22 Introduction to ajax, get method request 01
2-23 Introduction to ajax, get method request 02
2-24 Introduction to ajax, get method request 03
2-25 Project installation under ajax, introduction to twig basic syntax 01
2-26 Project installation under ajax, introduction to twig basic syntax 02
Chapter3 Web front-end actual combat (EWShop front-end PC complete set of template secondary development)
3-1 Home page, user login, registration verification 01
3-2 Home page, user login, registration verification 02
3-3 Home page, user login, registration verification 03
3-4 Home navigation, slideshow 01
3-5 Home navigation, slideshow 02
3-6 Home page data, list page data 01
3-7 Home page data, list page data 02
3-8 Home page data, list page data 03
3-9 Product list, product details 01
3-10 Product list, product details 02
3-11 Product list, product details 03
3-12 Product details page (add to shopping cart, add to favorites) 01
3-13 Product details page (add to shopping cart, add to favorites) 02
3-14 Product details page (add to shopping cart, add to favorites) 03
3-15 Product details (reviews) 01
3-16 Product details (reviews) 02
3-17 Product details (reviews) 03
3-18 Product reviews, shopping cart 01
3-19 Product reviews, shopping cart 02
3-20 Product reviews, shopping cart 03
3-21 End of shopping cart 01
3-22 End of shopping cart 02
3-23 End of shopping cart 03
Chapter4 Phase 2: Web engineering development (Node+NPM+Webpack)
4-1 Course Introduction 01
4-2 Course Introduction 02
4-3 Course Introduction 03
4-4 ES6 Basics 01
4-5 ES6 Basics 02
4-6 ES6 Basics 03
4-7 ES6 Application-Zhong 01
4-8 ES6 Application-Zhong 02
4-9 ES6 Application-Zhong 03
4-10 ES6 Application-Next 01
4-11 ES6 Application-Next 02
4-12 ES6 Application-Part 03
4-13 node.js01
4-14 node.js02
4-15 node.js03
4-16 NPM01
4-17 NPM02
4-18 NPM03
4-19 webpack tool (Part 1) 01
4-20 webpack tool (Part 1) 02
4-21 webpack tool (Part 1) 03
4-22 Webpack tool (medium) 01
4-23 Webpack Tools (Part 2) 02
4-24 Webpack Tools (Part 2) 03
Chapter5 Phase 2: Web engineering development (ES6+axios)
Chapter6 Stage 3: Web front-end advanced framework (Vue3 basics)
6-1 Vue first experience 01
6-2 Vue first experience 02
6-3 Vue first experience 03
6-4 Vue scaffolding installation and directory structure 01
6-5 Vue scaffolding installation and directory structure 02
6-6 Vue scaffolding installation and directory structure 03
6-7 How Vue works 01
6-8 How Vue works 02
6-9 How Vue works 03
6-10 Vue template syntax (1) 01
6-11 Vue template syntax (1) 02
6-12 Vue template syntax (1) 03
6-13 Vue template syntax (2) 01
6-14 Vue template syntax (2) 02
6-15 Vue template syntax (2) 03
6-16 Vue template syntax (3) 01
6-17 Vue template syntax (3) 02
6-18 Vue template syntax (3) 03
6-19 Vue component development (1) 01
6-20 Vue component development (1) 02
6-21 Vue component development (1) 03
6-22 Component thinking 01
6-23 Component thinking 02
6-24 Component thinking 03
6-25 Transferring data between components 01
6-26 Transferring data between components 02
6-27 Transferring data between components 03
6-28 Vue component life cycle 01
6-29 Vue component life cycle 02
6-30 Vue component life cycle 03
6-31 Get to know routing 01
6-32 Understanding routing 02
6-33 Understanding routing 03
6-34 Vue routing (1) 01
6-35 Vue routing (1) 02
6-36 Vue routing (1) 03
6-37 Vue routing (2) 01
6-38 Vue routing (2) 02
6-39 Vue routing (2) 03
6-40 Status Management (Part 1) 01
6-41 Status Management (Part 1) 02
6-42 Status Management (Part 1) 03
6-43 Status Management (Part 2) 01
6-44 Status Management (Part 2) 02
6-45 Status Management (Part 2) 03
6-46 Combined API (1) 01
6-47 Combined API (1) 02
6-48 Combined API (1) 03
6-49 Combined API (2) 01
6-50 Combined API (2) 02
6-51 Combined API (2) 03
6-52 Combined API (3) 01
6-53 Combined API (3) 02
6-54 Combined API (3) 03
6-55 Combined API (4) 01
6-56 Combined API (4) 02
6-57 Combined API (4) 03
Chapter7 Vue3 actual combat (EWShop mobile terminal template development)
7-1 Project initialization (1) 01
7-2 Project initialization (1) 02
7-3 Project initialization (1) 03
7-4 Project initialization (2) 01
7-5 Project initialization (2) 02
7-6 Project initialization (2) 03
7-7 Develop navigation bar component 01
7-8 Develop navigation bar component 02
7-9 Develop navigation bar component 03
7-10 Common component development 01
7-11 Common component development 02
7-12 Common component development 03
7-13 Home tab and product display 01
7-14 Home tab and product display 02
7-15 Home tab and product display 03
7-16 Pull up to load more 01
7-17 Pull up to load more 02
7-18 Pull up to load more 03
7-19 Home page function is perfect 01
7-20 Home page function is perfect 02
7-21 Home page function is perfect 03
7-22 Install and use component library 01
7-23 Install and use component library 02
7-24 Install and use component library 03
7-25 Product Classification (Part 1) 01
7-26 Product Classification (Part 1) 02
7-27 Product Classification (Part 1) 03
7-28 Product Classification (Part 2) 01
7-29 Product Classification (Part 2) 02
7-30 Product Classification (Part 2) 03
7-31 Classification and details01
7-32 Classification and details02
7-33 Classification and details03
7-34 Login and registration 01
7-35 Login and registration 02
7-36 Login and registration 03
7-37 Login process refinement and project installation online 01
7-38 Login process refinement and project installation online 02
7-39 Login process refinement and project installation online 03
7-40 Other project processes 01
7-41 Other project processes 02
7-42 Other project processes 03
Chapter8 Stage 4: EWShop management platform (TypeScript + new version of Vite scaffolding)
8-1 Project process introduction 01
8-2 Project process introduction 02
8-3 Code specification and initialization project 01
8-4 Code specification and initialization project 02
8-5 Code specification and initialization project 03
8-6 Project initialization (Part 2) 01
8-7 Project initialization (Part 2) 02
8-8 Project initialization (Part 2) 03
8-9 api and login logic 01
8-10 api and login logic 02
8-11 api and login logic 03
8-12 Complete login logic 01
8-13 Complete login logic 02
8-14 Routing and Layout 01
8-15 Routing and Layout 02
8-16 Complete Layout01
8-17 Complete Layout02
8-18 Complete Layout03
8-19 Complete sidebar and user list page 01
8-20 Complete sidebar and user list page 02
8-21 Complete sidebar and user list page 03
8-22 Complete user list 01
8-23 Complete user list 02
8-24 Complete user list 03
8-25 Complete user addition 01
8-26 Complete user addition 02
8-27 Complete user addition 03
8-28 Complete user editing and adding 01
8-29 Complete user editing and addition 02
8-30 Complete user editing and addition 03
8-31 Complete image upload 01
8-32 Complete image upload 02
8-33 Complete image upload 03
8-34 Image upload packaging and rich text 01
8-35 Image upload packaging and rich text 02
8-36 Image upload packaging and rich text 03
8-37 Rich text packaging 01
8-38 Rich text packaging 02
8-39 Deployment based on server and OSS01
8-40 Deployment based on server and OSS02
8-41 Deployment based on server and OSS03
8-42 Deployment based on Serverless 01
8-43 Deployment based on Serverless 02
8-44 Code review 01
8-45 Code review 02
- Course Recommendations
- Courseware download
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
Students who have watched this course are also learning
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)

















