آموزش تبدیل شوید به یک توسعه‌دهنده فول استک جاوا با ری اکت و اسپرینگ بوت - آخرین آپدیت

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

Welcome to Full Stack Development: Where Backend Meets Frontend and Sparks Fly ⚡

• معرفی دوره Course Introduction

• جزئیات کد منبع، محتوای PDF و سایر دستورالعمل‌های دوره Details of Source Code, PDF Content & other instructions for the course

• تکامل برنامه‌های وب Evolution of Web Apps

• ساخت اپلیکیشن Hello World React با استفاده از Vite Creating Hello World React App using Vite

• نصب Visual Studio Code و تنظیم تم‌ها Installing Visual Studio Code and Setting Up Themes

• ساخت اپلیکیشن Hello World SpringBoot Creating Hello World SpringBoot App

• اینتلی‌جی IDEA آلتیمیت IntelliJ IDEA Ultimate

• نصب IntelliJ IDEA و تنظیم تم‌ها Installing IntelliJ IDEA and Setting Up Themes

• کتابخانه در مقابل فریم‌ورک Library vs Framework

مبانی React – از سردرگمی JSX تا افزایش سرعت با Vite React Basics - From JSX Confusion to Vite Speed Boost

• معرفی React Introduction to React

• سوالات رایج هنگام یادگیری React Common questions while learning React

• ساخت اپلیکیشن‌ها با HTML و CSS ساده Building Apps using plain HTML & CSS

• ساخت اپلیکیشن‌ها با HTML، CSS و JS ساده Building Apps using plain HTML, CSS & JS

• ساخت اپلیکیشن‌ها با استفاده از کتابخانه React - بخش ۱ Building Apps using React library - Part 1

• ساخت اپلیکیشن‌ها با استفاده از کتابخانه React - بخش ۲ Building Apps using React library - Part 2

• آیا می‌توانیم اپلیکیشن‌های React را فقط با جاوااسکریپت بسازیم؟ Can we build React Apps using Javascript alone

• JSX چیست - بخش ۱ What is JSX - Part 1

• JSX چیست - بخش ۲ What is JSX - Part 2

• ساخت اپلیکیشن‌ها با استفاده از کتابخانه React و JSX Building Apps using React library & JSX

• چگونه کد JSX به جاوااسکریپت تبدیل می‌شود How JSX code converted into Javascript

• دمو تبدیل کد با Babel Transpilation demo with Babel

• چرا باید از ابزارهای بیلد مانند Vite استفاده کنیم؟ Why should we use build tools like Vite

• درک ساختار پوشه و فایل یک اپلیکیشن React تولید شده توسط Vite Understanding Folder and File Structure of a React App Generated by Vite

• درک کد منبع اپلیکیشن React تولید شده توسط Vite Understanding source code of the React App Generated by Vite

• DOM در مقابل Virtual DOM DOM vs Virtual DOM

• مبانی نسخه‌بندی معنایی (SemVer) Semantic Versioning (SemVer) Basics

• package-lock.json چیست؟ What is package-lock.json ?

هر آنچه در مورد کامپوننت‌های React باید بدانید Everything about React Components

• دمو اپلیکیشن فروشگاهی که قرار است بسازیم Demo of E-commerce app that we are going to build

• کامپوننت‌های React چیستند؟ What are React Components

• راه‌اندازی اپلیکیشن React و کتابخانه Font Awesome Setup React App & Font Awesome library

• از چه پسوند فایلی برای کامپوننت‌ها استفاده کنیم؟ Which file extension should we use for Components ?

• ساخت کامپوننت تابعی Header Building Header Functional Component

• ساخت کامپوننت کلاسی Header Building Header Class Component

• دستورات Export و Import Export and Import statements

• ساخت کامپوننت Footer Building Footer Component

• معرفی React Fragment Introduction to React Fragment

• طرح‌بندی صفحه اصلی Layout of Home Page

• ساخت کامپوننت‌های Home, PageHeading, PageTitle Building Home, PageHeading, PageTitle Components

• props و children در React چیستند؟ What are props and children in React

• دمو props در کامپوننت PageTitle Demo of props in PageTitle component

• دمو children در کامپوننت PageHeading Demo of children in PageHeading component

• ساخت کامپوننت‌های ProductListings, ProductCard, Price Building ProductListings, ProductCard, Price components

• راه‌اندازی داده‌های ساختگی محصولات و بهبود کامپوننت Home Setup products mock data and enhance Home Component

• معرفی key prop در React Introduction to key prop in React

• کامپوننت‌های داینامیک در React چیستند؟ What are Dynamic Components in React

• کامپوننت‌های داخلی در React Built-in components in React

• JSX در مقابل HTML - بخش ۱ JSX vs HTML - Part 1

• JSX در مقابل HTML - بخش ۲ JSX vs HTML - Part 2

استایل‌دهی به کامپوننت‌های React مانند یک حرفه‌ای Dressing Up React Components Like a Pro

• رویکردهای مختلف برای اعمال CSS و استایل‌دهی به کامپوننت‌های React Various approaches to apply CSS & style React components

• استایل‌دهی به اپلیکیشن‌های React با استفاده از فایل‌های CSS و نام کلاس‌ها Styling React Apps using CSS files and class names

• استایل‌دهی به اپلیکیشن‌های React با Inline Styles Styling React Apps with Inline Styles

