آموزش کامل jQuery و jQuery UI

jQuery پرکاربردترین کتابخانه‌ی JavaScript است که با استفاده از آن طراحی و توسعه‌ی صفحات وب بسیار ساده شده و بسیاری از پیچیدگی‌های JavaScript با استفاده از این کتابخانه از بین خواهند رفت.

آشنایی با Widget های jQuery UI - بخش اول

  • مدرسعباس مقدم
  • سطح دورهمبتدی تا پیشرفته
  • تعداد ویدئو17
  • زمان کل آموزش17 ساعت و 44 دقیقه
  • زمان این ویدئو52 دقیقه
  • امتیاز دوره9   از   24   رای
  • تعداد ثبت نام251
این ویدئو فقط برای کاربرانی که در این دوره ثبت نام کرده اند قابل مشاهده و دانلود است.
درباره این دوره

امروزه کمتر وبسایتی را می‌توان یافت که در طراحی آن از jQuery  استفاده نشده باشد. طبق آمار 65 درصد از 10 میلیون سایت پربیننده‌ی جهان از jQuery  برای طراحی صفحات وب خود بهره می‌برند.

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

همچنین پس از یادگیری کامل این کتابخانه، با کتابخانه‌ی معروف jQuery UI  که یکی دیگر از محصولات پرکاربرد تیم توسعه دهنده‌ی jQuery  می‌باشد به طور کامل آشنا خواهید شد که با استفاده از این کتابخانه خواهید توانست رابطهای کاربری (User Interface) بسیار قدرتمندی را برای وبسایتهای خود طراحی کنید.

 

پیش نیازهای این دوره :

  • آشنایی مقدماتی با HTML و CSS
  • آشنایی متوسط با JavaScript

لیست دروس این دوره

  • بخش 1 : آشنایی با مقدمات و اصول اولیه‌ی jQuery

  • 1 آشنایی با مقدمات و کاربردهای اصلی jQuery 56:37
    در این درس ضمن ارائه‌ی یک تاریخچه‌ی مختصر از نحوه‌ی پیدایش و تکامل jQuery به معرفی کاربردهای اصلی jQuery پرداخته شده است.
    لازم به ذکر است که در این درس هیچ نوع کار عملی با jQuery انجام نمی‌شود و هدف اصلی این درس، صرفاً دادن یک دید کلی از jQuery به بیننده است.
  • 2 آشنایی با تابع ()$ و چند متد کاربردی 42:26
    هدف اصلی این درس آشنایی با تابع $() و انواع کاربردها و روش‌های استفاده از آن است.
    همچنین پس از آشنایی با تابع $() چند متد کاربردی و بسیار پر اهمیت jQuery نیز معرفی شده‌اند.
  • 3 آشنایی با سلکتورها و فیلترهای jQuery 01:06:51
    آشنایی با مهمترین سلکتورها و فیلترهای jQuery و آماده شدن جهت انجام کارهای عملی با jQuery در درسهای بعدی
  • 4 کار با عناصر صفحه - بخش اول 01:02:27
    شروع کار عملی با عناصر صفحه و آشنایی با متدهایی مانند append و prepend و html و ...
    همچنین در این درس دو مثال عملی از جمله طراحی یک اسلایدشو ، انجام داده شده است.
  • 5 کار با عناصر صفحه - بخش دوم 01:00:26
    آشنایی با مبحث حرکت در DOM یا DOM Traversing و معرفی چندین متد جهت فیلتر کردن مجموعه‌ها و کار با خاصیت class عناصر. (مانند addcClass ، toggleClass و ...)
  • 6 کار با عناصر صفحه - بخش سوم 01:08:04
    معرفی متدهایی جهت کار با موقعیت مکانی و ابعاد عناصر (متدهای offset , position , scrollTop , scrollLeft) و معرفی متدهای بیشتر در رابطه با DOM Manipulation.
    همچنین در انتهای درس یک مثال عملی با مباحث مطرح شده انجام داده شده است.
  • 7 کار با عناصر صفحه - بخش چهارم 54:40
    آشنایی با متدهای val و serialize جهت کار با عناصر فرمها، آشنایی با متدهای data و removeDate جهت اتصال داده‌ها به عناصر.
    بررسی برخی نکات تکمیلی در مورد انتخاب عناصر و معرفی ویژگی Selector Caching
  • 8 آشنایی با رویدادها در jQuery - بخش اول 01:31:56
    آشنایی مقدماتی با رویدادها در jQuery و بررسی انواع رویدادها و نحوه‌ی تعریف آنها.
    انجام چند مثال عملی و طراحی یک اسلایدر پیشرفته تر با استفاده از مباحث مطرح شده.
  • 9 آشنایی با رویدادها در jQuery - بخش دوم 50:00
    آشنایی با متدهای ()on و ()off برای تعریف و حذف Event Handler ها و آشنایی با ویژگی Event Delegation و تعریف رویدادهای زنده و آشنایی با نحوه‌ی تولید رویدادها توسط متد ()trigger و تعریف رویدادهای سفارشی
  • بخش 2 : آشنایی با مباحث پیشرفته و پلاگین‌ها در jQuery

  • 10 آشنایی با انیمیشن ها در jQuery 01:07:05
    آشنایی با افکت ها و انیمیشن‌ها در jQuery و بررسی متدهای پرکاربرد در این زمینه.
    بررسی مفهوم صف در انیمیشن ها و طراحی یک منوی آکاردئونی و یک اسلایدر با انیمیشن های jQuery
  • 11 آشنایی با پلاگین ها و توسعه jQuery 01:11:02
    آشنایی با مفهوم متدهای سودمند و پلاگین ها در jQuery و روشهای توسعه‌ی jQuery
    ایجاد 2 پلاگین برای اعتبارسنجی فرم و ایجاد منوی آکاردئونی و استفاده از پلاگین Cycle2 برای ایجاد اسلایدشوهای پیشرفته.
  • 12 آشنایی با Ajax در jQuery 01:20:45
    آشنایی با قابلیت های jQuery در زمینه‌ی Ajax و بررسی متدهای load، get، post و ajax و انجام چند مثال عملی در این زمینه مانند پیاده‌سازی Infinite Scroll و ایجاد جستجوی مبتنی بر Ajax
  • 13 آشنایی با چند پلاگین کاربردی jQuery 01:02:52
    آشنایی و کار عملی با چند پلاگین کاربردی jQuery که عبارتند از :
    Marquee - Upload File - Persian Datepicker - MediaElementjs - Cazary
    و معرفی چند سایت معتبر برای دریافت پلاگین‌ها و معرفی کوتاه 2 پلاگین jpList و Slide and Push Menus
  • بخش 3 : آشنایی با کتابخانه‌ی قدرتمند jQuery UI

  • 14 آشنایی با مقدمات jQuery UI و معرفی Interaction ها 01:05:03
    معرفی jQuery UI و قابلیت‌های آن و آشنایی با نحوه‌ی دانلود و اضافه کردن آن به صفحات وب.
    معرفی انواع Interaction ها که عبارتند از : Resizable - Sortable - Selectable - Draggable - Droppable
    و انجام چند مثال عملی در مورد Interaction ها
  • 15 آشنایی با Widget های jQuery UI - بخش اول 52:55
    معرفی 5 مورد از Widget های jQuery UI و نحوه‌ی استفاده از آنها که عبارتند از :
    Accordion - Autocomplete - Button - Datepicker - Slider
  • 16 آشنایی با Widget های jQuery UI - بخش دوم 44:45
    آشنایی با بخش Position Utility از jQuery UI و معرفی چهار Widget دیگر که عبارتند از :
    Dialog - Menu - Progressbar - Selectmenu
  • 17 آشنایی با Widget های jQuery UI - بخش سوم 01:06:52
    آشنایی با jQuery UI Effects و انواع افکت‌ها و انمیشن‌های آن و معرفی 3 ویجت دیگر از jQuery UI که عبارتند از :
    Tooltip - Tabs - Spinner

