Duration
5 days
Outline
- Introduction to Bootstap
- Advantages and Disadvantages
- CSS review
- Framework vs Library
- Gulp Intorduction
- Installing Sass Windows
- Installing Nodejs and npm
- Starting out with gulp and sass
- Testing with browsersync
- Sass Porject Structure Preview
- Variables and Nesting
- BEM
- Extends Mixins and Includes
- Functions and Operators
- Flexbox
- Installing with NPM
- Adding Custom Bootstrap to Project
- Container and Breakpoints
- Grid Options
- Equally width Columns
- Gutters and Alignment
- What to Stay Away from in Bootstrap Grid
- Nesting and Sass
- Typography
- RFS
- RFS in Action
- Vertical rhythm Updated
- Code
- Images and Figures
- Table Syntax
- Bootstrap Tables
- Bootstrap Responsive Tables
- None Bootstrap Responsive Tables
- Node Modules
- Building JavaScript
- Util.js
- Alerts
- Bootstrap Colors
- Close Alerts
- JavaScript Alerts
- Badges
- Breadcrumb
- Buttons
- Overriding Bootstrap
- Button State
- Button Group
- Pagination
- Card
- Media Object
- List Group
- Carousel
- Carousel JavaScript
- Collapse
- Dropdown
- Dropdown JavaScript
- Jumbotron
Programme scope, delivery arrangements and suitability are confirmed during enquiry.