توضیحات
اگر می‌خواهید در این دوره ثبت نام کنید، حتما فیلم بالا را تماشا کنید.
دانلود سرفصل‌های این دوره آموزشی منحصربفرد
سرفصل‌های این دوره آموزشی
۱- شروع کار با React و نیازمندی‌های مورد نیاز
- تعریف و مقایسه روش‌های SPA
- تاریخچه React
- نمونه پروژه‌های موفق پیاده سازی شده با React
- نصب Nodejs
- نصب VS Code
- معرفی Extensionهای مهم و پرکاربرد برای React
۲- ایجاد اولین پروژه و بررسی ساختار پروژه
- ایجاد پروژه از طریق CRA
- نحوه ایجاد پروژه به صورت دستی
- معرفی بخش های مهم یک پروژه React
- اجرای پروژه و بررسی خروجی ایجاد شده
۳- مروری بر جاوا اسکریپت و ES6
- تعریف متغیرها
- تعریف و استفاده از توابع
- نحوه تعریف آرایه‌ها و توابع مهم روی آرایه
- ایجاد یک object و کار با آن
۴- تعریف و استفاده از کامپوننت‌ها
- تعریف کامل کامپوننت و انواع آنها
- تاریخچه و ویژگی‌های Class Componentها
- معرفی Function Component و مزیت‌های آن
- نحوه استفاده از کامپوننت‌ها در کامپوننت دیگر
- بررسی چرخه حیات یک کامپوننت
۵- نحوه ساخت قالب خروجی کامپوننت‌ها
- معرفی jsx در ری اکت
- محل و نحوه تعریف کدهای HTML
- نحوه نوشتن کدهای CSS در ری اکت
- استانداردهای مهم در JSX
- معرفی تگ Fragment در خروجی کامپوننت‌ها
- نحوه دسترسی به متغیرها و توابع از داخل بخش HTML
۶- کاربرد State در React
- آشنایی با مفهوم State
- نحوه تعریف و استفاده از State در Class Component
- تعریف و استفاده از State در Function Component ها
- نکات مهم در تغییر State ها
۷- نحوه تعامل کامپوننت‌ها با Props
- نقش Props در تعامل کامپوننت‌ها با یکدیگر
- روش ارسال داده از Parent به Child
- روش ارسال Event از Child به Parent
- نحوه کنترل و چک کردن Propهای ورودی
- نحوه کنترل تکراری بودن مقدر Propها
۸- معرفی Hookهای پرکاربرد
- هوک چیست و با چه هدفی ایجاد میشود؟
- معرفی هوک‌های معروف و پرکاربرد
- نحوه نوشتن هوک سفارشی و استفاده از آن
۹- افزودن Bootstrap به React
- معرفی و تاثیر آن در طراحی صفحات
- روش‌های افزودن Bootstrap به ری اکت
- ایجاد یک Layout با Bootstrap
- معرفی و استفاده از Reactstrap
۱۰- کار با Material در React
- معرفی Material
- افزودن Material به پروژه React
- ایجاد Layout و پیاده سازی صفحات با Material
۱۱- روش اتصال کامپوننت‌ها به آدرس‌های دلخواه
- معرفی Routing و کاربرد آن در React
- نصب React-Router-Dom و کانفیگ آن در ری اکت
- نحوه تعریف آدرس ها و وصل کردن Componentها به آدرس‌های تعریف شده
- تعریف Linkها و حرکت به صفحات دلخواه
- نحوه تعریف URL Params و URL Query String و ارسال داده از طریق آنها
- نحوه تعریف Routing تودرتو
۱۲- روش‌های ایجاد فرم‌های دریافت اطلاعات
- تعریف فرم و دریافت داده از طریق Change Event
- تعریف فرم‌ها و دریافت داده از طریق ref
- دسترسی به داده‌های یک فرم از طریق Submit کردن
- استفاده از کتابخانه React-Hook-Form
- نحوه صحت سنجی اطلاعات فرم‌ها در ری اکت
۱۳- ایجاد فایل آپلودر و استفاده از آن
- نحوه دریافت فایل و ارسال آن به سرور
- بررسی فرمت‌های مورد نظر و حجم مجاز آپلود فایل
- نوشتن Progress برای آپلود فایل
- نحوه دانلود و نمایش فایل‌ها
۱۴- نحوه مدیریت خطاها در ری اکت
- کنترل خطاها با ،Try-Catch
- نحوه تعریف Error Boundary در ری اکت
- استفاده از Error Boundary و مدیریت خطاها
- بررسی خطاهای رایج در ری اکت
۱۵- فراخوانی API در React و دریافت و ارسال داده
- معرفی API و ویژگی‌ها یک API استاندارد
- روش‌های فراخوانی APIها
- معرفی و استفاده از روش Fetch
- نصب و استفاده از axio
۱۶- افزودن Redux به پروژه
- تعریف State Management و معرفی روش‌های معروف
- معرفی و کاربرد Redux
- نصب و راه اندازی Redux
- تعریف Action ، Reducer و Store
- فراخوانی Redux در کامپوننت‌ها و نحوه تعامل با آن
- معرفی Redux Logger و کاربرد آن
- نصب و استفاده از Redux Persist
- استفاده از Redux Thunk
- کاربرد Redux Saga
۱۷- کاربرد Context و نحوه استفاده از آن در ری اکت
- معرفی Context
- نحوه تعریف و ارسال داده به لایه‌های پایین تر
- نحوه تغییر Context
۱۸- استفاده از Token Authentication و Refresh Token
- تعریف احراز هویت و نحوه پیاده سازی آن در ری اکت
- نحوه کنترل Login بودن کاربر
- استفاده از Refresh Token
- نحوه کنترل دسترسی‌ها در ری اکت
۱۹- نحوه نوشتن Server Side Rendering App با ری اکت
- معرفی SSR و تفاوت‌های آن با CSR
- معرفی روش‌های پیاده سازی SSR
- ساختار یک پروژه SSR
- نحوه فراخوانی apiها در SSR
- نحوه کارکرد Routing در SSR
- پیاده سازی یک SSR Website
۲۰- نصب و استفاده از GraphQL و انجام عملیات CRUD با آن
- معرفی و هدف از ارائه GraphQL
- انواع دستورات در GraphQL (Query و Mutation)
- نحوه تعریف query و ارسال به سمت server
- نحوه ارسال داده به سمت سرور
۲۱- نحوه نوشتن Test و اجرای آن در ری اکت
- نحوه نوشتن Unit Test در ری اکت
- معرفی و نوشتن Shallow Rendering Unit Test
- معرفی و نوشتن Full Rendering Unit Test
- نوشتن تست روی state , props , events
۲۲- اجرای پروژه روی Docker و Web Server
- نحوه build پروژه
- معرفی Docker و مزیت های آن
- ایجاد DockerFile برای افزودن خروجی ری اکت به داکر
- نحوه بارگذاری روی وب سرورها
۲۳- جمع بندی دوره ری اکت
کارگاه تکمیلی پیاده سازی پنل مدیریت (۵ ساعت)
مدرس این دوره مهندس محسن درم بخت میباشد.
محسن درم بخت [مشاوره، مدرس و مدیر پروژه های نرم افزاری تحت وب و موبایل]
مشاوره، مدرس و مدیر پروژه های نرم افزاری تحت وب و موبایل که از سال 1387 وارد دنیای برنامه نویسی شدم و همچنان در حال یادگیری مطالب جدید و استفاده از آنها در پیاده سازی پروژه های جدید می باشم. عاشق آموزش و تدریس برنامه نویسی هستم و در هفته بعد از کار روزانه، عصرها درگیر آموزش برنامه نویسی می باشم.
- مدیر پروژه شرکت درسا سافت
- مدیر پروژه شرکت سپیدآریا
- مشاور نرم افزار دانشگاه آزاد
با ثبت نام در این دوره چه چیزهایی به دست می‌آورید
اگر خارج از تهران هستید یا پُرمشغله هستید چرا در دوره غیرحضوری شرکت نمی‌کنید!؟
اگر خارج از تهران هستید، اگر پُرمشغله هستید: بصورت غیرحضوری ثبت نام کنید، کلاس را زنده ببینید و فیلم با کیفیت فوق حرفه‌ای به همراه جزوات کاملا رنگی و دستورالعمل اجرا دریافت کنید.
پیش نیازهای دوره
برای اینکه بتوانید از این دوره به نحو مطلوب استفاده کنید حتما بایستی با مبانی طراحی وب HTML. Css.Javascript آشنایی داشتهب اشید.
رویکرد این دوره بیشتر مباحث عملی و سناریوهای تجربی میباشد.
تصاویری از محیط وبینار
دوره در یک نگاه کلی
عنوان دوره: دوره آموزشی غیرحضوری React
مخاطبین: برنامه نویسان و علاقه‌مندان به فریم ورک React
پیش نیازهای دوره: آشنایی و تسلط نسبی به مبانی طراحی وب (HTML. Css. Javascript)
مخاطبین: برنامه نویسان و علاقه مندان به آشنایی با فریم ورک React آشنا شوند.
طول دوره: ۱۵ جلسه ۳ ساعته در مجموع ۴۵ ساعت
نحوه ارائه: غیرحضوری و آنلاین
پشتیبانی: دارای گروه تلگرامی اختصاصی است
مدرسین: محسن درم بخت
مبلغ غیرحضوری: یک میلیون و سیصد هزار تومان
مبلغ دوره
شرایط غیرحضوری:
محتوای غیرحضوری: ۱۵ جلسه ۳ ساعته در مجموع ۴۵ ساعت آموزش تصویری (فیلم)، صوت دوره، تمرین‌ها، PDF جزوات
مشاهده Live: دسکتاپ و صدای مدرس، بصورت زنده و آنلاین قابل مشاهده است.
مبلغ سرمایه گذاری غیرحضوری: یک میلیون و سیصد هزار تومان
آیا مبلغ دوره مناسب است!؟
به نظر من مبلغ دوره بسیار، بسیار ارزان و مناسب است، این دوره دارای تمرین و سناریوهای کاملا اختصاصی است که البته مدرس از تجربیات ارزشمند خود در کل دوره خواهد گفت که میتوانید از آن استفاده نمایید. همچنین شما پشتیبانی یک گروه اختصاصی تلگرامی را نیز خواهید داشت.
نحوه ثبت‌نام در دوره به چه شکل است؟
ثبت نام بصورت غیرحضوری:
۱- ابتدا بر روی دکمه زیر کلیک کنید.
۲- اطلاعات خواسته شده را تکمیل و مبلغ مورد نظر را پرداخت نمایید.
۳- شما در لیست ثبت‌نام کنندگان غیرحضوری قرار گرفته‌اید، ۱۰ دقیقه دیگر ایمیل خود را بررسی نمایید
پاسخ به سوالات متداول درباره این دوره آموزشی
1- روی دکمه خرید (حضوری یا غیرحضوری) کلیک کنید تا به سبد خرید هدایت شوید.
2- مراحل خرید اعم از لاگین، تکمیل اطلاعات و پرداخت اینترنتی را انجام دهید.
3- در انتها و بعد از پرداخت به قسمت مشخصات سفارش خود هدایت خواهید شد.
4- تبریک می‌گوییم شما در لیست خریداران این دوره قرار گرفته‌اید بعد از 5 دقیقه ایمیل خود را بررسی کنید.
دوره به صورت آنلاین و وبیناری برگزار خواهد شد.
تاریخ شروع دوره : سه شنبه ها – دوره در حال برگزاری است.
واقعیت این است که یک تیم پرتلاش با مدرسین واقعا حرفه‌ای بصورت شبانه‌روزی فعالیت می‌کنند تا بتوانند دوره‌های آموزشی در سطح بسیار بالایی تولید کنند.
لطفا و خواهشا کپی نکنید و موارد زیر را مدنظر داشته باشید:
- در نیک آموز بر روی مطالب آموزشی و دوره‌ها قفل گذاشته نمی‌شود تا شما دوست عزیز بدون دردسر بتوانید مطالب آموزشی را در هر دستگاهی تماشا نمایید.
- محتوای خریداری شده را میتوانید با بستگان درجه یک (همسر، پدر،مادر،خواهر،برادر) به اشتراک بگذارید.
- ما از کپی محتوای آموزشی نیک آموز تحت هیچ شرایطی رضایت نداریم. این مورد شرعا حرام و موارد مشاهده شده پیگرد قانونی خواهد داشت همان طور که شما تمایل ندارید برنامه شما کپی شود مجموعه نیک آموز هم از کپی دوره‌ها کاملا ناراضی است.
- محتوا را میتوانید توسط تیم خودتان و داخل شرکت خودتان تماشا کنید ولی اگر محتوا را به بیرون از شرکت انتقال دهید ما کاملا از این موضوع ناراضی هستیم.
- خواهشمندیم به موارد مطرح شده پایبند بوده زیرا تمامی محتواهای آموزشی نیک آموز در سازمان وزارت ارشاد بصورت قانونی ثبت شده است و موارد مشاهده شده پیگرد قانونی خواهد داشت.
دوره دارای پشتیبانی VIP تلگرامی است. بعد از خرید و شرکت در دوره حتما و حتما نسبت به آرشیو فایل‌ها و مستندات دوره اقدام نمایید. در ارتباط با دسترسی به آرشیو دوره و موارد بروز رسانی و دریافت مستندات شرکت نیک آموز فقط ۶ ماه دارای خدمات پس از فروش میباشد.
آرین (مالک تایید شده) – :
عالیه
خوشحالم که بالاخره ثبت نام شروع شد
شاهرخ (مالک تایید شده) – :
سرفصلها خیلی عالیه ولی اگه پروژه محور باشه و یا بعد از دوره یه کارگاه برای ساخت یه پروژه کاربردی هم داشته باشه عالی میشه
آرزو محمدزاده – :
درود بر شما
قطعا در انتهای دوره کارگاه تکمیلی برای انجام پروژه و پیاده سازی مفاهیم دوره خواهیم داشت.
سپاس از همراهی شما
حمید – :
سلام. قرار بود به دانشجوهایی که در وبینار ثبت نام کرده اند، تخفیف 200 هزار تومانی ارائه بشه. چه کد تخفیفی باید بزنیم؟
آرزو محمدزاده – :
درود بر شما
بله درسته انشالله هفته اینده این مورد تقدیم دوستان شرکت کننده خواهد شد.
سپاس از همراهی شما
لیلا غزلباش (مالک تایید شده) – :
با سلام و احترام
بسیار خوشحالم که دوره با استاد درم بخت گرامی شروع میشه، امکان شرکت در کلاس از خارج از کشور امکانپذیر میباشد؟
آرزو محمدزاده – :
درود بر شما
بلی . چون کلاس ها به صورت وبیناری است امکان نحضور در کلاس آنلاین فراهم است.
سپاس از همراهی شما
مینا برزگر – :
با سلام
اگر به هر دلیلی (مثلا سرعت نت!) نتونیم آنلاین وبینار رو ببینیم بعد از هر جلسه امکان دانلود فیلم همون جلسه وجود داره؟
ممنون
آرزو محمدزاده – :
درود بر شما
بله در هر صورت فیلم کلاس برای دانلود در اختیار دانشجویان قرار خواهد گرفت.
سپاس از همراهی شما
حمید – :
سلام، بعد از اتمام کلاس امکان خرید و دانلود کل دوره به صورت یکجا وجود داره؟
آرزو محمدزاده – :
درود بر شما
بله بعد از اتمام دوره قابلیت خرید این محصول فراهم است.
سپاس از همراهی شما
امیر – :
سلام
خانم محمد زاده چرا صدا و تصویر توی بعضی قسمت ها سینک نیست؟
آرزو محمدزاده – :
درود وقت بخیر
این مورد بررسی شد مشکلی در هماهنگی صدا و تصویر نیست لطفا در صورت برقرار بودن هر گونه مشکل با ادمین گروه تلگرامی دوره در تماس باشید
@nikamoozwebmaster
سپاس از همراهی شما
سعید – :
سلام . وقتتون بخیر. سر فصل ها جامع و کامل هست و همونطور که میدونید تقریبا تمام آموزش ها این سر فصل ها رو دارن . من واقعا دلم میخواد این دوره رو تهیه کنم اما دوس دارم پروژه نهایی رو یه پروژه فروشگاهی مثل دیجی کالا پیاده سازی کنید . میتونید این قول رو به من و دوستان بدید ؟
در ضمن این دوره قابل دانلود هست ؟
سپاس از شما
مسعود طاهری – :
سلام به هیچ عنوان هیچ کس در دنیا همچین قولی به شما نمی تواند بدهد
دوست عزیز سایت دی جی کالا توسط یک تیم بزرگ نوشته شده و کلی زیر ساخت و تکنولوژی و… در آن به کار رفته است.
شما امکان ندارد با دیدن یک دوره بتوانید چیزی مثل دی جی کالا ایجاد کنید
به امید موفقیت
محمد عرفانی – :
باسلام و آرزوی سلامتی
میخاستم بدونم توی این دوره در خصوص معماری و الگوهای طراحی در ری اکت هم صحبت شده ؟!
آرزو محمدزاده – :
درود بر شما
رویکرد این دوره الگوهای طراحی و معماری نمی باشد در اینده دوره پیشرفته ای برای این مورد در نظر داریم که اطلاع رسانی خواهد شد
سپاس از همراهی شما
حسین – :
سلام
توی توضیحات سر فصل قید کردید نصب Nodejs
من برام سوال شده مگه برای توسعه برنامه های react از جاوا اسکریپت استفاده نمیشه
پس چه احتیاجی به Nodejs است ؟
آرزو محمدزاده – :
درود بر شما
به نقل از مهندس درم بخت
بله ما سرور nodejs رو نیاز داریم و باید نصب کنیم تا از طریق اون بتوینم npm رو داشته باشیم.
بیشتر nodejs در پشت صحنه در زمان develop استفاده میشه و درنهایت روی نسخه build شده نیازی به وجودش نداریم.
سپاس از همراهی شما
محمد (مالک تایید شده) – :
سلام. بنده اگر این دوره را خریداری کنم میتوانم ویدیو تمام جلسات را دانلود کنم؟
به بیان بهتر منظور شما را از غیرحضوری بودن این دوره نفهمیدم. ایا این دوره ، دوره ای است که در حال حاضر دارد تشکیل میشود یا یک دوره از پیش رکورد شده است و با ثبت نام به ویدیو ها دسترسی داریم؟
آرزو محمدزاده – :
درود بر شما
این دوره بعد از خرید هم قابل ارسال است هم قابل دانلود دوست عزیز
منظور ما از غیرحضوری یعنی پک اموزشی قبلا اماده شده و به شما تحویل داده می شود.
سپاس از همراهی شما
mohammadreza (مالک تایید شده) – :
سلام بنده این آموزش را خریداری کردم اما هیچ لینک دانلودی در پنل من وجود ندارد. از کجا باید ویدیو آموزش ها را دانلود کنم؟ قبلا پرسیدم و کارشناس (خانم محمدزاده) گفتند بعد از خرید هم قابل ارسال است و هم قابل دانلود.
آرزو محمدزاده – :
درود وقت بخیر
لطفا بخش دانلودهای من در حساب کاربری خود را بررسی نمایید. دسترسی دانلود برای شما باز شد.
سپاس از همراهی شما
ashrafi (مالک تایید شده) – :
با سلام و احترام
این دوره خیلی دوره خوبی بود. استاد درم بخت با تسلط کامل و بیان شیواشون تدریس کردند.
امیدوارم دوره های کامل توسعه وب را به صورت پکیج کامل در نیک اموز ببینیم. مانند خود جاوا اسکریپت ( سمت سرور و کاربر) و عریم ورک های دیگری از جاوا اسکریپت مانند انگولار و همچنین ری اکت نیتیو
امیرحسین – :
با سلام
با توجه به کیفیت خوب دوره react خواهشمند است دوره React Native هم برگزار کنید،.
ممنون
حسین شاهانی – :
با سلام و خسته نباشید.
بنده قصد خرید این دوره را دارم و چند سوال برام پیش آمده:
۱) باتوجه به قیمت بالا این دوره نسبت به سایر سایتها و جامع بودن مباحث مطرح شده آیا این دوره مناسب بازار کار و انجام پروژه های spa سمت کلاینت می باشد یا فقط منوط به طراحی داشبورد پنل مدیریت و کاربر هست؟
۲) آیا می توان تمام موارد backend دیتابیس های رابطه ای ، authentication و authorization کاربر و restfull api رو با این دوره روی فرانت پیاده کرد؟
۳) و اینکه آیا یادگیری این آموزش را می توانیم به پیاده سازی اپ موبایل نیتیو بسط بدهیم و یا برای اپ موبایل مسیر آموزشی متفاوتی باید انتخاب کنیم.
•••
ممنون از توجه و پاسخگویی شما.
آرزو محمدزاده – :
سلام
به نقل از مهندس درم بخت
سرفصل ها و آموزش این دوره کاملا کاربردی و مرتبط با بخش های مختلف یک پروژه front می باشد
موارد یک و دو شما کاملا پوشش داده شده است.
درباره مورد سوم و یادگیری React Native در این دوره مطلبی گفته نشده است و React Native یک دوره جداگانه ای می باشد که پیش نیاز آن همین دوره React می باشد.
سپاس از همراهی شما