index.html

---
layout: default
title: Home
---

<div class="row">
  <div class="large-3 medium-6 columns">

    <ul class="side-nav">
      <li class="active"> <a href="{{ site.baseurl }}/index.html">Home</a> </li>
      <li> <a href="{{ site.baseurl }}/introduction/index.html">Introduction</a> </li>
      <li> <a href="{{ site.baseurl }}/controllers/index.html">Controllers</a> </li>
      <li> <a href="{{ site.baseurl }}/directives/index.html">Directives</a> </li>
      <li> <a href="{{ site.baseurl }}/filters/index.html">Filters</a> </li>
      <li> <a href="{{ site.baseurl }}/consuming-external-services/index.html">Consuming External Services</a> </li>
      <li> <a href="{{ site.baseurl }}/urls-routing-and-partials/index.html">URLs, Routing and Partials</a> </li>
      <li> <a href="{{ site.baseurl }}/common-user-interface-patterns/index.html">Common User Interface Patterns</a> </li>
      <li> <a href="{{ site.baseurl }}/backend-integration-with-ruby-on-rails/index.html">Backend Integration with Ruby on Rails</a> </li>
      <li> <a href="{{ site.baseurl }}/backend-integration-with-node-express/index.html">Backend Integration with Node Express</a> </li>
    </ul>
  </div>

  <div class="large-9 medium-6 columns content">
    <h2>Welcome to Recipes with Angular.js</h2>

    <p>A community project dedicated to collecting resources for the <a href="http://angularjs.org/">Angular.js</a> framework. You find here easy to follow cookbook style recipes for issues you are likely to face when working with Angular.js.</p>

    <h2>Latest changes</h2>
    <p><strong>13.Feb 2015</strong> - I've added <a href="http://jsfiddle.net/">jsFiddle</a> integration for almost all recipes. Just press the jsFiddle button at the end of the recipe and you have the running code. Additionally, please use the social sharing links for Twitter, Facebook and Google+ and share helpful recipes!</p>
    <p><strong>1.Feb 2015</strong> - Finally there's a new design for Recipes with Angular.js! It should make it much easier to browse and search recipes. Furthermore I've integrated comments using the disqus service. So, ask your questions and help me improve the recipes! Have fun and watch this place for upcoming changes!</p>

    <h2>How to contribute</h2>
    <p>
      You can create an <a href="https://github.com/fdietz/recipes-with-angular-js/issues">issue</a> on Github in case you find errors in the existing recipes or have ideas for new ones. New recipes are contributed by forking the <a href="https://github.com/fdietz/recipes-with-angular-js">repository</a> and sending a pull request.
    </p>

    <h2>Where it started</h2>
    <p>The original content of this site is based on my ebook <a href="https://leanpub.com/recipes-with-angular-js">Recipes with Angular.js</a>. I'm currently working hard to release all chapters on this website in the coming weeks. If you like this site, please support me and buy the book!</p>

    <div class="row panel book-panel">
      <div class="large-3 columns zero-padding-left">
        <img src="{{ site.baseurl }}/images/book-medium.png" alt="" width="200px">
      </div>
      <div class="large-9 columns zero-padding-left">
        <a class="button small" href="https://leanpub.com/recipes-with-angular-js">Learn More</a>
        <a class="button small success" href="https://leanpub.com/recipes-with-angular-js/purchases/new">Buy on Leanpub</a>
        <a class="button small success" href="http://www.amazon.com/dp/B00DK95V48">Buy on Amazon</a>

        <div>
          <p>
            <a href="http://angularjs.org/">Angular.js</a> is an open-source Javascript MVC (Model-View-Controller) framework developed by Google. It gives Javascript developers a highly structured approach to developing rich browser-based applications which leads to very high productivity.
          </p>
          <p>
            If you are using <a href="http://angularjs.org/">Angular.js</a>, or considering it, this cookbook provides easy to follow recipes for issues you are likely to face. Each recipe solves a specific problem and provides a solution and in-depth discussion of it.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>