جستجو برای:
  • دسته بندی دوره ها
    • برنامه نویسی
      • برنامه نویسی وب
        • پایتون
          • جنگو
          • فلسک
        • پی اچ پی
          • لاراول
        • جاوا اسکریپت
          • نود جی اس
          • ری اکت
        • ASP.NET
        • HTML & CSS
        • جی کوئری
        • بوت استرپ
        • جاوا
        • سی شارپ
      • برنامه نویسی موبایل
        • اندروید
        • جاوا
        • کاتلین
        • ری اکت نیتیو
        • زامارین
        • فلاتر
        • فون گپ
      • توسعه بازی
        • یونیتی
        • کانستراکت
      • توسعه دیتابیس
        • Mysql
        • OpenVPN
        • Redis
        • SQL Server
        • Vesta
        • WHMCS
        • Plesk
        • DirectAdmin
        • Cpanel
      • ابزار برنامه نویسی
        • الگوریتم و فلوچارت
        • Git
        • Visual Studio Code
        • Docker
        • Web API
        • Bootstrap Studio
        • SASS
        • Redux
      • اینترنت اشیاء
      • سیستم عامل
      • وردپرس
    • کسب و کار
      • استارتاپ و کارآفرینی
      • فروش
      • مدیریت
      • حسابداری
      • استخدام
      • مدیریت فرآیند
      • سیستم سازی
      • کسب درآمد از اینستاگرام
      • مهارت های ارتباطی
      • ابزارهای کسب و کار
      • کوچینگ
      • منابع انسانی
    • بازاریابی
      • دیجیتال مارکتینگ
        • سئو
        • تولید محتوا
        • کپی رایتینگ
        • سوشیال مدیا مارکتینگ
        • هک رشد
        • ایمیل مارکتینگ
      • بازاریابی B2B
      • برندینگ
      • استراتژی مارکتینگ
    • چند رسانه ای
      • تدوین ویدئو
        • افتر افکت
        • سینمافوردی
        • پریمیر
        • کمتازیا
        • ادیوس
      • انیمیشن
      • فیلم سازی
      • موشن گرافیک
    • طراحی گرافیک
      • ایلوستریتور
      • فتوشاپ
      • کورل دراو
      • ایندیزاین
      • طراحی پست اینستاگرام
      • طراحی رابط کاربری
      • 3Ds Max
      • اتوکد
      • بلندر
      • نقاشی
    • زبان خارجه
      • زبان انگلیسی
      • زبان آلمانی
      • زبان فرانسه
      • زبان روسی
    • بورس و ارز دیجیتال
    • علم داده و هوش مصنوعی
    • امنیت شبکه
    • توسعه فردی
    • آکادمیک و مهندسی
  • مجله داناپ
  • تدریس در داناپ
  • حساب کاربری
داناپ | دانش خود را به راحتی افزایش دهید
  • دسته بندی دوره ها
    • برنامه نویسی
      • برنامه نویسی وب
        • پایتون
          • جنگو
          • فلسک
        • پی اچ پی
          • لاراول
        • جاوا اسکریپت
          • نود جی اس
          • ری اکت
        • ASP.NET
        • HTML & CSS
        • جی کوئری
        • بوت استرپ
        • جاوا
        • سی شارپ
      • برنامه نویسی موبایل
        • اندروید
        • جاوا
        • کاتلین
        • ری اکت نیتیو
        • زامارین
        • فلاتر
        • فون گپ
      • توسعه بازی
        • یونیتی
        • کانستراکت
      • توسعه دیتابیس
        • Mysql
        • OpenVPN
        • Redis
        • SQL Server
        • Vesta
        • WHMCS
        • Plesk
        • DirectAdmin
        • Cpanel
      • ابزار برنامه نویسی
        • الگوریتم و فلوچارت
        • Git
        • Visual Studio Code
        • Docker
        • Web API
        • Bootstrap Studio
        • SASS
        • Redux
      • اینترنت اشیاء
      • سیستم عامل
      • وردپرس
    • کسب و کار
      • استارتاپ و کارآفرینی
      • فروش
      • مدیریت
      • حسابداری
      • استخدام
      • مدیریت فرآیند
      • سیستم سازی
      • کسب درآمد از اینستاگرام
      • مهارت های ارتباطی
      • ابزارهای کسب و کار
      • کوچینگ
      • منابع انسانی
    • بازاریابی
      • دیجیتال مارکتینگ
        • سئو
        • تولید محتوا
        • کپی رایتینگ
        • سوشیال مدیا مارکتینگ
        • هک رشد
        • ایمیل مارکتینگ
      • بازاریابی B2B
      • برندینگ
      • استراتژی مارکتینگ
    • چند رسانه ای
      • تدوین ویدئو
        • افتر افکت
        • سینمافوردی
        • پریمیر
        • کمتازیا
        • ادیوس
      • انیمیشن
      • فیلم سازی
      • موشن گرافیک
    • طراحی گرافیک
      • ایلوستریتور
      • فتوشاپ
      • کورل دراو
      • ایندیزاین
      • طراحی پست اینستاگرام
      • طراحی رابط کاربری
      • 3Ds Max
      • اتوکد
      • بلندر
      • نقاشی
    • زبان خارجه
      • زبان انگلیسی
      • زبان آلمانی
      • زبان فرانسه
      • زبان روسی
    • بورس و ارز دیجیتال
    • علم داده و هوش مصنوعی
    • امنیت شبکه
    • توسعه فردی
    • آکادمیک و مهندسی
  • مجله داناپ
  • تدریس در داناپ
