آموزش نود جی اس، انگولار و مونگو دی بی – طراحی سایت خبری با Angular ،Node.js و MongoDB

آموزش نود جی اس، انگولار و مونگو دی بی – طراحی سایت خبری با Angular ،Node.js و MongoDB

آموزش پروژه‌ محور نود جی اس، انگولار و مونگو دی بی Angular, Node.js و MongoDB به همراه طراحی و پیاده سازی پنل مدیریت سایت به صورت کاملا ریسپانسیو و واقعی

تریلر دوره

توضیحات کامل دوره

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

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

در این آموزش یک سایت خبری با انگولار (Angular)، نود جی‌اس (Node.js) و مونگو دی‌بی (MongoDB) طراحی و ‌پیاده‌سازی می‌کنیم تا در آن کاربر و مدیر سایت بتوانند با هر دستگاهی و به راحتی از آن استفاده کنند، برای کاربران اطلاعات به خوبی قابل نمایش باشند و همچنین مدیر سایت بتواند اطلاعات مد نظر خود را که شامل متن، فایل و تبلیغات است، در سایت به درستی درج کند.

برای این منظور نیاز است از انگولار به عنوان یک فریم‌ورک قدرتمند، با جاوا اسکریپت (JavaScript) برای پیاده سازی تک‌صفحه‌ای (SPA) و انعطاف‌پذیر بخش نمایش یا فرانت سایت استفاده کنیم. از نود جی‌اس در بک‌اند به عنوان یک فریم‌ورک قدرتمند و سریع بر پایه جاوا اسکریپت که سازگاری بالایی با انگولار دارد استفاده می‌شود و در نهایت با توجه به اینکه ساختار مونگو دی‌بی بر پایه JSON است از آن برای تطابق بیشتر با نود جی‌اس برای مدیریت سیستم اطلاعاتی و پایگاه داده استفاده شده است.

سرفصل‌های دوره

  • چکیده
    0:01:24

  • اضافه کردن Sidebar در بخش مدیریت سایت
    رایگان 0:09:04
  • نمایش Sidebar در بخش مدیریت سایت در حالت Responsive
    0:13:17
  • تنظیمات صفحه ورود به سیستم در Navbar – ساخت مسیر برای افزودن خبر
    رایگان 0:15:57
  • ساخت فرم افزودن خبر
    0:14:19
  • استفاده از ابزار CKEditor – استفاده از تاریخ شمسی
    رایگان 0:10:26
  • اعتبارسنجی فرم و ارسال اطلاعات فرم به Back End
    رایگان 0:11:37
  • تمرین ۱ - اعتبارسنجی در بک‌اند

  • بهبود ساختار کدها در Node.js
    0:13:17
  • ایجاد ساختار MVC در Node.js
    رایگان 0:10:02
  • ایجاد مدل برای ذخیره‌سازی اخبار و دریافت فرم ثبت اخبار در فرانت
    رایگان 0:11:30
  • ثبت اخبار در MongoDB
    0:07:54
  • تمرین ۱ - درج اطلاعات خبر در نود جی‌اس

  • اجرای ناهمگام توابع در Angular و درخواست نمایش اخبار
    رایگان 0:09:49
  • اجرای درخواست اطلاعات اخبار در Node.js، ارسال اطلاعات به Angular و نمایش کل اخبار در آن
    0:12:18
  • اجرای درخواست اطلاعات اخبار در Node.js، ارسال اطلاعات در فرانت و نمایش کل اخبار در Angular
    0:11:11
  • تبدیل تاریخ میلادی به شمسی و استفاده از Font Awesome جهت نمایش اخبار
    0:10:12
  • جستجو بین اخبار
    0:13:43
  • مرتب‌سازی اخبار و آشنایی با Pipe در Angular
    0:11:22
  • صفحه‌بندی اخبار
    0:12:14
  • تنظیمات حذف خبر در پنل مدیریت در Angular
    0:08:53
  • اجرای دستور حذف خبر در Node.js و بررسی خروجی در فرانت
    0:08:52
  • تمرین ۱ - مدیریت اخبار
  • تمرین ۲ - مرتب‌سازی بر اساس عنوان خبر

  • طراحی نمایش اخبار در صفحه اصلی سایت با Angular
    0:14:50
  • نمایش اخبار در صفحه اصلی سایت به صورت Responsive
    0:11:34
  • نمایش جزئیات خبر و طراحی جزئیات خبر در Angular
    0:10:48
  • دریافت اطلاعات خبر از MongoDB و نمایش اطلاعات
    0:14:26
  • تمرین ۱ - تنظیم خبر در صفحه اصلی
  • تمرین ٢ - کامپوننت لاگین سایت
  • تمرین ۳ - فعال‌سازی Jwt
  • تمرین ۴ - حذف Token ساخته شده

  • تمرین ۱ - ویرایش خبر در  سایت
  • تمرین ٢ - نمایش نام کاربر در تمام صفحات
  • ادامه مسیر تا ورود به بازار کار

  • خلاصه و مرور آموزش
  • واژه‌نامه (Glossary)
  • سوالات متداول (FAQ)
  • مشاغل مرتبط
  • نمونه سئوالات مصاحبه شغلی

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

1,790,000 تومان
358,000 تومان
80% تخفیف

این دوره شامل:
7 فصل آموزشی
4:28:59 ساعت آموزش
دسترسی مادام‌العمر
گواهی پایان دوره: مشخص نیست
تاریخ انتشار: 1405/07/23
آخرین به‌روزرسانی: 2026-10-29 15:06:39
تعداد امتیازها: 1
تعداد دانشجو: 98
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: