अनुभाग और सामग्री जोड़ना
मुख्य भाग, सुविधाएँ और पादलेख तैयार करें।
अनुभाग और सामग्री जोड़ना, CoddyKit पर वाइब कोडिंग का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह वाइब कोडिंग सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
ढाँचे से कहानी तक
आपके पृष्ठ की सज्जा हो चुकी है, लेकिन शब्द अभी भी स्थान-धारक हैं। अब आप इसे वास्तविक अनुभागों और सामग्री से भरेंगे।
लैंडिंग पृष्ठ एक छोटी कहानी बताता है: यहाँ समस्या है, यहाँ आपका समाधान है, इसे क्यों भरोसेमंद मानना चाहिए और कार्रवाई करने के लिए यहाँ बटन है।
शीर्षक लिखें
शीर्षक पृष्ठ की सबसे महत्वपूर्ण पंक्ति होती है। इसमें कुछ शब्दों में मुख्य लाभ बताया जाना चाहिए।
आप एआई से कुछ विकल्प सुझाने को कह सकते हैं और फिर अपना पसंदीदा विकल्प चुन सकते हैं। उत्पाद क्या करता है और किसकी मदद करता है, इसका वर्णन करें।
Write three short headline options for the PlantPal hero.
PlantPal sends gentle reminders so houseplants never get forgotten.
Keep each headline under eight words.विशेषताओं का अनुभाग जोड़ें
विशेषताओं का अनुभाग बताता है कि आपका उत्पाद क्या करता है। इसमें आमतौर पर छोटे शीर्षकों के साथ तीन या चार छोटे बिंदु होते हैं।
एआई को अपनी प्रमुख विशेषताएँ बताएँ और उन्हें व्यवस्थित ढंग से रखने को कहें, अक्सर एक पंक्ति में बने कार्डों के रूप में।
Fill the features section with three feature cards:
1. Smart watering reminders
2. Care tips for each plant
3. Track all your plants in one place
Give each card a short title and one sentence.बताएँ कि यह कैसे काम करता है
जब लोगों को पता होता है कि क्या अपेक्षा करनी है, तो वे अधिक सुरक्षित महसूस करते हैं। "यह कैसे काम करता है" अनुभाग चरणों को सरल शब्दों में दिखाता है।
तीन चरण एक सहज संख्या है। एआई से उन्हें क्रमांकित करने और हर चरण को एक छोटी पंक्ति तक सीमित रखने को कहें।
Add a "How It Works" section with three numbered steps:
1. Add your plants
2. Set a watering schedule
3. Get reminders on your phone
Keep each step to one short sentence.सामाजिक प्रमाण जोड़ें
सामाजिक प्रमाण का अर्थ है यह दिखाना कि आपके उत्पाद को दूसरे लोग भी पसंद करते हैं। संतुष्ट उपयोगकर्ताओं के छोटे उद्धरण भरोसा बढ़ाते हैं।
अभ्यास वाले पृष्ठ के लिए, आप एआई से उदाहरणस्वरूप प्रशंसापत्र बनाने को कह सकते हैं। बस याद रखें कि वे नमूने हैं, वास्तविक समीक्षाएँ नहीं।
Add a testimonials section with two short sample quotes from imaginary happy users.
Label them clearly as example reviews with a first name and city.अंतिम कार्रवाई का आह्वान
पृष्ठ के निचले हिस्से के पास अपना मुख्य बटन फिर से रखें, ताकि तैयार आगंतुकों को ऊपर वापस स्क्रॉल न करना पड़े।
उसके ऊपर प्रोत्साहित करने वाली एक पंक्ति जोड़ें। यह आखिरी छोटा प्रोत्साहन अक्सर रुचि रखने वाले आगंतुक को उपयोगकर्ता में बदल देता है।
Add a final call-to-action section near the bottom.
Include a short encouraging line like "Start caring for your plants today" and a "Get Started" button.लिखित सामग्री छोटी रखें
लैंडिंग पृष्ठों पर छोटा पाठ अधिक प्रभावी होता है। आगंतुक हर शब्द पढ़ने के बजाय पृष्ठ को सरसरी तौर पर देखते हैं।
अगर कोई अनुच्छेद लंबा लगे, तो एआई से उसे छोटा करने को कहें। "इसे छोटा और सरल बनाइए" ऐसा अनुरोध है जिसे एआई तुरंत पूरा कर सकता है।
The features text feels too long.
Make each feature description shorter and simpler, just one clear line each.दर्शकों के अनुसार शैली चुनें
आपका लिखने का तरीका इस बात के अनुरूप होना चाहिए कि आप किससे बात कर रहे हैं। शुरुआती लोगों के लिए पौधों वाला ऐप आत्मीय और सरल लगना चाहिए, तकनीकी नहीं।
एआई को अपनी मनचाही शैली बताएँ, जैसे "मैत्रीपूर्ण और प्रोत्साहित करने वाली", ताकि शब्द उपयुक्त लगें।
Rewrite all the text in a warm, friendly, encouraging tone.
Imagine talking to a busy beginner who loves their plants but forgets to water them.चित्र का स्थान-धारक जोड़ें
चित्र किसी पृष्ठ को वास्तविक महसूस कराते हैं। आपके पास फ़ोटो न होने पर भी, आप एआई से सही स्थानों पर चित्रों के स्थान-धारक जोड़ने को कह सकते हैं।
बाद में आप उनकी जगह वास्तविक चित्र लगा सकते हैं। अभी के लिए, नाम वाला स्थान-धारक बॉक्स दिखाता है कि दृश्य कहाँ आएगा।
Add an image placeholder in the hero section next to the headline.
Label it "App screenshot goes here" so I know where to add a real image later.प्रवाह जाँचें
अपने पृष्ठ को ऊपर से नीचे तक पढ़ें। क्या यह शीर्षक से सुविधाओं, फिर इसके काम करने के तरीके, प्रमाण और अंत में बटन तक सहजता से पहुँचता है?
अगर कोई खंड क्रम से बाहर लगे, तो एआई से उसे स्थानांतरित करने को कहें। कहानी स्वाभाविक लगनी चाहिए और एक स्पष्ट कार्रवाई की ओर ले जानी चाहिए।
एक पूरा पृष्ठ
अब आपका पृष्ठ पूरी कहानी बताता है: स्पष्ट शीर्षक, वास्तविक सुविधाएँ, सरल चरण, मैत्रीपूर्ण प्रमाण और अंतिम बटन।
आपने यह सब अपनी इच्छा को सरल शब्दों में बताकर बनाया है। अब आप पृष्ठ का पूर्वावलोकन करेंगे और छोटे बदलाव करेंगे।
Review the whole PlantPal page and make sure the sections flow in this order:
hero, features, how it works, testimonials, final call to action, footer.त्वरित जाँच
आइए, सामग्री बनाने की समीक्षा करें।
पुनरावलोकन: खंड और सामग्री
आपने अपने ढाँचे में एक वास्तविक कहानी भरी: शीर्षक, सुविधाएँ, इसके काम करने का तरीका, प्रशंसापत्र और अंतिम कार्रवाई का आह्वान।
आपने लिखित सामग्री छोटी रखना, अपने दर्शकों के अनुसार शैली चुनना और चित्रों के स्थान-धारक जोड़ना सीखा। अब तैयार पृष्ठ का पूर्वावलोकन और उसमें छोटे बदलाव करना बाकी है।
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 25
- पाठ
- 100
अक्सर पूछे जाने वाले प्रश्न
क्या “अनुभाग और सामग्री जोड़ना” पाठ निःशुल्क है?
हाँ — वाइब कोडिंग अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “अनुभाग और सामग्री जोड़ना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“अनुभाग और सामग्री जोड़ना” में मैं क्या सीखूँगा?
मुख्य भाग, सुविधाएँ और पादलेख तैयार करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ वाइब कोडिंग का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या वाइब कोडिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर वाइब कोडिंग शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।
“अनुभाग और सामग्री जोड़ना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस वाइब कोडिंग पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर वाइब कोडिंग पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- पृष्ठ का ढाँचा बनाना
- साधारण भाषा से शैली तय करना
- अनुभाग और सामग्री जोड़ना
- पूर्वावलोकन और सुधार