آموزش ساخت یک برنامه واکنشی با Angular و Spring Boot 2

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

مقدمه Introduction

• صفر تا تمام برنامه با زاویه ای و بهار چکمه Zero to full-stack app with Angular and Spring Boot

• آنچه باید قبل از تماشای این دوره بدانید What you should know before watching this course

• محیط توسعه خود را تنظیم کنید Set up your dev environment

1. زاویه دار بهار 1. Angular with Spring

• مزایای استفاده از برنامه نویسی واکنشی با Angular Benefits of using reactive programming with Angular

• مزایای استفاده از برنامه نویسی واکنشی با بهار Benefits of using reactive programming with Spring

• ادغام زاویه ای و بهار Integrate Angular and Spring

• جریانهای واکنش زاویه ای و بهار سطح بالا High-level Angular and Spring reactive flows

2. برنامه راه انداز بهار خود را راه اندازی کنید 2. Bootstrap Your Spring Boot App

• بهار Initializr Spring Initializr

• پروژه را وارد IntelliJ کنید Import the project into IntelliJ

3. API ReEST Spring REST خود را بسازید 3. Build Your Reactive Spring REST API

• نحوه استفاده شما از Spring WebFlux How you are using Spring WebFlux

• پیکربندی کنترلر خود را ایجاد کنید Create your controller configuration

• یک مدل اصلی POJO ایجاد کنید Create a basic POJO model

• یک نقطه پایانی GET با Spring WebFlux بسازید Build a GET endpoint with Spring WebFlux

• نقطه پایانی GET خود را آزمایش کنید Test your GET endpoint

• داده های جدید را با یک نقطه پایانی POST ایجاد کنید Create new data with a POST endpoint

• داده های خود را با نقطه پایانی PUT به روز کنید Update your data with a PUT endpoint

• یک نقطه پایانی DELETE با Spring WebFlux بسازید Build a DELETE endpoint with Spring WebFlux

4. ساخت یک برنامه جلویی با زاویه ای 4. Building a Front-End App with Angular

• چگونه از Angular استفاده می کنید How you are using Angular

• راه اندازی یک برنامه زاویه دار با CLI Bootstrap an Angular app with the CLI

• وابستگی های وارداتی Import dependencies

• HTML و CSS استاتیک را وارد کنید Import static HTML and CSS

• یک دستورالعمل Angular ایجاد کنید Create an Angular directive

5- استفاده و پیکربندی داده های بهار واکنشی 5. Using and Configuring Reactive Spring Data

• با استفاده از داده های بهار و MongoDB Using Spring data and MongoDB

• پیکربندی داده های بهار Spring data config

• رابط سرویس ایجاد کنید Create the service interface

6. پیاده سازی داده های بهار واکنشی 6. Implementing Reactive Spring Data

• داده ها را در MongoDB به روز کنید Update data in MongoDB

• داده ها را در MongoDB حذف کنید Delete data in MongoDB

• خواندن را ایجاد کنید و عملکرد را در کنترلر ایجاد کنید Autowire read and create functionality into the controller

• فعال کردن بروزرسانی و حذف عملکرد در کنترلر Autowire update and delete functionality into the controller

7. عملکرد مشتری-جانبی با زاویه ای 7. Client-Side Functionality with Angular

• تماس های REST را با HttpClient ارسال کنید Send REST calls with HttpClient

• یک قسمت واکنش زاویه ای ، قسمت 1 ایجاد کنید Create an Angular reactive form, part 1

• یک قسمت واکنش زاویه ای ، قسمت 2 ایجاد کنید Create an Angular reactive form, part 2

• یک روش سرویس برای ارسال اطلاعات به API REST خود ایجاد کنید Create a service method to POST data to your REST API

• برای ایجاد رزرو ، یک روش سرویس مصرف ایجاد کنید Create a consume service method to create a reservation

• نقطه پایانی "لیست همه" ایجاد کنید Create a "list all" endpoint

• با استفاده از API REST ، فراخوانی REST به داده های GET را اجرا کنید Implement REST call to GET data using your REST API

• نمایش نتایج حاصل از یک تماس GET Display results from a GET call

8- تست واحد 8. Unit Testing

• تست واحد با Boot Spring Unit testing with Spring Boot

• تست واحد با زاویه ای Unit testing with Angular

نتیجه Conclusion

• مراحل بعدی Next steps