کتاب صوتی طراحی و پیاده‌سازی فرم‌های پیشرفته و اعتبارسنجی داده‌ها در HTML

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره طراحی و پیاده‌سازی فرم‌های پیشرفته و اعتبارسنجی داده‌ها در HTML

موضوع کلی: فناوری و برنامه‌نویسی

موضوع میانی: HTML (ساختار صفحات وب)

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر فرم‌ها در HTML
• 2. کاربردهای فرم‌های پیشرفته
• 3. تگ `<form>` و атрибут‌های اصلی آن
• 4. تگ‌های ورودی: `<input>` انواع مختلف
• 5. تگ `<label>` و ارتباط با ورودی‌ها
• 6. تگ `<textarea>` برای ورودی‌های متنی طولانی
• 7. تگ `<select>` و `<option>` برای لیست‌های انتخاب
• 8. تگ `<button>` و انواع دکمه‌ها
• 9. گروه‌بندی ورودی‌ها با تگ `<fieldset>` و `<legend>`
• 10. آشنایی با атрибут‌های валидация HTML5
• 11. اعتبارسنجی اجباری بودن فیلد (required attribute)
• 12. اعتبارسنجی نوع ورودی (type attribute)
• 13. اعتبارسنجی طول رشته (minlength و maxlength attributes)
• 14. اعتبارسنجی محدوده عددی (min و max attributes)
• 15. اعتبارسنجی فرمت ایمیل (type="email")
• 16. اعتبارسنجی URL (type="url")
• 17. اعتبارسنجی الگو با استفاده از pattern attribute
• 18. نمایش پیام‌های خطا با استفاده از атрибут‌های HTML5
• 19. استفاده از CSS برای استایل‌دهی به فرم‌ها
• 20. طراحی فرم‌های واکنش‌گرا (Responsive Forms)
• 21. استفاده از JavaScript برای اعتبارسنجی پیشرفته
• 22. اعتبارسنجی سمت کاربر (Client-side Validation)
• 23. اعتبارسنجی سمت سرور (Server-side Validation) - مقدمه و ضرورت
• 24. ارسال داده‌های فرم با متدهای GET و POST
• 25. امنیت فرم‌ها و جلوگیری از حملات XSS و CSRF
• 26. کار با فایل‌ها و آپلود فایل در فرم‌ها (input type="file")
• 27. فرم‌های چند مرحله‌ای (Multi-Step Forms)
• 28. طراحی فرم‌های پویا با JavaScript
• 29. استفاده از کتابخانه‌های JavaScript برای فرم‌ها (مثال: Formik, React Hook Form)
• 30. پیاده‌سازی فرم‌های جستجو پیشرفته
• 31. طراحی فرم‌های ثبت‌نام و ورود
• 32. استفاده از атрибут placeholder برای راهنمایی کاربر
• 33. استفاده از атрибут autocomplete برای تکمیل خودکار
• 34. استفاده از атрибут readonly و disabled
• 35. طراحی فرم‌های با قابلیت Drag and Drop
• 36. استفاده از атрибут formaction برای ارسال فرم به آدرس‌های مختلف
• 37. استفاده از атрибуت formmethod برای تعیین متد ارسال فرم
• 38. آشنایی با تگ `<datalist>` برای پیشنهاد مقادیر
• 39. طراحی فرم‌های با استفاده از Semantic HTML
• 40. بهینه‌سازی فرم‌ها برای SEO
• 41. تست و دیباگ فرم‌ها