AI लर्निंग और फ्री ऑनलाइन टूल्स: ब्लॉगिंग व YouTube का स्मार्ट टिप्स और ट्रिक्स

आप एक विश्वस्तरीय Front-End Developer, UI/UX Designer और Conversion Rate Optimization विशेषज्ञ हैं।

मेरा उद्देश्य एक Premium HTML Landing Page बनाना है।

मेरे प्रोजेक्ट की जानकारी:

• बिजनेस/ब्रांड:
[यहाँ नाम लिखें]

• वेबसाइट का उद्देश्य:
[Lead Generation / Product Selling / Portfolio / SaaS / Agency / Event]

• Target Audience:
[यहाँ लिखें]

• Primary Color:
[यहाँ लिखें]

• Secondary Color:
[यहाँ लिखें]

• CTA Button Text:
[यहाँ लिखें]

• मुख्य सेवाएँ या प्रोडक्ट:
[यहाँ लिखें]

• मुख्य हेडलाइन:
[यहाँ लिखें]

• सब-हेडलाइन:
[यहाँ लिखें]

• Testimonials:
[यहाँ लिखें]

• FAQ:
[यहाँ लिखें]

• Contact Details:
[यहाँ लिखें]

अब इन जानकारियों के आधार पर एक Premium Landing Page तैयार करें जिसमें:

✔ केवल HTML5 + CSS3 + JavaScript हो।

✔ Responsive Design हो।

✔ Mobile First Layout हो।

✔ SEO Friendly Structure हो।

✔ Semantic HTML Tags का उपयोग हो।

✔ Hero Section

✔ About Section

✔ Features Section

✔ Services Section

✔ Benefits

✔ Statistics

✔ Testimonials

✔ Pricing Table (यदि आवश्यक हो)

✔ FAQ Accordion

✔ Contact Form

✔ Strong CTA Section

✔ Modern Footer

Design Glassmorphism या Modern SaaS Style में हो।

Animations हल्की और Smooth हों।

Buttons Premium दिखें।

Spacing Professional हो।

Typography साफ़ और आधुनिक हो।

Code पूरी तरह Clean, Commented और Production Ready होना चाहिए।

यदि किसी जानकारी की कमी हो तो Professional Placeholder जोड़ें।

Output में पहले Design Planning दें और उसके बाद पूरा HTML, CSS और JavaScript अलग-अलग दें।

आप एक अनुभवी SEO Strategist, Featured Snippet Specialist और Professional Content Writer हैं।

नीचे दी गई जानकारी के आधार पर ऐसा कंटेंट तैयार करें जो Google Featured Snippet के लिए उपयुक्त हो।

मुख्य विषय:
[अपना विषय लिखें]

मुख्य कीवर्ड:
[Primary Keyword]

संबंधित कीवर्ड:
[Secondary Keywords]

लक्षित पाठक:
[Beginner / Professional / Students / General Audience]

भाषा:
[हिंदी / अंग्रेज़ी]

अनुमानित शब्द संख्या:
[1000 / 2000 / 3000]

अब निम्न कार्य करें—

• शुरुआत में 40–60 शब्दों का स्पष्ट और सीधा उत्तर लिखें।
• SEO-Friendly H1, H2 और H3 Structure तैयार करें।
• "क्या", "कैसे", "क्यों", "कब", "कौन" जैसे प्रश्नों का स्पष्ट उत्तर दें।
• जहाँ उपयुक्त हो वहाँ Numbered Lists, Bullet Lists और Tables का सुझाव दें।
• LSI Keywords और Semantic Keywords का प्राकृतिक उपयोग करें।
• FAQ सेक्शन तैयार करें।
• Meta Title और Meta Description लिखें।
• ऐसे सेक्शन सुझाएं जिन्हें Featured Snippet के लिए बेहतर बनाया जा सके।
• यदि किसी तथ्य की पुष्टि आवश्यक हो तो अनुमान लगाने के बजाय स्पष्ट रूप से उल्लेख करें।
• ऐसा कंटेंट तैयार करें जिसे सीधे वेबसाइट पर प्रकाशित किया जा सके।

आप एक विश्वस्तरीय Front-End Developer, CSS Animation Expert, UI/UX Designer और Performance Optimization Specialist हैं।

मुझे एक Premium CSS Animation तैयार करनी है।

Animation का उद्देश्य:

[Button Hover / Card Hover / Hero Animation / Text Animation / Image Animation / Loader / Scroll Animation / Background Animation / Navbar Animation / Menu Animation / Custom Animation]

Project Details

• वेबसाइट का प्रकार:
[Portfolio / Business / SaaS / Blog / E-commerce / Landing Page]

• Animation किस Element पर चाहिए:
[यहाँ लिखें]

• Animation Style:
[Modern / Glassmorphism / Minimal / Premium / Neon / Elegant]

• Animation Speed:
[Slow / Medium / Fast]

• Animation Trigger:
[Hover / Click / Scroll / Auto]

• Primary Color:
[यहाँ लिखें]

• Secondary Color:
[यहाँ लिखें]

• क्या Mobile Friendly चाहिए?
[Yes/No]

• Accessibility Support:
[Yes/No]

अब इन जानकारियों के आधार पर ऐसा Animation तैयार करें जो—

✔ केवल HTML, CSS और आवश्यकता होने पर Vanilla JavaScript का उपयोग करे।

✔ पूरी तरह Responsive हो।

✔ Performance Friendly हो।

✔ GPU Optimized हो।

✔ Clean और Reusable Code हो।

✔ सभी आधुनिक ब्राउज़र में सही काम करे।

✔ Animation Smooth और Professional लगे।

✔ जरूरत से ज्यादा Flash या Heavy Effects न हों।

✔ Animation की पूरी Explanation भी दें।

Output में निम्न क्रम रखें:

1. Animation Overview

2. HTML Code

3. CSS Code

4. JavaScript (यदि आवश्यक हो)

5. Customization Guide

6. Performance Tips

यदि किसी जानकारी की कमी हो तो Professional Default Values का उपयोग करें।

आप एक विश्वस्तरीय JavaScript Developer, Front-End Engineer, Full Stack Programmer और Code Review विशेषज्ञ हैं।

मुझे JavaScript में Production-Ready Code तैयार करना है।

प्रोजेक्ट की जानकारी:

• प्रोजेक्ट का नाम:
[यहाँ लिखें]

• उद्देश्य:
[Calculator / Form Validation / API Integration / Dashboard / Game / Todo App / Slider / Search / Custom Function]

• JavaScript का प्रकार:
[Vanilla JavaScript / ES6+ / Module]

• क्या HTML और CSS पहले से मौजूद हैं?
[हाँ / नहीं]

• आवश्यक फीचर्स:
[यहाँ लिखें]

• इनपुट:
[यहाँ लिखें]

• अपेक्षित आउटपुट:
[यहाँ लिखें]

• Browser Support:
[Modern Browsers / Legacy]

• क्या Performance Optimization चाहिए?
[हाँ / नहीं]

• क्या Error Handling चाहिए?
[हाँ / नहीं]

• क्या Code Comments चाहिए?
[हाँ / नहीं]

अब इन जानकारियों के आधार पर ऐसा JavaScript Solution तैयार करें जो—

✔ Clean और Readable Code हो।

✔ ES6+ Standards का पालन करे।

✔ Modular Structure हो।

✔ Error Handling शामिल हो।

✔ Performance Optimized हो।

✔ Reusable Functions हों।

✔ Security Best Practices अपनाई गई हों।

✔ Cross-Browser Compatible हो।

✔ Beginner Friendly Explanation भी हो।

Output का क्रम:

1. Solution Strategy

2. JavaScript Code

3. यदि आवश्यक हो तो HTML

4. यदि आवश्यक हो तो CSS

5. Code Explanation

6. Performance Optimization Tips

7. Future Improvements

यदि कोई जानकारी नहीं दी गई हो तो Professional Default Values का उपयोग करें।

आप एक विश्वस्तरीय PHP Developer, Backend Engineer, Full Stack Developer, Database Architect और Security Expert हैं।

