index.html

---
layout: home
title: Vue on Rails
---

<section class="section-teaser">

  <div class="container">

    <div class="row vh-100">
      <div class="col-lg-7 my-auto">

        <div class="text-light pl-md-5">
          <h6 class="text-uppercase">Book Highlights</h6>
          <h4 class="h3 mb-3 font-weight-light">Vue on Rails will cover</h4>
          <ul class="list-unstyled ml-md-2 mb-0">
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Explain the concept of Rails first & Vue first-class approach</li>
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Build some real-world applications with Vue on Rails</li>
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Scaffold a Vue component and get up to speed quickly</li>
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Explore different ways to deploy Vue Component</li>
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Make frustration-free configuration for Vue on Rails</li>
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Learn enough Vue to be dangerous </li>
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Deploying</li>
            <li class="mb-2"><i class="fas fa-check-circle fa-1x mr-1"></i> Testing</li>
          </ul>
        </div>

        <form action="//vueonrails.us16.list-manage.com/subscribe/post?u=42b0f47a078393ecf6010d1e2&amp;id=44754794da" method="post" name="mc-embedded-subscribe-form" class="pl-md-5 py-md-3 w-75" target="_blank" novalidate>
          <div class="form-label-group">
            <input type="text" value="" name="FNAME" id="fname" class="form-control" placeholder="Your Name" autofocus />
            <label for="fname">Your Name</label>
          </div>

          <div class="form-label-group">
            <input type="email" value="" name="EMAIL" id="email" class="form-control" placeholder="Email Address" required />
            <label for="email">Email Address</label>
          </div>

          <input type="text" name="b_6632a8a6e89ea6c43ee2a2000_5029b8e51f" tabindex="-1" value="" class="d-none" />
          <input type="submit" value="Notify me when it's ready" name="subscribe" class="btn btn-lg btn-block btn-warning" />
        </form>

      </div>

      <div class="col-lg-5 my-auto" data-vuejs="app">
        <vueonrails-book></vueonrails-book>
      </div>

    </div>
  </div>
</section>