توضیحات

توجه:
دوستان آموزش بوت استرپ ورژن 5 که آخرین ورژن بوت استرپ می باشد،بصورت رایگان داخل وبسایت قرار گرفت و شما بجای این دوره که ورژن 4 هست دوره جدید بوت استرپ ورژن 5 را مشاهده کنید. برای مشاهده دوره
اینجا کلیک کنید.

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

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

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

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

دقت کنید، که این دوره بر اساس بوت استرپ ورژن 4 میباشد،در حال حاضر آخرین ورژن 5 می باشد.که دوره بوت استرپ ورژن 5 داخل وبسایت بصورت رایگان قرار گرفته برای مشاهده اینجا کلیک کنید.

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

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


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

مدرس دوره علی شیخ
مدت دوره 06:29:27
تعداد ویدیو 35

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

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

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

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

  • سلام اقای شیخ خسته نباشید و ممنون بابت این دوره
    یه سوال داشتم تو card هایی که card-img-overlay هستن چطور button قرار بدیم مثلا برای مشاهده بیشتر
    چون من هر چقدر button میزارم هر جا میزارم کار نمیکنه اصلا نمیشه روش کلیک کرد.

    • سلام وقت بخیر.
      ممنون از شما.
      لطف کنید سوالاتتون رو توی قسمت مربوطه کامنت کنید.
      توی همون div با کلاس card-img-overlay میتونید دکمه یا متن قرار بدید و مشکلی نداره

  • سلام مطالب و آموزش هاتون واقعا حرفه ای و کاربردی هستن
    استاد شیخی عزیز از اونجایی که بوت5 اومده و تفاوت هایی که با ورژن 4 داره میتونیم از این دوره بهره ببریم یا بهتره از آموزش هایی که مربوط به ورژن5 شروع کنیم؟
    و اینکه شما برای طراحی ترجیحتون رو کدومه ؟ ( از اونجایی که تو ایران همه چی دیر جا میوفته و خیلیا سمت ورژن های جدید نمیرن)

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

  • سلام اقای شیخ خسته نباشید
    اقای شیخ اگه یه header داشته باشیم که توش یه عکس باشه چطور میتونیم روی اون عکس متن بنویسیم ؟
    مثلا مثل همین سایت وب پروگ

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

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

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

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

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

  • سلام استاد خسته نباشید
    استاد من فایل bootstrap رو توی سایت خودش دانلود کردم و دوتا فایل به نام js و css هستن هردوتا رو هم در قسمت head آدرس دهی کردم بعضی از کلاس های bootstrap کار میکنن مثلا text-transform , text-primary , text-muted اما فونت ها و align ها کار نمیکنن مشکل چیه استاد ؟؟؟؟
    در پوشه ی bootstrap که از خود سایت دانلود کردم در پوشه ی js فایل bootstrap.bundle.min.js و در پوشه ی css فایل bootstrap.min.css رو آدرس دهی کردم آیا درست هستن ؟؟؟
    با تشکر

    • سلام وقت بخیر.
      ورژن bootstrap را چک کنید.به احتمال زیاد از ورژن 5 دارید استفاده میکنید.

    • آره استاد ورژن 5 بود چون آپدیت شده این خصوصیات هم دارن بیشتر میشن؟؟
      استاد من دو تا سوال داشتم اولی اینکه من bootstrap ورژن 4 رو دانلود کردم حالا باید چجوری آدرس بدم اسم کدوم فایلو داخل ادیتورم بنویسیم اینکه اصلا داخل پوشه هاش پوشه ای به نام css نداره ؟؟؟
      و دومی اینکه استاد من طبق چارت آموزشی تا bootstrap پیش رفتم و دیگه دوره های بعدی رو ندیدم برای کسب درآمد میتونم php رو ببینم وکسب درآمد کنم بعد بیام سراغ دوره های بعدی یا نه باید حتما javascript رو بلد باشم .
      خیلی ممنون

    • سلام شما باید فایل css و js رو به پروژه اضافه کنید.
      بله میتونید دوره ای php و لاراول رو مشاهده کنید

  • با سلام من بوت استرپ رو به پروژه خودم اضافه کردم ولی یک سری از ویژگی ها مثل مثلا drop down buttons کار نمیکنه در صورتی دقیقا کد ها از داخل document بوت استرپ برداشتم ...مشکل چیه؟

    • سلام وقت بخیر.
      بررسی کنید که بدرستی فایل های css و js را اضافه کرده اید و همچنین ورژن بوت استرپ هم چک کنید، که ورژن ۴ یا ۵ هست

    • سلام وقت بخیر.
      ممنون از شما❤
      اگه این دوره را مشاهده کرده باشید استفاده از بوت استرپ ۵، با دیدن تغییراتش در داکیومنت، راحت هست.
      ولی چشم انشاا... در اینده براش دوره اماده میکنیم

  • سلام وقتتون بخیر.
    من از سایت بوت استرپ سعی کردم با کپی کردن کدها و لینک های خودش یه navbar ایجاد کنم ولی درست کار نمیکرد. مثلا toggeler , dropdown ولی ورژن 4.0 رو امتحان کردم درست شد. این طبیعیه ؟ چون من مطمعنم که همه ی مراحل رد درست انجام دادم.

    • سلام وقت بخیر.
      ورژن ۵ بوت استرپ به تازگی منتشر شده، که یکسری تغییرات داشته.و طبیعتا شما هر ورژنی از بوت استرپ را به پروژه اضافه کنید، از کدها و استایل های همون ورژن میتونی استفاده کنید.
      شما نمیتونید فایل های css و js ورژن ۵ بوت استرپ را اضافه کنید و بعد از کد های ورژن ۴ استفاده کنید(در بعضی از مواقع ممکن هست توی بخشی تغییری نباشه و مشکلی پیش نیاد).

  • سلام و عرض ادب

    استاد ببخشید ما باید تمامی class های بوت استرپ حفظ کنم؟

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

    با تشکر

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

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

    • ممنون از شما.که پیشنهاد و نظر خوبتون را برای ما ارسال کردید❤

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

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

  • سلام خسته نباشید در قسمت منو
    من میخوام دوتا از liهارو به سمت چپ ببریم که ورود و ثبتنام رو بزاریم ولی نمیدونم چجورباید انو به سمت چپ اگه میشه راهنمایی کنید؟
    بازم ار دوره خوبتون متشکرم

    • سلام وقت بخیر.
      برای این منطور شما نباید توی li قرار بدید. میتونید از تگ a و یا button استفاده کنید و بیرون از ul قرار بدید و بفرستید سمت چپ navbar.دقیقا توی پروژه انتهای این دوره ما سمت چپ navbar، باکس سرچ قرار دادیم که شما بجای باکس سرچ میتونید دکمه های ورود و ثبت نام قرار بدید.همچنین توی دوره ای bootstrap در دنیای واقعی ما انواع navbar ها رو داریم و پیاده سازی کردیم.