کارگاه آموزش jQuery

کارگاه آموزش jQuery


 

موضوع دوره :

این کارگاه که در دو روز برگزار می شود، بر پایه کار عملی هنرجویان (Case Study) برنامه ریزی شده است. مبانی و مباحث تئوری و عملی توسط مدرس دوره مطرح خواهد شد و هنرجویان می بایست پروژه ای که به آنها داده می شود را با راهنمایی ها و کمک های مدرس دوره، برنامه نویسی کنند.

شما در ۷ بخش کار با jQuery را فرا خواهید گرفت:
بخش اول - شروع کار با جاوا اسکریپت

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

بخش دوم - مقدمات jQuery

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

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

یکی از مهمترین نکاتی که شما باید در زمان کار با jQuery بلد باشید نحوه صحیح پیمایش المانها (یا تگ ها) در jQuery است که این امکان را به شما می دهد یک برنامه بهینه و تمیز بنویسید. همچنین برخی از امکانات پر کاربرد jQuery تغییر در محتوا، ظاهر، خصوصیت ها و … تگ ها هستند که در این بخش به این موضوعات خواهیم پرداخت.

بخش چهارم - Eventها و رویداد ها

برای پویا کردن صفحه و اضافه کردن جلوه های ویژه به صفحه خود باید از رویدادهای مختلف مطلع باشید و بدانید در چه زمانی، از چه رویدادی استفاده کنید. همچنین شما باید بتوانید رویدادها را مدیریت کنید و آن چیزی که می‌خواهید را برای برنامه خود بسازید.

بخش پنجم - افکت ها و انیمیشن

یکی از شیرین ترین بخش های jQuery استفاده از افکت ها و قابلیت animateکردن المانهای داخل صفحه است. این‌کار به کاربر حس خوش آیندی در زمان بازدید از صفحه شما می دهد و می توانید با پویا کردن صفحه هدف خود را بهتر به کاربر برسانید. در این بخش ما از دستورات از قبل تعریف شده jQuery استفاده می کنیم، همچنین شما می‌توانید توسط دستورات CSS و jQuery انیمیشن مورد دلخواه خود را بسازید.

بخش ششم - استفاده از Ajax

یکی از دغدغه های اصلی طراحان و برنامه نویسان سایت، فشار کمتر به سرور، سرعت بالای صفحات و راحتی کاربران است. Ajax تا حدودی این دغدغه را برطرف می کند زیرا به شما این قابلیت را می دهد بدون refresh کردن صفحه محتوای جدیدی را که کاربر تقاضا کرده است را نمایش دهید. در این بخش شما یاد خواهید گرفت چگونه محتوای صفحه را بدون Refresh شدن صفحه تغییر دهید و مجددا از روی سرور فراخوانی کنید. همچنین فرم‌هایی مانند فرم تماس با ما یا لاگین یا عضویت را بدون Refresh شدن صفحه مدیریت کنید.

بخش هفتم - استفاده از Pluginهای jQuery

بسیاری از کارهای تکراری که طراحان قصد دارند انجام دهند قبلا ممکن است توسط افراد دیگر انجام شده باشد، از این رو نوشتن مثلا یک SlideShow شاید کار زیاد عقلانی نباشد، چون قبلا افراد دیگری اینکار را انجام داده اند و سورس کار خود را معمولا بصورت OpenSource منتشر کرده اند که دیگران بتوانند از آن استفاده کنند و یا در آن تغییراتی ایجاد کنند. با توجه به محبوبت jQuery تعداد بسیار بسیار زیادی plugin برای کارهای مختلف وجود دارد که شما باید اصول کار با آنها را بلد باشید تا بتوانید در زمان نیازتان از آنها استفاده کنید. در این بخش با چند Plugin پرکاربرد که قطعا در طراحی های خود استفاده خواهید کرد کار می‌کنیم تا نحوه کار با Pluginها را نیز یاد بگیرید.


شهریه ی ثبت نامی برای هنرجویانی که تا 20 تیر 94، ثبت نام کامل خود را انجام دهند 240000 تومان و پس از تاریخ مذکور 270000 تومان خواهد بود.
 

توجه:

- هنرجویان قبلی آکادمی مجیدآنلاین از تخفیف 10% در این دوره برخوردار خواهند بود.
- پذیرایی میان وعده و ناهار بر عهده ی آکادمی مجیدآنلاین می‌باشد.

 

مخاطبین دوره :

