آموزش ساخت اپلیکیشن فروشگاه اینترنتی فول استک با Spring Boot و Angular - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

• بررسی اجمالی راه حل Solution Overview

• استراتژی Github Github Strategy

• دمو Demo

Spring Initializer Spring Intializer

• مقدمه Introduction

• Spring Initializer Spring Intialiazer

• راه اندازی پروژه در IDE Setting up the Project in IDE

• ایجاد ساختار پوشه Creating Folder structure

• راه اندازی برنامه Setting up Application

• راه اندازی داده اولیه با استفاده از Docker و Mysql Seed data setup using Docker and Mysql

• اعتبارسنجی داده ها در پایگاه داده MySql Validating data in MySql Db

• ایجاد Entity JPA برند Creating Brand JPA Entity

• ایجاد Entity JPA نوع Creating Type JPA Entity

• ایجاد Entity JPA محصول Creating Product JPA Entity

• تنظیم روابط بین Entity ها Setting up the relationships between entities

• تنظیم ساختار پروژه برای پروژه Java 21 Setting Project Structure for Java 21 Project

پیاده سازی Repository ها Implementing Repositories

• مقدمه Introduction

• ایجاد Repository ها Creating Repositories

• ایجاد Model ها Creating Models

• اضافه کردن سرویس های مورد نیاز Adding Required Services

• پیاده سازی سرویس برند Implementing Brand Service

• پیاده سازی سرویس نوع Implementing Type Service

• پیاده سازی سرویس محصول - قسمت اول Implementing Product Service - 1st Part

• پیاده سازی سرویس محصول - قسمت دوم Implementing Product Service - 2nd Part

• پیاده سازی کنترلر محصول - قسمت اول Implementing Product controller - 1st Part

• پیاده سازی کنترلر محصول - قسمت دوم Implementing Product controller - 2nd Part

• دمو از API های در حال کار Demo of working APIs

• سوالات چند گزینه ای Multiple Choice Questions

پیاده سازی صفحه بندی، مرتب سازی، جستجو، فیلتر کردن و غیره Implementing Pagination, Sorting, Searching, Filtering etc

• مقدمه Introduction

• پیاده سازی صفحه بندی Implementing Pagination

• ایجاد Custom Resolver Creating Custom Resolver

• رفع Custom Pagination resolver Fixing Custom Pagination resolver

• پیاده سازی متد جستجو Implementing Search method

• پیاده سازی قابلیت جستجو در کنترلر محصول Implementing Search functionality in Product Controller

• پیاده سازی دریافت محصولات با قابلیت جستجو Implementing Get Products with Search functionality

• رفع قابلیت جستجو با دریافت محصولات Fixing Search functionality with Get Products

• پیاده سازی مرتب سازی Implementing Sorting

• سوالات چند گزینه ای Multiple Choice Questions

پیاده سازی Angular Angular Implementation

• مقدمه Introduction

• نصب Angular Angular Installation

• ایجاد یک برنامه Angular Creating an Angular Application

• درک ساختار پوشه Understanding Folder structure

• اجرای برنامه Angular Running Angular App

• نصب کامپوننت ngx-bootstrap Installing ngx-bootstrap component

• نصب Font awesome Installing Font awesome

• ایجاد Navbar Creating Navbar

• اضافه کردن لوگو و تصاویر مورد نیاز Adding logo and required images

• بهبود صفحه کامپوننت App Improving App Component page

• پیاده سازی Http Client Module Implementing Http Client Module

• رفع مشکل Cors Fixing Cors Issue

• رفع مشکل تکرار داده Fixing data iteration issue

• استفاده از Model ها Using Models

ایجاد تجربه کاربری Building User Experience

• مقدمه Introduction

• ایجاد Core و Shared Modules Creating Core and Shared Modules

• ایجاد Store Module Creating Store Module

• ایجاد Store Service Creating Store Service

• اتصال کامپوننت Store با سرویس Wiring up store component with service

• واکشی برندها و انواع Fetching Brands and Types

• طراحی صفحه Store Designing the Store Page

• تنظیم کلاس فعال برای برند و نوع Setting Brand and Type Active class

• اصلاح معیارهای جستجو در کنترلر محصول Modifying search criteria in Product Controller

• اصلاح سرویس و Repository برای تغییرات فیلتر Modifying Service and Repository for filtering changes

• پیاده سازی معیارهای فیلتر در سمت Client Implementing the filtering criteria at the Client side

• رفع مشکلات UI و API Fixing the UI and API Issues

• ایجاد کامپوننت Product Item Creating the Product Item Component

• اتصال قابلیت مرتب سازی Wiring up Sorting Functionality

• پیاده سازی قابلیت مرتب سازی Implementing Sorting Functionality

• پیاده سازی قابلیت جستجو و بازنشانی Implementing Search and Reset Functionality

• سوالات چند گزینه ای Multiple Choice Questions

ایجاد تجربه کاربری - قسمت 2 Building User Experience - Part 2

• مقدمه Introduction

• پیاده سازی NGX-Bootstrap Pagination Implementing NGX-Bootstrap Pagination

• اتصال قابلیت صفحه بندی Wiring up Pagination Functionality

• بازسازی کد - قسمت 1 Refactoring Code - Part 1

• بازسازی کد - قسمت 2 Refactoring Code - Part 2

• ایجاد Pagination Header Creating Pagination Header

• ایجاد Pagination Header به عنوان یک کامپوننت Shared Creating Pagination Header as a Shared Component

• ایجاد Pagination به عنوان یک کامپوننت Shared Creating Pagination as a Shared Component

ایجاد Route ها Creating Routes

• مقدمه Introduction

• ایجاد Home و Product Detail Module Creating Home and Product Detail Module

• ایجاد Route Route creation

• ایجاد Route Link ها Creating Route Links

• پیاده سازی Route Activation Implementing the Route Activation

• ایجاد صفحه Product Detail - قسمت 1 Creating Product Detail Page - Part 1

• ایجاد صفحه Product Detail - قسمت 2 Creating Product Detail Page - 2nd Part

• پیاده سازی Store به عنوان Lazy Loaded Module Implementing Store as Lazy Loaded Module

• طراحی صفحه Home Designing Home Page

• سوالات چند گزینه ای Multiple Choice Questions

پیاده سازی Cross Cutting Concerns Implementing Cross Cutting Concerns

• مقدمه Introduction

• ایجاد Error Components Creating Error Components

• ایجاد Error Interceptor Creating Error Interceptor

• ثبت Error Interceptor Registering Error Interceptor

• ایجاد Custom Exception Handler Creating Custom Exception Handler

• نصب NGX-Toastr Installing NGX-Toastr

• اتصال Toast Notifications Wiring up Toast Notifications

ایجاد Header Section Creating Header Section

• مقدمه Introduction

• ایجاد Section Header Creating Section Header

• نصب پکیج XNG-Breadcrumb Installing XNG-Breadcrumb Package

• تنظیم Metadata برای Breadcrumb Setting the Metadata for Breadcrumb

• تنظیم نام Breadcrumb Setting the Breadcrumb Name

• ایجاد عنوان Breadcrumb Dynamic Making Breadcrumb Title Dynamic

• نصب BootsWatch Theme Installing BootsWatch Theme

• ایجاد Loading Interceptor Creating Loading Interceptor

• اتصال Spinner با برنامه Wiring up Spinner with Application

• رفع مشکل Spinner Fixing the Spinner Issue

پیاده سازی قابلیت Basket - سمت سرور Implementing Basket Functionality - Server Side

• مقدمه Introduction

• ایجاد Basket Item Entity Creating Basket Item Entity

• اضافه کردن Redis Maven Dependency Adding Redis Maven Dependency

• تغییرات Application Yaml برای Redis Application Yaml Changes for Redis

• ایجاد Basket Entity Creating Basket Entity

• پیاده سازی Basket Repository Implementing Basket Repository

• ایجاد کلاس های BasketItem و Basket Response Creating BasketItem and Basket Response classes

• ایجاد Basket Service Creating Basket Service

• پیاده سازی Basket Service - قسمت 1 Implementing Basket Service - 1st Part

• پیاده سازی Basket Service - قسمت 2 Implementing Basket Service - 2nd Part

• ایجاد Basket Controller - قسمت 1 Creating Basket Controller -1st Part.mp4

• پیاده سازی متد Create Basket Implementing Create Basket method

• پیاده سازی تغییرات Docker برای Redis Implementing Docker Changes for Redis

• دمو در حال کار Wordking Demo

پیاده سازی Basket Module - سمت Client Implementing Basket Module - Client Side

• مقدمه Introduction

• ایجاد Basket Module و Components Creating Basket Module and Components

• پیاده سازی Basket Router Implementing Basket Router

• ایجاد Basket Types Creating Basket Types

• اضافه کردن پکیج Cuid2 برای تولید Id Adding Cuid2 Package for Id generation

• ایجاد Behaviour Subject Creating the Behaviour Subject

• ایجاد Basket Service - قسمت 1 Creating Basket Service - 1st Part

