کامپوننت ها - بخش modal و nav

زمان قرارگیری : 29 بهمن 1396
زمان این قسمت : 28:43
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 784 نفر
قیمت دوره 70000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 17:35:28
تعداد قسمت‌ها 38
نوع دسترسی نقدی

در این جلسه روش استفاده کردن از modal ها و nav ها رو به شما با استفاده از مثال آموزش میدم . این دو کامپوننت استفاده های زیادی در پروژه ها دارن امیدوارم خیلی خوب این دو رو یاد بگیرید . 

رایگان 18:50
رایگان 15:56
رایگان 06:43
رایگان 14:06
رایگان 12:28
رایگان 05:34
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 784 نفر
قیمت دوره 70000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 17:35:28
تعداد قسمت‌ها 38
نوع دسترسی نقدی

آفلاین
user-avatar
مدرس دوره حسام موسوی

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

سوالات و گفتگو‌ها

سوالات و گفتگو‌ها

اگر سوال و مشکلی یا حتی بحثی در یکی از حوزه‌های برنامه‌نویسی دارید این بخش به شما کمک ویژه‌ای خواهد کرد

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش GraphQl

آموزش GraphQl

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

دسترسی رایگان برای اعضای ویژه
آموزش دیزاین پترن ها

آموزش دیزاین پترن ها

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

دسترسی رایگان برای اعضای ویژه
آموزش طراحی وب

آموزش طراحی وب

در این دوره قراره طراحی وبسایت رو به شما آموزش بدم یعنی قراره یک وبسایت رو از صفر که ، طرح ایده و بعد طراحیش در فتوشاپ باشه رو به شما آموزش بدم تا کدن...

آموزش کامل sass

آموزش کامل sass

SASS مخفف Syntactically Awesome Style Sheets و یک زبان پیش پردازنده برای تولید کد Css است. این زبان به هیچ عنوان جایگزین Css محسوب نمی شود و می توان آ...

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
آفلاین
user-avatar
علیرضا اتحادی
3 هفته پیش

سلام
تفاوتی بین لیست گروپ و نو ها از نظر کارکرد وجود داره یا نه ؟ چون تو قسمت سویچینگ کلا شبیه به هم هستن!
ممنون

آفلاین
user-avatar
حسام موسوی
3 هفته پیش

دورد بر شما دقیقا کدوم قسمت رو میفرمایید

آفلاین
user-avatar
علیرضا اتحادی
3 هفته پیش
<div class="row">
  <div class="col-4">
    <div class="list-group" id="list-tab" role="tablist">
      <a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">Home</a>
      <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">Profile</a>
      <a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">Messages</a>
      <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">Settings</a>
    </div>
  </div>
  <div class="col-8">
    <div class="tab-content" id="nav-tabContent">
      <div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">...</div>
      <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">...</div>
      <div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">...</div>
      <div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">...</div>
    </div>
  </div>
</div>
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Home</a>
  <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Profile</a>
  <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Messages</a>
  <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Settings</a>
</div>
<div class="tab-content" id="v-pills-tabContent">
  <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">...</div>
  <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">...</div>
  <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">...</div>
  <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">...</div>
</div>

توی وبسایت بوت استرپ این دوتا کد هردوتا دارن دقیقا یک کارو انجام میدن ولی از راه های مختلف ؟ میخواستم بدونم تفاوت خاصی بین این دوتا وجود داره یا نه؟
باتشکر

آفلاین
user-avatar
حسام موسوی
3 هفته پیش

نه فرق خاصی نداره

آفلاین
user-avatar
علیرضا اتحادی
3 هفته پیش

ممنون استاد به خاطر وقتی که میزارید

آفلاین
user-avatar

سلام خسته نباشید
j query آموزشش از تو سایت حذف شده
آیا چیزی بهتری به جاش اومده و شما دورشو گذاشتید یا این که بریم خودمون بخویم از سایتای دیگه؟

آفلاین
user-avatar
حسام موسوی
8 ماه پیش

سلام جی کوئری به خاطر قدیمی شدن به بخش دوره‌های آرشیو شده انتقال پیدا کرد

آفلاین
user-avatar

خب الان شما چه کاری رو پیشنهاد می کنید؟

آفلاین
user-avatar
حسام موسوی
8 ماه پیش

منظور از قدیمی شدن دروه جی‌کوئری بود و صد البته دیگه محبوبیت سابق خودش رو نداره و هر روز هم کمتر از قبل میشه
البته یادگرفتنش خالی از لطف نیست

آفلاین
user-avatar

خب شما جایگزین جی کوئری چه چیزی هستش که ما بریم اونو یادبگیریم

آفلاین
user-avatar
حسام موسوی
8 ماه پیش

الان شرکت‌ها معمولا react کار و vue کار نیاز دارن