telegram

توضیحات

nuxt.js (ناکست جی اس) چیست؟ nuxt.js که در حال حاضر بعد از مدت ها انتظار نسخه 3 آن منتشر شده، یک فریمورک جاوااسکریپتی هست که در سمت فرانت از فریمورک vue.js و در سمت بک اند از node.js استفاده کرده تا سایت های با قابلیت ssr (server-side rendering) که باعث افزایش performance و یا سرعت سایت و همچنین بهبود SEO هست را ایجاد کند. nuxt.js (ناکست جی اس) از بخش های زیر استفاده میکند.

JavaScript framework
ناکست برای انتخاب فریمورک جاوا اسکریپتی خود که reactivity و بصورت web components  باشه، vue.js را انتخاب و استفاده میکند.

Webpack and Vite
ناکست برای بخش bundler خود از vite و webpack استفاده میکند که vite بصورت پیش فرض انتخاب شده است.

Latest JavaScript syntax
ناکست برای transpiler با تبدیل کدهای ورژن جدیدتر جاوااسکریپت به ورژن قدیمی تر برای مرورگر های قدیمی از esbuild استفاده میکند.

Server side
ناکست برای بحث ssr (server-side rendering) و API routes از پکیج h3 استفاده میکند.

Routing library
ناکست برای routing در سمت فرانت و جابجای بین صفحات از پکیج vue-router استفاده میکند

پیشنهاد میکنم که اگه قصد دارید پروژه ای را با vue.js پیاده سازی کنید آن را با nuxt.js پیاده سازی کنید و از امکانات خیلی خوب آن استفاده کنید.

برای درک و آشنایی بیشتر با nuxt.js حتما ویدیو معرفی و همچنین قسمت های رایگان دوره را مشاهده کنید.

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

  • آشنایی با nuxt.js
  • ایجاد پروژه nuxt.js
  • rendering mode در next.js

routing

  • پوشه pages
  • navigation در nuxt
  • route های تو در تو (nested)
  • route های داینامیک (dynamic)
  • آشنایی با catch all routes
  • شخصی سازی صفحه ای error

تگ head و layout

  • تگ head در nuxt
  • پوشه ای layouts

component و composable

  • پوشه components
  • پوشه composables

state management

  • useState
  • pinia در nuxt

middleware و plugin

  • پوشه middleware
  • پوشه plugins

public و assets

  • پوشه public و nuxt-image
  • پوشه assets و فایل css و فونت
  • استفاده از sass
  • افزودن فریمورک bootstrap
  • افزودن فریمورک tailwindcss

data fetching و configuration

  • fetch$
  • useAsyncData
  • useFetch
  • configuration

server

  • پوشه server
  • متدهای http
  • middleware و plugin

احراز هویت (Token-Based Authentication)

  • آشنایی با Token-Based Authentication
  • توضیح و اجرای پروژه ای api
  • ایجاد پروژه nuxt و هدر
  • ایجاد صفحه ای register
  • register (عضویت کاربر) بخش اول
  • register (عضویت کاربر) بخش دوم
  • login (ورود کاربر)
  • logout (خروج کاربر)
  • صفحه ای پروفایل
  • بررسی احراز هویت کاربر
  • middleware برای احراز هویت
  • نمایش پست ها

احراز هویت (Cookie-Based Authentication)

  • آشنایی با Cookie-Based Authentication
  • register (عضویت کاربر)
  • login و logout کاربر
  • بررسی احراز هویت کاربر

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

javascript جاوا اسکریپت nodejs نود جی اس vuejs ویو جی اس vuex ویو ایکس nuxt.js ناکست جی اس nuxt.js v3 ناکست جی اس ورژن 3

مدرس دوره علی شیخ
مدت دوره 09:18:11
تعداد ویدیو 45
وضعیت دوره : کامل شده
قیمت دوره : 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 ساس

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

دوره های آموزشی
آموزش FlexBox پروژه محور
کامل شده

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

Flexbox ها کدهای جدید در CSS می باشند که توسط W۳C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها...

رایگان
01:57:13
آموزش ری اکت (React.js) پروژه محور
کامل شده
% 5 تخفیف

آموزش ری اکت (React.js) پروژه محور

ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری(user interfaces) برای اپلیکیشن های تک صفحه ای (single p...

399,000 379,000 تومان
16:08:35
آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)
کامل شده
% 10 تخفیف

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

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

799,000 719,000 تومان
36:41:55
آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور
کامل شده
% 5 تخفیف

آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور

Vuex یک کتابخانه مدیریت وضعیت است که مخصوص ایجاد اپلیکیشن‌های متوسط، پیچیده و بزرگ در Vue.js است. Vue.js یکی از فریم ور...

