Bootstrap in 24 Hours, Sams Teach Yourself
$34.99
- Description
- Additional information
Description
This book is a quick, hands-on introduction to building responsive web sites with the powerful yet easy to use Bootstrap front end framework. Sams Teach Yourself Bootstrap in 24 Hours breaks down Bootstrap into small, manageable chunks, presented in an easily digested format. Students will learn to use responsive web design techniques to build websites that automatically reflect each user’s device size, screen resolution, and other aspects of the viewing experience — simplified with the Bootstrap framework. The book teaches how to download and integrate Bootstrap, work with Bootstrap’s grid-based layouts, utilize resources to integrate base CSS, navigation systems, JavaScript/jQuery, and advanced CSS styling, and to rapidly create visually appealing functional prototypes with Bootstrap.
Introduction
Part I: Getting Started with Bootstrap
Hour 1: What Is Bootstrap, and Why You Should Use It
What Is a Web Framework?
What Is Bootstrap?
How Is Bootstrap Different from Other Frameworks?
Why You Should Use Bootstrap
Hour 2: Downloading and Installing Bootstrap
Where to Get Bootstrap
Other Ways to Get Bootstrap
Hour 3: Build Your First Bootstrap Website with the Basic Template
The Minimum Bootstrap Page
The Basic Bootstrap Template
More Bootstrap Sample Templates
Hour 4: Understanding Normalize.CSS and the Basics of Bootstrap CSS
What Is Normalize.CSS?
Understanding the Bootstrap Infrastructure
Part II: Building and Managing Web Pages with Bootstrap
Hour 5: Grids and How to Use Them
Grids in Design
The Bootstrap Grid System
How to Create Grids in Bootstrap
Responsive Web Layouts in Bootstrap
Hour 6: Labels, Badges, Panels, Wells, and the Jumbotron
Labels and Badges
Wells and Panels
The Jumbotron
Hour 7: Bootstrap Typography
Basic Typography in Bootstrap
Headings
Body Copy Text
Other Text Blocks
Hour 8: Styling Tables
Basic Tables
Bootstrap Table Classes
Panels with Tables
Responsive Tables
Hour 9: Styling Forms
Basic Forms
Form Controls Supported by Bootstrap
Input Groups
Interactivity in Bootstrap Forms
Hour 10: Images, Media Objects, and Glyphicons
Images
Media Objects
Thumbnails
Glyphicons
Hour 11: Styling and Using Buttons and Button Groups
Basic Buttons
Button Groups
Button JavaScript
Hour 12: Creating Navigation Systems with Bootstrap
Standard Navigation Elements
Dropdowns
Navbars
Changing the Navbar Colors and Alignment
Breadcrumbs and Pagination
List Groups
Hour 13: Bootstrap Utilities
Helper Classes
Responsive Utilities
Print Classes
Responsive Embed
Accessibility in Bootstrap
Part III: Bootstrap JavaScript Plugins
Hour 14: Using Bootstrap JavaScript Plugins
How to Use Bootstrap JavaScript Plugins
Setting Options for Plugins
Using the JavaScript API
Hour 15: Modal Windows
What Is a Modal Window?
How to Build a Modal Window
Modifying Modals
Hour 16: Affix, Tab, and ScrollSpy
Affix
Tab
ScrollSpy
Using These Plugins Together
Hour 17: Popovers and Tooltips
Tooltips
Popovers
Hour 18: Transitions, Buttons, Alerts, and Progress Bars
Transitions
Buttons
Alerts
Progress Bars
Hour 19: Collapse and Accordion
The Collapse Plugin
Accordions
Hour 20: Carousels
Creating Carousels
Using the Carousel Plugin
Carousels on the Web
Part IV: Customizing Bootstrap
Hour 21: Customizing Bootstrap and Your Bootstrap Website
Using Your Own CSS
Using the Bootstrap Customizer
Using a Third-Party Bootstrap Customizer
Hour 22: Making Bootstrap Accessible
What Is Accessibility?
Accessible Design in Bootstrap
Tricks for Making Bootstrap Sites Accessible
Hour 23: Using Less and Sass with Bootstrap
What Is a CSS Preprocessor?
Using Less
Using Sass
Hour 24: Going Further with Bootstrap
Bootstrap Editors
Using Bootstrap in WordPress
Extending Bootstrap with Third-Party Add-ons
The Bootstrap Community
Beautiful Bootstrap Websites
9780672337048 TOC 10/19/2015
-
The quick, hands-on guide to building responsive web sites with the powerful, easy Bootstrap front end framework
-
Covers GitHub’s most popular project: the best new toolset for designing web sites that easily adapt to any screen resolution
-
Shows how each of Bootstrap’s components come together: grid-based layout, base CSS, navigation, JavaScript integration, and more
The quick, hands-on guide to building responsive web sites with the powerful, easy Bootstrap front end framework
-
Covers GitHub’s most popular project: the best new toolset for designing web sites that easily adapt to any screen resolution
-
Shows how each of Bootstrap’s components come together: grid-based layout, base CSS, navigation, JavaScript integration, and more
Learn to create great-looking responsive web sites with Bootstrap
In just 24 lessons of one hour or less, Sams Teach Yourself Bootstrap in 24 Hours helps you use the free and open source Bootstrap framework to quickly build websites that automatically reflect each user’s device and experience, without complex hand crafting. This book’s straightforward, step-by-step approach shows you how to install Bootstrap and quickly build basic sites; extend them with styles, components, and JavaScript plug-ins, and even create sophisticated designs with advanced features. In just a few hours, you’ll be using Bootstrap to bring responsive design to virtually any site. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success.
- Step-by-step instructions carefully walk you through the most common Bootstrap development tasks
- Practical, hands-on examples show you how to apply what you learn
- Quizzes and exercises help you test your knowledge and stretch your skills
- Notes and tips point out shortcuts and solution
Learn how to…
- Download Bootstrap and integrate it into your project
- Quickly build your first Bootstrap site with the basic template
- Create beautiful and responsive site layouts with Bootstrap’s built-in grids
- Display more interesting text with labels, badges, panels, and wells
- Style tables and forms so they’re attractive, readable, and responsive
- Use images, media, and icons, including free Glyphicons
- Quickly create navigation and buttons, including dropdowns and search fields
- Add alignment, color, and visibility with Bootstrap’s CSS utilities
- Extend your site with alerts, image carousels, and other JavaScript plugins
- Rapidly create appealing functional prototypes
- Customize Bootstrap with CSS, Less, and Sass
- Lighten Bootstrap downloads by stripping out unnecessary features
- Build accessible sites
- Create complex designs that don’t look generic
Who This Book is For
- Those who already have an understanding of the basics of HTML and CSS
- Having an understanding of JavaScript will make this book a bit easier to absorb, but it is not required because the basics of JavaScript are covered
Contents at a Glance Part I: Getting Started with Bootstrap Hour 1: What Is Bootstrap, and Why You Should Use It Hour 2: Downloading and Installing Bootstrap Hour 3: Build Your First Bootstrap Website with the Basic Template Hour 4: Understanding Normalize.CSS and the Basics of Bootstrap CSS Part II: Building and Managing Web Pages with Bootstrap Hour 5: Grids and How to Use Them Hour 6: Labels, Badges, Panels, Wells, and the Jumbotron Hour 7: Bootstrap Typography Hour 8: Styling Tables Hour 9: Styling Forms Hour 10: Images, Media Objects, and Glyphicons Hour 11: Styling and Using Buttons and Button Groups Hour 12: Creating Navigation Systems with Bootstrap Hour 13: Bootstrap Utilities Part III: Bootstrap JavaScript Plugins Hour 14: Using Bootstrap JavaScript Plugins Hour 15: Modal Windows Hour 16: Affix, Tab, and ScrollSpy Hour 17: Popovers and Tooltips Hour 18: Transitions, Buttons, Alerts, and Progress Bars Hour 19: Collapse and Accordion Hour 20: Carousels Part IV: Customizing Bootstrap Hour 21: Customizing Bootstrap and Your Bootstrap Website Hour 22: Making Bootstrap Accessible Hour 23: Using Less and Sass with Bootstrap Hour 24: Going Further with Bootstrap
Jennifer Kyrnin has been teaching HTML, XML, and Web design online since 1997. She has built and maintained websites of all sizes from small, single-page brochure sites to large, million-page databased sites for international audiences. She focuses on responsive design using Bootstrap and WordPress. She lives with her husband and son and numerous animals on a small farm in Washington state.
Additional information
Dimensions | 1.10 × 6.90 × 9.00 in |
---|---|
Series | |
Imprint | |
Format | |
ISBN-13 | |
ISBN-10 | |
Author | |
BISAC | |
Subjects | RWD, additions to bootstrap, install bootstrap, download bootstrap, what is bootstrap, bootstrap template, bootstrap example, web development applications, creating a website, build website, make a website, desig a website, free website, web page, responsive design, Joomla, professional, responsive web design, jQuery, CSS3, HTML5, H-05 SAMS, IT Professional, Employability, web programming, COM060160, web design, ecommerce, higher education, web development, Javascript, twitter |