telegram

توضیحات

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.

بزرگترین مشکل طراحان وب و کدنویسان قدیمی، ایجاد ظاهری زیبا و مناسب است! بله دقیقا مشکل اساسی اینجاست. اصول کدنویسی و ایجاد زیربنا و ساختار مناسب برای یک سایت بسیار مهم و پیچیده است ولی نمایش صحیح خروجی کار و ایجاد یک فضای کاربرپسند نیز اهمیت بسیار بالایی خواهد داشت.

Bootstrap قصد دارد که خلاء میان طراحی و کدنویسی را از میان برداشته و کدنویسان را ترغیب به استفاده از طراحی های پیش فرض و استاندارد نماید. به همین منظور دستورات CSS و توابع javascript مورد نیاز را برای شما فراهم کرده است تا شما بتوانید با استفاده از دستورات پیش فرض و رعایت اصول متناسب با طراحی Bootstrap زمان راه اندازی یک پروژه را تا حد زیادی کاهش داده و خروجی آن را متناسب با استانداردهای روز دنیا پیش ببرید.

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

دوره های پیشنهادی، بعد از گذراندن این دوره :

پیش نیاز های این دوره فوق العاده کاربردی:

HTML CSS طراحی وب طراحی واکنشگرا FlexBox grid layout Bootstrap آموزش Bootstrap بوت استرپ

مدرس دوره علی شیخ
مدت دوره 12:08:39
تعداد ویدیو 66
وضعیت دوره : کامل شده
قیمت دوره : رایگان
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

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

دوره های آموزشی
آموزش ساخت وب سرویس فروشگاه اینترنتی با لاراول (Laravel Rest Api)
کامل شده

آموزش ساخت وب سرویس فروشگاه اینترنتی با لاراول (Laravel Rest Api)

بعد از دوره آموزش ساخت فروشگاه اینترنتی سفارش غذا (رستوران و فست فود) با لاراول (laravel) که مورد استقبال شما دوستان عزی...

649,000 تومان
13:35:01
آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)
کامل شده
% 10 تخفیف

آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)

بعد از دوره آموزش نکست (next.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربردی...

799,000 719,000 تومان
36:41:55
آموزش ساخت فروشگاه اینترنتی با Laravel
کامل شده
% 15 تخفیف

آموزش ساخت فروشگاه اینترنتی با Laravel

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

699,000 594,000 تومان
42:39:50
آموزش رایگان php (پی اچ پی) و mysql (مای اس کیو ال) پروژه محور
کامل شده

آموزش رایگان php (پی اچ پی) و mysql (مای اس کیو ال) پروژه محور

آموزش رایگان php (پی اچ پی) و mysql (مای اس کیو ال) به همراه پروژه وبلاگ و پنل ادمین

رایگان
13:09:12

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • majid alizadeh

    سلام استاد خسته نباشید من با یک مشکلی در بوت استراپ 5 مواجه شدم و اون هم موقعی است که میخواهم در فوتر کارت مثلا 5 کارت قراردهم و بخواهم گرید بندی به شکل در موبایل 12 کالمن- در col-sm-6 و درmd به بعد هم بصورت col-md استفاده کنم . در حالیکه اصلا col-md را حساب نمی کند. در حالیکه در بوت استراپ 4 به خوبی کار میکند . 

             <div class="card-footer">

             <div class="row text-center">

                <div class="col-12 col-sm-6 col-md card text-white bg-primary" >

                    <div class="card-header">Header</div>

                    <div class="card-body">

                      <h5 class="card-title">Primary card title</h5>

                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

                    </div>

                  </div>

                  <div class="col-12 col-sm-6 col-md card text-white bg-primary" >

                    <div class="card-header">Header</div>

                    <div class="card-body">

                      <h5 class="card-title">Primary card title</h5>

                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

                    </div>

                  </div>      

                          <div class="col-12 col-sm-6 col-md card text-white bg-primary" >

                    <div class="card-header">Header</div>

                    <div class="card-body">

                      <h5 class="card-title">Primary card title</h5>

                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

                    </div>

                  </div>       

                         <div class="col-12 col-sm-6 col-md card text-white bg-primary" >

                    <div class="card-header">Header</div>

                    <div class="card-body">

                      <h5 class="card-title">Primary card title</h5>

                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

                    </div>

                  </div>        

                        <div class="col-12 col-sm-6 col-md card text-white bg-primary" >

                    <div class="card-header">Header</div>

                    <div class="card-body">

                      <h5 class="card-title">Primary card title</h5>

                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

                    </div>

                  </div>

               </div>

            </div>

    • علی شیخ

      5 سال پیش

      سلام وقت بخیر.
      منظورتون چیه حساب نمیکنه؟! col-md کنار هم قرار میده
      لطفا کد هاتون رابین (۳تا بک تیک) قرار بدید.

    • majid alizadeh

      5 سال پیش

      سلام استاد - مثل اینکه بوت استراپ ورژن جدید یعنی v5.0.2 با گرید در حالت rtl مشکل دارد و در ورژن قبلی یعنی v5.0.1 درست عمل کرده و همانطوریکه شما هم اشاره کردید col-md کار خودش را درست انجام یعنی کارت ها را در کنار هم و 5 ستونه نمایش میدهد.
      در حالیکه اگر این کدی که برایتان ارسال کردم را امتحان کنید. اصلا گرید در این ورژن جدید کار نمیکندو تنها دو ستون که برای حالت col-sm-6 در نظر گرفتیم را برای بقیه حالت ها یعنی md و بقیه در نظر میگیرد.
      با تشکر

    • علی شیخ

      5 سال پیش

      سلام وقت بخیر.
      بله درست میفرمائید توی نسخه v5.0.2 این مشکل هم توی نسخه rtl و هم ltr هست، که توی آپدیت های بعدی به احتمالا خیلی زیاد برطرف میشه.ممنون از اطلاع رسانی?

  • mohamadamin

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

    • علی شیخ

      5 سال پیش

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

  • adele

    سلام تشکر از اموزش عالیتون
    میشه از قسمت گرید مثال بزنید؟ مفهومشو درک کردم اما تو سایت نمیدونم چطور استفاده کنم

    • علی شیخ

      5 سال پیش

      سلام وقت بخیر.
      تو دوره عرض کردم، که نیاز هست چندین سایت ببینید تا بهتر درک کنید.انشاا... توی دوره انتهایی دوره ازش استفاده میکنیم.

  • Vidaamiri

    سلام آقای شیخی
    سپاس از آموزش های خوب و جامعتون
    من دورهbootstrp 4رو نگاه کردم لطف میکنید بفرمایید تفاوتش با bootstrp5در چیه و اینکه نیازه همه ی دوره ی bootstrp5 رو ببینم یا فقط قسمت های جدیدی که اضافه شده؟!

    • علی شیخ

      5 سال پیش

      سلام وقت بخیر.
      برای فهمیدن تفاوت باید داکیومنتش را بخونید،jquery حذف شده،rtl اضافه شده، یک breakpoint جدید اضافه شده، بخش های جدید اضافه شده و ...
      اگه نمیتونید داکیومنت بخونید،قسمت های این دوره را ببینید.

  • mah314

    سلام با فعال بودن جاوااسکریپت در سایت شما و مشکل کندی صفحات داریم. همین کامنت که گذاشتم با مشکل همراه بود. مرورگر اپرا
    لطفا فایل اصلی تمرینی دوره ها را هم بزارید.

    • علی شیخ

      5 سال پیش

      سلام وقت بخیر.
      تست شد مشکلی نیست،چک کنید فیلتر شکن خاموش باشه، اینترنتون و همچنین با مرورگر های دیگه چک کنید.
      دانلود فایل های تمرینی قرار گرفته دکه آبی رنگ با عنوان دانلود فایل تمرینی

  • atena13801389

    سلام ممنون از اموزش خوبتون این دوره با دوره بوت استرپ پروژه محور که قبلا در سایت منتشر کرده بودید چه تفاوتی دارد ؟ممنون میشم پاسخ بدهید .

    • علی شیخ

      5 سال پیش

      سلام وقت بخیر.
      این دوره ورژن ۵ بوت استرپ هست و دوره ای قبلی ورژن ۴

    • علی شیخ

      5 سال پیش

      سلام وقت بخیر.
      پیش نیاز های این دوره هم توی ویدیو معرفی و هم توضیحات دوره گفته شده.
      این مورد هم در نظر بگیرید که فقط دیدین دوره کافی نیست و شما باید کار و تمرین کنید.به پروژه های انتهای دوره ها سعی کنید بخش های اضافه کنید و خودتون را به چالش بکشید