typo3 congres 2012 - bouw je eerste site met typo3 neos

38
TYPO3 Neos Een site bouwen met ‘The new kid on the block’ maandag 5 november 12

Upload: typo3-nederland

Post on 19-May-2015

716 views

Category:

Technology


2 download

DESCRIPTION

Bouw je eerste site met TYPO3 Neos (voorheen TYPO3 Phoenix). In deze presentatie vertelt Rens op welke wijze je je eerste website bouwt in TYPO3 Neos. TYPO3 Neos is er bijna (op moment van conferentie in beta), dus hot. TYPO3 Neos is de toekomst. Rens Admiraal Rens Admiraal is een freelance webdeveloper / coach en Senior Software Architect bij Beech Applications uit Venlo. Rond zijn 14e is Rens begonnen met 'programmeren', toen nog door het analizeren van code snippets op prehistorische computers. Door telkens opnieuw nieuwe uitdagingen aan te gaan heeft Rens meerdere talen geleerd, en heeft hij meegewerkt aan een breed scala aan web projecten. Nu is Rens TYPO3 Flow / TYPO3 Neos core lid en werkt hier vooral aan de Javascript kant van TYPO3 Neos. Bij verschillende bedrijven heeft Rens gezien hoe ontwikkeling in verschillende mates van structuur gedaan kan worden. Langzaamaan heeft dit geleid tot een grote interesse voor ontwikkel structuur, continues integration, automatisch testen en code kwaliteit. Nu helpt Rens bij het opzetten van ontwikkelomgevingen en het trainen van ontwikkelaars om in zo'n omgeving te werken. Rens woont in Ede met zijn vrouw en 3 zoons, speelt basgitaar en houdt ervan om af en toe wat druk van de ketel te halen op een (beach)volleybalveld.

TRANSCRIPT

Page 1: 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

Page 2: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Rens Admiraal

Flow / Neos core developer

@[email protected]

maandag 5 november 12

Page 3: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Huidige Status TYPO3 Neos

Content editing

Frontend plugins

Backend modules

Workspaces

TypoScript2

maandag 5 november 12

Page 4: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Doorsnede TYPO3 Neos Site

TYPO3 CR

Fluid

TypoScript2

TYPO3 Flow

TYPO

3 Ne

osPHP / Webserver

Database

CMS / Static

Reso

urce

s

Webserver

maandag 5 november 12

Page 5: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Installatie TYPO3 Neos - Composer

maandag 5 november 12

Page 6: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

-

name: 'Neos'

uriPattern: '<NeosSubroutes>'

subRoutes:

NeosSubroutes:

package: TYPO3.TYPO3

Installatie TYPO3 Neos - Routes.yaml

maandag 5 november 12

Page 7: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Installatie TYPO3 Neos - Setup

maandag 5 november 12

Page 8: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Site Package

MyCompany.MySite

Classes

Resources

igurationConf

maandag 5 november 12

Page 9: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Site Package

Resources

Public

Private

maandag 5 november 12

Page 10: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Public Resources

Public

StyleSheets

Images

JavaScripts

...

maandag 5 november 12

Page 11: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Private Resources

Private

Content

Templates

TypoScripts

maandag 5 november 12

Page 12: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

<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

maandag 5 november 12

Page 13: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Content Model - Nodes

site root

page

content section

content element

representation of domain models

maandag 5 november 12

Page 14: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

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

Content Model - nodePaths

maandag 5 november 12

Page 15: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

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

Content Model - nodePaths

site root

maandag 5 november 12

Page 16: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

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

Content Model - nodePaths

site rootpages

maandag 5 november 12

Page 17: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

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

Content Model - nodePaths

site rootpages

sections

maandag 5 november 12

Page 18: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

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

Content Model - nodePaths

site rootpages

sectionscontent

maandag 5 november 12

Page 19: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Private Resources

Private

Content

Templates

TypoScripts

maandag 5 november 12

Page 20: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Page Template

maandag 5 november 12

Page 21: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Page Template - Header

maandag 5 november 12

Page 22: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Page Template - Sections / Parts

maandag 5 november 12

Page 23: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Private Resources

Private

Content

Templates

TypoScripts

maandag 5 november 12

Page 24: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

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

maandag 5 november 12

Page 25: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Eenvoudig - Set TypoScript Objects

Template

Array

Collection

Case

Menu

(Page)

maandag 5 november 12

Page 26: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

TypoScript Folderstructuur

TypoScripts

Library

Nodes

Root.ts2

maandag 5 november 12

Page 27: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

TypoScript Folderstructuur

TypoScripts

Library

Nodes

Root.ts2

Home Subpage.ts2

maandag 5 november 12

Page 28: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

TypoScript Syntax Voorbeeld

maandag 5 november 12

Page 29: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

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

maandag 5 november 12

Page 30: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

EEL / FlowQuery - Node selectie / traversal

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

Expert functie

maandag 5 november 12

Page 31: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

EEL / FlowQuery - Property Access

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

Expert functie

maandag 5 november 12

Page 32: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

TypoScript - Processors

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

Expert functie

maandag 5 november 12

Page 33: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Custom Content Elementen

maandag 5 november 12

Page 34: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

Stick To Conventions!

maandag 5 november 12

Page 35: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

maandag 5 november 12

Page 36: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Ons Verzoek

maandag 5 november 12

Page 37: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Probeer TYPO3 Neos,en geef ons feedback!

maandag 5 november 12

Page 38: TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

Inspiring people toshare

? ? ? ? ?

IRC: #typo3-neos op freenode.org

maandag 5 november 12