آموزش jQuery UI

jQuery UI Tutorials

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: jQuery UI و Bootstrap را با پروژه های عملی و مطالعات موردی برای ارتقاء مهارت های توسعه وب خود مسلط کنید! راه اندازی و پیکربندی jQuery UI: درک نکات ضروری jQuery UI، از جمله راه اندازی محیط، دانلود و ارجاع به کتابخانه ها ایجاد و سفارشی کردن ابزارک ها: تجربه عملی با ویجت های مختلف jQuery UI مانند آکاردئون ها و اسپینرها را به دست آورید و یاد بگیرید که ظاهر خود را سفارشی کنید استاد اصول jQuery: کاوش عملکردهای اصلی jQuery، از جمله انتخابگرها، انتخابگرها، و فیلترها، برای دستکاری توسعه برنامه های کاربردی مناسب برای موبایل: یاد بگیرید که از jQuery Mobile برای ایجاد برنامه های وب تلفن همراه پاسخگو و تعاملی با تمرکز بر اجزای سازنده یک سایت دانش تجارت الکترونیک کامل بسازید: برای ایجاد یک فروشگاه تجارت الکترونیک کاربردی با استفاده از jQuery، HTML و CSS، با تمرکز بر طرح‌بندی، پیمایش پیاده‌سازی Bootstrap برای طراحی واکنش‌گرا: نحوه استفاده از Bootstrap برای توسعه یک وب‌سایت تجارت الکترونیک واکنش‌گرا، از جمله هدرها، منوها و طرح‌بندی‌های شبکه‌ای را کشف کنید. طراحی راه حل های وب پیشرفته: یک پروژه مطالعه موردی را برای ایجاد یک وب سایت خدمات و راه حل ها با تکنیک های پیشرفته جی کوئری تکمیل کنید. کار بر روی پروژه های عملی: در پروژه های دنیای واقعی و مطالعات موردی شرکت کنید تا مهارت های خود را در ساخت برنامه های کاربردی وب تعاملی و پویا به کار ببرید. پیش نیازها: دانش پایه HTML و CSS: آشنایی با HTML و CSS برای درک و پیاده سازی موثر مفاهیم jQuery UI و jQuery ضروری است. مهارت های اساسی جاوا اسکریپت: درک اولیه جاوا اسکریپت به درک عملکردهای جی کوئری و اسکریپت نویسی کمک می کند. رایانه با دسترسی به اینترنت: برای دانلود ابزارهای لازم، دسترسی به منابع آنلاین و تست کد به رایانه ای با دسترسی به اینترنت نیاز است. ویرایشگر متن یا IDE: دانش آموزان باید یک ویرایشگر متن یا محیط توسعه یکپارچه (IDE) برای نوشتن و ویرایش کد (به عنوان مثال، VS Code، Sublime Text) نصب کرده باشند. مرورگر وب: یک مرورگر وب مدرن (مانند کروم، فایرفاکس یا اج) برای آزمایش و اشکال زدایی برنامه های کاربردی وب.

مقدمه:
این دوره جامع برای آشنایی دانشجویان با jQuery UI و کاربردهای آن طراحی شده است. با شروع از اصول اولیه تنظیم محیط توسعه تا ایجاد ویجت های پیشرفته، دانش آموزان یاد خواهند گرفت که از قدرت jQuery UI برای طراحی تعاملی وب استفاده کنند. چه مبتدی باشید و چه به دنبال افزایش مهارت های خود باشید، این دوره تجربه عملی و عملی را با اجزاء و ویژگی های jQuery UI ارائه می دهد.

بخش 1: آموزش های jQuery UI
در این بخش، دانش آموزان موارد ضروری jQuery UI، از جمله راه اندازی محیط، ایجاد ویجت، و ابزارهای اشکال زدایی را بررسی خواهند کرد. آنها یاد خواهند گرفت که از ویژگی های اصلی jQuery UI مانند آکاردئون ها و اسپینرها استفاده کنند و نحوه دستکاری موثر CSS و عناصر را درک کنند. رویکرد عملی تضمین می‌کند که دانش‌آموزان می‌توانند عناصر UI را برای افزایش تعامل با کاربر ایجاد و سفارشی کنند.

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

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