• استفاده از Template Literals برای ترکیب استایل‌های ثابت و پویا Using Template Literals to combine static and dynamic styles

• استایل‌دهی به اپلیکیشن‌های React با CSS Modules Styling React Apps with CSS Modules

• استایل‌دهی به اپلیکیشن‌های React با Styled-Components - بخش ۱ Styling React Apps with Styled-Components - Part 1

• استایل‌دهی به اپلیکیشن‌های React با Styled-Components - بخش ۲ Styling React Apps with Styled-Components - Part 2

• استایل‌دهی به اپلیکیشن‌های React با Styled-Components - بخش ۳ Styling React Apps with Styled-Components - Part 3

• معرفی و نصب Bootstrap Bootstrap introduction & installation

• استایل‌دهی به دکمه‌ها با استفاده از Bootstrap Styling Buttons using Bootstrap

• استایل‌دهی به هشدارها با استفاده از Bootstrap Styling Alerts using Bootstrap

• استایل‌دهی به Card و Grid با استفاده از Bootstrap Styling Card and Grid using Bootstrap

• استایل‌دهی به فرم با استفاده از Bootstrap Styling Form using Bootstrap

• چگونه استایل‌دهی Bootstrap را سفارشی‌سازی کنیم؟ How to customize Bootstrap styling

• مزایا و معایب Bootstrap Pros and Cons of Bootstrap

استایل‌دهی به کامپوننت‌ها با استفاده از Tailwind CSS Styling Components using Tailwind CSS

• نصب Tailwind CSS در پروژه React Installing Tailwind CSS in React Project

• نصب افزونه‌های مرتبط با Tailwind CSS در VsCode Installing Tailwind CSS related extensions in VsCode

• بررسی کلاس‌های Utility در Tailwind Exploring Tailwind Utility classes

• دمو کلاس‌های Utility Typography و Spacing در Tailwind Demo of Typography, Spacing utility classes in Tailwind

• دمو کلاس‌های Utility Background color و Border در Tailwind Demo of Background color, Border utility classes in Tailwind

• دمو کلاس‌های Utility Flex, Grid و Table در Tailwind Demo of Flex, Grid, Table utility classes in Tailwind

• دمو کلاس‌های Utility استایل‌دهی دکمه، انیمیشن و استایل‌دهی کارت در Tailwind Demo of Button styling, Animation, Card styling classes in Tailwind

• طراحی واکنش‌گرا با Tailwind – تئوری Responsive Design with Tailwind - Theory

• طراحی واکنش‌گرا با Tailwind – دمو Responsive Design with Tailwind - Demo

• افزودن استایل‌های سفارشی در Tailwind Adding custom styles in Tailwind

• متغیرهای تم در Tailwind Theme variables in Tailwind

• تفاوت‌های کلیدی بین Tailwind و Bootstrap Key Differences Between Tailwind and Bootstrap

• استایل‌دهی به اپلیکیشن UI فروشگاهی با استفاده از Tailwind - بخش ۱ Styling E-commerce UI App using Tailwind - Part 1

• استایل‌دهی به اپلیکیشن UI فروشگاهی با استفاده از Tailwind - بخش ۲ Styling E-commerce UI App using Tailwind - Part 2

• استایل‌دهی به اپلیکیشن UI فروشگاهی با استفاده از Tailwind - بخش ۳ Styling E-commerce UI App using Tailwind - Part 3

معرفی فریم‌ورک Spring و مفاهیم اصلی آن Introduction to the Spring Framework and Its Core Concepts

• چرا باید از فریم‌ورک‌هایی مانند Spring و Spring Boot استفاده کنیم؟ Why should we use frameworks like Spring, Spring Boot

• معرفی Spring Introduction to Spring

• وارونگی کنترل (IoC) و تزریق وابستگی (DI) چیست؟ What is Inversion of Control (IoC) and Dependency Injection (DI)

• دمو وارونگی کنترل (IoC) و تزریق وابستگی (DI) Demo of Inversion of Control (IoC) and Dependency Injection (DI)

• مزایای وارونگی کنترل (IoC) و تزریق وابستگی (DI) Advantages of Inversion of Control (IoC) and Dependency Injection (DI)

• Spring Bean, Spring Context و IoC container چیستند؟ What is Spring Bean, Spring Context, IoC container

• ساخت پروژه Spring با استفاده از Maven Creating Spring Project using Maven

• ساخت Beanها با استفاده از annotation @Bean - بخش ۱ Creating Beans using @Bean annotation - Part 1

• ساخت Beanها با استفاده از annotation @Bean - بخش ۲ Creating Beans using @Bean annotation - Part 2

• درک NoUniqueBeanDefinitionException Understanding NoUniqueBeanDefinitionException

• ارائه یک نام سفارشی برای Bean Providing a custom name to the bean

• درک annotation @Primary در Spring Understanding @Primary Annotation inside Spring

• ساخت Beanها با استفاده از annotation @Component Creating Beans using @Component annotation

• Annotationهای Stereotype در Spring Stereotype Annotations in Spring

• مقایسه بین @Bean و @Component Comparison between @Bean Vs @Component

• معرفی Beans Wiring در Spring Introduction to Beans Wiring inside Spring

• اتصال Beanها با استفاده از فراخوانی متد Wiring Beans using method call

