آموزش Web Forms 2021 - بخش 2: ویژگی‌های فرم (مجموعه نویسه‌ها، enctype، اقدام، روش و موارد دیگر)

Web Forms 2021 - Part 2: Form Attributes (accept-charset, enctype, action, method and lots more)

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

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

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

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

ویژگی ها همیشه در یک تگ باز کننده HTML قرار می گیرند. فرم ها تفاوتی ندارند. اما چرا مهم است و چرا برای شما اینقدر مهم است که بدانید چه ویژگی هایی در دسترس شما هستند؟ خب، اولاً، مرورگر ویژگی‌های استاندارد را می‌شناسد و به‌طور خودکار یک ویژگی ویژگی روی شی DOM ایجاد می‌کند. این فقط زندگی ما را بسیار آسان تر می کند. ثانیاً، دانستن اینکه چه ویژگی های فرمی در دسترس شما هستند، فقط شما را به یک برنامه نویس بهتر تبدیل می کند و مجموعه مهارت های شما را افزایش می دهد.

از آنجایی که عنصر

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

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

در این کلاس، ما در مورد مواردی مانند: 

صحبت خواهیم کرد
  • چگونه رایانه شما متن (نویسه‌ها) را ذخیره و انتقال می‌دهد 
  • رمزگذاری چیست و چرا لازم است
  • ویژگی accept-charset چه کاری انجام می دهد
  • انواع مختلف کدگذاری چیست (ISO، ASCII، UTF-8)
  • ویژگی پذیرش
  • تفاوت بین درخواست POST و GET
  • یک تن بیشتر!!!

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

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

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

فرم‌های وب

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

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

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

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

  • فرم‌های موجود فرصتی برای یک شرکت برای رشد و جلب وفاداری است.

  • فرم اغلب می تواند هم ابزار بازاریابی و هم یک ضرورت باشد. فرمی که کاربر را راحت می کند، که احساس اعتماد را برمی انگیزد، بسیار بیشتر از فرمی که پیچیده و گیج کننده به نظر می رسد (یا است) پر می شود.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تمرین

را عالی می کند

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

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

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

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

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

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

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

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

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

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

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

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

باور نکردنی! شما اکنون در ویژگی های فرم متخصص هستید.

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

را خلاصه کنیم

ویژگی‌ها همیشه در تگ آغازین هر عنصر HTML قرار می‌گیرند، و در مورد عنصر

مرورگر ویژگی های استاندارد

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

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

ما همچنین در مورد تعداد زیادی ویژگی دیگر مانند REL، METHOD، ACTION، ENCTYPE، ACCEPT و موارد دیگر صحبت کردیم.

آنچه را که قبلاً آموخته‌اید بدیهی تلقی نکنید. شما راه درازی را آمده اید.

اما ما تازه شروع کرده‌ایم... 

تکلیف چیست؟

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

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

بعدی کجاست؟

به راهت ادامه بده! در کلاس 3، زمان بیشتری را صرف صحبت درباره رمزگذاری URL خواهم کرد. درک این موضوع مهم است زیرا اغلب هنگام ارسال فرم، کاراکترهای عجیب و غریب می بینید. می خواهم معنای این شخصیت ها را بفهمید

شما را (امیدوارم) در کلاس بعدی می بینیم.

کلاید

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


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

درس ها Lessons

  • خلاصه: Enctype Summary: enctype

  • رمزگذاری URL - Hex (بخش 3 از 3) URL Encoding - Hex (part 3 of 3)

  • ویژگی نام The name attribute

  • رمزگذاری URL (قسمت 1 از 3) Url Encoding (part 1 of 3)

  • پذیرش-گروه - UTF-8 accept-charset - UTF-8

  • روش GET GET method

  • مثالی از استفاده از نماد THETA Example of using the THETA symbol

  • مثال پیشرفته - راه اندازی سرور ما Advanced Example - setting up our server

  • مثال پیشرفته - نگاه کردن به داده های چندبخشی/فرم Advanced Example - looking at multipart/form-data

  • صفت قبول The accept attribute

  • ویژگی هدف - مثال The target attribute - example

  • مجموعه نویسه پذیرش در مقابل enctype The accept-charset vs enctype

  • تکمیل خودکار - مثال The autocomplete - example

  • ویژگی هدف - مقدمه The target attribute - intro

  • صفت عمل The action attribute

  • چرا فرم‌های HTML از سایر انواع متد (مانند PUT، DELETE و PATCH) پشتیبانی نمی‌کنند؟ Why does HTML forms not support other METHOD types (like PUT, DELETE and PATCH)?

  • ویژگی عمل (مثال) The action attribute (example)

  • ویژگی rel The rel attribute

  • ویژگی novalidate The novalidate attribute

  • enctype - مثال درخواست POST enctype - POST request example

  • معرفی کلاس Class Introduction

  • enctype - مثال درخواست GET enctype - GET request example

  • Novalidate - مثال The novalidate - example

  • GET در مقابل POST GET vs POST

  • روش POST POST method

  • کلاس بیرونی Class outro

  • URLSearchParams() - فرم ما را پویا می کند URLSearchParams() - making our form dynamic

  • مرزی و چند بخشی چیست؟ What is boundary and multipart?

  • خلاصه - لفاف Summary - wrapper

  • مجموعه نویسه پذیرش - ISO و ASCII accept-charset - ISO and ASCII

  • گام به عقب: پذیرش - مجموعه حروف Step Back: accept-charset

  • مثال پیشرفته - راه اندازی HTML ما Advanced Example - setting up our HTML

  • رمزگذاری URL - مرجع نویسه عددی (بخش 2 از 3) URL Encoding - Numerical Character Reference (part 2 of 3)

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

  • URLSearchParams() - یک مقدمه URLSearchParams() - an introduction

نمایش نظرات

آموزش Web Forms 2021 - بخش 2: ویژگی‌های فرم (مجموعه نویسه‌ها، enctype، اقدام، روش و موارد دیگر)
جزییات دوره
3h 14m
35
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
33
4 از 5
دارد
دارد
دارد
CM Code_Zone
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

CM Code_Zone CM Code_Zone

نادرست | خنده دار است، زیرا حقیقت دارد

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

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

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

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

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