JAva Script Toolkit

JA va S cript T oolkit Easy-to-use, Adaptable, Accessible http://jastegg.it http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

What is? A lightweight JavaScript Framework With 16kb you have a working framework A simple way to get your web-applications more “Web 2.0” JAST means: AJAX, fx, Easy DOM management The solution to make “Web 2.0” accessible JAST respects the end-user, adopt the graceful enhanchement filosofy and soon will support WAI-ARIA roles, states and properties. JA va S cript T oolkit http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

How it works?

Download the core (http://jastegg.it/eggs/core/ )

Upload in your web-site’s script folder

Include the script call in the pages of your website

Use the functions or include other eggs without any initializations

JA va S cript T oolkit <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it"> <head> < title>lorem ipsum</title> <script type="text/javascript" src="path-to-script/JAST.js"></script> <script type="text/javascript"> _._works() </script> </head> <body> </body> </html> http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

How to extend its functionality?

Create new file

Use the JASTEggIt.extend( <egg>, <method> ) method

Save the file as JavaScript file (eg. foo-egg.js )

Include the script call in the pages of your website

Open your page!

JA va S cript T oolkit <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it"> <head> < title>lorem ipsum</title> <script type="text/javascript" src="path-to-script/JAST.js"></script> <script type="text/javascript" src="path-to-script/foo-egg.js"></script> </head> <body> </body> </html> http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

JAST an example: “hello world!” Answer #1: How an Egg could run on the page contents ready? JA va S cript T oolkit JASTEggIt.extend('fooEgg‘, { startup: function(){ alert('hello world!'); } } ); Answer #2: How an Egg could run on user demand? fooEgg.js JASTEggIt.extend('fooEgg‘, { foo: function(){ alert('hello world!'); } } ); Mypage.html <script type="text/javascript“ src=“JAST.js"></script> <script type="text/javascript“ src="fooEgg.js"></script> <script type="text/javascript"> … _.fooEgg.foo(); … </script> Step #1 Step #2 http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

JAST do it better!