سایت آکادمی رادیب

فیلم آموزش Jquery کامل ترین دوره آموزش جی کوئری

فیلم آموزش Jquery کامل ترین دوره آموزش جی کوئری

فیلم آموزش Jquery کامل ترین دوره آموزش جی کوئری
هادی قربانی
زمان انتشار دوره : ۱۳۹۷/۸/۱۹

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

افراد با استعداد و کسانی که پشتکار خوبی دارن رو خیلی دوست دارم و تا جایی که بتونم بهشون در زمینه هایی که تجربه دارم کمک میکنم تا به چیزی که می خوان برسن. 

دست آورد های هادی قربانی

- مدیر و موسس جامعه وبدونی

- مدیر و موسس وبدونی مارکت

- مدیر و موسسه کمپ تاتس سایت آموزش انلاین

- راه اندازی بیش از 5 هزار سایت

- پشتیبانی بیش از 4 هزار سایت مختلف

- تاسیس وب سایت بیگ تم ( تو زمینه کاری خودش اول بود ) که به فرد دیگری واگذار شد

- تاسیس سایت دیجی وردپرس یکی از مراجع حرفه ای وردپرس در ایران

- ارائه بیش از هزاران مقاله در زمینه های مختلف

- تسلط به زبان HTML و HTML5

- تسلط به CSS و CSS3

- تسلط به زبان php

- تسلط به جی کوئری و آجاکس

- تسلط در طراحی قالب های وردپرس

- تسلط در طراحی سیستم های حرفه ای تحت وب

- ارائه آموزش خصوصی به بیش از 1000 نفر

- سئو و بهینه سازی چنیدن وب سایت بزرگ و کوچک

- آشنایی کامل و تسلط به ابزار ها و سیستم های مختلف گوگل

- مشاوره سئو به بیش از هزار سایت و کسب و کار های اینترنتی

- مشاوره راه اندازی کسب و کار اینترنتی

- و بسیاری موارد دیگه که اگه بنویسم تموم نمیشه ... :)

مواردی که دوس دارم دائما باهاشون سر و کله بزنم:

- توسعه دهنده وب 

- طراحی وب سایت های حرفه ای 

- وردپرس ( یه زمونی هم خورد و خوراک و خواب و همه چیم شده بود وردپرس )

- سئو ( زمینه ای هست که تخصص زیادی بدست آوردم و تسلط کامل دارم بهش )

- فریم ورک سیمفونی ( در عرض 1 ماه بهش مسلط شدم سیستم قدرتمندی هست )

- برنامه نویسی به زبان های مختلف

- تبدیل جامعه وبدونی به بزرگترین برند کسب و کار اینترنتی و کار آفرینی

- تبدیل کمپ تاتس به بزرگترین بزند آموزش انلاین در ایران و خاورمیانه

- تبدیل وبدونی مارکت به بزرگترین و برند و بازار فایل های دیجیتال

- و ...

یه سری مواردی هم هست که متاسفانه به دلیل سو استفاده برخی افراد سودجو اینجا اسمی ازشون نمیبرم. ولی بهتون قول میدم هر سرویسی و دست آورد و حتی علایقی که داشتم رو اینجا براتون بنویسم.

دوره فیلم آموزش Jquery کامل ترین آموزش تصویری جی کوئری برای اولین بار در ایران توسط کمپ تاتس آماده سازی شده. امروزه هیچ سایتی پیدا نمی شود که از تکنولوژی jquery استفاده نکرده باشد. وب سایت بزرگی همچون گوگل , یوتیوب , مایکروسافت و .... همگی از زبان برنامه نویسی جی کوئری استفاده کرده اند. در این دوره آموزش تصویری جی کوئری به زبان فارسی را  به طور کامل با این زبان آشنا خواهید شد.

کامل ترین دوره آموزش Jquery به زبان فارسی

برای اینکه اطلاعاتی در رابطه با زبان برنامه نویسی جی کوئری داشته باشید در ادامه به جزئیات مختصری در رابطه با این زبان می پردازیم و در ادامه به ویزگی های این دوره کاملترین دوره جی کوئری ( Jquery ) هست اشاره می کنیم. بی شک و با جرات تمام می توانیم بگوییم شما با مشاده این دوره به طور کامل جی کوئری را یاد خواهید گرفت.

فیلم آموزش jquery

بعد از یادگیری این دوره قادر خواهید بود :

  • به صورت حرفه ای با جی کوئری کار کنید
  • افکت های حرفه ای را در وب سایت به کار ببرید
  • محتوا را در دست داشته باشد
  • عناصر و المان های صفحه را مدیریت کنید
  • اعمال تغییر در کلیه بخش ها با استفاده از جی کوئری
  • ایجاد انواع انیمیشن های حرفه ای
  • اعمال افکت های حرفه ای روی عناصر در صفحه
  • ساخت پاپ آپ های حرفه ای
  • ساخت اسلایدر های مختلف و متنوع با انواع افکت های خلاقانه و شکیل
  • طراحی فرم های ای جکسی بدون رفرش شدن صفحه
  • ساخت انواع فرم های ورود با انیمیشن های متنوع
  • ارسال درخواست به سرور با آجاکس
  • کنترل فرم ها
  • افزایش امنیت فرم ها با جی کوئری
  • نمایش انواع پیغام به کاربر
  • ایجاد نمودار های حرفه ای
  • ایجاد لودینگ های حرفه ای
  • ساخت چک باکس حرفه ای با جی کوئری
  • ساخت منوهای شکیل و جذاب با jquery
  • انیمیشن های عددی
  • پروژه های محاسباتی
  • ساخت تب ها و آکاردوئن های حرفه ای
  • افکت های پارالاکس فوق حرفه ای
  • افکت های اسکرول
  • آشنایی کامل با همه رویداد های جی کوئری
  • ایجاد پس زمینه های انیمیشنی
  • طراحی نوار وضعیت ( پروگرس بار )
  • ساخت سیستم تشخیص قدرت رمز عبور
  • ساخت سیستم رزرو وقت با جی کوئری
  • افکت تایپ متن / اسلایدر متن و ...
  • ساخت جستوجوی آجاکسی حرفه ای با جی کوئری
  • افکت شماره اعداد
  • کنترل عناصر و المان های صفحه با رویداد های مختلف
  • ساخت گالری تصاویر حرفه ای
  • ایجاد لایت باکس با jquery
  • ساخت تایمر
  • ساخت ساعت
  • طراحی و ایجاد انواع انیمیشن های حرفه ای برای صفحات وب
  • و هر چیزی که به ذهنتان خطور می کند ...

jquery چیست ؟

زبان برنامه نویسی jquery به فارسی ( جی کوئری ) یک کتابخانه آماده و کم حجم از جاوا اسکریپت ( javascript ) می باشد. که کارهای مربوط به جاوا اسکریپت را تا حد ممکن آسان تر کرده است. کتابخانه جی کوئری یک شعار معروف دارد آن هم " کدنویسی کمتر , امکانات بیشتر " می باشد. به عنوان مثال اگر شما بخواهید پروژه ای را با جاوا اسکریپت پیاده سازی کنید و پروژه شما شامل 100 خط کدنویسی باشد. همین پروژه را با زبان JQUERY می توان با نهایتا 30 / 40 خط به اتمام رسوند.

دوره آموزش جی کوئری به زبان ساده

چرا زبان جی کوئری محبوب ترین کتابخانه جاوا اسکریپت است ؟

لازم است بدانید جاوااسکریپت کتابخانه های بسیار زیادی دارد که در میان آنها کتابخانه jquery محبوب ترین و حرفه ای ترین شناخته شده. و همچنین در حال حاضر پرکاربرد ترین کتابخانه javascript شناخته می شود. همه سایت هایی که روزانه از آنها بازدید می کنید شامل این تکنولوژی می باشند.

چرا باید آموزش jquery را دنبال کنیم ؟

