Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
[COURSE UPDATED on 30 April 2015]
Why You Should Take This Course?
What's Inside This Course?
This course contains all the exercise files, divided into two folders, one as starting folder and other one as completed folder.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction|
Whats Inside This CoursePreview
What You Should Know, Before Taking This CoursePreview
How to Take This Course
Softwares To Be Installed
Course Material - All Source Code
|Section 2: Why AngularJS|
"THE PROBLEM"... and How AngularJS Solves "THE PROBLEM"Preview
|Section 3: AngularJS Core Concepts: Get Your ToolBox Filled with Tools|
Angular Modules: One Stop Shop for All the ComponentsPreview
Moving our First Module to IIFEPreview
HTML Specials: Now you can decorate me with Custom AttributesPreview
Connecting Module and HTML: I am Peter Parker, I wanna be a SpidermanPreview
Design Pattern Specials: MVC can make your weekend more enjoyablePreview
Directives: I am HTML, I am good at Presentations
Models: Not so Old, We are POJO
Pattern Specials: Dependency Injection can help reduce your emotional attachment
My Name is $scope and I have been Gifted to Controller by the Secret Santa
Angular Data Binding: Continous Updates, Model is a Single Source of Truth
Pattern Specials: SRP to handle one task at one place
Services: What can I do for you Sir!
Filters: Please give me data and not the WATER
AngularJS Core Concepts
|Section 4: Directives & Filters for Presentation|
Programming Specials: Imperative vs. Declarative
Binding Directives: One Way Binding Directives
AngularJS Specials: Multiple ways of applying Directives
Binding Directives: Two Way Binding Directives
Template Directives: Give me Collection, I will give you Table
Template Directives: Views Abstraction using ng-include Directive
Template Directives: Switching Elements using ng-switch Directive
Template Directives: Hiding Unprocessed Inline Template Binding Expressions
Element Directives: Showing, Hiding and Conditionally Removing Elements
Element Directives: Manage State & Enhance Elements
Style Directives: Manage Classes & CSS
Events Directives: Manage User Interaction
Array Transforming Filters
|Section 5: Scope for Data and Controllers for Business Logic|
AngularJS Specials: Bootstrapping of AngularJS Applications
Organizing Controllers: One for Small and Many for Big Applications
Scope Communication: Pub-Sub Model Using $rootScope
Controller Inheritance - How Properties Work
Controller Inheritance - How Methods Work
Explicitly Updating Scope: Using $apply & $watch
|Section 6: AngularJS Services & Custom Services to Encapsulate Responsibilities|
Meet $http Service
MongoLab Specials: Creating a Database and Tables
CRUD Using $http and MongoLab - Part 1
CRUD Using $http and MongoLab - Part 2
Design Pattern Specials: The Singleton Design Pattern
Custom Services to Encapsulate Responsibilities
$q Service: Promises Are Made to be Kept
|Section 7: Single Page Applications|
Single Page Applications, What are They and Why We Need Them
SPA Specials: Story of HASH & Your Own Mini-SPA
$location Service: Knows Everything About Browser URL
Planning The Shell and Partials of The Application
$routeProvider Service: Configuring The Routes and Controllers
$routeParams Service: Getting Passed Information From URL
|Section 8: Presentation using Custom Directives & Custom Filters|
Domain Specific Language: Your Own Custom Elements
Component Directive: Dynamic Binding Using Parent Scope
Component Directive: Directives Can Have Other Directives As Well
Component Directive: Taking Template Out of Directive Definition
Component Directive: Handling User Interaction in Directives Controller
The Misunderstood Concept of Directives Scope Made Understood
OOB Directive: Use "=" Symbol to Pass Objects
OOB Directive: Use "@" Symbol to Pass String Values
OOB Directive: Use "&" Symbol to Call the Function on Parent Scope
Custom Filter - Because We Need Our Own Data Transformation
|Section 9: Presentation using Custom Directives - 102|
Link Function - Handle DOM Access, Manipulation & Events
Bootstrapping Services: $parse, $interpolate & $compile
Compile Function - Auto Compile Using Compile Function
Transclusion - Injecting HTML Parts as a Reference
|Section 10: Hands On - Lets Make an App Using Modularized Approach|
Analysis & Design
Application Layout - 101
Application Layout - 102
First Directive of Application
First Service of Application
Render Data Using First Service
Render Data Using Second Service
Render Data Using Third Service
The Chart Directive