توضیحات

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

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

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

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

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

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


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

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

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

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

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

  • سلام وقتتون بخیر
    استاد توی سند css وقتی به یک المان کد های css وارد میکنم اعمال نمیشه
    البته بعضی وقت ها
    ولی استایل دهی اینلاین انجام میدم اعمال میشه
    !!!!!!

    • سلام وقت بخیر.
      خب شما باید مسیر دهی درستی انجام بدید و در صورت نیاز اسم کلاس والد هم اضافه کنید و همچنین میتونید از selector های css استفاده کنید و توی inspect ببینید که اون کلاس و استایل ها به المان شما اعمال شده اند یا خیر، دوره رایگان html و css را مشاهده کنید.
      اون آنلاین که فک کنم منظورتون بخش inspect تب elements و بخش style هست توی مرورگر، برای تست استایل ها هست و خوده مرورگر اعمال میکنه

  • عرض سلام و احترام
    با تشکر از آموزش های ارزشمند شما.
    در پروژه پنل ادمین قسمت سایدبار حین باز یا بسته شدن دچار لگ میشه، اگه امکانش هست اصلاح بفرمایید و به ما هم بگید مشکل چی بوده.

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

  • سلام وقت بخیر
    استاد من این دوره رو تازه شروع کردم
    به روشcdn مشکلی نیست اما فایل هارو که دانلود میکنم و به پروژه اضافه میکنم کار نمیکنه...چرا؟ وقتی فایل ها رو تو پروژه کپی میکنم یه دونه .map به انتهای اسم فایل ها اضاف میشه

    • سلام وقت بخیر.
      شما زمانی که فایل ها را از سایت بوت استرپ دانلود میکنید، یک پوشه js و css داره، که از پوشه js فایل bootstrap.bundle.js و از css فایل bootstrap.css و یا bootstrap.rtl.css را به پروژه اضافه کنید.

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

  • سلام ممنون از اموزش خوبتون
    من دوره html , css رو شرکت کردم ولی در قسمت پروژه نهایی که یک سایت رو میساختند،مکان کدهای پروژه نهایی رو داخل سایت ندیدم...در حالی که در اموزش ها گفته بودین که پوشه developersite رو میزارید....

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

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

  • با سلام ممنون از آموزش خوبتون.من قبلا آموزش بوت استرپ ۴ رو از اینجا دانلود کردم الان برای شروع از اموزش بوت استرپ ۴ استفاده کنم یا بوت استرپ ۵؟؟

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

  • سلام
    ضمن تشکر از آموزش های خوبتون، میخواستم اگه ممکنه راهنماییم کنید چطور میتونم در بوت استرپ 5 با کلیک روی یه دکمه مودال رو hide کنم (مثلا دکمه save changes). سعی کردم با کمک داکیومنت این مشکل رو حل کنم اما درست نشد. و اینکه چطور میتونم از کدهای jQuery در بوت استرپ 5 استفاده کنم؟

    • سلام وقت بخیر.
      درمورد modal صحبت کردیم، از طرفی توی مثال های داکیومنت دکمه cancel برای hide شدن modal استفاده شده، که میتونید کدش را مشاهده کنید. در مورد jquery شما اول باید باهاش آشنا باشید، دوره اش توی وبسایت هست.روند کار به اینصورت هست که فایل js مربوط به jquery را به پروژه باید اضافه کنید تا بتونید از کدهاش استفاده کنید.

  • سلام استاد وقت بخیر
    من ی مشکلی دارم برای checkbox ها و radio ها که بین نوشته ای که توی label قرار میدم و input ک دارم فاصله ی زیادی میوفته
    حتهی کدهاش رو مستقیم از داکیومنت بوت استرپ هم کپی کردم باز هم فاصله افتاد
    و مجبور میشم برای اینکه فاصله رو حذف کنم به div با کلاس form-check یدونه عرض بدم تا درست شه
    ممنون میشم راهنمایی کنید مشکلش کجاس

    • سلام وقت بخیر‌.
      Inspect بگیرید و ببینید چه استایل های اجرا شده و چرا فاصله داره

  • سلام بابت آموزش ممنون . ببخشید یک سوال داشتم برای ایجاد فرم ارتباط باما میوشد از node.js هم استفاده کرد؟؟ یا بهتره از php استفاده کنم ؟؟

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

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

  • سلام
    خسته نباشید
    استاد عذر میخوام توی bootstrap چند تا دایو رو چطور هم ارتفاع میکردیم؟
    مثلا چند تا دایو با کلاس card داریم که توی یه row تعریف شده، اما با توجه به تفاوت محتویاتشون، هم ارتفاع نیستن!

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