AngularJS Fundamentals and Practice
3.8 (28 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,083 students enrolled

AngularJS Fundamentals and Practice

An in-depth project-based introduction to AngularJS concepts with lots of code, examples and a complete application
3.8 (28 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,083 students enrolled
Created by Sid Azad
Published 6/2014
English [Auto]
Current price: $27.99 Original price: $39.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Enable you to write professional AngularJS applications
  • Enable you to think in AngularJS and design a modern web-app (SPA)
Course content
Expand all 29 lectures 05:41:41
+ AngularJS: Basic Concepts
4 lectures 01:07:22
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
+ Understanding Scopes and different kinds of scopes
4 lectures 24:03
Understanding Scopes - I
Understanding Scopes - II
Child Scopes, scopes automatically created by directives (e.g. ng-repeat)
Isolated scopes, Transclusion, binding in different scopes
+ Programming Directives
2 lectures 20:33
compile, link, template properties
Nested directives, @scope: Programming nested radio button directive
+ Final Project Kick-off: Setup, Design, Directory Structure
3 lectures 37:40
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
+ Landing Page and Dashboard: Directive/Controller communication
4 lectures 50:03
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
+ Decoupling Directive/Controller, Callbacks: Writing the Projects Pane Directive
4 lectures 01:00:12
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
+ Remote calls with $http Service, Searching with AngularJS Filters, Applying CSS
2 lectures 17:00
$http: Writing the Weather Service, promises
CSS using ng-class and Searching with AngularJS ‘filter’
+ Unit Testing and Third Party Libraries: Karma, Jasmine, Angular UI Bootstrap
3 lectures 44:35
Angular UI Bootstrap Library
Unit Testing using Karma, Jasmine, angular-mock.js
Conclusion: 3rd Party Plugins, ng-grid, Best Practices and Helpful Resources
  • Some knowledge of JavaScript
  • Some knowledge of web development (nice to have)

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

Who this course is for:
  • 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