Cool shits Javascript
                            can do
                                          Alex Dong
                                     Avos System Inc.




Tuesday, 6 March 12
This talk is for you if
                You feels comfortably numb looking at the
                following code.

                typedef std::set<boost::weak_ptr<S> > BaseSet;
                typedef BaseSet::const_iterator       BaseIterator;

                typedef boost::transform_iterator<
                                make_weak_ptr_const<S>,
                                BaseIterator
                        > iterator;




Tuesday, 6 March 12
Embrace the future
                      Give javascript a hug




Tuesday, 6 March 12
Javascript: blossom




Tuesday, 6 March 12
About this talk

                      • Javascript is no longer a language only for
                        programming web pages.
                      • It’s “redefining” the user interface we’ll see
                        for the next 3-5 years!
                      • How we see, hear, and play with computer
                        browser.



Tuesday, 6 March 12
CSS3 - Fonts,
                                Transforms
                      • CSS3
                       • Transform, animation
                       • font-face, better font, kerning
                      • Dead Man’s Hand
                      • letter.js

Tuesday, 6 March 12
HTML5 - Canvas

                      • Open up a whole new world
                       • Render GTK3 in HTML5
                       • Photoshop Filter effects: PaintbrushJS
                       • Bitmap Painting: Sparkles using EaseJS
                       • Physics Modeling with CoffeePhysics

Tuesday, 6 March 12
Javascript - WebGL

                      • Open up GPU to Javascript
                      • World Population: notice the chrome
                        experiment
                      • Love cars? Try helloracer.com
                      • What about skin? Like a face?

Tuesday, 6 March 12
HTML5 - Audio

                      • Sound/Audio
                       • MorningStar Real time sound synth
                       • Play Apple’s ALAC music using javascript


Tuesday, 6 March 12
Process Binary Files
                      • Once you can run javascript out of
                        browser, even more possibilities
                       • Read PDF, Photoshop Files
                       • Nintendo GameBoy or Commodore
                          Emulator
                       • Or load your linux kernel

Tuesday, 6 March 12
Javascript: toy or ugly
                             language

                      Everyone makes mistakes, I
                      made JavaScript.
                      Brendan Eich - Creator of Javascript




Tuesday, 6 March 12
Javascript: The good and
                        nice parts
                      • Javascript: The good parts
                      • Closure: ever wonder how $.fadeIn works?
                      • Higher Order Javascript, Curry.
                      • Functional Javascript: underscore.js
                      • MVC framework: backbone.js
                      • Server side framework: node.js and npm
Tuesday, 6 March 12

Cool shits javascript can do

  • 1.
    Cool shits Javascript can do Alex Dong Avos System Inc. Tuesday, 6 March 12
  • 2.
    This talk isfor you if You feels comfortably numb looking at the following code. typedef std::set<boost::weak_ptr<S> > BaseSet; typedef BaseSet::const_iterator       BaseIterator; typedef boost::transform_iterator<                 make_weak_ptr_const<S>,                 BaseIterator > iterator; Tuesday, 6 March 12
  • 3.
    Embrace the future Give javascript a hug Tuesday, 6 March 12
  • 4.
  • 5.
    About this talk • Javascript is no longer a language only for programming web pages. • It’s “redefining” the user interface we’ll see for the next 3-5 years! • How we see, hear, and play with computer browser. Tuesday, 6 March 12
  • 6.
    CSS3 - Fonts, Transforms • CSS3 • Transform, animation • font-face, better font, kerning • Dead Man’s Hand • letter.js Tuesday, 6 March 12
  • 7.
    HTML5 - Canvas • Open up a whole new world • Render GTK3 in HTML5 • Photoshop Filter effects: PaintbrushJS • Bitmap Painting: Sparkles using EaseJS • Physics Modeling with CoffeePhysics Tuesday, 6 March 12
  • 8.
    Javascript - WebGL • Open up GPU to Javascript • World Population: notice the chrome experiment • Love cars? Try helloracer.com • What about skin? Like a face? Tuesday, 6 March 12
  • 9.
    HTML5 - Audio • Sound/Audio • MorningStar Real time sound synth • Play Apple’s ALAC music using javascript Tuesday, 6 March 12
  • 10.
    Process Binary Files • Once you can run javascript out of browser, even more possibilities • Read PDF, Photoshop Files • Nintendo GameBoy or Commodore Emulator • Or load your linux kernel Tuesday, 6 March 12
  • 11.
    Javascript: toy orugly language Everyone makes mistakes, I made JavaScript. Brendan Eich - Creator of Javascript Tuesday, 6 March 12
  • 12.
    Javascript: The goodand nice parts • Javascript: The good parts • Closure: ever wonder how $.fadeIn works? • Higher Order Javascript, Curry. • Functional Javascript: underscore.js • MVC framework: backbone.js • Server side framework: node.js and npm Tuesday, 6 March 12