Angular 2

Question 1

4 key building blocks of angular 2 apps

Answer 1

Components
Directives
Routers
Services

Question 2

Component

Answer 2

• Encapsulates the template, data, and behavior of a view (view component)
• Every app will have AT LEAST root component
• Are reusable
• Typescript/JavaScript class
• Do not need to reference the DOM
• Is bound to element

Question 3

Service

Answer 3

• Provide specific functionality not directly related to views
• Injected into components as dependencies
• Any logic not related to ‘view’
• Any non UI logic
• ex. talking to backend APIs
• Data access, logging, business logic, configuration

Question 4

Router

Answer 4

• Only responsible for navigation
• Defines navigation paths
• Maps URL-like paths to views instead of pages

Question 5

Directive

Answer 5

• To modify DOM elements and/or extend their behavior

- keywords added to DOM elements

Question 6

ng new

Answer 6

• Creates workspace and initial application
• CLI installs necessary npm packages
• creates skeleton

Question 7

What is Angular?

Answer 7

A platform and framework for building single-page client applications using HTMl and TypeScript

Question 8

NgModules

Answer 8

• a class @NgModule
• takes a metadata object that describes how to compile a component’s template and how to create an injector at runtime
• Help organize related things together

Question 9

Views

Answer 9

• Sets of screen elements that Angular can choose amongh and modify according to program login and data
• arranged hierarchically

Question 10

decorators

Answer 10

• Used by module, component and service classes
• functions that modify JavaScript classes
• Angular defines some that attach specific kinds of metadata to classes (tells system what those classes mean and how they should work)

Question 11

AppModule (root module)

Answer 11

• Present in every Angular app

- provides bootstrap mechanism

Question 12

workspace

Answer 12

• contains the files for one or more projects

Question 13

project

Answer 13

• set of files that comprise as standalone application or shareable library

Question 14

attribute directive

Answer 14

changes the appearance of behavior of a DOM element

Question 15

ng generate directive DIRECTIVE_NAME

Answer 15

instantiates the directive to your src/app

Question 16

ng serve

Answer 16

starts server, runs app

Question 17

pipe operator |

Answer 17

transform strings, currency amounts, dates, and other data for display
simple functions you can use in template expressions to accept an input value and return a transformed value

Question 18

[(ngModel)]

Answer 18

two-way binding

Question 19

dependency

Answer 19

services or objects that a class needs to perform its function

Question 20

provider

Answer 20

something that can create or deliver a service

Question 21

provider

Answer 21

something that can create or deliver a service