دوره آموزشی ساخت یک برنامه Serverless با استفاده از React در AWS
2 ساعت 47 دقیقهمتوسط2021-01-27
مدرسین

Brett McLaughlin
Chief Technology Officer at Volusion
جزئیات دوره
ریاکت یکی از تکنولوژیهای اصلییه که وب جدید و مدرن روی اون ساخته میشه. توی این دوره، مدرس "برِت مکلافلین" بهت نشون میده که چطور ریاکت و یه اکوسیستم کامل توسعه وب با هم کار میکنن تا اپلیکیشن بسازن. برِت همه مراحل راهاندازی، استقرار، اتصال و پشتیبانی اپلیکیشن ریاکت رو بهت توضیح میده. بعدش، مراحل ساخت کامپوننتهای ریاکت رو نشون میده تا محتوای خودت رو سازماندهی و نمایش بدی. برِت یاد میده چطور سرویسهای ابری مثل دیتابیس با استفاده از دادههای JSON اضافه کنی و تشویقت میکنه که مطمئن بشی کدات روی پلتفرم ابری که هدف داری، کار میکنه. همچنین، نحوه تعامل با AWS و DynamoDB از طریق خط فرمان رو میپوشونه و بعدش نحوه ساخت و استفاده از یه جدول DynamoDB رو توضیح میده. در ادامه، برِت نشون میده چطور یه نقش جدید بسازی، بارگذاری کنی و تست کنی تا بتونی فانکشنهای Lambda رو اجرا کنی و با DynamoDB تعامل داشته باشی. همچنین، مراحل ساخت و استقرار یه API Gateway رو توضیح میده. در نهایت، برِت نشون میده چطور کد ریاکت خودت رو به یه نقطه انتهایی API Gateway وصل کنی.
مهارت ها
Amazon Web Services (AWS)AmazonFront-End Web DevelopmentCloud ServicesProjectCloud PlatformsWeb DevelopmentCloud Computing
سرفصل ها
0. مقدمه
- 01-React + API + AWS = وب جدید
- 02- استفاده از فایل های تمرینی
1. به عنوان قسمت جلویی یک اکوسیستم واکنش نشان دهید
- 03-React یک فناوری است، نه یک محیط
- 04-محیط React خود را تنظیم کنید
- 05-برنامه React خود را مستقر کنید
- 06-کد خود را به GitHub متصل کنید
- 07- پشتیبانی AWS را با Amplify اضافه کنید
- 08-Challenge - برنامه محلی خود را به روز کنید و به AWS مستقر کنید
- 09-راه حل - برنامه محلی خود را به روز کنید و به AWS مستقر کنید
- 10- یک وب سایت اولیه راه اندازی کنید
2. کامپوننت های React را برای ارائه داده های ساختاریافته بسازید
- 11-ساخت سایت بر اساس داده های ساخت یافته
- 12- اپلیکیشن خود را با کامپوننت ها سازماندهی کنید
- 13-چالش - یک منو بر اساس داده های پویا بسازید
- 14-راه حل - ساخت منو بر اساس داده های پویا
- 15-از JSON به عنوان مدلی برای داده های بارگذاری شده پویا استفاده کنید
- 16-JSON را به عنوان داده در مؤلفه React بارگیری کنید
- 17-چالش - اجزای خود را به استفاده از داده های پویا تبدیل کنید
- 18-راه حل - اجزای خود را به استفاده از داده های پویا تبدیل کنید
- 19-همیشه مستقر باشید
3. از DynamoDB برای ذخیره سازی ساده داده ها استفاده کنید
- 20- رابط خط فرمان AWS را دانلود و نصب کنید
- 21-یک کاربر AWS IAM راه اندازی کنید
- 22- AWS CLI را پیکربندی کنید
- 23- AWS SDK را نصب کنید
- 24-یک جدول DynamoDB ایجاد کنید
- 25-چالش - جداول DynamoDB را برای اجزای دیگر اضافه کنید
- 26-راه حل - جداول DynamoDB را برای اجزای دیگر اضافه کنید
- 27- داده ها را با استفاده از کنسول AWS در DynamoDB بارگذاری کنید
- 28- داده های تک ارزشی را به صورت برنامه ریزی شده در DynamoDB بارگذاری کنید
- 29- داده های چند ارزشی را به صورت برنامه ریزی شده در DynamoDB بارگذاری کنید
4. داده های دینامیک را در کامپوننت های React بارگذاری کنید
- 30-یک نقش برای دسترسی Lambda و DynamoDB ایجاد کنید
- 31-داده DynamoDB را از تابع Lambda بارگیری کنید
- 32- Lambda خود را از AWS تست کنید
- 33-چالش - توابع لامبدا را برای همه جداول بنویسید
- 34-راه حل - توابع لامبدا را برای همه جداول بنویسید
- 35-یک دروازه API ایجاد کنید
- 36- یک نقطه پایانی GET برای خدمات ایجاد کنید
- 37- API Gateway خود را در مرحله جدیدی قرار دهید
- 38-تأیید کنید نقطه پایانی شما پویا است
- 39-Challenge - نقاط پایانی بیشتری را به REST API خود اضافه کنید
- 40-راه حل - نقاط پایانی بیشتری را به REST API خود اضافه کنید
5. اتصال React به یک API
- 41-یک React Hook و یک متغیر حالت اضافه کنید
- 42-با useEffect Hook یک عارضه جانبی ایجاد کنید
- 43- درخواست داده از یک API Gateway
- 44- سرصفحه های CORS را برای برنامه خود به روز کنید
- 45-چالش - تماس های API هتل لندن را تمام کنید
- 46-راه حل - تماس های API هتل Landon را تمام کنید
نتیجه
- 47- مراحل بعدی
دوره های مرتبط
- دوره آموزشی AWS: مانیتورینگ، ثبت وقایع و رفع مشکلات
- دوره آموزشی آمادگی برای مدرک AWS Certified Solutions Architect - Associate (SAA-C03)
- دوره آموزشی اجرای Jenkins روی AWS: استقرار و مدیریت Jenkins در زیرساخت ابری
- دوره آموزشی ساخت مدیریت هویت و دسترسی مشتری (CIAM) توی برنامههات روی AWS
- دوره آموزشی آمادگی گواهینامه AWS Certified SysOps Administrator - Associate (SOA-C02)
- دوره آموزشی راهنمای کامل توسعه اپلیکیشن وب بدون سرور در AWS
- دوره آموزشی خودکارسازی پردازش اسناد با هوش مصنوعی در AWS
- دوره آموزشی آمادگی برای آزمون گواهینامه AWS Certified Developer - Associate (DVA-C02)