introduction to typo3 neos - muxcamp worms 2014

Introduction to TYPO3 Neos

mUXcamp Worms 2014

11Saturday, 17 May 14

about me

Hrishikesh Lele (in short Hrishi)

Live in Frankfurt, home in Goa, India

GF, Lelesys Informatik GmbH

Support TYPO3 Neos and Flow

In love with German engineering!

@hrishilele | www.lelesys.com

22Saturday, 17 May 14

TYPO3 Neos is the next-generation open source content management system made by the TYPO3 community. Neos is based on the PHP framework

33Saturday, 17 May 14

time for live demo

44Saturday, 17 May 14

strong foundation

55Saturday, 17 May 14

TYPO3 Flow

Enterprise PHP Framework

Product of TYPO3 Community

Use for any kind of web applications

66Saturday, 17 May 14

In-place editing

77Saturday, 17 May 14

responsive web

88Saturday, 17 May 14

features

Preview central

Localization

SEO

Cloud ready

Easily extendable

Media management

99Saturday, 17 May 14

Content dimensionsVersion 1.2

1010Saturday, 17 May 14

Start building variants—in this case language variants—by clicking the corresponding edit mode

1111Saturday, 17 May 14

Split-screen is enabled, using our Raw Content editor on both sides

1212Saturday, 17 May 14

Configure the view—could be just language selection or a combination of device, language and persona-based

personalization

1313Saturday, 17 May 14

for developers

1414Saturday, 17 May 14

sample: FAQ

1515Saturday, 17 May 14

node type : FAQ'Lelesys.Plugin.Faq:Question':    superTypes:        -­‐  'TYPO3.Neos:Content'    ui:        label:  'Faq'        group:  structure        icon:  'icon-­‐question-­‐sign'        inspector:            groups:                page:                    label:  Faq    properties:        question:            type:  string            translatable:  TRUE            defaultValue:  'Enter  question  here'            ui:                inlineEditable:  TRUE

1616Saturday, 17 May 14

template : FAQ

! ! <div class="faq-structure">! ! ! <div class="faq-heading">! ! ! ! <h5>{question -> f:format.stripTags()}</h5>! ! ! </div>! ! ! <div class="faq-detail">! ! ! ! {answer -> f:format.raw()}<br>! ! ! ! <f:if condition="{node.properties.author}">! ! ! ! ! <f:then>! ! ! ! ! ! Author: {node.properties.author} |! ! ! ! ! </f:then>! ! ! ! </f:if>! ! ! ! <f:format.date format="F jS, Y">{node.properties.datePublished}</f:format.date> <br>! ! ! ! <f:if condition="{node.properties.relatedLinks}">! ! ! ! ! <f:then>! ! ! ! ! ! Related Link: <a href="{node.properties.relatedLinks}" target="_blank">{node.properties.relatedLinks}</a>! ! ! ! ! </f:then>! ! ! ! </f:if>! ! ! </div>! ! </div>

1717Saturday, 17 May 14

Typoscript : FAQ

prototype(Lelesys.Plugin.Faq:Question) < prototype(TYPO3.Neos:Content)prototype(Lelesys.Plugin.Faq:Question) {! templatePath = 'resource://Lelesys.Plugin.Faq/Private/Templates/TypoScript/Faq.html'! question = ${q(node).property('question')}! answer = ${q(node).property('answer')}}

1818Saturday, 17 May 14

http://neos.typo3.org/documentation.html

1919Saturday, 17 May 14

neos.typo3.org

2020Saturday, 17 May 14

launchr.com/typo3-neos

2121Saturday, 17 May 14

@hrishilele

2222Saturday, 17 May 14

Developer infoPankaj lele @pankajlele

2323Saturday, 17 May 14

Questions?

Thank you!

2424Saturday, 17 May 14