The second phase_The big front-end goes to work online

• 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)
• 5-1 Webpack (Part 2) 01
• 5-2 Webpack (Part 2) 02
• 5-3 Webpack (Part 2) 03
• 5-4 Axios Preschool Preparation 01
• 5-5 Axios Preschool Preparation 02
• 5-6 Axios Preschool Preparation 03
• 5-7 Axios Application 01
• 5-8 Axios App 02
• 5-9 Axios Application 03
• 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