آموزش جاوا فول استک (Spring Boot، Spring AI، React، Stripe، AWS) - آخرین آپدیت

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

مقدمه Introduction

• مقدمه دوره Introduction to the course

• مروری سریع بر Spring Framework A quick overview of the Spring Framework

دوره فشرده Spring Boot Spring Boot Crash Course

• نگاهی به پروژه Spring Boot A look at the Spring Boot Project

• تنظیم محیط توسعه Development Environment Setup

• تولید پروژه جدید Spring Boot Generate the new Spring Boot Project

• شروع کار با پروژه دموی Getting started with the demo project

• مرور وابستگی‌های Spring Boot Starter Spring Boot Starter Dependencies Overview

• درک REST APIها Understanding REST APIs

• حاشیه‌نویسی‌های Spring Spring Annotations

• پراستفاده‌ترین حاشیه‌نویسی‌های Spring Boot Most Commonly Used Spring Boot Annotations

• ایجاد اولین کنترلر Spring Boot بخش اول Creating the first spring boot controller part one

• ایجاد اولین کنترلر Spring Boot بخش دوم Creating the first spring boot controller part two

• بهترین شیوه‌ها برای Spring Boot REST APIها Spring Boot REST APIs best practices

• تولید پروژه بوت آدرس Generating the address boot project

• ایجاد کلاس Entity Create the entity class

• اجرای پروژه Run the project

• ایجاد کلاس و رابط سرویس Create the service class and interface

• پیاده‌سازی کلاس سرویس Implementing the service class

• ایجاد کنترلر Create the controller

• تست پروژه با Postman Testing the project with Postman

• جمع‌بندی Wrap up

دوره فشرده React React Crash Course

• مقدمه React Introduction to React

• تنظیم محیط توسعه React Setting up React Development Environment

• ایجاد اولین برنامه React Create our first React App

• بررسی فایل‌ها و پوشه‌های برنامه React Explore React app folders

• درک JSX Understanding JSX

• درک وضعیت کامپوننت React Understanding React Component State

• درک React Hooks Understanding React Hooks

• درک کامپوننت‌های React Understanding React Components

• مدیریت رویداد در React Event Handling in React

• کار با لیست و کلیدها در React Working with List and Keys in React

• رندر شرطی عناصر Conditional Rendering of Elements

• استایل‌دهی کامپوننت‌های React Styling React Components

• ایجاد یک برنامه ساده TODO Creating a simple TODO app

• تنظیم وضعیت کامپوننت TODO Set up the TODO component state

• افزودن TODO Add TODO

• حذف TODO Delete TODO

• ویرایش TODO Edit TODO

• علامت‌گذاری TODO به عنوان تکمیل شده Mark TODO as completed

• پیاده‌سازی فرم TODO Implementing the todo form

• استایل‌دهی کامپوننت TODO Styling the TODO component

• جمع‌بندی Wrap up

پروژه نهایی BE - مدل‌سازی موجودیت پروژه. Final project BE - Project Entity Modelling.

• دموی سریع پروژه A quick project demo

• موارد استفاده کاربران Users use cases

• بررسی محیط توسعه Development environment check

• مروری بر ERD محصول Product ERD overview

• تولید پروژه Generate the project

• ایجاد موجودیت‌ها و روابط محصول Create the product entities and relationships

• پیاده‌سازی کلاس‌های موجودیت Implementing the entity classes

• شروع اولیه پروژه initial project start up

• مروری بر ERD کاربر User ERD overview

• پیاده‌سازی ER کاربر Implementing the user ER

• بازنگری ساختار شمای پروژه Project schema structure revisit

• پیاده‌سازی ER سبد خرید Implementing the cart ER

• پیاده‌سازی ER سفارش Implementing the order ER

• نگاهی سریع به شمای نهایی پایگاه داده A quick look at the final database schema

پروژه نهایی BE - پیاده‌سازی سرویس محصول Final project BE - Product Service Implementation

• کار با لایه سرویس پروژه Working with the project service layer

• پیاده‌سازی لایه سرویس محصول-1 Implementing the product service layer-1

• نگاهی دقیق‌تر به متد find by name A closer look at the find by name method

• پیاده‌سازی متد add product Implementing the add product method

• پیاده‌سازی متد update product Implementing the update product method

• پیاده‌سازی متد delete product Implementing the delete product method

پروژه نهایی BE - پیاده‌سازی سرویس دسته بندی Final project BE - Category Service Implementation

• ایجاد کلاس و رابط سرویس دسته بندی Create the category service class and interface

• پیاده‌سازی سرویس‌های دسته بندی Implementing the category services

پروژه نهایی BE - پیاده‌سازی سرویس تصویر محصول Final project BE - The Product Image Service Implementation

• ایجاد کلاس و رابط سرویس تصویر Create the Image service class and interface

• پیاده‌سازی سرویس‌های تصویر Implementing the image services

پروژه نهایی BE - کار با کنترلرها بخش اول Final project BE - Working with the controllers part 1

• مروری سریع بر کلاس‌های DTO و ResponseEntity A quick overview of the DTO and ResponseEntity class

• ایجاد کنترلرهای اولیه Creating the initial controllers

• پیاده‌سازی کنترلر دسته بندی Implementing the category controller

• تکلیف ۱ Assignment 1

• پیاده‌سازی کنترلر تصویر Implementing the image controller

• تکلیف ۲ Assignment 2

• پیاده‌سازی کنترلر محصول بخش ۱ Implementing the product controller part 1

• پیاده‌سازی کنترلر محصول بخش ۲ Implementing the product controller part 2

• تکلیف ۳ Assignment 3

• تست API محصول با Postman Testing the product API with Postman

پروژه نهایی BE - مدیریت خطا در Spring Boot Final project BE - Exception Handling in Spring Boot

• مروری بر مدیریت خطا در Spring Boot Spring Boot Exception handling overview

• مدیریت خطای سراسری Global exception handling

• مباحث بیشتر در مدیریت خطا More on exception handling

• تکلیف ۴ Assignment 4

پروژه نهایی BE - پیاده‌سازی سرویس و کنترلر کاربر Final project BE - Implementing the user service and controller

• ایجاد سرویس کاربر Create the user service

• پیاده‌سازی سرویس کاربر Implementing the user service

• پیاده‌سازی کنترلر کاربر Implementing the user controller

• تکلیف ۵ Assignment 5

پروژه نهایی BE - پیاده‌سازی سرویس‌های سبد خرید Final project BE - Implementing the cart services

• ایجاد سرویس آیتم سبد خرید Create the cart item service

• افزودن آیتم به سبد خرید Add item to cart

• حذف آیتم از سبد خرید Remove item from cart

• به‌روزرسانی آیتم سبد خرید Update cart item

• پیاده‌سازی سرویس سبد خرید Implementing the cart service

• پیاده‌سازی کنترلر آیتم سبد خرید Implementing the cartItem controller

• پیاده‌سازی کنترلر سبد خرید Implementing the cart controller

پروژه نهایی BE - پیاده‌سازی سرویس سفارش Final project BE - Implementing the order service

• ایجاد سرویس سفارش Create the order service

• ایجاد کنترلر سفارش Create the order controller

• تست پروژه با Postman Testing the project with Postman

• تکلیف ۶ Assignment 6

• تکلیف ۷ Assignment 7

• تکلیف ۸ Assignment 8

پروژه نهایی BE - ادغام Spring Security و Jwt Final project BE - Spring Security and Jwt Integration

• مروری بر Spring Security Spring Security Overview

• مروری بر JWT و توکن بازسازی JWT and the Refresh Token Overview

• مروری بر توکن بازسازی Refresh Token Overview

• پیاده‌سازی کلاس‌های امنیتی کاربر Implementing user security classes

• پیاده‌سازی سرویس‌های JWT Implementing the JWT services

• پیاده‌سازی کلاس کمکی کوکی توکن بازسازی Implementing the refresh token cookie util class

