توضیحات

فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014 به عنوان یک فریم ورک متن باز معرفی شد و طی سال های اخیر استفاده از آن به شدت رو به رشد بوده است.

از Vue js برای ساخت و طراحی رابط کاربری نرم افزار ها و اپلیکیشن های تحت وب و موبایل استفاده می شود. همچنین میتوانید وب سایتی پیاده کنید که تک صفحه ای ( اصطلاحا spa یا single page application ) باشد.

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

به عنوان یک فریمورک مدرن  Vue.js می‌تواند نیازهای متفاوتی را برآورده کند. این فریمورک برای داشتن کارایی بهتر از یک DOM مجازی استفاده می‌کند. (DOM مجازی، حالتی مفهومی و البته انتزاعی از یک DOM واقعی است). اهمیت این ماجرا در این است که فریمورک با استفاده از چنین تکنیکی سبک‌تر و در نهایت برای اجرا سریع‌تر می‌شود.

یکی از مهیج‌ترین موارد در  Vue.js این است که از رویکردی مبتنی بر کامپوننت برای ساخت اپلیکیشن های تحت وب استفاده می کند. این رویکرد شامل یک فایل از کامپوننت‌هاست که می‌تواند مستقل از کل پروژه باشد، نکته مهم این است که شما می‌توانید از آن چندین بار استفاده کنید و فرایند توسعه‌تان را سرعت ببخشید. این ابزار به شما کمک می‌کند که به بهترین شکل ممکن بتوانید کارهای‌تان را انجام دهید.

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

 

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

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


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

مدرس دوره علی شیخ
مدت دوره 11:05:31
تعداد ویدیو 69

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

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

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

  • سلام استاد.
    من الفبای Vue رو یاد گرفتم و یه چنتا مینی پروژه : اپ وضعیت آب و هوا - عملیات Crud -
    Todo list باهاش ایجاد کردم.
    ولی الان میبینم دوره ی پروژه محور فارسی که کامل باشه یا پروژه های کاربردی با Vue رو آموزش بده اصلا وجود نداره...دوره ای که مثلا سبد خرید و اسلایدر آموزش بده یا یه سایتو کامل با ویو بیاره بالا...الان بنظرتون برای من راهی برای بیشتر یاد گرفتن و تسلط روی این زبان هست یا برم ری اکت یاد بگیرم که کلی دوره ی فارسی واسش وجود داره؟

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

  • سلام جناب شیخ اولا ممنون بابت تدریس خوبتون ....
    یک سوال داشتم اونم اینکه مثلا اگر ما یک سایت 100 صفحه ای داشتیم یعنی باید 100 تا فایل component داشته باشیم برای هر صفحه یکی؟؟؟

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

  • سلام بر آقای شیخ عزیز
    در ابتدا جا داره از زحماتتون تشکر کنم
    یک سوالی برای من تو این دوره پیش اومده و اونم اینکه توی پروژه های SPA حالا چه CSR و چه SSR وظیفه ارائه سایت مپ به عهده بخش فرانت هستش یا بک اند؟ اگر با فرانته چطور میشه در vue سایت مپ ساخت؟

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

  • سلام استاد...یه سوال
    من الان Html و Css و در حد خوبی بلدم و شاید بشه گفت سطح پیشرفته...جاوا اسکریپت رو هم بلدم و همینطور Api رو که با Axios کار میکنم...چند هفته ای میشه که Vue رو هم یاد گرفتم و پروژه ی همین دوره که عملیات Crud هست رو باهاش پیاده سازی کردم.
    به نظر شما من الان آماده ی ورود به بازار کار هستم؟
    اگه این پروژه و چند تا از طراحی سایت هام رو برای شرکت ها بفرستم به عنوان کارآموز استخدام میشم؟

    • سلام وقت بخیر.
      همانطور که فرمودید چندین نمونه کار با طرح های مختلف پیاده سازی کنید از طرفی پیشنهاد میشه حتما با فریمورکش یعنی nuxt.js هم آشنا بشید که دوره هاش داخل سایت هست و کار آموزی در شرکت ها بشدت توی تجربه و مهارت شما کمک میکنه

    • ممنون استاد
      ولی قصد یادگیری nuxt رو ندارم...طراحی سایت هم نمونه کار دارم چند تایی...حالا بنظر شما این موارد برای استخدام شدن به عنوان کارآموز و سپس استخدام رسمی کافیه؟
      html
      css
      js
      api
      vue

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

  • عرض سلام و خسته نباشید من سوالم متفاوتی داشتم
    خواستم ببینم این دوره برای کسی که react رو کامل یادگرفته مناسبه یا نه چون توی
    شرکت نیاز به این فریم ورک هست و ازونور هم محدودیت زمانی داریم
    حالا سوال اینع که توی این دوره میشه مقدمات و اون نیازمندی های اصلی رو یاد گرفت یا خیر
    باتشکر

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

  • و استاد یک پیشنهاد برای ارتقای کیفیت دوره...چون در غالب پروژه ها استفاده ازآیکون ها اجتناب ناپذیره طبیعتا برای بسیاری از مخاطبین این دوره سوال پیش اومده که چطور در Vue از آیکون ها استفاده کنیم...به نظرم اگر تمایل داشتین این مورد رو هم به بروز رسانی دوره اضافه کنید تا دوره از اینی که هست فوق العاده تر بشه.
    صرفا خواستم پیشنهادی داده باشم که شاید بنظرتون مفید باشه.

    • سلام وقت بخیر.
      آیکون که یا فایل css هست یا فرمت svg که به پروژه اضافه میشه مثله فایل css و موارد مختلف دیگه کعمه اضافه شده و مربوط میشه به دوره رایگان html و css که پیش نیاز این دوره هست.

    • من از کامپوننت آیکون ها در main.js و نصب npm مربوط به آیکون ها استفاده کردم و فکر کردم این کار توی Vue ضروریه

      import { library } from '@fortawesome/fontawesome-svg-core';
      import { faWarning } from '@fortawesome/free-solid-svg-icons';
      import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

      library.add(faWarning);

      const app = createApp(App);
      app.component('font-awesome-icon',FontAwesomeIcon);
      app.mount('#app');

  • سلام استاد...یه سوال
    توی پروژه ی دوره بخش روتر ها برای صفحه ی نمایش پست path رو id: نوشتیم
    اما برای صفحه ی ایجاد پست path رو create گذاشتیم...میخواستم بدونم اون دو نقطه :‌ پشت id دلیلش چی بوده و چرا برای create نذاشتیم...میدونم در قسمت های قبل تر توضیح دادین ولی برای من بین آموزش ها فاصله افتاد و یادم رفت و دقیقا خاطرم نیست توی قسمت چند توضیحش دادین!
    و در نهایت دوره ی عالی ای بود...نحوه ی تدریستون بی نظیره و بسیار از شما آموختم.

    • سلام وقت بخیر.
      ممنون از شما
      برای مقادیری که در url متغیر هست میتوان از دو نقطه استفاده کرد.
      فرضا چندتا پست هست که id دارند و این id طبیعتا تکراری نیست. برای نمتیش پست ها میتونیم به این شکل دریافت کنیم.
      posts/1 یا post/2
      که مقدار دوم در url ما متغیر هست پس دو نقطه قرار میدیم.

  • سلام استاد. شیوه ی تدریس شما عالیه.
    استاد سطح دوره مقدماتی هست یا متوسط؟
    مثلا 70 درصد Vue رو پوشش میده؟
    ازین دوره به اندازه ای یاد میگیریم که بازار کار و شرکت ها نیاز دارن؟

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون
      ببینید برنامه نویسی دنیای خودش را داره و مثله هر شغل دیگه ای نیاز به کار، تمرین و تجربه داره و اینجوری نیست که چندتا دوره ببینید و تموم نیاز به تمرین هم داره
      توی این دوره شما با vue به خوبی آشنا میشید و بعدش میتونید دوره فریمورکش یعنی nuxt.js را مشاهده کنید و روش کار و تمرین کنید و سایت های مختلف ایجاد کنید. از طرفی اگه قصد کار توی شرکتی دارید، کارآموزی توی شرکت هم خیلی به تجربه شما کمک میکنه

    • سلام وقت بخیر.
      ببینید برنامه نویسی دنیای خودش را داره و مثله هر شغل دیگه ای نیاز به کار، تمرین و تجربه داره و اینجوری نیست که چندتا دوره ببینید و تموم شه نیاز به تمرین هم داره
      توی این دوره شما با vue به خوبی آشنا میشید و بعدش میتونید دوره فریمورکش یعنی nuxt.js را مشاهده کنید و روش کار و تمرین کنید و سایت های مختلف را ایجاد کنید. از طرفی اگه قصد کار توی شرکتی دارید، کارآموزی توی شرکت هم خیلی به تجربه شما کمک میکنه

  • سلام آقای شیخ.
    دوره عالی است.
    به مشکلی خوردم امیدوارم پاسخمو بدین تا بخش های بعدی رو بتونم ادامه بدم.
    بعد از ایجاد پروژه و کامپوننت ها با vue cli بار اول مشکلی به وجود نمیاد و صفحه ی اچ تی ام ال پروژه توی مروگر بالا میاد. منظورم همون صفحه ایه که آدرسش توی cmd بعد ایجاد ‍پروژه به ما داده میشه و توی مرورگر واردش میکنیم localhoost:8080 ... حالا وقتی مثلا مرورگر رو میبندم یا لب تاب رو خاموش و روشن میکنم و مجددا میخوام صفحه رو بالا بیارم بعد وارد کردن آدرس توی مرورگر صفحه بالا نمیاد...باید چیکار کنم؟

    • سلام وقت بخیر.
      شما برای اجرا پروژه باید دستور npm run serve را بزنید که پروژه start بشه
      حتما پیش نیاز های دوره را آشنا یا مشاهده کرده باشید.

    • استاد من پیش نیاز ها رو بلدم
      html, css, js
      مشکل حل شد. ممنون از پاسخگویی سریعتون.

    • سلام وقت بخیر.
      بصورت کلی فریمورک های مرتبط با هم مثله فریمورک های js اگه تداخل نداشته باشه میشه ولی اشتباه هست و با یک فریمورک میشه هندل کرد.

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

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

  • درود برشما استاد. ممنون از زحمات شما. یک سوالی داشتم برای ایجاد وب سایت های معمولی اگر بخوایم فرانت رو با ویو ایجاد کنیم برای سمت بک اند بهترین زبان کدام است که هم سرعت بالایی داشته باشه و هم استفاده کردنش راحت تر باشه. و پسشنهاداتی هم بین nuxt و nest دارید راهنمایی کنید ممنونم

    • سلام وقت بخیر.
      میتوانید از فریمورک لاراول استفاده کنید.
      در خصوص سوال دومتون nuxt.js فریمورک vue.js هست و nest.js فریمورک node.js و این دوتا موضوع جدا هستند.

  • درود فراوان استاد
    من چندین دوره های آموزشی شمارو دیدم؛ نحوه بیان عالی و مسلط بودن به تمامی مطالب بسیار بسیار ارزش این دوره هارو بالا برده. پیامی جهت قدردانی هست. انشاالله همیشه موفق و سربلند باشید

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

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

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

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

    • ببخشید استاد منظورم این بود که می تونیم به این فریمورک هایی که نام بردم به صفحمون استایل و بقیه ی کارهاش رو انجام بدم و برای تک صفحه ای کردنش از ویو جی اس استفاده کنم ؟

    • بله، قطعا شما برای استایل و کد html به این موارد نیاز دارید.
      دوره را تا انتها ببنید، پروژه که پیاده سازی کردیم.

  • سلام و خسته نباشید.

    آقای شیخ به نظر من فن بیانتون ضعیف بود توی این دوره .
    تا الان که قسمت 30 هستم یه چند جا از قسمت ها صدای بچه میاد
    و بعضی جاها یه سوتی های ریزی میدید که چون حواستون پرت هست حواس ما هم پرت میشه.

    تشکر.

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

    • یکی از نکات مثبت دوره این بود که به بخش های ریزی تقسیم شده بود و این به دانشجو کمک میکنه که از طولانی بودن یک قسمت نترسه.

      دوره های مشابه در یوتیوب هر قسمت حدودا 40 دقیقه بود و در 11 قسمت آموزش تموم میشد.

    • سلام و وقت بخیر.
      استاد من هر موقع که میخوام یه کامپوننت رو نامگذاری کنم مرورگر مشکل multi-word ازم میگیره ...
      راهکار؟

    • سلام وقت بخیر.
      توی توضیحات جلسه مربوطه یعنی ۲۳ گفته شده حتی توی کامنت های اون جلسه

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

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