90 MCQs, based on MEAN

1. Which of the following is correct about TypeScript?

A - Angular is based on TypeScript.
B - This is a superset of JavaScript.
C - TypeScript is maintained by Microsoft.
D - All of the above.
Ans: D

2. What is the decorator used for configuring your module class?

A - @NgModule
B - @NgApp
C - Both
D - None of above
Ans: A

3.Which angular decorator allows us to define the pipe name that is globally available for
use in any template in the across application?
A - pipeName
B - pipeDeco
C - Pipe
D - None of the above
Ans: c

4.Which character is used for chaining multiple pipes?

A-|
B-:
C - Both
D - None of above
Ans: A
5.RxJS can be used for?
A - Browser
B - Server Side
C - Both
D - None of above
Ans: c

6. How Observables are Used?

A - The Reactive Forms Module uses reactive programming and Observables for listening to
user input
B - The @output() decorator in a component takes an EventEmitter instance. EventEmitter is
a subclass of the RxJS Observable
C - Both
D - None of above
Ans: c

7.What is .subscribe?
A - Streams data in asynchronously
B - Streams data in synchronously
C - Both
D - None of above
Ans: c

8.What does AOT stand for?

A - ahead-of-time compilation
B - Angular Object Templates
C - Both
D - None of above
Ans: A
9.Which of the following is not a hook application life cycle?
A - ngOnChanges
B - ngViewStart
C - ngOnInit
D - None of above
Ans: B

10.Router is part of @angular/core?

A - Yes
B - No
C - None of above
Ans: A

11.Router is part of which of the following module?

A - @angular/core
B - @angular/router
C - Both
D - None of above
Ans: B

12. Data Binding in AngularJs means

A - Synchronization between model part and view part
B - Synchronization between model part and controller part
C - Synchronization between controller part and view part
D - None of the above
Ans: A
13. 11.Router is part of which of the following module?
A - @angular/core
B - @angular/router
C - Both
D - None of above
Ans: B

12. Data Binding in AngularJs means

A - Synchronization between model part and view part
B - Synchronization between model part and controller part
C - Synchronization between controller part and view part
D - None of the above
Ans: A

13. Filter are

A - Current
B - Date
C - Uppercase
D - All of above
Ans: D

14. Which directive is used to start an angularJS application?

A - ng-begin
B - ng-start
C - ng-app
D - None of the above
Ans: C
15. AngularJs is based on
A - MVC Architecture
B - MVVM Architectural pattern
C - Decorator pattern
D - Observer Pattern
Ans: B

16.Which directive links AngularJs with HTML

A - ng-begin
B - ng-app
C - ng-start
D - All of the above
Ans: B

17.Which sign is used as prefix for the built-in objects in AngularJS?

A-$
B-#
C-@
D-*
Ans: A

18. Scope contains model data in AngularJs

A - NO
B - YES
Ans: B
19. The controller take the single parameter
A - $control
B - ^scope
C - $scope
D - None of the above
Ans: C

20. AngularJs supports two way binding?

A - False
B - True
Ans: B

21. Which is a highly configurable and feature packed router. Features included are
standard view routing, nested child routes, named routes, and route parameters.

A - Distinctive Router
B - Component Router
C - Angular Router
D - Creative Router
Ans: B

22. Which directive is used to display views for a given route.

A - RouterAngle
B - RouterLink
C - RouterState
D - RouterOutlet
Ans: D
23. RouterModule.forChild creates a module that contains all the directives and the given
routes, and the router service.

A - True
B - False
Ans: B

24. Which directive substitutes the normal href property and makes it easier to work with
route links in Angular. Moreover if we want to navigate between routes, we use the . . . . . . .
. . . . directive.

A - RouterLinks
B - RouterLinking
C - RouterLink
D - RouterLinq
Ans: C

25. Three main components of Routing are ?

A - RouteObject
B - RouterOutlet
C - RouterState
D - All the above
Ans: D

26. It contains the information about a route associated with a component loaded in an
outlet. Which route can also be used to traverse the router state tree.
A - ActivatedRoute
B - NavigationRoute
C - NavigateRoute
D - ActiveRoute
Ans: A
27. Which Route allow us to pass values in our url to our component so we can dynamically
change our view content.
A - pipes
B - modules
C - variables
D - parameters
Ans: D

28. ...........is nothing but the directive which is provided by the RouterModule. The main role
of . . . . . . . . . is that the router will display each and every component immediately below
router-outlet.

A - routerresolve
B - routeroutlet
C - routerintlet
D - routerguard
Ans: B

29. In Angular which represents an event triggered when a navigation starts.

A - RouteStart
B - RouteInitial
C - NavigationStart
D - NavigateStart
Ans: C
30. There are four different guard types we can use to protect our routes, one of these is

A - CanLoad
B - CanStart
C - CanNavigate
D - CanStop
Ans: A

