آموزش برنامه React CRUD را در Heroku بسازید و اجرا کنید
Build & Deploy React CRUD App on Heroku
سلام، به این دوره Skillshare خوش آمدید. در این دوره، نحوه ساخت و استقرار React CRUD Application بر روی Heroku را به شما آموزش می دهم. پرس و جوی RTK با React از ابتدا. این دوره به گونه‌ای طراحی شده است که هرکسی که می‌خواهد فرآیند استقرار React App را یاد بگیرد، می‌تواند در این دوره ثبت نام کند.
این دوره مبتنی بر پروژه شما را بلافاصله کدنویسی می کند. ساختن اپلیکیشن با کمک React در این دوره، مهارت های شما را در توسعه وب مدرن تقویت می کند.
در این دوره، مفهوم کلیدی مربوط به React Deployment را در زیر یاد خواهید گرفت:
ساخت برنامه React از ابتدا
- استفاده از سرور جعلی JSON با React JS را یاد خواهید گرفت.
با کمک سرور جعلی JSON، عملیاتی مانند ایجاد، خواندن، به‌روزرسانی حذف را یاد خواهید گرفت.
- استفاده از Bootstrap را در پروژه React یاد خواهید گرفت.
- شما یاد خواهید گرفت که React App را در Heroku استقرار دهید
نیاز اساسی
- به نوعی دانش HTML، CSS و جاوا اسکریپت نیاز است.
- درک اولیه ماژول ES6
- مفهوم اولیه React
- هیچ تجربه کاری قبلی با سرور JSON لازم نیست.
نرم افزار مورد نیاز
- .
- .
در این دوره، شما قصد دارید برنامه کامل React CRUD را با کمک سرور جعلی JSON بسازید. شما می توانید درخواست api مانند GET، PUT، POST و DELETE را با سرور JSON در برنامه React خود انجام دهید. برای برنامه‌نویس React مبتدی، استفاده از سرور جعلی JSON توصیه می‌شود.
همیشه می‌توانید با ارائه پیوند git-hub پروژه خود در صورت بروز مشکل، پروژه خود را به اشتراک بگذارید
تکلیف
اکنون زمان تعیین تکلیف است، پس از تکمیل این دوره، یک ویژگی جدید را در برنامه فعلی ما اضافه کنید. قابلیتی که باید با سرور جعلی json در React اضافه کنید، جستجو، مرتب‌سازی، فیلتر و صفحه‌بندی کنید.
همچنین می‌توانید این پیوند را دنبال کنید تا درباره جستجو، مرتب‌سازی، فیلتر و صفحه‌بندی api اطلاعات بیشتری کسب کنید.
پس از تکمیل این پروژه، می‌توانید تکلیف خود را در اینجا پست کنید با ارائه URL git-hub
درس ها Lessons
-
(POST) افزودن کاربر (POST) Add User
-
مقدمه Introduction
-
نمایش داده های کاربر در جدول Display User Data in Table
-
بسته شدن Wrap-Up
-
پروژه راه اندازی Set-up Project
-
سرور جعلی JSON را پیکربندی کنید Configure JSON Fake Server
-
پس از رفع مشکل CORS، برنامه را مجدداً مستقر کنید Re-Deploy App after fixing CORS issue
-
(PUT) به روز رسانی کاربر (PUT) Update User
-
کار بر روی فرم Working on Form
-
(حذف) حذف کاربر (DELETE) Delete User
-
استقرار برنامه در Heroku Deploy App on Heroku
Vinay Kumar Prajapati
نمایش نظرات