SlideShare ist ein Scribd-Unternehmen logo
JavaScript
                         Getting started

                            Wolfram Kriesing, uxebu
                                  Co-Founder

                               @wolframkriesing

Mittwoch, 18. Mai 2011
Wolfram Kriesing
                           Co-Founder

                         @wolframkriesing

Mittwoch, 18. Mai 2011
We open the mobile web.




Mittwoch, 18. Mai 2011
JavaScript
                     • It's a real programming language!
                     • Brendan Eich at Netscape invented it
                     • Web only language - never was
                     • Often not learned, just used
                     • ECMAScript5, ECMAScript.next


Mittwoch, 18. Mai 2011
Take a guess!

                         What is JavaScript?



Mittwoch, 18. Mai 2011
0

Mittwoch, 18. Mai 2011
0

Mittwoch, 18. Mai 2011
Easy, right!?




Mittwoch, 18. Mai 2011
1

Mittwoch, 18. Mai 2011
1

Mittwoch, 18. Mai 2011
2

Mittwoch, 18. Mai 2011
2

Mittwoch, 18. Mai 2011
3

Mittwoch, 18. Mai 2011
3

Mittwoch, 18. Mai 2011
4

Mittwoch, 18. Mai 2011
4

Mittwoch, 18. Mai 2011
So...
                         What is JavaScript?



Mittwoch, 18. Mai 2011
0          YES

             1           YES


              2          YES

              3          YES


              4          YES

Mittwoch, 18. Mai 2011
0



    prompt("Type something here, please!")




Mittwoch, 18. Mai 2011
1

                                            Hack it!




                         https://github.com/wolframkriesing/demo-orientation


Mittwoch, 18. Mai 2011
1

                                            Hack it!




                         https://github.com/wolframkriesing/demo-orientation


Mittwoch, 18. Mai 2011
2

               3


                         Impact is a JavaScript Game Engine



                                    http://impactjs.com/

Mittwoch, 18. Mai 2011
4


                         •100% HTML5
                         •WebGL
                         •JavaScript
                         •8 Chromes
                         •WebSockets
                         •node.js with socket.io

                         http://webglsamples.googlecode.com
Mittwoch, 18. Mai 2011
Microlibraries
                            The new trend!?




Mittwoch, 18. Mai 2011
"JavaScript is broken.
                   It can be fixed with
                    more JavaScript"


Mittwoch, 18. Mai 2011
var o = new Object();

                                  vs.

                              var o = {};




Mittwoch, 18. Mai 2011
var s = new String();

                                  vs.

                              var s = "";




Mittwoch, 18. Mai 2011
var x = "" + y;
                         x.toLowerCase();




Mittwoch, 18. Mai 2011
"By reducing your global footprint to a single
                    name, you significantly reduce the chance of bad
                    interactions with other applications, widgets, or
                                       libraries."




                                                Douglas Crockford


Mittwoch, 18. Mai 2011
;(function(){})()




Mittwoch, 18. Mai 2011
var node = byId("someEl");
                         node._value = 42;




Mittwoch, 18. Mai 2011
var str = s1 + s2 + s3;

                         vs.

       var str = [s1, s2, s3].join("");




Mittwoch, 18. Mai 2011
var C = function(name){
          this.name = name;
       };

       C.prototype.say = function(){
          console.log(this.name);
       };

       var obj = new C("Dave");


Mittwoch, 18. Mai 2011
Libraries



Mittwoch, 18. Mai 2011
Why?
                     • DOM API sucks
                     • Event handling differs
                     • Ajax API sucked
                     • Memory leaks
                     • before HTML5 - no UI
                     • Animations maybe complex

Mittwoch, 18. Mai 2011
Thank you



                          Wolfram Kriesing
                            uxebu.com




Mittwoch, 18. Mai 2011

Weitere ähnliche Inhalte

PDF
Munichjs javascript
PDF
Webtestsuite black berrydevcon
PPTX
Impacts of the industrial revolution in Germany -Paula, Mariano and Mathias
PDF
Pixelplant - WebDev Meetup Salzburg
PDF
TDD with Google Spreadsheets #enterjs 2015
PPT
89893 633577679080468750
PDF
TDD with Google Spreadsheets
Munichjs javascript
Webtestsuite black berrydevcon
Impacts of the industrial revolution in Germany -Paula, Mariano and Mathias
Pixelplant - WebDev Meetup Salzburg
TDD with Google Spreadsheets #enterjs 2015
89893 633577679080468750
TDD with Google Spreadsheets

Ähnlich wie Java scriptgettingstarted (11)

PDF
JavaScript Tools (PHPConference 2011, Berlin)
PDF
NEXT11, Puzzle pieces of our mobile web approach
PDF
Keynote ipc mainz
PDF
I Know What You Will Do Next Summer
PDF
PDF
Mobile WebApps
PDF
Mobile Webapps Entwicklung
PDF
App vs. Widget (HTML5 Apps) - WebTechCon 2010
PDF
JSConf.it 2011: A Wondrous Experience of Sound, Light, and Code
PDF
qooxdoo at VKSI-RIA-Comparison
PDF
May 12 html5 apps - cross platform - upfront ug berlin
JavaScript Tools (PHPConference 2011, Berlin)
NEXT11, Puzzle pieces of our mobile web approach
Keynote ipc mainz
I Know What You Will Do Next Summer
Mobile WebApps
Mobile Webapps Entwicklung
App vs. Widget (HTML5 Apps) - WebTechCon 2010
JSConf.it 2011: A Wondrous Experience of Sound, Light, and Code
qooxdoo at VKSI-RIA-Comparison
May 12 html5 apps - cross platform - upfront ug berlin
Anzeige

