small medium large xlarge

Rails, Angular, Postgres, and Bootstrap, Second Edition: Powerful, Effective, Efficient, Full-Stack Web Development


Cover image for Rails, Angular, Postgres, and Bootstrap, Second Edition

Rails, Angular, Postgres, and Bootstrap, Second Edition

Powerful, Effective, Efficient, Full-Stack Web Development


Achieve awesome user experiences and performance with simple, maintainable code! Embrace the full stack of web development, from styling with Bootstrap, building an interactive user interface with Angular 4, to storing data quickly and reliably in PostgreSQL. With this fully revised new edition, take a holistic view of full-stack development to create usable, high-performing applications with Rails 5.1.

Choose Your Format(s)

  • $24.95 In Stock
    • Beta: What do I get?

  • Ebooks are DRM free.

  • Ebook delivery options.

  • The Paper Book will ship on 2017-06-15 (roughly).

About this Title

Pages: 325 (est)
Published: 2017-06-15
Release: B6.0 (2017-04-07)
ISBN: 978-1-68050-220-6

Rails is a great tool for building web applications, but it’s not the best at everything. Embrace the features built into your database. Learn how to use front-end frameworks. Seize the power of the application stack through Angular 4, Bootstrap, and PostgreSQL. When used together, these powerful and easy-to-use tools will open you to a new world of possibilities. This second edition is updated to cover Angular 4—a completely reworked front-end framework—and dives into new Postgres 9.6 features such as UPSERT. Also new is Webpack coverage, to develop the front-end code for your Rails application.

Create a usable and attractive login form using Bootstrap’s styles, while ensuring the database table backing it is secure using Postgres’ check constraints. See how creating an advanced Postgres index for a case-insensitive search speeds up your back end—enabling you to create a dynamic user experience using Angular 4. Create reusable components that bring Bootstrap and Angular together and effectively use materialized views for caching within Postgres. Get your front end working with Webpack, use Postgres’ features from migrations, and write unit tests for all of it. All of this within Rails 5.1.

You’ll gain the confidence to work at every level of the application stack, bringing the right solution to every problem.

What You Need

This book covers Postgres 9.6, Rails 5.1, and Ruby 2.3. You should have some experience with basic Rails concepts and a cursory understanding of JavaScript, CSS, and SQL, but by no means need to be an expert. You’ll learn how to install Postgres on your computer or use a free version of it in the cloud.

Contents & Extracts

This book is currently in beta, so the contents and extracts will change as the book is developed.

  • The Application Stack
  • How to Read This Book
  • What You Need to Know
  • Online Forum and Errata
  • Set Up the Environment
    • Installing Ruby, Rails, and Postgres
    • Creating the Rails Application
    • Setting Up Bootstrap with NPM and Webpack
    • Next: Authentication with Devise, Styled by Bootstrap
  • Create a Great-Looking Login with Bootstrap and Devise excerpt
    • Adding Authentication with Devise
    • Styling the Login and Registration Forms
    • Validating Registration
    • Next: Using Postgres to Make Our Login More Secure
  • Secure the User Database with Postgres Constraints
    • Exposing the Vulnerability Devise and Rails Leave Open
    • Preventing Bad Data Using Check Constraints
    • Why Use Rails Validations?
    • Next: Using Postgres Indexes to Speed Up a Fuzzy Search
  • Perform Fast Queries with Advanced Postgres Indexes
    • Implementing a Basic Fuzzy Search with Rails
    • Understanding Query Performance with the Query Plan excerpt
    • Indexing Derived and Partial Values
    • Next: Better-Looking Results with Bootstrap’s List Group
  • Create Clean Search Results with Bootstrap Components
    • Creating Google-Style Search Results Without Tables
    • Paginating the Results Using Bootstrap’s Components
    • Next: Angular!
  • Build a Dynamic UI with AngularJS
    • Configuring Rails and Angular
    • Porting Our Search to Angular
    • Changing Our Search to Use Typeahead excerpt
    • Next: Testing
  • Test This Fancy New Code
    • Installing RSpec for Testing
    • Testing Database Constraints
    • Running Headless Acceptance Tests in PhantomJS
    • Writing Unit Tests for Angular Components
    • Next: Level Up on Everything
  • Create a Single-Page App Using Angular’s Router
    • Storing View Templates in HTML Files
    • Configuring Angular’s Router for User Navigation
    • Navigating the User Interface Client-side
    • Implementing Back-End Integration Using TDD
    • Next: Design Using Grids
  • Design Great UIs with Bootstrap’s Grid and Components
    • The Grid: The Cornerstone of a Web Design excerpt
    • Using Bootstrap’s Grid
    • Adding Polish with Bootstrap Components
    • Next: Populating the View Easily and Efficiently
  • Cache Complex Queries Using Materialized Views
    • Understanding the Performance Impact of Complex Data
    • Using Materialized Views for Better Performance
    • Keeping Materialized Views Updated
    • Next: Combining Data with a Second Source in Angular
  • Asynchronously Load Data from Many Sources
  • Wrangle Forms and Validations with Angular
  • Dig Deeper
  • Full Listing of Customer Detail Page HTML
  • Creating Customer Address Seed Data
  • How Webpack Affects Deployment


David Copeland is a programmer and author. He wrote The Senior Software Engineer and Build Awesome Command-Line Applications in Ruby 2, and has been a professional programmer since 1995. He’s worked at LivingSocial and Opower, and is the director of engineering at fashion start-up Stitch Fix.