AngularJS Fundamentals and Practice

An in-depth project-based introduction to AngularJS concepts with lots of code, examples and a complete application
2.9 (16 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,030 students enrolled
$19
$40
52% off
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

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 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)

What 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.

Curriculum

Section 1: Introduction to the Course
Introduction to the Course
Preview
03:21
Review of Web Architecture, Web-dev History and Single Page Apps
Preview
07:36
Hello, AngularJS
09:16
Section 2: AngularJS: Basic Concepts
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
Section 3: Understanding Scopes and different kinds of scopes
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
Section 4: Programming Directives
compile, link, template properties
03:51
Nested directives, @scope: Programming nested radio button directive
16:42
Section 5: Final Project Kick-off: Setup, Design, Directory Structure
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
Section 6: Landing Page and Dashboard: Directive/Controller communication
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
Section 7: Decoupling Directive/Controller, Callbacks: Writing the Projects Pane Directive
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
Section 8: Remote calls with $http Service, Searching with AngularJS Filters, Applying CSS
$http: Writing the Weather Service, promises
10:00
CSS using ng-class and Searching with AngularJS ‘filter’
07:00
Section 9: Unit Testing and Third Party Libraries: Karma, Jasmine, Angular UI Bootstrap
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

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