معماری

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

یک ستارهدو ستارهسه ستارهچهار ستارهپنج ستاره (3 votes, average: 4٫67 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) و بوت استرپ هم به صورت حرفه ای کار کرده ام. در هر زمینه ای که کاربران مایل به آموزش آن باشند می توانم به کمک تون بیام و در مشکلاتتون می توانم کمک تون کنم. آرزوی موفقیت برای همه شما دوستان

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

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

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

مجموعه کامل آموزش پروژه محور لاراولReviewed by هاشم قنبری فرد on Feb 5Rating: 5.0مجموعه کامل …

پاسخ دهید

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