آموزش ساخت وب سایت های پویا با استفاده از رابط کاربر jQuery

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

معرفی jQuery UI Core Introducing jQuery UI Core

• بررسی اجمالی Overview

• مقدمه ای بر رابط کاربری jQuery Introduction to jQuery UI

• ویجت چیست؟ What Is a Widget?

• بررسی اجمالی هسته رابط کاربری jQuery Overview of jQuery UI Core

• خلاصه Summary

بارگیری و تنظیم رابط کاربر jQuery Download and Setting up jQuery UI

• بررسی اجمالی Overview

• نسخه ی نمایشی: انتخاب ویژگی های مناسب برای بارگیری رابط کاربری jQuery Demo: Selecting Appropriate Features to Download jQuery UI

• نسخه ی نمایشی: از حالت فشرده خارج کردن فایلهای بارگیری شده و ساختار فایل را کاوش کنید Demo: Unzipping Downloaded Files and Explore the File Structure

• نسخه ی نمایشی: نحوه مراجعه به سایر کتابخانه های jQuery در صفحه وب HTML Demo: How to Reference Other jQuery Libraries in HTML Web Page

• نسخه ی نمایشی: فایل index.html را همراه با کتابخانه UI Zipped jQuery کاوش کنید Demo: Explore index.html File Bundled with Zipped jQuery UI Library

• خلاصه Summary

بررسی کتابخانه هسته UI jQuery Exploring jQuery UI Core Library

• بررسی اجمالی Overview

• ابزارک های اصلی رابط کاربری jQuery jQuery UI Core Widgets

• تعاملات هسته ای رابط کاربری jQuery jQuery UI Core Interactions

• جلوه های اصلی رابط کاربری jQuery jQuery UI Core Effects

• مروری بر چارچوب jQuery UI CSS Overview of jQuery UI CSS Framework

• خلاصه Summary

درک ابزارک های رابط کاربری jQuery در جزئیات Understanding jQuery UI Widgets in Detail

• بررسی اجمالی Overview

• ویجت آکاردئون را کاوش کنید Explore Accordion Widget

• ابزارک ProgressBar را درک کنید Understand ProgressBar Widget

• ابزارک Tabs The Tabs Widget

• ابزارک دکمه را کاوش کنید Explore the Button Widget

• ابزارک کشویی را کاوش کنید Explore the Slider Widget

• ابزارک Tooltip را کاوش کنید Explore the Tooltip Widget

• ابزارک منو را کاوش کنید Explore the Menu Widget

• ابزارک گفتگو را کاوش کنید Explore the Dialog Widget

• ابزارک Spinner را کاوش کنید Explore the Spinner Widget

• ابزارک تکمیل خودکار را کاوش کنید Explore the Auto-complete Widget

• ابزارک DatePicker را کاوش کنید Explore the DatePicker Widget

• با استفاده از Widget Factory ویجت سفارشی را پیاده سازی کنید Implement a Custom Widget Using Widget Factory

• خلاصه Summary

افزودن تعاملات به رابط های کاربری Adding Interactions to User Interfaces

• بررسی اجمالی Overview

• رابط کاربر جی کوئری jQuery UI

• تعامل قابل جمع شدن Draggable Interaction

• تعامل قابل انعطاف Droppable Interaction

• تعامل قابل تغییر Resizable Interaction

• تعامل قابل مرتب سازی Sortable Interaction

• خلاصه Summary

ایجاد انیمیشن با استفاده از جلوه های رابط کاربری jQuery Creating Animations Using jQuery UI Effects

• بررسی اجمالی Overview

• روش اثر جی کوئری jQuery Effect Method

• عملکرد سهولت جی کوئری jQuery Easing Function

• انیمیشن های رنگی Color Animations

• انتقال CSS CSS Transitions

• نمایش، پنهان کردن و تغییر روش ها Show, Hide, and Toggle Methods

• خلاصه Summary

برنامه های کاربردی رابط کاربری و یکپارچه سازی jQuery Theming and Styling jQuery UI Applications

• بررسی اجمالی Overview

• نسخه ی نمایشی: JQuery UI Theme CSS Framework را کاوش کنید Demo: Explore jQuery UI Themeable CSS Framework

• نسخه ی نمایشی: jQuery UI ThemeRoller Demo: jQuery UI ThemeRoller

• خلاصه Summary

ایجاد برنامه جستجوی پروازهای کاملاً کاربردی Creating Fully Functional Flights-search Application

• بررسی اجمالی Overview

• ساختار برنامه Structuring the Application

• جمع آوری ورودی های کاربر Collecting User’s Inputs

• تنظیم تکمیل خودکار کد فرودگاه Setting up an Airport Code Autocomplete

• اعتبارسنجی ورودی های کاربر Validating User Inputs

• اتصال به REST API Connecting to a REST API

• افزودن طرح پاسخگو Adding the Responsive Design

• خلاصه Summary

آماده سازی برنامه رابط کاربر jQuery برای تولید Preparing jQuery UI Application for Production

• بررسی اجمالی Overview

• برای تولید پرونده ها Build Files for Production

• بهبود عملکرد را در نظر بگیرید Consider Performance Improvement

• خلاصه Summary