توضیحات

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

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

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

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

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

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

آموزش رایگان vue.js 3 پروژه محور


javascript جاوا اسکریپت جاوااسکریپت vuejs ویو جی اس vuex ویو ایکس

مدرس دوره علی شیخ
مدت دوره 05:16:05
تعداد ویدیو 32

وضعیت دوره : کامل شده
قیمت دوره : 129,000 تومان

%20 تخفیف ویژه تابستان

از 04 تا 10 تیر ماه
کد تخفیف : summer1401

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

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

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

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

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

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

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

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

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

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

    • سلام وقت بخیر.
      به چه آدرسی باید درخواست بزنید؟
      توی دوره 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}

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

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

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

    • سلام وقت بخیر.
      خیر، localstorage کلا سه تا تابع اصلی داره و همجا هم میتونید صداش بزنید، ساده تر از این؟

  • سلام و تشکر از دوره خوب و مفیدتون
    نقطه قوت دوره هاتون اینه ویدیو ها رو خیلی طول نمیدین که آدم دل زده و خسته بشه.
    کاش آموزش ساخت آپلودر در ویو-ایکس با php هم شرح میدادین.
    بیصبرانه منتظر دوره ناکست ۳ هستم .
    والبته پروژه های پیچیده تر از ویو و ویو ایکس.

  • سلام واقعا متشکرم از اموزش هاتون خیلی خوب شمرده و کامل اموزش میدید
    اگر این امکان بود که گواهی پایان دوره هم ارائه بشه برای رزومه خیلی خوب بود
    و اینکه به شدت منتظر دوره ی react / redux شما هستم اگر دوره زود تر استارت کنید خیلی خوب میشه 3>

    • سلام وقت بخیر.
      انشاا... توی دوره nuxt پروژه خوبی قرار میدیم، هر چند شما الان هم میتونید اینکارو انجام بدید، در خواست به سرور ارسال میکنید و اطلاعات کاربر را توی localstorge ذخیره کنید، مثله سبد خرید که توی دوره گفته شده

  • سلام استاد عزیز . اول میخواستم تشکر کنم بابت دوره های vue که قرار دادین و یه درخواستی داشتم اینکه پروژه های بیشتری رو برای این دوره یا دوره vue.js قرار بدین که ما بتونیم تو رزوممون برای بحث استخدام قرار بدیم و مورد بعدی اینکه فک میکنین دوره nuxt کی اماده بشه؟

    • سلام وقت بخیر.
      ممنون از شما
      انشاا... یک پروژه خوب توی دوره nuxt.js قرار میدیم. باید صبر کنیم ورژن ۳ nuxt بیاد.

  • سلام استاد
    من یه کارد دارم از v-for استفاده کردم الان میخوام از متد mousehover استفاده کنم ولی رخداد برای کارد ها همزمان اجرا میشه چطور میشه کاری کرد فقط برای اون کارد که hover شده اعمال بشه ؟

    • سلام وقت بخیر.
      ببیند ما توی این دوره زیاد از v-for استفاده کریم و داخلش event های دیگه مثله click را داشتیم.تو مثال شما زمانی که event مورد نظر روی هر کاردی اتفاق بیفته، تابع مورد نظر شما صدا زده میشه اینکه میفرماید رخداد برای کارد ها همزمان اجرا میشه را متوجه نشدم

    • من یه div ایجاد کردم در حالت هاید میخوام موقعی که موس میره روی یه ایتم اون دایو روی اون ایتم فقط نشون داده بشه ولی الان روی همه نشون میده

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

    • ببینید، شما هر دفعه دارید یک تابع تکراری را صدا میزنید، خب مشخصه هر وقت صداش بزنی همون کارو میکنه، مگر اینکه ارگومان ارسال کنید مثلا id و با توجه به اون بیاید و اون div مورد نظر را نشان بدید.

    • استاد انجام دادم مشکل این بود از composition api استفاده میکردم با دیتا خیلی راحت انجام شد

    • سلام وقت بخیر.
      خیر، دوره اش خاص هست.اگه درخواست زیاد باشه توی برنامه قرار میدیم.