Getting started

Question 1

Convention over configuration

Answer 1

Structure straight out of the box
Provides common solutions to common problems
Larger learning curve

Question 2

Angular CLI

Answer 2

Build the project
Start a development server
Run tests
Deploy the app

Question 3

Installation

Answer 3

Install NPM and Node
Then:
>npm install -g @angular/cli

Question 4

angular version

Answer 4

> ng version

Question 5

angular help

Answer 5

> angular help

Question 6

command help

Answer 6

ng [command] –help

Question 7

angular new app (CLI)

Answer 7

> ng new [project_name]

Question 8

To update a project to a newer version

Answer 8

“Update Project Guide”

Question 9

Development Server

Answer 9

A http server for development purposes only that track all changes to the project files

Question 10

.editorconfig

Answer 10

Support many code editors across different team members

Question 11

.gitignore

Answer 11

Allows to configure what is to be included in the git commit

Question 12

angular.json

Answer 12

Angular allows many projects at the same time

Question 13

architect section in angular.json

Answer 13

To compile the project

Question 14

karma.config.js

Answer 14

testing Configuration

Question 15

package.json

Answer 15

Project dependencies

Question 16

tsconfig.app.json

Answer 16

Compiling options

Question 17

src/main.ts

Answer 17

Main Entry to our App

Question 18

compilation

Answer 18

the process of transforming code into machine code

Question 19

JIT (Just In Time)

Answer 19

The source code gets compiled in our browser:

loads slower since the file size is larger than AOT and compiles and catch errors over the browser

Question 20

AOT (Ahead On Time)

Answer 20

It compiles the code in the server

loads faster since the file size is smallest than AOT and compiles and catch errors over the server

Question 21

AOT Dependency in angular projects

Answer 21

import {platformBrowser} from ‘@angular/platform-browser’;
platformBrowser()

Question 22

JIT Dependency in angular projects

Answer 22

import {platformBrowserDynamic} from ‘@angular/platform-browser-dynamic’;
platformBrowserDynamic()

Question 23

production mode

Answer 23

to avoid double load of content (change detection)

Question 24

change detection happens when:

Answer 24

the app is initialized
after a change in the source code
manually triggering

Question 25

Assets folder

Answer 25

for static files like images, etc.

Question 26

Polyfills file

Answer 26

is used to adapt our app to every browser

Question 27

decorators

Answer 27

functions for extending business logic or adding metadata

Question 28

typescript

Answer 28

a superset of javascript