Your First Week With Bootstrap
Description
Bootstrap stands as one of the most popular, open-source, front-end frameworks on the Web. Since its official release in 2011, it has undergone several changes, and it's now one of the most stable and responsive frameworks available. It's loved by web developers of all levels, as it gives them the capability to build a functional, attractive website design within minutes. A novice developer with just some basic knowledge of HTML and little CSS can easily get started with Bootstrap.
In this book we'll take you through Bootstrap basics, introduce you to its major features, and get you building your first Bootstrap sites. It contains:
- Why I Love Bootstrap, and Why You Should Too by Syed Fazle Rahman
- Understanding Bootstrap: How it Works, and What's New by Syed Fazle Rahman
- Super Smart New Features to Win You Over by Maria Antonietta Perna
- Understanding Bootstrap Modals by Syed Fazle Rahman
- A Deep Dive into the Bootstrap Form Component by Ilya Bodrov-Krukowski
- The Card Component: a Complete Introduction by Ahmed Bouchefra
- How to Build a Responsive Type Scale with Bootstrap by Craig Watson
- A Beginner's Guide to the Latest Bootstrap Utility Classes by Ilya Bodrov-Krukowski
- 3 Tips for Speeding Up Your Bootstrap Website by Maria Antonietta Perna
- Customizing Bootstrap jQuery Plugins by Maria Antonietta Perna
- 8 Tips for Improving Bootstrap Accessibility by Rhiana Heath
- Front-end Frameworks: Custom vs Ready-to-use Solutions by Ivaylo Gerchev
This book is for all frontend developers who want to build responsive, mobile-first websites. You'll need to be familiar with HTML and CSS and have a reasonable level of understanding of JavaScript in order to follow the discussion.
More details
Persons
Web Designer with over 6 years of experience, including user experience and front end development. Currently, CEO and Co-Founder of Hashnode, a network of software developers. Has published two books: Jump Start Bootstrap and Jump Start Foundation for SitePoint Premium.
Content
- Your First Week With Bootstrap
- Notice of Rights
- Notice of Liability
- Trademark Notice
- About SitePoint
- Preface
- Who Should Read This Book?
- Conventions Used
- Chapter 1: Why I Love Bootstrap, and Why You Should Too
- Reason 1: The Powerful Grid System
- Reason 2: Rapid Development
- Reason 3: Browser Compatibility
- Reason 4: Customization!
- Reason 5: Open Source
- Want to Learn Bootstrap?
- Chapter 2: Understanding Bootstrap: How it Works, and What's New
- Getting Started
- So What Exactly Are We Going to Build?
- The Structure
- Diving into Bootstrap
- Wrap-up
- Chapter 3: Super Smart New Features to Win You Over
- #1 New Interactive Documentation
- #2 Top-notch Modular Architecture
- #3 Easier Scaling Across Screen Sizes
- Conclusion
- Chapter 4: Understanding Bootstrap Modals
- The Default Modal
- Changing the Modal's Size
- Activating Bootstrap Modals with jQuery
- Bootstrap Modal Events
- Conclusion
- Chapter 5: A Deep Dive into the Bootstrap Form Component
- Getting Started
- Creating a Simple Form
- Forms With Grid
- Inline Forms
- Form Validation
- Conclusion
- Chapter 6: The Card Component: a Complete Introduction
- What Is the Bootstrap Card Component?
- Including Bootstrap in Your Project
- Minimal Styling for Cards
- Controlling Bootstrap Card Component Width and Height
- Bootstrap Card Component Header and Footer
- Adding Navigation
- Adding Links to the Bootstrap Card Component
- Aligning and Transforming Text in Bootstrap Card Components
- Customizing Bootstrap Card Component Background, Foreground and Border Colors
- Creating Advanced Layouts with the Bootstrap Card Component
- Conclusion
- Chapter 7: How to Build a Responsive Type Scale with Bootstrap
- How Bootstrap Sets Up Typography by Default
- Creating the Responsive Type Scale
- Wrapping It Up
- The Bootstrap Responsive Type Scale in Action
- Chapter 8: A Beginner's Guide to the Latest Bootstrap Utility Classes
- Introducing Bootstrap Utility Classes
- Flex
- Float
- Display
- Sizing
- Spacing
- Text
- Colors
- Borders
- Embeds
- Close Icon
- Conclusion
- Chapter 9: 3 Tips for Speeding Up Your Bootstrap Website
- Only Download the Bootstrap Package You need
- Opt for the Source rather than the Precompiled Download Package
- Make Use of Proven Client-side Optimization Techniques
- Conclusion
- Chapter 10: Customizing Bootstrap jQuery Plugins
- How to Customize the Appearance of Bootstrap Plugins
- Customizing a Bootstrap Plugin's Functionality
- Conclusion
- Chapter 11: 8 Tips for Improving Bootstrap Accessibility
- What We're Looking For with Design Accessibility
- Let's Start Testing Bootstrap Accessibility
- So Is Bootstrap Accessible?
- Chapter 12: Front-end Frameworks: Custom vs Ready-to-use Solutions
- Advantages of Ready-to-use Front-end Frameworks
- Downsides of Ready-to-use Front-end Frameworks
- Advantages of Custom Solutions
- Downsides of Custom Solutions
- The Third Solution
- Is "Reinventing the Wheel" a Real Problem?
- How Can You Make the Right Choice?
