Course details

Creating a Basic Angular Application

Creating a Basic Angular Application

Target Audience
Expected Duration
Lesson Objectives
Course Number
Expertise Level

Configuring the environment is the first step in the Angular app development process. In this course, you’ll learn how to install and set up the prerequisite parts for creating an Angular development environment. The course will cover creating an app root module, root component, and also custom components as part of building a basic Angular application.

Target Audience
Developers who want to learn how to use Angular 2 to create web apps


Expected Duration (hours)

Lesson Objectives

Creating a Basic Angular Application

  • start the course
  • install the NodeJS runtime
  • install and update the node package manager
  • install and set up a text editor with support for creating Angular 2 applications
  • create and put in place configuration files Angular 2 relies upon
  • download and install the Angular source files
  • create the root module for an Angular app
  • create the root component for an Angular app
  • create bootstrap logic needed to start up an Angular app
  • create the index.html file that hosts an Angular 2 application
  • set up global styles for an Angular 2 app
  • start up an Angular application in a browser environment
  • create external template files for components
  • create a new component in an Angular app
  • set up a component-specific css when defining a component
  • set up template expressions for runtime evaluation using curly braces
  • bind html attributes to component values using square brackets
  • bind html events to components using brackets
  • set up two-way data binding between a component and its markup
  • pass input data into a component using the @Input decorator
  • pass event information out of a component using @Output and EventEmitter
  • create and run a simple Angular 2 app
  • Course Number:

    Expertise Level