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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی بوت استرپ (جلسه 15) : جاوااسکریپت در بوت استرپ - بخش پایانی -منوهای آکاردئون و تولتیپ ها

5 1907 ۱۹ مرداد ۹۴
در جلسه پانزدهم و بخش پایانی مبحث جاوا اسکریپت دوره آمورشی فریم ورک بوت استرپ می پردازیم به ادامه مبحث collapse ها و همچنین نحوه ایجاد منوهای آکاردئون رو فراخواهیم گرفت.تولتب ها و پاپ آور ها رو همراه با متد های جاوااسکریبتی شان بررسی خواهیم و در پایان هم به معرفی Alert box ها خواهیم پرداخت...
نکته : با توجه به اینکه از جلسه آینده قرار هست که مبحث پروژه ها رو خدمت شما عزیزان ارائه دهیم لذا بدلیل حجم مطالب و فاصله کم بین انتشار مطالب هر جلسه برای جلوگیری از کاهش کیفیت و کمیت آنها ,جلسه بعدی که روز پنج شنبه می باشد برگزار نخواهد شد و روز دوشنبه هفته آیند با جلسه اول پروژه ها در خدمت شما عزیزان خواهیم بود...
  مطالب مطرح شده در این جلسه عبارتند از :
  • کنترل collapse ها توس دکمه ها
  • بررسی متد های collapse ها در جاوااسکریپت
  • نحوه ایجاد آیکون های کنترلی برای collapse ها توسط جاوا اسکریپ وقایع hide.bs.collapse
  • نحوه ایجاد accordion menu
  • بررسی اتریبیوت data-parent
  • نحوه ایجاد تولتیپ ها و نحوه فعال سازی آن توسط جاوا اسکریپت
  • بررسی اتریبیوتtitlte
  • بررسی اتریبیوت data-palacement  و مقادیر آن
  • نحوه ایجاد popover ها و بررسی تفاوت آنها با tooltip ها
  • بررسی اتریبیوت data-container و دلیل استفاده از آن
  • بررسی اتریبیوت data-trigger برای کنترل رفتار popover ها
  • بررسی اتریبیوت data-content
  • بررسی alert box ها
  • بررسی کلاس alert
  • بررسی کلاس alert-info
  • بررسی کلاس alert-warning
  • بررسی کلاس alert-succcess
  • بررسی کلاس alert-warning
این مطلب یک جلسه از دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏
    زمان الله ابراهیمی(۲۳ مرداد ۱۳۹۴)

    تشکر از زحمات شما
    استاد عزیز چند جلسه مونده تا پایان 😆

    • ‏‏
      وحید صالحی(۲۳ مرداد ۱۳۹۴)

      سلام آقایی ابراهیمی ممنون از شما فقط پروژه ها باقی مانده که الان که دارم پاسختون رو می نویسم در حال تهیه اش هستم و چون حجم مباحث بالا هست و یکسری امکانات بیشتری رو به قالب هایی که در جلسه معرفی دوره و فایل دمو خدمتتون نمایش دادیم اضافه کردیم تهیه شون زمان بیشتری میبره بخاطر همین روز 5 شنبه طبق اطلاع رسانی که کردیم جلسه ای رو منتشر نکردیم اما سعی میکنیم در 5 تا 6 جلسه بین 2 تا 2 و نیم ساعته پروژو ها رو خدمتتون ارائه و آموزش بدیم ممنونیم از صبر و شکیبایی شما عزیزان
      موفق باشید

  • ‏‏
    حمید رضا مصطفی زاده(۲۳ مهر ۱۳۹۴)

    سلام استاد وقت بخیر
    در قسمت های آکاردیونی که شما گفتید اگر متن زیاد شود میرود زیر و دیگر قابل نمایش نیس
    مگر اینکه col-md ها رو زیادتر کنیم که بازم جالب نیس و خیلی عریض میشه
    راه کاری برای این کار سراغ هست؟
    سوال دیگم
    در قسمت popover ها هم که میفرمایید در کروم به خوبی اجرا نشد (اما در موزیلا که درس میدهید درست بود) ممکنه بوت استرپ با مرورگرهای مختلف یه سری جاهاش اختلاف داشته باشه؟
    اگر پاسخ این سوال مثبته در چند درصد موارد؟

    • ‏‏
      وحید صالحی(۲۵ مهر ۱۳۹۴)

      راهکارش همون حالتی هست که بیان د و دیگه به سلیقه خودتون بر می گرده که به چه صورت استقاده کنید.برای عدم نمایش صحیح هم اگر چنین مشکلی دارید یه فایل normalize.css به سندتون اضافه کنید مشکل برطرف میشه در گوگل جستجو و دانلود کنید

      • ‏‏

        سلام
        من قبلا با popover کار کردم ولی الان توی تمرین مجدد به مشکل برخوردم.به اینصورت که نحوه چیدمان popover هم در کروم و هم موزیلا مشکل داره و بخوبی نمایش نمیده و از لینک مربوطه خیلی فاصله داره.تمام کدها رو چک کردم مشکلی نداشت حتی از سند شما که در همین پست استفاده کردم درست نشد.بعد از کلی درگیری فایل اصلی بوت استرپ رو جایگزین کردم که مشکل حل شد!!!کدهای popover راست چین شده با نسخه اصلی رو چک کردم دیدم یه تغییراتی ایجاد کردن به کدها که باعث این اختلال شده…
        دوستان اگه همچین مشکلی براتون پیش اومد از نسخه اصلی بوت استرپ تمام کلاس های .popover رو در نسخه راست جایگزین کنید و تنها ویژگی font-family رو از سلکتور اول حذف کنید تا مشکل برطرف شه.
        موفق باشید.

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram