Autoplay
Autocomplete
Previous Lesson
Complete and Continue
AngularJS: From Zero to Hero
Introduction
Course Overview (2:17)
How to get the best out of this course
How to submit and validate a form in AngularJS
Example starter and completed code for this section
Data Binding (2:05)
Controllers & Modules (8:04)
Submitting a form using $http (3:26)
Form validation using HTML5 (4:12)
Form validation using core AngularJS (14:25)
Form validation using Angular Auto Validate (13:26)
User feedback with Ladda buttons (5:00)
Creating a list application with searching and sorting
Example starter and completed code for this section
Looping in AngularJS (6:01)
Handling clicks (3:43)
Showing details when clicking on a row (4:16)
How to implement client side searching (9:11)
How to implement client side ordering (5:48)
User feedback (5:12)
Debugging Tools, Tips and Tricks
How to debug your AngularJS applications (4:32)
Deep dive into scope
Example starter and completed code for this section
Understanding Scope: Child Scope (5:27)
Understanding Scope: Root Scope (4:17)
Understanding Scope: The Dot Notation (3:58)
Communicating between controllers using Services
Example starter and completed code for this section
Breaking out the list application into two controllers (2:50)
Sharing data between controllers using rootScope (1:33)
Sharing data between controllers using Services (1:19)
Creating our first service (2:17)
Consuming our service in our controllers (5:28)
Connect our application to a REST API using ngResource
Example starter and completed code for this section
What are resources? (2:15)
CodeCraft API Token (1:16)
Configuring AngularJS resources (3:15)
Creating our first resource (5:57)
Setting up ngInfinateScroll (3:26)
Implementing pagination (4:17)
Removing client side searching & sorting (1:39)
Watch scope variables for changes (1:47)
Server side sorting & ordering (4:32)
Adding a loading spinner (4:25)
Showing a warning when no results are returned (1:26)
Convert the detail panel to a form (4:50)
Update a contact using our resource (7:35)
Delete a contact using our resource (3:26)
Create a bootstrap modal using angularStrap (5:16)
Reusing snippets of HTML with ng-include (4:22)
Creating a contact using our resource (5:28)
Promises in AngularJS with the $q service (5:07)
Display images with ng-src (2:25)
Adding a datepicker using angularStrap (3:19)
Adding toaster messages with angularjsToaster (4:42)
Adding font awesome (4:49)
Adding a material design bootstrap theme (2:30)
Create template functions with Filters
Example starter and completed code for this section
Creating custom filters (8:25)
Convert the application into an SPA using uiRouter
Example starter and completed code for this section
What is a Single Page Application? (3:58)
Setup and install uiRouter (1:36)
Deciding on our URL routes (1:26)
Creating our List route (1:54)
ui-view (3:53)
Defining a controller for a route (1:52)
Creating our Edit route (1:40)
Exposing the routes parameters in the controller (1:30)
Prefer ui-sref over ng-href (4:22)
Implementing the Edit route (1:52)
Redirecting to another url using $state.go (3:23)
Controllers vs Services (7:14)
Implementing the Create route (7:18)
Highlighting menu items using ui-sref-active (1:50)
Multiple named views using uiRouter (6:08)
A better search with ng-model-options (2:01)
Creating reusable components with Directives
Example starter and completed code for this section
Introduction to Directives (2:51)
Creating a directive for our spinner (4:14)
Restrict and the 3 ways to define directives (2:29)
Everything is just a directive (1:22)
Understanding Transclude (1:29)
Isolate Scope (2:30)
Understanding Isolate Scope = (2:42)
A way to think about directives (1:09)
Understanding Isolate Scope @ (2:31)
Creating a business card directive (4:54)
Understanding Isolate Scope & (4:10)
Defining a controller for our directive (4:24)
Advanced
How to structure complex AngularJS projects
Creating a business card directive
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock