OneBanc Technologies Front end Developer Interview Questions and Answers

HTML CSS BOOTSTRAP JAVASCRIPT

Q1. Tell About Your Self.
Add your answer
Q2. What are your strength
Add your answer
Q3. Consider the type of interview you can expect
Ans. 
A face-to-face interview or Online interview
Answered by Durga Yt
Add your answer
Q4. Why did you decide to apply for this position?
Ans. 
'I see the role as a way of developing my career in a forward-thinking/well-established company/industry as…' 'I feel I will succeed in the role because I have experience in/softs skills that demonstrate/ I've taken this course believe my skills are well-suited to this job .
Answered by Durga Yt
Add your answer
Q5. Why do you want to work here?
Ans. 
“I see this opportunity as a way to contribute to an exciting/forward-thinking/fast-moving company/industry,
Answered by Durga Yt
Add your answer

GD can be divided into 3 categories

Was asked to create a UI component keeping in mind scalability and reuseability.

General discussion about resume and projects, and then some basic JS coding questions like implement throttling and memoization.

Q1. Discussion about past experiences and projects
Add your answer
Q2. Why you want to leave current job.
Add your answer
Q3. Expectations from the role and company
Add your answer

It was on hackerrank, it was given to solve 3 questions in JS along with quiz on js concepts

It was a js fundamental round, was asked similar JS problems asked in the hackerrank test

Q1. Describe your favourite/last project
Ans. 
Developed a responsive e-commerce website for a local boutique selling handmade jewelry
• Used HTML, CSS, and JavaScript to create a visually appealing and user-friendly interface

• Implemented a product carousel to showcase different jewelry collections

• Integrated a payment gateway for secure online transactions
Answered by AI
Add your answer
Q2. How to keep your updated in tech
Ans. 
Stay updated by regularly reading tech blogs, attending conferences, taking online courses, and networking with other professionals.
• Read tech blogs regularly (e.g. TechCrunch, Mashable)

• Attend tech conferences and workshops

• Take online courses and tutorials (e.g. Udemy, Coursera)

• Network with other professionals in the field (e.g. LinkedIn, Meetup)
Answered by AI
Add your answer
Q3. Do you try every new framework comes in the market
Ans. 
I do not try every new framework that comes in the market, but I do stay updated on the latest trends and evaluate them based on project requirements.
• I prioritize learning frameworks that align with the project needs

• I assess the pros and cons of new frameworks before deciding to use them

• I stay updated on industry trends and experiment with new frameworks in personal projects
Answered by AI
Add your answer
Q4. How will you optimise a code
Ans. 
Optimizing code involves identifying and fixing bottlenecks to improve performance and efficiency.
• Identify and remove unnecessary code or functions

• Use efficient algorithms and data structures

• Minimize network requests and optimize asset loading

• Implement caching mechanisms

• Profile and analyze code performance
Answered by AI
Add your answer

In coding questions.

Q1. Basics of technical questions
Add your answer
Q2. About my self and my skills related
Add your answer
Q3. What is HTML, and what is its role in web development?
Ans. 
HTML stands for Hypertext Markup Language and is the standard markup language for creating web pages.
• HTML is used to structure content on the web by using a series of elements and tags.

• It provides the basic building blocks for creating websites, such as headings, paragraphs, images, links, and forms.

• HTML works in conjunction with CSS (Cascading Style Sheets) and JavaScript to create visually appealing and interactive w...read more
Answered by AI
Add your answer
Q4. Explain the basic structure of an HTML document.
Ans. 
The basic structure of an HTML document includes the doctype declaration, html element, head element, and body element.
• DOCTYPE declaration specifies the version of HTML being used

• HTML element wraps the entire content of the document

• Head element contains meta information about the document

• Body element contains the visible content of the document
Answered by AI
Add your answer
Q5. What is the purpose of HTML tags and attributes?
Ans. 
HTML tags and attributes are used to structure and define content on a web page.
• HTML tags are used to define different elements on a web page, such as headings, paragraphs, images, links, etc.

• Attributes provide additional information about an element, such as its appearance, behavior, or functionality.

• For example, the <img> tag is used to display an image on a web page, and the 'src' attribute specifies the image
Answered by AI
View 1 more answer

Basics of html and css

Q1. How was the importance of html.
Ans. 
HTML is a fundamental language for creating web pages and is essential for structuring content on the internet.
• HTML stands for HyperText Markup Language

• It is used to create the structure of web pages by using elements like headings, paragraphs, images, links, etc.

• HTML is the backbone of web development and is essential for creating accessible and user-friendly websites
Answered by AI
View 1 more answer
Q2. How was the importance of css.
Ans. 
CSS is crucial for styling and formatting web pages, enhancing user experience and creating visually appealing designs.
• CSS is used to control the layout, colors, fonts, and overall appearance of a website.

• It allows for responsive design, making websites adapt to different screen sizes and devices.

• CSS can be used to create animations, transitions, and interactive elements on a webpage.

• Without CSS, web pages would be pla...read more
Answered by AI
View 1 more answer
Q3. What is the Html and css.
Ans. 
HTML and CSS are the building blocks of web development, used to create and style web pages.
• HTML stands for HyperText Markup Language and is used to structure content on a web page.

• CSS stands for Cascading Style Sheets and is used to style the content created with HTML.

• HTML uses tags to define elements like headings, paragraphs, images, and links.

• CSS allows for styling elements with properties like color, font size, ma...read more
Answered by AI
Add your answer
Q4. What is the DOCTYPE declaration in HTML, and why is it important
Ans. 
DOCTYPE declaration in HTML specifies the version of HTML being used in the document.
• DOCTYPE declaration is placed at the very beginning of an HTML document before the <html> tag.

• It informs the web browser about the version of HTML being used, which helps in rendering the page correctly.

• It also helps in triggering the browser's standards mode, ensuring consistent display across different browsers.

• Example: <!DO...read more
Answered by AI
View 1 more answer
Q5. How can you include external CSS and JavaScript files in an HTML document.
Ans. 
External CSS and JavaScript files can be included in an HTML document using the <link> and <script> tags.
• Use the <link> tag with the 'rel' attribute set to 'stylesheet' to include external CSS files.

• Use the <script> tag with the 'src' attribute to include external JavaScript files.

• Make sure to specify the correct file path in the 'href' attribute for CSS files and 'src' attribute for JavaScript
Answered by AI
View 1 more answer

Q1. Expected salery
Add your answer

Round duration - 90 Minutes
Round difficulty - Easy

1 coding question which was quite easy. Some MCQ that includes basic questions related to html, css, javascript, oops, dbms and output.

Q1. 
LRU Cache Design Question
Design a data structure for a Least Recently Used (LRU) cache that supports the following operations:
1. get(key) - Return the value of the key if it exists in the cache; otherw...read more
Ans. 
Design a Least Recently Used (LRU) cache data structure that supports get and put operations with a given capacity.
• Implement a doubly linked list to keep track of the order of keys based on their recent usage.

• Use a hashmap to store key-value pairs for quick access and updates.

• When capacity is reached, evict the least recently used item before inserting a new one.

• Update the order of keys in the linked list whenever a ke
Answered by AI
Add your answer

Round duration - 90 Minutes
Round difficulty - Easy

easy round. Had some frontend questions related to html ,css, js , etc Explain Closures in JavaScript. In how many ways can we specify the CSS styles for the HTML element?

Q1. 
String Palindrome Verification
Given a string, your task is to determine if it is a palindrome considering only alphanumeric characters.
Input:
The input is a single string without any leading or trailing...read more
Ans. 
Check if a given string is a palindrome considering only alphanumeric characters.
• Remove non-alphanumeric characters from the input string.

• Compare the string with its reverse to check for palindrome.

• Handle edge cases like empty string or single character input.

• Use two pointers approach for efficient comparison.
Answered by AI
Add your answer
Q2. DBMS Questions
normalization, indexing
Ans. 
Normalization is the process of organizing data in a database to reduce redundancy and improve data integrity. Indexing is a technique to quickly retrieve data from a database.
• Normalization helps in reducing data redundancy by breaking down tables into smaller, related tables.

• Indexing is used to quickly retrieve data by creating indexes on columns in a table.

• Normalization ensures data integrity by minimizing data dupli...read more
Answered by AI
Add your answer

Round duration - 120 Minutes
Round difficulty - Hard

late at 8.00 pm

Q1. 
Priority CPU Scheduling Problem
Given 'N' processes with their “burst times”, where the “arrival time” for all processes is ‘0’, and the ‘priority’ of each process, your task is to compute the “waiting ti...read more
Ans. 
Implement Priority CPU Scheduling algorithm to compute waiting time and turn-around time for processes.
• Implement a function that takes in burst times, priorities, and number of processes as input

• Sort the processes based on priority, with lower process ID as tiebreaker

• Calculate waiting time and turn-around time for each process based on the scheduling algorithm
Answered by AI
Add your answer
Q2. Can you explain the concept of data spooling in operating systems?
Ans. 
Data spooling is a process where data is temporarily stored in a buffer before being sent to an output device.
• Data spooling helps in managing the flow of data between different devices by storing it temporarily.

• It allows for efficient processing of data by decoupling the input/output operations.

