Building Single Page Web Apps with AngularJS

Deep dive into the key aspects of building SPAs using AngularJS
3.6 (7 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.
79 students enrolled
82% off
Take This Course
  • Lectures 22
  • Length 2.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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2015 English

Course Description

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.

About the Author

Raoni Boaventura is a frontend engineer who has been working with JavaScript and JavaScript frameworks from the very beginning of his career, about 8 years ago. He has a strong academic background, a Computer Science degree, and has worked for several companies and clients around the world, completing a large number of front¬end and full-stack projects. Raoni started working with AngularJS about two years ago, and immediately fell in love with it. Since that time, he not only has been involved with multiple Angular projects with multi-national clients, but has also been an active peer in the AngularJS community, having published key articles and tutorials about the framework.

What are the requirements?

  • For this course, you're expected to know at least the basics of HTML, CSS, and JavaScript programming. Previous experience using MVC frameworks is not a requirement, but will certainly help you.

What am I going to get from this course?

  • 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

Who is the target audience?

  • If you're a web professional who wants to stay up to date with web development technologies, or you want to have your first contact with SPAs but don't have time to read through extensive documentation, and you are someone who wants to jump straight into action and learn AngularJS, then this video course is for you.

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.


Section 1: Introduction to AngularJS

Introducing the course and its prerequisites.


Understanding the prerequisites for taking the course.


A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.

Section 2: Your First AngularJS App

Introducing the Angular-seed boilerplate and starting up the project.


Start coding the first application: a to-do list.


Continue coding the To-do application.


Take care of the To-do application's templating and CSS.


Polishing the To-do application.

Section 3: Building a Complex Single Page Application

Start coding a movie gallery application.


Working on the movie gallery app - dealing with controllers and models.


Working on the movie gallery app - dealing with CSS and pagination.


Working on the movie gallery app - dealing with routes and multiple views.


Working on the movie gallery app - making the movie details page.


Working on the movie gallery app - dealing with custom services and final touches.

Section 4: Directives and Filters

A review of all the important AngularJS built-in directives.


Understanding the basics of how to write custom directives.


A review of AngularJS' built-in and custom filters.

Section 5: Services and Factories

Learn the basics about the four kinds of services available in AngularJS and how to write custom services.


A review of AngularJS' built-in services.

Section 6: Testing in AngularJS

Learn the basics of automated testing in AngularJS.


Practical examples of how to code unit tests using Karma.


Practical examples of how to code E2E tests using protractor.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course