فروشگاه خرید Angular (نسخه 2024 - Angular 18)

سرفصل ها و درس ها

فصل 1: پیش نمایش Chapter 1: Preview

• 1.1 پیش نمایش دسکتاپ 1.1 Desktop Preview

• 1.2 پیش نمایش موبایل 1.2 Mobile Preview

• 1.3 جریان برنامه 1.3 Application Flow

• 1.4 پروژه ها 1.4 Projects

• کد منبع Source Code

فصل 2: ​​ساختار پروژه زاویه ای Chapter 2: Angular Project Structure

• 2.1 صفحات 2.1 Pages

• 2.2 چیدمان 2.2 Layout

• 2.3 چیدمان صفحه اصلی 2.3 Home Page Layout

• 2.4 طرح بندی صفحه سبد خرید 2.4 Cart Page Layout

• 2.5 ساختار پوشه پروژه 2.5 Project Folder Structure

• 2.6 مراحل توسعه 2.6 Development Steps

• 2.7 مراحل توسعه 2.7 Development Steps

فصل 3: ایجاد Angular Application Chapter 3: Create the Angular Application

• 3.1 برنامه Angular را ایجاد کنید 3.1 Create the Angular Application

• 3.2 مراحل مقدماتی 3.2 Preparatory Steps

• 3.3 برنامه را اجرا کنید 3.3 Run the Application

فصل 4: نوار بالا Chapter 4: The Top Bar

• 4.1 آن را ایجاد کنید 4.1 Create It

• 4.2 TS 4.2 TS

• 4.3 HTML 4.3 HTML

• 4.4 CSS 4.4 CSS

• 4.5 از آن استفاده کنید 4.5 Use It

• 4.6 به منطقه اصلی سبک دهید 4.6 Style the Main Area

فصل پنجم: پاورقی Chapter 5: The Footer

• 5.1 آن را ایجاد کنید 5.1 Create It

• 5.2 TS 5.2 TS

• 5.3 HTML 5.3 HTML

• 5.4 CSS 5.4 CSS

• 5.5 از آن استفاده کنید 5.5 Use It

فصل 6: صفحه اصلی Chapter 6: The Home Page

• 6.1 آن را ایجاد کنید 6.1 Create It

• 6.2 افزودن مسیر 6.2 Add Route

فصل 7: معاملات Chapter 7: Deals

• 7.1 آن را ایجاد کنید 7.1 Create It

• 7.2 TS 7.2 TS

• 7.3 HTML 7.3 HTML

• 7.4 CSS 7.4 CSS

• 7.5 از آن استفاده کنید 7.5 Use It

فصل 8: داده های محصولات Chapter 8: Products Data

• 8.1 آن را ایجاد کنید 8.1 Create It

• 8.2 مدل داده محصول 8.2 Product Data Model

• 8.3 آرایه محصولات 8.3 Products Array

فصل نهم: محصولات Chapter 9: Products

• 9.1 آن را ایجاد کنید 9.1 Create It

• 9.2 TS 9.2 TS

• 9.3 HTML 9.3 HTML

• 9.4 CSS 9.4 CSS

• 9.5 از آن استفاده کنید 9.5 Use It

فصل 10: جزء کارت محصول Chapter 10: Product Card Component

• 10.1 آن را ایجاد کنید 10.1 Create It

• 10.2 TS 10.2 TS

• 10.3 HTML 10.3 HTML

• 10.4 CSS 10.4 CSS

• 10.5 از آن استفاده کنید 10.5 Use It

فصل 11: لوله برش Chapter 11: The Truncate Pipe

• 11.1 آن را ایجاد کنید 11.1 Create It

• 11.2 TS 11.2 TS

• 11.3 از آن استفاده کنید 11.3 Use It

فصل 12: خدمات سبد خرید Chapter 12: The Cart Service

• 12.1 آن را ایجاد کنید 12.1 Create It

• 12.2 مدل های داده 12.2 The Data Models

• 12.3 متغیر سبد خرید 12.3 The cart Variable

• 12.4 روش addItem 12.4 The addItem Method

• 12.5 روش افزایش آیتم 12.5 The increaseItem Method

• 12.6 روش کاهش آیتم 12.6 The decreaseItem Method

• 12.7 روش removeItem 12.7 The removeItem Method

فصل 13: از خدمات سبد خرید استفاده کنید Chapter 13: Use the Cart Service

• 13.1 مؤلفه محصولات را به روز کنید 13.1 Update the Products Component

• 13.2 مؤلفه نوار بالا را به روز کنید 13.2 Update the Top Bar Component

فصل 14: صفحه سبد خرید Chapter 14: The Cart Page

• 14.1 آن را ایجاد کنید 14.1 Create It

• 14.2 افزودن مسیر 14.2 Add Route

• 14.3 TS 14.3 TS

• 14.4 طرح بندی صفحه 14.4 The Page Layout

• 14.5 HTML - هدر 14.5 HTML - Header

• 14.6 HTML - موارد 14.6 HTML - Items

• 14.7 HTML - مجموع 14.7 HTML - Total

• 14.8 CSS 14.8 CSS

• 14.9 بازیابی موقعیت اسکرول 14.9 Scroll Position Restoration

فصل 15: جزء کارت اقلام سبد خرید Chapter 15: The Cart Item Card Component

• 15.1 آن را ایجاد کنید 15.1 Create It

• 15.2 TS 15.2 TS

• 15.3 HTML 15.3 HTML

• 15.4 CSS 15.4 CSS

• 15.5 از آن استفاده کنید 15.5 Use It

فصل 16: مرحله کمیت Chapter 16: Quantity Stepper

• 16.1 آن را ایجاد کنید 16.1 Create It

• 16.2 TS 16.2 TS

• 16.3 HTML 16.3 HTML

• 16.4 CSS 16.4 CSS

• 16.5 از آن استفاده کنید 16.5 Use It

فصل 17: برنامه Node.js Chapter 17: The Node.js Application

• 17.1 آن را ایجاد کنید 17.1 Create It

• 17.2 Dependencies را نصب کنید 17.2 Install Dependencies

• 17.3 سرور را ایجاد کنید 17.3 Create the Server

• 17.4 از مشتری شارژ کنید 17.4 Charge the Customer

فصل 18: تسویه حساب Chapter 18: Checkout

• 18.1 Stripe Dependency را نصب کنید 18.1 Install the Stripe Dependency

• 18.2 محیط ها را ایجاد کنید 18.2 Generate the Environments

• 18.3 HttpClientModule را ارائه دهید 18.3 Provide the HttpClientModule

• 18.4 مؤلفه سبد خرید را به روز کنید 18.4 Update the Cart Component

• 18.5 کارت تست راه راه 18.5 Stripe Test Cards

فصل 19: صفحه موفقیت Chapter 19: The Success Page

• 19.1 آن را ایجاد کنید 19.1 Create It

• 19.2 افزودن مسیر 19.2 Add Route

• 19.3 TS 19.3 TS

• 19.4 HTML 19.4 HTML

• 19.5 CSS 19.5 CSS

• 19.6 از آن استفاده کنید 19.6 Use It

فصل 20: دکمه ادامه خرید Chapter 20: The Continue Shopping Button

• 20.1 آن را ایجاد کنید 20.1 Create It

• 20.2 TS 20.2 TS

• 20.3 HTML 20.3 HTML

• 20.4 CSS 20.4 CSS

• 20.5 از آن استفاده کنید 20.5 Use It

فصل 21. صفحه لغو Chapter 21. The Cancel Page

• 21.1 آن را ایجاد کنید 21.1 Create It

• 21.2 افزودن مسیر 21.2 Add Route

• 21.3 TS 21.3 TS

• 21.4 HTML 21.4 HTML

• 21.5 CSS 21.5 CSS

• 21.6 از آن استفاده کنید 21.6 Use It

فصل 22: استقرار Chapter 22: Deployment

• 22.1 استقرار Angular App 22.1 Angular App Deployment

• 22.2 استقرار برنامه Node.js 22.2 Node.js App Deployment