-Uday Dhokale.  What is it ??? Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.  Features a unique, easy-to-use.

Slides:



Advertisements
Similar presentations
1 Euro-VO Technology Forum, 23 September 2009, Annotations at the CDS Web 2.0: annotations at the CDS Brice GASSMANN Sébastien DERRIERE Thomas BOCH.
Advertisements

1/7 ITApplications XML Module Session 8: Introduction to Programming with XML.
AHRT: The Automated Human Resources Tool BY Roi Ceren Muthukumaran Chandrasekaran.
With jQuery and AJAX Doncho Minkov Telerik Corporation Technical Trainer.
ProJAX An AJAX Framework for Progress Tom Bascom President Greenfield Technologies
© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect.
Remote Visualization Explorations of Ajax & Web Services.
1 Distributed Mathematics Assessment System (DMAS) & WME Progress and Demo Saleh Al-shomrani Department of Computer Science Kent State University 06/13/2007.
ICS 665 Jesse Abdul. jQuery UI Overview  jQuery UI javascript library Includes all UI component functionality  jQuery UI CSS framework Includes standard.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
Web 2.0 with AJAX Students : LASC Ioana KELEMEN Csilla POP Dan Adrian CIOBANU Dumitru Daniel Project leader : Ahmed RHIAT.
Pengantar Teknologi Internet W15: Advanced Scripting.
Definition from Wikipedia.  The Prototype JavaScript Framework  implemented as a single file of JavaScript code  named prototype.js (
Competence Development Introduction to AJAX. What is AJAX? AJAX = Asynchronous JavaScript and XML For creating interactive web applications – Exchanging.
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.
CAEL 5012 Rich Internet Applications. What you need For this part of the course you will need access to a server with PHP and MYSQL which will be supplied.
Fusion Overview Paul Spencer CTO Jason Fournier Product Manager
Advanced jQuery and Lasso Integration By Steffan Cline
CS 4720 RESTfulness and AJAX CS 4720 – Web & Mobile Systems.
CS378 - Mobile Computing Web - WebView and Web Services.
Ruth Betcher Ruth Christie
XForms: A case study Rajiv Shivane & Pavitar Singh.
Building a UI with Zen Pat McGibbon –Sales Engineer.
Day 17. » Client side and Server side » Since PHP is Server side and can output anything we want, we can output to JS. » With JS libraries, we can create.
JQuery March 09 th,2009 Create by
Intro to Ajax Fred Stluka Jan 25, /25/2006Intro to AjaxFred Stluka2 What is Ajax? "Asynchronous JavaScript and XML" New name for an old technique:
Data File Access API : Under the Hood Simon Horwith CTO Etrilogy Ltd.
JavaScript Programming B.Ramamurthy 6/113/2014B. Ramamurthy CSE6511.
Lecture 13 – XML and JSON SFDV3011 – Advanced Web Development Reference: 1.
MOOD FOOD. PROMOTIONAL WEBSITE Front end of a cross-module project between Advanced Rich Internet Applications and Advanced Client Side Scripting. Promotional.
Spicing Up Web Parts Randy Williams SharePoint Hawaii User Group May 11, 2011.
Ajax. –Asynchronous JavaScript and XML –Umbrella term for technologies that often: Use client-side scripting for layout and formatting Use less than full.
Asterisk based real-time social chat Advisor : Lian-Jou Tsai Student : Jhe-Yu Wu.
Javascript II DOM & JSON. In an effort to create increasingly interactive experiences on the web, programmers wanted access to the functionality of browsers.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
WebSphere Portal Technical Conference U.S Creating Rich Internet (AJAX) Applications with WebSphere Portlet Factory.
Lecture 9: AJAX, Javascript review..  AJAX  Synchronous vs. asynchronous browsing.  Refreshing only “part of a page” from a URL.  Frameworks: Prototype,
Unleash the Power of jQuery Doncho Minkov Telerik Software Academy academy.telerik.com Senior Technical Trainer
Ajax. –Asynchronous JavaScript and XML –Umbrella term for technologies that often: Use client-side scripting for layout and formatting Use less than full.
Rails & Ajax Module 5. Introduction to Rails Overview of Rails Rails is Ruby based “A development framework for Web-based applications” Rails uses the.
Dr. Martin Zhao Sept 4, Topics HTML and related tutorials on w3schools.com Related HTML tags Adding interesting features using JavaScript What is.
XML & AJAX Khaled Al-Sham’aa. XML The Extensible Markup Language (XML) is a general-purpose specification for creating custom markup languages. It is.
Facebook API Kelly Orser. Client Libraries Client libraries will simplify the calls to the platform by reducing the amount of code you have to write.
INNOV-7: Building a Richer UI for the Browser Chris Skeldon Senior Solution Consultant.
Unleash the Power of jQuery Learning & Development Team Telerik Software Academy.
Creating Dynamic Webpages
Libraries and APIs CMPT 281. Overview Basics of libraries and APIs Rich internet applications Examples – Scriptaculous – JQuery.
Martin Kruliš by Martin Kruliš (v1.1)1.
AJAX and REST. Slide 2 What is AJAX? It’s an acronym for Asynchronous JavaScript and XML Although requests need not be asynchronous It’s not really a.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
CMS 2: Advanced Web Editing - Content Presented By: Katie Pagano, Special Projects Manager Steve Pont, Product Architect.
Visualizing JSTOR: Exploring OAI-ORE for Information Topology Navigation CERN Workshop on Innovations in Scholarly Communication (OAI6) 17 th June, 2009.
Agenda 1)Modern web standards overview 2)JavaScript library overview 3)Building a Single Page Application SPA.
XML & JSON. Background XML and JSON are to standard, textual data formats for representing arbitrary data – XML stands for “eXtensible Markup Language”
GUI and Web Programming CSE 403 (based on a lecture by James Fogarty)
INNOV-16: Rich User Interface for the Web???? AJAX to the Rescue Ken Wilner VP of Technology Progress Software.
Android Application Web 1.
AJAX and REST.
Application with Cross-Platform GUI
XML in Web Technologies
AJAX.
Top 5 Front End Development Tools. 1. Sublime Text Sublime Text may be a super quick and have packed text and development editor. If you're about to be.
Built in Fairfield County: Front End Developers Meetup
JQuery with ASP.NET.
JSON++ - A Simple class library for JSON
MIS JavaScript and API Workshop (Part 3)
Intro to Ajax Fred Stluka Jan 25, 2006.
Introduction to JavaScript & jQuery
Ajax and JSON Jeremy Shafer Department of MIS Fox School of Business
Ajax and JSON Jeremy Shafer Department of MIS Fox School of Business
Presentation transcript:

-Uday Dhokale

 What is it ??? Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.  Features a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around.

The biggest part of the Prototype framework are its DOM extensions. Prototype adds many convenience methods to elements returned by the $() function: for instance, you can write $('comments').addClassName('active').show() to get the element with the ID 'comments', add a class name to it and show it (if it was previously hidden). The 'comments' element didn't have those methods in native JavaScript; how is this possible? JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is notably used by APIs all over the web and is a fast alternative to XML in Ajax requests. Prototype finally features JSON encoding and parsing support.

 A collection of Web 2.0 style JavaScript libraries that help web developers to easily add visual and Ajax effects to projects.  Script.aculo.us is a JavaScript library built on the Prototype JavaScript Framework, providing dynamic visual effects and user interface elements via the Document Object Model.

Prototype Framework Demo. A Demo showing a simple mouse event. Script.aculo.us Demo Some Effects I Have cooked up so simply with Script.aculo.us.