با سلام خدمت دانشجویاری های عزیز

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

Bootstrap چیست؟

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

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

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

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

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

 8

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 9

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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