همان طور که اشاره شد جی کوئری محبوب ترین و رفه ای ترین کتابخانه javascript می باشد. و مهم تر از آن همه سایت ها در دنیا حتی وب سایت های بزرگ از جی کوئری استفاده می کنند. حال اگر شما بخواهید یک صفحه وب حرفه ای طراحی کنید باید دانش لازم برای خلق ایده های شکیل را داشته باشد. ( مثلا: افکت های اسلایدر , لودینگ صفحه , ارسال درخواست به سرور بدون رفرش شدن صفحه , آجاکس , مخفی کردن و نمایش دادن عناصر صفحه , تغییر استایل و کدهای html با جی کوئری و ....  ) همه این کار ها با استفاده از جی کوئری صورت میگیرد.

چرا سایت ها از jquery استفاده می کنند ؟

توجه داشته باشید که جی کوئری برای خلق افکت های جذاب و حرفه ای در صفحات وب می باشد. با استفاده از این زبان قادر خواهید بود افکت های بی نظیری را به وب سایت خود اضافه کنید. شما می توانید کارهایی که با جی کوئری صورت میگیرد را با زبان javascript هم پیاده سازی کنید , اما مشکلاتی که وجود دارد زیاد شدن حجم کدنویسی و مشکلات دیگری که شما را اذیت می کند.

آموزش jquery

مزایای جی کوئری

  • سازگاری با همه مرورگر های دنیا
  • کم حجم
  • اجرا پروژه های بزرگ با کمترین کد
  • خلق افکت های شکیل و جذاب
  • کاربرد فراوان
  • دارای پلاگین های متنوع و فراوان
  • قابلیت انجام هر کاری
  • و بسیاری موارد دیگر ...

معایب جاوا اسکریپت

  • مشکل ناسازگاری در مرورگرهای مختلف
  • درست اجرا نشدن کدها در برخی مرورگرها
  • حجم کدنویسی باشد
  • پیچیده کردن پروژه
  • و ....

پیش نیاز های دوره فیلم آموزش jquery

در رابطه با پیش نیاز های این دوره باید بگیم که کافیه در رابطه با موارد گفته شده آشنایی مقدماتی داشته باشد. و هیچ لزومی به تسلط کامل به این زبان ها نیست. سعی شده آموزش جی کوئری تصویری این بخش به طور کاملا اصولی و استاندارد , قدم به قدم پیش بره. به طوری که شما بدون هیچ دانش خاصی در رابطه با این زبان به راحتی می توانید آن را یاد بگیرید.

آموزش تصویری jquery به زبان فارسی

تفاوت این دوره آموزش jquery با سایر دوره های موجود در وب

ما به جرات می توانیم بگوییم که دوره آماده سازی شده در آکادمی رادیب کامل ترین و بی نقص ترین فیلم آموزش جی کوئری در ایران می باشد. شما با بررسی سرفصل های دوره متوجه خواهید شد که کامل ترین سرفصل آموزش jquery مربوط به آکادمی رادیب می باشد. از دیگر تفاوت های اساسی تدریس فوق العاده عالی آن می باشد که از مقدماتی تا پیشرفته و در نهایت تا فوق حرفه ای پیش خواهد رفت. در نتیجه شما با مشاهده این آموزش جی کوئری به طور کامل به این زبان برنامه نویسی مسلط خواهید شد.

آموزش جی کوئری به زبان ساده از مبتدی تا پیشرفته و فوق حرفه ای

در این دوره سعی شده تا زبان برنامه نویسی جی کوئری به زبان ساده از مقدماتی تا پیشرفته و در نهایت تا فوق حرفه ای آموزش داده بشه. در ابتدا لازم است کسی که می خواهد با این زبان اشنا شود با زبان بسیار ساده و خیلی مقدماتی با این موضوع آشنا شده و به مراتب بخش های پیشرفته و فوق حرفه ای را فرا بگیرد. مدرس این دوره با در نظر گرفتن تمامی جوانب برای یادگیری افراد مبتدی و پیشرفته تمامی اصول را در نظر بگیرد تا هر دو دسته نهایت استفاده را از این دوره آموزش JQuery داشته باشند.

