دوره پروژه محور React و Next

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

دوره آموزشی پروژه محور react و next

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

منظور از غیر مستقیم بودن یادگیری مفاهیم اولیه این است که در برخی از وبسایت‌های آموزشی از جمله وبسایت آموزشی راکت، ما دوره‌های مقدماتی را پیشتر ضبط کرده و از شما انتظار داریم که ابتدا آن‌ها را به خوبی نگاه کرده و یاد گرفته باشید. به همین دلیل است که ما در پایان نوشته‌های مربوط به هر دوره یک قسمت اختصاصی به نام «پیش‌نیازها» را ایجاد کرده و در آنجا خواهیم گفت که برای یادگیری این دوره آموزشی نیاز خواهید داشت چه پیش‌نیازهایی را در ابتدا طی کنید.

ساختار دوره آموزشی پروژه محور React

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

ساخت سیستم احراز هویت

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

ساخت سیستم احراز هویت با شماره موبایل

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

پیاده سازی سبد خرید و خرید محصول از درگاه پرداخت

پیاده سازی یک مکان برای جمع شدن تمام مواردی که قصد خریدشان را دارید (سبد خرید) و در نهایت اتصال آن به یک درگاه پرداخت یکی از ویژگی‌هایی‌ست که هر فروشگاه اینترنتی باید داشته باشد. از این جهت که این بخش بسیار مهمی از یک فروشگاه اینترنتی است ما یک سرفصل را به آن اختصاص داده و سعی خواهیم کرد در استانداردترین حالت ممکن این موارد را پیاده سازی بکنیم.

مشاهده محصولات در حالت صفحه بندی

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

فیلترسازی محصولات

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

ساخت پنل کاربری (ویرایش اطلاعات پروفایل ، نمایش سفارشات )

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

پیش‌نیازها

برای این دوره آموزشی شما نیاز دارید که در ابتدا به خوبی با جاوا اسکریپت و فریمورک React آشنایی داشته باشید. این موضوع یکی از بدیهیات است و شما نباید از کنار این موارد بگذرید. در زیر می‌توانید لینک‌های مناسبی برای یادگیری کامل این دو مورد مشاهده کنید:

دوره‌های آموزشی جاوا اسکریپت

دوره‌های آموزشی React.js

در این دوره آموزشی چه چیزهایی را یاد خواهید گرفت؟

اساسی‌ترین هدف ما در ارائه این دوره آموزش React و Next به صورت پروژه محور است. در نتیجه اگر شما با مقدمات اولیه به خوبی آشنایی دارید و حال می‌خواهید یک پروژه واقعی را به دنیا بیاورید به شما پیشنهاد می‌کنم که این دوره را حتما مشاهده کنید. همچنین با مشاهده سرفصل‌ها به صورت بهتر با چیستی این دوره و هدف آن آشنا خواهید شد. 

• معرفی دوره و پروژه‌ای که قصد پیاده‌سازی آن را داریم
• پیاده‌سازی ساختار اولیه پروژه
• پیاده‌سازی امکانات ورود و عضویت در سایت
• پیاده‌سازی ورود و عضویت با شماره موبایل
• بررسی و پیاده‌سازی الگوهای مختلف احراز هویت
• پنل مدیریتی و ایجاد محصول
• و... .