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

- visibility ۳۱ mode_comment

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

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

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

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

ثبت نام در دوره جاوااسکریپت و جی کوئری

comment دیدگاه کاربران
MRZ65

چرا با وجود اینکه باکسهای Modal با فریمورک Pure ایجاد شدند و قاعدتاً باید واکنش گرا باشند ولی اینگونه نیست؟

لقمان آوند

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

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

لقمان آوند

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

نیاز به لاگین

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