دانلود فیلم آموزش jquery بخش از دموهای مربوط به آموزش

در این بخش ویدیو آموزشی jquery که شامل برخی قسمت های این دوره اموزشی می باشد را می توانید به صورت رایگان دانلود کرده و آنها را مشاده کنید. شما می توانید از روی این فیلم های رایگان جی کوئری کیفیت تدریس و نحوه تدریس رو بررسی کرده و از کیفیت آن مطمئن شوید. دمو ها و لینک دانلود رایگان فیلم ها در زیر قرار داده می شود.

اطلاعات مختصر و ساده نحوه استفاده از جی کوئری در وب سایت

به شکل های مختلفی می توان از جی کوئری در صفحع وب استفاده کرد. ابتدا باید از وب سایت jquery.com نسخه مورد نظر خود را دانلود کنید. ( نگران نباشید تفاوت نسخه ها را در طول آموزش فرا خواهید گرفت. ) بعد از دانلود لازم است فایل jquery.js که دانلود کردید را به پروژه خود اضافه کنید. اکثرا طراحان این فایل را در یک پوشه به نام js قرار میدهند. حال برای استفاده از این فایل باید کدی شبیه به قطعه کد زیر را به قالب خود اضافه کنید. ( می توانید کد را داخل تگ head و یا در فوتر سایت خود قرار دهید. )

<script type="text/javascript" src="js/jquery.js"></script>

در کد بالا ما پوشه ای ایجاد کردیم به نام js و فایل خود را داخل آن قرار دادیم.  بعد از معرفی فایل جی کوئری به قالب و سایت خود حال می توان از کدهای جی کوئری در سایت خود استفاده کرد. دقت داشته باشید شما می توانید یک فایل دیگر با فرمت js ایجاد کرده و آن را نیز به سایت خود همچون فایل اصلی jquery اضافه کنید. و کدهای خود را داخل آن بنویسید. حتی می توانید کدهای جاوا اسکریپت و جی کوئری خود را به طور مستقیم داخل سورس سایت خود بنویسید. برای این منظور به مثال زیر دقت کنید.

نکته مهم: در کد بالا بخشی به نام type با مقدار text/javascript وجود دارد. نوشتن این بخش در html 5 الزامی نیست و مربوط به html4 می باشد. برای اینکه مشکلی پیش نیاد پیشنهاد می کنیم بنویسید. ضرری ندارد.

$(document).ready(function() {
    $('.close').click(function () {
       $('.ads').hide(2000); 
    });
});

در مثال بالا ما به استفاده کدهای jquery گفتیم زمانی که روی دکمه با کلاس close کلیک شد بخشی با کلاس ads مخفی شود. عدد 2000 مشخص می کند چه چقدر طول بکشید تا باکس مورد نظر حذف شود. شما می توانید این کد را در یک فایل js جداگانه قرار داده و ان را به پروژه خود اضافه کنید. 

قرار دادن کدهای jquery به صورت مستقیم داخل سورس قالب

برای این منظور کار زیاد پیچیده ای نیاز نیست انجام دهید. برای قرار دادن کد جی کوئری در بین کدهای html , php و .... باید از تگ اسکریپت استفاده کنید تا مرورگر متوجه کدهای شما بشود. مثل نمونه زیر:

<script>
$(document).ready(function() {
    $('.close').click(function () {
       $('.ads').hide(2000); 
    });
});
</script>

دقیقا کدهای بالا را در بین یک تگ بنام script قرار دادیم. در این صورت کدهای شما به درستی اجرا خواهد شد.

نحوه اضافه کردن فایل های جی کوئری بیشتر به سایت و پروژه

شما در بالا یاد گرفتید که چگونه می توان یک فایل js را به پوژه خود اضافه کرد. حال شما می توانید بی نهایت فایل و پلاگین های جی کوئری مجزا که برای اهداف مختلفی طراحی شده اند را به این شکل به پروژه خود اضافه کرده و از آنها استفاده کنید.

