آموزش پیاده سازی آپلود تصویر و ویژگی CRUD با Firestore و React JS
Learn to Implement Image Upload and CRUD feature with Firestore and React JS
سلام، به این دوره Skillshare خوش آمدید. در این دوره به شما آموزش می دهم که چگونه می توانید ویژگی آپلود تصویر را به همراه عملکرد CRUD با کمک Firebase/Firestore و React JS پیاده سازی کنید. این دوره به‌گونه‌ای طراحی شده است که هر کسی که می‌خواهد CRUD و ویژگی آپلود تصویر را با Firestore و React JS یاد بگیرد، می‌تواند در این دوره ثبت‌نام کند.
این دوره مبتنی بر پروژه شما را بلافاصله کدنویسی می کند. ساخت اپلیکیشن با کمک React در این دوره، مهارت های شما را در توسعه وب مدرن تقویت می کند.
در این دوره، مفهوم کلیدی زیر را خواهید آموخت: -
ساخت برنامه React از ابتدا
- شما یاد خواهید گرفت که Firebase/Firestore را در React App یکپارچه کنید
- با استفاده از Firebase Storage آپلود تصویر را خواهید آموخت
با کمک Firestore یاد خواهید گرفت که عملکردهایی مانند ایجاد، خواندن، به‌روزرسانی حذف را انجام دهید.
- استفاده از Semantic UI در پروژه React را یاد خواهید گرفت.
نیاز اساسی
- به نوعی دانش HTML، CSS و جاوا اسکریپت نیاز است.
- درک اولیه ماژول ES6
- مفهوم اولیه React
- بدون نیاز به تجربه کاری قبلی با Firebase یا Firestore
نرم افزار مورد نیاز
- .
- .
در این دوره، شما قصد دارید برنامه کامل React CRUD را به همراه ویژگی آپلود تصویر با استفاده از Firebase/Firestore بسازید. شما یاد خواهید گرفت که عملیاتی مانند ایجاد، خواندن، به‌روزرسانی حذف را با کمک Firestore در برنامه React خود انجام دهید.
همیشه می‌توانید با ارائه پیوند git-hub پروژه خود در صورت بروز مشکل، پروژه خود را به اشتراک بگذارید
تکلیف
اکنون زمان تعیین تکلیف است، پس از تکمیل این دوره، یک ویژگی جدید در برنامه فعلی ما اضافه کنید. قابلیتی که باید با استفاده از Firestore
اضافه کنید، لایک، جستجو، مرتب‌سازی و فیلتر کنید.پس از تکمیل این پروژه، می‌توانید تکلیف خود را در اینجا پست کنید با ارائه URL git-hub
درس ها Lessons
-
راه اندازی پروژه Project Set-up
-
آپلود تصویر Image Upload
-
کار بر روی NavBar Working on NavBar
-
نمایش داده های کاربر در صفحه اصلی Show User Data on Homepage
-
مسیریابی در برنامه را فعال کنید Enable Routing in App
-
اضافه کردن اسپینر Adding Spinner
-
مقدمه Introduction
-
کار بر روی فرم Working on Form
-
اعتبار سنجی فرم Form Validation
-
کار روی Modal Working on Modal
-
حذف داده های کاربر Deleting User Data
-
به روز رسانی داده های کاربر Update User Data
-
Firebase/Firestore را پیکربندی کنید Configure Firebase/Firestore
-
افزودن اطلاعات کاربر در Firestore با Image Add User Data in Firestore with Image
-
بسته شدن Wrap Up
Vinay Kumar Prajapati
نمایش نظرات