• اتصال Beanها با استفاده از پارامترهای متد Wiring Beans using method parameters

• Autowiring در Spring چیست؟ What is Autowiring in Spring ?

• Autowiring با استفاده از Field Injection Autowiring using Field Injection

• Autowiring با استفاده از Setter و Constructor Injection Autowiring using Setter and Constructor Injection

• معرفی و دمو annotation @Qualifier Intro and demo of @Qualifier annotation

• درک و اجتناب از وابستگی‌های دایره‌ای Understanding and Avoiding Circular dependencies

• بررسی عمیق Scope Singleton Bean Deepdive on Singleton Bean scope

• بررسی عمیق instantiation فوری (Eager) و تنبل (Lazy) Singleton bean Deep dive on Eager and Lazy instantiation of Singleton bean

• بررسی عمیق Scope Prototype Bean Deepdive of Prototype Bean scope

ساخت اپلیکیشن بک‌اند با استفاده از Spring Boot Building Backend App using Spring Boot

• معرفی Spring Boot – قهرمان فریم‌ورک Spring Introduction to Spring Boot - The HERO of Spring framework

• ساخت اپلیکیشن وب مبتنی بر Spring Boot Creating Spring Boot based Web application

• Spring Boot Starterها چیستند؟ What are Spring Boot Starters ?

• نحوه راه‌اندازی اپلیکیشن Spring Boot و هدف annotation @SpringBootApplication How to start a Spring Boot app & purpose of @SpringBootApplication annotation

• دمو Spring Boot Auto-Configuration Demo of Spring Boot Auto-Configuration

• ساخت سرویس‌های REST با Spring Boot Building REST Services with Spring Boot

• استاندارد‌های نام‌گذاری، نسخه‌بندی و کد وضعیت پاسخ در REST APIها REST APIs naming, versioning, response status code standards

• ساخت اولین REST API ما با استفاده از Spring Boot Building our first REST API using Spring Boot

• راه‌اندازی H2 DB in-memory Setting up in-memory H2 DB

• مقداردهی اولیه H2 DB با داده‌های محصولات Initialising H2 DB with the products data

• ذخیره داده‌های H2 DB با استفاده از گزینه دیسک فایل Storing H2 DB data using file disk option

• چرا باید از فریم‌ورک‌هایی مانند Spring Data JPA استفاده کنیم؟ Why should we use frameworks like Spring Data JPA

• معرفی Spring Data و Spring Data JPA Introduction to Spring Data & Spring Data JPA

• اینترفیس‌های مهم Spring Data و Spring Data JPA Spring Data and Spring Data JPA important interfaces

• ساخت کلاس Entity با استفاده از annotationهای @Entity, @Table, @Column Creating Entity class using @Entity, @Table, @Column annotations

• معرفی کتابخانه Lombok Introduction to Lombok library

• ساخت اینترفیس Repository با استفاده از JpaRepository در Spring Data JPA Creating Repository interface using JpaRepository of Spring Data JPA

• دمو تغییرات Spring Data JPA Demo of Spring Data JPA changes

• بهبود منطق اپلیکیشن با لایه سرویس Enhancing Application logic with service layer

• پیاده‌سازی الگوی DTO Implementing DTO pattern

• تولید کلاس Entity و اینترفیس Repository با استفاده از JPA Buddy Generating Entity class and Repository interface using JPA Buddy

• نصب کتابخانه axios در اپلیکیشن UI برای فراخوانی APIها Installing axios library in UI app for making API calls

• اعمال تغییرات در اپلیکیشن React برای فراخوانی API بک‌اند Making changes in React app to invoke backend API

• معرفی CORS – تئوری Introduction to CORS - Theory

• رفع خطای CORS Fixing CORS error

• نمایش پیام بارگذاری و خطا در صفحه اصلی Showing loading and error message in the Home page

• معرفی StrictMode Introduction to StrictMode

رویدادها و هوک‌های React – کلیک، مدیریت، تکرار React Events & Hooks - Click, Handle, Repeat

• ساخت کامپوننت‌های SearchBox و Dropdown Building SearchBox and Dropdown components

• مدیریت رویدادها در React - بخش ۱ Handling Events in React - Part 1

• مدیریت رویدادها در React - بخش ۲ Handling Events in React - Part 2

• معرفی React Hooks Introduction to React Hooks

• درک هوک useState React - بخش ۱ Understanding useState React hook - Part 1

• درک هوک useState React - بخش ۲ Understanding useState React hook - Part 2

• پیاده‌سازی منطق مرتب‌سازی با هوک useState React Implementing Sort Logic with useState React hook

• بهبود منطق اپلیکیشن با هوک useMemo React Enhancing App logic with useMemo React hook

• درک هوک useEffect React Understanding useEffect React hook

حالت تاریک و پایگاه‌های داده – چون چشمان و داده‌های شما سزاوار آسایش هستند Dark Mode & Databases - Because Your Eyes and Data Deserve Comfort

• معرفی حالت تاریک در Tailwind CSS Introduction to Dark mode in Tailwind CSS

• ساخت یک دکمه برای تغییر تم‌ها در اپلیکیشن UI Building a button to toggle themes in UI app

• افزودن و حذف کلاس dark از المان HTML Adding and removing the dark class from HTML element

