کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش اپلیکیشن دایرکتوری کسب و کار فول استک با هوش مصنوعی، ری‌اکت، نکست‌جی‌اس و تایپ‌اسکریپت - آخرین آپدیت

دانلود AI React NextJS TypeScript Full Stack Business Directory App

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

ساخت اپلیکیشن دایرکتوری کسب و کار محلی با هوش مصنوعی با React Next.js TypeScript

اپلیکیشن دایرکتوری کسب و کار محلی مبتنی بر هوش مصنوعی: یک سفر مدرن در توسعه وب

وارد یک سفر هیجان انگیز در دنیای توسعه وب مدرن با این دوره جامع Udemy، "اپلیکیشن دایرکتوری کسب و کار محلی با هوش مصنوعی با React Next.js TypeScript" شوید. این دوره یک رویکرد عملی برای ساخت یک اپلیکیشن واقعی ارائه می دهد که فناوری های پیشرفته را با درس های عملی و آسان ترکیب می کند. اپلیکیشن دایرکتوری کسب و کار محلی مبتنی بر هوش مصنوعی ما، قدرت Next.js، React و TypeScript را در ایجاد یک اپلیکیشن وب قوی، مقیاس پذیر و کاربرپسند به نمایش می گذارد. از طریق این پروژه، تجربه ارزشمندی در توسعه یک اپلیکیشن فول استک به دست خواهید آورد که به نیازهای واقعی پاسخ می دهد و در عین حال آخرین روندها در توسعه وب را در خود جای می دهد.

ویژگی های کلیدی:

  • قابلیت های مبتنی بر هوش مصنوعی: از هوش مصنوعی Gemini گوگل برای ایجاد توضیحات تجاری پویا و جذاب استفاده کنید.

  • تکنولوژی مدرن: از Next.js، React و TypeScript برای یک تجربه توسعه قوی و ایمن استفاده کنید.

  • طراحی رابط کاربری زیبا: رابط های کاربری واکنش گرا و جذاب را با استفاده از اجزای Tailwind CSS و shadcn/ui پیاده سازی کنید.

  • احراز هویت ایمن: Clerk را برای احراز هویت و مدیریت کاربران بدون دردسر و قوی ادغام کنید.

  • ادغام پایگاه داده: به MongoDB برای ذخیره سازی و بازیابی کارآمد داده ها متصل شوید.

  • مدیریت تصویر: از Cloudinary برای آپلود و مدیریت آسان تصاویر استفاده کنید.

  • استقرار آسان: یاد بگیرید که چگونه برنامه خود را در Vercel برای یک تجربه تولید روان مستقر کنید.

نکات برجسته دوره:

  1. مسیر یادگیری ساده شده: این دوره به گونه ای طراحی شده است که دنبال کردن آن آسان باشد، با توضیحات واضح و راهنمایی گام به گام.

  2. اپلیکیشن واقعی: یک برنامه کاربردی و قابل استفاده بسازید که نیازهای تجاری واقعی را در فضای دایرکتوری محلی حل می کند.

  3. تجربه توسعه دهنده تمیز: بر نوشتن کد تمیز و قابل نگهداری با TypeScript و شیوه های مدرن React تمرکز کنید.

  4. ادغام هوش مصنوعی: دنیای هیجان انگیز ادغام هوش مصنوعی در برنامه های وب را با استفاده از هوش مصنوعی Gemini گوگل کاوش کنید.

  5. طراحی واکنش گرا: یک اپلیکیشن کاملاً واکنش گرا ایجاد کنید که در همه دستگاه ها با استفاده از Tailwind CSS عالی به نظر می رسد.

  6. احراز هویت و امنیت: احراز هویت و مجوز ایمن کاربر را با Clerk پیاده سازی کنید.

  7. مدیریت پایگاه داده: یاد بگیرید که با MongoDB برای ذخیره سازی و بازیابی کارآمد داده ها در یک محیط NoSQL کار کنید.

  8. بهینه سازی تصویر: آپلود و بهینه سازی تصویر را با استفاده از ویژگی های قدرتمند Cloudinary مدیریت کنید.

  9. رندر سمت سرور: از قدرت Next.js برای بهبود عملکرد و SEO استفاده کنید.

  10. مدیریت وضعیت: مدیریت وضعیت مبتنی بر زمینه را برای یک تجربه کاربری روان پیاده سازی کنید.

  11. مدیریت فرم: فرم های پیچیده را به راحتی با استفاده از راه حل های سفارشی ایجاد و مدیریت کنید.

  12. قابلیت جستجو: ویژگی های جستجوی پویا را با اقدامات سمت سرور و به روز رسانی های سمت مشتری پیاده سازی کنید.

  13. صفحه بندی: یاد بگیرید که صفحه بندی کارآمد را برای مجموعه داده های بزرگ پیاده سازی کنید.

  14. پنل مدیریت: یک رابط مدیریت برای مدیریت مشاغل و کاربران ایجاد کنید.

  15. بهینه سازی SEO: بهترین شیوه ها را برای بهینه سازی موتور جستجو پیاده سازی کنید.

  16. گردش کار استقرار: بر فرآیند استقرار یک اپلیکیشن Next.js در Vercel مسلط شوید.

  17. دفترچه PDF: یک کتابچه PDF با کد منبع برای راهنمایی شما در هر سخنرانی ویدیویی، یک تجربه یادگیری عالی

این دوره برای توسعه دهندگانی که به دنبال ارتقای مهارت های خود در توسعه وب مدرن هستند، عالی است. با ساخت این دایرکتوری کسب و کار محلی مبتنی بر هوش مصنوعی، تجربه عملی با طیف گسترده ای از فناوری ها و مفاهیمی کسب خواهید کرد که امروزه در بازار کار بسیار مورد توجه هستند. چه مبتدی باشید و به دنبال غواصی در توسعه فول استک باشید یا یک توسعه دهنده با تجربه باشید که می خواهید مهارت های خود را با آخرین فناوری ها به روز کنید، این دوره چیزی برای همه ارائه می دهد.

رویکرد تمیز و ساده شده تضمین می کند که می توانید بدون غرق شدن در پیچیدگی های غیر ضروری، روی یادگیری تمرکز کنید. در پایان این دوره، یک برنامه وب کاملاً کاربردی و تقویت شده با هوش مصنوعی را از ابتدا خواهید ساخت، و به شما اطمینان و مهارت های لازم برای مقابله با پروژه های خود یا مشارکت موثر در تیم های توسعه حرفه ای را می دهد. در این سفر هیجان انگیز به ما بپیوندید و مهارت های توسعه وب خود را به سطح بالاتری ببرید!

سرفصل ها و درس ها

Introduction-فصل-1-مقدمه Introduction

  • Introduction-ویدیو-1-1-مقدمه Introduction

  • Live Preview-ویدیو-1-2-پیش‌نمایش زنده Live Preview

  • PDF Book - Google AI React NextJs TypeScript Local Business Directory App-ویدیو-1-3-کتاب PDF - برنامه دایرکتوری کسب و کار محلی Google AI React NextJs TypeScript PDF Book - Google AI React NextJs TypeScript Local Business Directory App

  • Source Code-ویدیو-1-4-کد منبع Source Code

Project Setup with ShadcnUI-فصل-2-راه‌اندازی پروژه با ShadcnUI Project Setup with ShadcnUI

  • NextJs Project Setup-ویدیو-2-1-راه‌اندازی پروژه NextJs NextJs Project Setup

  • Theme Provider-ویدیو-2-2-ارائه‌دهنده تم Theme Provider

  • Mode Toggle-ویدیو-2-3-تغییر حالت Mode Toggle

  • Hydration Warning Fix-ویدیو-2-4-رفع اخطار Hydration Hydration Warning Fix

  • Navigation-ویدیو-2-5-ناوبری Navigation

  • Using Logo-ویدیو-2-6-استفاده از لوگو Using Logo

Authentication & Protecting Pages-فصل-3-احراز هویت و محافظت از صفحات Authentication & Protecting Pages

  • Clerk Authentication-ویدیو-3-1-احراز هویت Clerk Clerk Authentication

  • Clerk SignIn and SignOut-ویدیو-3-2-ورود و خروج Clerk Clerk SignIn and SignOut

  • Protected Dashboard Page-ویدیو-3-3-صفحه داشبورد محافظت شده Protected Dashboard Page

Navigation-فصل-4-ناوبری Navigation

  • Add Business Link-ویدیو-4-1-افزودن لینک کسب و کار Add Business Link

  • Navigation Icons-ویدیو-4-2-آیکون‌های ناوبری Navigation Icons

  • Conditional Dashboard Link-ویدیو-4-3-لینک داشبورد شرطی Conditional Dashboard Link

