rapid frontend development for everyone
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!