🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش رزومه ساز هوش مصنوعی چند مرحله ای - ری اکت نکست جی اس شاد سی ان یو آی مانگو دی بی
- آخرین آپدیت
دانلود AI Multi Step Resume Builder - React NextJs ShadcnUI MongoDB
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
ساخت رزومه ساز هوش مصنوعی با NextJS: دوره آموزش فول استک
در این دوره جامع، یک رزومه ساز هوش مصنوعی کامل را با استفاده از ReactJS، NextJS و MongoDB ایجاد کنید.
پیاده سازی طراحی رابط کاربری مدرن با ShadcnUI و TailwindCSS (حالت روشن/تاریک)
ساخت رزومه ساز چند مرحله ای با مدیریت وضعیت مبتنی بر زمینه
ادغام Clerk برای احراز هویت امن و محافظت از صفحه
راه اندازی و مدیریت اتصالات MongoDB و مدل ها برای پایداری داده
پیاده سازی اقدامات سرور و رفع مشکلات رایج انتقال داده NextJS
ادغام Google Gemini Generative AI برای تولید محتوای پویا برای رزومه
توسعه ویژگی های پیشرفته مانند ویرایش متن غنی، پیش نمایش زنده و انتخاب تم
ایجاد رندرهای رزومه آماده چاپ با به روز رسانی های پویا متا داده
استقرار یک برنامه وب قدرتمند مبتنی بر هوش مصنوعی آماده برای تولید با قابلیت های اشتراک گذاری
پیش نیازها: دانش پایه جاوا اسکریپت و آشنایی با ReactJS و NextJS. اشتیاق به یادگیری در مورد ادغام هوش مصنوعی و علاقه به توسعه برنامه های کاربردی وب.
دوره آموزش رزومه ساز هوش مصنوعی: از صفر تا صد
به دوره ساخت رزومه با هوش مصنوعی خوش آمدید. در این دوره، با جدیدترین فناوری ها آشنا شده و به طور عملی یک پلتفرم پیشرفته برای ایجاد رزومه با هوش مصنوعی را از پایه ایجاد خواهید کرد. این دوره برای توسعه دهندگان تازه کار و با تجربه مناسب است و ترکیبی عالی از تئوری و تمرین عملی ارائه می دهد.
مروری بر دوره
در این دوره، یک رزومه ساز هوش مصنوعی کاملاً کاربردی با استفاده از ReactJS، NextJS، ShadcnUI و MongoDB خواهید ساخت. تمرکز این دوره بر سادگی و تجربه کاربری است.
یادگیری آسان، استفاده آسان
محتوای این دوره به گونه ای ساختار یافته است که به راحتی قابل پیگیری باشد. هر مفهوم به تدریج معرفی می شود و به شما این امکان را می دهد بدون احساس غرق شدن، کدنویسی کنید.
کاربران رزومه ساز هوش مصنوعی شما می توانند بدون نیاز به ثبت نام، رزومه های حرفه ای ایجاد کنند.
راه اندازی ساده، کاربرد در دنیای واقعی
راه اندازی پروژه بسیار ساده است و به شما امکان می دهد روی ساخت و درک برنامه تمرکز کنید. رزومه سازی که ایجاد خواهید کرد بصری است و به کاربران امکان می دهد چندین رزومه را به راحتی ایجاد کنند.
ساختار و محتوای دوره
راه اندازی پروژه، تم و ناوبری
شروع با راه اندازی پروژه با NextJS و ادغام ShadcnUI برای یک رابط کاربری مدرن.
مراحل ایجاد رزومه
مدیریت وضعیت با استفاده از React Context و ایجاد یک رزومه ساز چند مرحله ای.
احراز هویت و محافظت از صفحات
ادغام Clerk برای احراز هویت و مدیریت جلسات کاربر.
پایگاه داده، مدل ها و اقدامات سرور
راه اندازی MongoDB و ایجاد مدل رزومه.
ایجاد رزومه با اطلاعات شخصی
ایجاد فرم های پویا و مدیریت وضعیت پیچیده در چندین کامپوننت.
رزومه های کاربر، کارت رزومه و اسکلت
ایجاد یک داشبورد برای مدیریت رزومه ها.
به روز رسانی رزومه، تأیید مالکیت و اقدامات سرور
پیاده سازی قابلیت به روز رسانی.
پیش نمایش زنده خلاصه رزومه
ایجاد قابلیت پیش نمایش زنده رزومه.
هوش مصنوعی مولد گوگل
ادغام Google's Gemini Generative AI برای تولید خلاصه و توضیحات تجربه کاری.
ویرایشگر متن غنی
ایجاد یک ویرایشگر متن غنی.
تولید محتوای رزومه با هوش مصنوعی
گسترش ادغام هوش مصنوعی برای تولید محتوا برای بخش های مختلف رزومه.
بخش تحصیلات رزومه
ساخت بخش تحصیلات رزومه.
مهارت های رزومه با نوار پیشرفت
ایجاد بخش مهارت ها با نوار پیشرفت.
صفحه دانلود رزومه با پیش نمایش
ایجاد قابلیت دانلود رزومه با گزینه های مختلف.
رندر سمت سرور رزومه، چاپ و متادیتا پویا
استفاده از رندر سمت سرور NextJS برای ایجاد رزومه های آماده چاپ و متادیتا پویا برای بهبود سئو.
اشتراک گذاری، صفحه فرود و استقرار
اضافه کردن قابلیت اشتراک گذاری، ایجاد یک صفحه فرود جذاب و استقرار برنامه.
کاربرد در دنیای واقعی و مقیاس پذیری
این رزومه ساز هوش مصنوعی یک برنامه کاملاً کاربردی است. ما در مورد ملاحظات مربوط به مقیاس پذیری، مدیریت افزایش بار کاربر و استراتژی های کسب درآمد بالقوه بحث خواهیم کرد.
نتیجه گیری
در پایان این دوره، شما یک رزومه ساز هوش مصنوعی پیشرفته ایجاد خواهید کرد. مهمتر از آن، شما تجربه عملی با یک فناوری توسعه وب مدرن، ادغام هوش مصنوعی و بهترین شیوه ها در طراحی تجربه کاربری به دست خواهید آورد.
همین حالا ثبت نام کنید و اولین قدم را به سوی تسلط بر توسعه وب یکپارچه با هوش مصنوعی بردارید!
سرفصل ها و درس ها
پیکربندی پروژه، قالب و ناوبری
Project Setup, Theme & Navigation
مقدمه
Introduction
نمایش پروژه نهایی
Finished Project Demo
فایل PDF و کد منبع
PDF & Source Code
پیکربندی پروژه NextJs با ShadcnUI
NextJs Project Setup with ShadcnUI
حالت روشن و تیره
Light and Dark Mode
ناوبری
Navigation
کانتکست و مراحل ایجاد رزومه
Context & Resume Create Steps
کانتکست رزومه
Resume Context
کامپوننتهای مراحل
Steps Components
مرحله یک - اطلاعات شخصی
Step One - Personal Information
بهروزرسانی وضعیت رزومه با ورودی کاربر
Update Resume State on User Input
ناوبری مراحل ایجاد رزومه
Resume Create Steps Nav
احراز هویت و محافظت از صفحات
Authentication & Protecting Pages
احراز هویت Clerk
Clerk Authentication
محافظت از صفحات
Protecting Pages
پایگاه داده، مدلها و اقدامات سرور
Database, Models & Server Actions
اتصال MongoDB
MongoDB Connection
مدل رزومه
Resume Model
ذخیره رزومه با اکشن سرور
Save Resume Server Action
ایجاد رزومه با اطلاعات شخصی
Creating Resume with Personal Information
فراخوانی ذخیره رزومه از کامپوننت
Calling Save Resume from Component
دکمه پویا قبل از ورود یا ذخیره
Dynamic Button Before SignIn or Save
ذخیره اطلاعات شخصی هنگام رفرش صفحه
Save Personal Information on Page Refresh
ذخیره رزومه و نمایش اعلان
Save Resume and Toast Notification
کامپوننت مرحله اول برای ایجاد رزومه
Step One Component for Resume Create
رزومههای کاربر، کارت رزومه و اسکلت
User Resumes, Resume Card & Skeleton
صفحه ویرایش رزومه
Resume Edit Page
رزومههای کاربر فعلی
Current User's Resumes
کارتهای اسکلتی هنگام بارگذاری
Skeleton Cards while Loading
کامپوننت کارت رزومه
Resume Card Component
پیشنمایش جزئیات شخصی
Personal Details Preview
بهروزرسانی رزومه، تأیید مالکیت و اکشنهای سرور
Resume Update, Verify Ownership & Server Actions
لینک ویرایش رزومه
Edit Resume Link
دریافت یک رزومه تکی
Get Single Resume
بررسی مالکیت
Check Ownership
بهروزرسانی رزومه با اکشن سرور
Update Resume Server Action
ذخیره خلاصه رزومه
Saving Resume Summary
پیشنمایش زنده خلاصه رزومه
Resume Summary Live Preview
پیشنمایش خلاصه
Summary Preview
پیشنمایش زنده رزومه
Resume Live Preview
وضعیت اولیه در صفحه ایجاد
Initial State on Create Page
پیشنمایش زنده رزومه در صفحه ایجاد
Resume Live Preview on Create Page
هوش مصنوعی مولد گوگل
Google's Generative AI
هوش مصنوعی مولد Google Gemini
Google Gemini Generative AI
تولید با هوش مصنوعی
Generate with AI
خلاصه تولید شده توسط هوش مصنوعی
AI Generated Summary
ویرایشگر متن غنی
Rich Text Editor
استفاده از ویرایشگر متن غنی
Using Rich Text Editor
کد - React Quill Dark Mode CSS
Code - React Quill Dark Mode CSS
React Quill Dark Mode CSS
React Quill Dark Mode CSS
ارتفاع کارت رزومه داشبورد
Dashboard Resume Card Height
تجربه رزومه مبتنی بر هوش مصنوعی با چندین فیلد فرم
AI Powered Resume Experience with Multiple Form Fields
تجربه در کانتکست
Experience in Context
فرم افزودن تجربه
Add Experience Form
حذف فیلدهای فرم تجربه
Remove Experience Form Fields
فیلدهای ورودی تجربه بیشتر
More Experience Input Fields
هندلرهای رویداد تغییر تجربه
Experience Change Event Handlers
تولید خلاصه تجربه با هوش مصنوعی
Generate Experience Summary with AI
پیشنمایش زنده تجربه
Experience Live Preview
تحصیلات رزومه با چندین فیلد فرم
Resume Education with Multiple Form Fields
تحصیلات در کانتکست
Education in Context
بهروزرسانی تحصیلات با اکشن سرور
Update Education Server Action
افزودن تحصیلات با اکشن سرور
Add Education Server Action
پیشنمایش زنده تحصیلات
Education Live Preview
پیشنمایش کوتاه رزومه در داشبورد
Short Resume Preview on Dashboard
مهارتهای رزومه با نوار پیشرفت
Resume Skills with Progress Bar
مهارتها با اکشن سرور
Skills Server Action
مهارتها در کانتکست
Skills in Context
افزودن و حذف فیلدهای مهارتها
Skills Fields Add Remove
پیشنمایش زنده مهارتها با نوار پیشرفت
Skills Live Preview with Progress Bar
رنگ قالب رزومه
Resume Theme Color
صفحه دانلود رزومه با پیشنمایش و پوشش گزینهها
Resume Download Page with Preview & Options Overlay
صفحه دانلود رزومه
Resume Download Page
دکمههای دانلود، چاپ و اشتراکگذاری
Download Print and Share Buttons
پوشش گزینهها روی کارتها
Options Overlay on Cards
حذف رزومه
Delete Resume
پیشنمایش رزومه فعلی در دانلود
Current Resume Preview in Download
رزومه رندر شده در سرور، چاپ و فراداده پویا
Server Rendered Resume, Print & Dynamic Metadata
صفحه رزومه رندر شده در سرور
Server Rendered Resume Page
حالت چاپ برای رزومه
Print Mode for Resume
فراداده پویا
Dynamic Metadata
اشتراکگذاری، صفحه فرود و استقرار
Sharing, Landing Page & Deployment
Ryan Dhungel
نمایش نظرات