rapid frontend development for everyone

Post on 20-Jun-2015

260 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Liferay is a truly powerful developer-friendly tool, and with the right tools and tool chain, we can make development even easier. During this session, participants will get a walkthrough of the tools we at Monator have developed to ease frontend development. Participants will learn how to develop themes in which the changes are seen instantly, without re-deploying. Developing themes in your favourite code editor like static HTML pages, but with all the power of Liferay! They will also learn how to work with Application Display Templates, Web Content Structures and Templates, and DDTs with a workflow in which the developers don't have to think about cutting and pasting files into Liferay: it's all automated. With all the power of the Web Content Strucutres/Templates and the ADTs of Liferay 6.2, so much can be done without writing a single code of Java, both look and logic. This is the missing link to create a tool chain to work with. Also learn how to keep ADT/Web Content Structures/Templates and DDTs in sync on all live servers, development servers, test servers servers, and code repositories automatically. All powered by the Node.js tools which we've built and which will also be made available to the community. This makes advanced frontend development a breeze even for users who haven't worked with Liferay before. Therefore, anyone working with frontend should be in the audience. Also, if you are a content manager with some HTML skills who wants to be able to modify the look, feel and maybe some logic of the articles you're publishing, this session is for you! No previous Liferay development skills are needed.

TRANSCRIPT

RAPID FRONTEND DEVELOPMENT

for

EVERYONE

I am not a developer!Hello, I’m Emil Öberg, I am not a developer.

github.com/emiloberg

twitter.com/emiloberg

monator.com

TWO THINGS

andWORKING WITH TOOLS

A COUPLE OF GIFTS

TOOL TIME

SKILL TIME

2 kind of times

TOOL TIME

SKILL TIME

2 kind of times

TOOL TIME

SKILL TIME

2 kind of times

TOOL TIME

SKILL TIME

Happy

TOOL TIME

SKILL TIME

Happy Extra productivity

ofTOOLS

THE TRADE

Generic

a

IDE & Developer Studio

ProductGenericGeneric

a

Specialized

BUY DIY

REQUESTIDE & Developer Studio

ProductGenericGeneric

a

TOOL TIME

SKILL TIME

GENERIC

PRODUCT GENERIC

SPECIALIZED

Time & Money INVESTED

Time & Money SAVED

(The dreaded) ROI CALCULATION

Time & Money INVESTED

Time & Money SAVED

(The dreaded) ROI CALCULATION

A web dev's toolkit of today

I am not a developer!I am not a developer!

HTML (S)CSS FTL JS

but…

THEMES TEMPLATES

STRUCTURESADTS

and

THINGS TO DO WITH THEMES

THINGS TO DO WITH TEMPLATES,

STRUCTURES & ADTS

2SORROWS

DemoNo 1.THEMES

28 LINESof

CODE

Availablegithub.com/emiloberg

twitter.com/emiloberg

monator.com

SKILL TIME

Time spent

SKILL TIME

Time spent

FIXING IE BUGS TIME

STRUCTURES TEMPLATES

ADTS DATA LIST DEFINITIONS METADATA DEFINITIONS

DDM Stu!

LIFERAY IS AWESOME

ButNOT AN IDE!

DemoNo 2.

Structures

& Templates

4018 LINESof

CODE

Availablegithub.com/emiloberg

twitter.com/emiloberg

monator.com

github.com/emiloberg

twitter.com/emiloberg

monator.com

I’M NOT A DEVELOPER I DEVELOP TOOLS!

top related