Abusing JavaScript for fun and profit

50 %
50 %
Information about Abusing JavaScript for fun and profit

Published on August 24, 2008

Author: madpilot

Source: slideshare.net

Description

In this talk I outline some of the cool things you can do with JavaScript - including writing a old skool 2d side scrolling platformer!

 

What I do www.madpilot.com.au www.88miles.net

JavaScript: A brief history

Developed by Brendan Eich Mocha: A brief history

Developed by Brendan Eich

Developed by Brendan Eich At Netscape LiveScript: A brief history

Developed by Brendan Eich

At Netscape

Developed by Brendan Eich At Netscape Around the time Java was added JavaScript: A brief history

Developed by Brendan Eich

At Netscape

Around the time Java was added

Developed by Brendan Eich At Netscape Around the time Java was added Was implented in IE 3.0 JScript: A brief history

Developed by Brendan Eich

At Netscape

Around the time Java was added

Was implented in IE 3.0

Developed by Brendan Eich At Netscape Around the time Java was added Was implented in IE 3.0 Became an official ECMA standard ECMAScript: A brief history

Developed by Brendan Eich

At Netscape

Around the time Java was added

Was implented in IE 3.0

Became an official ECMA standard

Mouseovers Status bars Annoying Popups Get’s a bad name JavaScript in the 90s 90’s 2000 2002 2004 2006 Today

Mouseovers

Status bars

Annoying Popups

Get’s a bad name

Microsoft invents XMLRequest Make server requests without refreshing AJAX 90’s 2000 2002 2004 2006 Today

Microsoft invents

XMLRequest

Make server requests

without refreshing

Move stuff around Dynamic Menus Show/hide elements DHTML and the DOM 90’s 2000 2002 2004 2006 Today

Move stuff around

Dynamic Menus

Show/hide elements

Three browsers – three technologies Create vector graphics Think outside the box Canvas/SVG/VML 90’s 2000 2002 2004 2006 Today

Three browsers – three technologies

Create vector graphics

Think outside the box

Separate JS from the HTML Creates Business Logic layer Unobstrusive JavaScript 90’s 2000 2002 2004 2006 Today

Separate JS from the HTML

Creates Business Logic layer

User interface widgets Frameworks a go-go Closer to desktop apps Cool Experiments We ♥ JavaScript 90’s 2000 2002 2004 2006 Today

User interface widgets

Frameworks a go-go

Closer to desktop apps

Cool Experiments

How far can HTML CSS and JavaScript be pushed? Pretty far actually… We are losing interest…

How far can HTML CSS and JavaScript be pushed?

Pretty far actually…

Make it think it is an 8-bit video console Fool your browser

Make it think it is an

8-bit video console

Prototype JavaScript Library XHTML + CSS + Unobtrusive JS DOM manipulation JS Events Our tools

Prototype JavaScript Library

XHTML + CSS + Unobtrusive JS

DOM manipulation

JS Events

JavaScript supports classes Almost supports inheritance Create sprite classes Oh, so classy

JavaScript supports

classes

Almost supports

inheritance

Create sprite classes

Need to create animation loop setInterval ( interval , function ); Check collisions Render animations JS isn’t threaded! Using timers

Need to create animation loop

setInterval ( interval , function );

Check collisions

Render animations

JS isn’t threaded!

Pointless without User Input Event .observe ( element , event , handler ); Listen to keypress, window load Create some pseudo events Input Events

Pointless without User Input

Event .observe ( element , event , handler );

Listen to keypress, window load

Create some pseudo events

An old game technique Move background image … then mask el.style.backgroundPosition = '0px 0px'; Animation strips

An old game technique

Move background image

… then mask

el.style.backgroundPosition = '0px 0px';

Basic square Uses vectors Check distance And direction Collision Detection

Basic square

Uses vectors

Check distance

And direction

Fixed view point Move the background Capture arrow events (ignore) Move character – background scrolls Sideways scrolling

Fixed view point

Move the background

Capture arrow events (ignore)

Move character – background scrolls

Wrap it all together

ENDE.

Add a comment

Related presentations

Related pages

[Reject.JS 2013] Andrzej Mazur - Abusing Firefox OS and ...

[Reject.JS 2013] Andrzej Mazur - Abusing Firefox OS and HTML5 games for fun and profit ... HTML5 and JavaScript.
Read more

Abusing jQuery.animate for fun and profit (and bacon ...

Abusing jQuery.animate for fun and profit ... However thanks to JavaScript's flexibility and jQuery's architecture, we can work around this, ...
Read more

Abusing PHP Sockets For Fun And Profit - Penetration ...

Abusing PHP Sockets For Fun And Profit Rodrigo Marcos rodrigo.marcos@secforce.co.uk www.secfoce.co.uk OWASP April 2008 ...
Read more

Abusing Cloud-Based Browsers for Fun and Profit - TechRepublic

Abusing Cloud-Based Browsers for Fun and Profit. Cloud services have become a cheap and popular means of ... executing JavaScript code for the mobile ...
Read more

Abusing Firefox OS and HTML5 games for fun and profit

Abusing Firefox OS and HTML5 games for fun and profit. Abusing Firefox OS and HTML5 games ... Optimizing your JavaScript game for Firefox OS;
Read more

Abusing Dynamic Types For Fun And Profit - Ben's Blog

Abusing Dynamic Types for Fun and Profit. May 15 th, 2012. Most Rails applications don’t properly sanitise user input when passing it to queries (UPDATE: ...
Read more

Drunkenly Abusing the Internet for Fun and Profit | Fast ...

Drunkenly Abusing the Internet for Fun and Profit. By Sanjena Sathian JUL 19 2015. Fast Forward. Fast Forward. New trends and breakthrough thinking in ...
Read more

Abusing cloud-based browsers for fun and profit

Abusing cloud-based browsers for fun and profit. Full Text: PDF: ... executing JavaScript code for the mobile ... Abusing cloud-based browsers for fun and ...
Read more

CiteSeerX — Abusing Cloud-Based Browsers for Fun and Profit

Abusing Cloud-Based Browsers for Fun and Profit . Cached. ... {Abusing Cloud-Based Browsers for Fun and Profit} ... executing JavaScript code for the ...
Read more