آموزش ساخت اپلیکیشن تک‌صفحه‌ای (SPA) با استفاده از Spring Framework 7 و Angular - آخرین آپدیت

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

طراحی بک‌اند Spring Boot 4 برای اپلیکیشن SPA Designing the Spring Boot 4 Backend for the SPA

• درک معماری SPA و نقش بک‌اند Understanding the SPA Architecture and Backend Role

• دمو: راه‌اندازی پروژه و وابستگی‌ها در Spring Boot 4 Demo: Project Setup and Dependencies in Spring Boot 4

• دمو: تعریف مدل دامنه و ریپازیتوری‌های JPA Demo: Defining the Domain Model and JPA Repositories

• دمو: ایجاد REST Controllerها با Spring MVC Demo: Creating REST Controllers with Spring MVC

• دمو: تست APIهای بک‌اند و مدیریت خطاها Demo: Testing Back-end APIs and Handling Errors

ساخت فرانت‌اند Angular SPA برای APIهای Spring Building the Angular SPA Front-end for Spring APIs

• درک ساختار SPA در انگولار و مسیریابی (Routing) Understanding Angular SPA Structure and Routing

• دمو: ایجاد پروژه Angular و لایوت اصلی Demo: Generating the Angular Project and Core Layout

• دمو: ساخت کامپوننت‌های مسیریابی شده برای نماهای کلیدی Demo: Building Routed Components for Key Views

• دمو: مصرف APIهای Spring با استفاده از HTTPClient و سرویس‌ها Demo: Consuming Spring APIs with HTTPClient and Services

• دمو: اتصال داده‌ها (Binding) و مدیریت وضعیت محلی UI Demo: Binding Data and Managing Local UI State

اتصال، امنیت و استقرار اپلیکیشن فول‌استک SPA Connecting, Securing, and Deploying the Full Stack SPA

• درک CORS و نیازمندی‌های امنیتی برای SPAها Understanding CORS and Security Requirements for SPAs

• دمو: فعال‌سازی CORS و امنیت پایه در Spring Boot Demo: Enabling CORS and Basic Security in Spring Boot

• دمو: پیکربندی محیط‌های Angular و نقاط اتصال API Demo: Wiring Angular Environments and API Endpoints

• دمو: اجرا و دیباگ اپلیکیشن فول‌استک یکپارچه Demo: Running and Debugging the Integrated Full-stack App

• دمو: بیلد، بسته‌بندی و تست نسخه Production Demo: Building, Packaging, and Testing the Production Build