در حال حاضر محصولی در سبد خرید شما وجود ندارد.
با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با HTML, CSS یاد می گیرید.
عنوان اصلی : Building Great Forms
خوش آمدی:
فرم های خود را عالی می کنید
آنچه شما باید بدانید
با استفاده از فایل های تمرین
1. تنظیم فرم عمومی:
نحوه کار فرم های HTML
راه اندازی اولیه برای یک فرم
روش های GET و POST
2. عناصر فرم:
مجموعه های میدانی و افسانه ها
کار با برچسب ها
تگ های فرم جدید HTML5
انواع ورودی جدید
ویژگی های ورودی جدید
ویژگی های ورودی بیشتر
گزینه های تأیید فرم
محدودیت های ورودی: الگو
دکمه ها
تکمیل خودکار
3. CSS خاص فرم:
نکات چیدمان فرم
برچسبها و ورودیهای یک ظاهر طراحی شده
سبک های تمرکز
استفاده از شبه کلاس ها برای مشخص شدن بیشتر
چک باکس های سفارشی
دکمه های رادیویی
سوئیچ را تغییر دهید
انتخاب استایل، قسمت 1
انتخاب استایل، قسمت 2
برچسب های شناور
4. فرم ورود و ثبت نام:
فرآیند ثبت نام
نمودار جریان فرم ورود و صفحه فرود
ساخت صفحه ورود
قابلیت مشاهده رمز عبور
فرم ثبت نام بسازید و سبک کنید
برای اطلاعات بیشتر از راهنمای ابزار استفاده کنید
قدرت رمز عبور
خلاصه فرم ورود و ثبت نام
5. فرم رزرو: پرواز، هتل، فیلم و موارد دیگر:
فرم رزرو چیست؟
ایجاد دکمه های رادیویی سفارشی
انتخاب ها
خرما و انتخاب کننده تاریخ
با استفاده از کامپوننت استپر
رفع فرم رزرو برای موبایل
خلاصه فرم رزرو
6. فرم های پرداخت:
سازماندهی فرم پرداخت
جریان و نظم
خلاصه سفارش
خلاصه اطلاعات شخصی
پله پرداخت
ماسک ورودی
شهر و ایالت پرجمعیت خودکار
حمل دریایی
رسیدگی به پرداخت، قسمت 1
رسیدگی به پرداخت، قسمت 2
رسیدگی به پرداخت، قسمت 3
صفحات بررسی و تایید
7. فرم جستجو و فیلتر فرم ها:
فرم های جستجو: آنها چیست؟
نکاتی برای افزودن جستجو
یک جزء جستجو را اضافه کنید و به آن استایل دهید
یک نوار جستجو در حال رشد بسازید
تعمیر صفحه لمسی
تعمیر موبایل
نمایش نتایج جستجو
8. دسترسی:
قابلیت دسترسی به فرم
برچسب زدن و توصیف با ARIA
با استفاده از ARIA
9. ارسال:
اعتبار سنجی فرم سمت مشتری
اعتبار سنجی CSS
اعتبار سنجی جاوا اسکریپت
پیام های خطای خوب
صفحه موفقیت
نتیجه:
مراحل بعدی
Building Great Forms
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
Custom Theme Building with Elementor Pro
آموزش کدنویسی سریعتر وب با Emmet
آموزش طراحی UX ویژه فرمهای وب
طراحی بوسیله Elementor در WordPress
آموزش نمونه سازی یک پروژه وردپرس در Adobe XD
Learning Elementor for WordPress Design
آموزش طراحی وب با ایلوستریتور
ترکیب Grid و Flexbox در CSS
آموزش سفارشی سازی تم های وردپرس بوسیله Adobe XD