←

Most IMP Questions

🌐 1CS201 Introduction to Web Programming · Detailed Comprehensive Question Bank

πŸŽ“ Nirma University – B.Tech | Full syllabus: HTML/CSS, JavaScript, jQuery, AngularJS, PHP, Web Servers & Deployment | Every past exam question mapped with page references

⭐ INSIDER TIPS TO SCORE 90%+ IN WEB PROGRAMMING (Examiner‑approved)

πŸ“Œ 1. Write complete, runnable code β€” For HTML/CSS/JS/jQuery/Angular questions, provide fully indented, self‑contained code. Examiners award marks for correct syntax and logic, even if minor errors exist.
πŸ“Š 2. Use tables/diagrams for theory β€” For β€œcompare & contrast” (slice vs splice, substr vs substring), draw a 2‑column table. Include the CSS Box Model diagram for full marks.
πŸ“š 3. Memorise key methods & properties β€” window (alert, prompt, confirm), document (getElementById, getElementsByName), jQuery (hide, show, fade, slide), AngularJS (ng‑model, ng‑repeat, ng‑click).
βš™οΈ 4. Form validation = full flow β€” Show HTML form + JavaScript validation + error messages. Include all conditions (non‑empty, email regex, password strength, match password, DOB β‰₯18).
🌍 5. Deployment & hosting answers β€” Mention shared, VPS, dedicated, cloud hosting with pros/cons. Add a simple flowchart for SDLC (Requirement β†’ Design β†’ Dev β†’ Testing β†’ Deployment).
🎯 6. Practice array/string methods β€” slice, splice, substr, substring, split, join, push, pop, shift, unshift appear frequently. Write sample outputs.
⏱️ 7. Time management β€” First attempt programming questions (6‑8 marks) – they take time. Leave short theory definitions for the end. Show partial code if stuck.
✍️ 8. Use comments & indentation β€” Comments in code show understanding. Proper indentation makes answers readable and professional – examiners appreciate it.

πŸ“Œ How to use this bank: Click πŸ“˜ Course to open the full course PDF at the exact concept page.
Click πŸ“ Exam to jump to the question in the official question bank PDF.
🎯 Year pills: Apr 25 = most recent exam (bold blue).
πŸ“Š Badges indicate frequency & question type. Marks [04] to [18] as per actual exam.

