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

پنل کاربری

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

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

کدنویسی یک فروشگاه اینترنتی بوسیله MEAN Stack و همچنین Angular 12, NX, PrimeNg

کدنویسی یک فروشگاه اینترنتی بوسیله MEAN Stack و همچنین Angular 12, NX, PrimeNg

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

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

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

در این دوره با تکنولوژی های Nodejs , Mongo, Angular 12, Nrwl NX Monorepo, PrimeNG آشنا شده و کدنویسی ترکیبی آن ها را برای ساخت یک فروشگاه اینترنتی موبایلی و مدرن را یاد می گیرید.

در حقیقت با دنبال کردن مطالب این مجموعه بر برنامه نویسی Web App های مدرن کاملا مسلط می شوید.

عنوان اصلی : MEAN Stack E-Commerce App: Angular 12, NX, PrimeNg [2021]

سرفصل ها :


به دوره خوش آمدید:
چیست؟
چه کسی می تواند این دوره را بپذیرد: پیش نیازهای دوره
دوره Q / A و چگونگی دریافت بیشتر آن؟
اگر شما گیر کرده اید و خطاها
ابزار و محیط زیست:
نصب ویرایشگر کدگذاری ما (IDE) + Extensions
نصب Nodejs
پیکربندی Atlas Mongobd
نصب پستچی برای تست API ما
شروع با backend:
بازبینی به API Restful ما
خواندن متغیرهای محیط زیست
ایجاد اولین تماس API و تجزیه اطلاعات JSON
توجه مهم در مورد تجزیه اطلاعات JSON
ثبت نام درخواست API
نصب Mongoose و اتصال به پایگاه داده MongoDB
با استفاده از قطب نما MongoDB
اختیاری: پایگاه داده کاشت
داده های خواندن / نوشتن به پایگاه داده با استفاده از API
تجزیه و تحلیل پایگاه داده فروشگاه الکترونیکی
ساخت مسیرهای API Backend & Schemas
فعال کردن CORS و چرا ما به آن نیاز داریم؟
کد بخش
backend: محصولات و دسته بندی ها:
معرفی
محصولات مدل و طرح
دسته بندی ها مدل و طرح
افزودن و حذف دسته ها
دریافت دسته ها و جزئیات رده
رده به روز رسانی
ارسال یک محصول جدید REST API
دریافت محصول و لیست محصولات REST API
نمایش جزئیات رده در محصول - Populate
به روز رسانی یک API استراحت محصول
حذف یک API استراحت محصول و تایید شناسه
دریافت محصولات برای اهداف آمار
دریافت محصولات ویژه REST API
فیلتر کردن و گرفتن محصولات بر اساس طبقه بندی
تغییر کلید "_id" به "ID" - بیشتر دوستانه دوستانه
کد بخش
backend: کاربران و احراز هویت:
معرفی
کاربران مدل و طرح
ارسال / ثبت نام یک کاربر جدید استراحت API
دریافت کاربر و لیست کاربران به استثنای رمز عبور
به روز رسانی داده های کاربر با / بدون رمز عبور
ورود API استراحت کاربر و ایجاد یک نشانه
حفاظت از API و احراز هویت jwt middleware
تصدیق خطای احراز هویت
حذف مسیرهای استراحت API از احراز هویت
اضافه کردن اطلاعات کاربر راز بیشتر به نشانه
کاربران و مدیران
دریافت API REST REST کاربر
کد بخش
backend: سفارشات:
معرفی
سفارشات و سفارشات مدل و طرح
آرایه ای از refs - مثال از لینک به منظور سفارش اقلام به محصولات
سفارش جدید و ایجاد اقلام سفارش در ارسال سفارش جدید
جزئیات سفارشات و محصولات را به صورت سفارشات و داده های کاربر دریافت کنید
به روز رسانی وضعیت سفارش و حذف سفارش
حذف اقلام سفارش پس از حذف سفارش
توضیح راه حل
محاسبه قیمت کل یک سفارش
دریافت کل فروش فروشگاه الکترونیکی با استفاده از مبلغ $
دریافت سفارشات کاربر
کد بخش
backend: محصول محصول و گالری آپلود:
معرفی
پیکربندی آپلود سمت سرور
تست آپلود تصویر با پستچی
تایید انواع فایل های آپلود شده
آپلود تصویر با درخواست محصول محصول
گالری محصول چند عکس آپلود