• پیاده‌سازی کنترلر احراز هویت Implementing the authentication controller

• پیاده‌سازی کلاس پیکربندی امنیتی Implementing the security config class

• تست API امنیتی - ۱ Testing the security API - 1

• تست API امنیتی - ۲ Testing the security API - 2

• فیلترهای JWT، مدیریت خطا و تست JWT filters exception handling and testing

پروژه نهایی Frontend Final Project Frontend

• بررسی محیط توسعه Frontend Frontend Development Environment Check

• مروری سریع بر ابزارک Redux A quick overview of the redux toolkit

• ایجاد پروژه جدید React Generate new a react project

• بررسی فایل‌ها و پوشه‌های پروژه Exploring the project files and folders

• پاکسازی فایل‌های پروژه Cleaning up the project files

• راه‌اندازی فروشگاه Redux Setting up the redux store

• راه‌اندازی کامپوننت‌های طرح‌بندی پروژه Setting up the project layout components

صفحه اصلی فروشگاه The Shop Home Page

• ایجاد کامپوننت‌های Home و Navbar Create the home and navbar component

• ایجاد کامپوننت Footer Create the footer component

• ایجاد کامپوننت Hero Create the hero component

• ایجاد کامپوننت جستجو Create the search component

• ایجاد کامپوننت‌های صفحه بندی و کارت محصول خانگی Create the pagination and the home product card

• ایجاد کامپوننت تصویر محصول Create the product image component

• دریافت محصولات مجزا برای صفحه اصلی - سرویس‌های BE Get distinct products for the home page - BE services

• دریافت محصولات مجزا برای صفحه اصلی - سرویس‌های FE Get distinct products for the home page - FE services

• پیاده‌سازی فیلتر صفحه اصلی بخش ۱ Implementing the home page filter part 1

• پیاده‌سازی فیلتر صفحه اصلی بخش ۲ Implementing the home page filter part 2

• پیاده‌سازی اسلایس دسته بندی Implementing the category slice

• پیاده‌سازی فیلتر دسته بندی Implementing the category filter

• پیاده‌سازی پاک کردن فیلتر Implementing the clear filter

صفحه همه محصولات فروشگاه The Shop All Product Page

• ایجاد کامپوننت همه محصولات Create the all products component

• پیاده‌سازی اسلایس محصول Implementing the product slice

• پاکسازی نوار جستجو با Redux Toolkit Cleaning up the search bar with redux toolkit

• پاکسازی کامپوننت صفحه بندی با Redux Toolkit Cleaning up the pagination component with redux toolkit

• پیاده‌سازی کامپوننت نوار کناری Implementing the side bar component

• پیاده‌سازی فیلتر نوار کناری Implementing the side bar filter

• پیاده‌سازی فیلتر کوئری جستجوی URL Implementing url search query filter

• تکلیف ۹ Assignment 9

• پاکسازی پروژه Project clean up

صفحه جزئیات محصول The product details page

• ایجاد کامپوننت جزئیات محصول Create the product details component

• دریافت محصول Getting the product

• پیاده‌سازی کامپوننت زوم تصویر Implement the image zooming component

• پیاده‌سازی کامپوننت به‌روزرسانی کننده تعداد محصول Implement the product quantity updater component

• مدیریت به‌روزرسانی کننده تعداد محصول در Redux managing the product quantity updater in redux

• لینک دسته بندی فوتر - ۱ The footer category link - 1

• لینک دسته بندی فوتر - ۲ The footer category link - 2

• لینک دسته بندی فوتر - ۳ The footer category link - 3

• تکلیف ۱۰ Assignment 10

• راه حل Solution

کامپوننت سبد خرید The cart component

• ایجاد اسلایس سبد خرید ۱ Creating the cart slice 1

• ایجاد اسلایس سبد خرید ۲ Creating the cart slice 2

• ایجاد کامپوننت سبد خرید ۱ Creating the cart component 1

• ایجاد کامپوننت سبد خرید ۲ Creating the cart component 2

• به‌روزرسانی کننده تعداد آیتم سبد خرید The cart item quantity updater

• به‌روزرسانی کننده تعداد آیتم سبد خرید ۲ The cart item quantity updater 2

• حذف آیتم سبد خرید Remove cart item

• پاکسازی سبد خرید Cart clean up

• تکلیف ۱۱ Assignment 11

• جمع‌بندی wrap up

کامپوننت سفارش. The order component.

• پیاده‌سازی اسلایس سفارش Implementing the order slice

• بازیابی سفارش کاربر Implementing the fetch user order

• تکلیف ۱۲ Assignment 12

• پاکسازی پروژه Project clean up

• ادامه پاکسازی پروژه Project clean up cont..

• جمع‌بندی Wrap up

کامپوننت افزودن محصول The add product component

• مروری بر کامپوننت افزودن محصول Add product component overview

• ایجاد کامپوننت انتخاب کننده برند Creating the brand selector component

• تکلیف ۱۳ Assignment 13

• پیاده‌سازی کامپوننت افزودن محصول Implementing the add product component

• پیاده‌سازی کامپوننت افزودن محصول - ۲ Implementing the add product component - 2

• تست کامپوننت افزودن محصول Testing the add product component

• پیاده‌سازی کامپوننت آپلود کننده تصویر Implementing the image uploader component

• پیاده‌سازی کامپوننت آپلود کننده تصویر Implementing the image uploader component

• پیاده‌سازی کامپوننت آپلود کننده تصویر Implementing the image uploader component

• تست کامپوننت آپلود کننده تصویر Testing the image uploader component

• جمع‌بندی Wrap up

کامپوننت به‌روزرسانی محصول The product update component

• ایجاد کامپوننت به‌روزرسانی محصول Create the product update component

• ایجاد کامپوننت به‌روزرسانی محصول ۲ Create the product update component 2

• بازیابی تصاویر محصول Fetching the product images

• تست کامپوننت به‌روزرسانی محصول Testing the product update component

• پیاده‌سازی کامپوننت به‌روزرسانی تصویر ۱ Implementing the image update component 1

• پیاده‌سازی کامپوننت به‌روزرسانی تصویر ۲ Implementing the image update component 2

• پیاده‌سازی کامپوننت به‌روزرسانی تصویر ۳ Implementing the image update component 3

• تست به‌روزرسانی تصویر Testing the image update

• حذف تصویر محصول Delete product image

• افزودن تصویر محصول Add product image

• حذف محصول Deleting product

• پاکسازی پروژه Project cleaning up

کامپوننت ثبت نام کاربر The user registration component

• ایجاد API آدرس کاربر - BE Create the user address API - BE

• ایجاد سرویس‌های آدرس کاربر - BE Create the user address services - BE

• پیاده‌سازی سرویس‌های آدرس کاربر - BE Implementing the user address services - BE

• تکلیف ۱۴ Assignment 14

• ادغام آدرس با سرویس کاربر - BE Address integration with user service - BE

• تست API آدرس کاربر با Postman Testing the user address API with Postman

• پیاده‌سازی اسلایس کاربر - FE Implementing the user slice - FE

• پیاده‌سازی کامپوننت ثبت نام کاربر Implementing the user registration component

• تکلیف ۱۵ Assignment 15

• پیاده‌سازی کامپوننت ثبت نام کاربر ۱ Implementing the user Registration component 1

• پیاده‌سازی کامپوننت ثبت نام کاربر ۲ Implementing the user Registration component 2

• پیاده‌سازی کامپوننت ثبت نام کاربر ۳ Implementing the user Registration component 3

• پیاده‌سازی کامپوننت ثبت نام کاربر ۴ Implementing the user Registration component 4

• پیاده‌سازی کامپوننت ثبت نام کاربر ۵ Implementing the user Registration component 5

امن سازی Frontend Securing the frontend

• ایجاد کامپوننت ورود و اسلایس Create the login component and the slice

• پیاده‌سازی کامپوننت ورود ۱ Implementing the login component 1

• پیاده‌سازی کامپوننت ورود ۲ Implementing the login component 2

• پیاده‌سازی کامپوننت مسیر محافظت شده Implementing the protected route component

• امن سازی مسیرها Securing the routes

• افزودن نقش‌ها به کاربر Add roles to a user

• پیاده‌سازی مقداردهی اولیه داده پیش‌فرض Implement default data initializer

• مروری بر چرخه عمر موجودیت Hibernate Overview of hibernate entity lifecycle

• تست کامپوننت ورود Testing the login component

• پاکسازی امنیتی Frontend - ۱ Cleaning up the frontend security - 1

• پاکسازی امنیتی Frontend - ۲ Cleaning up the frontend security - 2

• پاکسازی امنیتی Frontend - ۳ Cleaning up the frontend security - 3

• پاکسازی امنیتی Frontend - ۴ Cleaning up the frontend security - 4

• پاکسازی امنیتی Frontend - ۵ Cleaning up the frontend security - 5

• افزودن اعتراض‌گر درخواست Axios Adding the Axios request interceptor

• تست اعتراض‌گر درخواست Axios Testing the Axios request interceptor

• افزودن اعتراض‌گر پاسخ Axios Adding the Axios response interceptor

• تست توکن بازسازی با اعتراض‌گر پاسخ Axios Testing the refresh token with the axios response interceptor

• جمع‌بندی پاکسازی امنیتی Frontend Frontend security clean up wrap up

• تکلیف ۱۶ Assignment 16

کامپوننت پروفایل کاربر The user profile component

• افزودن آدرس جدید برای کاربر - BE Add new address for a user - BE

• پیاده‌سازی کامپوننت پروفایل کاربر - ۱ Implementing the user profile component - 1

• پیاده‌سازی کامپوننت پروفایل کاربر - ۲ Implementing the user profile component - 2

• پیاده‌سازی کامپوننت پروفایل کاربر - ۳ Implementing the user profile component - 3

• پیاده‌سازی کامپوننت پروفایل کاربر - ۴ Implementing the user profile component - 4

• بازسازی کامپوننت آدرس Refactoring the address component

• تست کامپوننت آدرس Testing the address component

• پیاده‌سازی CRUD آدرس - ۱ Implementing-the-address-crud - 1

• پیاده‌سازی CRUD آدرس - ۲ Implementing-the-address-crud - 2

• تست CRUD آدرس Testing the address CRUD

• جمع‌بندی Wrap up

ادغام درگاه پرداخت Stripe. Integrating Stripe Payment Gateway.

• رفع خطاهای کامپوننت پروفایل کاربر Fixing the user profile component errors

• مروری سریع بر درگاه پرداخت Stripe A quick overview of stripe payment gateway

• ایجاد حساب Stripe Create a stripe account

• پیاده‌سازی Payment Intent - BE Implementing the payment Intent- BE

• پیاده‌سازی کامپوننت فرم پرداخت - FE Implementing the checkout form component -FE

• پیاده‌سازی کامپوننت پرداخت - ۱ Implementing the checkout component - 1

• پیاده‌سازی کامپوننت پرداخت - ۲ Implementing the checkout component - 2

• پیاده‌سازی کامپوننت پرداخت - ۳ Implementing the checkout component - 3

• پیاده‌سازی کامپوننت پرداخت - ۴ Implementing the checkout component - 4

• پیاده‌سازی کامپوننت پرداخت - ۵ Implementing the checkout component - 5

• تست بخش پرداخت ۱ Testing the payment part1

• تست بخش پرداخت ۲ Testing the payment part2

• تست بخش پرداخت ۳ Testing the payment part3

• تست سرتاسری پروژه بخش ۱ Project end to end test part1

• تست سرتاسری پروژه بخش ۲ Project end to end test part2

استقرار در AWS Deploying to AWS

• خوش آمدید به AWS Welcome to AWS

• مروری بر سرویس‌های AWS AWS services overview

• مروری بر مراحل استقرار AWS AWS deployment steps overview

• ایجاد و ورود به حساب توسعه‌دهنده AWS Create and sign in to AWS developer account

• ایجاد برنامه نمایشی Elastic Beanstalk Create elastic beanstalk demo app

• ایجاد پروفایل نمونه EC2 Create EC2 Instance Profile

• پیکربندی Elastic Beanstalk برای ایجاد الگوی راه‌اندازی Configure elastic beanstalk to create the Launch Template

• راه‌اندازی اولین محیط EC2 برای اجرای برنامه ما Launching the first EC2 environment to run our app

• انتقال پایگاه داده فروشگاه ما به AWS RDS Moving our shop database to AWS RDS

• استقرار بک‌اند فروشگاه ما در Elastic Beanstalk Deploy our shop backend to elastic beanstalk

• استقرار فرانت‌اند فروشگاه ما در باکت S3 AWS Deploy our shop frontend to AWS S3 bucket

• استقرار نسخه ۲ بک‌اند Deploy backend version 2

• استقرار نسخه ۲ فرانت‌اند Deploy frontend version 2

• رفع خطای تصویر جزئیات محصول Fix the product detail image error

• تست پروژه در ابر Testing the project in the cloud

ادغام Spring AI - Frontend Spring AI Integration - The Frontend

• مروری بر دموی نیازمندی‌ها Requirement demo overview

• ایجاد کامپوننت جستجوی تصویر بصری Create the visual image search component

• ایجاد رابط کاربری جستجوی تصویر بصری Create the visual image search UI

• به‌روزرسانی اسلایس جستجو در فروشگاه Redux Update the search slice in redux store

• به‌روزرسانی عملکرد جستجوی محصول Update the product search functionality

• به‌روزرسانی کامپوننت نوار جستجو Update the search bar component

• تست اجرای رابط کاربری جستجوی تصویر بصری Test run the visual image search UI

ادغام Spring AI - Backend Spring AI Integration - The Backend

• راه‌اندازی وابستگی Spring AI Setting up the spring ai dependency

• تولید کلید API Open AI Generate the Open AI API Key

• راه‌اندازی اتصال Chroma DB Setting up Chroma DB connection

• راه‌اندازی کانتینر Docker Setting up the Docker container

• ایجاد سرویس API Chroma DB Create the Chroma DB API Service

• ایجاد کنترلر API Chroma DB Create the Chroma DB API Controller

• تست API Chroma در Postman Testing the Chroma API in Postman

کار با LLM - Backend Working with LLM - The Backend

• مقدمه‌ای سریع بر پایگاه‌های داده برداری A quick introduction to vector databases

• مبانی مهندسی پرامپت Basics of Prompt Engineering

• کار با ChatModel Spring AI Working with the Spring AI ChatModel

• کار با ChatModel Spring AI ادامه دارد Working with the Spring AI ChatModel continue

• تست پاسخ ChatModel Testing the ChatModel Response

کار با Spring AI Chroma Vector Store Working with the Spring AI Chroma Vector Store

• بررسی کلاس Chroma Vector Store Exploring the chroma vector store class

• ایجاد سرویس Embedding Creating the embedding service

• ایجاد سرویس Embedding ادامه دارد.. Creating the embedding service cont..

• تست سرویس Embeddings Testing the embeddings service

• پیاده‌سازی جستجوی شباهت تصویر محصول Implementing the product image similarity search

• نگاهی دقیق‌تر به جستجوی شباهت Chroma Store A closer look at the chroma store similarity search

• نگاهی دقیق‌تر به جستجوی شباهت Chroma Store ادامه دارد. A closer look at the chroma store similarity search cont.

• تست جستجوی بصری تصویر Testing the image visual search

• پاکسازی پروژه Project clean-up

• تکلیف جمع‌بندی Wrap up assignment

جمع‌بندی دوره Course Wrap Up

• جمع‌بندی دوره و نکته پایانی Course wrap up and Final Note