کلون کردن وب‌سایت CNN از ابتدا: MERN Stack

آنچه یاد خواهید گرفت:

• چگونه با استفاده از MERN Stack یک وب اپلیکیشن فول‌استک و ریسپانسیو بسازید که بتواند به‌عنوان یک پرتال خبری مشابه وب‌سایت CNN عمل کند؟
• چگونه یک پنل مدیریتی بسازید تا محتوا و کاربران وب اپلیکیشن را کنترل کنید؟
• چگونه از Mongoose برای کار با MongoDB و تعریف اسکیماها و مدل‌های داده‌ها استفاده کنید؟
• چگونه از Express برای ایجاد سرور و مدیریت درخواست‌ها و پاسخ‌ها استفاده کنید؟
• چگونه از React برای ساخت یک فرانت‌اند پویا و تعاملی با کامپوننت‌ها، هوک‌ها و مدیریت state استفاده کنید؟
• چگونه ویژگی‌هایی مانند دسته‌بندی‌ها، زیرمجموعه‌ها، برچسب‌ها، نوع‌ها، بروزرسانی های لایو، نقش‌های کاربری و فرم‌های پشتیبانی را برای پورتال خبری پیاده‌سازی کنید؟
• چگونه از MongoDB GridFS برای ذخیره و بازیابی فایل‌ها استفاده کنید؟
• چگونه با Node.js جاوااسکریپت را در سرور اجرا کنید و از NPM برای مدیریت وابستگی‌ها بهره ببرید؟
• چگونه از Mongoose Paginate برای پیاده‌سازی صفحه‌بندی داده‌ها استفاده کنید؟
• چگونه از Socket io برای فعال کردن ارتباط بلادرنگ بین سرور و کلاینت استفاده کنید؟
• چگونه از Express Session برای مدیریت نشست‌ها و احراز هویت کاربری استفاده کنید؟
• چگونه با Multer عملیات آپلود و دانلود فایل را انجام دهید؟
• چگونه از Cors برای فعال کردن اشتراک منابع cross-origin استفاده کنید؟

پیش نیازهای دوره

• آشنایی با HTML و CSS
• درک پایه از جاوااسکریپت و ES6
• تجربه کار با React js مفید است اما ضروری نیست.

توضیحات دوره

این دوره به شما می آموزد چگونه با استفاده از MERN Stack یک وب اپلیکیشن فول‌استک بسازید که بتواند به‌عنوان یک پرتال خبری مشابه وبسایت CNN عمل کند، ناگفته نماند که MERN Stack شامل MongoDB ،Express ،React و Node.js است. در این دوره یاد می‌گیرید چگونه با استفاده از Mongoose با MongoDB کار کنید، با Express سرور ایجاد کنید و درخواست‌ها را مدیریت کنید، با React یک فرانت‌اند پویا و تعاملی بسازید و با Node.js جاوااسکریپت را روی سرور اجرا کنید.
همچنین پیاده‌سازی ویژگی‌هایی مثل دسته‌بندی‌ها، برچسب‌ها، بروزرسانی‌های لایو، نقش‌های کاربری و فرم‌های پشتیبانی را می‌آموزید. در پایان دوره، یک وب اپلیکیشن کارآمد خواهید داشت که می‌تواند محتوای خبری درباره موضوعاتی مانند سیاست، کسب‌وکار، ورزش، سرگرمی، سلامت و غیره را نمایش داده و مدیریت کند.
با ویژگی‌هایی مانند موارد زیر یک وب اپلیکیشن بسازید که بتواند به‌عنوان پرتال خبری عمل کند:

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

این دوره برای چه کسانی مناسب است؟

• این دوره برای هر کسی است که می‌خواهد یاد بگیرد چگونه با استفاده از MERN Stack، یک وب اپلیکیشن فول‌استک بسازد که بتواند به‌عنوان پرتال خبری مشابه وبسایت CNN عمل کند. چه مبتدی باشید و چه توسعه‌دهنده وب متوسط، این دوره برای شما مفید و جذاب خواهد بود، زیرا هم مباحث پایه و هم مباحث پیشرفته توسعه وب با MongoDB ،Express ،React و Node.js را پوشش می‌دهد. در انتهای دوره یک وب اپلیکیشن کاربردی خواهید داشت که محتوای خبری را نمایش داده و مدیریت می‌کند.