WebAshlar Angular JS Developer Interview Questions and Answers

Codility consists of two Angular questions: the first involves creating a form, while the second pertains to developing a searchable input field, along with one DSA coding question.

Q1. How do you build form validations in angular
Ans. 
Form validations in Angular are built using Angular forms and validators.
• Use Angular forms to create form controls and group them together

• Apply built-in validators like required, minlength, maxlength, pattern, etc.

• Create custom validators for complex validation requirements

• Display error messages based on validation status

• Use reactive forms for more control and flexibility
Answered by AI
Add your answer
Q2. How will you create reusable loading logic in angular
Ans. 
Create a service with a loading state and methods to show/hide loading indicators
• Create a loading service with a boolean property 'isLoading'

• Add methods in the service to set isLoading to true/false

• Inject the loading service in components where loading indicators are needed
Answered by AI
Add your answer
Q3. JS questions which includes closure and promise.race
Add your answer

Test was for Web Development - React
75min test
3 Questions
1 Coding Question
2 Scenario based questions

Q1. React Optimization techniques
Add your answer
Q2. React Advantages
Add your answer

Q1. How to debug in production environment?
Add your answer

Q1. Challenges faced during work and how you overcome?
Add your answer

Q1. Why you choose Wells fargo over other offers?
Add your answer

Q1. Scenario based questions
Add your answer
Q2. What is lazy loading?
Ans. 
Lazy loading is a technique used in web development to defer loading non-essential resources until they are needed.
• Lazy loading helps improve page load times by only loading necessary resources initially.

• It is commonly used in Angular applications to load modules, components, or routes on demand.

• Lazy loading can be implemented using Angular's loadChildren property in the routing configuration.
Answered by AI
Add your answer
Q3. What is switchMap?
Ans. 
switchMap is an operator in RxJS that projects each source value to an Observable which is merged in the output Observable.
• switchMap is used to switch to a new Observable whenever the source Observable emits a new value.

• It cancels the previous Observable subscription when a new value is emitted.

• Example: source$.pipe(switchMap(value => new Observable(value)))
Answered by AI
Add your answer
Q4. Observables and promises
Add your answer
Q5. Difference between ?? and ?:
Ans. 
?? is the nullish coalescing operator, while ? is the optional chaining operator in Angular.
• ?? is used to provide a default value when a variable is null or undefined.

• ? is used to safely access nested properties of an object without causing errors if a property is null or undefined.
Answered by AI
Add your answer
Q6. What is services, modules, decorators, directive?
Ans. 
Services, modules, decorators, and directives are key concepts in Angular development.
• Services: Reusable code that can be injected into components to provide specific functionality.

• Modules: Containers for different parts of an Angular application, including components, services, and directives.

• Decorators: Functions that modify classes or properties in Angular, used for adding metadata or behavior to components.

• Directiv...read more
Answered by AI
Add your answer
Q7. What is multicasting ?
Ans. 
Multicasting is the process of sending data from one source to multiple destinations simultaneously.
• In multicasting, a single sender sends data to a group of receivers at the same time.

• It is commonly used in streaming services where one server sends data to multiple clients.

• Multicasting is more efficient than unicasting (one-to-one communication) when sending data to multiple recipients.
Answered by AI
Add your answer
Q8. What is RxJS ?
Ans. 
RxJS is a library for reactive programming using Observables to handle asynchronous data streams.
• RxJS stands for Reactive Extensions for JavaScript.

• It allows you to work with asynchronous data streams and events.

• Operators like map, filter, mergeMap, switchMap, etc., can be used to manipulate and combine streams.

• Example: Using RxJS to handle HTTP requests in Angular applications.
Answered by AI
Add your answer

Q1. Sorting of 1d array
Ans. 
Sorting a 1d array of strings
• Use a sorting algorithm like bubble sort, selection sort, or merge sort

• Consider using built-in sorting functions in programming languages like sort() in Python or Arrays.sort() in Java

• Ensure to compare strings correctly based on their ASCII values
Answered by AI
Add your answer
Q2. Basics of Camunda, Java and Spring boot.
Add your answer

Q1. What is list comprehension
Ans. 
List comprehension is a concise way to create lists in Python by applying an expression to each item in an iterable.
• List comprehension is written inside square brackets []

