توضیحات

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

  • سلام استاد وقتتون بخیر
    تدریس شما بسیار عالی بود
    فقط یک سوال برام پیش اومده :
    بعضی از بخش ها مثل modal و یا validation به کدهای جاوا اسکریپ نیاز دارد .. راهی هست که این کدها رو به صورت کامل یا به صورت cdn به css اضافه کنیم؟؟
    با تشکر .

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

  • بسمه تعالی
    سلام خدمت استاد گرامی اقای علی شیخ و با تشکر از زحمات شما و همه عوامل سایت محترم وب پروگ.
    استاد در دوره اموزش رایگان بوت استرپ در قسمت modal طبق انچه که شما گفته بودید عمل کردم اما مودال نمایش داده نمیشد.فقط همان buttonابی رنگ ظاهر میشد ولی با کلیک روی ان مودال ظاهر نمیشد.حتی رفرنسهای bs و js را هم در صفحه دادم ولی باز عمل نکرد.اشکال کار از کجاست؟با تشکر

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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