Buy Now AED 274.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Single Page Web Applications with AngularJS
  • Level Professional
  • Duration 47 hours
  • Course by Johns Hopkins University
  • Offered by

About

Do you want to write powerful, maintainable, and testable front end applications faster and with less code? Then consider joining this course to gain skills in one of the most popular Single Page Application (SPA) frameworks today, AngularJS. Developed and backed by Google, AngularJS is a very marketable skill to acquire. In this course, we will explore the core design of AngularJS 1.x (latest version of AngularJS 1), its components and code organization techniques. We will enhance the functionality of our web app by utilizing dependency injection to reuse existing services as well as write our own. We will create reusable HTML components that take advantage of AngularJS data binding as well as extend HTML syntax with a very powerful feature of AngularJS called directives. We'll set up routing so our SPA can have multiple views. We will also learn how to unit test our functionality. At the end of this course, you will build a fully functional, well organized and tested web application using AngularJS and deploy it to the cloud.

Modules

Welcome and Important Resources

    • 2 Videos
    • 5 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Quiz 1 - Very Important Quiz!

2 Videos

  • Course Introduction
  • Welcome to Module 1

5 Readings

  • How Grading and Being Late on Assignments Works
  • Recommended Books
  • CHECK OUT MY SITE!
  • ALL of the EXAMPLE CODE for this course
  • Is It Worth It To Learn Angular 1 Since Angular 2 Already Came Out?

Development Environment Setup

    • 5 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Quiz 2

5 Videos

  • Development Environment Setup - What We Will Need
  • Development Environment Setup for Mac, Part 1
  • Development Environment Setup for Mac, Part 2
  • Development Environment Setup for Windows, Part 1
  • Development Environment Setup for Windows, Part 2

Why AngularJS? Why Not Keep Things Simple?

    • 4 Videos
    • 3 Assignment
Show info about module content

3 Assignment

  • Quiz 3
  • Quiz 4
  • Quiz 5

4 Videos

  • Lecture 1: Why NOT Keep Things Simple?
  • Lecture 2, Part 1: Why Does Code Get Complex?
  • Lecture 2, Part 2: Why Does Code Get Complex?
  • Lecture 3: Model-View-ViewModel (MVVM)

AngularJS Installation & Basics

    • 4 Videos
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 6
  • Quiz 7

4 Videos

  • Lecture 4: AngularJS Installation and First Simple App
  • Lecture 5: Sharing Data With The View Through Scope
  • Lecture 6: Implementing NameCalculator Example in AngularJS
  • Lecture 7: What’s Behind the “Magic”: Custom HTML Attributes

Dependency Injection, Interpolation

    • 6 Videos
    • 2 Readings
    • 1 PeerReview
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 8
  • Quiz 9

1 Peer Review

  • Module 1 Coding Assignment

6 Videos

  • Lecture 8: Dependency Injection
  • Lecture 9: How Dependency Injection Works in Javascript
  • Lecture 10: Protecting Dependency Injection from Minification
  • Lecture 11, Part 1: Expressions and Interpolation
  • Lecture 11, Part 2: Expressions and Interpolation
  • Module 1 Wrap-up

2 Readings

  • Frequently Asked Questions
  • New Tutorials - here is how...

Filters, Digest Cycle and Data Binding

    • 10 Videos
    • 1 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • Quiz 10
  • Quiz 11
  • Quiz 12
  • Quiz 13
  • Quiz 14

10 Videos

  • Welcome to Module 2
  • Lecture 12: Filters
  • Lecture 13, Part 1: Creating Custom Filters
  • Lecture 13, Part 2: Creating Custom Filters
  • Lecture 13, Part 3: Creating Custom Filters
  • Lecture 14, Part 1: Digest Cycle
  • Lecture 14, Part 2: Digest Cycle
  • Lecture 14, Part 3: Digest Cycle
  • Lecture 15: $digest and $apply
  • Lecture 16: 2-way, 1-way and 1-time Binding

1 Readings

  • Recommended Books

Looping, Controller As Syntax

    • 7 Videos
    • 1 Readings
    • 3 Assignment
Show info about module content

3 Assignment

  • Quiz 15
  • Quiz 16
  • Quiz 17

7 Videos

  • Lecture 17: ng-repeat
  • Lecture 18: Filtered ng-repeat
  • Lecture 19, Part 1: Prototypal Inheritance
  • Lecture 19, Part 2: Prototypal Inheritance
  • Lecture 19, Part 3: Scope Inheritance
  • Lecture 19, Part 4: Scope Inheritance
  • Lecture 19, Part 5: Controller As Syntax

