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
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
12:11
Scope Hierarchies,Multiple Controllers,Controller communication: Cost Calculator
20:31
How does AngularJS play with the Browser: Bootstrapping, $digest, $compile, DI
15:04
Introduction to Directives: Reusability, Code a directive, Passing data
19:36
+ Understanding Scopes and different kinds of scopes
4 lectures 24:03
Understanding Scopes - I
02:35
Understanding Scopes - II
03:35
Child Scopes, scopes automatically created by directives (e.g. ng-repeat)
06:56
Isolated scopes, Transclusion, binding in different scopes
10:57
+ Programming Directives
2 lectures 20:33
compile, link, template properties
03:51
Nested directives, @scope: Programming nested radio button directive
16:42
+ Final Project Kick-off: Setup, Design, Directory Structure
3 lectures 37:40
Project Description and Directory Structure
10:14
Project Setup, Third party libraries, directory structure, ng-app
12:34
Setup for an SPA: Routes with ng-route and ng-view
14:52
+ Landing Page and Dashboard: Directive/Controller communication
4 lectures 50:03
Bootstrap CSS and Introduction to AngularJS Services
08:49
Writing an authentication service, Using LocalStorage with AngularJS
19:17
Using templates with ng-include: Logging out
09:58
Controller-Directive Communication: Projects Pane Directive
11:59
+ Decoupling Directive/Controller, Callbacks: Writing the Projects Pane Directive
4 lectures 01:00:12
Separation of Responsibilities in AngularJS, '&' scope
13:41
Projects Pane Directive: Adding new projects
15:18
AngularJS Checkboxes, $index, $watch: Deleting and Refreshing projects
20:45
Communicating between directives, ng-click, ng-if: Project Details Directive
10:28
+ Remote calls with $http Service, Searching with AngularJS Filters, Applying CSS
2 lectures 17:00
$http: Writing the Weather Service, promises
10:00
CSS using ng-class and Searching with AngularJS ‘filter’
07:00
+ Unit Testing and Third Party Libraries: Karma, Jasmine, Angular UI Bootstrap
3 lectures 44:35
Angular UI Bootstrap Library
14:37
Unit Testing using Karma, Jasmine, angular-mock.js
19:34
Conclusion: 3rd Party Plugins, ng-grid, Best Practices and Helpful Resources
10:24
Requirements
  • Some knowledge of JavaScript
  • Some knowledge of web development (nice to have)
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

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