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

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

انتخاب پلن

انتخاب پلن برای ادامه خرید الزامی است.

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 87,488 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

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

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

عنوان دوره: دوره 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. پروژه‌های عملی: ساخت فرم‌های کاربردی
تگ‌ها: Client-Side Validation form validation Front-End HTML آموزش HTML اعتبارسنجی HTML5 اعتبارسنجی فرم برنامه نویسی برنامه نویسی وب توسعه وب سمت کلاینت فرانت اند فرم های HTML

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.