Front-end Interview Questions with TCS

1. What are the new things in HTML5?
2. What are draw backs of AJAX?
3. How to improve performance of front end?
4. What is java script closure?
5. What are different methods to create objects in java script?
6. How to make two div boxes aligned horizontally?
7. What is event bubbling?
8. How to manage browser cache using java script?
9. What is media queries?
10. Difference between XML and JSON?
11. How to make a website responsive without using any framework?
12. Java script MVC?
13. How to implement inheritance in javascript?
14. Difference between == and === in javascript?
15. Inline and block elements in HTML?
16. Why you want to switch to front end?

On Nov22 2015

1.       Introduce yourself

2.       What kind of UI works currently you do in your project?

3.       What is your role in your current project?

4.       What are the new things in HTML5?

5.       What are the new things in CSS3?

6.       How will you achieve responsiveness in your web application?

7.       How integrate bootstrap? What are the steps?

8.       What is CSS boxing?

Every html element is a box and which is having css properties such as padding, margin, border and bckground-color. Content can be placed inside a box. A box can be inserted inside another box. Using box-sizing: border-box; any borders or padding set to the box will not be affected.

9.       What are the drawing techniques in HTML5?

For drawing purpose we need to canvas tag. And need to call getContext() to draw something on it.

10.   How do we get canvas object for drawing purpose?

Using getContext()

11.   Have you used any plug-ins or external libraries for HTML5?
Modernizr js is a javascipt framework which will check for compatibility of html5 and css3 features used in our application. Conditionally we can update this framework to test.

12.   What is JQuery chaining?
Jquery methods can be called followed by other methods. for eg: removeClass().addClass();

13.   What is preventDefault method in javascript?
an event can be cancelled by calling event.preventDefault() method. For eg: a anchor tag href navigation can be cancelled. or button click can be cancelled.

14.   What is stopPropogation in javascript?
it will stop an event from bubbling from parent elements. It will prevent all the events bubbling from parent elements.

15.   What are the steps you do for website optimization and to make it faster?

1.       Minimize HTTP Requests (Implementing image sprite, js/css bundling etc.)

2.       Use a Content Delivery Network (CDN)

3.       Avoid empty src or href

4.       Add an Expires or a Cache-Control Header

5.       Gzip Components

6.       Put StyleSheets at the Top

7.       Put Scripts at the Bottom

8.       Avoid CSS Expressions

9.       Make JavaScript and CSS External

10.   Reduce DNS Lookups

11.   Minify JavaScript and CSS

12.   Avoid Redirects

13.   Remove Duplicate Scripts

14.   Configure ETags

15.   Make AJAX Cacheable

16.   Use GET for AJAX Requests

17.   Reduce the Number of DOM Elements

18.   No 404s

19.   Reduce Cookie Size

20.   Use Cookie-Free Domains for Components

21.   Avoid Filters

22.   Do Not Scale Images in HTML

23.   Make favicon.ico Small and Cacheable

16.   What is sprite?
It is a mechanism to put all the images used an web application put into a single image so we can get rid of multiple web request and website performance can be improved and can save bandwidth.

17.   How can you disable right click of mouse in web page?

document.oncontextmenu = document.body.oncontextmenu = function() {return false;}

18.   Have you ever done testing using javascript?

Qunit is a testing framework used along with jquery.

javascript test method we use to match regex values.

Quuuuueeeeeeeeeeeeeessssssssssssssssssss----------------

1. What are new features in MVC5?
Bootstrapping, Routing attribute, ASP.NET identity, Minification and bundling

2. How to make sure our site works fine in bigger screen?

3. How to use media queries

4. How to implement Bootstrapping? to beginners

5. How to make copy of object ? jquery extend
http://stackoverflow.com/questions/122102/what-is-the-most-efficient-way-to-clone-an-object

             jquery clone

             https://api.jquery.com/clone/

CTSSSSSSS

1. How to debug website in different devices.
2. How can we fix a particular issue which was seen only in a brwoser for eg: IE 11.
3. How to avoid jQuery conflict and where to put noConflict code if two jQuery versions are included in the file.
4. How to use nth-child - Color only 5th row of a table.
5. How to avoid a particular span from coluring.. - using :not(:nth-child
6. What is doctype and any impact if we neglect in webpage.
7. How to add meta dynamically using javascript
8. What are the new things in HTML5
9. What is difference between canvas and svg and any advantage for anything over other one.
10. How to do animation. Say, move an element from one position to another position.
11. How to use position css property. How position absolute will behave if previous div has relative.
12. How float property behaves.
13. Have you used mvc in javascript?
14. How to handle french characer in webpage and how to validate to exclude a french char.
15. What are the encoding types? utf-8,ascii etc.
16. How html and html5 behaves if html tags are not properly closed.

Oracle Jan 3 2017

1. Draw class diagram of current project
2. Features of new dotnet framework version which you use now.
3. javascript callback function
4. js function declaration and definition
5. closures
6. write singleton pattern
7. write factory pattern.
8. write array sorting
9. RESTful service
10. private variables in js
11. diff between require and include in php
12. what all r configuraitons in php.ini
13. asp.net workflow diagram

TCS June 2019 - Selected!!!!!