Traversing the DOM

This past week has been very interesting. I know how that word can be used indiscriminately to suggest good or bad. We learned a lot of new concepts and did things that were very visual and made our webpages come alive.

DOM, jQuery, Ajax

The document object model (DOM), allows us to interact with elements of a web page through JavaScript.The DOM is accessed with JavaScript to dynamically display – and allow the user to interact with – the information presented. A good explanation of the DOM can be found here.

Ajax — acronym for asynchronous JS and XML. It represent a broad group of Web technologies that can be used to implement a Web application that communicates with a server in the background, without interfering with the current state of the page. That said, the use of XML is not required; JSON is often used instead, and the requests do not need to be asynchronous.

Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in combination to mark up and style information. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads.

jQuery is the most popular JS library in use today. jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. It works with all css selectors so if you know your CSS well, jQuery is your best pal. One of the best cheat sheets is available here.

Together these three things make our web experience smooth and dynamic and make single page applications vivid and interactive.

CSS Reset, CSS Buttons

Reset stylesheet is used to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. It can give you a clean slate to start you CSS styling. In short it is a set of CSS rules that resets the styling of all HTML elements to a consistent baseline.

CSS buttons was another such interesting tool to style button elements on our webpages using an interactive web interface to style a button and getting all its CSS with a click! literally!! So a code that would take me forever to write is something that I can now plug in using this help online.

Show your support

Clapping shows how much you appreciated Shruti Sharma’s story.