بارگذاری تصویر با محصولات درخواست پاسخ به PUT استاتیک پوشه و به استثنای ارسال پوشه را از احراز هویت
کد بخش در شروع با ظاهر: تجارت الکترونیک NgShop - برنامه صفحه ساختار ایجاد پوشه پروژه و نصب زاویه ای کامپوننت، ماژول، خدمات در زاویه از NX Monorepo: چه NX و MonoRepo است؟ نمای کلی به NX رئال مثال جهان - فروشگاه الکترونیک نصب NX نصب برنامه های افزودنی برای سریع برنامه نویسی از NX: ساختار عمومی برای E-فروشگاه نرم افزار + پنل مدیریت برنامه: ایجاد NX فضای کاری برای تیم یا شرکت شما بهتر
ایجاد برنامه های کاربردی (پنل مدیریت برنامه) ایجاد برنامه سطح قطعات ایجاد مسیرهای استاد صفحه با سربرگ و پاورقی قطعات نامگذاری اجزای انتخاب قوانین با ESLint NX ESLint: فعال کردن زنده Linting برنامه نویسی NX VSCode فرمت از NX: مشترک کتابخانه ها: ایجاد اشتراک گذاشته شده کتابخانه از طریق خط فرمان با استفاده از NPX ایجاد کتابخانه های اشتراکی از طریق NX فرمت ایجاد قطعات در داخل کتابخانه و استفاده از آنها در برنامه های نحوه تماس با کتابخانه ها: راه • بررسی از NX: مشترک یک ظاهر طراحی شده فایل ها: چه سبک به اشتراک گذاشته فایلها؟ ساختار سبک فایل برای برنامه های کاربردی (NgShop + محیط مدیریت) نصب 3 حزب کتابخانه ها و شامل سبک نصب PrimeNG با استفاده از PrimeNG قطعات در پروژه ما نادیده گرفتن PrimeNG فونت نصب سیستم شبکه به روز رسانی: تغییر مهم در کلاس های شبکه در PrimeFlex از پنل مدیریت نرم افزار: ساختمان پوسته اصلی ایجاد راه ها و نمایش شل پنل مدیریت ناوبری خوانده غیر فعال کردن بخش مدیریت احراز هویت برای هدف برای ظاهر API در
کد بخش از پنل مدیریت: دسته بندی: دسته بندی ها جدول لیست دسته بندی Service - دریافت اطلاعات از بخش مدیریت خدمات تماس getCategories در دسته بندی: لیست کامپوننت اضافه کردن فرم ها دسته بندی ها - فرم استفاده PrimeNG اضافه کردن فرم ها دسته بندی ها - اتصال فرم اطلاعات اضافه کردن دسته بندی ها فرم - ارسال اطلاعات به بخش مدیریت حذف یک دسته بندی با تایید گفت و گو ویرایش یک رده اضافه کردن رنگ برای رده رنگ refactoring کد و زیباسازی دسته بندی ها جدول با ویژگی های بیشتر اضافه کردن دشت رنگ به لیست دسته بندی ها ESLint رفع فاکتورگیری مجدد و استفاده از محیط متغیر برای API در
کد بخش از پنل مدیریت: محصولات: محصولات: چه می خواهیم کاری انجام دهید؟ فهرست محصولات جدول محصولات خدمات و محصولات مطلع از پایگاه داده نشان دادن تصویر محصولات در جدول ساخت محصولات به صورت الگو کرکره برای دسته بندی محصولات با فیلتر ویرایشگر HTML برای توضیحات جزئیات محصول تصویر محصولات بارگذاری درست با تصویر بند ها عنوان FormData ارسال یک محصول جدید ویرایش یک محصول پویا اعتبار سنجی - تصویر درست است نه مورد نیاز در حالت ویرایش