طراحان سایت و کسانی که تا کنون صفحات را بصورت استاتیک طراحی می کرده اند و می خواهند Web Designer حرفه ای شوند.
 

پیش نیاز دوره:

برای شرکت در این دوره شما حتما باید به HTML و CSS آشنایی داشته باشید و یا در دوره HTML و CSS را از پایه یاد بگیرید، شرکت کرده باشید.
 

سر فصل های کلی دوره :

  • بخش اول - شروع کار با جاوا اسکریپت
    • معرفی جاوا اسکریپت
    • نحوه کار جاوا اسکریپت
    • شروع کار با جاوا اسکریپت
    • ابزارهای لازم برای تست و دیباگ برنامه
    • کامنت گذاری در جاوا اسکریپت
    • مفاهیم برنامه نویسی در جاوا اسکریپت
      • متغیرها
      • توابع
      • اسکوپ متغیرها و توابع
      • اشیاء
        • تعریف شئ
        • دسترسی به شئ
        • تغییر در شئ
        • متدها در اشیاء
        • مفهوم this
      • آرایه ها
      • حلقه ها
      • شروط
      • عملگرهای منطقی
      • عملگرهای مقایسه ای
  • بخش دوم - مقدمات jQuery
    • معرفی jQuery
      • چه کارهایی با jQuery می توان انجام داد؟
      • jQuery چه کمکی به ما می کند؟
      • مفهوم Document Object Model
      • نحوه استفاده از jQuery
      • انتخاب المان های داخل صفحه توسط jQuery
      • معرفی ready() و دلیل استفاده از آن
    • استفاده از jQuery
      • انتخاب المان های داخل صفحه
        • انتخاب توسط تگ
        • انتخاب توسط id
        • انتخاب توسط class
        • انتخاب گروهی
        • استفاده از Pseudo
      • ساخت المان جدید با jQuery
  • بخش سوم - پیمایش و دستکاری در المان‌ها توسط jQuery
    • تغییر محتوای یک المان
    • پیمایش بر روی المان ها
    • دستکاری المان ها
      • تغییر محتوا
      • تغییر ظاهر
      • خواندن و نوشتن مقادیر فرم ها
      • تغییر attributeها
      • استفاده از data-*
      • قراردادن المان جدید در صفحه
      • کپی کردن محتوای المان
      • حذف المان
  • بخش چهارم - Eventها و رویدادها
    • Eventهای ماوس
    • Eventهای صفحه کلید
    • نحوه استفاده صحیح از Eventها
    • معرفی $this
    • جلوگیری از Eventهای پیش فرض
  • بخش پنجم - افکت ها و انیمیشن ها
    • استفاده از افکت های از پیش تعریف شده
    • ساخت افکت توسط .animate()
    • مدیریت انیمیشن ها
  • بخش ششم - استفاده از Ajax
    • نمایش محتوای المان توسط Ajax
    • ارسال محتوای فرم توسط Ajax
    • نمایش نتیجه ارسال اطلاعات توسط Ajax
    • تعریف پیغام های مناسب برای خطا در دریافت اطلاعات
  • بخش هفتم - استفاده از Pluginهای jQuery
    • معرفی برخی از پلاگین های رایج jQuery
    • کار با پلاگین SlideShow
    • کار با پلاگین LightBox
    • کار با پلاگین Carosuel
کد دوره : MO0115

اخبار آکادمی مجیدآنلاین

معرفی اساتید

معرفی متین نخل احمدی

متین نخل احمدی

طراح و مدرس گرافیک و جلوه های ویژه بصری

نظرات هنرجویان

  • عماد مقدم (فتوشاپ) :

    شرکت در کلاس فتوشاپ و استفاده از تخصص استاد حافظی دید متفاوتی رو در من ایجاد کرد. ممنونم از مجیدآنلاین

  • محمدحسین سقط فروش (کارگاه آموزش تبدیل PSD به یک صفحه وب همراه با jQuery) :

    یکی از مفیدترین و بهترین دوره ها برای حرفه ای شدن در مبحث Web Designing

  • اشکان اصفهانی (ورود به دنیای PHP) :

    کلاسهایی مفید و کاربردی، همراه با محیطی علمی، صمیمانه و حرفه ای. در صورت جدیت در یادگیری و تمرین مداوم، یقیناً نتیجه ای مطلوب دریافت خواهد شد.

  • هاله هفت لنگ (کارگاه تبدیل قالب PSD به XHTML همراه با jQuery) :

    بسیار خوب و مفید بود.