ساخت اپلیکیشن هوش مصنوعی با ریاکت، NextJs، تایپاسکریپت، گوگل و Stripe
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه یک اپلیکیشن فولاستک مجهز به هوش مصنوعی با استفاده از NextJs، ریاکت و تایپاسکریپت بسازید؟
- یکپارچهسازی هوش مصنوعی گوگل جمنای برای تولید محتوا و ویژگیهای هوش مصنوعی
- پیادهسازی اکشنهای سمت سرور در NextJs برای مدیریت داده بهینه
- راهاندازی و استفاده از Clerk برای احراز هویت و مدیریت کاربران
- ایجاد طرحبندی داشبورد واکنشگرا با تمهای light mode و dark mode
- توسعه سیستمهای قالب پویا برای محتوای تولید شده توسط هوش مصنوعی
- اتصال و تعامل با MongoDB برای ذخیره و بازیابی داده
- پیادهسازی سیستم اشتراک با استفاده از Stripe برای پرداختها و صورتحسابهای دورهای
- ساخت سیستم ردیابی استفاده با محدودیتهای اعتباری و نوار پیشرفتها
- استقرار اپلیکیشن NextJs در Vercel و مدیریت محیطهای تولید
- ایجاد صفحه لندینگ با محتوای تبلیغاتی و ویژگیهای ثبتنام
- پیادهسازی ویژگیهای پیشرفته مانند ویرایشگر متن غنی، قابلیت جستجو و اسکرولینگ بینهایت برای تاریخچه کوئری
پیشنیازهای دوره
- درک اولیه با جاوااسکریپت - دانش بنیادی در جاوااسکریپت و ویژگیهای ES6 لازم است چون دوره بر اساس این مفاهیم، اپلیکیشنها را با ریاکت و NextJs توسعه میدهد.
- آشنایی با ریاکت - داشتن تجربه قبلی با ریاکت ضرورت ندارد، ولی شناخت ابتدایی از کامپوننتها، مدیریت state و props در ریاکت به درک بهتر مطالب کمک خواهد کرد.
- تمایل به یادگیری - علاقه و انگیزه قوی برای یادگیری و کشف فناوریهای جدید مانند تایپاسکریپت و هوش مصنوعی گوگل جمنای و یکپارچهسازی Stripe لازم است. دانشجو باید آماده باشد در طول دوره به تمرینهای عملی کدنویسی و پروژهها بپردازد.
توضیحات دوره
با این دوره جامع وارد دنیای پیشرفته وب اپلیکیشنهای مجهز به هوش مصنوعی میشوید که با ریاکت، Next.js و تایپاسکریپت ساخته میشوند. این برنامه عملی شما را گامبهگام در ساخت یک اپلیکیشن هوشمند و پیشرفته، از ابتدا تا استفاده از جدیدترین فناوریها و بهترین شیوههای توسعه وب همراهی میکند.
آنچه در این دوره خواهید آموخت:
- یکپارچهسازی هوش مصنوعی گوگل جمنای برای افزودن قابلیت تولید محتوای هوشمند به اپلیکیشن خود
- توسعه ایدههای خلاقانه اپلیکیشن مجهز به هوش مصنوعی برای جانبخشی آنها
- پیادهسازی ویژگیهای هوش مصنوعی در وب اپلیکیشنهای مختلف از تولید محتوا تا تحلیل داده
- طراحی رابط کاربری زیبا و واکنشگرا با استفاده از Tailwind CSS و کامپوننتهای ShadcnUI
- ساخت اپلیکیشن فولاستک با MongoDB برای ذخیرهسازی و بازیابی کارآمد داده
- ایجاد سیستم اشتراک مبتنی بر Stripe برای پرداخت و صورتحساب دورهای
- توسعه و مدیریت وب هوکهای Stripe برای پردازش رویدادهای پرداخت به صورت بلادرنگ
- استفاده از React Context برای مدیریت بهینه state در اپلیکیشن خود
- استقرار اپلیکیشن مجهز به هوش مصنوعی خود در محیط تولید با استفاده از Vercel
- پیادهسازی یوزکیسهای واقعی هوش مصنوعی در وب اپلیکیشنها
- کتابچه PDF اختصاصی - با راهنمای جامع همراه شامل تمام اسنیپتهای کدهای استفاده شده در دوره، یادگیری خود را ارتقا دهید. این منبع ارزشمند به شما امکان میدهد:
- در طول ویدئوها به راحتی همراهی کنید.
- کدها را به صورت آفلاین بررسی و تمرین کنید.
- هدایت سریع برای پروژههای آینده داشته باشید.
- درک خود را با دیدن کد در قالب ویدئو و متن تقویت کنید.
- یادگیری خود را با داشتن یک راهنمای ویژوال همراه با محتوای ویدئویی سرعت ببخشید.
در طول دوره، یک اپلیکیشن SaaS واقعی و مجهز به هوش مصنوعی خواهید ساخت و هر فناوری و مفهوم از ایدهپردازی و طراحی تا توسعه و یکپارچهسازی هوش مصنوعی و نهایتاً استقرار و استراتژیهای درآمدزایی را به صورت عملی تجربه خواهید کرد.
برای حمایت از مسیر یادگیری شما، این دوره شامل یک کتابچه PDF کامل است که تمام اسنیپتهای کدهای استفاده شده در ویدئوها را در بر دارد. این منبع ارزشمند به شما اجازه میدهد به راحتی همراه ویدئو پیش بروید، کدها را به صورت آفلاین بررسی کنید و یک راهنمای سریع برای پروژههای آتی داشته باشید.
در پایان دوره، مهارتهای لازم برای طراحی، ساخت و استقرار وب اپلیکیشنهای پیچیده و تقویت شده با هوش مصنوعی را در اختیار خواهید داشت که نه تنها کاربردی بلکه مقیاسپذیر و قابل عرضه به بازار هستند. چه توسعهدهنده باتجربه باشید که میخواهید قدرت هوش مصنوعی را به کار بگیرید یا مبتدی مشتاقی هستید که میخواهید وارد آینده توسعه وب شوید، این دوره دانش و تجربه عملی لازم را در اختیار شما قرار میدهد.
همین حالا در دوره شرکت کنید و مهارتهای توسعه خود را برای پاسخگویی به افزایش تقاضا برای وب اپلیکیشنهای مجهز به هوش مصنوعی در صنعت فناوری امروزی متحول کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب مشتاق - این دوره مناسب افرادی است که تازه وارد توسعه وب شدهاند و میخواهند نحوه ساخت اپلیکیشنهای مدرن با فناوریهای محبوب مانند ریاکت، NextJs و تایپاسکریپت را یاد بگیرند.
- توسعهدهندگان ریاکت - کسانی که دانش اولیه از ریاکت دارند و میخواهند مهارتهای خود را با یادگیری یکپارچهسازی قابلیتهای هوش مصنوعی و سیستمهای پرداخت در اپلیکیشنها گسترش دهند.
- توسعهدهندگان فولاستک - افرادی که میخواهند مهارتهای توسعه فولاستک خود را با یادگیری پیادهسازی اکشنهای سرور، مدیریت پایگاه داده با MongoDB و ساخت اپلیکیشن مبتنی بر اشتراک ارتقا دهند.
- علاقهمندان به هوش مصنوعی - کسانی که تمایل دارند از فناوریهای هوش مصنوعی، به ویژه گوگل جمنای، برای ساخت اپلیکیشنهای هوشمند با قابلیت تولید محتوا و بهبود تجربه کاربری استفاده کنند.
- کارآفرینان و استارتاپها - افرادی که میخواهند محصولات SaaS یا اپلیکیشنهای هوش مصنوعی محور خود را بسازند و دانش عملی در زمینه یکپارچهسازی سیستمهای پرداخت و احراز هویت کاربران کسب کنند.
- دانشجویان رشتههای فناوری - دانشجویانی که در رشتههای علوم کامپیوتر یا حوزههای مرتبط تحصیل میکنند و میخواهند تجربه عملی در فناوریها و فریمورکهای روز بازار کار را به دست آورند.
ساخت اپلیکیشن هوش مصنوعی با ریاکت، NextJs، تایپاسکریپت، گوگل و Stripe
-
درباره دوره 03:27
-
بررسی پروژه 08:36
-
راهاندازی پروژه NextJs 06:26
-
استفاده از هوش مصنوعی گوگل جمنای 08:35
-
اکشنهای سرور در NextJs 09:43
-
ارسال پرامپتها 02:00
-
استفاده از Shadcn UI 06:51
-
پرامپت پویا 08:05
-
رندر علامتگذاری 04:34
-
احراز هویت Clerk 11:11
-
ناوبری بالایی 08:50
-
طرحبندی داشبورد 04:15
-
آیتمهای ناوبری جانبی 07:55
-
آیتم فعال ناوبری جانبی 05:48
-
ناوبری موبایل واکنشگرا 05:23
-
استفاده از داده قالب استاتیک 07:41
-
رندر قالبها در داشبورد 07:44
-
تاگل تم Light Mode و Dark Mode 07:27
-
ویژگی کپی و نوتیفیکیشنهای Toast 09:12
-
نوار جستجو و بروزرسانی CSS ناوبری فعال 08:33
-
جستجو یا فیلتر قالب 03:34
-
صفحه قالب پویا 04:13
-
نمایش فیلدهای فرم قالب 12:51
-
جزئیات قالب 01:47
-
ورودی فرم قالب و رویدادهای تغییر 04:46
-
استقرار در Vercel 08:24
-
دریافت محتوا از هوش مصنوعی 07:38
-
ویرایشگر متن غنی برای محتوای تولید شده 10:30
-
اتصال MongoDB 07:15
-
اسکیمای کوئری 03:35
-
ذخیره کوئری در پایگاه داده 08:04
-
صفحه تاریخچه 02:38
-
اکشن سرور دریافت کوئریها 03:20
-
بارگذاری تاریخچه 10:02
-
بارگذاری کوئریهای بیشتر 07:51
-
جدول تاریخچه 18:04
-
سازماندهی رابطها 01:34
-
شمارش استفاده از پایگاه داده 06:33
-
کانتکست استفاده 08:51
-
نوار پیشرفت استفاده اعتبار 11:32
-
ناوبری جانبی ثابت در هنگام اسکرول و نوار پیشرفت 07:28
-
ناوبری موبایل 04:19
-
تاگل ناوبری موبایل 07:32
-
مودال پاپآپ 04:52
-
پیوستن به مودال عضویت 11:23
-
صفحه عضویت 04:05
-
راهاندازی Stripe 07:03
-
کامپوننت کارت پلن 12:47
-
نمایش پلن در صفحه عضویت 05:05
-
مدل تراکنش 03:28
-
بررسی اشتراکهای قبلی کاربران 13:32
-
ایجاد سشن چکاوت Stripe 05:54
-
مدیریت چکاوت 07:12
-
وب هوک Stripe 05:12
-
اندپوینت API وب هوک 14:48
-
استقرار و تست وب هوک در محیط تولید 08:01
-
بارگذاری در چکاوت 04:55
-
وضعیت اشتراک فعلی 08:53
-
جلوگیری از تولید محتوا بر اساس وضعیت اشتراک 12:37
-
محتوای تبلیغاتی شرطی بر اساس وضعیت اشتراک 08:25
-
سشن پورتال مشتری 03:43
-
صفحه صورتحساب 09:40
-
صفحه تنظیمات 02:26
-
صفحه Generative AI 05:29
-
تصویر پسزمینه صفحه لندینگ 05:44
-
مودال پاپآپ ورود 06:38
-
کد کامپوننت کارت تبلیغاتی 00:20
-
استفاده از کارت تبلیغاتی در صفحه لندینگ 03:50
-
فوتر 01:25
-
استقرار نهایی 03:09
مشخصات آموزش
ساخت اپلیکیشن هوش مصنوعی با ریاکت، NextJs، تایپاسکریپت، گوگل و Stripe
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:70
- مدت زمان :08:12:57
- حجم :3.98GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy