6 MARK QUESTIONS AND ANSWERS
1. Explain jQuery and its features. (6 Marks)
1. jQuery is a JavaScript library used to simplify HTML, CSS, and JavaScript coding.
2. It makes it easy to handle events, animations, AJAX calls, and DOM elements.
3. It helps write less code to do more work.
4. It is cross-browser compatible (works in all browsers).
5. It has built-in effects like hide, show, fade, and slide.
6. It improves speed and interactivity of web pages.
2. What is AJAX in jQuery? Explain with syntax. (6 Marks)
AJAX stands for Asynchronous JavaScript and XML. It allows web pages to get or send data to a
server without reloading the page.
Syntax:
$.ajax({url: "[Link]", type: "GET", success: function(result){ $("#box").html(result); }});
Features:
1. Updates part of webpage without reload
2. Fast and efficient communication
3. Supports JSON or XML format
4. Improves user experience
5. Used in forms, search boxes, etc.
3. What are jQuery Mobile Buttons and Icons? (6 Marks)
1. jQuery Mobile provides ready-made styled buttons and icons for mobile UI.
2. Buttons are created using <a> or <button> with data-role="button".
3. Icons are added using data-icon attribute.
4. It makes apps look modern and mobile-friendly.
5. Automatically adds touch support and effects.
6. Can combine text and icons.
Example:
<a href="#" data-role="button" data-icon="star">Like</a>
4. What are Popups and Toolbars in jQuery Mobile? (6 Marks)
1. Popups are small overlays to display messages or forms.
2. Toolbars are fixed areas at the top or bottom (like headers/footers).
3. They help create clean mobile layouts.
4. Both use data-role attributes.
5. Popups can contain forms, text, or images.
6. Toolbars stay fixed even during scroll.
Example:
<div data-role="popup" id="info">This is a popup.</div>
<div data-role="header"><h1>My App</h1></div>
5. What is Bootstrap? Explain its advantages. (6 Marks)
1. Bootstrap is a CSS framework for designing responsive web pages.
2. It contains predesigned buttons, forms, grids, and components.
3. Developed by Twitter developers.
4. Uses HTML, CSS, and JS.
5. Saves design time with ready-made styles.
6. Responsive design works on mobiles, tablets, and desktops.
Example:
<link rel="stylesheet"
href="[Link]
<button class="btn btn-primary">Click Me</button>
6. Explain AngularJS with an example. (6 Marks)
1. AngularJS is a JavaScript framework developed by Google.
2. It is used to build dynamic single-page web apps (SPA).
3. It connects HTML with data using data binding.
4. Uses special tags like ng-model, ng-bind, ng-app.
5. No need to reload page for updates.
6. Used in dashboards, live forms, and interactive apps.
Example:
<div ng-app=""><input type="text" ng-model="name"><p>Hello {{name}}</p></div>
7. What is Data Binding in AngularJS? (6 Marks)
1. Data binding connects the data (model) and the HTML view.
2. Changes in data reflect automatically in UI.
3. It saves time and reduces JavaScript code.
4. There are two types: One-way and Two-way binding.
5. Uses ng-model and {{}} expression.
6. Used in live forms, calculators, etc.
Example:
<input type="number" ng-model="price">
<input type="number" ng-model="qty">
<p>Total: {{price * qty}}</p>