در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.
دسته بندی
دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

آموزش ساخت برنامه های مدرن با ترکیب Next.js و Node.js و React

34,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

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

ویدئو معرفی این محصول

در این دوره آموزشی یاد می گیرید که چطور Next.js را با React و Node.js ترکیب کرده و از ترکیب این سه برای ساخت برنامه های مدرن وب استفاده کنید.

عنوان اصلی : Complete Next.js with React & Node - Beautiful Portfolio App

سرفصل ها :


معرفی :
[تبلیغ]: ویدیوی معرفی
[اختیاری]: نحوه دریافت کمک
مبانی Next.js:
راه اندازی اولیه
پروژه از Github، سازگاری
اجزا چیست؟
JSX و صفحه جدید
پیمایش ساده و صفحات بیشتر
SPA در مقابل MPA
اجزای مشترک - هدر
React Props
چیدمان پایه
انواع استایل
توابع چرخه حیات
عملکرد فوق العاده
React State
پاسخ به تماس و توابع پیکان
برنامه ما چگونه کار می کند
SSR در مقابل CSR
قسمت 1 Initial Props را دریافت کنید
قسمت 2 Initial Props را دریافت کنید
واکشی پست ها از API
پیوندهای پویا + پرس و جو
صفحات پویا "به عنوان" Prop
راه اندازی پایه سرور
اصلاح مسیر پویا
توضیح سرور توسعه یافته
یادداشت کوچک برای ارائه سمت سرور
در حال پردازش..
دریافت نمونه کارها با شناسه
مسیرهای پویا با مسیرهای بعدی
رفع هشدار برای نمونه کارها
Projet را به Github فشار دهید
شکل پایه پورتفولیو:
ادغام بوت استرپ
فونت های سفارشی
پاکسازی برنامه + Css
یک ظاهر طراحی صفحه شاخص
کتابخانه Typed.js
ادغام هدر قسمت 1
ادغام هدر قسمت 2
کامپوننت صفحه پایه و لوازم پیش فرض
احراز هویت با Auth0:
دکمه های Auth Start، Login و Logout
ایجاد و سرویس برنامه Auth0
صفحه احراز هویت و تماس را کنترل کنید
صفحه برگشت به تماس و تغییر مسیر کاربر
Google Setup Auth0
ذخیره توکن ها در کوکی ها
نمایش/پنهان کردن دکمه های ورود
کوکی ها را از سرور / مشتری دریافت کنید
هدر را درباره احراز هویت اطلاع دهید
بهبود زمان انقضای توکن را تأیید کنید
Auth Debugging & Display User
JWKS امضای رمز را تأیید می کند
اشکال زدایی و توضیح JWKS
رفع رمز رمزگشایی شده!
صفحه محافظت شده مخفی
(HOC) اجزای سفارش بالا - شروع
withAuth HOC - getInitialProps
سرور نقطه پایان مخفی
بررسی JWT معرفی Middlewares
CheckJWT Real Middleware قسمت 1
CheckJWT Real Middleware قسمت 2
هدرهای Axios Auth
درخواست مجوز در Get Initial Props
نقش ها در Auth0
HOC برای بررسی یک نقش
مجوز نقش سمت سرور
ویژگی نمونه کارها:
سربرگ های مختلف
یک ظاهر طراحی کارت نمونه کارها
React Simple Form
انواع ورودی بیشتر
معرفی فرمیک
ورودی های خاص Formik
Formik + Bootstrap
کامپوننت جداگانه فرمیک
اعتبار سنجی فرم با Formik
مؤلفه انتخابگر تاریخ
انتخابگر تاریخ سبک
توضیح رویداد در مورد تغییر
اعتبارسنجی تاریخ
غیرفعال کردن تاریخ پایان
تغییرات استایل نمونه کارها + Refactor کوچک
تغییرات پایگاه داده
معرفی MongoDB
پوشه پیکربندی Dev.js
مدل کتاب + مسیر پست
کتاب‌ها بیشتر نقاط پایانی
کتاب مسیرها و کنترلرها
مدل نمونه کارها
کنترلرها و مسیرها
به روز رسانی نمونه کارها و حذف نقطه پایانی
نمونه کارها را در سمت مشتری دریافت کنید
نمونه کارها را از برنامه مشتری ایجاد کنید
رسیدگی به خطا در فرم ایجاد
تصحیح اعتبارسنجی + تغییر مسیر
صفحه به روز رسانی نمونه کارها، نمونه کارها را بر اساس شناسه دریافت کنید
مقادیر اولیه در فرم نمونه کارها
به روز رسانی نمونه کارها در مشتری
تست عملکرد به روز رسانی
ناوبری دکمه های رابط کاربری
پنهان کردن دکمه‌ها برای کاربرانی که وارد نشده‌اند
مشتری نمونه کارها را حذف کنید
معرفی نمونه کارها
Modal را با داده های نمونه کارها پر کنید
توقف انتشار با کلیک
مرتب سازی تاریخ و پنهان کردن رفع تاریخ اولیه
ویژگی وبلاگ - ویرایشگر Slate:
لیست وبلاگ
رفع دکمه ورود فهرست وبلاگ
معرفی ویرایشگر Slate
رویداد Handler در Slate
تخته سنگ بلوک های سفارشی
تخته سنگ علامت های سفارشی
نشانگر شروع منو
منوی نشانگر اشکال زدایی
دکمه های بلوک منو را نگه دارید
اشکال زدایی قالب بندی بلوک
بهبود استایل ویرایشگر
ویژگی های پیشرفته وبلاگ:
مدل وبلاگ
رفع تاریخ در مدل
پست وبلاگ Endopoint
دریافت Blog By Id Endpoint
منوی کنترل
ذخیره وبلاگ قسمت 1
ذخیره وبلاگ قسمت 2
ذخیره وبلاگ قسمت 3
Serialise & Deserialise مقدمه
اصلاح قوانین سریال
سریال به HTML
ذخیره عمل وبلاگ
هنگام ذخیره، دکمه Save را غیرفعال کنید
صفحه به روز رسانی ویرایشگر وبلاگ
مقدار اولیه برای صفحه ویرایشگر وبلاگ
پس از ذخیره تغییر مسیر دهید
ذخیره وبلاگ - درخواست را قفل کنید
سرور وبلاگ را به روز کنید
کلاینت وبلاگ را به روز کنید
ذخیره میانبر وبلاگ
پیام های توستر وبلاگ
صفحه داشبورد وبلاگ های کاربر
دریافت وبلاگ های خاص کاربر
نمایش وبلاگ های کاربران
منوی کشویی برای شروع وبلاگ
گزینه های پویا برای منوی کشویی
کنترل کننده های کشویی
درباره Slug بیاموزید
انتشار پیش نویس وبلاگ ها
حذف و دریافت وبلاگ های منتشر شده در سرور
حذف وبلاگ از برنامه
دریافت و نمایش وبلاگ های منتشر شده
جزئیات صفحه وبلاگ - دریافت صفحه توسط اسلاگ
جزئیات صفحه وبلاگ کامل شد
خلاصه بخش 1
خلاصه بخش 2
بهبود کاربری صفحه:
درباره صفحه
کارت برگردان قسمت 1
Flipping Card قسمت 2
کارت برگردان قسمت 3
لینک فعال قسمت 1
لینک فعال قسمت 2
وبلاگ های کشویی برای صاحب سایت
رفع سبک وبلاگ های کشویی
تنظیم فاصله زمانی انیمیشن رفع
رفع منوی کشویی در صفحه نمایش های کوچکتر
ارتفاع تصویر در صفحات کوچکتر
صفحه رزومه
بهبود سئو:
توضیح عنوان
توضیحات را فراموش نکنید
نمودار را باز کنید
ربات ها
Cannonical & H1 & Alt
فاویکون
برای استقرار آماده شوید:
تغییرات کوچک پیش از استقرار
تنظیم متغیرهای محیطی
تنظیم فضای نام
تنظیم تولید Mongo DB & Auth0
اولین استقرار
بهبود عملکرد - تصاویر و JS
CSS را بهینه کنید
بارگذاری فونت ها در Client
استقرار و تست پس از فونت
فونت‌های Google & Deploy
استقرار و آزمایش نهایی
تصحیح عنوان سرصفحه
کلمات پایانی

نمایش سرفصل های انگلیسی

Complete Next.js with React & Node - Beautiful Portfolio App