JavaScript Developer Generation

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


http://webdevmobile.com/



http://frends.kr/

http://frends.kr/

http://about.me/rhiokim

http://about.me/rhiokim



Goal

• 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...




APIs

• 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




HTML5, Web API,

Server-side JavaScript& Device Control




Demo




index

• 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)




QA




Summary

• Web is Hybrid Platform for WebDeveloper

• Web is JavaScript




endingAbout :

JavaScript Ninija


http://frends.kr/

http://frends.kr/

http://nhncorp.com/

http://nhncorp.com/

mailto:[email protected]

mailto:[email protected]

http://rhio.tistory.com/

http://rhio.tistory.com/

http://about.me/rhio

http://about.me/rhio



;

JavaScript Developer Generation

Documents

Transcript of JavaScript Developer Generation