Business Context-فصل-5-زمینه کسب و کار Business Context

  • Add Business Page Layout-ویدیو-5-1-طرح‌بندی صفحه افزودن کسب و کار Add Business Page Layout

  • Business Type-ویدیو-5-2-نوع کسب و کار Business Type

  • Business Context-ویدیو-5-3-زمینه کسب و کار Business Context

  • Accessing Business Context-ویدیو-5-4-دسترسی به زمینه کسب و کار Accessing Business Context

Form Fields-فصل-6-فیلدهای فرم Form Fields

  • Form Input Fields Array-ویدیو-6-1-آرایه فیلدهای ورودی فرم Form Input Fields Array

  • Display Input Fields-ویدیو-6-2-نمایش فیلدهای ورودی Display Input Fields

  • Input Events in Context-ویدیو-6-3-رویدادهای ورودی در Context Input Events in Context

  • Using Local Storage-ویدیو-6-4-استفاده از Local Storage Using Local Storage

Preview Card-فصل-7-کارت پیش‌نمایش Preview Card

  • Preview Card-ویدیو-7-1-کارت پیش‌نمایش Preview Card

  • Preview Card Header-ویدیو-7-2-هدر کارت پیش‌نمایش Preview Card Header

  • Preview Card Content-ویدیو-7-3-محتوای کارت پیش‌نمایش Preview Card Content

  • SignIn User Before Adding Business-ویدیو-7-4-ورود کاربر قبل از افزودن کسب و کار SignIn User Before Adding Business

Mongo Database-فصل-8-پایگاه داده Mongo Mongo Database

  • MongoDB Setup-ویدیو-8-1-راه‌اندازی MongoDB MongoDB Setup

  • Business Model-ویدیو-8-2-مدل کسب و کار Business Model

Save Business-فصل-9-ذخیره کسب و کار Save Business

  • Save Business Server Action-ویدیو-9-1-عملگر سرور ذخیره کسب و کار Save Business Server Action

  • Create New Business-ویدیو-9-2-ایجاد کسب و کار جدید Create New Business

  • Notification, Local Storage and Redirect-ویدیو-9-3-اعلان، Local Storage و ریدایرکت Notification, Local Storage and Redirect

  • Clerk Redirect and Loading Button-ویدیو-9-4-ریدایرکت Clerk و دکمه Loading Clerk Redirect and Loading Button

Display Businesses-فصل-10-نمایش کسب و کارها Display Businesses

  • Get Businesses Server Action-ویدیو-10-1-عملگر سرور دریافت کسب و کارها Get Businesses Server Action

  • User's Businesses List on Dashboard-ویدیو-10-2-لیست کسب و کارهای کاربر در داشبورد User's Businesses List on Dashboard

  • Display Businesses in Card-ویدیو-10-3-نمایش کسب و کارها در کارت Display Businesses in Card

Business Create and Edit Form-فصل-11-فرم ایجاد و ویرایش کسب و کار Business Create and Edit Form

  • Business Edit Page-ویدیو-11-1-صفحه ویرایش کسب و کار Business Edit Page

  • Get Single Business-ویدیو-11-2-دریافت تک کسب و کار Get Single Business

  • Business Form for Create and Edit-ویدیو-11-3-فرم کسب و کار برای ایجاد و ویرایش Business Form for Create and Edit

  • Reset Form on Add Business Click-ویدیو-11-4-بازنشانی فرم هنگام کلیک بر روی افزودن کسب و کار Reset Form on Add Business Click

Image Upload-فصل-12-آپلود تصویر Image Upload

  • Upload to Cloudinary Setup-ویدیو-12-1-راه‌اندازی آپلود به Cloudinary Upload to Cloudinary Setup

  • Handle Logo Server Action-ویدیو-12-2-عملگر سرور مدیریت لوگو Handle Logo Server Action

  • Logo Upload Client-ویدیو-12-3-کلاینت آپلود لوگو Logo Upload Client

  • Logo Uploading-ویدیو-12-4-آپلود لوگو Logo Uploading

Google Gemini AI-فصل-13-هوش مصنوعی Google Gemini Google Gemini AI

  • Google Gemini Server Action-ویدیو-13-1-عملگر سرور Google Gemini Google Gemini Server Action

  • Calling AI to Generate Description-ویدیو-13-2-فراخوانی هوش مصنوعی برای تولید توضیحات Calling AI to Generate Description

  • AI Generated Description-ویدیو-13-3-توضیحات تولید شده توسط هوش مصنوعی AI Generated Description