πŸ”₯ High Yield (repeated 3+ times) πŸ“– Theory πŸ“‹ Long (8‑18 marks) πŸ’» Code/Programming πŸ“Š Diagram/Comparison πŸ”Ή Rare (once in last 3 years)
πŸ“„ UNIT I: HTML & CSS – STRUCTURE, STYLING, LAYOUT
πŸ“– Question (with marks)πŸ“… Exam ReferencesπŸ”— PDF Links
πŸ—οΈ TOPIC: HTML Tables, Frames, Forms, Semantic Tags
Write HTML code to generate a complex table with rowspan and colspan (e.g., College Departments & Courses). [06] πŸ”₯ High YieldπŸ’» Code Apr 25 Dec 24 Jun 23 May 24
How <frameset> and <frame> divide a web page? Write code to split horizontally into three frames (20%,30%,50%) and further split the middle frame vertically. [06] πŸ”₯ High YieldπŸ’» Code Dec 24 Apr 25 Jun 23 May 24
Discuss the following HTML tags with examples: <hr>, <area>, <select>, <optgroup>, <del>, <map>, <caption>, <th>. [06] πŸ“– Theory Dec 24 Apr 25 Jun 23 May 24
🎨 TOPIC: CSS – Selectors, Box Model, Background, Borders, Positioning
What is the CSS Box Model? Explain the four parts with a labeled diagram. [06] πŸ”₯ High YieldπŸ“Š Diagram Dec 24 Apr 25 Jun 23 May 24 Feb 25
Inline vs Internal vs External CSS – explain with scenarios of usage in web development. [06] πŸ”₯ High YieldπŸ“– Theory Dec 24 Apr 25 May 24
Class selector vs ID selector in CSS with suitable examples. [04] πŸ“– Theory Dec 24 Apr 25 Jun 23
Develop HTML/CSS to create a <div> with four different border styles (solid, dotted, dashed, double) for top, right, bottom, left respectively; also set border‑radius (50% horizontal, 30px vertical) for top‑right and bottom‑left corners. [06] πŸ’» Code Apr 25 May 24
⚑ UNIT II: JAVASCRIPT – CORE, DOM, EVENTS, VALIDATION
πŸ“– Question (with marks)πŸ“… Exam ReferencesπŸ”— PDF Links
πŸ“Œ TOPIC: Array & String Methods (slice, splice, substr, substring)
Differentiate slice() and splice() methods in JavaScript with suitable examples. [04] πŸ”₯ High YieldπŸ“– Compare Apr 25 Dec 24 Jun 23 May 24 Feb 25
Differentiate substr() and substring() methods with examples. [04] πŸ”₯ High YieldπŸ“– Compare Apr 25 Dec 24 Jun 23 May 24
πŸ“Œ TOPIC: Functions & Global Functions (eval, parseInt, isNaN, toString, valueOf)
Discuss the use of eval(), parseInt(), isNaN() with suitable examples. [06] πŸ’» Code Dec 24 Apr 25 May 24
Differentiate toString() and valueOf() functions in JavaScript with a required code snippet. [04] πŸ“– Compare Apr 25 May 24 Dec 24
πŸ“Œ TOPIC: Window & Document Object Methods, Events
Discuss any four methods of window object in JavaScript with examples (alert, confirm, prompt, open, close, etc.). [06] πŸ”₯ High YieldπŸ’» Code Apr 25 Dec 24 May 24
Write a JavaScript function FindLargest(arr) that returns the largest number from an array (or null if empty). [06] πŸ’» Code Feb 25 Dec 24 May 24
Write a JavaScript program that prints numbers 1 to 100: multiples of 3 β†’ "Fizz", 5 β†’ "Buzz", both β†’ "FizzBuzz". [06] πŸ’» Code Dec 24 Jun 23
πŸ“Œ TOPIC: Form Validation (Registration, Login, Birthday Calculator)
Design a registration form with HTML + JavaScript validation: Full Name (alphabets & spaces), Email (valid format), Password (min 8 chars, 1 uppercase, 1 digit, 1 special), Confirm Password, Phone (10 digits), DOB (β‰₯18 years), Terms checkbox. [06] πŸ”₯ High YieldπŸ’» Full Stack Apr 25 May 24 Dec 24
Write JavaScript to calculate days left until next birthday from user‑entered date of birth. [06] πŸ’» Code Dec 24 Apr 25 Jun 23
🧩 UNIT III: JQUERY & ANGULARJS – DYNAMIC WEB APPS
πŸ“– Question (with marks)πŸ“… Exam ReferencesπŸ”— PDF Links
πŸ“Œ TOPIC: jQuery – Selectors, Events, Effects, Animation, Chaining
Explain any four jQuery events (click, dblclick, mouseenter, hover, focus, blur) with code snippets. [08] πŸ”₯ High YieldπŸ’» Code Apr 25 May 24 Dec 24
Design a web page containing an image and a button "Toggle Image". When clicked, the image hides/shows with a smooth transition using jQuery. [06] πŸ’» Code Apr 25 May 24
How do you slide elements using jQuery? Give an example of slideToggle() method. [04] πŸ’» Code Dec 24 Apr 25 May 24
πŸ“Œ TOPIC: AngularJS – Directives, Data Binding, MVC, Modules
What are AngularJS directives? Explain ng‑show, ng‑repeat, and ng‑click with suitable examples. [08] πŸ”₯ High YieldπŸ’» Code Apr 25 Dec 24 May 24
How does data binding work in AngularJS? Demonstrate two‑way data binding with an example (input field bound to a model, display the entered text in real‑time). [06] πŸ’» Code Apr 25 Dec 24 May 24
Create an AngularJS application that allows the user to input two numbers and dynamically display their sum, difference, and product using two‑way data binding. [06] πŸ’» Code Apr 25 May 24
πŸ–₯️ UNIT IV: BACKEND (PHP) & WEB DEPLOYMENT
πŸ“– Question (with marks)πŸ“… Exam ReferencesπŸ”— PDF Links
πŸ“Œ TOPIC: PHP Functions – Definition, Parameter Passing, Return
Describe the use of functions in PHP, including how to define and call functions. Explain argument passing by reference and default argument values, and how to return values. [06] πŸ”₯ High YieldπŸ’» Code Apr 25 Dec 24 May 24
πŸ“Œ TOPIC: Web Hosting Types (Shared, VPS, Dedicated, Cloud)
Discuss the various web hosting methods used for deploying websites (shared, VPS, dedicated, cloud) along with their pros and cons. [06] πŸ”₯ High YieldπŸ“– Theory Apr 25 Dec 24 May 24
πŸ“Œ TOPIC: Web Development Process (SDLC) & Client‑Server Architecture
Discuss the process of web development from requirement analysis to deployment. Illustrate the overall workflow using an appropriate flowchart. [06] πŸ“Š Diagram Apr 25 Dec 24 May 24
Define the client‑server architecture and discuss its role & working in web development with a suitable diagram. [06] πŸ“Š Diagram Dec 24 Jun 23 May 24
πŸ“˜ BONUS: ADDITIONAL HIGH‑YIELD PRACTICAL QUESTIONS
πŸ“Œ CSS Hover Effects, Background Images, List Styling
Write CSS rules to: (i) set hyperlinks blue without underline, on mouse hover change background to green; (ii) set "college.gif" as background image repeating only vertically; (iii) change text color of all <p> inside a <div> to red; (iv) set list‑item marker of unordered list to an image. [06] πŸ’» Code May 24 Dec 24
πŸ“Œ Prime Numbers & Even Numbers Functions
Write a JavaScript function that takes an array of integers and returns a new array containing only the prime numbers. Display the new array in an alert box. [06] πŸ’» Code May 24 Dec 24 Apr 25
πŸ“Œ HTML Login Form + JS Validation (username/password)
Create a login screen using HTML and JavaScript: username should not start with '_', '@' or number; password length must be 5 to 16 characters; both fields cannot be blank. [06] πŸ’» Code Feb 25 Dec 24
πŸ“Œ jQuery Toggle Visibility & slideToggle
Write jQuery code to (i) toggle the visibility of a specific element when a button is clicked; (ii) slide‑toggle a <div> element with class "toggleDiv" when a button is clicked. [06] πŸ’» Code May 24 Dec 24