دسترسی سریع:

مسیر:

صفحه اصلی

لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در کانال تلگرام عضو شوید.

آموزش Web Forms 2021 - قسمت 4: 3 عنصر مهم فرم (مجموعه فیلد، ورودی و برچسب)

Web Forms 2021 - Part 4: The 3 most important form elements (fieldset, input and label)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره:

به این مجموعه اشتراک مهارت در مورد نحوه ساخت و درک فرم های وب خوش آمدید. این کلاس چهارم در فرم‌های وب است -- 3 عنصر مهم فرم.

چه چیزی را در این کلاس خاص پوشش می دهیم؟

ما تعداد زیادی از اطلاعات را در این مجموعه پوشش خواهیم داد، اما برای قسمت 4، من قصد دارم به شما درباره مواردی که به نظر من 3 عنصر مهم HTML در هنگام ایجاد فرم‌های وب وجود دارد، به شما یاد بدهم.

با برداشتن یک قدم به عقب، به یاد داشته باشید که

اما قوانینی وجود دارد که باید از آنها پیروی کنیم.

برای مثال، می‌دانیم که همه کنترل‌های فرم شما باید در تگ‌های

با این وجود، می‌خواهم کل این کلاس را به بحث در مورد 3 عنصر مهم فرمی که احتمالاً با آنها کار می‌کنید اختصاص دهم.

من بحث خواهم کرد:

<عنصر فیلدست
عنصر
<عنصر برچسب

معمولاً از عنصر

در این کلاس من همچنین در مورد رایج‌ترین نوع <ورودی که نوع "متن" وجود دارد صحبت خواهم کرد.

کار را با نشان دادن نحوه استفاده از عنصر

پس منتظر چه چیزی هستید؟

بیایید شروع کنیم

--- اگر تعجب می کنید، کل این مجموعه در مورد فرم های وب است.

فرم‌های وب

فرم وب به عنوان فرم HTML نیز شناخته می شود. این مکانی است که کاربران می توانند داده هایی را وارد کنند که سپس برای پردازش به سرور ارسال می شود. فرم‌های وب به کاربران اجازه می‌دهند در سایت شما سفارش دهند، نام و آدرس ایمیل خود را برای ثبت‌نام در خبرنامه ارائه دهند، یا به عنوان عضوی در سایت شما ثبت نام کنند و غیره.

چیزی که در مورد فرم‌های وب واقعاً عالی است این است که "یک اندازه برای همه" وجود ندارد. می توانید از شعله ور شدن هنری و هوش تجاری شخصی خود برای ایجاد فرم های وب با طول، قالب، نوع محتوا و ظاهر خاص استفاده کنید.

با انجام این دوره، می‌توانید قابلیت استفاده از فرم وب خود را بهبود ببخشید، که در نهایت تجربه کاربری را بهبود می‌بخشد و بازدیدکنندگان وب‌سایت را در مورد تکمیل فرم و تبدیل شما هیجان زده می‌کند.

چرا این دوره بسیار مهم است؟

فرم‌های موجود فرصتی برای یک شرکت برای رشد و جلب وفاداری است.
فرم اغلب می تواند هم ابزار بازاریابی و هم یک ضرورت باشد. فرمی که کاربر را راحت می کند، که احساس اعتماد را برمی انگیزد، بسیار بیشتر از فرمی که پیچیده و گیج کننده به نظر می رسد (یا است) پر می شود.
پس از تکمیل این مجموعه Skillshare، شما آگاه، مطمئن و فرد مورد علاقه برای فرم‌ها خواهید بود.

اجازه دهید مهارت های فرم سازی خود را با شما به اشتراک بگذارم

درک نحوه کار فرم ها شما را برای تبدیل شدن به یک برنامه نویس جلویی عالی مجهز می کند. یاد بگیرید که چگونه ایده های خلاقانه، متفاوت و پویا خود را در وب سایت خود پیاده سازی کنید. استاد شکل می گیرد و شما نیمی از راه را برای تبدیل شدن به یک توسعه دهنده وب تمام پشته دارید. از طریق درک کنترل را در دست بگیرید. ارائه یک فرم کامل، تعاملی و کاربردی چالش برانگیز است. در این مجموعه، من به توضیح فرم‌های وب و نحوه عملکرد آنها می‌پردازم. چرا باید فرم خود را درون تگ های

آنچه این مجموعه پوشش می‌دهد

این مجموعه عظیم و جامع است، از مقدماتی تا پیشرفته

این مجموعه کامل (که من به چندین کلاس تقسیم کرده‌ام) اصول اساسی و کاربردی در رابطه با فرم‌ها به شما ارائه می‌دهد. می‌توان آن را به تنهایی انجام داد (نیازی به انجام هیچ دوره دیگری ندارید) برای دستیابی به اهداف خود. شما از این دوره با درک پیشرفته و تجربه عملی در زمینه ساخت فرم بیرون خواهید آمد. شما را به نقطه‌ای می‌برد که متوجه می‌شوید از چه روشی (GET یا POST) هنگام ارسال داده‌های فرم استفاده کنید، چگونه تعریف کنید که داده‌ها کجا می‌روند، چگونه اعتبارسنجی سمت مشتری پیشرفته را انجام دهید (بررسی خطاهای موجود در فرم قبل از ارسال ارسال شده به سرور)، نحوه نوشتن قوانین اعتبارسنجی الگوی سفارشی (با استفاده از عبارات منظم)، نحوه اجرای سرورها و نحوه مشاهده تمام اطلاعات درخواست HTTP. این دانش فوق‌العاده‌ای است. این مجموعه شما را مجذوب خود می‌کند و شما را به سطح بعدی می‌برد و شما را در مسیر تبدیل شدن به یک استاد بزرگ واقعی در توسعه وب پیشرفته قرار می‌دهد.

در پایان این مجموعه، می‌توانید با به‌دست آوردن درک درستی از نحوه ساخت، دستکاری و سبک‌سازی آن در فرم‌ها، «صحبت کنید» و «راه بروید».

چرا باید اینقدر در مورد فرم ها یاد بگیرید؟

فرم وب یکی از بهترین راه‌ها برای دریافت ورودی از مشتریان احتمالی و ایجاد رابطه غیرمستقیم با آنها است. زمانی که برای آوردن کاربر به وب‌سایت خود صرف می‌کنید باید با زمانی که برای تکمیل تجربه کاربر با فرم‌های وب خود صرف می‌کنید مطابقت داشته باشد. تعجب آور است که این روزها بسیاری از سایت ها حاوی فرم های وب پیچیده و خسته کننده هستند که باعث ایجاد یک تجربه منفی می شوند.

در نهایت، یک فرم وب به بازدیدکنندگان شما اجازه می‌دهد تا با شما در تماس باشند و اطلاعاتی مانند سفارش، درخواست کاتالوگ یا حتی درخواست ارسال کنند که به پایگاه داده شما ارسال می‌شود.

آیا می توانید ببینید که فرم ها چقدر مهم هستند و چگونه می توان استفاده از آنها را افزایش داد؟

*** مهمترین دوره آموزشی FORMS در Skillshare***

برنامه نویسان موفق بیشتر از یادگیری تکه ای چند خط کد می دانند. آنها همچنین اصول نحوه عملکرد کد HTML در پشت صحنه را می دانند. این به ویژه در مورد ساخت فرم ها صادق است. اگر می‌خواهید یک توسعه‌دهنده فول استک شوید، باید بدانید که فرم‌ها چگونه کار می‌کنند. باید بدانید که URL مرورگر چگونه داده‌های فرم را رمزگذاری می‌کند، چگونه مرورگر داده‌ها را به آدرس اینترنتی که شما مشخص کرده‌اید ارسال می‌کند، و چگونه اعتبارسنجی انجام دهید تا مطمئن شوید کاربر داده‌های نامعتبر را ارسال نمی‌کند.

یک رویکرد منحصر به فرد

