توضیحات

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

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

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

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

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

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


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

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

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

%20 تخفیف ویژه تابستان

از 04 تا 10 تیر ماه
کد تخفیف : summer1401

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

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

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

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

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

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

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

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

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

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

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

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

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

    • سلام وقت بخیر.
      همیشه سعی کنید که با ابزار های کارتون آشنا باشید، مثلا فونت یا سایز، تم و موارد مختلف را تغیر بدید یا اکستنشن های خوب را تست کنید که کافیه سرچ کنید، کلی مقاله فارسی براتون میاد. یکی از مواردی که نیاز هست آشنا بشید میانبر یا 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 در دنیای واقعی هم مشاهده کنید.

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

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