جستجو برای:
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
    • دوره پروژه محور هیولای React
  • نقشه راه یادگیری جاوااسکریپت
 
MEGA JS
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
    • دوره پروژه محور هیولای React
  • نقشه راه یادگیری جاوااسکریپت
0
ورود / ثبت نام

مروری بر فریم ورک Vue js

15 تیر 1398
ارسال شده توسط محمدرضا حاجی مقصودی
Vue ، فریم ورک ها
4.91k بازدید

فریمورک Vue js

فریمورک Vue محبوب تر از سایر فریمورک ها!!!

در این مقاله در وبسایت MEGA JS قصد داریم تا به صورت خلاصه در مورد فریمورک Vue بحث کنیم و ببینیم که این فریمورک ویو چگونه کار میکند و علت محبوبیت بالای آن در بین دیگر فریمورک ها چیست؟ همان طور در مورد آینده ی این فریمورک مطالبی گفته خواهد شد. لطفا نظرات و انتقادات خودتون را در مورد این فریمورک در پایین این مقاله با ما به اشتراک بگذارید.

قصه ی Vuejs از اینجا شروع شد

فریمورک Vue توسط یکی از برنامه نویس های شرکت گوگل به نام ایوان یو (Evan You) ساخته شده. او علاقه ی زیادی به کار با زبان جاوا اسکریپت داشت. زمانی که ایوان در شرکت google مشغول کار با فریمورک انگولار ۱ بود این فریمورک ویژگی های زیادی داشت که نیازی به وجود آنها نبود. همین موضوع باعث شد که او Vuejs را طراحی کند و پس از ۶ ماه کار او به نتیجه نشست. او در فوریه ی سال ۲۰۱۴ این فریمورک را برای استفاده ی عموم عرضه کرد. Vue در اوایل ظهور خود فقط یک کتابخانه ی کوچک بود اما پس از مدتی قابلیت های جدید به آن اضافه شد و وارد رقابت با React و Angular شد. هدف ایوان از ایجاد فریمورک ویو از زبان خودش این است:

“چی میشه اگر من بخش هایی که از فریمورک انگولار را که واقعا دوست دارم رو استخراج کنم و یک چیز سبک تر بسازم”

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

مقایسه فریمورک Angular و React

فریمورک Vue js

فریمورک Vue الان در چه جایگاهی قرار دارد؟

اگر به آمار و ارقام یک نگاهی بندازیم به یک مسئله ی خیلی عجیب و جالب در مورد فریمورک ویو جی اس برخورد خواهیم کرد. فریمورک انگولار در سال ۲۰۱۰ و فریمورک ری اکت در سال ۲۰۱۳ توسط دو تا از بزرگترین شرکت های جهان یعنی گوگل و فیسبوک منتشر شدند. انگولار نسخه ی یک محبوبیت خیلی بالایی داشت و برنامه نویس های بسیار زیادی گرایش به این فریمورک جاوا اسکریپت داشتند. فریمورک Vue زمانی معرفی شد که هر دو رقیب او با سرعت بالایی مشغول رشد و توسعه بودند. اما امروز که در سال ۲۰۱۹ قرار داریم فریمورک Vue js در بسیاری از وبسایت ها مانند گیت هاب بالا تر از رقیب های خود قرار گرفته است. این در حالی است که فریمورک انگولار توسط شرکت گوگل و ری اکت توسط شرکت فیسبوک پشتیبانی میشوند و مسیر هموارتری را برای پیشرفت و توسعه پیش رو دارند. این رشد برای فریمورکی مانند vue یک اتفاق واقعا عالی هست.

فریمورک Vue js

 

چرا VUEJS انقدر دوست داشتنی شده؟

۱) شباهت زیاد Vuejs به Angular1

نسخه ی اول انگولار بسیار پرطرفدار بود و هنوز هم طرفداران بسیاری را دارد. از آنجایی که فریمورک vue شباهت خیلی زیادی به فریمورک انگولار دارد باعث شده که توجه برنامه نویس های انگولار را به خود جلب کند وبسیاری از آنها هم اینک از vue استفاده کنند. در پایین چندین نمونه از شباهت های بین vuejs و Angular قابل مشاهده میباشد:

همانطور که در بالا مشاهده میکنید فریمورک Vue تفاوت چندانی با فریمورک Angular ندارد و دربسیاری از دستورات شباهت های خیلی زیادی با هم دیگر دارند.

بررسی سه فریمورک Angular و Vue و React

فریمورک Vue jsفریمورک Vue js

فریمورک Vue js

فریمورک Vue js

۲) ساده بودن یادگیری فریمورک Vuejs

فریمورک vue js نسبت به دو رقیب جاوا اسکریپتی خود، از سینتکس ساده تری برخوردار میباشد و خوانایی کد های آن بسیار بالا میباشد به طوری که در اولین نگاه بدون بلد بودن آن هم میتوان دستورات آن را فهمید. همین موضوع باعث آن شده است که یادگیری Vuejs ساده تر باشد و افراد تازه کار یاد گرفتن آن را در الویت قرار دهند. هنگام استفاده از این فریمورک برخلاف انگولار نیاز آن چنانی به یادگیری TypeScript نداریم و مانند ری اکت کد های جاوا اسکریپت ما داخل HTML به صورت نامنظم وجود ندارد. فریمورک ویو در نسخه ی ۲ تغییرات خیلی خوبی در این زمینه داشته و گمان ها بر این است که این روند رو به رشد ادامه دار باشد. تیم توسعه دهنده ی Vuejs در صدد ساده تر کردن دستورات و کد های این فریمورک در نسخه های بعدی هستند.

۳- جامعه آماری بالا Vue

طبق نمودار زیر که بر اساس بررسی در وبسایت ها و آمار بدست آمده طراحی شده است، Vuejs بسیار سریع در حال رشد میباشد و توسط برنامه نویس های زیادی استفاده میشود. تعداد زیاد برنامه نویس ها و انجمن ها همیشه یکی از معیار های اصلی ای است که برنامه نویس ها به سمت یک موضوع گرایش پیدا کنند. این دلیل باعث شده که vue بازار کار خوبی را هم به دست بیاورد. ساده بودن فریمورک Vuejs باعث پیش رفتن سریع تر پروژه ها میشود که همین علت جهت گیری بازار کار به سمت این فریمورک را به همراه داشته است. استفاده از ویو جی اس در ساخت وبسایت های تک صفحه ای (SPA) بسیار پر رونق است. برای ساخت اینگونه وبسایت ها Vuejs یک گزینه بسیار مناسب است.

فریمورک Vue js

آینده فریم ورک VUEJS

بزودی در انتهای سال ۲۰۱۹ یا ابتدای سال ۲۰۲۰ نسخه سوم فریمورک Vuejs منتشر خواهد شد. ضمن اینکه نسخه دوم آن در حال استفاده شدن است و از سینتکس خیلی خوبی بهره میبرد، برای نسخه بعدی vue، این فریم ورک از نو بازنویسی خواهد شد. در بازنویسی این فریمورک از دستورات و تکنولوژی های مدرن تر و جدیدتر جاوا اسکریپت بهره گرفته خواهد شد که انتظار میرود حجم فریم ورک vue در نسخه ۳ کمتر و کارایی آن بهتر و سریع تر شود. Vue 3 میتواند مسیر صعود یا سقوط فریمورک Vuejs را مشخص کند که امید به پیشرفت آن بسیار بالاست.

فریمورک انگولار

فریمورک Vue js

 

خلاصه مقاله Vue

Vuejs برای استفاده در پروژه های کوچک و بزرگ به راحتی نیاز هایمان را میتواند مرتفع کند. یاد گرفتن آن ساده است و خوانایی بسیار بالایی دارد. روند روبه رشد و همچنین تعداد زیاد برنامه نویس ها و انجمن های مرتبط با vue میتونه یکی از دلایلی باشد که یادگیری آن را شروع کنیم. اغلب برنامه نویس ها بر این باورند که در نسخه سوم، Vue تغییرات خوبی را رقم خواهد زد و این فریمورک را در مسیر صحیح و روبه پیشرفت نگه خواهد داشت. شاید الان بهترین زمان برای یاد گرفتن این فریمورک باشد. زمان را هدر ندهیم…!

اشتراک گذاری:
برچسب ها: vueفریم ورکویو

مطالب زیر را حتما مطالعه کنید

فریمورک Electronjs

فریمورک Electron JS

تغییرات انگولار 8

تغیرات انگولار8 (آخرین ورژن Angular)

فریم ورک Angular

فریم ورک Angular

react یا vue یا angular

Angular یا Vue js یا React js کدام را یاد بگیریم؟

تفاوت Angular و React

مقایسه React و Angular

2 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • farazt114 گفت:
    26 اسفند 1398 در 23:40

    بی صبرانه منتظر یک آموزش جامع و کامل از این فریم ورک محبوب از تیم خوب مگا جی اس هستیم

    برای پاسخ دادن وارد شوید
    • محمدرضا حاجی مقصودی گفت:
      27 اسفند 1398 در 11:42

      بعد از react میریم سراغ Vuejs 😉

      برای پاسخ دادن وارد شوید

دیدگاهتان را بنویسید لغو پاسخ

برای نوشتن دیدگاه باید وارد بشوید.

جستجو برای:
هیولای جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

دسته‌ها
  • Angular
  • Denojs
  • Electronjs
  • Mongo DB
  • Nodejs
  • React
  • Vue
  • ابزار و تکنولوژی
  • جاوااسکریپت
  • فریم ورک ها
  • کتابخانه ها
  • وبلاگ
  • یادگیری React
  • یادگیری جاوااسکریپت
  • یادگیری جی کوئری
جاوااسکریپت را از کجا شروع کنیم؟

نقشه راه یادگیری جاوا اسکریپت

MEGAJS | مگا جی اس

جدیدترین نوشته ها
  • ۲6) تمرین عملگرها: جا به جایی متغیرها با جاوااسکریپت
  • Typescript چیست؟ چرا باید ازش استفاده کنیم؟
  • ۲۵) آموزش اولویت عملگرها در جاوااسکریپت
  • ۲۴) آموزش عملگرهای منطقی در جاوااسکریپت
درباره MEGA JS، دنیای جذاب جاوااسکریپت

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

دوره های رایگان مگا جی اس

دوره رایگان آموزش جاوااسکریپت
دوره رایگان آموزش ری اکت

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

دوره های هیولای مگا جی اس

دوره ۲۰روش درآمدی هیولای درامدزایی
دوره پروژه محور هیولای جاوا اسکریپت
دوره پروژه محور هیولای ری اکت

فیلم های آموزشی رایگان در

کانال آپارات MEGAJS   کانال آپارات MEGAJS

کانال یوتوب MEGAJS   

تمامی حقوق برای سایت MEGA JS محفوظ می باشد.
ورود به سایت ×
رمز عبور خود را فراموش کرده اید؟
ورود با رمز یکبار مصرف
ارسال کد یکبار مصرف(00:120)
حساب کاربری ندارید؟
ثبت نام
ارسال کد یکبار مصرف(00:120)
بازگشت به ورود

ارسال کد یکبار مصرف (00:120)
بازگشت به ورود
  • (+93) افغانستان
  • (+355) Albania
  • (+213) Algeria
  • (+1) American Samoa
  • (+376) Andorra
  • (+244) Angola
  • (+1) Anguilla
  • (+1) Antigua
  • (+54) Argentina
  • (+374) Armenia
  • (+297) Aruba
  • (+61) Australia
  • (+43) Austria
  • (+994) Azerbaijan
  • (+973) Bahrain
  • (+880) Bangladesh
  • (+1) Barbados
  • (+375) Belarus
  • (+32) Belgium
  • (+501) Belize
  • (+229) Benin
  • (+1) Bermuda
  • (+975) Bhutan
  • (+591) Bolivia
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) Bosnia and Herzegovina
  • (+267) Botswana
  • (+55) Brazil
  • (+246) British Indian Ocean Territory
  • (+1) British Virgin Islands
  • (+673) Brunei
  • (+359) Bulgaria
  • (+226) Burkina Faso
  • (+257) Burundi
  • (+855) Cambodia
  • (+237) Cameroon
  • (+1) Canada
  • (+238) Cape Verde
  • (+1) Cayman Islands
  • (+236) Central African Republic
  • (+235) Chad
  • (+56) Chile
  • (+86) China
  • (+57) Colombia
  • (+269) Comoros
  • (+682) Cook Islands
  • (+225) Côte d'Ivoire
  • (+506) Costa Rica
  • (+385) Croatia
  • (+53) Cuba
  • (+599) Curaçao
  • (+357) Cyprus
  • (+420) Czech Republic
  • (+243) Democratic Republic of the Congo
  • (+45) Denmark
  • (+253) Djibouti
  • (+1) Dominica
  • (+1) Dominican Republic
  • (+593) Ecuador
  • (+20) Egypt
  • (+503) El Salvador
  • (+240) Equatorial Guinea
  • (+291) Eritrea
  • (+372) Estonia
  • (+251) Ethiopia
  • (+500) Falkland Islands
  • (+298) Faroe Islands
  • (+691) Federated States of Micronesia
  • (+679) Fiji
  • (+358) Finland
  • (+33) France
  • (+594) French Guiana
  • (+689) French Polynesia
  • (+241) Gabon
  • (+995) Georgia
  • (+49) Germany
  • (+233) Ghana
  • (+350) Gibraltar
  • (+30) Greece
  • (+299) Greenland
  • (+1) Grenada
  • (+590) Guadeloupe
  • (+1) Guam
  • (+502) Guatemala
  • (+44) Guernsey
  • (+224) Guinea
  • (+245) Guinea-Bissau
  • (+592) Guyana
  • (+509) Haiti
  • (+504) Honduras
  • (+852) Hong Kong
  • (+36) Hungary
  • (+354) Iceland
  • (+91) India
  • (+62) Indonesia
  • (+98) ایران
  • (+964) عراق
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) Israel
  • (+39) Italy
  • (+1) Jamaica
  • (+81) Japan
  • (+44) Jersey
  • (+962) Jordan
  • (+7) Kazakhstan
  • (+254) Kenya
  • (+686) Kiribati
  • (+965) Kuwait
  • (+996) Kyrgyzstan
  • (+856) Laos
  • (+371) Latvia
  • (+961) Lebanon
  • (+266) Lesotho
  • (+231) Liberia
  • (+218) Libya
  • (+423) Liechtenstein
  • (+370) Lithuania
  • (+352) Luxembourg
  • (+853) Macau
  • (+389) Macedonia
  • (+261) Madagascar
  • (+265) Malawi
  • (+60) Malaysia
  • (+960) Maldives
  • (+223) Mali
  • (+356) Malta
  • (+692) Marshall Islands
  • (+596) Martinique
  • (+222) Mauritania
  • (+230) Mauritius
  • (+262) Mayotte
  • (+52) Mexico
  • (+373) Moldova
  • (+377) Monaco
  • (+976) Mongolia
  • (+382) Montenegro
  • (+1) Montserrat
  • (+212) Morocco
  • (+258) Mozambique
  • (+95) Myanmar
  • (+264) Namibia
  • (+674) Nauru
  • (+977) Nepal
  • (+31) Netherlands
  • (+687) New Caledonia
  • (+64) New Zealand
  • (+505) Nicaragua
  • (+227) Niger
  • (+234) Nigeria
  • (+683) Niue
  • (+672) Norfolk Island
  • (+850) North Korea
  • (+1) Northern Mariana Islands
  • (+47) Norway
  • (+968) Oman
  • (+92) پاکستان
  • (+680) Palau
  • (+970) Palestine
  • (+507) Panama
  • (+675) Papua New Guinea
  • (+595) Paraguay
  • (+51) Peru
  • (+63) Philippines
  • (+48) Poland
  • (+351) Portugal
  • (+1) Puerto Rico
  • (+974) Qatar
  • (+242) Republic of the Congo
  • (+40) Romania
  • (+262) Runion
  • (+7) Russia
  • (+250) Rwanda
  • (+290) Saint Helena
  • (+1) Saint Kitts and Nevis
  • (+508) Saint Pierre and Miquelon
  • (+1) Saint Vincent and the Grenadines
  • (+685) Samoa
  • (+378) San Marino
  • (+239) Sao Tome and Principe
  • (+966) Saudi Arabia
  • (+221) Senegal
  • (+381) Serbia
  • (+248) Seychelles
  • (+232) Sierra Leone
  • (+65) Singapore
  • (+1) Sint Maarten
  • (+421) Slovakia
  • (+386) Slovenia
  • (+677) Solomon Islands
  • (+252) Somalia
  • (+27) South Africa
  • (+82) South Korea
  • (+211) South Sudan
  • (+34) Spain
  • (+94) Sri Lanka
  • (+1) St. Lucia
  • (+249) Sudan
  • (+597) Suriname
  • (+268) Swaziland
  • (+46) Sweden
  • (+41) Switzerland
  • (+963) Syria
  • (+886) Taiwan
  • (+992) Tajikistan
  • (+255) Tanzania
  • (+66) Thailand
  • (+1) The Bahamas
  • (+220) The Gambia
  • (+670) Timor-Leste
  • (+228) Togo
  • (+690) Tokelau
  • (+676) Tonga
  • (+1) Trinidad and Tobago
  • (+216) Tunisia
  • (+90) ترکیه
  • (+993) Turkmenistan
  • (+1) Turks and Caicos Islands
  • (+688) Tuvalu
  • (+1) U.S. Virgin Islands
  • (+256) Uganda
  • (+380) Ukraine
  • (+971) ایلات متحده عربی
  • (+44) پادشاهی متحد بریتانیا
  • (+1) ایالات متحده آمریکا
  • (+598) Uruguay
  • (+998) Uzbekistan
  • (+678) Vanuatu
  • (+58) Venezuela
  • (+84) Vietnam
  • (+681) Wallis and Futuna
  • (+212) Western Sahara
  • (+967) Yemen
  • (+260) Zambia
  • (+263) Zimbabwe

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت