Autoplay
Autocomplete
Previous Lesson
Complete and Continue
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
NgRepeat: Loop on a Dataset and display the records (5:07)
Repeat multiple DOM elements with ng-repeat-start and ng-repeat-end (3:37)
Deal with duplicates in ng-repeat: track by explained (5:07)
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
NgMock: Introduction (10:36)
NgMock in Action (6:17)
Building our AngularJS API with the $http service and ngMock
Introduction and App improvements (2:45)
Create Events via $http.post (6:55)
Inline Editing and UpdateEvents (11:19)
Deleting Events: $Index or Object? (6:53)
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
AngularJS Best Practices: Folder-by-feature application structure (3:47)
Turn our AngularJS App into a Real Time Application, with Firebase
Introduction to Firebase (4:44)
Adding Firebase to our Application: AngularFire (3:31)
Synchronized arrays and 3-way data binding: $firebaseArray (6:16)
Add, Edit and Delete events in Real Time: $add, $save, $remove (8:32)
Authentication and Authorization with AngularJS and Firebase
Building the Signup page: the Firebase createUser function (Native) (13:22)
Registering New Users with the $firebaseAuth service (4:30)
Authenticating registered users into the Angular app: $loginWithPassword (6:02)
Securing the Application: $requireAuth and User Redirect (14:24)
Conclusion and what's next
Congratulations! (1:09)
Exploring the input 'date' directive
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock