telegram

توضیحات

next.js (نکست جی اس) چیست؟ next.js یکی از فریمورک های کتابخانه react.js هست. فریم ورکی که از react استفاده می کند و تمام برنامه شما (سمت سرور و سمت کلاینت) را برایتان می سازد. این فریم ورک قابلیت های بسیار بیشتری را نسبت به react به شما می دهد در next.js هنوز هم کد react می نویسیم اما با قابلیت های بسیار زیادی که نکست جی اس در اختیار ما قرار میده

پیشنهاد میکنم که اگه قصد دارید پروژه ای را با react.js پیاده سازی کنید آن را با next.js پیاده سازی کنید.

 برای درک و آشنایی بیشتر با next.js حتما ویدیو معرفی و همچنین قسمت های رایگان دوره را مشاهده کنید. این دوره بر اساس آخرین ورژن نکست جی اس یعنی 14 کامل بازتولید شده

همچنین دوره آموزش ساخت فروشگاه اینترنتی با نکست هم توی وب سایت قرار گرفت که بعد از گذراندن این دوره میتوانید مشاهده کنید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با next.js

  • آشنایی با next.js
  • ایجاد پروژه next.js
  • آشنایی با فولدرها و فایل های پروژه next.js

مبحث routing

  • آشنایی با سیستم routing
  • آشنایی با layout
  • کامپوننت Link
  • آشنایی با templates
  • آشنایی با metadata
  • آشنایی با هوک usePathname, useRouter, useSearchParams
  • آشنایی با route groups و dynamic routes
  • آشنایی با loading ui و فایل error.js

 styling در next.js

  • global style
  • css modules
  • css-in-js
  • استفاده از sass
  • افزودن فریمورک bootstrap
  • افزودن فریمورک tailwindcss

کامپوننت های Font و Script و Image

  • آشنایی با کامپوننت Font برای افزودن فونت از گوگل و فونت شخصی
  • کامپوننت Script
  • کامپوننت Image

pre-rendering و data fetching

  • آشنایی با pre-rendering
  • سرور و کلاینت کامپوننت ها (server, client components)
  • آشنایی با پکیج json-server
  • data fetching در سرور و کلاینت کامپوننت
  • آشنایی با caching و revalidating
  • آشنایی با server actions
  • آشنایی با useFormStatus و useFormState

مبحث parallel, Intercepting routes

  • آشنایی با parallel routes
  • آشنایی با Intercepting routes
  • مثال از parallel, Intercepting routes

مبحث route handler و middleware

  • آشنایی با route handler
  • استفاده از cookies , headers , request body
  • آشنایی با middleware

Authentication یا احراز هویت

  • آشنایی با Token-Based Authentication
  • توضیح و اجرای پروژه api
  • ایجاد هدر پروژه
  • ایجاد صفحه register و استفاده از پکیج react-toastify
  • register یا عضویت کاربر
  • login یا ورود کاربر و ذخیره توکن در cookie
  • ایجاد authentication context
  • بررسی احراز هویت کاربر
  • logout یا خروج کاربر
  • نمایش پست های پروژه و middleware

 

دوره پیشنهادی، بعد از گذراندن این دوره :

پیش نیاز این دوره :

طراحی وب javascript جاوااسکریپت react ری اکت next.js نکست جی اس next.js v12 next.js v13 نکست جی اس ورژن 12 نکست جی اس ورژن 13 نکست جی اس ورژن 14 next.js v14

مدرس دوره علی شیخ
مدت دوره 24:41:33
تعداد ویدیو 128
وضعیت دوره : کامل شده
قیمت دوره : 599,000 539,000 تومان
% 10 تخفیف
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پیشنهادی

دوره های آموزشی
آموزش رایگان sass (ساس) پروژه محور
کامل شده

آموزش رایگان sass (ساس) پروژه محور

sass (ساس) مخفف کلمات Syntactically Awesome Stylesheets است. sass را می توان به عنوان یک پیش پردازنده برای css در نظر گر...

رایگان
04:46:01
آموزش Bootstrap 4 در دنیای واقعی
کامل شده

آموزش Bootstrap 4 در دنیای واقعی

آموزش Bootstrap 4 در دنیای واقعی به همراه ۹ پروژه واقعی.بعد از مشاهده دوره Bootstrap 4 نیاز هست که شما دوستان عزیز ‌Boot...

99,000 تومان
05:59:50
آموزش Javascript پروژه محور
کامل شده

آموزش Javascript پروژه محور

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان
06:09:03
آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)
کامل شده
% 10 تخفیف

آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)

بعد از دوره آموزش ناکست (nuxt.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربرد...

799,000 719,000 تومان
18:59:37

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • marcel

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

    • علی شیخ

      3 سال پیش

      سلام وقت بخیر.
      درمورد دوره و مواردی که توی دوره صحبت میشه در ویدیو معرفی دوره صحبت کردیم، حتما مشاهده کنید جواب سوالتون هم هست