• اعمال استایل حالت تاریک برای کل اپلیکیشن Applying the Dark mode styling for the entire app

• ذخیره داده‌های تم در localStorage Storing the theme data inside localStorage

• آیا کامپوننت‌های ما هنگام تغییر تم دوباره رندر می‌شوند؟ Are our components re rendering when we toggle theme

• راه‌اندازی MySQL DB با استفاده از Docker Setup MySQL DB using Docker

• مهاجرت از H2 DB به MySQL DB Migrating from H2 DB to MySQL DB

سفر بزرگ مسیردهی React – یک ماجراجویی SPA چند صفحه‌ای The Great React Route Trip - A Multi-Page SPA Adventure

• معرفی مسیردهی در React Introduction to React Routing

• تعریف مسیرها Defining Routes

• بهینه‌سازی تعریف مسیرها با استفاده از Outlet Optimising Routes definitions using Outlet

• مسیریابی با استفاده از Link و NavLink Navigating using Link and NavLink

• ساخت یک صفحه خطا با استفاده از errorElement و useRouteError Building an error page using errorElement and useRouteError

• تعریف مسیرها با استفاده از createRoutesFromElements و Route Defining Routes using createRoutesFromElements and Route

• بهبود کامپوننت‌های About, Contact, Login, Cart Enhancing About, Contact, Login, Cart components

• بارگذاری داده‌ها با استفاده از توابع loader Loading data using loader functions

• خواندن داده‌های loader با استفاده از هوک useLoaderData Reading loader data using useLoaderData hook

• ردیابی مسیریابی و ارسال فرم‌ها با استفاده از useNavigation() Tracking Navigation and Form Submissions using useNavigation()

• مسیریابی برنامه‌نویسی‌شده با استفاده از هوک‌های useNavigate() و useLocation Navigate programatically using useNavigate() and useLocation hooks

• ساخت REST API مخاطبین در بک‌اند Building contacts REST API on the backend

• ذخیره داده‌ها با استفاده از توابع action - بخش ۱ Saving data using action functions - Part 1

• ذخیره داده‌ها با استفاده از توابع action - بخش ۲ Saving data using action functions - Part 2

• نمایش پیام‌های Toast و دمو redirect Showing toast messages and demo of redirect

• ارسال دستی فرم با استفاده از هوک useSubmit() Submitting form manually using useSubmit() hook

• ساخت مسیرهای داینامیک و دمو هوک useParams() Building Dynamic Routes and demo of useParams() hook

• ارسال داده‌ها با استفاده از state و خواندن آن با useLocation() Passing data using state and reading it with useLocation()

• بهبود صفحه جزئیات محصول Enhancing Product Detail page

• خلاصه‌ای از مفاهیم مسیردهی در React Summary of React Routing concepts

ساخت اپلیکیشن‌های قدرتمند Spring Boot Building Robust Spring Boot Apps

• اجتناب از راه‌اندازی‌های دستی با Spring Boot DevTools Avoiding Manual Restarts with Spring Boot DevTools

• بررسی سلامت و معیارهای آسان با Spring Boot Actuator - بخش ۱ Health Checks & Metrics Made Easy with Spring Boot Actuator - Part 1

• بررسی سلامت و معیارهای آسان با Spring Boot Actuator - بخش ۲ Health Checks & Metrics Made Easy with Spring Boot Actuator - Part 2

• بررسی سلامت و معیارهای آسان با Spring Boot Actuator - بخش ۳ Health Checks & Metrics Made Easy with Spring Boot Actuator - Part 3

• نگاشت بدنه درخواست HTTP به آبجکت‌های جاوا با استفاده از @RequestBody Mapping HTTP Request Body to Java Objects Using @RequestBody

• تسلط بر @RequestParam در Spring Boot – توضیح پارامترهای کوئری Mastering @RequestParam in Spring Boot – Query Parameters Explained

• تسلط بر @PathVariable – استخراج Path Parameters در REST APIها Mastering @PathVariable – Extracting Path Parameters in REST APIs

• مدیریت هدرهای HTTP با @RequestHeader در Spring Boot Handling HTTP Headers with @RequestHeader in Spring Boot

• مدیریت درخواست‌های HTTP با RequestEntity در Spring Boot Handling HTTP Requests with RequestEntity in Spring Boot

• تسلط بر ResponseEntity در Spring Boot – مدیریت پاسخ‌ها مانند یک حرفه‌ای Mastering ResponseEntity in Spring Boot – Handling Responses Like a Pro

• مدیریت خطای سراسری در Spring Boot - بخش ۱ Global Exception Handling in Spring Boot - Part 1

• مدیریت خطای سراسری در Spring Boot - بخش ۲ Global Exception Handling in Spring Boot - Part 2

• مدیریت خطای سراسری در Spring Boot - بخش ۳ Global Exception Handling in Spring Boot - Part 3

• مستندسازی API Spring Boot با Spring doc OpenAPI Spring Boot API Documentation with Spring doc OpenAPI

• افشای ریسک – خطرات تکیه صرف به اعتبارسنجی سمت کلاینت Exposing the Risk - Dangers of Relying Only on Client-Side Validation

• اعتبارسنجی‌های بک‌اند – آخرین خط دفاعی شما - بخش ۱ Backend Validations - Your Last Line of Defense - Part 1

• اعتبارسنجی‌های بک‌اند – آخرین خط دفاعی شما - بخش ۲ Backend Validations - Your Last Line of Defense - Part 2

• اعتبارسنجی‌های بک‌اند – آخرین خط دفاعی شما - بخش ۳ Backend Validations - Your Last Line of Defense - Part 3

• حسابرسی Spring Data JPA در عمل – چه کسی چه کاری را چه زمانی انجام داد - بخش ۱ Spring Data JPA Auditing in Action - Who Did What and When - Part 1

• حسابرسی Spring Data JPA در عمل – چه کسی چه کاری را چه زمانی انجام داد - بخش ۲ Spring Data JPA Auditing in Action - Who Did What and When - Part 2

• رمزگشایی از Logging در Spring Boot – نحوه عملکرد آن در پس‌زمینه - بخش ۱ Spring Boot Logging Demystified - How It Works Behind the Scenes - Part 1

• رمزگشایی از Logging در Spring Boot – نحوه عملکرد آن در پس‌زمینه - بخش ۲ Spring Boot Logging Demystified - How It Works Behind the Scenes - Part 2

• رمزگشایی از Logging در Spring Boot – نحوه عملکرد آن در پس‌زمینه - بخش ۳ Spring Boot Logging Demystified - How It Works Behind the Scenes - Part 3

• مدیریت Beanهای به ازای هر درخواست با @RequestScope در Spring Managing Per-Request Beans with @RequestScope in Spring

• Session Scope در Spring – مدیریت داده‌های Session کاربر Session Scope in Spring - Managing User Session Data

• Application Scope در Spring – به اشتراک‌گذاری داده‌ها در سراسر اپلیکیشن Application Scope in Spring - Sharing Data Across the App

پیاده‌سازی سبد خرید با React Context API Implementing a Shopping Cart with React Context API

• دمو قابلیت سبد خرید که قرار است پیاده‌سازی کنیم Demo of the Cart functionality that we are going to implement

• چرا نمی‌توانیم قابلیت سبد خرید را با استفاده از props پیاده‌سازی کنیم؟ Why can't we implement Cart functionality using props

• توضیح Prop Drilling – چه زمانی و چگونه از آن اجتناب کنیم Prop Drilling Explained - When and How to Avoid It

• چرا و چگونه State را در React بالا ببریم Why and How to Lift State Up in React

• ایجاد و ارائه Context Creating and Providing Context

• مصرف Context در کامپوننت‌های فرزند با استفاده از هوک useContext() Consume the Context in child components using useContext() hook

• ساخت منطق سبد خرید - بخش ۱ Building Shopping Cart logic - Part 1

• ساخت منطق سبد خرید - بخش ۲ Building Shopping Cart logic - Part 2

• ساخت منطق سبد خرید - بخش ۳ Building Shopping Cart logic - Part 3

• ساخت منطق سبد خرید - بخش ۴ Building Shopping Cart logic - Part 4

• معرفی هوک useReducer() Introduction to useReducer() hook

• ساخت منطق سبد خرید با استفاده از useReducer() - بخش ۱ Building Shopping cart logic using useReducer() - Part 1

• ساخت منطق سبد خرید با استفاده از useReducer() - بخش ۲ Building Shopping cart logic using useReducer() - Part 2

ایمن‌سازی اپلیکیشن‌های وب با استفاده از Spring Security Securing Web Apps using Spring Security

• به Spring Security سلام کنید Say Hello to Spring Security

• رفتار پیش‌فرض (پیکربندی صفر) Spring Security Default Behavior (Zero Configuration) of Spring Security

• پیکربندی اعتبارات کاربر ثابت با استفاده از Spring Security Configuring a static user credentials using Spring Security

• اصلاح کد پیکربندی امنیتی بر اساس الزامات سفارشی ما - بخش ۱ Modifying the security config code as per our custom requirements - Part 1

• اصلاح کد پیکربندی امنیتی بر اساس الزامات سفارشی ما - بخش ۲ Modifying the security config code as per our custom requirements - Part 2

• جریان داخلی Spring Security Spring Security Internal flow

• دمو جریان داخلی Spring Security Demo of Spring Security internal flow

• Encoding در مقابل Encryption در مقابل Hashing Encoding Vs Encryption Vs Hashing

• بررسی عمیق Hashing و معرفی Password Encoderها Deep dive on Hashing & introduction to Password Encoders

• ایجاد کاربران با استفاده از InMemoryUserDetailsManager - بخش ۱ Creating users using InMemoryUserDetailsManager - Part 1

• ایجاد کاربران با استفاده از InMemoryUserDetailsManager - بخش ۲ Creating users using InMemoryUserDetailsManager - Part 2

• ساخت یک REST API ورود جدید در بک‌اند Building a new login REST API on the backend

• اعمال تغییرات در اپلیکیشن UI برای فراخوانی REST API ورود Making changes on UI app to invoke login REST API

• فراخوانی دستی جریان احراز هویت Spring Security - بخش ۱ Invoking the Spring Security authentication flow manually - Part 1

• فراخوانی دستی جریان احراز هویت Spring Security - بخش ۲ Invoking the Spring Security authentication flow manually - Part 2

• معرفی توکن‌های JWT Introduction to JWT tokens

• چگونه توکن‌های JWT با استفاده از امضا اعتبارسنجی می‌شوند؟ How JWT tokens validated using signature

