introduction to typo3 neos at brain camp cologne 2014

19
Introduction to TYPO3 Neos TYPO3 Neos BrainCamp Cologne 2014

Upload: hrishikesh-lele

Post on 19-May-2015

297 views

Category:

Presentations & Public Speaking


0 download

DESCRIPTION

Introduction to TYPO3 Neos - the next generation web CMS. This is a presentation delivered in BrainCamp 2014 in Cologne. Lelesys is one of the leading company for development of websites and portals using TYPO3 Neos and TYPO3 Flow.

TRANSCRIPT

Page 1: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

Introduction to TYPO3 NeosTYPO3 Neos

BrainCamp Cologne 2014

Page 2: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

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

Page 3: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

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

Page 4: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

time for live demo

Page 5: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

strong foundation

Page 6: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

TYPO3 Flow

Enterprise PHP Framework

Product of TYPO3 Community

Use for any kind of web applications

Page 7: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

In-place editing

Page 8: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

responsive web

Page 9: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

features

Preview central

Localization

SEO

Cloud ready

Easily extendable

Media management

Page 10: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

sample: FAQ

Page 11: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

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

Page 12: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

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>

Page 13: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

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')}

}

Page 14: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

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

Page 15: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

neos.typo3.org

Page 16: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

launchr.com/typo3-neos

Page 17: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

@hrishilele

Page 18: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

Developer infoPankaj lele @pankajlelePankaj lele @pankajlele

Page 19: Introduction to TYPO3 Neos at  Brain Camp Cologne 2014

Questions?

Thank you!Thank you!Thank you!