JavaScript nicht nur für Programmierer: Einblicke in die weltweit am meisten missverstandene Programmiersprache

AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
JavaScript nicht nur für
Programmierer
„Einblicke in die weltweit am meisten
missverstandene Programmiersprache“
Peter Hecker / GFU Cyrus AG
Samstag, 4. Mai 13

Suche:
» Home » Über die GFU
Die GFU Cyrus AG
Bereits 1980 als GFU Cyrus + Rölke mbH gegründet, zählt die GFU heute zu den renommiertesten
IT-Schulungsunternehmen in Deutschland. Mehrere tausend IT-Fachleute aus der gesamten
Bundesrepublik besuchen jedes Jahr Seminare bei der GFU.
Was bietet Ihnen die GFU?
Das Seminarprogramm umfasst über 550 unterschiedliche Schulungen aus den Bereichen von A wie Administration über
Betriebssysteme bis Z wie ZOPE. Mit ca. 50 Dozenten aus den verschiedensten IT-Bereichen verfügt die GFU über ein sehr großes
Potential an Fachkompetenz. Dieses Know-how bieten wir Ihnen auch für Ihre Projektarbeit und zum Coaching an.
Die GFU-Kunden
Zu den Kunden der GFU zählen Banken, Versicherungen, Handelskonzerne, Kommunen und öffentliche Einrichtungen. Werfen Sie
doch mal einen Blick auf die GFU-Kundenliste.
Optimierte Themen & Inhalte
Gemeinsam mit den Dozenten entwickelt die GFU ständig praxisorientierte Themen mit maximalem Nutzen für unsere Kunden
weiter. Neue Themen werden rechtzeitig durch die GFU-Fachmitarbeiter analysiert und in das Portfolio aufgenommen.
Exzellente Referenten mit Praxiswissen
Die GFU legt größten Wert darauf, da§ die Referenten ihren Erfahrungshorizont und ihr Wissen ständig in der Projektpraxis
erweitern. Nur so ist Ihr Seminarerfolg wirklich garantiert. Die GFU-Dozenten vermitteln Ihnen kompakt das erforderliche Wissen.
Seminare im Wald und auf der Heide?
Ihr Partner für IT Schulung
Home Seminare Service Semicolon Die GFU Referenzen Kontakt
Kundenservice
Dozenten
Jobs
Fachbibliothek
Mediathek
Empfang der GFU
Seminarräume
Pausenraum
Restaurant
Samstag, 4. Mai 13

Suche:
» Home » Seminare » Kategorien » MS .NET Programmierung
Ihr Partner für IT Schulung
Home Seminare Service Semicolon Die GFU Referenzen Kontakt
= Durchführung garantiert
= Durchführung auf Anfrage
MS .NET Programmierung Schulungen
Beliebte MS .NET Programmierung Schulungen
Seminar Tage Nächster Termin Seminar-ID
C# Komplett 5 15.07.2013 S858
C# Grundlagen 3 15.07.2013 S642
ASP.NET WebForms Komplett 5 10.06.2013 S363
Weitere MS .NET Programmierung Schulungen
Seminar Tage Nächster Termin Seminar-ID
Windows 8-Apps im Metro-Stil C#/VB.NET erstellen 3 05.08.2013 S1531
Clean Code Developer (CCD) - Grundlagen 1 30.09.2013 S1393
Visual Studio LightSwitch - Einstieg und Grundlagen 2 08.08.2013 S1368
VB.NET 2010 Komplett 5 03.06.2013 S1332
VB.NET 2008 Komplett 5 03.06.2013 S1331
VB.NET Komplett 5 03.06.2013 S1330
ASP.NET MVC - Professioneller Einstieg 3 22.05.2013 S1314
VB.NET 2010 für Visual Basic Programmierer 3 01.07.2013 S1302
VB.NET 2010 Einführung 3 03.06.2013 S1301
VB.NET 2010 Aufbau 2 06.06.2013 S1300
C# 2010 Komplett 5 15.07.2013 S1299
C# 2010 Grundlagen 3 15.07.2013 S1298
C# 2010 Aufbau 3 08.07.2013 S1297
Visual Studio 2010 und .NET Framework 4 - Komplett 5 13.05.2013 S1252
Mobile - Compact Framework 3 02.12.2013 S1135
WPF - Windows Presentation Foundation - Design und
Programmierung
3 01.07.2013 S1134
WCF/WF - Windows Communication Foundation/Windows Workflow 3 05.08.2013 S1133
VB.NET 2008 für Visual Basic Programmierer 3 01.07.2013 S1046
VB.NET 2008 Aufbau 2 06.06.2013 S1045
VB.NET 2008 Einführung 3 03.06.2013 S1044
C# 2008 Komplett 5 15.07.2013 S1043
C# 2008 Aufbau 3 08.07.2013 S1042
C# 2008 Grundlagen 3 15.07.2013 S1041
Silverlight - Anwendungsentwicklung 2 10.10.2013 S998
Silverlight - Einführung in Rich-Client-Programmierung 3 02.09.2013 S997
C# Aufbaukurs 3 08.07.2013 S708
VB.NET für Visual Basic Programmierer 3 01.07.2013 S643
.NET Einführung für Programmierer-Anfänger 5 09.09.2013 S620
VB.NET Aufbau 2 06.06.2013 S610
Asynchrone Programmierung und Remoting mit .NET 2 07.11.2013 S515
Windows Programmierung mit WinForms 2 18.07.2013 S513
ADO.NET 3 07.10.2013 S441
.NET Komplett 5 17.06.2013 S439
VB.NET Einführung 3 03.06.2013 S333
Haben Sie Fragen?
Gerne berate ich Sie
persönlich per Mail
oder Telefon.
Nicole Döhring
• Infoline 0221 82 80 90
• Email an GFU
GFU-Service
Shuttle-Service
Hotelreservierung
Parkplätze
Weitere Serviceleistungen
Seminare finden
Alle Seminare
Kategorien
Schlagworte
Termine
• C#,VB.NET, Pattern, Refactoring,TDD, CCD
• ASP.NET WebForms, ASP.NET MVC
• Windows Phone,Windows 8
• WPF, Silverlight,WinForm
• ADO.NET,WCF/WF
• SharePoint...
Samstag, 4. Mai 13

