telegram

توضیحات

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

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

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

دوستان دقت کنید: این دوره آپدیت شده و آموزش کتابخانه pinia.js که به عنوان، کتابخانه مدیریت وضعیت بصورت پیش فرض در vue.js معرفی شده است هم به دوره اضافه شده که مفهوم و کانسپت آن مانند vuex هست و حتی ساده تر از vuex اما به دلیل اینکه vuex قدیمی تر است و ممکنه توی یک شرکت یا پروژه ای که کار میکنید از vuex استفاده شده باشد، نیاز هست که با vuex آشنا باشید از طرفی آشنایی با vuex برای درک بهتر pinia به شما کمک میکند.

برای آشنایی از مباحث و پروژه های این دوره حتما ویدیو معرفی دوره را مشاهده کنید.

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

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

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

javascript جاوا اسکریپت جاوااسکریپت vuejs ویو جی اس vuex ویو ایکس pinia pinia.js پی نیا جی اس

مدرس دوره علی شیخ
مدت دوره 05:16:05
تعداد ویدیو 32
وضعیت دوره : کامل شده
قیمت دوره : 199,000 189,000 تومان
% 5 تخفیف
ابتدا وارد سایت شوید
دسته بندی دوره ها
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 ساس

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

دوره های آموزشی
آموزش بوت استرپ 5 (Bootstrap) پروژه محور
کامل شده

آموزش بوت استرپ 5 (Bootstrap) پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان
12:08:39
آموزش آلپاین (alpine.js) پروژه محور
کامل شده
% 5 تخفیف

آموزش آلپاین (alpine.js) پروژه محور

alpine.js یک فریمورک جاوااسکریپت است که میتواند جایگزین بسیار مناسب برای جی کوئری باشد. alpine.js به صورت رسمی برای فریم...

349,000 331,000 تومان
06:52:21
آموزش Javascript پروژه محور
کامل شده

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

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

رایگان
06:09:03
آموزش رایگان css grid (سی اس اس گرید) پروژه محور
کامل شده

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

بعد از فلکس باکس ماژول دیگری نیز برای صفحه آرایی معرفی شد به نام CSS Grid که باعث شد تا قدرت ما در صفحه آرایی بیشتر شود...

