5. Other Supporting Technology

Section 5. Other Supporting Technology

5.1. JavaScript libraries

• Collection of pre-written methods/functions features that make development faster and easier
• Extends the functionality of native JavaScript, may be focused sets like date.js, moment.js to jQuery a broader task oriented library

Popular JavaScript frameworks/libraries

• jQuery
• Angular
• React
• Vue
• Prototype
• Ember
• D3

5.2. Frameworks and Boilerplates

Collection of prebuilt HTML, CSS and JavaScript files designed to speed up, make the development of sites easier.

• HTML - (readymade templates, semantic structure)
• CSS - (ready typography, layouts, Browser resets)
• JavaScript - (enhanced features modal windows, tooltips, menus)
• **Examples** - Bootstrap, Angular, HTML Shiv Shim

Boilerplate

• A set of templates build around a specific starting point or goal
• Provide a starting point for building sites or apps (latest features need to work/support in older browsers)

Framework

• A collection of assets designed to help build sites or applications faster, easier
• Includes CSS grids, javascript libraries or helpful scripts and HTML templates

5.3. CSS PreProcessors

• CSS is static stylesheet language, CSS PreProcessors help to write CSS more efficiently, semantically with programming features like variables, functions, maths operations, conditionals etc.
• The scripting language that extends the functionality of CSS and must be compiled into native CSS code before publishing

Popular CSS PreProcessors

CSS PreProcessors	Source created in	File conversion
SASS	(Written in Ruby)	.scss / .sass -> .css
Less	(Written in JavaScript)	.less -> .css
Stylus	(Written in JavaScript)	.styl -> .css

5.4. XML - eXtensible Markup Language

A semantic markup language containing rules for defining document structure and data and transfer globally (customized tags) and widely used to share data between multiple applications.

<?xml version="1.0" ?>

    <studentDetails>

        <name>Test</name>
        <rollNumber>001</rollNumber>

    <studentDetails>

Common uses of AML

• RSS feeds - online contents
• AJAX Applications - store or write data
• Flash/XML
• External APIs

Associate technologies with XML

• XSL & XSLT
• XPath

5.5. AJAX (Asynchronous JavaScript and XML)

• Not a new technology
• Not a scripting or programming language
• It isn't any one thing at all...!!!
• AJAX is a new technique for creating better, faster, and more Interactive interfaces or web applications with the help of XML, HTML, CSS, and JavaScript Document Object Model (DOM)
• Think AJAX as a new specific approach to web development which focuses on building interactive and engaging web experiences

5.6. RSS Feed (Rich Site Summary / Real Simple Syndication / Really Simple Syndication)

• RSS uses a family of standard web feed formats to publish frequently updated information like blog entries, news headlines, audio, video.
• An RSS document (called "feed", "web feed", or "channel") includes full or summarised text, and metadata, like publishing date and author's name.
• RSS is a standardized XML base format