illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید تا کنون 6336 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

دوره مجازی جاوااسکریپت (جلسه 27): پروژه - طراحی پلاگین closable (افزودن قابلیت بسته شدن به تگ ها)

7 1799 ۱۷ آبان ۹۴
در این جلسه به طراحی و کدنویسی اولین پروژه کلی دوره جاوااسکریپت و جی کوئری خواهیم پرداخت. با استفاده از پروژه امروز می توان قابلیت بسته شدن را به تگ های html افزود و این کار را به راحتی هر چه تمتام تر انجام داد. بعد از نوشتن این پروژه شما فقط با نوشتن یک خط به شکل زیر می تونید قابلیت بسته شدن رو به تگ های دلخواه اضافه کنید : [crayon-584b1d9f1d7a0293152616/] closeBtn :: به همین راحتی دکمه ای به تگ های دلخواه خودتون اضافه خوهید کرد که با کلیک روی اون تگ مذکور با انیمیشن دلخواه مخفی شود. مطالب مطرح شده در این جلسه عبارتند از :
  • پروژه - پلاگین closable : افزودن قابلیت بسته شدن به تگ های html
  • آموزش نحوه قرار دادن دکمه X برای بستن تگ در گوشه آن
  • توضیح در مورد تگ هایی با خصوصیت absolute  در css
  • تشخیص تگ در برگیرنده X برای بسته شدن در هنگام کلیک
  • تعریف رویداد کلیک برای بسته شدن تگ در برگیرنده دکمه X
  • آموزش نحوه تعین و کدنویسی انیمیشن های مختلف برای بسته شدن تگ
  • تعین انیمیشن بسته شدن تگ توسط کاربر
  • تعین آیکون بسته شدن برای پروژه
این مطلب یک جلسه از دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 7 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

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

  • ‏‏
    مهدی خسروی(۸ دی ۱۳۹۴)

    سلام.گفته بودین که پاسخ تمرین جلسه قبل رو در این جلسه میدین، حیف که این اتفاق نیفتاد :(

    • ‏‏
      لقمان آوند(۱۰ دی ۱۳۹۴)

      تمرین چی بود؟ احتمالا جلسات بعد گفتیم …

      • ‏‏
        مهدی خسروی(۱۰ دی ۱۳۹۴)

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

        • ‏‏
          لقمان آوند(۱۰ دی ۱۳۹۴)

          بسیار خوب .
          کدش یه چیزی شبیه این میشه :

  • ‏‏
    Arash Taghavi(۳ مرداد ۱۳۹۵)

    خسته نباشید،آقای آوند درون توی پلاگین closable گفتین یه پارامتر animation تعریف میکنیم بعد با سوییچ میگیم که به ازای هر مقدار یه کاری انجام بده.حالا من میخوام خود animation هم ورودی بگیره.یعنی مثلا مقدارش “fadeOut(5000)” باشه و در قسمت سوییچ هم اون عدد 5000 گرفته بشه و در دستورمون که همون fadeOut شدن المان هست لحاظ بشه.ممنون میشم یه راهنمایی کنید

    • ‏‏
      لقمان آوند(۵ مرداد ۱۳۹۵)

      پیشنهاد می کنم اینو به عنوان تمرین برای خودتون در نظر بگیرید و سعی کنید با این چالش در بیفتید!
      اگر تا 1 هفته نتونستید درستش کنید بگید که بهتون بگم چیکار کنید.
      خیلی سخت نیست

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

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram