AngularJS for the Real World

Course Outline

• Course Overview
  • Course Outline
  • About your Instructor
  • Why AngularJS?
  • MVW: Model - View - Whatever
  • Environment Setup
• AngularJS - Let's see what this is all about
  • Your First AngularJS Application
  • Controllers in AngularJS
  • Application Data Model: The $scope service
  • Best Practice: ControllerAs Syntax
  • Services, Factories and Providers
  • Best Practice: Avoiding Globals when declaring a Module
• Routing and Templating in AngularJS
  • Introduction to Routing: ng-route and ng-view
  • Enabling the HTML5 Mode for friendly URLs
  • HTML5 Mode and Subfolders
  • Route Controllers and the $routeParams service
  • NgInclude: Templating in Angular
• It's time to build our AngularJS Event App
  • NgForm: How to quickly "Angularize" a bootstrap form
  • The NgSubmit Directive (and a quick look at angular.copy)
  • Refactoring and Annotation: Moving our code from a controller to a Factory
  • Retrieving Data from a Service
• Loops in AngularJS: The ng-repeat directive
  • NgRepeat: Loop on a Dataset and display the records
  • Deal with duplicates in ng-repeat: track by explained
  • Repeat multiple DOM elements with ng-repeat-start and ng-repeat-end
• AngularJS Form Controls
  • Ng-Options and grouping
  • NgSelect: How to set a Default option by using the track by property
  • Radio Buttons: The ng-value directive
  • ng-true-value, ng-false-value and ng-click
  • Dynamically display content: the ng-if directive
  • Exploring the input 'date' directive
• AngularJS Form Validations
  • Introduction to Validation
  • Tracking a Form validity
  • 4 Useful directives: ng-show/ng-hide and ng-minlength/ng-maxlength
  • The ngPattern Directive: RegExp driven validation
  • Prevent invalid form data from being submitted: 2 different methods
  • Cosmetic Changes: Angular CSS for Validations & ngClass
  • ng-messages - Improved Validation message management
• AngularJS Filters: Let's make our events searchable!
  • Introduction & App improvements
  • Basic filtering in Angular
  • Strict search and OrderBy
  • Using filters inside controllers (and services, and directives
  • The $filter service
  • Implementing Custom Filters in AngularJS
• Services: Interacting with REST APIs and Promises
  • Introduction
  • $http and AngularJS Promises: Fetching our events by using a GET request
  • Using the "resolve" property to initialize data
  • The $q Service: Process promises and chaining
• BONUS: NgMock: How to simulate backend functionalities in Angular
  • NgMock: Introduction
  • NgMock in Action
• Building our AngularJS API with the $http service and ngMock
  • Introduction and App improvements
  • Create Events via $http.post
  • Inline Editing and UpdateEvents
  • Deleting Events: $Index or Object?
• Custom Directives: Let's teach some new tricks to our DOM
  • Introduction to Custom Directives: A simple implementation
  • The link function
  • Scope and Directives: Isolated Scope and others
  • How to make a directive reusable in ANY AngularJS application
  • Directive Controllers: Let's build a directive for our homepage
  • Directive Transclusion
• Organize our code by feature - A best practice approach to our folder structure
  • AngularJS Best Practices: Folder-by-feature application structure
• Turn our AngularJS App into a Real Time Application, with Firebase
  • Introduction to Firebase
  • Adding Firebase to our Application: AngularFire
  • Synchronized arrays and 3-way data binding: $firebaseArray
  • Add, Edit and Delete events in Real Time: $add, $save, $remove
• Authentication and Authorization with AngularJS and Firebase
  • Building the Signup page: the Firebase createUser function (Native)
  • Registering New Users with the $firebaseAuth service
  • Authenticating registered users into the Angular app: $loginWithPassword
  • Securing the Application: $requireAuth and User Redirect
• Conclusion and what's next
  • Congratulations!