31. Which of the following is a server-side solution for implementing responsive images?
A - http://adaptive-images.com
B - http://github.com/scottjehl/picturefill
C - http://www.netmagazine.com
D - http://offroadcode.com
Ans: A

32. Which of the following is not included in the framework?

A - font sizes
B - css reset
C - button styles
D - forms
Ans: D

33.A breadcrumb navigation provide links back to each previous page the user navigated
through, and shows the user's which location in a website.

A - Current
B - previous
C - No Location
D - Empty
Ans: A
34. How to combine filter with expression
A - Using Dot {{expression. pipe}}
B - Using Slash {{expression / pipe}}
C - Using PIpe {{expression | pipe}}
D - None of the above
Ans: C

35.How many columns are there in the basic grid of a skeleton?

A - 17
B - 12
C - 16
D - 10
Ans: B

36. Which is not a tool to build responsive websites?

A - skeleton
B - bookmarklets
C - code editors
D - web browsers
Ans: A

37. Which is not bookmarklet?

A - Screen Fly
B - Resizer
C - Screenqueri.es
D - Brackets
Ans: D
38. Adjacent sibling selector is defined with the notation?
A-#
B-$
C-%
D-+
Ans: D

39. Abbreviate RWD. (HTML)

A - Real World Data

B - Relay Wave Diagram
C - Responsive Web Design
D - Rewind
Ans: C

40.PWA one of the components.

A - manifesto
B -shell Script
C -Service Provider
D - - Application shell
Ans D
41.Which is the first component of the PWA.
A - Web App manifest
B -Application shell
C -Service worker
D -Webpack
Ans A

42. The webpack is the fourth component of the PWA.It allows the PWA-developers to
gather all JavaScript resources and data in one location.
It is used to design the PWA which end?
A - Front End
B - Back End
C - Both
D - None
Ans A

43. Do all browsers support PWA?

A- Yes
B - No
Ans A

44.Is Angular supports internationlization

A - True
B - False
Ans A
45. How you an share data between controller and viewer
A - using components
B - using models
C - using service
D - using method
Ans C

46. Controllers are responsible for

A -Displaying the data
B - Controlling the data
C - Analyse data
D -Manupulate data
Ans B

47.Jasmine is a JavaScript testing framework that supports a software development practice

called?
A - SDD
B - BDD
C - MVC
D -None
Ans B

48. Jasmine is the framework which has a bunch of functionalities to allow us the write
different kinds of ?
A - code
B - Test
C - Analyse
D -None
Ans B
49.Karma is a .......... for our tests. It uses a configuration file in order to set the startup file,
the reporters, the testing framework, the browser among other things.
A - Task Runner
B - Lexical Analyser
C - Both
D - None
Ans A

50.Which of the following statement is correct for AngularJS?

A - AngularJS is an HTML framework

B - AngularJS is a Java framework
C - AngularJS is a JavaScript framework
D - AngularJS is a SQL framework
Ans C

51.Angular is perfect for?

A - SPAs
B - MPAs
C - DPAs
D - CPAs
Ans A

52. Which of the following is the correct syntax for writing AngularJS expressions?
A - (expression)
B - {{expression}}
C - {{{expression}}}
D - [expression]
Ans B
53. Do AngularJS provide reusable components?
A - Yes
B - No
Ans A

54. What is used .angular-cli.json

A - Used to link external files
B - Not Used to configure your angular 2 project
C - Not used to install required project packages
D - Not Used to configure your angular 2 project
Ans A

55.Which file is responsible for startup of angular project ?

A - main.ts
B - index.js
C - app.ts
D - angular.cli.json
Ans A

56.Which of the following is the correct way to apply a filter?

A - Property-value || filter
B - Property-value && filter
C - Property-value | filter
D - Property-value $ filter
Ans C
57. Interpolation in angular is done using
A - {{}}
B - {{|var}}
C - {{{}}}
D - !!!!
Ans A

58.What does AOT stand for?

A - Angular Object Templates
B - ahead-of-time compilation
C - Angular Open Terminal
D - View Answer
Ans B

59.Angular is a ?
A - library
B - Framework
C - Operating System
D - programming Language
Ans B

60. . Which character is used for chaining multiple pipes in Angular

A-:
B--
C-\
D-|
Ans D
61. Which of the following filter is used to convert input to all uppercase?
A - upper
B - uppercase
C - toUpper
D - none of the above
Ans B

62. Which of the following is not a hook in Angular application life cycle.
A - ngOnChanges
B - ngOnInit
C - ngAfterViewInit
D - ngViewStart
Ans D

63. Angular 2 is an open source JavaScript framework to build web applications in HTML and
JavaScript. It has been conceived as a......
A - UI first approach
B - Web first approach
C - Mobile first approach
D - None of the above
Ans C
64. Which of the following service has Angular 2, that allows us to dynamically load a
component in a certain position on the page?
A - DynamicComponentLoader
B - DynamicControlLoader
C - DynamicControllerLoader
D - None of the above
Ans C

