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

دسته بندی: جاوا اسکریپت
زمان مطالعه: ۲ دقیقه
۲۵ آبان ۱۳۹۴

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

مطالب مطرح شده در این جلسه عبارتند از :

  • پروژه مُدال - Modal Boxes (شبیه ساز پنجره باز شده روی صفحه وب)
  • تشریح و توضیح کدهای html و css پروژه این جلسه
  • نحوه ارتباط دادن لینک ها و دکمه ها به باکس های مربوط به خود
  • آموزش نحوه تنظیم رنگ پس زمینه مدال
  • آموزش نحوه کدنویسی برای تنظیم شفافیت پس زمینه
  • آموزش نحوه کدنویسی برای تعین عرض مدال
  • آموزش کدنویسی برای تنظیم انیمیشن ورود مدال به صفحه وب
  • تنظیم انیمیشن های ورود از جهات مختلف و با افکت های گوناگون
  • تنظیم فاصله از بالای مدال
  • نحوه کدنویسی برای به وسط آوردن مدال
  • نحوه تنظیم انتخابی رویداد فعال برای بازشدن یک مدال
  • تنظیم سرعت انیمیشن ورود
  • نحوه دریافت توابع callback از کاربر و اجرای آنها قبل و بعد از نمایش مدال
  • تمرین - افزودن دکمه و متن برای بستن مدال
:: توجه

این مطلب یک جلسه از آموزش javascript می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش javascript

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

رسول شاکری

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

لقمان آوند

سلام
در صفحه ثبت نام دوره دمو قرار داده شده که همون قسمت اول دوره هست …

لقمان آوند

تو همون pure هم باید طوری کد نوشت که رسپانسیو باشه. احتمالا اینجا اونجوری ننوشتیم.

لقمان آوند

اینکارو هم میشه انجام داد منتهی وقتی ready میزارید از آماده بودن برای اجرا مطمئن هستید.

لقمان آوند

قبلا یکی از بچه ها گزارش داده بود. چقدر هم که خودم خندیدم !!!
تو نسخه سمت وب حذف شده ولی تو دی وی دی ها احتمالا هست !

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

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