با توجه به رشد روزافزون تکنولوژی AJAX در طراحی وب سایت ها، وب اپلیکیشن ها و استفاده از فریم ورک های مشهور جاوا اسکریپت (Java Script) نظیر Angular JS و همچنین استفاده موتور جستجوی Google از آن، تصمیم به تهیه آموزش کاربردی در این بخش جذاب از وب را گرفتیم. در این فرادرس، قصد داریم به صورت کاربردی استفاده از AJAX را با استفاده از کتابخانه مشهور جاوا اسکریپت که جی کوئری (jQuery) نام دارد را آموزش دهیم.
آموزش کاربردی 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)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش کاربردی AJAX در جی کوئری (jQuery) |
|---|---|
| ناشر | فرادرس |
| شناسه اثر | ۸–۱۲۴۵۲–۰۶۹۷۲۰ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد) |
| کد آموزش | FVAJX9712 |
| مدت زمان | ۶ ساعت و ۵۱ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدئویی (نمایش آنلاین + دانلود) |
| حجم دانلود | ۷۲۸ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
نظرات
حمید
سلام دارم خدمت فرادرس خصوصا استاد گرامی آقای حیات الغیب .
بنده نمیدونم ایشون الان در چه پستی هستند ولی فوق العاده به مبحث و تدریس مسلط بودن .
ایشون دومین نفر بودن که بنده از فصاحت و بلاغت کلامشون لذت بردم.
امیدوارم هرجا که هستند موفق باشند.
مصطفی حقی
خیلی عالی بود. ممنونم.
آقای مهندس در صورت امکان آموزش REST API رو هم ارائه بفرمایین. متشکرم ازتون.
سید مجتبی حیات الغیب - مدرس
سلام. خوشحالم که دوره برای شما کاربردی بوده. سعی کردم بیشتر با مثال آموزش بدم تا باعث یادگیری بهتر بشه.
محمد
عالی بود واقعا خیلی مدرس خوبی داشت.
حمید
راضی بودم و برام خیلی کاربردی بود. از سایر درس ها متفاوت تر بود چون بیشتر با مثال آموزش می داد و من بیشتر پسندیدم.
امین
کارم رو راه انداخت و خوب بود.
جواد
روند و کیفیت آموزش خیلی خوب بود، استاد هم به نظرم مسلط بودند.
امیر
آموزش Ajax اینجوری نبود که اول توضیح بده و بعد مثال حل کنه و مستقیما وارد مثال ها شده و روی مثال تدریس می کرد که این بهترین نوع آموزش و به نظرم خیلی خوب بود. خیلی بهم کمک کرد در چند پروژه ای که داشتم تونستم ازش استفاده کنم.
ابراهیم
سلام
واقعا کارت درسته مرسی.
خیلی خوب و روان تدریس شده!
مهدی
آموزش ها خوب و کاربردی هستند و با زبان ساده و روان بیان شده اند.
از این آموزش متشکرم.