A step by step tutorial for beginners only

The aim of this e-book is to get you quickly started with the Google powered front-end framework AngularJS. By the end of it, you should have a simple but clear picture of how various AngularJS components fit together to make a web app.Angular is truly an amazing framework, but being very opinionated, it may seem very strange and intimidating to newbies. Whether AngularJS is your first framework ever or not, this book tries to simplify things by only focusing on what matters for a beginner.

This book doesn’t pretend to be a bible of AngularJS but instead is considered a gentle introduction to Angular and its conventions. The learning process is phased over 2 big steps:

  • Step One: This part is a quick tour of the main features of AngularJS. We will be explaining them through extremely simple examples that you can run right away in Plunker.
  • Step Two: You will be making a simple mobile web application that relies on a remote API.You will also make your first directive and filter.

You can play on your mobile with the simple app we'll be making : https://my-counters.herokuapp.com/ If you are on desktop, make sure you scale down the browser viewport otherwise the app will look stretched.

Adam Burak

"I enjoy learning new things and sharing my new-found knowledge to the masses. I like the idea of simplifying knowledge and making it accessible to people."

  • About

    • Structure of this book

    • Intended audience

    • The code

  • Introduction

    • What’s Angular?

    • Single Page Applications

    • The challenges with SPAs

    • How to get Angular?

  • Scratching the surface

    • Including angular

    • Using our first directive: ng-app

    • Main module

    • Creating a controller

    • ng-controller

    • Using the $scope to expose data to the view

    • Binding by using an expression

    • Two way data binding

    • ng-repeat

    • Filters

    • Services

    • $resource

    • Routes

    • Scope Hierarchies

    • Summary

  • Let’s make an app!

    • What are we building?

    • File organization

    • The code

    • How to run the app locally

    • The API

    • Step 1: The main view

    • Step 2: The counter view

    • Step 3: The create view

    • Step 4: The edit view

    • Step 5: Delete

    • Step 6: The history view

  • Conclusion