توضیحات

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

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

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

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

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

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


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

مدرس دوره علی شیخ
مدت دوره 12:08:39
تعداد ویدیو 66

وضعیت دوره : کامل شده
قیمت دوره : رایگان

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

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

  • سلام وقت بخیر استاد تو سایت یه بخش جدید به اسم
    css grid اضافه شده
    که خیلی پیچیده نیست ولی مشکل اینجاس که هیچ کدوم از تکه کدا اجرا نمیشه

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

  • سلام وقتتون بخیر . با تشکر از ویدیو های آموزشی. بنظرم یکی از کامل ترین مسیر های آموزشی رو دارید
    یک سوالی داشتم:
    اینکه بین bootStrap , materialize , کدوم بهتر هست و اینکه دوره ی رو قرار نمیدید؟

    سوال بعدی این هست که من flutter کار میکنم و میخوام از طریق یادگیری webDevelping و بعد vue در نهایت به pwa یا همون اپلیکیشن های تحت وب برسم ... بااینکه با flutter میشه خروجی های زیادی گرفت اما vue بهینه تر هست.
    خواستم نظر شمارو در مورد این مسیر بدونم اگر پیشنهاد و یا تجربه ایی در مورد این موضوع دارید خوشحال میشم به اشتراک بگذارید ?❤️

    • سلام وقت بخیر.
      ممنون از شما، در مورد سوال اولتون، تفاوت توی طراحی این دو فریمورک هست و شما هر کدوم که دوست داشته باشید میتوانید استفاده کنید.
      در مورد سوال دومتون، من flutter کار نکردم ولی فک میکنم نسخه ای وب کمی مشکل و باگ داره و میتوانید برای نسخه های موبایل ازش استفاده کنید و برای وب از vue و nuxt

    • سلام وقت بخیر.
      منظورت از ایجاد کلاس را متوحه نمیشم. اما در کل میتوانید از اکستنشن های موجود در vscode استفاده کنید.

    • منظورم اینه آیا در visual stadio شورت کاتی برای ایجاد یک کلاس وجود داره؟؟

      </div class="row"> <div>

    • فک میکنم منطور شما استفاده از emmet هست.
      در این خصوص دوره ای رایگان برای emmet توی سایت هست که میتوانید مشاهده کنید.

  • سلام آقای شیخ. وقتتون بخیر و ممنون بابت آموزشهاتون.
    سوالی که داشتم اینه که چه تفاوتی بین استفاده از گرید با row های تودرتو با row-cols وجود داره؟ (به غیر از کمی کوتاهتر شدن کد). به این مثال دقت کنید:

     <div class="row-cols-3">
    
    <div class="row">
    <div class="column-border col">col1</div>
    <div class="column-border col">col2</div>
    <div class="column-border col">col3</div>
    <div class="column-border col">col4</div>
    </div>
    </div>

    در مقایسه با
     <div class="row">
    
    <div class="col-4">
    <div class="row">
    <div class="column-border col">Hamid</div>
    <div class="column-border col">Hamid</div>
    <div class="column-border col">Hamid</div>
    <div class="column-border col">Hamid</div>
    </div>
    </div>
    </div>

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

       <div class="row row-cols-3">
      
      <div class="column-border col">col1</div>
      <div class="column-border col">col2</div>
      <div class="column-border col">col3</div>
      <div class="column-border col">col4</div>
      </div>

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

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

  • هفت میلیون پول کلاس دادم رفتم مجتمع فنی تهران . اینقدر بد درس داد که هیچی یاد نگرفتم . اتفاقی با سایت اموزش های اقای علی شیخ اشنا شدم . بهتریننننننننننن بهترینننننننننن اموزش رو دارید اونم رایگان . از خدا می خوام بهترین ها رو بهتون بده. اموزش ها و قدرت بیانتون عالیهههههههههههههههههه

  • سلام وقت بخیر دوره مفید و جذابی بود باتشکر از شما که دانشتون رو رایگان در اختیار ما قرار میدید.
    فقط یه سوال داشتم. برای هوشمندسازی بردکرامب ها باید از بک اند استفاده کرد یا جاوا اسکریپت

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون، منظورتون از هوشمند سازی را نفهمیدم؟
      اکه منظورتون لینک هاش هست، بله در بک اند انجام میشه. اگه بخش چارت آموزشی سایت را دنبال کنید و دوره های بک اند هم مشاهده کنید. بهتر درک و متوجه میشید.

  • سلام استاد وقتتون بخیر
    تدریس شما بسیار عالی بود
    فقط یک سوال برام پیش اومده :
    بعضی از بخش ها مثل modal و یا validation به کدهای جاوا اسکریپ نیاز دارد .. راهی هست که این کدها رو به صورت کامل یا به صورت cdn به css اضافه کنیم؟؟
    با تشکر .

    • سلام وقت بخیر.
      ممنون از شما?
      خیر، جاوااسکریپت و css دو تا موضوع جدا از هم هستند.

  • بسمه تعالی
    سلام خدمت استاد گرامی اقای علی شیخ و با تشکر از زحمات شما و همه عوامل سایت محترم وب پروگ.
    استاد در دوره اموزش رایگان بوت استرپ در قسمت modal طبق انچه که شما گفته بودید عمل کردم اما مودال نمایش داده نمیشد.فقط همان buttonابی رنگ ظاهر میشد ولی با کلیک روی ان مودال ظاهر نمیشد.حتی رفرنسهای bs و js را هم در صفحه دادم ولی باز عمل نکرد.اشکال کار از کجاست؟با تشکر

    • سلام وقت بخیر.
      ممنون از شما،سورس کدی که در اختیارتون هست را تست بفرمایید و با کد خودتون خط به خط چک کنید.
      دقت داشته باشید که فایل جاوااسکریپت بوت استرپ هم به پروژه اضافه کرده باشید.

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

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

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

  • سلام، با تشکر از دوره‌های بسیار عالی شما
    می‌خواستم بدونم وقتی می‌تونیم با استفاده از کلاس‌های سطر و ستون و حالات مختلف ریسپانسیو، لایه‌بندی رو به خوبی هندل کنیم، چه نیازی به کلاس‌های فلکس‌باکس هست؟ منظور d-flex و... هست. آیا دست طراح رو در موقعیت های خاصی بیشتر باز می ذاره یا اینکه استفاده از اون سلیقه‌ای هست؟

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون
      ببینید خیلی جاها شما نیاز دارید خیلی ساده، المان ها را کنار هم بزارید و ... که میتوانید از این کلاس ها استفاده کنید. حالا شما زمانی که بیشتر کار میکنید و دوره آموزش بوت استرپ ۵ (Bootstrap) در دنیای واقعی و همچنین پروژه بزنید خیلی بهتر درک میکنید.

  • سلام استاد وقت بخیر
    میخوام دوره بوت استرپ شروع کنم. فقط بوت استرپ 5 رو بخونم کافیه یا باید اول دوره بوت استرپ 4 رو بگذرونم و اینکه آیا تفاوتشون زیاده؟

    • سلام وقت بخیر.
      توی ویدیو معرفی دوره هم گفتیم که همین دوره را ببینید و شروع کنید اوکی هست و نیازی نیست ورژن ۴ را ببینید و با ورژن جدیدش شروع کنید.