Talk about Neos website integration and TypoScript at the TYPO3 Camp Berlin 2013

1. Integrating Websites with
TYPO3 Neos
Dienstag, 28. Mai 13

2. Dienstag, 28. Mai 13

3. Dienstag, 28. Mai 13

4. 3 Ways to go on
Dienstag, 28. Mai 13

5. Classic Templating
3 Ways to go on
Dienstag, 28. Mai 13

6. Dienstag, 28. Mai 13

7. Templavoila
3 Ways to go on
Dienstag, 28. Mai 13

8. Dienstag, 28. Mai 13

9. Fluid Template
3 Ways to go on
Dienstag, 28. Mai 13

10. Dienstag, 28. Mai 13

11. Write Typoscript
Dienstag, 28. Mai 13

12. Dienstag, 28. Mai 13

13. Dienstag, 28. Mai 13

14. Create Pages
Dienstag, 28. Mai 13

15. Add Dummy Content
Dienstag, 28. Mai 13

16. Dienstag, 28. Mai 13

17. Folder Structure?
Dienstag, 28. Mai 13

18. Folder Structure?
fileadmin
templates
extension
?
Dienstag, 28. Mai 13

19. TypoScript?
Dienstag, 28. Mai 13

20. TYPO3 Neos
Dienstag, 28. Mai 13

21. Installation
Dienstag, 28. Mai 13

22. Dienstag, 28. Mai 13

23. Site Package
Dienstag, 28. Mai 13

24. MyCompany.MySite
Classes
Configuration
Resources
Site Package Contents
Dienstag, 28. Mai 13

25. Resources Contents
Resources
Public
Private
Dienstag, 28. Mai 13

26. Public
StyleSheets
Images
Scripts
Public Resources Contents
...
Dienstag, 28. Mai 13

27. Private
Content
Templates
TypoScripts
Private Resources Contents
Dienstag, 28. Mai 13

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

29. Content Model
Dienstag, 28. Mai 13

30. Nodes
Dienstag, 28. Mai 13

31. Node structure
site root
page
content section
content element
representation of
domain models
Dienstag, 28. Mai 13

32. /sites/typo3org/home/subpage/main/text1
are addressed by nodePaths
Dienstag, 28. Mai 13

33. are addressed by nodePaths
/sites/typo3org/home/subpage/main/text1
site root
Dienstag, 28. Mai 13

34. are addressed by nodePaths
/sites/typo3org/home/subpage/main/text1
pages
site root
Dienstag, 28. Mai 13

35. are addressed by nodePaths
/sites/typo3org/home/subpage/main/text1
section
pages
site root
Dienstag, 28. Mai 13

36. are addressed by nodePaths
/sites/typo3org/home/subpage/main/text1
content
section
pages
site root
Dienstag, 28. Mai 13

37. Private
Content
Templates
TypoScripts
Private Resources Contents
Dienstag, 28. Mai 13

38. Page Template
Dienstag, 28. Mai 13

39. Fluid Template
Dienstag, 28. Mai 13

40. Dienstag, 28. Mai 13

41. Dienstag, 28. Mai 13

42. Dienstag, 28. Mai 13

43. Private
Content
Templates
TypoScripts
Private Resources Contents
Dienstag, 28. Mai 13

44. TypoScript2 Basics
Dienstag, 28. Mai 13

45. FEATURE
Consistency
Dienstag, 28. Mai 13

46. FEATURE
Extensibility
Dienstag, 28. Mai 13

47. FEATURE
Simplicicy
Dienstag, 28. Mai 13

48. TypoScript Objects
• Template
• Array
• Collection
• Case
• Menu
• (Page)
Dienstag, 28. Mai 13

49. FEATURE
Flexibility
Dienstag, 28. Mai 13

50. TypoScripts Contents
TypoScripts
Library
Nodes
Dienstag, 28. Mai 13

51. TypoScripts Contents
TypoScripts
Library
Nodes
Root.ts2
Dienstag, 28. Mai 13

52. TypoScripts Contents
TypoScripts
Library
Nodes
Root.ts2
Dienstag, 28. Mai 13

53. REMINDER
site root
page
content section
content element
representation of
domain models
/sites/typo3org/home/subpage
Dienstag, 28. Mai 13

54. REMINDER
site root
page
content section
content element
representation of
domain models
/sites/typo3org/home/subpage
Dienstag, 28. Mai 13

55. TypoScripts Contents
TypoScripts
Library
Nodes
Root.ts2
Home Subpage.ts2
Dienstag, 28. Mai 13

56. Dienstag, 28. Mai 13

57. Prototypes
Dienstag, 28. Mai 13

58. prototype(TYPO3.Neos:MenuRenderer).implementationClassName = ↵
'TYPO3TYPO3TypoScriptMenuRenderer'
prototype(TYPO3.Neos:Section) < prototype(TYPO3.TypoScript:CollectionRenderer)
prototype(TYPO3.Neos:Section) {
implementationClassName = 'TYPO3NeosTypoScriptSection'
collection = ${context.children(this.getNodePath()).children()}
}
Dienstag, 28. Mai 13

59. EEL?
Dienstag, 28. Mai 13

60. FlowQuery?
EEL?
Dienstag, 28. Mai 13

61. Fizzle?
FlowQuery?
EEL?
Dienstag, 28. Mai 13

62. Lets take it apart
${q(node).children().filter('left').first()}
Dienstag, 28. Mai 13

63. Simple Property Access
${q(node).property('text')}
Dienstag, 28. Mai 13

64. Traversal
${q(node).children('left').first()}
${q(node).children().filter('left').first()}
${q(node).parents()}
Dienstag, 28. Mai 13

65. Processors
Dienstag, 28. Mai 13

66. Processors
prototype(TYPO3.Neos.NodeTypes:TextWithImage)
.text << 1.wrap(prefix: '<header>', suffix:
'</header>')
Dienstag, 28. Mai 13

67. Tips
Dienstag, 28. Mai 13

68. Custom Node Types
Dienstag, 28. Mai 13

69. Stick to conventions
Dienstag, 28. Mai 13