0
ورود / ثبت نام

آموزش جی کوئری jQuery با انجام 12 پروژه عملی

خانهدوره های آموزشیآموزش برنامه نویسیآموزش برنامه نویسی وبجی کوئریآموزش جی کوئری jQuery با انجام 12 پروژه عملی
https://dl.danup.ir/Courses/242435/jquery/1.jQuery.ing7uvhdsgstr.mp4
قیمت :

رایگان!

امتیاز
4.75 از 8 رأی
4.75 8 رای
رایگان!
ویژگی های دوره
زبان: فارسی
5 ساعت و 42 دقیقه
20 درس
797 مگابایت
روش دریافت: دانلود آنی پس از پرداخت
روش پشتیبانی: ارسال تیکت
حالت مطالعه

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

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

 

در این دوره چه مباحثی آموزش داده شده است؟

در این دوره آموزشی رایگان قصد داریم تا آموزش jQuery را با پیاده سازی 12 پروژه عملی و کاربردی جلو ببریم. این 12 پروژه عملی در اکثر پروژه هایی که انجام می شوند کاربرد دارند.

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

 

در این دوره چه پروژه هایی انجام شده است؟

1- پروژه روشن و خاموش شدن لامپ

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

 

2- پروژه منو کشویی یا Submenu

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

 

3- پروژه Search box مخفی

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

 

4- طراحی منو چسبان

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

 

5- پروژه جملات تصادفی

در این پروژه 10 جمله داریم که به ترتیب با کلیک بر روی دکمه “بعدی” جملات بعدی و با کلیک بر روی دکمه “قبلی” جملات قبلی نمایش داده می شود.

 

6- پروژه tooltip

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

 

7- منو مخفی ریسپانسیو

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

 

8- Modal

در این پروژه خواهید آموخت که چطور زمانی که روی یک لینک کلیک می شود Modal از بالا به پایین برای ما باز شود و زمانی که روی هز قسمت دیگری جز modal کلیک می کنیم از پایین به بالا بسته شود.

 

9- tab menu

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

 

10- Accordion Menu

در این پروژه ما 3 بخش قرار دادیم که با کلیک بر روی هرکدام، محتوای مربوط به آن بخش را نمایش می دهد و بخش های قبلی را می بندد.

 

11- انیمیشن هنگام اسکرول (پارالاکس)

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

 

12- طراحی Slider

ما در این پروژه بدون استفاده از هیچ کد بیرونی و فقط با کمک گرفتن از css و jQuery یک اسلایدر حرفه ای خواهیم ساخت که هم دارای caption هست و هم دکمه بعدی و قبلی دارد.

ویدئوهای دوره

معرفی دوره ویدئو

18:47

پیش نمایش

بخش اول ویدئو

16:44

پیش نمایش

بخش دوم ویدئو

18:01

خصوصی

بخش سوم ویدئو

13:10

خصوصی

بخش چهارم ویدئو

18:18

خصوصی

بخش پنجم ویدئو

18:00

خصوصی

دانلود یکجا ویدئوهای شماره 7 الی 20 ویدئو

03:58:58

خصوصی

سورس پروژه های انجام شده فایل های ضمیمه

خصوصی
محمدرضا الطافی
محمدرضا الطافی

برنامه نویس وب - مسلط به html، CSS و بوت استرپ و جاوا اسکریپت

دوره های مرتبط

آموزش لاراول

آموزش جامع لاراول مقدماتی


ارائه شده توسط< آرکادمی
آموزش کار با کتابخانه Butterknife در اندروید

آموزش کار با کتابخانه ButterKnife در اندروید

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

آموزش جامع طراحی سایت با وردپرس


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

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

در این دوره آموزشی نحوه ارتباط با دیتابیس در زبان جاوا توضیح داده شده است. برای ارتباط با دیتابیس شما باید driver مربوط یه دیتابیس مورد نظر را بر روی ...
ارائه شده توسط< مهدی عادلی فرد
آموزش javafx

آموزش کار با JavaFX به همراه مثال

JavaFX یک کتابخانه جاوا است که برای ساخت برنامه های Rich Internet استفاده می شود. برنامه های کاربردی نوشته شده با استفاده از این کتابخانه می توانند در سراسر سیستم عامل های ...
ارائه شده توسط< محمدحسین ریماز

rate_reviewامتیاز دانشجویان دوره

4.8
4.75 8 رای
رایگان!
8 رأی
5 ستاره
6
4 ستاره
2
3 ستاره
0
2 ستاره
0
1 ستاره
0

chat_bubble_outlineنظرات

  • اکبر( دانشجوی دوره )
    اکتبر 28, 2022
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    خبلی عالی بود اینکه توضیحاتشون جوری هست که به نظر من هر کسی تو هر سطحی متوجه میشه دمشون گرم خدا قوت

  • نرجس محسن زاده( دانشجوی دوره )
    می 23, 2022
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    سلام وقت بخیر خیلی دوره عالی بود واقعا خسته نباشید یه سوال داشتم توی قسمت 9 منو چسبان با گزاشتن
    position = sticky اون حالتی که به عنوان تمرین گفته بودید انجام میشه ولی اونی که شما گفتید slideDown-Up بشه رو میشه بگید چ جوریه من نتونستم انجام بدم ممنون

  • malihe.sadat
    می 17, 2022
    برای پاسخ دادن وارد شوید

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

    • داناپ(مدیریت)
      می 19, 2022
      برای پاسخ دادن وارد شوید

      سلام کاربر گرامی
      شما با کلیک بر روی تصویر مدرس می توانید دیگر دوره های منتشر شده از سوی ایشان را مشاهده نمایید.

  • start12( دانشجوی دوره )
    نوامبر 3, 2021
    امتیاز 4 از 5
    برای پاسخ دادن وارد شوید

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

  • amirreza99
    آگوست 2, 2020
    برای پاسخ دادن وارد شوید

    سلام بر شما استاد عزیز مرسی از زحماتتون .. سوالم اینه که اکٍثر این ویژگیهای جی کوئری مثل منو کشویی یا اسلاید یا تولتیپ ها در بوت استرب هم هست و با اون هم میشه پیاده سازی کرد . فرقشون رو میشه بگین چیه ؟؟ و در صورت بلد بودن اون ها نیازی هست این هارو هم یاد بگیریم؟

    • محمدرضا الطافی
      دسامبر 3, 2021
      برای پاسخ دادن وارد شوید

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

  • محمود احمدی( دانشجوی دوره )
    آوریل 21, 2020
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    سلام و درود بر شما!

  • marzieh_ab( دانشجوی دوره )
    آوریل 18, 2020
    امتیاز 4 از 5
    برای پاسخ دادن وارد شوید

    سلام وقتتون ب خیر ممنون از این دوره ب شدت کاربردی برای کسانی که تازهjqرو یاد گرفتن خیلی عالی بود شما در طول دوره اشاره کردید ک ی دوره طراحی رابطه کاربری هم دارید که ب صورت رایگان هم هست ایا داخل همین سایت هست؟

    • محمدرضا الطافی
      می 17, 2020
      برای پاسخ دادن وارد شوید

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

  • fardinm( دانشجوی دوره )
    دسامبر 15, 2019
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

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

  • fardinm( دانشجوی دوره )
    دسامبر 15, 2019
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    ایشالا همیشه موفق باشید و سبز

  • شهریار عبادی( دانشجوی دوره )
    نوامبر 2, 2019
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    ممنون برای انتشار رایگان این دوره فوق العاده

