معماری

آموزش پروژه محور BootStrap

یک ستارهدو ستارهسه ستارهچهار ستارهپنج ستاره (6 votes, average: 4,83 out of 5)
Loading...


آموزش پروژه محور BootStrapReviewed by هاشم قنبری فرد on Sep 25Rating: 5.0آموزش پروژه محور بوت استرپ (BootStrap)در این آموزش به طور کامل به آموزش بوت استرپ می پردازیم. البته این آموزش به صورت پروژه محور بوده و در طول مراحل آموزش به ساخت پروژه ای پرداخته خواهد شد تا کاربر به درستی با بوت استرپ آشنا شود.

 

در خدمت شما هستیم با آموزش پروژه محور فریم ورک بوتسترپ (Bootstrap)

Bootstrap چیست؟

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

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

 

سرفصل‌های دوره بوتسترپ

 

قسمت اول: معرفی دوره

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

 

آموزش پروژه محور bootstrap
آموزش پروژه محور bootstrap

 

قسمت دوم: ایجاد منو در بوتسترپ

در این بخش با کلاس‌های مربوط به ایجاد منو آشنا خواهیم شد. ایجاد منوهای افتادنی نیز در این بخش آموزش داده شده است.

قسمت سوم: تایپو گرافی در بوتسترپ

در این بخش با کلاس‌های مختلفی که بوتسترپ برای نوشتن متن معرفی کرده آشنا خواهیم شد. در ادامه نیز با کادرهای جذاب بوتسترپی کار خواهیم کرد.

قسمت چهارم: دکمه‌ها در بوتسترپ

در این بخش کلاس‌های که برای استایل دهی به دکمه‌ها ایجاد شده‌اند را معرفی خواهیم کرد. همچنین نحوه ایجاد دگمه‌های گروهی را مرور خواهیم کرد.

قسمت پنجم: جداول در بوتسترپ

در این بخش به آموزش چگونگی ایجاد جداول در بوتسترپ خواهیم پرداخت.

قسمت ششم: تصاویر و لیست‌ها در بوتسترپ

در این ابتدا با کلاس‌های مربوط به تصاویر کار خواهیم کردو سپس لیست‌های بوتسترپی را مرور خواهیم کرد.

قسمت هفتم: فرم‌ها در بوتسترپ

در این بخش با چگونگی ایجاد فرم‌های جذاب در بوتسترپ آشنا خواهیم شد.

قسمت هشتم: کادرهای اعلان، شمارنده صفحات و پیجر در بوتسترپ

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

قسمت نهم: اسلایدر در بوتسترپ

در این بخش با چگونگی ایجاد اسلایدر در بوتسترپ آشنا خواهیم شد.

قسمت دهم: عناصر جاوا اسکریپتی بوتسترپ ۱

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

قسمت یازدهم: قسمت دهم: عناصر جاوا اسکریپتی بوتسترپ ۲

در این بخش با پنجره‌های modal آشنا خواهیم شد.

قسمت دوازدهم: شروع پروژه نهایی

معرفی پروژه و پیش نمایش صفحات. طراحی صفحه ایندکس

 

آموزش پروژه محور bootstrap
آموزش پروژه محور bootstrap

 

قسمت سیزدهم: پروژه نهایی

ادامه طراحی صفحه ایندکس ۱

قسمت چهاردهم: پروژه نهایی

ادامه طراحی صفحه ایندکس ۲

قسمت پانزدهم: پروژه نهایی

ادامه طراحی صفحه ایندکس ۳

قسمت شانزدهم: پروژه نهایی

طراحی صفحه تماس با ما

قسمت هفدهم: پروژه نهایی

طراحی صفحه نمونه کار

قسمت هجدهم: پروژه نهایی

طراحی صفحه ادامه مطلب و آشنایی با کلاس media

قسمت نوزدهم: پروژه نهایی

طراحی صفحه فروشگاه محصولات و مرور خواص جاوا اسکریپتی

قسمت بیستم: پروژه نهایی

طراحی صفحه سؤالات متداول و جمع بندی نهایی

 

 

بنا به دلایلی این دوره از سایت حذف شد.

 

درباره ی admin

با سلام خدمت بازدیدکنندگان محترم هاشم قنبری فرد هستم دانشجوی کارشناسی ناپیوسته نرم افزار کامپیوتر مسلط به وردپرس, #c , ووکامرسی , برنامه نویسی اندروید, برنامه نویسی سمت سرور, طراحی صفحات وب و آشنا با بانک اطلاعاتی های SqlServer, MySql و آشنا با برنامه نویسی های پایتون, php ,html,css می باشم. همچنین با فریم ورک های لاراول (Laravel) و بوت استرپ هم به صورت حرفه ای کار کرده ام. در هر زمینه ای که کاربران مایل به آموزش آن باشند می توانم به کمک تون بیام و در مشکلاتتون می توانم کمک تون کنم. آرزوی موفقیت برای همه شما دوستان

همچنین ببینید

مجموعه آموزش پروژه محور لاراول

مجموعه کامل آموزش پروژه محور لاراول

مجموعه کامل آموزش پروژه محور لاراول به صورت فیلم با نمونه پروژه و فایل های آموزشی

9 دیدگاه

  1. با سلام و خسته نباشید

    اگر بخواهم به این آموزش دسترسی داشته باشم، راهی وجود دارد..؟ به آموزش پروزه محور بوت استرپ خیلی احتیاج دارم…؟

    ممنون میشم اگر منو راهنمایی بفرمائید…

    با تشکر

  2. با سلام و ممنون بابت پاسخگویی تون…

    اون دوره ای که می فرمائید رو هم تهیه کردم ولی فقط کلیات بود و وقتی این یکی دوره شما که پروژه محور هست رو دیدم، خوشحال شدم چون پیاده سازی بوت استرپ بود و چون آموزش های W3Schools رو هم خونده بودم دوست داشتم توی یه پروژه عملی و کامل یاد بگیرم…

    متأسفانه دوره ای که بهش اشاره کردید باز هم داره از همون w3schools یک سری مثال هایی میگه و یه پروژه کامل رو ارائه نمیده…

    با تشکر

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

  3. با سلام و عرض خسته نباشید

    خیل ممنون با پیگیری و پاسخگویی تون، پس انشاءا… منتظر دوره های خوب بعدی تون می مونم..

    سال خوبی داشته باشید

    با تشکر

  4. سلام و ممنون از سایت خوبتون

    ببخشید من تا الان 3 تا از آموزش هاتون رو خریدم بد جور دنبال اموزش بوت استرپ هستم ( لاراول و سی شارپ رو خریدم و اون یکی بوت استرت )
    اما اون یکی دوره بوت استرپتون کلی بودش

    این دوره موجود نیستش؟
    دوره جدیدی برای بوت استرپ قرار هست بسازید ؟

    ممنون از سایت و آموزش های خوبتون

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

  5. سلام این دوره را با تمام سرفصل هایش لطفا دوباره در سایت قراردهید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.