• تولید توکن JWT در اپلیکیشن بک‌اند - بخش ۱ Generating JWT token in backend app - Part 1

• تولید توکن JWT در اپلیکیشن بک‌اند - بخش ۲ Generating JWT token in backend app - Part 2

• ایجاد Auth Context با استفاده از React Context API Creating Auth Context using React Context API

• فعال‌سازی اکشن loginSuccess از صفحه ورود Trigger loginSuccess action from Login page

• محافظت از مسیرها در اپلیکیشن React بر اساس وضعیت احراز هویت (Auth state) Protecting Routes in React app based on Auth state

• هدایت کاربر نهایی به مسیر محافظت‌شده‌ای که قبلاً به آن دسترسی داشته است Navigating the end user to the previously accessed protected route

• بهبود کامپوننت Header با آیتم‌های منوی جدید - بخش ۱ Enhancing the Header component with new menu items - Part 1

• بهبود کامپوننت Header با آیتم‌های منوی جدید - بخش ۲ Enhancing the Header component with new menu items - Part 2

• بهبود کامپوننت Header با آیتم‌های منوی جدید - بخش ۳ Enhancing the Header component with new menu items - Part 3

• ساخت یک REST API ثبت‌نام جدید در بک‌اند Building a new register REST API on the backend

• ساخت یک صفحه ثبت‌نام جدید در UI Building a new register page on the UI

• تست جریان ثبت‌نام از ابتدا تا انتها Testing the end to end registration flow

احراز هویت Spring Security با استفاده از پایگاه داده Spring Security Authentication using Database

• ایجاد جدول مشتریان برای ذخیره جزئیات کاربر نهایی Creating customers table to store end user details

• به‌روزرسانی API ثبت‌نام برای ذخیره جزئیات مشتری جدید در جدول پایگاه داده Updating the register API to store new customer details into DB table

• معرفی Derived Query Methodها در Spring Data JPA Introduction to Derived Query Methods in Spring Data JPA

• مثال‌هایی از Derived Query Methodها در Spring Data JPA Examples of Derived Query Methods in Spring Data JPA

• جلوگیری از ثبت مشتریان تکراری هنگام ثبت‌نام با استفاده از Derived Query method Stopping duplicate customers during registration using Derived Query method

• جلوگیری از استفاده کاربران نهایی از رمزهای عبور ضعیف با CompromisedPasswordChecker Stopping end users from using weak passwords with CompromisedPasswordChecker

• تعریف Authentication Provider خودمان برای عملیات ورود - بخش ۱ Defining our own Authentication Provider for login operation - Part 1

• تعریف Authentication Provider خودمان برای عملیات ورود - بخش ۲ Defining our own Authentication Provider for login operation - Part 2

• تست عملیات ثبت‌نام و ورود از ابتدا تا انتها با تغییرات جدید Testing register, login operations end to end with new changes

• به‌روزرسانی پروفایل با توابع loader و action برای تعامل با بک‌اند Updating Profile with loader, action functions to interact with backend

• ارسال توکن JWT از UI برای هر درخواست با استفاده از منطق Axios interceptor Sending JWT token from UI for each request using Axios interceptor logic

• ساخت یک فیلتر در بک‌اند برای اعتبارسنجی توکن JWT - بخش ۱ Building a filter on the backend to validate the JWT token - Part 1

• ساخت یک فیلتر در بک‌اند برای اعتبارسنجی توکن JWT - بخش ۲ Building a filter on the backend to validate the JWT token - Part 2

• ساخت یک REST API از نوع GET برای خواندن جزئیات پروفایل Building a GET REST API to read the profile details

• ایجاد یک جدول Address جدید برای ذخیره جزئیات آدرس مشتری Creating a new Address table to store the customer address details

• معرفی روابط در Spring Data JPA Introduction to Spring Data JPA relationships

• بررسی عمیق نگاشت OneToOne Deepdive on OneToOne mapping

• درک انواع FETCH در JPA Understanding FETCH Types in JPA

• درک انواع Cascade در JPA Understanding Cascade Types in JPA

• انجام پیکربندی‌های OneToOne در موجودیت‌های Customer و Address Making OneToOne configurations inside Customer and Address entities

• ساخت یک REST API از نوع PUT برای به‌روزرسانی جزئیات پروفایل - بخش ۱ Building a PUT REST API to update the profile details - Part 1

• ساخت یک REST API از نوع PUT برای به‌روزرسانی جزئیات پروفایل - بخش ۲ Building a PUT REST API to update the profile details - Part 2

• ساخت یک REST API از نوع PUT برای به‌روزرسانی جزئیات پروفایل - بخش ۳ Building a PUT REST API to update the profile details - Part 3

• بهبود فیلدهای حسابرسی پایگاه داده Database Audit fields enhancements

پیاده‌سازی مجوزدهی (Authorization) با استفاده از Spring Security Implementing Authorization using Spring Security

• احراز هویت در مقابل مجوزدهی Authentication vs Authorization

• AUTHORITY در مقابل ROLE در Spring Security AUTHORITY vs ROLE in Spring Security

• چگونه قوانین مجوزدهی را با استفاده از Spring Security پیکربندی کنیم؟ How to configure Authorization rules using Spring Security

• ایجاد رابطه OneToMany بین موجودیت‌های Customer و Role Establishing OneToMany relationship between Customer and Role entities