Peter Hecker
• Softwareentwickler
• Trainer
• Seit 1995 vorzugsweise und am liebsten
Web-Technologien!
Samstag, 4. Mai 13

Themen
• Ein Blick zurück - Wie alles begann
• Der aktuelle Stand - JavaScript heute
• Browser und JavaScript-Engines
• JavaScript nicht nur im Browser
• JavaScript-Bibliotheken, -Frameworks und -Tools
• JavaScript-Alternativen
• Ausblick und Fazit
Samstag, 4. Mai 13

JavaScript:
The World's Most Misunderstood Programming Language
Douglas Crockford
www.crockford.com
JavaScript, aka Mocha, aka LiveScript, aka JScript, aka ECMAScript, is one of the world's most popular programming languages.
Virtually every personal computer in the world has at least one JavaScript interpreter installed on it and in active use. JavaScript's
popularity is due entirely to its role as the scripting language of the WWW.
Despite its popularity, few know that JavaScript is a very nice dynamic object-oriented general-purpose programming language. How
can this be a secret? Why is this language so misunderstood?
The Name
The Java- prefix suggests that JavaScript is somehow related to Java, that it is a subset or less capable version of Java. It seems that
the name was intentionally selected to create confusion, and from confusion comes misunderstanding. JavaScript is not interpreted
Java. Java is interpreted Java. JavaScript is a different language.
JavaScript has a syntactic similarity to Java, much as Java has to C. But it is no more a subset of Java than Java is a subset of C. It is
better than Java in the applications that Java (fka Oak) was originally intended for.
JavaScript was not developed at Sun Microsystems, the home of Java. JavaScript was developed at Netscape. It was originally called
LiveScript, but that name wasn't confusing enough.
The -Script suffix suggests that it is not a real programming language, that a scripting language is less than a programming language.
But it is really a matter of specialization. Compared to C, JavaScript trades performance for expressive power and dynamism.
Quelle: www.crockford.com
Samstag, 4. Mai 13

Douglas Crockford
• Yahoo JavaScript
Architekt
• Erﬁnder des JSON-
Standard
• Entwickler der Tools
JSLint und JSMin
Samstag, 4. Mai 13

Ein Blick zurück -
Wie alles begann
Samstag, 4. Mai 13

Der Unternehmer
• Marc Andreessen
ist Mit-Entwickler des
graﬁschen Browsers
Mosaic und gründet
04/1994 mit anderen die
Firma Netscape.
Samstag, 4. Mai 13

Der Erﬁnder
• Brendan Elch
kommt im April 1995 zu
Netscape und entwickelt
in nur zehn Tagen eine
Script-Sprache für den
Netscape Navigator Web
Browser.
Quelle: http://www.w3.org/community/webed/wiki/A_Short_History_of_JavaScript
Samstag, 4. Mai 13

Der erste JS-Browser
• Netscape Navigator 2
wird 03/1996 verfügbar
und enthält „LiveScript“.
Aus Marketinggründen
erfolgt später eine
Umbenennung in
JavaScript.
Quelle: https://developer.mozilla.org/en-US/docs/JavaScript/A_re-introduction_to_JavaScript
Samstag, 4. Mai 13

Die MS-Antwort
• Internet Explorer 3.0
erscheint 08/1996 und
enthält „JScript“.
„[Microsoft] did not want to deal with Sun about the trademark issue, and so they
called their implementation JScript. A lot of people think that JScript and JavaScript
are different but similar languages. That's not the case. They are just different
names for the same language, and the reason the names are different was to get
around trademark issues.“ (Douglas Crockford)
Samstag, 4. Mai 13

What is Ecma
History
Presentation
Organigram
(Technical Committees)
Members
Join
Printer Friendly Version
Back
TC39 - ECMAScript (formerly TC39-TG1)
Scope - Programme of work - Activities
Scope:
Standardization of the general purpose, cross platform, vendor-neutral
programming language ECMAScript. This includes the language syntax, semantics,
and libraries and complementary technologies that support the language.
Programme of work:
1. To maintain and update the standard for the ECMAScript programming
language.
2. To identify, develop and maintain standards for libraries that extend the
capabilities of ECMAScript.
3. To develop test suites that may be used to verify correct implementation of
these standards.
4. To contribute selected standards to ISO/IEC JTC 1.
5. To evaluate and consider proposals for complementary or additional
technologies.
Chairman
Mr. J. Neumann (Microsoft/Yahoo/Mozilla)
Vice-Chairman
Quelle: http://www.ecma-international.org/memento/TC39.htm
Der Standard
• ECMAScript
wird in 06/1997 in der
Version 1.0 vorgestellt.
1999 - ES3
2009 - ES5
2011 - ES5.1
20xx - „Harmony“
Samstag, 4. Mai 13

Die JS-Renaissance
• Jesse James Garret
schreibt 02/2005 den
Artikel:
„Ajax: A New Approach
to Web Applications“.
Das Zeitalter der „Rich
Internet Applications
(RIA)“ beginnt.
Samstag, 4. Mai 13

Der aktuelle Stand -
JavaScript heute
Samstag, 4. Mai 13

„ECMAScript is the preferred
programming language
for the World Wide Web.“
Quelle: ECMAScript - Engineering Excellence For 15Years, 1996 - 2011 (John Neumann)
Samstag, 4. Mai 13

„ECMAScript is the language
that people use without
bothering to learn it ﬁrst.“
Quelle: „The Future of JavaScript I mean ECMAScript - Douglas Crockford“
Samstag, 4. Mai 13

Vorurteile
• „JavaScript ist keine Sprache“
• „JavaScript ist voller Fehler“
• „JavaScript ist nicht schnell genug“
• „JavaScript-Programmierung im Browser ist
einfach schrecklich“
Samstag, 4. Mai 13

Einﬂüsse
• Self
• Prototypen
• Dynamische Objekte
• Java
• Syntax
• Konventionen
• Scheme
• Lambda
• Lose Typisierung
• Perl
• Reguläre Ausdrücke
Samstag, 4. Mai 13

JS-Konzepte
• Objektorientiert
• Keine Klassen
• Prototypen
• Funktional
Samstag, 4. Mai 13