قوانین ثبت دیدگاه

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

لغو پاسخ

برای ارسال نظر باید وارد حساب کاربری خود شده باشید.

قیمت :

رایگان!

افزودن به علاقه مندی
امتیاز
4.75 از 8 رأی
4.75 8 رای
رایگان!
زبان: فارسی
5 ساعت و 42 دقیقه
20 درس
797 مگابایت
روش دریافت: دانلود آنی پس از پرداخت
روش پشتیبانی: ارسال تیکت
محمدرضا الطافی
محمدرضا الطافی

برنامه نویس وب - مسلط به html، CSS و بوت استرپ و جاوا اسکریپت

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

لغو پاسخ

برای ارسال نظر باید وارد حساب کاربری خود شده باشید.

برنامه نویسی

  • آموزش برنامه نویسی
  • آموزش پایتون
  • آموزش جاوا اسکریپت
  • آموزش html و css
  • آموزش وردپرس
  • آموزش اندروید
  • آموزش یونیتی
  • آموزش جنگو
  • آموزش php

مارکتینگ

  • آموزش بازاریابی
  • آموزش دیجیتال مارکتینگ
  • آموزش برندینگ
  • آموزش سئو
  • آموزش تولید محتوا
  • آموزش استراتژی مارکتینگ
  • آموزش بازاریابی B2B
  • آموزش سوشیال مدیا مارکتینگ

کسب و کار

  • آموزش کارآفرینی و استارتاپ
  • آموزش فروش
  • آموزش مدیریت
  • آموزش استخدام
  • آموزش سیستم سازی
  • آموزش کسب درآمد از اینستاگرام
  • آموزش منابع انسانی
  • آموزش حسابداری
  • آموزش کوچینگ

چندرسانه ای

  • آموزش افتر افکت
  • آموزش سینمافوردی
  • آموزش پریمیر
  • آموزش موشن گرافیک
  • آموزش فیلم سازی
  • آموزش ساخت انیمیشن
  • آموزش کمتازیا

طراحی گرافیک

  • آموزش طراحی گرافیک
  • آموزش فتوشاپ
  • آموزش ایلوستریتور
  • آموزش کورل دراو
  • آموزش ایندیزاین
  • آموزش طراحی رابط کاربری
  • آموزش نقاشی
  • آموزش طراحی پست اینستاگرام
  • آموزش 3DS Max
  • آموزش اتوکد

دیگر دسته ها

  • آموزش زبان انگلیسی
  • آموزش زبان آلمانی
  • آموزش بورس و ارز دیجیتال
  • علم داده و هوش مصنوعی
  • آموزش امنیت شبکه
  • توسعه فردی
  • آکادمیک و مهندسی
پلتفرم آموزش آنلاین داناپ

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

دسترسی سریع
  • مجله داناپ
  • درباره ما
  • تدریس در داناپ
  • تماس با ما
  • قوانین و مقررات
logo-Enamad logo-samandehi
تمامی حقوق برای شرکت داناپ محفوظ می باشد. 1396-1401
ورود ×
کد تایید
لطفاً کد تأیید ارسال شده به را تایپ کنید
ثبت

رمز عبور خود را فراموش کرده اید؟
ورود با رمز عبور یکبار مصرف
ارسال مجدد رمز عبور یکبار مصرف(00:30)
آیا حساب کاربری ندارید؟
ثبت نام
ارسال مجدد رمز عبور یکبار مصرف(00:30)
بازگشت به ورود

ارسال مجدد رمز عبور یکبار مصرف (00:30)
بازگشت به ورود
  • (+98) Iran
%85 تخفیف ویژه تمامی دوره ها - آخرین فرصت!
روز
ساعت
دقیقه
ثانیه
مشاهده دوره های آموزشی
پایان جشنواره

ورود

رمز عبور را فراموش کرده اید؟

یا

ارسال مجدد رمز عبور یکبار مصرف (00:30)

هنوز عضو نشده اید؟ عضویت در سایت