دوره آموزشی
دوبله زبان فارسی
تسلط به React 19 + بوتکمپ تجارت الکترونیک + پرسش و پاسخ مصاحبه
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری مبانی توسعه وب با React 19 و استک کامل MERN به همراه سؤالات مصاحبه + مبانی NextJS و پروژه تجارت الکترونیک.
- پیادهسازی یک اپلیکیشن تجارت الکترونیک با NextJS + TailwindCSS + درگاه پرداخت Stripe + سبد خرید، شامل پیادهسازی احراز هویت کاربر با JOSE و JWT.
- یادگیری جدیدترین و بهترین رویکردهای React JS با هوکهای React
- اصول شامل ایجاد کامپوننت و رندر دادههای پویا.
- پیادهسازی عملی با استیت های سراسری با Redux (RTK) و ()useContext
- مبانی NextJS و کشینگ به همراه جدیدترین رویکرد مدیریت مسیر با App Router در NextJS
- کسب دانش عمیق و عملی در مورد مدیریت استیت کارآمد
- راهنمای عملی چرخه حیات کامپوننت با ()useEffect
- درک مفصل JSX، رندر شرطی، مدیریت رویداد، حبابسازی و انتشار
- درک عمیق SPA با react-router-dom
- کار با درخواستهای HTTP با متد ()fetch
- درک مبانی پایگاه داده با MySQL
- کسب درک در مورد مبانی NodeJS و ExpressJS برای ایجاد API
- درک اولیه از عملیات CRUD با استفاده از React JS
- سؤالات مصاحبه و راهنمای آمادگی
- تمرینها/تکالیف برای تمرین همراه با توضیح
پیش نیازهای دوره
- آشنایی با مبانی جاوا اسکریپت کمک بزرگی خواهد بود.
- وقت، توجه و فداکاری برای یادگیری و تمرین
توضیحات دوره
این یک دوره React 19 - مقدماتی تا پیشرفته با پروژه استک MERN است. این یک بوتکمپ جامع از مقدماتی تا پیشرفته برای یادگیرندگانی است که میخواهند به توسعه استک MERN مسلط شوند.
مفاهیم کلیدی پوشش داده شده:
- بوتکمپ کامل استک MERN از مبتدی تا پیشرفته
- اصول ReactJS با React 19
- بهترین رویکردها برای رندر داده
- درک عمیق JSX
- جدیدترین متدهای مدیریت استیت
- مدیریت رویداد عمیق با حبابسازی و انتشار
- مدیریت چرخههای عمر کامپوننت با ()useEffect
- تسلط بر SPA با react-router-dom
- مدیریت وضعیت سراسری با ()useContext و Redux (RTK).
- رسیدگی به درخواستهای HTTP با متد ()fetch
- مبانی Node و ExpressJS برای ایجاد API
- مبانی پایگاه داده با MySQL
- پیادهسازی عملیات پایه CRUD
- مبانی NextJS و کشینگ
- NextJS App Router - رویکرد مدرن مدیریت مسیر
- Server Side Rendering (SSR)
- پروژه تجارت الکترونیک با NextJS
- TailwindCSS
- REST APIs
- Cookies
- JWT
- BcryptJS
- پیادهسازی سبد خرید
- پیادهسازی Middleware
- درگاه پرداخت Stripe
- رویکردهای کدنویسی استاندارد صنعتی
- استقرار با CICD
- سؤالات مصاحبه و موارد دیگر.
ReactJS چارچوب اساسی برای بسیاری از فریمورکهای پیشرفته و مدرن مانند NextJS ،Remix و غیره است. دانستن آخرین نسخه React دقیقاً مانند جاوا اسکریپت بسیار ضروری است. این دوره به طور خاص طراحی شده تا شما را به یک توسعهدهنده کامل استک MERN با یک پروژه عملی با جدیدترین فریمورک تبدیل کند. مدرس اطمینان حاصل کرده که این یک دوره جنبههای مختلف توسعه استک MERN را پوشش میدهد. بنابراین با شروع از مبانی React JS، به تدریج مفاهیم پیشرفته React را گنجانده است، سپس چند مفهوم پایگاه داده با MySQL را نیز مورد بحث قرار داده است. این دوره همچنین مبانی NodeJS و ExpressJS را پوشش میدهد تا بتوانید درک کاملی از ایجاد API نیز به دست آورید. پس از مبانی، یک برنامه مفصل تجارت الکترونیک با فریمورک NextJS را گنجاندهام که شامل تمام مراحل مانند کلاینت، ادمین، سبد خرید، درگاه پرداخت، احراز هویت و طراحی واکنشگرا با استفاده از TailwindCSS، استقرار به همراه پیادهسازی CICD است. به طور خلاصه، پروژه به شما از طراحی UI تا استقرار موفقیتآمیز را آموزش میدهد. نه تنها این، بلکه این دوره شامل تسک های کوچکی برای تمرین و مهمتر از همه، سؤالات مصاحبه است که در واقع به شما کمک میکند تا برای مشاغل بهتر آماده شوید. در مجموع، این یک بوتکمپ کامل استک MERN برای مبتدیان و همچنین یادگیرندگان پیشرفته است.
علاوه بر این خواهید آموخت:
- Server-side rendering برای بهبود SEO و عملکرد
- Static site generation برای زمان بارگذاری بسیار سریع
- Automatic code splitting برای عملکرد بهینه شده
- پیادهسازی عملی Redux tool kit
- مسیریابی، واکشی داده، و مدیریت استیت
- بهترین شیوهها برای ساخت اپلیکیشن های مقیاسپذیر MERN + Next.js
امروز در این دوره شرکت کنید و گامی قطعی در جهت شکل دادن به یک شغل موفق در دنیای توسعه وب سمت سرور مدرن بردارید.
این دوره برای چه کسانی مناسب است؟
- داوطلبانی که میخواهند نه تنها به Front-end مسلط شوند، بلکه میخواهند یک توسعهدهنده Fullstack باشند.
- توسعهدهندگان جونیور و میانرده که میخواهند مهارتهای خود را به حداکثر برسانند!
- توسعهدهندگان ماهر که مایل به کسب ایده بهتر با آخرین نسخههای React 19 و NextJS هستند.
تسلط به React 19 + بوتکمپ تجارت الکترونیک + پرسش و پاسخ مصاحبه
-
مقدمه دوره 04:58
-
تاریخچه React - نقطه عطف 02:48
-
React RC و آخرین نسخه React چیست؟ 01:56
-
سؤال هوش مصنوعی - React RC و جدیدترین نسخه React چیست؟ 00:54
-
ساخت پروژه اول - React 19 02:09
-
سؤال هوش مصنوعی - ساخت پروژه اول با React 19 04:39
-
درک ساختار پروژه 03:48
-
سؤال هوش مصنوعی - درک ساختار پروژه 05:45
-
ساخت پروژه با تایپاسکریپت 03:01
-
سؤال هوش مصنوعی - ساخت پروژه با تایپاسکریپت 03:06
-
ساخت پروژه در NextJS 03:45
-
ساخت پروژه در Remix 03:19
-
سؤال هوش مصنوعی - پروژه با تایپاسکریپت و Remix 01:43
-
ساخت کامپوننت از ابتدا 04:17
-
سؤال هوش مصنوعی - ساخت کامپوننت از ابتدا 03:25
-
ایجاد کارت محصول 05:13
-
سؤال هوش مصنوعی - ساخت کارت محصول 01:15
-
رندر کردن مقادیر دینامیک از یک آبجکت 02:19
-
سؤال هوش مصنوعی - رندر کردن مقادیر دینامیک از یک ابتدا 00:52
-
رندرینگ مقادیر دینامیک از آرایه 02:06
-
مفهوم صفت key در تابع ()map 02:30
-
سؤال هوش مصنوعی - رندرینگ مقادیر دینامیک از آرایه و صفت key 02:18
-
React Fragment و Fragment خالی 03:41
-
سؤال هوش مصنوعی - Fragment در React و Fragment خالی 02:55
-
اکسپورت پیشفرض در مقابل نامگذاری شده 03:59
-
سؤال هوش مصنوعی - اکسپورت پیشفرض در مقابل نامگذاری شده 01:23
-
قوانین JSX 02:37
-
سؤال هوش مصنوعی - قوانین JSX 01:23
-
اختصاص JSX به متغیر 01:42
-
سؤال هوش مصنوعی - تخصیص JSX به متغیر 01:15
-
درک props 03:48
-
سؤال هوش مصنوعی - درک props 01:42
-
پرسونا کردن کامپوننت محصول با Props 01:44
-
رندرینگ شرطی 04:54
-
سؤال هوش مصنوعی - رندر شرطی 01:37
-
مدیریت رویداد پایه - کلیک 03:18
-
سؤال هوش مصنوعی - رویدادهای پایه 01:47
-
عبور پارامترها 01:44
-
سؤال هوش مصنوعی - عبور پارامتر 01:31
-
تسک - ساخت کامپوننت کارمند پویا 06:21
-
تسک - رندر شرطی در کامپوننت کارمند (isActive) 02:37
-
تسک - محاسبه عدد فاکتوریل با ارسال پارامتر 03:17
-
استیت چیست و چرا نیاز است؟ 02:38
-
سؤال هوش مصنوعی - استیت چیست و چرا لازم است؟ 01:13
-
هوک ()useState - درک فرآیند ساخت استیت 03:30
-
سؤال هوش مصنوعی - استفاده از هوک ()useState - درک ساخت استیت 01:37
-
استیت به عنوان یک اسکن 02:50
-
سؤال هوش مصنوعی - استیت به عنوان یک اسکن 01:15
-
بروزرسانی استیت بر اساس استیت قبلی 03:29
-
سؤال هوش مصنوعی - بروزرسانی استیت بر اساس استیت قبلی 01:07
-
کار با چند استیت 05:04
-
تابع مقداردهی اولیه - جلوگیری از بازتولید استیت ابتدایی 02:51
-
سؤال هوش مصنوعی - تابع مقداردهی اولیه برای جلوگیری از بازتولید استیت ابتدایی 00:56
-
آرایه به عنوان استیت 05:29
-
سؤال هوش مصنوعی - آرایه به عنوان استیت 03:11
-
آبجکت به عنوان استیت 03:54
-
سؤال هوش مصنوعی - آبجکت به عنوان استیت 03:10
-
تسک - مقداردهی اولیه استیت با آرایه بزرگ 03:08
-
تسک - بروزرسانی عناصر استیت با تابع بروزرسانی 03:45
-
مرور مدیریت رویدادها 03:00
-
آبجکت رویداد React - رویداد مصنوعی 03:43
-
سؤال هوش مصنوعی - آبجکت رویداد React - رویداد مصنوعی 02:03
-
رویداد ورودی - Textbox 02:40
-
تسک - رویداد ورودی - Textbox 01:31
-
سؤال هوش مصنوعی - رویداد ورودی - Textbox 00:47
-
انتشار رویداد - حبابسازی 05:12
-
سؤال هوش مصنوعی - انتشار رویداد - bubbling 04:33
-
متوقف کردن propagation 03:08
-
IQ - متوقف کردن انتشار 02:39
-
()preventDefault - جلوگیری از رفتار پیشفرض 03:04
-
سؤال هوش مصنوعی - جلوگیری از رفتار پیشفرض با ()preventDefault 01:02
-
فرم با استیت های متعدد 06:02
-
تسک - فرم با استیت های متعدد 05:32
-
استیت های فرم به صورت آبجکت 03:51
-
تسک - استفاده از استیت آبجکت در فرم 03:43
-
مدیریت رویداد واحد با کلید پویا 04:54
-
سؤال هوش مصنوعی - مدیریت رویداد واحد با کلید پویا 02:02
-
تسک - مدیریت رویداد واحد با کلید پویا 02:17
-
آپدیت تابعی - روش صحیح 01:28
-
فیلدهای ورودی - چکباکس 02:55
-
فیلدهای ورودی - رادیو باتن 05:33
-
تسک - فیلدهای ورودی - رادیو باتن 02:46
-
سؤال هوش مصنوعی - فیلدهای ورودی 02:17
-
تسک - مدیریت فرم با Textbox، چکباکس و رادیو باتن 07:48
-
مدیریت رویداد - onFocus 02:41
-
مدیریت رویداد - onBlur 01:49
-
تسک - مدیریت رویدادها - onFocus و onBlur 03:28
-
مدیریت رویداد - onKeyUp و onKeyDown 03:08
-
سؤال هوش مصنوعی - مدیریت رویدادهای onKeyUp و onKeyDown 00:54
-
مدیریت رویداد - onMouseEnter و onMouseLeave 02:31
-
تسک - مدیریت رویدادها - onMouseEnter و onMouseLeave 03:42
-
سؤال هوش مصنوعی - رویدادهای onMouseEnter و onMouseLeave 02:59
-
مقدمه 02:01
-
ایجاد پروژه 02:30
-
پیکربندی پروژه با Tailwind CSS و ساخت هدر 04:42
-
ساخت کامپوننت کارت محصول 04:26
-
رندر لیست محصولات با دادههای ثابت 02:23
-
ساخت مودال افزودن محصول 07:36
-
ساخت فرم افزودن محصول 03:06
-
ذخیره مقادیر فرم افزودن محصول 03:44
-
پیادهسازی قابلیت افزودن محصول 04:35
-
پیادهسازی قابلیت حذف 04:03
-
راهاندازی فرم ویرایش محصول 06:03
-
پیادهسازی قابلیت ویرایش محصول 05:58
-
پیادهسازی وضعیت فعال/غیرفعال محصول 04:07
-
نمایش محصولات فعال/غیرفعال 02:49
-
درک چرخه عمر کامپوننت 10:03
-
سؤال هوش مصنوعی - درک چرخه عمر کامپوننت 03:49
-
مقدمۀ هوک useEffect 02:58
-
استفاده از هوک ساده ()useEffect 03:22
-
سؤال هوش مصنوعی - استفاده از هوک ساده ()useEffect 01:28
-
اهمیت آرایه وابستگی در ()useEffect 05:24
-
سؤال هوش مصنوعی - اهمیت آرایه وابستگی در useEffect() 01:12
-
تابع پاکسازی در ()useEffect 08:50
-
سؤال هوش مصنوعی - تابع پاککننده در ()useEffect 03:20
-
مکان صحیح برای فراخوانی هوک ()useEffect 02:36
-
چه زمانی باید از استفاده از hook useEffect در React خودداری کرد؟ 03:05
-
درک مراحل اضافهسازی و پاکسازی در استیت سخت React 05:03
-
هوک ()useEffect - مدیریت وابستگیها 03:08
-
()useEffect در مقابل بروزرسانیهای DOM - نیاز به ()useLayoutEffect 05:40
-
تأخیر در اثرگذاری رویدادهای تعامل در React 03:12
-
درک اینکه useEffect تنها در سمت کلاینت اجرا میشود 05:03
-
مقدمۀ روتینگ 05:42
-
درک روتینگ در React 05:34
-
پیکربندی مسیرها با React Router 04:25
-
سؤال هوش مصنوعی - پیکربندی مسیر با React Router 02:10
-
درک مفهوم اپلیکیشن تک صفحهای و چند صفحهای 04:30
-
سؤال هوش مصنوعی - SPA در مقابل MPA 03:42
-
ایجاد نوار ناوبری در مسیر اصلی 02:18
-
ساخت صفحه محصولات 05:35
-
صفحه یافت نشد (404) 02:26
-
سؤال هوش مصنوعی - صفحه 404 - صفحه یافت نشد 03:06
-
درک مسیرهای تو در تو 05:29
-
مدیریت دینامیک مسیرهای تو در تو - پارامتر مسیر 08:37
-
سؤال هوش مصنوعی - مسیرهای تو در تو - پارامتر مسیر 01:42
-
طرح بندی - Outlet 06:11
-
IQ - طرح بندی - Outlet 01:51
-
صفت "index" - ارجاع به مسیر والد 06:03
-
سؤال هوش مصنوعی - ویژگی "index" - ارجاع به مسیر والد 00:55
-
استفاده از نوار ناوبری به عنوان الگو 02:35
-
عبور دادهها به کامپوننت فرزند - context و ()useOutletContext 04:21
-
عبور دادهها به کامپوننت فرزند - "state" و ()useLocation 02:53
-
سؤال هوش مصنوعی - context، useOutletContext()، "state" و ()useLocation 01:33
-
ساخت کارت جزئیات محصول 05:15
-
درک هوک "()useRoutes" 05:49
-
سؤال هوش مصنوعی - درک هوک "()useRoutes" 01:55
-
درک کامپوننت 05:55
-
سؤال هوش مصنوعی - درک کامپوننت 01:30
-
کامپوننت <Navigate> برای تغییر مسیر 02:30
-
روش صحیح برای هدایت با ()useNavigate 06:20
-
سؤال هوش مصنوعی - و ()useNavigate 01:53
-
بازسازی ساختار پروژه 05:12
-
بهبود رابط کاربری 06:00
-
Prop Drilling 04:08
-
سؤال هوش مصنوعی - انتقال پرت 01:41
-
درک API کانتکست 08:06
-
سؤال هوش مصنوعی - درک API کانتکستی 02:15
-
هوک ()useContext 01:55
-
سؤال هوش مصنوعی - استفاده از هوک ()useContext 00:40
-
ساخت رابط کاربری برای اپلیکیشن ماشین حساب 07:11
-
راهاندازی Context API در اپلیکیشن ماشین حساب 05:32
-
مدیریت داده ورودی در استیت سراسری 04:20
-
مدیریت استیت سراسری 04:25
-
سؤال هوش مصنوعی - تغییر استیت سراسری 00:42
-
پروایدرهای کانتکست تو در تو 06:40
-
مقدمۀ Redux و RTK 05:45
-
سؤال هوش مصنوعی - مقدمهای بر Redux و RTK 02:18
-
ساخت Slice 02:40
-
سؤال هوش مصنوعی - ساخت Slice 01:03
-
پیکربندی Store 03:56
-
سؤال هوش مصنوعی - پیکربندی فروشگاه 02:04
-
گرفتن دادههای فروشگاه - ()useSelector 03:30
-
سؤال هوش مصنوعی - گرفتن دادههای فروشگاه با ()useSelector 00:35
-
ساخت اکشنها در Slice 04:39
-
سؤال هوش مصنوعی - ساخت اکشنها در Slice 01:52
-
چگونگی کار عدم تغییرپذیری در اکشنها در پسزمینه 03:08
-
سؤال هوش مصنوعی - سازوکار عدم تغییرپذیری در اکشنها در پشت صحنه 01:30
-
مدیریت مقادیر ورودی در Redux 07:38
-
محاسبه عملیات حسابی در Redux 03:49
-
پیادهسازی Redux در اپلیکیشن React Router 06:26
-
مقدمه - درخواستهای HTTP 09:15
-
سؤال هوش مصنوعی - مقدمهای بر درخواستهای HTTP 04:22
-
()API fetch 09:09
-
سؤال هوش مصنوعی - ()API fetch 01:36
-
نمایش دادههای کاربران 04:25
-
متد POST در ()API fetch 05:47
-
متدهای PUT و PATCH در ()API fetch 02:28
-
متد DELETE در ()API fetch 01:38
-
مدیریت خطا در ()API fetch 04:36
-
مدیریت خطا با بلوک ()try catch 03:18
-
مقدمه 03:12
-
سؤال هوش مصنوعی - مقدمه 02:05
-
ایجاد پروژه 02:37
-
ساخت سرور با Express.js 07:00
-
سؤال هوش مصنوعی - ساخت سرور با Express.js 02:13
-
ساخت API پایه 06:05
-
سؤال هوش مصنوعی - ساخت API پایه 01:20
-
پیکربندی Nodemon 01:46
-
سؤال هوش مصنوعی - پیکربندی Nodemon 01:26
-
نصب Postman 02:22
-
ارسال درخواست GET از POSTMAN 02:27
-
مقدمه 03:16
-
سؤال هوش مصنوعی - مقدمه 01:58
-
نصب MySQL 08:47
-
ایجاد پایگاه داده 02:19
-
دراپ کردن پایگاه داده 01:48
-
انواع داده 05:35
-
ایجاد جدول 03:35
-
سؤال هوش مصنوعی - ساخت جدول 01:46
-
کوئری INSERT 03:13
-
فیلتر کردن اولیه با عبارت WHERE 02:18
-
فیلتر پیشرفته با عبارت WHERE 03:15
-
مرتبسازی داده با LIMIT و ORDER BY 01:58
-
بروزرسانی داده 01:39
-
حذف رکوردها با استفاده از دستور DELETE 02:34
-
دراپ کردن جدول 02:21
-
اتصال پایگاه داده MySQL در اپلیکیشن Node 04:27
-
سؤال هوش مصنوعی - اتصال پایگاه داده MySQL به اپلیکیشن Node 01:24
-
دریافت محصولات از پایگاه داده 02:18
-
سؤال هوش مصنوعی - دریافت محصولات از پایگاه داده 01:16
-
پیکربندی مسیرهای سازماندهیشده با '()express.Router' 05:02
-
ساخت API برای افزودن محصولات 07:03
-
ساخت API برای دریافت یک محصول منحصر به فرد 04:40
-
ساخت API برای بروزرسانی داده محصول 04:02
-
سؤال هوش مصنوعی - ساخت API برای بروزرسانی داده محصول 02:01
-
ساخت API برای حذف محصول 02:24
-
بازسازی اتصال به پایگاه داده و پیامهای موفقیت 03:57
-
مقدمه 01:47
-
واکشی پویا محصولات 04:22
-
رندرینگ محصولات به صورت پویا 05:04
-
ادغام API در صفحه جزئیات محصول 04:23
-
ایجاد رابط کاربری برای افزودن محصولات 03:49
-
پیادهسازی فرم افزودن محصولات 04:51
-
ادغام API «افزودن محصول» 03:25
-
پیادهسازی قابلیت ویرایش محصولات 07:25
-
ساخت پاپآپ تأیید حذف 08:45
-
ادغام API حذف محصول 04:25
-
آشنایی با هوک های سفارشی 04:31
-
پرسش مصاحبه - آشنایی با هوکهای سفارشی 01:51
-
ایجاد و استفاده از هوک سفارشی 06:24
-
تسک 1 - ایجاد یک هوک سفارشی برای زمانسنج 05:23
-
واکشی جزئیات محصول با استفاده از هوک سفارشی 03:54
-
NextJS در مقابل ReactJS 01:38
-
سؤال هوش مصنوعی - NextJS در مقابل ReactJS 03:32
-
ایجاد اولین پروژه 04:02
-
سؤال هوش مصنوعی - ساخت پروژه اول 02:16
-
ساختار پروژه 02:59
-
سؤال هوش مصنوعی - ساختار پروژه 01:33
-
روتر صفحات در مقابل روتر اپلیکیشن 01:40
-
سؤال هوش مصنوعی - روتر صفحات در مقابل روتر اپلیکیشن 00:54
-
تعریف مسیرها 02:53
-
مسیرهای تودرتو 01:28
-
ارتباط صفحات با <Link> 02:48
-
کامپوننتهای سرور React در مقابل کامپوننتهای کلاینت 05:18
-
سؤال هوش مصنوعی - مقایسه بین کامپوننتهای سرور و کلاینت در React 01:24
-
صفحه خطا 03:22
-
مسیرهای پویا و پارامترهای مسیر 04:34
-
کامپوننتهای سرور ناهمزمان 03:51
-
سؤال هوش مصنوعی - کامپوننتهای سرور ناهمزمان 01:24
-
درک کشسازی در Next 03:19
-
سؤال هوش مصنوعی - درک کشسازی در Next 02:23
-
رفتار نا متصور در فرآیند ساخت پروژه 03:21
-
سؤال هوش مصنوعی - رفتار غیرمنتظره در ساخت پروژه 01:35
-
ثابت به پویا - کنترل کش 02:28
-
سؤال هوش مصنوعی - ثابت به پویا - کنترل کش 01:06
-
هوک ()useActionState 06:03
-
پرسش مصاحبه - هوک ()useActionState 01:47
-
جادوی Memoization 03:56
-
پرسش مصاحبه - Memoization 01:50
-
هوکهای ()useCallback و ()useMemo 05:42
-
پرسش مصاحبه - هوکهای ()useCallback و ()useMemo 01:24
-
هوک ()useOptimistic 08:54
-
پرسش مصاحبه - هوک ()useOptimistic 00:36
-
هوک ()useFormStatus 04:09
-
پرسش مصاحبه - هوک ()useFormStatus 01:25
-
هوک ()useDebugValue 03:19
-
پرسش مصاحبه - هوک ()useDebugValue 02:23
-
مقدمه 02:36
-
ایجاد پروژه 02:41
-
ساخت کامپوننت نوار کناری 03:34
-
کار بر روی نوار کناری 03:46
-
ترکیب کلاسهای کاربردی با apply@ 03:54
-
سؤال هوش مصنوعی - layer@ و apply@ - ترکیب کلاسهای کاربردی 01:37
-
استایل دهی سایدبار 04:56
-
اضافه کردن آیکونها به نوار کناری 03:03
-
ساخت صفحه ‘کاربران’ 05:43
-
ساخت فرم افزودن کاربران 07:08
-
پیادهسازی معماری مبتنی بر کامپوننت 06:34
-
ساخت کامپوننتهای دکمه و ورودی 04:16
-
بازسازی ساختار کد 02:40
-
ایجاد پایگاه داده 02:30
-
افزودن کاربران با اکشن سرور 04:00
-
پیادهسازی هشینگ 03:19
-
سؤال هوش مصنوعی - پیادهسازی هشینگ 02:04
-
اعتبارسنجی ساخت کاربر 03:44
-
نمایش کاربران در جدول 05:44
-
ساخت صفحه ویرایش کاربر 03:33
-
مقادیر پیشفرض پویا برای ویرایش 02:45
-
بروزرسانی داده کاربر 03:43
-
حذف کاربر 03:41
-
ساخت پاپآپ تأیید حذف 04:17
-
فعالسازی پاپآپ تأیید 05:32
-
حذف کاربر با پاپآپ تأیید 02:24
-
ساخت صفحه نوع محصول 04:39
-
ساخت صفحه افزودن نوع محصول 03:36
-
افزودن مدلهای نوع محصول و محصول به اسکیما 03:37
-
سؤال هوش مصنوعی - افزودن مدلها در اسکیما - نوع محصول و محصول 01:06
-
اضافه کردن نوع محصول با اکشن سرور 04:26
-
رندرینگ انواع محصولات در جدول 02:00
-
ساخت صفحه ویرایش نوع محصول 03:19
-
مقادیر پیشفرض پویا برای نوع محصول 02:33
-
بروزرسانی نوع محصولات با اکشن سرور 02:39
-
حذف نوع محصول با اکشن سرور 01:50
-
ساخت صفحه محصولات 03:46
-
ایجاد رابط کاربری محصولات برای لیستبندی 04:50
-
ساخت صفحه افزودن محصول 02:57
-
تکمیل فرم افزودن محصول 02:55
-
ساخت کامپوننت سوئیچ 05:10
-
ساخت کامپوننت ورودی فایل 06:17
-
رندر دادههای نوعهای پویا در صفحه افزودن محصول 02:12
-
ساخت اکشن سرور برای افزودن محصولات 03:03
-
پیادهسازی قابلیت ذخیره تصویر 05:53
-
تکمیل عملیات افزودن محصول 04:13
-
رندرینگ دادههای پویا در جدول محصولات 03:53
-
ساخت صفحه ویرایش محصول 03:13
-
مقادیر پیشفرض پویا برای محصول 03:44
-
نمایش مقادیر پیشفرض در سوئیچ و ورودی فایل 02:39
-
بروزرسانی محصول با اکشن سرور 05:14
-
سؤال هوش مصنوعی - بروزرسانی محصول با اکشن سرور 01:39
-
حذف محصول با اکشن سرور 02:03
-
شروع بخش کلاینت 01:53
-
ساخت کامپوننت Header 05:20
-
پیادهسازی نوار جستجو 02:16
-
ترکیب کلاسهای Tailwind با رویکرد مناسب 02:34
-
سؤال هوش مصنوعی - ترکیب کلاسهای Tailwind با روش مناسب 02:38
-
اضافه کردن منوی کشویی پروفایل 04:31
-
هوک useRef() 04:42
-
بستن منوی پروفایل روی کلیک خارج 03:02
-
سؤال هوش مصنوعی - بستن منوی پروفایل روی کلیک خارج 02:36
-
ساخت کامپوننت ورودی 01:54
-
ایجاد صفحه اصلی 02:34
-
ایجاد بخش فیلتر 06:15
-
ساخت کامپوننت آکاردئون سفارشی 10:58
-
سؤال هوش مصنوعی - ساخت کامپوننت آکاردئون سفارشی 01:37
-
تکمیل کامپوننت آکاردئون سفارشی 04:35
-
ادامه در بخش فیلتر 03:02
-
ساخت کامپوننت اسلایدر دامنه قیمت 04:39
-
ساخت کامپوننت کارت محصول 08:17
-
تکمیل کامپوننت کارت محصول 02:47
-
ساخت کامپوننت Button 01:44
-
ساخت API برای لیستبندی محصولات 03:59
-
رندر پویا محصول با استفاده از اکشن سرور 07:12
-
ساخت API برای دریافت انواع محصولات 01:41
-
رندر نوع محصول پویا با استفاده از API 02:28
-
قرار دادن مقادیر فیلتر در پارامترهای جستجو 04:29
-
تغییر API محصولات برای اعمال فیلترها 05:35
-
عملکرد فیلتر در سمت کلاینت 03:44
-
عملکرد فیلتر جستجو 04:31
-
ساخت صفحه محصول 06:38
-
تکمیل صفحه محصول 03:21
-
ساخت API برای دریافت محصول بر اساس شناسه 02:54
-
رندر پویا جزئیات محصول با استفاده از API 03:25
-
رندر محصولات بر اساس وضعیت 02:42
-
ایجاد صفحه سبدخرید 03:24
-
رندر کارت آیتم سبد خرید 06:22
-
تکمیل رابط کاربری سبد خرید 04:55
-
ساخت کانتکست برای مدیریت محصولات 01:50
-
سؤال هوش مصنوعی - ساخت کانتکست برای مدیریت محصولات 01:28
-
پیادهسازی امکانات سبد خرید 08:04
-
پویاسازی صفحه سبد خرید 02:54
-
فعالسازی انتخاب تعداد 03:45
-
تکمیل صفحه پویا سبد خرید 05:06
-
ایجاد صفحه لاگین 05:52
-
مقدمۀ JOSE + JWT 01:53
-
پیکربندی جریان احراز هویت با JOSE + JWT 08:49
-
ساخت اکشن سرور برای ورود 03:13
-
احراز هویت مبتنی بر کوکی 04:56
-
سؤال هوش مصنوعی - احراز هویت مبتنی بر کوکی 01:14
-
مدیریت مسیرهای خصوصی و عمومی با میانافزار 05:03
-
دریافت دادههای کاربر احراز هویتشده 03:07
-
پیادهسازی خروج با اکشن سرور 05:18
-
احراز هویت تمام اکشنهای سرور در بخش مدیریت 02:50
-
ساخت مسیرهای احراز هویت در بخش کاربری 03:28
-
ایجاد رابط کاربری برای مسیرهای احراز هویت 05:47
-
ایجاد جدول خریدار در پایگاه داده 01:55
-
ساخت API ثبتنام 03:52
-
آزمایش API ثبتنام با Postman 03:37
-
ساخت API ورود 02:56
-
آزمایش API واردشدن با Postman 01:34
-
پیادهسازی قابلیت ثبتنام در بخش کاربری 07:19
-
پیادهسازی قابلیت ورود مشتری 03:59
-
ساخت API برای دریافت دادههای منحصر به فرد مشتری 04:18
-
دریافت داده مشتری با API در بخش کلاینت 05:35
-
قابلیت خروج در بخش کاربری 02:08
-
مقدمه 02:16
-
سؤال هوش مصنوعی - مقدمه 02:17
-
پیکربندی اولیه Stripe 04:19
-
رندر فرم پرداخت تعبیهشده Stripe 08:11
-
ساخت سشن پرداخت به صورت دینامیک 06:44
-
ساخت صفحه وضعیت پرداخت 07:23
-
ساخت جدول فروش و تراکنش در پایگاه داده 04:51
-
API برای بروزرسانی پایگاه داده پس از تسویهحساب موفق 06:05
-
آزمایش API پرداخت با Postman 03:57
-
ادغام API پرداخت در بخش کلاینت 02:55
-
ساخت قسمت مدیر خریداران 03:18
-
نمایش دادههای پویا در جدول مشتریان 02:40
-
مقدمه 02:21
-
آمادهسازی گزارش مشتریان و خریداران 03:11
-
رندر گزارش مشتریان و خریداران 03:32
-
آمادهسازی گزارش درآمد کلی 02:02
-
آمادهسازی گزارش سفارشات اخیر 07:46
-
ساخت مودال محصولات خریداریشده 03:51
-
دریافت محصولات خریداریشده در مودال 01:41
-
رندر محصولات در جدول محصولات خریداریشده 02:24
-
پیادهسازی نمودار با استفاده از Recharts 05:51
-
آمادهسازی گزارش فروش با Chart 04:42
-
رندر نمودار فروش با مقادیر دینامیک 02:35
-
آمادهسازی گزارش مشتریان با Chart 04:35
-
ساخت کامپوننت بخش نمودار 01:34
-
مقدمه 03:55
-
سؤال هوش مصنوعی - مقدمه 01:41
-
معرفی CI/CD 02:38
-
سؤال هوش مصنوعی - معرفی CI/CD 01:05
-
یکپارچهسازی با Github 06:04
-
سؤال هوش مصنوعی - ادغام با GitHub 01:38
-
مهاجرت پایگاه داده از SQLite به MySQL 05:22
-
اتصال پایگاه داده MySQL به اپلیکیشن مدیریت 04:22
-
استقرار اپلیکیشن مدیریت روی Vercel 07:43
-
استقرار اپلیکیشن کلاینت روی Vercel 06:39
مشخصات آموزش
تسلط به React 19 + بوتکمپ تجارت الکترونیک + پرسش و پاسخ مصاحبه
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:429
- مدت زمان :25:50:51
- حجم :14.34GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,580,000
316,000 تومان
- زمان: 04:00:26
- تعداد درس: 31
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
770,000
154,000 تومان
- زمان: 01:57:58
- تعداد درس: 29
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 39:24
- تعداد درس: 25
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,922,000
384,400 تومان
- زمان: 04:52:39
- تعداد درس: 73
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 0:12:06
- تعداد درس: 8
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی