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

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



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

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

8 2204 ۱۵ مرداد ۹۴
در جلسه چهاردهم دوره آمورشی فریم ورک بوت استرپ و در ادامه مبحث جاوااسکریپت و در بخش سوم این مبحث می پردازیم به ایجاد اسکرول ها و منو های چسبان و بررسی و نحوه استفاده از پلاگین scrollspy,affix برای ایجاد آنها و بخشی از مبحث collapse ها و نحوه ایجاد آنها رو توسط بوت استرپ بررسی خواهیم کرد... مطالب مطرح شده در این جلسه عبارتند از :
  • بررسی پلاگین scrollspy و کاربرد آن
  • نحوه ایجاد scrollspy
  • بررسی اتریبیوت data-spy
  • بررسی پلاگین affix و کاربر آن
  • نحوه ایجاد منوهای چسبان (Sticky Menu)
  • بررسی اتریبیوت data-offset-top و data-offset-bottom
  • نحوه استفاده ترکیبی از پلاگین scrollspy و affix
  • بررسی بخشی از پلاگین collapse و کاربرد آن
  • نحوه ایجاد collapse ها
  • بررسی کلاس collapse
  • بررسی کلاس collapse in
این مطلب یک جلسه از دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏
    amir rahimi morad(۳۰ شهریور ۱۳۹۴)

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

  • ‏‏
    amir rahimi morad(۱ مهر ۱۳۹۴)

    آقای صالحی من سایت رو آپلود کردم روی هاست لطفا چک میکنید
    www.kondorbusiness.com
    مشکل در اسکرول بخش بندی هاس وقتی روی منو بطور مثال میزنم روی بخش دوم صحفه اسکرول اسپای میشه روی بخش دوم اما کلاس اکتیو روی منو بخش دوم قرار نمیگیره به محض اینکه چند پیکسل به صورت دستی اسکرول میکنم پایین تر کلاس اکتیو از بخش یک به بخش دوم منو قرار میگیره.
    ممنون میشم راهنماییم کنین

  • ‏‏
    amir rahimi morad(۱ مهر ۱۳۹۴)

    آقای صالحی عزیز من با ایمیل z_zzz_r@yahoo.com با عنوان 7Learn-help سورس را ارسال کردم ممنون از زحماتتون

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram