Scribd
Upload
40 views2 pages

Web Designing 2 Revision Notes

The document provides an overview of various web development technologies including XML, Bootstrap 4, jQuery, JSON, AJAX, and Node.js. Each unit outlines key characteristics, syntax, and functionalities, such as XML's structure and rules, Bootstrap's grid system and components, jQuery's event handling and DOM manipulation, JSON's data format, AJAX's asynchronous capabilities, and Node.js's server-side features. This summary serves as a foundational guide for understanding these essential web technologies.

Uploaded by

imamoddin15
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
40 views2 pages

Web Designing 2 Revision Notes

The document provides an overview of various web development technologies including XML, Bootstrap 4, jQuery, JSON, AJAX, and Node.js. Each unit outlines key characteristics, syntax, and functionalities, such as XML's structure and rules, Bootstrap's grid system and components, jQuery's event handling and DOM manipulation, JSON's data format, AJAX's asynchronous capabilities, and Node.js's server-side features. This summary serves as a foundational guide for understanding these essential web technologies.

Uploaded by

imamoddin15
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Unit 1: XML

- XML = eXtensible Markup Language (stores & transports data)

- Characteristics: Human-readable, platform-independent, Unicode-supported

- Tags must be closed, case-sensitive, single root element required

- Declaration: <?xml version="1.0" encoding="UTF-8"?>

- Structure: Prolog + Document Element (root + children)

- XML Rules: Proper nesting, one root, quoted attributes, case sensitive

Unit 2: Bootstrap 4

- Bootstrap: CSS framework for responsive design

- Grid System: container > row > col-*

- Tables: table, table-striped, table-bordered

- Colors: text-primary, bg-success, etc.

- Alerts: alert alert-success, etc.

- Forms: form-control, form-group

- Buttons: btn, btn-primary, btn-group

- Pagination: pagination, page-item, page-link

Unit 3: jQuery

- jQuery = JS library for simplified DOM & event handling

- Syntax: $(selector).action()

- Selectors: $("p"), $("#id"), $(".class")

- Events: ready(), click(), keypress(), focus(), blur(), change()

- Effects: show(), hide(), fadeIn(), slideUp(), stop(), chaining

- Manipulations: append(), prepend(), before(), after(), wrap()

- Get/Set: text(), html(), attr(), val(), css()

Unit 4: JSON

- JSON = Lightweight data format (JavaScript Object Notation)

- Features: Human-readable, key-value pairs, compact

- Compared to XML: smaller, faster, no tags, no comments allowed

- JSON Object: {"name": "John", "age": 25}

- Arrays: ["Apple"], [1,2,3], [true,false], [{"id":1},{"id":2}]

- Multi-dimensional: Array of objects inside another object

Unit 5: AJAX

- AJAX = Asynchronous JS & XML (update page without reload)


- Works using XMLHttpRequest object

- Key Props: onreadystatechange, readyState, responseText/XML

- Methods: open(), send(), setRequestHeader()

- Async = background data load, Sync = wait till complete

- Steps: Browser -> Request -> Server -> Response -> Page Update

Unit 6: Node.js

- Node.js = JS runtime on server (uses Chrome's V8 engine)

- Features: Non-blocking, event-driven, fast I/O

- Install: nodejs.org, run via terminal

- Server: http.createServer(req, res).listen(port)

- Modules: Built-in (fs, http, url), Custom via require()

- File Ops: readFile(), writeFile(), appendFile(), unlink(), rename()

- Query String: url.parse(req.url, true).query

You might also like