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

پنل کاربری

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

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

آموزش ساخت یک کپی از Twitter بوسیله Node.js, Socket.IO و MongoDB

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

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

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

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با مونگو دی بی یاد می گیرید.

عنوان اصلی : Create a Twitter Clone with Node.js, Socket.IO and MongoDB

سرفصل ها :


Node JS Basic Overview:
ویدیوی تبلیغاتی دوره (از صفحه اصلی دوره)
راه اندازی و ایجاد اولین برنامه ما
ایجاد سرور
چگونه برنامه را ترک یا متوقف کنیم
ارائه محتوا در صفحه وب
پشتیبانی از صفحات اضافی
افزودن فایل مسیریابی
رسیدگی به درخواست های POST/GET (ارسال فرم)
استفاده از NPM:
npm init
در حال نصب اولین بسته npm ما
npm نصب کنید
به git می‌گوییم node_modules را نادیده بگیرد (اگر از git استفاده نمی‌کنید، رد شوید)
موتورهای قالب (Pug):
راه اندازی پروژه ما
نصب اکسپرس
ارائه برخی از مطالب در صفحه وب
ایجاد اولین قالب Pug ما
ارائه عنوان صفحه پویا
در حال گسترش فایل الگوی پاگ دیگر
بهبود سریع html
سیستم ثبت نام/ورود:
Middleware: تغییر مسیر کاربر در صورت عدم ورود به سیستم
افزودن مسیر ورود
ایجاد صفحه ورود
اضافه کردن بوت استرپ
ارائه فایل های استاتیک
وارد CSS شوید
ایجاد صفحه ثبت نام
بررسی مطابقت گذرواژه‌ها
اضافه کردن تجزیه کننده بدن
بررسی فیلدهای خالی
شروع کار با MongoDB
اتصال به پایگاه داده
ایجاد یک اتصال پایگاه داده قابل استفاده مجدد
ایجاد طرحواره کاربری (مانگوس)
بررسی اینکه آیا نام کاربری یا ایمیل ها از قبل در حال استفاده هستند یا خیر
Async و Await توضیح
بررسی اینکه آیا نام کاربری یا ایمیل از قبل در حال استفاده است یا خیر
درج کاربر در مجموعه
اضافه کردن مهر زمانی به داده های ما
هش کردن رمز عبور
جلسات
ارسال کاربر وارد شده به مشتری
ورود به سیستم در
ایجاد طرح اصلی سایت:
معرفی شبکه بوت استرپ
یک طرح پاسخگو ایجاد کنید
اضافه کردن FontAwesome
انتخاب نمادهای نوار ناوبری ما
حالت دادن به نوار پیمایش
رنگ های نماد ناوبری
خروج از سیستم
اضافه کردن عنوان صفحه
ایجاد فرم پست:
مخلوط ها
تنظیم تصویر نمایه پیش فرض
حالت دادن به ظرف فرم پست
حالت دادن به ناحیه بافت
افزودن یک فایل جاوا اسکریپت رایج
دریافت متن وارد شده از جعبه متن
فعال کردن دکمه ارسال هنگام تایپ کاربر
استایل دادن به پست ها:
افزودن یک کنترل کننده کلیک به دکمه پست
توضیح اولیه Rest API
ارسال مسیر API
ارسال یک درخواست بد زمانی که داده نامعتبر است
ایجاد طرحواره پست های Mongoose
درج پست در پایگاه داده
رسیدگی به پاسخ سرور
خروجی محتوای پست
خروجی اطلاعات کاربر از پست
استایل دادن به بدنه پست
استایل دادن به دکمه‌های نظر، ریتوییت و لایک
استایل‌های کامنت، ریتوییت و دکمه‌های لایک را نگه دارید
خروجی پست ها در فید خبری:
ایجاد فایل جاوا اسکریپت صفحه اصلی
دریافت پست ها از پایگاه داده
خروجی پست ها در صفحه
پر کردن اطلاعات ارسال شده توسط داده ها
پر کردن جزئیات ورود به سیستم برای صرفه جویی در وقت
محاسبه مهر زمانی پست ها
ابتدا سفارش پست ها بر اساس جدیدترین ها
دکمه لایک:
افزودن فیلد لایک به طرحواره ها
مانند کنترل کننده کلیک دکمه
دریافت شناسه پست از عنصر کلیک شده
نمای کلی انواع درخواست API Rest
انجام درخواست PUT
بررسی اینکه آیا کاربر قبلاً پست را دوست داشته است یا خیر
درج موارد مشابه
لغو لایک کردن پست ها
برگرداندن نتیجه مشابه به مشتری
در حال به روز رسانی دکمه برای نمایش تعداد لایک های جدید
انتقال اطلاعات ورود کاربر به مشتری
تغییر رنگ دکمه هنگام پسند شدن پست
نمایش رنگ صحیح دکمه هنگام بارگیری صفحه
بازنشر پست ها:
راه اندازی مسیر ریتوییت
افزودن فیلدهای ریتوییت به طرحواره
بازنشر پست ها
بازتوییت کردن پست ها - رفع کنید
نمایش تعداد ریتوییت ها در کنار دکمه
تنظیم رنگ دکمه ریتوییت هنگام بارگذاری صفحه
در حال رندر کردن ریتوییت
پر کردن فیلد postedBy ریتوییت
اضافه کردن نشانگر پیام بازتوییت
پاسخ به پست ها:
باز کردن بازشو مودال پاسخ
افزودن فرم پست در حالت
فعال کردن دکمه ارسال پاسخ هنگام تایپ کاربر
درخواست دریافت پست هنگام باز شدن مدال
بازسازی تابع دریافت پست ها
دریافت یک پست واحد با شناسه
خروجی پست در حالت پاسخ
پاک کردن مدال پاسخ وقتی بسته است
ارسال پاسخ به سرور
درج پاسخ در پایگاه داده
بارگذاری مجدد صفحه پس از ارسال پاسخ
خروجی پاسخ
ایجاد صفحه پست ها:
ارسال کاربر به صفحه پست ها با کلیک
ایجاد مسیر پست ها
در حال بارگیری پست در صفحه پست
بارگیری پاسخ‌ها به پست در صفحه پست
رفع اشکال در پاسخ ها
اندازه فونت بزرگ برای پستی که در حال مشاهده آن هستیم
حذف پست ها:
افزودن دکمه حذف به پست های خودمان
حالت دادن به دکمه حذف
دریافت شناسه پستی که می خواهیم حذف کنیم
برقراری تماس ajax برای حذف یک پست
در حال حذف پست
صفحه پروفایل:
ایجاد فایل مسیر پروفایل
ساخت فایل پاگ صفحه پروفایل
دسترسی به صفحه پروفایل با نام کاربری
پیغام خطا کاربر پیدا نشد
دسترسی به صفحه نمایه با شناسه
استایل دادن به تصویر پروفایل + عکس روی جلد
سبک دکمه پیام
حالت دادن به دکمه دنبال کردن
خروجی اطلاعات کاربر
سبک دادن به جزئیات کاربر
ایجاد تب های پروفایل
بارگیری پست ها در صفحه نمایه
شامل/غیر از پاسخ ها
در حال پیاده سازی برگه پاسخ ها
فالوورها و دنبال کنندگان:
طرحواره فالوورها و فالوورها تغییر می کند
وقتی دکمه فالو را فشار می دهیم شناسه کاربری را دریافت می کنیم
ایجاد نقطه پایان فالو
بررسی اینکه آیا کاربر قبلاً شخص را دنبال می کند یا خیر
فالو کردن و لغو فالو کردن کاربر
زمانی که کاربر را فالو/آنفالو می کنیم، دکمه را به روز می کنیم
زمانی که کاربر را فالو/آنفالو می کنیم، متن دکمه را به روز می کنیم
به روز رسانی تعداد زیر/فالوورها
ایجاد صفحه زیر/فالوور
دریافت داده های زیر/فالوورها از پایگاه داده
خروجی گرفتن از کاربران
شکل دادن به لیست کاربران
افزودن دکمه فالو به لیست کاربران
فقط نشان دادن پست‌های افرادی که ما آنها را دنبال می‌کنیم
رفع اشکال شمارش زیر
آپلود عکس پروفایل:
افزودن دکمه آپلود عکس نمایه
ایجاد حالت آپلود تصویر
افزودن Cropper JS (کتابخانه برش)
بارگیری پیش‌نمایش تصویر در مدال
افزودن عملکرد برش دهنده
تبدیل داده های آپلود تصویر به یک لکه
تماس آپلود تصویر آژاکس
دسترسی به تصویر در سرور
ذخیره تصویر آپلود شده در محل صحیح
به روز رسانی تصویر پروفایل کاربر در پایگاه داده
آپلود عکس روی جلد:
افزودن دکمه آپلود به قسمت عکس جلد
بازشو آپلود عکس روی جلد
برش عکس روی جلد
در حال آپلود عکس جلد
پین کردن پست ها
پین پست مدال
پین کردن پست ها
تغییر رنگ نماد برای پست پین شده
برچسب پست پین شده
نمایش پست پین شده در نمایه
برداشتن پین پست ها
صفحه جستجو:
ایجاد صفحه جستجو
شکل دادن به کادر جستجو
ایجاد تایمر جستجو
جستجو برای پست ها
خروجی گرفتن از پست های جستجو
جستجو برای کاربران
خروجی گرفتن از کاربران جستجو
ایجاد چت گروهی:
ایجاد مسیرهای صفحه صندوق ورودی
ایجاد دکمه پیام جدید
عناصر صفحه پیام جدید
سبک دادن به عناصر صفحه پیام جدید
افزودن تایمر جستجوی کاربر
خروجی کاربران قابل انتخاب
انتخاب کاربران
حذف کاربران منتخب از نتایج جستجو
خروجی گرفتن از کاربران انتخاب شده
استایل دادن به کاربران انتخاب شده
حذف کاربر انتخاب شده
ایجاد طرح چت
ایجاد مسیرهای چت
ایجاد چت
لیست چت:
گرفتن چت ها
خروجی عناصر چت
سبک دادن به موارد چت
دریافت نام چت
نمایش تصاویر چت
استایل دادن به تصاویر چت
بیضی برای متن پر شده
دسترسی به چت ها:
ایجاد صفحه چت
دریافت داده های چت برای صفحه
بررسی وجود چت
دسترسی به چت با شناسه کاربری
ابتدا چت ها را بر اساس جدیدترین ها مرتب کنید
رابط کاربری صفحه چت:
افزودن عناصر صفحه چت
باعث می شود صفحه ارتفاع پنجره پر را بگیرد
حالت دادن به نوار عنوان چت
شکل دادن به جعبه متن پیام
حالت دادن به ظرف پیام های چت
تصاویر چت گروهی
استایل دادن به تصاویر چت گروهی
محدود کردن تعداد تصاویر چت نمایش داده شده
تغییر نام چت:
افزودن پنجره بازشو نام چت
برقراری فراخوانی ajax برای تغییر نام
به روز رسانی نام چت در پایگاه داده
مسیر چت را دریافت کنید
داده های چت را با شناسه چت دریافت کنید
ارسال پیام:
گردانندگان رویداد پیام ارسال شده
تابع ارسال پیام
ایجاد طرح واره پیام
ارسال پیام به پایگاه داده
خروجی پیام ها:
ایجاد پیام html
اضافه کردن سبک اصلی برای پیام ها
سبک کردن پیام های خودمان
رسیدگی به خطای ارسال پیام
خروجی آخرین پیام
دریافت پیام ها از پایگاه داده
خروجی تمام پیام های چت
افزودن کلاس به اولین و آخرین پیام در یک گروه از پیام ها
تنظیم شعاع مرزی پیام های ما
تنظیم شعاع مرزی پیام های آنها
خروجی نام فرستنده
خروجی تصویر نمایه فرستنده
رفع اشکال در اسکرول پیام ها
پیمایش خودکار پیام ها به پایین
نمایش اسپینر در حال بارگیری هنگام بارگیری پیام ها
پیام های زمان واقعی (Socket.IO):
نصب سوکت io
اتصال به سوکت io از مشتری
ایجاد کنترل کننده رویداد سوکت راه اندازی ما
پیوستن به اتاق گفتگو
ارسال اعلان‌های تایپ
رفع اشکال پیام های سافاری
نمایش نقاط تایپ gif هنگام تایپ کاربر
پنهان کردن نقاط تایپ زمانی که کاربر تایپ را متوقف می کند
پنهان کردن نقاط تایپ هنگام ارسال پیام
ارسال یک رویداد پیام جدید
مدیریت پیام های دریافتی
ارسال اعلان ها:
ایجاد صفحه اطلاع رسانی
ایجاد طرح اعلان
درج اعلان ها
ارسال اعلان فالو
ارسال اعلان برای لایک، ریتوییت و پاسخ
ارسال اعلان برای پیام ها
نمایش اعلان ها:
ایجاد مسیر api اعلان ها
بازیابی اعلان ها از پایگاه داده
ایجاد اعلانات html
ایجاد متن اعلان
ایجاد لینک های اطلاع رسانی
تنظیم کلاس فعال در اعلان ها
علامت گذاری یک اعلان به عنوان باز شده
کنترل کننده های کلیک اعلان
علامت گذاری همه اعلان ها به عنوان خوانده شده
نشان های اعلان/پیام خوانده نشده
اضافه کردن نشان اعلان‌ها/پیام‌ها به نوار ناوبری
دریافت تعداد چت های خوانده نشده
افزودن شماره به نشان پیام های خوانده نشده
افزودن شماره به نشان اعلان‌های خوانده نشده
اعلان های زمان واقعی:
ارسال رویداد سوکت اعلان
رسیدگی به اعلان های دریافتی
خروجی اعلان پاپ آپ
حالت دادن به لیست اعلان های بازشو
نمایش اسلاید اعلان ها
خروجی پیام های بازشو
علامت گذاری همه پیام ها به عنوان خوانده شده
ایجاد پیام های خوانده نشده دارای پس زمینه آبی است
رفع پیام های دریافتی

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

Create a Twitter Clone with Node.js, Socket.IO and MongoDB