Building Blocks

• components

• services

• directives

• router

• pipes

Components

Encapsulate the template, data and behaviour of view

Basic structure

Component Structure

Child Component

Child Component

Nested Child Component

Child child Component

Component Tree

Component Tree

Services

• Data Access

• Logging

• Business Logic

• Configuration

Router

• Responsible for navigation

Directives

• Modify DOM elements

• and/or extends DOM behaviour