JS-Probleme
• Irreführender Name
• Grundsätzliche Designfehler
• Schlechte Implementierungen
• Schlechte Bücher
Samstag, 4. Mai 13

http://www.2ality.com/2013/01/fallgruben.html
Samstag, 4. Mai 13

Your Account
Search
Popular Topics: Programming JavaScript iPhone Android Python Head First HTML5 & CSS Microsoft Java Perl Linux Data
Print
Subscribe to Newsletters
ShareThis
JavaScript > Excerpts >
This excerpt is from JavaScript: The Good Parts . This authoritative book scrapes away these bad features to
reveal a subset of JavaScript that's more reliable, readable, and maintainable than the language as a whole-a
subset you can use to create truly extensible and efficient code.
Bad Parts: Appendix B - JavaScript: The Good Parts
by Douglas Crockford
And, I pray thee now, tell me for which of my bad parts didst thou first fall in love with me?
--William Shakespeare, Much Ado About Nothing
In this appendix, I present some of the problematic features of JavaScript that are easily avoided. By simply avoiding these features,
you make JavaScript a better language, and yourself a better programmer.
==
JavaScript has two sets of equality operators: === and !==, and their evil twins == and !=. The good ones work the way you would
expect. If the two operands are of the same type and have the same value, then === produces true and !== produces false. The evil
twins do the right thing when the operands are of the same type, but if they are of different types, they attempt to coerce the values.
The rules by which they do that are complicated and unmemorable. These are some of the interesting cases:
'' == '0' // false
0 == '' // true
0 == '0' // true
false == 'false' // false
false == '0' // true
false == undefined // false
false == null // false
null == undefined // true
' trn ' == 0 // true
The lack of transitivity is alarming. My advice is to never use the evil twins. Instead, always use === and !==. All of the comparisons
just shown produce false with the === operator.
with Statement
JavaScript has a with statement that was intended to provide a shorthand when accessing the properties of an object. Unfortunately,
its results can sometimes be unpredictable, so it should be avoided.
The statement:
with (obj) {
a = b;
}
does the same thing as:
if (obj.a === undefined) {
a = obj.b === undefined ? b : obj.b;
} else {
obj.a = obj.b === undefined ? b : obj.b;
}
So, it is the same as one of these statements:
a = b;
a = obj.b;
obj.a = b;
obj.a = obj.b;
It is not possible to tell from reading the program which of those statements you will get. It can vary from one running of the program
to the next. It can even vary while the program is running. If you can't read a program and understand what it is going to do, it is
impossible to have confidence that it will correctly do what you want.
Shopping Cart
Home Shop News & Commentary Answers Safari Books Online Conferences School of Technology Community
Recommended for You
Python Cookbook
Ebook: $39.99
Interactive Data
Visualization for the Web
Ebook: $23.99
HTML5 and JavaScript
Web Apps
Print: $24.99
Ebook: $19.99
Simply by being in the language, the with statement significantly slows down JavaScript processors because it frustrates the lexical
binding of variable names. It was well intentioned, but the language would be better if it didn't have it.
eval
The eval function passes a string to the JavaScript compiler and executes the result. It is the single most misused feature of
JavaScript. It is most commonly used by people who have an incomplete understanding of the language. For example, if you know
about the dot notation, but are ignorant of the subscript notation, you might write:
eval("myValue = myObject." + myKey + ";");
instead of:
myvalue = myObject[myKey];
The eval form is much harder to read. This form will be significantly slower because it needs to run the compiler just to execute a
trivial assignment statement. It also frustrates JSLint (see Appendix�C, JSLint), so the tool's ability to detect problems is significantly
reduced.
The eval function also compromises the security of your application because it grants too much authority to the eval'd text. And it
compromises the performance of the language as a whole in the same way that the with statement does.
The Function constructor is another form of eval, and should similarly be avoided.
The browser provides setTimeout and setInterval functions that can take string arguments or function arguments. When given
string arguments, setTimeout and setInterval act as eval. The string argument form also should be avoided.
continue Statement
The continue statement jumps to the top of the loop. I have never seen a piece of code that was not improved by refactoring it to
remove the continue statement.
switch Fall Through
The switch statement was modeled after the FORTRAN IV computed go to statement. Each case falls through into the next case
unless you explicitly disrupt the flow.
Someone wrote to me once suggesting that JSLint should give a warning when a case falls through into another case. He pointed out
that this is a very common source of errors, and it is a difficult error to see in the code. I answered that that was all true, but that the
benefit of compactness obtained by falling through more than compensated for the chance of error.
The next day, he reported that there was an error in JSLint. It was misidentifying an error. I investigated, and it turned out that I had
a case that was falling through. In that moment, I achieved enlightenment. I no longer use intentional fall throughs. That discipline
makes it much easier to find the unintentional fall throughs.
The worst features of a language aren't the features that are obviously dangerous or useless. Those are easily avoided. The worst
features are the attractive nuisances, the features that are both useful and dangerous.
Block-less Statements
An if or while or do or for statement can take a block or a single statement. The single statement form is another attractive
nuisance. It offers the advantage of saving two characters, a dubious advantage. It obscures the program's structure so that
subsequent manipulators of the code can easily insert bugs. For example:
if (ok)
t = true;
can become:
if (ok)
t = true;
advance( );
which looks like:
if (ok) {
t = true;
advance( );
}
but which actually means:
if (ok) {
t = true;
}
advance( );
Programs that appear to do one thing but actually do another are much harder to get right. A disciplined and consistent use of blocks
makes it easier to get it right.
++ −−
The increment and decrement operators make it possible to write in an extremely terse style. In languages such as C, they made it
possible to write one-liners that could do string copies:
for (p = src, q = dest; !*p; p++, q++) *q = *p;
They also encourage a programming style that, as it turns out, is reckless. Most of the buffer overrun bugs that created terrible
security vulnerabilities were due to code like this.
In my own practice, I observed that when I used ++ and --, my code tended to be too tight, too tricky, too cryptic. So, as a matter of
discipline, I don't use them any more. I think that as a result, my coding style has become cleaner.
Bitwise Operators
discipline, I don't use them any more. I think that as a result, my coding st
Bitwise Operators
JavaScript has the same set of bitwise operators as Java:
& and
| or
^ xor
˜ not
>> signed right shift
>>> unsigned right shift
<< left shift
In Java, the bitwise operators work with integers. JavaScript doesn't have in
numbers. So, the bitwise operators convert their number operands into inte
most languages, these operators are very close to the hardware and very fa
very slow. JavaScript is rarely used for doing bit manipulation.
As a result, in JavaScript programs, it is more likely that & is a mistyped &&
some of the language's redundancy, making it easier for bugs to hide.
The function Statement Versus the function
JavaScript has a function statement as well as a function expression. Thi
function statement is shorthand for a var statement with a function value
The statement:
function foo( ) {}
means about the same thing as:
var foo = function foo( ) {};
Throughout this book, I have been using the second form because it makes
To use the language well, it is important to understand that functions are va
function statements are subject to hoisting. This means that regardless of
scope in which it is defined. This relaxes the requirement that functions sho
sloppiness. It also prohibits the use of function statements in if statemen
statements in if statements, but they vary in how that should be interprete
The first thing in a statement cannot be a function expression because the
with the word function is a function statement. The workaround is to wra
(function ( ) {
var hidden_variable;
// This function can have some impact on
// the environment, but introduces no new
// global variables.
})( );
Typed Wrappers
JavaScript has a set of typed wrappers. For example:
new Boolean(false)
produces an object that has a valueOf method that returns the wrapped va
occasionally confusing. Don't use new Boolean or new Number or new Strin
Also avoid new Object and new Array. Use {} and [] instead.
new
JavaScript's new operator creates a new object that inherits from the operan
binding the new object to this. This gives the operand (which had better b
object before it is returned to the requestor.
If you forget to use the new operator, you instead get an ordinary function c
new object. That means that your function will be clobbering global variable
very bad thing. There is no compile-time warning. There is no runtime warn
By convention, functions that are intended to be used with new should be gi
initial capital letters should be used only with constructor functions that tak
can help spot expensive mistakes that the language itself is keen to overloo
An even better coping strategy is to not use new at all.
void
In many languages, void is a type that has no values. In JavaScript, void i
undefined. This is not useful, and it is very confusing. Avoid void.
If you enjoyed this excerpt, buy a copy of JavaScript: The Good Parts .
Sign up today to receive special discounts,
DON‘T USE THE BAD PARTS!
„By simply avoiding these features, you make
JavaScript a better language, and yourself a
better programmer.“
Samstag, 4. Mai 13

Buchempfehlungen
Samstag, 4. Mai 13

Browser und
JavaScript-Engines
Samstag, 4. Mai 13

Browser Layout-Engine JS-Engine
Internet Explorer Trident Chakra
Opera Presto Carakan
Firefox Gecko IonMonkey
Safari Webkit Nitro
Chrome Webkit V8
02/2013: Opera setzt auch auf Webkit!
Samstag, 4. Mai 13

Welcome to the website for the WebKit Open Source Project!
WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system
framework version of the engine that's used by Safari, Dashboard, Mail, and many other OS X
applications. WebKit's HTML and JavaScript code began as a branch of the KHTML and KJS libraries from
KDE.
Getting involved
There are many ways to get involved. You can:
download the latest nightly build
install developer tools and then check out and build the source
code
Once you have either of these, you can help by:
reporting bugs you find in the software
providing reductions to bugs
submitting patches for review
More info
More information about WebKit can be found on its wiki. You can help here too, by adding information
that can help others learn about WebKit. If you have more questions, contact us.
Projects
There are many exciting (new) projects that you can contribute to:
help us improve Website compatibility
write documentation
SVG
MathML
CSS
DOM
The WebKit Open Source Project
Home
Surfin’ Safari Blog
Planet WebKit
Project Goals
Keeping in Touch
Trac
Contributors Meeting
Working with the Code
Installing Developer Tools
Getting the Code
Building WebKit
Running WebKit
Debugging WebKit
Contributing Code
Commit and Review Policy
Adding Features
Security Policy
Documentation
Wiki
Projects
Code Style Guidelines
Technical Articles
Web Inspector
Web Developer Resources
Demos
Testing
Regression Testing
Leak Hunting
Writing New Tests
Getting a Crash Log
Bugs
Reporting Bugs
http://www.webkit.org/
Samstag, 4. Mai 13

Home Products Conferences Showcase Live Groups
What is V8?
V8 is Google's open source high-performance JavaScript engine, written in C++ and used in
Google Chrome, the open source browser from Google. It implements ECMAScript as specified
in ECMA-262, 3rd edition, and runs on Windows XP and Vista, Mac OS X 10.5+, and Linux
systems that use IA-32, ARM or MIPS processors. V8 can run standalone, or can be embedded
into any C++ application.
How do I start?
Missing Plug
Sign inChrome V8 X Search
Chrome V8 351
Introduction
Getting Started
Documentation▸
Resources▸
Terms of Service
Run the Web.
The JavaScript Engine that powers your Web Applications.
https://developers.google.com/v8/
Samstag, 4. Mai 13

Home Products Conferences Showcase Live Groups
The Web has evolved. So should JavaScript benchmarks.
Octane is a modern benchmark that measures a JavaScript engine’s performance by running a suite of tests representative of today’s co
applications. Octane‘s goal is to measure the performance of JavaScript code found in large, real-world web applications.
You can read more about our set of tests, check the FAQ or run the benchmark yourself.
Sign inOctane X Search
Octane 166
Home
The Benchmark
Compatibility
FAQ
History
Resources▸
Measure Your Engine Performance.
The JavaScript Benchmark Suite for the Modern Web.
https://developers.google.com/octane/
Samstag, 4. Mai 13

Home
Emscripten is an LLVM to JavaScript compiler. It takes LLVM bitcode (which can be generated from C/C++ using Clang, or any other language that
can be converted into LLVM bitcode) and compiles that into JavaScript, which can be run on the web (or anywhere else JavaScript can run).
Using Emscripten, you can
Compile C and C++ code into JavaScript and run that on the web
Run code in languages like Python as well, by compiling CPython from C to JavaScript and interpreting code in that on the web
Sign up for freeSign up for free Sign inSign inExplore GitHubExplore GitHub SearchSearch FeaturesFeatures BlogBlog
Home Pages Wiki History Git Access
kripken / emscripten
PUBLIC

CodeCode NetworkNetwork Pull RequestsPull Requests IssuesIssues WikiWiki GraphsGraphs 2929 207207
Page HistoryPage History
Ready to get started? Check out the Tutorial!
 StarStar 3,767  ForkFork 332
https://github.com/kripken/emscripten/wiki
Samstag, 4. Mai 13

http://asmjs.org/
Samstag, 4. Mai 13

http://ejohn.org/blog/asmjs-javascript-compile-target/
Samstag, 4. Mai 13

JavaScript nicht
nur im Browser
Samstag, 4. Mai 13

Node lets us easily build
efficient, high-throughput
systems that scale. It's a
beautiful solution that renders a
whole class of problems
"formerly hard".
Seth Purcell
VP, Engineering
Node allows our team to speak
one language throughout the
stack: JavaScript. We can use
Chrome Inspector to inspect both
our frontend and backend code.
Magical.
Xavier Damman
Cofounder/CEO
Node’s evented I/O model freed
us from worrying about locking
and concurrency issues that are
common with multithreaded
async I/O.
Subbu Allamarju
Principal Member, Technical Staff
Node.js is not magic. It is better
than magic: a useful tool, making
useful trade-offs. We've come to
delight in and depend on its laid-
back enthusiastic style.
Jason Smith
Technologist
Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network
applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and
efficient, perfect for data-intensive real-time applications that run across distributed devices.
Current Version: v0.10.5
INSTALL
DOWNLOADS API DOCS
NODE.JS IN THE INDUSTRY
http://www.nodejs.org/
Samstag, 4. Mai 13

HOME
DOWNLOAD
ABOUT
NPM REGISTRY
DOCS
BLOG
COMMUNITY
LOGOS
JOBS
@nodejs
Node's goal is to provide an easy way to build
scalable network programs
In the "hello world" web server example below, many client connections
can be handled concurrently. Node tells the operating system (through
epoll, kqueue, /dev/poll, or select) that it should be notified when a new
connection is made, and then it goes to sleep. If someone new connects,
then it executes the callback. Each connection is only a small heap
allocation.
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello Worldn');
}).listen(1337, "127.0.0.1");
console.log('Server running at http://127.0.0.1:1337/');
This is in contrast to today's more common concurrency model where OS threads are
employed. Thread-based networking is relatively inefficient and very difficult to use.
See: this and this. Node will show much better memory efficiency under high-loads
than systems which allocate 2mb thread stacks for each connection. Furthermore, users
of Node are free from worries of dead-locking the process—there are no locks. Almost
Samstag, 4. Mai 13

