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

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

Introduction-فصل-1-مقدمه Introduction

• Introduction part 1-ویدیو-1-1-مقدمه قسمت 1 Introduction part 1

• Introduction Part 2-ویدیو-1-2-مقدمه قسمت 2 Introduction Part 2

Prerequisites for the Course-فصل-2-پیش‌نیازهای دوره Prerequisites for the Course

• IDEs/Tools required-ویدیو-2-1-ابزارها/IDEهای مورد نیاز IDEs/Tools required

• Downloading and installing Java SDK, Maven and Spring Tools Suite IDE-ویدیو-2-2-دانلود و نصب Java SDK، Maven و Spring Tools Suite IDE Downloading and installing Java SDK, Maven and Spring Tools Suite IDE

• Downloading and Installing Lombok-ویدیو-2-3-دانلود و نصب Lombok Downloading and Installing Lombok

• DBeaver Installation-ویدیو-2-4-نصب DBeaver DBeaver Installation

• Docker Desktop Installation-ویدیو-2-5-نصب Docker Desktop Docker Desktop Installation

• Visual Studio Code Installation for Frontend Development-ویدیو-2-6-نصب Visual Studio Code برای توسعه Frontend Visual Studio Code Installation for Frontend Development

Creating Spring Boot Backend and Products Store Module-فصل-3-ایجاد Backend با Spring Boot و ماژول Products Store Creating Spring Boot Backend and Products Store Module

• Components Block Diagram-ویدیو-3-1-نمودار بلوکی اجزا Components Block Diagram

• Source Code Location For ProductsStore Api-ویدیو-3-2-محل کد منبع برای ProductsStore Api Source Code Location For ProductsStore Api

• Resource Server Essentials-ویدیو-3-3-اصول اولیه Resource Server Resource Server Essentials

• Resource Server Security Essentials-ویدیو-3-4-اصول امنیتی Resource Server Resource Server Security Essentials

• Creating MySQL and Redis Docker Containers via docker-compose file-ویدیو-3-5-ایجاد کانتینرهای Docker برای MySQL و Redis از طریق فایل docker-compose Creating MySQL and Redis Docker Containers via docker-compose file

• Creating Products Store Entities and Setting up Their Relationships-ویدیو-3-6-ایجاد Entities برای Products Store و تنظیم روابط آن‌ها Creating Products Store Entities and Setting up Their Relationships

• Database Tables Migration-ویدیو-3-7-انتقال جداول پایگاه داده Database Tables Migration

• Seeding Dummy Data into Database Tables-ویدیو-3-8-وارد کردن داده‌های نمونه به جداول پایگاه داده Seeding Dummy Data into Database Tables

• Starting to Develop Products Controller Proper-ویدیو-3-9-شروع توسعه Products Controller مناسب Starting to Develop Products Controller Proper

• Implementing Specification Pattern for Complex Querying-ویدیو-3-10-پیاده‌سازی الگوی Specification برای پرس و جوهای پیچیده Implementing Specification Pattern for Complex Querying

• DTO Classes Construction for ProductService Component-ویدیو-3-11-ساخت کلاس‌های DTO برای ProductService Component DTO Classes Construction for ProductService Component

• ProductService Class Construction Using Specification Object-ویدیو-3-12-ساخت کلاس ProductService با استفاده از Specification Object ProductService Class Construction Using Specification Object

• Adding new End-points to ProductsController that Use ProductService Class-ویدیو-3-13-اضافه کردن End-pointهای جدید به ProductsController که از کلاس ProductService استفاده می‌کنند Adding new End-points to ProductsController that Use ProductService Class

• Summary and Exercise-ویدیو-3-14-خلاصه و تمرین Summary and Exercise

Starting to Develop Angular Standalone Application-فصل-4-شروع توسعه Angular Standalone Application Starting to Develop Angular Standalone Application

• Create Angular Standalone Application-ویدیو-4-1-ایجاد Angular Standalone Application Create Angular Standalone Application

• Angular Standalone Advantages-ویدیو-4-2-مزایای Angular Standalone Angular Standalone Advantages

• Source Code and Assets Location for Angular ShopComponent-ویدیو-4-3-محل کد منبع و Assets برای Angular ShopComponent Source Code and Assets Location for Angular ShopComponent

• Adding Bootstrap, ngx-bootstrap and font-awesome libraries-ویدیو-4-4-اضافه کردن کتابخانه‌های Bootstrap، ngx-bootstrap و font-awesome Adding Bootstrap, ngx-bootstrap and font-awesome libraries

• Adding Standalone NavBarComponent to App-ویدیو-4-5-اضافه کردن Standalone NavBarComponent به App Adding Standalone NavBarComponent to App

• Building the ShopComponent and ShopService Classes and Getting Data From Backend-ویدیو-4-6-ساخت کلاس‌های ShopComponent و ShopService و دریافت داده از Backend Building the ShopComponent and ShopService Classes and Getting Data From Backend

• Building the Shop Page-ویدیو-4-7-ساخت صفحه Shop Building the Shop Page

• Building Categories and Brands Methods and Displaying them on the UI-ویدیو-4-8-ساخت متدهای Categories و Brands و نمایش آن‌ها در UI Building Categories and Brands Methods and Displaying them on the UI

• Collecting query parameters in HttpParams Object and Observable Methods Intro-ویدیو-4-9-جمع‌آوری query parameters در HttpParams Object و معرفی Observable Methods Collecting query parameters in HttpParams Object and Observable Methods Intro

• Binding User Selections for Category and Brand to Methods in ShopComponent-ویدیو-4-10-Binding انتخاب‌های کاربر برای Category و Brand به متدها در ShopComponent Binding User Selections for Category and Brand to Methods in ShopComponent

• Adding the Sort Functionality to Frontend-ویدیو-4-11-اضافه کردن قابلیت Sort به Frontend Adding the Sort Functionality to Frontend

• Adding Pagination to Frontend-ویدیو-4-12-اضافه کردن Pagination به Frontend Adding Pagination to Frontend

• Adding Shop Page Message On Items Count-ویدیو-4-13-اضافه کردن پیغام صفحه Shop بر اساس تعداد Items Adding Shop Page Message On Items Count

• Adding Search Facility to Frontend-ویدیو-4-14-اضافه کردن قابلیت Search به Frontend Adding Search Facility to Frontend

• Summary and Coding Exercise-ویدیو-4-15-خلاصه و تمرین کدنویسی Summary and Coding Exercise

Shopping Cart Module- Backend Section-فصل-5-ماژول سبد خرید - بخش Backend Shopping Cart Module- Backend Section

• BasketApi Building-Introduction-ویدیو-5-1-ساخت BasketApi-مقدمه BasketApi Building-Introduction

• BasketApi Model And Repository Classes-ویدیو-5-2-کلاس‌های Model و Repository برای BasketApi BasketApi Model And Repository Classes

• BasketApi Controller Methods and Postman Tests of the Methods-ویدیو-5-3-متدهای Controller برای BasketApi و تست‌های Postman متدها BasketApi Controller Methods and Postman Tests of the Methods

Shopping Cart Module- Frontend Section-فصل-6-ماژول سبد خرید - بخش Frontend Shopping Cart Module- Frontend Section

• Preface-ویدیو-6-1-مقدمه Preface

• Creating Model Interfaces and Classes-ویدیو-6-2-ایجاد Model Interfaces و Classes Creating Model Interfaces and Classes

• BehaviorSubjects Tutorial-ویدیو-6-3-آموزش BehaviorSubjects BehaviorSubjects Tutorial

• Building CartService methods-ویدیو-6-4-ساخت متدهای CartService Building CartService methods

• Coding of Shopping Cart Icon Items Count Display-ویدیو-6-5-کدنویسی نمایش تعداد Items در آیکون سبد خرید Coding of Shopping Cart Icon Items Count Display

