AngularJS Fundamentals and Practice

An in-depth project-based introduction to AngularJS concepts with lots of code, examples and a complete application
3.1 (17 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.
1,032 students enrolled
75% off
Coupon valid until Mar 1, 2017 7:59 AM UTC
Take This Course
  • Lectures 29
  • Length 5.5 hours
  • 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


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.

About This Course

Published 6/2014 English

Course Description

AngularJS is a JavaScript framework developed by Google. Front end development is now officially revolutionized with the advent of SPAs (Single Page Applications) and it is increasingly looking like AngularJS is going to be the de-facto framework of the future for building SPAs.

This course will not only teach you to program using AngularJS but also how to think in AngularJS and how to architect, design and test a modern web application.

This course is divided into 2 parts.

  • The first part focuses on getting a solid understanding of AngularJS concepts with plenty of working code examples using Plunkr.
  • The second half creates a comprehensive Web Application (SPA) using these concepts with special focus on Design, Architecture and testing a modern web app.

This is a project based course with 2 parts spanning 29 videos and over 300 minutes of content.

- An approach of understanding AngularJS concepts
- Follow-up with many live coding examples
- A project that covers various components and aspects of AngularJS
- A video dedicated to unit testing using Karma and Jasmine libraries
- Examples using third part libraries including
- Angular UI Bootstrap
- Bootstrap CSS
- Angular Local Storage library
- Karma
- Jasmine

What are the requirements?

  • Some knowledge of JavaScript
  • Some knowledge of web development (nice to have)

What am I going to get from this course?

  • Enable you to write professional AngularJS applications
  • Enable you to think in AngularJS and design a modern web-app (SPA)

Who is the target audience?

  • Front-end developers who want to learn AngularJS
  • Back-end developers who want to learn Front End programming with a promising framework (AngularJS)
  • Technology enthusiasts
  • Hobbyists with some JavaScript experience

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.


Section 1: Introduction to the Course
Introduction to the Course
Review of Web Architecture, Web-dev History and Single Page Apps
Hello, AngularJS
Section 2: AngularJS: Basic Concepts
Introducing Models, Views, Scopes and Controllers
Scope Hierarchies,Multiple Controllers,Controller communication: Cost Calculator
How does AngularJS play with the Browser: Bootstrapping, $digest, $compile, DI
Introduction to Directives: Reusability, Code a directive, Passing data
Section 3: Understanding Scopes and different kinds of scopes
Understanding Scopes - I
Understanding Scopes - II
Child Scopes, scopes automatically created by directives (e.g. ng-repeat)
Isolated scopes, Transclusion, binding in different scopes
Section 4: Programming Directives
compile, link, template properties
Nested directives, @scope: Programming nested radio button directive
Section 5: Final Project Kick-off: Setup, Design, Directory Structure
Project Description and Directory Structure
Project Setup, Third party libraries, directory structure, ng-app
Setup for an SPA: Routes with ng-route and ng-view
Section 6: Landing Page and Dashboard: Directive/Controller communication
Bootstrap CSS and Introduction to AngularJS Services
Writing an authentication service, Using LocalStorage with AngularJS
Using templates with ng-include: Logging out
Controller-Directive Communication: Projects Pane Directive
Section 7: Decoupling Directive/Controller, Callbacks: Writing the Projects Pane Directive
Separation of Responsibilities in AngularJS, '&' scope
Projects Pane Directive: Adding new projects
AngularJS Checkboxes, $index, $watch: Deleting and Refreshing projects
Communicating between directives, ng-click, ng-if: Project Details Directive
Section 8: Remote calls with $http Service, Searching with AngularJS Filters, Applying CSS
$http: Writing the Weather Service, promises
CSS using ng-class and Searching with AngularJS ‘filter’
Section 9: Unit Testing and Third Party Libraries: Karma, Jasmine, Angular UI Bootstrap
Angular UI Bootstrap Library
Unit Testing using Karma, Jasmine, angular-mock.js
Conclusion: 3rd Party Plugins, ng-grid, Best Practices and Helpful Resources

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sid Azad, Technologist, Teacher, Entrepreneur and Poet

I have been writing software and managing technical teams and products for 14 years and during this time I have worked with several programming languages, frameworks and products. I have also worked in 3 startups and a large as well as a mid-size firm.

I currently lead a Django/Python tech. team and work on entrepreneurial projects in my spare time. I have coached several members of my team who not only did not have any prior Django experience but were also new to Python.

I have a BS and MS in Computer Science and have done an MBA. I have also taught several undergrad level classes while being a Masters student.

Ready to start learning?
Take This Course