Edit Business Modal-فصل-14-مودال ویرایش کسب و کار Edit Business Modal

  • Update Business-ویدیو-14-1-به روز رسانی کسب و کار Update Business

  • Show Modal for Edit Description-ویدیو-14-2-نمایش مودال برای ویرایش توضیحات Show Modal for Edit Description

  • Modal Dialog Box-ویدیو-14-3-جعبه گفتگوی مودال Modal Dialog Box

Rich Text Editor for Business Description-فصل-15-ویرایشگر متن غنی برای توضیحات کسب و کار Rich Text Editor for Business Description

  • Generate AI Description in Modal-ویدیو-15-1-تولید توضیحات هوش مصنوعی در مودال Generate AI Description in Modal

  • Using Rich Text Editor-ویدیو-15-2-استفاده از ویرایشگر متن غنی Using Rich Text Editor

  • Render HTML Description-ویدیو-15-3-رندر توضیحات HTML Render HTML Description

  • React Quill CSS Code-ویدیو-15-4-کد CSS React Quill React Quill CSS Code

  • React Quill Editor Custom CSS-ویدیو-15-5-CSS سفارشی ویرایشگر React Quill React Quill Editor Custom CSS

Check Ownership & Toggle Publish-فصل-16-بررسی مالکیت و تغییر وضعیت انتشار Check Ownership & Toggle Publish

  • Check Ownership-ویدیو-16-1-بررسی مالکیت Check Ownership

  • Allow Delete or Unpublish-ویدیو-16-2-اجازه حذف یا عدم انتشار Allow Delete or Unpublish

  • Toggle Published on Context-ویدیو-16-3-تغییر وضعیت انتشار در Context Toggle Published on Context

  • Toggle Published on Preview Card-ویدیو-16-4-تغییر وضعیت انتشار در کارت پیش‌نمایش Toggle Published on Preview Card

Display Businesses with Pagination-فصل-17-نمایش کسب و کارها با صفحه‌بندی Display Businesses with Pagination

  • Latest Businesses with Pagination-ویدیو-17-1-آخرین کسب و کارها با صفحه‌بندی Latest Businesses with Pagination

  • Display Businesses on Home Page-ویدیو-17-2-نمایش کسب و کارها در صفحه اصلی Display Businesses on Home Page

  • Display Businesses on Preview Card-ویدیو-17-3-نمایش کسب و کارها در کارت پیش‌نمایش Display Businesses on Preview Card

  • Previous and Next Buttons-ویدیو-17-4-دکمه‌های قبلی و بعدی Previous and Next Buttons

  • Business Card Component-ویدیو-17-5-کامپوننت کارت کسب و کار Business Card Component

  • Pagination Component-ویدیو-17-6-کامپوننت صفحه‌بندی Pagination Component

  • Numbered Pagination Link-ویدیو-17-7-لینک صفحه‌بندی شماره‌دار Numbered Pagination Link

Single Business View with SEO-فصل-18-نمای تکی کسب و کار با سئو Single Business View with SEO

  • Loading Skeleton Card-ویدیو-18-1-کارت اسکلتی در حال بارگذاری Loading Skeleton Card

  • Business by Slug-ویدیو-18-2-کسب و کار بر اساس Slug Business by Slug

  • Single Business Card-ویدیو-18-3-کارت تک کسب و کار Single Business Card

  • Description Component-ویدیو-18-4-کامپوننت توضیحات Description Component

  • Strip HTML and Truncate Code-ویدیو-18-5-حذف HTML و کوتاه کردن کد Strip HTML and Truncate Code

  • SEO Metadata-ویدیو-18-6-فراداده سئو SEO Metadata

Business Highlight on Sidebar-فصل-19-برجسته سازی کسب و کار در سایدبار Business Highlight on Sidebar

  • Business View Page with Sidebar-ویدیو-19-1-صفحه نمایش کسب و کار با سایدبار Business View Page with Sidebar

  • Business Highlight Card-ویدیو-19-2-کارت برجسته سازی کسب و کار Business Highlight Card

  • Business Highlight Card Website URL-ویدیو-19-3-آدرس وب سایت کارت برجسته سازی کسب و کار Business Highlight Card Website URL

  • Business Highlight Card Phone Email and Hours-ویدیو-19-4-تلفن، ایمیل و ساعات کارت برجسته سازی کسب و کار Business Highlight Card Phone Email and Hours

  • Copy to Clipboard-ویدیو-19-5-کپی در کلیپ بورد Copy to Clipboard