• Shopping Cart Component Routing-ویدیو-6-6-Routing کامپوننت سبد خرید Shopping Cart Component Routing

• Building Cart and CartDetails components-ویدیو-6-7-ساخت کامپوننت‌های Cart و CartDetails Building Cart and CartDetails components

• Linking Cart and CartDetails components-applying @Output decorators-ویدیو-6-8-لینک کردن کامپوننت‌های Cart و CartDetails-اعمال @Output decorators Linking Cart and CartDetails components-applying @Output decorators

• Summary-ویدیو-6-9-خلاصه Summary

• Exercise-building a component-ویدیو-6-10-تمرین-ساخت یک کامپوننت Exercise-building a component

Securing of the front and the backends-فصل-7-امن‌سازی Front و Backend Securing of the front and the backends

• OUAth2 Introduction-ویدیو-7-1-مقدمه OAuth2 OUAth2 Introduction

• OAuth2 Grant Flows-ویدیو-7-2-OAuth2 Grant Flows OAuth2 Grant Flows

• Authorization Code Grant Flow Explained Over a Sequence Diagram-ویدیو-7-3-توضیح Authorization Code Grant Flow با استفاده از Sequence Diagram Authorization Code Grant Flow Explained Over a Sequence Diagram

• Authorization Code Flow With PKCE Explained Over a Sequence Diagram and Slides-ویدیو-7-4-توضیح Authorization Code Flow With PKCE با استفاده از Sequence Diagram و Slides Authorization Code Flow With PKCE Explained Over a Sequence Diagram and Slides

• Why Keycloak Server As Authorization Server-ویدیو-7-5-چرا از Keycloak Server به عنوان Authorization Server استفاده شود Why Keycloak Server As Authorization Server

• Keycloak Server Installation And Client Creation-ویدیو-7-6-نصب Keycloak Server و ایجاد Client Keycloak Server Installation And Client Creation

• Keycloak Users and Roles Creation-ویدیو-7-7-ایجاد Users و Roles در Keycloak Keycloak Users and Roles Creation

• Interfacing Resource Server With Keycloak Authorization Server-ویدیو-7-8-ارتباط Resource Server با Keycloak Authorization Server Interfacing Resource Server With Keycloak Authorization Server

• Authorization Code Grant Flow Demo-Is User Authenticated? Give them access!-ویدیو-7-9-نمایش Authorization Code Grant Flow-آیا کاربر Authenticated شده؟ به آن‌ها دسترسی بده! Authorization Code Grant Flow Demo-Is User Authenticated? Give them access!

• Authorization Code Grant Flow With Role Converter Demo-ویدیو-7-10-نمایش Authorization Code Grant Flow With Role Converter Authorization Code Grant Flow With Role Converter Demo

• Keycloak-ResourceServer Authorization Code Flow With PKCE Demo-ویدیو-7-11-نمایش Keycloak-ResourceServer Authorization Code Flow With PKCE Keycloak-ResourceServer Authorization Code Flow With PKCE Demo

• Creating the Angular Client in the Keycloak Server for PKCE-ویدیو-7-12-ایجاد Angular Client در Keycloak Server برای PKCE Creating the Angular Client in the Keycloak Server for PKCE

• Creating Angular Checkout Component and Its Routing-ویدیو-7-13-ایجاد Angular Checkout Component و Routing آن Creating Angular Checkout Component and Its Routing

• Keycloak Server Setup in Angular Application-ویدیو-7-14-راه‌اندازی Keycloak Server در Angular Application Keycloak Server Setup in Angular Application

• Angular Keycloak AuthGuard Development for RouterLink Protection-ویدیو-7-15-توسعه Angular Keycloak AuthGuard برای حفاظت از RouterLink Angular Keycloak AuthGuard Development for RouterLink Protection

• NavBar Login/Logout/Welcome User implementations-ویدیو-7-16-پیاده‌سازی NavBar Login/Logout/Welcome User NavBar Login/Logout/Welcome User implementations

