future of web development

97
t ! " # $ % ! & ( ) * " # $ & ! " * $ % $ ! " # $ % ! & ( ) * " # $ & ! " * $ % $ Liferay Spain Symposium The Future of Web Development

Upload: zeno-rocha

Post on 14-Jun-2015

1.206 views

Category:

Technology


0 download

DESCRIPTION

Liferay Spain Symposium

TRANSCRIPT

Page 1: Future of Web Development

t

! " # $ % ! & ' ( ) *

" # $ & ! " * $ % $ %

! " # $ % ! & ' ( ) *

" # $ & ! " * $ % $ %

Liferay Spain Symposium

The Future of Web Development

Page 2: Future of Web Development

@zenorocha#LFRESP2014

Page 3: Future of Web Development
Page 4: Future of Web Development
Page 5: Future of Web Development
Page 6: Future of Web Development

t

! " # $ % ! & ' ( ) *

" # $ & ! " * $ % $ %

! " # $ % ! & ' ( ) *

" # $ & ! " * $ % $ %

Liferay Spain Symposium

The Future of Web Development

Page 7: Future of Web Development
Page 8: Future of Web Development

HOW NOT TO BECOME A ZOMBIE

Liferay Spain Symposium

Page 9: Future of Web Development

USE JQUERY

Page 10: Future of Web Development

jquery.com

Page 11: Future of Web Development

USE YUI

Page 12: Future of Web Development

yuilibrary.com

Page 13: Future of Web Development

USE BACKBONE

Page 14: Future of Web Development

backbonejs.org

Page 15: Future of Web Development

USE REACT

Page 16: Future of Web Development

facebook.github.io/react

Page 17: Future of Web Development

USE ANGULAR

Page 18: Future of Web Development

angularjs.org

Page 19: Future of Web Development

ARE WE REALLY

EVOLVING?

Page 20: Future of Web Development
Page 21: Future of Web Development

HTML

+

Page 22: Future of Web Development

haml.info

Page 23: Future of Web Development

jade-lang.com

Page 24: Future of Web Development
Page 25: Future of Web Development

html5-pro.com/wormz

Page 26: Future of Web Development

CSS

,

Page 27: Future of Web Development

lesscss.org

Page 28: Future of Web Development

sass-lang.com

Page 29: Future of Web Development

learnboost.github.io/stylus

Page 30: Future of Web Development
Page 31: Future of Web Development

html5-pro.com/old-radio

Page 32: Future of Web Development

JavaScript

-

Page 33: Future of Web Development

goo.gl/prgXr4

Page 34: Future of Web Development

goo.gl/QDhkD7

Page 35: Future of Web Development

dartlang.org

Page 36: Future of Web Development

typescriptlang.org

Page 37: Future of Web Development

coffeescript.org

Page 38: Future of Web Development
Page 39: Future of Web Development

nodejs.org

Page 40: Future of Web Development

wiki.ecmascript.org

Page 41: Future of Web Development

code.google.com/p/v8

Page 42: Future of Web Development

trackingjs.com

Page 43: Future of Web Development

? ??

?

?? ?

?

??

??

??

?

?

Page 44: Future of Web Development

AlloyUI?

Page 45: Future of Web Development

goo.gl/n3kVzT

Page 46: Future of Web Development
Page 47: Future of Web Development
Page 48: Future of Web Development

goo.gl/2Q9mvf

Page 49: Future of Web Development

Web Components?

Page 50: Future of Web Development
Page 51: Future of Web Development
Page 52: Future of Web Development
Page 53: Future of Web Development
Page 54: Future of Web Development

goo.gl/vzUzJ9

Page 55: Future of Web Development

x-tags.org

Page 56: Future of Web Development

polymer-project.org

Page 57: Future of Web Development

customelements.io

Page 58: Future of Web Development

12%

26%15%

+ 600 elements

North America

South America

Western Europe

Eastern/Northern

Europe

10%

+ 200,000 pageviews

Page 59: Future of Web Development

git.io/BPTcZQ

Page 60: Future of Web Development

polymer-project.org/resources/faq.html

Page 61: Future of Web Development

webcomponents.org

Page 62: Future of Web Development

Single page apps?

Page 63: Future of Web Development
Page 64: Future of Web Development

Showcase video

Page 65: Future of Web Development
Page 66: Future of Web Development
Page 67: Future of Web Development

HOW LONG DOES

IT TAKE TO PUT A

LIFERAY PORTAL

IN PRODUCTION?

Page 68: Future of Web Development
Page 69: Future of Web Development

@rotty3000 @eduardolundgren

Page 70: Future of Web Development

/

#

0

RESTFUL APIS

ROUTING SYSTEM

DYNAMIC STORAGE

DEVELOPER WORKFLOW

Launchpad

1MULTI

DEVICE

REAL TIME

3 CLOUD

Page 71: Future of Web Development

Dynamic storage

Page 72: Future of Web Development

service.xml

<service-builder package-path="com.liferay.calendar" auto-namespace-tables="false"><author>Eduardo Lundgren</author><namespace>Calendar</namespace><entity name="Calendar" uuid="true" local-service="true" remote-service="true">

<column name="calendarId" type="long" primary="true" /><column name="groupId" type="long" /><column name="companyId" type="long" /><column name="userId" type="long" /><column name="userName" type="String" /><column name="createDate" type="Date" /><column name="modifiedDate" type="Date" />

Page 73: Future of Web Development
Page 74: Future of Web Development

{"name": "string","description": "string","calendarResourceId": "string","color": "string","companyId": "string","defaultCalendar": "boolean","enableComments": "boolean","enableRatings": "boolean","groupId": "string"

}

calendar.json

Page 75: Future of Web Development

Real time

Page 76: Future of Web Development
Page 77: Future of Web Development

Restful APIs

#

Page 78: Future of Web Development

yourliferay.com/api/jsonws

Page 79: Future of Web Development

categories/:tag/posts/:id

Page 80: Future of Web Development

Routing system

/

Page 81: Future of Web Development

liferay.com/group/control_panel/manage?p_p_id=25&p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view&doAsGroupId=10182&refererPlid=10185&controlPanelCategory=current_site.content&_25_struts_action=%2Fpolls%2Fview_question&_25_questionId=11778

Page 82: Future of Web Development

GET /home actions.HomeAction#get

GET /about actions.AboutAction#get

GET /contact /content.html

routes.txt

Page 83: Future of Web Development

Multi device

1

Page 84: Future of Web Development
Page 85: Future of Web Development

Developer workflow

0

Page 86: Future of Web Development
Page 87: Future of Web Development
Page 88: Future of Web Development
Page 89: Future of Web Development

"Geeks love to fight"

- Rasmus Lerdorf

Page 90: Future of Web Development

the success of an app does not depend

on a tool…

Page 91: Future of Web Development

…but how this tool is applied.

Page 92: Future of Web Development

/

#

0

RESTFUL APIS

ROUTING SYSTEM

DYNAMIC STORAGE

DEVELOPER WORKFLOW

Launchpad

1MULTI

DEVICE

REAL TIME

3 CLOUD

Page 93: Future of Web Development

Our goal is to empower developers to be able to build Liferay projects “in a weekend”

Page 94: Future of Web Development

ATTRACT NEW DEVELOPERS

Page 95: Future of Web Development

Small biz

Startups

Agencies

ATTRACT NEW INDUSTRIES

Page 96: Future of Web Development
Page 97: Future of Web Development

Thanks!

zenorocha.com [email protected]

and remember to rate this talk in the

Liferay Events app :)