آموزش ایجاد فرم های پویا HTML CSS جاوا اسکریپت و jQueryUI

Create Dynamic Forms HTML CSS JavaScript and jQueryUI

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: راهنمای دسترسی به محتوای فرم و استفاده از داده‌های درون جی کوئری و کد جاوا اسکریپت افزودن jquery به فرم‌های html ایجاد فرم‌های وب تعاملی‌تر به صورت خودکار محتوای فرم وب را تکمیل می‌کند.

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

همراه با فرم‌های HTML، jQuery می‌تواند کارهای زیادی انجام دهد.

این دوره نحوه تطبیق دو فیلد فرم را برای بررسی یکسان بودن محتوا که یک قطعه کد مفید برای کمک به بررسی محتوای فرم است را پوشش می‌دهد.

از کادرهای تأیید برای راه‌اندازی رویدادهایی مانند پنجره‌های TOS و موارد دیگر استفاده کنید. تعامل چک باکس در یک فرم یک عملکرد بسیار مورد نیاز است.

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

تکمیل خودکار رابط کاربری jQuery را اضافه کنید و تکمیل خودکار را با داده های پویا JSON پر کنید. رابط کاربری JQuery دارای بسیاری از قابلیت های از پیش ساخته شده است که به راحتی می توان آنها را به پروژه های وب خود اضافه کرد.

در پایان دوره، مهارت‌ها و نحوه اعمال jQuery را در وب‌سایت خود خواهید داشت.

من اینجا هستم تا به شما کمک کنم یاد بگیرید چگونه وب‌سایت‌های خود را ایجاد کنید و آماده پاسخگویی به هر سؤالی هستم که ممکن است داشته باشید.

JavaScript و jQuery مهارت‌های مورد نیاز هستند و یادگیری نحوه استفاده از آنها به جدا کردن شما از جمعیت کمک می‌کند.

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




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

فرم های HTML و CSS HTML and CSS Forms

  • مقدمه ای بر ایجاد فرم های HTML و CSS Introduction to creating forms HTML and CSS

  • مقدمه ای بر ایجاد فرم های HTML و CSS Introduction to creating forms HTML and CSS

  • بخش کد منبع و راهنمای منابع Section Source Code and Resource Guide

  • نحوه راه اندازی ویرایشگر برنامه نویس وب خود را کدنویسی کنید و برای کدنویسی آماده شوید Get coding how to setup your web dev editor and prepare to code

  • نحوه راه اندازی ویرایشگر برنامه نویس وب خود را کدنویسی کنید و برای کدنویسی آماده شوید Get coding how to setup your web dev editor and prepare to code

  • فرم برنامه ریزی عناصر HTML5 فرم وب Form Planning a web form HTML5 elements

  • نحوه اعمال یک استایل CSS برای نمونه فرم وب ساده با CSS How to Apply CSS styling to Form Simple Web form example with CSS

  • عناصر فرم HTML5 نمونه هایی از عناصر رایج با ویژگی ها HTML5 Form Elements examples of common elements with attributes

  • نحوه سفارشی سازی عناصر فرم عناصر و ویژگی های HTML5 How to Customize Form Elements HTML5 elements and attributes

  • نحوه سفارشی سازی عناصر فرم عناصر و ویژگی های HTML5 How to Customize Form Elements HTML5 elements and attributes

  • نکاتی برای طراحی فرم وب خوب عناصر تجربه کاربر HTML5 Tips for good web form design user experience HTML5 elements

  • نکاتی برای طراحی فرم وب خوب عناصر تجربه کاربر HTML5 Tips for good web form design user experience HTML5 elements

فرم های HTML و CSS HTML and CSS Forms

  • بخش کد منبع و راهنمای منابع Section Source Code and Resource Guide

  • فرم برنامه ریزی عناصر HTML5 فرم وب Form Planning a web form HTML5 elements

  • نحوه اعمال یک استایل CSS برای نمونه فرم وب ساده با CSS How to Apply CSS styling to Form Simple Web form example with CSS

  • عناصر فرم HTML5 نمونه هایی از عناصر رایج با ویژگی ها HTML5 Form Elements examples of common elements with attributes

