آموزش Jquery از ابتدا تا پیشرفته

[moalla]

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

آموزش مقدماتی: جی کوئری چیست و چرا جی کوئری؟ (http://www.aparat.com/v/wNLj1)
جلسه اول: آشنایی با جی کوئری و اضافه کردن اون به فایل html (http://quicklearn.ir/?q=node/23)
جلسه دوم: اولین کدهای جی کوئری و نحوه نگارش کلی آن (http://quicklearn.ir/?q=node/24)
جلسه سوم: آموزش selectorها (http://quicklearn.ir/?q=node/25)
جلسه چهارم: آموزش eventها (http://quicklearn.ir/?q=node/26)
جلسه پنجم: آشنایی با افکتهای ساده (http://quicklearn.ir/?q=node/27)
جلسه ششم: انیمیشن (http://quicklearn.ir/?q=node/28)
جلسه هفتم: تغییر css با استفاده از جی کوئری (http://quicklearn.ir/?q=node/41)
یه نمونه آموزش سطح متوسط رو قبلا اینجا گذاشتم: http://quicklearn.ir/?q=node/13
دو جلسه آموزش دیگه رو هم اینجا (http://barnamenevis.org/showthread.php?397259-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-bootstrap&highlight=bootstrap)گذاشتم که مربوط به booststrap میشه.
آموزش css3 در همین تالار (http://barnamenevis.org/showthread.php?398818-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css3-%D8%A7%D8%B2-%D8%A7%D8%A8%D8%AA%D8%AF%D8%A7-%D8%A8%D9%87-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C)

منتظر نظرات شما هستم

[r4hgozar]

جی کوئری جالب بود. ممنون

[سعید کشاورز]

سلام دوست عزیز..الان یه سری از بچه ها میان میگن از پایه شروع کنید به آموزش دادن که این غلطه..به این دلیل که به صورت ویدئو و فارسی کلی آموزش داریم که از پایه توضیح دادن...
www.cgtv.ir
www.p30sazan.com
www.ittutorial.ir/
و کلی منبع دیگه ...
نظرم من اینه که شما بیاین چیزای حرفه ای تر آموزش بدین مثلا ساختن اسلاید شو....ساختن منوی Dropdown و مسائل کاربردی..

با تشکر

[moalla]

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

[DeveloperStudio]

سایت ما هم هست ، آموزش jQuery از پایه تا پیشرفته با مثال های عملی (http://developer1.ir/jQuery/Books.aspx)
موفق باشی

[vahide amp]

ممنون از آموزشتون. لطفا ادامه بدید

[moalla]

فایل دوم اضافه شد. حتما دوستانی که فایل رو گوش کردن اگه سوالی براشون پیش اومده و بخشی واضح نبوده بگن تا تصحیح کنم

[r4hgozar]

به نظر من که هر دو سایت مفیده.
ممنون از همه دوستان

[moalla]

آموزش سوم هم اضافه شد. سرعت اضافه کردن آموزش رو دارین دوستان؟ :لبخندساده:

[moalla]

آموزش چهارم هم اضافه شد.
متاسفانه بخاطر تبلیغات زیاد سایت پارس پک سایت رو اونجا گذاشتم. بگذریم از بخش پشتیبانیش که همیشه طلبکارانه جواب میدن! سایت هم یکی درمیون بالا نمیاد! در صورت مشکل داشتن سایت از این وبلاگ آموزشها رو پیگیری کنید: http://quicklearn.blogfa.com/

[moalla]

فایل پنجم اضافه شد

[moalla]

جلسه ششم اضافه شد

[moalla]

یکی از دوستان ایمیل زدن و گفتن با اینکه فایل اول رو گوش کردن اما باز نفهمیدن جی کوئری چیه و چرا ازش استفاده میکم که یه فایل دیگه رو آماده کردم و به پست اول اضافه کردم

[سعید کشاورز]

یکی از دوستان ایمیل زدن و گفتن با اینکه فایل اول رو گوش کردن اما باز نفهمیدن جی کوئری چیه و چرا ازش استفاده میکم که یه فایل دیگه رو آماده کردم و به پست اول اضافه کردم

سلام دوست عزیز..یه پیشنهاد دارم:
شما بعد از اینکه جلسات مقدماتی رو تموم کردین نظر من این هستش که یه سری آموزش بزارین که به صورت کاربردی یه چیزی رو پیاده سازی کنیم..مثلا ساختن اسلاید شو..ساختن تب..منوی هایDrop down ، پلاگین های خوب و کاربردی رو هم معرفی کنید...به نظرم جای این مدل آموزش خیلی خالیه..

[moalla]

حتما این کارو انجام میدم اما فکر کنم تو سایتهای فارسی که توی یه تاپیک دیگه گذاشتین یه چندتایی دیدم که این جورچیزها رو هم به فارسی یاد داده بودن
درسته؟

[سعید کشاورز]

حتما این کارو انجام میدم اما فکر کنم تو سایتهای فارسی که توی یه تاپیک دیگه گذاشتین یه چندتایی دیدم که این جورچیزها رو هم به فارسی یاد داده بودن
درسته؟

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

[moalla]

امشب یه بحث جدید رو ساختم برای یکی از پرکاربردترین پلاگینهای جی کوئری به اسم easing که متاسفانه سایتی که توش فایلها میذاشتم موقتا کار نمیکنه.
اون رو از اینجا (http://www.mediafire.com/download.php?6z5yi30lsw0ax74)دانلود کنید تا فردا روی سایتم بذارم

[سعید کشاورز]

امشب یه بحث جدید رو ساختم برای یکی از پرکاربردترین پلاگینهای جی کوئری به اسم easing که متاسفانه سایتی که توش فایلها میذاشتم موقتا کار نمیکنه.
اون رو از اینجا (http://www.mediafire.com/download.php?6z5yi30lsw0ax74)دانلود کنید تا فردا روی سایتم بذارم

ممنون..فقط یه نکته ..صدا و تصویر هماهنگ نبود..مخصوصا در وسط فیلم

[na_des]

یکی از دوستان ایمیل زدن و گفتن با اینکه فایل اول رو گوش کردن اما باز نفهمیدن جی کوئری چیه و چرا ازش استفاده میکم که یه فایل دیگه رو آماده کردم و به پست اول اضافه کردم

دوسته عزیز از اموزش های خوبتون ممنونم
واقعا ذهمنم روشن شد و به پاسخ یه سری از سوالام رسیدم
:تشویق::تشویق:

[moalla]

قسمت هتفتم مربوط به آموزش تغییر css با استفاده از jquery هم اضافه شد

[forestasphalt]

یه سوال داشتم
من لازم دارم عنصر رو با remove حذف کنم(ولی میخوام قبل از حذفش یه افکتی به حذفش بدم مثلا fadeIn)
ولی fadIn یا افکت های مشابه روش اعمال نمیشه حقم هم داره بنده خدا!
میشه یه تاخیر delay ایجاد کرد؟
با تشکر

[moalla]

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

[forestasphalt]

$('.....').fadeOut(400, function(){
$(this).remove();
});

با تشکر از جوابتون
مشکل برطرف شد
کدی که من نوشته بودم به صورت زیر بود


$("#comment" + comment_id).slideUp("slow").remove();

[moalla]

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

[forestasphalt]

بله متوجه منظورتون شدم با call back آشنا هستم

[ehsanzeroone]

ویدئو های فارسی آموزش جی کوئری از ابتدا (http://learnfiles.com/category/video/web-video/jquery-web-video)
این مجموعه در حال تکمیل است ..... با درخواست شما به سرعت کامل می شود...
با سلام و عرض خسته نباشید خدمت مدیران و کاربران وب سایت برنامه نویس !
از تمام دوستان دعوت می شود به وب سایت لــــــــــــــرن فایلز دات کام به آدرس : http://learnfiles.com سر زده و از ویدئو های متنوع این سایت بهره ببرند. 99% ویدئو ها فارسی و اختصاصی بوده و توسط مدرسین این تیم ضبط شده است.

[sasanrstm]

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

[mcdeltateta]

خیلی خوب بود. امیدوارم این لینک هم به کارتون بیاد : آموزش jquery (http://pars-soft.ir/index.aspx?Category=Jquery-Education)