بخش 4: مطالعه موردی - فروشگاه تجارت الکترونیک با jQuery، HTML و CSS
در این مطالعه موردی، دانش‌آموزان دانش خود را برای ایجاد یک فروشگاه تجارت الکترونیک کاملاً کاربردی با استفاده از jQuery، HTML و CSS به کار می‌گیرند. آنها بر روی ایجاد یک طرح بندی اولیه، یکپارچه سازی ناوبرهای تصویر، و توسعه برگه های تعاملی و پرسش های متداول کار خواهند کرد. این پروژه عملی مهارت های آنها را در طراحی و توسعه وب تثبیت می کند.

بخش 5: پروژه در بوت استرپ - ایجاد یک وب سایت تجارت الکترونیک
این بخش دانش آموزان را در ساخت یک وب سایت تجارت الکترونیک با استفاده از بوت استرپ راهنمایی می کند. جنبه‌های حیاتی مانند سرصفحه‌ها، منوها و شبکه‌ها را پوشش می‌دهد و رویکردی عملی برای طراحی واکنش‌گرا ارائه می‌دهد. دانش آموزان یاد خواهند گرفت که از سیستم شبکه قدرتمند Bootstrap برای ایجاد یک فروشگاه آنلاین حرفه ای و صیقلی استفاده کنند.

بخش 6: مطالعه موردی jQuery - وب سایت خدمات و راه حل ها
دانشجویان یک مطالعه موردی برای ایجاد یک وب سایت خدمات و راه حل ها با استفاده از jQuery انجام خواهند داد. این بخش بر تکنیک‌های پیشرفته jQuery برای دستکاری DOM، لغزنده‌ها و طراحی واکنش‌گرا تأکید دارد. با تکمیل این پروژه، دانش آموزان یک وب سایت قوی و تعاملی متناسب با مشاغل مبتنی بر خدمات ایجاد خواهند کرد.

نتیجه‌گیری:
در پایان این دوره، دانشجویان درک کاملی از jQuery UI، اصول jQuery و jQuery Mobile و همچنین تجربه عملی از طریق مطالعات موردی و پروژه‌های جامع خواهند داشت. این دوره دانش آموزان را با مهارت های لازم برای ساخت برنامه های کاربردی وب پویا و تعاملی و وب سایت های واکنش گرا مجهز می کند.


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

آموزش jQuery UI jQuery UI Tutorials

  • مقدمه ای بر Jquery Introduction to Jquery

  • مسابقه مقدماتی Intro Quiz

  • راه اندازی محیط توسعه در Jquery Development Environment Setup in Jquery

  • دانلود بیلدر در جی کوئری Download Builder in Jquery

  • امتحان در مورد محیط جی کوئری Quiz on jQuery Environment

  • مرجع CDN در Jquery CDN Reference in Jquery

  • تست پلانکر Plunker Testing

  • ابزار اشکال زدا Debugger Tool

  • ابزارک چیست What is Widgets

  • ساختار کد طبق Code Structure of According

  • ویژگی CSS CSS Attribute

  • خوراکی ها را دریافت کنید Get Aliments

  • CSS و اسکریپت ها را حذف کنید Remove CSS and Scripts

  • تکنیک های ساخت آکاردئون Accordion Creation Techniques

  • مقدمه ای بر اسپینر Introduction to Spinner

  • ابزارک های اسپینر Spinner Widgets

  • ابزارک های اسپینر ادامه دارد Spinner Widgets Continues

  • روش های اسپینر Spinner Methods

jQuery Fundamentals jQuery Fundamentals

  • مقدمه صفحه اول First page Introduction

  • JQUERY مقدمه JQUERY Introduction

  • مزایای جی کوئری jQuery Benefits

  • دانلود jQuery از وب سایت jQuery Downloading jQuery From jQuery Website

  • ارجاع به فایل jQuery از طریق شبکه تحویل محتوا Referring To jQuery File Through Content Delivery Network

  • راه اندازی jQuery در یک سند Html Setting Up jQuery In An Html Document

  • برنامه آزمایشی جی کوئری jQuery Demo App

  • برنامه آزمایشی جی کوئری ادامه دارد jQuery Demo App Continues

  • jQuery Selectors Intro Basic Selectors توضیح jQuery Selectors Intro Basic Selectors Explanation

  • jQuery Basic Selectors مثال قسمت 1 jQuery Basic Selectors Example Part 1

  • jQuery Basic Selectors مثال قسمت 2 jQuery Basic Selectors Example Part 2

  • توصیف انتخابگرهای ویژگی Attribute Selectors Description

  • jQuery Attribute Selectors مثال قسمت 1 jQuery Attribute Selectors Example Part 1

  • jQuery Attribute Selectors مثال قسمت 2 jQuery Attribute Selectors Example Part 2

  • توضیحات فیلترهای اساسی Basic Filters Description

  • فیلترهای پایه مثال قسمت 1 Basic Filters Example Part 1

  • فیلترهای پایه مثال قسمت 2 Basic Filters Example Part 2

  • فیلترهای پایه مثال قسمت 3 Basic Filters Example Part 3

دوره های آموزشی جی کوئری آموزش موبایل جی کوئری jQuery Training Courses jQuery Mobile Training

  • معرفی Jquery Mobile و صفحه فهرست محتوا 1 Jquery Mobile Intro and Table Of Content Screen1

  • صفحه نمایش جزئیات مفهومی موبایل Jquery Jquery Mobile Concept Detailing screen

  • صفحات Jquery Mobile Topics و چندین دیالوگ و ضبط جلوه های انتقال Jquery Mobile Topics pages& multiple& dialogs and transition effects recording

  • دکمه‌ها و نمادها و پاپ‌آپ‌ها و نوار ابزار Jquery Mobile Topics با نمونه‌هایی بخش 1 Jquery Mobile Topics buttons& icons& pop-ups and toolbar with examples part 1

  • دکمه‌ها و آیکون‌ها و پاپ‌آپ‌ها و نوار ابزار Jquery Mobile Topics به همراه نمونه‌هایی بخش 2 Jquery Mobile Topics buttons& icons& pop-ups and toolbar with examples part 2

  • نوار پیمایش و پانل های موضوعات موبایل JQuery قسمت 1 JQuery Mobile Topics Navigation Bar and Panels part 1

  • نوار پیمایش و پانل های موضوعات موبایل JQuery قسمت 2 JQuery Mobile Topics Navigation Bar and Panels part 2

  • جداول و گرید موضوعات موبایل Jquery Jquery Mobile Topics Tables and Grid

  • شبکه موضوعات موبایل JQuery و Collapsilbe ادامه دارد JQuery Mobile Topics Grid and Collapsilbe Continued

  • مشاهده لیست موضوعات موبایل JQuery JQuery Mobile Topics List Views

  • عناصر فرم موضوع موبایل JQuery JQuery Mobile Topic Form Elements

  • تم های موبایل JQuery JQuery Mobile Themes

  • رویدادهای موضوع موبایل جی کوئری قسمت 1 JQuery Mobile Topic Events Part 1

  • رویدادهای موضوع موبایل جی کوئری قسمت 2 JQuery Mobile Topic Events Part 2

  • نمونه‌های موضوع موبایل Query و معبد تلفن همراه پرس و جو پایه Query Mobile Topic Examples and Basic Query Mobile Temple

مطالعه موردی - فروشگاه تجارت الکترونیک با jQuery، HTML و CSS Case Study - eCommerce Shop with jQuery, HTML and CSS

  • مقدمه درباره پروژه Introduction About the Project

  • چیدمان اولیه Basic Layout

  • ناوبر تصویر Image Navigator

  • زبانه های توضیحات Description Tabs

  • سوالات متداول FAQ

  • سوالات متداول ادامه FAQ Continue

