آموزش AWS and React: ایجاد برنامه های پشته ای کامل

مقدمه Introduction

• توسعه کامل پشته در AWS Full-stack React development on AWS

• آنچه باید بدانید What you should know

1. میزبانی یک برنامه React در AWS 1. Hosting a React App on AWS

• مفاهیم برنامه را اصلاح کنید React app concepts

• استفاده از npm برای ایجاد یک برنامه React Using npm to create a React app

• ویرایش برنامه React Editing the React app

• میزبانی AWS S3 با Amplify AWS S3 hosting with Amplify

• میزبانی یک برنامه React در AWS Hosting a React app on AWS

• چالش: برنامه واکنش خود را در AWS میزبان کنید Challenge: Host your React app on AWS

• راه حل: برنامه React خود را در AWS میزبان کنید Solution: Host your React app on AWS

2. مجوز کاربر برای React App 2. User Authorization for React App

• مفاهیم IAM و Cognito IAM and Cognito concepts

• اضافه کردن نویسنده کاربر به یک پروژه AWS Adding user auth to an AWS project

• افزودن auth کاربر به یک برنامه React Adding user auth to a React app

• ایجاد کاربران از طریق یک برنامه React Creating users through a React app

• چالش: auth کاربر را به برنامه React خود اضافه کنید Challenge: Add user auth to your React app

• راه حل: نحوه اضافه کردن auth کاربر به React Solution: How to add user auth to React

3. API DynamoDB با AppSync 3. DynamoDB API with AppSync

• مفاهیم AppSync AppSync concepts

• جداول DynamoDB DynamoDB tables

• ایجاد API GraphQL با Amplify Creating a GraphQL API with Amplify

• تست یک API GraphQL APS Testing an AppSync GraphQL API

• یک API AppSync ایجاد و تست کنید Create and test an AppSync API

• نحوه ایجاد و آزمایش API AppSync How to create and test an AppSync API

4. تماس های GraphS AppSync با React 4. AppSync GraphQL Calls with React

• افزودن AppSync GraphQL به یک برنامه React Adding AppSync GraphQL to a React app

• افزودن داده DynamoDB از طریق یک برنامه React Adding DynamoDB data through a React app

• داده های CRUD DynamoDB با یک برنامه React CRUD DynamoDB data with a React app

• تست DynamoDB CRUD با یک برنامه React Testing DynamoDB CRUD with a React app

• داده DynamoDB CRUD در برنامه React خود DynamoDB data CRUD in your React app

• چگونه می توان داده های CRY DynamoDB را در برنامه React خود قرار داد How to DynamoDB data CRUD in your React app

نتیجه Conclusion

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