توضیحات

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

  • سلام استاد وقتتون بخیر
    ببخشید عذر خواهی می‌کنم
    استاد شما از چه تکنیکی برا جابه جایی موس بین کلمات استفاده می‌کنید
    مثلاً موقع کپی پیست کردن آدرس تصاویر سریع می‌رید به اون قسمتی که می‌خوایید و من برای این کار باید اول موس بردارم بعد برم رو اون قسمت مورد نظر انتخاب بکنم بعد پیست بکنم.
    منظور انتخاب سریع متون و کپی کردن و پرش به جایی که خودتون می‌خواید رو می‌گم اگه راهنمایی بکنید خیلی ممنون می‌شم

    • سلام وقت بخیر.
      همیشه سعی کنید که با ابزار های کارتون آشنا باشید، مثلا فونت یا سایز، تم و موارد مختلف را تغیر بدید یا اکستنشن های خوب را تست کنید که کافیه سرچ کنید، کلی مقاله فارسی براتون میاد. یکی از مواردی که نیاز هست آشنا بشید میانبر یا shortcut هست که باید درموردش سرچ کنید، من میانبر را شخصی سازی کردم و پیش فرضش را یادم نیست

  • سلام وقتتون بخیر
    استاد توی سند 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 بگیرید و ببینید چه استایل های اجرا شده و چرا فاصله داره