دوره Next.JS: راهنمای مبتدی (نسخه 2024)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- راهاندازی و پیکربندی یک پروژه NextJS
- توسعه یک وب اپلیکیشن کامل با استفاده از NextJS
- پیادهسازی رندر سمت سرور (SSR) و تولید سایت استاتیک (SSG)
- ایجاد مسیرهای پویا و استاتیک
- استفاده از APIها و میانافزارهای داخلی
- استقرار و بهینهسازی اپلیکیشن های NextJS
- بهبود سئو
- مدیریت استیت در یک اپلیکیشن NextJS
- ایجاد و استایل دهی کامپوننتها
- پیادهسازی احراز هویت و مجوز
- اتصال به سرویسها و پایگاههای داده Backend
توضیحات دوره
با دوره جامع Next.js ما، پتانسیل کامل توسعه وب مدرن را آزاد کنید. در ایجاد چندین پروژه دنیای واقعی غرق شوید، که هر کدام برای تقویت مفاهیم و تکنیکهای اساسی طراحی شدهاند.
این دوره، از اصول اولیه راهاندازی محیط توسعه گرفته تا استقرار برنامههای کاربردی بینقص و آماده برای تولید، همه چیز را پوشش میدهد.
شما سفری را در میان ویژگیهای قدرتمند Next.js آغاز خواهید کرد و یاد خواهید گرفت که چگونه برنامههایی بسازید که نه تنها سریع باشند، بلکه به دلیل معماری سازگار با سئو، رتبه خوبی نیز کسب کنند.
در این دوره، ما 2 برنامه کامل خواهیم ساخت.
- یک اپلیکیشن خبری فلش (فرانتاند)
- یک اپلیکیشن مدیریت قطعه کد (فرانتاند + بکاند)
نحوه پیادهسازی یکپارچه احراز هویت، اتصال به پایگاههای داده و ایجاد APIهای مقیاسپذیر که بتوانند نیازهای ترافیک سنگین را برطرف کنند، کشف خواهید کرد. فرمهای خود را با خیال راحت اعتبارسنجی کنید. کاری کنید که برنامه شما از چندین زبان پشتیبانی کند و موارد دیگر.
هر پروژه در این دوره فرصتی برای بهکارگیری آموختههای شما در یک زمینه عملی، و تضمین کسب تجربه عملی است.
ما با چالشهایی مانند احراز هویت کاربر، ادغام پایگاه داده، ایجاد API و بهینهسازی برای موتورهای جستجو مقابله خواهیم کرد.
در پایان این دوره، شما مهارتهای لازم برای ساخت برنامههایی را خواهید داشت که هم از نظر عملکرد و هم از نظر قابلیت نگهداری، عملکرد بالایی داشته باشند و درک عمیقی از نحوه استفاده از تمام پتانسیل Next.js داشته باشید. چه به دنبال ارتقاء مهارتهای فعلی خود باشید و چه به دنبال ساخت راهحلهای مقیاسپذیر برای وب، این دوره دروازه شما برای تبدیل شدن به یک توسعهدهنده ماهر Next.js است.
خلاصه دوره:
- اصول اولیه Next.JS
- رندر سمت سرور
- رندر سمت کلاینت
- تولید استاتیک افزایشی
- کامپوننتهای کلاینت
- کامپوننتهای سرور
- تولید استاتیک
- ساخت یک اپلیکیشن Front-end با Next.JS
- ساخت یک اپلیکیشن Full-Stack با Next.JS
- ساخت یک Rest API با Next.JS
- ایمنسازی اپلیکیشن با احراز هویت با Clerk
- راهاندازی و استفاده از پایگاه داده Supabase postgrsql
- ارتباط با پایگاه داده با استفاده از Prisma
- Zod برای ایمنسازی ورودیهای کاربر در فرمها و API
- فرم قلاب React برای مدیریت اعتبارسنجی فرمهای Front-end
- ایجاد یک REST API در Next.JS با Route handles
- اکشنهای سرور و اکشنهای فرم
- بینالمللیسازی کامل با next intl i18N
با هر ویدیو مرتبط با یک شاخه کد و مثل همیشه گام به گام و به روشی غیررسمی.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان React که به دنبال گسترش مجموعه مهارتهای خود برای گنجاندن NextJS برای بهبود عملکرد و سئو در پروژههای وب خود هستند.
- توسعهدهندگان فولاستک
- توسعهدهندگان فرانتاند
دوره Next.JS: راهنمای مبتدی (نسخه 2024)
-
الزامات 02:52
-
Next.JS 03:34
-
مرور سریع بر مفاهیم کلاینت/سرور 04:41
-
رندر سمت کلاینت 04:31
-
رندر سمت سرور 03:25
-
پیشنمایش 01:30
-
ایجاد پروژه Next.JS 08:43
-
پوشه App Router و پوشه Page Router 01:39
-
سیستم مسیریابی 05:09
-
فایل layout.tsx 06:57
-
ناوبری 10:10
-
آیتمهای ناوبری 10:17
-
تولید سایت استاتیک (SSG) 05:39
-
ناوبری و پارامترها 10:32
-
کامپوننتهای کلاینت 07:46
-
راهاندازی API با json-server 09:38
-
واکشی دادهها در سمت سرور 10:27
-
متغیرهای محیطی 05:44
-
کش و اعتبارسنجی مجدد 10:32
-
کامپوننت کارت 17:16
-
فهرست مقالات 07:34
-
fallback تصویر 07:35
-
فونتهای بهینهشده 04:45
-
متادیتا 02:37
-
مقالات بر اساس دستهبندی 07:35
-
تولید استاتیک برای بخشهای مسیر داینامیک 07:38
-
مدیریت بارگذاری با loading.tsx 05:28
-
مدیریت خطاهای صفحات با error.tsx 04:13
-
واکشی مقاله بر اساس عنوان 07:05
-
نمایش یک مقاله 11:08
-
صفحه 404 با not-found.tsx 08:12
-
الگوها با template.tsx 10:10
-
عدم تطابق هیدراتاسیون 07:49
-
کامپوننت ساعت 03:37
-
API اخبار رمزارز 07:05
-
کارت رمزارز 12:13
-
رفع جابجاییها 05:45
-
توضیح پخش دادهها 06:42
-
پخش دادهها با Suspense 11:47
-
یک وبسایت با امتیاز 100 از 100 در Lighthouse 05:19
-
مرور کلی پروژه 05:03
-
راهاندازی پروژه 06:35
-
درک همه بازیگران پروژه 04:51
-
کامپوننت هدر 04:07
-
احراز هویت - راهاندازی Clerk بخش 1 03:37
-
احراز هویت - middleware چیست / راهاندازی Clerk بخش 2 11:01
-
احراز هویت - صفحات سفارشی احراز هویت 10:02
-
احراز هویت - استایلدهی احراز هویت 10:50
-
احراز هویت - مدیریت حساب و خروج 02:22
-
دیتابیس - راهاندازی دیتابیس Supabase 06:21
-
دیتابیس - راهاندازی Prisma و مدلها 08:32
-
دیتابیس - دسترسی به دیتابیس با Prisma 08:08
-
API - مرور عملیات CRUD 01:45
-
API - ساخت اولین نقطه دسترسی عمومی API 11:03
-
API - پارامترهای Body و URI 12:52
-
API - پارامترهای Query 05:02
-
API - اعتبارسنجی با Zod 13:51
-
API - حفاظت احراز هویت 05:03
-
ناوبری 13:32
-
نوار جستجو و useRouter 15:29
-
کامپوننت کارت 15:30
-
نمایش پیام موقت (Toast) 01:29
-
فهرست قطعات کد 09:09
-
فهرست قطعات کد بر اساس تکنولوژی 02:04
-
فیلتر کردن فهرستها 07:19
-
دریافت یک قطعه کد یکتا 06:19
-
کامپوننت هایلایت کد 09:02
-
دکمههای عملیات 08:04
-
دیالوگ حذف 12:47
-
حذف: رفع مشکل رفرش 01:11
-
خلاصه معماری دریافت دادهها 05:15
-
ایجاد فرم 09:29
-
مبانی Hook Form 10:32
-
Hook Form با Zod 04:26
-
اعتبارسنجی Hook Form: ایجاد فرم قطعه کد 12:36
-
ارسال فرم 06:27
-
بهروزرسانی یک قطعه کد 14:40
-
راهاندازی next intl 15:11
-
ترجمه متون 10:06
-
ترجمه کامپوننتهای Clerk 03:22
-
تغییر زبان 06:25
-
مدیریت فرم تنها در سمت سرور 13:02
مشخصات آموزش
دوره Next.JS: راهنمای مبتدی (نسخه 2024)
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:82
- مدت زمان :10:30:34
- حجم :6.27GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy