Creating Your First Angular 2 App

 14 Reviews Add a review

Published November 2017

Learn how to quickly bootstrap Angular web app projects and your dev environment with a seed project!

In this course, you’ll get to know the fundamentals of Angular 2 by creating a skeleton project. The final result will be something you can use in the real world to kickstart new Angular 2 projects.

We’ll introduce you to TypeScript and a range of tools you’ll be using. We’ll look at project dependencies, tool configuration, and package management via npm. You’ll create your first Angular module and component, and build and run your application.

By the end of this course you’ll be able to work with fundamental Angular features and know enough to lay the foundations for new projects with ease. Once you’ve completed this course, move onto your first real project with Building a Task Card App with Angular 2.

This is part one of a seven part series. Get the full benefit by completing them in order:

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

  • Create a skeleton project – your starting point for any Angular 2 app you want to build

  • An introduction to TypeScript and a range of tools you’ll be using

  • Build and run your first Angular 2 application
Meet your instructor
Jess Rascal

Jess Rascal is a product manager by day, a web and iOS developer the rest of the time that his brain is active.

Lesson 1: Creating a Skeleton Project
What is Angular 2? 5:56
Why we use TypeScript 8:42
Overview of tools 9:07
Skeleton Project Overview 3:19
Defining the Dependancies 27:13
Configuring the TypeScript Compiler 7:46
Configuring the SystemJS Module Loader 19:15
Installing the NPM Packages 8:03
Creating the Root Module 10:38
Creating the Root Component 11:52
Configuring the Starting of the App 4:55
Creating the Hosting Webpage 16:13
Creating the Global Stylesheet 3:13
Building and Running the App 9:19

Leave a Review