Vue सीखें: कोड करें
Vue सीखें: कोड करें — अपने फ़ोन पर components बनाकर Vue.js सीखें
Vue सीखें: कोड करें एक free-to-start iOS और Android app है, जो थोड़ा HTML और JavaScript जानने वाले beginners और Options API से Composition API पर जाने वाले developers को Vue.js सिखाता है। इसमें 42 courses और 156 lessons हैं—आपके पहले template से लेकर Pinia, Vue Router और Nuxt 3 तक। Single-file components आपके device पर compile होते हैं, इसलिए 20 guided projects, missions और Vue Lab बिना किसी server के चलते हैं।
- कीमत
- Free, Pro upgrade
- प्लैटफ़ॉर्म
- iOS और Android
- भाषाएँ
- 22
- आयु रेटिंग
- 4+
- वर्शन
- 82.6.0
- आवश्यकताएँ
- iOS 15.1 या बाद का संस्करण
- App Store
- 3.0 ★ (2)
किसी component को समझना आसान हो जाता है, जब आप उसे तोड़ चुके हों।
Vue Lab हर दिन आपको एक broken component देता है और bug ढूँढने को कहता है, live controls की मदद से component के props में बदलाव करने देता है और आपके click करने पर state कैसे बदलती है, यह दिखाता है। Single-file components फ़ोन पर compile होते हैं, इसलिए preview आपकी आँखों के सामने टूटता और ठीक होता है—साथ में एक error card बताता है कि क्या गड़बड़ हुई।
यह क्या है
Vue सीखें: कोड करें एक free iOS और Android app है, जो 42 courses और 156 lessons के ज़रिए Vue.js सिखाता है—template syntax और data binding से लेकर Composition API, Pinia, Vue Router और TypeScript होते हुए Nuxt 3, Vitest के साथ testing और full-stack apps तक। Single-file components device पर compile होते हैं, इसलिए guided projects, coding missions और hands-on Vue Lab फ़ोन पर बिना किसी server के चलते हैं, और Pro में AI mentor code और errors समझाता है।
ऐप के अंदर
यह कैसा दिखता है
कोर्स
Vue कोर्स में क्या-क्या शामिल है
ऐप की अपनी कोर्स सूची में 42 कोर्स और 156 पाठ हैं, जो पहले template से लेकर server rendering और production patterns तक हैं।
Vue.js के साथ शुरुआत करना
Vue.js का परिचय, Vue CLI और project structure, template syntax और data binding।
Reactivity और Composition API
Vue 3 Composition API की मूल बातें, script setup syntax, reactivity और computed properties, साथ ही Vue directives।
Components and Forms
Component की मूल बातें और communication, slots, provide और inject, forms और validation, साथ ही component lifecycle।
Reuse and Polish
Vue 3 composables, transitions और animations, error handling, साथ ही render functions और JSX।
State and Routing
Pinia state management, Vuex, Vue Router के साथ routing और advanced router patterns, साथ ही APIs और asynchronous data को संभालना।
TypeScript, i18n and Tooling
Vue 3 के साथ TypeScript, internationalization, Storybook integration, साथ ही Vue apps को deploy और maintain करना।
Nuxt 3, Testing और Real-Time
Nuxt 3 के साथ server-side rendering, Vitest के साथ component testing, Apollo के साथ GraphQL और WebSockets के साथ real-time apps।
Production Patterns
Performance, security best practices, plugin development, component library publish करना, progressive web apps और micro-frontends।
यह कैसे काम करता है
App में Vue सीखने का तरीका
हर course का level तय है, और free first course के बाद हर lesson की शुरुआत free preview से होती है। इससे आप आगे बढ़ने का निर्णय लेने से पहले देख सकते हैं कि कोई topic कैसा है।
Introduction to Vue.js से शुरुआत करें
पहला course free है और इसमें Vue क्या है, environment setup करना और Hello Vue application बनाना सिखाया जाता है। Courses पर A1 से C1 तक tags लगे हैं, इसलिए यह स्पष्ट रहता है कि कहाँ से शुरुआत करनी है और आगे क्या सीखना है।
फ़ोन पर components बनाएँ और चलाएँ
Single-file component edit करें और तुरंत उसका preview देखें। Guided projects में app एक-एक step करके बढ़ता है, और App Studio आपको ready-made blueprints की मदद से router और store वाले multi-screen apps बनाने देता है।
Vue Lab में अभ्यास करें
हर दिन का bug ढूँढें, Style Lab में target design से मिलान करें, speed-build duels में समय के साथ दौड़ लगाएँ या Options API component को Composition style में फिर से लिखें।
इसमें क्या है
App में क्या-क्या मिलता है
42
Courses, 156 lessons
Template syntax और directives से लेकर lifecycle, slots, provide और inject तथा composables होते हुए Nuxt 3, GraphQL, PWAs और micro-frontends तक।
20
Guided projects
App को एक-एक step करके बढ़ाएँ। इसमें single-file components सीधे आपके device पर compile होते हैं और preview टूटने पर error card दिखाई देता है।
28
Coding missions
आसान से कठिन तक के exercises, साथ ही router और store वाले multi-screen apps के लिए App Studio blueprints।
Lab
Vue Lab
Reactivity inspector, daily bug hunt, Style Lab के 12 levels, speed-build duels, Options से Composition API का dojo और My Components library, जिसे आप image card के रूप में share कर सकते हैं।
Interview
Vue interview questions
Front-end developer interviews के लिए questions, जिनमें quizzes, flashcard review sessions और ऐसा cheat sheet शामिल है जिसे आप कभी भी खोल सकते हैं।
AI
AI mentor (Pro)
किसी concept या error के बारे में पूछें, अपने code की explanation पाएं या जिस topic को पढ़ना चाहते हैं उस पर custom lesson generate करें।
पृष्ठभूमि
Vue.js क्या है और beginner को सबसे पहले क्या सीखना चाहिए?
Vue components की मदद से interactive web interfaces बनाने का JavaScript framework है। Components छोटे, दोबारा इस्तेमाल किए जा सकने वाले हिस्से होते हैं, जिनमें से हर एक template, logic और style के एक हिस्से का मालिक होता है। Beginners के लिए इसकी खासियत इसका आसान शुरुआती रास्ता है: आप plain HTML और थोड़े JavaScript से शुरुआत कर सकते हैं और आगे बढ़ते हुए structure जोड़ सकते हैं। सीखने का एक सही क्रम है: templates और data binding, फिर reactivity और components, उसके बाद Composition API और अंत में routing, state management और server rendering।
Reactivityकेंद्र में मौजूद विचार
आप data के किसी हिस्से को बदलते हैं और उस पर निर्भर screen अपने-आप update हो जाती है। कौन-सी values reactive हैं और computed properties तथा watchers क्या अतिरिक्त सुविधा देते हैं, यह समझ लेने से Vue में शुरुआती अधिकांश उलझन दूर हो जाती है।
Options API और Composition APIcomponent लिखने के दो तरीके
पुराना Options API code को data और methods जैसे type के अनुसार group करता है। script setup वाला Composition API code को feature के अनुसार group करता है और reusable composables को आसान बनाता है। कई tutorials और codebases अब भी दोनों का इस्तेमाल करते हैं, इसलिए किसी भी तरीके को पढ़ पाना उपयोगी skill है।
Pinia, Vuex और routerएक real app में क्या जुड़ता है
जब किसी app में कई screens हो जाती हैं, तो उनके बीच जाने के लिए routing और एक shared store की ज़रूरत होती है, जिसमें एक से अधिक components द्वारा इस्तेमाल किया जाने वाला data रखा जा सके। Pinia, Vue का current store है, जबकि Vuex पुराना विकल्प है, जो अब भी कई मौजूदा projects में मौजूद है।
Nuxt और server renderingजब search और speed मायने रखते हों
Nuxt, Vue पर आधारित होकर pages को server पर render करता है, जिससे first load और search visibility बेहतर होती है। आमतौर पर यह दूसरा चरण होता है, जिसे components, routing और state में सहज होने के बाद सीखना चाहिए।
उपयुक्तता
यह किन लोगों के लिए है — और किनके लिए नहीं
आपके लिए सही है, अगर आप
- आपको HTML और JavaScript की थोड़ी जानकारी है और आप अपना पहला framework सीखना चाहते हैं
- आप Options API से Composition API या Vuex से Pinia पर जा रहे हैं
- आप Vue.js developer interview या अपनी पहली front-end job की तैयारी कर रहे हैं
- किसी टूटे हुए component को ठीक करके पढ़ने के बजाय उससे बेहतर सीखना चाहते हैं
- ऐसे छोटे sessions चाहते हैं जिन्हें सफ़र के दौरान पूरा कर सकें
आपके लिए सही टूल नहीं है, अगर आप
- आपने HTML या JavaScript कभी नहीं देखा है—पहले JavaScript course से शुरुआत करें
- अपने फ़ोन से production app लॉन्च करना चाहते हैं—यह काम अब भी laptop पर ही होता है
- हर चीज़ मुफ़्त मिलने की उम्मीद है: पहला course और previews मुफ़्त हैं, जबकि Pro से पूरा curriculum अनलॉक होता है
- आप आधिकारिक Vue.js सामग्री चाहते हैं—यह एक independent learning app है
सवाल
अक्सर पूछे जाने वाले सवाल
फ़ोन पर Vue.js सीखने का सबसे अच्छा तरीका क्या है?
सिर्फ़ पढ़ने के बजाय components चलाकर सीखें। Vue सीखें: कोड करें डिवाइस पर single-file components compile करता है, इसलिए इसके 20 guided projects, 28 missions और Vue Lab सभी फ़ोन पर चलते हैं। 42 courses में मौजूद छोटे lessons आपको template syntax से Nuxt 3 तक ले जाते हैं और शुरुआत करने के लिए पहला course मुफ़्त है।
क्या यह ऐप Composition API और Pinia सिखाता है?
हाँ। Vue सीखें: कोड करें में Vue 3 Composition API की मूल बातों, script setup syntax, composables और Pinia state management पर courses हैं, साथ ही मौजूदा projects के लिए पुराना Vuex भी शामिल है। Vue Lab में मौजूद Options to Composition API dojo आपको classic components को modern style में फिर से लिखने देता है।
Vue में Options API और Composition API में क्या अंतर है?
Options API किसी component के code को उसके प्रकार के अनुसार, जैसे data, methods और computed, समूहित करता है, जबकि script setup के साथ Composition API उसे feature के अनुसार समूहित करता है और reusable composables को आसान बनाता है। Vue सीखें: कोड करें script setup के साथ Composition API सिखाता है और Vue Lab में Options to Composition API dojo शामिल है, जिसमें classic components को modern style में फिर से लिखा जाता है।
Vue सीखने से पहले क्या मुझे JavaScript आना ज़रूरी है?
HTML और JavaScript की थोड़ी जानकारी बहुत मदद करती है। Vue सीखें: कोड करें उन beginners के लिए है जिन्हें basics आते हैं और जो अपना पहला framework सीखना चाहते हैं, इसलिए यह शुरुआत से Vue concepts समझाता है, लेकिन JavaScript खुद नहीं सिखाता। अगर variables और functions आपके लिए नए हैं, तो पहले JavaScript course करना चाहिए।
Vue Lab क्या है?
Vue Lab, Vue सीखें: कोड करें का practice area है। इसमें reactivity inspector, broken component के साथ daily bug hunt, ऐसे Style Lab levels जिनमें आपको CSS से target design से मिलान करना होता है, speed-build duels, Options to Composition API dojo और आपके बनाए हुए components की My Components library शामिल हैं।
क्या इसमें Nuxt 3 और server-side rendering शामिल हैं?
हाँ। Vue सीखें: कोड करें के advanced courses में Nuxt 3 के साथ server-side rendering, Suspense के साथ SSR streaming और Fastify व authentication के साथ full-stack Vue शामिल हैं। साथ ही Vitest के साथ component testing और WebSockets के साथ real-time apps भी सिखाए जाते हैं।
क्या यह Vue.js interviews में मदद करता है?
हाँ। Vue सीखें: कोड करें में front-end developer roles के लिए Vue interview questions के साथ quizzes, flashcard review sessions और cheat sheet शामिल हैं। इनके पीछे मौजूद courses में reactivity, lifecycle, composables और state management शामिल हैं, जो interview के आम विषय हैं।
क्या Vue सीखें: कोड करें मुफ़्त है?
इसे download करना मुफ़्त है। पहला course, हर lesson का preview, पहला guided project, पहला mission, daily bug hunt, तीन Style Lab levels, quizzes, interview questions और cheat sheet मुफ़्त हैं, और free version में ads दिखाई देते हैं। Pro से पूरा curriculum और lab, AI mentor और certificate exam अनलॉक होते हैं और ads हट जाते हैं।
क्या यह ऐप Vue.js team ने बनाया है?
नहीं। Vue सीखें: कोड करें एक independent learning app है और इसका Vue.js project से कोई संबंध या endorsement नहीं है। यह अपने courses और exercises में Vue.js को एक open-source framework के रूप में सिखाता है।
क्या कोई certificate भी मिलता है?
हाँ। Pro का हिस्सा होने वाली अंतिम परीक्षा पास करने पर आपको पूर्णता का प्रमाणपत्र मिलता है। इसमें आपके किए गए काम का विवरण होता है और यह कोई मान्यता-प्राप्त योग्यता नहीं है, इसलिए यह उन components और projects के साथ सबसे उपयोगी रहता है जिन्हें आप समझाकर बता सकें।
यह किन platforms और languages को support करता है?
Vue सीखें: कोड करें, App Store (iOS 15.1 या बाद का संस्करण) के ज़रिए iPhone पर और Google Play के ज़रिए Android पर चलता है। इसका interface 22 languages में उपलब्ध है, और App Store पर app की rating 4+ है।
शुरू करें
आज ही अपना पहला Vue component बनाएं
iOS और Android पर 22 languages में शुरुआत मुफ़्त करें।
CoddyKit की ओर से और
iOS और Android पर उपलब्ध है।