• ذخیره و واکشی اطلاعات نقش‌ها برای پیاده‌سازی مجوزدهی Storing & fetching roles information to implement Authorization

• دمو مجوزدهی Demo of Authorization

درک حمله CSRF – تهدید پنهان برای اپلیکیشن‌های وب Understanding CSRF attack - The Hidden Threat to Web Applications

• معرفی حمله جعل درخواست بین‌سایتی (CSRF) Introduction to CROSS-SITE REQUEST FORGERY (CSRF) attack

• راه‌حل حمله CSRF Solution to CSRF attack

• دمو محافظت CSRF ارائه شده توسط Spring Security Demo of CSRF protection provided by Spring Security

• پیاده‌سازی راه‌حل توکن CSRF - بخش ۱ Implementing CSRF token solution - Part 1

• پیاده‌سازی راه‌حل توکن CSRF - بخش ۲ Implementing CSRF token solution - Part 2

از سبد خرید تا پول نقد – پیاده‌سازی Stripe Checkout From Cart to Cash - Implementing Stripe Checkout

• قبل از کد – چگونه حساب Stripe خود را به درستی راه‌اندازی کنیم؟ Before the Code - How to Set Up Your Stripe Account Properly

• پیاده‌سازی پرداخت با Stripe در UI - بخش ۱ Implementing Checkout with Stripe on UI - Part 1

• پیاده‌سازی پرداخت با Stripe در UI - بخش ۲ Implementing Checkout with Stripe on UI - Part 2

• پیاده‌سازی پرداخت با Stripe در UI - بخش ۳ Implementing Checkout with Stripe on UI - Part 3

• اطمینان از وجود جزئیات آدرس قبل از پرداخت - بخش ۱ Making sure Address details are present before Checkout - Part 1

• اطمینان از وجود جزئیات آدرس قبل از پرداخت - بخش ۲ Making sure Address details are present before Checkout - Part 2

• ساخت REST API برای create-payment-intent در بک‌اند Building create-payment-intent REST API on the backend

• دمو پردازش پرداخت با REST API سفارش‌ها Demo of payment processing with out orders REST API

• ایجاد جداول و موجودیت‌های مورد نیاز برای REST API سفارش‌ها Creating required tables, entities for the orders REST API

• orphanRemoval در JPA orphanRemoval in JPA

• ساخت REST API سفارش‌ها - بخش ۱ Building orders REST API - Part 1

• ساخت REST API سفارش‌ها - بخش ۲ Building orders REST API - Part 2

• مدیریت سناریوی انقضای توکن Handling Token expiration scenario

ساخت REST APIهای جدید و کامپوننت‌های UI مرتبط با سفارشات و پیام‌های تماس Building new REST APIs, UI Components related to Orders, Contact Messages

• دستور کار بخش و جزئیات تکلیف Agenda of the section & assignment details

• ساخت REST API سفارشات مشتری از نوع GET Building GET customer orders REST API

• بهبود کامپوننت Orders در سمت React برای نمایش سفارشات مشتری Enhancing Orders component on React side to display the customer orders

• ساخت REST APIهای سفارشات ADMIN Building ADMIN orders REST APIs

• بهبود کامپوننت AdminOrders در سمت React برای نمایش سفارشات در انتظار Enhancing AdminOrders component on React side to display the pending orders

• ساخت REST APIهای پیام‌های ADMIN Building ADMIN messages REST APIs

• بهبود کامپوننت Messages در سمت React برای نمایش پیام‌های در انتظار Enhancing Messages component on React side to display the pending messages

• ایمن‌سازی مسیرهای Actuator و Swagger با استفاده از پیکربندی‌های نقش صحیح Securing Actuator and Swagger paths using correct role configurations

کوئری‌های سفارشی در JPA – وقتی نام متد کافی نیست Custom Queries in JPA - When the Method Name Just Won’t Cut It

• معرفی نوشتن کوئری‌های سفارشی در JPA Introduction to writing custom queries in JPA

• نوشتن کوئری‌های سفارشی با استفاده از @Query با JPQL داخلی (روش رایج‌تر) Writing custom queries using @Query with inline JPQL (Most Common Way)

• نوشتن کوئری‌های سفارشی با استفاده از @Query با کوئری‌های native داخلی Writing custom queries using @Query with inline native queries

• نوشتن کوئری‌های DML سفارشی با استفاده از annotation @Query Writing DML custom queries using @Query annotation

• به‌روزرسانی دستی فیلدهای حسابرسی هنگام استفاده از annotation @Query Updating the audit fields manually when using @Query annotation

• کوئری‌های سفارشی از پیش تعریف شده با استفاده از @NamedQuery و @NamedNativeQuery Predefined custom queries using @NamedQuery and @NamedNativeQuery

• معرفی annotation @Transactional Introduction to @Transactional annotation

بررسی رابطه @ManyToMany JPA و کش‌کردن در Spring Boot Exploring @ManyToMany JPA relationship & Spring Boot Caching

• معرفی رابطه @ManyToMany JPA و سناریوهایی که به آن نیاز داریم Introduction to @ManyToMany JPA relation and under which scenarios we need it

• چرا در رابطه Many-to-Many به یک جدول سوم نیاز داریم؟ Why do we need a third table in a Many-to-Many relationship ?

