Practice Questions (All Modules)

Module 1: Introduction to Web Development

1. Explain the difference between Frontend, Backend, and Full Stack Development.

2. What is the Client-Server Model? How does a browser communicate with a server?

3. List the essential tools needed for web development and explain their purpose.

4. Describe the roles of HTML, CSS, and JavaScript in web development.

Module 2: HTML – Building the Structure

1. Create an HTML page with a main heading, subheading, and two paragraphs.

2. Make an ordered list of your hobbies and an unordered list of your favorite foods.

3. Design a table with 3 columns and 4 rows with sample data.

4. Build a form with text input, email input, textarea, dropdown select, and submit button.

5. Use semantic HTML tags like header, nav, section, article, and footer.

6. Add an image and a link to another page.

7. Embed audio and video elements with proper attributes.

8. Validate your HTML code using W3C Validator.

Module 3: CSS – Styling the Web

1. Apply inline, internal, and external CSS to style an HTML page.

2. Change background color, fonts, and borders of elements.

3. Explain and implement the CSS Box Model with margin, border, padding, and content.

4. Style text using Google Fonts.

5. Align elements using Flexbox.

6. Create a CSS Grid layout with rows and columns.

7. Add hover effects using pseudo-classes.

8. Create a simple CSS animation for a button.

9. Make a webpage responsive using media queries.

Module 4: JavaScript – Making Websites Interactive

1. Declare variables using let, const, and var.

2. Write a function to calculate the area of a rectangle.

3. Create an array and loop through it to display items.

4. Create an object representing a student with properties.

5. Write a conditional statement to check if a number is positive, negative, or zero.

6. Change the content of an HTML element using JS when a button is clicked.

7. Add an event listener for hover on an image.

8. Validate a form to ensure all fields are filled.

9. Store data in localStorage and retrieve it on page load.

10. Parse a JSON object and display its properties.

Module 5: HTML + CSS + JS Mini Projects

1. Create a Personal Portfolio Page with sections: About, Projects, Contact.

2. Design a Simple Landing Page promoting a product or service.

3. Build a Calculator using JavaScript.

4. Create a To-Do List with add and delete functionality.

5. Make an Image Slider using JavaScript.

6. Add Form Validation to a contact form.

7. Create a Digital Clock displaying current time dynamically.

Module 6: Advanced Topics (Optional)

1. Explain the difference between LAN, WAN, and Topologies.

2. Describe IP Address, ISP, and connectivity modes.

3. Demonstrate web browsing and search techniques.

4. Download a webpage and explain printing process.

Module 7: Final Project – Self-Assessment

1. Is the website responsive and interactive?

2. Are HTML, CSS, and JS concepts applied correctly?

3. Is the website tested on multiple devices and browsers?

4. Are forms, sliders, buttons, and interactive elements functional?

5. Is the website visually appealing and accessible?

Module 8: Deployment & Next Steps

1. Deploy a website using GitHub Pages and note the live URL.

2. Deploy the same website using Netlify.

3. Explain the basic Git commands used to manage your project.

4. Describe career path options after learning HTML, CSS, JS.

5. List the next frameworks or backend technologies to learn and why.