telegram

توضیحات

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

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

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

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

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

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

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

مدرس دوره علی شیخ
مدت دوره 12:08:39
تعداد ویدیو 66
وضعیت دوره : کامل شده
قیمت دوره : رایگان
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پیشنهادی

دوره های آموزشی
آموزش asynchronous در javascript (جاوااسکریپت) پروژه محور
کامل شده

آموزش asynchronous در javascript (جاوااسکریپت) پروژه محور

در این دوره با برنامه نویسی Asynchronous (ناهمگام) و Synchronous (همگام) و نحوه کارکرد آنها در دنیای جاوااسکریپت صحبت می...

349,000 تومان
10:20:05
آموزش ساخت فروشگاه اینترنتی با Laravel
کامل شده
% 15 تخفیف

آموزش ساخت فروشگاه اینترنتی با Laravel

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

699,000 594,000 تومان
42:39:50
آموزش بوت استرپ 5 (Bootstrap) در دنیای واقعی
کامل شده
% 10 تخفیف

آموزش بوت استرپ 5 (Bootstrap) در دنیای واقعی

بعد از مشاهده دوره Bootstrap ۵ نیاز هست که شما دوستان عزیز ‌Bootstrap ۵ را در دنیای واقعی مشاهده کنید. به این معنی که شم...

399,000 359,000 تومان
08:43:02
آموزش رایگان flexbox (فلکس باکس) پروژه محور
کامل شده

آموزش رایگان flexbox (فلکس باکس) پروژه محور

در دنیای HTML و CSS که نمایش محتوا را به عهده دارند همیشه یک موضوع، سختی و پیچیدگی خاص خود را داشته و آن هم صفحه آرایی ا...

رایگان
04:32:18

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

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

  • گلشید ارشادی

    سلام بر استاد بزرگ گرامی و ارجمند .من بر اساس تدریس تخصصی شما تحلیل کردم اگر خداوند بزرگ و تقدیر افرین شما بزرگوار منتخب خودش را برای این مسیر ارزشمند به ما نمیداد ما بایدچهارده ملیون هزینه میکردیم یک لب تاب میخریدیم و بعد سی و پنج ملیون هزینه میکردیم به دانشگاه میرفتیم برای کلاس های خصوصی اموزش طراحی سایت و برنامه نویسی سایت تا قدم چهاردهم شما که در چارت آموزشی گذاشتید و بعد 12 ماهم طول میکشید تا یاد بگیریم میشد حداقل بیست ملیون کرایه راه میشد 55 ملیون فقط هزینه آموزش تا قدم چهاردهم و چهارده ملیونم لب تاب میشد میشد 69 ملیون حتی اگه ده ملیونم میتونستیم صرفه جویی کنیم حداقل 59 ملیون پول میخواستیم که شما به ما 59 ملیون سود رسوندید بینهایت سپاسگذاریم و دعاگوی شما هستیم

    • علی شیخ

      3 ماه پیش

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

  • mahdi tavakol

    سلام استاد وقتتون بخیر یک سوال داشتم خدمتتون میخواستم بدونم اگر یک پروژه بسازیم که هرچی تا الان یاد گرفتیم رو به صورت سازمان دهی شده و کاربردی داخل یک پروژه پیاده سازی کنیم نه همینطوری الکی هرچی یاد گرفتیم بریزیم توش به صورت سازمادندهی شده و به درد بخور خوبه آیا؟ نه فقط این دوره برای تمام دوره هایی که دیدیم مثل بک اند و فرانت میخوام نظرتونو بدونم!

    • علی شیخ

      3 ماه پیش

      سلام وقت بخیر مهدی جان
      متوجه نشدم هدفت چیه؟
      اگه منظورت مطالب دوره ها هست که داکیومنت براشون هست و اگه فردا روزی تغییر ورژن باشه اطلاعات تغییر کرده و جدید باهم هست.

    • mahdi tavakol

      3 ماه پیش

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

    • علی شیخ

      3 ماه پیش

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

    • علی شیخ

      5 ماه پیش

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

  • mrnajafi

    سلام و عرض ادب
    واقعا تشکر میکنم از بیان شیوا و بدون حاشیه شما در تدریس. تمامی مطالب به صورت کاربردی توضیح داده شدن.
    من تا الان برای هیچ دوره ای کامنت نذاشته بودم ولی اینقدر آموزش شما تمیز و دقیق بود دیدم واقعا حیفه دوستان علاقه مند از دست بدن اموزش های شمارو.
    من دیگر اموزش های شما حتی در مکتب خونه رو هم دنبال میکنم و واقعا از زحمتی که برای تهیه این اموزش ها میکشید کمال قدردانی رو دارم.
    امیدوارم روزی مفتخر بشم و بتونم حضوری خدمت برسم. واقعا ممنون

    • علی شیخ

      1 سال پیش

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

  • HasanD

    سلام استاد
    استاد واقعا عالی توضیح میدهید دمتون گرم مرسی واقعا من الان چند وقته ک دارم قدم ب قدم پیش میروم و هر چی جلوتر میروم جذاب تر و باحال تر میشه واقعا مرسی ممنون

    • علی شیخ

      1 سال پیش

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

    • علی شیخ

      2 سال پیش

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

  • Sff

    سلام و خسته نباشید من می‌خوام Back end کار باشم و قصد یادگیری Back end رو دارم این دوره برای من مفید هست آیا یا اینکه لازم نیست؟البته من مقاله های رو دیدم که یادگیری css, html و JavaScript رو گفته بود باید برای Back end یاد بگیری.

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      دوره و مواردی که فرمودید مربوط به فرانت هست. اما خب شما هم قصد دارید بک اند کار بشید بازم نیاز میشه با فرانت هم آشنایی داشته باشید نه حرفه ای باشید بلکه آشنایی
      دوره های بک اند با زبان php داخل سایت هست که توی چارت آموزشی هم میتوانید مشاهده کنید.

  • alitajik200

    استاد تشکر بابت توضیحات خوبتون.من html css رو تموم کردم.بعدش اگه برم سمت جاوااسکریپت و بعد ازون بیام بوت استرتپو بخونم اشکالی داره؟البته ویدیوهای سایت شما رو میبینم

    • علی شیخ

      2 سال پیش

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

  • Amir

    سلام و عرض ادب استاد میشه مثلا طراحی قالب رو انجام بدیم بدون بوت استرپ فقط با css , و جوا اسکریپ؟؟؟ مشکلی هست؟

    • علی شیخ

      2 سال پیش

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

  • azizazam

    سلام خدمت استاد عزیزم و هزاران بار تشکر و شکر از وجود با ارزشتان و آرزوی سلامتی و طول عمر برای شما
    من دوره هایhtml5-css , Emmet ,Responsive, flex-box ,grid-layout ,sassرا از طریق سایت شما گذرانده ام و اکنون هم دارم دوره بوت استرپ را میگذرانم و به همه ی علاقمندان شدیدا توصیه می کنم.

    • علی شیخ

      2 سال پیش

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

  • milad75

    سلام‌و عرض ادب
    ممنون از دوره ی شما ماشالله خیلی مسلط و خبره هستید خدا حفظتان کند
    سعی می کنم تمام دوره های شما را ببینم عالی هستید.
    یه سوال آیا برای اورراید کردن فایل بوت استرپ کار زیر رو باید انجام‌بدهیم ؟ 

    

    @import bootsttap.scss

    @import customStyls.scss

    @import bootdtrap.scss

    یعنی قبل و بعد از فایل کاستوم باید بوت استرپ رو ایمورت کنیم؟

  • احسان کریمی

    سلام وقت شریفتون بخیر. خیلی ممنون بابت آموزش خوب‌تون.
    یه سوال، فرق کتابخونه‌ها و چارچوب‌ها چیه؟ یه چیزهایی می‌دونم و تو گوگل هم می‌شه جستجو کرد اما الان من درک نکردم که بالاخره مثلا بوت‌استرپ کتابخونه حساب می‌شه یا فریم‌ورک. همچنین React JS از کدوم دسته‌است؟

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      ببینید همان تعریف های که توی گوگل دیدی هست. حالا شما وارد داکیومنت هر کدوم بشید خودشون را معرفی کردند مثله ری اکت میگه من کتابخانه ای js هستم.

  • ahmad mika

    اصلا اروری وجود نداره و وقتی فایل همین کد رو با مرورگر های خودم باز میکنم فقط سه تا نوشته column کنار هم میاره . از نظر سایز و اینکه هر کدوم ۴ قسمت رو گرفتن کاملا درسته ولی border و ... روش اعمال نمیشه که عجیبه. حالا در form و قسمت layout همون مثال های موجود با کلاس های مشابه grid , کاملا با استایل درست اعمال میشه . در هر صورت خیلی متشکرم بابت وقتی که گذاشتید و پاسخ دادید ?

    • علی شیخ

      3 سال پیش

      ممنون میشم زیر کامنت مربوطه کامنت کنید.
      برای border که کلاس های دیگه هست!!! این کلاس ها، استایلشون به این شکل هست. حتما یکبار کامل دوره را تا انتها مشاهده کنید.

  • ahmad mika

    با تشکر از توضیحات ولی من مشکل رو هنوز متوجه نشدم که از کجاست. نمونه کد زیر رو وارد میکنم و حین اجرا استایلی نمیگیره: 

    

    <!doctype html>

    <html lang="en">

      <head>

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Bootstrap demo</title>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">

      </head>

      <body>

        <div class="container text-center">

            <div class="row">

              <div class="col">

                Column

              </div>

              <div class="col">

                Column

              </div>

              <div class="col">

                Column

              </div>

            </div>

          </div>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>

      </body>

    </html>

    • علی شیخ

      3 سال پیش

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

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

  • ahmad mika

    سلام و تشکر بابت این دوره آموزشی مفید. در حال حاضر که نسخه بوت استرپ 5.3 هست ، بنده فایل های cdn رو داخل پروژه خودم قرار میدم و همه کد ها رو درست اعمال میکنم ولی زمان استفاده از کلاس col متاسفانه استایل ها اعمال نمیشن انگار که اصلا استایلی برای این کلاس در نظر گرفته نشده. در حالیکه بقیه موارد درست هست و سایر استایل ها مشکلی ندارند ولی در استفاده از grid ، ستون ها صرفا کنار هم بدون هیچ بردر و استایلی نمایش داده میشن! مثال خود سایت بوت استرپ رو کپی پیست میکنم تمام قسمت ها درست مثل سایت نمایش داده میشه غیر از grid. ممنون میشم راهنمایی بفرمایید

    • علی شیخ

      3 سال پیش

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