آموزش پیاده سازی آپلود تصویر و ویژگی 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

نمایش نظرات

نظری ارسال نشده است.

آموزش پیاده سازی آپلود تصویر و ویژگی CRUD با Firestore و React JS
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 28m
15
Skillshare (اسکیل شیر) skillshare-small
29 مرداد 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
19
4 از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Skillshare (اسکیل شیر)

اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.