صفحه اصلی / دوره‌های آموزشی / آموزش بوت استرپ 4 از مقدماتی تا پیشرفته / آموزش کاربردی کار با Alert در بوت استرپ 4

آموزش کاربردی کار با Alert در بوت استرپ 4

آموزش کاربردی کار با Alert در بوت استرپ 4
براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.
81,000 تومان

جلسات دوره


                       
مهدی عباسی
مدرس:

مهدی عباسی

18 سال سابقه برنامه‌نویسی و تدریس برنامه‌نویسی
کسب مقام‌های اول و دوم کشوری در مسابقات برنامه‌نویسی

مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مشاهده رزومه

آموزش کامپوننت (component) Alert در بوت استرپ 4:


در ادامه‌ی مباحث آموزش بوت استرپ چهار، به مبحث بسیار جذاب و کاربردی Componentها می‌رسیم. کامپوننت‌ها مجموعه‌ای از کدهای نوشته شده با Html , css وjavascript   هستند، که بوت استرپ در اختیار ما قرار داده مانند دکمه‌ها، منوها، جداول، اسلایدر و... . در این بخش از آموزش با alert و button  و نحوه استفاده از آن‌ها آشنا می‌شوید.

 

Alert

  • alert: ازاین کلاس برای نمایش پیغام‌های هشدار استفاده می‌کنیم.
  • alert-color class: برای تعیین رنگ alert از این کلاس به همراه نام رنگ استفاده می‌کنیم. مانند: alert-primary
  • alert-link: برای از بین بردن اثر رنگ لینک داخل alert از این کلاس استفاده می‌شود.
  • close: از این کلاس برای ایجاد دکمه close برای alert می‌باشد.
  • alert-heading: اگر alert دارای عنوان بود از این کلاس استفاده می‌کنیم.


Buttons

  • btn: این کلاس برای ایجاد دکمه استفاده می‌شود.
  • btn-color class: برای تعیین رنگ دکمه‌ها از این کلاس به همراه نام رنگ استفاده می‌کنیم. مانند: btn-success
  • btn-outline:  با استفاده از این کلاس می‌توانیم دکمه ایی با پس زمینه سفید و دارای حاشیه رنگی داشته باشیم.
  • btn-link: ایجاد دکمه ایی که به صورت لینک می‌باشد. شکل ظاهری آن شبیه به لینک است.
  • btn-lg: برای ایجاد دکمه با سایز بزرگ می‌باشد.
  • btn-sm: برای ایجاد دکمه با سایز کوچک می‌باشد.
  • btn-block: برای ایجاد یک دکمه به صورت تمام عرض می‌باشد.
  • active: برای فعال کردن دکمه از این کلاس استفاده می‌کنیم.
  • disabled: برای غیرفعال کردن یک دکمه از این کلاس استفاده می‌کنیم.


برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.

 

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

انجمن برنامه نویسان وب

 

نظرات دانشجویان

نظر شما در تصمیم دیگران اثرگذار است.

لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.
ثبت نام

284