1 Readings

  • CONNECT WITH ME!

Creating and Configuring Custom Services

    • 8 Videos
    • 1 Readings
    • 1 PeerReview
    • 4 Assignment
Show info about module content

4 Assignment

  • Quiz 18
  • Quiz 19
  • Quiz 20
  • Quiz 21

1 Peer Review

  • Module 2 Assignment

8 Videos

  • Lecture 20, Part 1: Custom Services
  • Lecture 20, Part 2: Custom Services
  • Lecture 21, Part 1: Custom Services with .factory()
  • Lecture 21, Part 2: Custom Services with .factory()
  • Lecture 22, Part 1: Custom Services with .provider()
  • Lecture 22: Part 2: Custom Services with .provider()
  • Lecture 23: ng-if, ng-show and ng-hide
  • Module 2 Wrap-Up

1 Readings

  • Frequently Asked Questions

Lesson 1 - Asynchronous Behavior, Promises and Ajax in Angular

    • 5 Videos
    • 2 Readings
    • 4 Assignment
Show info about module content

4 Assignment

  • Quiz 22
  • Quiz 23
  • Quiz 24
  • Quiz 25

5 Videos

  • Welcome to Module 3
  • Lecture 24, Part 1: Asynchronous Behavior with Promises and $q
  • Lecture 24, Part 2: Asynchronous Behavior with Promises and $q
  • Lecture 25, Part 1: Ajax with $http Service
  • Lecture 25, Part 2: Ajax with $http Service

2 Readings

  • Recommended Books
  • New Tutorials - here is how...

Lesson 2 - Introduction to Custom Directives

    • 7 Videos
    • 3 Assignment
Show info about module content

3 Assignment

  • Quiz 26
  • Quiz 27
  • Quiz 28

7 Videos

  • Lecture 26, Part 1: Directives: Dynamic HTML
  • Lecture 26, Part 2: Directives: Dynamic HTML
  • Lecture 27: restrict Property
  • Lecture 28, Part 1: Directive’s Isolate Scope: “=” and “@”
  • Lecture 28, Part 2: Directive’s Isolate Scope: “=” and “@”
  • Lecture 29, Part 1: Using Controllers Inside Directives
  • Lecture 29, Part 2: Using Controllers Inside Directives

Lesson 3 - Directive APIs, Manipulating the DOM, and transclude

    • 7 Videos
    • 1 Readings
    • 1 PeerReview
    • 3 Assignment
Show info about module content

3 Assignment

  • Quiz 29
  • Quiz 30
  • Quiz 31

1 Peer Review

  • Module 3 Assignment

7 Videos

  • Lecture 30, Part 1: Directive APIs and “&”
  • Lecture 30, Part 2: Directive APIs and “&”
  • Lecture 31, Part 1: Manipulating the DOM with link
  • Lecture 31, Part 2: Manipulating the DOM with link
  • Lecture 32, Part 1: Using Directive’s transclude to Wrap Other Elements
  • Lecture 32, Part 2: Using Directive’s transclude to Wrap Other Elements
  • Module 3 Wrap-Up

1 Readings

  • Frequently Asked Questions

Lesson 1 - Components and Component-Based Architecture

    • 5 Videos
    • 2 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Quiz 32

5 Videos

  • Welcome to Module 4
  • Lecture 33, Part 1: Components & Component-Based Architecture
  • Lecture 33, Part 2: Components & Component-Based Architecture
  • Lecture 33, Part 3: Components & Component-Based Architecture
  • Lecture 33, Part 4: Components & Component-Based Architecture

2 Readings

  • Recommended Books
  • CONNECT WITH ME!

Lesson 2 - AngularJS Event System and Modules

    • 4 Videos
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 33
  • Quiz 34

4 Videos

  • Lecture 34, Part 1: AngularJS Event System
  • Lecture 34, Part 2: AngularJS Event System
  • Lecture 35, Part 1: Modules
  • Lecture 35, Part 2: Modules

Lesson 3 -Introduction to Single Page Routing With ui-router

    • 4 Videos
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 35
  • Quiz 36

4 Videos

  • Lecture 36, Part 1: Routing
  • Lecture 36, Part 2: Routing
  • Lecture 37, Part 1: Routing State with Controller
  • Lecture 37, Part 2: Routing State with Controller

Lesson 4 - Handling Data with Routing

    • 4 Videos
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 37
  • Quiz 38