گزینه های فرم UI jQuery jQuery UI form Options

  • راه‌اندازی تکمیل خودکار jQuery UI برای عنصر ورودی فرم Setting up jQuery UI autocomplete drop down for form input element

  • راه‌اندازی تکمیل خودکار jQuery UI برای عنصر ورودی فرم Setting up jQuery UI autocomplete drop down for form input element

  • jQueryUI با درخواست API AJAX برای پر کردن داده‌های آرایه برای تکمیل خودکار jQueryUI with API AJAX request to populate array data for autocomplete

  • نمونه کد تکمیل خودکار رابط کاربری جی کوئری و فرم نمونه jQuery UI autocomplete code example and sample form

گزینه های فرم UI jQuery jQuery UI form Options

  • jQueryUI با درخواست API AJAX برای پر کردن داده‌های آرایه برای تکمیل خودکار jQueryUI with API AJAX request to populate array data for autocomplete

  • نمونه کد تکمیل خودکار رابط کاربری جی کوئری و فرم نمونه jQuery UI autocomplete code example and sample form

AJAX با جاوا اسکریپت AJAX with JavaScript

  • کد منبع و راهنمای PDF دروس AJAX با جاوا اسکریپت Source code and PDF Guide to AJAX lessons with JavaScript

  • کد منبع و راهنمای PDF دروس AJAX با جاوا اسکریپت Source code and PDF Guide to AJAX lessons with JavaScript

  • استفاده از XMLHttpRequest برای AJAX Using XMLHttpRequest for AJAX

  • استفاده از XMLHttpRequest برای AJAX Using XMLHttpRequest for AJAX

  • XHR Readystates XHR Readystates

  • XHR Readystates XHR Readystates

  • داده های JSON xHR را دریافت کنید Get JSON data xHR

  • درخواست پست xHR xHR post Request

  • درخواست پست xHR xHR post Request

  • واکشی جاوا اسکریپت JavaScript Fetch

  • JSON محلی را واکشی کنید Fetch local JSON

  • JSON محلی را واکشی کنید Fetch local JSON

  • Random User API Random User API

  • Random User API Random User API

AJAX با جاوا اسکریپت AJAX with JavaScript

  • داده های JSON xHR را دریافت کنید Get JSON data xHR

  • واکشی جاوا اسکریپت JavaScript Fetch

پاسخ های پرسش و پاسخ کدنویسی جاوا اسکریپت و جی کوئری را مثال می زنند JavaScript and jQuery Coding examples Q&A responses

  • شمارشگر کلیک jQuery jQuery Click Counter

  • راهنمای کد جاوا اسکریپت JavaScript Code Guide

پاسخ های پرسش و پاسخ کدنویسی جاوا اسکریپت و جی کوئری را مثال می زنند JavaScript and jQuery Coding examples Q&A responses

  • شمارشگر کلیک jQuery jQuery Click Counter

  • راهنمای کد جاوا اسکریپت JavaScript Code Guide

