AngularJS Masterclass - Deep Dive & Understand AngularJS

Understand Core Concepts, Create Custom Directives, Custom Services, Routing and Hands On Using Modularized Approach.
4.5 (260 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,749 students enrolled
$100
Take This Course
  • Lectures 85
  • Contents Video: 6 hours
    Other: 0 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2015 English

Course Description

[COURSE UPDATED on 30 April 2015]

Why AngularJS?

AngularJS is the most popular JavaScript framework out there in the market backed by Google. AngularJS helps you in creating complex web applications in less time. It's gonna add value to your resume and even help in getting good salary job.

Why You Should Take This Course?

This course is gonna help you make complex web application in AngularJS. This course will not only help you learn AngularJS, but to understand it, as it covers lot of JavaScript, HTML, Clean Coding, Design Pattern concepts, which you should understand to know better about AngularJS. This course uses AngularJS Version 1.3.

What's Inside This Course?

  • Why You Should Know AngularJS?
  • AngularJS Core Concepts along with JavaScript, HTML, Design Patterns & Clean Code Concepts.
  • Using Directives & Filters to Make Views
  • How to Keep Data in Scope & Business Logic in Controllers
  • AngularJS Built in Services Which Includes Server Side Interaction Using Mongo Lab API & Creating Your Own Custom Services
  • Create Single Page Application Using Routing
  • Create Custom Directives & Custom Filters
  • Hands on With Practical Application
  • And More Contents to Come…

Exercise Files:

This course contains all the exercise files, divided into two folders, one as starting folder and other one as completed folder.

What are the requirements?

  • Basic knowledge of HTML, CSS and Javascript
  • How to use a text editor
  • Basic knowledge of programming

What am I going to get from this course?

  • Create Medium to Complex Web Applications Using AngularJS
  • No Faffing, All Lectures are Packed with Information
  • You will have understanding of All the Core Concepts of AngularJS
  • You will know why angularjs is so popular and why you should start using it
  • Dont just learn Angularjs But understand it with JavaScript, HTML, Design Pattern and Clean Code concept
  • You will know mostly used directives and filters of AngularJS
  • You will know how Dependency Injection, two way data binding, scope to scope communication works
  • You will know when to use $apply and $watch methods of scope
  • You will know how to handle business logic in controller and how controller inheritance works
  • You will know how to use AngularJS built in services and how to create your own services to encapsulate single responsibilities or business logic
  • Server side interaction using Mongo Lab API and how to use promises
  • You will know how to Create Single Page Applications
  • You will know how to Create Custom Directives & Filters
  • Awesome discounts on all of my upcoming courses
  • Get Hands on By Creating An Application Using Modularized Approach
  • Complimentary Contents for Free

What is the target audience?

  • Anyone who is in Web Development profile
  • Web Site Designers can also add value to there resume
  • Developer knowing jQuery, Backbone or Ember can also get benefits

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Whats Inside This Course
Preview
05:10
What You Should Know, Before Taking This Course
Preview
00:31
How to Take This Course
01:01
Softwares To Be Installed
00:51
Course Material - All Source Code
Article
Section 2: Why AngularJS
"THE PROBLEM"... and How AngularJS Solves "THE PROBLEM"
Preview
05:03
Section 3: AngularJS Core Concepts: Get Your ToolBox Filled with Tools
JavaScript Specials: Modules Can Help You Remain Organized
Preview
06:37
Angular Modules: One Stop Shop for All the Components
Preview
07:43
JavaScript Specials: IIFE
Preview
04:38
Moving our First Module to IIFE
Preview
02:10
HTML Specials: Now you can decorate me with Custom Attributes
Preview
02:52
Connecting Module and HTML: I am Peter Parker, I wanna be a Spiderman
Preview
02:46
JavaScript Specials: Problems with addition of two numbers in JavaScript
Preview
05:01
Design Pattern Specials: MVC can make your weekend more enjoyable
Preview
05:18
Directives: I am HTML, I am good at Presentations
06:34
Controllers: I am JavaScript, I can Handle the Business Logic
09:01
Models: Not so Old, We are POJO
02:56
Pattern Specials: Dependency Injection can help reduce your emotional attachment
06:31
My Name is $scope and I have been Gifted to Controller by the Secret Santa
03:25
JavaScript Specials: Data Binding in Classical Template Systems
02:58
Angular Data Binding: Continous Updates, Model is a Single Source of Truth
02:35
Pattern Specials: SRP to handle one task at one place
02:22
Services: What can I do for you Sir!
04:47
Filters: Please give me data and not the WATER
02:05
AngularJS Core Concepts
5 questions
Section 4: Directives & Filters for Presentation
Programming Specials: Imperative vs. Declarative
02:52
Binding Directives: One Way Binding Directives
08:07
AngularJS Specials: Multiple ways of applying Directives
01:54
Binding Directives: Two Way Binding Directives
03:14
Template Directives: Give me Collection, I will give you Table
07:04
Template Directives: Views Abstraction using ng-include Directive
05:46
Template Directives: Switching Elements using ng-switch Directive
04:08
Template Directives: Hiding Unprocessed Inline Template Binding Expressions
01:56
Element Directives: Showing, Hiding and Conditionally Removing Elements
04:48
Element Directives: Manage State & Enhance Elements
06:02
Style Directives: Manage Classes & CSS
06:51
Events Directives: Manage User Interaction
02:16
Formatting Filters
05:49
Array Transforming Filters
09:19
Section 5: Scope for Data and Controllers for Business Logic
AngularJS Specials: Bootstrapping of AngularJS Applications
04:54
Organizing Controllers: One for Small and Many for Big Applications
07:35
Scope Communication: Pub-Sub Model Using $rootScope
06:46
Controller Inheritance - How Properties Work
06:38
Controller Inheritance - How Methods Work
03:39
Explicitly Updating Scope: Using $apply & $watch
05:45
Section 6: AngularJS Services & Custom Services to Encapsulate Responsibilities
AJAX Specials: Server Side Interaction Using Pure JavaScript
03:24
Meet $http Service
03:29
MongoLab Specials: Creating a Database and Tables
04:03
CRUD Using $http and MongoLab - Part 1
07:45
CRUD Using $http and MongoLab - Part 2
03:51
Design Pattern Specials: The Singleton Design Pattern
03:19
Custom Services to Encapsulate Responsibilities
04:23
$q Service: Promises Are Made to be Kept
05:41
Section 7: Single Page Applications
Single Page Applications, What are They and Why We Need Them
02:21
SPA Specials: Story of HASH & Your Own Mini-SPA
04:32
$location Service: Knows Everything About Browser URL
01:48
Planning The Shell and Partials of The Application
03:16
$routeProvider Service: Configuring The Routes and Controllers
05:20
$routeParams Service: Getting Passed Information From URL
03:57
Section 8: Presentation using Custom Directives & Custom Filters
Domain Specific Language: Your Own Custom Elements
01:58
Component Directive
04:39
Component Directive: Dynamic Binding Using Parent Scope
01:20
Component Directive: Directives Can Have Other Directives As Well
01:35
Component Directive: Taking Template Out of Directive Definition
02:04
Component Directive: Handling User Interaction in Directives Controller
03:26
The Misunderstood Concept of Directives Scope Made Understood
04:18
OOB Directive: Use "=" Symbol to Pass Objects
03:41
OOB Directive: Use "@" Symbol to Pass String Values
01:18
OOB Directive: Use "&" Symbol to Call the Function on Parent Scope
04:52
Custom Filter - Because We Need Our Own Data Transformation
01:40
Section 9: Presentation using Custom Directives - 102
Link Function - Handle DOM Access, Manipulation & Events
05:51
Bootstrapping Services: $parse, $interpolate & $compile
06:43
Compile Function - Auto Compile Using Compile Function
03:36
Transclusion - Injecting HTML Parts as a Reference
02:13
Section 10: Hands On - Lets Make an App Using Modularized Approach
The Requirement
04:39
Analysis & Design
05:23
Folder Structure
02:41
Application Layout - 101
03:47
Application Layout - 102
07:37
First Directive of Application
04:10
First Service of Application
04:05
Render Data Using First Service
03:10
Render Data Using Second Service
06:08
Render Data Using Third Service
04:17
The Chart Directive
06:14
Code Refactoring
07:44

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sandip Gautam, Technical Architect & Web Developer

Sandip Gautam is voracious learner and he loves to do programming. He likes to upgrade himself with new technologies as they arrive. He is a Technical Architect and Web Developer having 12+ years of IT experience & 20+ Years of teaching experience. He has executed many projects in E-Learning, E-Commerce, Networking and Banking & Financial domains. He works on lot of technologies like HTML, CSS, Javascript, jQuery, AngularJS, Backbone, Bootstrap, ExtJS, Sencha Mobile and jQuery mobile. He has also worked on server side technologies like Java, J2EE, PHP & MySQL and SharePoint. Sandip has taught many people throughout his career and he has given training in almost each & every organization. Its time for you to learn something from him.

Ready to start learning?
Take This Course