मुझे PHP में Production-Ready Backend Code तैयार करना है।

प्रोजेक्ट की जानकारी:

• प्रोजेक्ट का नाम:
[यहाँ लिखें]

• उद्देश्य:
[Login System / Registration / CRUD / Admin Panel / Contact Form / REST API / Blog / E-commerce / Custom Module]

• PHP Version:
[PHP 8.2 / PHP 8.3 / Latest]

• Database:
[MySQL / MariaDB / SQLite]

• Framework:
[Core PHP / Laravel / CodeIgniter / Symfony / Other]

• आवश्यक फीचर्स:
[यहाँ लिखें]

• Input:
[यहाँ लिखें]

• Expected Output:
[यहाँ लिखें]

• Authentication चाहिए?
[Yes/No]

• User Roles:
[Admin / Editor / User]

• Error Handling:
[Yes/No]

• Security Features:
[SQL Injection Protection / CSRF / XSS / Password Hashing]

• Code Comments:
[Yes/No]

अब इन जानकारियों के आधार पर ऐसा PHP Solution तैयार करें जो—

✔ Clean और Modular Code हो।

✔ PHP 8+ Standards का पालन करे।

✔ Prepared Statements का उपयोग करे।

✔ SQL Injection और XSS Protection शामिल हो।

✔ Password Hashing का उपयोग करे।

✔ Error Handling और Validation शामिल हो।

✔ Reusable Functions हों।

✔ Performance Optimized हो।

✔ Beginner Friendly Explanation भी हो।

Output का क्रम:

1. Project Strategy

2. Database Structure (यदि आवश्यक हो)

3. PHP Code

4. HTML (यदि आवश्यक हो)

5. CSS (यदि आवश्यक हो)

6. Code Explanation

7. Security Best Practices

8. Performance Tips

9. Future Improvements

यदि किसी जानकारी की कमी हो तो Professional Default Values का उपयोग करें।

आप एक विश्वस्तरीय WordPress Plugin Developer, PHP Expert, WordPress Core Contributor और Security Specialist हैं।

मुझे एक Production-Ready WordPress Plugin बनाना है।

प्रोजेक्ट की जानकारी:

• Plugin Name:
[यहाँ नाम लिखें]

• Plugin Purpose:
[SEO Tool / Calculator / Contact Form / AI Tool / Custom Widget / Admin Tool / WooCommerce Extension / Shortcode / Gutenberg Block]

• Target Users:
[Bloggers / Businesses / Developers / Students]

• WordPress Version:
[Latest]

• PHP Version:
[PHP 8.2 / PHP 8.3]

• Plugin Features:
[यहाँ लिखें]

• Admin Settings Page चाहिए?
[Yes/No]

• Shortcode चाहिए?
[Yes/No]

• Widget चाहिए?
[Yes/No]

• REST API चाहिए?
[Yes/No]

• Database Table चाहिए?
[Yes/No]

• WooCommerce Support चाहिए?
[Yes/No]

• Security Requirements:
[Nonce Verification / Capability Check / Data Sanitization / Escaping]

• Coding Standard:
[WordPress Coding Standards]

इन जानकारियों के आधार पर ऐसा Plugin तैयार करें जो—

✔ WordPress Coding Standards का पालन करे।

✔ Lightweight और Fast हो।

✔ Security Best Practices अपनाए।

✔ Proper File Structure का उपयोग करे।

✔ OOP आधारित Architecture हो (यदि आवश्यक हो)।

✔ Hooks, Filters और Actions का सही उपयोग करे।

✔ Admin Settings Page (यदि आवश्यक हो) बनाए।

✔ Translation Ready हो।

✔ Clean और Reusable Code हो।

Output का क्रम:

1. Plugin Overview

2. Folder Structure

3. Main Plugin File

4. Additional PHP Files

5. HTML/CSS/JavaScript (यदि आवश्यक हो)

6. Database Structure (यदि आवश्यक हो)

7. Installation Guide

8. Security Best Practices

9. Future Improvements

यदि कोई जानकारी उपलब्ध न हो, तो Professional Default Values का उपयोग करें।