مسترکورس فرمهای وب
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- کسب دانش عمیق در ایجاد فرمهای HTML
- یادگیری درباره انواع فیلدهای ورودی مانند متن، چکباکسها، دکمههای رادیویی و موارد دیگر
- تسلط به attributes و گزینههای اعتبارسنجی برای عناصر فرم
- تعامل با عناصر فرم با استفاده از جاوااسکریپت
- یکپارچهسازی فرمها در فریمورکهای مدرن جاوااسکریپت مانند ریاکت، VueJs و AlpineJs
پیشنیازهای دوره
- دانش اولیه HTML و جاوااسکریپت
توضیحات دوره
شما در ایجاد فرمهای وب تعاملی و کاربرپسند که وبسایتهای شما را ارتقا میدهد، به یک متخصص تبدیل میشوید.
این دوره جامع برای افرادی طراحی شده که میخواهند مهارتهای توسعه وب خود را در زمینه ایجاد فرمها گسترش دهند. چه تازهکار باشید و چه پیشرفته، مرحله به مرحله یاد میگیرید که چگونه فرمهای حرفهای با HTML، جاوااسکریپت، اسکریپتهای سمت سرور و کتابخانههایی مانند ریاکت، Alpine.js و Vue.js ایجاد کرده و آنها را در وبسایتهای خود یکپارچه کنید.
در این دوره، موارد زیر را خواهید آموخت:
مبانی HTML برای فرمها:
- ساختار و عناصر مختلف فرم HTML
- انواع فیلدهای ورودی مانند متن، چکباکسها، دکمههای رادیویی، منوهای انتخاب، آپلود فایلها و موارد دیگر
- Attributes و گزینههای اعتبارسنجی برای عناصر فرم
- ایجاد فرمهای کاربرپسند و قابل دسترس
فرمهای پویا با جاوااسکریپت:
- تعامل با عناصر فرم با استفاده از جاوااسکریپت
- خواندن، ویرایش و اعتبارسنجی ورودیهای کاربر
- اعتبارسنجی سمت کلاینت برای اطمینان از داده صحیح
- تنظیم فرمها به صورت پویا بر اساس تعاملات کاربر
پردازش سمت سرور با استفاده از نودجیاس و Express به عنوان مثال:
- ارسال داده و دریافت داده فرم به سرور
- پردازش داده فرم با نودجیاس و Express
فرمها در فریمورکهای مدرن جاوااسکریپت:
- یکپارچهسازی فرمها در اپلیکیشنهای ریاکت
- ایجاد فرمهای واکنشگرا با هوکها و کامپوننت های ریاکت
- استفاده از Vue.js برای ایجاد فرم در اپلیکیشنهای تک صفحهای
- Alpine.js - پیادهسازی ساده فرمهای پویا با minimal JavaScript
مباحث اضافی برای تخصص جامع:
- بهترین شیوهها برای ایجاد فرم و امنیت داده
- نکات مربوط به استایلدهی فرمها و عناصر فرم
این دوره برای چه کسانی مناسب است؟
- کسانی که میخواهند فرمهای تعاملی و کاربرپسند برای وب ایجاد کنند.
- توسعهدهندگانی که میخواهند از فرمها و عناصر ورودی در فریمورکهای رابط کاربری جاوااسکریپت مانند ریاکت، VueJS یا AlpineJS استفاده کنند.
مسترکورس فرمهای وب
-
مقدمه و بررسی 02:53
-
فرمهای HTML - چرا و چگونه استفاده کنیم؟ 10:07
-
ایجاد اولین پروژه 06:06
-
اولین فرم HTML 10:13
-
چرا از فرمها و تگ فرم استفاده کنیم؟ 08:11
-
خواندن داده فرم با جاوااسکریپت 06:51
-
زیباسازی فرم و انواع ورودیهای اضافی 09:31
-
اولین اعتبارسنجی با ورودی ایمیل 07:25
-
تایپ ورودی عددی و Attributes 06:37
-
واکنش به تغییرات در عنصر ورودی 09:41
-
واکنش به تغییرات با addEventListener 07:46
-
بررسی عنصر ورودی 03:58
-
Attributes - بررسی readonly، ناتوان، جایبان، حداقل طول و حداکثر طول 11:55
-
Attributes - الگو و required 09:12
-
spellcheck Attribute 03:26
-
نوع ورودی پسورد 08:12
-
مبانی چکباکس 06:02
-
استفاده از چکباکس در جاوااسکریپت 05:08
-
استایلدهی چکباکسها 09:53
-
دکمههای رادیویی 06:48
-
آپلود فایل 09:56
-
فیلدهای ورودی مخفی 06:47
-
ورودی فایل با جاوااسکریپت 06:15
-
ورودیهای عددی 07:18
-
اسلایدر محدوده 12:26
-
ورودی تاریخ و زمان 12:18
-
ایمیل و URL 07:25
-
رنگ 03:07
-
انواع search و tel 03:24
-
ورودیهای متن چندخطی با textarea 14:45
-
لیستها با select 12:32
-
گروهبندی گزینهها 05:35
-
لیستهای پیشنهادی با datalist (تکمیل خودکار سفارشی) 06:29
-
Attribute تکمیل خودکار 05:29
-
بخشهای فرم با Fieldsets 08:34
-
اعتبارسنجی با استفاده از جاوااسکریپت 07:56
-
پردازش سمت سرور با نودجیاس و Express 08:48
-
دریافت داده فرم با استفاده از هندلر GET 07:26
-
دریافت داده فرم با استفاده از هندلر POST 04:21
-
فرمها و عناصر فرم در ریاکت - راهاندازی پروژه 03:54
-
عناصر ورودی در ریاکت 13:46
-
عناصر Select و Textarea در ریاکت 07:08
-
فرمها با Alpine.js 14:46
-
فرمها با VueJs 07:38
مشخصات آموزش
مسترکورس فرمهای وب
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:44
- مدت زمان :05:47:58
- حجم :2.71GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy