معماری پروژه های Large-Scale در ری‌اکت با استفاده از Next.js
دوره پیشرفته معماری پروژه های Large-Scale در ری‌اکت با استفاده از Next.js - React Query - Zustand - Typescript - Tailwind Css - Mock Service Worker - Storybook - Jest - React Testing Library - Cypress - CI/CD
- امتیاز 5 از 5
- 6 دیدگاه
- 208 شرکت کننده
- تاریخ بروزرسانی: 1403/02/28
سرفصل دوره
پیش نیازهای دوره
- دوره آموزش جامع ری اکت
- دوره پروژه پنل ادمین
شرح دوره
برای دسترسی به دوره های رایگان می توانید به پیج آموزش ری اکت مراجعه کنید.
یکی از مباحث پر اهمیت در پیاده سازی هر اپلیکیشنی ، بحث معماری استفاده شده در اپلیکیشن هاست. به طور کلی معماری به این موضوع می پردازد که اپلیکیشن به چه نحوی پیاده سازی شود تا قابلیت نگه داری، قابلیت استفاده مجدد، قابلیت در دسترس بودن اپلیکیشن افزایش یابد. یکی از چالش های پیاده سازی زمانی است که اپلیکیشن رشد می کند در این حالت مدیریت کد و بخش های مختلف اپلیکشن پر اهمیت تر می شود.
در این دوره پیاده سازی ورژن جدید پلتفرم آموزشی کلاسبن به شکل گام به گام آموزش داده می شود. از طراحی رابط کابری تا طراحی معماری اپلیکیشن تا پیاده سازی جز به جز کامپوننت ها.
تکنولوژی ها و فریم ورک های جذابی در این دوره استفاده شده است. این پروژه با استفاده از Next.js App Router پیاده سازی شده است. در کنار مفاهیم پیشرفته ری اکت و البته مفاهیم پروژه های Large-Scale. از TailwindCSS برای طراحی رابط کاربری استفاده می کنیم و البته از مفاهیم پیشرفته تر Tailwind برای ساخت بیش از 40 کامپوننت پیشرفته استفاده می شود. تست نویسی یکی دیگر از اجزای مهم اپلیکیشن های Large-Scale است. از React Testing Library - Jest و Cypress برای تست کامپوننت ها، unit test ها، integration test ها و end-to-end test ها استفاده می کنیم. بخش تست نویسی در این دوره یکی از جذاب ترین بخش های این دوره می باشد. در ادامه از Storybook برای مستند سازی کامپوننت ها هم استفاده می کنیم و نتیجه تست ها را در این ابزار ویژه به عنوان گزارش پیاده سازی می کنیم. State Mangement یکی دیگر از مهمترین بخش های هر سیستم سمت فرانت است. از Zustand برای مدیریت state ها استفاده می کنیم و علت استفاده از این ابزار را به طور کامل بررسی می کنیم. برای ارتباط با سرور و کال کردن API های ست سرور هم از React Query و Axios به همراه هم استفاده می کنیم که یکی از بهترین کتابخانه های ارتباط با سرور و کش کردن اطلاعات بازیابی شده از سرور می باشند.
همین طور از Mock Server Worker استفاده می کنیم تا در صورتی که API های سمت سرور در دسترس نباشن بتوانیم فرآِیند توسعه را ادامه دهیم با دیتاهای غیر واقعی. این ابزار هم یکی از بهترین و پر استفاده ترین ابزارهاست.
این پروژه با استفاده از Typescript پیاده سازی می شود و از تایپ های مختلفی برای ساخت این اپلیکیشن استفاده می کنیم. در انتهای دوره نحوه دیپلوی کردن پروژه در محیط عملیاتی بررسی می شود و از CI/CD به همراه GitLab استفاده می کنیم تا فرآیند Build و Deploy در محیط عملیاتی به شکل اتوماتیک انجام شود.
غیر از موارد گفته شده مطالب دیگری هم بررسی می شود از جمله طراحی آیکون پک برای پروژه و طراحی دیزاین به خصوص برای پروژه و ...
این دوره در واقع یکی از کاملترین و پروژه محورترین دوره های آموزش React در بازار است. امیدوارم که این دوره برای دوستان عزیز تجربه ای منحصر به فرد باشه.
درود
آدرس کانال تلگرام دوه:
https://t.me/+KzlwRLSn9GdmOTE0
دیدگاه
برای ارسال دیدگاه های خود ابتدا وارد شوید یا ثبت نام کنید
رسول مدنی
1402/07/02 - 10:12عالی هست دورتون استاد خیلی ممنونم
پیمان نادری
1402/07/02 - 15:10عالی و درجه یک
مهدی محمدی
1402/07/14 - 13:14دوستان پشت این آموزش ها ساعتها کار و سال ها تجربه قرار دارد . که برای مشاوره یکصدم این اطلاعات چندین برابر این هزینه را باید پرداخت کنیم. نکته مهم دیگر در این آموزش عملیاتی بودن برنامه در یک محیط واقعی و استفاده از آخرین تکنولوژی موجود میباشد . و بسیار موارد دیگر که موجب شده که این آموزش جزوء Top 10 آموزش در ایران باشد. در انتها از مهندس سپهوند بسیار تشکر میکنم که تجربه و علم با ارزش خود را بدون هیچ چشم داشتی با ما در میان میگذارند.
عباس سپهوند
1402/07/14 - 13:57ممنون جناب محمدی عزیز امیدوارم دوستان نهایت استفاده رو از دوره ببرن
لیلااحمدی
1402/07/16 - 08:12از مزایای مهم دوره فن بیان قوی ، ویدیوها باتایم های کوتاه برای هر topic و انتقال تجربیات در دوره های آموزشی است
مهدی خسروجردی
1402/07/17 - 15:27تسلط و فن بیان عالی . مطالب بسیار کاربردی ، موفق باشید .
Mohammad Afshar
1402/07/23 - 20:37دوره بسیار کاربردی و با کیفیتی هست. متشکرم.
حسین لادمخی نژاد
1402/07/25 - 18:30سلام خسته نباشید ای کاش میشد یکسری قسمت هارو رایگان کنید به طور مثال یک یا دو قسمت ، که بشه نحوه تدریس رو مشاهده کرد مچکرم
عباس سپهوند
1402/07/26 - 00:27سلام و درود شما می تونید نحوه تدریس رو در دوره هایی پنل ادمین و جامع ری اکت مشاهده کنید. هر دوی این دوره ها رایگان هستن
عباس
1402/08/06 - 14:00سلام به نظر میاد تا اینجا دوره 7 ساعته، نه 40 ساعت دوره تکمیل شده؟ یا عدد اشتباهه؟
عباس سپهوند
1402/08/06 - 14:07سلام و درود دوره حدود 40 ساعت و حتی بیشتره. فعلا حدود 8 ساعتش آماده شده و هر هفته آپدیت می شه
عباس
1402/08/06 - 16:30درسته بالای دوره نوشته "وضعیت ضبط :تکمیل ضبط" برای همین به اشتباه افتادم
عباس سپهوند
1402/08/06 - 18:12بله درست می فرمایید. من وضعیت دوره رو آپدیت کردم
حصین حیدری
1402/08/18 - 16:49سلام وقت بخیر در این دوره از api خود نکست استفاده میشه یا از بکند جدا استفاده میشه؟
عباس سپهوند
1402/08/19 - 08:27سرویس های بک اند قبلا پیاده سازی شدن و از api های نکست استفاده نمی سه. ولی نحوه پیاده سازی و تعریف api ها آموزش داده می شه
Amir
1402/09/09 - 08:00بی نظیر
Amir
1402/10/07 - 13:57بی نظیر عالی و بی نقص سه کلمه در مورد دوره لارج اسکیل
حصین حیدری
1402/10/12 - 22:53سلام وقت بخیر امنیت هم توضیح و پیاده سازی شده
عباس سپهوند
1402/10/14 - 09:25بله توضیح داده می شه
میثم
1402/10/23 - 09:47تا اینجای کار دوره داره با روند خوبی پیش میره و من راضی هستم! بنظرم معیار خوب بودن یه دوره سرفصل های زیاد و کامل نیست! بلکه پیش رفتن مطابق ساختار یک پروژه واقعی هست! و این بهترین مزیت این دوره در کنار توضیحات گویا و روان آقای سپهوند هست.
مهدی حسینی
1402/10/23 - 19:13این دوره فوق العادس و شمارو چندین لول از لحاظ فنی ارتقا میده! شک نکنید و حتما بدون تردید دوره رو شرکت کنید واسه افرادی که تجربه کار تو پروژه های بزرگ رو ندارن این دوره میتونه فوق العاده باشه تا لول کاریشون رو ارتقا بدن
ازاد
1402/11/09 - 17:14این دوره در spotplayer قابل مشاهده ست؟
عباس سپهوند
1402/11/10 - 17:39بله از طریق اسپات قابل مشاهده است ولی محدودیتی در دستگاه ها یا تعداد دستگاه ها وجود نداره
فائزه لشکری
1402/12/19 - 14:11سلام این دوره تخفیف نمیخوره؟
علی محمودی
1402/12/26 - 22:20درود دوره برای عید افر نداره ؟
عباس سپهوند
1402/12/27 - 01:49بله داره به زودی اطلاع رسانی می شه
علی محمودی
1402/12/27 - 09:16ممنون استاد ، استاد لینک کانال تلگرام که قرار دادین منقضی شده ! برای اطلاع رسانی از اخرین وضعیت دوره ها ، اپدیت ها ... کلاسبن کانال تلگرام نداره ؟
عباس سپهوند
1402/12/27 - 11:52درود لینک رو آپدیت می کنم. https://t.me/+heLZBzt4t5MwODdk
iman
1402/12/27 - 18:01سلام قسمت بک اند سایت رو هم در پروژه زدید؟ از نود جی اس استفاده میکنید؟ آموزش داکیومنت سازی کل پروژه هم ذکر کردید؟
امیررضا فا
1402/12/27 - 19:52سلام و احترام ابتدا ممنون استاد بابت اموزش react سایت که واقعا درک خوبی نسب به react بهم داد هم اموزشش عالی بود هم پروژه استاد ای کاش توی دوره next هم اول یک اموزشی در مورد فیچر های next میدادین چون به نظر سطح دوره برای افرادی که مبتدی هستند توی next مناسب نیست درسته؟
عباس سپهوند
1402/12/27 - 22:02اگه اون دو تا دوره رایگان رو دیده باشید مشکلی نخواهید داشت. به هر حال برای ارتقا باید چالش هم باشه. به نظرم می تونید این دوره رو استارت بزنید
جعفر رنجبری
1403/01/11 - 15:38ممنون مهندس بهترین دوره هست ارزش داشت خریدم اما فرمودین هر هفته آپدیت میشه چرا دو هفته هست آپدیتی ندیدم همون رویکردی نهای مونده ؟؟؟ ممنون میشه رود مپ سر فصل دوره 40 ساعتع بفرمایید چیا میخاد بیاد بازم ممنون زحمت کشیدی
این دوره شامل
- وضعیت ضبط در حال برگزاری
- تعداد مباحث 115 مبحث
- مدت آموزش 40 ساعت
- سطح دوره پیشرفته
- قابلیت دانلود دارد
عباس سپهوند
برنامه نویس و توسعه دهنده نرم افزار
- 5 از 5