65. Which of the following option is using Angular 2 to detect changes.

A - Scope.js
B - zone$.js
C - zone.js
D - zones.js
Ans C

66. Which of the following is the New Features Of Angular2?

A - Component-Based
B - Dependency Injection
C - Use of TypeScript
D - All of the Above
Ans D

67. Which of the following is the Advantage Of Aot Compilation?

A - Needs cleanup step before compiling
B - Need to maintain AOT version of bootstrap file
C - Works only with HTML and CSS
D - Detect error at build time
Ans D
68. Which of the following is not a feature of Angular 2?
A - Components
B - Multithread
C - TypeScript
D - Services
Ans B

69. To start working with Angular 2, we need to install the _____________components.

A - Npm
B - Editor
C - GIT
D - All of the above
Ans D

70. Which of the following is true?

A - Angular Components can be used to add more data to an Angular JS class
B - Angular Services can be used to add more data to an Angular JS class.
C - Angular Metadata can be used to add more data to an Angular JS class.
D - All of these
Ans C

71. Which of the following option is correct about tsconfig.json?

A - This file contains information about Angular 2 project.
B - This file contains the system files required for Angular JS application.
C - This file is used to give the options about TypeScript used for the Angular JS project.
D - All of the above
Ans C
72. Angular still does not provide nested components.
A - False
B - True
Ans A

73. What is CLI / Angular CLI ?

A - to create and manage the angular application through command line interface only.
B - manage the UI application
C - manage the GUI
D - None
Ans A

74.How angular works ?

A - AppModule > App.component
B - Main.ts > AppModule > App.component, it serves the content available in the Template
file.
C - Main.ts > App.component
D - None
Ans B

75. What is Two way data binding ?

A - whenever there is a change in the UI view, immediately model also be updated with the
change and vice versa.
B - whenever whenever there is a change in the UI view, immediately model also be
updated with the change and vice versa. view, Not immediately updated with the change
and vice versa.
c - There is a no change in the UI view
D - None
Ans A
76. What is property binding ?
A - NotBinding html properties like disabled[disabled], class[ngClass] and style[ngStyle]
dynamically with component properties
B - Binding html properties like disabled[disabled], class[ngClass] and style[ngStyle]
dynamically with component properties
C - any html properties Not inside the square brackets
D - None
Ans B

77. What are directives ?

A -Directives are instructions in the DOM for angular.
B -Components are not directives.
C -components selector
D -None
Ans A

78.What is the difference between javascript and typescript ?

A - Javascript developed with ES5 standards and/Typescript developed with ES6 standards.
B - Javascript developed with ES6 standards and/Typescript developed with ES5 standards.
C - Both
D - None
Ans A

79. Is Built-in angular pipes are pure by default and good for performances as it is not
running on every change detection cycle.
A - True
B - False
Ans A
80. What is decoraters list down the decorators for
module/components/directives/pipes/services.
A - Module – @NgModule,Component – @Component,Directive – @Directive,Pipe –
@Pipe,Service – @Injectable
B - Directive –@Input and ervice – @Output with EventEmitter
C - Both
D - None
Ans A

81. What are the various ways to implement optimizations in angular ?

A - Shared memory,Lazy loading,AOT compilation,Css minification
B - H2 memory
C - Both
D - None
Ans A

82.How to pass the data between parent to child relationships?

A - @Input
B - @Input and @Output with EventEmitter
C - @Output
D - None
Ans B

83. What are the you created To Create the custom pipes in typescript class which
decorator are used
A - @Input
B - @Pipe
C - @Output
D - None
Ans B
84. What is dumb components ?
A -It is not aware of what happens outside itself. It only receives input via property bindings
and only emits output data as events.
B - Angular Object Templates
C - ahead-of-time compilation
D - None
Ans A

85........... show a collection of items one at a time. They are also known as “slideshows” and
“sliders”.
A - Glyphicons
B - Carousels
C - Both
D - None
Ans B

86. ........... are a set of symbols and icons to understand more effectively and easily in web
projects.
A - Glyphicons
B - Carousels
C - Both
D - None
Ans: A

87. In AngularJS Tables Which directive is used to draw tables in Angular.

A - ng-repeat
B - ng-model
C - ng-input
D - ng-module
Ans: A
88. Find a list of events supported in Angular:
A - ng-dbl-click,ng-mousedown
B - ng-model
C - ng-input
D - ng-module
Ans: A

89.Angular Reactive Forms

Angular reactive forms follow a which approach to handle form input whose values can be
changed over time.
A - Model-driven
B - Spring-driven
C - Model-controller
D - None
Ans: A

90. Postman is an application that allows us to

A - Test APIs utilizing a graphical user interface.
B - Spring APIs utilizing a graphical user interface.
C - Analyse CURD operation
D - None
Ans: A