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

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

دوره مجازی جاوااسکریپت (جلسه 30): پروژه - طراحی و پیاده سازی پلاگین Modal

23 2517 ۲۵ آبان ۹۴
در جلسه امروز یکی از جالبترین پلاگین های مورد استفاده در صفحات وب رو با همدیگه از 0 تا 100 کدنویسی خواهیم کرد. پروژه امروز چیزی نیست جز پلاگین مُدال! اگر روی دکمه جستجو در منوی بالای سایت سون لرن کلیک کنید خواهید دید که یک باکس روی صفحه وب باز میشه که فرم جستجو رو درون خودش داره! پروژه امروز ما هم دقیقا همین هست. البته با امکانات و افکت های ورود جالب! با ما همراه باشید... مطالب مطرح شده در این جلسه عبارتند از :
  • پروژه مُدال - Modal Boxes (شبیه ساز پنجره باز شده روی صفحه وب)
  • تشریح و توضیح کدهای html و css پروژه این جلسه
  • نحوه ارتباط دادن لینک ها و دکمه ها به باکس های مربوط به خود
  • آموزش نحوه تنظیم رنگ پس زمینه مدال
  • آموزش نحوه کدنویسی برای تنظیم شفافیت پس زمینه
  • آموزش نحوه کدنویسی برای تعین عرض مدال
  • آموزش کدنویسی برای تنظیم انیمیشن ورود مدال به صفحه وب
  • تنظیم انیمیشن های ورود از جهات مختلف و با افکت های گوناگون
  • تنظیم فاصله از بالای مدال
  • نحوه کدنویسی برای به وسط آوردن مدال
  • نحوه تنظیم انتخابی رویداد فعال برای بازشدن یک مدال
  • تنظیم سرعت انیمیشن ورود
  • نحوه دریافت توابع callback از کاربر و اجرای آنها قبل و بعد از نمایش مدال
  • تمرین - افزودن دکمه و متن برای بستن مدال
این مطلب یک جلسه از دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏

    سلام جناب آوند
    امکانش هست در پروژه ها درباره این دو پلاگین هم صحبت کنید
    https://www.magictoolbox.com/magicthumb
    https://www.magictoolbox.com/magic360
    ممنون بابت زحماتتون

  • ‏‏
    amir yazdi(۲۶ آبان ۱۳۹۴)

    استاد در قسمت bottom نیاز نبود برای top مقدار رو در 2 ضرب کنین , در 1 ضرب می کردین کافی بود.

  • ‏‏
    Mohammad Reza(۲۷ آبان ۱۳۹۴)

    سلام ببخشید جلسه اخر کی هست ؟ وکی سی دی ها ارسال میشه؟؟

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

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

      • ‏‏

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

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

          سلام
          یه توضیح کلی در مورد pure دادیم اونجا. اره تقریبا …
          بله اینکار امکانپذیر هست و با کمی فکر کردن می تونید پیاده سازیش کنید به راحتی.

  • ‏‏

    سلام
    استاد شرمنده لینک قسمت 28 این مجموعه رو پیدا نمیکنم !!!

  • ‏‏

    سلام
    من قبلا یه ماشین حساب طراحی کردم که خیلی ایرادات داشت. توی این مدت که استاد کسالت داشتن بیشتر روی ماشین حساب کار کردم و الان نظر خودم اینه که خیلی عالی شده هرچی بررسی کردم ایراد و اشکالی درش ندیدم.این ماشین حساب به غیر از جمع و تفریق و ضرب و تقسیم اعمال دیگه ای هم انجام میده مثل لگاریتم جذر سینوس و کسینوس و تانژانت و درصدو… .یه امکان خوبی که داره اینه که اگه شما چندبار هم روی مثلا دکمه جذر کلیک کنین و بعدش روی بقیه دکمه ها هم بزنید در محاسبات مشکلی پیش نمیاد.من این ماشین حساب رو با ایده گرفتن از ماشین حساب ویندوز طراحی کردم. اگر مشکلی درش ندیدین میتونین اونو برای بقیه دانشجوها به عنوان نمونه کار یکی از دانشجوها نمایش بدین.
    http://s3.picofile.com/file/8223648218/best_calculator.rar.html

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

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

      • ‏‏

        این ماشین حساب شما ضعف های زیادی داره استاد کافیه روی علامت + – / * چندبار بزنی همه چی خراب میشه یا اینکه بعد از مساوی اگه چندبار دیگه روی دکمه مساوی بزنی باید بازم جواب بده درمورد سینوس و… هم که نحوه عملکردش خیلی ضعیف و وقت بگیره تا هرچی هم که دلت بخواد میشه عدد وارد کرد که اینم ضعفه دیگه چی بگم واللا
        ماشین حساب خودم از ماشین حساب استاد هم بهتره اصلا از زمین تا آسمون فرق میکنه.
        من درحد ماکروسافت ماشین حسابو کدنویسی کردم.
        حالا ناراحت نشین اگه مایل بودین یه دوره آموزشی براتون میذارم تا استاد گرامی هم به مهارت من نزدیک بشن. 😛 😛

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

          مشتاقانه منتظر دوره طراحی ماشین حسابت هستیم ;D
          اون کد مال 4-5 سال پیش بوده و تو 1 روز جمع و جور شده و وسطاش ادامه داده نشده. البته که مشکلاتی داره. ضمن اینکه گفتم شلوغ پلوغه بیشتر از لحاظ ظاهری روش وقت گذاشته شده …

  • ‏‏

    من نتونستم این خط کد رو درک کنم

    چجوری ‘function’ نقش فانکشن رو بازی میکنه مگه رشته نیست؟ مابقی رو هم متوجه نشدم! البته توی آموزش گفتین چیکار میکنه
    میدونم باوجود === باید مقدا ر و نوعشون یکی باشه ولی typeof چجوری عمل میکنه و چجوری داره true, false بر میگرده رو متوجه نشدم

    • ‏‏
      لقمان آوند(۱۸ بهمن ۱۳۹۴)

      سلام
      دستور typeof نوع option.onStart رو بر میگردونه. نوع برگردونده شده میتونه رشته، عدد یا function باشه. اینجا بررسی میشه اگر option.onStart یک تابع بود چیکار کنه …

  • ‏‏

    در جلسه ۳۰ دقیقه ۵۷ تا دو دقیقه بعدش رو گوش کنید ویرایش کنید ویدیو رو .
    موفق باشید

  • ‏‏
    حمید رحیمی(۲۵ شهریور ۱۳۹۵)

    با سلام بر استاد گرامی و تشکر از زحمتتون
    استاد این تمرین این جلسه لطفا یه نگاهی بهش بندازید
    خوبه یانه ممننوووووووووون
    http://s8.picofile.com/file/8267480750/tamrin_7L.rar.html
    😛 😛

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram