Name: The second phase_The big front-end goes to work online
Uploaded: 2022-11-22T10:06:02+8:00
Duration: 5730 min 29 s

Chapter1Stage 1: Web development basics (HTML+CSS+JavaScript): HTML common tags 01
20 minutes43 seconds; HTML common tags 02
18 minutes45 seconds; HTML common tags 03
14 minutes31 seconds; HTML lists, links, multimedia01
23 minutes24 seconds; HTML lists, links, multimedia02
22 minutes50 seconds; Form, table tag 01
26 minutes19 seconds; Form, table tag 02
23 minutes48 seconds; Introduction to front-end development and basic use of markdown
27 minutes55 seconds; Introduction to CSS, selectors 01
19 minutes01 seconds; Introduction to CSS, selectors 02
18 minutes21 seconds; Introduction to CSS, selectors 03
16 minutes14 seconds; Selector under 01
24 minutes31 seconds; Selector under 02
28 minutes20 seconds; CSS font properties, text properties 01
19 minutes16 seconds; CSS font properties, text properties 02
22 minutes10 seconds; CSS font properties, text properties 03
15 minutes08 seconds; Background, size, list, positioning01
23 minutes57 seconds; Background, size, list, positioning02
22 minutes27 seconds; Box model, telescopic box 01
18 minutes17 seconds; Box model, telescopic box 02
19 minutes34 seconds; Box model, telescopic box 03
16 minutes17 seconds; Positioning, floating 01
26 minutes50 seconds; Positioning, floating 02
27 minutes41 seconds; CSS3 new attributes, animated slideshow 01
20 minutes14 seconds; CSS3 new attributes, animated slideshow 02
21 minutes20 seconds; CSS3 new attributes, animated slideshow 03
19 minutes17 seconds; Layout architecture file, header layout 01
18 minutes02 seconds; Layout architecture file, header layout 02
19 minutes34 seconds; Public header layout implementation 01
17 minutes11 seconds; Public header layout implementation 02
17 minutes34 seconds; Public header layout implementation 03
17 minutes41 seconds; Home page content layout 01
19 minutes27 seconds; Home page content layout 02
18 minutes06 seconds; Home page content layout 03
19 minutes15 seconds; Product details page layout 01
19 minutes29 seconds; Product details page layout 02
21 minutes17 seconds; Product details page layout 03
14 minutes03 seconds; Product details page layout 04
22 minutes20 seconds; Product details page layout 05
23 minutes27 seconds; Shopping cart page and order page 01
17 minutes58 seconds; Shopping cart page and order page 02
18 minutes38 seconds; Shopping cart page and order page 03
20 minutes13 seconds; Order page, responsive layout 01
24 minutes16 seconds; Order page, responsive layout 02
24 minutes57 seconds; Responsive layout basic style and website header 01
19 minutes53 seconds; Responsive layout basic style and website header 02
16 minutes09 seconds; Responsive layout basic style and website header 03
19 minutes05 seconds; Home page responsive layout 01
22 minutes03 seconds; Home page responsive layout 02
23 minutes06 seconds; Introduction to JS, introduction methods, statements, output, etc. 01
19 minutes16 seconds; Introduction to JS, introduction methods, statements, output, etc. 02
21 minutes24 seconds; Introduction to JS, introduction methods, statements, output, etc. 03
19 minutes12 seconds; Operator 01
16 minutes51 seconds; Operator 02
20 minutes27 seconds; Operator 03
10 minutes15 seconds; Process control, function 01
21 minutes13 seconds; Process control, function 02
21 minutes18 seconds; Process control, function 03
18 minutes08 seconds; Function, object 01
17 minutes59 seconds; Function, object 02
15 minutes30 seconds; Function, object 03
14 minutes13 seconds; Use 01 for object and array declarations
22 minutes50 seconds; Object and array declarations use 02
17 minutes42 seconds; Object and array declarations use 03
19 minutes24 seconds; System object 01
18 minutes13 seconds; System Object 02
18 minutes22 seconds; System Object 03
11 minutes25 seconds; Event, window object 01
20 minutes46 seconds; Event, window object 02
22 minutes05 seconds; Event, window object 03
22 minutes10 seconds
Chapter2Stage 1: Web development basics (BOM/DOM+Ajax): BOM01
15 minutes42 seconds; BOM02
19 minutes13 seconds; BOM03
12 minutes36 seconds; DOM, get document object collection 01
18 minutes13 seconds; DOM, get document object collection 02
18 minutes29 seconds; DOM, get document object collection 03
13 minutes34 seconds; Content operation, attribute operation, style operation, etc. 01
18 minutes26 seconds; Content operation, attribute operation, style operation, etc. 02
18 minutes23 seconds; Content operations, attribute operations, style operations, etc. 03
18 minutes24 seconds; Convert HTML elements to JS objects and understand nodes 01
16 minutes00 seconds; Convert HTML elements to JS objects and understand nodes 02
19 minutes58 seconds; Convert HTML elements to JS objects and understand nodes 03
15 minutes03 seconds; Location, animation 01
20 minutes11 seconds; Location, animation 02
17 minutes45 seconds; Location, animation 03
20 minutes09 seconds; event object 01
17 minutes30 seconds; event object 02
16 minutes52 seconds; event object 03
19 minutes13 seconds; Form event, animation encapsulation 01
16 minutes40 seconds; Form events, animation encapsulation 02
24 minutes06 seconds; Form events, animation encapsulation 03
13 minutes10 seconds; Introduction to ajax, get method request 01
22 minutes17 seconds; Introduction to ajax, get method request 02
21 minutes36 seconds; Introduction to ajax, get method request 03
22 minutes13 seconds; Project installation under ajax, introduction to twig basic syntax 01
20 minutes22 seconds; Project installation under ajax, introduction to twig basic syntax 02
20 minutes55 seconds
Chapter3Web front-end actual combat (EWShop front-end PC complete set of template secondary development): Home page, user login, registration verification 01
20 minutes07 seconds; Home page, user login, registration verification 02
20 minutes25 seconds; Home page, user login, registration verification 03
23 minutes36 seconds; Home navigation, slideshow 01
23 minutes31 seconds; Home navigation, slideshow 02
23 minutes25 seconds; Home page data, list page data 01
20 minutes48 seconds; Home page data, list page data 02
18 minutes57 seconds; Home page data, list page data 03
18 minutes02 seconds; Product list, product details 01
18 minutes24 seconds; Product list, product details 02
17 minutes11 seconds; Product list, product details 03
16 minutes07 seconds; Product details page (add to shopping cart, add to favorites) 01
17 minutes48 seconds; Product details page (add to shopping cart, add to favorites) 02
17 minutes18 seconds; Product details page (add to shopping cart, add to favorites) 03
18 minutes40 seconds; Product details (reviews) 01
17 minutes20 seconds; Product details (reviews) 02
17 minutes11 seconds; Product details (reviews) 03
15 minutes06 seconds; Product reviews, shopping cart 01
17 minutes15 seconds; Product reviews, shopping cart 02
18 minutes25 seconds; Product reviews, shopping cart 03
17 minutes03 seconds; End of shopping cart 01
19 minutes17 seconds; End of shopping cart 02
17 minutes55 seconds; End of shopping cart 03
17 minutes48 seconds
Chapter4Phase 2: Web engineering development (Node+NPM+Webpack): Course Introduction 01
20 minutes33 seconds; Course Introduction 02
20 minutes05 seconds; Course Introduction 03
18 minutes58 seconds; ES6 Basics 01
20 minutes45 seconds; ES6 Basics 02
21 minutes35 seconds; ES6 Basics 03
19 minutes48 seconds; ES6 Application-Zhong 01
21 minutes51 seconds; ES6 Application-Zhong 02
19 minutes41 seconds; ES6 Application-Zhong 03
19 minutes40 seconds; ES6 Application-Next 01
21 minutes18 seconds; ES6 Application-Next 02
21 minutes00 seconds; ES6 Application-Part 03
21 minutes13 seconds; node.js01
19 minutes50 seconds; node.js02
18 minutes02 seconds; node.js03
19 minutes48 seconds; NPM01
19 minutes16 seconds; NPM02
21 minutes54 seconds; NPM03
21 minutes01 seconds; webpack tool (Part 1) 01
20 minutes35 seconds; webpack tool (Part 1) 02
20 minutes21 seconds; webpack tool (Part 1) 03
18 minutes25 seconds; Webpack tool (medium) 01
21 minutes01 seconds; Webpack Tools (Part 2) 02
17 minutes16 seconds; Webpack Tools (Part 2) 03
16 minutes26 seconds
Chapter5Phase 2: Web engineering development (ES6+axios): Webpack (Part 2) 01
21 minutes38 seconds; Webpack (Part 2) 02
19 minutes17 seconds; Webpack (Part 2) 03
23 minutes25 seconds; Axios Preschool Preparation 01
20 minutes20 seconds; Axios Preschool Preparation 02
20 minutes26 seconds; Axios Preschool Preparation 03
14 minutes04 seconds; Axios Application 01
17 minutes26 seconds; Axios App 02
18 minutes36 seconds; Axios Application 03
18 minutes17 seconds
Chapter6Stage 3: Web front-end advanced framework (Vue3 basics): Vue first experience 01
21 minutes52 seconds; Vue first experience 02
20 minutes26 seconds; Vue first experience 03
18 minutes46 seconds; Vue scaffolding installation and directory structure 01
16 minutes10 seconds; Vue scaffolding installation and directory structure 02
20 minutes59 seconds; Vue scaffolding installation and directory structure 03
18 minutes13 seconds; How Vue works 01
20 minutes10 seconds; How Vue works 02
20 minutes59 seconds; How Vue works 03
17 minutes53 seconds; Vue template syntax (1) 01
20 minutes44 seconds; Vue template syntax (1) 02
21 minutes33 seconds; Vue template syntax (1) 03
19 minutes41 seconds; Vue template syntax (2) 01
18 minutes19 seconds; Vue template syntax (2) 02
20 minutes41 seconds; Vue template syntax (2) 03
15 minutes00 seconds; Vue template syntax (3) 01
20 minutes17 seconds; Vue template syntax (3) 02
19 minutes46 seconds; Vue template syntax (3) 03
22 minutes24 seconds; Vue component development (1) 01
18 minutes03 seconds; Vue component development (1) 02
17 minutes40 seconds; Vue component development (1) 03
19 minutes28 seconds; Component thinking 01
18 minutes45 seconds; Component thinking 02
18 minutes52 seconds; Component thinking 03
18 minutes17 seconds; Transferring data between components 01
21 minutes58 seconds; Transferring data between components 02
20 minutes29 seconds; Transferring data between components 03
21 minutes31 seconds; Vue component life cycle 01
21 minutes44 seconds; Vue component life cycle 02
19 minutes29 seconds; Vue component life cycle 03
19 minutes34 seconds; Get to know routing 01
18 minutes28 seconds; Understanding routing 02
18 minutes52 seconds; Understanding routing 03
19 minutes17 seconds; Vue routing (1) 01
21 minutes00 seconds; Vue routing (1) 02
17 minutes24 seconds; Vue routing (1) 03
18 minutes48 seconds; Vue routing (2) 01
19 minutes00 seconds; Vue routing (2) 02
17 minutes09 seconds; Vue routing (2) 03
17 minutes54 seconds; Status Management (Part 1) 01
18 minutes36 seconds; Status Management (Part 1) 02
23 minutes12 seconds; Status Management (Part 1) 03
15 minutes48 seconds; Status Management (Part 2) 01
18 minutes10 seconds; Status Management (Part 2) 02
19 minutes33 seconds; Status Management (Part 2) 03
19 minutes13 seconds; Combined API (1) 01
20 minutes22 seconds; Combined API (1) 02
20 minutes55 seconds; Combined API (1) 03
20 minutes08 seconds; Combined API (2) 01
18 minutes01 seconds; Combined API (2) 02
20 minutes21 seconds; Combined API (2) 03
16 minutes43 seconds; Combined API (3) 01
19 minutes04 seconds; Combined API (3) 02
19 minutes10 seconds; Combined API (3) 03
15 minutes06 seconds; Combined API (4) 01
22 minutes01 seconds; Combined API (4) 02
19 minutes27 seconds; Combined API (4) 03
21 minutes39 seconds
Chapter7Vue3 actual combat (EWShop mobile terminal template development): Project initialization (1) 01
18 minutes16 seconds; Project initialization (1) 02
18 minutes36 seconds; Project initialization (1) 03
22 minutes25 seconds; Project initialization (2) 01
20 minutes52 seconds; Project initialization (2) 02
21 minutes22 seconds; Project initialization (2) 03
16 minutes54 seconds; Develop navigation bar component 01
20 minutes12 seconds; Develop navigation bar component 02
24 minutes37 seconds; Develop navigation bar component 03
17 minutes12 seconds; Common component development 01
19 minutes35 seconds; Common component development 02
22 minutes09 seconds; Common component development 03
18 minutes25 seconds; Home tab and product display 01
20 minutes27 seconds; Home tab and product display 02
23 minutes05 seconds; Home tab and product display 03
16 minutes19 seconds; Pull up to load more 01
21 minutes44 seconds; Pull up to load more 02
18 minutes40 seconds; Pull up to load more 03
19 minutes18 seconds; Home page function is perfect 01
19 minutes49 seconds; Home page function is perfect 02
19 minutes32 seconds; Home page function is perfect 03
23 minutes08 seconds; Install and use component library 01
19 minutes08 seconds; Install and use component library 02
20 minutes09 seconds; Install and use component library 03
16 minutes50 seconds; Product Classification (Part 1) 01
20 minutes20 seconds; Product Classification (Part 1) 02
19 minutes58 seconds; Product Classification (Part 1) 03
19 minutes11 seconds; Product Classification (Part 2) 01
17 minutes54 seconds; Product Classification (Part 2) 02
24 minutes40 seconds; Product Classification (Part 2) 03
15 minutes42 seconds; Classification and details01
22 minutes00 seconds; Classification and details02
25 minutes06 seconds; Classification and details03
19 minutes20 seconds; Login and registration 01
17 minutes29 seconds; Login and registration 02
20 minutes58 seconds; Login and registration 03
18 minutes04 seconds; Login process refinement and project installation online 01
22 minutes30 seconds; Login process refinement and project installation online 02
18 minutes18 seconds; Login process refinement and project installation online 03
22 minutes08 seconds; Other project processes 01
17 minutes56 seconds; Other project processes 02
16 minutes50 seconds; Other project processes 03
17 minutes07 seconds
Chapter8Stage 4: EWShop management platform (TypeScript + new version of Vite scaffolding): Project process introduction 01
21 minutes13 seconds; Project process introduction 02
23 minutes14 seconds; Code specification and initialization project 01
19 minutes55 seconds; Code specification and initialization project 02
20 minutes24 seconds; Code specification and initialization project 03
18 minutes46 seconds; Project initialization (Part 2) 01
17 minutes28 seconds; Project initialization (Part 2) 02
15 minutes53 seconds; Project initialization (Part 2) 03
14 minutes44 seconds; api and login logic 01
20 minutes30 seconds; api and login logic 02
20 minutes30 seconds; api and login logic 03
18 minutes33 seconds; Complete login logic 01
22 minutes47 seconds; Complete login logic 02
22 minutes36 seconds; Routing and Layout 01
18 minutes05 seconds; Routing and Layout 02
19 minutes13 seconds; Complete Layout01
18 minutes13 seconds; Complete Layout02
18 minutes40 seconds; Complete Layout03
12 minutes32 seconds; Complete sidebar and user list page 01
19 minutes12 seconds; Complete sidebar and user list page 02
20 minutes12 seconds; Complete sidebar and user list page 03
19 minutes53 seconds; Complete user list 01
16 minutes48 seconds; Complete user list 02
15 minutes37 seconds; Complete user list 03
18 minutes10 seconds; Complete user addition 01
18 minutes58 seconds; Complete user addition 02
20 minutes13 seconds; Complete user addition 03
16 minutes08 seconds; Complete user editing and adding 01
16 minutes05 seconds; Complete user editing and addition 02
16 minutes51 seconds; Complete user editing and addition 03
15 minutes41 seconds; Complete image upload 01
17 minutes39 seconds; Complete image upload 02
19 minutes31 seconds; Complete image upload 03
15 minutes41 seconds; Image upload packaging and rich text 01
20 minutes40 seconds; Image upload packaging and rich text 02
17 minutes09 seconds; Image upload packaging and rich text 03
08 minutes42 seconds; Rich text packaging 01
18 minutes20 seconds; Rich text packaging 02
18 minutes43 seconds; Deployment based on server and OSS01
15 minutes06 seconds; Deployment based on server and OSS02
15 minutes16 seconds; Deployment based on server and OSS03
15 minutes28 seconds; Deployment based on Serverless 01
22 minutes40 seconds; Deployment based on Serverless 02
21 minutes40 seconds; Code review 01
21 minutes31 seconds; Code review 02
23 minutes53 seconds

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

Next Section：登录和注册02761 plays

The second phase_The big front-end goes to work online

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

Next Section： 登录和注册02761 plays

The second phase_The big front-end goes to work online

Allpost a note

Next Section：登录和注册02761 plays