1. Suppose If you have an issue with your page, how do you debug it, what tools do you use?

Looking for common debugging practices like W3c validator, Firebug, Chrome Dev Tools.

2. What is Semantic HTML?

HTML using markup that also conveys the containing content. HTML5 has more semantic tags than prior versions (nav | aside | article | header | footer), but using descriptive classes and id's could also be an example of semantic markup.

4. Tell me what is jQuery?

A JavaScript Framework/Library that make things like DOM selection/manipulation, AJAX, and animation, easier.

6. Tell me 3 available jQuery plugins that Bootstrap has in their Query plugin library?

Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel, Affix.

7. Tell us have you learned something new or interesting lately?

Make sure you know all the relevant news and blogs. You should be reading them regardless, but doing so on a daily basis during your job search is important. Be ready to talk casually and fluently about the latest web trends.

8. What is something new / something you have found interesting recently?

Open Ended Question, looking to see what they are learning/ staying up-to-date with.

9. Tell me what is your preferred development environment?

This is your chance to talk shop and demonstrate some industry knowledge. Be prepared to talk about your favorite editor, browser, plug-ins, operating system, and other tools. Freshen up on your lingo.

10. Tell me what got you into Web Development?

Open Ended Question, looking to see what they are learning/ staying up-to-date with.

Download Interview PDF

11. Explain how do you optimize a website's assets?

File concatenation, file compression, CDN Hosting, offloading assets, re-organizing and refining code, etc. Have a few ready.

12. Tell us what is the coolest thing you've ever coded? What's something awesome you've done?

Open Ended Question, looking for an example of a complex/cool project, personality and what motivates them about development.

13. Explain what kind of things must you be wary of when design or developing for multilingual sites?

setting the default language, using Unicode encoding, using the 'lang' attribute, being aware of standard font sizes and text direction, and language word length

14. Name 3 of the minimum HTML elements needed for an HTML document?

☛ !DOCTYPE html
☛ html |
☛ body
☛ head
☛ (title kind-of)

15. Explain what is "Semantic HTML?"?

Semantic HTML is a coding style where the tags embody what the text is meant to convey. In Semantic HTML, tags like <b></b> for bold, and <i></i> for italic should not be used, reason being they just represent formatting, and provide no indication of meaning or structure. The semantically correct thing to do is use <strong></strong> and <em></em>. These tags will have the same bold and italic effects, while demonstrating meaning and structure (emphasis in this case).

17. Name 4 new elements in HTML5 that were not available in previous HTML versions?

☛ canvas
☛ audio
☛ svg
☛ header
☛ footer
☛ aside
☛ article
☛ nav
☛ section etc…

18. Tell me what are the limitations when serving XHTML pages?

Perhaps the biggest issue is the poor browser support XHTML currently enjoys. Internet Explorer and a number of other user agents cannot parse XHTML as XML. Thus, it is not the extensible language it was promised to be.

19. Name 3 attributes of the position property?

☛ static
☛ absolute
☛ fixed
☛ relative
☛ inherit

20. Tell me how do you make comments without text being picked up by the browser?

Comments are used to explain and clarify code or to prevent code from being recognized by the browser. Comments start with "*<!--" and end with " -->".

22. Suppose My hyperlink or image is not displaying correctly, what is wrong with it?

It could be any number of things, but the most common mistakes are leaving out a tag bracket or quote missing for href, src, or alt text may be the issue. You should also verify the link itself.

23. Name 3 attributes of the css position property?

static, absolute, fixed, relative, inherit

24. Tell me what is the difference between <div> and <frame>?

A <div> is a generic container element for grouping and styling, whereas a <frame> creates divisions within a web page and should be used within the <frameset> tag. The use of <frame> and <frameset> are no longer popular and are now being replaced with the more flexible <iframe>, which has become popular for embedding foreign elements (ie. Youtube videos) into a page.

Download Interview PDF

25. What is a CSS reset. What is the difference between a CSS reset and normalize.css?

CSS Reset removes browser default styles. Normalize.css sets a standard across all browsers (It does not 'reset' them).