dr.code();
הסבה לתכנות קורסים בלוג צור קשר
התקדמות שלך
46/47

ג'אווה סקריפט המדריך המלא 2024
בניית אפליקציות חנות מחשבים


בתרגיל הבא נלמד איך ליצור חנות מחשבים, באמצעות הגרפיקה שהדוקטור הכין לכם מראש, נלמד גם איך ליצור עגלת קניות שתישמר בין העמודים השונים ולוגיקה של הוספת מוצרים לעגלה

עמוד החנות
עמוד עגלת הקניות
  • clone this JSON file that contains a list of computers and create a simple e-commerce shop.
  • Use this schema to build up your folder structure first.
  • 
    pc-shop
    ├── <public>
    │   ├── favicon.ico
    │   ├── shop
    │   └── cart
    └── <src>
        │ controller
       	│   ├─ cart.controller.js
     	│   └─ shop.controller.js
        ├── css
        ├── lib
        ├── model
        │   └─ shop.model.js
        └── view
            ├─ cart.view.js
            └─ shop.view.js
                    
  • this shop application build up from 2 pages, the 1st page is where users can see the list of computers, search and filter them by the computer names and add them into their cart, the 2nd page is the cart page, where they can see all the computers they add into the cart in 1st screen.
  • download and attach sweet alert javascript library from here save it inside the lib folder attach it to your shop file.
  • use this swal alerts to show the user a notification that his selection added to cart when he click “Add to Cart” button for the selected computer.
שאלות
דברו איתי
whatsapp
ווצאפwhatsapp דסקורדwhatsapp