199,000 189,000 تومان
05:16:05

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

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

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      نیازی نیست که node را حرفه ای بلد باشید. من یک دوره رایگان node که توی سایت قرار دادم و کلا ۳ ساعت هست را پیشنهاد دادم و گفتم برای درک این دوره کمک میکنه

  • phpp

    سلام ستاد ما مثلا محصول جدیدی ایجاد میکنیم در پروژه یا محصولی رو ویرایش می کنیم بصورت واقعی در api ذخیره میشه؟

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      منظورتون از بصورت واقعی در api ذخیره میشه چیه؟!!
      شما یک api دارید که یکسری endpoint داره و با توجه به داکیومنتش شما براش دیتا ارسال یا دریافت میکنید، همین!!
      از طرفی توی دوره ای فروشگاهی ناکست ما پروژه پیاده سازی کردیم که میتوانید ویدیو معرفی دوره اش را مشاهده کنید.

  • phpp

    سلام استاد در دوره ناکست فروشگاهی از چه دیتابیسی برای ذخیره اطلاعات استفاده میکنید و از node js هم استفاده میشه

    • علی شیخ

      2 سال پیش

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

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      بله، چون شما سمت بک node.js را دارید. اما هدف و کار اصلیش فرانت هست.

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      توی دوره خیر، اما شما اگه تایپ اسکریپت را بلد باشید که دوره اش هم توی سایت هست. میتوانید در nuxt بدون هیچ کانفیگی استفاده کنید.

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      دو روش احراز هویت گفته میشه و دوره تمام میشه، توی توضیحات دوره هم نوشته شده!
      انشاا... تا آخر هفته توی سایت قرار میگیره

  • majidarmantaheri

    سلام استاد وقتتون بخیر،ممنون از دوره عالی ک دارین تهیه میکنین، خدا قوتتون بده، یه پیشنهاد داشتم خدمتتون، من بعد دیدن دوره های ویو و ویو ایکس و چند دوره دیگه ازتون، یه دوره طراحی فروشگاه اینترنتی با ویو دارم میبینم ک هم کد های هر دو طرف بک اند و فرانت اند رو داره، و تازه کلی از سوالات توی ذهنم داره جواب داده میشه -
    من به محض این ک دوره ای ک شروع کردم،تموم بشه تصمیم دارم اموزش ناکست شما رو تهیه کنم ،
    یه خواهش داشتم ازتون اگه مقدوره دوره بعدی ک یک پروژه هست و ک قراره برای ناکست تهیه کنین، هم کدهای سمت بکند باشه و هم فرانت وجود داشته باشه(حتی اگه کدهای سمت بکند رو توضیح ندادین) اینجور مثه یه پروژه واقعی میشه و تمام سوالات توی ذهنمون هم جواب داده میشه،
    مطمئنن همچین دوره ای ارزش پرداخت هزینه بیشتر برای تهیه ش رو داره - و کاربران متوجه ارزش همچین دوره ای هستن،
    لطف کنین یه دوره با پروژه ی قوی برای ناکست بسازین، بازم تشکر از اموزش های فوق العاده تون

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      توی این دوره به pagination اشاره میشه و توی دوره ساخت فروشگاه اینترنتی با nuxt هم بازم استفاده میشه

  • phpp

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

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      ببینید Nuxt یا فریمورک های اینچنینی برای پروژه های api base مناسب هستند که api دارند و قصد استفاده از api را دارید.

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      اگه منظورتون ویدیو معرفی دوره هست که زمانیکه وارد دوره میشید، زمانش درست هست و قسمت اول دوره نیست بلکه قسمت معرفی دوره هست.

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      در مورد بحث احراز هویت توکن از api دریافت میشه و توی cookie ذخیره
      نه اینکه توکن توی nuxt ایجاد بشه و از api استفاده کردیم.

    • علی شیخ

      2 سال پیش

      ببینید مهم درک شما هست. توی این دوره api به من یک توکن میده حالا به هر اسمی و تعدادی، من طبق داکیومنت api باید براش ارسال کنم حالا من ذخیره میکنم توی کوکی و توی در خواست های که نیاز داره براش ارسال میکنم. این مفهوم و درک را شما اگه بلد باشید طبق داکیومنت api مواردی که نیاز داره را شما براش ارسال میکنید.

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      توی ویدیو معرفی دوره هم عرض شد که دوره ساخت فروشگاه اینترنتی با ناکست بعد این دوره توی سایت قرار میگیره

  • Amir Mahdi Solgi

    سلام وقتتون بخیر،
    استاد می خواستم دوره رو تهیه کنم اما چند تا سوال داشتم . میخ واستم بدونم با vuetify و فریم ورک های UI مخصوص خود ویو که پیشرفته هم هستند ، کار شده در این دوره ؟
    با پلاگین Axios برای ارسال درخواست های مختلف کار کردین ؟ اگر کار نکردین، پس روشتون برای ارسال درخواست Post امن ، چه روشی هست ؟
    مباحثی مثل JWT Token هم آموزش داده شده و روش امن ورود و اینا چه روشی بوده ؟
    ممنون میشم پاسخ بدین

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      امکان استفاده از پکیج های vue مانند vuetify هست. اما توی دوره vuetify نصب نکردیم.
      در خصوص data fetching صحبت شده که ناکست از پکیج ofetch بجای axios استفاده میکنه
      در مورد احراز هویت هم صحبت شده به دو روش و نحوه ذخیره توکی در cookie
      توی ویدیو و معرفی دوره توضیحات داده شده
      موضوع مهم اینکه سطح دوره بالا هست و نیازه که پیش نیاز های دوره را کار، تمرین و درک کرده باشید