در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.
دسته بندی
دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

آموزش ساخت یک برنامه موبایل کپی Snap Chat با React, Redux, Firebase

13,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

در این دوره آموزشی برای اینکه کدنویسی برنامه های موبایل با React, Redux, Firebase را یاد بگیرید ، مدرس دوره ساخت یک برنامه کپی اسنپ چت را همراه با شما انجام میدهد. 

عنوان اصلی : Build a Slack Chat App with React, Redux, and Firebase

سرفصل ها :


ابزارهای مورد نیاز / اختیاری:
ابزارهای مورد نیاز پروژه
React / Redux Dev Tools را برای Google Chrome نصب کنید
راه اندازی پروژه:
Git Clone و Install Dependencies
سازماندهی پروژه، ایجاد مسیرها
Firebase را راه اندازی کنید
احراز هویت کاربر با Firebase:
ایجاد فرم ثبت نام
ثبت نام کاربر با ایمیل و رمز عبور
رسیدگی به خطاهای اعتبارسنجی فرم و احراز هویت:
اعتبار سنجی فرم برای فرم ثبت نام
پاک کردن خطاها هنگام ثبت نام، نمایش وضعیت بارگیری
اضافه کردن نام و آواتار به کاربران، افزودن کاربران جدید به پایگاه داده
ایجاد فرم ورود و عملکرد
Redux را برای حالت جهانی ادغام کنید:
onAuthState برای گوش دادن برای ورود/ثبت نام تغییر کرد
Redux را راه اندازی کنید تا داده های کاربر را در حالت جهانی در دسترس قرار دهید
اضافه کردن مولفه اسپینر برای وضعیت بارگذاری
ساخت کنسول چت:
اجزای برنامه داربست
هدر برنامه / کشویی پنل کاربری
افزودن عملکرد خروج، پاک کردن عملکرد کاربر
عبور از Redux State از طریق Props
آواتار را به منوی کشویی کاربر اضافه کنید
افزودن / نمایش کانال های عمومی:
افزودن جزء کانال ها
ایجاد Modal برای افزودن کانال
مجموعه کانال ها را ایجاد کنید، کانال اول را به پایگاه داده اضافه کنید
نمایش کانال ها با شنونده child_added
Channel را در حالت جهانی قرار دهید، channel_reducer را اضافه کنید
کانال اول را روی بارگذاری صفحه تنظیم کنید، کانال فعال را نشان دهید
Listeners را با componentWillUnmount حذف کنید
افزودن / نمایش پیام ها در کانال های عمومی:
داربست ColorPanel / اجزای پیام
مجموعه پیام ها را ایجاد کنید، اولین پیام را به پایگاه داده اضافه کنید
ورودی کنترل شده برای پاک کردن پیام، دکمه غیرفعال کردن در وضعیت بارگیری
نمایش پیام ها، ایجاد جزء پیام
افزودن / آپلود پیام ها با فایل های رسانه ای:
ایجاد حالت فایل برای آپلود فایل
فایل رسانه را در وضعیت قرار دهید، اعتبارسنجی Mimetype را اضافه کنید
آپلود فایل تصویر، ارسال پیام تصویر
جزء ProgressBar برای نمایش آپلود تصویر
گزینه هایی برای نمایش نوار پیشرفت
ارسال پیام مستقیم به کاربران:
عنوان کانال / تعداد کاربران را به عنوان پیام اضافه کنید
افزودن قابلیت به جستجوی پیام ها
کامپوننت DirectMessages را ایجاد کنید
کاربران را به کامپوننت DirectMessages اضافه کنید، اگر آنلاین/آفلاین باشد نشان دهید
داده های کانال DirectMessage را در حالت جهانی قرار دهید، به عنوان کانال های خصوصی تنظیم کنید
قابلیت افزودن پیام ها / تصاویر به کانال های خصوصی
نمایش کانال Active DirectMessage
+
اعلان پیام های جدید در کانال های عمومی
1 سخنرانی
اعلان ها را به کانال عمومی اضافه کنید
+
مولفه ستاره‌دار به کانال‌های دلخواه/ناپسند
3 سخنرانی
مولفه ستاره‌دار را به کانال‌های ستاره‌دار (مورد علاقه) نگه دارید
ویژگی "ستاره" را برای داده های کاربر در کانال ستاره دار به روز کنید
نمایش کانال های ستاره دار در مؤلفه ستاره دار
+
کامپوننت متاپنل برای نمایش اطلاعات کانال
3 سخنرانی
کامپوننت متاپنل داربست
نمایش اطلاعات کانال در متاپنل
نمایش پوسترهای برتر برای هر کانال در متاپنل
+
انتخابگر رنگ برای تغییر رنگ برنامه
3 سخنرانی
Color Picker Modal را به ColorPanel اضافه کنید
رنگ های انتخاب شده را به داده های کاربر ضمیمه کنید
رنگ‌های کاربر ذخیره‌شده را به‌عنوان نماد نمایش دهید، رنگ‌های برنامه را با کلیک تغییر دهید
+
تغییر و ویرایش تصاویر آواتار کاربر
3 سخنرانی
تغییر حالت آواتار را ایجاد کنید
تصویر آپلود شده را با AvatarEditor برش دهید
تصویر برش خورده را در Firebase آپلود کنید، نمایه کاربر را قرار دهید
+
نمایش انیمیشن هنگام تایپ کاربران
3 سخنرانی
هنگام تایپ کردن سایر کاربران، مجموعه تایپ را برای ردیابی اضافه کنید
اضافه کردن مولفه تایپ / انیمیشن، نمایش در پیام ها
شنوندگان تایپ را اضافه کنید تا ببینید چه زمانی سایر کاربران در حال تایپ کردن هستند
+
اضافه کردن Emoji Picker، Loading Skeleton، اسکرول خودکار به پایین، کلیدهای میانبر
4 سخنرانی
انتخاب کننده شکلک برای افزودن ایموجی به پیام ها
اسکرول خودکار به پایین بر اساس پیام جدید
نمایش اسکلت پیام هنگام بارگیری پیام ها
میانبرهای ترکیبی کلیدی برای ارسال پیام ایجاد کنید
+
حذف شنوندگان، ایمن کردن برنامه ما با قوانین Firebase
3 سخنرانی
پس از Unmount کامپوننت، Listeners را حذف کنید
قوانین ذخیره سازی Firebase را برای فایل های رسانه ای بنویسید
قوانین پایگاه داده را برای داده های برنامه بنویسید
+
استقرار برنامه ما با ابزار Firebase
1 سخنرانی
برنامه ما را با Firebase Tools مستقر کنید

نمایش سرفصل های انگلیسی

Build a Slack Chat App with React, Redux, and Firebase