• اضافه کردن یک Item به Basket Adding an Item to Basket

• تکمیل متد Add Item to Basket Finishing the Add Item to Basket Method

• اتصال Add Item to Basket در صفحه Product Component Wiring up Add Item to Basket in Product Component Page

• ذخیره Basket در ReLoad Storing basket on ReLoad

• نمایش اطلاعات Basket در Navbar Showing the Basket Info in the Navbar

• پیاده سازی Basket Component Implementing Basket Component

• پیاده سازی متدهای Basket service Implementing Basket service methods

• بررسی صفحه Basket Checking Basket Page

• ایجاد متد Basket Total Creating Basket Total Method

• ایجاد کامپوننت Basket Summary Creating Basket Summary component

پیاده سازی Spring Security Implementing Spring Security

• مقدمه Introduction

• نصب Spring security و پکیج های مرتبط Installing Spring security and related Packages

• دمو Spring Security Spring Security Demo

• پیاده سازی User Detail Service Implementing User Detail Service

• دمو User Service User Service Demo

• پیاده سازی Jwt Authentication Entry Point Implementing Jwt Authentication Entry Point

• پیاده سازی Jwt Helper - قسمت 1 Implementing Jwt Helper - 1st Part

• رفع مشکل JWT Fixing the JWT Issue

• پیاده سازی JWT Helper - قسمت 2 JWT Helper Implementation - 2nd Part

• پیاده سازی JWT Authentication Filter - قسمت 1 Implementing JWT Authentication Filter - 1st Part

• پیاده سازی JWT Authentication Filter - قسمت 2 Implementing JWT Authentication Filter - 2nd Part

• پیاده سازی Security Config Implementing Security Config

• ایجاد Model های مورد نیاز Creating the Required Models

• ایجاد Authentication Controller Creating Authentication Controller

• رفع مشکل Authentication Builder Bean Fixing the Authentication Builder Bean Issue

• دمو Spring Security Spring Security Demo

اتصال Security در سمت Client Wiring Up Security at Client Side

• مقدمه Introduction

• ایجاد Account Modules و Components Creating Account Modules and Components

• اتصال Components Wiring Up Components

• رفع مشکل Breadcrumb Fixing the Breadcrumb Issue

• ایجاد User و Address Models Creating the User and Address Models

• پیاده سازی Account Service - قسمت 1 Implementing Account Service - 1st Part

• پیاده سازی Account Service - قسمت 2 Implementing Account Service - 2nd Part

• ایجاد Markup برای فرم Login Creating the Markup for Login Form

• مقدمه ای بر Reactive Forms Reactive Forms Introduction

• پیاده سازی Reactive Forms Reactive Forms Implementation

• اتصال قابلیت Login Wiring up Login Functionality

• رفع مشکل CORS Fixing the CORS Issue

• مدیریت خطا در قابلیت Login Error handling in Login Functionality

• تنظیم کامپوننت Navbar Adjusting Navbar Component

• رفع مشکل Refresh Basket Fixing the Basket Refresh Issue

• پیاده سازی مدیریت خطا Implementing Error Handling

پیاده سازی قابلیت Checkout Implementing Checkout Functionality

• مقدمه Introduction

• ایجاد Checkout Module و Components Creating Checkout Module and Components

• ایجاد Auth Guard Auth Guard Creation

• اتصال Authentication Service با Auth Guard Wiring up Authentication Service with Auth Guard

• ایجاد Components Address، Shipment و Review Creating Address, Shipment and Review Components

• تنظیم Route ها Setting up the Routes

• تست Auth Guard Testing Auth Guard

• نصب Angular Material Installing Angular Material

• ایجاد صفحه Address - قسمت 1 Creating the Address Page - 1st Part

• رفع مشکل صفحه Address Fixing Address Page Issue

• اتصال صفحه Checkout Wiring up Checkout Page

• پیاده سازی Get User Details در Backend Implementing Get User Details in Backend

• پیاده سازی Get User Details در Angular Implementing Get User Details in Angular

• رفع خطای Token Fixing the Token Error

• رفع مشکل Return URL Fixing Return URL Issue

• رفع مشکل صفحه Address Fixing the Address Page Issue

• پیاده سازی صفحه Shipment Implementing Shipment Page

• پیاده سازی صفحه Shipment - قسمت 2 Implementing Shipment Page - 2nd Part

• تکمیل صفحه Review Finishing Review Page

• رفع Add To Cart Add To Cart Fix

• دمو و تکلیف Demo and Assignment

با تشکر Thank You

• با تشکر Thank You