*** Proof of Product ***
Exploring the Essential Features of “Mark Lassoff – Bootstrap Responsive Design”
So you’re a coder… but not much of a designer.
Perhaps the dozens of “standard” screen sizes today make your head spin?
What would you give for an easy solution to make your digital content not only look good, but automatically adjust for any sized screen? Bootstrap might just be the answer you’ve been looking for.
Bootstrap is a framework that allows you to easily design digital content with HTML that works on the smallest mobile screen and the largest desktop monitor. A combination of CSS and Javascript that you can easily apply to your own work, the Bootstrap framework will make you more productive more quickly by taking care of your visuals and responsive design elements.
If you want to learn just how easy Bootstrap is, this course is all you need. Covering everything from installation to cool Bootstrap plugins, after this course you’ll be able to immediately apply the Bootstrap framework to your own work.
Episodes
Getting started
- Quick: Making Your First Bootstrap App (14:55)
- Including Bootstrap Libraries (6:01)
- The Bootstrap er Template (3:57)
- Bootstrap Themes (6:54)
- Container versus Container Fluid (4:02)
- Custom Components Intro: Footer (3:48)
- Code Activity: Bootstrap Quick Step-by-Step
Containers and Grids
- Section Introduction: Containers and Grids (0:59)
- Basic Grids and Media Queries (4:20)
- Stacked to Horizontal Grids (7:55)
- Mobile and Tablet Grids (3:53)
- Mobile, Tablet and Desktop Grids (10:25)
- Code Activity: Grids
Typography
- Section Introduction: Typography (0:52)
- Headings, Body and Lead Body Copy (4:23)
- Underline, Small, Bold, Italics (3:13)
- Alignment, Transformation and Abbreviation (5:42)
- Lists and Description Lists (3:38)
- Codes, Keyboards and Variables (5:15)
- Code Activity: Typography
Tables
- Section Introduction: Tables (0:46)
- Basic Table (4:56)
- Adding Striped Rows (3:37)
- Creating a Bordered Table (3:33)
- Hover Table (5:07)
- Responsiveness and Tables (3:13)
- Code Activity: Tables
Forms
- Section Introduction: Forms (0:57)
- Form Controls (7:45)
- Text Inputs (6:16)
- Form Groups (4:52)
- Forms and the Grid (6:21)
- Code Activity: Forms
Images with Bootstrap
- Section Introduction: Images with Bootstrap (0:36)
- Bootstrap Image Classes (3:03)
- Responsive Images (2:18)
- Code Activity: Images
Collapsables
- Section Introduction: Collapsables (0:48)
- The Collapse Plugin (4:53)
- Accordions (3:45)
- Code Activity: Collapsables
Navigation Bars
- Section Introduction: Navigation Bars (0:40)
- Standard and Inverted Nav Bars (5:26)
- Dropdowns (4:23)
- Buttons and Forms in Navbars (4:12)
- Code Activity: Make a Nav Bar
Bootstrap Carousel
- Section Introduction: Bootstrap Carousel (0:39)
- Creating a Basic Carousel (2:51)
- Adding Captions (3:09)
- Code Activity: Carousel
- Wrap up and Good Bye (0:35)
Please see the full list of alternative group-buy courses available here: https://lunacourse.com/shop/
