Your SlideShare is downloading. ×
JAva Script Toolkit
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

JAva Script Toolkit

1,707
views

Published on

What is JAST?

What is JAST?

Published in: Technology

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,707
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 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
  • 2. 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
  • 3. 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=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;it&quot; lang=&quot;it&quot;> <head> < title>lorem ipsum</title> <script type=&quot;text/javascript&quot; src=&quot;path-to-script/JAST.js&quot;></script> <script type=&quot;text/javascript&quot;> _._works() </script> </head> <body> </body> </html> http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica
  • 4. 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=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;it&quot; lang=&quot;it&quot;> <head> < title>lorem ipsum</title> <script type=&quot;text/javascript&quot; src=&quot;path-to-script/JAST.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;path-to-script/foo-egg.js&quot;></script> </head> <body> </body> </html> http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica
  • 5. 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=&quot;text/javascript“ src=“JAST.js&quot;></script> <script type=&quot;text/javascript“ src=&quot;fooEgg.js&quot;></script> <script type=&quot;text/javascript&quot;> … _.fooEgg.foo(); … </script> Step #1 Step #2 http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica
  • 6. JAST do it better!
    • Answer #3: When the page content are ready?
    • A temporal interval between the user request and the Load Event of the page.
    • the document “onLoad” event happens after the browser loads all contents of the pages and they are ready and ALL loaded.
    • JAST, instead, do it better: it fires the event when all page content is ready.
    JA va S cript T oolkit http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica
  • 7. JAST do it!
    • XML
    • Menu
    • AJAX
    • Tabbed forms
    • Easy URL Management
    • Easy DOM management
    • Custom forms representaion
    • Easy/Simple extensibile mechanism
    • Allowed Cross Site Scripting (AXSS)
    • Special Effects ( Fade / Moving / Stretching / FX Queues )
    • Popup Box
    • Step Wizard
    • Accessible Rich Text Box
    • Step Wizard
    • Full cross browser compliant ( tested with Firefox 2.0+, Internet Explorer 6.0+, Opera, Safari 3+ )
    • Many other things!
    JA va S cript T oolkit http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica
  • 8. Who talks about JAST?
    • Italian Web Design ( http://www.italianwebdesign.it )
    • Internet Magazine nr. 124 - March 2008 “JAST non è… just another Framework!”
    • JAST is an IWA Useful Resource!
    JA va S cript T oolkit http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica