framework

Question 1

to export (make it public available) a module:

Answer 1

thatfile.js
export default{ foo:’hello’ }

Question 2

to import a module:

Answer 2

thisfile.js:
import thatfile from ‘./thatfile’
console.log(b.foo);

Question 3

Problems with ES2015 Modules

Answer 3

Duplicate Modules
Circular Dependency
Harder to manage overall

Question 4

Angular Modules

Answer 4

not a replacement for ES2015 Modules
groups modules by feature

Question 5

Angular Module in the right way

Answer 5

A module is imported once and then all the connected modules has its content available

Question 6

it is a common practice to organice our modules in forlders

Answer 6

The name of the file is the name of the module along with the “.module.ts” string

Question 7

A module is a type of

Answer 7

Class

Question 8

import NgModule module and add the decorator

Answer 8

to declare the class as a module

Question 9

Import BrowserModule

Answer 9

to tell Angular to run the app in a browser enviroment

Question 10

A module allow us to wrapp many dependencies in to one module/file

Answer 10

so that this could be easily imported into others modules

Question 11

Component

Answer 11

Reusable custom HTML tag with custom behaviour

Question 12

A component renders

Answer 12

into a tag inner the DOM

Question 13

Selector name should be

Answer 13

lowercase with only dashes to separte the words

Question 14

‘app-root’ component

Answer 14

default component (tag or selector) to bootstrap an angular app

Question 15

The template section is

Answer 15

valid html

Question 16

A component also import a module and apply a decorator

Answer 16

to be consistent with the DOM

Question 17

template-url:

Answer 17

instead of “template:” for inline html code

Question 18

StyleUrls:[]

Answer 18

to add CSS files instead of “style:” to add embedded css rules

Question 19

We declare (Import) the app component

Answer 19

that allow us to render components

Question 20

We declare services (external data access)

Answer 20

like providers

Question 21

We only declare the component module

Answer 21

to bootstrap the application

Question 22

create a component through NG

Answer 22

ng generate component component_name

// it creates a folder, with a css, a html, test and an angular file with that name
// it registers it into the module file

Question 23

to initialize the properties of a component

Answer 23

constructor(){}

Question 24

To allow a parent component to modify the content of an specific property inner a component

Answer 24

// 1. Import “Input” from “@angular/core”
// 2. Add @Input() decorator before the declaration of out property

Question 25

component nesting

Answer 25

it is allowed as long as all them are accesible

Question 26

property binding over a component (Custom properties)

Answer 26

[app-root [propertyName]=”defaultValue”] [/app-root]

• square brackets used instead of tag brackets

Question 27

parent components can send data to child components

Answer 27

through Input properties

Question 28

to communicate a child component with its parent component we use

Answer 28

events emitting

Question 29

to declare an event emitter

Answer 29

// 1. Import “EventEmitter” from “@angular/core”
// 2. declare the property in this way:
propertyName = new EventEmitter()