Creating a Basic Angular Application

Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description
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

Prerequisites
None

Expected Duration (hours)
1.3

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:
wd_angt_a01_it_enus

Expertise Level
Intermediate