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 a Real-World Angular 2 App: Modules, Routing and Components
Creating a Real-World Angular 2 App: Modules, Routing and Components

Creating a Real-World Angular 2 App: Modules, Routing and Components

Learn how to build production-ready Angular 2 applications by building a bug tracking app!


Course details

4.7∙3 Ratings1 review

Published
November 2017
Videos
17
Duration
2h 31m
Happy students
898

Take this course

About the course

In this course we’ll start taking the skills you learned in our Angular 2 fundamentals courses and put them to use in a real-world situation. By building Bugged Out, a fully-featured bug-tracking application, you’ll get hands-on experience in building production-ready Angular apps. We’ll start by looking at Angular modules — a way to organize your application, and extend it with external functionality. Then we’ll use Angular routing to make sure your users are moved around the app appropriately as they interact with it. Finally, we’ll build our app’s components, which are Angular’s basic building blocks for user interface and interaction elements. After you complete this, you can continue building Bugged Out with the next course, Building a Realtime Firebase Database. This is part four 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: Build a Real World Angular 2 App with Backend - Bugged Out
  • Free
    Introduction to the Bugged Out App
    1:37
  • Locked
    Adding the Bugs Module (Feature Module)
    13:27
  • Locked
    Creating a Shared Module
    16:41
  • Locked
    Creating the Bug List Component
    5:37
  • Locked
    Introduction to Routing
    8:08
  • Locked
    Creating the Router
    12:58
  • Locked
    Creating the Bug Module's Own Routing
    10:11
  • Locked
    Implementing Route Redirection
    4:47
  • Locked
    Adding Wildcard Routing
    4:11
  • Locked
    Creating the Navbar Component
    5:35
  • Locked
    Creating the Navbar Template
    9:30
  • Locked
    Styling the Navbar
    6:12
  • Locked
    Introduction to Router Links
    7:47
  • Locked
    Creating the Bug List Template
    7:51
  • Locked
    Styling the Bug List Component
    13:20
  • Locked
    Introduction to the Core Module
    9:23
  • Locked
    Creating the Core Module
    14:05

Reviews
4.7

3 total

2
1
0
0
0

Course details

4.7∙3 Ratings1 review

Published
November 2017
Videos
17
Duration
2h 31m
Happy students
898

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