Prev Next

Web / Angular Interview questions

Explain the structure of Angular application projects.

For instance, take the structure of the Shopper Stop angular application.

e2e folder holds end to end test cases that help ensure the angular components are working correctly. This subfolder stores configuration and source files for a set of end-to-end tests that correspond to angular application.

node_modules subfolder provides/stores the npm packages required for the application.

src subfolder contains the source files related to app logic, data, and assets, along with configuration files for the initial application.

.editorconfig configuration file stores editor configuration.

.gitignore file specifies untracked files that Git should ignore.

angular.json stores CLI configuration defaults for all projects in the workspace, including configuration options for build, serve, and test tools that the CLI uses.

package-lock.json provides version information for all packages installed into node_modules by the npm client.

package.json configures npm package dependencies that are available to all projects in the workspace. contains introductory documentation.

tsconfig.json has default TypeScript configuration for apps in the workspace, including TypeScript and Angular template compiler options.

tslint.json stores default TSLint configuration for apps in the workspace.

Structure of src sub-folder.

app/ contains the component files in which your app logic and data are defined.

assets/ contains image files and other asset files to be copied as-is when you build your application.

environments/ contains build configuration options for particular target environments. By default, there is an unnamed standard development environment and a production ("prod") environment. You can define additional target environment configurations.

browserlist configures sharing of target browsers and Node.js versions among various front-end tools.

favicon.ico is the icon to use for this app in the bookmark bar.

index.html is the main HTML page that is served when someone visits your angular site.

main.ts is the main entry point for your app. This typescript file compiles the application with the JIT compiler and bootstraps the application's root module (AppModule) to run in the browser.

polyfills.ts provides polyfill scripts for browser support.

styles.sass lists CSS files that supply styles for a project. The extension reflects the style preprocessor you have configured for the project.

test.ts is the main entry point for your unit tests, with some Angular-specific configuration. inherits from the workspace-wide tsconfig.json file.

tsconfig.spec.json inherits from the workspace-wide tsconfig.json file.

tslint.json inherits from the workspace-wide tslint.json file.

It's right time to invest in Cryptocurrencies Dogecoin! Earn free bitcoins up to $250 now by signing up.

Earn bitcoins upto $250 (free), invest in other Cryptocurrencies when you signup with blockfi. Use the referral link: Signup now and earn!

Using BlockFi, don't just buy crypto - start earning on it. Open an interest account with up to 8.6% APY, trade currencies, or borrow money without selling your assets.

Join CoinBase! We'll both receive $10 in free Bitcoin when they buy or sell their first $100 on Coinbase! Available in India also. Use the referral Join coinbase!

Invest now!!! Get Free equity stock (US, UK only)!

Use Robinhood app to invest in stocks. It is safe and secure. Use the Referral link to claim your free stock when you sign up!.

The Robinhood app makes it easy to trade stocks, crypto and more.

Webull! Receive free stock by signing up using the link: Webull signup.

More Related questions...

What is AngularJS? What are the key features of AngularJS. What are the advantages of using AngularJS? What are the key components of AngularJS Framework? What are the limitations of using AngularJS? Explain about AngularJS Expression. Can we pass parameters to an AngularJS controller? What is bower? What is a component in Angular? What are .ts extension files? How do you communicate between different modules of your application using angularjs? How does interpolation, for example "{{ someModel }}" works? What is $rootScope and how does it relate to $scope? Advantages of components in AngularJS. What is ngBind directive in AngularJS? What is ngIf directive in Angular? Difference between ng-show/ng-hide directives and ngIf in angularjs. Explain directives in Angular. What is the role of selector property of components in AngularJS? Explain Angular architecture. Type of module in Angular 2. Explain root module in angular2. What is an Angular module? What does the npm start do? How do I create a multiline template in the Angular component? What is RXJS and how does it relate to Angular? How to check if a variable is defined using ngIf in Angular? How to check for multiple conditions using Angular ng-if? Features of Angular2. Explain ng-container in Angular. Types of directives in Angular. Difference between Directive and component in Angular. Difference between ngOnInit and ngAfterViewInit of Angular2. Difference between Constructor and ngOnInit in Angular. What is a zone in Angular? Can we use ngIf and ngFor on the same element in Angular? What is router-link directive? Difference between router-link and [router-link] with brackets. Explain Hot Module Replacement (HMR). What is webpack? Difference between ng model and ng bind directives. What is forRoot and forChild method in angular? How do you create and register/provide service using ng CLI? Difference between declarations, providers, and import in NgModule. Explain pipes in Angular. What is angular routing? How to check the Angular version installed? Explain the structure of Angular application projects. What is angular CLI? Elements of the Component decorator in Angular. Explain Angular services. How do I create a service as a singleton in Angular? What is service worker and its advantages in Angular? How does *ngIf directive works? Difference between ng-class and ng-style directives. Difference between Component and template/templateURL. Default view encapsulation model in Angular. What is Ivy in Angular? Types of directives in Angular. What are structural directives in Angular? Difference between Structural and attribute directives. What is <ng-template> in Angular? Explain <ng-container> element in Angular. Name a few builtin pipes in Angular that you are aware of. What are the different types of Pipes in Angular? What is JsonPipe? What are the methods in Angular FormBuilder? What is ngForm directive? What are the child classes of AbstractControl? Difference between Promises and Observable. What is NGModule? Can a Angular component be declared in multiple modules? Design a game using Angular in which the user should click on the highlighted area to score before it vanishes. Also, it should display score with different levels like easy/medium/difficult. What is tree shaking in Angular? What defines an Angular view? Difference between a view, a host view, and an embedded view. Difference between createEmbeddedView and createComponent in Angular. Various forms of data binding markup in Angular. Is ngModel an attribute directive? Mention a few roles of Services in Angular. How do I make a parent component listen for child events? What is the difference between CSS and SCSS? What is router outlet in Angular? What are angular guards? Mention a few drawbacks (disadvantages) of using Angular. What is Angular Universal or Angular SSR? Explain index signature in typescript. Can we consume SOAP web service with Angular Application? Key features of IndexedDB. What is Web worker in Angular? How do you handle right-click event on a DIV in Angular? How do you handle double-click in Angular? What is a nested route in Angular? Types of LocationStrategy in Angular routes. Difference between RouterModule.forRoot() and forChild(). What is APP_INITIALIZER in Angular? Advantages of SCSS over CSS? Why do we need to use Angular? Difference between AngularJS vs Angular. Types of Angular directives. Explain the importance of NPM and node_modules folder? What is the package.json file in Angular? What is typescript and why do we need it? What is schematics in Angular? Explain the importance of Components and Modules? What is Decorator in Angular? What is metadata/annotation in Angular. What is a template in Angular? Different types of data binding in Angular. What is SPA in Angular? How to detect when an @Input() value changes in Angular? What are PWAs? What is the Jasmine test framework? What is Setup and Teardown in Jasmine? What is Karma in Angular testing? What is the use of the Protractor framework in Angular? Explain the purpose of SubSink in Angular. What is NgRx? Can we do two way binding without ngModel? If so, how? What are HostListener and HostBinding? Why using ElementRef is not recommended? What is Angular Unit Testing? How does code coverage work in angular 7? What is single component Angular modules (SCAM)?
Show more question and Answers...


Comments & Discussions