बदलावों के लिए कहना
बातचीत करके रंग, टेक्स्ट और लेआउट बदलें।
बदलावों के लिए कहना, CoddyKit पर वाइब कोडिंग का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह वाइब कोडिंग सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
अब आप दिशा देंगे
आपका पहला संस्करण मौजूद है। यह करीब है, लेकिन अभी पूरी तरह आप जैसा नहीं है। अगला वाइब-कोडिंग कौशल है बदलाव मांगना — हाथ से कोड संपादित करने के बजाय AI से चैट करके अपने ऐप को बेहतर बनाना।
यहीं वाइब कोडिंग जादू जैसी लगती है: आप कहते हैं "बटन को बड़ा और नीला बनाइए," और यह हो जाता है। इस पाठ में आप सीखेंगे कि बदलाव इस तरह कैसे मांगें कि AI पहली कोशिश में ही उन्हें सही ढंग से कर दे।
एक बार में एक चीज़ बदलें
बदलाव करने का सुनहरा नियम है: छोटे, केंद्रित अनुरोध बड़े अनुरोधों से बेहतर होते हैं। अगर आप एक ही संदेश में दस बदलाव मांगेंगे, तो AI छह ठीक से कर सकता है, दो अजीब ढंग से और दो भूल सकता है।
एक या दो संबंधित बदलाव मांगें, परिणाम देखें और फिर आगे बढ़ें। यह धीमा लगता है, लेकिन वास्तव में तेज़ है, क्योंकि आपको कभी भी कई बदलावों वाले उलझे हुए उत्तर को अलग-अलग समझना नहीं पड़ेगा।
Instead of this:
"Make it blue, add dark mode, change the font, add 3 new buttons, make it responsive, add sounds, and translate it to Spanish."
Do this, step by step:
"Change the main button color to blue."
(then) "Now make the heading font larger and bolder."जो कहना चाहते हैं, उसकी ओर संकेत करें
आपका मतलब किस तत्व से है, AI यह अपने-आप नहीं जान सकता। लक्ष्य के बारे में स्पष्ट रहें: बटन, अनुभाग, रंग और पाठ का नाम लें।
एक अस्पष्ट अनुरोध की तुलना एक सटीक अनुरोध से करें। सटीकता ही आपके मनचाहे बदलाव और किसी अप्रत्याशित परिणाम के बीच का अंतर है।
Vague: "Make it look better."
Clear: "Make the '+1 Glass' button larger, with rounded corners and a blue background."
Vague: "The text is wrong."
Clear: "Change the heading from 'Water App' to 'My Daily Water Tracker'."बदलावों के तीन प्रकार
ज़्यादातर बदलाव तीन श्रेणियों में आते हैं। आप किस प्रकार का बदलाव मांग रहे हैं, यह जानने से उसे अच्छी तरह लिखने में मदद मिलती है:
- पाठ में बदलाव — शब्दावली, लेबल, शीर्षक और संदेश।
- रूप में बदलाव — रंग, आकार, दूरी, फ़ॉन्ट और विन्यास।
- व्यवहार में बदलाव — क्लिक करने, टाइप करने या लोड होने पर क्या होता है।
व्यवहार में बदलाव सबसे जटिल होते हैं, इसलिए उन्हें स्पष्ट कारण-परिणाम के रूप में बताएं: "जब X हो, तो Y करें।"
Text: "Change the button label to 'Add Glass'."
Look: "Use a soft green background and white text on the card."
Behavior: "When the counter reaches 8, show a confetti emoji and the message 'Goal reached!'."व्यवहार को अगर-तो के रूप में बताएं
इंटरैक्शन के लिए AI को अगर-तो वाला ढांचा पसंद आता है। यह बिना अनुमान लगाए सीधे कोड में बदला जा सकता है।
यह देखने के लिए यह छोटा अंश चलाएं कि "जब काउंटर लक्ष्य तक पहुंचे, तो जश्न मनाएं" जैसे व्यवहार संबंधी अनुरोध से AI किस तरह का अगर-तो तर्क बनाएगा।
function statusFor(count, goal) {
if (count >= goal) return "Goal reached! Confetti time!";
if (count >= goal - 2) return "Almost there!";
return "Keep sipping.";
}
console.log(statusFor(3, 8));
console.log(statusFor(7, 8));
console.log(statusFor(8, 8));‘बाकी सब वैसा ही रखें’ का उपयोग करें
क्या आपको चिंता है कि कोई बदलाव आपके पसंदीदा हिस्सों को बिगाड़ देगा? AI से कहें कि वह उन्हें न छुए। "बाकी सब वैसा ही रखें" वाक्य आपके ऐप के लिए सुरक्षा-पट्टी जैसा है।
इससे AI पूरे ऐप को दोबारा बनाने के बजाय सीमित संपादन पर ध्यान देता है और गलती से आपका विन्यास बदलने या कोई सुविधा हटाने से बचता है।
Make only this change: the Reset button should be red instead of gray.
Keep everything else exactly the same — layout, other buttons, and the counter logic.केवल बताएं नहीं, दिखाएं
जब शब्दों में समझाना कठिन हो, तो AI को कोई उदाहरण दें। अपनी पसंद की शैली का संदर्भ दें, रंग का कोड चिपकाएं या किसी परिचित ऐप का वर्णन करें।
उदाहरण अस्पष्टता को तेज़ी से कम करते हैं — विशेषणों का अर्थ अपने हिसाब से निकालने के बजाय AI के पास मिलान करने के लिए कुछ ठोस होता है।
Make the card style feel like a modern iOS settings screen:
rounded corners, subtle shadow, light gray background (#F2F2F7), generous padding.
Use #2563EB as the main button color and white text.जब कोई बदलाव गलत हो जाए
कभी-कभी कोई बदलाव कुछ बिगाड़ देता है या परिणाम और खराब दिखने लगता है। ऐसे में दो आसान उपाय हैं:
- पहले जैसा करें: "पिछला बदलाव वापस लें और इसे पहले जैसा कर दें।"
- दिशा बदलें: "इससे दूरी बहुत ज़्यादा हो गई है — इसे लगभग आधा कर दें।"
आप कभी अटकेंगे नहीं। क्योंकि आप एक बार में एक ही चीज़ बदलते हैं, इसलिए हमेशा स्पष्ट रहता है कि क्या वापस लेना या समायोजित करना है।
That last change made the buttons overlap and hard to tap.
Please undo it and instead just increase the gap between the two buttons slightly.
Keep their size and color the same.वाइब की ओर लगातार सुधार करते जाएं
बदलाव करना केवल चीज़ें ठीक करना नहीं है — यह अपने दृष्टिकोण के अनुरूप उन्हें निखारना है। छोटे-छोटे सुधार करते रहें: थोड़ा अधिक गोल आकार, कुछ गर्म रंग या अधिक मित्रवत संदेश। हर छोटा अनुरोध आपको लक्ष्य के करीब ले जाता है।
यह आगे-पीछे का काम वाइब कोडिंग का केंद्र है। आप निर्देशक हैं और AI दल है। आप तब तक कहते रहते हैं, "लगभग सही — अब यह करें," जब तक परिणाम सही महसूस न हो।
Round 1: "Make the background a warm cream color."
Round 2: "A touch warmer, more like soft peach."
Round 3: "Perfect. Now make the heading a slightly darker shade so it stands out."अगले बदलाव जोड़ने से पहले पुष्टि करें
हर बदलाव के बाद अगला अनुरोध भेजने से पहले परिणाम पर एक नज़र डालें। अगर आप बिना जांचे लगातार बदलाव भेजते रहेंगे, तो त्रुटियां जमा होती जाएंगी और आपको पता नहीं चलेगा कि क्या किस वजह से बिगड़ा।
यह लय बनाएं: मांगें → देखें → पुष्टि करें → फिर मांगें। धीमा काम सुचारु होता है और सुचारु काम तेज़ होता है।
बदलाव के एक छोटे सत्र का उदाहरण
शुरू से अंत तक एक अच्छे बदलाव-सत्र का रूप ऐसा होता है — छोटे, विशिष्ट अनुरोध और हर चरण पर समीक्षा।
You: "Change the title to 'Stay Hydrated'." -> check, looks good
You: "Make the +1 button blue and a bit bigger." -> check, good
You: "When I reach 8 glasses, show a celebration message." -> check, works
You: "Keep everything else the same, add a little spacing under the title." -> doneत्वरित जाँच
आप चाहते हैं कि AI आपके Reset बटन को लाल कर दे, लेकिन आपके बाकी काम कर रहे ऐप को प्रभावित न करे। सबसे अच्छा अनुरोध क्या होगा?
पुनरावलोकन: अब आप AI को दिशा दे सकते हैं
आपने चैट करके अपने ऐप को बेहतर बनाना सीखा। बदलाव मांगने की आवश्यक बातें:
- एक बार में एक चीज़ — छोटे, केंद्रित अनुरोध बेहतर परिणाम देते हैं।
- जो कहना चाहते हैं, उसकी ओर संकेत करें — तत्व, रंग और पाठ का नाम लें।
- व्यवहार को अगर-तो के रूप में लिखें।
- सुरक्षा-पट्टी के रूप में "बाकी सब वैसा ही रखें" जोड़ें।
- जब शब्दों में समझाना कठिन हो, तो उदाहरण दिखाएं और हर बदलाव के बाद समीक्षा करें।
अंतिम पड़ाव: अपने तैयार ऐप का पूर्वावलोकन करना, उसे लाइव चलाना और दुनिया के साथ साझा करना!
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 25
- पाठ
- 100
अक्सर पूछे जाने वाले प्रश्न
क्या “बदलावों के लिए कहना” पाठ निःशुल्क है?
हाँ — वाइब कोडिंग अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “बदलावों के लिए कहना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“बदलावों के लिए कहना” में मैं क्या सीखूँगा?
बातचीत करके रंग, टेक्स्ट और लेआउट बदलें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ वाइब कोडिंग का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या वाइब कोडिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर वाइब कोडिंग शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।
“बदलावों के लिए कहना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस वाइब कोडिंग पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर वाइब कोडिंग पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- अपने विचार का वर्णन करना
- पहला संस्करण बनाना
- बदलावों के लिए कहना
- प्रीव्यू करना और चलाना