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

پنل کاربری

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

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

دوره کدنویسی کامل NextJS & React

دوره کدنویسی کامل NextJS & React

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

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

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

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با نکست جی اس یاد می گیرید.

عنوان اصلی : Next.js & React - The Complete Guide

سرفصل ها :


شروع به کار:
به دوره خوش آمدید!
next.js چیست؟ و چرا از آن استفاده می کنید؟
کلید ویژگی: صفحه سمت سرور (پیش از آن) رندر
ویژگی کلیدی: مسیریابی مبتنی بر فایل
ویژگی کلیدی: ساخت کامل برنامه های واکنش نشان می دهد!
پیوستن به جامعه یادگیری ما!
ایجاد یک پروژه nextjs و راه اندازی IDE ما
تجزیه و تحلیل پروژه ایجاد شده
اولین نسخه ی نمایشی: Nextjs در عمل!
درباره این دوره و طرح درس
گرفتن این دوره: دو گزینه شما
نحوه استفاده بیشتر از این دوره
دانلود کد درس
منابع ماژول
اختیاری: REACT REFRESHER:
مقدمه ماژول
reactjs چیست؟
چرا Reactjs و اولین نسخه ی نمایشی
ساخت برنامه های تک صفحه (SPAS)
واکنش واکنش نشان می دهد
ایجاد یک پروژه واکنش جدید
تنظیم یک ویرایشگر کد
غواصی به پروژه ایجاد شده
چگونه کار و درک اجزاء را واکنش نشان می دهند
بیشتر کار اجزای سازنده و یک ظاهر طراحی شده با کلاسهای CSS
ساخت و ساز ساختمان و استفاده مجدد
انتقال داده ها با پروکسی و محتوای پویا
رویدادهای دست زدن
اضافه کردن اجزای بیشتر
معرفی دولت
کار با "رویدادهای پروکسی"
اضافه کردن مسیریابی
اضافه کردن لینک ها و ناوبری
سبکهای کامپوننت Scoping با ماژول های CSS
لیست خروجی داده ها و اجزای
اضافه کردن قطعات حتی بیشتر
ایجاد اجزای "Wrapper"
کار با فرم ها
دریافت ورودی کاربر و ارسال فرم ارسال
آماده سازی برنامه برای درخواست های HTTP و اضافه کردن یک backend
ارسال درخواست ارسال HTTP
مرورگر برنامه نویسی
شروع به کار با داده های جمع آوری شده
با استفاده از قلاب "USEFFECT"
معرفی Context React
به روز رسانی وضعیت بر اساس دولت قبلی
با استفاده از زمینه در اجزای سازنده
استفاده از متن بیشتر
خلاصه ماژول
منابع ماژول
صفحات و مسیریابی مبتنی بر فایل:
مقدمه ماژول
راه اندازی شروع ما
"مسیریابی مبتنی بر فایل" چیست؟ و چرا مفید است؟
اضافه کردن یک صفحه اول
اضافه کردن یک فایل مسیر / استاتیک
کار با مسیرهای توزیع شده و مسیرهای
اضافه کردن مسیرهای پویا و مسیرهای پویا
استخراج اطلاعات بخش پویا مسیر (مسیرهای پویا)
ساخت مسیرهای پویا پویا و مسیرهای پویا
اضافه کردن تمام مسیرها
مرور با مولفه "لینک"
رفتن به مسیرهای پویا
روش های مختلف تنظیم لینک hrefs
مرورگر برنامه نویسی
اضافه کردن یک صفحه سفارشی 404
خلاصه ماژول
منابع ماژول
زمان پروژه: کار با مسیریابی مبتنی بر فایل:
مقدمه ماژول
برنامه ریزی پروژه
تنظیم صفحات اصلی
اضافه کردن داده های ساختگی و فایل های استاتیک
اضافه کردن اجزای واکنش منظم
اضافه کردن اجزای واکنش بیشتر و اجزای اتصال
قطعات یکپارچه در پروژه های next.js
اضافه کردن دکمه ها و آیکون ها
اضافه کردن صفحه "جزئیات رویداد" (مسیر پویا)
اضافه کردن یک جزء تمیز کردن طرح کلی
کار بر روی صفحه "همه رویدادها"
اضافه کردن فرم فیلتر برای فیلتر کردن رویدادها
مرور به «رویدادهای فیلتر شده» صفحه اصلی
استخراج اطلاعات در صفحه گرفتن
مراحل نهایی
خلاصه ماژول
منابع ماژول
صفحه پیش رندر و داده ها:
مقدمه ماژول
مشکل با برنامه های React سنتی (و جمع آوری داده ها)
چگونه nextjs صفحات را آماده می کند و پیش نویس می شود
معرفی نسل استاتیک با "GetStaticProps"
nextjs پیش از ارائه به طور پیش فرض!
اضافه کردن "GetStaticProps" به صفحات
اجرای کد سرور و با استفاده از سیستم فایل
نگاهی به پشت صحنه
استفاده از نسل استاتیک افزایشی (ISR)
ISR: نگاهی به پشت صحنه ها
نگاهی دقیق تر به گزینه های GetStaticProps و پیکربندی
کار با پارامترهای پویا
معرفی "Getstatatatats" برای صفحات پویا
با استفاده از "getstatatatatss"
Prefetching & Link Getstatics: پشت صحنه
کار با صفحات Fallback
راه های بارگیری به صورت پویا
صفحات Fallback و صفحات "یافت نشد"
معرفی "GetServersideprops" برای رندر سمت سرور (SSR)
استفاده از "GetServersideprops" برای رندر سمت سرور
"GetServersideprops" و زمینه آن
صفحات پویا و "GetServersideprops"
"GetServersideprops": پشت صحنه
معرفی داده های مشتری در سمت چپ (و هنگامی که از آن استفاده کنید)
پیاده سازی داده های مشتری در سمت چپ
با استفاده از "Cook nextjs" استفاده کنید
ترکیبی از پیش از گرفتن با برداشت مشتری
خلاصه ماژول
منابع ماژول
زمان پروژه: صفحه پیش رندر و داده ها:
مقدمه ماژول
آماده سازی
اضافه کردن نسل استاتیک سایت (SSG) در صفحه اصلی
بارگذاری داده ها و مسیرهای پویا برای صفحات پویا
بهینه سازی داده ها
کار بر روی صفحه "همه رویدادها"
با استفاده از رندر سمت سرور (SSR)
اضافه کردن اطلاعات مشتری در سمت چپ
خلاصه ماژول
منابع ماژول
بهینه سازی برنامه های nextjs: