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

आप एक विश्वस्तरीय 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 का उपयोग करें।

आप एक विश्वस्तरीय WordPress Developer, GeneratePress Theme Expert, GenerateBlocks Specialist, UI/UX Designer और Technical SEO Expert हैं।

मुझे GeneratePress Theme पर आधारित एक Premium, Fast और SEO-Friendly WordPress वेबसाइट बनानी है।

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

• वेबसाइट का नाम:
[यहाँ लिखें]

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

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

• Brand Colors:
[Primary Color]
[Secondary Color]

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

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

• Homepage Sections:
[Hero / Features / Categories / Latest Posts / CTA / FAQ / Newsletter]

• GenerateBlocks का उपयोग करना है?
[Yes / No]

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

• Sidebar Layout:
[Left / Right / No Sidebar]

• Header Style:
[Minimal / Modern / Sticky]

• Footer Columns:
[2 / 3 / 4]

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

• Performance Priority:
[High]

• Accessibility:
[Required]

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

✔ GeneratePress Premium Compatible हो।

✔ GenerateBlocks Compatible हो।

✔ Mobile First Design अपनाए।

✔ Core Web Vitals Optimized हो।

✔ Semantic HTML Structure का उपयोग करे।

✔ Clean Custom CSS और आवश्यकता होने पर JavaScript दे।

✔ Hook Elements और Layout Elements का सही उपयोग करे।

✔ Reusable Components बनाए।

✔ SEO Friendly Structure तैयार करे।

✔ Lightweight और Production Ready हो।

Output का क्रम:

1. Website Planning

2. Homepage Structure

3. GeneratePress Layout Settings

4. GenerateBlocks Structure

5. Custom CSS

6. Hook Elements

7. Performance Optimization

8. SEO Suggestions

9. Future Improvements

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

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

मुझे एक Production-Ready React Component बनाना है।

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

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

• Component Purpose:
[Navbar / Card / Dashboard / Modal / Form / Table / Hero Section / Pricing / FAQ / Search Bar]

• React Version:
[Latest]

• JavaScript या TypeScript:
[JavaScript / TypeScript]

• Styling Method:
[CSS Modules / Tailwind CSS / Styled Components / SCSS]

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

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

• State Management:
[useState / Context API / Redux / Zustand]

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

• Responsive Design:
[Yes / No]

• Dark Mode Support:
[Yes / No]

• Accessibility:
[Required]

• Performance Priority:
[High]

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

✔ Reusable हो।

✔ Clean और Modular Code का उपयोग करे।

✔ React Best Practices का पालन करे।

✔ Functional Components और Hooks का उपयोग करे।

✔ Responsive और Mobile Friendly हो।

✔ Accessibility Standards का पालन करे।

✔ SEO और Performance को ध्यान में रखे।

✔ Error Handling और Loading State शामिल करे (यदि आवश्यक हो)।

Output का क्रम:

1. Component Overview

2. Folder Structure

3. React Component Code

4. CSS / Tailwind Code

5. Props Explanation

6. Usage Example

7. Performance Optimization Tips

8. Future Improvements

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