رایگان
05:06:22

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

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

  • Ali Ebi

    سلام خدمت استاد گرامی آقای شیخ
    خیلی ممنون از دوره های خوب شما

    بنده از pinia داخل پروژه ناکست خودم استفاده میکنم ولی متاسفانه یه مشکلی هست!! بنده با استفاده از fetch$ اقدام به دریافت دیتا در pinia میکنم و بعد همین دیتا رو در index.vue دریافت میکنم و همه چیز به خوبی اجرا میشه و سمت کلاینت هم اطلاعات رو میبینم ولی وقتی روی گزینه viewPageSource میزنم متاسفانه
    هیچکدوم از دیتاها رو نمیبینم و این موضوع برای seo خیلی بده...
    نکته عجیب اینجاست که وقتی از fetch$ بصورت مستقیم بدون pinia داخل index.vue استفاده میکنم تمام دیتا رو در viewPageSource میبینم!!!
    مشکل انگار از pinia هست!!
    بنده دقیقا همونجوری که گفتید از pinia دارم استفاده میکنم ولی نمیدونم مشکل کجاست؟؟!!

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      ممنون از شما، ببینید این پکیچ برای مدیریت state ها در سمت فرانت هست و دلیلش هم همینه و شما بصورت کلی دیتا های که نیاز هست سمت سرور رندر و ارسال بشه را باید بصورت ssr در نظر بگیرید مخصوصا صفحاتی که توی سرچ گوگل قرار باشه ولی خب اطلاعاتی مثله سبد خرید نیاز به این مورد نداره

    • علی شیخ

      2 سال پیش

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

  • majidarmantaheri

    سلام استاد عزیز،
    ما همچنان منتظر دوره ناکست هستیم ، کی شروع میشه انشا الله؟
    توی سایت ک نگاه کردم دیگه کلمه بتا برای ناکست نیست انگاری

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      بله نسخه stable آمده و در تلاشیم که زودتر محتواش را آماده و توی وبسایت قرار بدیم.

  • mmizanpoor

    سلام استاد ،یک فرم برای ثبت مشخصات محصول برای ثبت در دیتابیس از طریق vuex ارسال می کنیم ولی چون تصویر رو هم می خواهیم ارسال کنیم که در یک مسیر ذخیره اش کنیم باید با استفاده از formdata ارسال کنیم که formdata خالی ارسال میشه ؟اما اگه یه دستور مثل `(var key in formdata)for` بزنیم ولاگ بگیریم میبینیم که پر می باشد.اگه امکانش هست یه راهنمایی بفرمائید ممنون میشم

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      شما برای تست api میتوانید یک پروژه معمولی ایجاد و با js در خواست بزنید به سرور api، باید چک کنید که api به درستی کار میکنه و در قدم بعدی داکیومنت formdata را مطالعه کنید و تست کنید.

  • yasin siadat

    سلام آقای شیخ وقتتون بخیر
    ببخشید یه سوال داشتم اینکه دو تا گروه چک باکس دارم و میخوام اگر چک باکس های ۱و۲و۳ تز گروه اول تیک خوردن چک باکس اول از گروه دوم تیک بخوره
    شما راه حل یا مثالی دارید؟

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      کافیه شرط براش قرار بدید، که مثلا اون سه تا model مقدارش true بود بیاد model چک باکس مورد نظر شما را true کنه
      با توجه به اینکه توی دوره vuex سوال پرسیدید و احتمالا از vue استفاده میکنید.

    • علی شیخ

      2 سال پیش

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

  • Amir Hossein Bagherian

    سلام استاد
    توی داکیومنت ها می خوندم که Vuex دیگه توسعه داده نمی شه و باید از pinia استفاده کنیم
    بنظرتون چیکار باید کرد؟

    یه موضوع دیگه من میخوام jwt توکن را از بکند بگیرم و همراه هر درخواست بفرستم سمت سرور، ممنون میشم این موضوع را هم راهنمایی کنید

    • علی شیخ

      3 سال پیش

      سلام وقت بخیر.
      بله، توسعه vuex دیگه روی pinia هست و اگه با vuex آشنا باشید خیلی ساده میتونید با pinia آشنا بشید هر چند الان استفاده از vuex 4 مشکلی نداره اما در کل میتونید با pinia آشنا بشید و ازش توی پروژه استفاده کنید.
      در مورد سوال دوم شما، سخته توضیحش اینجا و من نمیدونم شما چقد مسلط هستید بر جاوااسکریپت و بحث API، توصیه میکنم سرچ کنید و مقالات مورد نظر را مطالعه کنید.

    • علی شیخ

      3 سال پیش

      سلام وقت بخیر.
      ممنون از شما، اما شما این دوره را از ما تهیه نکردید، ممنون میشم برای حمایت از ما، از سایت دوره ها را تهیه کنید.

    • علی شیخ

      3 سال پیش

      سلام وقت بخیر.
      ممنون از شما?
      این دوره بر اساس ورژن ۴ هست و کلیات کار مانند ورژن ۳ هست، خیلی تفاوتی نداره بازم میتونید داکیومنتش را مطالعه کنید.

  • mahin

    سلام استاد
    من با api واقعی کار میکنم و آدرسش رو قراردادم تو دستور ولی چیزی برام برنمیگردونه امکانش هست راهنماییم کنید

    • علی شیخ

      3 سال پیش

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

    • mahin

      3 سال پیش

      ممنون از راهنماییتون .استاد در واقع میخوام یه صفحه لاگین ساده ایجاد کنم و با api واقعی این کار رو انجام بدم.توی مصاحبه اینو ازم خواستن.اگه امکانش باشه یه قطعه کد قرار بدین ممنونتون میشم بی نهایت تا من با نحوه کار آشنا بشم .
      لینک API: http://tip.bp1.ir/test/api.html

    • علی شیخ

      3 سال پیش

      سلام وقت بخیر.
      به چه آدرسی باید درخواست بزنید؟
      توی دوره async js در مورد ارسال درخواست به سرور صحبت شده که پیش نیاز این دوره هست، هر چند بیشتر دوستان پیش نیاز ها براشون مهم نیست و قصد یادگیری ندارند. به هر حال، آدرس api که توی سورس کد این لینکی که فرستادید، این http://tip.bp1.ir/api/api/API بود و مثال درخواست اگه از fetch استفاده میکنید به این شکل هست : 

      fetch("http://tip.bp1.ir/api/api/API", {

            method: "POST",

            headers: {

              "Content-Type": "application/json",

            },

            body: JSON.stringify({ "FN": "User_Token_Request", "UserType": "S", "Username": "Meghdad.Shakiba@gmail.com", "Password": "24681" }),

          })

            .then((response) => response.json())

            .then((data) => {

              console.log("Success:", data);

            })

            .catch((error) => {

              console.error("Error:", error);

            });

      اما از طرف سرور ارور میده
      {"Result":-1,"Message":"Exception in server.","TimeOut":-1}

  • Ashkan Kiani

    بدون شک یکی از اساتید خیلی خوب با تدریس عالی و فن بیان قوی و استاندارد با هدف آموزش و یادگیری تدریس میکنه، بدون هرگونه اضافه کاری شما هستید. واقعا هر دوره ای از شما دیدم عالی بودید. دوره Vue و vuex شما جز کامل ترین ها بود.
    من دوره های راکت و... رو هم دیدم ولی سطح آموزشی شما بالاتر و باکیفیت تر است.

    • علی شیخ

      3 سال پیش

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

  • Mahsa Banar

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