[t3con13na] integrating websites with neos

Integrating Websites with TYPO3 Neos

Donnerstag, 30. Mai 13

Implementing a Website with TYPO3 CMS


3 Ways to go on


Classic Templating

3 Ways to go on


Templavoila

3 Ways to go on


3 Ways to go onFluid Template


Write Typoscript


Create Pages


Add Dummy Content


Folder Structure?


Folder Structure?

fileadmin

?Donnerstag, 30. Mai 13

Folder Structure?

fileadmin

templates ?Donnerstag, 30. Mai 13

Folder Structure?

fileadmin

templates

extension?


TypoScript?


TYPO3 Neos


Installation


Site Package


MyCompany.MySite

Classes

Configuratio

Resources

Site Package Contents


Resources Contents

Resources

Public

Private


Public

StyleSheets

Images

Scripts

Public Resources Contents

...


Private

Content

Templates

TypoScripts

Private Resources Contents


Content/Sites.xml<node type="TYPO3.Neos:Page" nodeName="anotherpage"> <properties> <title>Another Page</title> </properties> <node type="TYPO3.Neos:ContentCollection" nodeName="main"> <node type="TYPO3.Neos.NodeTypes:Headline" nodeName="headline1"> <properties> <title><![CDATA[<h1>Want More?</h1>]]></title> </properties> </node> <node type="TYPO3.Neos.NodeTypes:Text" nodeName="text1"> <properties> <text><![CDATA[ Some content ]]></text> </properties> </node> </node></node>


Content Model


Nodes


Node structure

site root

page

content collection

content element

representation of domain models


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

are addressed by nodePaths



site root




pagessite root




contentcollectionpages

site root




content

contentcollectionpages

site root



Private

Content

Templates

TypoScripts



Page Template


Fluid Template


Private

Content

Templates

TypoScripts



TypoScript2 Basics


‣ TypoScript v4: Extensibility, stdWrap

‣ Fluid: HTML Templates

‣ JavaScript: Prototypes

‣ jQuery: DOM Selection, Filters

‣ CSS: Selectors

Inspirations


limited set of objects


Basic TypoScript objects

‣ Template



‣ Template

‣ Array



‣ Template

‣ Array

‣ Collection



‣ Template

‣ Array

‣ Collection

‣ Case



‣ Template

‣ Array

‣ Collection

‣ Case / Matcher

‣ Value


Prototypes


Prototype Declaration


processors


Example TypoScript


Extensibility


Implement custom TypoScript objects


Add processors


Embedded Expression Language (EEL)


domain specific language


Parsing Expression Grammar


WAIT


Why would I want

in my code?


jQuery like syntax


Collections


Traversal


Object Methods


Accessing objects


Operations


comparisons


Filtering objects


Add custom operations


TypoScripts Contents

TypoScripts

Library


TypoScripts Contents

TypoScripts

Library Root.ts2


Tips


Custom Node Types


Stick to conventions


My Request


TRY AND GIVE FEEDBACK


@daskitsunet

‣ likes books, music, tea and more

‣ Flow and Neos Community Contact

‣ Freelance Trainer / Developer

‣ plays the piano

‣ [email protected]


mailto:[email protected]

mailto:[email protected]

[t3con13na] integrating websites with neos

Technology

typoscript v4

folder structure

filtering objectsdonnerstag

templavoila3 ways

onfluid templatedonnerstag

page templatedonnerstag

custom operationsdonnerstag

classic templating3