Angular project structure walkthrough - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of the src/app folder in an Angular project?

The src/app folder contains the main application code, including components, services, and modules that make up the app's functionality.

beginner

What file defines the root module of an Angular application?

The root module is defined in app.module.ts. It declares components and imports other modules needed for the app.

intermediate

What is the role of the angular.json file?

The angular.json file configures the Angular CLI build and development settings, like file paths, assets, and build options.

intermediate

Where are environment-specific settings stored in an Angular project?

Environment settings are stored in the src/environments folder, typically in files like environment.ts and environment.prod.ts.

beginner

What is the purpose of the main.ts file in Angular?

The main.ts file is the entry point that bootstraps the root module to launch the Angular application in the browser.

Which folder contains the Angular components and services?

A src/assets

B src/app

C src/environments

D node_modules

The src/app folder holds components and services that build the app.

What file is used to configure build and development settings in Angular?

A main.ts

B package.json

C tsconfig.json

D angular.json

The angular.json file controls build and CLI settings.

Where do you find environment-specific configuration files?

A src/environments

B src/assets

C src/styles

D src/app

Environment files like environment.ts are in src/environments.

Which file bootstraps the Angular application?

A app.module.ts

B index.html

C main.ts

D polyfills.ts

The main.ts file starts the app by bootstrapping the root module.

What is the role of app.module.ts?

A Defines the root module and declares components

B Contains styles for the app

C Manages environment variables

D Handles routing configuration

app.module.ts declares components and imports modules for the app.

Describe the main folders and files you find in a typical Angular project and their roles.

Think about where code, configuration, and environment settings live.

Explain how Angular starts an application from the project structure perspective.

Focus on the entry point and module setup.