فیلم آموزش jquery کامل ترین دوره اموزش جی کوئری به زبان فارسی

کار با جی کوئری فوق العاده جداب و شیرین است و یادگیری آن فوق العاده ساده می باشد. الان وقتشه فیلم آموزش جی کوئری رو مشاده کنی و به یک برنامه نویس حرفه ای تبدیل بشی.

 Jquery Training - Get Start JS

jQuery Proframming Language is a JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software using the permissive MIT License. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin

jQuery includes features:

  • DOM element selections using the multi-browser open source selector engine Sizzle, a spin-off of the jQuery project
  • DOM manipulation based on CSS selectors that uses elements' names and attributes, such as id and class, as criteria to select nodes in the DOM
  • Events
  • Effects and animations
  • Use the Ajax
  • Deferred and Promise objects to control asynchronous processing
  • JSON parsing
  • Extensibility through plugins
  • Utilities, such as feature detection
  • Compatibility methods that are natively available in modern browsers, but need fallbacks for older browsers, such as jQuery.inArray() and jQuery.each().
  • Cross-browser support

0 دیدگاه برای این آموزش ثبت شده است

آواتار
برای ثبت دیدگاه باید شوید.

هادی قربانی این آیتم را پشتیبانی میکند

دارای پشتیبانی

حداقل و حداکثر زمان پاسخگویی 1 الی 2 روز کاری میباشد.

توجه داشته باشید

راه ارتباطی برای پشتیبانی محصولات از طریق سیستم تیکتینگ آکادمی رادیب می باشد

مواردی که لازم است بدانید:

  • پاسخگویی به سوالات قبل از خرید در بخش دیدگاهها
  • پاسخگویی به سوالات و مشکلات بعد از خرید از طریق تیکت
  • تنها مواردی که مربوط به محصول خریداری شده است شامل پشتیبانی می باشد
  • ارائه بروزرسانی های رایگان در صورت وجود

مواردی که شامل پشتیبانی نمی شود:

  • آموزش اختصاصی مباحث.
  • آموزش های جانبی مربوط به دوره خریداری شده.

