T3CON11-SF Getting started in TYPO3

1,556 views

Published on

Presentation given at T3CON11 San Francisco to give guidance on how to get started in developing with TYPO3.

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
1,556
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • T3CON11-SF Getting started in TYPO3

    1. 1. Getting Started in TYPO3T3CON11-San Francisco, June 9, 2011 Presented by Ron Hall and Jeff Segars
    2. 2. ✔ Editor ✔ Site Administrator ✔ Site Builder ✔ Extension/Core DeveloperUnderstanding TYPO3 Site Building
    3. 3. Roles in TYPO3 ✔ Editor ✔ Site Administrator ✔ Site Builder ✔ Extension/Core DeveloperUnderstanding TYPO3 Site Building
    4. 4. Essential Optional Essential Optional HTML JavaScript TypoScript Extension CSS PHP Template Building Building Skills Site AdministrationUnderstanding TYPO3 Site Building
    5. 5. Skills Needed to be a TYPO3 Site Builder Essential Optional Essential Optional HTML JavaScript TypoScript Extension CSS PHP Template Building Building Skills Site AdministrationUnderstanding TYPO3 Site Building
    6. 6. Skills Needed to be a TYPO3 Site Builder Web Skills Essential Optional Essential Optional HTML JavaScript TypoScript Extension CSS PHP Template Building Building Skills Site AdministrationUnderstanding TYPO3 Site Building
    7. 7. Skills Needed to be a TYPO3 Site Builder Web Skills TYPO3 Skills Essential Optional Essential Optional HTML JavaScript TypoScript Extension CSS PHP Template Building Building Skills Site AdministrationUnderstanding TYPO3 Site Building
    8. 8. ✔ TYPO3 Introduction Package (Official Package) typo3.org Template Approach: Auto-Parser ✔ WEC Starter Package webempoweredchurch.org Template Approach: TemplaVoila, TemplaVoila Framework Also, has server checker script ✔ Busy Noggin QuickSite templavoila.busynoggin.com Template Approach: TemplaVoila, TemplaVoila FrameworkTYPO3 Packages
    9. 9. TYPO3 Ready to Go Packages ✔ TYPO3 Introduction Package (Official Package) typo3.org Template Approach: Auto-Parser ✔ WEC Starter Package webempoweredchurch.org Template Approach: TemplaVoila, TemplaVoila Framework Also, has server checker script ✔ Busy Noggin QuickSite templavoila.busynoggin.com Template Approach: TemplaVoila, TemplaVoila FrameworkTYPO3 Packages
    10. 10. ✔ Installation and Upgrade Guide ✔ Getting Started ✔ Modern Template Building (Part 1, 2 & 3) ✔ Futuristic Template Building (TemplaVoila) Find all at typo3.org/documentation/TYPO3 Documentation
    11. 11. Documents to Get You Started ✔ Installation and Upgrade Guide ✔ Getting Started ✔ Modern Template Building (Part 1, 2 & 3) ✔ Futuristic Template Building (TemplaVoila) Find all at typo3.org/documentation/TYPO3 Documentation
    12. 12. ✔ TypoScript Syntax and In-Depth Study ✔ TypoScript by Example ✔ TypoScript in 45 minutes ✔ TypoScript Reference (TSref) ✔ TSconfig Reference Find all at typo3.org/documentation/ except TypoScript in 45 Minutes is at http://wiki.typo3.org/wiki/Ts45minTYPO3 Documentation
    13. 13. TypoScript Documents ✔ TypoScript Syntax and In-Depth Study ✔ TypoScript by Example ✔ TypoScript in 45 minutes ✔ TypoScript Reference (TSref) ✔ TSconfig Reference Find all at typo3.org/documentation/ except TypoScript in 45 Minutes is at http://wiki.typo3.org/wiki/Ts45minTYPO3 Documentation
    14. 14. ✔ TYPO3.org ✔ TYPO3 Wiki (wiki.typo3.org) ✔ Mastering TypoScript (Book by Packt Publishing) ✔ TYPO3 Templates (Book by Packt Publishing)TYPO3 Documentation
    15. 15. Additional Resources ✔ TYPO3.org ✔ TYPO3 Wiki (wiki.typo3.org) ✔ Mastering TypoScript (Book by Packt Publishing) ✔ TYPO3 Templates (Book by Packt Publishing)TYPO3 Documentation
    16. 16. Installing TYPO3
    17. 17. TypoScript Syntax and Formatting
    18. 18. TypoScript is case sensitive which means myObject and myobject are not the same. If something is not working make sure upper and lower case are right.TypoScript Syntax and Formatting
    19. 19. Case Sensitive TypoScript is case sensitive which means myObject and myobject are not the same. If something is not working make sure upper and lower case are right.TypoScript Syntax and Formatting
    20. 20. // This is a single line comment # this is a single line comment   /* This is a multline comment in case you want to be very verbose */TypoScript Syntax and Formatting
    21. 21. Comments // This is a single line comment # this is a single line comment   /* This is a multline comment in case you want to be very verbose */TypoScript Syntax and Formatting
    22. 22. myObject = HTML myObject.value = Hello World. myObject.stdWrap.case = upper myObject.stdWrap.wrap = <h1>|</h1> myObject.stdWrap.htmlSpecialChars = 1 // Same code using confinements myObject = HTML myObject {     value = Hello World.     stdWrap {         case = upper         wrap = <h1>|</h1>         htmlSpecialChars = 1     } }TypoScript Syntax and Formatting
    23. 23. Confinements myObject = HTML myObject.value = Hello World. myObject.stdWrap.case = upper myObject.stdWrap.wrap = <h1>|</h1> myObject.stdWrap.htmlSpecialChars = 1 // Same code using confinements myObject = HTML myObject {     value = Hello World.     stdWrap {         case = upper         wrap = <h1>|</h1>         htmlSpecialChars = 1     } }TypoScript Syntax and Formatting
    24. 24. myObject = HTML myObject { value = Hello World. stdWrap { case = upper wrap = <h1>|</h1> htmlSpecialChars = 1 } } // This overrides the previous case setting myObject.stdWrap.case = lowerTypoScript Syntax and Formatting
    25. 25. Last Man Wins myObject = HTML myObject { value = Hello World. stdWrap { case = upper wrap = <h1>|</h1> htmlSpecialChars = 1 } } // This overrides the previous case setting myObject.stdWrap.case = lowerTypoScript Syntax and Formatting
    26. 26. myObject = HTML myObject {     value = Hello World.     stdWrap {         case = upper         wrap = <h1>|</h1>         htmlSpecialChars = 1     } } myAlternateObject < myObject myAlternateObject > myThirdObject =< myObject myObject.value := appendString( Hear me roar!)TypoScript Syntax and Formatting
    27. 27. Operators myObject = HTML myObject {     value = Hello World.     stdWrap {         case = upper         wrap = <h1>|</h1>         htmlSpecialChars = 1     } } myAlternateObject < myObject myAlternateObject > myThirdObject =< myObject myObject.value := appendString( Hear me roar!)TypoScript Syntax and Formatting
    28. 28. myObject = HTML myObject.value = <pre>My special text. More text.<pre> // Same object but output will have line breaks myObject = HTML myObject.value ( <pre> My special text. More text. <pre> )TypoScript Syntax and Formatting
    29. 29. Multi-Line Values myObject = HTML myObject.value = <pre>My special text. More text.<pre> // Same object but output will have line breaks myObject = HTML myObject.value ( <pre> My special text. More text. <pre> )TypoScript Syntax and Formatting
    30. 30. [browser = msie]  && [version = 6]   myObject = HTML myObject.value = <h1>Dude, upgrade that browser!!!!</h1>   [else]   myObject = HTML myObject.value = <h1>I love you, man!!!!!</h1>   [global]TypoScript Syntax and Formatting
    31. 31. Conditions [browser = msie]  && [version = 6]   myObject = HTML myObject.value = <h1>Dude, upgrade that browser!!!!</h1>   [else]   myObject = HTML myObject.value = <h1>I love you, man!!!!!</h1>   [global]TypoScript Syntax and Formatting
    32. 32.  <INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/ts_directory/my_typoscript.ts">TypoScript Syntax and Formatting
    33. 33. Conditions  <INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/ts_directory/my_typoscript.ts">TypoScript Syntax and Formatting
    34. 34. postCodeHeader = HTML postCodeHeader {     value = hello world     value {         case = upper         wrap = <h1>|</h1>     } }TypoScript Syntax and Formatting
    35. 35. Writing a Simple Object postCodeHeader = HTML postCodeHeader {     value = hello world     value {         case = upper         wrap = <h1>|</h1>     } }TypoScript Syntax and Formatting
    36. 36. postCodeHeader = HTML postCodeHeader {     value {         data = page:abstract // page:description         case = upper         wrap = <h1>|</h1>         htmlSpecialChars = 1         required = 1     } }TypoScript Syntax and Formatting
    37. 37. Adding Dynamic Values postCodeHeader = HTML postCodeHeader {     value {         data = page:abstract // page:description         case = upper         wrap = <h1>|</h1>         htmlSpecialChars = 1         required = 1     } }TypoScript Syntax and Formatting
    38. 38. TypoScript
    39. 39. 85% of all the TypoScript you needTypoScript
    40. 40. 85% of all the TypoScript you need TEXT & HTML PAGE stdWrap HMENU & TMENU USER & USER_INT if COA & COA_INT LOAD_REGISTER & typolink RESTORE_REGISTER RECORD & CONTENT split & optionSplit CASE GIFBUILDER Conditions IMAGE & IMG_RESOURCETypoScript
    41. 41. ✔ Pure TypoScript ✔ Auto-Parser ✔ Fluid Templating ✔ TemplaVoila ✔ TemplaVoila with TemplaVoila FrameworkTypo3 Templates
    42. 42. TYPO3 Page Template Approaches ✔ Pure TypoScript ✔ Auto-Parser ✔ Fluid Templating ✔ TemplaVoila ✔ TemplaVoila with TemplaVoila FrameworkTypo3 Templates

    ×