ساخت اپلیکیشن بدون سرور کامل با ریاکت و AWS Amplify و پیادهسازی CI-CD
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- استفاده و پیادهسازی تمام سرویسهای اصلی AWS که در Amplify قرار دارد.
- چگونه اپلیکیشن خود را با AWS Amplify و CI-CD مشتقر کنیم؟
- ساخت سریع اپلیکیشنهای بدون سرور با ریاکت
- یک API بکاند بدون سرور و آماده برای تولید مبتنی بر AWS Amplify توسعه دهید که میلیونها درخواست را مقیاسبندی میکند.
- ساخت اپلیکیشنهای بلادرنگ
- استفاده از AWS Cognito
- استفاده از AWS AppSync
- استفاده از GraphQl
- کار با DynamoDB
- استفاده از هوکهای ریاکت و هوکهای سفارشی ریاکت
پیشنیازهای دوره
- آشنایی اولیه با برنامهنویسی لازم است.
- تمایل به یادگیری
- هر کامپیوتری قابل استفاده است: لینوکس، ویندوز، مک یا حتی Cloud9
توضیحات دوره
آیا میخواهید راز ساخت اپلیکیشنهای فوقالعاده و با عملکرد بالا را بیاموزید که بر اساس تقاضا مقیاسپذیر هستند، بدون اینکه روزهای زیادی را صرف کدنویسی پشت کامپیوتر کنید؟
چقدر زمان میبرد تا یک سیستم احراز هویت کامل، با صفحات ورود و خروج، تایید ایمیل یا پیامک و بازنشانی کلمه عبور را راهاندازی کنید؟ حدس میزنید چند روز یا چند ساعت طول میکشد؟
با AWS Amplify میتوانید در کمتر از 10 دقیقه آن راهاندازی کنید، در حالی که بدون سرور کار میکند.
و این دوره نه تنها بهترین منبع برای یادگیری Amplify است، بلکه جدیدترین نیز میباشد.
ما نه تنها یک اپلیکیشن فولاستک کامل از ابتدا تا انتها ایجاد میکنیم، بلکه در مسیر یادگیری موارد زیر را هم یاد میگیریم:
- چگونه یک پایپلاین CI-CD برای استقرار وبسایت هنگام ادغام ایجاد کنیم؟
- چگونه یک GraphQL API کاملا کاربردی با AppSync و قابلیتهای CRUD (ایجاد، خواندن، بروزرسانی و حذف) ایجاد کنیم؟
- چگونه کوئریها، جهشها و اشتراکها را در GraphQL ایجاد کنیم؟
- چگونه یک S3 Bucket برای ارائه و ذخیره تصاویر ایجاد و از آن استفاده کنیم؟
- چگونه ایمیلها و پیامکها را با Cognito تایید کنیم؟
- چگونه با کنسول AWS کار کنیم؟
- چگونه از Semantic UI برای ساخت یک اپلیکیشن زیبا استفاده کنیم؟
- چگونه هوکهای سفارشی در ریاکت ایجاد کنیم و از آنها مجددا استفاده کنیم؟
- و غیره
اگر میخواهید اپلیکیشنهای فوقالعاده سریع بسازید، همین حالا در این دوره شرکت کنید!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که میخواهند حرفه خود را ارتقا دهند.
- توسعهدهندگانی که میخواهند از مزیتهای سرویسهای AWS بهرهمند شوند.
- متخصصان DevOps که میخواهند یک فناوری جدید یاد بگیرند.
- توسعهدهندگان ریاکت که میخواهند اپلیکیشنهای خود را ارتقا دهند.
ساخت اپلیکیشن بدون سرور کامل با ریاکت و AWS Amplify و پیادهسازی CI-CD
-
نصب رابط خط فرمان Amplify 02:27
-
پیکربندی رابط خط فرمان Amplify 05:11
-
اپلیکیشن ریاکت خود را ایجاد کنید 01:41
-
راهاندازی AWS Amplify 05:37
-
استقرار وبسایت ریاکت در کنسول AWS Amplify 01:51
-
ایجاد یک پایپلاین CI-CD برای اپلیکیشن ریاکت با Amplify 06:39
-
تست پایپلاین CI-CD برای ریاکت 03:07
-
ایجاد و استقرار بکاند احراز هویت در AWS با Cognito 04:17
-
نصب ماژولهای ریاکت و پیکربندی AWS Amplify در ریاکت 03:12
-
ایجاد صفحات ثبتنام، ورود، خروج و بازنشانی رمز عبور 04:34
-
ایجاد Graphql API در بکاند با Amplify 05:19
-
ایجاد مدل GraphQL 08:02
-
ایجاد اولین کوئری و جهش اول 09:07
-
کوئرینویسی GraphQL در AppSync از اپلیکیشن ریاکت 07:56
-
افزودن Semantic UI React به پروژه و ایجاد هدر اصلی جدید 08:04
-
ایجاد کامپوننت لیستها برای گروهبندی لیستها 03:34
-
ایجاد آیتمها و گروههای آیتم با Semantic-UI React 03:53
-
افزودن صفحه به یک کانتینر و اضافه کردن تصویر و تاریخ به لیست 03:51
-
ایجاد دکمه اکشن شناور در ریاکت 10:24
-
ایجاد مودال جدید با Semantic-UI 09:09
-
افزودن تمام فیلدها به مودال 04:59
-
مدیریت State با useReducer 09:43
-
جهش GraphQL، افزودن آیتم جدید به AppSync 05:48
-
اشتراک GraphQL، سابسکرایب در بروزرسانیهای بلادرنگ در GraphQL 09:45
-
ریفکتورینگ کد، انتقال وضعیت مودال به reducer 05:32
-
پاکسازی اشتراک در useEffect 01:59
-
حذف آیتم در حین فراخوانی dispatch از یک کامپوننت دیگر 05:35
-
حذف لیست از GraphQL 05:10
-
سابسکرایب در جهش onDelete در AppSync 05:49
-
ایجاد دکمه ویرایش، dispatch و reducer 05:18
-
باز کردن مودال ویرایش 02:43
-
ایجاد مودال قابل استفاده مجدد 08:34
-
بروزرسانی لیست 08:03
-
سابسکرایب در بروزرسانی 05:23
-
بروزرسانی مقادیری که در اشتراک دریافت میشود 07:04
-
شگفتانگیز است، این اپلیکیشن هماکنون به صورت بلادرنگ در حال بروزرسانی است 01:50
-
ایجاد یک S3 Bucket برای نگهداری فایلها 04:13
-
ایجاد کامپوننت آپلود تصویر برای آپلود تصاویر در S3 Bucket 05:54
-
ظاهر کامپوننت جدید را با useRef برای پنهان کردن ورودی بهتر کنید 04:00
-
نمایش پیشنمایش تصویر قبل از بروزرسانی آن 02:56
-
آپلود تصویر در S3 Bucket 09:10
-
بروزرسانی پایگاه داده GraphQL برای داشتن imageKey 03:46
-
ایجاد هوشک سفارشی برای آپلود در S3 05:09
-
استفاده از هوشک سفارشی ریاکت در مودال 09:25
-
بررسی مقادیر در DynamoDB و S3 Bucket 01:51
-
بارگذاری تصویر از S3 03:45
-
افزودن بارگذار چرخان در حین بارگذاری تصاویر 05:21
-
متوقف کردن بارگذارهای چرخان پس از بارگذاری تصویر 02:07
-
درک کنید چرا باید مدل را قابل جستجو کنید 03:05
-
قابلیت جستجو در مدل 02:52
-
بروزرسانی Amplify به نسخه آخر 01:47
-
درک کوئری قابل جستجو و بروزرسانی لیستها 04:30
-
نصب React Router Dom و ایجاد مسیر اصلی جدید 04:10
-
اضافه کردن مسیر جدید به React Router Dom 03:30
-
ایجاد مسیرهای پویا و انتقال مقادیر به کامپوننتهای جدید 03:14
-
افزودن لینک از react-router-dom به لیستها 03:01
-
ایجاد هدر برای صفحه لیست 02:18
-
ایجاد چند آیتم لیست و کوئری جستجو 04:00
-
ریفکتورینگ کد برای گنجاندن تمام روترها در روتر اصلی 04:07
-
انتقال جزئیات لیست به کامپوننت آیتم 04:20
-
کوئرینویسی app-sync برای آیتمهای لیست با قابلیت جستجو 04:57
-
درک تفاوت بین مدلهای قابل جستجو بودن و قابل جستجو نبودن 03:16
-
ایجاد کوئری قابل جستجو 03:07
-
ایجاد کوئری سفارشی app-sync 12:25
-
نمایش آیتمهای لیست 06:40
-
افزودن احراز هویت به اندپوینتهای GraphQL 04:03
مشخصات آموزش
ساخت اپلیکیشن بدون سرور کامل با ریاکت و AWS Amplify و پیادهسازی CI-CD
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:66
- مدت زمان :05:34:09
- حجم :2.53GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy