آموزش دوره کارشناسی ارشد فرم های وب

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

مقدمه Introduction

• مقدمه و بررسی اجمالی Introduction and overview

• فرم های HTML - چرا و نحوه استفاده HTML Forms - Why and How to Use

شروع سریع: فرم ها و عناصر فرم Quickstart: Forms and Form Elements

• ایجاد اولین پروژه Create First Project

• اولین فرم HTML The First HTML Form

• چرا از Forms/Form Tag استفاده کنیم؟ Why Use Forms/Form Tag

• خواندن داده های فرم با جاوا اسکریپت Reading Form Data with JavaScript

• زیباسازی فرم و انواع ورودی اضافی Form Beautification and Additional Input Types

• اولین اعتبارسنجی با ورودی ایمیل First Validation with Email Input

• نوع ورودی شماره و ویژگی ها Input Type Number and Attributes

• واکنش به تغییرات در عنصر ورودی Reacting to Changes in the Input Element

• واکنش به تغییرات با addEventListener Reacting to Changes with addEventListener

عنصر ورودی، جک قدرتمند همه معاملات The input Element, Powerful Jack of All Trades

• نمای کلی: عنصر ورودی Overview: The Input Element

• ویژگی‌ها فقط خواندنی، غیرفعال، مکان‌دار، طول منی، حداکثر طول Attributes readonly, disabled, placeholder, minlength, maxlength

• ویژگی ها: الگو و مورد نیاز Attributes: pattern and required

• ویژگی بررسی املا The spellcheck Attribute

• نوع ورودی رمز عبور Input Type Password

• چک باکس اصول اولیه Checkbox Basics

• استفاده از Checkbox در JS Using Checkbox in JS

• چک باکس های یک ظاهر طراحی Styling Checkboxes

• دکمه های رادیویی Radio Buttons

• آپلود فایل File Upload

• فیلدهای ورودی پنهان Hidden Input Fields

• ورودی فایل با JS File Input with JS

• ورودی های اعداد Number Inputs

• لغزنده برد Range Slider

• ورودی تاریخ و زمان Date and Time Input

• ایمیل، آدرس اینترنتی Email, URL

• رنگ Color

• جستجوی انواع و تلفن The Types search and tel

• ورودی های متن چند خطی با ناحیه متنی Multiline Text Inputs with textarea

• لیست هایی با انتخاب کنید Lists with select

• گروه بندی گزینه ها Grouping of Options

• لیست های پیشنهادی با فهرست داده (تکمیل خودکار سفارشی) Suggestion Lists with datalist (custom auto complete)

• ویژگی تکمیل خودکار The autocomplete Attribute

• بخش ها را با مجموعه فیلدها تشکیل دهید Form Sections with Fieldsets

• اعتبارسنجی از طریق جاوا اسکریپت Validation via JavaScript

پردازش اطلاعات فرم در سمت سرور Server-side Processing of Form Data

• پردازش سمت سرور با Node.JS و Express Server-side Processing with Node.JS and Express

• دریافت اطلاعات فرم با GET Handler Receiving Form Data with GET Handler

• دریافت اطلاعات فرم با POST Handler Receiving Form Data with POST Handler

فرم ها و عناصر ورودی در چارچوب های UI Forms and Input Elements in UI Frameworks

• فرم ها و عناصر فرم در React - راه اندازی پروژه Forms and Form Elements in React - Setting Up the Project

• عناصر ورودی در React Input Elements in React

• عناصر Textarea را در React انتخاب کنید Select and Textarea Elements in React

• با Alpine.js فرم می گیرد Forms with Alpine.js

• فرم ها با VueJs Forms with VueJs