کارگاه ساخت سایت Responsive با Bootstrap
زبانهای HTML و CSS و JavaScript، سه رکن اساسی و مهمترین ابزارهای شما بعنوان یک طلاح وب در دنیای امروز که هر لحظه بیشتر وارد قلمرو وب 2 شده و تقاضای بیشتری نیز برای وب 3 دارد، می باشند. از آنجا که دنیای موبایل و نیازهای آن هرروز گسترش می یابند، تمایل به تولید وب سایتها و صفحات وب مناسب با این ابزارها نیز دائماً درحال رشد است و این موضوع نیز مشکلات و مسائل خاص خود را دارد. خوشبختانه، با افزایش تقاضاها، شرکتها و صنایع زیادی ابزارهای مناسب برای این کار را عرضه کرده اند.
بوت استرپ نیز یکی از ابزارهای موجود است که توسط شرکت تولیدکننده وب سایت جهانی و معروف Twitter عرضه شده و به شما امکان خلق سایتهای مدرن با قابلیتهای امروزی نظیر Responsive و... می دهد. در این کارگاه، در عرض 6 ساعت با مفاهیم پایه این ابزار فوق العاده آشنا شده و نحوه توسعه و گسترش آنرا نیز خواهید آموخت.
:: سرفصل ها ::
- انقلاب CSS و Bootstrap
- فلسفه Mobile-First
- اصول پایه طراحی واکنش گرا (Responsive)
- معرفی بوت استرپ
- شروع کار با Bootstrap
- دریافت بوت استرپ
- ساختار فایل های بوت استرپ
- نحوه استفاده از بوت استرپ
- ساخت چیدمان های واکنش گرا با Bootstrap
- ساختار HTML پایه بوت استرپ
- کلاس های ریسپانسیو
- تولید تصاویر
- سیستم شبکه (Grid) بوت استرپ
- ساخت فرم های ورود اطلاعات
- سایر کلاسهای کمکی
- محصورسازی همه چیز
- کامپوننت های همراه بوت استرپ
- هدر صفحه
- Glyphicons
- نوار پیمایش
- Badge
- کادرهای پیغام
- نوار ابزار و دکمه های گروهی
- Jumbotron
- Breadcrumbs
- صفحه بندی
- افزونه های جاوا اسکریپت Bootstrap
- مفاهیم پایه
- پنجره های Modal
- Tab ها
- Collapse و آکاردئون
- Tooltip و Popover
- Dropdown
- کادرهای پیغام قابل بستن
- اسلایدر Carousel
- کامپایل و ساخت بوت استرپ
- ابزارهای موردنیاز
- نصب بوت استرپ
- کامپایل با کمک Node.js و Grunt
- سفارشی سازی Bootstrap
- سفارشی سازی با کمک محیط ساخت
- سفارشی سازی با کمک رابط تحت وب بوت استرپ
- توسعه Bootstrap
- معرفی افزونه Theme به نام Bootswatch
- کنترل TreeView
- ادیتور WYSIWYG
- FontAwesome
- جمع بندی و معرفی منابع بیشتر
