• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
T3CON11-SF Getting started in TYPO3
 

T3CON11-SF Getting started in TYPO3

on

  • 1,466 views

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

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

Statistics

Views

Total Views
1,466
Views on SlideShare
1,466
Embed Views
0

Actions

Likes
0
Downloads
29
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 T3CON11-SF Getting started in TYPO3 Presentation Transcript

  • Getting Started in TYPO3T3CON11-San Francisco, June 9, 2011 Presented by Ron Hall and Jeff Segars
  • ✔ Editor ✔ Site Administrator ✔ Site Builder ✔ Extension/Core DeveloperUnderstanding TYPO3 Site Building
  • Roles in TYPO3 ✔ Editor ✔ Site Administrator ✔ Site Builder ✔ Extension/Core DeveloperUnderstanding TYPO3 Site Building
  • Essential Optional Essential Optional HTML JavaScript TypoScript Extension CSS PHP Template Building Building Skills Site AdministrationUnderstanding TYPO3 Site Building
  • 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
  • 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
  • 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
  • ✔ 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
  • 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
  • ✔ 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
  • 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
  • ✔ 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
  • 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
  • ✔ TYPO3.org ✔ TYPO3 Wiki (wiki.typo3.org) ✔ Mastering TypoScript (Book by Packt Publishing) ✔ TYPO3 Templates (Book by Packt Publishing)TYPO3 Documentation
  • Additional Resources ✔ TYPO3.org ✔ TYPO3 Wiki (wiki.typo3.org) ✔ Mastering TypoScript (Book by Packt Publishing) ✔ TYPO3 Templates (Book by Packt Publishing)TYPO3 Documentation
  • Installing TYPO3
  • TypoScript Syntax and Formatting
  • 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
  • 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
  • // 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • [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
  • 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
  •  <INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/ts_directory/my_typoscript.ts">TypoScript Syntax and Formatting
  • Conditions  <INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/ts_directory/my_typoscript.ts">TypoScript Syntax and Formatting
  • postCodeHeader = HTML postCodeHeader {     value = hello world     value {         case = upper         wrap = <h1>|</h1>     } }TypoScript Syntax and Formatting
  • Writing a Simple Object postCodeHeader = HTML postCodeHeader {     value = hello world     value {         case = upper         wrap = <h1>|</h1>     } }TypoScript Syntax and Formatting
  • postCodeHeader = HTML postCodeHeader {     value {         data = page:abstract // page:description         case = upper         wrap = <h1>|</h1>         htmlSpecialChars = 1         required = 1     } }TypoScript Syntax and Formatting
  • 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
  • TypoScript
  • 85% of all the TypoScript you needTypoScript
  • 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
  • ✔ Pure TypoScript ✔ Auto-Parser ✔ Fluid Templating ✔ TemplaVoila ✔ TemplaVoila with TemplaVoila FrameworkTypo3 Templates
  • TYPO3 Page Template Approaches ✔ Pure TypoScript ✔ Auto-Parser ✔ Fluid Templating ✔ TemplaVoila ✔ TemplaVoila with TemplaVoila FrameworkTypo3 Templates