SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Creating Your First Angular 2 App
Creating Your First Angular 2 App

Creating Your First Angular 2 App

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


Course details

3.9∙35 Ratings12 reviews

Published
November 2017
Videos
14
Duration
2h 25m
Happy students
2433

Take this course

About the course

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:
  • Creating Your First Angular 2 App
  • Building a Task Card App with Angular 2
  • Building Reusable Components in Angular 2
  • Creating a Real-World Angular 2 App: Modules, Routing and Components
  • Building a Realtime Firebase Database
  • Creating a Real-World Angular 2 App: Creating a Form
  • Creating a Real-World Angular 2 App: Methods, Tables and Listeners

Course Instructor

Jess Rascal

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.

Course Outline

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

Reviews
3.9

29 total

14
10
1
3
1

Course details

3.9∙35 Ratings12 reviews

Published
November 2017
Videos
14
Duration
2h 25m
Happy students
2433

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy