آموزش JS بعدی و باز کردن AI/GPT: نسل بعدی برنامه های JS و AI بعدی

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

معرفی و راه اندازی پروژه Introduction & project setup

• مهم! قبل از شروع دوره این را بخوانید! Important! Read this before you begin the course!

• معرفی دوره و نسخه ی نمایشی پروژه Course intro & project demo

• راه اندازی پروژه Project setup

• رتبه بندی و بررسی Udemy Udemy ratings and reviews

• همه مسیرهای مورد نیاز را برای برنامه ما تنظیم کنید Set up all required routes for our app

احراز هویت و مجوز با Auth0 Authentication & authorization with Auth0

• auth0 را برای احراز هویت تنظیم کنید Set up auth0 for authentication

• در صورت ورود به سیستم، وضعیت احراز هویت و اطلاعات کاربر را تنظیم کنید Set the auth state & user information if logged in

• مسیرهای محافظت شده را اجرا کنید که فقط در صورت ورود به سیستم قابل دسترسی هستند Implement protected routes that are only accessible if logged in

ایجاد طرح‌بندی برنامه با Tailwind CSS Creating the app layout with Tailwind CSS

• مولفه اصلی AppLayout را ایجاد کنید Create the basic AppLayout component

• پیاده سازی نوار کناری و استایل با Tailwind CSS Implementing the sidebar & styling with Tailwind CSS

• پیاده سازی فوتر نوار کناری Implementing the sidebar footer

• هدر نوار کناری ایجاد کنید و AppLayout را برای همه صفحات مرتبط گسترش دهید Create the sidebar header & roll out the AppLayout for all relevant pages

• مؤلفه نشان‌واره برنامه را با استفاده از فونت‌های Google و FontAwesome ایجاد کنید Create the app logo component using Google Fonts & FontAwesome

• صفحه اصلی/صفحه فرود اصلی را ایجاد کنید و هدر نوار کناری را تمام کنید Create the homepage / main landing page, and finish off the sidebar header

پست های وبلاگ را با GPT API OpenAI ایجاد کنید و در MongoDB ذخیره کنید Generate blog posts with OpenAI's GPT API and store in MongoDB

• مسائل مربوط به OPENAI ISSUES WITH OPENAI

• راه اندازی پروژه ما برای کار با GPT Setting up our project to work with GPT

• درخواست OpenAI را اصلاح کنید و نتایج را ارائه دهید Refine the OpenAI prompt and render the results

• موضوع و کلمات کلیدی را به نقطه پایانی GenererPost API منتقل کنید Pass topic and keywords to the generatePost API endpoint

• به روز رسانی: با استفاده از مدل gpt-3.5-turbo UPDATE: Using the gpt-3.5-turbo model

• MongoDB را راه اندازی کنید Set up MongoDB

• قابلیت افزودن توکن ها را پیاده سازی کنید و در MongoDB ذخیره کنید Implement add tokens functionality and store in MongoDB

• داده های پست تولید شده را در MongoDB ذخیره کنید Save generated post data to MongoDB

• داده های پست را برای یک صفحه پست خاص بارگیری کنید Load the post data for a particular post page

• پس از ایجاد یک پست به صورت خودکار به آن پیمایش کنید Auto-navigate to a post after it's generated

• محتوای پست را برای یک صفحه پست خاص رندر کنید Render the post content for a particular post page

• فهرست پست‌های موجود را در نوار کناری رندر کنید Render list of available posts in the sidebar

اجرای پرداخت های خطی Implementing stripe payments

• راه راه را تنظیم کنید Set up stripe

• پیاده سازی وب هوک های راه راه Implement stripe webhooks

به‌روزرسانی‌های استایل، اصلاحات، و اعتبارسنجی داده‌ها Styling updates, fixes, and data validation

• رفع فونت فلش عالی از نماد عظیم در بارگذاری در تولید Fix Font Awesome flash of massive icon on load in production

• به‌روزرسانی‌های استایل و نماد بارگیری Styling updates & loading icon

• اعتبارسنجی داده‌های فرم هنگام ایجاد پست‌های جدید Validating form data when generating new posts

پیاده سازی "بارگذاری بیشتر پست" و حذف پست Implement "load more posts" and delete post

• زمینه پست ها را ایجاد کنید و 5 پست اول را بازیابی کنید Create posts context and retrieve first 5 posts

• نقطه پایانی getPosts را ایجاد کنید Create getPosts endpoint

• دکمه "بارگیری پست های بیشتر" را مخفی کنید و پست های ناپدید شده را در نوار کناری رفع کنید Hide "load more posts" button and fix disappearing posts in sidebar

• پست ها را در نوار کناری در بارگذاری اولیه پست ثابت کنید Fix posts in sidebar on initial post load

• نقطه پایانی deletePost را ایجاد کنید Create deletePost endpoint

• ایجاد رابط کاربری حذف پست و نقطه پایانی deletePost تماس بگیرید Create delete post UI & call deletePost endpoint

• حذف پست از نوار کناری Delete post from sidebar

• Refactor متن را برای استفاده از کاهنده به جای حالت ارسال می کند Refactor posts context to use reducer instead of state

مستقر کنید Deploy

• استقرار در DigitalOcean Deploy on DigitalOcean

• جایزه! BONUS!