آموزش دوره کامل jQuery - مبتدی تا حرفه ای [ویدئو]

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

مقدمه ای بر جی کوئری Introduction to jQuery

• مقدمه دوره jQuery jQuery Course Introduction

• مقدمه ای بر جی کوئری Introduction to jQuery

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

• اولین فایل جی کوئری First jQuery File

• جی کوئری در مقابل جاوا اسکریپت jQuery Versus JavaScript

شروع کار با jQuery Getting Started with jQuery

• جی کوئری آماده است jQuery Ready

• آیا به jQuery نیاز دارید؟ Do You Need jQuery

• HTML و Text Made Easy را به روز کنید Update HTML and Text Made Easy

انتخاب عنصر و پیمایش Element Selection and Traversing

• تصاویر و ویژگی ها Images and Attributes

• انتخابگرها و به روز رسانی چندین مورد Selectors and Updating Multiple Items

• انتخاب عناصر فرم Form Elements Selection

• انتخاب بر اساس سفارش جی کوئری Selection by Order jQuery

• انتخاب بیشتر More Selection

• انتخاب چند عنصر Multiple Element Selections

• jQuery آن را تعاملی می کند jQuery Making it Interactive

• انتخاب فیلتر و تنظیم دقیق Selection Filtering and Fine Tuning

• jQuery فیلترینگ پیشرفته jQuery Advanced Filtering

• مقدمه ای بر تراورس Introduction to Traversing

• جی کوئری عناصر را طی کنید jQuery Traverse the Elements

• خواهر و برادر عنصر Element Siblings

بازی قفل پروژه مینی ورزش Exercise Mini Project Lock Game

• jQuery Exercise Lock Combo Guess jQuery Exercise Lock Combo Guess

• معرفی پروژه Combo Lock Combo Lock Project Intro

• ایجاد عناصر تعاملی Create Interactive Elements

• منطق بازی را اعمال کنید Apply Game Logic

• مقادیر حدس زدن را بررسی کنید Check Guess Values

• بررسی پروژه Combo Lock Combo Lock Project Review

صفحه نمایش چند مرحله ای پروژه کوچک تمرین Exercise Mini Project Multiple Step Screen

• تمرین ساده جی کوئری Simple jQuery Exercise

• عبور از عناصر Traversing the Elements

• راه های بیشتر برای انتخاب عناصر More Ways to Select Elements

• ترفندهای نهایی پروژه Final Project Tweaks

پروژه اعتبار سنجی فرم تمرین Exercise Form Validation Project

• پروژه اعتبار سنجی فرم Form Validation Project

• بررسی ورودی فرم Form Input Check

• ترفندهای فرم و نمای کلی Form Tweaks and Overview

• فرم پروژه کامل Form Complete Project

تمرین بازی حدس زدن رنگ Exercise Color Guessing Game

• معرفی بازی Color Match Color Match Game Introduction

• معرفی بازی Color Guess Color Guess Game Introduction

• ایجاد منطقه بازی Build Gameplay Area

• فقط رنگ اضافه کنید Just Add Color

• رویدادها برای عناصر پویا Events for Dynamic Elements

• ساخت در منطق بازی Build in Game Logic

• ترفندها و تنظیمات Tweaks and Adjustments

• مروری بر گیم پلی بهتر Better Gameplay Overview

مراحل بعدی جی کوئری - روی فرم ها تمرکز کنید jQuery Next Steps - Focus on Forms

• jQuery کار با فرم ها jQuery Working with Forms

• jQuery حتی بیشتر با فرم ها انجام دهد jQuery Do Even More with Forms

• مراحل بعدی با فرم ها Next Steps with Forms

ساخت عناصر تعاملی Making Interactive Elements

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

• رویدادهای صفحه کلید jQuery Keyboard Events jQuery

• رویدادهای مرورگر jQuery. Browser Events jQuery.

دستکاری صفحه و به روز رسانی محتوا Page Manipulation and Content Updates

• پنهان کردن نمایش تغییر وضعیت Hide Show Toggle

• به روز رسانی محتوای صفحه Page Content Updater

• قبل و بعد Before and After

• استفاده از jQuery Empty Using jQuery Empty

• HasClass Check Exercise Debugging HasClass Check Exercise Debugging

• بازگشت به Forms jQuery Back to Forms jQuery

• فرم ها و رویدادهای جی کوئری jQuery Forms and Events

• حذف ویژگی Remove Attribute

• jQuery Placeholder Image Generator jQuery Placeholder Image Generator

• کلاس های دستکاری صفحه جی کوئری jQuery Page Manipulation Classes

• کلاس های خطای فرم jQuery jQuery Form Error Classes

• اطلاعات پنجره و سند Window and Document Information

• تصویر پاپ آپ با استفاده از جی کوئری Popup Image Using jQuery

• ابعاد jQuery بیشتر More jQuery Dimensions

افکت ها و انیمیشن های جی کوئری jQuery Effects and Animations

• انیمیشن اسلاید جی کوئری jQuery Slide Animation

• انیمیشن محو شدن جی کوئری jQuery Fade Animation

• jQuery Animate Effect jQuery Animate Effect

• jQuery حتی بیشتر متحرک کنید jQuery Animate Even More

• jQuery Animate Advanced jQuery Animate Advanced

• jQuery Animate Exercise jQuery Animate Exercise

• ابزارهای جی کوئری کاوش شد jQuery Utilities Explored

AJAX با jQuery دریافت داده با API ها متصل شوید AJAX with jQuery Get Data Connect with APIs

• جی کوئری AJAX JSON jQuery AJAX JSON

• jQuery Load Data jQuery Load Data

• jQuery داده های بیشتری را بارگیری می کند jQuery Load More Data

• جزئیات بارگیری جی کوئری jQuery Load Details

• جی کوئری AJAX jQuery AJAX

• jQuery، AJAX و JSON jQuery, AJAX, and JSON

• کوتاه‌نویسی بگیرید و JSON بگیرید shorthand get and getJSON

• API های وب AJAX Web APIs AJAX

• تصاویر تصادفی بیشتر هر کدام More Random Images Each

• API های بیشتر AJAX بیشتر More APIs More AJAX

• AJAX jQuery Post Data AJAX jQuery Post Data

• jQuery AJAX Post jQuery AJAX Post

• APIهای وب بیشتری را متصل کنید Connect More Web APIs

برنامه jQuery AJAX YouTube API jQuery AJAX YouTube API Application

• مقدمه YouTube API Introduction YouTube API

• راه اندازی وب اپلیکیشن Web Application Setup

• کلید برنامه‌نویس YouTube را دریافت کنید Get YouTube Developer Key

• jQuery AJAX را وارد کنید Bring in jQuery AJAX

• هر ویدیوی بازگشتی را حلقه کنید Loop Each Returned Video

• از داده های فید JSON استفاده کنید Use JSON Feed Data

• نتایج خروجی از API Output Results from API

• سفارشی کردن نتایج برای API Customize Results for API

• ترفندها و به روز رسانی ها Tweaks and Updates

• کد jQuery را سفارشی کنید Customize Code jQuery

jQuery Whack-a-Mole Exercise jQuery Whack-a-Mole Exercise

• jQuery Whack-a-Mole مقدمه jQuery Whack-a-Mole Introduction

• راه اندازی صفحه HTML HTML Page Setup

• کدنویسی جی کوئری را دریافت کنید Get Coding jQuery

• بورد بازی پویا بسازید Build Dynamic Gameboard

• فقط یک ظاهر طراحی شده را اضافه کنید Just Add Styling

• خال ها به حرکت خود ادامه می دهند Moles Keep Moving

• بهینه سازی و به روز رسانی کد Tweak and Update Code

• آن خال را بزن Whack that Mole

• آن ضربت زدن را اضافه کنید Add that Whack

• بررسی کد منبع Source Code Review

پروژه بازی حافظه Memory Game Project

• معرفی پروژه بازی حافظه Memory Game Project Introduction

• راه اندازی برنامه نویس وب Web Developer Setup

• راه اندازی HTML و CSS HTML and CSS Setup

• ساخت بازی تخته شروع بازی Build Game Board Start Game

• گیم برد بسازید Build Gameboard

• تصادفی کردن محتویات آرایه Randomize Array Contents

• کارت ها را برگردانید Flip the Cards

• گیم پلی را اعمال کنید Apply Gameplay

• بازنشانی کارت ها به بازگشت Reset Cards to Back

• بازی بیش از رفع اشکال Game Over Bug Fix

• بررسی کد بازی حافظه Memory Game Code Review

کامپوننت چرخ فلک تصویر jQuery چرخش تصاویر با jQuery/JavaScript/HTML/CSS jQuery Image Carousel Component Rotate Images with jQuery/JavaScript/HTML/CSS

• پروژه چرخ فلک تصویر با کد نویسی جی کوئری مقدمه چه چیزی باید انتظار داشت Image Carousel Project with jQuery Coding Introduction What to Expect

• نحوه شروع به نوشتن کد برای این بخش تنظیمات فایل های HTML و JS How to Get Started to Write Code for This Section Setup of HTML and JS Files

• نحوه ایجاد یک آرایه مکان‌دار از تصاویر برای استفاده در کدنویسی در کد عملی How to Create a Placeholder Array of Images to Use with Coding in Practice Code

• نحوه تولید مقادیر کد رنگ تصادفی با جاوا اسکریپت و جی کوئری How to Generate Random Color Code Values with JavaScript and jQuery

• استفاده از CSS Styling به عناصر صفحه برای ایجاد چرخ فلک تصویر با jQuery Applying Styling CSS to Page Elements to Create Image Carousel with jQuery

• نحوه افزودن و حذف کلاس ها از عناصر با استفاده از کد جی کوئری How to Add and Remove Classes from Elements Using jQuery Code

• نحوه اضافه کردن دکمه های کنترل گزینه به چرخ فلک تصویر جی کوئری How to Add Option Control Buttons to jQuery Image Carousel

• نحوه تنظیم فواصل برای کد منبع چرخش خودکار اسلایدر How to Set Up Intervals for Automatic Slider Rotation Source Code

• بررسی کد پروژه چرخ فلک تصویر جی کوئری و اشکال زدایی jQuery Image Carousel Project Code Review and Debugging

• مورد لیست jQuery Coding Example را با eq و nthChild انتخاب کنید jQuery List Item Select Coding Example with eq and nthChild

نتیجه گیری دوره منابع جی کوئری jQuery Resources Course Conclusion

• نتیجه گیری جی کوئری jQuery Conclusion