4 Videos

  • Lecture 38, Part 1: Routing State with resolve
  • Lecture 38, Part 2: Routing State with resolve
  • Lecture 39, Part 1: Routing State with URL Parameters
  • Lecture 39, Part 2: Routing State with URL Parameters

Lesson 5 - Nested Views and Transition Events

    • 5 Videos
    • 1 Readings
    • 1 PeerReview
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 39
  • Quiz 40

1 Peer Review

  • Module 4 Assignment

5 Videos

  • Lecture 40, Part 1: Routing State with Nested Views
  • Lecture 40, Part 2: Routing State with Nested Views
  • Lecture 41, Part 1: Router State Transition Events
  • Lecture 41, Part 2: Router State Transition Events
  • Module 4 Wrap-Up

1 Readings

  • Frequently Asked Questions

Lesson 1: Form Validation and Introduction to Testing Javascript

    • 5 Videos
    • 2 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 41
  • Quiz 42

5 Videos

  • Welcome to Module 5
  • Lecture 42, Part 1: Form Validation
  • Lecture 42, Part 2: Form Validation
  • Lecture 43, Part 1: Testing Javascript with Jasmine
  • Lecture 43, Part 2: Testing Javascript with Jasmine

2 Readings

  • Recommended Books
  • New Tutorials - here is how...

Lesson 2: Testing AngularJS Controllers and Services

    • 6 Videos
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 43
  • Quiz 44

6 Videos

  • Lecture 44, Part 1: Testing AngularJS Controllers
  • Lecture 44, Part 2: Testing AngularJS Controllers
  • Lecture 44, Part 3: Testing AngularJS Controllers
  • Lecture 44, Part 4: Testing AngularJS Controllers
  • Lecture 45, Part 1: Testing AngularJS Services and $http
  • Lecture 45, Part 2: Testing AngularJS Services and $http

Lesson 3: Testing AngularJS Directives and Components

    • 4 Videos
    • 2 Assignment
Show info about module content

2 Assignment

  • Quiz 45
  • Quiz 46

4 Videos

  • Lecture 46, Part 1: Testing AngularJS Directives
  • Lecture 46, Part 2: Testing AngularJS Directives
  • Lecture 47, Part 1: Testing AngularJS Components
  • Lecture 47, Part 2: Testing AngularJS Components

Lesson 4: Visit With Client, Old Site Overview, Restaurant Server Setup

    • 6 Videos
    • 1 Readings
Show info about module content

6 Videos

  • (OPTIONAL) Lecture 48, Part 1: Visit With The Client
  • (OPTIONAL) Lecture 48, Part 2: Visit With The Client
  • (OPTIONAL) Lecture 49, Part 1: Non-AngularJS Website Overview
  • (OPTIONAL) Lecture 49, Part 2: Non-AngularJS Website Overview
  • Lecture 50 (Mac Version): Restaurant Server Setup
  • Lecture 50 (Windows Version): Restaurant Server Setup

1 Readings

  • CONNECT WITH ME!

Lesson 5 - Coding the Restaurant Site in AngularJS

    • 11 Videos
    • 3 Readings
    • 1 PeerReview
    • 1 Assignment
Show info about module content

1 Assignment

  • Quiz 47

1 Peer Review

  • Module 5 Assignment

11 Videos

  • Lecture 51, Part 1: Basic Structure of the Restaurant App
  • Lecture 51, Part 2: Basic Structure of the Restaurant App
  • Lecture 52: Coding Up a Loader/Spinner
  • Lecture 53: Coding Up $http Interceptor
  • Lecture 54: Coding Up Menu Categories View - Part 1
  • Lecture 55: Coding Up Menu Categories View - Part 2
  • Lecture 56: Coding Up Menu Categories View - Part 3
  • Lecture 57: Single Category View - Part 1
  • Lecture 58: Single Category View - Part 2
  • Lecture 59: Single Category View - Part 3
  • Course Wrap-Up

3 Readings

  • Frequently Asked Questions
  • Keep In Touch with Me! (LINKS)
  • CONNECT WITH ME!

Auto Summary

Join the "Single Page Web Applications with AngularJS" course to master building powerful, maintainable, and testable front-end applications. Offered by Coursera and taught by industry experts, this professional-level program covers AngularJS 1.x, dependency injection, directives, routing, and unit testing. With a duration of 2820 minutes, it includes various subscription options: Starter, Professional, and Paid. Ideal for IT and computer science enthusiasts aiming to enhance their skills in a high-demand framework.

Yaakov Chaikin
Instructor

Yaakov Chaikin