"چرا" کارها را یاد خواهید گرفت و نه فقط "چگونه". درک موضوعات پیشرفته در مورد فرم ها (رمزگذاری URL، مجموعه نویسه های پذیرفته، داده های چندبخشی/فرم، regex، و غیره) مهم است زیرا به شما امکانات بی نهایت می دهد و شما را ارتقا می دهد. با داشتن این دانش، می‌توانید فرم‌هایی را ایجاد کنید که متناسب با نیازهای شما باشد و اجازه دهید داده‌های فرم از طریق AJAX به سرور ارسال شود. شما قادر خواهید بود فرم هایی ایجاد کنید که توسط کاربر قابل تنظیم هستند (به عنوان مثال، اگر کاربر بخواهد رنگ تم فرم را تغییر دهد). می‌توانید روی فرمی کنترلی ایجاد کنید که پیشرفت تکمیل فرم را نشان می‌دهد و پیام‌هایی را در طول مسیر به کاربر نمایش می‌دهد.

آیا می توانید ببینید که فرم های محوری چقدر هستند و داشتن دانش در مورد فرم ها چقدر مهم است؟

این دوره Skillshare چه تفاوتی دارد ؟

دوره های زیادی در Skillshare وجود دارد که بر توسعه وب تمرکز دارند. بسیاری هرگز وارد جزئیات نحوه عملکرد فرم‌های HTML در پشت صحنه نمی‌شوند - مهارتی که هر توسعه‌دهنده فول استک برای استفاده از پتانسیل باید بر آن مسلط باشد.

در این مجموعه، من بر روی موضوعات پیشرفته تر توسعه وب واقعی در مورد فرم ها تمرکز می کنم. این شامل درک معنای همه ویژگی‌های موجود در

تمرین

را عالی می کند

نظریه تئوری است ... اما هیچ چیز مانند پشت سر گذاشتن رایانه و تایپ کد وجود ندارد. به همین دلیل است که در طول کل این مجموعه، هنگام کدنویسی وب‌سایت‌ها و تمرین‌های واقعی، با هم برنامه‌نویسی می‌کنیم، می‌خندیم و موهایمان را می‌کشیم.

آیا این دوره برای شماست؟

کاملاً. اگر در هر یک از این دسته ها قرار دارید، این دوره برای شما مناسب است:

دانش آموز شماره 1: می خواهید در دنیای برنامه نویسی پیشرفت کنید.

دانش‌آموز شماره 2: می‌خواهید بدانید که چگونه توسعه‌دهندگان موفق فرم‌های پویایی می‌سازند که با کاربر درگیر می‌شوند، تبدیل‌های بالایی دارند که آنها را از رقبا جلوتر می‌آورد.

دانش آموز شماره 3: شما می خواهید درک کاملی از نحوه عملکرد فرم ها به دست آورید

Student #4: می‌خواهید با فرم‌ها از فناوری‌های Backend مانند Node یا PHP استفاده کنید

چرا از هم اکنون شروع کنید؟

در همین لحظه، رقبای شما در حال یادگیری نحوه تبدیل شدن به توسعه دهندگان وب بهتر هستند.

توسعه وب یک موضوع داغ در حال حاضر و در آینده قابل پیش بینی است. اما شما یک مزیت مشخص دارید. این دوره موضوعات یادگیری به یاد ماندنی، تاکتیک های عملی و نمونه های واقعی را ارائه می دهد.

اجازه دهید شروع کنیم.

شما را در سخنرانی ها می بینیم.

سس عالی! شما به تازگی 3 عنصر اساسی فرم موجود را یاد گرفته اید.

قبل از تخصیص، اجازه دهید

را خلاصه کنیم

قبل از پرداختن به ویجت‌های فرم پیچیده‌تر، می‌خواستم ابتدا 3 عنصر رایج HTML را که هنگام برخورد با فرم‌ها با آن‌ها مواجه می‌شوید، بیان کنم. به همین دلیل این کلاس را ایجاد کردم.

به طور خلاصه، در این کلاس روی موارد زیر تمرکز کردیم:

<عنصر فیلدست
عنصر
<عنصر برچسب

معمولاً از عنصر

در این کلاس همچنین در مورد رایج‌ترین نوع <ورودی که نوع «متن» وجود دارد صحبت کردیم.

و در نهایت، درباره عنصر برچسب برای بهبود رابط کاربری صحبت کردیم. عنصر برچسب نشان‌دهنده برچسبی است که می‌تواند به یک کنترل فرم مرتبط شود، و قرار است توضیح کوتاهی برای آن ارائه کند. مرورگرها ممکن است هر دو عنصر را با اجازه دادن به کاربران برای تنظیم تمرکز روی کنترل با کلیک بر روی برچسب آن پیوند دهند.

شما اکنون پایه های محکمی دارید.

در کلاس آینده، ما بیشتر در <عنصر ورودی جستجو خواهیم کرد و شروع خواهم کرد به شما نشان خواهم داد که این عنصر HTML واقعاً چقدر قدرتمند است.

اما قبل از اینکه این کار را انجام دهیم، می‌خواهم تکلیفی را که به این کلاس پیوست شده است انجام دهید.

بیایید وارد آن شویم.

تکلیف چیست؟

برای این تمرین پروژه:

من یک پی دی اف
سوالات چند گزینه ای وجود دارد
صادق باشید و سعی کنید قبل از رفتن به صفحه بعدی به هر سوال چند گزینه ای پاسخ دهید
مهمتر از همه، لذت ببرید.

بعدی کجاست؟

خبر خوب این است که شما اکنون اصول اساسی دارید. شما می دانید که

در کلاس بعدی (قسمت 5)، درباره همه <نوع های ورودی اصلی به شما آموزش خواهم داد. در این کلاس است که خواهید دید که <عنصر ورودی واقعاً چقدر قدرتمند است.

من نمی توانم صبر کنم.

کلاید

p.s. اگر از این کلاس لذت برده‌اید، لطفاً فراموش نکنید که یک بررسی عالی برای من بگذارید - این به من بسیار کمک می‌کند.

سرفصل ها و درس ها

درس ها Lessons

نوع ورودی متن - املا و مقدار Input type of text - spellcheck and value
معرفی کلاس - 3 عنصر مهم Class Introduction - 3 Most Important Elements
ساختار یک فرم Structure of a form
عنصر از کجا می آید؟ Where does the element come from?
نمونه های مجموعه فیلد Fieldset examples
ورودی مانند آهک است The input is like a lime
تکلیف - مقدمه Assignment - intro
عنصر فیلدست چیست؟ What is the fieldset element
نمونه هایی را در مجموعه فیلدها مشخص کنید Attribute examples on the fieldset
کلاس Outro Class Outro
تکلیف - راه حل Assignment - solution
استفاده از ویژگی Form برای استایل دادن به تمام ویجت های فرم Using the Form attribute to style all form widgets
برچسب چیست What is the label
نوع ورودی متن - مقدمه Input type of text - intro
ویژگی ها در مجموعه فیلدها Attributes on the fieldset
تخصیص - راه حل از جمله CSS Assignment - solution including CSS

درس ها Lessons

تکلیف - مقدمه Assignment - intro
معرفی کلاس - 3 عنصر مهم Class Introduction - 3 Most Important Elements
تخصیص - راه حل از جمله CSS Assignment - solution including CSS
نوع ورودی متن - مقدمه Input type of text - intro
نمونه هایی را در مجموعه فیلدها مشخص کنید Attribute examples on the fieldset
نوع ورودی متن - املا و مقدار Input type of text - spellcheck and value
ورودی مانند آهک است The input is like a lime
ساختار یک فرم Structure of a form
کلاس Outro Class Outro
عنصر فیلدست چیست؟ What is the fieldset element
نمونه های مجموعه فیلد Fieldset examples
ویژگی ها در مجموعه فیلدها Attributes on the fieldset
استفاده از ویژگی Form برای استایل دادن به تمام ویجت های فرم Using the Form attribute to style all form widgets
تکلیف - راه حل Assignment - solution
عنصر از کجا می آید؟ Where does the element come from?
برچسب چیست What is the label

برای ارسال نظر ثبت نام کنید.

نمایش نظرات

آموزش Web Forms 2021 - قسمت 4: 3 عنصر مهم فرم (مجموعه فیلد، ورودی و برچسب)

جزییات دوره

زمان دوره: 1h 24m

تعداد ویدیو ها: 16

شرکت: Skillshare (اسکیل شیر)

تاریخ انتشار مرجع: (آخرین آپدیت)

بازدید مرجع : 19

امتیاز مرجع: 4 از 5

فایل تمرین: دارد

زیرنویس زبان اصلی: دارد

زیرنویس فارسی: (توسط هوش مصنوعی) دارد

مدرس: CM Code_Zone

لینک کوتاه این دوره

https://donyad.com/d/d5dcc2

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

نرم افزارهای مورد نیاز

موفقیت قربانی می خواهد.

و فداکاری چیزی است که من در مورد آن بسیار می دانم.

من یک توسعه دهنده خودآموخته هستم، بنابراین می دانم که برای یک تازه وارد چقدر می تواند دشوار و دلهره آور باشد.

امروز، من همچنان به کدنویسی ادامه می‌دهم و از آخرین فناوری‌ها و زبان‌های برنامه‌نویسی مطلع می‌مانم.

وقت آن است که دانشی را که به دست آورده‌ام به اشتراک بگذارم و به موفقیت دیگران کمک کنم.

"learn learning class classes teach education how to online learning collaborative learning" "یادگیری یادگیری کلاس آموزش نحوه یادگیری آنلاین یادگیری مشارکتی" Technology Programming Web Development Javascript Website Programming Languages White Label Content Forms Designing Forms Web Forms فناوری برنامه نویسی توسعه وب جاوا اسکریپت وب سایت زبان های برنامه نویسی محتوای برچسب سفید فرم ها فرم های طراحی فرم های وب

آموزش Web Forms 2021 - قسمت 4: 3 عنصر مهم فرم (مجموعه فیلد، ورودی و برچسب)

Web Forms 2021 - Part 4: The 3 most important form elements (fieldset, input and label)

درس ها Lessons

نوع ورودی متن - املا و مقدار Input type of text - spellcheck and value

معرفی کلاس - 3 عنصر مهم Class Introduction - 3 Most Important Elements

ساختار یک فرم Structure of a form

عنصر از کجا می آید؟ Where does the element come from?

نمونه های مجموعه فیلد Fieldset examples

ورودی مانند آهک است The input is like a lime

تکلیف - مقدمه Assignment - intro

عنصر فیلدست چیست؟ What is the fieldset element

نمونه هایی را در مجموعه فیلدها مشخص کنید Attribute examples on the fieldset

کلاس Outro Class Outro

تکلیف - راه حل Assignment - solution

استفاده از ویژگی Form برای استایل دادن به تمام ویجت های فرم Using the Form attribute to style all form widgets

برچسب چیست What is the label

نوع ورودی متن - مقدمه Input type of text - intro

ویژگی ها در مجموعه فیلدها Attributes on the fieldset

تخصیص - راه حل از جمله CSS Assignment - solution including CSS

درس ها Lessons

تکلیف - مقدمه Assignment - intro

معرفی کلاس - 3 عنصر مهم Class Introduction - 3 Most Important Elements

تخصیص - راه حل از جمله CSS Assignment - solution including CSS

نوع ورودی متن - مقدمه Input type of text - intro

نمونه هایی را در مجموعه فیلدها مشخص کنید Attribute examples on the fieldset

نوع ورودی متن - املا و مقدار Input type of text - spellcheck and value

ورودی مانند آهک است The input is like a lime

ساختار یک فرم Structure of a form

کلاس Outro Class Outro

عنصر فیلدست چیست؟ What is the fieldset element

نمونه های مجموعه فیلد Fieldset examples

ویژگی ها در مجموعه فیلدها Attributes on the fieldset

استفاده از ویژگی Form برای استایل دادن به تمام ویجت های فرم Using the Form attribute to style all form widgets

تکلیف - راه حل Assignment - solution

عنصر از کجا می آید؟ Where does the element come from?

برچسب چیست What is the label

نمایش نظرات

https://donyad.com/d/d5dcc2