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.
77 students enrolled
$19
$85
78% 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

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

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

Curriculum

Section 1: Introduction to AngularJS
03:41

Introducing the course and its prerequisites.

02:14

Understanding the prerequisites for taking the course.

08:28

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
05:26

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

06:04

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

05:25

Continue coding the To-do application.

05:09

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

07:22

Polishing the To-do application.

Section 3: Building a Complex Single Page Application
05:48

Start coding a movie gallery application.

07:31

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

08:20

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

06:29

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

04:20

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

10:41

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

Section 4: Directives and Filters
08:09

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

06:54

Understanding the basics of how to write custom directives.

06:23

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

Section 5: Services and Factories
05:01

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

08:04

A review of AngularJS' built-in services.

Section 6: Testing in AngularJS
05:16

Learn the basics of automated testing in AngularJS.

09:33

Practical examples of how to code unit tests using Karma.

06:59

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

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course