لطفا توجه داشته باشید که این بخش از نسخه قدیمی تر دوره است Please note this section is from the older version of the course

  • محتوای دوره قدیمی در این بخش Old course content in this section

  • محتوای دوره قدیمی در این بخش Old course content in this section

  • محتوای دوره قدیمی تر مقدمه دوره jQuery و Forms Older course content jQuery and Forms Course Introduction

  • طرح درس HTML CSS HTML CSS Lesson plan

  • jQuery Keyup محتوای مطابقت در فیلد فرم jQuery Keyup Content match in form field

  • jQuery Keyup محتوای مطابقت در فیلد فرم jQuery Keyup Content match in form field

  • کد منبع برای مطابقت محتوا Source Code for matching content

  • کد منبع برای مطابقت محتوا Source Code for matching content

  • فرم انتخاب مقدار بازگشتی در تغییر Form Select return value on change

  • پاسخ رویداد jQuery AJAX از سرور jQuery Event AJAX response from server

  • jQuery و دکمه های رادیویی و چک باکس ها jQuery and radio buttons and check boxes

  • کد منبع در تغییر دکمه‌های رادیویی کادرها را علامت بزنید Source Code on Change Radio buttons check boxes

  • راه اندازی تکمیل خودکار رابط کاربری جی کوئری jQuery UI autocomplete setup

  • jQuery UI از فایل Dynamic JSON تکمیل می شود jQuery UI autocomplete from Dynamic JSON file

  • jQuery UI از فایل Dynamic JSON تکمیل می شود jQuery UI autocomplete from Dynamic JSON file

  • کد منبع jQuery UI به صورت خودکار از فایل JSON پویا تکمیل می شود Source Code jQuery UI auto complete from dynamic JSON file

  • کد منبع jQuery UI به صورت خودکار از فایل JSON پویا تکمیل می شود Source Code jQuery UI auto complete from dynamic JSON file

  • سخنرانی پاداش Bonus Lecture

  • سخنرانی پاداش Bonus Lecture

لطفا توجه داشته باشید که این بخش از نسخه قدیمی تر دوره است Please note this section is from the older version of the course

  • محتوای دوره قدیمی تر مقدمه دوره jQuery و Forms Older course content jQuery and Forms Course Introduction

  • طرح درس HTML CSS HTML CSS Lesson plan

  • فرم انتخاب مقدار بازگشتی در تغییر Form Select return value on change

  • پاسخ رویداد jQuery AJAX از سرور jQuery Event AJAX response from server

  • jQuery و دکمه های رادیویی و چک باکس ها jQuery and radio buttons and check boxes

  • کد منبع در تغییر دکمه‌های رادیویی کادرها را علامت بزنید Source Code on Change Radio buttons check boxes

  • راه اندازی تکمیل خودکار رابط کاربری جی کوئری jQuery UI autocomplete setup

نمایش نظرات

Udemy (یودمی)

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

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

آموزش ایجاد فرم های پویا HTML CSS جاوا اسکریپت و jQueryUI
جزییات دوره
4 hours
34
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
10,782
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Laurence Svekis Laurence Svekis

پرفروش ترین مدرس دوره

نویسنده دوره طراحی وب و توسعه وب - آموزش حضوری و آنلاین به بیش از 1,000,000 دانش آموز در سطح جهان. کارشناس توسعه دهنده Google از سال 2020 GDE

من اینجا هستم تا به شما کمک کنم یاد بگیرید، به رویاهای خود برسید، امروز در این ماجراجویی شگفت انگیز به من بپیوندید
Google Developers Expert - GSuite

ارائه دوره های توسعه وب و دوره های استراتژی بازاریابی دیجیتال از سال 2002.

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

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

"یادگیری، درک با اشتیاق قوی برای آموزش. اینترنت فرصت های جدیدی را برای گسترش و به اشتراک گذاری دانش در اختیار ما قرار داده است."

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

"دوره های آموزشی من برای کمک به شما در دستیابی به اهداف، یادگیری و به روز رسانی مهارت ها طراحی شده اند"

سابقه و هدف : یک توسعه دهنده باتجربه برنامه های کاربردی وب، که روی چندین برنامه در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآور کار کرده است. زمینه های تخصصی توسعه برنامه های کاربردی وب عبارتند از HTML، CSS، JavaScript، JQuery، Bootstrap، PHP و MySQL. هر چیزی که مربوط به ایجاد وب و تجربه دیجیتال باشد. علاقه‌مند به هر کاری که با توسعه برنامه‌های کاربردی وب، برنامه‌نویسی تا بازاریابی آنلاین با تمرکز قوی بر رسانه‌های اجتماعی و SEO .

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