Mehr von wolframkriesing (20)

PDF
JavaScript The Language Meetup - Async functions
PDF
Our react-native experiences at crewmeister
PDF
ES6 katas - talk given at enterjs
PDF
TDD for Kids - VLCjs (Valencia Spain, July 2015)
PDF
ES6Katas.org - an introduction and the story behind
PDF
Baby steps
PDF
ECMAScript 6 for real
PDF
Refactoring out of the mess
PDF
Day2 - Refactoring (Lecture SS 2015)
PDF
Day1 - TDD (Lecture SS 2015)
PDF
react.js - DOM as it was meant
PDF
Better Code through TDD
PDF
April JavaScript Tools
PDF
Presentation Mobile Monday Munich, March 2012
PDF
HTML5 Apps - Mobile Developer Summit Bangalore
PDF
Best Practices - Mobile Developer Summit
PDF
Mobile Future - Mobile Developer Summit Bangalore
PDF
PDF
HTML5 Apps - Cross platform
PDF
Uxebu Introduction (Giesecke & Devrient Mobile Security Forum)
JavaScript The Language Meetup - Async functions
Our react-native experiences at crewmeister
ES6 katas - talk given at enterjs
TDD for Kids - VLCjs (Valencia Spain, July 2015)
ES6Katas.org - an introduction and the story behind
Baby steps
ECMAScript 6 for real
Refactoring out of the mess
Day2 - Refactoring (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)
react.js - DOM as it was meant
Better Code through TDD
April JavaScript Tools
Presentation Mobile Monday Munich, March 2012
HTML5 Apps - Mobile Developer Summit Bangalore
Best Practices - Mobile Developer Summit
Mobile Future - Mobile Developer Summit Bangalore
HTML5 Apps - Cross platform
Uxebu Introduction (Giesecke & Devrient Mobile Security Forum)
Anzeige

Java scriptgettingstarted

  • 1. JavaScript Getting started Wolfram Kriesing, uxebu Co-Founder @wolframkriesing Mittwoch, 18. Mai 2011
  • 2. Wolfram Kriesing Co-Founder @wolframkriesing Mittwoch, 18. Mai 2011
  • 3. We open the mobile web. Mittwoch, 18. Mai 2011
  • 4. JavaScript • It's a real programming language! • Brendan Eich at Netscape invented it • Web only language - never was • Often not learned, just used • ECMAScript5, ECMAScript.next Mittwoch, 18. Mai 2011
  • 5. Take a guess! What is JavaScript? Mittwoch, 18. Mai 2011
  • 17. So... What is JavaScript? Mittwoch, 18. Mai 2011
  • 18. 0 YES 1 YES 2 YES 3 YES 4 YES Mittwoch, 18. Mai 2011
  • 19. 0 prompt("Type something here, please!") Mittwoch, 18. Mai 2011
  • 20. 1 Hack it! https://github.com/wolframkriesing/demo-orientation Mittwoch, 18. Mai 2011
  • 21. 1 Hack it! https://github.com/wolframkriesing/demo-orientation Mittwoch, 18. Mai 2011
  • 22. 2 3 Impact is a JavaScript Game Engine http://impactjs.com/ Mittwoch, 18. Mai 2011
  • 23. 4 •100% HTML5 •WebGL •JavaScript •8 Chromes •WebSockets •node.js with socket.io http://webglsamples.googlecode.com Mittwoch, 18. Mai 2011
  • 24. Microlibraries The new trend!? Mittwoch, 18. Mai 2011
  • 25. "JavaScript is broken. It can be fixed with more JavaScript" Mittwoch, 18. Mai 2011
  • 26. var o = new Object(); vs. var o = {}; Mittwoch, 18. Mai 2011
  • 27. var s = new String(); vs. var s = ""; Mittwoch, 18. Mai 2011
  • 28. var x = "" + y; x.toLowerCase(); Mittwoch, 18. Mai 2011
  • 29. "By reducing your global footprint to a single name, you significantly reduce the chance of bad interactions with other applications, widgets, or libraries." Douglas Crockford Mittwoch, 18. Mai 2011
  • 31. var node = byId("someEl"); node._value = 42; Mittwoch, 18. Mai 2011
  • 32. var str = s1 + s2 + s3; vs. var str = [s1, s2, s3].join(""); Mittwoch, 18. Mai 2011
  • 33. var C = function(name){ this.name = name; }; C.prototype.say = function(){ console.log(this.name); }; var obj = new C("Dave"); Mittwoch, 18. Mai 2011
  • 35. Why? • DOM API sucks • Event handling differs • Ajax API sucked • Memory leaks • before HTML5 - no UI • Animations maybe complex Mittwoch, 18. Mai 2011
  • 36. Thank you Wolfram Kriesing uxebu.com Mittwoch, 18. Mai 2011