• It consists of an expression followed by a for clause, then zero or more if clauses

• Example: squares = [x**2 for x in range(10)]
Answered by AI
Add your answer
Q2. Explain spark architecture
Ans. 
Apache Spark is a distributed computing system that provides an interface for programming entire clusters with implicit data parallelism and fault tolerance.
• Apache Spark follows a master-slave architecture with a driver program that communicates with a cluster manager to distribute work across worker nodes.

• It uses Resilient Distributed Datasets (RDDs) as the basic data structure, which are immutable distributed collect...read more
Answered by AI
Add your answer

Write code for palindtomr

1 coding question based on DP for 25 minutes and 30 MCQs on Java , OOPS and code snippet questions also some basic questions based on trees like number of leaf nodes in a complete binary tree with n nodes.

Q1. Write code for finding palindrome of a string
Ans. 
Code to find palindrome of a string
• Iterate through the string from both ends and compare characters

• Use two pointers, one starting from the beginning and one from the end

• If characters at both pointers match, continue checking until they meet in the middle

• If all characters match, the string is a palindrome
Answered by AI
Add your answer
Q2. What is dynamic memory allocation in Java
Ans. 
Dynamic memory allocation in Java refers to the process of allocating memory for objects at runtime.
• Dynamic memory allocation allows for objects to be created and destroyed during program execution.

• The 'new' keyword is used to dynamically allocate memory for objects in Java.

• Dynamic memory allocation helps in managing memory efficiently by allocating memory only when needed.

• Example: int[] arr = new int[5]; dynamically a
Answered by AI
Add your answer
Q3. You are designing an e commerce website which database will you choose and what will you use for authentication given that you can't use JWT or even third party like Google authentication
Ans. 
I would choose a relational database like MySQL and implement a custom authentication system using session management.
• Choose a relational database like MySQL for storing user data, product information, and orders.

• Implement a custom authentication system using session management to securely authenticate users without JWT or third-party services.

• Use encryption techniques to store and validate user passwords securely.

• Util...read more
Answered by AI
Add your answer

Q1. What is the difference between normal and arrow functions
Ans. 
Arrow functions are more concise and have a lexical 'this' binding compared to normal functions.
• Arrow functions do not have their own 'this' keyword, they inherit it from the parent scope.

• Arrow functions do not have their own 'arguments' object.

• Arrow functions cannot be used as constructors with 'new'.

• Arrow functions are more concise and have implicit return when no curly braces are used.
Answered by AI
Add your answer
Q2. All basic JS Questions to cover Hoisting closure
Add your answer
Q3. They asked to show me an example using the API call
Add your answer
Q4. Difference between forEach and Map
Ans. 
forEach is used to iterate over an array and perform a function on each element, while map creates a new array by applying a function to each element.
• forEach does not return a new array, while map does

• forEach does not modify the original array, while map creates a new array

• forEach is used for side effects, while map is used for transformation

• Example: forEach - array.forEach(item => console.log(item)), map - const newAr
Answered by AI
Add your answer

Aptitude was very basic.

Q1. What is constant?
Ans. 
A constant is a value that does not change during the execution of a program.
• Constants are used to store values that remain the same throughout the program.

• They are declared using the 'const' keyword in many programming languages.

• Examples include mathematical constants like pi (3.14159) or physical constants like the speed of light (299,792,458 m/s).
Answered by AI
Add your answer
Q2. What is object oriented programming?
Ans. 
Object oriented programming is a programming paradigm based on the concept of objects, which can contain data and code.
• Objects are instances of classes, which define the structure and behavior of the objects.

• Encapsulation, inheritance, and polymorphism are key principles of object oriented programming.

• Example: Inheritance allows a subclass to inherit attributes and methods from a superclass.
Answered by AI
Add your answer

Q1. Salary Negotiation
Add your answer
Q2. Work culture description
Ans. 
Our work culture is collaborative, innovative, and focused on continuous learning and growth.
• Encourages teamwork and open communication

• Emphasizes creativity and problem-solving

• Provides opportunities for professional development

• Values diversity and inclusion

• Promotes a healthy work-life balance
Answered by AI
Add your answer