This question is aimed at understanding a candidate's methodology and approach to web design. It delves into the systematic process they follow from conceptualization to execution. A proficient web designer typically undergoes a structured workflow that involves understanding client requirements, conducting research, creating wireframes or prototypes, implementing design elements, and finally, testing and refining the end product.

The interview questions might be more centred around foundational knowledge, basic principles, and a passion for learning. 

Q1. What should be good skills as a fresher web developer?

For a fresher entering the field of web development, a combination of technical skills, soft skills, and a passion for learning can set a strong foundation. Here are some essential skills to focus on 

• Basic Knowledge of core like HTML,CSS and Javascript
• Familiar with Mysql
• Problem solving Capabilities.

Q2. Do you have any idea of the role and responsibilities of a web designer?

        The role of a web designer involves creating the visual elements and layout of a website. Here's an overview of their typical responsibilities:

• Understanding Client Requirements: Interacting with clients or stakeholders to comprehend their needs, target audience, and the purpose of the website.
• Responsive Design: Ensuring that the website is responsive and functions seamlessly across various devices and screen sizes.
• Testing and Optimization: Conducting usability tests and performing quality checks to identify and fix any issues or bugs in the design.

Q3. Can you list out steps to speed up page loading?

      Yes, Here are steps to enhance page loading speed:

• Reduces indirect
• Decrease image size
• Placing css at top and script at the bottom
• Remove the cache file and unwanted widgets.

Q4. How is xHTML different from HTML?

xHTML is different from HTML in many ways

• Tags must be lowercase
• xHTML uses double quotes for all attributes.
• xHTML was designed to be compatible with XML-based tools.

Q5. List out the new inputs that support media content in HTML5?

Range,colour,number, tel, search,audio, video etc are added in new HTML5.

Q6. What is the difference between div and span in HTML5?

<div> is a block-level container used for larger sections of content and layout structuring, while <span> is an inline-level container used for applying styles or scripting to smaller, more specific portions of text or elements within a block of content.

Q7. How is the data store in HTML5?

It offers two mechanisms for storing data: localStorage and sessionStorage.Data stored using  sessionStorage persists only for the duration of the browser session. Data stored using localStorage persists even after the browser is closed.

Q8. What is DOM(Document Object Model)?

The DOM represents the elements of a document as a hierarchical tree structure. The DOM provides a platform-neutral interface that allows scripting languages to interact with the structure of documents. 

Q9. What is the difference between SVG and Canva?

SVG (Scalable Vector Graphics) and Canva are both tools used in the realm of graphics and design. SVG is an XML-based vector image format used to define vector-based graphics in XML markup. Canva is an online platform that provides a user-friendly interface for creating graphics.

Q10. What is the use of CORS?

CORS stands for Cross-Origin Resource Sharing. It's a security feature implemented by web browsers to control which resources (e.g., fonts, scripts, images, APIs) from one origin/domain can be accessed by a web page from a different origin/domain.

Q11. What is the difference between <window.onload> and <onDocumentReady>?

The <window.onload> event fires when the entire web page, including all its resources (images, stylesheets, scripts), has finished loading. (Document Ready event) triggers when the DOM is fully constructed, allowing for early execution of scripts that interact with DOM elements, 

Q12. What are the features introduced in CSS3?

CSS3 brought significant advancements and new features to the world of web styling. Some of the key features introduced in CSS3 include Box Model Enhancements, Media Queries, Transforms and Transitions, Gradient Colours etc.

Q13. What are the types of CSS that are used in web design?

There are 3 types of CSS include: 

• Inline CSS:Inline CSS is applied directly to individual HTML elements using the style attribute.
• External CSS:External CSS involves creating a separate  .css file containing all the styles and linking it to HTML documents using the <link> tag.
• Embedded CSS: Internal CSS is defined within the <style> element in the <head> section of an HTML document.

Q14. What is the use of a selector in CSS?

Selectors target specific elements or groups of elements to which the defined styles should be applied. It is used with inline elements.

Q15. What is the use of webkit in CSS3?

The purpose of using the -webkit- prefix was to apply specific CSS properties that were not yet standardised or fully supported across all browsers. 

Q16. What are the different popup boxes that are available in JavaScript? 

In JavaScript, there are three main types of popup boxes or dialogs that can be displayed to users:

• Alert Box:The alert() method displays a simple dialog box with a message and an OK button
• Confirm Box:The confirm() method displays a dialog box with a message, along with OK and Cancel buttons.
• Prompt Box: The prompt() method displays a dialog box with a message, an input field for the user to enter data, and OK and Cancel buttons. It's used to prompt users for input.

Q17. What is “scope” used in javascript and its different types?

In JavaScript, "scope" refers to the context in which variables, functions, and objects are accessible within a codebase. It determines the visibility and accessibility of variables and functions in different parts of a program.

There are mainly two types of scope in JavaScript:

• Global Scope:Variables and functions declared outside of any function or block have global scope.
• Local/Function Scope:Variables declared within a function have local scope, meaning they are accessible only within that function.

Q18. Why is float used in CSS?

The float property in CSS was historically used for layout purposes, particularly for creating multi-column layouts and positioning elements within a container. 

Q19. Can you explain what AJAX is?

AJAX stands for Asynchronous JavaScript and XML. It's a set of web development techniques used to create asynchronous web applications. AJAX allows web pages to send and receive data from a server asynchronously without reloading the entire page.

Q20. State the difference between a web developer and a software developer

While there can be overlaps in skills and responsibilities, there are distinctions between a web developer and a fullstack software developer based on their primary focus, expertise, and the nature of the projects they work on:

• Web Developer:Web developers primarily work on creating websites, web applications, and web-related technologies.
• Software Developer:Software developers work on a broader spectrum of software applications, which can include desktop applications, mobile apps, system software, and more.