Download - TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

TYPO3 NeosEen site bouwen met

‘The new kid on the block’

maandag 5 november 12

Inspiring people toshare

Rens Admiraal

Flow / Neos core developer

@[email protected]



Huidige Status TYPO3 Neos

Content editing

Frontend plugins

Backend modules

Workspaces

TypoScript2



Doorsnede TYPO3 Neos Site

TYPO3 CR

Fluid

TypoScript2

TYPO3 Flow

TYPO

3 Ne

osPHP / Webserver

Database

CMS / Static

Reso

urce

s

Webserver



Installatie TYPO3 Neos - Composer



-

name: 'Neos'

uriPattern: '<NeosSubroutes>'

subRoutes:

NeosSubroutes:

package: TYPO3.TYPO3

Installatie TYPO3 Neos - Routes.yaml



Installatie TYPO3 Neos - Setup



Site Package

MyCompany.MySite

Classes

Resources

igurationConf



Site Package

Resources

Public

Private



Public Resources

Public

StyleSheets

Images

JavaScripts

...



Private Resources

Private

Content

Templates

TypoScripts



<node type="TYPO3.Phoenix.ContentTypes:Page" nodeName="anotherpage" locale="">

<properties>

<title>Another Page</title>

</properties>

<node type="TYPO3.Phoenix.ContentTypes:Section" nodeName="main" locale="">

<node type="TYPO3.Phoenix.ContentTypes:Headline" nodeName="headline1" locale="">

<properties>

<title><![CDATA[<h1>Want More?</h1>]]></title>

</properties>

</node>

<node type="TYPO3.Phoenix.ContentTypes:Text" nodeName="text1" locale="">

<properties>

<text><![CDATA[Some content]]></text>

</properties>

</node>

</node>

</node>

Resources/Private/Content/Sites.xml



Content Model - Nodes

site root

page

content section

content element

representation of domain models



/sites/typo3org/home/subpage/main/text1

Content Model - nodePaths





site root





site rootpages





site rootpages

sections





site rootpages

sectionscontent



Private Resources

Private

Content

Templates

TypoScripts



Page Template



Page Template - Header



Page Template - Sections / Parts



Private Resources

Private

Content

Templates

TypoScripts



TypoScript

Opgeslagen in *.ts2 bestandenEr bestaat een node type ‘TypoScript’ indien dit eventueel nodig is, geen best practice!

Consistente syntax

Uitbreidbaar

Flexibel

Niet gelimiteerd tot websites

Eenvoudig



Eenvoudig - Set TypoScript Objects

Template

Array

Collection

Case

Menu

(Page)



TypoScript Folderstructuur

TypoScripts

Library

Nodes

Root.ts2



TypoScript Folderstructuur

TypoScripts

Library

Nodes

Root.ts2

Home Subpage.ts2



TypoScript Syntax Voorbeeld



prototype(TYPO3.TYPO3:Menu).@class = ↵'TYPO3\\TYPO3\\TypoScript\\MenuImplementation'

prototype(TYPO3.PhoenixDemoTypo3Org:Registration) < ↵prototype(TYPO3.Phoenix.ContentTypes:Plugin)

prototype(TYPO3.PhoenixDemoTypo3Org:Registration) {

package = 'TYPO3.PhoenixDemoTypo3Org'

controller = 'Registration'

}

TypoScript- Prototype



EEL / FlowQuery - Node selectie / traversal

${q(node).children().filter('left').first()}

Expert functie



EEL / FlowQuery - Property Access

${q(node).property(‘text’)}

Expert functie



TypoScript - Processors

prototype(TYPO3.Phoenix.ContentTypes:TextWithImage)↵.text << 1.wrap(prefix: '<p>', suffix: '</p>')

Expert functie



Custom Content Elementen



Stick To Conventions!




Ons Verzoek


Probeer TYPO3 Neos,en geef ons feedback!



? ? ? ? ?

IRC: #typo3-neos op freenode.org
