TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

889 views
819 views

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
889
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

TYPO3 Congres 2012 - Bouw je eerste site met TYPO3 Neos

  1. 1. TYPO3 Neos Een site bouwen met ‘The new kid on the block’maandag 5 november 12
  2. 2. Rens Admiraal Flow / Neos core developer @renst3 rens.admiraal@typo3.org Inspiring people to sharemaandag 5 november 12
  3. 3. Huidige Status TYPO3 Neos Content editing Frontend plugins Backend modules Workspaces TypoScript2 Inspiring people to sharemaandag 5 november 12
  4. 4. Doorsnede TYPO3 Neos Site Fluid Resources CMS / Static TYPO3 Neos TypoScript2 TYPO3 CR Database TYPO3 Flow Webserver PHP / Webserver Inspiring people to sharemaandag 5 november 12
  5. 5. Installatie TYPO3 Neos - Composer Inspiring people to sharemaandag 5 november 12
  6. 6. Installatie TYPO3 Neos - Routes.yaml - name: Neos uriPattern: <NeosSubroutes> subRoutes: NeosSubroutes: package: TYPO3.TYPO3 Inspiring people to sharemaandag 5 november 12
  7. 7. Installatie TYPO3 Neos - Setup Inspiring people to sharemaandag 5 november 12
  8. 8. Site Package MyCompany.MySite Classes Configuration Resources Inspiring people to sharemaandag 5 november 12
  9. 9. Site Package Resources Public Private Inspiring people to sharemaandag 5 november 12
  10. 10. Public Resources Public StyleSheets Images JavaScripts ... Inspiring people to sharemaandag 5 november 12
  11. 11. Private Resources Private Content Templates TypoScripts Inspiring people to sharemaandag 5 november 12
  12. 12. Resources/Private/Content/Sites.xml <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> Inspiring people to sharemaandag 5 november 12
  13. 13. Content Model - Nodes site root page content section content element representation of domain models Inspiring people to sharemaandag 5 november 12
  14. 14. Content Model - nodePaths /sites/typo3org/home/subpage/main/text1 Inspiring people to sharemaandag 5 november 12
  15. 15. Content Model - nodePaths /sites/typo3org/home/subpage/main/text1 site root Inspiring people to sharemaandag 5 november 12
  16. 16. Content Model - nodePaths /sites/typo3org/home/subpage/main/text1 site root pages Inspiring people to sharemaandag 5 november 12
  17. 17. Content Model - nodePaths /sites/typo3org/home/subpage/main/text1 site root sections pages Inspiring people to sharemaandag 5 november 12
  18. 18. Content Model - nodePaths /sites/typo3org/home/subpage/main/text1 site root sections pages content Inspiring people to sharemaandag 5 november 12
  19. 19. Private Resources Private Content Templates TypoScripts Inspiring people to sharemaandag 5 november 12
  20. 20. Page Template Inspiring people to sharemaandag 5 november 12
  21. 21. Page Template - Header Inspiring people to sharemaandag 5 november 12
  22. 22. Page Template - Sections / Parts Inspiring people to sharemaandag 5 november 12
  23. 23. Private Resources Private Content Templates TypoScripts Inspiring people to sharemaandag 5 november 12
  24. 24. TypoScript Opgeslagen in *.ts2 bestanden Er bestaat een node type ‘TypoScript’ indien dit eventueel nodig is, geen best practice! Consistente syntax Uitbreidbaar Flexibel Niet gelimiteerd tot websites Eenvoudig Inspiring people to sharemaandag 5 november 12
  25. 25. Eenvoudig - Set TypoScript Objects Template Array Collection Case Menu (Page) Inspiring people to sharemaandag 5 november 12
  26. 26. TypoScript Folderstructuur TypoScripts Library Root.ts2 Nodes Inspiring people to sharemaandag 5 november 12
  27. 27. TypoScript Folderstructuur TypoScripts Library Root.ts2 Nodes Home Subpage.ts2 Inspiring people to sharemaandag 5 november 12
  28. 28. TypoScript Syntax Voorbeeld Inspiring people to sharemaandag 5 november 12
  29. 29. TypoScript- Prototype prototype(TYPO3.TYPO3:Menu).@class = ↵ TYPO3TYPO3TypoScriptMenuImplementation prototype(TYPO3.PhoenixDemoTypo3Org:Registration) < ↵ prototype(TYPO3.Phoenix.ContentTypes:Plugin) prototype(TYPO3.PhoenixDemoTypo3Org:Registration) { package = TYPO3.PhoenixDemoTypo3Org controller = Registration } Inspiring people to sharemaandag 5 november 12
  30. 30. Ex EEL / FlowQuery - Node selectie / traversal pe r tf un ct ie ${q(node).children().filter(left).first()} Inspiring people to sharemaandag 5 november 12
  31. 31. Ex EEL / FlowQuery - Property Access pe r tf un ct ie ${q(node).property(‘text’)} Inspiring people to sharemaandag 5 november 12
  32. 32. Ex TypoScript - Processors pe r tf un ct ie prototype(TYPO3.Phoenix.ContentTypes:TextWithImage)↵ .text << 1.wrap(prefix: <p>, suffix: </p>) Inspiring people to sharemaandag 5 november 12
  33. 33. Custom Content Elementen Inspiring people to sharemaandag 5 november 12
  34. 34. Stick To Conventions! Inspiring people to sharemaandag 5 november 12
  35. 35. Inspiring people to sharemaandag 5 november 12
  36. 36. Ons Verzoekmaandag 5 november 12
  37. 37. Probeer TYPO3 Neos, en geef ons feedback!maandag 5 november 12
  38. 38. ? ? ? ? ? IRC: #typo3-neos op freenode.org Inspiring people to sharemaandag 5 november 12

×