Angular 1: From Zero to Hero

• After this lesson you will be able to perform data binding as well as have an understanding of your first two AngularJS directives, ng-init and ng-model.

DIRECTIVES: ng-init, ng-model

• After this lesson you will know what controllers are in AngularJS.
• You'll understand how AngularJS structures code into modules and how to define an AngularJS module.
• You will create your first AngularJS controller and attach it to a html element with the directive ng-controller.
• You'll understand how to listen to click events on html elements and call functions on your controller with the ng-click directive.
• You'll also be introduced to AngularJS filters and how to use them to adjust bound data before display.

DIRECTIVES: ng-controller, ng-click

• After this lesson you will know how to perform HTTP requests in AngularJS using the $http service.
• You will learn how to "inject" the $http service into a controller and perform a POST request submitting the data in a form.

• After this lesson you will know how to perform trigger standard client side HTML5 form validation by using the ng-submit directive instead of the ng-click directive to submit a form.

DIRECTIVES: ng-submit

• After this lesson you will know how to perform client side validation using core AngularJS components.
• You will learn how the built in AngularJS variables associated with a form to style the form and form controls according to their state (valid, pristine etc..).
• You will know how to add classes dynamically to elements using the ng-class directive and you will lean how to dynamically show or hide elements using the ng-show/ng-hide directives.
• You will also know how to show error messages to the user if the form fails validation.

• In this lesson you will learn how to perform client side validation in AngularJS using the 3rd party module angular-auto-validate with almost no lines of code required.
• You will learn how to create custom validation error messages for specific controls to customise the user experience of your application.

• User feedback in dynamic app is really important since it's usually the only way an end user knows there request is completed, we'll be adding user feedback in the form of ladda buttons via the 3rd party angularLadda package.

DIRECTIVES: ladda

• Learn how to use the AngularJS ng-repeat directive to render a list of items in a table and also get the index your are looping through with the special $index angular variable.
• You'll also learn how to format dates correctly in AngularJS using the date filter.

DIRECTIVES: ng-repeat

In this lesson we will take you through how to select rows in our table in our example application and then style the row light grey as a visual feedback that it is selected.

• You'll learn how to handle clicks on table rows with the ng-click directive.
• You'll learn how to style the selected table row by leveraging the ng-style directive.

DIRECTIVES: ng-sltyle, ng-click

In this lesson we will extend our contacts application so when you click on a person in the list we will display details about that person in a panel on the right hand side.

• You'll learn how to pass in objects to an ng-click handler.
• You'll learn that when using angular the same piece of data can be bound in two places in a html document.

In this lesson we will add client side searching and filtering in our contacts application so an end user can type in a string into in input control and the list will be filtered accordingly.

• You'll learn how to perform filtering of a list by using a simple AngularJS trick of using the "filter" AngularJS filter with a bound search variable.
• You'll learn how to perform searches matching specific fields on a list of objects and also how to perform a search across all fields using the special ' property.
• You'll also learn how to perform searching using a custom comparator function.

In this lesson we will add client side ordering in our contacts application so an end user can choose how they want the results ordered, they will be able to choose via a drop down select box and also by clicking on arrow buttons in the column headers.

• You'll learn how to perform ordering of a list by using a simple AngularJS trick of using the "oderBy" angular filter with a bound order variable.

In this lesson we will add a message box to our contacts application so if an end user searches by a string that isn't found we can tell them, otherwise they won't know if the application is broken and not working or if the search hasn't returned any results.

• You'll learn how to capture the result of an array passed through a set of filters into a variable and how to use that variable outside of an ng-repeat loop to render some nice feedback messages.

In this lesson we will cover how to debug your AngularJS application using the two most popular debugging plugins for Chrome.

• We'll first cover how to use the angular-batarang plugin and one of the most useful hidden features of that plugin.
• You'll then learn how to use the much lighter weight ng-inspector chrome plugin to perform very fast inspections of your angularjs application.

Controllers, and therefore scope, can nest, that is to say that child scopes can inherit properties and functions from parent scopes.

• In this lesson you will learn how child controllers can bind to scope variables on parent controllers as well as call functions on parent controllers.
• You will also learn when the parent child relationship breaks and data-binding stops working.

The top level scope is called rootScope and all other scopes in all other controllers and directives inherit from rootScope.

• You will learn how to bind to rootScope variables in templates.
• You will learn how to inject rootScope into angular controllers and set variables directly onto it.
• You will also learn when to use rootScope and when not to use rootScope.

An incredibly common problem new AngularJS developers face is when binding doesn't work as expected, almost always the cause of this frustration is a lack of understanding of prototypal inheritance in javascript.

• You will learn why binding sometimes breaks in angular and how to determine if this has happened using the ng-inspector chrome plugin.
• You will learn how to resolve these issues by always using the dot notation.