Checkout-فصل-8-پرداخت Checkout

• Checkout Introduction-ویدیو-8-1-مقدمه پرداخت Checkout Introduction

• Checkout-Delivery Method Types-Part1-Backend-ویدیو-8-2-پرداخت-انواع روش‌های تحویل-قسمت1-Backend Checkout-Delivery Method Types-Part1-Backend

• Checkout-Delivery Method Types-Part2-Backend-ویدیو-8-3-پرداخت-انواع روش‌های تحویل-قسمت2-Backend Checkout-Delivery Method Types-Part2-Backend

• Setting the Scene For Payment Gateway Integration-ویدیو-8-4-آماده‌سازی برای Integration با Payment Gateway Setting the Scene For Payment Gateway Integration

• Payment Gateways-ویدیو-8-5-Payment Gateways Payment Gateways

• Stripe API Registration- Obtaining the Keys-ویدیو-8-6-ثبت‌نام در Stripe API - دریافت Keys Stripe API Registration- Obtaining the Keys

• Integration of Backend With Stripe Api- Part1-ویدیو-8-7-Integration Backend با Stripe Api - قسمت 1 Integration of Backend With Stripe Api- Part1

• Integration of Backend With Stripe Api-Part2-ویدیو-8-8-Integration Backend با Stripe Api - قسمت 2 Integration of Backend With Stripe Api-Part2

• Integration of Backend With Stripe Api- Part3-ویدیو-8-9-Integration Backend با Stripe Api - قسمت 3 Integration of Backend With Stripe Api- Part3

• Creating Payments Controller to Use Payment Service and Call the Stripe Api-ویدیو-8-10-ایجاد Payments Controller برای استفاده از Payment Service و فراخوانی Stripe Api Creating Payments Controller to Use Payment Service and Call the Stripe Api

• Testing Stripe Integration With Backend via Postman-ویدیو-8-11-تست Integration Stripe با Backend از طریق Postman Testing Stripe Integration With Backend via Postman

ANGULAR CHECKOUT PAGE DEVELOPMENT-فصل-9-توسعه صفحه پرداخت ANGULAR ANGULAR CHECKOUT PAGE DEVELOPMENT

• Checkout page Intro and OrderTotalsComponent development-ویدیو-9-1-مقدمه صفحه پرداخت و توسعه OrderTotalsComponent Checkout page Intro and OrderTotalsComponent development

• Installing CDKStepper Library and Creating Stepper Component-ویدیو-9-2-نصب کتابخانه CDKStepper و ایجاد Stepper Component Installing CDKStepper Library and Creating Stepper Component

• Developing Wizard-like Stepper Component Part 1-ویدیو-9-3-توسعه Wizard-like Stepper Component قسمت 1 Developing Wizard-like Stepper Component Part 1

• Checkout Wizard Sub Components-ویدیو-9-4-Checkout Wizard Sub Components Checkout Wizard Sub Components

• CheckoutComponent CheckoutForm Definition-ویدیو-9-5-تعریف CheckoutForm در CheckoutComponent CheckoutComponent CheckoutForm Definition

• Reusable Text Input Component Building-ویدیو-9-6-ساخت Reusable Text Input Component Reusable Text Input Component Building

• Checkout Address Component Template Building-ویدیو-9-7-ساخت Template برای Checkout Address Component Checkout Address Component Template Building

• Checkout Delivery Component Code Behind-ویدیو-9-8-Code Behind برای Checkout Delivery Component Checkout Delivery Component Code Behind

• Checkout Delivery Component Html Template Building-ویدیو-9-9-ساخت Html Template برای Checkout Delivery Component Checkout Delivery Component Html Template Building

• CheckoutReview Component and Html Template Building-ویدیو-9-10-ساخت CheckoutReview Component و Html Template آن CheckoutReview Component and Html Template Building

• Payment Intent Creation From Frontend Request and Toastr Notification-ویدیو-9-11-ایجاد Payment Intent از درخواست Frontend و Toastr Notification Payment Intent Creation From Frontend Request and Toastr Notification

ORDERING-فصل-10-سفارش‌دهی ORDERING

• Order Module Introduction-ویدیو-10-1-مقدمه ماژول سفارش Order Module Introduction

• Order Entity Supporting Objects and Owned Entity Discussion-ویدیو-10-2-Order Entity Supporting Objects و بحث Owned Entity Order Entity Supporting Objects and Owned Entity Discussion

• OrderItem object design and creation-ویدیو-10-3-طراحی و ایجاد OrderItem object OrderItem object design and creation

• OrderEntity class Construction-ویدیو-10-4-ساخت کلاس OrderEntity OrderEntity class Construction

• Database tables creation and Dto Objects for Ordering Section-ویدیو-10-5-ایجاد جداول پایگاه داده و Dto Objects برای بخش Ordering Database tables creation and Dto Objects for Ordering Section

• Repository and Service Interface classes for Ordering Api-ویدیو-10-6-کلاس‌های Repository و Service Interface برای Ordering Api Repository and Service Interface classes for Ordering Api

• Order Service Implementation Class-part 1 -Create Order-ویدیو-10-7-کلاس Order Service Implementation - قسمت 1 - ایجاد سفارش Order Service Implementation Class-part 1 -Create Order

• Order Service Implementation Part 2 Get Request Methods-ویدیو-10-8-Order Service Implementation قسمت 2 متدهای Get Request Order Service Implementation Part 2 Get Request Methods

• Order Controller Part 1 createOrUpdate Method-ویدیو-10-9-Order Controller قسمت 1 متد createOrUpdate Order Controller Part 1 createOrUpdate Method

• Order Controller Part2 Get Request Methods and Security Configuration-ویدیو-10-10-Order Controller قسمت 2 متدهای Get Request و تنظیمات امنیتی Order Controller Part2 Get Request Methods and Security Configuration

• Checkout Payment Wizard Last Page- Ordering-Frontend-ویدیو-10-11-صفحه آخر Checkout Payment Wizard - Ordering - Frontend Checkout Payment Wizard Last Page- Ordering-Frontend

• Ordering Process Testing-ویدیو-10-12-تست فرآیند سفارش‌دهی Ordering Process Testing

• Order Controller Modification for Updating Order-ویدیو-10-13-اصلاح Order Controller برای به‌روزرسانی سفارش Order Controller Modification for Updating Order

FULL STRIPE INTEGRATION-فصل-11-ادغام کامل STRIPE FULL STRIPE INTEGRATION

• Credit Card Details Form Building for Integration with Stripe-ویدیو-11-1-ساخت فرم جزئیات کارت اعتباری برای Integration با Stripe Credit Card Details Form Building for Integration with Stripe

• Building On Submit Order Method of the Angular Frontend-ویدیو-11-2-ساخت متد On Submit Order در Angular Frontend Building On Submit Order Method of the Angular Frontend

• Demonstrating an Ordering Operation with Stripe using Accepted and Declined Card-ویدیو-11-3-نمایش یک عملیات سفارش‌دهی با Stripe با استفاده از کارت Accepted و Declined Demonstrating an Ordering Operation with Stripe using Accepted and Declined Card

• Setting up Stripe CLI on development machine for Stripe Webhook-ویدیو-11-4-راه‌اندازی Stripe CLI روی دستگاه توسعه برای Stripe Webhook Setting up Stripe CLI on development machine for Stripe Webhook

• Api Webhook Method development and Demonstration of the data capture from Stripe-ویدیو-11-5-توسعه متد Api Webhook و نمایش داده‌های دریافتی از Stripe Api Webhook Method development and Demonstration of the data capture from Stripe

• Checkout Success, Order and Order Details Components-ویدیو-11-6-کامپوننت‌های Checkout Success، Order و Order Details Checkout Success, Order and Order Details Components