پروژه در بوت استرپ - ایجاد یک وب سایت تجارت الکترونیک Project on BootStrap - Creating an e-Commerce Website

  • معرفی پروژه Introduction to the Project

  • سربرگ Header

  • منو Menu

  • بخش Section

  • شبکه ها Grids

  • شبکه ها ادامه دارد Grids Continue

  • محصولات Products

  • نتیجه گیری Conclusion

  • نتیجه گیری ادامه Conclusion Continue

مطالعه موردی جی کوئری - وب سایت خدمات و راهکارها jQuery Case Study - Services and Solutions Website

  • معرفی jQuery Intro to jQuery

  • دستکاری دام Dom manipulation

  • Domremovalelemnts Domremovalelemnts

  • تعویض دم Domreplacement

  • بنر-چرخش Banner-Rotater

  • بنر-لغزنده Banner-Slider

  • چرخ فلک-لغزنده Carousel-Slider

  • لغزنده تمام عرض Full-width-Slider

  • پنجره کامل برای موبایل Full-window-for-Mobile

  • Grid-Slider Grid-Slider

  • تصویر-گالری Image-Gallery

  • لغزنده جزئی قابل مشاهده Partial-Visible-Slider

  • عکس اسلایدر Photo-Slider

  • Responsive-Slider-Div-Span Responsive-Slider-Div-Span

  • پیمایش-لوگو-نقش کوچک Scrolling-Logo-Thumnail

  • عمودی-لغزنده Vertical-Slider

  • عمودی-تصویر کوچک Vertical-Thumbnail

  • کد-CSS Code-CSS

  • jquery-code-menu jquery-code-menu

  • Jquery-Code-Midsection Jquery-Code-Midsection

  • Jquery-Code-Midsection ادامه دهید Jquery-Code-Midsection Continue

  • Jquery-Code-Footer Jquery-Code-Footer

مطالعه موردی جی کوئری jQuery Case Study

  • معرفی jQuery Intro to jQuery

  • نمونه برنامه قسمت 1 Sample Programme Part 1

  • نمونه برنامه قسمت 2 Sample Programme Part 2

  • نمونه برنامه قسمت 3 Sample Programme Part 3

  • نمونه برنامه قسمت 4 Sample Programme Part 4

  • مطالعه موردی قسمت 1 Case Study Part 1

  • مطالعه موردی قسمت 2 Case Study Part 2

  • مطالعه موردی قسمت 3 Case Study Part 3

مطالعه موردی jQuery UI jQuery UI Case Study

  • مقدمه ای بر پروژه Introduction to Project

  • ایجاد یک پروژه ساده Creating a Simple Project

  • ایجاد صفحه Index.html Creating Index.html Page

  • ایجاد برگه جزئیات کارمند Creating Employee Details Tab

  • ایجاد برگه درباره ما Creating About Us Tab

  • ایجاد برگه وظایف روزانه Creating Daily Task Tab

  • ایجاد برگه وظیفه روزانه ادامه دهید Creating Daily Task Tab Continue

  • نوشتن اسکریپت برای کارهای روزانه Writing Scripts for Daily Task

  • نوشتن اسکریپت برای کارهای روزانه به طور مداوم Writing Scripts for Daily Task Continuous

  • خروجی پروژه Output of the Project

نمایش نظرات

آموزش jQuery UI
جزییات دوره
14 hours
104
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,000
5 از 5
ندارد
دارد
دارد
EDU CBA
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

EDU CBA EDU CBA

مهارت های دنیای واقعی را بصورت آنلاین بیاموزید EDUCBA یک ارائه دهنده جهانی آموزش مبتنی بر مهارت است که نیازهای اعضا را در بیش از 100 کشور برطرف می کند. ما بزرگترین شرکت فناوری پیشرفته در آسیا با نمونه کارهای 5498+ دوره آنلاین ، 205+ مسیر یادگیری ، 150+ برنامه شغل محور (JOPs) و 50+ بسته دوره حرفه ای شغلی هستیم که توسط متخصصان برجسته صنعت آماده شده است. برنامه های آموزشی ما برنامه های مبتنی بر مهارت شغلی است که توسط صنعت در سراسر امور مالی ، فناوری ، تجارت ، طراحی ، داده و فناوری جدید و آینده مورد نیاز صنعت است.