درباره مدرس این دوره

فارغ‌التحصیل رشته‌ی مهندسی برق - قدرت اما شدیداً علاقه‌مند به برنامه‌نویسی هستم.

با بیشتر زبان‌های برنامه‌نویسی آشنایی مقدماتی تا متوسط دارم و تخصص اصلیم برنامه‌نویسی وب است.

دیدگاه‌ها
  • نئو میت

    ثبت شده در 1395/8/11
    عالی مثل همیشه
  • محمد کثیری

    ثبت شده در 1395/4/25
    مثل همیشه عالی
  • امین علیپور

    ثبت شده در 1395/4/24
    عالی بود
  • وحید محمدوند

    ثبت شده در 1395/3/22
    سلام خسته نباشید . مثل همیشه عالی بود . خواهشا اگه میشه و امکانش هست دوره Asp.Net MVC رو هم به شکل به صورت حرفه ای تهیه کنید . ممنون بابت همه زحمات و تلاش شما.
  • محمد دهنوی

    ثبت شده در 1395/2/2
    با سلام ضمن تشکر و قدر دانی بابت آموزشهای فوق العاده تون بی اغراق باید بگم بزرگترین شانسی که در زمینه آموزش آوردم این بود که با آموزشهای جنابعالی آشنا شدم. چون کیفیت بالا, شیوایی بیان, مفهومی بودن, کاربردی بودن, بار علمی فوق العاده را باهم دارند . بعلاوه اینکه با هزینه بسیار اندک (تقریبا رایگان) میتوان تهیه نمود. دستتان را صمیمانه میفشارم و از خداوند برایتان آرزوی تندرستی و موفقیت روزافزون طلب مینمایم.
  • امیرحسین جواهری کیان

    ثبت شده در 1395/1/24
    باخریدن این دوره آبرومو خریدم. بی صبرانه منتظر دوره ی بعدی هستم :)
  • مهدی محمدی

    ثبت شده در 1395/1/11
    مثل همشیه کامل و روان و عالی استاد شما خودتون به چه صورت اینقدر مسلط به موضوعات می شوید؟
  • رضا باقری

    ثبت شده در 1394/11/15
    با سلام خدمت استاد بزرگ آقای مقدم درست نیست این رو اینجا بگم ولی شما باعث شدین که من برنامه نویس بشم من اول حسابدار بودم که با مشاهده دوره html شما رو به برنامه نویسی آوردم و البته asp کار می کنم این آموزشتون واقعا شگفتی و باور نکردنی بود واقعا دست گلت درد نکنه خیلی خیلی زحمت کشیدی واقعا خدا هرچی تو دلت هست بهت بده استاد در مورد آموزش های دیگه ای که می خوایین شروع کنید به نظر من آموزش هایی رو شروع کنید که کمتر آموزش داده می شه ولی کاربرد زیادی داره این طور هم فروش محصولتون بهتر می شه هم ما بیشتر
  • احمد حیدرزاده

    ثبت شده در 1394/10/15
    خدا خیرتون بده جناب مقدم از روند آموزش بگیر تا توضیح دقیق و با جزئیات مطالب ؛ بسیار عالی بودن و اگه امتیاز بالاتر از 10 وجود داشت من به شما می دادم. و بنظرم در کنار آموزشهای فعلیتون اگه از آموزشهای ترکیبی بصورت کاربردی استفاده کنید به موفقیت بیشتری میرسید. ممنون
  • ک.. س.ر

    ثبت شده در 1394/10/14
    عالی بود. امیدوارم دوره MVC رو هم برگزار کنید با تشکر
  • میثم عارفی مهر

    ثبت شده در 1394/10/11
    مثل همیشه قدرت بیان و شیوه تدریس ممتاز.
  • علی بیگی

    ثبت شده در 1394/10/9
    بهتون افتخار میکنیم .واقعا دستتون درد نکنه موفق وسربلند باشید .منتظر آموزشهای خوبتون هستیم
  • محمد خوانچه

    ثبت شده در 1394/10/7
    استاد مثل همیشه عالی بود فقط میشه بفرمایید دوره بعدی چی تدریس خواهید کرد؟
  • علی مهدوی

    ثبت شده در 1394/10/3
    سلام استاد گرامی. واقعا دس مریضاد دارید از هرلحاظ عالی. منتظر شروع دوره جدید هستیم :)
  • مصطفی رضایی

    ثبت شده در 1394/9/16
    آموزش های عالی و حرفه ای کاش یه دوره asp.net mvc هم برگزار میکردید.
  • امیر شریفی

    ثبت شده در 1394/8/28
    شما بی نظیری هر موقع میگی تا درس بعدی خدا نگهدار ما هم بلند میگیم خدا نگهدار تو باشه. خیلی زیبا و روان توضیح میدهی. امیدوارم همیشه موفق باشی. مارو به ارزومون رساندی.... تمام مشکلاتم حل شد.
  • حسن افشارنیا

    ثبت شده در 1394/8/27
    یکی از کامل ترین مرجع های ویدیویی فارسی رو به علاقه مندان طراحی وب ارائه کردید . مثل همیشه ممنون شما هستیم .
  • حمید صالحی

    ثبت شده در 1394/8/20
    چقدر خوب , روان و حرفه ای امیدوارم همیشه پایدار باشید.
  • پوریا لشکری

    ثبت شده در 1394/8/11
    خدایی این مبلقی که بابت ثبت نام میگیرید از شیر مادر حلالتر باشه خدا شما و افرادی مثل شما رو خیر بده ممنون به امید دیدن مباحث و دروس بیشتر در این سایت
  • سید احمد حسینی

    ثبت شده در 1394/8/11
    سلام استاد مثل همیشه عالیه خدا قوت اگه امکان داره دوره بعدی رو یک فریم ورک از php برگزار کنید. مرسی
  • مصطفی نادری

    ثبت شده در 1394/7/19
    ♥♥سلام♥♥ این دوره مثل دوره ی php از هر لحاظ عالیه ... مرسی از استاد مقدم عزیز
  • عباس آخوندی

    ثبت شده در 1394/7/7
    استاد خدایی دمتون گرم.واقعا عالی درس میدین.خدا پاداش این همه زحمتتون رو بده مرسی واقعا
  • محسن هاشمی

    ثبت شده در 1394/6/27
    بسیار عالی... خدا خیرتون بده...
  • علی رحمانیان

    ثبت شده در 1394/6/26
    مثل همیشه عالی تدریس میکنید استاد خدا بهتون خیر بی پایان بده فقط تروخدا استاد این دوره رو زودتر جلو ببرید چون مطالب شما عالی هستن و ماهم خیلی مشتاقیم

ثبت دیدگاه و امتیاز

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

این صفحه را می‌پسندم