Introduction to Custom Directives: A simple implementation

AngularJS for the Real World - Learn by Creating a WebApp

Course Overview

Course Outline (0:59)
About your Instructor (3:30)
Why AngularJS? (4:24)
MVW: Model - View - Whatever (4:35)
Environment Setup (5:05)

AngularJS - Let's see what this is all about

Your First AngularJS Application (12:26)
Controllers in AngularJS (9:07)
Application Data Model: The $scope service (4:43)
Best Practice: ControllerAs Syntax (7:21)
Services, Factories and Providers (10:44)
Best Practice: Avoiding Globals when declaring a Module (3:46)

Routing and Templating in AngularJS

Introduction to Routing: ng-route and ng-view (13:10)
Enabling the HTML5 Mode for friendly URLs (3:49)
HTML5 Mode and Subfolders (5:23)
Route Controllers and the $routeParams service (7:00)
NgInclude: Templating in Angular (7:56)

It's time to build our AngularJS Event App

NgForm: How to quickly "Angularize" a bootstrap form (5:53)
The NgSubmit Directive (and a quick look at angular.copy) (5:39)
Refactoring and Annotation: Moving our code from a controller to a Factory (5:32)
Retrieving Data from a Service (6:49)

Loops in AngularJS: The ng-repeat directive

AngularJS Form Controls

Ng-Options and grouping (6:12)
NgSelect: How to set a Default option by using the track by property (5:13)
Radio Buttons: The ng-value directive (5:24)
ng-true-value, ng-false-value and ng-click (8:44)
Dynamically display content: the ng-if directive (2:02)
Exploring the input 'date' directive (6:08)

AngularJS Form Validations

Introduction to Validation (1:21)
Tracking a Form validity (5:42)
4 Useful directives: ng-show/ng-hide and ng-minlength/ng-maxlength (5:51)
The ngPattern Directive: RegExp driven validation (4:07)
Prevent invalid form data from being submitted: 2 different methods (3:57)
Cosmetic Changes: Angular CSS for Validations & ngClass (8:24)
ng-messages - Improved Validation message management (10:52)

AngularJS Filters: Let's make our events searchable!

Introduction & App improvements (2:35)
Basic filtering in Angular (7:22)
Strict search and OrderBy (4:23)
Using filters inside controllers (and services, and directives (3:34)
The $filter service (2:05)
Implementing Custom Filters in AngularJS (5:15)

Services: Interacting with REST APIs and Promises

Introduction (1:09)
$http and AngularJS Promises: Fetching our events by using a GET request (10:40)
Using the "resolve" property to initialize data (3:27)
The $q Service: Process promises and chaining (12:34)

BONUS: NgMock: How to simulate backend functionalities in Angular

Building our AngularJS API with the $http service and ngMock

Custom Directives: Let's teach some new tricks to our DOM

Introduction to Custom Directives: A simple implementation (6:51)
The link function (7:53)
Scope and Directives: Isolated Scope and others (6:54)
How to make a directive reusable in ANY AngularJS application (2:59)
Directive Controllers: Let's build a directive for our homepage (14:58)
Directive Transclusion (5:12)

Organize our code by feature - A best practice approach to our folder structure

Turn our AngularJS App into a Real Time Application, with Firebase

Authentication and Authorization with AngularJS and Firebase

Conclusion and what's next

Lesson content locked

If you're already enrolled, you'll need to login.