آموزش انیمیشن با جاوااسکریپت و جی‌کوئری (JavaScript & jQuery) - آخرین آپدیت

دستکاری عناصر صفحات وب با جی‌کوئری و جاوااسکریپت Manipulating Web Pages Elements with jQuery & JavaScript

• خوش‌آمدگویی به دوره! Welcome to this Course!

• معرفی ماژول Module Introduction

• آشنایی با جی‌کوئری (jQuery) Introduction to jQuery

• کتابخانه‌های جی‌کوئری jQuery Libraries

• اتصال به کتابخانه‌های جی‌کوئری Plugging Into jQuery Libraries

• سینتکس پایه جی‌کوئری Basic jQuery Syntax

• استفاده از جی‌کوئری برای دسترسی به عناصر Using jQuery to Access Elements

• رویدادهای جی‌کوئری (jQuery Events) jQuery Events

• مقدمه‌ای بر منوهای کناری تاشو با JS Introduction to Folding Sidebar Menus Using JS

• پاسخ چالش اول Challenge 1 Solution

• پاسخ چالش دوم Challenge 2 Solution

• پاسخ چالش سوم Challenge 3 Solution

• پاسخ چالش چهارم Challenge 4 Solution

• پاسخ چالش پنجم Challenge 5 Solution

• پاسخ چالش ششم Challenge 6 Solution

• پاسخ چالش هفتم Challenge 7 Solution

• پاسخ چالش هشتم Challenge 8 Solution

• معرفی ناوبری تاشوی کناری با جی‌کوئری Introduction to jQuery Sidebar Folding Navigation

• دریافت لیست UL بعدی Getting the Next UL

• بررسی کامل اسکریپت The Whole Script

• معرفی چالش‌های جاوااسکریپت و جی‌کوئری JavaScript and jQuery Challenges Intro

انیمیشن‌سازی عناصر صفحه وب با جی‌کوئری و جاوااسکریپت Animating Web Page Elements with jQuery & JavaScript

• معرفی ماژول Module Introduction

• آشنایی با کتابخانه افکت‌های جی‌کوئری Introduction to the jQuery Effects Library

• ادامه مثال اول Example 1 Continued

• مثال دوم Example 2

• مثال دوم: معماری پلاگین Example 2: Plugin Architecture

• مثال سوم: دکمه‌های محو شونده (Fading) Example 3: Fading Buttons

• مثال سوم: متد Fade To Example 3: Fade To

• مثال چهارم: انیمیشن‌های سفارشی - بخش اول Example 4: Custom Animations - Part 1

• مثال چهارم: انیمیشن‌های سفارشی - بخش دوم Example 4: Custom Animations - Part 2

• اجرای همزمان تمام انیمیشن‌ها Doing All Animations at Once

• معرفی رابط کاربری تب‌بندی شده (Tabbed Interface) با جی‌کوئری Introduction to Tabbed Interface Using jQuery

• استایل‌دهی به تگ‌های Anchor Styling the Anchor Tags

• استایل و رنگ‌بندی تب‌ها Tab Styling and Colors

• کلیک و محو کردن تب‌ها Clicking and Fading Tabs

• بررسی کامل اسکریپت Whole Script

• آماده‌سازی CSS Getting the CSS Ready

• فعال‌سازی عملکرد تب‌ها Making the Tabs Work

• مدیریت تب جدید و تب قدیمی New Tab and Old Tab

• مدیریت سوئیچ بین تب‌ها Handling the Switch

• رفع باگ Fixing a Bug

• بهینه‌سازی و پاک‌سازی کد Cleaning Up the Code

دستکاری پیشرفته اسناد و انیمیشن Intermediate Document Manipulation & Animation

• معرفی ماژول Module Introduction

• اسلایدر پایه Basic Slider

• عمومی‌سازی اسکریپت Making the Script General

• تابع Window Load Window Load Function

• هندلر کلیک برای دکمه Next Click Handler for Next Button

• هندلر کلیک Next به همراه دستور If Next Click Handler with If Statement

• پاسخ چالش Challenge Solution

• استراتژی برای نسخه دوم Strategy for Version 2

• شبیه‌سازی (Cloning) لیست بدون ترتیب Cloning the Unordered List

• تنظیم موقعیت چپ (Left Position) Setting the Left Position

• افزودن تابع Callback Adding a Callback Function

• هندلر کلیک دکمه Previous - بخش اول Previous Button Click Handler - Part 1

• هندلر کلیک دکمه Previous - بخش دوم Previous Button Click Handler - Part 2

• ساخت اسلایدر با جاوااسکریپت Slider Using JavaScript

• سی‌اس‌اس اسلایدها و افزودن متغیرها CSS for Slides and Adding Variables

• افزودن متغیرهای بیشتر Adding More Variables

• هندلر رویداد برای دکمه Next Event Handler for the Next Button

• پاسخ چالش دکمه Previous Solution for the Previous Button Challenge

تایمرها و بازگشت (Recursion) در جاوااسکریپت و جی‌کوئری Timers and Recursion in JavaScript & jQuery

• معرفی ماژول Module Introduction

• اسکریپت نمونه اول - بخش اول Example Script #1 - Part 1

• اسکریپت نمونه اول - بخش دوم Example Script #1 - Part 2

• اسکریپت نمونه دوم Example Script #2

• اسکریپت نمونه سوم: بازگشت (Recursion) Example Script #3: Recursion

• تبدیل یک اسلایدر Converting a Slider

• پاسخ قرار دادن اسلایدها روی تایمر - بخش اول Putting Slides on a Timer Solution - Part 1

• پاسخ قرار دادن اسلایدها روی تایمر - بخش دوم Putting Slides on a Timer Solution - Part 2

• راه‌اندازی پروژه Project Set-up

• شروع نوشتن اسکریپت Starting the Script

• دستور If/Else - بخش اول The If/Else Statement - Part 1

• دستور If/Else - بخش دوم The If/Else Statement - Part 2

• جمع‌بندی دوره Course Summary