دوره آموزشی برنامه نویسی فرمهای وب با جاوااسکریپت
2 ساعت 48 دقیقهپیشرفته2024-11-15
مدرسین

Joe Marini
Senior Developer Advocate at Google, Developer
جزئیات دوره
چه کاربران شما در حال سفارش غذا باشند یا فرم درخواست شغل را پر کنند، فرمهای وب نقش مهمی در جمعآوری اطلاعات آنها ایفا خواهند کرد. به عنوان یک توسعهدهنده، شما میخواهید اطمینان حاصل کنید که کاربران تجربه مثبتی از اپلیکیشن وب شما دارند و دادههایی که از طریق فرمهای وب جمعآوری میکنید، تمیز و صحیح هستند. در این دوره، مربی جو مارینی تکنیکهایی را برای ساخت فرمهای وب مدرن به اشتراک میگذارد که دادههای تمیز برمیگردانند و برای کاربران قابلفهم، قابلدسترس و تکمیلشدن هستند. یاد خواهید گرفت چگونه فرمهای خود را با استفاده صحیح از برچسبها و پیادهسازی میانبرهای صفحهکلید بهبود دهید. علاوه بر این، نحوه کنترل پویا رفتار فیلدهای فرم، استفاده از رویکردهای مختلف اعتبارسنجی و پشتیبانی از پرکردن خودکار و تکمیل خودکار را بررسی خواهید کرد.
اهداف یادگیری:
نحوه ساخت فرمهای وب مدرن که دادههای تمیز برمیگردانند
استفاده صحیح از برچسبها و پیادهسازی میانبرهای صفحهکلید
کنترل پویا رفتار فیلدهای فرم برای تجربه کاربری بهتر
استفاده از رویکردهای مختلف اعتبارسنجی در فرمهای وب
پشتیبانی از قابلیتهای پرکردن خودکار و تکمیل خودکار در فرمها
اهداف یادگیری:
نحوه ساخت فرمهای وب مدرن که دادههای تمیز برمیگردانند
استفاده صحیح از برچسبها و پیادهسازی میانبرهای صفحهکلید
کنترل پویا رفتار فیلدهای فرم برای تجربه کاربری بهتر
استفاده از رویکردهای مختلف اعتبارسنجی در فرمهای وب
پشتیبانی از قابلیتهای پرکردن خودکار و تکمیل خودکار در فرمها
مهارت ها
FormsInteractive Web ContentHTMLJavaScriptWeb DesignOracleProgramming LanguagesBusiness Software and ToolsOpen SourceSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - ساخت فرمهای وب مدرن
- 02 - آنچه باید بدانید
- 03 - راه اندازی
1. مبانی برنامه نویسی فرم
- 04 - تعامل برچسب و میدان
- 05 - اجرای ناوبری کلید میانبر
- 06 - کلیدهای میانبر خودکار
- 07 - فرم و رویدادهای میدانی
- 08 - استفاده از عنصر خروجی
- 09 - عنصر جزئیات در فرم ها
- 10 - چالش - برنامه نویسی فرم
- 11 - راه حل - برنامه نویسی فرم
2. فرمهای پویا
- 12 - نمایش میدان پویا
- 13 - شی FormData
- 14 - ارسال داده با FormData
- 15 - چالش - اشکال پویا
- 16 - حل - اشکال پویا
3. از Autofill و Repopulation پشتیبانی کنید
- 17 - استفاده از datalist برای تکمیل خودکار
- 18 - استفاده از دیتالیستهای پویا
- 19 - پشتیبانی از تکمیل خودکار
- 20 - ذخیره و بازیابی دادههای فرم
- 21 - چالش - تکمیل خودکار
- 22 - راه حل - تکمیل خودکار
4. اعتبارسنجی دادههای فرم
- 23 - مروری بر رویکردهای اعتبار سنجی فرم
- 24 - استفاده از اعتبارسنجی پایه مرورگر
- 25 - پیادهسازی اعتبار سنجی بهتر مرورگر
- 26 - استفاده از CSS برای افزایش اعتبارسنجی پویا
- 27 - فیلتر ورودی کلید
- 28 - استفاده از جاوا اسکریپت برای اعتبارسنجی
- 29 - چالش - اعتبار سنجی فرم
- 30 - راه حل - اعتبار سنجی فرم
نتیجه گیری
- 31 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی ورد: فرم های عمیق (مایکروسافت 365)
- دوره آموزشی یادگیری جامع Google Forms
- دوره آموزشی یادگیری DocuSign
- دوره آموزشی راهنمای جامع استفاده از Gravity Forms در وردپرس
- دوره آموزشی Acrobat DC: ایجاد فرم ها
- دوره آموزشی یادگیری جامع مایکروسافت Forms
- دوره آموزشی نکات سریع Microsoft Forms
- دوره آموزشی ساخت فرم های عالی با HTML و CSS