• اعمال تغییرات لازم در پایگاه داده برای پیاده‌سازی رابطه @ManyToMany Making required Database changes to implement @ManyToMany relationship

• اعمال تغییرات کد @ManyToMany Making @ManyToMany code changes

• تست سناریوهای E2E با تغییرات کد @ManyToMany Testing E2E scenarios with @ManyToMany code changes

• Caching چیست و چگونه عملکرد را بهبود می‌بخشد؟ What is Caching and how it improves performance

• شروع کار با تغییرات کد کش‌کردن با @Cacheable Getting started with the caching code changes with @Cacheable

• دمو تغییرات کش‌کردن Demo of caching changes

• معرفی annotationهای @CachePut, @CacheEvict و زمان استفاده از آن‌ها Introduction to @CachePut, @CacheEvict annotations and when to use them

• کش‌کردن در Spring با پیکربندی TTL (Time-To-Live) – تئوری Spring Caching with TTL(Time-To-Live) Configuration - Theory

• کش‌کردن در Spring با پیکربندی TTL (Time-To-Live) – دمو Spring Caching with TTL(Time-To-Live) Configuration - Demo

تسلط بر Spring Boot Profiles و مدیریت خصوصیات Mastering Spring Boot Profiles & Properties Management

• خواندن خصوصیات با استفاده از annotation @Value Reading properties using @Value annotation

• خواندن خصوصیات با استفاده از Environment Reading properties using Environment

• خواندن خصوصیات با استفاده از @ConfigurationProperties Reading properties using @ConfigurationProperties

• خواندن خصوصیات با استفاده از @PropertySource Reading properties using @PropertySource

• بیرونی‌سازی خصوصیات – تئوری Externalizing properties - Theory

• بیرونی‌سازی خصوصیات – دمو Externalizing properties - Demo

• معرفی Spring Boot Profiles Introduction to Spring Boot Profiles

• دمو Spring Boot Profiles Demo of Spring Boot Profiles

• ایجاد شرطی Bean در Spring Boot – تئوری Conditional Bean Creation in Spring Boot - Theory

• ایجاد شرطی Bean در Spring Boot – دمو Conditional Bean Creation in Spring Boot - Demo

مدیریت وضعیت بدون اشک و ناراحتی – با Redux و RTK آشنا شوید State Management Without Tears - Meet Redux & RTK

• معرفی Redux Introduction to Redux

• Redux در مقابل React Context API Redux vs React Context API

• شباهت‌های Redux و useReducer Redux and useReducer similarities

• بلوک‌های سازنده Redux و چگونگی کمک RTK در ساخت آن‌ها Building blocks of Redux & how RTK helps in building them

• مراحل ساخت Redux store – تئوری - بخش ۱ Steps to build Redux store - Theory - Part 1

• مراحل ساخت Redux store – تئوری - بخش ۲ Steps to build Redux store - Theory - Part 2

• ساخت cart slice و store با استفاده از Redux و RTK Creating cart slice, store using Redux and RTK

• به‌روزرسانی اپلیکیشن React برای استفاده از داده‌های وضعیت سبد خرید از Redux store Updating the React app to use cart state data from Redux store

• تست اپلیکیشن برای اعتبارسنجی تغییرات Redux در مورد وضعیت سبد خرید Testing the app to validate Redux changes around cart state

• مهاجرت وضعیت Auth از React Context به Redux store Migrating Auth state from React Context to Redux store

• Redux DevTools – جاسوس شخصی وضعیت شما Redux DevTools - Your State's Personal Spy

از کد تا کلود – استقرار یک اپلیکیشن Full-Stack در AWS From Code to Cloud - Deploying a Full-Stack App on AWS

• معرفی استقرار در AWS Introduction to AWS Deployment

• آماده‌سازی اپلیکیشن UI React برای استقرار در محیط تولید Preparing React UI app for production deployment

• استقرار اپلیکیشن UI React در کلود با استفاده از AWS Amplify Deploying React UI app into cloud using AWS Amplify

• ایجاد MySQL DB در کلود با استفاده از سرویس AWS RDS Creating MySQL DB in cloud using AWS RDS service

• آماده‌سازی اپلیکیشن بک‌اند SpringBoot برای استقرار در محیط تولید Preparing SpringBoot backend app for production deployment

• استقرار اپلیکیشن بک‌اند SpringBoot در کلود با استفاده از AWS Elastic Beanstalk - بخش ۱ Deploying SpringBoot backend app into cloud using AWS Elastic Beanstalk - Part 1

• استقرار اپلیکیشن بک‌اند SpringBoot در کلود با استفاده از AWS Elastic Beanstalk - بخش ۲ Deploying SpringBoot backend app into cloud using AWS Elastic Beanstalk - Part 2

• پذیرش ترافیک UI با استفاده از AWS CloudFront Accepting UI traffic using AWS CloudFront

• تست اپلیکیشن Fullstack استقرار یافته در کلود Testing the cloud deployed Fullstack app

• مسدود کردن ترافیک عمومی به دامنه DB و Beanstalk Blocking public traffic to DB and Beanstalk domain

• حذف منابع AWS Deleting AWS resources

از شما متشکریم و تبریک می‌گوییم Thank You & Congratulations

• از شما متشکریم و تبریک می‌گوییم Thank You & Congratulations