حذف یک محصول با اطلاعیه و تایید گفت و گو اضافه کردن محصولات جدول صفحه بندی
کد بخش به پنل مدیریت کاربران: کاربران
از: چه می خواهیم کاری انجام دهید؟ کاربران جدول لیست و خدمات کاربر کاربران فرم اضافه کردن و ویرایش کد کشورهای بازیابی به کرکره با استفاده از i18n به-ISO-کشورها نام و نام خانوادگی از کشور
کد بخش از پنل مدیریت: سفارشات: سفارشات
از: چه می خواهیم کاری انجام دهید؟ ایجاد سفارشات قطعات - جدول، جزئیات و خدمات وضعیت سفارش جزئیات سفارش کامپوننت نمایش سفارش اقلام با قیمت جمع سفارش آدرس و ضوابط اطلاعات به روز رسانی وضعیت سفارش حذف یک سفارش با اطلاعیه و تایید گفت و گو
کد بخش از پنل مدیریت: ورود به سیستم و احراز هویت: ورود: چه می خواهیم کاری انجام دهید؟ ورود به صفحه ورود به سرویس و بازیابی رمز درست محلی سرویس ذخیره سازی و رمز فروشگاه درست پنل مدیریت مسیر گارد خوانده رمز داده ها - isAdmin و انقضا فعال کردن بخش مدیریت برگشت احراز هویت برای به API رهگیری HTTP درخواست با رمز خروج کاربر
کد بخش از پنل مدیریت: داشبورد: داشبورد یک ظاهر طراحی شده صفحه آمار خدمات
کد بخش از پنل مدیریت: بازسازی: در مسیر فاکتورگیری مجدد پایان اشتراک برای عملکرد
کد بخش از NgShop برنامه: صفحه اصلی: آماده سازی ساختار و سبک یک ظاهر طراحی شده سربرگ محصولات جستجو کامپوننت بنر قطعات و حذف کتابخانه در NX روح بنر مهم PrimeNG سبک دکمه دسته بندی بنر مورد محصولات بهتر
ویژه محصولات بنر مورد یک ظاهر طراحی شده محصولات یک ظاهر طراحی شده پاورقی
کد بخش از NgShop برنامه: محصولات: محصولات صفحه - استفاده مجدد قطعات محصولات فیلتر بر اساس طبقه بندی جزئیات محصول صفحه گالری محصولات و اجزای تصویر
کد بخش از NgShop برنامه: سبد خرید و پرداخت نهایی: در سبد خدمات و مقداردهی اولیه سبد خرید در LocalStorage را اضافه کردن محصولات به سبد خرید بازگرداندن سبد خرید در بازنگری مشاهده سبد خرید - تعداد نشان در سربرگ افزودن به سبد خرید تایید پنجره پیام (نان تست) اضافه کردن محصول به سبد خرید با مقدار سبد خرید صفحه الگو اتصال سبد خرید با محصولات حذف مدور وابستگی بین کتابخانه حذف محصولات از سبد سفارش خلاصه ویجت به روز رسانی تعداد سبد خرید مورد پرداخت صفحه
سفارش سفارش سپاسگزاریم از اینکه صفحه
کد بخش از NgShop برنامه: NGRX کاربر جلسات: فعال کردن ورود در پرداخت NGRX چیست؟ آیا بیایید: ایجاد NGRX Store دولت در کتابخانه کاربر نمودار: ساخت کاربر روند جلسه init انجام کاربر جلسه خدمات Creatig ساخت کاربر جلسه اقدام

ایجاد کاربران
ایجاد اقدامات موثر اگر نشانه معتبر یا نه
ایجاد اثر جلسه ساخت
تماس تلفنی در نشانه نامعتبر / معتبر
برنامه های StateStore را با استفاده از انتخابگرها مشاهده کنید
صفحه خودکار پرداخت خودکار بر اساس کاربر ثبت شده
Refactoring + سفارش محل با کاربر فعلی
کد بخش پرداخت در پرداخت:
دروازه پرداخت نوار
نصب کتابخانه های مورد نیاز برای ظهور
جریان پرداخت پرداخت
ایجاد API جلسه پرداخت
ایجاد سرویس جلسه پرداخت جلو
سفارش سفارش پس از پرداخت موفق
قرار دادن سفارش در صفحه "متشکرم" refactoring:
پروژه Linting با NX Lint
NX MIGRATE: به روز رسانی پروژه به آخرین نسخه
کد بخش backend backend:
نصب Heroku و آماده سازی git
اختیاری: ایجاد پایگاه داده تولید
تنظیم متغیرهای توسعه و محیط زیست
برنامه را مستقر کنید و آن را آزمایش کنید
کد بخش برنامه های کاربردی Frontend:
تهیه صفحات Git و GitHub
برنامه های ساختمانی ساختمان
راه اندازی برنامه های جلو به صفحات Github
ساخت چند برنامه، ایجاد اسکریپت ها کار بزرگ! بعدی چیه؟ :
این دوره در حال رشد است! چطور؟
سخنرانی پاداش