Building Single Page Web Apps with AngularJS

Building Single Page Web Apps with AngularJS

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 2h 23m | 402 MB

Deep dive into the key aspects of building SPAs using AngularJS

Building web applications that can manage huge chunks of data consistently is becoming increasingly difficult and this affects the efficiency of your app. Single Page Applications (SPA) solve this issue as its design principles make life easy for data-intensive applications by updating the constant stream of data in the same page, making the application more intuitive for the user.

Doing this with pure JavaScript is hard. To help with the implementation of single-page applications, Google developed a framework called AngularJS that allows you to build well-structured, easily testable, and maintainable frontend Single Page Applications.

This course will take you from the very basics of developing rich client-side Single Page Applications (SPA) through a series of practical examples of incremental complexity, including a full review of AngularJS’ built-in features and testability features.

At the beginning of the course, you will be introduced to the advantages and limitations of AngularJS and its compatibility with SPAs. As we move on, we’ll dive head-first into the application coding, starting from your first application and going all the way from building a to-do list app to a fully featured movie database, understanding every key aspect of the framework in the process. Later on, we’ll focus on reviewing AngularJS’ built-in components (directives, filters, and services) including every detail of how to write your own custom components of every kind. And finally, we’ll wrap up with automated testing clearly guiding you on how to write and execute automated tests on AngularJS and introducing best practices on both unit and end-to-end testing.

Building Single Page Web Apps with AngularJS will take you from zero to hero, covering all important aspects of the framework and preparing you to hit the ground running on any single page application.

What You Will Learn

  • Understand how SPA’s work with the advantages and limitations of frameworks such as AngularJS
  • Integrate AngularJS applications with any server-side technology of your choice using meaningful APIs
  • Skillfully write and debug AngularJS apps by mastering the directives, filters, and services available in the framework
  • Implement the best practices of Angular’s MVC architecture into your SPA
  • Delve into the advanced features of the framework, such as routing, server communication, and module injection/management very quickly
  • Effectively use npm and Bower to deal with dependencies, and manage the common tasks of your SPA
  • Discover how to write custom components, including custom directives, filters, and all types of services
  • Practice proper test-driven development using the testing tools available within the framework
Table of Contents

Introduction to AngularJS
01 The Course Introduction and Objectives
02 Prerequisites
03 Understanding the Basics of AngularJS and the MVC Architecture

Your First AngularJS App
04 Angular-seed
05 Building a To-do App – Part 1
06 Building a To-do App – Part 2
07 Building a To-do App – Part 3
08 Building a To-do App – Part 4

Building a Complex Single Page Application
09 Building a Complex Single Page Application – Part 1
10 Building a Complex Single Page Application – Part 2
11 Building a Complex Single Page Application – Part 3
12 Building a Complex Single Page Application – Part 4
13 Building a Complex Single Page Application – Part 5
14 Building a Complex Single Page Application – Part 6

Directives and Filters
15 AngularJS Directives
16 Writing Custom Directives
17 AngularJS Filters

Services and Factories
18 Writing Custom Services
19 AngularJS Services
Testing in AngularJS
20 Automated Testing in AngularJS
21 Unit Testing with Karma
22 E2E Testing with Protractor