Business Search-فصل-20-جستجوی کسب و کار Business Search

  • Business Search Server Action-ویدیو-20-1-عملگر سرور جستجوی کسب و کار Business Search Server Action

  • Placing Search Component in Top Nav-ویدیو-20-2-قرار دادن کامپوننت جستجو در ناوبری بالا Placing Search Component in Top Nav

  • Real Search Input-ویدیو-20-3-ورودی جستجوی واقعی Real Search Input

  • Shared Classes Code-ویدیو-20-4-کد کلاس‌های مشترک Shared Classes Code

  • Search Input and Button Styling-ویدیو-20-5-استایل دهی ورودی و دکمه جستجو Search Input and Button Styling

  • Search Page with Throttling-ویدیو-20-6-صفحه جستجو با Throttling Search Page with Throttling

  • Display Search Results-ویدیو-20-7-نمایش نتایج جستجو Display Search Results

Categories & Addresses-فصل-21-دسته‌بندی‌ها و آدرس‌ها Categories & Addresses

  • Categories and Addresses-ویدیو-21-1-دسته‌بندی‌ها و آدرس‌ها Categories and Addresses

  • Categories and Addresses Server Action-ویدیو-21-2-عملگر سرور دسته‌بندی‌ها و آدرس‌ها Categories and Addresses Server Action

  • Getting Categories and Addresses-ویدیو-21-3-دریافت دسته‌بندی‌ها و آدرس‌ها Getting Categories and Addresses

  • Filtered List Component-ویدیو-21-4-کامپوننت لیست فیلتر شده Filtered List Component

  • Render Categories and Addresses with Filtering-ویدیو-21-5-رندر دسته‌بندی‌ها و آدرس‌ها با فیلتر کردن Render Categories and Addresses with Filtering

Admin Dashboard for Business Management-فصل-22-داشبورد مدیریت برای مدیریت کسب و کار Admin Dashboard for Business Management

  • Sticky Header on Top-ویدیو-22-1-هدر چسبان در بالا Sticky Header on Top

  • Admin User-ویدیو-22-2-کاربر ادمین Admin User

  • Get All Business Server Action-ویدیو-22-3-عملگر سرور دریافت همه کسب و کارها Get All Business Server Action

  • Businesses in Admin Dashboard-ویدیو-22-4-کسب و کارها در داشبورد ادمین Businesses in Admin Dashboard

  • Table to Display Businesses for Admin-ویدیو-22-5-جدول برای نمایش کسب و کارها برای ادمین Table to Display Businesses for Admin

  • Protect Admin Routes-ویدیو-22-6-محافظت از مسیرهای ادمین Protect Admin Routes

  • Edit Delete Server Action for Admin-ویدیو-22-7-عملگر سرور ویرایش حذف برای ادمین Edit Delete Server Action for Admin

  • Delete Option for Admin-ویدیو-22-8-گزینه حذف برای ادمین Delete Option for Admin

Landing Page-فصل-23-صفحه فرود Landing Page

  • Businesses Page-ویدیو-23-1-صفحه کسب و کارها Businesses Page

  • Landing Page Code-ویدیو-23-2-کد صفحه فرود Landing Page Code

  • Landing Page-ویدیو-23-3-صفحه فرود Landing Page

  • Background Image-ویدیو-23-4-تصویر پس زمینه Background Image

Deployment-فصل-24-استقرار Deployment

  • Deployment and Post Deployment Updates-ویدیو-24-1-استقرار و به‌روزرسانی‌های پس از استقرار Deployment and Post Deployment Updates

  • Creating Business Post Deployment-ویدیو-24-2-ایجاد کسب و کار پس از استقرار Creating Business Post Deployment

تسلط بر الکتروتراپی در توانبخشی و مدیریت درد

تسلط بر الکتروتراپی در توانبخشی و مدیریت درد

Mastering Electrotherapy in Rehabilitation & Pain Management

آموزش طرح: کار با توسعه دهندگان

آموزش طرح: کار با توسعه دهندگان

Sketch: Working with Developers

آموزش چگونه می توان هوش مصنوعی را مانند علمی تخیلی کمتر احساس کرد

آموزش چگونه می توان هوش مصنوعی را مانند علمی تخیلی کمتر احساس کرد

How to Make AI Feel Less Like Sci-Fi

نمایش نظرات

آموزش اپلیکیشن دایرکتوری کسب و کار فول استک با هوش مصنوعی، ری‌اکت، نکست‌جی‌اس و تایپ‌اسکریپت
جزییات دوره
10.5 hours
104
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
167
4.9 از 5
دارد
دارد
دارد
Ryan Dhungel

https://donyad.com/d/e6bf46

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ryan Dhungel Ryan Dhungel