شرایط و قوانین را حتما مطالعه کنید.

  • 1

    فصل اول ( مقدمه دوره آموزش JQuery )

    • آشنایی با زبان برنامه نویسی جی کوئری

    • JQuery چیست ؟ ( جیکوئری چیست )

    • نمونه جی کوئری های موجود در وب

    • کاربرد ها و مزایای زبان jquery

    • چرا JQuery

    • نصب JQuery و پیاده سازی روی پروژه

    • قواعد جیکوئری

    • انتخاب گر ها در جیکوئری (Jquery Selectors)

  • 2

    فصل دوم ( کار با رویداد ها در جی کوئری )

    • رویداد یا event چیست ؟

    • کاربر رویداد های در جی کوئری

    • نحوه استفاده از رویداد ها

    • انواع رویداد ( Events ) در جی کوئری

  • 3

    فصل سوم ( کار با رویداد های در جی کوئری )

    • رویداد click در جی کوئری

    • رویداد ready در جی کوئری

    • رویداد dblclick در جی کوئری

    • رویداد mouseenter در جی کوئری

    • رویداد mouseleave در جی کوئری

    • رویداد mousedown در جی کوئری

    • رویداد mouseup در جی کوئری

    • رویداد hover در جی کوئری

    • رویداد focus در جی کوئری

    • رویداد blur در جی کوئری

    • رویداد Change در جی کوئری

    • رویداد submit در جی کوئری

    • رویداد toggle در جی کوئری

    • رویداد unload در جی کوئری

    • رویداد select در جی کوئری

    • رویداد resize در جی کوئری

    • رویداد scroll در جی کوئری

    • رویداد focusin در جی کوئری

    • رویداد addClass در جی کوئری

    • رویداد removeClass

  • 4

    فصل چهارم ( کار با افکت ها - JQuery Effects )

    • افکت fadeOut در جی کوئری

    • افکت fadeTo در جی کوئری

    • افکت hide در جی کوئری

    • افکت show در جی کوئری

    • افکت slideDown در جی کوئری

    • افکت fadeIn در جی کوئری

    • افکت toggle در جی کوئری

    • افکت stop در جی کوئری

    • افکت slideToggle در جی کوئری

    • افکت delay در جی کوئری

    • افکت animate در جی کوئری

    • افکت slideUp در جی کوئری

    • دستورات زنجیره ای در جی کوئری

    • تابع Callback در جی کوئری

  • 5

    فصل پنجم ( کنترل HTML و CSS ) با Jquery

    • متد addClass در جی کوئری

    • متد innerWidth در جی کوئری

    • متد replaceWith در جی کوئری

    • متد replaceAll در جی کوئری

    • متد innerHeight در جی کوئری

    • متد html در جی کوئری

    • متد height در جی کوئری

    • متد hasClass در جی کوئری

    • متد empty در جی کوئری

    • متد detach در جی کوئری

    • متد css در جی کوئری

    • متد clone در جی کوئری

    • متد before در جی کوئری

    • متد attr در جی کوئری

    • متد appendTo در جی کوئری

    • متد append در جی کوئری

    • متد after در جی کوئری

    • متد insertAfter در جی کوئری

    • متد scrollLeft در جی کوئری

    • متد insertBefore در جی کوئری

    • متد offset در جی کوئری

    • متد offsetParent در جی کوئری

    • متد outerHeight در جی کوئری

    • متد outerWidth در جی کوئری

    • متد position در جی کوئری

    • متد prepend در جی کوئری

    • متد prependTo در جی کوئری

    • متد prop در جی کوئری

    • متد remove در جی کوئری

    • متد removeAttr در جی کوئری

    • متد removeClass در جی کوئری

    • متد removeProp در جی کوئری

    • متد text در جی کوئری

    • متد toggleClass در جی کوئری

    • متد unwrap در جی کوئری

    • متد val در جی کوئری

    • متد width در جی کوئری

    • متد wrap در جی کوئری

    • متد wrapAll در جی کوئری

    • متد wrapInner در جی کوئری

  • 6

    فصل ششم ( جی کوئری و ایجکس - jQuery AJAX )

    • Ajax در Jquery و متد Ajax

    • متد Get و Post ای جکس در جی کوئری

    • متد serializeArray

    • متد serialize

    • متد $.post

    • متد load

    • متد $.getScript

    • متد $.getJSON

    • متد $.get

    • متد ajaxSuccess

    • متد ajaxStop

    • متد ajaxStart

    • متد $.ajaxSetup

    • متد ajaxSend

    • متد ajaxError

    • متد ajaxComplete

    • و ....

  • 7

    فصل هفتم ( توابع jquery )

    • متد data در Jquery

    • متد each در Jquery

    • متد index در Jquery

    • متد $.noConflict در Jquery

    • متد $.param در Jquery

    • متد removeData در Jquery

    • متد size در Jquery

    • متد toArray در Jquery

  • 8

    فصل هشتم ( معرفی مراجع حرفه ای جی کوئری )

    • معرفی مرجع توابع JQuery

    • مرجع انتخاب گرها (Selectors)

    • مرجع افکت ها (Effeccts)

    • مرجع رویدادها (Events)

    • مرجع توابع کار با Html و Css

    • مرجع توابع کار با Ajax

    • معرفی توابع پر کاربرد جی کوئری

  • 9

    فصل نهم ( معرفی پروژه های جی کوئری آماده )

    • معرفی سایت بزرگ پروژه های آماده JQuery

    • پیدا کردن پروژه های اماده جی کوئری برای پروژه خود

    • استفاده از جی کوئری های آماده در سایت خود

    • معرفی پلاگین های آماده جی کوئری

  • 10

    فصل دهم - پایانی ( حل مشکلات JQUERY )

    • نحوه استفاده از انجمن های بزرگ خارجی

    • نحوه رفع مشکلات جی کوئری

    • رفع مشکل تداخل جی کوئری

توسط
توسط
توسط
توسط
توسط