آموزش استفاده از jQuery و Ajax

آموزش استفاده از jQuery و Ajax یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی، کار کردن با داده ها با استفاده از جی کوئری و Ajax است که با نام اصلی Interacting with Data Using jQuery 3 and Ajax از شرکت Pluralsight منتشر شده است.

نقش کتابخانه jQuery در توسعه اپلیکیشن های وب

کتابخانه jQuery نقش قابل توجهی در توسعه وب اپلیکیشن ها ایفا کرده است. کتابخانه jQuery به عنوان یک کتابخانه سریع و سبک جاوااسکریپت معرفی شد و هدفش ساده تر کردن وظایف تکراری و مشترک در توسعه وب اپلیکیشن ها بود. یکی از اساسی‌ترین مشارکت‌های کتابخانه jQuery نرمال‌سازی ناسازگاری ها در اجرای جاوااسکریپت در مرورگرهای مختلف بود چرا که توانست یک روش یکپارچه و سازگار با تمام مرورگرها برای تعامل با DOM را در اختیار برنامه نویسان قرار دهد. دستورات کوتاه شده جی‌کوئری و انتزاع عملیات پیچیده مانند درخواست‌های AJAX و مدیریت DOMبه‌طور چشمگیری کار توسعه برنامه را سریع‌تر کرد. این موضوع به توسعه‌دهندگان این امکان را می‌داد که با نوشتن کد کمتر، کار بیشتری انجام دهند. امروزه، با ارتقاء قابلیت‌های جاوااسکریپت در مرورگرهای مدرن و ظهور فریم ورک های front-end مانند ری‌اکت و ویو.جی‌اس، نیاز به جی‌کوئری کاهش یافته است. هرچند که جی کوئری در برخی سناریوها هنوز به کار می‌رود، نقش جی‌کوئری تکامل یافته و توسعه‌دهندگان اغلب از ابزارهای جدیدتری استفاده می‌کنند که با آخرین استانداردها و بهترین روش‌های توسعه وب هماهنگ هستند.

مزیت های استفاده کردن از کتابخانه jQuery نسبت به جاوا اسکریپت

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

سرفصل مطالب آموزش ویدئویی استفاده از jQuery و Ajax

فصل اول: مقدمه دوره آموزشی

• مقدمه دوره آموزشی

فصل دوم: آشنایی با JavaScript وjQuery Ajax

• بررسی نسخه ابزارهای استفاده شده در این آموزش
• ابزارهای مورد نیاز برای این آموزش
• بررسی اجمالی و تاریخچه Ajax
• روش‌های پاسخ سمت کلاینت – بررسی Callback ها و Promise ها
• پروژه وب Node Server
• پروژه وب MVC
• پروژه Web API

فصل سوم: انجام اولین فراخوانی به Web API با استفاده از Ajax

• فراخوانی متدهای Web API با استفاده از جاوا اسکریپت
• تاریخچه و استفاده از شی XMLHttpRequest
• بررسی استفاده از شی XMLHttpRequest
• بازیابی داده های تک با استفاده از XMLHttpRequest
• بازیابی داده ها با استفاده از XMLHttpRequest
• مدیریت خطاها با XMLHttpRequest
• بازیابی داده ها با Fetch API
• درج داده ها با Fetch API
• اهمیت بررسی صحیح خطاها در هنگام استفاده از Fetch API
• مزایا و معایب Fetch API

فصل چهارم: استفاده کردن از پیاده سازی jQuery Ajax

• استفاده کردن از jQuery Ajax
• کاربردهای شی jQuery Settings
• بازیابی داده ها با استفاده از jQuery و Callback ها
• بازیابی داده ها با استفاده از jQuery و Promise ها
• بازیابی داده های تک با استفاده از jQuery و Promise ها
• درج داده با استفاده از jQuery و Promise ها
• به روز رسانی داده با استفاده از jQuery و Promise ها
• حذف داده با استفاده از jQuery و Promise ها
• استفاده نادرست از try… catch
• استفاده صحیح از try… catch

فصل پنجم: کار با Global Event Handler ها در jQuery Ajax

• بررسی کار با Global Event Handler ها
• ردیابی اولین و آخرین فراخوانی Ajax
• ردیابی زمان ارسال هر فراخوانی Ajax
• ردیابی فراخوانی های موفق Ajax
• ردیابی زمان تکمیل فراخوانی Ajax
• ردیابی استثناها در سطح Global

فصل ششم: ساده کردن کد با استفاده از توابع کوتاه شده jQuery

• استفاده از توابع کوتاه شده jQuery
• بازیابی داده ها با استفاده از $.get() و $.getJSON()
• درج داده ها با استفاده از $.post()
• بارگذاری پویا HTML با استفاده از $.load()
• بهبود خوانایی کد با استفاده از شی Deferred

فصل هفتم: رایج ترین موارد استفاده برای شی Deferred

• مشکل و راه حل فراخوانی های تو در تو در Ajax
• ایجاد یک Timeout که از Promise استفاده می کند
• ایجاد و پاسخ دادن به Notify Event ها

فصل هشتم: ارسال داده های فرم با استفاده از jQuery

• معرفی رویدادهای فرم در jQuery
• بهبود رابط کاربری با استفاده از رویدادهای Focus و Blur
• هندل کردن ارسال فرم با استفاده از رویداد ()submit
• معرفی توابع کمکی فرم در jQuery
• ارسال آرایه ای از داده های فرم با استفاده از serializeArray()
• ارسال یک رشته از داده های فرم URL-encode شده با استفاده از serialize()
• ارسال یک رشته از داده های فرم URL-encode با استفاده از param()

فصل نهم: اعتبارسنجی داده ها با استفاده از پلاگین اعتبارسنجی jQuery

• چیزهایی که باید درباره اعتبارسنجی در jQuery بدانید
• اضافه کردن افزونه jQuery Validation به پروژه
• اضافه کردن Validation Attribute ها به فرم
• اضافه کردن Validation Rule و Message سفارشی
• آخرین نکات درباره jQuery و Ajax