اپلیکیشن فولاستک دایرکتوری کسبوکار هوش مصنوعی - ریاکت، NextJs، جمنای و تایپاسکریپت
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- سادهسازی تجربه توسعهدهنده
- یکپارچهسازی هوش مصنوعی با گوگل جمنای
- توسعه اپلیکیشنهای واقعی
- آپلود و بهینهسازی تصویر با Cloudinary
- توسعه تایپ ایمن با تایپاسکریپت
- طراحی واکنشگرا با Tailwind CSS
- یکپارچهسازی کتابخانه کامپوننت (shadcn/ui)
- احراز هویت ایمن با Clerk
- مدیریت پایگاه داده NoSQL (MongoDB)
- رندرینگ سمت سرور با NextJs
- مدیریت State با استفاده از React Context
- مدیریت آسان فرمها
- قابلیت جستجو و فیلترینگ پویا
- پیادهسازی صفحهبندی
- پنل ادمین برای مدیریت کسبوکار
- تکنیکهای بهینهسازی سئو
- گردشکار استقرار در Vercel
- استراتژیهای بهینهسازی عملکرد
- مدیریت خطا و اشکالزدایی
- یکپارچهسازی پایگاه داده و اکشنهای سرور
پیشنیازهای دوره
- درک اولیه از جاوااسکریپت و ریاکت
- آشنایی با HTML و CSS
توضیحات دوره
اپلیکیشن دایرکتوری کسبوکار محلی هوش مصنوعی - یک سفر مدرن در توسعه وب
به یک سفر هیجانانگیز در دنیای توسعه وب مدرن با این دوره جامع یودمی، «اپلیکیشن دایرکتوری کسبوکار محلی هوش مصنوعی با ریاکت، تایپاسکریپت و NextJs» شروع میکنید. این دوره یک رویکرد عملی برای ساخت یک اپلیکیشن واقعی ارائه میدهد که فناوریهای پیشرفته را با دروس عملی و قابل فهم ترکیب میکند. اپلیکیشن دایرکتوری کسبوکار محلی ما با قدرت هوش مصنوعی، NextJs، ریاکت و تایپاسکریپت را به عنوان یک وب اپلیکیشن قوی، مقیاسپذیر و کاربرپسند ارائه میدهد. از طریق این پروژه، تجربهای ارزشمند در توسعه یک اپلیکیشن فولاستک به دست خواهید آورد که نیازهای واقعی را برآورده میکند و آخرین روندهای توسعه وب را شامل میشود.
ویژگیهای کلیدی:
- قابلیت مجهز به هوش مصنوعی - استفاده از هوش مصنوعی گوگل جمنای برای تولید توضیحات پویا و جذاب برای کسبوکار
- استک فناوری مدرن - استفاده از NextJs، ریاکت و تایپاسکریپت برای یک تجربه توسعه قوی و ایمن
- طراحی رابط کاربری Sleek - پیادهسازی رابطهای واکنشگرا و جذاب با استفاده از Tailwind CSS و کامپوننتهای shadcnui
- احراز هویت ایمن - یکپارچهسازی Clerk برای احراز هویت و مدیریت کاربران بدون دردسر
- یکپارچهسازی پایگاه داده - اتصال به MongoDB برای ذخیره و بازیابی کارآمد داده
- مدیریت تصویر - استفاده از Cloudinary برای آپلود و مدیریت آسان تصاویر
- استقرار آسان - یاد میگیرید که چگونه اپلیکیشن خود را در Vercel استقرار دهید تا تجربه تولید هموار داشته باشید.
نکات کلیدی دوره:
- مسیر یادگیری ساده شده - این دوره به گونهای طراحی شده که با توضیحات واضح و راهنماییهای گامبهگام، پیگیری آن آسان باشد.
- اپلیکیشن واقعی - یک اپلیکیشن کاربردی و قابل استفاده میسازید که نیازهای واقعی کسبوکار را در فضای دایرکتوری محلی حل میکند.
- تجربه توسعهدهنده تمیز - تمرکز روی نوشتن کد تمیز و قابل نگهداری با تایپاسکریپت و شیوههای مدرن ریاکت
- یکپارچهسازی هوش مصنوعی - بررسی دنیای هیجانانگیز یکپارچهسازی هوش مصنوعی در وب اپلیکیشنها با استفاده از هوش مصنوعی گوگل جمنای
- طراحی واکنش گرا - اپلیکیشنی کاملاً واکنشگرا میسازید که در تمام دستگاهها با استفاده از Tailwind CSS به خوبی نمایش داده شود.
- احراز هویت و امنیت - پیادهسازی احراز هویت و مجوز کاربران با Clerk
- مدیریت پایگاه داده - یاد میگیرید که چگونه با MongoDB برای ذخیره و بازیابی کارآمد داده در یک محیط NoSQL کار کنید.
- بهینهسازی تصویر - مدیریت آپلودها و بهینهسازی تصاویر با استفاده از ویژگیهای قدرتمند Cloudinary
- رندرینگ سمت سرور - استفاده از قدرت NextJs برای بهبود عملکرد و سئو
- مدیریت State - پیادهسازی مدیریت state مبتنی بر کانتکس برای یک تجربه کاربری هموار
- مدیریت فرم - ایجاد و مدیریت فرمهای پیچیده با سهولت با استفاده از راهحل سفارشی
- قابلیت جستجو - پیادهسازی ویژگیهای جستجوی پویا با اکشنهای سمت سرور و بروزرسانیهای سمت کلاینت
- صفحهبندی - یاد میگیرید چگونه صفحهبندی موثر را برای مجموعه دادههای بزرگ داده پیادهسازی کنید.
- پنل ادمین - توسعه رابط ادمین برای مدیریت کسبوکارها و کاربران
- بهینهسازی سئو - پیادهسازی بهترین شیوهها برای بهینهسازی موتور جستجو
- گردشکار استقرار - تسلط به فرآیند استقرار اپلیکیشن NextJs روی Vercel
- کتابچه PDF - یک کتاب PDF شامل کد منبع که به شما کمک میکند تا در هر درس ویدئویی به صورت دقیق پیش بروید، که تجربهای عالی برای یادگیری است.
این دوره برای توسعهدهندگانی مناسب است که میخواهند مهارتهای خود را در توسعه وب مدرن ارتقا دهند. با ساخت این دایرکتوری کسبوکار محلی با قدرت هوش مصنوعی، تجربه عملی با طیف وسیعی از فناوریها و مفاهیم که در بازار کار امروز بسیار مورد نیاز است، به دست خواهید آورد. چه شما مبتدی باشید که به دنبال وارد شدن به توسعه فولاستک هستید و چه توسعهدهنده باتجربه که میخواهد مهارتهای خود را با آخرین فناوریها بروز کند، این دوره پیشنهادی برای همه دارد.
رویکرد ساده و تمیز اطمینان میدهد که میتوانید بر یادگیری تمرکز کنید بدون اینکه در پیچیدگیهای غیرضروری غرق شوید. در پایان دوره، شما یک وب اپلیکیشن کاملاً تابعی و تقویت شده با هوش مصنوعی ساختهاید، که به شما اعتمادبهنفس و مهارتهای لازم برای مقابله با پروژههای خود یا همکاری موثر با تیمهای توسعه حرفهای را ارائه میدهد. به ما در این سفر هیجانانگیز بپیوندید و مهارتهای توسعه وب خود را به سطح بعدی ببرید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مشتاق - افرادی که به دنبال ارتقای مهارتهای توسعه وب خود با استفاده از فناوری های مدرن مانند ریاکت، NextJs و تایپاسکریپت هستند.
- کارآفرینان و صاحبان کسبوکار - کسانی که به دنبال ایجاد یک اپلیکیشن دایرکتوری کسبوکار محلی برای ارتباط با کامیونیتی خود و ترویج سرویسهای محلی هستند.
- علاقهمندان به فناوری - کسی که به یادگیری درباره یکپارچهسازی هوش مصنوعی در اپلیکیشنها و نحوه استفاده از ابزارهایی مانند گوگل جمنای برای بهبود تجربیات کاربری تمایل دارد.
- دانشجویان کامپیوتر - یادگیرندگانی که به دنبال تجربه عملی در ساخت اپلیکیشنهای واقعی هستند که میتواند به پورتفولیوی آنان کمک کند.
- توسعهدهندگان در حال تغییر به فولاستک - توسعهدهندگان فرانتاند که میخواهند مهارتهای خود را به توسعه بکاند و مدیریت پایگاه داده گسترش دهند.
اپلیکیشن فولاستک دایرکتوری کسبوکار هوش مصنوعی - ریاکت، NextJs، جمنای و تایپاسکریپت
-
مقدمه 03:45
-
پیشنمایش لایو 13:04
-
راهاندازی پروژه NextJs 08:37
-
ارائهدهنده تم 06:08
-
تاگل حالت 06:13
-
فیکس کردن هشدار هیدراسیون 02:24
-
ناوبری 09:17
-
استفاده از لوگو 04:15
-
احراز هویت با Clerk 06:47
-
ورود و خروج به سیستم با Clerk 03:01
-
صفحه داشبورد محافظت شده 02:39
-
افزودن لینک کسبوکار 02:29
-
آیکونهای ناوبری 04:46
-
لینک داشبورد شرطی 04:06
-
طرحبندی صفحه افزودن کسبوکار 04:35
-
نوع کسبوکار 05:21
-
کانتکس کسبوکار 05:45
-
دستیابی به کانتکس کسبوکار 02:15
-
آرایه فیلدهای ورودی فرم 07:57
-
نمایش فیلدهای ورودی 10:45
-
رویدادهای ورودی در کانتکس 09:48
-
استفاده از ذخیرهسازی محلی 04:51
-
کارت پیشنمایش 04:40
-
هدر کارت پیشنمایش 11:57
-
محتوای کارت پیشنمایش 06:28
-
ورود کاربر به سیستم قبل از افزودن کسبوکار 03:34
-
راهاندازی MongoDB 06:56
-
مدل کسبوکار 05:29
-
اکشن سرور برای ذخیره کسبوکار 09:33
-
ایجاد کسبوکار جدید 04:05
-
نوتیفیکیشن، ذخیرهسازی محلی و ریدایرکشن 06:31
-
ریدایرکشن با Clerk و دکمه بارگذاری 05:45
-
اکشن سرور برای دریافت کسبوکارها 04:12
-
لیست کسبوکارهای کاربر در داشبورد 06:43
-
نمایش کسبوکارها در کارت 04:08
-
صفحه ویرایش کسبوکار 02:12
-
دریافت کسبوکار واحد 06:04
-
فرم کسبوکار برای ایجاد و ویرایش 03:56
-
ریست فرم در کلیک افزودن کسبوکار 08:19
-
آپلود به راهاندازی Cloudinary 05:26
-
اکشن سرور مدیریت لوگو 04:28
-
آپلود لوگو کلاینت 14:06
-
آپلود لوگو 04:16
-
اکشن سرور گوگل جمنای 13:19
-
فراخوانی هوش مصنوعی برای تولید توضیحات 08:03
-
توضیحات تولید شده توسط هوش مصنوعی 06:24
-
بروزرسانی کسبوکار 10:00
-
نمایش مودال برای ویرایش توضیحات 06:45
-
دیالوگ باکس مودال 04:59
-
تولید توضیحات هوش مصنوعی در مودال 05:13
-
استفاده از ویرایشگر متن غنی 05:41
-
رندر توضیحات HTML 04:24
-
CSS سفارشی ویرایشگر Quill ریاکت 02:24
-
بررسی مالکیت 10:54
-
اجازه حذف یا عدم انتشار 03:26
-
تاگل انتشار در کانتکس 04:48
-
تاگل انتشار در کارت پیشنمایش 06:06
-
آخرین کسبوکارها با صفحهبندی 04:34
-
نمایش کسبوکارها در صفحه اصلی 13:39
-
نمایش کسبوکارها روی کارت پیشنمایش 06:23
-
دکمههای قبلی و بعدی 04:48
-
کامپوننت کارت کسبوکار 04:18
-
کامپوننت صفحهبندی 02:24
-
لینک صفحهبندی شمارهگذاری شده 07:23
-
کارت اسکلتون بارگذاری 06:27
-
کسبوکار بر اساس Slug 05:58
-
کارت کسبوکار واحد 15:16
-
کامپوننت توضیحات 09:33
-
متادیتای سئو 15:29
-
صفحه View کسبوکار با سایدبار 05:44
-
کارت هایتلایت کسبوکار 06:45
-
URL وبسایت کارت هایتلایت کسبوکار 04:54
-
کارت هایتلایت کسبوکار شماره تلفن، ایمیل و ساعات 04:57
-
کپی به کلیپبورد 03:34
-
اکشن سرور جستجوی کسبوکار 05:27
-
قرار دادن کامپوننت جستجو در ناوبری بالایی 08:20
-
ورودی جستجوی واقعی 08:33
-
طراحی ورودی جستجو و دکمه 06:34
-
صفحه جستجو با Throttling 13:22
-
نمایش نتایج جستجو 06:25
-
دستهبندیها و آدرسها 03:27
-
اکشن سرور برای دستهبندیها و آدرسها 04:06
-
دریافت دستهبندیها و آدرسها 03:02
-
کامپوننت لیست فیلتر شده 07:08
-
رندرینگ دستهبندیها و آدرسها با فیلترینگ 12:45
-
هدر چسبنده در بالا 03:27
-
کاربر ادمین 06:17
-
اکشن سرور برای دریافت تمام کسبوکارها 02:23
-
کسبوکارها در داشبورد ادمین 03:41
-
جدولی برای نمایش کسبوکارها برای ادمین 09:38
-
محافظت از مسیرهای ادمین 04:41
-
اکشن سرور ویرایش و حذف برای ادمین 06:18
-
گزینه حذف برای ادمین 09:15
-
صفحه کسبوکارها 04:25
-
صفحه لندینگ 09:15
-
تصویر پسزمینه 03:30
-
استقرار و بروزرسانیهای پس از استقرار 10:37
-
ایجاد کسبوکار پس از استقرار 02:42
مشخصات آموزش
اپلیکیشن فولاستک دایرکتوری کسبوکار هوش مصنوعی - ریاکت، NextJs، جمنای و تایپاسکریپت
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:98
- مدت زمان :10:30:57
- حجم :5.5GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy