JavaScript Developer Generation

transcript

8/7/2019 JavaScript Developer Generation

http://slidepdf.com/reader/full/javascript-developer-generation 1/38

2011년1월30일일요일

About : http://about.me/rhiokimTwitter : @rhiokim

Company : nhn,Communities :

http://frends.krhttp://webdevmobile.com

• Before JavaScript

• JavaScript

•After Javascript

• Demo

Before JavaScript

http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html

http://home.postech.ac.kr/~skyul/javascript.html

http://slidepdf.com/reader/full/javascript-developer-generation 7/382011년1월30일일요일

JavaScript

Web Standard

• HTML5

• CSS3

• Web API

User Experience

• Interactive animation

• Motion

• Touch

• Anytime, Anywhere

Libraries

• jQuery, Ext.js, Mootools

• jQTouch, Sencha Touch, iUI

• Cappuccino, Sprout Core

•Raphael, three.js, GammJS, Processing.js...

• Google Maps, Flickr, Youtube, Twitter

• Amazon eCommerce, Facebook, eBay

• Last.fm, Paypal, Foursquare...

Total : 2767

http://www.programmableweb.com/apis/directory/1?sort=mashups

Platforms

• Window, Linux, Macintosh, ChromeOS

• iOS, Android, PalmOS

• Chrome, Firefox, Safari, Opera

Hybrid WebApp Tools

• PhoneGap

• Titanium + Aptana

• Corona

Market Places

• Apple App Store

• Google Web Store / Android Market

After JavaScript

Hybrid

JavaScript&

HTML5, Web API,

Server-side JavaScript& Device Control

• Web Server

•Real Time Web• Chatting

• Canvas

• Interactive Presentation

• Battle Tetris Game

• Twitter Client on Naver Map

• Device Access

• LED Controller

Web server

var http = require(‘http’);

http.createServer(function(request, response){ response.writeHead(200, {‘Content-type’ :‘text/plain’});

response.end(‘Hello World!’);

}).listen(8124);

console.log(‘Server running at http://127.0.0.1:8124’);

Chatting

• Web Socket + Node.js(Socket Server)

Canvas

• HTML5 Canvas

Interactive Presentation

• HTML5 Presentation

Battle Tetris

• iOS 4.2 Device motion event

Device Control

• Arduino duemilanove

• Web Socket + Node.js + C(RS-232)

Summary

• Web is Hybrid Platform for WebDeveloper

• Web is JavaScript

endingAbout :

JavaScript Ninija

JavaScript Developer Generation

Documents