Hindi TutorialsJavaScript in HindiProgramming Language

Vue.js क्या है और इसे कैसे सीखें?

आज आपको internet पर बहुत से JavaScript framework मिल जायेंगे जिससे आप अपने प्रोजेक्ट के लिए इस्तेमाल कर सकते है. इससे आपको प्रोजेक्ट बनाने में आसानी तो होती है साथ ही आपको loading Performance अच्छी मिलती है. इसी तरह का एक framework है Vuejs जिसमें आप user interfaces और single-page applications बना सकते है. तो अब हम आपको बताएँगे की Vue.js क्या है और इसे कैसे सीखें?

Read This -> NPM क्या है और इसे कैसे इस्तेमाल करें?

Vue.js क्या है और इसे कैसे सीखें?

Vue.js क्या है और इसे कैसे सीखें?

Vue.js क्या है?

यह एक JavaScript का open-source framework है जिसका इस्तेमाल user interfaces और single-page applications बनाने के लिए किया जाता है. इसका इस्तेमाल करके आप एक single page website आसानी से बना सकते है.

Read This -> React क्या है और इसे कैसे सीखें?

Vue.js को कब और किसने बनाया?

इसको Evan You ने July 2013 में इसे बनाया था और अभी तक इसके कई वर्शन रिलीज़ हो चुके है जिसमें से अभी हाल ही में 2.6 Version लांच हुआ है.

Read This -> PHP क्या है और इसे कैसे सीखें?

Vue.js का सैंपल कोड (Form Validation)

HTML File

<form
  id="app"
  @submit="checkForm"
  action="https://vuejs.org/"
  method="post"
>

  <p v-if="errors.length">
    <b>Please correct the following error(s):</b>
    <ul>
      <li v-for="error in errors">{{ error }}</li>
    </ul>
  </p>

  <p>
    <label for="name">Name</label>
    <input
      id="name"
      v-model="name"
      type="text"
      name="name"
    >
  </p>

  <p>
    <label for="age">Age</label>
    <input
      id="age"
      v-model="age"
      type="number"
      name="age"
      min="0"
    >
  </p>

  <p>
    <label for="movie">Favorite Movie</label>
    <select
      id="movie"
      v-model="movie"
      name="movie"
    >
      <option>Star Wars</option>
      <option>Vanilla Sky</option>
      <option>Atomic Blonde</option>
    </select>
  </p>

  <p>
    <input
      type="submit"
      value="Submit"
    >
  </p>

</form>

JS File

const app = new Vue({
  el:'#app',
  data:{
    errors:[],
    name:null,
    age:null,
    movie:null
  },
  methods:{
    checkForm:function(e) {
      if(this.name && this.age) return true;
      this.errors = [];
      if(!this.name) this.errors.push("Name required.");
      if(!this.age) this.errors.push("Age required.");
      e.preventDefault();
    }
  }
})

Vue.js कैसे सीखें?

Vue JS को सीखना बहुत ही आसान है, अगर आपको Javascript के concept क्लियर है तो आप Vue.js को 4 से 5 दिन में सीख सकते है. अगर आपको Youtube के माध्यम से Vue.js सीखना है तो आप Traversy Media से आसानी से सीख सकते है. Hindi में Vue.js सीखने के लिए आप Online Web Tutor चैनल को फॉलो करके वहाँ से Vue.js सीख सकते है.

अगर आप Vue.js के लिए को बुक खरीदना चाहते है तो आप अमेज़न से Vue.js: Up and Running नामक बुक खरीद सकते है. यह आपको किताब आपको 400 से 500 के बीच मिल जायेगी. यह इंग्लिश भाषा में है तो खरीदने से पहले आप इसे एक बार जरुर चेक कर लें.

Check Out -> महापुरुषों की जीवन गाथा

Final Word

तो अब आपको पता लग गया होगा की vuejs kya hai, vuejs kaise sikhe, vuejs kis kaam aata hai, vuejs kisne aur kab banaya, vuejs ko kisliye use kiya jaata hai. अगर आपको इससे जुडी कोई अन्य जानकारी या फिर किसी अन्य टॉपिक आपको हमारा आर्टिकल चाहिए तो आप नीचे दिए गए कमेंट बॉक्स में कमेंट करके बताएं.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close