Front-end actual native layout—(Xiaomi Mall)
Integrating the layout knowledge learned on the front end, the case will combine JavaScript and jQuery knowledge to help you complete a purely native large-scale website layout practice: Xiaomi Mall homepage, login page, product details page, shopping cart page, my order page, order details page
57166
person learning
25
class hour
2024-05-09
update time
08 Hours45 minutes24 seconds
Total course duration
学习是最好的投资！
You will learn
Example of functional layout imitating Xiaomi mall
Front-end actual native layout—(Xiaomi Mall)
Section1 Practical introduction to front-end layout
05 minutes49 seconds
Section2 Home page layout breakdown (1)
12 minutes12 seconds
Section3 Home page layout breakdown (2)
14 minutes31 seconds
Section4 Home page layout breakdown (3)
18 minutes05 seconds
Section5 Home page layout breakdown (4)
24 minutes00 seconds
Section6 Mall bottom layout (1)
23 minutes57 seconds
Section7 Mall bottom layout (2)
16 minutes26 seconds
Chapter1 Xiaomi Mall homepage layout breakdown
Section1 Mall navigation breakdown (top navigation)
19 minutes46 seconds
Section2 Mall navigation breakdown (drop-down menu 1)
29 minutes23 seconds
Section3 Mall navigation breakdown (drop-down menu 2)
23 minutes52 seconds
Section4 Mall navigation decomposition (sidebar vertical navigation)
26 minutes32 seconds
Section5 Page mini navigation
21 minutes21 seconds
Chapter2 Xiaomi Mall home page navigation breakdown
Section1 Detailed explanation of the main content layout of the mall (1)
22 minutes53 seconds
Section2 Detailed explanation of the main content layout of the mall (2)
20 minutes35 seconds
Section3 Detailed explanation of the main content layout of the mall (3)
12 minutes27 seconds
Chapter3 Detailed explanation of the layout of the main content of the Xiaomi Mall homepage
Section1 Xiaomi Mall login page layout (1)
26 minutes38 seconds
Section2 Xiaomi Mall login page layout (2)
23 minutes58 seconds
Section3 Xiaomi Mall login page (js achieves switching effect)
09 minutes44 seconds
Chapter4 Detailed explanation of Xiaomi Mall login page layout
Section1 Product details page layout (1)
26 minutes37 seconds
Section2 Product details page layout (2)
42 minutes37 seconds
Section3 Product details page (jQuery effect)
39 minutes07 seconds
Chapter5 Product details page layout and js effect
Section1 Select all items in the shopping cart
21 minutes59 seconds
Section2 Realize the addition and subtraction of the quantity of items in the shopping cart and the subtotal of the total price of the items
16 minutes43 seconds
Section3 Calculate the total price of all checked items in the shopping cart
19 minutes52 seconds
Chapter6 Shopping cart page jQuery function block
Chapter7 Summarize
Data Name
Front-end practical native layout—(Xiaomi Mall) courseware and source code
Download
PHPz Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2991347
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
548186
Quick introduction to web front-end development
8 class hour
221085
Master PS video tutorials from scratch
268 class hour
1009780
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
17089
Complete collection of foreign web development full-stack courses
12 class hour
13719
Go language practical GraphQL
10 class hour
11271
550W fan master learns JavaScript from scratch step by step
1 class hour
1295
