دوره HTML و Forms Validation: اعتبارسنجی فرم‌ها سمت کلاینت همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره HTML و Forms Validation: اعتبارسنجی فرم‌ها سمت کلاینت

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

موضوع میانی: HTML

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

• 1. مبانی HTML: شروع کار
• 2. آشنایی با ساختار HTML: head، body
• 3. تگ‌های اصلی HTML: h1-h6, p, a, img, ul, ol, li
• 4. کار با تصاویر در HTML: تگ img و ویژگی‌های alt, src
• 5. ایجاد لینک‌ها در HTML: تگ a و ویژگی href, target
• 6. کار با لیست‌ها در HTML: ul, ol, li و انواع لیست‌ها
• 7. جداول در HTML: تگ table, tr, th, td
• 8. فرم‌های HTML: معرفی و تگ form
• 9. تگ‌های ورودی فرم: input (text, password, email, number, date, etc.)
• 10. ویژگی‌های مهم تگ input: name, id, value
• 11. تگ‌های select و option در فرم‌ها
• 12. تگ textarea برای ایجاد فیلدهای متنی بزرگ
• 13. تگ button و انواع آن (submit, reset, button)
• 14. برچسب‌گذاری عناصر فرم با تگ label
• 15. ساختار کلی یک فرم HTML
• 16. استایل‌دهی اولیه فرم‌ها با CSS
• 17. معرفی CSS و ارتباط آن با HTML
• 18. انتخاب‌گرهای CSS: انواع و کاربردها
• 19. استفاده از CSS inline، internal و external
• 20. طراحی فرم با CSS: رنگ، فونت، حاشیه
• 21. طراحی فرم با CSS: اندازه، padding، margin
• 22. طراحی فرم با CSS: position و display
• 23. طراحی فرم با CSS: box model
• 24. معرفی جاوااسکریپت و نقش آن در اعتبارسنجی
• 25. اضافه کردن جاوااسکریپت به HTML: تگ script
• 26. اصول اولیه جاوااسکریپت: متغیرها، انواع داده
• 27. عملگرهای جاوااسکریپت: ریاضی، مقایسه‌ای، منطقی
• 28. توابع در جاوااسکریپت: تعریف و فراخوانی
• 29. رویدادها در جاوااسکریپت: onclick, onsubmit, onchange
• 30. دسترسی به عناصر HTML با جاوااسکریپت: document.getElementById
• 31. دسترسی به عناصر HTML با جاوااسکریپت: document.querySelector
• 32. دسترسی به عناصر HTML با جاوااسکریپت: document.querySelectorAll
• 33. تغییر محتوای HTML با جاوااسکریپت
• 34. تغییر استایل‌های CSS با جاوااسکریپت
• 35. اعتبارسنجی فرم‌ها با جاوااسکریپت: مقدمه
• 36. اعتبارسنجی فیلدهای خالی
• 37. اعتبارسنجی فرمت ایمیل
• 38. اعتبارسنجی شماره تلفن
• 39. اعتبارسنجی رمز عبور (حداقل طول، حروف بزرگ و کوچک)
• 40. اعتبارسنجی فیلدهای عددی (محدوده، نوع داده)
• 41. اعتبارسنجی انتخاب‌های select و radio
• 42. اعتبارسنجی تاریخ (فرمت، اعتبار)
• 43. نمایش پیام‌های خطا به کاربر
• 44. مخفی کردن و نمایش پیام‌های خطا
• 45. استفاده از کلاس‌ها برای نمایش خطا
• 46. تنظیم focus بر روی فیلد خطا
• 47. اعتبارسنجی فرم در زمان submit
• 48. اعتبارسنجی فرم در زمان onblur
• 49. اعتبارسنجی فرم در زمان onchange
• 50. اعتبارسنجی فرم‌های پیچیده با جاوااسکریپت
• 51. معرفی Regular Expressions (RegEx) و کاربرد آن
• 52. استفاده از RegEx برای اعتبارسنجی ایمیل
• 53. استفاده از RegEx برای اعتبارسنجی شماره تلفن
• 54. استفاده از RegEx برای اعتبارسنجی رمز عبور
• 55. اعتبارسنجی فرم با استفاده از RegEx
• 56. پاک‌سازی داده‌های ورودی
• 57. جلوگیری از ارسال فرم نامعتبر
• 58. استفاده از کتابخانه‌های اعتبارسنجی فرم (مانند Parsley.js - معرفی)
• 59. نصب و راه‌اندازی کتابخانه Parsley.js
• 60. اعتبارسنجی فرم با Parsley.js: تنظیمات اولیه
• 61. اعتبارسنجی فیلدهای مختلف با Parsley.js
• 62. اعتبارسنجی سفارشی با Parsley.js
• 63. مدیریت پیام‌های خطا در Parsley.js
• 64. استفاده از ویژگی data attributes در HTML
• 65. اعتبارسنجی فرم چند مرحله‌ای
• 66. ایجاد فرم‌های چند صفحه‌ای با HTML
• 67. ذخیره اطلاعات فرم در localStorage (مقدماتی)
• 68. اعتبارسنجی فرم در صفحات مختلف
• 69. بهبود تجربه کاربری: نشانگر پیشرفت
• 70. بهبود تجربه کاربری: تکمیل خودکار فیلدها
• 71. بهبود تجربه کاربری: استفاده از placeholder
• 72. بهبود تجربه کاربری: استفاده از tooltip
• 73. بهبود تجربه کاربری: جلوگیری از ارسال‌های مکرر
• 74. بهبود تجربه کاربری: طراحی فرم‌های واکنش‌گرا
• 75. آشنایی با کتابخانه‌های CSS (Bootstrap - معرفی)
• 76. استفاده از Bootstrap برای طراحی فرم
• 77. طراحی فرم با استفاده از Grid System بوت‌استرپ
• 78. اعتبارسنجی فرم با Bootstrap
• 79. تغییر استایل پیش‌فرض فرم‌ها
• 80. بهینه‌سازی عملکرد اعتبارسنجی
• 81. عیب‌یابی مشکلات اعتبارسنجی
• 82. مباحث امنیتی در اعتبارسنجی فرم‌ها
• 83. اعتبار سنجی سمت سرور: مقدمه
• 84. ارسال داده‌های فرم با متدهای GET و POST
• 85. آشنایی با JSON و کاربرد آن در فرم‌ها
• 86. استفاده از AJAX برای ارسال داده‌ها بدون بارگذاری صفحه
• 87. بررسی پاسخ‌های سرور
• 88. پیاده‌سازی اعتبارسنجی سمت سرور (مثال PHP یا Node.js - مفاهیم)
• 89. مقایسه اعتبارسنجی سمت کلاینت و سرور
• 90. نقش جاوااسکریپت در امنیت فرم‌ها
• 91. جلوگیری از حملات XSS (Cross-Site Scripting)
• 92. جلوگیری از حملات CSRF (Cross-Site Request Forgery)
• 93. آشنایی با CORS (Cross-Origin Resource Sharing)
• 94. انتشار و استقرار فرم‌های HTML
• 95. بهبود سئو فرم‌ها
• 96. بهینه‌سازی فرم‌ها برای موبایل
• 97. نکات پیشرفته در طراحی فرم‌ها
• 98. جمع‌بندی و مرور مطالب
• 99. منابع و مراجع آموزشی
• 100. پروژه‌های عملی: ساخت فرم‌های کاربردی