آموزش Next.js بصورت پروژه محور
در دوره آموزش Next.js سبزلرن بهصورت پروژهمحور، این فریمورک محبوب را بهصورت عملی یاد میگیرید و با قابلیتهای آن برای توسعه اپلیکیشنها آشنا میشوید.
توضیحات
Next.js یک فریمورک قدرتمند مبتنی بر "React" است که امکانات متنوعی برای ساخت سریعتر، بهینهتر و حرفهایتر وبسایتها و وباپلیکیشنها در اختیار برنامهنویسان قرار میدهد. اگر قصد دارید در زمینه توسعه وب یک فریمورک کاربردی یاد بگیرید، دوره آموزش next js بهترین مسیر برای شما است. زیرا در این دوره مدرس حرفهای آکادمی سبزلرن علاوهبر مفاهیم تئوری، نحوه استفاده از نکست جی اس را در قالب پروژههای واقعی آموزش میدهد. با خرید دوره Next.js میتوانید بدون محدودیت زمانی و بهصورت آنلاین یادگیری را آغاز کنید.
دوره آموزش next js چیست؟
Next.js در اکوسیستم React قرار دارد و با اضافه کردن قابلیتهایی مانند "SSR"، "CSR"، "SSG" و "Routing"، توسعه وبسایتها و وباپلیکیشنهای مدرن را سادهتر و حرفهایتر میکند. این تکنولوژی با امکاناتی در زمینه بهینهسازی، سئو و توسعه فولاستک، محدودیتهای React را تا حد زیادی پوشش میدهد.
در دوره آموزش next js مفاهیم اصلی نکست جی اس را بهصورت عمیق و پروژهمحور یاد میگیرید. ابتدا با مفاهیم و قابلیتهای اصلی آشنا میشوید، سپس با چند مینیپروژه آنها را تمرین میکنید و در نهایت یک پروژه واقعی و فولاستک را از صفر تا صد توسعه میدهید.
مهمترین سرفصلهای آموزش Next.js
در دوره آموزش نکست جی اس مهمترین مفاهیم و قابلیتهای موردنیاز برای کار با Next.js به شکل کاربردی آموزش داده میشوند. مهمترین سرفصلهای این دوره کاربردی عبارتاند از:
آموزش مفاهیم و اصول Next.js
آشنایی با ساختار پروژههای Next.js
آموزش Server-Side Rendering یا SSR
آموزش Client-Side Rendering یا CSR
آموزش Static Site Generation یا SSG
آموزش Routing و مسیریابی در Next.js
بررسی مفاهیم سئو در فرانتاند
توسعه پروژههای واقعی با Next.js
کار با API و بخش بکاند پروژه
ساخت پروژههای محتوایی و فروشگاهی
پروژه ToDoList
پروژه Task Management
پروژه Pagination
پروژه املاکی
CMS فروشگاه قهوه
پیشنیازهای آموزش Next.js چیست؟
اصلیترین پیش نیاز برای شرکت در دوره آموزش نکست جی اس، تسلط به ری اکت (React) است. البته از آنجا که ری اکت نیز بر پایه جاوااسکریپت توسعه پیدا کرده، بهتر است قبل از شروع دوره با "JavaScript"، "HTML" و "CSS" آشنا شوید. همچنین داشتن تجربه ساخت چند پروژه با React باعث میشود مفاهیم دوره Next.js را سریعتر و عمیقتر یاد بگیرید.
خرید دوره آموزش Next JS به چه کسانی پیشنهاد میشود؟
اگر به زبان جاوااسکریپت مسلط هستید و با ری اکت آشنایی دارید، برای تبدیل شدن به یک توسعه دهنده حرفهای میتوانید در دوره آموزش Next JS شرکت کنید. این دوره برای توسعهدهندگان فرانتاند، برنامهنویسان React، فریلنسرها و افرادی طراحی شده که قصد ورود جدیتر به بازار کار یا حرکت به سمت توسعه فولاستک را دارند، همچنین اگر قبلا آموزش Next.js دیدهاید اما هنوز در اجرای پروژههای واقعی اعتمادبهنفس کافی ندارید، پروژههای عملی و متنوع این دوره به شما کمک میکنند تا دانش خود را به مهارت واقعی تبدیل کنید و با ساخت نمونهکارهای قابل ارائه، یک قدم جدیتر به سمت بازار کار بردارید.
مزایای خرید دوره آموزش Next.js سبزلرن
اصلیترین مزیت شرکت در دوره آموزش Next.js سبزلرن پروژه محور بودن است، همچنین از دیگر مزایای این دوره میتوان بهموارد زیر اشاره کرد:
آموزش جامع مفاهیم کاربردی Next.js
آموزش پروژهمحور و اجرای چند پروژه مختلف
اجرای یک پروژه نهایی بزرگ و فولاستک
آموزش SSR، CSR و SSG
آموزش Routing در Next.js
توجه به مفاهیم سئو
امکان استفاده از پروژهها بهعنوان نمونهکار
پشتیبانی رایگان و نامحدود
امکان رفع اشکال در طول مسیر یادگیری
بهروزرسانی محتوای دوره متناسب با تغییرات تکنولوژی
آفلاین بودن دوره و امکان مرور مباحث بدون محدودیت زمانی
هزینه اقتصادی دوره در مقایسه با نمونههای داخلی و بینالمللی
آیا بعد از آموزش Next.js میتوان وارد بازار کار شد؟
یکی از جذابیتهای Next.js این است که صرفا یک ابزار برای ساخت رابط کاربری نیست و امکانات مختلفی برای توسعه بخشهای مختلف یک پروژه وب در اختیار شما قرار میدهد. به همین دلیل، اگر React را بهخوبی یاد گرفته باشید، آموزش Next JS میتواند قدم بعدی مناسبی برای حرکت به سمت توسعه پروژههای فولاستک باشد.
همچنین با یادگیری Next.js میتوانید در پروژههای واقعی مثل وبسایتهای فروشگاهی، سایتهای محتوایی، پنلهای مدیریتی و وباپلیکیشنهای فولاستک فعالیت کنید. البته صرف دیدن دوره برای ورود به بازار کار کافی نیست؛ با تمرین، ساخت نمونهکار و اجرای پروژههای واقعی میتوانید آموختههای خود را به مهارت قابل ارائه به کارفرما تبدیل کنید.
نحوه خرید دوره آموزش next js سبزلرن
برای خرید دوره آموزش Next JS سبزلرن کافی است وارد حساب کاربری خود در سایت شوید، دوره را به سبد خرید اضافه و پس از تکمیل مراحل پرداخت از طریق درگاه بانکی، دوره را دریافت کنید. شما از همان لحظه خرید دوره میتوانید یادگیری نکست جی اس را شروع کنید و قدمبهقدم مهارت خود را برای ورود به بازار کار و توسعه پروژههای حرفهای ارتقا دهید. در آکادمی سبزلرن همه چیز برای شروع یادگیری نکست جی اس مهیا است و شما با حداقل هزینه به یک دوره جامع با پشتیبانی نامحدود دسترسی دارید.
سوالات متداول
آموزش Next.js برای چه کسانی مناسب است؟
این دوره برای توسعهدهندگان React، برنامهنویسان فرانتاند و افرادی که قصد یادگیری Next.js بهصورت پروژهمحور و حرکت به سمت توسعه فولاستک را دارند مناسب است.
آیا دوره آموزش Next JS پیش نیاز دارد؟
تسلط خوب به React مهمترین پیشنیاز دوره است. همچنین آشنایی با JavaScript، HTML و CSS توصیه میشود.
در دوره آموزش Next.js چه پروژههایی ساخته میشود؟
پروژه ToDoList، پروژه Task Management، مینیپروژه Pagination، پروژه املاکی و پروژه نهایی CMS فروشگاه قهوه در دوره توسعه داده میشوند.
آیا SSR در آموزش Next JS تدریس میشود؟
بله، Server-Side Rendering یا SSR یکی از مفاهیم اصلی دوره است و به شکل کاربردی بررسی میشود.
آیا CSR و SSG هم در دوره آموزش نکست جی اس آموزش داده میشوند؟
بله. علاوهبر SSR، مفاهیم CSR و SSG نیز در دوره آموزش داده میشوند.
آیا Routing در دوره Next.js آموزش داده میشود؟
بله. سیستم Routing و مسیریابی یکی از بخشهای مهم آموزش Next.js است.
آیا دوره آموزش Next.js پشتیبانی دارد؟
بله، در طول دوره میتوانید سوالات و مشکلات خود را از طریق بخش پرسش و پاسخ مطرح کنید. در صورت فعال بودن سبزبات، میتوانید از آن برای دریافت راهنمایی اولیه استفاده کنید و در صورت نیاز، سوال خود را برای بررسی بیشتر به پشتیبانی یا مدرس ارجاع دهید.
جلسات
معرفی دوره + پاسخ به سوالات متداول
مقایسه React و Next
سئو چیست؟ - نکاتی از سئو برای فرانتاند
سئو در پروژه های ریاکت
مقایسه CSR و SSR
نقش SSR در پارامتر های موثر بر سئو
ایجاد پروژه Next
بررسی Folder Structure پروژه Next
قابلیت File-System Based Router نکست
ساخت اولین Route در Nextjs
توسعه Nested Route
توسعه Dynamic Route
استفاده از هوک useRouter
ساخت Route های Dynamic - Nested
دسترسی به پارامتر های روت Parent
آشنایی با کامپوننت Link
Navigate بین Routeها به صورت Dynamic
آشنایی با Prop های کامپوننت Link
Navigate بین Routeها با ورودی آبجکت (Programmatically)
ریدایرکت کردن یوزر و کار با History مرورگر
توسعه صفحه 404 در پروژه های Nextjs
کاربرد فایل app.js_ چیه؟
کار با Slug
سخن پایانی
بررسی روش های استایل دهی در Next.js
استفاده از روش Global Css
استفاده از روش Css Module
مکانیزم Next.js برای ClassName های یکسان
استفاده از روش Css-in-js
استفاده از Styled-Components در Next.js
استفاده از Bootstrap در Next.js
استفاده از Tailwind در Next.js
استفاده از Sass در Next.js
استایل دهی به Shared-Components - سخن پایانی
معرفی پروژه
اماده سازی Folder Structure اصولی برای پروژه
ایجاد Layout صفحات
تکمیل صفحه Home Page پروژه
ایجاد کامپوننت Home
توسعه Route جزئیات ملک
توسعه صفحه لیست ملک های املاکی
توسعه قابلیت سرچ کاربر بین ملکها
مرتب سازی ملکها توسط کاربر
استفاده از FontAwesome در Next.js
نمایش Pagination املاک به صورت داینامیک
توسعه لاجیک Pagination
سخن پایانی
مفهوم Pre-rendering و انواع آن
مفهوم Hydration در Pre-rendering
SSR و SSG چطور لود میشن و چه تفاوت هایی دارن؟
Data Fetching در Next.js چطور و کجا انجام میشه؟
استفاده از getStaticProps بدون Data
استفاده از data-fetching در SSG
نکاتی راجع به getStaticProps
پیاده سازی به صورت SSG در روت های Dynamic
استفاده از getStaticPaths
ارسال paths به صورت Dynamic
بررسی SSG در نسخه Build شده پروژه
بررسی قابلیت preFetch کامپوننت Link
بررسی false بودن Fallback
بررسی true بودن Fallback
نمایش صفحه 404 در getStaticProps
ریدایرکت کردن کاربر به صفحه دلخواه در getStaticProps
بررسی blocking بودن fallback
مفهوم ISR
پیاده سازی صفحات به شکل ISR
SSR چیه و کِی استفاده میشه؟
استفاده از getServerSideProps
نکات مهم SSR و تابع getServerSideProps
دسترسی به request و response در صفحات SSR
رندر صفحه بر اساس Query Params
پیاده سازی SSR در Dynamic Routes
بررسی صفحات SSR در نسخه Build پروژه
نمایش صفحه 404 و Redirect کردن کاربر در صفحات Ssr
Client-side rendering در Next.js
استفاده از Json-server به عنوان بکاند در پروژه
چه زمانی به CSR نیاز داریم؟
استفاده از CSR در کنار Pre-rendering
معرفی پکیج Swr برای CSR
استفاده از پکیج SWR
سخن پایانی فصل
معرفی پروژه سایت کافه
آماده سازی Folder Structure
نصب Dependency های پروژه
توسعه ماژول Navbar
پیاده سازی اسلایدر با پکیج Swiper
توسعه تمپلیت About برای Homepage
توسعه تمپلیت Services
داینامیک سازی آیکونها
نیازسنجی پروژه ک تنظیم دیتابیس با Json-server
Fetch کردن خدمات کافه از سرور
توسعه تمپلیت و قابلیت عضویت خبرنامه
توسعه تمپلیت منوی کافه و رزرو آنلاین
توسعه ماژول Footer و تمپلیت کامنتها
توسعه صفحه About به صورت SSG
توسعه صفحه خدمات به صورت SSG
توسعه صفحه منوی کافه به صورت ISR
توسعه صفحات رزرو آنلاین و گواهیها به صورت ISR
توسعه صفحه ارتباط با ما به صورت SSG و ارسال اطلاعات به سرور
توسعه قابلیت Global Search در Navbar
توسعه صفحه نمایش نتیجه سرچ به صورت SSR
توسعه صفحه جزئیات محصول
نمایش امتیاز محصول به صورت Star
نمایش کامنت های ثبت شده برای هر محصول به صورت ISR
سخن پایانی
معرفی فصل و قابلیت Api Route
توسعه اولین Api با متد Get
نحوه دسترسی به متد Request
دسترسی به بادی Request
ارسال رکوئست به Api از طریق فرانتاند
توسعه Dynamic Api
آشنایی با Status Code های مختلف
استفاده از فایل json به عنوان دیتابیس با ماژول های fs و path
توسعه Api برای ثبتنام کاربر جدید در سایت
توسعه Api حذف کاربر با متد Delete
توسعه Api ویرایش کاربر با متد های Put و Patch
روند ثبتنام کاربر در پروژه واقعی
ولیدیشن سمت کلاینت انجام میشه یا سرور؟
استفاده از Slug در توسعه Api
نحوه استفاده از Slug برای هومپیج Api
میشه تو pre-render از Api Route استفاده کرد؟
سخن پایانی فصل
دیتابیس چیست؟
نصب MongoDB و Compass
ایجاد دیتابیس با Mongoose
بررسی connection های ایجاد شده
آشنایی با Model و Schema - ایجاد Model کاربران
ایجاد دیتا در دیتابیس
گرفتن تمام اطلاعات یک Collection
دریافت اطلاعات یک Document
چطور یک Document رو Delete کنیم؟
چطور رو Document رو Update کنیم؟
چطور ObjectID رو Validate کنیم؟
استفاده از دیتابیس در صفحات SSG و SsR
سخن پایانی فصل
معرفی فصل
نیازسنجی پروژه و ایجاد Model های مورد نیاز
ایجاد Api ایجاد دوره در سایت
ایجاد دوره توسط مدیر/مدرس سایت در فرانتاند
نمایش نتیجه ایجاد دوره با Swal
دریافت و نمایش لیست همه دوره های برگزار شده
توسعه Api حذف دوره توسط مدیر/مدرس
توسعه Api ویرایش اطلاعات دوره
استفاده از Api ویرایش دوره در فرانتاند پروژه
ایجاد ارتباط فرانتاند و بکاند به شکل Realtime
توسعه Api برای سرچ گلوبال در سایت
آماده سازی صفحه نمایش نتایج سرچ
نمایش نتیجه سرچ گلوبال به مدیر/مدرس
سخن پایانی
معرفی فصل - قراره چیکار کنیم؟
کانفیگ های پیشرفته Schema در Mongoose
مفهوم timestamps
مفهوم Relation در دیتابیس
پیاده سازی Model مدرسها
توسعه Relation از نوع One-To-Many
آشنایی با متد Populate
انتخاب یا حذف فیلد های مورد نظر
انواع Relation در دیتابیس (Reference Vs Embedded)
پیاده سازی Model کامنتها
توسعه Virtual Relation
استفاده از پکیج Fastest-Validator
آشنایی با MongoSH در Compass
مفهوم Middleware چیست؟
پیاده سازی Middleware برای تعیین سطح دسترسی
محدود کردن Middleware به صفحات خاص
کاربرد فایل env چیه؟ - سخن پایانی
معرفی فصل - قراره چیکار بکنیم؟
آناتومی توکن JWT
مکانیزم اصولی احراز هویت کاربر
اتصال به دیتابیس و توسعه مدل User
شروع توسعه Api برای ثبت نام کاربر
بررسی استفاده یا عدم استفاده از Username برای کاربران قبلی
Hash کردن پسورد کاربر
ساخت توکن هنگام ثبت نام کاربر
ذخیره سازی توکن در کوکی های مرورگر به شکل HttpOnly
تعیین اولین کاربر به عنوان ادمین
ثبت نام کاربر از طریق فرم کلاینت
نمایش خطا های مناسب طبق Response
توسعه Api لاگین کاربر
وریفای پسورد و جنریت کردن توکن
اتصال فرم لاگین کلاینت به Api
وریفای توکن در داشبورد کاربر
نمایش اطلاعات کاربر وارد شده در داشبورد
توسعه GetMe Api
نمایش منو های سایدبار بر اساس role کاربر
انجام Route Protection در سرور
انجام Route Protection در کلاینت
مفهوم RBAC در احراز هویت کاربر
توسعه قابلیت Logout در نکست
سخن پایانی
معرفی فصل و پروژه
آماده سازی کانفیگ های اولیه
ایجاد Model تودوها
ایجاد Api برای ایجاد Todo
توسعه Api برای دریافت تودو های یک کاربر
ایجاد تودوی جدید برای کاربر از طریق فرم کلاینت
دریافت اطلاعات و تودو های کاربر لاگین شده
نمایش اطلاعات کاربر لاگین شده در پنل کاربری
نمایش تغییرات Todoها به شکل Realtime
توسعه Api برای حذف تودو توسط کاربر
حذف Todo توسط کاربر از طریق کلاینت
پیاده سازی Logout - سخن پایانی
معرفی پکیج Next-Auth
پیاده سازی کانفیگ های اولیه
ایجاد Credentials
توسعه قابلیت لاگین با Next-Auth
ذخیره سازی دیتا در Payload توکن
محافظت از Route از طریق Server
تعیین سطح دسترسی به شکل RBAC در پنل ادمین
توسعه قابلیت Logout با Next-Auth
نمایش لینک های سایدبار بر اساس role کاربر
محافظت از Route از طریق Client
محافظت از Apiها در سمت سرور - سخن پایانی
معرفی فصل
توسعه مدل Otp
خرید پنل پیامک
ایجاد Pattern در FarazSms
توسعه Api برای ارسال Sms
تعیین محدودیت زمانی در وارد کردن کد یکبار مصرف
ارسال کد ورود در قالب Sms از طریق فرم لاگین
نمایش نتیجه ارسال Sms به کاربر
توسعه Api برای وریفای کردن کد دریافتی از کاربر
دریافت کد ارسالی و وریفای آن موقع لاگین - سخن پایانی
معرفی فصل
پیاده سازی تقویم و Date Picker - سخن پایانی
استفاده از کامپوننت Image
ویژگی های دیگهای از کامپوننت Image
Prop های پیشرفته Image
استفاده از کامپوننت Head
استفاده از Head در صفحات Ssr
ست کردن کانفیگ های گلوبال Head در _app.js
آشنایی با فایل next.config.js - انواع ریدایرکت دیفالت
آشنایی با basePath
کانفیگ های env
ریدایرکت کاربر از طریق Server
ایجاد Module Path های کاستوم (Absolute Imports)
کاربرد فایل _document.js
پکیج React-toastify
پکیج React-hot-toast
پیاده سازی قابلیت Remember Me - تمرین
مفهوم رفرش توکن - تمرین
قابلیت Static Export نکست - سخن پایانی
پیاده سازی اطلاعات داینامیک مربوط به سئو در Next.js
معرفی Next-v13
آشنایی با App Router
پیاده سازی Dynamic Route
پیاده سازی Nested Route
استفاده از قابلیت Route Group
پیاده سازی Slug در App Router
کاربرد فایل layout.js
پیاده سازی Nested Layout
مفهوم Server Component و Client Component
اگه همه چی سمت سرور رندر میشه، پس Client Component چیه؟
کِی باید از کدوم استفاده کنیم؟ (کلاینت کامپوننت و سرور کامپوننت)
آشنایی با cache جدید نکست
بررسی نسخه SSG در نسخه build پروژه
پیاده سازی SSR در App Router
پیاده سازی ISR در App Router
پیاده سازی سرور کامپوننت و کلاینت کامپوننت به صورت Nested
چرا نباید layout رو Client Component کنیم؟
چرا بهتره Client Componentها رو در Leaf قرار بدیم؟
افزایش پرفورمنس پروژه با ارسال اصولی prop به Client Component
مفهوم Streaming Server Rendering
آشنایی با loading.js
loading.js دقیقا کجا Wrap میشه؟
layout چطور stateش رو حفظ میکنه؟
آشنایی با فایل template.js
Error Handling در Next.13
استفاده از متد generateStaticParams
توسعه بکاند با Next.13
نحوه دسترسی به Body رکوئست
استفاده از Dynamic Params در Api
پیاده سازی Search Params در Api
روش های کار با Cookieها
پیاده سازی Metadata
داینامیک سازی Metadata
استفاده از فونت های گوگل در Next.13
ریفکتور کردن Api ثبت نام
ریفکتور کردن Api لاگین کاربر
پیاده سازی صفحه تودوها
انتقال Client Componentها به leaf
توسعه صفحه لاگین
اتصال صفحه لاگین به بکاند
محدود کردن دسترسی کاربران به صفحه تودوها
توسعه Api ایجاد تودو
ایجاد Todo از طریق کلاینت
داینامیک کردن دیتاها بر اساس کاربر وارد شده
توسعه قابلیت Signout
ارسال اصولی props از سرور کامپوننت به کلاینت کامپوننت
Realtime کردن Todos - تمرین - سخن پایانی
رونمایی از پروژه نهایی
آماده سازی Folder Structure و نصب Dependencyها
آماده سازی کانفیگ های اولیه
توسعه Navbar پروژه
پیاده سازی بنر با Swiper
توسعه Metadata و موارد لازم برای سئو
توسعه تمپلیت آخزین محصولات با افکت Aos
توسعه سکشن پروموت مقالات
توسعه تمپلیت Footer
توسعه قابلیت Sticky بودن Navbar
توسعه Helper Function برای Scroll To Top
توسعه صفحه لاگین و ثبتنام
توسعه فرم دریافت کد Sms موقع لاگین و ثبتنام
توسعه صفحه فراموشی رمز عبور
پیاده سازی کانفیگ های دیتابیس و توسعه مدل User
توسعه Utility های احراز هویت کاربر
توسعه Api برای ثبتنام کاربر
اعتبارسنجی دیتا با RegEx
توسعه ثبتنام کاربر از طریق فرم ثبتنام
پیاده سازی ولیدیشن موقع ثبتنام کاربر در کلاینت
توسعه Api برای لاگین کاربر
اتصال فرم لاگین به بکاند
نمایش لینک های Navbar بر اساس احراز کاربر
توسعه صفحات About و 404
توسعه صفحه جزئیات محصول
توسعه Model برای محصولات و کامنتها
توسعه Api برای دریافت جزئیات محصولات
توسعه Api برای ثبت کامنت برای محصولات
اتصال صفحه جزئیات محصول به بکاند
داینامیک کردن امتیاز محصولات بر اساس کامنت های ثبت شده
ثبت کامنت از طریق کلاینت
پیاده سازی نمایش محصولات مرتبط
توسعه Model علاقه مندیها
نمایش لیست علاقه مندی های هر کاربر
بهینه سازی پروژه و افزایش سرعت لود
توسعه قابلیت افزودن به علاقهمندیها
بهینه سازی دیتابیس
توسعه صفحات قوانین و ارتباط با ما
قابلیت ارسال پیام توسط کاربر در صفحه تماس با ما
پیاده سازی نقشه با Leaflet
توسعه Layout پنل کاربری
نمایش فعالیت های کاربر در صفحه پیشخوان پنل
پیاده سازی Protection برای ورود به پنل کاربری
نمایش علاقه مندی های کاربر
دیباگ و بهینه سازی پروژه
توسعه قابلیت حذف محصول از علاقه مندیها
آشنایی با TurboPack
نمایش وضعیت کامنت های ثبت شده کاربر در پنل کاربری
توسعه قابلیت خروج از اکانت (Logout)
توسعه قابلیت تغییر اطلاعات اکانت توسط کاربر
توسعه Model تیکتها
توسعه Api برای ایجاد تیکت
نمایش دپارتمانها به صورت داینامیک
نمایش واحد های مربوطه برای ارسال تیکت
توسعه قابلیت ثبت تیکت
نمایش همه تیکت های ثبت شده کاربر
نمایش پاسخ های داده شده به تیکتها
الگوریتم ثبت و مدیریت تیکت و پاسخ تیکت
پیاده سازی ریزه کاری های پنل کاربری
مشخص کردن تیکت های پاسخ داده شده
توسعه پیشخوان پنل مدیریت
پیاده سازی آمار فروش و نرخ رشد به شکل نمودار با Recharts
توسعه قابلیت عدم دسترسی افراد عادی به پنل مدیریت
توسعه قابلیت خروج از اکانت
پیاده سازی صفحه مدیریت کاربران در پنل مدیریت
تغییر سطح دسترسی کاربران توسط مدیر
حذف کاربران توسط مدیر
بن کردن کاربران توسط مدیر
نمایش تیکت های ثبت شده در پنل مدیریت
قابلیت پاسخگویی به تیکتها توسط مدیر
مدیریت کامنت های ثبت شده برای محصولات توسط مدیر
تایید یا رد کردن کامنتها توسط مدیر
پیاده سازی Model تخفیف محصولات
توسعه Api برای ایجاد کد تخفیف توسط مدیر
نمایش کد های تخفیف ایجاد شده در پنل مدیریت
ایجاد کد تخفیف جدید توسط مدیر
پیاده سازی قابلیت سبد خرید
نمایش محصولات موجود در سبد خرید کاربر
استفاده از کد تخفیف توسط کاربر هنگام خرید محصول
اعمال درصد کد تخفیف روی مبلغ کل سبد خرید
مدیریت تعداد دفعات استفاده شده از کد تخفیف
ذخیره سازی اطلاعات کاربر در مرورگر جهت Ux بهتر موقع ثبت کامنت
ارسال کد یکبار مصرف به شکل Sms موقع ثبتنام و لاگین
توسعه Api برای وریفای Otp
ایجاد Access Token موقع لاگین با کد یکبار مصرف (Sms)
عدم دسترسی افراد عادی به Api های مهم پروژه
نمایش محصولات سایت در پنل مدیریت
نحوه پیاده سازی آپلودر در نکست
قابلیت آپلود عکس برای هر محصول
ایجاد محصول جدید توسط مدیر
نمایش پاسخِ داده شده به تیکت کاربر
پیاده سازی رفرش توکن
تسک هایی برای دانشجو - سخن پایانی
ثبت شناسه ایرنیک
خرید هاست Node.js
ایجاد Node.js App در هاست
دپلوی پروژه
ایجاد دیتابیس Mongodb روی هاست و اتصال پروژه به آن
اتصال از لوکال به دیتابیس سرور - سخن پایانی
بررسی قابلیت Turbopack
رفتار و ویژگی های فرم در مرورگر
آشنایی با Server Action
استفاده از دیتا های Closure در Server Action
استفاده از Server Action در Client Component
ارسال Parameter به Server Action
مدیریت Submit شدن فرم با هوک useFormStatus
آشنایی با revalidatePath
Reset کردن فرم
مدیریت نتیجه Submitting با هوک useFormState
استفاده از متد های نکست داخل Server Action - سخن پایانی
نصب و راه اندازی پروژه
استفاده از Typeها در Props
استفاده از Typeها در state
نقش تایپ اسکریپت در Api Route - سخن پایانی
توسعه و تست Open Gragh در Local
تست Open Graph بعد از دپلوی پروژه - سخن پایانی
کانفیگ ریداکس در Next
ایجاد Data در Store
دریافت و نمایش همه اطلاعات موجود در Store
حذف اطلاعات از Store - سخن پایانی
معرفی درگاه زرین پال - ایجاد Model پرداختها
دریافت لینک پرداخت با مبلغ مشخص از زرین پال
ذخیره اطلاعات پرداخت در دیتابیس
اعتبارسنجی نتیجه پرداخت کاربر
مکانیزم اصولی سبد خرید و پرداخت - تست درگاه پرداخت - سخن پایانی
ریفکتور پروژه به نکست 14 - سخن پایانی
پیش نیاز ها
پشتیبانی
این دوره مجهز به «سبزبات» ربات هوشمند مبتنی بر هوش مصنوعی است.
اگر در حین مشاهده جلسات دوره با سوال یا ابهامی مواجه شدید، میتوانید پرسش خود را از سبزبات بپرسید و در همان لحظه پاسخ دریافت کنید. در صورتی که نیاز به توضیح بیشتر یا پاسخ تخصصی مدرس داشتید، کافی است از سبزبات بخواهید تا سوال شما را به مدرس دوره ارجاع دهد تا مستقیماً توسط مدرس پاسخ داده شود.
نظرات
ارادت پارسا جان ❤️
سلام عزیز.
دوره فعلی نه. همه پروژهها با تیلویند نیستن. فقط پروژه آخری با تیلویند هست.
دوره در حال ضبط مجدد هست و تو نسخه جدید دوره همه پروژهها با تیلویند خواهند بود.
پیشنهاد میکنم اگه تو رودمپ به یادگیری نکست رسیدید با همین دوره فعلی شروع کنید تا دوره جدید برسه. وقتی دوره جدید اومد تو یک یا دو روز میتونید تغییرات رو یاد بگیرید. همچنین نسخه جدید دوره برای دانشجو های فعلی رایگان خواهد بود.
سلام عزیز.
این دوره در حال ضبط مجدد هست و تمام تلاشم رو میکنم که نسخه جدید دوره تا اواخر پاییز به طور کامل جایگزین دوره فعلی بشه.
حسین جان سلام.
ممنونم از لطفی که نسبت به بنده دارید.
راستش دوره های سبزلرن با تغییرات تکنولوژیها آپدیت (ضبط مجدد) میشن. مثل دوره های جاوا اسکریپت، متخصص ریاکت و ...
دوره متخصص نکست هم در حال ضبط مجدد هست و بزودی جایگزین دوره فعلی میشه.
البته اگه بخواید نکست یاد بگیرید میتونید با خیال راحت از دوره فعلی استفاده کنید و منتظر دوره جدید نباشید. اما به هر حال دوره در حال ضبط مجدد هست و بزودی ورژن جدید دوره میرسه خدمتتون 👌❤️
سلام عزیز.
بله همه دوره های سبزلرن آپدیت میشن و دسترسی به آپدیت جدید هر دوره برای دانشجویان اون دوره رایگان هست.
سلام عزیز.
لطف دارید. ارادتمندم.
خوشحالم که تونستم براتون مفید باشم.
پروژهتون رو که تکمیل کردید برام بفرستید بررسی کنم 👌❤️
سلام عزیز.
خوشحالم که دوره براتون مفید بوده.
راستش نه. نمیشه گفت آینده مال نکستجیاسه. واسه پروژه های بزرگ استفاده از تکنولوژی های مخصوص بکاند ارجحیت دارن به فریمورک نکست.
رضا جان سلام.
تو این دوره هم ورژن ۱۲ و ۱۳ تدریس شدن و هم تغییرات و ورژن های جدیدتر نکست.
برای یادگیری نکست با خیال راحت میتونید از دوره استفاده کنید و اگه با سوالی مواجه شدید تو قسمت پرسش و پاسخ دوره باهام در میون بذارید.
همچنین آپدیت این دوره تو برنامم هست و در آینده ضبط مجدد میشه. اما در این لحظه دوره کاملا اوکیه و میتونید یادگیری رو شروع کنید 👌❤️
سلام عزیز.
بله. نحوه توسعه فرانتاند به صورت Spa تو این دوره تدریس شده 👌❤️
البته به این موضوع هم توجه داشته باشید که پیشنیاز این دوره، دوره ریاکت هست.
فربد جان سلام.
نگران نباشید. طی استفاده از دوره و یادگیری Next.js هر ابزاری نیاز داشته باشید، تو قسمت پرسش و پاسخ دوره براتون ارسال میکنم تا مسیر یادگیریتون دچار اختلال نشه ❤️