AngularJS Tutorial

AngularJS is the insanely popular Javascript MVC/MVVM framework developed by Misko Hevery at Google. It has changed the way we develop client side applications, by providing the possibilities to apply the best practices usually applied on server side like modular programming, separation of concerns, testability and many more, on client side. Advantages are many fold increase in productivity, smooth learning curve for the developers, plain HTML to work with for Designers and finally, possibility to easily integrating with other popular libraries.
This AngularJS Tutorial series is based on AngularJS 1.4.4.

AngularJS Introduction
What is AngularJS and what can it do for us.

AngularJS Hello World Example
Classic Hello World with AngularJS.

AngularJS Modules Explained
Most basic and most important building blocks in AngulatJS. Explained in detail with different types of usages.

AngularJS Controllers Explained with Live Examples
The workhorses of AngularJs applications. Explained with help of live example.

AngularJS Form Validation Example
Populate and Validate a web based form using AngularJS. Learn how to elegantly show validation & errors to end user.

AngularJS Services Dissected
Known for providing reusable business-logic, AngularJs services brought more than that on table. Service, Factory,Provider,Constant & value explained with help of example.

AngularJS Server Communication Example using $http service
Communicate with Server using AngularJS $http Service. Full working example showing AngulatJS client application communicating with Spring REST API based Server.

AngularJS Server Communication Example using ngResource with $resource service
Simplify your server communication using $resource service, which is an abstraction on low-level $http service. Full working example showing AngulatJS client application communicating with Spring REST API based Server.

AngularJS Filters Example(Built-in + Custom Filters)
Everything you need to know about using AngularJS filters. Learn using both built-in and writing your own Custom AngularJS filters with help of live examples in details.

AngularJS Routing Tutorial using ngRoute
Support multiple view in you AngularJS app using ngRoute. Provides in-depth details of each configuration including template, templateUrl, controller, redirectTo & resolve. Also shows communicating with Spring based backend.

AngularJS Routing Tutorial using ui-router
A flexible alternative to ngRouter, ui-router provides much more control by providing support for nested & multiple-named views. This post provides in-depth details of each configuration including state, $stateProvider, $urlRouterProvider, $stateParams & more.

AngularJS Directive In-depth tutorial
Directives are AngularJS way of extending HTML. They are basically markers on a DOM element (such as an attribute, element name, comment or CSS class) that tell AngularJS’s HTML compiler to attach a specified behavior to that DOM element. This tutorial goes into great details of AngularJS Directive’s configuration and usage.

  • Jag

    Really appreciate your angularjs tutorials. Also, for the benefit of future readers, I happened to come across another resource for angularjs tutorials from TechCBT. It is wonderful and is available here:

    • Siva

      Hey thank you very much.

  • Hicham

    Hi, Great work it’s helped me a lot
    Can you make a tutorial for how to use angular 2 with spring, because i have a lot of diffuclt to update my application already running in angular 1 to angular 2, Thanks

  • Michael Njoroge

    I appreciate your tutorials.

  • Deme Carv

    Please, can you provide a sample with testing and maybe maven to triiger the tests? I am talking exclusevely about Angular tests (e.g. Jasmine and Angular-Mocks)

  • Samathareddy Sathi

    Hi Sir Please Provide example on table with searchable columns and sorting and export to excel or pdf

  • Ashay Kolhe

    Hi websystique. If possible, include the MEAN stack in your future tutorials. Thanks.

  • Alim Ismailov

    You are my HERO! Your post are awesome! Thank you!!!

    • websystique

      Hi Alim, Glad you liked it.

  • Pingback: Spring 4 MVC+AngularJS Example - WebSystique()

  • Hu Debarun

    I am a big fan of your posts.
    It will be very helpful if you can post one more article regarding Angular+Spring+Security.
    or How can we configure Spring Security in REST services


    • websystique

      Hi Hu,
      Glad you liked it. About the suggested post, sounds interesting. I will look into it.

  • Максим Микрюков

    very cool work!! thank you very much!!!!

    • websystique

      Glad you liked it.

  • Pingback: Modern web: Spring 4 MVC & AngularJS Example | LearncoolTech()