कोड को रखरखाव योग्य रखना
ऐसी संरचना बनाएँ जिसे भविष्य में आप बदल सकें।
कोड को रखरखाव योग्य रखना, CoddyKit पर वाइब कोडिंग का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह वाइब कोडिंग सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
कोड लिखा जाने से ज़्यादा पढ़ा जाता है
AI कुछ ही मिनटों में काम करने वाला ऐप बना सकता है। लेकिन छह सप्ताह बाद, जब आप उससे कोई सुविधा जोड़ने के लिए कहेंगे, तो अस्त-व्यस्त कोड आपके और AI दोनों के लिए सब कुछ धीमा कर देगा। आसानी से बनाए रखने योग्य कोड वह है, जिसे भविष्य में आप और AI बिना डर के बदल सकें।
यह पाठ वाइब कोडिंग से बनी परियोजना को इतना साफ़ रखने के बारे में है कि वह बढ़ती रह सके।
चतुर कोड से बेहतर हैं स्पष्ट नाम
सबसे अधिक प्रभाव डालने वाली एक आदत है: अच्छे नाम। calculateMonthlyTotal नाम का फ़ंक्शन बताता है कि वह क्या करता है; doStuff2 से कुछ पता नहीं चलता।
AI कभी-कभी आलसी नाम चुन लेता है। बस उससे स्पष्टता के लिए नाम बदलने को कहिए।
// Hard to follow
function d(x, y) { return x - (x * y / 100); }
// Self-explaining
function applyDiscount(price, percentOff) {
return price - (price * percentOff / 100);
}
console.log(applyDiscount(100, 20));छोटे फ़ंक्शन, हर एक का एक काम
जो फ़ंक्शन पाँच काम करता है, उसे समझना और बदलना कठिन होता है। काम को छोटे फ़ंक्शनों में बाँटिए, जिनमें हर एक एक काम करे। जब आप एक को बदलेंगे, तो दूसरे गलती से नहीं टूटेंगे।
कहने पर AI खुशी से कोड की संरचना सुधार देता है।
Refactor this function so each step is its own small, well-named function. Don't change behavior. Here it is:
function checkout(cart) {
// calculates totals, applies discount, charges card, sends email...
<paste the big function>
}
Return the refactored version with a short note on what each function does.फ़ाइलों को उद्देश्य के अनुसार व्यवस्थित करें
3,000 पंक्तियों वाली एक ही फ़ाइल किसी बुरे सपने जैसी होती है। संबंधित कोड को फ़ोल्डरों में समूहित करें: उपयोगकर्ताओं से जुड़ी चीज़ें एक जगह, भुगतान दूसरी जगह और उपयोगकर्ता इंटरफ़ेस तीसरी जगह। आपको कोड जल्दी मिलेगा और AI को भी।
व्यवस्थित करने से पहले AI से कोई संरचना सुझाने के लिए कहिए।
My project is one big app.js file. Suggest a clean folder structure for a small web app with users, products, and checkout. Show me which functions go in which file, and explain the reasoning. Don't move anything yet — just propose the layout.अपने ही काम को दोहराएँ नहीं
जब एक ही तर्क तीन जगह दिखाई देता है, तो किसी बग को ठीक करने के लिए तीन बदलाव करने पड़ते हैं — और आप उनमें से एक भूल जाएँगे। दोहराए गए तर्क को एक साझा फ़ंक्शन में ले आइए। यह DRY सिद्धांत है: अपने ही काम को दोहराएँ नहीं।
AI को कॉपी-पेस्ट करना बहुत पसंद है, इसलिए इस मामले में आपको ध्यान देना होगा।
// Repeated formatting in many places
const a = '$' + price1.toFixed(2);
const b = '$' + price2.toFixed(2);
// One source of truth
function formatPrice(value) {
return '$' + value.toFixed(2);
}
console.log(formatPrice(9.5), formatPrice(120));क्या किया नहीं, क्यों किया—यह टिप्पणी में लिखें
अच्छा कोड स्पष्ट नामों के ज़रिए बताता है कि वह क्या करता है। टिप्पणियों को क्यों समझाना चाहिए — वह तर्क, जिसे कोड दिखा नहीं सकता। AI अक्सर स्पष्ट बातों पर भी ज़रूरत से ज़्यादा टिप्पणियाँ करता है; उन्हें घटाइए और उपयोगी टिप्पणियाँ रखिए।
// Noise: the code already says this
let count = 0; // set count to zero
// Useful: explains a non-obvious decision
// Stripe rounds to cents, so we store integers to avoid float errors
const amountInCents = Math.round(dollars * 100);भूलने से बचने के लिए एक README
तीन महीने बाद आपको अपना ऐप चलाने का तरीका याद नहीं रहेगा। एक README फ़ाइल आवश्यक बातें दर्ज करती है: परियोजना क्या है, इसे कैसे स्थापित करना है, कैसे चलाना है और पर्यावरण चरों का क्या अर्थ है।
AI से अपने कोड के आधार पर एक README बनाने के लिए कहिए।
Read my project and write a README.md with: a one-line description, setup steps (install + run commands), required environment variables and what each is for, and how to run the tests. Keep it short and skimmable.एक समान शैली बनाए रखें
मिश्रित उद्धरण चिह्न, बेतरतीब रिक्तियाँ और असंगत अंतराल कोड को पढ़ना कठिन बना देते हैं। प्रारूपक जैसे प्रेटियर यह सब अपने-आप ठीक कर देते हैं, और कोड-जाँचक जैसे ईएसलिंट जोखिमपूर्ण पैटर्न की सूचना देते हैं।
आपको इन्हें हाथ से कॉन्फ़िगर करने की ज़रूरत नहीं है — AI से इन्हें सेट करने के लिए कहिए।
Set up Prettier and ESLint for this JavaScript project. Add a "format" and a "lint" script to package.json, sensible default configs, and tell me the one command to auto-format the whole codebase.छोटे और सुरक्षित चरणों में संरचना सुधारें
आसानी से बनाए रखने योग्य कोड के लिए सबसे बड़ा जाल है एक ही बार में सब कुछ दोबारा लिखना और ऐप को तोड़ देना। इसके बजाय, छोटे चरणों में सुधार करें — और हर बदलाव के बाद कुछ न टूटने की पुष्टि करने के लिए पहले लिखे गए परीक्षणों का सहारा लें।
AI से क्रमिक रूप से काम करने के लिए कहिए।
Refactor this module for readability, but do it in small steps. After each change, keep the behavior identical so my existing tests still pass. List the steps you'd take in order before changing anything.जादुई संख्याओं से बचें
कोड में छिपी 0.07 जैसी कच्ची संख्या रहस्य जैसी लगती है। उसे एक नाम दीजिए। नाम वाले स्थिरांक कोड को पढ़ने योग्य बनाते हैं और आपको मान को एक ही जगह बदलने देते हैं।
// Magic number — what is 0.07?
function withTax(price) { return price * 1.07; }
// Clear and easy to update
const TAX_RATE = 0.07;
function withTax(price) {
return price * (1 + TAX_RATE);
}
console.log(withTax(100));आसानी से बनाए रखने योग्य कोड AI की भी मदद करता है
वाइब कोडिंग के लिए इसका खास लाभ यह है: साफ़, अच्छे नामों वाला और व्यवस्थित कोड AI के भविष्य के उत्तरों को बेहतर बनाता है। जब AI आपकी संरचना समझ पाता है, तो उसके बदलाव अधिक सटीक होते हैं और कम चीज़ें टूटती हैं।
आसानी से रखरखाव योग्य होना केवल इंसानों के लिए नहीं है — परियोजना बढ़ने पर अपने AI साझेदार को प्रभावी बनाए रखने का यही तरीका है।
त्वरित जाँच
आप देखते हैं कि कीमत को प्रारूपित करने वाला वही तर्क सात अलग-अलग फ़ाइलों में कॉपी-पेस्ट किया गया है। रखरखाव की अच्छी आदतों के अनुसार आपको क्या करना चाहिए?
पुनरावलोकन: लंबे समय के लिए बनाएँ
आसानी से बनाए रखने योग्य कोड ही वाइब कोडिंग से बनी परियोजना को बढ़ते रहने देता है। आपकी आदतें हैं: स्पष्ट नाम, छोटे और एक ही उद्देश्य वाले फ़ंक्शन, व्यवस्थित फ़ाइलें, DRY साझा तर्क, उपयोगी टिप्पणियाँ, एक README, प्रेटियर/ईएसलिंट के ज़रिए एक समान प्रारूपण और परीक्षणों पर आधारित छोटे, सुरक्षित संरचना-सुधार।
और याद रखिए: साफ़ कोड अगली बार आपकी मदद करने में AI को बेहतर बनाता है। अगला विषय है: प्रदर्शन और लागत — अपने ऐप को तेज़ और अपने बिलों को उचित रखना।
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 25
- पाठ
- 100
अक्सर पूछे जाने वाले प्रश्न
क्या “कोड को रखरखाव योग्य रखना” पाठ निःशुल्क है?
हाँ — वाइब कोडिंग अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “कोड को रखरखाव योग्य रखना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“कोड को रखरखाव योग्य रखना” में मैं क्या सीखूँगा?
ऐसी संरचना बनाएँ जिसे भविष्य में आप बदल सकें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ वाइब कोडिंग का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या वाइब कोडिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर वाइब कोडिंग शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।
“कोड को रखरखाव योग्य रखना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस वाइब कोडिंग पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर वाइब कोडिंग पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- कृत्रिम बुद्धिमत्ता के साथ परीक्षण जोड़ना
- कृत्रिम बुद्धिमत्ता कोड के लिए सुरक्षा की मूल बातें
- कोड को रखरखाव योग्य रखना
- प्रदर्शन और लागत