• Examples of data spooling include print spooling, where print jobs are stored in a queue before being sent to the printer.
Answered by AI
Add your answer
Q3. What is the difference between inheritance and generalization in the context of database management systems?
Ans. 
Inheritance is a relationship between a superclass and subclass, while generalization is a relationship between entities with common characteristics.
• Inheritance involves a parent-child relationship where the child class inherits attributes and methods from the parent class.

• Generalization involves grouping entities with common attributes into a higher-level entity.

• Inheritance is a specific form of generalization in obje...read more
Answered by AI
Add your answer

Round duration - 90 minutes
Round difficulty - Medium

It was conducted in Hacker rank which consisted of 10 aptitude questions that included C, C++, Java MCQ. 2 programming questions were also given.

Q1. 
Minimum Cost Path Problem Statement
Given an N x M matrix filled with integers, determine the minimum sum obtainable from a path that starts at a specified cell (x, y) and ends at the top left corner of t...read more
Ans. 
The problem involves finding the minimum sum path from a specified cell to the top left corner of a matrix.
• Start from the specified cell and calculate the minimum sum path to reach the top left corner using dynamic programming.

• Consider the three possible moves: down, right, and down-right diagonal.

• Keep track of the minimum sum at each cell and update it based on the minimum of the three possible moves.

• Finally, the mini...read more
Answered by AI
Add your answer
Q2. 
Balanced Parentheses Combinations
Given an integer N representing the number of pairs of parentheses, find all the possible combinations of balanced parentheses using the given number of pairs.
Explanati...read more
Ans. 
Generate all possible combinations of balanced parentheses for a given number of pairs.
• Use backtracking to generate all possible combinations of balanced parentheses.

• Keep track of the number of open and close parentheses used in each combination.

• Recursively generate combinations by adding open parentheses if there are remaining, and closing parentheses if the number of open parentheses is greater than the number of clo...read more
Answered by AI
Add your answer

Round duration - 60 minutes
Round difficulty - Medium

Technical round with questions based on data structures, oops and networking.

Q1. 
Character Counting Challenge
Create a program that counts and prints the total number of specific character types from user input. Specifically, you need to count lowercase English alphabets, numeric digi...read more
Ans. 
Create a program to count lowercase alphabets, digits, and white spaces from user input until '$' is encountered.
• Read characters from input stream until '$' is encountered

• Count lowercase alphabets, digits, and white spaces separately

• Print the counts of each character type as three integers separated by spaces
Answered by AI
Add your answer
Q2. 
K Largest Elements Problem Statement
Given an unsorted array containing 'N' integers, you are required to find 'K' largest elements from the array and return them in non-decreasing order.
Input:
The fir...read more
Ans. 
Find K largest elements in an unsorted array and return them in non-decreasing order.
• Sort the array in non-decreasing order.

• Return the last K elements of the sorted array.
Answered by AI
Add your answer
Q3. How can you check whether you have an internet connection on your system?
Ans. 
To check internet connection on a system, you can use various methods like pinging a website or checking network status.
• Use ping command to check connectivity to a website (e.g. ping www.google.com)

• Check network status using network settings or command line tools

• Try accessing a website or online service to verify internet connection
Answered by AI
Add your answer
Q4. What happens when you type a URL in a web browser?
Ans. 
When you type a URL in a web browser, the browser sends a request to the server hosting the website, which then responds with the necessary files to display the webpage.
• Browser checks cache for DNS resolution

• If not found, browser sends a DNS query to resolve the domain name to an IP address

• Browser establishes a TCP connection with the server

• Browser sends an HTTP request to the server for the webpage

• Server processes the...read more
Answered by AI
Add your answer

Round duration - 60 minutes
Round difficulty - Medium

Technical round with questions based on data structures, oops and networking.

Q1. 
Counting Sort Problem Statement
Ninja is learning about sorting algorithms, specifically those that do not rely on comparisons. Can you help Ninja implement the counting sort algorithm?
Example:
Input:
...read more
Ans. 
Implement counting sort algorithm to sort an array of integers without comparisons.
• Count the frequency of each element in the input array.

• Calculate the prefix sum of frequencies to determine the position of each element in the sorted array.

• Place each element in its correct position based on the prefix sum.

• Time complexity of counting sort is O(n+k), where n is the number of elements and k is the range of input.

• Example: ...read more
Answered by AI
Add your answer
Q2. What are the applications of the Fibonacci series in real life?
Ans. 
The Fibonacci series has applications in various fields such as mathematics, computer science, art, and nature.
• Used in algorithms for optimization problems and dynamic programming.

• Found in nature, such as the arrangement of leaves on a stem, the branching of trees, and the spiral shapes of shells.

• Applied in financial markets for predicting stock prices and analyzing market trends.

• Utilized in art and design for creating
Answered by AI
Add your answer

Round duration - 30 minutes
Round difficulty - Easy

HR round where the interviewer asked questions to know more about me.