AngularJS Fundamentals and Practice
3.0 (20 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,042 students enrolled
Wishlisted Wishlist

Please confirm that you want to add AngularJS Fundamentals and Practice to your Wishlist.

Add to Wishlist

AngularJS Fundamentals and Practice

An in-depth project-based introduction to AngularJS concepts with lots of code, examples and a complete application
3.0 (20 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,042 students enrolled
Created by Sid Azad
Last updated 6/2014
Curiosity Sale
Current price: $10 Original price: $40 Discount: 75% off
30-Day Money-Back Guarantee
  • 5.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Enable you to write professional AngularJS applications
  • Enable you to think in AngularJS and design a modern web-app (SPA)
View Curriculum
  • 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 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
29 Lectures
Introduction to the Course
3 Lectures 20:13
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
About the Instructor
Sid Azad
3.1 Average rating
43 Reviews
1,292 Students
2 Courses
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.