آموزش کاربردی AJAX در جی کوئری (jQuery)
آموزش کاربردی AJAX در جی کوئری (jQuery)
چکیده
با توجه به رشد روزافزون تکنولوژی AJAX در طراحی وب سایت ها، وب اپلیکیشن ها و استفاده از فریم ورک های مشهور جاوا اسکریپت (Java Script) نظیر Angular JS و همچنین استفاده موتور جستجوی Google از آن، تصمیم به تهیه آموزش کاربردی در این بخش جذاب از وب را گرفتیم. در این فرادرس، قصد داریم به صورت کاربردی استفاده از AJAX را با استفاده از کتابخانه مشهور جاوا اسکریپت که جی کوئری (jQuery) نام دارد را آموزش دهیم.
زمینه کاری ایشان به صورت تخصصی Front-End Web Developer است و تسلط خوبی بر روی تکنولوژی های این بخش نظیر: Html5, Css3, SASS, jQuery, Bootstrap و جاوا اسکریپت خصوصا فریمورک Vue.js دارند. ایشان همچنین سابقه کار با فریم ورک Angularjs را هم در کارنامه خود دارند.
چکیده آموزش
توضیحات تکمیلی
با توجه به رشد روزافزون تکنولوژی AJAX در طراحی وب سایت ها، وب اپلیکیشن ها و استفاده از فریم ورک های مشهور جاوا اسکریپت (Java Script) نظیر Angular JS و همچنین استفاده موتور جستجوی Google از آن، تصمیم به تهیه آموزش کاربردی در این بخش جذاب از وب را گرفتیم. در این فرادرس، قصد داریم به صورت کاربردی استفاده از AJAX را با استفاده از کتابخانه مشهور جاوا اسکریپت که جی کوئری (jQuery) نام دارد را آموزش دهیم.
این آموزش مسائل بسیار متنوعی از این تکنولوژی را با زبانی ساده بیان می کند و حتی برای کسانی که می خواهند از AJAX در فریم ورک Angular JS و یا هر فریم ورک دیگری بهره ببرند، مناسب است. هدف از این فرادرس، آموزش این تکنولوژی به افرادی است که می خواهند بدون Refresh کل صفحه اطلاعات قسمتی از صفحه که نیاز به Refresh دارد را به روز رسانی کنند.
این فرادرس برای برنامه نویسان Front - end و حتی Back - end ضروری است چرا که به وسیله آن یاد می گیرند که چگونه می توان بدون Refresh نمودن صفحه، محتوای قسمتی از صفحه را به روز رسانی نموده و بین Client و Server، اطلاعات را رد و بدل کرد و چگونه از اطلاعات دریافتی استفاده نمود. در واقع این آموزش، ساخت اجزایی را مورد هدف قرار می دهد که افراد در اکثر سایت های مدرن آن ها را می بینند و از نحوه ایجاد این موارد توسط AJAX اطلاعی ندارند.
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
- درس یکم: آشنایی با AJAX
- درس دوم: مثال های کاربردی
- انجام اعمال CRUD شامل (Create, Read, Update, Delete)
- Register
- Server - Side Form Validation
- بررسی منحصر به فرد بودن Username مانند اینستاگرام (Instagram)
- Login
- درج و حذف از MySQL توسط عمل کاربر روی Checkbox ها
- AJAX Chart
- دریافت آب و هوای یک شهر انتخابی توسط کاربر در Weather API
- Like by AJAX and Dislike
- تغییر ترتیب اولویت یک لیست با استفاده از jQuery UI
- Autocomplete با استفاده از Regular Expression
- Infinite Scrolling
- Star Rating
- Image Upload by AJAX
- گرفتن اطلاعات کشورها از API و نمایش آن ها
- نمایش اطلاعات کشورها به صورت Pagination شده
- ایجاد یک باکس جستجو برای پیدا کردن یک کشور خاص
- نمایش اطلاعات کامل یک کشور با انتخاب کاربر
- نمایش شهرهای یک استان انتخاب شده توسط کاربر
- درس سوم: پروژه نهایی (Todo List)
- قرار دادن Register و Login در پروژه
- افزودن یک Task
- نمایش Taskها
- ویرایش و حذف یک Task
- تایید یک Task به عنوان انجام شده
- تغییر اولویت Taskها
مفید برای رشته های
- مهندسی کامپیوتر
- مهندسی نرم افزار
- مهندسی فناوری اطلاعات (IT)
آنچه در این آموزش خواهید دید:
پیش نیاز
پیش نمایش‌ها
۱.
آشنایی با AJAX
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۲۵ مگابایت -- (کلیک کنید +))
۲.
مثال های کاربردی
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۷ مگابایت -- (کلیک کنید +))
۳.
پروژه نهایی (Todo List)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.راهنمای سفارش آموزش‌ها
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش کاربردی AJAX در جی کوئری (jQuery) |
|---|---|
| ناشر | فرادرس |
| شناسه اثر | ۸–۱۲۴۵۲–۰۶۹۷۲۰ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد) |
| کد آموزش | FVAJX9712 |
| مدت زمان | ۶ ساعت و ۵۱ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدیویی (لینک دانلود) |
| حجم دانلود | ۶۸۳ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
نظرات
سید مجتبی حیات الغیب - مدرس
سلام. خوشحالم که دوره برای شما کاربردی بوده. سعی کردم بیشتر با مثال آموزش بدم تا باعث یادگیری بهتر بشه.
ابراهیم
سلام
واقعا کارت درسته مرسی.
خیلی خوب و روان تدریس شده!
امیر
آموزش Ajax اینجوری نبود که اول توضیح بده و بعد مثال حل کنه و مستقیما وارد مثال ها شده و روی مثال تدریس می کرد که این بهترین نوع آموزش و به نظرم خیلی خوب بود. خیلی بهم کمک کرد در چند پروژه ای که داشتم تونستم ازش استفاده کنم.
مهدی
آموزش ها خوب و کاربردی هستند و با زبان ساده و روان بیان شده اند.
از این آموزش متشکرم.
حمید
راضی بودم و برام خیلی کاربردی بود. از سایر درس ها متفاوت تر بود چون بیشتر با مثال آموزش می داد و من بیشتر پسندیدم.
جواد
روند و کیفیت آموزش خیلی خوب بود، استاد هم به نظرم مسلط بودند.
امین
کارم رو راه انداخت و خوب بود.
محمد
عالی بود واقعا خیلی مدرس خوبی داشت.