Creating a new Angular project - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a new Angular project named 'my-app'.

Angular

ng [1] my-app

Drag options to blanks, or click blank then click option'

Astart

Bcreate

Cnew

Dinit

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'create' or 'start' instead of 'new' causes an error.

Trying to use 'init' which is not a valid Angular CLI command.

The ng new command creates a new Angular project with the specified name.

2fill in blank

medium

Complete the command to create a new Angular project without installing dependencies immediately.

Angular

ng new my-app [1]

Drag options to blanks, or click blank then click option'

A--no-deps

B--no-install

C--skip-deps

D--skip-install

Attempts:

3 left

💡 Hint

Common Mistakes

Using '--no-install' which is not recognized by Angular CLI.

Confusing dependency flags with installation flags.

The --skip-install flag tells Angular CLI to create the project but skip installing npm packages right away.

3fill in blank

hard

Fix the error in the command to create a new Angular project with routing enabled.

Angular

ng new my-app [1]

Drag options to blanks, or click blank then click option'

A--route

B--routing

C--routing-enabled

D--enable-routing

Attempts:

3 left

💡 Hint

Common Mistakes

Using '--route' or '--routing-enabled' which are invalid flags.

Trying to enable routing with a flag that does not exist.

The correct flag to enable routing in a new Angular project is --routing.

4fill in blank

hard

Fill both blanks to create a new Angular project with SCSS styling and strict mode enabled.

Angular

ng new my-app [1] [2]

Drag options to blanks, or click blank then click option'

A--style=scss

B--style=css

C--strict

D--no-strict

Attempts:

3 left

💡 Hint

Common Mistakes

Using --style=css instead of SCSS.

Using --no-strict which disables strict mode.

Use --style=scss to set SCSS styling and --strict to enable strict mode.

5fill in blank

hard

Fill all three blanks to create a new Angular project named 'shop', with routing and skip installing dependencies.

Angular

ng new [1] [2] [3]

Drag options to blanks, or click blank then click option'

Ashop

B--routing

C--skip-install

D--style=scss

Attempts:

3 left

💡 Hint

Common Mistakes

Putting flags before the project name.

Using --style=scss instead of --skip-install for skipping install.

The project name is 'shop', routing is enabled with --routing, and dependencies installation is skipped with --skip-install.