Architektur
• Single Threaded
• Event Loop
• Non-Blocking I/O
Quelle: http://blog.zenika.com/index.php?post/2011/04/10/NodeJS
Samstag, 4. Mai 13

Quelle: http://blog.cloudfoundry.com/2012/06/27/future-prooﬁng-your-apps-cloud-foundry-and-node-js/
Samstag, 4. Mai 13

Node.js Performance verses MVC 4
14 August 2012
Summary:
In this (rather long) post I look at using server-side Javascript with Node.js, and see how it performs compared with
ASP.NET MVC 4. We see how to host Node.js apps on IIS and Windows Azure, and use Visual Studio 2012's load
testing capabilities to create an assessment of performance and scalability for Node.js verses MVC 4.
Introduction
Node.js has been getting a lot of serious attention recently, mainly with regard to its support for asynchronous
operations, which gives it the ability to scale extremely well. For a more detailed review, see Brett McLaughlin's
review "What is Node.js?" . I decided to try and compare the performance and scalability of Node.js verses ASP.NET
MVC 4 for myself.
What is Node.js?
In a nutshell, Node.js (or just Node, as it's more commonly known) uses Javascript to implement server-side
operations. Based on Google's V8 engine, Node can be used to create server apps that listen for HTTP requests, and
then respond with HTML, JSON, XML, etc. Node provides a simple, command-line self-hosting environment, or it can
also be hosted by IIS, using the IISNode handler.
Setting up all the Requirements
Home All Posts Apps About
Russell Archer's Microsoft Dev Blog
http://rarcher.azurewebsites.net/Post/PostContent/19
„The results I achieved with my un-rigorous approach certainly
seems to suggest that the combination of Node and IISNode is
a winner in terms of scalability and performance.“
Samstag, 4. Mai 13

Search Packages
NODE.JS HOME
DOWNLOAD
ABOUT
NPM REGISTRY
DOCS
BLOG
COMMUNITY
LOGOS
JOBS
Node Packaged Modules
Total Packages: 29 018
1 649 043 downloads in the last day
11 081 298 downloads in the last week
37 504 863 downloads in the last month
Patches welcome!
Any package can be installed by using npm install.
Add your programs to this index by using npm publish.
Recently Updated
1m shh
5m check-types
6m protagonist
6m kingpin
12m silly-builder
17m helper-lib
17m spooks
18m chainable
18m modjs
20m etikett
More...
Most Depended Upon
2832 underscore
1951 async
1741 request
1335 express
1326 optimist
1303 coffee-script
1168 commander
944 colors
653 uglify-js
620 mkdirp
More...
Most Starred Most Prolific Recently
Create Account | Login
https://npmjs.org/
Samstag, 4. Mai 13

http://gruntjs.com/
Samstag, 4. Mai 13

SOURCE CODE DOCUMENTATION API EXAMPLES FAQ
Full web stackFull web stack
No browser requiredNo browser required
PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and
native support for various web standards: DOM handling, CSS selector, JSON, Canvas,
and SVG.
DownloadDownload v1.9v1.9 Get started
Simple Javascript example
console.log('Loading a web page');
var page = require('webpage').create();
var url = 'http://www.phantomjs.org/';
page.open(url, function (status) {
//Page is loaded!
phantom.exit();
});
HEADLESS WEBSITE TESTING
Run functional tests with
frameworks such as Jasmine,
QUnit, Mocha, Capybara,
WebDriver, and many others.
Learn more
SCREEN CAPTURE
Programmatically capture web
contents, including SVG and
Canvas. Create web site
screenshots with thumbnail
preview. Learn more
PAGE AUTOMATION
Access and manipulate webpages
with the standard DOM API, or
with usual libraries like jQuery.
Learn more
NETWORK MONITORING
Monitor page loading and export
as standard HAR files. Automate
performance analysis using YSlow
and Jenkins. Learn more
PhantomJS is used in the test workflow of various open-source projects:
Community: Read the release notes Join the mailing list Report bugs
PhantomJS is an optimal solution for
http://phantomjs.org/
Samstag, 4. Mai 13

Apache CouchDB™ is a database
that uses JSON for documents,
JavaScript for MapReduce queries,
and regular HTTP for an API
DOWNLOAD
Version 1.3.0
A Database for the Web
CouchDB is a database that completely embraces the web. Store your data with JSON documents. Access
your documents with your web browser, via HTTP. Query, combine, and transform your documents with
About Contribute Mailing List Download Quick Links
http://couchdb.apache.org/
Samstag, 4. Mai 13

JavaScript-Bibliotheken, -
Frameworks und -Tools
Samstag, 4. Mai 13

• DOM
• Ajax
• Utility
• UI/UX
• Graphics
• Templating
• Application
JS-Aufgaben
Samstag, 4. Mai 13

Blog Catalog Add Library Sign In Find a Javascript library
Essentials
Application Frameworks (39)
Mobile Frameworks (18)
MVC Frameworks (36)
Realtime Frameworks (4)
Desktop GUI (3)
ServerSide Libraries (11)
Testing Frameworks (59)
Templating Engines (25)
Loaders (34)
UI
UI Frameworks (25)
Windows, Modals, Popups (20)
Keyboard Wrappers (26)
Form Widgets (55)
UI Components (30)
Sliders & Galleries (39)
Notifications (14)
WYSIWYG Editors (31)
Touch (53)
Multimedia
Game Engines (88)
Physics Libraries (12)
Animation Libraries (16)
Audio Libraries (19)
Presentation Libraries (21)
Video Players (10)
Graphics
Canvas Wrappers (19)
WebGL (17)
Image Manipulation (16)
Visualization Libraries (42)
Color Libraries (9)
Mapping Libraries (10)
Send beautiful email
newsletters with
Campaign Monitor
FusionAds
JSter is a catalog of 1113 JavaScript libraries1113 JavaScript libraries and tools for web development.
JavaScript Libraries Catalog
Did we miss something? You are free to add any useful JavaScript library or tool. Log in with GitHub account
and click Add Library
Quelle: http://jster.net/catalog
Samstag, 4. Mai 13

market report of
specific JavaScript
libraries.
Learn more
Markup Languages
Character Encodings
Image File Formats
Site Elements
Certificate Authorities
Social Widgets
Web Servers
Operating Systems
Content Delivery
Traffic Analysis Tools
Advertising Networks
Top Level Domains
Content Languages
Trends
Usage Trend
Market Share Trend
Market
Top Site Usage
Market Position
Breakdown
Ranking
ple Technology Usage
Content Management
Server-side Languages
Client-side Languages
Markup Languages
Character Encodings
Image File Formats
Site Elements
Certificate Authorities
Social Widgets
Web Servers
Operating Systems
Content Delivery
Traffic Analysis Tools
Advertising Networks
Top Level Domains
the methodologies used in the surveys. Our reports are updated
daily.
How to read the diagram:
38.1% of the websites use none of the JavaScript libraries that we
monitor.
JQuery is used by 56.4% of all the websites, that is a JavaScript library market share of 91.1%.
None 38.1%
JQuery
56.4%
91.1%
MooTools
4.8%
7.7%
Prototype
3.5%
5.7%
ASP.NET Ajax
3.2%
5.2%
Script.aculo.us
2.7%
4.3%
YUI Library
1.5%
2.5%
Spry
0.6%
1.0%
Dojo
0.2%
0.3%
Ext JS
0.1%
0.1%
Knockout
less than 0.1%
0.1%
W3Techs.com, 24 March 2013
absolute usage percentage market share
Percentages of websites using various JavaScript libraries
Note: a website may use more than one JavaScript library
The following JavaScript libraries have a market share of less than 0.1%
DHTMLX
AngularJS
MochiKit
DOMAssistant
UIZE
applications based on
Advertise H
Latest related pos
Web technology fa
29 January 2013
Usage of the Knockou
library was growing b
last 10 months.
» more
Visual PHP App Build
www.lianja.com
Build Desktop,Web and
Apps. Free Download
Windows/OS X/Linux
Urlaub Westaustralie
www.WesternAustralia.
Ein perfekter Australien
Touren, Karten, Videos
Pure CSS3 Dropdown
CSS3Menu.com
Beautiful CSS3 Drop Do
Menus and Buttons! No
Javascript. No Images.
Quelle: http://w3techs.com/technologies/overview/javascript_library/all
Samstag, 4. Mai 13

DownloadDownload API DocumentationAPI Documentation BlogBlog PluginsPlugins Browser SupportBrowser Support
Plugins Contribute Events Support jQuery Foundation
Search jQuery 
Download
jQuery
v1.9.1 or v2.0.0
View Source on GitHub →
How jQuery Works →
Lightweight
Footprint
Only 32kB minified and
gzipped. Can also be
included as an AMD
module
CSS3 Compliant
Supports CSS3 selectors
to find elements as well as
in style property
manipulation
Cross-Browser
IE, Firefox, Safari, Opera,
Chrome, and more
What is jQuery?What is jQuery?
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML
document traversal and manipulation, event handling, animation, and Ajax much simpler
with an easy-to-use API that works across a multitude of browsers. With a combination of
versatility and extensibility, jQuery has changed the way that millions of people write
JavaScript.
Who's Using jQueryWho's Using jQuery
Resources
jQuery Core API
Documentation
jQuery Learning Center
jQuery Blog
Contribute to jQuery
About the jQuery Foundation
Browse or Submit jQuery
Bugs
Samstag, 4. Mai 13

Naming Your PluginNaming Your Plugin Publishing Your PluginPublishing Your Plugin Package ManifestPackage Manifest
Search jQuery Plugin Registry 
The jQuery Plugin Registry
Search jQuery Plugin Registry
 Popular Tags
ui (264)
animation (126)
form (121)
input (105)
jquery (92)
image (77)
slider (64)
effect (61)
html5 (55)
 New Plugins
1
WATCHERS
1
FORKS
Version 1.0.3
Released 2 hours ago
fnlCarousel
jQuery plugin for creating
horizontal carousel with
multiple items per page,
with left/right/page navigation.
0
WATCHERS
0
FORKS
Version 1.0.0
Released 18 hours ago
Using WebSQL made easy
A jQuery and JavaScript
plugin which make it easy to
 Recent Updates
fnlCarousel
(version 1.0.3)
jQuery Continuous
Calendar
(version 3.0.4)
jQuery jGrowl
(version 1.2.13)
jQuery TubePlayer
(version 1.1.5)
jQuery XPath plugin
(version 0.2.5)
Samstag, 4. Mai 13

DemosDemos DownloadDownload API DocumentationAPI Documentation ThemesThemes DevelopmentDevelopment SupportSupport BlogBlog
AboutAbout
Search jQuery UI 
jQuery UI is a curated set of user
interface interactions, effects,
widgets, and themes built on top
of the jQuery JavaScript Library.
Whether you're building highly
interactive web applications or
you just need to add a date picker
to a form control, jQuery UI is the
perfect choice.
Stable
v1.10.2
jQuery 1.6+
Legacy
v1.9.2
jQuery 1.6+
Download jQuery UI
1.10.2
Custom Download
Quick
Downloads:
Developer Links
Source Code (GitHub)
jQuery UI Git (WIP
Build)
Theme (WIP Build)
Bug Tracker
What's New in jQuery UI 1.10?
jQuery UI 1.10 includes dozens of bug fixes and improved
accessibility. In addition, the dialog and progressbar widgets have
undergone API redesigns, making them easier to use and creating
more consistency across plugins.
Interested in the full details of what changed? Check out the 1.10
InteractionsInteractions
DraggableDraggable
DroppableDroppable
ResizableResizable
SelectableSelectable
SortableSortable
WidgetsWidgets
AccordionAccordion
AutocompleteAutocomplete
ButtonButton
DatepickerDatepicker
DialogDialog
MenuMenu
ProgressbarProgressbar
Samstag, 4. Mai 13

Home
HomeHome Intro to Unit TestingIntro to Unit Testing API DocumentationAPI Documentation CookbookCookbook PluginsPlugins
Search QUnit 
QUnit: A JavaScript Unit Testing framework.
What is QUnit?
QUnit is a powerful, easy-to-use JavaScript unit testing
framework. It's used by the jQuery, jQuery UI and jQuery
Mobile projects and is capable of testing any generic
JavaScript code, including itself!
Getting Started
A minimal QUnit test setup:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QUnit Example</title>
<link rel="stylesheet" href="/resources/qunit.css"
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="/resources/qunit.js"></script
<script src="/resources/tests.js"></script
</body>
</html>
Download
QUnit is available from the jQuery CDN hosted by Media
Temple.
Current Release - v1.11.0
qunit-1.11.0.js
qunit-1.11.0.css
Changelog
via npm
To test the latest features and bug fixes to QUnit, a version
automatically generated from the latest commit to the
QUnit Git repository is also available for use.
qunit-git.js
qunit-git.css
Samstag, 4. Mai 13

Quelle: http://vanilla-js.com/
Samstag, 4. Mai 13

Samstag, 4. Mai 13

≣
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you
use jQuery, you already know how to use Zepto.
While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The
goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile
API, so you can concentrate on getting stuff done.
Zepto is open source software and is released under the developer and business-friendly MIT license.
TweetTweet 2,071
Zepto.js (1.0)
▹ Download
▹ Target Platforms
▹ Change Log
▹ Acknowledgements
Core
▹ $()
▹ $.camelCase
▹ $.contains
▹ $.each
▹ $.extend
▹ $.fn
▹ $.grep
▹ $.inArray
▹ $.isArray
▹ $.isFunction
▹ $.isPlainObject
▹ $.isWindow
▹ $.map
▹ $.parseJSON
▹ $.trim
▹ $.type
▹ add
▹ addClass
▹ after
▹ append
▹ appendTo
▹ attr
▹ before
▹ children
▹ clone
▹ closest
▹ concat
▹ contents
▹ css
▹ data
▹ each
▹ empty
▹ eq
▹ filter
Samstag, 4. Mai 13

MV*-Frameworks
M
C
V
Request
Response
Samstag, 4. Mai 13

Helping you select an MV* framework
Introduction
Developers these days are spoiled with choice
when it comes to selecting an MV*
framework for structuring and organizing
their JavaScript web apps.
Backbone, Ember, AngularJS, Spine... the list
of new and stable solutions continues to
grow, but just how do you decide on which to
use in a sea of so many options?
To help solve this problem, we created
TodoMVC - a project which offers the same
Todo application implemented using MV*
concepts in most of the popular JavaScript
MV* frameworks of today.
FollowFollow TweetTweet 1,084
JavaScript Apps
Download (1.1)Download (1.1) View project on GitHubView project on GitHub We receive $3.50 / wk on Gittip
Backbone.js RR
AngularJS RR
Ember.js RR
KnockoutJS RR
Dojo RR
YUI RR
Agility.js RR
Knockback.js RR
CanJS RR
Maria RR
Samstag, 4. Mai 13

https://github.com/addyosmani/todomvc
Samstag, 4. Mai 13

Quelle: https://github.com/addyosmani/todomvc/tree/gh-pages/architecture-examples/backbone
Backbone.js
Samstag, 4. Mai 13

Ember.js
Quelle: https://github.com/addyosmani/todomvc/tree/gh-pages/architecture-examples/emberjs
Samstag, 4. Mai 13

AngularJS
Quelle: https://github.com/addyosmani/todomvc/tree/gh-pages/architecture-examples/angularjs
Samstag, 4. Mai 13

Mobile Frameworks
• jQuery Mobile
• Sencha Touch
• Wink Toolkit
• Dojo Mobile
Samstag, 4. Mai 13

http://jquerymobile.com/
Samstag, 4. Mai 13

http://www.sencha.com/products/touch/
Samstag, 4. Mai 13

http://www.winktoolkit.org/
Samstag, 4. Mai 13

http://dojotoolkit.org/features/mobile
Samstag, 4. Mai 13

Tools
• Style Guides
• Code Format
• Code Analyse
• Packer
Samstag, 4. Mai 13

Style Guides
Samstag, 4. Mai 13

http://google-styleguide.googlecode.com/svn/trunk/
javascriptguide.xml
Samstag, 4. Mai 13

http://contribute.jquery.org/style-guide/js/
Samstag, 4. Mai 13

http://javascript.crockford.com/code.html
Samstag, 4. Mai 13

Code Formatting
Samstag, 4. Mai 13

http://jsbeautiﬁer.org/
Samstag, 4. Mai 13

Code Analyse
Samstag, 4. Mai 13

http://www.jslint.com/
Samstag, 4. Mai 13

http://www.jshint.com/
Samstag, 4. Mai 13

Packer
Samstag, 4. Mai 13

http://www.crockford.com/javascript/jsmin.html
Samstag, 4. Mai 13

https://developers.google.com/closure/
Samstag, 4. Mai 13

http://yui.github.com/yuicompressor/
Samstag, 4. Mai 13

JavaScript-Alternativen
Samstag, 4. Mai 13

http://coffeescript.org/
Samstag, 4. Mai 13

http://www.dartlang.org/
Samstag, 4. Mai 13

Classes Lexical closures Libraries Optional static types Named parameters Isolates More
import 'dart:math';
class Point {
final num x, y;
Point(this.x, this.y);
Point.zero() : x = 0, y = 0; // Named constructor
// with an initializer list.
num distanceTo(Point other) {
var dx = x - other.x;
var dy = y - other.y;
return sqrt(dx * dx + dy * dy);
}
}
Classes
Dart supports classes as a fundamental structural building block for
libraries and apps. Classes define the structure of an object, and
you can extend them to create more specialized definitions. New
features such as implicit interfaces and named constructors make it
easier to say more while typing less. Learn more about classes in
Dart.
Dart addresses issues with traditional web development languages while remaining easy to learn. Thanks to optional static types, Dart
scales from simple scripts to large apps. Learn more with the language tour, or read the language spec.
OVERVIEW
A STRUCTURED LANGUAGE THAT'S FLEXIBLE AND FAMILIAR
Samstag, 4. Mai 13

Code completion
Explore the methods and fields available to the object you're
working on.
Refactoring
Change your code structure without changing the behavior.
PRODUCTIVE AND INTEGRATED TOOLS FOR FASTER DEVELOPMENT
Gone are the days of building web apps with plain text editors. Dart Editor, its static analysis engine, and direct integration with
Chromium+DartVM helps you develop, debug, and maintain your apps.
Dart also ships a stand-alone Dart SDK that contains the dart2js compiler, the Dart VM for running command-line apps, and the pub
package manager.
Samstag, 4. Mai 13

http://www.typescriptlang.org/
Samstag, 4. Mai 13

http://opalang.org/
Samstag, 4. Mai 13

http://www.wakanda.org/
Samstag, 4. Mai 13

Ausblick und Fazit
Samstag, 4. Mai 13

C/C++
Python
Java
Perl
ActionScript
Tamarin
ActionMonkey
JavaScript::
Spidermonkey
JScript
JScript
.NET
Framework
Engine
GWT
Hook/Convertor
Ruby
python-
spidermonkey
Internet
Explorer
Applications
futhark
Konqueror
KJS
JScript.NET
QtScript
iCab
InScript
iCab
DMDScript
DMD
ExtendScript
Opera
FlashonC++
Implementation
Language
AIR
Android
Safari
Flash
PDF
Tomcat
mod_gcj
mod_perl
Helma
mod_jk
IronRuby
Narcissus
Spidermonkey
Camino
linear_b
RubyJS
Haskell Haxe
(OCaml)
JSCore
CouchDB
HDDVD
Scheme2JS
Phobos
JavaScript
C/C++
JavaScript
Python
Java
Perl
ActionScript
Tamarin
ActionMonkey
JavaScript::
Spidermonkey
JScript
JScript
.NET
Framework
Engine
Language
GWT
Hook/Convertor
Ruby
python-
spidermonkey
Internet
Explorer
Applications
futhark
Konqueror
KJS
JScript.NET
QtToolkit
QtScript
iCab
InScript
iCab
DMDScript
DMD
ruby-spidermonkey
ExtendScript
Opera
Microsoft
Apple
Adobe
Mozilla
OperaCompany
Google
TheWorldof
ECMAScript
FlashonC++
ByJohnResig(ejohn.org)
UpdatedNovember15,2007
ReleasedundertheGPLv2
Implementation
Language
AIR
Android
Safari
Photoshop
Flash
PDF
Tomcat
Apache
mod_gcjmod_js
mod_perl
Helma
mod_jk
Silverlight
Firefox
IronRuby
IronPython
Narcissus
Spidermonkey
Camino
Flex
linear_b
RubyJS
ParenScript
(Lisp)
Haskell Haxe
(OCaml)
Scheme
YHC/JavaScript
JSCore
Rhino
CouchDB
HDDVD
Scheme2JS
Phobos
JavaScript
Samstag, 4. Mai 13

https://github.com/languages/
Samstag, 4. Mai 13

http://www.w3.org/standards/techs/js
Das W3C arbeitet zur Zeit an rund 75 JavaScript-API.
Samstag, 4. Mai 13

„JavaScript is the
virtual machine of the
Internet.“
Quelle: „The Future of JavaScript I mean ECMAScript - Douglas Crockford“
Samstag, 4. Mai 13

Das war‘s:
Samstag, 4. Mai 13

Vielen Dank!
Peter Hecker
E-Mail: hecker@gfu.net
Samstag, 4. Mai 13

JavaScript nicht nur für Programmierer: Einblicke in die weltweit am meisten missverstandene Programmiersprache

Recommended

Recommended

More Related Content

Similar to JavaScript nicht nur für Programmierer: Einblicke in die weltweit am meisten missverstandene Programmiersprache

Similar to JavaScript nicht nur für Programmierer: Einblicke in die weltweit am meisten missverstandene Programmiersprache (20)

More from Peter Hecker

More from Peter Hecker (13)

Recently uploaded

Recently uploaded (20)

JavaScript nicht nur für Programmierer: Einblicke in die weltweit am meisten missverstandene Programmiersprache