Angular 2 Projects
3.3 (3 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.
57 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular 2 Projects to your Wishlist.

Add to Wishlist

Angular 2 Projects

Build modern, robust, and complex applications with Angular 2
3.3 (3 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.
57 students enrolled
Created by Packt Publishing
Last updated 11/2016
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 3 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build a weather web app using a component-based architecture, with focus on modularity and testability
  • Develop a Twitter application by learning to handle complex APIs, filtering data using pipes, and integrating external components
  • Compose Angular components into a full-functioning multiplayer checkers game
  • Write a web server that pre-renders Angular apps for performance and SEO
  • Test Angular components and account for external API calls by mocking
  • Deploy an app to an AWS instance
View Curriculum
  • Prior experience in building web apps is essential.
  • This step-by-step practical video tutorial will show you how to code an Angular application and deploy an app to an AWS instance.

AngularJS is a JavaScript framework used to build web applications in large-scale, high-traffic websites that struggle with under-performance, portability issues, and complexity at scale. Angular changes that, and with Angular 2, the web application building process is made easier and more efficient.

This video starts out by addressing some of the advantages that Angular 2 applications have over traditional page-based web apps. You'll build a simple weather application where you'll learn the basic concepts of Angular 2 such as writing basic components, making API calls, and routing. Next you'll build a more complex Twitter app, which will be based on the knowledge you gained while building the weather application. It will show you how to handle more complex API calling scenarios, filter data using pipes, and integrate external components into the application. Lastly, you'll build a multiplayer checkers app that will make extensive use of data binding in order to provide a responsive user interface.

You'll then learn how to test the applications built in the course, and finally we’ll conclude by providing a brief example on how to deploy an Angular 2 app to AWS.

About The Author

Levi Botelho kicked off his career in software at the age of 15 writing scripts to track the lifecycles of helicopter parts. Since then, he’s worked on a number of projects in the transportation, telecommunications, and financial services sectors. While he spends his days coding in C# and F#, he spends his nights writing JavaScript, contributing to his blog, and maintaining various open source projects including his popular AngularJS tutorial, LearnAngular. 

Who is the target audience?
  • If you are an experienced JavaScript developer who wants to use Angular 2 to develop modern, flexible web applications, then this video is for you.
Compare to Other Angular Courses
Curriculum For This Course
21 Lectures
Introduction to Angular 2
3 Lectures 07:49

This video gives an overview of the entire course.

Preview 02:21

This video will explain the difference between a typical web application and a single-page application. This knowledge is required in order to understand how Angular 2 works. 

What Is a Single-Page App?

This video aims to provide an overview of the Angular architecture and the Angular design philosophy to the viewers. Viewers should have a broad understanding of Angular by the end of the video in preparation for future interactive videos. 

Angular Architecture
Getting Set Up
2 Lectures 31:14

Viewers need to know how to get their development environment set up for developing Angular apps. 

Preview 09:19

In this video, we will have our development environment in place so we can start developing applications. 

The Development Environment
Weather App
4 Lectures 41:38

Viewers are unfamiliar with components and how they are a part of Angular 2 apps. 

Preview 08:34

Viewers don't know what templates are or how they are used. 


As Angular is used to create single-page applications, viewers will not know how to create pages and how to navigate between them. 


Viewers may be tempted to write all of their application logic inside components. Instead, they should use services for modularity and testability. 

Twitter App
4 Lectures 34:21

Viewers need to know how to write generic components that can be reused over and over again. They also need to know how to access DOM elements in order to make use of certain third-party libraries. This video will show how to do both these things in order to integrate the Chart.js graphing library into the Twitter app. 

Preview 14:49

Viewers don't know how to inject external dependencies into an Angular 2 application. This video will show them how to do it. 

Third-Party Libraries (Continued)

Pipes are very useful in Angular 2 for transforming data within a template, but users don't know how to use them. This video will show users how to use pipes to perform data transformations. 


Viewers want to filter a list of tweets but can't, because they haven't yet learned how to integrate forms into the application. They also haven't learned how to filter data using pipes. This video will show how to do both of those things in order to finish off the application. 

Form Fields
Checkers App
3 Lectures 28:20

In order to write a checkers app, we need to write the logic that underpins the game of checkers. In this video, we'll write that logic and pay attention to keeping it independent from any one user interface implementation (Angular 2 in our case). 

Preview 08:15

The checkers logic needs a user interface! Viewers will see how to write the user interface on top of the model written in the last section. Data binding will play a key role in this section. 

The Checkers UI

Viewers do not yet know how to implement universal rendering in an Angular 2 application. 

Universal Rendering
3 Lectures 22:07

Viewers want to know how to write unit tests for their apps. Before doing so, they need to know how to set up their applications. 

Preview 05:58

Having set up the project for unit testing, viewers now need to know how to write unit tests with Karma and Jasmine. 

Writing Unit Tests

Viewers have seen how to write unit tests, but they don't know how to test the internal workings of Angular components. They also aren't familiar with the fact that Angular makes tools available that make this easy to do. 

Testing Angular Components
2 Lectures 11:23

Users know how to build apps, but they don't know how to deploy them to the Web. 

Preview 05:50

Viewers need to know how they can take what they've learned in this course and continue their Angular 2 journey. 

Going Further
About the Instructor
Packt Publishing
3.9 Average rating
8,197 Reviews
58,887 Students
687 Courses
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.